.cmp-image.banner{position:relative;min-height:300px;width:100%;height:480px;overflow:hidden}
.cmp-image.banner-tile{height:400px;position:relative}
.cmp-image__image{width:100%;position:absolute;height:100%;top:0;left:0}
.main-content{width:100%;padding-top:230px;position:relative;z-index:5}
.cmp-image.overlay::before{content:"";display:block;width:100%;height:100%;opacity:50%;position:absolute;top:0;left:0;z-index:2}
.cmp-image.dark-overlay::before{background-color:#0f1a2a}
.cmp-image.gradient-overlay::before{background:linear-gradient(78.47deg,rgba(0,0,0,0.9) 0,rgba(0,0,0,0.7) 48.86%,rgba(0,0,0,0.2) 66.42%,rgba(15,26,42,0.1) 107.14%,rgba(15,26,42,0.6) 107.15%,rgba(0,0,0,0) 107.16%)}
.cmp-image.gradient-overlay-left-to-right::before{background-image:linear-gradient(90deg,#170d67,rgba(23,13,103,0.2)) !important;opacity:100% !important}
.cmp-image.gradient-overlay-right-to-left::before{background-image:linear-gradient(90deg,rgba(23,13,103,0.4),#170d67) !important;opacity:100% !important}
.cmp-image.gradient-overlay-blue::before{background:#170d67 !important}
.cmp-image.gradient-overlay-blue::before{opacity:74% !important}
.cmp-image.gradient-overlay::before{opacity:50%}
.main-content .container{position:relative;padding:0 16px;display:flex}
.main-content .container .content-container{max-width:768px}
.main-content .container.right-align{justify-content:flex-end}
.main-content .container.left-align{justify-content:flex-start}
.main-content .container .banner-title h1{font-size:56px;font-weight:400;font-family:"Diodrum-Light";line-height:68px;max-width:768px}
.main-content .container .landingPageText p{margin-bottom:8px;max-width:768px}
.main-content .container .banner-description h2{font-size:24px;line-height:32px;font-family:"Diodrum-Light";font-weight:400;margin-bottom:15px;max-width:768px}
.banner-tile .main-content .container .banner-description h3{margin-bottom:10px}
.banner-tile{min-height:200px}
.banner-tile .main-content{display:flex;height:100%;width:100%;justify-content:center;align-items:center;padding-top:0}
.banner-tile .main-content .container .banner-title h2{width:100%;font-size:32px;font-weight:500;font-family:"Diodrum-Light";line-height:40px;text-align:center;max-width:368px;margin:0 auto}
.banner-tile .main-content .container{display:flex;justify-content:center}
.banner-tile .main-content .container.left-align{justify-content:flex-start}
.banner-tile .main-content .container.right-align{justify-content:flex-end;margin-right:90px}
.banner-tile .main-content .container.right-align .content-container .banner-button{margin-top:25px}
.banner-tile .main-content .container.left-align .content-container .banner-title h2,.banner-tile .main-content .container.right-align .content-container .banner-title h2{text-align:left}
.banner-tile .main-content .container.left-align .content-container,.banner-tile .main-content .container.right-align .content-container{align-items:flex-start}
.banner-tile .main-content .container .content-container .banner-description h3{font-size:20px;font-family:"Diodrum-Light";line-height:32px;font-weight:400}
.banner-tile .main-content .container.right-align .content-container .banner-description h2,.banner-tile .main-content .container.left-align .content-container .banner-description h2{text-align:left}
.banner-tile .main-content .container .content-container{display:flex;justify-content:center;align-items:center;flex-direction:column;max-width:390px}
.banner-tile .main-content .container .banner-button{margin-top:32px}
.main-content .container .banner-button{margin-top:15px;display:flex;gap:30px}
.main-content .container .landingPageText p{font-size:18px;line-height:16px;font-weight:700;font-family:'Open Sans',sans-serif;letter-spacing:.3px;text-transform:uppercase}
.banner-button.button-link a.buttonBanner img{margin-left:0}
.banner-button.button-link a.buttonBanner.with-icon{gap:24px;display:flex;align-items:center;justify-content:space-between}
.banner-button a.buttonBanner.with-icon:hover svg path{stroke:#3a5cff}
.cmp-image.hero-banner{height:728px}
.banner.hero-banner .main-content{padding-top:177px !important}
.banner.hero-banner .main-content .content-container{max-width:568px !important}
.hero-banner .main-content .content-container .banner-title h1{font-size:48px;line-height:57.6px;margin-bottom:24px}
.hero-banner .main-content .content-container .banner-description h2{font-size:16px;line-height:26px;margin-bottom:32px}
.gradient-overlay::before{background:linear-gradient(78.47deg,rgba(0,0,0,0.9) 0,rgba(0,0,0,0.7) 48.86%,rgba(0,0,0,0.2) 66.42%,rgba(15,26,42,0.1) 107.14%,rgba(15,26,42,0.6) 107.15%,rgba(0,0,0,0) 107.16%)}
.gradient-overlay-left-to-right::before{background-image:linear-gradient(90deg,#170d67,rgba(23,13,103,0.2)) !important;opacity:100% !important}
@media(max-width:991px){.cmp-image.banner{height:522px;min-height:200px}
.main-content{width:100%;padding-top:272px}
.cmp-image.banner-tile{height:245px}
.container{padding:0 24px}
.main-content .container .banner-title h1{font-size:40px;line-height:48px}
.main-content .container .banner-description h2{margin-bottom:15px}
.main-content .container .content-container{max-width:534px}
.banner-tile .main-content .container .banner-title h2{font-size:24px;line-height:32px}
.main-content .container .banner-button{gap:40px}
.gradient-overlay::before{background:linear-gradient(78.47deg,rgba(0,0,0,0.9) 0,rgba(0,0,0,0.7) 48.86%,rgba(0,0,0,0.2) 88.74%,rgba(15,26,42,0.1) 107.16%)}
}
@media(max-width:767px){.cmp-image.banner{height:384px}
.banner .main-content .container .content-container{max-width:272px}
.banner-button a.buttonBanner.with-icon svg{width:16px;height:16px}
.banner-button.button-link a.buttonBanner.with-icon{gap:16px}
.banner-button.button-link a.buttonBanner.with-icon img{height:16px;width:16px}
.cmp-image.banner-tile{height:230px}
.banner.banner-tile .main-content .container .content-container .banner-description h3{font-size:16px;line-height:22px}
.main-content{padding-top:142px}
.main-content .container .banner-title h1{font-size:36px;line-height:46px;margin-bottom:0}
.main-content .container .landingPageText p{font-size:16px}
.main-content .container .banner-description h2{margin-bottom:20px;font-size:16px;line-height:32px}
.main-content .container .content-container{max-width:390px}
.gradient-overlay::before{background:linear-gradient(36.77deg,rgba(0,0,0,0.9) 0,rgba(0,0,0,0.7) 39.66%,rgba(15,26,42,0.2) 98.79%)}
.banner-tile .main-content .container.right-align{margin-right:0;display:flex;justify-content:center;align-items:center;flex-direction:column}
.cmp-image.hero-banner{height:484px}
.banner.hero-banner .main-content{padding-top:44px !important}
.banner-tile .main-content .container .banner-title h2{font-size:20px;line-height:30px}
.hero-banner .main-content .content-container .banner-title h1{font-size:32px;line-height:38px;margin-bottom:24px}
.hero-banner .main-content .content-container .banner-description h2{font-size:14px;line-height:20px;margin-bottom:16px}
.banner:not(.banner-tile) .button-link a[role="button"]{padding:12px;font-size:14px;line-height:14px}
}