/* Adjust banner to fit splide carousel */
.fit-banner {position:relative;}
.fit-banner .img-fit {height:100%;}
.fit-banner .banner-carousel-container {height:328px; width:100%; overflow:hidden; position:relative;}
.banner-carousel-container .splide,
.banner-carousel-container .splide__track,
.banner-carousel-container .splide__list,
.banner-carousel-container .splide__slide {height:100%; width:100%;}
.banner-carousel-container .splide__list {display:flex;}
.banner-carousel-container .splide__slide {flex:0 0 100%;}
.fit-banner .img-fit,
.banner-carousel-container .splide__slide img {width:100%; height:100%; object-fit:cover; display:block;}
.fit-banner .banner-carousel-container.service-carousel-container {height:480px;}


/* Banner with title and Icon */
.banner-title {background-color:var(--primary-400); padding-top:40px; padding-bottom:260px; overflow:hidden; position:relative;}
.banner-title .level1-title {color:var(--neutral-100); margin:0; position:relative; z-index:1;}
.banner-title svg {height:220px; position:absolute; bottom:1rem; right:-20px;}
.banner-title .level1-title span:first-child {padding-left:0.8rem;}
.banner-title .level1-title span:last-child {padding-left:1.6rem;}

svg path {stroke-dasharray:1500; stroke-dashoffset:1500; fill:none; stroke:#ffae00; stroke-width:1.5px; stroke-linecap:round; stroke-linejoin:round; stroke-miterlimit:10; animation-delay:0.7s !important;}
        
.animate svg path.vvslow {animation:draw 16s ease-in-out forwards;}
.animate svg path.vslow {animation:draw 8s ease-in-out forwards;}
.animate svg path.slow {animation:draw 4s ease-in-out forwards;}
.animate svg path.medium {animation:draw 2s ease-in-out forwards;}
.animate svg path.fast {animation:draw 1s ease-in-out forwards;}

svg path.dark {stroke:#f70;}

@keyframes draw {
  to {
    stroke-dashoffset:0;
  }
}


@media(min-width:1200px) {
    /* Adjust banner to fit splide carousel */
    .fit-banner .banner-carousel-container {height:525px;}
    .fit-banner .banner-carousel-container.service-carousel-container {height:640px;}
}

@media (min-width:480px) {
    .banner-title {overflow:visible; padding-top:40px; padding-bottom:40px;}
    .banner-title .container {display:flex; align-items:center}
    .banner-title.offset-icon-vertical {margin-bottom:4rem;}
    .banner-title.offset-icon-vertical svg {margin-bottom:-125px;}
    .banner-title svg {width:290px;}
    .banner-title svg {position:relative; bottom:auto; right:auto;}
    .banner-title .container {justify-content:space-between;}
}