.slides {display: flex;flex-direction: column;align-items: center;justify-content: center;max-width: 1920px;height: 100vh;min-height: 848px;max-height: 1080px;margin: 0 auto; } .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 {flex-shrink: 0;height: 100%; } .slides .carousel .holder .item {position: relative;border: 0;width: 100%;height: 100vh;min-height: 848px;max-height: 1080px; } .slides .carousel .holder .slide {height: 100%; } .slides .carousel .holder .img-fluid {width: 100%;height: 100%;object-fit: cover; } .slides .carousel .holder .container {display: flex;align-items: center;justify-content: flex-end;flex-direction: column;position: absolute;z-index: 1;height: 100%;top: 0;left: 50%;transform: translateX(-50%); } @media (max-width: 991.98px) {.slides .carousel .holder .container {padding-bottom: 3.125rem;} } .slides .carousel .holder h1, .slides .carousel .holder .h1 {color: var(--white);text-align: center;font-size: 4rem;padding-bottom: 1.9375rem;margin-bottom: 0; } .slides .carousel .holder h2, .slides .carousel .holder .h2 {color: var(--white);text-align: center;font-size: 1.25rem;font-family: "Plus Jakarta Sans";margin-bottom: 4.25rem; } .slides .carousel .holder .logo {color: var(--white);margin-bottom: 4.1875rem;padding: 0 1.25rem; } @media (max-width: 650.98px) {.slides .carousel .holder .logo {margin-bottom: 1.875rem;} } .slides .carousel .holder .logo svg {max-width: 100%; } .slides .carousel .holder .image-text {color: var(--white);margin-bottom: 2.9375rem;padding: 0 1.25rem; } .slides .carousel .holder .image-text svg {max-width: 100%; } .slides .carousel .holder .btn {color: var(--white);margin-bottom: 6.25rem; } .slides .carousel .holder .image-overlay {position: absolute;background-color: rgba(0, 0, 0, 0.3);width: 100%;height: 100%; }