/* TypoGraphy */
/* button.humberge-menu {
    visibility: hidden;
} */

.header {width: 100%; position: fixed;top: 0px;left: 0px;right:0px; z-index: 9999;}
.header .container {max-width: 1651px;margin: 0 auto;}

.header.sticky {filter: drop-shadow( 0px 0px 10px rgba(0, 0, 0, .2));}

.header-main {background: #fff;}
.header-main-wrap {width: 100%;display: flex;flex-direction: row;flex-wrap: wrap;justify-content: space-between;align-items: center;}
.header-logo {margin-bottom: -85px;background: #fff;padding:15px 10px 20px 20px;border-radius: 20px;border: 1px solid #fff;overflow: hidden;}
.header-logo a { display: block;padding:0px; }
.header-logo img { width: 197px; }

.header-social-link {margin-left: 80px;}
.header-social-link ul {margin: 0px;list-style-type: none; display: flex;flex-direction: row;flex-wrap: wrap;}
.header-social-link ul li {list-style-type: none;padding: 0px 10px;margin: 0px;}
.header-social-link ul li a {display:block;transition:transform .4s;}
.header-social-link ul li a:hover {transform: translateY(-2px);}
.header-social-link ul li a img {margin: 0px; padding: 0px;max-width: 20px;max-height: 20px;object-fit: cover;}

/*======Header navigation css start=====*/

.menu-bar {padding: 10px;width: 50px; height: 50px; margin-left: 64px; display: flex; flex-wrap: nowrap; align-items: center; justify-content: center; overflow: hidden;}
.humberge-menu {cursor: pointer;width: 40px;height: 23px; border-radius: 50%; display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-start; }
.humberge-menu span {width: 100%;height: 5px; margin: 0; background-color: #666666;border-radius: 5px; transition: .5s; }
.humberge-menu span.middle {background-color: #fab86b;}

body.mobile-menu .humberge-menu span.first {transform-origin: top left; transform: rotate(45deg) translate(0px, -6px);}
body.mobile-menu .humberge-menu span.last {transform-origin: top left; transform: rotate(-45deg) translate(-4px, 6px);} 
body.mobile-menu .humberge-menu span.middle { transform: translateX(100%);opacity: 0;} 

.header-right-section {display: flex;flex-direction: row;flex-wrap: nowrap;align-items: center;}
.header-callbtn {margin-left: 50px;}
.header-callbtn .btn {height: auto;min-height: auto;}
.header-callbtn img {max-width: 25px;max-height: 25px;margin-left: 0px;margin-right: 8px;}

.nav-manu { display: flex; align-items: center; justify-content: space-between; }
.nav-manu ul { margin: 0; padding: 0; display: flex; align-items: center; justify-content: flex-start; list-style-type: none; }
.nav-manu ul.mobile-menu-header-show { display: none; }
.nav-manu ul li { padding: 0; position: relative; color: #000000; font-size: 17px; margin: 0 50px 0 0;font-family: 'Mulish Medium';font-weight: 500; padding: 24px 0px 24px;}
.nav-manu ul li:last-child { margin-right: 0px;}
.nav-manu ul li a {font-family: 'Mulish ExtraBold'; color: #1d1d1d; padding: 10px 0px; display: inline-block; position: relative;line-height: normal;text-transform: uppercase;}
.nav-manu ul li a:hover { position: relative; color: #f7931e;}
.nav-manu ul li a:hover::after { width: 100%; }
.main-nav { display: flex; align-items: center; justify-content: center; padding-left: 0px; }


.main-nav ul li ul.sub-menu { position: absolute; display: block; top: 100%; width: auto; transform: scale(1, 0); transition: all 0.5s; transform-origin: top center; opacity: 0; visibility: hidden; min-width: 224px; padding: 0; left: 0; z-index: 1999; padding: 0; width: auto; }
.main-nav ul li ul.sub-menu.shop-submenu { left: auto; right: 0; }
.main-nav ul li:hover>ul.sub-menu { transform: scale(1); opacity: 1; visibility: visible; }
.main-nav ul li ul.sub-menu.shop-submenu::before { left: auto; right: 40px; }
.main-nav ul li ul.sub-menu li { padding: 0; width: 100%; margin: 0px 0 0; transition: .4s; background-color: #ffffff; border-bottom: none; position: relative; box-shadow: 0 20px 30px rgba(88 91 93 / 15%); border-radius: 0; border-bottom: 1px solid #dfdfdf; }
.main-nav ul li ul.sub-menu li::after { display: none; }
.main-nav ul li ul.sub-menu li a { display: block; padding: 15px 15px; /* white-space: nowrap; */ line-height: 20px; /* transform: skewX(10deg); -webkit-transform: skewX(10deg); -ms-transform: skewX(10deg); */ color: #000; }
.main-nav ul li ul.sub-menu li a::after { display: none; }
.main-nav ul li ul.sub-menu li:last-child a { border-bottom: none; }
.main-nav ul li ul.sub-menu li a::before { right: 10px; transform: rotate(-90deg); top: 38%; }
.nav-manu ul li.current-menu-item a { color: #f7931e; }
.nav-manu ul li.current-menu-item.menu-item-has-children>a::after { width: 100%; }
.main-nav ul li ul.sub-menu li.current-menu-item { background-color: #e04f26; }
.main-nav ul li ul.sub-menu li.current-menu-item a { color: #fff; }
.main-nav ul li>ul.sub-menu>li:hover>a { color: #fff; background: #0e1f4d;}
.main-nav ul li ul.sub-menu ul.sub-menu { left: 100%; top: 0; width: max-content; margin-left: 3px; }
.main-nav ul li ul.sub-menu li:last-child { border-bottom: none; }
.main-nav ul li ul.sub-menu ul.sub-menu li { border-left: 0; }
.main-nav ul li.menu-item-has-children { padding-right: 15px; }
.main-nav .menu-item-has-children>a::before { content: ""; position: absolute; top: 55%; right: -17px; width: 7px; height: 7px; transform: translateY(-50%); transition: 0.4s; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 5px solid #000; margin-top: 1px; }
.main-nav ul li.menu-item-has-children:hover a::before { border-top-color: #697565; transition: 0.4s; }
.main-nav ul li.current-menu-item ul.sub-menu li a::before { top: 43%; }
.main-nav ul li ul.sub-menu li:hover::before { border-color: #fff; }


/** SUB MENU **/
.navigation ul li ul.sub-menu { position: absolute; display: block; top: 100%; width: auto; transform: scale(1, 0); transition: all 0.5s; transform-origin: top center; opacity: 0; visibility: hidden; min-width: 224px; padding: 0; left: 0; z-index: 1999; padding: 0; width: auto; }
.navigation ul li ul.sub-menu.shop-submenu { left: auto; right: 0; }
.navigation ul li:hover>ul.sub-menu { transform: scale(1); opacity: 1; visibility: visible; }
.navigation ul li ul.sub-menu.shop-submenu::before { left: auto; right: 40px; }
.navigation ul li ul.sub-menu li { padding: 0; width: 100%; margin: 0px 0 0; transition: .4s; background-color: #ffffff; border-bottom: none; position: relative; box-shadow: 0 20px 30px rgba(88 91 93 / 15%); border-radius: 0; border-bottom: 1px solid #dfdfdf; }
.navigation ul li ul.sub-menu li::after { display: none; }
.navigation ul li ul.sub-menu li a { display: block; padding: 15px 15px; /* white-space: nowrap; */ line-height: 20px; /* transform: skewX(10deg); -webkit-transform: skewX(10deg); -ms-transform: skewX(10deg); */ color: #585B5D; }
.navigation ul li ul.sub-menu li a::after { display: none; }
.navigation ul li ul.sub-menu li:last-child a { border-bottom: none; }
.navigation ul li ul.sub-menu li a::before { right: 10px; transform: rotate(-90deg); top: 38%; }
.nav-manu ul li.current-menu-item a { color: #f7931e; }
.nav-manu ul li.current-menu-item.menu-item-has-children>a::after { width: 100%; }
.navigation ul li ul.sub-menu li.current-menu-item { background-color: #e04f26; }
.navigation ul li ul.sub-menu li.current-menu-item a { color: #fff; }
.navigation ul li>ul.sub-menu>li:hover>a { color: #fff; background: #0c284c;}
.navigation ul li ul.sub-menu ul.sub-menu { left: 100%; top: 0; width: max-content; margin-left: 3px; }
.navigation ul li ul.sub-menu li:last-child { border-bottom: none; }
.navigation ul li ul.sub-menu ul.sub-menu li { border-left: 0; }
.navigation ul li.menu-item-has-children { padding-right: 15px; }
.navigation .menu-item-has-children>a::before { content: ""; position: absolute; top: 55%; right: -17px; width: 7px; height: 7px; transform: translateY(-50%); transition: 0.4s; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 5px solid #000; margin-top: 1px; }
.navigation ul li.menu-item-has-children:hover a::before { border-top-color: #697565; transition: 0.4s; }
.navigation ul li.current-menu-item ul.sub-menu li a::before { top: 43%; }
.navigation ul li ul.sub-menu li:hover::before { border-color: #fff; }
/*======Header navigation css end=====*/

/*=======banner section css start=========*/
.home-banner-section { position: relative; }
.home-banner {position: relative;background: #283153;}
.home-banner::after {content: ""; position: absolute;inset: 0px; background: #283153;clip-path: polygon(0% 0%, 15% 0%, 40% 100%, 0% 100%, 0% 0%);mix-blend-mode: soft-light;z-index: 2;}
.home-banner::before {content: ""; position: absolute;inset: 0px; background: #000;opacity: 50%;z-index: 1;}
.home-banner img, .home-banner video {min-height:764px; max-height:764px; display: block;width: 100%; height:100%; object-fit: cover;object-position: center;}
.home-banner-inner {width: 100%;position: absolute;top: 59%;left: 50%; transform: translate(-50%, -50%);z-index: 3;margin-left: -98px;}
.home-banner-caption {margin: 0 auto;text-align: left;}
:is(.home-banner-caption) :is(h1, h2, h3, h4, h5, h6) {position: relative;color: #ffffff;font-size: 72px;line-height: normal;font-family: "Playfair Display", serif;font-weight: bold;margin-bottom: 0px;text-transform: uppercase;filter: drop-shadow(0px 3px 0px rgba(0, 0, 0, .30));margin-bottom: 20px;}
:is(.home-banner-caption) :is(h1, h2, h3, h4, h5, h6) :is(strong) { color: #e1871e; }
:is(.home-banner-caption) :is(p){color: #ffffff;font-size: 30px;line-height: 30px;margin-bottom: 0px;font-family: "Lato", sans-serif;font-weight: normal;padding-bottom: 5px;}
.home-banner-btn {padding-top: 25px;}

/*=======banner section css end=========*/

.inner-banner-section {
    position: relative;
}
.header.inner-header {
    position: sticky;
}
.inner-banner{
    position: relative;
}
.inner-banner img{
    width: 100%;
}
.banner-inner-wrap {
    position: absolute;
    top: 58%;
    left: 0;
    right: 0;
    transform: translate(0px, -50%);
    z-index: 1;
}
.inner-banner::before {
    content: "";
    position: absolute;
    inset: 0px;
    background: #000;
    opacity: 77%;
    z-index: 1;
}
:is(.banner-inner-caption) :is(h1, h2, h3, h4, h5, h6) {
    position: relative;
    font-size: 72px;
    line-height: normal;
    font-family: "Playfair Display", serif;
    font-weight: bold;
    margin-bottom: 0px;
    text-transform: uppercase;
    filter: drop-shadow(0px 3px 0px rgba(0, 0, 0, .30));
    margin-bottom: 0px;
    color: #fff;
}