

/*UI14041994*/
header {position: fixed;width: 100%; transition: 0.5s ease-in-out;z-index: 999;background: var(--color_white);padding-block: 1rem;padding-inline: 7rem;}
header .container{max-width: 100%;}
/* header::before{width:100%;height:100%;position: absolute;left: 0;top: 0;background: linear-gradient(180deg, rgba(0,7,35,1) 50%, rgba(255,255,255,0) 100%);content: "";z-index: -1;} */
header .navbar-brand .main_logo { width:41.6rem; height: auto; transition:.5s ease-in-out; -webkit-transition:.5s ease-in-out; -moz-transition:.5s ease-in-out; -ms-transition:.5s ease-in-out; -o-transition:.5s ease-in-out; background: var(--color_blue); display: flex; align-items: center; }
header.sticky{ padding-block:1rem; background: var(--color_white); top:0rem; transition:.5s ease-in-out ; -webkit-transition:.5s ease-in-out ; -moz-transition:.5s ease-in-out ; -ms-transition:.5s ease-in-out ; -o-transition:.5s ease-in-out ; border-bottom: .1rem solid rgb(0 0 0 / 15%);}
header.sticky .main_logo{ width: 20rem; transition:.5s ; -webkit-transition:.5s ; -moz-transition:.5s ; -ms-transition:.5s ; -o-transition:.5s ; }
header .container{display: flex;justify-content: space-between;flex-wrap: wrap;position: relative;padding-inline: 0;}
header .navbar_nav{display: flex;justify-content:flex-end;flex-wrap: wrap;align-items: center;}
header .navbar_nav li:not(:last-child){margin-right: 4rem;}
header .navbar_nav li:nth-last-child(2){margin-right: 0rem;}
header .navbar_nav li a{font: var(--font18); color: var(--color_black);font-weight: var(--font_600);letter-spacing: 1.05px;text-transform: uppercase;font-family: var(--montserrat);}
header .navbar_nav.main-top li a { font: var(--font14); font-weight: var(--font_600);}
header .navbar_nav.main-top li:last-child { margin-right:0rem;}
header .navbar_nav.main-top li:nth-last-child(2) {margin-right: 2.2rem;}
header .navbar_nav.main-top li.fistline a:after {
content: '';width: 2px;height: 18px; display: block;  position: absolute;  background: var(--color0a);  right: -11px; margin: 0 auto; top: 4px;}
ul.navbar_nav.main-top{margin-bottom: 2rem;}
header .navbar_nav.main-top li.nav-item.fistline { position: relative;}
header .navbar_nav li a svg{stroke: var(--color0a);}
header .navbar_nav li a:hover svg{stroke: var(--color_black);}
header .navbar_nav li a:hover{color: var(--color0a);}
header .navbar_nav li .btn_hovefct{ padding:1.3rem 1.5rem; background: var(--color0a); color: var(--color_white);}
header .navbar_nav li .btn_hovefct:hover{color: var(--color_white);background: var(c);}

