[x-cloak] {
  display: none !important; }

@media (max-width: 767px) {
  .container-custom-mobile {
    margin-left: 0;
    margin-right: 0; } }

.contact-us__content {
  --c-gray: #687087;
  --c-gray-l: #E0E6F6;
  --c-gray-m: #F0F3FA;
  --c-text: #0D0704;
  --c-orange: #E35205;
  --border: 2px solid var(--c-gray-l);
  display: flex;
  justify-content: space-between;
  margin: 44px 0 120px;
  gap: 40px; }
  @media (max-width: 1099px) {
    .contact-us__content {
      flex-direction: column;
      margin: 36px 0 44px; } }
  .contact-us__content--left {
    width: 720px; }
    @media (max-width: 1099px) {
      .contact-us__content--left {
        width: 100%; } }
    .contact-us__content--left .form-block {
      position: relative; }
      .contact-us__content--left .form-block__title {
        font-weight: 800;
        font-size: 24px;
        line-height: 130%; }
        @media (max-width: 1099px) {
          .contact-us__content--left .form-block__title {
            font-size: 18px; } }
      .contact-us__content--left .form-block__subtitle {
        font-weight: 600;
        font-size: 18px;
        line-height: 130%;
        margin: 24px 0; }
        @media (max-width: 1099px) {
          .contact-us__content--left .form-block__subtitle {
            margin: 12px 0;
            font-size: 14px; } }
      .contact-us__content--left .form-block .preloader-wrapper {
        position: absolute;
        inset: 0;
        backdrop-filter: blur(2px);
        display: flex;
        align-items: center;
        justify-content: center; }
      .contact-us__content--left .form-block .request_success,
      .contact-us__content--left .form-block .request_failed {
        text-align: center;
        margin-top: 12px;
        font-weight: 600;
        font-size: 23px; }
      .contact-us__content--left .form-block .request_success {
        color: #379f2f; }
      .contact-us__content--left .form-block .request_failed {
        color: #f45057; }
      .contact-us__content--left .form-block .required-mark {
        color: #f45057;
        font-size: 22px; }
    .contact-us__content--left .contact-us__form {
      padding: 48px 40px;
      border: var(--border);
      border-radius: 20px; }
      @media (max-width: 1099px) {
        .contact-us__content--left .contact-us__form {
          padding: 24px 20px; } }
      @media (max-width: 1099px) {
        .contact-us__content--left .contact-us__form .form-group--common .form-control-label {
          margin-bottom: 6px; } }
      @media (max-width: 767px) {
        .contact-us__content--left .contact-us__form .form-group--common {
          margin-bottom: 25px; } }
      .contact-us__content--left .contact-us__form .help-block {
        position: absolute;
        bottom: 0;
        left: 0;
        transform: translateY(100%);
        font-size: 14px;
        color: #f45057; }
      .contact-us__content--left .contact-us__form .form-control--common {
        background-color: var(--c-gray-m);
        border-radius: 12px; }
        .contact-us__content--left .contact-us__form .form-control--common::placeholder {
          font-size: 14px; }
        @media (max-width: 1099px) {
          .contact-us__content--left .contact-us__form .form-control--common {
            border-radius: 8px; } }
      .contact-us__content--left .contact-us__form .form-control--tel {
        margin-top: 32px; }
      .contact-us__content--left .contact-us__form .number_tip {
        font-weight: 600;
        font-size: 14px;
        line-height: 130%;
        margin-bottom: 8px;
        color: #757575; }
        @media (max-width: 1099px) {
          .contact-us__content--left .contact-us__form .number_tip {
            font-size: 12px; } }
      .contact-us__content--left .contact-us__form .contact-us__checkbox {
        margin-top: 28px;
        margin-bottom: 16px; }
        .contact-us__content--left .contact-us__form .contact-us__checkbox .checkbox {
          align-items: flex-start; }
        .contact-us__content--left .contact-us__form .contact-us__checkbox label.contact-us {
          padding: 0 0 0 24px;
          height: 24px; }
          .contact-us__content--left .contact-us__form .contact-us__checkbox label.contact-us:before {
            content: "";
            width: 24px;
            height: 24px;
            border-radius: 4px;
            border: 1px solid #90949E; }
        .contact-us__content--left .contact-us__form .contact-us__checkbox .checkbox__descr {
          color: var(--c-text);
          white-space: normal;
          font-weight: 600;
          font-size: 14px;
          line-height: 130%; }
        .contact-us__content--left .contact-us__form .contact-us__checkbox.bold .checkbox__descr {
          font-weight: 800;
          font-size: 18px;
          line-height: 130%; }
          @media (max-width: 1099px) {
            .contact-us__content--left .contact-us__form .contact-us__checkbox.bold .checkbox__descr {
              font-size: 14px; } }
        .contact-us__content--left .contact-us__form .contact-us__checkbox.confirm-data {
          margin-top: 42px; }
      .contact-us__content--left .contact-us__form--submit {
        display: flex;
        justify-content: center;
        margin-top: 32px; }
        @media (max-width: 1099px) {
          .contact-us__content--left .contact-us__form--submit .btn {
            width: 100%; } }
    .contact-us__content--left .policy-tip {
      font-weight: 600;
      font-size: 14px;
      line-height: 130%;
      color: #757575;
      margin-top: 24px; }
      @media (max-width: 1099px) {
        .contact-us__content--left .policy-tip {
          margin-top: 12px;
          font-size: 12px; } }
  .contact-us__content--right {
    width: 468px;
    position: relative;
    flex-grow: 0; }
    @media (max-width: 1099px) {
      .contact-us__content--right {
        width: 100%; } }
    .contact-us__content--right .contacts-block {
      position: sticky;
      top: 20px;
      border: var(--border);
      border-radius: 20px;
      padding: 48px 40px; }
      @media (max-width: 1099px) {
        .contact-us__content--right .contacts-block {
          padding: 24px 20px;
          position: static; } }
      .contact-us__content--right .contacts-block__title {
        font-weight: 800;
        font-size: 18px;
        line-height: 130%; }
        @media (max-width: 1099px) {
          .contact-us__content--right .contacts-block__title {
            font-size: 14px; } }
      .contact-us__content--right .contacts-block__telnumbers {
        margin: 20px 0 0;
        display: flex;
        flex-direction: column;
        gap: 20px; }
        @media (max-width: 1099px) {
          .contact-us__content--right .contacts-block__telnumbers {
            margin: 12px 0 0;
            gap: 12px; } }
        .contact-us__content--right .contacts-block__telnumbers--item {
          display: flex;
          align-items: center;
          gap: 12px; }
          .contact-us__content--right .contacts-block__telnumbers--item .tel-icon {
            display: flex;
            align-items: center;
            justify-content: center;
            background-color: var(--c-gray);
            border-radius: 50%;
            width: 32px;
            height: 32px; }
            @media (max-width: 1099px) {
              .contact-us__content--right .contacts-block__telnumbers--item .tel-icon {
                width: 24px;
                height: 24px; } }
            .contact-us__content--right .contacts-block__telnumbers--item .tel-icon .icon {
              width: 16px;
              height: 16px;
              fill: #FFFFFF; }
              @media (max-width: 1099px) {
                .contact-us__content--right .contacts-block__telnumbers--item .tel-icon .icon {
                  width: 12px;
                  height: 12px; } }
          .contact-us__content--right .contacts-block__telnumbers--item .tel-number {
            font-weight: 600;
            font-size: 24px;
            line-height: 130%;
            color: var(--c-text); }
            @media (max-width: 1099px) {
              .contact-us__content--right .contacts-block__telnumbers--item .tel-number {
                font-size: 18px; } }
            @media (min-width: 1100px) {
              .contact-us__content--right .contacts-block__telnumbers--item .tel-number:hover {
                color: var(--c-orange); } }
  .contact-us__content .select-variant__block {
    position: relative;
    margin-top: 32px; }
    .contact-us__content .select-variant__block .post-variant {
      margin-top: 0; }
  .contact-us__content .form-not-valid__tip {
    text-align: center;
    font-size: 16px;
    color: #f45057;
    margin-top: 12px; }