.section.section-first {margin-top: -6.8333333333rem !important; } .section.slides {display: flex;flex-direction: column;align-items: center;justify-content: center;width: 100%;height: 100vh;min-height: 710px;margin: 0 auto;max-width: 1920px; } .section.slides .carousel {display: block;position: relative;width: 100%;height: 100%; } .section.slides .carousel .holder {height: 100%;overflow: hidden; } .section.slides .carousel .holder .row {flex-wrap: nowrap;position: relative;height: 100%; } .section.slides .carousel .holder .col {flex-shrink: 0;height: 100%; } .section.slides .carousel .holder .item {position: relative;border: 0;width: 100%;height: 100vh;min-height: 710px; } .section.slides .carousel .holder .slide {height: 100%;position: relative; } .section.slides .carousel .holder .video {position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover; } .section.slides .carousel .holder .background {position: absolute;top: 0;left: 0;right: 0;bottom: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.8);z-index: 2; } .section.slides .carousel .holder .image {width: 100%;height: 100%; } @media (orientation: landscape) {.section.slides .carousel .holder .image.image-landscape {display: block;} } @media (orientation: portrait) {.section.slides .carousel .holder .image.image-landscape {display: none;} } @media (orientation: landscape) {.section.slides .carousel .holder .image.image-portrait {display: none;} } @media (orientation: portrait) {.section.slides .carousel .holder .image.image-portrait {display: block;} } .section.slides .carousel .holder .img-fluid {width: 100%;height: 100%;object-fit: cover;border-bottom-left-radius: 1.1111111111rem;border-bottom-right-radius: 1.1111111111rem; } .section.slides .carousel .holder .container {display: flex;align-items: center;justify-content: center;flex-direction: column;position: absolute;z-index: 3;top: 50%;left: 50%;transform: translateX(-50%) translateY(-50%); } @media (min-width: 768px) {.section.slides .carousel .holder .container {top: 55%;} } .section.slides .slide-content {padding: 2.2222222222rem;border-radius: 1rem;color: var(--white);display: flex;flex-direction: column;align-items: center;gap: 1.6666666667rem;text-align: center; } .section.slides .slide-content svg {color: var(--white);max-width: 8.6111111111rem;height: auto; } @media (min-width: 768px) {.section.slides .slide-content svg {max-width: 11.1111111111rem;} } @media (min-width: 1060px) {.section.slides .slide-content svg {max-width: 13.8888888889rem;} } .section.slides .slide-content .name {font-size: 1.3333333333rem;padding: 0.5555555556rem 1.5555555556rem;border: 1px solid rgba(255, 255, 255, 0.2);background: rgba(255, 255, 255, 0.1);border-radius: 100px;font-weight: 700;text-transform: uppercase; } .section.slides .slide-content h2 {font-size: 2.6666666667rem;color: var(--white); } .section.slides .slide-content h2 span {font-style: italic;color: #C4B5A0; } @media (min-width: 768px) {.section.slides .slide-content h2 {font-size: 4.5555555556rem;} } .section.slides .slide-content p {font-size: 1.1111111111rem;font-weight: 300; }