.bod {
  z-index: 120;
}
.bod .profile-detail {
  max-height: 0;
  -webkit-transition: none;
  transition: none
}
.bod .profile-detail__close {
  font-size: 3.2rem;
  line-height: 3.2rem;
  background-color: rgba(236,234,230,.3019607843);
  border: none
}
.bod .profile-detail--visible {
  max-height: 300rem;
  width: 100%;
  -webkit-transition: max-height 3s;
  transition: max-height 3s;
  padding-bottom: var(--lg-2)
}
.bod .profile-detail__wrapper {
  margin-top: var(--md-3)
}
.bod--popup .profile-detail {
  max-height: none
}
.bod--popup .profile-detail__wrapper {
  margin-top: 0
}
.bod--popup .profile-detail__button {
  display: none!important
}
.bod--popup .profile-detail--visible .profile-detail {
  max-height: 100%
}
.bod--popup .modal-dialog {
  min-width: calc(100vw - 28%)
}
.bod--popup .modal-body {
  background-color: var(--base-4)
}
.bod--popup .modal-header {
  border: none;
  padding: 0;
  padding: var(--sm-1) var(--sm-1) 0
}
.bod--popup .modal-content {
  max-height: 80rem;
  padding: 0!important;
}
.bod--popup .modal-content .profile-detail {
  margin-top: 0
}
.bod--popup .modal-footer {
  border-top: none;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: end
}

.bod .profile-card__title{
  color: var(--primary-1);
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%; 
  /* margin-top: -2.4rem;*/
}

.bod  .profile-card__image-wrapper{
  height: 28rem;
  /*   max-width: 300px !important;  */
}

/* .bod .profile-card{
  clip-path: polygon(0 0, 100% 0, 100% 88%, 83% 100%, 0 100%, 0 35%);
} */ 

.bod .profile-card .cta--text-link:hover .cta__label{
  color:var(--base-5);
}

.ip3-edit .modal {
  z-index: 99999
}
@media (min-width:768px) {
  .bod--popup .modal-dialog {
    min-width: calc(100vw - 17%)
  }
  .profile-detail__navigation.m-0.p-md-4.text-end:after {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    width: 80px;
    height: 80px;
    border: none;
    z-index: 999;
}
}
@media (min-width:992px) {
   .bod--popup .modal-dialog {
    min-width: calc(100vw - 36%)
  } 
  .bod--popup .profile-detail::before{
    content: url("../~/media/Images/I/inchcape/Corp/templates/board-of-directors/bod-popup-dots-pattern.png"); 
    position: absolute;
    left: 8rem;
    z-index: 0;
/*     bottom: -2.6rem; */
top : 65%;
  }
}

.bod .profile-detail__image {
object-position: top;
}


.profile-card__cta-wrapper{
  max-height: none; !important;
}

.bod .modal .modal-content{
  background-color: var(--base-5);
}

.bod .arrow-right{
  right: -8%;
  background: var(--base-5);
  color: var(--base-1);
  padding: 16px;

}
.bod .arrow-left{
  left: -8%;
  background: var(--base-5);
  color: var(--base-1);
  padding: 16px;
}

.bod .modal .btn-close{
  border-radius: 100%;
  padding: var(--xs-1);
  background: var(--base-4);
} 

/*.profile-detail__navigation::after {
  content: '';
  position: absolute;
  bottom: 0;
  right: 0;
  width: 60px;
  height: 82px;
  background: #69787c;
  clip-path: polygon(102% 0%, 0% 102%, 102% 102%);
  border: none;
  z-index: 999;
}*/
 
 
@media (max-width: 767.98px) {
.bod .profile-card {
  clip-path: unset;
}
}


@media (max-width: 767.98px) {
  .remove-translate-on-mobile {
    top: auto !important;
    transform: none !important;
    position: relative !important;
  }
  .profile-detail__navigation::after{
  content: unset;
  }
  .bod .arrow-left{
  padding:0
  }
  .bod .arrow-right{
  padding: 0
}
 .profile-card__content{
 bottom:-8px
 }
 .eclipse-dot:last-child{
margin-right: var(--sm-3);
} 
}
/* ///eclipse  */

.eclipse-dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  display: inline-block;
  margin-right:var(--xs-1);

}

.eclipse-dot:last-child{
margin-right: var(--sm-2);
} 

.bg-remuneration { background-color: var(--primary-5); }  
.bg-sustainability { background-color: var(--primary-2); }   
.bg-audit { background-color:var(--primary-1); }         
.bg-nomination { background-color:#E30421; }       

.bod--popup .profile-card__card-link:hover .cta__icon{
color:var(--base-5);
} 
.modal-backdrop.show , .modal-backdrop{
z-index:0;
}
.bod--popup .profile-detail__title-detail-wrapper{
max-width:80rem;
}
.bod--popup .profile-detail__image-wrapper{
max-width: 29.8rem;
height: 29.8rem;
}
@media (min-width: 768px) and (max-width: 1200px){
.bod--popup .swiper-slide{
width: 50% !important;
}
.bod--popup .profile-detail__title-detail-wrapper{
 max-width: 31rem;
}
}
.profile-card__card-link:focus-within .profile-card__content .color-cta{
outline: none; 
outline-offset: none;
}
.profile-card__card-link:focus-within .cta--text-link .cta__icon{
color: var(--base-5);
}

.bod .bod__profiles .profile-card__title h2{
text-transform: math-auto;
}
.profile-card__card-link:focus-within .profile-card__body-text, .profile-card__card-link:hover .profile-card__body-text{
color:var(--base-5);
}

@media (min-width: 768px) {
body .bod-multi .profile-detail{
left: 0 !important;
}
}
@media (min-width: 1200px) {
.bod-multi .profile-detail__navigation.m-0.p-md-4.text-end:after{
background: #3c3c3c;  
  clip-path: polygon(101% 0, 0% 101%, 101% 101%);
}
}
.bod-multi .profile-card--visible  .profile-card__body-text, .bod-multi .profile-card--visible .cta--text-link .cta__icon{
color: var(--base-5)
}
body  .profiles [class*=col-] .bod-multi .profile-detail--visible{
width: 100%;
}

.bod-multi .profile-card__card-link:focus-within {
border: 2px solid var(--base-1);
}


/* Landscape orientation for mobile */
/* @media only screen and (max-width: 767px) and (orientation: landscape) {
  .bod-multi .profile-detail__navigation.m-0.p-md-4.text-end:after {
    background: #3c3c3c;
  }
} */

.bod-multi .profile-card__card-link:hover .profile-card__cta-wrapper{
margin-top: 0;
  max-height: 80px;
}


.profile-card__card-link {
clip-path: polygon(0 0, 0 100%, calc(100% - 3rem) 100%, 100% calc(100% - 4.5rem), 100% 0);
}