.site-header {position: absolute; top: 55px; left: 0; right: 0; z-index: 10; padding: 5px 0; transition: all ease 0.5s; 
  background-color: #ffffff; max-width: 1480px; 
  border-radius: 100px; margin: auto;}
.site-header .container {max-width: 1860px;padding-left: 20px;padding-right: 20px;} 
.site-header .navbar img.hs-image-widget {max-width: 100%;  
  padding: 5px 0;max-width: 158px; width: 100%;
  margin-right: 16px;
  display: block; transition: all ease 0.5s; padding; 0.3125rem 0;
}
.site-header .navbar{padding:0;}
.site-header .navbar-collapse {margin-top: 0; flex-basis: min-content; justify-content: center;}
.site-header .navbar-collapse .navbar-nav {margin:0;}
.site-header .navbar-nav li{margin: 0 0 0 30px; position: relative;}
.site-header .navbar-nav li:first-child {margin: 0 0 0 20px;}
.site-header .navbar-nav li a.nav-link{color: #000000; font-size: 16px; font-weight: 500; padding: 0 18px 50px 0; margin-bottom: -50px; position: relative;}
.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: #2e6b14;}
.site-header .navbar-nav .nav-link:hover, .site-header .navbar-nav .nav-link.active{color: #2e6b14;}
.site-header .navbar-nav li .dropdown-toggle, .submenu-toggle {position: absolute;right: 0;top: -1px;}
.site-header .navbar-nav li .dropdown-toggle::after, .submenu-toggle:after {position: relative;top: 0;content: "";display: inline-block;width: 9px;height: 9px;border-right: 1px solid #000;border-top: 1px solid #000;transform: rotate(135deg);margin: 0 0 -1px 10px;border-left: 0;}
.site-header .dropdown-menu {margin: 0; padding: 0; border: 0; border-radius: 0 0 10px 10px; min-width: 230px;box-shadow: 0 13px 20px -3px rgba(0,0,0,0.2); background-color: #ffffff; margin-top: 35px; overflow: hidden;}
.site-header .dropdown-menu li {margin: 0; width: 100%;}
.site-header .dropdown-menu li:first-child, .site-header .dropdown-menu li:last-child {margin: 0;}
.site-header .dropdown-menu li a {font-size: 16px; font-weight: 400; color: #000000; padding: 8px 15px;display: flex;align-items: center; border-bottom: solid 1px rgba(0,0,0,0.1);}
.site-header .dropdown-menu li a:hover {color: #fff;background:#2e6b14;}
.site-header .navbar-nav li .dropdown-menu.mega-menu {position: fixed;left: 0;right: 0; margin: auto; top: 149px; max-width: 1360px; border-radius: 0 0 24px 24px; align-items: flex-start; padding: 0;border-top: solid 1px rgba(0,0,0,0.1); height: calc(100% - 415px); min-height: 572px; align-items: flex-start; border-radius: 0 0 24px 24px; max-height: 600px;}
.site-header .navbar-nav li .dropdown-menu.mega-menu .sub-nav-list {width: 300px; height: 100%; background-color: #FEFAEF;}
.site-header .navbar-nav li .mega-menu ul li {position: static;}
.site-header .navbar-nav li .mega-menu ul .dropdown-menu.dropdown-submenu {display: none;position: absolute;left: 300px;right: auto;max-width: inherit;top: 0;background: transparent;box-shadow: none;border-radius: 0;margin-top: 0;width: calc(100% - 300px);height: 100%;padding: 25px; overflow-y: auto;}
.site-header .navbar-nav li .dropdown-menu.mega-menu li a {border: 0;}
.site-header .submenu-toggle {display: none;}
.site-header .icon-card {padding: 25px;}
.site-header .icon-card .curve-shape.right.top {right: -2px;top: 26px;width: 24px;}
.site-header .icon-card h5 {margin-bottom: 5px;}
.site-header .icon-card .pd-img img {max-height: 100px;}
.site-header .icon-card .arrow-btn {background-color: #fff;margin-left: auto;padding: 0;position: absolute;right: 20px;border: 20px;bottom: 20px;width: 35px;height: 35px;border-radius: 100%;display: flex;justify-content: center;align-items: center;}
.site-header .icon-card .arrow-btn:after {display: none;}
.site-header .icon-card .arrow-btn:hover img {filter: invert(10);}
.site-header .icon-card .arrow-btn:hover {background-color: #000000;}

/*sticky header*/
.site-header.scroll-header {box-shadow: 0 0 8px rgba(0,0,0,0.2); top: 0; max-width: 100%; position: sticky; border-radius: 0;}
.site-header.scroll-header .navbar-nav li.mega-menu .dropdown-menu {top: 94px;}
.site-header.scroll-header .navbar-nav li .dropdown-menu.mega-menu {top: 94px;}

/*animated nav icon*/
#nav-icon{position:absolute;border:0;margin:0; right: 0; top: 26px; 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:#669412;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)}

@media only screen and (max-width: 1600px) {
  .site-header {max-width: 90%;}
  .site-header .navbar-nav li .dropdown-menu.mega-menu {width: 85%;}
  .site-header .navbar-nav li .dropdown-menu.mega-menu .sub-nav-list {width: 250px;}
  .site-header .navbar-nav li .mega-menu ul .dropdown-menu.dropdown-submenu {padding: 20px; width: calc(100% - 250px); left: 250px;}
}

@media only screen and (max-width: 1440px) {
  .site-header {top: 20px;max-width: 100%;left: 15px;right: 15px;}
  .site-header .navbar-nav li a.nav-link {font-size: 15px;}
  .site-header .dropdown-menu li {margin: 0;}
  .site-header .navbar-nav li:first-child {margin: 0;}
  .site-header .navbar-nav li a.nav-link {padding: 0 16px 50px 0;}
  .site-header .navbar-nav li .dropdown-menu.mega-menu {top: 114px; width: 91%;}
  .site-header .dropdown-menu li a {font-size: 14px;}
  .site-header .icon-card {padding: 20px;font-size: 13px;border-radius: 15px;}
}

@media only screen and (max-width: 1199px) {
  .site-header {top: 0;max-width: 100%;left: 0;right: 0;border-radius: 0; position: relative;}
  .navbar-brand {max-width: 135px;margin-right: 5px;}
  .site-header .navbar-nav li a.nav-link {font-size: 14px;}
  .site-header .dropdown-menu {margin-top: 32px;}
  .site-header .navbar-nav li .dropdown-menu.mega-menu {top: 85px;width: 100%;}
  .site-header.scroll-header .navbar-nav li .dropdown-menu.mega-menu {top: 85px;}
}

@media only screen and (min-width: 992px) {
  .site-header .navbar-nav li:hover .dropdown-menu {display: flex; flex-wrap: wrap;}
  .site-header .navbar-nav li .dropdown-menu.mega-menu li:hover .dropdown-submenu, .site-header .navbar-nav li .dropdown-menu.mega-menu li.active .dropdown-submenu  {display: flex;}
  .sub-nav-list li.active a, .sub-nav-list li:hover a {background: #2e6b14;color: #fff;padding: 8px 15px; position: relative;}
  .sub-nav-list li.active a::after, .sub-nav-list li:hover a::after {background-image: url('../images/btn-arrow.svg');background-repeat: no-repeat;content: "";position: absolute;right: 7px;top: 50%;background-size: 15px;width: 25px;height: 25px;transform: translateY(-50%);background-color: #fff;border-radius: 100%;background-position: center 7px;}
}

@media only screen and (max-width: 991px) {
  .site-header {padding: 10px 0;}
  .site-header .container {padding-left: 20px; padding-right: 20px;}
  .site-header .head-btn-group {margin: 0 53px 0 0;}
  .site-header .navbar-collapse {position: fixed;right: -100%;top: 96px;bottom: 0;background: #ffffff;width: 100%;height: calc(100% - 96px) !important; transition: all ease 0.1s; overflow-y: auto; display: block;}
  .nav-open .site-header .navbar-collapse {right: 0;}
  .site-header .navbar-nav li {margin: 0;}
  .site-header .navbar-nav li a.nav-link {padding: 9px 10px; margin: 0; border-bottom: solid 1px #efefef;}
  .site-header .navbar-nav li .dropdown-toggle {display: flex; justify-content: space-between;right: 13px;top: 4px;}
  .site-header .dropdown-menu {background-color: #ffffff; margin: 0; border-radius: 0; box-shadow: none;}
  .site-header .dropdown-menu li a {font-size: 14px;padding:5px 12px;}
  .site-header .dropdown-menu li a:hover {background-color: transparent; color: #000000;}
  .site-header .navbar-nav li a.nav-link::before {display: none;}
  .site-header .navbar-nav li .dropdown-toggle {justify-content: flex-end;right: 13px;top: 0;width: 34px;height: 38px;align-items: center; z-index: 9;}
  .site-header .navbar-nav li .dropdown-toggle::after {margin:-6px 0 0 0;width: 12px; height: 12px;}
  .site-header .navbar-nav li.show .dropdown-toggle:after {border-color: #ffffff;transform: rotate(-45deg);margin-top: 8px;}
  .site-header .navbar-nav li .dropdown-toggle.show::after {transform: rotate(-45deg);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: #f8c62f; color: #000000;}
  .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: #000000; background-color: #f8c62f;}
  .site-header .navbar-nav .dropdown-nav:hover, .site-header .navbar-nav .dropdown-nav.active, .site-header .navbar-nav .dropdown-nav:focus {background-color: #f8c62f; color: #000000;}
  .site-header .navbar-nav li.show a:focus {color: #ffffff;}
  .site-header .navbar-nav li .mega-menu ul li {position: relative; background-color: #FEFAEF; border-bottom: solid 1px rgba(0,0,0,0.1);}
  .site-header .navbar-nav li .dropdown-menu.mega-menu {position: relative; top: 0; height: auto; min-height: inherit; max-height: inherit; border-radius: 0;}
  .site-header .navbar-nav li .dropdown-menu.mega-menu .sub-nav-list {width: 100%; height: auto; background-color: #ffffff;}
  .site-header .navbar-nav li .mega-menu ul .dropdown-menu.dropdown-submenu {width: 100%; left: 0; position: relative; height: auto; padding: 20px 15px;}
  .site-header .submenu-toggle {display: block; right: 15px;}
  /* .site-header .submenu-toggle.show::after {transform: rotate(-45deg);top: 5px;} */
  .site-header.scroll-header .navbar-nav li .dropdown-menu.mega-menu {top: 0;}
  .site-header .icon-card {background-color: #ffffff;}
  .site-header .icon-card .arrow-btn {background-color: #f8c62f;}
}

@media only screen and (max-width: 767px) {
  .site-header .dropdown-menu li a i {width: 25px;min-width: 25px;margin-right: 8px;}
  .site-header .navbar-nav li.mega-menu .dropdown-menu ul li a {padding: 8px 15px 8px 53px;}
}

@media only screen and (max-width: 679px) {
  .site-header .navbar-nav li.mega-menu .dropdown-menu .menu-col ul.double-list {gap: 0;}
  .site-header .navbar-nav li.mega-menu .dropdown-menu .menu-col ul.double-list li {width: 100%;}
}

@media only screen and (max-width: 479px) {
  .site-header {padding: 10px 0;}
  .site-header.scroll-header {padding: 10px 0;}
  .site-header .container {padding-left: 15px; padding-right: 15px;}
}
/*button*/
/* .primary-button, .hs-button { border: 0; font-family: "Inter", sans-serif; font-weight: 500; font-size:20px; text-align: center; color:#000000; height:56px; line-height:56px; border-radius: 100px;text-align:center; padding:0 30px 0 34px;cursor: pointer;  display: inline-block; transition: all ease 0.3s;} */
.primary-button .icon, .hs-button.icon {padding-right: 10px;}
.primary-button.icon i, .hs-button.icon i {width: 40px; height: 40px; background-color: #ffffff; border-radius: 100%; display: flex; justify-content: center; align-items: center; margin-left: 30px; transition: all ease 0.3s;}
.primary-button.bdr-btn {background-color: transparent; border: solid 1px #000000;}
.primary-button.icon i img, .hs-button.icon i img {max-width: 18px;}
.primary-button.icon:hover i {transform: rotate(-45deg);}
 
