.section.banners {display: flex;flex-direction: column;justify-content: center;max-width: 1920px;height: 100vh;min-height: 650px;max-height: 732px;margin: 0 auto;width: 100%; } .section.banners .carousel {display: block;position: relative;width: 100%;height: 100%; } .section.banners .carousel .holder {height: 100%;overflow: hidden; } .section.banners .carousel .holder .row {flex-wrap: nowrap;position: relative;height: 100%; } .section.banners .carousel .holder .col {flex-shrink: 0;height: 100%; } .section.banners .carousel .holder .item {position: relative;border: 0;width: 100%;height: 100vh;min-height: 650px;max-height: 732px; } .section.banners .carousel .holder .slide {height: 100%; } .section.banners .carousel .holder .img-fluid, .section.banners .carousel .holder .video {width: 100%;height: 100%;object-fit: cover; } .section.banners .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.banners .banner-claim {position: absolute;top: 15%;left: 50%;transform: translateX(-50%);text-align: center;width: 45%; } @media (max-width: 991.98px) {.section.banners .banner-claim {width: 60%;} } @media (max-width: 767.98px) {.section.banners .banner-claim {width: 80%;} } .section.banners .banner-claim h1, .section.banners .banner-claim p {text-transform: uppercase;color: var(--white); } .section.banners .banner-claim h1 {font-size: 4rem;font-weight: 900;line-height: 1.2;margin-bottom: 2.8571428571rem; } .section.banners .banner-claim h1 span {color: var(--primary);font-weight: 300; } @media (max-width: 767.98px) {.section.banners .banner-claim h1 {font-size: 3rem;} } .section.banners .banner-claim .btn-primary {font-size: 1.4285714286rem;padding: 0.7142857143rem 1.4285714286rem; }