.header{top:0;width:100%;z-index:20;height:100px;will-change:height;padding:27px 0 25px;transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;position:fixed;top:0;width:100%;z-index:9991;background:#fff;font-family:var(--primary-font-family)}
.head-menu{margin:0 auto}
.header.sticky{height:80px;padding:19px 0;background:#fff}
.site-header ul{margin:0}
li.call-menu-btn a{padding-left:20px!important}
.header-logo{margin-bottom:4px;margin-right:40px}
.head-logo img,.header-logo svg{width:190px}
.head-menu li a{font-weight:500;color:var(--text-color);padding:0;font-size:19px;margin-right:40px;border:2px solid transparent;text-decoration:none}
.header-right{margin-left:auto}
.header-right li{margin-right:40px}
.header-right li a{padding:0;font-size:1.2em;font-size:22px;color:var(--text-color);font-weight:500;text-decoration:none}
.header-right .call-menu-btn a{font-size:22px;color:var(--text-color);font-weight:500}
.header-right .call-menu-btn a:hover,.header-right li a:hover{color:var(--primary-color);text-decoration:underline}
.call-menu-btn i{position:relative;top:0;font-size:16px;color:var(--secondary-color);margin-right:.25rem;padding-left:5px}
.header-right .join-menu-btn a{width:186px;padding:8px 0;font-size:16px;font-weight:700;line-height:1.42857143;text-align:center;border:2px solid var(--primary-color);border-radius:8px;color:var(--primary-color)}
.header-right .join-menu-btn a:hover{color:var(--hover-color);border-color:var(--hover-color);text-decoration:none}
.toggle-icon{color:var(--dark-color);font-size:30px;cursor:pointer}
.toggle-icon:hover{color:var(--dark-color)}
.mobile-menu{width:20%;position:relative}
.mobile-header-right{width:20%;text-align:right}
.header-menu-overlay{position:fixed;top:0;bottom:0;left:0;right:0;background:#000000b3;z-index:9;display:none}
.header-menu-overlay.active{display:block}
.header-right ul,.head-menu ul{margin:0}
header.header{border-bottom:1px #E5E5E5 solid}
@media (max-width:1199px) {
.head-menu li a,.header-right li a{padding:0;margin-right:20px;text-decoration:none;display:flex}
.head-logo img,.header-logo svg{width:190px}
.header-right .call-menu-btn a{font-size:19px}
.header .container{max-width:100%;padding:0 25px}
.header-right li{margin-right:20px}
.header-right li:last-child{margin-right:0}
.header-right li img{width:23px;position:relative;left:-10px;top:3px}
li.call-menu-btn a img{left:-10px;top:3px}
}
@media (max-width:991px) {
.header-logo{width:60%;text-align:center;margin:0}
.head-logo img,.header-logo svg{max-width:180px;margin-bottom:8px}
.mobile-menu-inner{position:absolute;width:300px;background:var(--text-color);padding:32px;transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;overflow:auto;height:100vh;top:64px!important;padding-top:25px;left:-326px;display:block;transition-duration:.3s}
.mobile-menu-inner.active{display:block;left:-26px;transition-duration:.3s}
.header.sticky .mobile-menu-inner{top:55px!important}
.toggle-icon.active i:before{content:'\f00d'}
.mobile-menu-inner ul li{width:100%}
.mobile-menu-inner ul li.btn{margin-bottom:1rem}
.mobile-header-right li a{font-size:18px;font-weight:500;color:#242435;padding:4px 8px;text-decoration:none}
.mobile-header-right ul{margin:0}
.mobile-header-right li a i{color:#3ba1b5;position:relative;top:1px;right:-5px}
.header{height:75px;padding:10px 0}
.mobile-menu-inner ul{margin:0}
.mobile-menu-inner li a{color:#fff;font-size:24px;padding:8px 0;border-bottom:1px solid #f0f0f0;display:block}
.mobile-menu-inner .mobile-started-btn a,.mobile-menu-inner .mobile-saving-btn a{border-bottom:1px solid #f0f0f0}
.mobile-menu-inner .mobile-started-btn a:before{content:"";background:#d54943;border-radius:8px;position:absolute;top:0;left:0;bottom:0;width:0;z-index:-1}
.mobile-menu-inner .mobile-started-btn a:hover:before{width:100%;transition:width .3s ease-in}
.mobile-menu-inner .mobile-saving-btn a{background-color:#fff;color:var(--primary-color);margin-bottom:30px}
.mobile-menu-inner .mobile-saving-btn a:hover{background-color:var(--primary-color);color:#fff}
.header.sticky{height:63px;padding:8px 0}
.header .desktop-head{display:none!important}
.mobile-header-right ul{padding:0}
.mobile-menu{width:auto}
.header-logo{width:auto}
.mobile-header-right{width:auto}
.header .container.mobile-head{display:flex;justify-content:space-between;align-items:center}
.mobile-menu-inner ul{padding:0}
.mobile-menu-inner li a{text-decoration:none;font-size:20px}
}
@media (max-width:767px) {
.head-logo img,.header-logo svg{max-width:160px;margin-bottom:0}
.mobile-header-right li a{font-size:15px;padding:0 5px}
.header{height:75px;padding:10px 0}
.mobile-menu-inner{top:65px}
.header.sticky .mobile-menu-inner{top:55px}
}
@media (max-width: 420px) {
.header .mobile-header-right{width:auto!important}
.hamburger-open{margin-top:16px}
.header .container{padding:0 15px}
}
.head-menu ul li a:hover{border-bottom:2px solid #3ba1b5}
.header-right a{position:relative;padding-left:10px!important}
.header-right li img{width:23px;position:absolute;left:-23px;top:5px}
li.call-menu-btn a img{left:-12px;top:5px}
.hamburger-open{margin-top:15px}
.hamburger-open span{display:block;width:33px;height:4px;margin-bottom:5px;position:relative;background:#cdcdcd;border-radius:3px;z-index:1;transform-origin:4px 0;transition:transform .5s cubic-bezier(0.77,0.2,0.05,1.0),background .5s cubic-bezier(0.77,0.2,0.05,1.0),opacity .55s ease}
a.toggle-icon.active .hamburger-open span:first-child{transform-origin:0 0}
a.toggle-icon.active .hamburger-open span:nth-last-child(2){transform-origin:0 100%}
a.toggle-icon.active .hamburger-open span{opacity:1;transform:rotate(45deg) translate(-5px,-18px);background:#232323}
a.toggle-icon.active .hamburger-open span:nth-last-child(3){opacity:0;transform:rotate(0deg) scale(0.2,0.2)}
a.toggle-icon.active .hamburger-open span:nth-last-child(2){transform:rotate(-45deg) translate(0,16px)}
.head-menu .menu-Home.marketing .menu-item{position:relative;padding:5px 20px}
.head-menu .menu-Home.marketing .menu-item .sub-menu{display:none;background:#fff;box-shadow:0 4px 4px 0 #00000040;width:135px;position:absolute;top:38px;padding:5px 0;left:0}
.head-menu .menu-Home.marketing .menu-item:hover .sub-menu{display:block!important}