.icon-img {
    position: absolute;
    right: 50%;
    transform: translate(50% , 0%);
    bottom: 0;
    z-index: 3;
    transition: all .3s ease;
    height: 75px;
    width: auto;
}
.right-block .icon-img {
    right: 0;
    transform: initial;
}

.hero__person-cont1 {
     position: relative;
 }
 .hero__person-title-vertical1 {
    top: calc(66% - 75px);
    color: #4B251C;
    white-space: normal;
    opacity: 1;
    z-index: 3;
    text-align: center;
    width: 138px;
    transition: all 0.5s ease;
    font-family: 'lagu_semibold';
    font-size: 14px;
    right: 50%;
    margin: 0;
    position: absolute;
    transform: translate(50%, -50%) rotate(-90deg);
}
.hero__person1.active-slider .hero__person-title-vertical1 {
    opacity: 0;
    /* left: 50%;
    transition: all .3s ease; */
}
.hero__person-title{padding: 0 0 10px 0;}

 .hero__person1.active-slider .hero__person-txt-more1{
     opacity: 1;
 }


.hero__person1.active-slider .icon-img{opacity: 0; }


 .hero__person1 .hero__person-txt-more1 {
     padding:0;
     padding-left: 0;
     height: 100%;
 }

 .hero__person1.active-slider .hero__person-txt-more1 {
     width: 100%;
     transform: rotate(0);
     right: inherit;
     left: 0;
     bottom: 0;
 }

 .hero__person1.active-slider .hero__person-title {
     font-size: 25px;
     line-height: 30px;
     font-weight: 700;
     position: relative;
     bottom: 0;
     color:#fff;
 }

 .hero__person1.active-slider .hero__sub-head {
     display: block;
     font-size: 16px;
     font-weight: 300;
     line-height: 22px;
     color:#fff;
 }








.hero__person1 .buttons-section{
    position: absolute;  top:50%;  z-index: 2;
    left: 50%;
  transform: translate(-50%, -50%);
  margin-left: -100px;
    
}


.hero__person1 .buttons-section .btn {
    color: #fff;
    max-width: 328px;
    min-width: 328px;
    border-radius: 10px;
    text-decoration: none;
    background: #B85B4E;
    font-size: 24px;
    font-family: "lagu_semibold";
    -webkit-appearance: none;
    line-height: normal;
    cursor: pointer;
    box-shadow: 0 3.5px 3.5px rgba(0, 0, 0, .25);
    height: 126px;
    display: inline-flex;
    align-items: center;
    width: 100%;
    justify-content: center;
    text-align: center;
    transform: translateX(-500px);
    transition: all .5s ease;
    opacity: 0;
    z-index: 3;
    padding: 0 30px;
}

.hero__person1 .images-section img{position: absolute; right:0; z-index: 2;  bottom:0; transform: translateX(300px);  transition: all .5s ease; opacity: 0;}

.hero__person1.active-slider .images-section img{
    transform: translateX(0); opacity: 1;  transition: all .5s ease;
}

.hero__person1.active-slider .buttons-section .btn{
    opacity: 1;
    transform: translateX(0);
}




/* .hero__person1.mod1--1 .images-section img{
     transform: translateX(0); opacity: 1;
}

.hero__person1.mod1--1:hover .images-section img{
     transform: translateX(0); opacity: 1;
}

.hero__person1.mod1--1 .hero__person-title-vertical1{
    opacity: 0;
}

.hero__person1.mod1--1 .buttons-section .btn{
    opacity: 1;transform: translateX(0);
}



.hero__person1.mod1--1 .icon-img{
    opacity: 0;
}

.hero__persons1:hover .mod1--1 .images-section img{
     transform: translateX(300px); opacity: 0; 
}


.hero__persons1:hover .mod1--1 .buttons-section .btn{
      opacity: 0; transform: translateX(-500px);
}


.hero__persons1:hover .mod1--1  .hero__person-title-vertical1{
    opacity: 1;
}

.hero__persons1:hover .mod1--1  .icon-img{
    opacity: 1;
}


.hero__persons1 .mod1--1:hover .buttons-section .btn{
    opacity: 1;transform: translateX(0);
}
 
.hero__persons1 .mod1--1:hover .images-section img{
    opacity: 1; transition: all .5s ease; transform: translateX(0); 
    
    
}

.hero__persons1 .mod1--1:hover .icon-img{
    opacity: 0;
}


.hero__persons1 .mod1--1:hover .hero__person-title-vertical1{
    opacity: 0;
}

.hero__persons1 .mod1--1 .hero__person-cont1:after{
    opacity: 0;
}

.hero__persons1:hover .mod1--1 .hero__person-cont1:after{
    opacity: 1;
} */



 .hero__person-cont1:after {
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     content: '';
     z-index: 1;

     background: rgb(255, 221, 156);
     background: linear-gradient(180deg, rgba(255, 221, 156, 0.25) 20%, rgba(237, 186, 91, 1) 100%);
 }

/* .hero__person1.mod1--1:hover .hero__person-cont1:after{
    opacity: 0;
} */



.hero__person1.active-slider .hero__person-cont1:after{
    opacity: 0;
}





 .hero__persons1 {
     position: relative;
     z-index: 0;
     display: -webkit-box;
     display: -webkit-flex;
     display: -ms-flexbox;
     display: flex;
     margin-right: -20px;
     margin-left: -85px;
     -webkit-box-pack: end;
     -webkit-justify-content: flex-end;
     -ms-flex-pack: end;
     justify-content: flex-end;
     height: 266px;
     width: 100%;
    gap: 10px;
     margin: 0 auto 40px;
 }

 .hero__person1 {
     position: relative;
     overflow: hidden;
     width: 100px;
     /* padding-right: 5px;
     padding-left: 5px; */
     border-radius: 10px;
     cursor: pointer;
     transition: width 1s ease;
     box-sizing: border-box;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     min-width: 100px;
 }




 .hero__person-cont1 {
     position: relative;
     overflow: hidden;
     width: 100%;
     height: 100%;
     border-radius: 16px;
     background: rgb(246,223,178);
background: linear-gradient(-90deg, rgba(246,223,178,1) 100%, rgba(246,223,178,0.6) 100%);
 }



 /* .mod1--1 {
    width: 100%;
} */

.hero__persons1 .hero__person1.active-slider {
    width: 100% !important;

}

 /* .hero__persons1:hover .mod1--1 {
     width: 100px;
 } */