.ll-hero-bg{position: absolute;top: 0;bottom: 0;z-index: 0;}

/* Breadcrumb */
.llh-breadcrumb-wrapper{ position: absolute; top: 0; left: 0;right: 0; height: min-content; z-index: 9;}
.lower-level-hero-container .breadcrumb-wrapper { position: relative;height: 60px; background: var(--kal-black); }
.lower-level-hero-container .breadcrumb-wrapper::after { content: ''; position: absolute; top: 0; right: 0; width: 100vw; height: 100%; background-color: var(--kal-black); z-index: 0; }
.lower-level-hero-container .breadcrumb-icon { width: 60px; height: 60px; background-color: var(--kal-blue); position: absolute; left: 100%;padding: 12px;}
 
.lower-level-hero-container.right-img:has(.breadcrumb-wrapper) .llh-content{min-height: 380px;margin-top: 60px;}

.llh-right-box{width: 100vw;height: 100%;position: absolute;bottom: 0;}
.llh-content{width: 100%;min-height: 500px;padding: 80px 0;}
.llh-content-text{font-size: 25px;  }
.llh-content-text h1{font-size: 72px;font-weight: 700;line-height: 0.85;letter-spacing: -0.01em;margin-bottom: 0;}
.llh-content-text h1:has(+ p){margin-bottom: 12px;}
.llh-btn-group{margin-top: 30px;}

.left-img .ll-hero-bg{left: 0;right: calc(41.66% - 15px);}
.left-img .llh-right-box{left: 100%;}
.right-img .ll-hero-bg{left: calc(41.66% - 15px);right: 0;}
.right-img .llh-right-box{right: 100%;}



/* ========================================== 
! Large devices (desktops, less than 1400px)
=========================================== */
@media (max-width:1399.98px){
    .lower-level-hero-container.left-img .breadcrumb-wrapper { width: calc(100% + 30px); }
    .lower-level-hero-container:has(.breadcrumb-wrapper) .llh-content{min-height: 380px;margin-top: 60px;}
    .llh-content{min-height: 400px;padding: 60px 0;}
    .left-img .ll-hero-bg{right: calc(50% - 15px);}
    .right-img .ll-hero-bg{left: calc(50% - 15px);}
}

/* ========================================== 
! Large devices (desktops, less than 1200px)
=========================================== */
@media (max-width:1199.98px){
    .lower-level-hero-container .breadcrumb-wrapper { width: calc(100% + 15px); }
    .lower-level-hero-container.left-img .breadcrumb-wrapper { width: calc(100% + 15px); }
    .llh-content-text h1{font-size: 50px; }
    .left-img .ll-hero-bg{right: 50%;}
    .right-img .ll-hero-bg{left: 50%;}
  
}

/*==========================================
! Medium devices (tablets, less than 992px)
========================================== */
@media (max-width:991.98px){
    .llh-content{padding: 40px 44px;}
}

/* =================================================  
! Small devices (landscape phones, less than 768px)
================================================= */
@media (max-width:767.98px){
.lower-level-hero-container .breadcrumb-wrapper {max-width: 80%;height: 50px;width: max-content !important;}
.lower-level-hero-container.right-img:has(.breadcrumb-wrapper) .llh-content,.lower-level-hero-container.left-img:has(.breadcrumb-wrapper) .llh-content{min-height: auto;margin-top: 50px;}
.ll-hero-bg{top: auto;min-height: 300px;position: relative;order: 1;}
.ll-hero-bg img{position: absolute;top: 0;left: 0;right: 0;bottom: 0;}
.llh-content{min-height: auto; padding: 50px 0;}
.llh-right-box{display: none;}
.llh-content-text h1:has(+ p){margin-bottom: 24px;}
.left-img .ll-hero-bg{right: 0;}
.right-img .ll-hero-bg{left: 0;}
}

/* ======================================================
! Extra small devices (portrait phones, less than 576px)
====================================================== */
@media (max-width:575.98px){

}

/* ======================================================
! Extra small devices (portrait phones, less than 370px)
====================================================== */
@media (max-width:369.98px){}