.header__container {
  position: relative;
  flex-direction: column;
}

.header__wrapper {
  align-items: center;
  display: flex;
  margin: 0 auto
}

.header__menu-wrapper {
  display: flex
}

.header__top {
  padding: .56rem 1.5rem;
  padding: 9px 20px !important;
}

.header__wrapper {
  max-width: var(--header-max-width);
}

.header__top {
  background-color: #e2ebf4;
  background-color: var(--header-top-bar-background-color);
}

.header__bottom {
  background-color: #fff;
  background-color: var(--header-bottom-bar-background-color);
   padding-top: 20px;
padding-right: 24px;
padding-bottom: 20px;
padding-left: 24px;
 
}

.header__logo-company-name {
  font-size: 24px;
  font-weight: 700;
  font-weight: var(--h2-secondary-header-font-weight);
  line-height: 42px;
}

a.header__menu-link {
  color: var(--header-menu-font-color);
  text-decoration: none;
}

.header__menu--desktop {
  display: flex;
  align-items: flex-start;
}

.header__menu--mobile {
  background-color: #ffffff;
  background-color: var(--body-bg-color);
  box-shadow: 0 4px 2px -2px rgba(0, 0, 0, 0.125);
  box-shadow: var(--header-menu-mobile-box-shadow);
}

.header__language-switcher-current-label,
a.header__nav-link {
  color: #33475b;
  color: var(--top-bar-font-color);
  font-family: 'Rubik', sans-serif;
  font-family: var(--top-bar-font-family);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: ;
  line-height: var(--top-bar-line-height);
  text-decoration: var(--primary-body-text-decoration);
  text-decoration: var(--top-bar-text-decoration);
  text-transform: var(--primary-body-text-transform);
  text-transform: var(--top-bar-text-transform);
}

.header__language-switcher-current-label:hover,
.header__language-switcher-current-label:focus,
a.header__nav-link:hover,
a.header__nav-link:focus {
  color: var(--top-bar-hover-font-color);
  font-family: 'Rubik', sans-serif;
  font-family: var(--top-bar-font-family);
  font-style: var(--top-bar-hover-font-style);
  font-weight: var(--top-bar-hover-font-weight);
  line-height: var(--top-bar-hover-line-height);
  text-decoration: var(--top-bar-hover-text-decoration);
  text-transform: var(--top-bar-hover-text-transform);
}

.header__language-switcher-child-toggle {
  color: inherit;
}

.header__language-switcher-current-label:hover
  .header__language-switcher-child-toggle,
.header__language-switcher-current-label:focus
  .header__language-switcher-current-label {
  color: var(--top-bar-hover-font-color);
}

.header__language-switcher .lang_list_class li a {
  background-color: #ff0000;
  background-color: var(--language-switcher-dropdown-bg);
  color: #33475b;
  color: var(--language-switcher-dropdown-font-color);
  font-family: 'Rubik', sans-serif;
  font-family: var(--language-switcher-dropdown-font-family);
  font-size: 16px;
  font-size: var(--language-switcher-dropdown-font-size);
  font-style: normal;
  font-style: var(--language-switcher-dropdown-font-style);
  font-weight: 400;
  font-weight: var(--language-switcher-dropdown-font-weight);
  line-height: ;
  line-height: var(--language-switcher-dropdown-line-height);
  text-decoration: var(--primary-body-text-decoration);
  text-decoration: var(--language-switcher-dropdown-text-decoration);
  text-transform: var(--primary-body-text-transform);
  text-transform: var(--language-switcher-dropdown-text-transform);
}

.header__language-switcher .lang_list_class a:hover,
.header__language-switcher .lang_list_class a:focus,
.header__language-switcher .lang_list_class a:active {
  background-color: #00ff00;
  background-color: var(--top-bar-hover-dropdown-bg);
  color: #33475b;
  color: var(--top-bar-hover-dropdown-font-color);
  font-family: 'Rubik', sans-serif;
  font-family: var(--top-bar-hover-dropdown-font-family);
  font-size: 16px;
  font-size: var(--top-bar-hover-dropdown-font-size);
  font-style: normal;
  font-style: var(--top-bar-hover-dropdown-font-style);
  font-weight: 400;
  font-weight: var(--top-bar-hover-dropdown-font-weight);
  line-height: ;
  line-height: var(--top-bar-hover-dropdown-line-height);
  text-decoration: var(--primary-body-text-decoration);
  text-decoration: var(--top-bar-hover-dropdown-text-decoration);
  text-transform: var(--primary-body-text-transform);
  text-transform: var(--top-bar-hover-dropdown-text-transform);
}

