@charset "UTF-8";
.form__block {
  margin-top: 60px;
  border-radius: 30px;
  border: 1px solid var(--2, #E0E0E0);
  background: #92CDF1;
  padding: 24px 28px 36px 28px;
}
.form__block h2 {
  text-align: start;
  margin-bottom: 0;
}
.form__block .form__text {
  color: #3D3D55;
  font-family: Geologica;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  /* 19.2px */
  margin: 16px 0;
}
.form__block .form__container {
  display: flex;
  gap: 20px;
}
.form__block .form__container .form__img {
  border-radius: 30px;
  -o-object-fit: cover;
     object-fit: cover;
  width: 50%;
}
.form__block .form-row {
  display: flex;
  font-family: Geologica;
  flex-direction: column;
  justify-content: space-between;
  gap: 15px;
  flex: 1;
}
.form__block .form-row > * {
  width: 100%;
  min-width: 0;
}
.form__block .form-row .form-row > * {
  width: 100%;
}
.form__block .form-row .pill, .form__block .form-row .phone-wrapper {
  background-color: transparent;
  padding: 12px 28px;
  font-size: 18px;
  font-weight: 600;
  color: #42465f;
  outline: none;
  border-radius: 30px;
  border: 1px solid #3D3D55;
  max-height: 39px;
  width: 100%;
  box-sizing: border-box;
}
.form__block .form-row .pill::-moz-placeholder, .form__block .form-row .phone-wrapper::-moz-placeholder {
  color: #42465f;
  font-family: Geologica;
  font-size: 16px;
}
.form__block .form-row .pill::placeholder, .form__block .form-row .phone-wrapper::placeholder {
  color: #42465f;
  font-family: Geologica;
  font-size: 16px;
}
.form__block .form-row .phone-wrapper {
  display: flex;
  align-items: center;
  width: 100%;
}
.form__block .form-row .phone-wrapper .flag {
  margin-right: 8px;
  font-size: 18px;
}
.form__block .form-row .phone-wrapper input {
  border: none;
  background: transparent;
  font: inherit;
  width: 100%;
  color: #42465f;
}
.form__block .form-row .phone-wrapper input::-moz-placeholder {
  color: #42465f;
}
.form__block .form-row .phone-wrapper input::placeholder {
  color: #42465f;
}
.form__block .form-row .iti__selected-flag {
  background: transparent;
}
.form__block .small__text {
  color: #3D3D55;
  font-family: Geologica;
  font-size: 9.5px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
}

.popup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none;
  justify-content: center;
  align-items: center;
  background: rgba(0, 0, 0, 0.7);
  z-index: 90;
}
.popup__content {
  width: 375px;
  border-radius: 30px;
  border: 1px solid #8ABCDA;
  background: #E6F8FF;
  padding: 30px;
}
.popup__content_header {
  display: flex;
  justify-content: end;
}
.popup__content_header img {
  cursor: pointer;
}
.popup__content h2 {
  color: #3D3D55;
  font-family: Arsenal;
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 38px;
  margin-bottom: 10px;
}
.popup__content p {
  color: #3D3D55;
  font-family: Geologica;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  margin-bottom: 25px;
}
.popup__content .popup__form {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: center;
  gap: 16px;
}
.popup__content .popup__form .fake-radio {
  top: 0;
}
.popup__content .popup__form .contact-method__item {
  font-family: Geologica;
}
.popup__content .popup__form .iti--separate-dial-code .iti__selected-flag {
  background: transparent;
  font-family: Geologica;
}
.popup__content .pill, .popup__content .phone-wrapper, .popup__content .form__block .form-row .phone-wrapper, .form__block .form-row .popup__content .phone-wrapper {
  background-color: transparent;
  padding: 12px 28px;
  font-size: 18px;
  font-weight: 600;
  color: #42465f;
  outline: none;
  border-radius: 30px;
  border: 1px solid #3D3D55;
  max-height: 39px;
  width: 100%;
  box-sizing: border-box;
}
.popup__content .pill::-moz-placeholder, .popup__content .phone-wrapper::-moz-placeholder, .popup__content .form__block .form-row .phone-wrapper::-moz-placeholder, .form__block .form-row .popup__content .phone-wrapper::-moz-placeholder {
  color: #42465f;
  font-family: Geologica;
  font-size: 16px;
}
.popup__content .pill::placeholder, .popup__content .phone-wrapper::placeholder, .popup__content .form__block .form-row .phone-wrapper::placeholder, .form__block .form-row .popup__content .phone-wrapper::placeholder {
  color: #42465f;
  font-family: Geologica;
  font-size: 16px;
}
.popup__content .phone-wrapper {
  display: flex;
  align-items: center;
  width: 100%;
}
.popup__content .phone-wrapper .flag {
  margin-right: 8px;
  font-size: 18px;
}
.popup__content .phone-wrapper input {
  border: none;
  background: transparent;
  font: inherit;
  width: 100%;
  color: #42465f;
}
.popup__content .phone-wrapper input::-moz-placeholder {
  color: #42465f;
}
.popup__content .phone-wrapper input::placeholder {
  color: #42465f;
}
.popup__content .iti__selected-flag {
  background: transparent;
}
.popup span {
  display: block;
  margin-top: 10px;
  color: #3D3D55;
  font-family: Geologica;
  font-size: 9.5px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
}

.show {
  display: flex;
}

.phone-wrapper .iti {
  width: 100%;
}
.phone-wrapper .iti__flag-container {
  background: transparent;
}
.phone-wrapper input[type=tel] {
  font: inherit;
  color: #42465f;
  font-family: Geologica;
  background: transparent;
  border: none;
  width: 100%;
  padding-left: 0;
}
.phone-wrapper .iti__selected-dial-code {
  font-family: Geologica;
}

.iti {
  width: 100%;
}

.tg-pill {
  margin-top: 15px;
}

.contact-method__item {
  position: relative;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  /* заполнение кружка, если выбрано */
  /* небольшой отступ от кружка до подписи */
}
.contact-method__item input {
  display: none;
}
.contact-method__item .fake-radio {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  border: 2px solid #42465f;
  border-radius: 50%;
}
.contact-method__item .fake-radio:after {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  margin: 2px;
  border-radius: 50%;
  background: #42465f;
  opacity: 0;
}
.contact-method__item input:checked + .fake-radio:after {
  opacity: 1;
}
.contact-method__item {
  padding-left: 28px;
  margin-right: 24px;
}

.method[data-disabled] {
  opacity: 0.4;
  pointer-events: none;
}

@media screen and (max-width: 768px) {
  .form__container form {
    gap: 15px;
  }
  .form__container img {
    display: none;
  }
}/*# sourceMappingURL=form.css.map */