.banner-carousel { overflow: hidden; background: #22366A; margin-top: 0; width: 100% !important; }

@media (max-width: 767px) { .banner-carousel .container { margin: 0; } }

@media (min-width: 992px) { .banner-carousel .container { max-width: 100%; margin: 0 0 0 70px !important; } }

@media (min-width: 1280px) { .banner-carousel .container { margin: 0 0 0 5.469vw !important; } }

@media (min-width: 768px) and (max-width: 991px) { .banner-carousel .container { max-width: 100% !important; } }

.bannerSwiper { position: relative; }

.bannerSwiper .swiper-pagination { display: none; }

@media (min-width: 992px) { .bannerSwiper .swiper-pagination { position: absolute; bottom: 60px; display: inline-block; text-align: start; } }

@media (min-width: 992px) { .bannerSwiper .carousel .control-dots { bottom: 56px; left: 20%; } }

@media (min-width: 992px) { .bannerSwiper .swiper-pagination-bullet { background: #909AB4; } }

.bannerSwiper .slider-wrapper .slider { transform: none !important; }

.bannerSwiper .slider-wrapper .slide.selected { z-index: 1 !important; }

.hero-crousel { display: grid; grid-template-columns: auto; }

@media (min-width: 992px) { .hero-crousel { grid-template-columns: 1fr 1.6fr; } }

@media (min-width: 992px) { .mid-space { width: 125px; height: 100px; } }

@media (min-width: 1280px) { .mid-space { width: 9.766vw; } }

.hero-text-wrapper { text-align: initial; background: #22366A; padding: 43px 0 71px 20px; }

@media (max-width: 767px) { .hero-text-wrapper { max-width: 320px; min-height: 19.875rem; max-height: 19.875rem; } }

@media (min-width: 992px) { .hero-text-wrapper { max-width: 420px; justify-self: start; margin-top: 107px; min-height: auto; max-height: initial; min-width: auto; padding: 0; } }

@media (min-width: 992px) and (max-width: 1199px) { .hero-text-wrapper { margin-top: 0; align-self: center; } }

@media (min-width: 1280px) { .hero-text-wrapper { margin-top: 8.359vw; max-width: 32.813vw; } }

@media (min-width: 768px) and (max-width: 991px) { .hero-text-wrapper { margin: 0 auto; max-width: 550px; min-height: 326px; } }

.hero-text-wrapper .small-section-heading { font-size: 14px; line-height: 18px; color: #FFFFFF; }

@media (min-width: 992px) { .hero-text-wrapper .small-section-heading { margin-bottom: 20px; } }

@media (max-width: 991px) { .hero-text-wrapper .small-section-heading { margin-bottom: 14px; } }

.hero-text-wrapper h2 { color: #FFFFFF; font-size: 40px; line-height: 40px; }

@media (min-width: 1280px) { .hero-text-wrapper h2 { font-size: 4.539vw; line-height: 4.246vw; } }

.hero-text-wrapper p { color: #FFFFFF; margin-top: 14px; }

@media (min-width: 992px) { .hero-text-wrapper p { margin-top: 40px; } }

@media (min-width: 1280px) { .hero-text-wrapper p { font-size: 1.464vw; line-height: 1.757vw; margin-top: 2.928vw; } }

.hero-text-wrapper button { display: flex; align-items: center; margin-top: 24px; }

@media (max-width: 767px) { .hero-text-wrapper button { background: none !important; color: #C88C32 !important; padding-left: 0; } }

@media (min-width: 992px) { .hero-text-wrapper button { margin-top: 40px; padding: 16px 35px 16px 35px; } }

.hero-image-wrapper { position: relative; height: 0; overflow: hidden; padding-bottom: 75%; }

.hero-image-wrapper img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); height: 100%; }

@media (min-width: 1280px) { .hero-image-wrapper img { width: 58.359vw; height: 43.672vw; } }