.section.founders {display: flex;flex-direction: column;align-items: center;justify-content: center;width: 100%;margin: 0 auto;max-width: 1920px;background: #ECE0D4;padding: 3.3333333333rem 0; } .section.founders .carousel {display: block;position: relative;width: 100%;height: 100%; } .section.founders .carousel .holder {height: 100%;overflow: hidden; } .section.founders .carousel .holder .row {flex-wrap: nowrap;position: relative;height: 100%;margin: 0; } .section.founders .carousel .holder .col {flex-shrink: 0;height: 100%; } .section.founders .carousel .holder .col-text {opacity: 0;transform: translateX(-80px);transition: opacity 0.8s ease, transform 0.8s cubic-bezier(0.22, 0.61, 0.36, 1); } .section.founders .carousel .holder .col-image {opacity: 0;transform: translateX(80px);transition: opacity 0.8s ease, transform 0.8s cubic-bezier(0.22, 0.61, 0.36, 1); } .section.founders .carousel .holder .item {position: relative;border: 0;width: 100%; } .section.founders .carousel .holder .founder {height: 100%;position: relative; } .section.founders .carousel .holder .founder .row {flex-wrap: wrap; } .section.founders .carousel .holder .col-image {width: 100%;height: 100%;aspect-ratio: 652/620; } @media (orientation: landscape) {.section.founders .carousel .holder .col-image.image-landscape {display: block;} } @media (orientation: portrait) {.section.founders .carousel .holder .col-image.image-landscape {display: none;} } @media (orientation: landscape) {.section.founders .carousel .holder .col-image.image-portrait {display: none;} } @media (orientation: portrait) {.section.founders .carousel .holder .col-image.image-portrait {display: block;} } .section.founders .carousel .holder .img-fluid {position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;border-radius: 1.1111111111rem; } .section.founders .founder-content .team {color: var(--secondary);font-weight: 700;display: flex;align-items: center;gap: 1.1111111111rem; } .section.founders .founder-content .team span {content: "";width: 2.2222222222rem;height: 0.0555555556rem;background-color: var(--secondary);display: inline-flex; } @media (min-width: 768px) {.section.founders .founder-content .team {font-size: 0.6666666667rem;margin-bottom: 4.4444444444rem;} } .section.founders .founder-content .slider-count {color: var(--color2);font-weight: 700; } @media (min-width: 768px) {.section.founders .founder-content .slider-count {font-size: 0.6666666667rem;} } .section.founders .founder-content h2 {text-align: left; } @media (min-width: 768px) {.section.founders .founder-content h2 {font-size: 2.8333333333rem;} } .section.founders .founder-content .position {color: #B8960C;font-weight: 700;border-left: 2px solid;padding-left: 1.1111111111rem; } @media (min-width: 768px) {.section.founders .founder-content .position {margin-bottom: 1.6666666667rem;} } .section.founders .founder-content p {color: var(--secondary); } @inlcude media-breakpoint-up(md) {.section.founders .founder-content p {font-size: 0.8888888889rem;} } .section.founders.active .carousel .holder .col-text, .section.founders.active .carousel .holder .col-image {opacity: 1;transform: translateX(0);transition: opacity 0.5s, transform 0.5s; }