/* ==========================
   INITIAL HIDE (ANTI FLASH)
========================== */


.innerbanner-title-heading { overflow: visible;}
.innerbanner-title-heading {color: var(--color-secondary); display: inline-block; position: relative;font-weight: 500; perspective: 1000px; }
.innerbanner-title-heading .char {display: inline-block;will-change: transform, opacity;backface-visibility: hidden;transform-origin: center;}
.innerbanner-title-heading .word {display: inline-block; white-space: nowrap;}
.innerbanner-title-heading.innerbanner-title-heading-white {color: #fff;}
.innerbanner-title-heading .highlight-span { color: var(--color-primary); }
.inner-banner-vector {width: 100%; height: 100%; position: absolute; top: 0; left: -15px;}
.inner-banner-vector .banner-vector-img {left: 0;position: relative;top: -4vw;max-width: 55vw;}
.bannerinner-picture {display: flex; justify-content: end; align-items: center; overflow: hidden;}
.bannerinner-picture img {max-width: 100%;max-height: 32vw;height: 32vw;}
.inner-banner-vector .abstract-elements-img {position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; z-index: 1;}
.banner-mask {position: absolute; left: 0;top: -4vw;width: 54.75vw;-webkit-mask-image: url('../images/inner-banner-vector.svg'); mask-image: url('../images/inner-banner-vector.svg'); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: cover; mask-size: cover;-webkit-mask-position: center;mask-position: center;}
.masked-img { width: 100%;height: 100%; object-fit: cover;position: relative;left: -40px;}
.banner-vector-img,.masked-img {will-change: transform;}
.banner-inner-outer {width: 100%; position: absolute; top: 0;left:-15px;}

.breadcrumb_container {display: inline-flex;}

@media (min-width: 1024px) {
    .banner-inner-section .container {max-width: 78vw;}
}

@media (min-width: 1920px) {
.banner-mask { width: 50.75vw;}
}
@media (min-width: 1280px) and (max-width: 1365px) {
    .innerbanner-title-outer {max-width: 38vw;}
}


@media (max-width: 1023px) {
.bannerinner-picture img {max-width: 100%;max-height: 100%;width: 100%;height: 100%;}
.inner-banner-vector .banner-vector-img {top: 0;max-width: 100%;}
.banner-mask {top: 4px;width: 98%;}
.masked-img {left:-20px;}
.banner-inner-outer {position: relative;margin-top:-12vw;left:8px;left:-15px;}
.inner-banner-vector {position: relative;}
.banner-inner-section {margin-top: 108px;}



}

@media (max-width: 767px) {
.bannerinner-picture img {max-width: 100%;max-height: 100%;width: 100%; height: 100%;}
.inner-banner-vector .banner-vector-img {top: 0;max-width: 100%;}
.banner-mask {top: 2px;width: 98%;}
.masked-img {left:-20px;}
.banner-inner-outer {position: relative;margin-top:-12vw;left:8px;}
.inner-banner-vector {position: relative;}
.breadcrumb_container {max-width: 85%;}
.breadcrumb_container ol {flex-wrap: wrap;}
.breadcrumb_container ol li a, .breadcrumb_container ol li {font-size: 0.75rem;}
.innerbanner-title-outer {max-width: 85vw;}

}
@media (min-width: 430px) and (max-width: 490px) {

}


 @media screen and (min-width: 1025px) and (-webkit-min-device-pixel-ratio:1.5),screen and (min-width:1025px) and (min-resolution:144dpi) { 
.innerbanner-title-heading {font-size: 2.5rem;}


 }


  @media screen and (min-width: 1025px) and (-webkit-min-device-pixel-ratio:1.5),screen and (min-width:1025px) and (min-resolution:144dpi) {
     .banner-inner-section {margin-top: 152px;}
     .banner-inner-section .container {max-width: 83vw; }
   }