.home .carousel.block .background-image {
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    min-height: 85vh;
   /*  background-position: top center; */
    display: flex;
    max-height: 1080px;
    overflow: hidden;
/*     -webkit-mask-repeat:no-repeat;  
    mask-repeat: no-repeat;  
    -webkit-transition: transform 2s;
    -webkit-transition: -webkit-transform 2s;
    transition: -webkit-transform 2s;
    transition: transform 2s;
    transition: transform 2s, -webkit-transform 2s; */
}



.about .carousel.block .background-image {
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    min-height: 540px;
    background-position: center center;
    display: flex;
    max-height: 540px;
    overflow: hidden;
    -webkit-mask-position: inherit;
    mask-position: inherit;
    -webkit-mask-image:none;    
    mask-image:none;    
    -webkit-mask-size:0;
    mask-size: 0;
    -webkit-mask-repeat:no-repeat;  
    mask-repeat: no-repeat;   
}

.carousel.block .background-image {
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    min-height: 540px;
    background-position: center center;
    display: flex;
    max-height: 540px;
    overflow: hidden;
    /*-webkit-mask-position: 0 0;
    mask-position: 0 0;
    -webkit-mask-image: url("/wp-content/uploads/2024/07/masked-image2.png");    
    mask-image: url("/wp-content/uploads/2024/07/masked-image2.png");    
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;  
    mask-repeat: no-repeat;  */
}

.carousel.block .background-image.dark::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0,0,0,.25);
}
.carousel.block .background-image.light::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(255,255,255,.25);
}


.carousel.block .background-image.none::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: inherit;
} 


.hero-slider .caption-container {
    position: absolute;
    bottom: 0;
    display: flex;
    transition: width 1s ease-in-out;
    width:100%;
    height:100%;
    left: 0;
    z-index: 11;
}

.hero-slider .caption-container.center{justify-content: center;}
.hero-slider .caption-container.left{ justify-content: start;}
.hero-slider .caption-container.right{justify-content: end;}



.hero-slider .caption-container .caption-background, .hero-slider .caption-container .caption-background.none{
    position: absolute;
    bottom: 0px;
    background: transparent;
    width: 100%;
    height: 100vh;
}
.hero-slider .caption-container .caption-background.dark {
    background: rgb(0, 32, 64);
    background: linear-gradient(0deg, rgba(0, 0, 0, .3) 0%, rgba(0, 0, 0, .3) 40%, rgba(0, 0, 0, .3) 75%);
}

.hero-slider .caption-container .caption-background.light{
    background: rgb(0, 32, 64);
    background: linear-gradient(0deg, rgba(255, 255, 255, .3) 0%, rgba(255, 255, 255, .3) 40%, rgba(255, 255, 255, .3) 80%);
}

.hero-slider .caption-container .block.caption{
    position: relative;
    line-height: 1;    
    padding: 2.5rem 3.5rem;
}

.hero-slider .caption-container.middle-center{
    text-align: center;
    justify-content: center;
    }
.hero-slider .caption-container.bottom-center{
    text-align: center;
    justify-content: center;
    align-items: end;
    }   
.hero-slider .caption-container.middle-left{
    text-align: left;
    justify-content: start;
    align-items: center;
    }
.hero-slider .caption-container.bottom-left{
    text-align: left;
    justify-content: start;
    align-items: end;
    }
        
.hero-slider .caption-container.middle-right{
    text-align: right;
    justify-content: end;
    align-items: center;
    }
.hero-slider .caption-container.bottom-right{
    text-align: right;
    justify-content: end;
    align-items: end;
    }    
.hero-slider .caption-container .block.caption.bottom-center{
text-align: center;
justify-content: end;
    
}
.hero-slider .caption-container .block.caption.middle-center{
    text-align: center;
    justify-content: center;
        
    }
