<style>
@media (min-width: 992px) {
body:has(.banner-overlay__container) .hero-banner-one:not(.short-banner) {
height: calc(100vh + 90px) !important;
}
}
</style>
<style>
/*concept-carousel*/
.homepage-carousel.concept-carousel {
padding-block: 0;
margin-block: -10px 0;
}
.homepage-carousel .concept-carousel__slide-icon img {
max-height: 100px;
max-width: 100px;
}
.concept-carousel__slide-blurb {
font-size: 14px;
}
div.concept-carousel {
margin-block: 0;
}
.concept-carousel .concept-carousel__slides {
margin-bottom: 0;
}
.concept-carousel--dots .concept-carousel__slide {
background: white;
}
.concept-carousel--dots .concept-carousel__slide p{
color: var(--text-gray);
font-family: var(--primaryFont);
font-weight: 400;
font-size: 16px;
line-height: 26px;
letter-spacing: 3%;
}
.concept-carousel h3.concept-carousel__slide-title{
color: var(--text-black);
padding-block:20px 6px;
}
.concept-carousel--dots h4{
color: var(--text-black);
font-size: 14px;
line-height: 20px;
text-align: center;
padding-bottom: 30px;
}
@media (max-width: 992px) {
.concept-carousel__title {
margin-bottom: 30px;
}
.homepage-carousel .concept-carousel__title {
margin: 0;
}
}
.concept-carousel.concept-carousel--arrow .tns-nav,
.concept-carousel--arrow .concept-carousel__nav-numbers{
display: none;
}
.concept-carousel--arrow .tns-controls{
display: block!important;
}
.concept-carousel--arrow.concept-carousel .tns-controls button:first-child,
.concept-carousel--arrow.concept-carousel .tns-controls button:last-child{
padding: 0;
width: 60px;
height: 60px;
border: none;
background-image: url('data:image/svg+xml,<svg width="60" height="60" viewBox="0 0 60 60" fill="none" xmlns="http://www.w3.org/2000/svg"><rect opacity="0.75" width="60" height="60" rx="30" transform="matrix(-1 0 0 1 60 0)" fill="white"/><path d="M33 22L25.0707 29.9293C25.0317 29.9683 25.0317 30.0317 25.0707 30.0707L33 38" stroke="%23BE543B" stroke-width="3" stroke-linecap="round"/></svg>');
transform: unset;
top: calc(50% - 40px);
}
@media (max-width: 768px) {
.concept-carousel--arrow.concept-carousel .tns-controls button:first-child,
.concept-carousel--arrow.concept-carousel .tns-controls button:last-child{
top: 32%;
}
.concept-carousel.concept-carousel--arrow .tns-controls button:last-child{
right: 0;
}
}
.concept-carousel--arrow.concept-carousel .tns-controls button:last-child{
transform: rotate(-180deg);
}
div.concept-carousel--arrow{
padding-block: 0;
}
.concept-carousel--arrow .concept-carousel__slide-blurb{
font-size: 16px;
color: var(--text-gray);
}
.concept-carousel--arrow h3.concept-carousel__slide-title{
font-family: var(--primaryFont);
font-weight: 700;
font-style: Bold;
font-size: 18px;
line-height: 24px;
}
/*max-w is set to 80rem*/
@media (min-width: 1200px) {
.concept-carousel--arrow.concept-carousel .tns-controls button:first-child{
left: calc((100% - 78rem) / 2);
}
.concept-carousel--arrow.concept-carousel .tns-controls button:last-child{
right: calc((100% - 78rem) / 2);
}
.concept-carousel--arrow{
overflow: hidden;
}
.concept-carousel--arrow .container{
max-width: unset;
margin-left: calc((100% - 80rem) / 2);
}
.concept-carousel--arrow.carousel-bottom-curve .container{
margin: 0 auto;
padding: 0;
max-width: 1200px;
div.tns-controls button:first-child{
left: calc((100% - 78rem) / 2);
}
}
}
.concept-carousel--arrow .concept-carousel__slide-content{
text-align: left;
}
.concept-carousel .concept-carousel__slide-header{
display: flex;
align-items: center;
gap: 20px;
margin-block: 20px;
.concept-carousel__slide-icon,
h3.concept-carousel__slide-title{
margin: 0;
padding: 0;
}
}
.concept-carousel{
.concept-carousel__title:empty{
display: none;
margin: 0;
}
.concept-carousel__title{
margin-bottom: 40px;
}
}
.concept-carousel--arrow.concept-carousel--dots .concept-carousel__slide{
border-radius: 20px;
.concept-carousel__slide-content{
padding-inline: 40px;
padding-bottom: 30px;
}
}
@media(max-width: 768px){
.concept-carousel--arrow.concept-carousel--dots .concept-carousel__slide .concept-carousel__slide-content{
padding-inline: 20px;
padding-bottom: 40px;
}
}
.concept-carousel--arrow.concept-carousel--dots #tns2 > .tns-item{
padding: 0;
border-radius: 20px;
overflow: hidden;
img{
border-radius: 0;
}
}
.concept-carousel--arrow.concept-carousel--dots .concept-carousel__slide-image img{
aspect-ratio: 16 / 9;
}
.bg-darkprimary .concept-carousel__title{
color: white;
}
div.concept-carousel--dots.concept-carousel--3-slide {
padding-bottom: 40px;
}
.concept-carousel--dots.concept-carousel--3-slide .concept-carousel__slide{
clip-path: ellipse(110% 100% at 59% 100%);
text-align: center;
border-color: transparent;
padding-top: 40px;
img{
width: 80px;
height: 80px;
margin-inline: auto;
}
.concept-carousel__slide-header{
margin-bottom: 8px;
font-weight: 700;
font-size: 16px;
line-height: 22px;
justify-content: center;
}
.concept-carousel__slide-title{
font-family: var(--boldFont);
font-weight: 700;
font-size: 16px;
line-height: 22px;
}
h5{
font-weight: 400;
font-size: 14px;
line-height: 20px;
text-align: center;
color: #5B7B75;
margin-bottom: 30px;
}
p{
font-weight: 400;
font-size: 18px;
text-align: center;
color: var(--text-gray);
line-height: 32px;
}
}
div .concept-carousel--dots .tns-nav button{
height: 6px;
border: none;
}
.concept-carousel.1-slide{
.concept-carousel__slide{
padding: 0;
margin: 0;
}
.concept-carousel--arrow .concept-carousel__slide-image img{
width: 100%;
height: 100%;
border-radius: 0;
}
}
</style> rgba(0,0,0,0.2)