/* ================ header css start ================ */

 header{ position: relative;background-color: #fff;z-index: 9;overflow-x: clip; }
 .navbar .brand-logo{padding: 12px 15px;}
 .brand-logo img {width: 100%;max-height: 70px;}
 .navbar {align-items: center;padding: 0px;}
 .mobile-menu {display: flex;align-items: center;}
 .mobile-menu li { margin-bottom: 0px; padding: 0; position: relative; list-style: none; }
 .mobile-menu li a {font-size: 17px;color: #0b233b;font-weight: 600; text-transform: uppercase;transition: all .4s linear;}
 .mobile-menu>li>a {padding: 25px 0px; margin: 0px 23px;}
 .mobile-menu li:hover a{color:#55c2c3;}
 .navbar .let-talk-btn{position: relative;font-size: 14px;font-weight: 600;padding: 14px 35px 14px 35px;margin: 0px 15px;text-transform: capitalize;transition: all 1s linear;
color: #0c243c;
background-color: #55c2c3;
 }
 .navbar .let-talk-btn i{margin-left: 5px;}
.navbar .let-talk-btn:hover{transform: translateY(4px);/*animation: move 2s linear infinite alternate backwards;*/}
 /* @keyframes move {
    0%{transform: translateY(8px);}
    50%{transform: translateY(4px);}
    100%{transform: translateY(8px);}
 } */


 /* menu open button  */
 .menu-bar {position: relative;display: none;width: 22px;height: 22px;background-color: transparent;border: none;margin-bottom: 0;padding: 0;}
 .menu-bar:hover{background-color: transparent;}
 .bar {position: relative;display: block;width: 14px;height: 2px;border-radius: 5px;background-color:#232323;margin: 4px auto;transition: 0.4s;}
 .bar:nth-child(2) {width: 22px;}
 .menu-open .bar:nth-child(1) {width: 22px;transform: translate( 0px, 6px) rotate(45deg);}
 .menu-open .bar:nth-child(2) {opacity: 0;}
 .menu-open .bar:nth-child(3) {width: 22px;transform: translate( 0px, -6px) rotate(-45deg);}


 /** SUB MENU **/
.header-menu 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; }
.header-menu ul li ul.sub-menu.shop-submenu { left: auto; right: 0; }
.header-menu ul li:hover>ul.sub-menu { transform: scale(1); opacity: 1; visibility: visible; }
.header-menu ul li ul.sub-menu.shop-submenu::before { left: auto; right: 40px; }
.header-menu 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; }
.header-menu ul li ul.sub-menu li::after { display: none; }
.header-menu 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; }
.header-menu ul li ul.sub-menu li a::after { display: none; }
.header-menu ul li ul.sub-menu li:last-child a { border-bottom: none; }
.header-menu ul li ul.sub-menu li a::before { right: 10px; transform: rotate(-90deg); top: 38%; }
.header-menu ul li.current-menu-item a { color: #55c2c3; }
.header-menu ul li.current-menu-item.menu-item-has-children>a::after { width: 100%; }
.header-menu ul li ul.sub-menu li.current-menu-item { background-color: #e04f26; }
.header-menu ul li ul.sub-menu li.current-menu-item a { color: #fff; }
.header-menu ul li>ul.sub-menu>li:hover>a { color: #fff; background: #34205d;}
.header-menu ul li ul.sub-menu ul.sub-menu { left: 100%; top: 0; width: max-content; margin-left: 3px; }
.header-menu ul li ul.sub-menu li:last-child { border-bottom: none; }
.header-menu ul li ul.sub-menu ul.sub-menu li { border-left: 0; }
.header-menu ul li.menu-item-has-children { padding-right: 15px; }
.header-menu .menu-item-has-children>a::before { content: ""; position: absolute; top: 55%; right: 0px; width: 7px; height: 7px; transform: translateY(-50%); transition: 0.4s; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 5px solid #35215B; margin-top: 1px; }
.header-menu ul li.menu-item-has-children:hover a::before { border-top-color: #697565; transition: 0.4s; }
.header-menu ul li.current-menu-item ul.sub-menu li a::before { top: 43%; }
.header-menu ul li ul.sub-menu li:hover::before { border-color: #fff; }
 /*======Header navigation css end=====*/

 /* ================ header css end ================ */