.main-content {
  background-color: var(--white) !important; }

.header {
  --logo-height: 80px;
  --top-height: 90px;
  position: relative;
  z-index: 1000; }
  @media (max-width: 1023px) {
    .header {
      --logo-height: 50px;
      --top-height: 50px;
      position: fixed;
      top: 0;
      width: 100%;
      background: #fff;
      left: 0;
      height: 55px;
      border-bottom: 5px solid var(--teal);
      box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1); } }
  .header__top {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    height: var(--top-height); }
  .header__logo {
    width: 17.5rem; }
    .header__logo img {
      display: block;
      width: auto;
      height: var(--logo-height); }
  .header__partner-logos {
    display: -ms-flexbox;
    display: flex;
    gap: 1rem;
    -ms-flex-align: center;
        align-items: center; }
    @media (min-width: 1024px) {
      .header__partner-logos {
        position: absolute;
        bottom: 100%;
        right: 0;
        height: 90px;
        margin-left: auto; } }
    @media (max-width: 1023px) {
      .header__partner-logos {
        -ms-flex-order: 4;
            order: 4;
        margin-top: 30px; } }
    .header__partner-logos img {
      height: 60px;
      width: auto; }
  .header__menus {
    background-color: #19A5B8; }
  .header__menus-wrap {
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -ms-flex-align: center;
        align-items: center; }
    @media (max-width: 1023px) {
      .header__menus-wrap {
        position: fixed;
        top: 55px;
        width: 100%;
        background: #fff;
        bottom: 0;
        left: 100%;
        overflow: auto;
        z-index: 9999;
        transition: all .6s ease;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
            flex-direction: column;
        padding-top: 30px;
        padding-bottom: 50px; }
        .menu-opened .header__menus-wrap {
          left: 0; } }
  .header__social_icons {
    display: -ms-flexbox;
    display: flex;
    gap: 0.75rem;
    -ms-flex-pack: center;
        justify-content: center; }
    @media (min-width: 1024px) {
      .header__social_icons {
        margin-left: auto; } }
    @media (max-width: 1023px) {
      .header__social_icons {
        -ms-flex-order: 3;
            order: 3;
        margin-top: 30px; } }
    .header__social_icons img {
      height: 40px;
      min-width: 40px; }

.menu-service {
  font-family: var(--font-custom);
  text-transform: uppercase; }
  @media (min-width: 1024px) {
    .menu-service {
      margin-left: 2.5rem; } }
  @media (max-width: 1023px) {
    .menu-service {
      -ms-flex-order: 2;
          order: 2;
      margin-top: 30px;
      width: 100%; } }
  .menu-service__items {
    display: -ms-flexbox;
    display: flex;
    list-style: none;
    padding: 0;
    -ms-flex-pack: center;
        justify-content: center;
    margin: 0; }
    @media (max-width: 1023px) {
      .menu-service__items {
        border-top: 1px solid #eee;
        width: 205px;
        margin: auto; } }
  .menu-service__link {
    padding-top: 7px;
    line-height: 1;
    display: block; }
    @media (min-width: 1024px) {
      .menu-service__link {
        font-size: 1.25rem;
        color: #FFF; } }
    @media (max-width: 1023px) {
      .menu-service__link {
        font-size: 1.38rem;
        padding-top: 0.63rem; } }

.navbar-toggle {
  display: none;
  height: 55px;
  width: 60px;
  border: none;
  z-index: 99;
  margin-left: auto;
  margin-right: -20px;
  background: var(--teal);
  color: #fff;
  font-size: 0.63rem;
  padding: 0;
  position: relative; }
  @media (max-width: 1023px) {
    .navbar-toggle {
      display: block; } }
  .navbar-toggle .icon-bar {
    height: 2px;
    background: #ffffff;
    width: 26px;
    border-radius: 3px;
    transition: background 0s .3s;
    top: 24px;
    right: 16px;
    position: absolute; }
    .menu-opened .navbar-toggle .icon-bar {
      background: none; }
    .navbar-toggle .icon-bar:after, .navbar-toggle .icon-bar:before {
      position: absolute;
      display: block;
      right: 0;
      width: 26px;
      border-radius: 2px;
      height: 2px;
      background-color: #ffffff;
      content: "";
      transition-duration: .3s, .3s;
      transition-delay: .3s, 0s; }
      .menu-opened .navbar-toggle .icon-bar:after, .menu-opened .navbar-toggle .icon-bar:before {
        transition-delay: 0s, .3s; }
    .navbar-toggle .icon-bar:before {
      top: -8px;
      transition-property: top, transform; }
      .menu-opened .navbar-toggle .icon-bar:before {
        top: 0;
        -ms-transform: rotate(45deg);
            transform: rotate(45deg); }
    .navbar-toggle .icon-bar:after {
      bottom: -8px;
      transition-property: bottom, transform; }
      .menu-opened .navbar-toggle .icon-bar:after {
        bottom: 0;
        -ms-transform: rotate(-45deg);
            transform: rotate(-45deg); }

.menu-main {
  font-family: var(--font-custom);
  --menu-direction: row; }
  @media (max-width: 1023px) {
    .menu-main {
      --menu-direction: column;
      -ms-flex-order: 1;
          order: 1; } }
  .menu-main__items {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: var(--menu-direction);
        flex-direction: var(--menu-direction);
    list-style: none;
    padding: 0;
    margin: 0;
    gap: 1.88rem; }
  .menu-main__link {
    text-decoration: none;
    font-size: 1.38rem;
    padding: 6px 0 0 0;
    font-family: var(--font-custom);
    text-transform: uppercase;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center; }
    @media (min-width: 1024px) {
      .menu-main__link {
        -ms-flex-align: center;
            align-items: center;
        height: 3.5rem;
        color: #ffffff; } }
    .menu-main__link:hover {
      color: #000; }
  .menu-main__item {
    position: relative; }
    @media (min-width: 1024px) {
      .menu-main__item:hover .menu-main__sub-1 {
        display: block; } }
  @media (min-width: 1024px) {
    .menu-main__sub-1 {
      display: none;
      position: absolute;
      min-width: 100%;
      left: 50%;
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
      top: 100%;
      padding-top: 10px;
      background-color: #FFF;
      box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1); } }
  .menu-main__sub-1--items {
    list-style: none;
    padding: 0;
    margin: 0; }
  .menu-main__sub-1--item {
    border-bottom: 1px solid #eee; }
  .menu-main__sub-1--link {
    display: block;
    text-align: center;
    font-size: 1.06rem;
    white-space: nowrap;
    padding: 10px 15px; }
    .menu-main__sub-1--link:hover {
      color: #000000; }
