.header {
    position: fixed;
		top: 0;
		width: 100%;
		background: #fff;	
    z-index: 5; }
    @media (max-width: 991.98px) {
      .header {
        padding: 15px 0; } }
    @media (min-width: 768px) {
      .header {
        padding: 15px 0; } }
    .header.open {
      background-color: #FBFCFF; }
  
  .header__logo {
    display: block;
    position: relative;
    z-index: 11; }
    @media (max-width: 991.98px) {
      .header__logo {
        width: 93px;
        height: 40px; } }
    @media (min-width: 768px) {
      .header__logo {
        width: 118px; } }
    .header__logo img {
      display: block;
      width: 100%;
      height: auto; }
  
  .header__menu {
    position: relative;
    z-index: 10; }
    @media (max-width: 1199.98px) {
      .header__menu {
        position: fixed;
        z-index: 9;
        top: 70px;
        bottom: 0;
        left: 100%;
        width: 100%;
        padding: 40px 0;
        overflow-y: auto;
        background-color: white;
        -webkit-transition: .2s ease-in-out;
        transition: .2s ease-in-out; }
        .header__menu.open {
          left: 0; } }
  
  .header__menu_list {
    list-style: none;
    display: flex;
    align-items: center; }
    @media (max-width: 1199.98px) {
      .header__menu_list {
        flex-direction: column;
        align-items: center; } }
    @media (min-width: 992px) {
      .header__menu_list {
        gap: 20px; } }
    @media (min-width: 1200px) {
      .header__menu_list {
        gap: 40px; } }
    @media (max-width: 1199.98px) {
      .header__menu_list .header__menu_item:not(:last-child) {
        margin-bottom: 20px; } }
    .header__menu_list .header__menu_item.item-with-submenu {
      position: relative; }
      .header__menu_list .header__menu_item.item-with-submenu > a {
        display: flex;
        align-items: center;
        justify-content: center; }
        .header__menu_list .header__menu_item.item-with-submenu > a .svg__icon {
          -webkit-transition: .2s ease-in-out;
          transition: .2s ease-in-out; }
          @media (max-width: 991.98px) {
            .header__menu_list .header__menu_item.item-with-submenu > a .svg__icon {
              width: 9px;
              height: 5px;
              margin: 3px 0 0 4px; } }
          @media (min-width: 768px) {
            .header__menu_list .header__menu_item.item-with-submenu > a .svg__icon {
              width: 11px;
              height: 6px;
              margin: 2px 0 0 2px; } }
      .header__menu_list .header__menu_item.item-with-submenu.open > a {
        color: #377DED; }
        .header__menu_list .header__menu_item.item-with-submenu.open > a .svg__icon {
          transform: rotate(180deg); }
      @media (max-width: 1199.98px) {
        .header__menu_list .header__menu_item.item-with-submenu.open .sub__menu {
          display: block; } }
      @media (min-width: 992px) {
        .header__menu_list .header__menu_item.item-with-submenu.open .sub__menu {
          opacity: 1;
          visibility: visible; } }
    .header__menu_list .header__menu_item > a {
      position: relative;
      z-index: 2;
      display: block;
      text-decoration: none;
      white-space: nowrap;
      color: black; }
      @media (max-width: 1199.98px) {
        .header__menu_list .header__menu_item > a {
          font-size: 22px;
          line-height: 1.4;
          font-weight: 700; } }
      @media (min-width: 992px) {
        .header__menu_list .header__menu_item > a {
          font-size: 16px;
          line-height: 24px;
          font-weight: 700; } }
    @media (min-width: 1200px) {
      .header__menu_list .header__menu_item:hover > a {
        color: #377DED; }
      .header__menu_list .header__menu_item:active > a, .header__menu_list .header__menu_item:focus > a {
        color: #184CBF; } }
  
  .sub__menu {
    list-style: none;
     }
    @media (min-width: 1200px) {
      .sub__menu {
        opacity: 0;
        visibility: hidden;
        position: absolute;
        z-index: 1;
        width: 250px;
        top: calc(100% + 10px);
        left: -24px;
        padding: 24px;
        background-color: white;
        border-radius: 16px;
        box-shadow: 0 4px 24px rgba(0, 0, 0, 0.1);
        transition: 0.2s ease-in-out;
        -webkit-transition: 0.2s ease-in-out; }
        .sub__menu:before {
          position: absolute;
          z-index: -1;
          top: -10px;
          left: 0;
          right: 0;
          height: 10px;
          content: ''; } }
    .sub__menu li {
      padding: 4px 0; }
      .sub__menu li.current a {
        pointer-events: none;
        color: #377DED; }
    .sub__menu a {
      color: black;
      text-decoration: none;
      font-size: 14px;
      line-height: 22px;
      font-weight: 600; }
      @media (min-width: 1200px) {
        .sub__menu a {
          font-size: 16px;
          line-height: 24px;
          font-weight: 700; }
          .sub__menu a:hover {
            color: #377DED; }
          .sub__menu a:active, .sub__menu a:focus {
            color: #184CBF; } }
  
  .header__actions {
    display: flex;
    align-items: center;
    gap: 20px; }
  
  .header__menu_trigger {
    position: relative;
    z-index: 10;
    width: 24px;
    height: 24px;
    cursor: pointer;
    -webkit-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out; }
    @media (min-width: 992px) {
      .header__menu_trigger {
        display: none; } }
    .header__menu_trigger span {
      position: absolute;
      top: 12px;
      left: 3px;
      display: block;
      width: 18px;
      height: 2px;
      border-radius: 2px;
      background-color: black;
      font-size: 0;
      user-select: none;
      -webkit-transition: .2s ease-in-out;
      transition: .2s ease-in-out; }
    .header__menu_trigger span:before,
    .header__menu_trigger span:after {
      position: absolute;
      height: 100%;
      width: 100%;
      border-radius: 2px;
      background-color: black;
      content: '';
      -webkit-transition: -webkit-transform 0.2s ease-in-out;
      transition: transform 0.2s ease-in-out; }
    .header__menu_trigger span:before {
      -webkit-transform: translateY(-6px);
      transform: translateY(-6px); }
    .header__menu_trigger span:after {
      -webkit-transform: translateY(6px);
      transform: translateY(6px); }
    .header__menu_trigger.open span {
      width: 22px;
      background-color: transparent !important; }
      .header__menu_trigger.open span:before {
        -webkit-transform: translateY(0) rotate(135deg);
        transform: translateY(0) rotate(135deg); }
      .header__menu_trigger.open span:after {
        -webkit-transform: translateY(0) rotate(225deg);
        transform: translateY(0) rotate(225deg); }
  
  .header__menu_footer {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 50px; }
    @media (min-width: 992px) {
      .header__menu_footer {
        display: none; } }
    .header__menu_footer p {
      margin-bottom: 20px; }
    .header__menu_footer .button__blue {
      width: 190px;
      margin-bottom: 80px; }
  
  .socials__block {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px; }
    .socials__block a {
      width: 40px;
      height: 40px;
      color: #377DED; }
      @media (min-width: 1200px) {
        .socials__block a:hover {
          color: #184CBF; }
        .socials__block a:active, .socials__block a:focus {
          color: #0E3491; } }
      .socials__block a .svg__icon {
        width: 100%;
        height: 100%; }
  
  .chats__block {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    margin-bottom: 40px; }
    .chats__block a {
      width: 34px;
      height: 34px;
      border-radius: 50%;
      -webkit-transition: .2s ease-in-out;
      transition: .2s ease-in-out; }
      @media (min-width: 1200px) {
        .chats__block a:hover {
          box-shadow: 0 4px 4px rgba(0, 0, 0, 0.12); } }
      .chats__block a .svg__icon {
        width: 100%;
        height: 100%; }
  
  .button {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: auto;
    border: none;
    cursor: pointer;
    text-decoration: none !important;
    box-sizing: border-box;
    border-radius: 48px;
    transition: 0.2s ease-in-out;
    -webkit-transition: 0.2s ease-in-out;
    white-space: nowrap;
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
    background-color: transparent; }
    .button svg {
      display: block; }
    .button:active, .button:focus {
      border-color: transparent; }
    @media (max-width: 767.98px) {
      .button.button__large {
        padding: 12px 48px; } }
    @media (min-width: 576px) {
      .button.button__large {
        padding: 12px 48px; } }
    .button.button__small {
      min-width: auto;
      padding: 4px 8px;
      border-radius: 3px;
      text-transform: none;
      font-size: 14px;
      line-height: 20px;
      font-weight: 400; }
    .button.button__block {
      width: 100%; }
    .button:disabled, .button[disabled=""], .button[disabled="disabled"] {
      pointer-events: none;
      -webkit-filter: none;
      filter: none;
      opacity: .5; }
    .button.button__gradient {
      position: relative;
      color: white;
      background: linear-gradient(225deg, #387EED 0%, #384AED 100%);
      overflow: hidden; }
      .button.button__gradient span {
        position: relative;
        z-index: 2; }
      .button.button__gradient:before {
        position: absolute;
        z-index: 1;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        content: '';
        opacity: 0;
        transition: 0.2s ease-in-out;
        -webkit-transition: 0.2s ease-in-out;
        background: linear-gradient(225deg, #1F70F0 0%, #2034EE 100%); }
      @media (min-width: 1200px) {
        .button.button__gradient:hover {
          color: white; }
          .button.button__gradient:hover:before {
            opacity: 1; } }
    .button.button__gradient_orange {
      position: relative;
      color: white;
      background: linear-gradient(225deg, #F6961B 0%, #F36D21 100%);
      overflow: hidden; }
      .button.button__gradient_orange span {
        position: relative;
        z-index: 2; }
      .button.button__gradient_orange:before {
        position: absolute;
        z-index: 1;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        content: '';
        opacity: 0;
        transition: 0.2s ease-in-out;
        -webkit-transition: 0.2s ease-in-out;
        background: linear-gradient(225deg, #387EED 0%, #384AED 100%); }
      @media (min-width: 1200px) {
        .button.button__gradient_orange:hover {
          color: white; }
          .button.button__gradient_orange:hover:before {
            opacity: 1; } }
    .button.button__blue {
      color: white;
      background-color: #377DED; }
      @media (min-width: 1200px) {
        .button.button__blue:hover {
          background-color: #1461dd; } }
    .button.button__hover {
      color: #0E3491;
      background-color: #F0F3FF; }
      @media (min-width: 1200px) {
        .button.button__hover:hover {
          color: white;
          background-color: #377DED; } }
    .button.button__icon {
      display: flex;
      align-items: center;
      border-radius: 50%; }
      @media (max-width: 991.98px) {
        .button.button__icon {
          padding: 9px; } }
      @media (min-width: 768px) {
        .button.button__icon {
          padding: 13px; } }
      @media (max-width: 991.98px) {
        .button.button__icon .svg__icon {
          width: 16px;
          height: 16px; } }
      @media (min-width: 768px) {
        .button.button__icon .svg__icon {
          width: 20px;
          height: 20px; } }
    .button.button__social {
      display: flex;
      align-items: center; }
      .button.button__social svg {
        flex: 0 0 auto; }
        @media (max-width: 767.98px) {
          .button.button__social svg {
            width: 32px;
            height: 32px;
            margin-right: 10px; } }
        @media (min-width: 576px) {
          .button.button__social svg {
            width: 40px;
            height: 40px;
            margin-right: 14px; } }
  
.header__menu.open .sub__menu{
    display: none;
}