a.header__menu-link {
  color: #33475b;
  color: var(--header-menu-main-font-color);
  font-family: 'Rubik', sans-serif;
  font-family: var(--header-menu-main-font-family);
  font-size: 16px;
  font-size: var(--header-menu-main-font-size);
  font-style: normal;
  font-style: var(--header-menu-main-font-style);
  font-weight: 400;
  font-weight: var(--header-menu-main-font-weight);
  line-height: ;
  line-height: var(--header-menu-main-line-height);
  text-decoration: var(--primary-body-text-decoration);
  text-decoration: var(--header-menu-main-text-decoration);
  text-transform: var(--primary-body-text-transform);
  text-transform: var(--header-menu-main-text-transform);
}

a.header__menu-link:hover,
a.header__menu-link:focus,
a.header__menu-link:active {
  color: #33475b;
  color: var(--header-menu-main-hover-font-color);
  font-family: 'Rubik', sans-serif;
  font-family: var(--header-menu-main-hover-font-family);
  font-size: 16px;
  font-size: var(--header-menu-main-hover-font-size);
  font-style: normal;
  font-style: var(--header-menu-main-hover-font-style);
  font-weight: 400;
  font-weight: var(--header-menu-main-hover-font-weight);
  line-height: ;
  line-height: var(--header-menu-main-hover-line-height);
  text-decoration: var(--primary-body-text-decoration);
  text-decoration: var(--header-menu-main-hover-text-decoration);
}

.header__menu-submenu {
  background-color: #fff;
  background-color: var(--header-menu-submenu-bg);
}

.header__menu-submenu a.header__menu-link {
  color: #33475b;
  color: var(--header-menu-submenu-font-color);
  font-family: 'Rubik', sans-serif;
  font-family: var(--header-menu-submenu-font-family);
  font-size: 16px;
  font-size: var(--header-menu-submenu-font-size);
  font-style: normal;
  font-style: var(--header-menu-submenu-font-style);
  font-weight: 400;
  font-weight: var(--header-menu-submenu-font-weight);
  line-height: ;
  line-height: var(--header-menu-submenu-line-height);
  text-decoration: var(--primary-body-text-decoration);
  text-decoration: var(--header-menu-submenu-text-decoration);
  text-transform: var(--primary-body-text-transform);
  text-transform: var(--header-menu-submenu-text-transform);
}

.header__menu-submenu .header__menu-item:hover,
.header__menu-submenu .header__menu-item:focus,
.header__menu-submenu .header__menu-item:focus-within {
  background-color: #f00;
  background-color: var(--header-menu-hover-submenu-bg);
}

.header__menu-submenu a.header__menu-link:hover,
.header__menu-submenu a.header__menu-link:focus,
.header__menu-submenu a.header__menu-link:active {
  color: #33475b;
  color: var(--header-menu-hover-submenu-font-color);
  font-family: 'Rubik', sans-serif;
  font-family: var(--header-menu-hover-submenu-font-family);
  font-size: 16px;
  font-size: var(--header-menu-hover-submenu-font-size);
  font-style: normal;
  font-style: var(--header-menu-hover-submenu-font-style);
  font-weight: 400;
  font-weight: var(--header-menu-hover-submenu-font-weight);
  line-height: ;
  line-height: var(--header-menu-hover-submenu-line-height);
  text-decoration: var(--primary-body-text-decoration);
  text-decoration: var(--header-menu-hover-submenu-text-decoration);
  text-transform: var(--primary-body-text-transform);
  text-transform: var(--header-menu-hover-submenu-text-transform);
}

.header__menu-submenu
  .header__menu-item:hover
  > .header__menu-link-toggle-wrapper
  > a.header__menu-link,
.header__menu-submenu
  .header__menu-item:focus
  > .header__menu-link-toggle-wrapper
  > a.header__menu-link {
  color: #33475b;
  color: var(--header-menu-hover-submenu-font-color);
}

