.headerSec{padding: 20px 0;}
.headerSec .hs-menu-wrapper>ul>li>a { font-weight: 600; }
.headerSec .hs-menu-wrapper ul li a { font-size: 15px; color: var(--secondary_color); }
.headerSec .headerMenuButtonWrapper .button_1 a { line-height: 20px; padding: .875em 1.625em; }
.headerSec .headerLogoOutter{ width: 185px; }
.headerSec .headerMenuButtonWrapper { width: calc(100% - 185px); justify-content: flex-end; }
.headerSec .hs-menu-wrapper > ul > li { font-size 15px; margin: 0 1.5em; }
/* .headerSec .headerMenuButtonOutter { padding: 0 0 0 1.39em; } */
.headerSec .mobileMenuWrapper ul.hs-menu-children-wrapper a:hover,.headerSec .hs-menu-wrapper > ul > li.active > a, .hs-blog-post .headerSec .hs-menu-wrapper > ul > li:nth-child(4) > a { color:var(--primary_color); }
header { position: fixed; width: 100%; top: 0;z-index: 9; }
body.no-scroll { overflow: hidden; }
body { position: relative; }
header.scrolled .headerSec { box-shadow:0 4px 8px -4px rgba(0,0,0,.3); }

@media only screen and (max-width: 1230px) {
  .container {width: calc(90% + 30px); }

}
@media only screen and (max-width: 1023px) {
  .headerSec .hs-menu-wrapper > ul > li { margin-left: 1.25em; margin-right: 1.25em; }
  .headerSec .headerMenuButtonOutter { padding-left: 1.25em; }

  .headerSec .headerMenuButtonWrapper .button_1 a { padding-left: 1.375em; padding-right: 1.375em; }
}
@media only screen and (max-width: 959px) and (min-width: 841px) { 
  .headerSec { padding: 22px 0; }
  .headerSec .headerLogoOutter{width:166px;}
  .headerSec .headerMenuButtonWrapper { width: calc(100% - 166px);}
  .headerSec .headerMenuButtonOutter{ padding-left: 1em; }
  .headerSec .hs-menu-wrapper > ul > li { margin-left: 1em; margin-right: 1em; }
  .headerSec .headerMenuButtonWrapper .button_1 a { padding-left: 1.125em; padding-right: 1.125em; }
}

