.slides {display: flex;flex-direction: column;align-items: center;justify-content: center;max-width: 1920px;height: calc(100vh - 4.625rem);min-height: 848px;max-height: 1080px;margin: 0 auto;margin-top: -6rem; } .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: calc(100vh - 4.625rem);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: center;flex-direction: column;position: absolute;z-index: 1;height: 100%;top: 0;left: 50%;transform: translateX(-50%); } .section.slides .slide-image {position: absolute;z-index: 2;top: 15%;right: 0;width: 40%;height: auto; } @media (max-width: 1199.98px) {.section.slides .slide-image {display: none;} } .section.slides h1, .section.slides p {font-size: 3.4375rem;line-height: normal;text-align: center; } .section.slides h1 {font-weight: 600;color: var(--white);padding-bottom: 0; } .section.slides p {color: var(--red);font-weight: 800;text-transform: uppercase; } .section.slides .btn-next:not([disabled=disabled]):hover, .section.slides .btn-prev:not([disabled=disabled]):hover {color: var(--red); }