.hr-breadcrumb {
    position: relative;
    background: #000;
    overflow: hidden;
    min-height: 100vh;
    display: flex;
    align-items: center;
}
/* Base structural fixes for right image to grow dynamically */
.hr-breadcrumb-right {
    position: relative;
    height: 100%;
    min-height: 100vh;
    z-index: 0;
}
.hr-breadcrumb-right img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.hr-breadcrumb-right figure {
    position: absolute;
    top: 0;
    left: -140px;
    height: 100%; /* Adapts to row height instead of fixed 100vh */
    width: 59.5vw;
    bottom: 0;
    margin: 0;
}

.hr-breadcrumb-left {
    padding: 120px 0px 10px;
    height: auto;
    position: relative;
    z-index: 2;
}

/* Ensure Logo flows naturally under the text */
.hr-btns-wrap {
    position: relative;
    margin-top: 25px;
    margin-bottom: 40px;
    z-index: 2;
}
.believed-sec p {
    color: #fff;
    margin-bottom: 8px;
}

.hr-breadcrumb-right figure:after {
  background: linear-gradient(180deg,#000 30%,hsl(0 0% 7% / .5),hsl(0 0% 7% / .001));
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 220px;
}
.hr-breadcrumb-right figure::before {
  content: "";
  width: 240px;
  height: 100%;
  position: absolute;
  left: -60px;
  top: 0;
  background: -webkit-linear-gradient(left,#161515 24%,hsl(0 0% 7% / .5),hsl(0 0% 7% / .001));
  background: -moz-linear-gradient(left,#161515 24%,hsl(0 0% 7% / .5),hsl(0 0% 7% / .001));
  background: -o-linear-gradient(left,#161515 24%,hsl(0 0% 7% / .5),hsl(0 0% 7% / .001));
  background: linear-gradient(90deg,#000 24%,hsl(0 0% 7% / .5),hsl(0 0% 7% / .001));
}

.hr-breadcrumb .hr-titel {
    font-size: 40px;
    font-family: var(--font-01);
    letter-spacing: -1px;
    line-height: 1;
    font-weight: 700;
    color: rgb(253 253 225);
    position: relative;
    margin-bottom: 20px;
}
.hr-breadcrumb .hr-titel span {
    font-family: var(--font-02);
    color: #fff;
}
.hr-breadcrumb .hr-text {
    margin-bottom: 0;
    font-size: 18px;
    color: var(--white);
    position: relative;
}
.hr-breadcrumb .btn-main {
    margin-top: 1.2rem;
    display: inline-block;
    margin-top: 30px !important;
}

.hr-breadcrumb .shape-01 {
    position: absolute;
    z-index: 111;
    bottom: 0;
    left: 30px;
}
.hr-breadcrumb .shape-02 {
    position: absolute;
    z-index: 111;
    bottom: 0;
    right: 85px;
}

.hr-desktop-banner { display: block; }
.hr-mobile-banner { display: none; }
.hr-tablet-banner { display: none !important; }
.tab-text { z-index: 1; }

@media(min-width:1366px){
    .hr-breadcrumb .shape-02 img {
        max-width: 350px;
        width: 350px;
    }
}
@media(min-width:1517px){
    .hr-breadcrumb .shape-02 img {
        max-width: 450px;
        width: 450px;
    }
}

@media (max-width: 1800px) {
    .hr-breadcrumb .shape-01 { left: 0; }
    .hr-breadcrumb .shape-01 img { max-width: 330px; }
    .hr-breadcrumb .shape-02 { right: 0; }
}

@media (max-width: 1500px) {
    .hr-breadcrumb .hr-titel {
        font-size: 40px;
        line-height: 52px;
    }
    .hr-breadcrumb .shape-01 img {
        max-width: 250px;
    }
}

@media (max-width: 1200px) {
    .hr-breadcrumb .shape-01 { left: 30px; }
    .hr-breadcrumb .shape-01 img { max-width: 200px; }
    .hr-breadcrumb .shape-02 img { max-width: 270px; }
}

@media (max-width:1024px){
    .hr-mobile-banner { display: none !important; }
    .hr-desktop-banner { display: none; }
    .hr-tablet-banner { display: block !important; }
    .hr-tablet-banner { padding: 120px 0 40px 0; }
    .hr-breadcrumb-right {
        width: 100%;
        height: auto;
        min-height: unset;
    }
    .hr-breadcrumb-right figure {
        position: relative;
        left: 0;
        width: 100%;
    }
    .hr-breadcrumb-right figure:after{ height: 10px; }
}

@media (max-width: 991px) {
    .hr-breadcrumb .shape-01 { left: -50px; }
    .hr-breadcrumb .shape-02 { right: 8px; }
    .hr-breadcrumb .shape-02 img { max-width: 260px; }
    .tab-text ul{ display: none; }
}

@media (max-width: 767px) {
    .hr-breadcrumb { padding: 100px 0 50px; min-height: unset;}
    .hr-breadcrumb .shape-01, .hr-breadcrumb .shape-02 { display: none; }
    
    .hr-breadcrumb .hr-titel {
        font-size: 32px;
        padding-top: 55px;
        line-height: 30px;
    }
    .hr-mobile-banner { display: block !important; }
    .hr-desktop-banner { display: none; }
    .hr-tablet-banner { display: none !important; }
    
    .hr-breadcrumb-right { display: none; }
    h2 svg { width: 50px; }
}

@media(max-width:767.98px){
    .hr-breadcrumb { height: auto; padding-bottom: 50px !important; }
}

@media screen and (max-width:425px) {
    .hr-breadcrumb { padding: 100px 0 }
}