.header__menu-child-toggle {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-inline-start: 0.5rem;
}

.header__button.button {
  padding: 10px 20px;
  border: 3px solid pink;
  border: var(--header-button-border);
  border-radius: 20px;
  border-radius: var(--header-button-border-radius);
  background-color: #2a8d8a;
  background-color: var(--header-button-background-color);
  color: #fff;
  color: var(--header-button-font-color);
  font-family: 'Rubik', sans-serif;
  font-family: var(--header-button-font-family);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  text-decoration: var(--primary-body-text-decoration);
  text-decoration: var(--header-button-text-decoration);
  text-transform: var(--primary-body-text-transform);
  text-transform: var(--header-button-text-transform);
}
a.header__logo-link{
  line-height: 0;
}
.header__logo{
  max-width:240px;
}
.header__menu-col ul{
  display: flex;
  align-items: center;
  gap: 6px;
}
.header__menu-col ul li{
  position: relative;
}
.header__menu-col ul li a{
  position: relative;
}
.header__menu-col ul li.hs-menu-item.hs-menu-depth-1.hs-item-has-children > a:after{
  content: '';
  display: inline-block;
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 5px solid #1d3f43;
  margin-left: 4px;
  transition: transform 0.2s ease;
}
.header__menu-col ul li a{
  display: flex;
  align-items: center;
  gap: 7px;
  padding: 10px 14px;
  font-size: 16px;
  font-weight: 400;
  color: var(--green);
  text-decoration: none;
  transition: color .15s;
  text-align: left;
}
.header__menu-col ul ul.hs-menu-children-wrapper{
  position: absolute;
  top: calc(100% + 4px);
  left: 0;
  min-width: 250px;
  background: #fff;
  border-radius: 18px;
  box-shadow: 0 18px 48px rgba(29, 63, 67, .14);
  padding: 10px;
  transform: translateY(7px);
  transition: opacity .18s cubic-bezier(.16, 1, .3, 1), transform .18s cubic-bezier(.16, 1, .3, 1), visibility .18s;
  z-index: 99;
  display:block;
}
.header__menu-col ul ul.hs-menu-children-wrapper li{

}
.header__menu-col ul ul.hs-menu-children-wrapper li a{
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 11px 14px;
  border-radius: 12px;
  text-decoration: none;
  color: var(--green);
  font-size: 15.5px;
  transition: background .14s, color .14s;
}
.header__menu-col ul ul.hs-menu-children-wrapper ul.hs-menu-children-wrapper{
  position: absolute;
  top: -10px;
  left: calc(100% + 8px);
  min-width: 200px;
  background: #fff;
  border-radius: 18px;
  box-shadow: 0 18px 48px rgba(29, 63, 67, .14);
  padding: 10px;
  transform: translateX(6px);
  transition: .18s cubic-bezier(.16, 1, .3, 1);
  top: 0 !important;
  left: calc(100% - 1px) !important;
}
.header__menu-col .hs-menu-wrapper.hs-menu-flow-horizontal.flyouts .hs-item-has-children:hover > .hs-menu-children-wrapper{
  top:85%;
}
.header__menu-col ul ul.hs-menu-children-wrapper ul.hs-menu-children-wrapper li{

}
.header__menu-col ul ul.hs-menu-children-wrapper ul.hs-menu-children-wrapper li a{
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 11px 14px;
  border-radius: 12px;
  text-decoration: none;
  color: var(--green);
  font-size: 15.5px;
  transition: background .14s, color .14s;
}
.header__button.button:hover,
.header__button.button:active {
  border: 3px solid gray;
  border: var(--header-button-hover-border);
  background-color: #2a8d8a;
  background-color: var(--header-button-hover-background-color);
  color: #fff;
  color: var(--header-button-hover-font-color);
  text-decoration: var(--primary-body-text-decoration);
  text-decoration: var(--header-button-hover-text-decoration);
}

.header__button.button svg {
  fill: currentColor;
}

@media (width <= 767px) {
  .header__top {
    display: none
  }

  .header__bottom {
    padding: 2.1rem 20px
  }
}

.header__language-switcher-col {
  align-self: flex-start;
  margin-left: 0
}