header .navbar_nav .abt_menu {position: relative;}
header .navbar_nav .abt_menu > .submenu{position: absolute;display: none;left: 0;top: 100%;background: var(--color0a);list-style: none;padding:2.5rem 2.5rem 3rem;z-index: 99;margin-top: 2.8rem;}
header .navbar_nav .abt_menu:hover > .submenu {display: block;}
header .navbar_nav .abt_menu:hover > a{color: var(--color0a);}
header .navbar_nav .abt_menu:hover a::before{width: 100%;height:8rem;position: absolute;left: 0;top: 0;content: "";}
header .navbar_nav .submenu{position: relative;min-width: 27rem;}
header .navbar_nav .submenu::before {width: 2.8rem;height: 1.2rem;background: var(--color0a);position: absolute;left:4.5rem;clip-path: polygon(50% 0%, 0% 100%, 100% 100%);content: "";top:-.5rem;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);z-index: 1;}
header .navbar_nav .submenu li{margin-right: 0;}
header .navbar_nav .submenu li a{font: var(--font16);color: var(--color_white);text-transform: capitalize;font-family: var(--inter);letter-spacing: 0;}
header .navbar_nav .submenu li a::before{display: none;}
header .navbar_nav .submenu li:not(:last-child){margin-bottom:1.5rem;}
header .navbar_nav .submenu li a:hover{color: #ffffffbf;}
@media (min-width:1650px) and (max-width:1750px) {header .navbar_nav li a{font-size: 1.8rem;}}
@media (max-width:2022px) {
    header .navbar-brand .main_logo{width: 30rem;}
    header.sticky .main_logo { width: 20rem;}
}
@media (min-width:1921px) {
    header .container { max-width:100%;padding-inline: 10rem;max-width: 1920px;margin-inline: auto;}
}
@media (max-width:1766px) {
    header .navbar-brand .main_logo{width: 24rem;}
}
@media (max-width:1649px) {
    header .navbar_nav li:not(:last-child) {margin-right: 3rem;}
    header .navbar_nav li:not(:last-child){margin-right:2.5rem;}
    header .navbar_nav li:nth-last-child(2) { margin-right:0rem;}
    header .navbar-brand .main_logo {width: 20rem;}
    header.sticky .main_logo{width: 18rem;}
    header .navbar_nav .submenu::before {width: 2rem;height: 1rem;left: 3.5rem;top: -0.4rem;}
    header {padding-inline:5rem;}
    header .navbar_nav li .btn_hovefct {padding: 1rem 1.2rem;}
    header .navbar_nav li a{font-size: 1.7rem;}
}/*--1649px-css-end--*/
@media (max-width:1399px) {
    header {padding-block: 1rem;}
    header .navbar-brand .main_logo {width:18rem;}

    header.sticky .main_logo {width: 17rem;}
    header .navbar_nav li .btn_hovefct {padding: .5rem 1rem;}
    header .navbar_nav li a svg{width: 1.5rem;}
    header .navbar_nav li a{font-size: 1.5rem;}
    header .navbar_nav li:not(:last-child) {margin-right: 2.2rem;}
    header .navbar_nav li:nth-last-child(2) { margin-right: 0rem; }
}/*--1399px-css-end--*/
@media (max-width:1280px) {
    header {padding-inline: 4rem;}
    header .navbar_nav li a {font-size: 1.5rem;}
    header .navbar_nav li:not(:last-child) {margin-right:2.1rem;}
    header .navbar_nav li:nth-last-child(2) { margin-right: 0rem; }
}/*--1280px-css-end--*/
@media (max-width:1199px) {

    header .navbar_nav li a {font-size: 1.3rem;}
    header {padding-block: 1.5rem;padding-inline: 2.5rem;}
    header .navbar-brand .main_logo {width:16rem;}
    header.sticky .main_logo {width: 14rem;}
    header .navbar_nav li .btn_hovefct {padding:0 0.5rem;}
    header .navbar_nav li a svg {width: 1.5rem;}
    header .navbar_nav li:not(:last-child) {margin-right: 1.3rem;}
    header .navbar_nav li:nth-last-child(2) { margin-right: 0rem; }
    header .navbar-brand .main_logo {width:12rem;}
    header.sticky .main_logo {width: 10rem;}
}/*--1199px-css-end--*/

@media (max-width:1050px) {
    header .navbar_nav li a {font-size: 1.2rem;}
}

@media (max-width:991px) {
    header .navbar-brand{display: flex;justify-content: center;text-align: center;width: 100%;}
    header .navbar_nav{display: none;}
    header .navbar_nav li a svg {width: auto;}
    header .container{padding-inline: 1.4rem;}
    header .navbar-brand .main_logo {width: 20rem;margin-inline: auto;}
    header .container{max-width: 95%;margin-inline: auto;}
    header .navbar_nav li .nav-link{display: none;}
    header .navbar_nav li .nav-link.search_btn{display:block;}
    header .navbar_nav li:not(:last-child) {margin-right: 0;}
    header {padding-block: 1.5rem;}
    header.sticky{padding-block: 1rem;}
    header .navbar-brand .main_logo {width:18rem;}
    header.sticky .main_logo {width: 15rem;}
}/*--991px-css-end--*/

@media (max-width:767px) {
}/*--767px-css-end--*/

@media (max-width:575px) {
}/*--575px-css-end--*/

@media (max-width:350px) {
    header .container {max-width: 100%;}
    header .navbar_nav li .nav-link.search_btn svg{width:1.8rem;height:1.8rem;}
}/*--350px-css-end--*/
/*-=======-header-main--Css-end-======--*/

.search_wrap {align-items: center;background:var(--color32);height: 0;display: flex;justify-content: center;opacity: 0;position: fixed;transition: all 0.5s;width: 100vw;will-change: transform, opacity;z-index: -1;top: 0;}
.search_wrap form{width: 100%;display: flex;justify-content: center;align-items: center;}
.search_wrap .close-btn {display: block;visibility: visible;z-index: 999;opacity: 1;right: 5rem;top: 5rem;}
.searchbox {background: transparent;border-width: 0 0 1px 0;color: #fff;flex: 1 0 auto;font: var(--font20);height: 2rem;max-width: 100%;outline: 0;padding: 2rem 3rem 2rem 0rem;width: 100%;border-bottom: 1px solid #fff;font-weight: var(--font_normal);}
input.searchbox::placeholder {color: #fff;}
.search_wrap .close-btn {color: #fff;font:var(--font18);position: absolute;top:5rem;right:5rem;}
.search_wrap .search-name {display: flex;width: 60%;justify-content: center;align-items: center;margin-inline: auto;}
.search_wrap .search-name button {border: 0;background: none;position: relative;right: 3rem;}
.search_wrap .search-name div {width: 100%;display: flex;align-items: center;}
.search_wrap .search-name a {margin-left: -2.5rem;}
.search_wrap .search-name a svg{stroke: var(--color_white);}
.search_wrap.fade.open {opacity: 1;height: 100%;z-index: 9999;display: flex;}
@media (max-width:991px) {
    .search_wrap form{display: none;}
    .search_wrap.fade.open form{display: block;}

}/*--991px-css-end--*/
@media (max-width:575px) {
    .search_wrap .search-name a svg {width: 2rem;height: 2rem;}
    .search_wrap .search-name{width: 80%;}
    .search_wrap .close-btn {top: 2rem;right: 2rem;}
    .search_wrap .close-btn img{width: 1.5rem;}

}/*--767px-css-end--*/
/*-=======-search--Css-end-======--*/

.opacity_bg{ opacity:.9; z-index:9; transition-delay:2s ; transition:1s ; -webkit-transition:1s ; -moz-transition:1s ; -ms-transition:1s ; -o-transition:1s ; background: rgb(40 40 40 / 75%); width:0%; height:100%; position: fixed; opacity: 0; right:-100%; bottom: 0; top: 0; transition:.5s ; -webkit-transition:.5s ; -moz-transition:.5s ; -ms-transition:.5s ; -o-transition:.5s ; }
.opacity_bg.opacitybg_open{width: 100%;opacity: 1;right: 0;}
.hembugrside_menu {width:21.4%; height: calc(100% - 7rem); position: fixed;right: -100%; z-index: 99; opacity: 0;transition: .5s ease-in-out; -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -ms-transition: .5s ease-in-out; -o-transition: .5s ease-in-out;top: 0;overflow-y: auto; height: 100%;}
.hembugrside_menu.open-slide {opacity: 1;right: 0;}
.hembugrside_menu .close_icon{display: flex;justify-content: flex-end;align-items: center;cursor: pointer;}
.hembugrside_menu .close_icon svg {stroke:var(--color_white);width:1.5rem;height:1.5rem;}
.hembugrside_menu .close_icon svg {width: 1.5rem;height: 1.4rem;cursor: pointer;}
.hembugrside_menu .close_icon:hover svg {stroke: var(--color28);}
.hembugrside_menu .hmtop_menu{padding: 5.5rem 4rem 4.5rem 6rem;position: relative;overflow: hidden;background: var(--color0a);z-index: 1; height: 100vh;}
.hembugrside_menu .hmtop_menu .second_level{ display:none;padding: 1rem 0 1.5rem 1.5rem;margin-top: 1rem;max-width:90%;border-bottom: .1rem solid rgb(255 255 255 / 25%);}
/* .hembugrside_menu .hmtop_menu::after{clip-path: polygon(100% 0, 100% 100%, 0 0);background: #792324;width: 66%;height:26.5rem;position: absolute;right: 0;top: 0;content: "";z-index: -1;} */
.hembugrside_menu .hmtop_menu ul{position: relative;}
.hembugrside_menu .hmtop_menu li a{font: var(--font21); color: var(--color_white);font-family: var(--montserrat);font-weight: var(--font_600);}
.hembugrside_menu .hmtop_menu li a:hover{letter-spacing: .1rem;}
.hembugrside_menu .hmtop_menu li a img{margin-left: 1.5rem;}
.hembugrside_menu .hmtop_menu li a{padding-block:1.5rem;}
.hembugrside_menu .hmtop_menu li:not(:last-child) a{padding-block:2rem;border-bottom: .1rem solid rgb(255 255 255 / 13%);}
.hembugrside_menu .hmtop_menu .second_level li:not(:last-child){margin-bottom: .5rem;}
.hembugrside_menu .hmtop_menu .second_level li a{font-size:1.6rem;font-family: var(--geist); color: var(--color_white);font-weight: var(--font_normal);}
.hembugrside_menu .hmtop_menu .second_level li a:hover{color: var(--color_white);}
.hembugrside_menu .hmbottom_menu{ background:var(--color9a); padding:2rem 6rem 3rem 6rem; border-radius:0 0 1rem 1rem; -webkit-border-radius:0 0 1rem 1rem; -moz-border-radius:0 0 1rem 1rem; -ms-border-radius:0 0 1rem 1rem; -o-border-radius:0 0 1rem 1rem; overflow: hidden;}
.hembugrside_menu .hmbottom_menu ul{max-width:100%;}
.hembugrside_menu .hmbottom_menu ul li a{font-size:1.8rem;font-family: var(--geist); color: var(--color_white);font-weight: var(--font_200);padding-block: 1.5rem;}
.hembugrside_menu .hmbottom_menu ul li:not(:last-child) a{border-bottom: .1rem dashed rgb(255 255 255 / 15%);}
.hembugrside_menu .hmbottom_menu ul li a:hover{letter-spacing: .1rem;}
.hembugrside_menu .hmtop_menu .mob_dropdown.active a img{ transform:rotate(180deg) ; -webkit-transform:rotate(180deg) ; -moz-transform:rotate(180deg) ; -ms-transform:rotate(180deg) ; -o-transform:rotate(180deg) ; }



@media (max-width:1649px) {
   .hembugrside_menu .hmtop_menu {padding: 5.5rem 3rem 4.5rem 4rem;}
   .hembugrside_menu .hmbottom_menu {padding: 2rem 3rem 3rem 4rem;}
   .hembugrside_menu {width: 26%;height: 100%;}

   /* header .container { max-width: 1350px;} */
}/*--1649px-css-end--*/
@media (max-width:1399px) {
    .hembugrside_menu .hmtop_menu li a {font-size: 2.4rem;}
    /* .hembugrside_menu .hmtop_menu li:not(:last-child) {margin-bottom: 2.5rem;} */
    .hembugrside_menu .hmbottom_menu ul li a {font-size: 1.6rem;padding-block: 1rem;}
    .hembugrside_menu .hmbottom_menu {padding: 1rem 3rem 3rem 4rem;}
    .hembugrside_menu .close_icon{margin-bottom: 1rem;}
    .hembugrside_menu .hmtop_menu::after {width: 81%;height: 27rem;}
    /* header .container { max-width: 1200px;} */
 }/*--1399px-css-end--*/
 @media (max-width:1280px) {
    .hembugrside_menu .hmtop_menu::after {width: 78%;height: 26rem;}
  }/*--1280px-css-end--*/
 @media (max-width:1199px) {
    .hembugrside_menu .hmtop_menu {padding: 4.5rem 2rem 3.5rem 2rem;}
    .hembugrside_menu .hmbottom_menu {padding: 1rem 2rem 2rem 2rem;}
    .hembugrside_menu .hmtop_menu li a {font-size: 2.1rem;}
    .hembugrside_menu .hmtop_menu::after {width: 70%;height: 24.5rem;}
     header .navbar-brand .main_logo{width: 14rem;}
     header.sticky{padding-block: 1.2rem;}

 }/*--1199px-css-end--*/
 @media (max-width:991px) {
    .hembugrside_menu{display: none;}
 }/*--991px-css-end--*/
/*-=======-hembugrside_menu--Css-end-======--*/

.nav-item.has_megamenu > a{position: relative;}
.nav-item.has_megamenu > a.active{color: var(--color0a);}
.mega_menu{ position: absolute; height: 0;top:100%;width:100vw;max-width: 1920px;margin-inline: auto; display: none; opacity: 0;left:50%; transform: translateX(-50%);}
.nav-item.has_megamenu > a.active::before{position: absolute;width:100%;height: .1rem;background:#E30016;content: "";bottom:-1.5rem;}
.has_megamenu:hover .mega_menu{ height: 100%; display: block; opacity: 1;}
.nav-item.has_megamenu:hover .nav-link::after {width: 100%;height: 20rem;background: transparent;content: "";position: absolute;top: 100%;left: 0;}
/* .mega_menu::before {width: 2.1rem;height: 1rem;background: var(--color0a);position: absolute;left:0%;clip-path: polygon(50% 0%, 0% 100%, 100% 100%);content: "";bottom: 85%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);z-index: 1;} */
body::before {background: rgb(0 0 0 / 85%);width: 100%;height: 0;position: fixed;content: "";opacity: 0;display: none;inset: 0;}
body.megamenu_bg::before {opacity: 1;height: 100%;z-index:9;display: block;}
.mega_menu .mega_inner{ background: var(--color_white); width: 100%; height: auto;padding:8.6rem 9.4rem 14.2rem;}
header.sticky .mega_inner{padding:5rem 9.4rem 14.2rem;}
.mega_menu .mega_inner ul{display: grid;grid-template-columns: repeat(9, 1fr);grid-row-gap:10.2rem}
.mega_menu .mega_inner ul li{padding-bottom: 5.5rem;position: relative;display: flex;justify-content: center;margin: 0;}
.mega_menu .mega_inner ul li::before{position: absolute;width: 11.3rem;height: .1rem;background: rgb(200 10 10 / 23%);content: "";bottom: 0;}
.mega_menu .mega_inner ul li a{display: flex;flex-direction: column;flex-wrap: wrap;align-items: center;}
.mega_menu .mega_inner ul li a img{max-width: 16.2rem;margin-inline: auto;}
.mega_menu .mega_inner ul li a span{    font: var(--font16);font-weight: var(--font_medium);letter-spacing: 0;font-family: var(--montserrat);text-align: center;padding-inline: 2rem;}

@media (max-width:1649px) {
    .mega_menu .mega_inner {padding: 6.6rem 4rem 10rem;}
    header.sticky .mega_inner{padding:5rem 4rem 7rem;}
    .mega_menu .mega_inner ul li {padding-bottom: 4rem;}
    .mega_menu .mega_inner ul li a span{font-size: 1.4rem;line-height: 1.4;}
 }/*--1649px-css-end--*/

 @media (max-width:1440px) {
    .mega_menu .mega_inner ul {grid-template-columns: repeat(7, 1fr);grid-row-gap: 4rem;}
    .mega_menu .mega_inner ul li {padding-bottom: 2rem;}
  }/*--1440px-css-end--*/
  @media (max-width:1399px) {
    .mega_menu .mega_inner {padding: 4rem 4rem 9rem;height:calc(100dvh - 10.7rem); overflow-y: auto;}
    header.sticky .mega_inner {padding: 3rem 4rem 7rem;}
  }/*--1399px-css-end--*/

  @media (max-width:1199px) {
    .mega_menu .mega_inner ul {grid-template-columns: repeat(6, 1fr);grid-row-gap: 4rem;}
    .mega_menu .mega_inner {padding: 3.6rem 0rem 6rem;}
    .mega_menu .mega_inner ul li a img {max-width: 11rem;}
  }/*--1199px-css-end--*/
/*-=======-mega_menu--Css-end-======--*/