@media only screen and (max-width: 870px) and (min-width: 768px) { 
  .headerSec .headerLogoOutter{width:148px;}
  .headerSec .headerMenuButtonWrapper { width: calc(100% - 148px);}
  .headerSec .hs-menu-wrapper > ul > li { margin-left: .75em; margin-right: .75em; }
  .headerSec .headerMenuButtonWrapper .button_1 a { font-size: 14px; padding-left: .875em; padding-right: .875em; }
  .headerSec .headerMenuButtonOutter{ padding-left: .75em; }
  .headerSec .hs-menu-wrapper ul li a { font-size: 14px; }
}
@media(min-width:768px){
  .headerSec .mobileMenuWrapper{display:none;}
  header .headerSec .headerLogoOutter img,.headerSec{transition:all ease .3s;}
  header.scrolled .headerSec .headerLogoOutter img{width:148px !important;}
  header.scrolled .headerSec{padding:12px 0;box-shadow:0 4px 8px -4px rgba(0,0,0,.3);}
  .headerSec .hs-menu-wrapper > ul > li > a{transition:all ease .3s;}
  .headerSec .hs-menu-wrapper > ul > li > a:hover{color:var(--primary_color);}
  .headerSec ul.hs-menu-children-wrapper{position:absolute;top:calc(100% + 30px);left:0;width: 250px; padding: 15px 0; margin-top: -1px;opacity:0;visibility:hidden;box-shadow:0 4px 8px -4px rgba(0,0,0,.3);padding: 15px 0;background-color:var(--white_color);transition:all ease .3s;}
  header.scrolled .headerSec ul.hs-menu-children-wrapper{top:calc(100% + 19px);}
  .headerSec ul.hs-menu-children-wrapper li a{font-size:14px;}
  .headerSec .hs-menu-wrapper>ul > li.hs-item-has-children:hover > .hs-menu-children-wrapper{ opacity:1; visibility:visible; }
  .headerSec .hs-menu-wrapper > ul > li .hs-menu-children-wrapper a {position: relative; display: block; padding: 10px; margin: 0 15px; line-height: 1.2em; transition:all ease .3s; }
  .headerSec .hs-menu-wrapper > ul > li .hs-menu-children-wrapper li:hover a { background-color: #f7f7f7; color:var(--primary_color); }
  .headerSec .hs-menu-wrapper > ul > li > a,.headerSec .hs-menu-wrapper > ul > li { position:relative; }  
  .headerSec .hs-menu-wrapper > ul > li.hs-item-has-children > a::after { content: '\f107'; font-family: "Font Awesome 6 Pro"; font-weight: 900; height: 10px; line-height: 10px; margin-left: 2px; position: relative; top: 1px; width: 10px; }
}
@media(max-width:767px){

  .headerSec { padding: 15px 0; }
  .headerSec .mobileMenuWrapper .close{ display: block; margin: 30px auto 40px auto; width: 50%; min-width: 270px; text-align:right;}
  .headerSec .mobileMenuWrapper .close i{line-height: 40px; font-size:45px;font-weight: 300;color:var(--primary_color)}
  .headerSec .desktop{display:none;}
  .headerSec .menuIcon i{font-size:35px; font-weight:400;color:var(--primary_color);}
  .headerSec .menuIcon {width: 40px; height: 40px; display: flex ; align-items: center; justify-content: center; font-weight: 300; }
  .headerSec .headerLogoOutter img{width:148px !important;}
  .headerSec .headerMenuButtonOutter{ padding-left: 0; }
  .headerSec .mobileMenuOutter { background-color: var(--white_color); max-height: 100vh; overflow: auto; padding-bottom: 90px; position: absolute; bottom: 0; left: 100%; width: 100%; z-index: 999; transition: all ease .5s; min-height: 100vh; top: 0; }
  .headerSec .mobileMenuOutter.open{left: 0; }
  .headerSec .mobileMenuWrapper .headerMenu,.headerSec .mobileMenuWrapper .headerMenuButtonOutter { width: 50%; min-width: 270px; margin: 0 auto; display: block;}
  .headerSec .mobileMenuWrapper ul.hs-menu-children-wrapper { display: none; }
  .headerSec .mobileMenuWrapper .hs-menu-wrapper > ul > li { font-size: 16px; font-weight: 600; line-height: 30px; padding:20px 10px;}
  .headerSec .mobileMenuWrapper .hs-menu-wrapper > ul > li { border-bottom: 1px solid #269dd4; }
  .headerSec .mobileMenuWrapper .button_1 { padding: 20px 10px; margin-top: 10px; }
  .headerSec .mobileMenuWrapper .button_1 a { font-size: 16px; width:100%; }
  .headerSec .mobileMenuWrapper .hs-menu-wrapper > ul > li.hs-item-has-children{position:relative;}
  .headerSec .mobileMenuWrapper .hs-menu-wrapper > ul > li.hs-item-has-children::after,  .headerSec .hs-menu-wrapper > ul > li.hs-item-has-children:before { content: ''; position: absolute; top:38px; right:10px ; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: transform .3s ease .3s; -moz-transition: transform .3s ease .3s; -ms-transition: transform .3s ease .3s; -o-transition: transform .3s ease .3s; transition: transform .3s ease .3s; background-color: var(--primary_color);}
  .headerSec .mobileMenuWrapper .hs-menu-wrapper > ul > li.hs-item-has-children::before{width: 2px; height: 10px; margin-left: -2px; margin-top: -6px;right:14px;}
  .headerSec .mobileMenuWrapper .hs-menu-wrapper > ul > li.hs-item-has-children::after { width: 10px; height: 2px; margin-left: -6px; margin-top: -2px; }
  .headerSec .mobileMenuWrapper .hs-menu-wrapper > ul > li.hs-item-has-children.open:after,.headerSec .mobileMenuWrapper .hs-menu-wrapper > ul > li.hs-item-has-children.open:before{transform: rotate(45deg);}
  .headerSec .mobileMenuWrapper ul.hs-menu-children-wrapper { padding-left: 20px; padding-top: 30px;  }
  .headerSec .mobileMenuWrapper ul.hs-menu-children-wrapper a { border: none; margin-bottom: 5px; padding: 5px 10px; font-weight: 600; font-size: 15px!important; }
  .headerSec .mobileMenuWrapper ul[role='menu']:not(.hs-menu-children-wrapper) >li.hs-menu-item{ opacity: 0; transform: translateY(20px);transition:all linear .3s;transition-delay:var(--delay); }
  .headerSec .mobileMenuWrapper .headerMenuButtonOutter{ opacity: 0; transform: translateY(20px); transition: all linear .3s; } 
  .headerSec .mobileMenuWrapper .headerMenuButtonOutter.visible { opacity: 1; transform: translateY(0); }  
  .headerSec .mobileMenuWrapper ul[role='menu']:not(.hs-menu-children-wrapper) > li.hs-menu-item.visible { opacity: 1; transform: translateY(0); }
  .headerSec ul[role="menu"]:not(.hs-menu-children-wrapper) >li.hs-menu-item a { font-size: 16px; }
  /* .headerSec .mobileMenuWrapper .hs-menu-wrapper > ul > li.hs-item-has-children.open>a { color: var(--primary_color); } */
  header:before{ content:'';background-color:rgba(4,18,56,.80); position: fixed; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%;cursor: pointer; z-index: 0; opacity:0;visibility: hidden;visibility: hidden; visibility: hidden; transition:all ease .3s;}
  body.no-scroll header:before{  visibility: visible;visibility: visible; visibility: visible; transition:all ease .3s; opacity:1;z-index: 8;}