.header__container--left .header__language-switcher-col {
  margin-left: auto
}

.header__container--left .header__wrapper--bottom {
  gap: 1.5rem;
  justify-content: space-between
}

.header__container--left .header__menu-col {
  margin-left: auto;
  text-align: right
}

.header__container--left .header__button-col {
  margin-left: 1rem
}

@media (width >= 767px) {
  .header__container--left .header__menu-col {
    flex: 1 1 auto
  }
}

.header__language-switcher {
  cursor: pointer;
  position: relative
}

.header__language-switcher .globe_class {
  height: auto;
  width: 100%
}

.header__language-switcher .lang_switcher_class {
  margin: 0;
  padding: 0
}

.header__language-switcher-label {
  display: flex
}

.header__language-switcher-icon {
  align-items: center;
  display: flex;
  height: auto;
  width: 20px
}

.header__language-switcher-icon svg {
  fill: currentcolor
}

.header__language-switcher-current-label {
  align-items: center;
  display: flex;
  gap: .5rem;
  margin: 0
}

.header__language-switcher-child-toggle svg {
  fill: currentcolor;
  height: 15px;
  width: 15px
}

.header__language-switcher .lang_list_class {
  border-style: solid;
  border-width: 1px;
  display: block;
  left: 0;
  opacity: 0;
  padding: 0;
  position: absolute;
  right: auto;
  text-align: left;
  top: 7px;
  transform: none;
  visibility: hidden;
  z-index: 99;
  @media (width <= 767px) {
    margin-bottom: 0;
    margin-left:0;margin-right:0;margin-top:0}
}

.header__language-switcher-label--open .lang_list_class,.header__language-switcher:focus .lang_list_class,.header__language-switcher:hover .lang_list_class {
  opacity: 1;
  visibility: visible
}

[dir=rtl] .header__language-switcher .lang_list_class {
  left: auto;
  right: 0
}

.header__language-switcher .lang_list_class:after,.header__language-switcher .lang_list_class:before {
  content: none
}

.header__language-switcher .lang_list_class li {
  border: none;
  margin: 0;
  padding: 0
}

.header__language-switcher .lang_list_class li:first-child {
  border-top: none;
  padding-top: 0
}

.header__language-switcher .lang_list_class li:last-child {
  border-bottom: 0;
  padding-bottom: 0
}

.header__language-switcher .lang_list_class .lang_switcher_link {
  display: inline-flex;
  padding: .7rem 1rem;
  width: 100%
}

@media (width <= 767px) {
  .header__language-switcher .lang_list_class {
    border: none;
    display: none;
    position: static;
    width: 100%
  }

  .header__language-switcher-label--open .lang_list_class {
    display: block
  }

  .header__menu-item--language-switcher {
    background-color: var(--header-top-bar-background-color);
    border-top: 3px solid var(--header-top-bar-background-color)
  }

  .header__language-switcher-current-label {
    display: flex;
    justify-content: flex-start;
    margin: 0;
    order: 1;
    padding: 1rem;
    width: 100%
  }

  .header__language-switcher-label {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: flex-start
  }

  .hs_cos_wrapper_type_language_switcher {
    flex: 0;
    height: auto;
    width: 100%
  }

  .header__language-switcher .lang_switcher_class {
    display: block;
    margin: 0
  }

  .header__language-switcher-label--open .hs_cos_wrapper_type_language_switcher {
    flex: 1
  }

  .header__language-switcher-child-toggle {
    align-items: center;
    border: 0;
    cursor: pointer;
    display: flex;
    height: 48px;
    justify-content: center;
    left: 0;
    padding-right: 1rem!important;
    position: absolute;
    width: 100%
  }

  .header__language-switcher-child-toggle svg {
    margin-left: 0
  }

  .header__language-switcher-child-toggle--open svg {
    transform: rotate(180deg);
    transform-origin: 50% 50%;
    transition: transform .4s
  }
}

.header__wrapper--top {
  flex-direction: row;
  justify-content: space-between
}

.header__wrapper--top a {
  text-decoration: none
}

.header__nav-wrapper {
  align-items: center;
  display: flex;
  flex: 1;
  gap: 1rem;
  justify-content: flex-end
}

