.our-value-body{display:flex;gap:14px;max-width:1300px;overflow-x:auto}.our-value-body .card{position:relative;height:360px;flex:0 0 clamp(5.625rem,-5.1373rem + 22.4215vw,8.75rem);justify-content:flex-end;z-index:0;border-radius:.75rem;overflow:hidden;transition:all .4s ease-in}.our-value-body .card:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;opacity:1;background-color:#191a4eb2;z-index:1;transition:all .3s ease}.our-value-body .card .card-body{display:flex;flex-direction:column;justify-content:flex-end}.our-value-body .card .card-body .img-box{position:absolute;top:0;left:0;width:100%;height:100%}.our-value-body .card .card-body .img-box .client-img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);object-fit:cover;object-position:center;width:100%;height:100%;transition:all .2s ease-in}.our-value-body .card .card-body .img-box .play-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:0;transition:opacity .4s ease-in}.our-value-body .card .main-text{font-size:clamp(1.375rem,1.2477rem + .4073vw,1.5rem)!important;font-weight:700;position:relative;text-wrap:nowrap;transform:rotate(-90deg) translateX(20px)}.our-value-body .card .main-text,.our-value-body .card .sub-text{color:var(--white);margin-bottom:0;transition:all .4s ease-in;z-index:2}.our-value-body .card .sub-text{font-size:clamp(1rem,.9278rem + .3082vw,1.125rem)!important;font-weight:400;opacity:0}.our-value-body .card.active{flex:0 0 300px;transition:all .4s ease-in}.our-value-body .card.active .card-body .img-box .play-btn{opacity:1;transition:opacity .4s ease-in}.our-value-body .card.active .main-text{transform-origin:left center;transform:rotate(0deg);transition:all .4s ease-in}.our-value-body .card.active .sub-text{opacity:1;transition:all .4s ease-in}.our-value-body .card.active:after{opacity:0;background-color:initial;transition:all .3s ease}.our-value-body .card.active .img-box{z-index:2}@media (min-width:768px){.our-value-body .card.active,.our-value-body .card:hover{flex:1 1}}