header{position: fixed; inset: 0; bottom: auto; background-color:  transparent; z-index: 9; isolation: isolate; transition: .5s all;}
.inner-header:after, .inner-header:before{z-index: -1; transition: .3s all;}
header.sticky{position: fixed; inset: 0; bottom: auto; background-color:  #000;}
.header-top{background-color: #000; border-bottom: 1px solid rgba(255,255,255,.3); position: relative; z-index: 5;  padding: 0.5rem;}
.header-top ul{display: flex; justify-content: flex-end; align-items: center;}
.header-top a{font-size: 1.1rem; color: #fff; letter-spacing: .5px; padding: 1rem 1rem; font-weight: 500; transition: .3s all;}
/* .header-top a:hover{color: #FCCF14;  } */
.header-top a.active{color: #FCCF14;  }
.header-top ul ul { display: none;  position: absolute; top:100%; left: 0; width: 30rem;  translate: -40px;}
.header-top ul li:hover > ul {  display: inherit;}
.header-top ul li{ position: relative;}
.sub_menu_bg{background-color: #000;}



.navbar-brand{max-width: 350px; padding: 0}
.menubar{display: flex; justify-content: center; padding-top: 2rem; transition: .3s all;}
.sticky .menubar{padding-top: 0rem}
.menubar-container{display: flex;}
.menubar-container .menu-link{display: flex; padding-inline:1.2rem; height: 90px; column-gap: 1.3rem; font-size: 2.1rem; font-weight: 600; color:#fff; align-items: center; z-index: 5; position: relative;}
.menubar-container .menu-item:hover .menu-link{color: #fff}
.menubar-container .menu-link span{background-color: rgba(0,0,0,.3); border-radius: 50%; width: 2rem; height: 2rem; display: block;}
.menubar-container .menu-link img{line-height: 1; margin-top: -.3rem;}
.menubar-container .btn-pill{padding: 1.15rem 1.9rem; border: 1px solid #E09AAF; color: #fff; transition: .3s all; border-radius: 5rem; z-index: 1; position: relative; width: 60px; text-align: center;}
.menubar-container .btn-pill img{filter: invert(1); max-width: 2rem;height: 18px; width: 15px; object-fit: contain;}
.menubar-container .btn-pill .cross{display: none; filter: invert(0);}
.menubar-container .btn-pill .search{width: 20px}
.menubar-container li:last-child{padding-inline: 2rem;height: 90px; display: flex; align-items: center;}

.mega-menu{position: absolute; inset:0; bottom: auto; height: 85vh;  padding-top: 12rem; z-index: 0; background: rgba(56,56,56,.5); backdrop-filter: blur(20px); display: none;}
/* .mega-menu::before{content: ''; position: absolute; inset: 0; background: rgb(56,56,56); opacity: .87; backdrop-filter: blur(50px);} */
.mega-menu .megamenu-content{height: calc(85vh - 12rem); box-sizing: border-box; overflow-y: auto; display: flex; align-items: center; padding-block: 3rem; position: relative;}
.megamenu-thumb{padding-inline: 4rem; padding-right: 2rem; height: 100%;display: flex; border-left: 1px solid #fff;}
.megamenu-thumb.with-image{padding-inline: 2rem; height: 100%;display: flex; border-left: none; column-gap: 2rem;}
.megamenu-thumb .thumb-content{height: 100%;display: flex; flex-direction: column; height: auto;}
.megamenu-thumb :is(.thumb-heading-top, .thumb-heading, p){display: block; color: #fff}
.megamenu-thumb .thumb-heading-top{font-size: 2rem; font-weight: 600; width: max-content; padding-bottom: 2rem; margin-bottom: 2rem; border-bottom: 1px solid #fff;}
.megamenu-thumb .thumb-heading{font-size: 1.5rem; line-height: 1.2; font-weight: 600; margin-bottom: 0; transition: .3s all;}
.megamenu-thumb.with-image .thumb-heading{font-size: 2.6rem; margin-bottom: 0;}
.megamenu-thumb .thumb-desc{font-size: 1.4rem; margin-bottom: 2rem; font-weight: 300; line-height: 1.5}
.megamenu-thumb.with-image .thumb-desc{max-width: 400px;}
.megamenu-thumb .btn-circle{margin-top:auto;}
.thumb-icon {
    width: 77px;
    min-width: 77px;
}
.megamenu-thumb .btn-circle img{filter: brightness(0);}

.megamenu-thumb:hover .thumb-heading{color: #FCCF14}
.megamenu-thumb .btn-circle:hover{background-color: #FCCF14}

.mega-menu .row.gy-5{--bs-gutter-y: 3.8rem}
.mega-menu .input-group{ border: 1px solid #E09AAF; background-color: transparent; border-radius: 50px;}
.mega-menu .form-control{padding: 2.4rem 4.8rem; padding-right: 2rem; border: none; background-color: transparent; font-size: 1.8rem; color: #fff}
.mega-menu .form-control:focus{box-shadow: none;}
.mega-menu .form-control::placeholder{color: #fff}
.mega-menu .input-group-append{display: grid;}
.mega-menu .input-group-append>*{grid-area:1/1 ; cursor: pointer;}
.mega-menu .input-group-append input{position: relative; z-index: 1; opacity: 0; width: 100px;}
.mega-menu .input-group-append span{display: flex; padding-left: 2rem; padding-right: 4.8rem; height: 100%; justify-content: center;align-items: center;}
.mega-menu .input-group-append img{filter: invert(1); width: 2.5rem}

/* .has-megamenu:hover .mega-menu{display: block;}  */
.has-megamenu.active  .cross{display: block;}
.has-megamenu.active  .search{display: none;}
.has-megamenu.active  .btn-pill{background: #E09AAF}

.inner-header .menubar-container .menu-link{color: #000; transition: .3s all;}
.inner-header .menubar-container .menu-item:hover .menu-link{color: #000}
.inner-header .menubar-container .search{filter: brightness(0)}
.megamenu-thumb.with-image .thumb-desc {
    margin-bottom: 1.5rem !important;
}
.header-top{display: none;}
.nav-right{display: none;}
.inner_common_menu.sticky{box-shadow:rgba(99, 99, 99, 0.2) 0px 1px 3px 0px;}
nav.menubar p {
    /* padding-left: 200px; */
    font-size: 1.6rem;
    font-weight: 800;
    text-align: center;
}
.search-btn{
    background: none;
    border: none;
    text-align: center;
    margin-top: 2.5rem;
    position: absolute;
    z-index: 99;
}

.inner_common_menu.sticky {
    z-index: 1;
}
.btn.btn-circle.btn-white .img-fluid {
    width: auto;
}

@media (min-width: 992px){
    .header-top{display: block;}
    .nav-right{display: block;}
    .menubar{justify-content: space-between; padding-top: 0}
}

@media (min-width: 1200px){
    .mega-menu .form-control{font-size: 2rem;}
    .mega-menu .input-group-append span img{ width: 3rem}
    .megamenu-thumb .thumb-desc{font-size: 1.6rem};
    .header-top a{font-size: 1.3rem;}
    .menubar-container .menu-link{padding-inline: 1.5rem; font-size: 2.4rem;}
    .menubar-container .menu-link span{width: auto; height: auto}
    .menubar-container .menu-link img{margin: auto;}
}


@media (min-width: 1400px){
    .header-top a{font-size: 1.6rem; letter-spacing: .6px; padding: 1.6rem 2rem}
    .menubar-container .menu-link{padding-inline:1.4rem;column-gap: 1.5rem; font-size: 3rem;height: 118px;}
    .menubar-container li:last-child{height: 118px}
    .navbar-brand{max-width: 100%;}
    .megamenu-thumb.with-image{column-gap: 3.8rem; align-items: center;}
    .megamenu-thumb .thumb-heading{font-size: 2rem; margin-bottom: 2rem;}
    .megamenu-thumb.with-image .thumb-desc{max-width: 500px;}
    .inner_common_menu.sticky {
    top: 15rem;
}
}

@media (min-width: 1500px){
    /* header .container{max-width: 1464px;} */
    .container{max-width: 1464px;}
    .megamenu-thumb.with-image .thumb-heading{font-size: 3rem;}
    .inner_common_menu.sticky {
    top: 15rem;
}
}

@media (min-width: 1600px){
    .header-top a{letter-spacing: 1.6px;}
    .megamenu-thumb.with-image{column-gap: 4.8rem; align-items: center;}
    .megamenu-thumb .thumb-heading-top{font-size: 3rem;}
    .megamenu-thumb .thumb-heading{font-size: 2rem; margin-bottom: 0;}
    .megamenu-thumb.with-image .thumb-heading{max-width: 400px; margin-bottom: 0;}
    .megamenu-thumb .thumb-desc{font-size: 1.8rem; margin-bottom: 4.8rem}
    .megamenu-thumb.with-image .thumb-desc{margin-bottom: 2.5rem};
    .header-top a{font-size: 1.6rem; letter-spacing: 1.6px; padding: 1.6rem 2rem}
    .mega-menu{padding-top: 18rem}
    .mega-menu .megamenu-content{height: calc(85vh - 18rem);}
    .mega-menu .row.gy-5{--bs-gutter-y: 4.8rem}
    .mega-menu .form-control{font-size: 2.4rem;}
    .mega-menu .input-group-append span img{ width: 4rem}
}
@media (min-width: 1700px){
    /* header .container{max-width: 1664px;} */
    .container{max-width: 1440px;}
}
@media (min-width: 1920px){
.menubar {
    justify-content: space-between;
    padding-top: 1px;
}
.inner_common_menu.sticky {
    top: 15rem;
}
.inner_common_menu {
    top: 15.5rem;
}
}


.procontent {
    width: 20%;
}