.header__logo img {
  height: auto;
  max-width: 100%
}

.header__menu-link-toggle-wrapper {
  display: flex;
  justify-content: space-between
}

.header__menu-item--has-submenu>.header__menu-link-toggle-wrapper {
  width: 100%
}

.header__menu-container--mobile {
  display: none
}

.header__menu--mobile {
  display: none;
  position: absolute;
  right: 0;
  top: 100%;
  width: 100%;
  z-index: 99
}

@media (width <= 767px) {
  .header__menu--desktop {
    display: none
  }

  .header__menu--show,.header__menu-container--mobile,.header__menu-wrapper {
    display: block
  }
}

.header__menu-item {
  display: inline-flex;
  position: relative
}

@media (width <= 767px) {
  .header__menu-item {
    display: block;
    text-align: left;
    width: 100%
  }

  a.header__menu-link {
    display: block;
    padding: .7rem 1rem;
    width: 100%
  }

  .header__menu-item--has-submenu a.header__menu-link {
    width: 80%
  }
}

.header__menu-item--depth-1 {
  padding: 0 1rem
}

@media (width <= 767px) {
  .header__menu-item--depth-1 {
    padding: 0
  }
}

.header__menu-submenu {
  border-style: solid;
  border-width: 1px;
  display: none;
  left: -1px;
  position: absolute;
  text-align: left;
  top: 100%;
  width: 200px;
  z-index: 99
}

[dir=rtl] .header__menu-submenu {
  text-align: right
}

.header__menu-item--open>.header__menu-submenu {
  display: block
}

.header__menu-item--depth-1:last-child>.header__menu-submenu {
  left: auto;
  right: 0;
  width: auto
}

.header__menu-submenu--level-3 {
  left: 100%;
  top: 0
}

.header__menu-item--depth-1:nth-last-child(-n+2) .header__menu-submenu--level-3 {
  right: 100%;
  top: 0
}

.header__menu-submenu .header__menu-item {
  background-color: inherit;
  width: 100%
}

.header__menu-submenu a.header__menu-link {
  display: inline-flex;
  padding: .7rem 1rem
}

.header__menu-item--depth-3>a.header__menu-link {
  margin-left: 10px
}

.header__menu-item--depth-4>a.header__menu-link {
  margin-left: 20px
}

.header__menu-item--depth-10>a.header__menu-link,.header__menu-item--depth-5>a.header__menu-link,.header__menu-item--depth-6>a.header__menu-link,.header__menu-item--depth-7>a.header__menu-link,.header__menu-item--depth-8>a.header__menu-link,.header__menu-item--depth-9>a.header__menu-link {
  margin-left: 30px
}

.header__menu-item--button {
  padding: .7rem 1rem
}

@media (width <= 767px) {
  .header__menu-item--depth-1: nth-last-child(-n+2) .header__menu-submenu--level-3,.header__menu-submenu,.header__menu-submenu--level-3 {
    border:none;
    position: static;
    width: 100%
  }
}

@media (width >= 767px) {
  .header__menu-submenu .header__menu-child-toggle {
    margin-left: auto;
    padding: .7rem 1rem
  }

  [dir=rtl] .header__menu-submenu .header__menu-child-toggle {
    margin-left: 0;
    margin-right: auto
  }
}

.header__menu-child-toggle svg {
  height: 15px;
  width: 15px
}

.header__menu-toggle {
  display: none
}

.header__menu-toggle svg {
  height: 30px;
  width: 30px
}

@media (width <= 767px) {
  .header__menu-link-toggle-wrapper {
    display: flex;
    justify-content: space-between;
    width: 100%
  }

  .header__menu-item--has-submenu {
    display: flex;
    flex-wrap: wrap
  }

  .header__menu-child-toggle,.header__menu-child-toggle:active,.header__menu-child-toggle:focus,.header__menu-child-toggle:hover {
    border: 0;
    cursor: pointer;
    height: 48px;
    width: 48px
  }

  .header__menu-child-toggle svg {
    margin-left: 0
  }

  .header__menu-child-toggle--open svg {
    transform: rotate(180deg);
    transform-origin: 50% 50%;
    transition: transform .4s
  }

  .header__menu-toggle--show {
    display: block
  }
}