/* form-section */
.form-section {
}
.form-section__wrapper {
   display: flex;
   flex-direction: row;
   justify-content: space-between;
   gap: 16px;
}
.form-section__content.banner-form .form-section__left {
   flex: 0 0 calc((4 / 12) * 100% - ((4 - 1) * 16px / 12));
}
.form-section__content.text-form .form-section__left {
   flex: 0 0 calc((6 / 12) * 100% - ((6 - 1) * 16px / 12));
}
.form-banner.black0 {
   background-color: var(--black-0);
}
.form-banner.black20 {
   background-color: var(--black-2);
}
.form-banner.black40 {
   background-color: var(--black-4);
}
.form-banner.black60 {
   background-color: var(--black-6);
}
.form-banner.black80 {
   background-color: var(--black-8);
}
.form-banner.black100 {
   background-color: var(--black-10);
}
.form-banner.b20 {
   background-color: var(--brand-2);
}
.form-banner.b40 {
   background-color: var(--brand-4);
}
.form-banner.b60 {
   background-color: var(--brand-6);
}
.form-banner.b80 {
   background-color: var(--brand-8);
}
.form-banner.b100 {
   background-color: var(--brand-10);
}
.form-banner.b120 {
   background-color: var(--brand-12);
}
.form-banner__wrapper {
   padding: 60px;
}
.form-banner__img {
   height: fit-content;
   width: fit-content;
   margin-bottom: 40px;
}
.form-banner__img .image {
   max-height: 280px;
   max-width: 280px;
   width: auto;
}
.form-banner__description {
}
.form-banner__title {
   margin-bottom: 24px;
}
.form-banner__text {
   margin-bottom: 40px;
}
.form-banner__link {
   width: fit-content;
   display: block;
}
.form-section__content.banner-form .form-section__right {
   flex: 0 0 calc((7 / 12) * 100% - ((7 - 1) * 16px / 12));
}
.form-section__content.text-form .form-section__right {
   flex: 0 0 calc((6 / 12) * 100% - ((6 - 1) * 16px / 12));
}
.form-section__content.text-form .form-section__right {
   flex: 0 0 calc((6 / 12) * 100% - ((6 - 1) * 16px / 12));
}
.form-section__content.--empty-left .form-section__wrapper {
   display: flex;
   flex-direction: row;
   justify-content: start;
   gap: 0px;
}
.form-section__content.--empty-left .form-section__right {
   flex: 0 0 calc((6 / 12) * 100% - ((6 - 1) * 16px / 12));
}
.form-block__header {
   margin-bottom: 40px;
}
.form-block__title {
   margin-bottom: 24px;
}
.form-block__subtitle {
   margin-bottom: 12px;
}

.form-text-block {
}
.form-text-block__wrapper {
}
.form-text-block__title {
   margin-bottom: 28px;
}
.form-text-block__btn {
   display: block;
   width: fit-content;
   text-align: center;
   margin-top: 40px;
}

.form-block__confirm {
   display: none;
}
.form-block__wrapper._succeful .form-block__confirm {
   display: block;
}
.form-block__wrapper._succeful .form-block__header {
   display: none;
}
.form-block__wrapper._succeful .form-block__body {
   display: none;
}
.form-block__confirm-wrapper {
   text-align: center;
}
.form-block__confirm-img {
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
   max-width: 125px;
   width: 125px;
   margin: 0 auto 40px auto;
}
.form-block__confirm-img svg {
   width: 100%;
   height: auto;
}
.form-block__confirm-img svg path {
   fill: var(--brand-4);
}
.form-block__confirm-subtitle {
   margin-top: 24px;
}
.form-block__confirm-text {
   margin-top: 12px;
}
.form-block__confirm-btn {
   display: block;
   width: fit-content;
   margin: 30px auto 0 auto;
}
.form-section__wrapper-revers {
   flex-direction: row-reverse;
}
.form-section__wrapper-revers .form-section__right {
   flex: 0 0 calc((6 / 12) * 100% - ((6 - 1) * 16px / 12));
}
.form-section__wrapper-revers .form-section__left {
   flex: 0 0 calc((5 / 12) * 100% - ((5 - 1) * 16px / 12));
}
.form-img-block__wrapper {
   padding: 55px 41px 0 41px;
}
.form-img-block__wrapper img {
   max-height: 100%;
   max-width: 100%;
   object-fit: contain;
   height: auto;
   width: auto;
}

@media (max-width: 1440px) {
   .img-form .form-section__left {
      display: none;
   }
   .form-section__wrapper {
      flex-direction: column;
      gap: 80px;
   }
   .form-banner__wrapper {
      display: flex;
      flex-direction: row;
      align-items: center;
      gap: 40px;
   }
   .form-section__right {
      width: calc((6 / 8) * 100% - ((6 - 1) * 16px / 8));
   }
   .form-text-block__wrapper {
      width: calc((6 / 8) * 100% - ((6 - 1) * 16px / 8));
   }
}
@media (max-width: 1117px) {
   .img-form .form__row-wrap .form__item {
      flex: 48%;
   }
}
@media (max-width: 1024px) {
   .form-section__right {
      width: 100%;
   }
   .form-text-block__wrapper {
      width: 100%;
   }
}
@media (max-width: 720px) {
   .form-banner__wrapper {
      flex-direction: column;
      align-items: flex-start;
   }

   .form-section .form__row {
      flex-direction: column;
   }
   .form-block__title.h1 {
      font-size: 44px;
   }
   .img-form .form__row-wrap .form__item {
      flex: 100%;
   }
}
@media (max-width: 520px) {
   .form-section .form__radio-row {
      flex-direction: column;
      gap: 16px;
   }
   .form__btn {
      width: 100%;
   }
}
@media (max-width: 460px) {
   .form-banner__wrapper {
      padding: 24px;
   }
   .form-banner__title.h3 {
      font-size: 20px;
   }
   .form-text-block__title.h1 {
      font-size: 28px;
   }
   .form-banner__link {
      display: block;
      text-align: center;
      width: 100%;
   }
   .form-section .form__footer {
      flex-direction: column;
      align-items: flex-start;
   }
   .form-block__title.h1 {
      font-size: 40px;
   }
   .form-banner__img .image {
      max-height: 280px;
      max-width: 280px;
      width: 100%;
      height: auto;
   }
   .form-text-block__btn.btn-medium {
      padding: 12px 20px;
      font-size: 16px;
   }
   .form-block__confirm-title {
      margin-top: 24px;
   }
   .form-block__confirm-title.h1 {
      font-size: 28px;
   }
}
/* form-section */