.slides {width: 100%;max-width: 125rem;height: 41.375rem;min-height: 32.5rem;margin: 0 auto 2.8125rem;overflow: hidden;border-radius: 1.5rem;background: #0f1629; } .slides .carousel {display: block;position: relative;width: 100%;height: 100%; } .slides .carousel .holder {height: 100%;overflow: hidden; } .slides .carousel .holder .row {flex-wrap: nowrap;position: relative;height: 100%; } .slides .carousel .holder .col, .slides .carousel .holder .slide {flex-shrink: 0;height: 100%; } .slides .carousel .holder .item {position: relative;width: 100%;height: 100%;border: 0; } .slides .carousel .holder .item::after {content: "";position: absolute;inset: 0;z-index: 0;background: rgba(0, 0, 0, 0.43);pointer-events: none; } .slides .carousel .holder .image {width: 100%;height: 100%; } @media (orientation: landscape) {.slides .carousel .holder .image.image-landscape {display: block;} } @media (orientation: portrait) {.slides .carousel .holder .image.image-landscape {display: none;} } @media (orientation: landscape) {.slides .carousel .holder .image.image-portrait {display: none;} } @media (orientation: portrait) {.slides .carousel .holder .image.image-portrait {display: block;} } .slides .carousel .holder .img-fluid {width: 100%;height: 100%;object-fit: cover; } .slides .carousel .holder .video {display: block;width: 100%;height: 100%;object-fit: cover; } .slides .carousel .holder .container {display: flex;align-items: center;justify-content: center;position: absolute;z-index: 1;top: 0;right: 0;left: 0;width: 100%;height: 100%;margin-right: auto;margin-left: auto; } .slides .slide-content {width: 100%;max-width: 50rem;margin-right: auto;margin-left: auto;color: var(--white);text-align: center; } .slides .slide-kicker {margin-bottom: 1.9375rem;color: var(--white);font-size: 1.25rem;font-weight: 400;line-height: 1.3; } .slides .slide-content h1 {margin: 0 0 2.625rem;padding: 0;color: var(--white);font-size: 6.5625rem;font-weight: 800;line-height: 0.88;text-align: center;letter-spacing: 0; } .slides .slide-html {color: rgba(255, 255, 255, 0.6);font-size: 1.5rem;font-weight: 400;line-height: 1.45;letter-spacing: 0; } .slides .slide-html p {margin-bottom: 0; } .slides .slide-html p + p {margin-top: 0; } .slides .slide-html p:has(.btn) {display: inline-flex;margin-top: 2.375rem;margin-right: 0.5rem;margin-left: 0.5rem; } @media (max-width: 1219.98px) {.slides {height: 37.5rem;min-height: 32.5rem;border-radius: 0;}.slides .slide-content h1 {font-size: 4.75rem;} } @media (max-width: 991.98px) {.slides {height: 40rem;min-height: 35rem;margin-bottom: 2rem;}.slides .carousel .holder .item::after {background: rgba(0, 0, 0, 0.5);}.slides .carousel .holder .container {align-items: flex-start;justify-content: center;padding-bottom: 3rem;}.slides .slide-content {max-width: 26.25rem;}.slides .slide-kicker {margin-bottom: 1.5rem;font-size: 1.0625rem;}.slides .slide-content h1 {margin-bottom: 1.75rem;font-size: 3.25rem;line-height: 0.98;}.slides .slide-html {font-size: 1.125rem;line-height: 1.55;}.slides .slide-html p:has(.btn) {display: flex;justify-content: center;margin-top: 1.125rem;} } @supports not selector(:has(*)) {.slide-html .btn {margin-top: 2.375rem;margin-right: 0.5rem;margin-left: 0.5rem;} }