body {font-size: clamp(14px, 1.042vw, 20px); color: var(--black);}

.deskMenu {gap: clamp(20px, 2.276vw, 43.7px);}

.cta {background: linear-gradient(94deg, #020631 -19.54%, #0D837A 100.41%); border-radius: 100rem; padding: clamp(10px, 0.781vw, 15px) clamp(20px, 3.125vw, 60px); color: var(--white); text-decoration: none; font-size: clamp(14px, 0.938vw, 18px); display: table;}


.bannerImg {width: 50%;  position: absolute; top: 0; left: 50%; height: 100%;}
.bannerImg img {width: 100%; height: 100%; object-fit: cover;}


.bannerTxt { padding: clamp(50px, 5.208vw, 100px) 0 0 0;}

.bannerTxt .container > * {margin-bottom: clamp(15px, 1.563vw, 30px);}

.bannerTxt .container > *:last-child {margin-bottom: 0  ;}
.bannerTxt h2 {font-size: clamp(22px, 2.344vw, 45px);}

.bannerTxt h6 {color: var(--white); font-size: clamp(16px, 1.302vw, 25px); font-weight: 700; font-style: italic;}
.bannerTxt p {font-size: clamp(14px, 1.146vw, 22px); font-weight: 300;}
.bannerTxt p a{color: inherit;}

.bannerTxt hr {color: #fff;}


.bannerTxtCol > * {margin-bottom: clamp(15px, 1.823vw, 35px);}

.bannerTxtCol {padding-right: clamp(30px, 5vw, 96px);}

@media(min-width:991.99px) {
    .container {max-width: clamp(900px, 89.583vw, 1720px);}
        
}

@media(max-width:991.99px) {
.bannerTxt {padding-bottom: 0;}
}


@media(max-width:768.99px){
    .bannerTxt {padding-top: 0; padding-bottom: 30px;}
    .bannerImg {position: relative; width: 100%; left: auto; margin-bottom: 30px;}
}