/* Common Banner Start */
.herosingle_banner{position:relative;}
.hero_caption{position:absolute;width:100%;height:100%;top:0;left:0;align-content:center;padding-block: 2rem;padding-inline: 11.33%;}
.hero_caption.cntbradcrumb_title{padding-inline:5rem;text-align:center;}
.hero_caption.cntbradcrumb_title .hero_title{max-width: 100%;}
.hero_title{width:100%;max-width: 57.7rem;}
.hero_title>*{color:var(--color-white);}
.hero_title>h1{font:var(--font-60);}
.hero_title>p{font-weight: 300;margin-top:3rem;}
.hero_title>.view_btn{margin-top:2rem;}
.breadcrumb_item::before{display: none;}
.breadcrumb_item{padding-left: 0;}

@media(max-width:767px){    
    .herosingle_banner{position:relative;display:flex;flex-direction:column-reverse;overflow: hidden;}
    .hero_caption {padding-block:6.2rem;padding-inline:3.6rem;align-content:end;}
    .hero_title>h1 { font:normal normal 500 4.2rem / 1 var(--font-roboto);}
    .herosingle_banner picture img{ min-height: 30rem; object-fit: cover;}
    .hero_caption{ padding-block:6.2rem; padding-inline:3.6rem; align-content:end; z-index:10; height:auto; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); }
    .herosingle_banner picture::before{ content: ""; width: 100%; height: 100%; position: absolute; bottom: 0px; background: transparent linear-gradient(180deg, #00000000 0%, rgb(0 0 0 / 90%) 100%) 0% 0% no-repeat padding-box; border-radius: 6px; z-index: 2; }
}



/* Common Menu Start */

.sitebrand_logo{max-width:80px;}
.landing_menu{margin-inline: auto;}
/* .landing_menu>ul{display:flex;gap:5rem;align-items:center;padding:0;margin:0;}
.landing_menu>ul>li{list-style:none;padding-block:2.7rem;}
.landing_menu>ul>li>a{display:inline-block;font:var(--font-16);color:var(--color-black);text-transform:uppercase;}
.landing_menu>ul>li.active>a{font-weight:900;}
.landing_menu>ul>li>a:hover{color:var(--color-12);} */
.spec_select .form-check{ font: var(--font-15px); display: flex; align-items: center; gap: 1rem; margin-block: 0 1rem;}

@media (max-width:767px){
    .landing_menu{margin-inline: auto 0;}
    .common_menu:not(:has(.sitebrand_logo))>.container-fluid{padding-inline: 3rem;}
    .common_menu:not(:has(.sitebrand_logo))>.container-fluid .landing_menu{padding-inline: 0;}
    .landing_menu>ul{min-width:22.8rem;}
}