.hero-slider .caption-container .block.caption.bottom-left{
text-align: left;
justify-content: end;
}
.hero-slider .caption-container .block.caption.middle-left{
    text-align: left;
    justify-content: center;
    }
.hero-slider .caption-container .block.caption.right{
text-align: right;
  
}

.hero-slider .slider-container{position: relative; z-index: 1;}

.hero-slider .caption-container h1{
    font-size: 4.8rem;
    line-height: 1;
    margin-bottom: 1.5rem;
    font-weight: 600;
    text-wrap: balance;
}

@media screen and (min-width:1023px){
    .hero-slider .caption-container .has-h-1-font-size{
        font-size: 4.8rem!important;
    }
}

.hero-slider .caption-container h1.lowercase, .hero-slider .caption-container h3.lowercase{
    text-transform:lowercase;
}

.hero-slider .caption-container h1.uppercase, .hero-slider .caption-container h3.uppercase{
    text-transform:uppercase;
}

.hero-slider .caption-container h1.none, .hero-slider .caption-container h3.none{
    text-transform:none;
}


.hero-slider .caption-container h3{text-wrap: balance;}

.hero-slider .caption-container h1.light,.hero-slider .caption-container h1.none{
    color: #002040;
}


.hero-slider .caption-container h1.dark {
    color: #ffffff;
}


.hero-slider .caption-container h3{
    font-weight: 600;
    font-style: normal;
    line-height: 1.1;
    text-wrap: balance;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    margin-bottom: 0.25em;
    font-family: "Figtree", sans-serif;
    font-size:1.6rem;
}

.hero-slider .caption-container  h3.light,.hero-slider .caption-container h3.none{
    color: #002040;
}
.hero-slider .caption-container h3.dark{
    color: #ffffff;
}
.hero-slider .caption-container h3 span{
    text-transform: none;
    display:block;
    font-weight: 400;
    }

.hero-slider .caption-container .button.stroke-w.light, .hero-slider .caption-container .button.stroke-w.none {
    background: none;
    border-color: #002040;
    color: #002040;
}    

.hero-slider .caption-container .button.stroke-w.dark {
    background: none;
    border-color: #ffffff;
    color: #ffffff;
} 

.hero-slider .caption-container .sm-image-logo {
    display:block;
    max-width:150px;
    height:auto;   
    margin-bottom:20px; 
} 

.hero-slider .caption-container.center .sm-image-logo {
    margin:0px auto 20px auto;
} 

@media (max-width: 1024px) {
    .hero-slider .caption-container .block.caption{ 
        padding: 1.5rem 1.5rem;
    }
    .hero-slider .caption-container .sm-image-logo {
        max-width: 100px;
        margin-bottom: 20px;
    }
}

@media (max-width: 768px) {
    .hero-slider .caption-container .sm-image-logo {
        max-width:100px;
        margin:0;  
    } 

}

