{#

.site-header {position: fixed; top: 20px; left: 50px; right: 50px; z-index: 9; transition: all ease 0.5s;}
.navbar-brand {max-width: 209px; width: 100%; margin: 0 0 0 35px; padding: 0;}
.navbar-brand img{max-width: 100%; display: block; transition: all ease 0.5s;}
.site-header .navbar{padding: 0;}
.site-header .hs-image-widget  {opacity: 1;}
.site-header .scrolled {opacity: 0; position: absolute; left: 0; top: 5px; width: 25px;}
.site-header .navbar-collapse {margin-top: 0; flex-basis: min-content;}
.site-header .navbar-collapse .navbar-nav {margin:0 30px 0 auto;}
.site-header .navbar-nav li{margin: 0 0 0 50px; position: relative;}
.site-header .navbar-nav li a.nav-link{ font-weight: 400; padding: 0 0 50px 0; margin-bottom: -50px; position: relative;}
.site-header .navbar-nav li.dropdown a.nav-link {padding: 0 13px 28px 0;}
.site-header .navbar-nav li a.nav-link:before {width: 0; height: 1px; content: ""; position: absolute; top: 23px; left: 0; transition: all ease 0.3s;}
.site-header .navbar-nav li a.nav-link:hover:before, .site-header .navbar-nav li a.nav-link:focus:before, .site-header .navbar-nav li:hover a.nav-link:before {width: 100%;}
.site-header .navbar-nav .nav-link:hover, .site-header .navbar-nav .nav-link.active{}
.site-header .navbar-nav li .dropdown-toggle::after {position: absolute;right: 0;top: 5px;content: "";display: inline-block;width: 8px;height: 8px;
  border-right:1px solid #fff;border-top:1px solid #fff;transform: rotate(135deg);margin:0 0 -1px 8px;border-left:0;}
.site-header .dropdown-menu {margin: 0; padding: 0; border: 0; border-radius: 0; min-width: 285px; border-radius: 0 0 15px 15px; background-color: #425A60; margin-top: 50px; overflow: hidden;border: solid 1px #425A60; border-top: 0;}
.site-header .dropdown-menu li {margin: 0; width: 100%; border-bottom: solid 1px rgba(255, 255, 255, 0.1);}
.site-header .dropdown-menu li:last-child {margin: 0; border: 0;}
.site-header .dropdown-menu li a {display: block; padding: 8px 15px;}
.site-header .dropdown-menu li a:hover {}
.site-header .navbar-nav li.mega-menu .dropdown-menu {position: fixed;left: 0;right: 0;top: 98px; border-radius: 0; align-items: flex-start; padding: 0; max-width: 1100px; padding: 30px 0; border-radius: 0 0 15px 15px; background-color: #425a60; margin: auto; border: 0; border-top: 0;}
.site-header .navbar-nav li.mega-menu .dropdown-menu ul {width: 100%; flex:1; margin: 0; padding: 0 25px;}
.site-header .navbar-nav li.mega-menu .dropdown-menu ul .h4 {text-transform: capitalize;  display: block; margin-bottom: 10px;}
.site-header .navbar-nav li.mega-menu .dropdown-menu ul li {margin-bottom: 8px; margin-left: 0;}
.site-header .navbar-nav li.mega-menu .dropdown-menu ul li a {padding: 0 0 8px 0;font-weight: 300;} 
.site-header .navbar-nav li.mega-menu .dropdown-menu ul li a:hover {background-color: transparent;color: #cccccc;} 
.site-header .head-btn-group {gap: 0 15px;}
.site-header .head-btn-group .primary-button, .site-header .head-btn-group .secondary-button {padding:12px 20px; font-size: 16px;}
.site-header .mobile-btn-group {display: none;}
.site-header.scroll-header .head-btn-group .primary-button,  .site-header.scroll-header .head-btn-group .secondary-button {
     padding-left:20px;
    padding-right:20px;
  }
/*sticky header*/
.site-header.scroll-header {padding: 5px 23px;top: 0;left: 0;right: 0;border-radius: 0;}
.site-header.scroll-header .navbar-nav li.mega-menu .dropdown-menu {top: 60px;}
.site-header.scroll-header .dropdown-menu {margin-top: 41px;}
.site-header.scroll-header .hs-image-widget  {opacity: 0; display: none;}
.site-header.scroll-header .scrolled {opacity: 1;}
.site-header.scroll-header .primary-button, .site-header.scroll-header .secondary-button {height: 35px; line-height: 35px; font-size: 14px;}
.site-header.scroll-header .primary-button.btn-bdr {line-height: 33px;}

/*animated nav icon*/
#nav-icon{position:absolute;border:0;margin:0; right: 0; top: 6px; width:33px;height:21px;z-index:10; cursor:pointer;-webkit-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:.5s ease-in-out;transition:.5s ease-in-out; box-shadow: none;}
#nav-icon span{position:absolute;display:block;width:100%;height:2px;background:#ffffff;border-radius:2px;opacity:1;left:0;-webkit-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:.25s ease-in-out;transition:.25s ease-in-out}
#nav-icon span:nth-child(1){top:0}
#nav-icon span:nth-child(2){top:10px}
#nav-icon span:nth-child(3){top:20px}
#nav-icon.animate-icon span:nth-child(1){top:10px;-webkit-transform:rotate(135deg);transform:rotate(135deg)}
#nav-icon.animate-icon span:nth-child(2){opacity:0;left:-10px}
#nav-icon.animate-icon span:nth-child(3){top:10px;-webkit-transform:rotate(-135deg);transform:rotate(-135deg)}

/*search modal*/
.search-modal {background-color: #425A60; position: fixed; left: 0; top: -100%; width: 100%; height: 100%; z-index: 10; transition: all ease 0.5s;}
.search-modal.active {top: 0;}
.search-modal .search-top {padding: 22px 0;}
.search-field {top: 40%; transform: translateY(-40%);}
.search-field .hs-input {border-radius: 0; border-left: 0; border-top: 0; border-bottom: solid 1px rgba(255,255,255,0.2); border-right: 0; padding-left: 0; padding-right: 35px; font-size: 33px; height: 65px; color: #ffffff; background-color: transparent;}
.search-field .hs-input::-webkit-input-placeholder, .search-field .hs-input::-webkit-input-placeholder{color:#ffffff; opacity: 1;}
.search-field .hs-input::-moz-placeholder, .search-field .hs-input::-webkit-input-placeholder{color:#ffffff; opacity: 1;}
.search-field .hs-input:-ms-input-placeholder, .search-field .hs-input:-ms-input-placeholder{color:#ffffff; opacity: 1;}
.search-field .hs-input:-moz-placeholder, .search-field .hs-input:-moz-placeholder{color:#ffffff; opacity: 1;}
.search-field .field button {
    background-color: transparent;
    border: 0;
    height: 35px;
    position: absolute;
    right: -40px;
    top: 21px;

}
.search-field .field button img {
    width: 35px;
}
.site-header .head-btn-group .secondary-button, .site-header .head-btn-group .secondary-button:hover{
    border-left: 0;
    border-right: 0;
}

@media only screen and (max-width: 1800px) {
.site-header .navbar-collapse .navbar-nav {margin: 0 20px 0 auto;}
.site-header .navbar-nav li {margin: 0 0 0 40px;}
.site-header .dropdown-menu li {margin: 0;}
}

@media only screen and (max-width: 1700px) {
.site-header {left: 20px; right: 20px;}
.navbar-brand {margin-left: 20px;max-width: 180px;}
.site-header .dropdown-menu {margin-top: 47px;}
.site-header .dropdown-menu li {margin: 0;}
.site-header .head-btn-group {gap: 0 10px;}
.site-header .navbar-nav li.mega-menu .dropdown-menu {top: 90px;}
}

@media only screen and (max-width: 1600px) {
.site-header .navbar-nav li {margin: 0 0 0 35px;}
.site-header .navbar-nav li a.nav-link {font-size: 14px;}
.site-header .dropdown-menu li {margin: 0;}
.search-btn {width: 35px;}
.site-header.scroll-header {padding: 10px 23px;}
.site-header.scroll-header .navbar-brand {margin-left: 0;}
.site-header .scrolled {top: 0;}
.search-field .hs-input {font-size: 28px;} 
.site-header.scroll-header .navbar-nav li.mega-menu .dropdown-menu {top: 45px;}
.site-header .dropdown-menu {margin-top: 46px;}
.site-header.scroll-header .dropdown-menu {margin-top: 34px;}
}

@media only screen and (max-width: 1440px) {
.site-header {left: 10px;right: 10px;padding: 15px;}
.navbar-brand {margin-left: 15px;max-width: 138px;}
.site-header .scrolled {width: 25px;}
.site-header .navbar-collapse .navbar-nav {margin: 0 10px 0 auto;}
.site-header .navbar-nav li {margin: 0 0 0 24px;}
.site-header .dropdown-menu {margin-top: 51px;}
.site-header .dropdown-menu li {margin: 0;}
.site-header .navbar-nav li.mega-menu .dropdown-menu {top: 100px;}
.site-header.scroll-header .navbar-nav li.mega-menu .dropdown-menu {top: 45px;}
.site-header.scroll-header .dropdown-menu {margin-top: 34px;}
}


@media only screen and (max-width: 1399px) {
.site-header {left: 0;right: 0;padding: 15px;border-radius: 0;top: 0;}
.site-header .navbar-nav li {margin: 0 0 0 14px;}
.site-header.scroll-header {padding: 10px 15px;}
.site-header .navbar-nav li.mega-menu .dropdown-menu {top: 80px;}
.site-header .dropdown-menu li {margin: 0;}
}

@media only screen and (max-width: 1199px) {
.navbar-brand {margin-left: 0;max-width: 120px;}
.site-header .head-btn-group {gap: 0 5px;}
.site-header .head-btn-group .primary-button, .site-header .head-btn-group .secondary-button {padding: 0 10px;font-size: 11px;height: 30px;line-height: 29px;}
.site-header .head-btn-group .primary-button, .site-header .head-btn-group .secondary-button.btn-bdr {line-height: 28px;}
.site-header.scroll-header {padding: 5px 15px;}
.site-header .navbar-nav li {margin: 0 0 0 15px;}
.site-header .navbar-nav li a.nav-link {font-size: 12px;}
.site-header .navbar-nav li .dropdown-toggle::after {top: 3px;}
.site-header .dropdown-menu li {margin: 0;}
.site-header .navbar-nav li.mega-menu .dropdown-menu {top: 65px;}
.site-header .navbar-nav li.mega-menu .dropdown-menu ul {padding: 0 15px;}
.site-header .dropdown-menu {margin-top: 45px;}
.site-header.scroll-header .dropdown-menu {margin-top: 34px;}
}
@media only screen and (min-width: 992px) {
.site-header .navbar-nav li:hover .dropdown-menu {display: flex; flex-wrap: wrap;}
}

@media only screen and (max-width: 991px) {
.site-header{padding: 15px 15px;position: relative;}
.site-header.scroll-header {padding: 10px 15px;}
.site-header .container {padding-left: 20px; padding-right: 20px;}
.search-field .hs-input {font-size: 18px; height: 50px;} 
.search-field .field button {top: 7px;}
.search-logo {max-width: 150px;}
.navbar-expand-md .navbar-toggler {display: flex;}
.site-header .navbar-collapse {position: fixed;right: -370px;top: 65px;bottom: 0;background: #425a60;width: 100%; max-width: 370px; height: calc(100% - 65px) !important; overflow: auto; display: block; transition: all ease 0.1s;}
.nav-open .site-header .navbar-collapse {right: 0;}
.site-header.scroll-header .navbar-collapse {top: 55px; height: calc(100% - 55px) !important;}
.site-header .navbar-collapse .navbar-nav {margin: 0;}
.site-header .navbar-nav li {margin: 0; padding: 15px 10px; position: relative; border-top: solid 1px rgba(255,255,255,0.2);}
.site-header .navbar-nav li a.nav-link {padding: 0; margin-bottom: 0; width:auto; display: inline-block; /* calc(100% - 35px);*/}
.site-header .navbar-nav li.dropdown {border-top: solid 1px rgba(255,255,255,0.2); padding: 15px 10px 15px 10px;}
.site-header .navbar-nav li.dropdown a.nav-link {padding-bottom: 0;}
.site-header .dropdown-menu li:last-child {border-top: solid 1px rgba(255,255,255,0.2);}
.site-header .navbar-nav li .dropdown-toggle::after {top: 18px; right: 15px; margin: 0; transition: all ease 0.3s; width: 10px; height: 10px; z-index: 9; }
 .site-header .navbar-nav li a.dropdown-toggle::after {display:none}
.site-header .navbar-nav li .dropdown-toggle.show:after {transform: rotate(-45deg); top: 21px;}
.site-header .dropdown-menu {background-color: #425A60;border-radius: 0;margin: 10px -10px 0;}
.site-header .dropdown-menu li {padding: 0;}
.site-header .dropdown-menu li a {font-size: 14px;padding:5px 12px;}
.site-header .navbar-nav li a.nav-link::before {display: none;}
.site-header .navbar-nav li .dropdown-toggle:hover:after, .site-header .navbar-nav li .dropdown-toggle:focus:after {border-color: #ffffff;}
.site-header .navbar-nav li.show .dropdown-toggle:after {border-color: #ffffff;transform: rotate(-45deg);margin-top: 8px;}
.navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show > .nav-link {background-color: #425A60; color: #ffffff;}
.site-header .navbar-nav .nav-link:hover, .site-header .navbar-nav .nav-link.active, .site-header .navbar-nav .nav-link:focus {background-color: #425A60; color: #ffffff;}
.site-header .navbar-nav li a.nav-link:hover, .site-header .navbar-nav li a.nav-link:focus, .site-header .navbar-nav li:hover a.nav-link {color: #ffffff;}
.site-header .head-btn-group {margin: 0 53px 0 auto;}
.site-header .navbar-nav li.mega-menu .dropdown-menu {position: relative; top: 0; padding: 12px 0; margin-top: 10px; margin-left: -10px; margin-right: -10px; border-radius: 0; border: 0;}
.site-header.scroll-header .navbar-nav li.mega-menu .dropdown-menu {top: 0;}
.site-header.scroll-header .dropdown-menu {border: 0; margin-top: 15px;}
.site-header .navbar-nav li.mega-menu .dropdown-menu ul {width: 100%; margin-bottom: 25px; padding: 0 10px;}
.site-header .navbar-nav li.mega-menu .dropdown-menu ul:last-child {margin-bottom: 0;}
.site-header .navbar-nav li.mega-menu .dropdown-menu ul li {border: 0;}
.site-header .navbar-nav li.mega-menu .dropdown-menu ul li a {padding: 8px 0 0 14px;}
.site-header .navbar-nav li.mega-menu .dropdown-menu ul li a::before {top: 12px;}
.site-header .navbar-nav li a.nav-link[href=""] {
    pointer-events: none;
}
}

@media only screen and (max-width: 767px) {
.site-header .container {padding-left: 15px; padding-right: 15px;}
.site-header .navbar-collapse {max-width: 100%; right: -100%;}
}

@media only screen and (max-width: 575px) {
.site-header .head-btn-group {margin: 0 43px 0 0;}
.site-header .head-btn-group .primary-button, .site-header .head-btn-group .secondary-button {display: none;}
.site-header .mobile-btn-group {display: flex; flex-wrap: wrap;padding: 0 10px;justify-content: space-between; margin-top: 40px; margin-bottom: 40px;}
.site-header .mobile-btn-group .primary-button {font-size: 14px;height: 45px;line-height: 45px;padding: 0 10px;width: 48%;}
.site-header .mobile-btn-group .primary-button.btn-bdr {line-height: 41px;}
}

 #}

















{#

/*header css start*/
.site-header {position: fixed; top: 20px; left: 50px; right: 50px; z-index: 9; padding: 10px 23px; transition: all ease 0.5s; background-color: #425A60; border-radius: 64px;}
.navbar-brand {max-width: 209px; width: 100%; margin: 0 0 0 35px; padding: 0;}
.navbar-brand img{max-width: 100%; display: block; transition: all ease 0.5s;}
.site-header .navbar{padding: 0;}
.site-header .normal {opacity: 1;}
.site-header .scrolled {opacity: 0; position: absolute; left: 0; top: 5px; width: 25px;}
.site-header .navbar-collapse {margin-top: 0; flex-basis: min-content;}
.site-header .navbar-collapse .navbar-nav {margin:0 30px 0 auto;}
.site-header .navbar-nav li{margin: 0 0 0 50px; position: relative;}
.site-header .navbar-nav li a.nav-link{font-family: "Montserrat", sans-serif; color: #ffffff; font-size: 15px; font-weight: 400; padding: 0 0 50px 0; margin-bottom: -50px; position: relative;}
.site-header .navbar-nav li.dropdown a.nav-link {padding: 0 13px 28px 0;}
.site-header .navbar-nav li a.nav-link:before {width: 0; height: 1px; background-color: #ffffff; content: ""; position: absolute; top: 23px; left: 0; transition: all ease 0.3s;}
.site-header .navbar-nav li a.nav-link:hover, .site-header .navbar-nav li a.nav-link:focus, .site-header .navbar-nav li:hover a.nav-link{color: #eff9ff;}
.site-header .navbar-nav li a.nav-link:hover:before, .site-header .navbar-nav li a.nav-link:focus:before, .site-header .navbar-nav li:hover a.nav-link:before {width: 100%;}
.site-header .navbar-nav .nav-link:hover, .site-header .navbar-nav .nav-link.active{color: #F6E9FD;}
.site-header .navbar-nav li .dropdown-toggle::after {position: absolute;right: 0;top: 5px;content: "";display: inline-block;width: 8px;height: 8px;border-right:1px solid #fff;border-top:1px solid #fff;transform: rotate(135deg);margin:0 0 -1px 8px;border-left:0;}
.site-header .dropdown-menu {margin: 0; padding: 0; border: 0; border-radius: 0; min-width: 285px; border-radius: 0 0 15px 15px; background-color: #425A60; margin-top: 50px; overflow: hidden;border: solid 1px #425A60; border-top: 0;}
.site-header .dropdown-menu li {margin: 0; width: 100%; border-bottom: solid 1px rgba(255, 255, 255, 0.1);}
.site-header .dropdown-menu li:last-child {margin: 0; border: 0;}
.site-header .dropdown-menu li a {font-size: 16px; font-weight: 400; color: #ffffff; display: block; padding: 8px 15px;}
.site-header .dropdown-menu li a:hover {color: #425A60;background:#ffffff;}
.site-header .navbar-nav li.mega-menu .dropdown-menu {position: fixed;left: 0;right: 0;top: 98px; border-radius: 0; align-items: flex-start; padding: 0; max-width: 1100px; padding: 30px 0; border-radius: 0 0 15px 15px; background-color: #425a60; margin: auto; border: 0; border-top: 0;}
.site-header .navbar-nav li.mega-menu .dropdown-menu ul {width: 100%; flex:1; margin: 0; padding: 0 25px;}
.site-header .navbar-nav li.mega-menu .dropdown-menu ul .h4 {text-transform: capitalize; color: #ffffff; margin-bottom: 10px;}
.site-header .navbar-nav li.mega-menu .dropdown-menu ul li {margin-bottom: 8px; margin-left: 0;}
.site-header .navbar-nav li.mega-menu .dropdown-menu ul li a {color: #ffffff; font-weight: 300; padding: 0 0 8px 0;}
/* .site-header .navbar-nav li.mega-menu .dropdown-menu ul li a:before {content: ""; background-image: url('../images/step-arrow.svg'); background-repeat: no-repeat; background-size: 100%; width: 10px;display: inline-block;height: 10px; position: absolute; top: 7px; left: 0; filter: brightness(10);} */
.site-header .navbar-nav li.mega-menu .dropdown-menu ul li a:hover {background-color: transparent; color: #cccccc;}
.site-header .head-btn-group {gap: 0 15px;}
.site-header .head-btn-group .btn-primary {padding: 0 20px; font-size: 16px;}
.site-header .mobile-btn-group {display: none;}

/*sticky header*/
.site-header.scroll-header {padding: 5px 23px;top: 0;left: 0;right: 0;border-radius: 0;}
.site-header.scroll-header .navbar-nav li.mega-menu .dropdown-menu {top: 60px;}
.site-header.scroll-header .dropdown-menu {margin-top: 41px;}
.site-header.scroll-header .normal {opacity: 0; display: none;}
.site-header.scroll-header .scrolled {opacity: 1;}
.site-header.scroll-header .btn-primary {height: 35px; line-height: 35px; font-size: 14px;}
.site-header.scroll-header .btn-primary.btn-bdr {line-height: 33px;}

/*animated nav icon*/
#nav-icon{position:absolute;border:0;margin:0; right: 0; top: 6px; width:33px;height:21px;z-index:10; cursor:pointer;-webkit-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:.5s ease-in-out;transition:.5s ease-in-out; box-shadow: none; display: none;}
#nav-icon span{position:absolute;display:block;width:100%;height:2px;background:#ffffff;border-radius:2px;opacity:1;left:0;-webkit-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:.25s ease-in-out;transition:.25s ease-in-out}
#nav-icon span:nth-child(1){top:0}
#nav-icon span:nth-child(2){top:10px}
#nav-icon span:nth-child(3){top:20px}
#nav-icon.animate-icon span:nth-child(1){top:10px;-webkit-transform:rotate(135deg);transform:rotate(135deg)}
#nav-icon.animate-icon span:nth-child(2){opacity:0;left:-10px}
#nav-icon.animate-icon span:nth-child(3){top:10px;-webkit-transform:rotate(-135deg);transform:rotate(-135deg)}

/*search modal*/
.search-modal {background-color: #425A60; position: fixed; left: 0; top: -100%; width: 100%; height: 100%; z-index: 10; transition: all ease 0.5s;}
.search-modal.active {top: 0;}
.search-modal .search-top {padding: 22px 0;}
.search-field {top: 40%; transform: translateY(-40%);}
.search-field .hs-input {border-radius: 0; border-left: 0; border-top: 0; border-bottom: solid 1px rgba(255,255,255,0.2); border-right: 0; padding-left: 0; padding-right: 35px; font-size: 33px; height: 65px; color: #ffffff; background-color: transparent;}
.search-field .hs-input::-webkit-input-placeholder, .search-field .hs-input::-webkit-input-placeholder{color:#ffffff; opacity: 1;}
.search-field .hs-input::-moz-placeholder, .search-field .hs-input::-webkit-input-placeholder{color:#ffffff; opacity: 1;}
.search-field .hs-input:-ms-input-placeholder, .search-field .hs-input:-ms-input-placeholder{color:#ffffff; opacity: 1;}
.search-field .hs-input:-moz-placeholder, .search-field .hs-input:-moz-placeholder{color:#ffffff; opacity: 1;}
.search-field .field button {position: absolute;right: 0;top: 21px;width: 35px;height: 35px;border: 0;background-color: transparent;}

@media only screen and (max-width: 1800px) {
.site-header .navbar-collapse .navbar-nav {margin: 0 20px 0 auto;}
.site-header .navbar-nav li {margin: 0 0 0 40px;}
.site-header .dropdown-menu li {margin: 0;}
}

@media only screen and (max-width: 1700px) {
.site-header {left: 20px; right: 20px;}
.navbar-brand {margin-left: 20px;max-width: 180px;}
.site-header .dropdown-menu {margin-top: 47px;}
.site-header .dropdown-menu li {margin: 0;}
.site-header .head-btn-group {gap: 0 10px;}
.site-header .navbar-nav li.mega-menu .dropdown-menu {top: 90px;}
}

@media only screen and (max-width: 1600px) {
.site-header .navbar-nav li {margin: 0 0 0 35px;}
.site-header .navbar-nav li a.nav-link {font-size: 14px;}
.site-header .dropdown-menu li {margin: 0;}
.search-btn {width: 35px;}
.site-header.scroll-header {padding: 10px 23px;}
.site-header.scroll-header .navbar-brand {margin-left: 0;}
.site-header .scrolled {top: 0;}
.search-field .hs-input {font-size: 28px;} 
.site-header.scroll-header .navbar-nav li.mega-menu .dropdown-menu {top: 45px;}
.site-header .dropdown-menu {margin-top: 46px;}
.site-header.scroll-header .dropdown-menu {margin-top: 34px;}
}

@media only screen and (max-width: 1440px) {
.site-header {left: 10px;right: 10px;padding: 15px;}
.navbar-brand {margin-left: 15px;max-width: 138px;}
.site-header .scrolled {width: 25px;}
.site-header .navbar-collapse .navbar-nav {margin: 0 10px 0 auto;}
.site-header .navbar-nav li {margin: 0 0 0 24px;}
.site-header .dropdown-menu {margin-top: 51px;}
.site-header .dropdown-menu li {margin: 0;}
.site-header .navbar-nav li.mega-menu .dropdown-menu {top: 100px;}
.site-header.scroll-header .navbar-nav li.mega-menu .dropdown-menu {top: 45px;}
.site-header.scroll-header .dropdown-menu {margin-top: 34px;}
}

@media only screen and (min-width: 992px) {
.site-header .navbar-nav li:hover .dropdown-menu {display: flex; flex-wrap: wrap;}
}

@media only screen and (max-width: 1399px) {
.site-header {left: 0;right: 0;padding: 15px;border-radius: 0;top: 0;}
.site-header .navbar-nav li {margin: 0 0 0 14px;}
.site-header.scroll-header {padding: 10px 15px;}
.site-header .navbar-nav li.mega-menu .dropdown-menu {top: 80px;}
.site-header .dropdown-menu li {margin: 0;}
}

@media only screen and (max-width: 1199px) {
.navbar-brand {margin-left: 0;max-width: 120px;}
.site-header .head-btn-group {gap: 0 5px;}
.site-header .head-btn-group .btn-primary {padding: 0 10px;font-size: 11px;height: 30px;line-height: 29px;}
.site-header .head-btn-group .btn-primary.btn-bdr {line-height: 28px;}
.site-header.scroll-header {padding: 5px 15px;}
.site-header .navbar-nav li {margin: 0 0 0 15px;}
.site-header .navbar-nav li a.nav-link {font-size: 12px;}
.site-header .navbar-nav li .dropdown-toggle::after {top: 3px;}
.site-header .dropdown-menu li {margin: 0;}
.site-header .navbar-nav li.mega-menu .dropdown-menu {top: 65px;}
.site-header .navbar-nav li.mega-menu .dropdown-menu ul {padding: 0 15px;}
.site-header .dropdown-menu {margin-top: 45px;}
.site-header.scroll-header .dropdown-menu {margin-top: 34px;}
}

@media only screen and (max-width: 991px) {
.site-header {padding: 15px 15px;}
.site-header.scroll-header {padding: 10px 15px;}
.site-header .container {padding-left: 20px; padding-right: 20px;}
.search-field .hs-input {font-size: 18px; height: 50px;} 
.search-field .field button {top: 7px;}
.search-logo {max-width: 150px;}
.navbar-expand-md .navbar-toggler {display: flex;}
#nav-icon {display: flex;}
.site-header .navbar-collapse {position: fixed;right: -370px;top: 65px;bottom: 0;background: #425a60;width: 100%; max-width: 370px; height: calc(100% - 65px) !important; overflow: auto; display: block; transition: all ease 0.1s;}
.nav-open .site-header .navbar-collapse {right: 0;}
.site-header.scroll-header .navbar-collapse {top: 55px; height: calc(100% - 55px) !important;}
.site-header .navbar-collapse .navbar-nav {margin: 0;}
.site-header .navbar-nav li {margin: 0; padding: 15px 10px; position: relative; border-top: solid 1px rgba(255,255,255,0.2);}
.site-header .navbar-nav li a.nav-link {padding: 0; margin-bottom: 0; width: calc(100% - 35px);}
.site-header .navbar-nav li.dropdown {border-top: solid 1px rgba(255,255,255,0.2); padding: 15px 10px 15px 10px;}
.site-header .navbar-nav li.dropdown a.nav-link {padding-bottom: 0;}
.site-header .dropdown-menu li:last-child {border-top: solid 1px rgba(255,255,255,0.2);}
.site-header .navbar-nav li .dropdown-toggle::after {top: 18px; right: 15px; margin: 0; transition: all ease 0.3s; width: 10px; height: 10px; z-index: 9;}
.site-header .navbar-nav li .dropdown-toggle.show:after {transform: rotate(-45deg); top: 21px;}
.site-header .dropdown-menu {background-color: #425A60;border-radius: 0;margin: 10px -10px 0;}
.site-header .dropdown-menu li {padding: 0;}
.site-header .dropdown-menu li a {font-size: 14px;padding:5px 12px;}
.site-header .navbar-nav li a.nav-link::before {display: none;}
.site-header .navbar-nav li .dropdown-toggle:hover:after, .site-header .navbar-nav li .dropdown-toggle:focus:after {border-color: #ffffff;}
.site-header .navbar-nav li.show .dropdown-toggle:after {border-color: #ffffff;transform: rotate(-45deg);margin-top: 8px;}
.navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show > .nav-link {background-color: #425A60; color: #ffffff;}
.site-header .navbar-nav .nav-link:hover, .site-header .navbar-nav .nav-link.active, .site-header .navbar-nav .nav-link:focus {background-color: #425A60; color: #ffffff;}
.site-header .navbar-nav li a.nav-link:hover, .site-header .navbar-nav li a.nav-link:focus, .site-header .navbar-nav li:hover a.nav-link {color: #ffffff;}
.site-header .head-btn-group {margin: 0 53px 0 auto;}
.site-header .navbar-nav li.mega-menu .dropdown-menu {position: relative; top: 0; padding: 12px 0; margin-top: 10px; margin-left: -10px; margin-right: -10px; border-radius: 0; border: 0;}
.site-header.scroll-header .navbar-nav li.mega-menu .dropdown-menu {top: 0;}
.site-header.scroll-header .dropdown-menu {border: 0; margin-top: 15px;}
.site-header .navbar-nav li.mega-menu .dropdown-menu ul {width: 100%; margin-bottom: 25px; padding: 0 10px;}
.site-header .navbar-nav li.mega-menu .dropdown-menu ul:last-child {margin-bottom: 0;}
.site-header .navbar-nav li.mega-menu .dropdown-menu ul li {border: 0;}
.site-header .navbar-nav li.mega-menu .dropdown-menu ul li a {padding: 8px 0 0 0;}
.site-header .navbar-nav li.mega-menu .dropdown-menu ul li a::before {top: 12px;}
}

@media only screen and (max-width: 767px) {
.site-header .container {padding-left: 15px; padding-right: 15px;}
.site-header .navbar-collapse {max-width: 100%; right: -100%;}
}

@media only screen and (max-width: 575px) {
.site-header .head-btn-group {margin: 0 43px 0 0;}
.site-header .head-btn-group .btn-primary {display: none;}
.site-header .mobile-btn-group {display: flex; flex-wrap: wrap;padding: 0 10px;justify-content: space-between; margin-top: 40px; margin-bottom: 40px;}
.site-header .mobile-btn-group .btn-primary {font-size: 14px;height: 45px;line-height: 45px;padding: 0 10px;width: 48%;}
.site-header .mobile-btn-group .btn-primary.btn-bdr {line-height: 41px;}
}
/*header css end*/
#}



/*header css start*/
.site-header {position: fixed; top: 20px; left: 50px; right: 50px; z-index: 9; padding: 10px 23px; transition: all ease 0.5s; background-color: #425A60; border-radius: 64px;}
.navbar-brand {max-width: 209px; width: 100%; margin: 0 0 0 35px; padding: 0;}
.navbar-brand img{max-width: 100%; display: block; transition: all ease 0.5s;}
.site-header .navbar{padding: 0;}
.site-header .normal {opacity: 1;}
.site-header .scrolled {opacity: 0; position: absolute; left: 0; top: 5px; width: 25px;}
.site-header .navbar-collapse {margin-top: 0; flex-basis: min-content;}
.site-header .navbar-collapse .navbar-nav {margin:0 30px 0 auto;}
.site-header .navbar-nav li{margin: 0 0 0 50px; position: relative;}
.site-header .navbar-nav li a.nav-link{font-family: "Montserrat", sans-serif; color: #ffffff; font-size: 15px; font-weight: 400; padding: 0 0 50px 0; margin-bottom: -50px; position: relative;}
.site-header .navbar-nav li.dropdown a.nav-link {padding: 0 13px 28px 0;height: auto;}
.site-header .navbar-nav li a.nav-link:before {width: 0; height: 1px; background-color: #ffffff; content: ""; position: absolute; top: 23px; left: 0; transition: all ease 0.3s;}
.site-header .navbar-nav li a.nav-link:hover, .site-header .navbar-nav li a.nav-link:focus, .site-header .navbar-nav li:hover a.nav-link{color: #eff9ff;}
.site-header .navbar-nav li a.nav-link:hover:before, .site-header .navbar-nav li a.nav-link:focus:before, .site-header .navbar-nav li:hover a.nav-link:before {width: 100%;}
.site-header .navbar-nav .nav-link:hover, .site-header .navbar-nav .nav-link.active{color: #F6E9FD;}
.site-header .navbar-nav li .dropdown-toggle::after {position: absolute;right: 0;top: 5px;content: "";display: inline-block;width: 8px;height: 8px;border-right:1px solid #fff;border-top:1px solid #fff;transform: rotate(135deg);margin:0 0 -1px 8px;border-left:0;}
.site-header .dropdown-menu {margin: 0; padding: 0; border: 0; border-radius: 0; min-width: 285px; border-radius: 0 0 15px 15px; background-color: #425A60; margin-top: 50px; overflow: hidden;border: solid 1px #425A60; border-top: 0;}
.site-header .dropdown-menu li {margin: 0; width: 100%; border-bottom: solid 1px rgba(255, 255, 255, 0.1);}
.site-header .dropdown-menu li:last-child {margin: 0; border: 0;}
.site-header .dropdown-menu li a {font-size: 16px; font-weight: 400; color: #ffffff; display: block; padding: 8px 15px;}
.site-header .dropdown-menu li a:hover {color: #425A60;background:#ffffff;}
.site-header .navbar-nav li.mega-menu .dropdown-menu {position: fixed;left: 0;right: 0;top: 98px; border-radius: 0; align-items: flex-start; padding: 0; max-width: 1100px; padding: 30px 0; border-radius: 0 0 15px 15px; background-color: #425a60; margin: auto; border: 0; border-top: 0;}
.site-header .navbar-nav li.mega-menu .dropdown-menu ul {width: 100%; flex:1; margin: 0; padding: 0 25px;}
.site-header .navbar-nav li.mega-menu .dropdown-menu ul .h4 {
    font-size: 13px;text-transform: capitalize; color: #ffffff; margin-bottom: 10px;}
.site-header .navbar-nav li.mega-menu .dropdown-menu ul li {margin-bottom: 8px; margin-left: 0;}
.site-header .navbar-nav li.mega-menu .dropdown-menu ul li a {color: #ffffff; font-weight: 400; padding: 0 0 8px 0;}
/* .site-header .navbar-nav li.mega-menu .dropdown-menu ul li a:before {content: ""; background-image: url('../images/step-arrow.svg'); background-repeat: no-repeat; background-size: 100%; width: 10px;display: inline-block;height: 10px; position: absolute; top: 7px; left: 0; filter: brightness(10);} */
.site-header .navbar-nav li.mega-menu .dropdown-menu ul li a:hover {background-color: transparent; color: #cccccc;}
.site-header .head-btn-group {gap: 0 15px;}
.site-header .head-btn-group .btn-primary {padding: 0 20px; font-size: 16px;}
.site-header .mobile-btn-group {display: none;}

/*sticky header*/
.site-header.scroll-header {padding: 5px 23px;top: 0;left: 0;right: 0;border-radius: 0;}
.site-header.scroll-header .navbar-nav li.mega-menu .dropdown-menu {top: 60px;}
.site-header.scroll-header .dropdown-menu {margin-top: 41px;}
.site-header.scroll-header .normal {opacity: 0; display: none;}
.site-header.scroll-header .scrolled {opacity: 1;}
.site-header.scroll-header .btn-primary {height: 35px; line-height: 35px; font-size: 14px;}
.site-header.scroll-header .btn-primary.btn-bdr {line-height: 33px;}

/*animated nav icon*/
#nav-icon{position:absolute;border:0;margin:0; right: 0; top: 6px; width:33px;height:21px;z-index:10; cursor:pointer;-webkit-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:.5s ease-in-out;transition:.5s ease-in-out; box-shadow: none; display: none;}
#nav-icon span{position:absolute;display:block;width:100%;height:2px;background:#ffffff;border-radius:2px;opacity:1;left:0;-webkit-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:.25s ease-in-out;transition:.25s ease-in-out}
#nav-icon span:nth-child(1){top:0}
#nav-icon span:nth-child(2){top:10px}
#nav-icon span:nth-child(3){top:20px}
#nav-icon.animate-icon span:nth-child(1){top:10px;-webkit-transform:rotate(135deg);transform:rotate(135deg)}
#nav-icon.animate-icon span:nth-child(2){opacity:0;left:-10px}
#nav-icon.animate-icon span:nth-child(3){top:10px;-webkit-transform:rotate(-135deg);transform:rotate(-135deg)}

/*search modal*/
.search-modal {background-color: #425A60; position: fixed; left: 0; top: -100%; width: 100%; height: 100%; z-index: 10; transition: all ease 0.5s;}
.search-modal.active {top: 0;}
.search-modal .search-top {padding: 22px 0;}
.search-field {top: 40%; transform: translateY(-40%);}
.search-field .hs-input {border-radius: 0; border-left: 0; border-top: 0; border-bottom: solid 1px rgba(255,255,255,0.2); border-right: 0; padding-left: 0; padding-right: 35px; font-size: 33px; height: 65px; color: #ffffff; background-color: transparent;}
.search-field .hs-input::-webkit-input-placeholder, .search-field .hs-input::-webkit-input-placeholder{color:#ffffff; opacity: 1;}
.search-field .hs-input::-moz-placeholder, .search-field .hs-input::-webkit-input-placeholder{color:#ffffff; opacity: 1;}
.search-field .hs-input:-ms-input-placeholder, .search-field .hs-input:-ms-input-placeholder{color:#ffffff; opacity: 1;}
.search-field .hs-input:-moz-placeholder, .search-field .hs-input:-moz-placeholder{color:#ffffff; opacity: 1;}
.search-field .field button {position: absolute;right: 0;top: 21px;width: 35px;height: 35px;border: 0;background-color: transparent;}

@media only screen and (max-width: 1800px) {
.site-header .navbar-collapse .navbar-nav {margin: 0 20px 0 auto;}
.site-header .navbar-nav li {margin: 0 0 0 40px;}
.site-header .dropdown-menu li {margin: 0;}
}

@media only screen and (max-width: 1700px) {
.site-header {left: 20px; right: 20px;}
.navbar-brand {margin-left: 20px;max-width: 180px;}
.site-header .dropdown-menu {margin-top: 47px;}
.site-header .dropdown-menu li {margin: 0;}
.site-header .head-btn-group {gap: 0 10px;}
.site-header .navbar-nav li.mega-menu .dropdown-menu {top: 90px;}
}

@media only screen and (max-width: 1600px) {
.site-header .navbar-nav li {margin: 0 0 0 35px;}
.site-header .navbar-nav li a.nav-link {font-size: 14px;}
.site-header .dropdown-menu li {margin: 0;}
.search-btn {width: 35px;}
.site-header.scroll-header {padding: 10px 23px;}
.site-header.scroll-header .navbar-brand {margin-left: 0;}
.site-header .scrolled {top: 0;}
.search-field .hs-input {font-size: 28px;} 
.site-header.scroll-header .navbar-nav li.mega-menu .dropdown-menu {top: 45px;}
.site-header .dropdown-menu {margin-top: 46px;}
.site-header.scroll-header .dropdown-menu {margin-top: 34px;}
}

@media only screen and (max-width: 1440px) {
.site-header {left: 10px;right: 10px;padding: 15px;}
.navbar-brand {margin-left: 15px;max-width: 138px;}
.site-header .scrolled {width: 25px;}
.site-header .navbar-collapse .navbar-nav {margin: 0 10px 0 auto;}
.site-header .navbar-nav li {margin: 0 0 0 24px;}
.site-header .dropdown-menu {margin-top: 51px;}
.site-header .dropdown-menu li {margin: 0;}
.site-header .navbar-nav li.mega-menu .dropdown-menu {top: 100px;}
.site-header.scroll-header .navbar-nav li.mega-menu .dropdown-menu {top: 45px;}
.site-header.scroll-header .dropdown-menu {margin-top: 34px;}
}

@media only screen and (min-width: 992px) {

.site-header .navbar-nav li:hover .dropdown-menu {display: flex; flex-wrap: wrap;}
}

@media only screen and (max-width: 1399px) {
.site-header {left: 0;right: 0;padding: 15px;border-radius: 0;top: 0;}
.site-header .navbar-nav li {margin: 0 0 0 14px;}
.site-header.scroll-header {padding: 10px 15px;}
.site-header .navbar-nav li.mega-menu .dropdown-menu {top: 80px;}
.site-header .dropdown-menu li {margin: 0;}
}

@media only screen and (max-width: 1199px) {
.navbar-brand {margin-left: 0;max-width: 120px;}
.site-header .head-btn-group {gap: 0 5px;}
.site-header .head-btn-group .btn-primary {padding: 0 10px;font-size: 11px;height: 30px;line-height: 29px;}
.site-header .head-btn-group .btn-primary.btn-bdr {line-height: 28px;}
.site-header.scroll-header {padding: 5px 15px;}
.site-header .navbar-nav li {margin: 0 0 0 15px;}
.site-header .navbar-nav li a.nav-link {font-size: 14px;}
.site-header .navbar-nav li .dropdown-toggle::after {top: 3px;}
.site-header .dropdown-menu li {margin: 0;}
.site-header .navbar-nav li.mega-menu .dropdown-menu {top: 65px;}
.site-header .navbar-nav li.mega-menu .dropdown-menu ul {padding: 0 15px;}
.site-header .dropdown-menu {margin-top: 45px;}
.site-header.scroll-header .dropdown-menu {margin-top: 34px;}
}

@media only screen and (max-width: 991px) {
.site-header {padding: 15px 15px;}
.site-header.scroll-header {padding: 10px 15px;}
.site-header .container {padding-left: 20px; padding-right: 20px;}
.search-field .hs-input {font-size: 18px; height: 50px;} 
.search-field .field button {top: 7px;}
.search-logo {max-width: 150px;}
.navbar-expand-md .navbar-toggler {display: flex;}
#nav-icon {display: flex;}
.site-header .navbar-collapse {position: fixed;right: -370px;
/*   top: 65px; */
   top: 63px;
  bottom: 0;background: #425a60;width: 100%; max-width: 370px; height: calc(100% - 65px) !important; overflow: auto; display: block; transition: all ease 0.1s;}
.nav-open .site-header .navbar-collapse {right: 0;}
.site-header.scroll-header .navbar-collapse {top: 55px; height: calc(100% - 55px) !important;}
.site-header .navbar-collapse .navbar-nav {margin: 0;}
.site-header .navbar-nav li {margin: 0; padding: 15px 10px; position: relative; border-top: solid 1px rgba(255,255,255,0.2);}
.site-header .navbar-nav li a.nav-link {padding: 0; margin-bottom: 0; width: calc(100% - 35px);}
.site-header .navbar-nav li.dropdown {border-top: solid 1px rgba(255,255,255,0.2); padding: 15px 10px 15px 10px;}
.site-header .navbar-nav li.dropdown a.nav-link {padding-bottom: 0;}
/* .site-header .dropdown-menu li:last-child {border-top: solid 1px rgba(255,255,255,0.2);} */
.site-header .navbar-nav li .dropdown-toggle::after {top: 18px; right: 15px; margin: 0; transition: all ease 0.3s; width: 10px; height: 10px; z-index: 9;}
.site-header .navbar-nav li .dropdown-toggle.show:after {transform: rotate(-45deg); top: 21px;}
.site-header .dropdown-menu {background-color: #425A60;border-radius: 0;margin: 10px 8px 0;}
.site-header .dropdown-menu li {padding: 0; border:none;}
.site-header .navbar-nav .dropdown-menu li a {font-size: 13px;padding:5px 12px;}
.site-header .navbar-nav li a.nav-link::before {display: none;}
.site-header .navbar-nav li .dropdown-toggle:hover:after, .site-header .navbar-nav li .dropdown-toggle:focus:after {border-color: #ffffff;}
.site-header .navbar-nav li.show .dropdown-toggle:after {border-color: #ffffff;transform: rotate(-45deg);margin-top: 8px;}
.navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show > .nav-link {background-color: #425A60; color: #ffffff;}
.site-header .navbar-nav .nav-link:hover, .site-header .navbar-nav .nav-link.active, .site-header .navbar-nav .nav-link:focus {background-color: #425A60; color: #ffffff;}
.site-header .navbar-nav li a.nav-link:hover, .site-header .navbar-nav li a.nav-link:focus, .site-header .navbar-nav li:hover a.nav-link {color: #ffffff;}
.site-header .head-btn-group {margin: 0 53px 0 auto;}
.site-header .navbar-nav li.mega-menu .dropdown-menu {position: relative; top: 0; padding: 12px 0; margin-top: 10px; margin-left: 8px; margin-right: -10px; border-radius: 0; border: 0;}
.site-header.scroll-header .navbar-nav li.mega-menu .dropdown-menu {top: 0;}
.site-header.scroll-header .dropdown-menu {border: 0; margin-top: 15px;}
.site-header .navbar-nav li.mega-menu .dropdown-menu ul {width: 100%; margin-bottom: 25px; padding: 0 10px;}
.site-header .navbar-nav li.mega-menu .dropdown-menu ul:last-child {margin-bottom: 0;}
.site-header .navbar-nav li.mega-menu .dropdown-menu ul li {border: 0; margin-left: 10px;}
.site-header .navbar-nav li.mega-menu .dropdown-menu ul li a {padding: 8px 0 0 0;}
.site-header .navbar-nav li.mega-menu .dropdown-menu ul li a::before {top: 12px;}
}

@media only screen and (max-width: 767px) {
    .site-header .navbar-nav li .dropdown-toggle{
    height: 42px;
    width: 100%;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
  }
.site-header .container {padding-left: 15px; padding-right: 15px;}
.site-header .navbar-collapse {max-width: 100%; right: -100%;}
}

@media only screen and (max-width: 575px) {
.site-header .head-btn-group {margin: 0 43px 0 0;}
.site-header .head-btn-group .btn-primary {display: none;}
.site-header .mobile-btn-group {display: flex; flex-wrap: wrap;padding: 0 10px;justify-content: space-between; margin-top: 40px; margin-bottom: 40px;}
.site-header .mobile-btn-group .btn-primary {font-size: 14px;height: 45px;line-height: 45px;padding: 0 10px;width: 48%;}
.site-header .mobile-btn-group .btn-primary.btn-bdr {line-height: 41px;}
}
/*header css end*/