/*Heading*/ 
.heading h1 {font-weight:800 !important;}

/*Section Visual*/
.bg-section-visual {position:relative;background-size: cover;background-position: center;}
.bg-overlay {display: block;position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index:1;background:rgba(13,12,12,0.45);}
.bg-section-visual .container {transform:translateX(-50%);left:50%;bottom:0;position:absolute;z-index:2}

.leadership .card {background:var(--bs-white);}
.leadership .card img {filter: grayscale(100%);}
.leadership .leadership-img {position:relative; z-index:0; }
.leadership .bi { color:var(--bs-secondary);}
.leadership .bi:hover {color:var(--bs-primary);}

@media (max-width:575.98px){
.leadership .card {width: 100%; margin: 0 auto;}
.bg-section-visual { min-height:150px }
}

.bg-blur { background-color: rgba(255, 255, 255, 0.10) !important; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); border: 1px solid #ffffff80;}
.color-diagonal { position: absolute; z-index: 0; background: rgba(var(--bs-primary-rgb), var(--bs-link-opacity, 0.9)); bottom: 0; left: 0; width: 100%; height: 100%;}

.half-bg:before{content:''; background:var(--bs-primary); position:absolute; top:0; right:0; height:100%; width:43.3%; overflow:hidden;}
@media (max-width:991.98px) {
.half-bg:before {left:0; bottom:0; top:auto; width:100%; height:50.5%}
}

@media (max-width:575.98px){
.warehouse-industries h6, .warehouse-industries svg {color:var(--bs-secondary) !important; fill:var(--bs-secondary) !important}
}