.section.slides {display: flex;flex-direction: column;align-items: center;justify-content: center;max-width: 1920px;height: 100vh;min-height: 583px;max-height: 583px;margin: 0 auto;margin-top: -1.9444444444rem; } .section.slides.section-last {margin-bottom: -1.5rem; } .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: 583px;max-height: 583px; } .section.slides .carousel .holder .slide {height: 100%; } .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; } .section.slides .carousel .holder .container {position: absolute;z-index: 1;height: 100%;top: 0;left: 50%;transform: translateX(-50%);color: var(--white);font-weight: 400;font-size: 2.5rem;line-height: 1.1111111111; } .section.slides .carousel .holder .container .col {display: flex;flex-direction: column;justify-content: center;align-items: flex-start; } .section.slides .carousel .holder .container h1, .section.slides .carousel .holder .container .h1 {color: var(--white);font-weight: 800;font-size: 3.3333333333rem;text-transform: uppercase;font-style: normal;line-height: 1.12;margin-bottom: 1.1111111111rem;letter-spacing: 0.1277777778rem; } .section.slides .carousel .holder .container p {margin-bottom: 2.2222222222rem;letter-spacing: 0.1rem; } .section.slides .carousel .holder .container .btn {margin-bottom: 0.5555555556rem;padding-left: 3.8888888889rem;padding-right: 3.8888888889rem; } .section.slides .carousel .btn-prev, .section.slides .carousel .btn-next {background: transparent;color: white;height: 6.6666666667rem;width: auto;padding: 0; } .section.slides .carousel .btn-prev svg, .section.slides .carousel .btn-next svg {width: auto;height: 100%; } .section.slides .carousel .btn-prev:hover, .section.slides .carousel .btn-next:hover {color: #e6e6e6; } .section.slides .carousel .btn-prev {left: 2.2222222222rem; } .section.slides .carousel .btn-next {right: 2.2222222222rem; }