.slides {display: flex;flex-direction: column;align-items: center;justify-content: center;max-width: 100%;height: 100vh;min-height: 510px;max-height: 616px;margin: 0 auto; } .slides.no-header-img {z-index: 150; } .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: 510px;max-height: 616px; } .slides .carousel .holder .slide {height: 100%;position: relative; } .slides .carousel .holder .video {position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover; } .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;bottom: 3.8888888889rem;left: 50%;transform: translateX(-50%); } .slides .slide-content {backdrop-filter: blur(30px);padding: 2.2222222222rem;border-radius: 0.2222222222rem;color: var(--black);display: flex;flex-direction: column;align-items: flex-start;align-self: flex-start; } @media (min-width: 576px) {.slides .slide-content {margin-left: 1.3888888889rem;} } .slides .slide-content h1, .slides .slide-content .h1 {padding: 0;background: var(--primary);color: var(--white);padding: 0.2777777778rem 1.3333333333rem;border-radius: 0.2222222222rem;margin-bottom: 1.2777777778rem; } .slides .slide-content .content {font-size: 1.5555555556rem;line-height: 1.3; }