.slides {display: flex;flex-direction: column;align-items: center;justify-content: center;max-width: 1920px;height: 27.5rem;min-height: 27.5rem;max-height: 27.5rem;margin: 0 auto; } .slides.section-last {margin-bottom: -1.875rem; } .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%;left: 0 !important;transition-duration: 0s !important; } .slides .carousel .holder .col {flex-shrink: 0;height: 100%; } .slides .carousel .holder .item {position: relative;border: 0;width: 100%;height: 27.5rem;min-height: 27.5rem;max-height: 27.5rem; } .slides .carousel .holder .slide {height: 100%;inset: 0;position: absolute;opacity: 0;visibility: hidden;transition-duration: 1s;transition-property: opacity, visibility; } .slides .carousel .holder .slide.active {opacity: 1;visibility: visible;z-index: 1; } .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 .container {display: flex;align-items: center;justify-content: center;flex-direction: column;position: absolute;z-index: 1;height: 100%;top: 0;left: 50%;transform: translateX(-50%);color: #fff;text-align: center;text-transform: uppercase;font-size: 3.125rem;width: 100%; } @media (min-width: 768px) {.slides .carousel .holder .container {padding-bottom: 0;max-width: 40.625rem;} } .slides .carousel .holder .container > * {z-index: 1; } .slides .carousel .holder .container h1 {font-size: 3.125rem;margin: 1.25rem 0;letter-spacing: normal;color: #fff;font-weight: 700; } .slides .carousel .holder .container p {white-space: pre-line; } .slides .carousel .holder .container::after {background-image: radial-gradient(circle, rgba(0, 0, 0, 0.5) 10%, transparent 70%);background-repeat: no-repeat;content: " ";position: absolute;top: 0;left: 0;width: 100%;height: 100%; } .slides .pager {position: relative;margin-left: auto;display: flex;align-items: center;justify-content: center;z-index: 2; } .slides .pager .nav {justify-content: center;position: absolute;bottom: 0.625rem; } .slides .pager .nav .nav-link {color: transparent;width: 1.25rem;height: 0.1875rem;background: #fff;display: block;cursor: pointer;overflow: hidden;margin: 0.625rem 0.125rem;border: 0;padding: 0;transition-duration: 0.5s;transition-property: background; } .slides .pager .nav .nav-link.active {background: var(--primary); }