.carousel .slick-prev, .carousel .slick-next {
    position: absolute;
    height: 52px;
    width: 52px;
    line-height: 0px;
    font-size: 0px;
    cursor: pointer;
    background: #063D76;
    color: transparent;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    padding: 0;
    border: none;
    outline: none;
    z-index: 5;
    transition: opacity 0.124s ease-in-out;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.carousel .slick-prev {
    left: 2%;
    border-radius: 50%;
}

.carousel .slick-next {
    right: 2%;
    border-radius: 50%;
    /* margin-top: 31px; */
}
.carousel .slick-prev, .carousel .slick-next {
    background: #002040;
    opacity: 0.6;
}

.carousel .slick-prev::before, .carousel .slick-next::before {
    display: block;
    font-size: 18px;
    color: white;
    opacity: 0.75;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.carousel .slick-next::before {
    content: "";
    background-image: url('../images/right-carrot.svg');
    width: 16px;
    height:26px;
}
.carousel .slick-prev::before {
    content: "";
    background-image: url('../images/left-carrot.svg');
    width: 16px;
    height:26px;
}

.carousel .slick-prev:hover, .carousel .slick-next:hover {
    outline: none;
    background: var(--wp--preset--color--secondary);
    opacity: 0.9;
    color: transparent;
}

.carousel .slick-list, .quote-carousel .slick-list {margin:0 0;}


@media screen and (min-width: 1920px) {
    .carousel.block .background-image, .about .carousel.block .background-image {
        min-height: 540px;
        max-height: 540px;
      
    }
    
}

@media screen and (min-width: 2150px) {
    .carousel.block .background-image, .about .carousel.block .background-image {
        min-height: 600px;
        max-height: 600px;
      
    }
    
}

@media screen and (min-width: 2400px) {
    .carousel.block .background-image, .about .carousel.block .background-image {
        min-height: 620px;
        max-height: 620px;
      
    }
    
}
 

    @media screen and (max-width: 1919px) {
        .carousel.block .background-image, .about .carousel.block .background-image {
            min-height: 430px;
            max-height: 430px;
          
        }
       
     }

    @media screen and (max-width: 1439px) {
        .carousel.block .background-image, .about .carousel.block .background-image {
            min-height: 340px;
            max-height: 340px;
          
        }
       
     }

	 @media only screen and (max-width: 1023px){
        .carousel.block .background-image, .about .carousel.block .background-image {
            min-height: 250px!important;
            max-height: 250px!important;
        }
        .hero-slider .caption-container {
            position: absolute;
            bottom: 0;
            top: 0;
            margin:auto;
            display: flex;
            padding: 2.5rem 2rem;
            width: calc(100% - 0%);
            left: 0;
            align-items: center;
        }

        .hero-slider .caption-container.center{justify-content: center;}
        .hero-slider .caption-container.left{ justify-content: start;}
        .hero-slider .caption-container.right{justify-content: end;}
    
        .hero-slider .caption-container .caption-background {
            position: absolute;
            bottom: 0px;
            clip-path:none;
            background: linear-gradient(90deg, rgb(6, 107, 220) 0%, rgb(0, 41, 82) 94%);
            width: 100%;
            min-height: 100%;
            left:0;
        }
    
    
        .carousel .slick-list { border-top-left-radius: 0px; border-bottom-left-radius: 0px;} 
    
        .blocks .background-image, .block .background-image {
            background-size: cover;
            min-height: 450px!important;
            background-position: center bottom;
            max-height: 450px!important;
        }
    
        .hero-slider .caption-container h1 {
            font-size: 4.3rem;
        }
    
    
        }

    
    @media only screen and (max-width: 800px){


        .carousel.block .background-image {
            min-height: 280px!important;
            max-height: 280px!important;
            mask-image:none;
        }
   
    .carousel .slick-list { border-top-left-radius: 0px; border-bottom-left-radius: 0px;}

    .carousel .slick-prev, .carousel .slick-next {display:none !important;}

    .blocks .background-image, .block .background-image {
        background-size: cover;
        min-height: 325px!important;
        background-position: center bottom;
        max-height: 325px!important;
    }


    .hero-slider .caption-container h1 {
        font-size: 3.3rem;
    }

    .home .carousel.block .background-image {
        min-height: 350px!important;
        background-position: center center;
        max-height: 350px!important;
      
    }

    .hero-slider .caption-container .caption-background.dark,.hero-slider .caption-container .caption-background.light{
        background: transparent;
    }
    

    }


    @media screen and (max-width: 639px) {
        .carousel.block .background-image {
            min-height: 150px!important;
            background-position: center center;
            max-height: 150px!important;
            
        }

        .home .carousel.block .background-image {
            min-height: 280px!important;
            background-position: center center;
            max-height: 280px!important;
          
        }
      }


   
   @media screen and (max-width: 375px) {
    .carousel.block .background-image {
        min-height: 110px!important;
        background-position: center center;
        max-height: 110px!important;
      
    }  
    }