.section.slides {display: flex;flex-direction: column;align-items: center;justify-content: center;height: 535px;min-height: 535px;max-height: 535px;margin: 0 auto;margin-top: 0; } .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: 100%;min-height: 535px;max-height: 535px; } .section.slides .carousel .holder .item::after {content: "";position: absolute;inset: 0;background: linear-gradient(90deg, rgba(20, 20, 20, 0.78) 0%, rgba(20, 20, 20, 0.42) 50%, rgba(20, 20, 20, 0.08) 78%);pointer-events: none; } .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: 2;height: 100%;top: 0;left: 50%;transform: translateX(-50%);color: var(--white);font-weight: 400;font-size: 1rem;line-height: 1.5;max-width: 1452px; } .section.slides .carousel .holder .container .slide-layout {align-items: flex-end;height: 100%;padding-bottom: 94px; } .section.slides .carousel .holder .container .slide-copy {display: flex;flex-direction: column;justify-content: center;align-items: flex-start;height: auto;transform: none; } .section.slides .carousel .holder .container .slide-kicker {margin-bottom: 24px;padding: 8px 16px;color: var(--primary);background: var(--secondary);font-size: 12px;font-weight: 800;line-height: 1;letter-spacing: 0.16em;text-transform: uppercase; } .section.slides .carousel .holder .container h1, .section.slides .carousel .holder .container .h1 {color: var(--white);font-weight: 800;font-family: "Sora", sans-serif;font-size: clamp(48px, 5.2vw, 72px);text-transform: none;font-style: normal;line-height: 0.98;margin-bottom: 24px;letter-spacing: -0.035em; } .section.slides .carousel .holder .container p {max-width: 448px;margin-bottom: 30px;color: rgba(255, 255, 255, 0.78);font-size: 16px;letter-spacing: 0; } .section.slides .carousel .holder .container .btn {margin-bottom: 0.5555555556rem;padding: 14px 24px;border: 1px solid transparent;border-radius: 0;font-size: 14px;font-weight: 700; } .section.slides .carousel .holder .container .btn.btn-black {color: var(--primary);background: var(--secondary); } .section.slides .carousel .holder .container .slide-actions {display: flex;flex-wrap: wrap;gap: 12px; } .section.slides .carousel .holder .container .slide-actions .btn-outline-light {color: var(--white);background: transparent;border-color: rgba(255, 255, 255, 0.3); } .section.slides .carousel .holder .container .slide-facts {display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));gap: 12px;height: auto;padding-left: 57px;transform: none; } .section.slides .carousel .holder .container .slide-fact {display: flex;flex-direction: column;justify-content: center;min-height: 92px;padding: 20px;background: color-mix(in srgb, var(--gray-900) 82%, transparent);border: 1px solid color-mix(in srgb, var(--white) 7%, transparent);backdrop-filter: blur(12px);-webkit-backdrop-filter: blur(12px); } .section.slides .carousel .holder .container .slide-fact strong {color: var(--secondary);font-family: "Sora", sans-serif;font-size: 27px;font-weight: 800;line-height: 1.1; } .section.slides .carousel .holder .container .slide-fact span {margin-top: 8px;color: rgba(255, 255, 255, 0.6);font-size: 12px;font-weight: 600;letter-spacing: 0.08em;text-transform: uppercase; } .section.slides .carousel .btn-prev, .section.slides .carousel .btn-next {display: grid;place-items: center;background: rgba(9, 9, 9, 0.35);color: white;height: 2.6666666667rem;width: 2.6666666667rem;padding: 0;border: 1px solid rgba(255, 255, 255, 0.35);border-radius: 0; } .section.slides .carousel .btn-prev svg, .section.slides .carousel .btn-next svg {width: 0.6666666667rem;height: 1.1111111111rem; } .section.slides .carousel .btn-prev:hover, .section.slides .carousel .btn-next:hover {color: #e6e6e6; } .section.slides .carousel .btn-prev {left: 1.1111111111rem; } .section.slides .carousel .btn-next {right: 1.1111111111rem; } @media (max-width: 767.98px) {.section.slides {height: 560px;min-height: 560px;}.section.slides .carousel .holder .item {min-height: 560px;}.section.slides .carousel .holder .container .col {padding: 1.7777777778rem;}.section.slides .carousel .holder .container h1, .section.slides .carousel .holder .container .h1 {font-size: 2.3333333333rem;}.section.slides .carousel .btn-prev,.section.slides .carousel .btn-next {display: none;} } @media (max-width: 991.98px) {.section.slides .carousel .holder .container .slide-facts {display: none;}.section.slides .carousel .holder .container .slide-copy {padding: 1.7777777778rem;} }