:root {
  --width-base: 1920;
  --width-current: 100vw;
  --width-multiplier: var(--width-current) / var(--width-base);
  --theme-color: #1b4638;
  --active-color: #5dc397;
  --link-color: #40a87b;
  --light-color: #e7f2f1;
  --white-color: #fff;
  --darked-color: #153c2f;
  --dark-color: #1e1e1e;
  --field-color: #696969;
  --border-color: #d0d0d0;
  --error-color: #ff0000;
}

@media screen and (max-width: 1279px) {
  :root {
    --width-base: 768;
  }
}

@media screen and (max-width: 767px) {
  :root {
    --width-base: 320;
  }

}

.container {
  box-sizing: border-box;
  margin: 0 auto;
  padding: 0 calc(15 * var(--width-multiplier));
  max-width: calc(1550 * var(--width-multiplier));
  width: 100%;
}

@media screen and (max-width: 1279px) {
  .container {
    padding: 0 calc(20 * var(--width-multiplier));
  }
}

@media screen and (max-width: 767px) {
  .container {
    padding: 0 calc(12 * var(--width-multiplier));
  }
}

.button {
  padding: 15px 20px;
  max-width: 250px;
  width: 100%;
  font-family: 'Sharp Grotesk DB Cyr Medium 22';
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  text-align: center;
  color: var(--white-color);
  background-color: var(--active-color);
  border: none;
  border-radius: 4px;
  cursor: pointer;
  transition: .2s;
}

.button:hover {
  color: var(--darked-color);
  background-color: var(--white-color);
}

@media screen and (max-width: 1279px) {
  .button {
    padding-top: 10px;
    padding-bottom: 10px;
    max-width: calc(180 * var(--width-multiplier));
    font-size: 12px;
  }
}

@media screen and (max-width: 767px) {
  .button {
    max-width: 180px;
  }
}

@media screen and (max-width: 320px) {
  .button {
    max-width: 262px;
  }
}

.content.contacts-page {
  padding-top: calc(62 * var(--width-multiplier));
  padding-bottom: calc(141 * var(--width-multiplier));
}

@media screen and (max-width: 1279px) {
  .content.contacts-page {
    padding-top: 40px;
    padding-bottom: 80px;
  }
}

@media screen and (max-width: 767px) {
  .content.contacts-page {
    padding-top: 16px;
    padding-bottom: 48px;
  }
}

.find-us .container {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.find-us__title {
  margin-top: 0;
  margin-bottom: calc(32 * var(--width-multiplier));
  font-family: 'Sharp Grotesk DB Cyr Medium 22';
  font-weight: 500;
  font-size: calc(70 * var(--width-multiplier));
  line-height: calc(80 * var(--width-multiplier));
  text-align: center;
  color: var(--theme-color);
}

.find-us__tags {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 0;
  margin-bottom: calc(68 * var(--width-multiplier));
  padding-left: 0;
  list-style-type: none;
}

.find-us__tags-item {
  padding: 2px calc(24 * var(--width-multiplier));
  font-family: 'Sharp Grotesk DB Cyr Book 20';
  font-weight: 400;
  font-size: calc(18 * var(--width-multiplier));
  line-height: calc(43 * var(--width-multiplier));
  text-align: center;
  color: var(--darked-color);
  background-color: var(--light-color);
  border-radius: calc(32 * var(--width-multiplier));
}

.hotels__map {
  width: 100%;
  padding-bottom: calc(49 * var(--width-multiplier));
}

.hotels__map>img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media screen and (max-width: 1279px) {
  .find-us {
    padding-bottom: 36px;
  }

  .find-us .container {
    padding-left: 0;
    padding-right: 0;
  }

  .find-us__title {
    margin-bottom: 21px;
    font-size: 48px;
    line-height: 60px;
  }

  .find-us__tags {
    margin-bottom: 47px;
  }

  .find-us__tags-item {
    padding: 0 24px;
    font-size: 14px;
    line-height: 32px;
  }


}

@media screen and (max-width: 767px) {
  .find-us__title {
    font-size: 38px;
    line-height: 50px;
  }

  .find-us__tags {
    gap: 6px;
  }

  .find-us__tags-item {
    padding: 0 13px;
    font-size: 13px;
    line-height: 26px;
  }

}

@media screen and (max-width: 460px) {
  .find-us {
    padding-bottom: 33px;
  }

  .find-us__title {
    margin-bottom: 11px;
    font-size: 26px;
    line-height: 39px;
  }

  .find-us__tags {
    margin-bottom: 28px;
    gap: 4px;
  }

  .find-us__tags-item {
    padding: 0 13px;
    font-size: 12px;
    line-height: 20px;
  }


}

.hotels {
  padding-bottom: 80px;
}

.hotel:not(:last-of-type) {
  margin-bottom: 40px;
}

.hotel__title {
  margin-top: 0;
  margin-bottom: 12px;
  font-family: 'Sharp Grotesk DB Cyr Medium 22';
  font-weight: 500;
  font-size: 32px;
  line-height: 150%;
  letter-spacing: -0.704px;
  color: var(--theme-color);
}

.hotel__info {
  display: flex;
  font-family: 'Inter';
  font-weight: 500;
  font-size: 18px;
  line-height: 28px;
  letter-spacing: 0.085px;
  color: var(--darked-color);
}

.hotel__description {
  margin-right: 60px;
  max-width: 518px;
}

.hotel__address {
  margin-top: 0;
  margin-bottom: 15px;
}

.hotel__coordinates {
  font-weight: 400;
  cursor: pointer;
}

.hotel__coordinates-link {
  text-decoration: none;
  color: var(--link-color);
}

.hotel__socials {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.hotel__contacts {
  margin-top: 0;
  margin-bottom: 13px;
}

.hotel__contacts>span {
  display: block;
}

.hotel__contacts-link {
  text-decoration: none;
  color: var(--link-color);
  transition: .2s;
}

.hotel__contacts-link:hover {
  color: var(--active-color);
}

.hotel__links-list {
  display: flex;
  flex-wrap: wrap;
  gap: 9px 12px;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  list-style-type: none;
}

.hotel__link {
  display: block;
  height: 29px;
  transition: .2s;
}

.hotel__link:hover svg path {
  fill: #5dc397;
}

.hotel__link:hover svg rect {
  stroke: #5dc397;
}

.hotel-blocks {
  padding-top: 32px;
}

.hotel-block:not(:last-of-type) {
  margin-bottom: 25px;
}

.hotel-block__title {
  margin-top: 0;
  margin-bottom: 12px;
  font-family: 'Sharp Grotesk DB Cyr Medium 22';
  font-weight: 500;
  font-size: 26px;
  line-height: 150%;
  letter-spacing: -0.572px;
  color: var(--theme-color);
}

.hotel-block__info {
  display: flex;
  font-family: 'Inter';
  font-weight: 500;
  font-size: 18px;
  line-height: 28px;
  letter-spacing: -0.105px;
  color: var(--dark-color);
}

.hotel-block__description {
  margin-top: 0;
  margin-right: 95px;
  margin-bottom: 0;
  max-width: 483px;
}

.hotel-block__contacts {
  margin-top: 0;
  margin-bottom: 0;
  max-width: 365px;
  line-height: 26px;
}

.hotel-block__contacts>span:first-of-type {
  margin-bottom: 6px;
}

.hotel-block__contacts>span {
  display: block;
}

.hotel-block__working-time {
  color: var(--link-color);
}

.hotel-block__contacts-link {
  text-decoration: none;
  color: var(--link-color);
  transition: .2s;
}

.hotel-block__contacts-link:hover {
  color: var(--active-color);
}

@media screen and (max-width: 1279px) {
  .hotels {
    padding-bottom: 46px;
  }

  .hotel:not(:last-of-type) {
    margin-bottom: 30px;
  }

  .hotel__title {
    margin-bottom: 8px;
    font-size: calc(18 * var(--width-multiplier));
    letter-spacing: -0.396px;
  }

  .hotel__info {
    flex-direction: column;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.075px;
  }

  .hotel__description {
    margin-right: 0;
    margin-bottom: 16px;
    max-width: 642px;
  }

  .hotel__address {
    margin-bottom: 4px;
  }

  .hotel__contacts {
    margin-bottom: 24px;
  }

  .hotel-block__title {
    margin-bottom: 8px;
    font-size: calc(16 * var(--width-multiplier));
    letter-spacing: -0.352px;
  }

  .hotel-block__info {
    flex-direction: column;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.07px;
  }

  .hotel-block__description {
    margin-right: 0;
    margin-bottom: 7px;
    max-width: 642px;
  }

  .hotel-block__contacts>span:first-of-type {
    margin-bottom: -2px;
  }
}

@media screen and (max-width: 767px) {
  .hotel__title {
    font-size: 18px;
    letter-spacing: -0.308px;
  }

  .hotel__info {
    font-size: 14px;
    line-height: 22px;
  }

  .hotel__description {
    max-width: 560px;
  }

  .hotel-block__title {
    margin-bottom: 6px;
    font-size: 16px;
    letter-spacing: -0.264px;
  }

  .hotel-block__info {
    font-size: 14px;
    line-height: 22px;
  }

  .hotel-block__description {
    max-width: 560px;
  }
}

@media screen and (max-width: 460px) {
  .hotels {
    padding-bottom: 37px;
  }

  .hotel:not(:last-of-type) {
    margin-bottom: 25px;
  }

  .hotel__title {
    margin-bottom: 7px;
    font-size: 14px;
    letter-spacing: -0.308px;
  }

  .hotel__info {
    font-size: 12px;
    line-height: 19px;
  }

  .hotel__description {
    margin-bottom: 8px;
  }

  .hotel__address {
    line-height: 18px;
  }

  .hotel__contacts {
    margin-bottom: 20px;
  }

  .hotel-blocks {
    padding-top: 20px;
  }

  .hotel-block:not(:last-of-type) {
    margin-bottom: 15px;
  }

  .hotel-block__title {
    margin-bottom: 6px;
    font-size: 12px;
    letter-spacing: -0.264px;
  }

  .hotel-block__info {
    font-size: 12px;
    line-height: 18px;
  }

  .hotel-block__description {
    margin-bottom: 8px;
  }

  .hotel-block__contacts {
    line-height: 18px;
  }

  .hotel-block__contacts>span:first-of-type {
    margin-bottom: 0;
  }
}

@media screen and (max-width: 320px) {
  .hotel-block__description {
    max-width: 285px;
  }
}

.contacts {
  padding-bottom: 20px;
}

.contacts .container {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}

.contacts-block {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0 calc(36 * var(--width-multiplier));
  width: calc(50% - 8px);
  height: 411px;
  border-radius: 8px;
}

.contacts-block_type_collaboration {
  background-color: var(--active-color);
}

.contacts-block_type_request {
  background-color: var(--theme-color);
}

.contacts-block__title {
  margin-top: 0;
  margin-bottom: 12px;
  font-family: 'Sharp Grotesk DB Cyr Medium 22';
  font-weight: 500;
  font-size: 26px;
  line-height: 150%;
  letter-spacing: -0.572px;
  text-align: center;
  color: var(--white-color);
}

.contacts-block__title_type_request {
  max-width: 656px;
  margin-bottom: 24px;
}

.contacts-block__text {
  margin-top: 0;
  margin-bottom: 0;
  font-family: 'Sharp Grotesk DB Cyr Book 20';
  font-weight: 400;
  font-size: 22px;
  line-height: 150%;
  letter-spacing: -0.484px;
  color: var(--white-color);
}

.contacts-block__link {
  text-decoration: none;
  color: var(--white-color);
  transition: .2s;
}

.contacts-block__link:hover {
  color: var(--theme-color);
}

@media screen and (max-width: 1279px) {
  .contacts {
    padding-bottom: 32px;
  }

  .contacts .container {
    gap: 12px;
  }

  .contacts-block {
    padding: 0 calc(20 * var(--width-multiplier));
    width: calc(50% - 6px);
    height: calc(280 * var(--width-multiplier));
    border-radius: 4px;
  }

  .contacts-block__title {
    margin-bottom: calc(8 * var(--width-multiplier));
    font-size: calc(18 * var(--width-multiplier));
    line-height: calc(23 * var(--width-multiplier));
    letter-spacing: 0;
  }

  .contacts-block__title_type_request {
    margin-bottom: calc(12 * var(--width-multiplier));
    max-width: calc(312 * var(--width-multiplier));
    color: var(--active-color);
  }

  .contacts-block__text {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0;
  }
}

@media screen and (max-width: 767px) {
  .contacts-block {
    padding: 0 calc(10 * var(--width-multiplier));
    height: 228px;
  }

  .contacts-block__title {
    margin-bottom: 4px;
    font-size: 16px;
    line-height: 22px;
  }

  .contacts-block__title_type_request {
    margin-bottom: 12px;
  }

  .contacts-block__text {
    font-size: 12px;
  }
}

@media screen and (max-width: 520px) {
  .contacts {
    padding-bottom: 16px;
  }

  .contacts-block {
    width: 100%;
    height: calc(228 * var(--width-multiplier));
  }

  .contacts-block__title {
    margin-bottom: 4px;
    font-size: calc(14 * var(--width-multiplier));
    line-height: calc(20 * var(--width-multiplier));
  }

  .contacts-block__title_type_request {
    margin-bottom: 12px;
  }

  .contacts-block__text {
    font-size: calc(10 * var(--width-multiplier));
  }
}

@media screen and (max-width: 390px) {
  .contacts-block__text {
    font-size: 12px;
  }
}

.booking-block {
  box-sizing: border-box;
  padding: 31px 35px 32px 36px;
  /*display: flex;*/
  /*justify-content: space-between;*/
  /*align-items: center;*/
  background-color: var(--theme-color);
  border-radius: 4px;
}

.booking-block__title {
  margin-top: 0;
  margin-bottom: 0;
  max-width: 310px;
  width: 100%;
  font-family: 'Sharp Grotesk DB Cyr Medium 22';
  font-weight: 500;
  font-size: 20px;
  line-height: 32px;
  color: var(--active-color);
}

.booking-block__form {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
}

@media screen and (max-width: 1279px) {
  .booking .container {
    padding-left: 0;
    padding-right: 0;
  }

  .booking-block {
    padding: 16px calc(20 * var(--width-multiplier));
    border-radius: 0;
  }

  .booking-block__title {
    max-width: 142px;
    font-size: 14px;
    line-height: 17px;
  }
}

@media screen and (max-width: 767px) {
  .booking-block {
    padding: 14px calc(12 * var(--width-multiplier)) 16px;
  }

  .booking-block__title {
    max-width: 238px;
  }
}

@media screen and (max-width: 460px) {
  .booking-block {
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    padding: 15px calc(12 * var(--width-multiplier)) 16px;
  }

  .booking-block__title {
    max-width: 238px;
  }

  .booking-block__form {
    justify-content: center;
  }

  .booking-block__button {
    max-width: 296px;
  }
}

.popup {
  box-sizing: border-box;
  position: fixed;
  top: 0;
  left: 0;
  visibility: hidden;
  opacity: 0;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  padding-top: 80px;
  padding-bottom: 80px;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, .5);
  cursor: pointer;
  transition: visibility .3s, opacity .3s linear;
  z-index: 1;
  overflow-y: scroll;
}

.popup_opened {
  visibility: visible;
  opacity: 1;
}
.popup__info {
  display: none;
}
.popup__info.popup__info_active {
  display: block;
}
.popup__container.submited {
  min-height: fit-content !important;
}
.popup__container {
  box-sizing: border-box;
  position: relative;
  display: flex;
  flex-direction: column;
  padding: 44px 48px;
  max-width: 636px;
  width: 100%;
  min-height: 540px;
  border-radius: 8px;
  background-color: #fff;
  cursor: initial;
}

.popup__close-button {
  position: absolute;
  top: 24px;
  right: 24px;
  width: 36px;
  height: 36px;
  background: url(../images/popup/close-button.svg) center no-repeat;
  border: none;
  cursor: pointer;
  transition: 0.2s;
}

.popup__close-button:hover {
  opacity: 0.8;
}

.popup__title {
  margin-top: 0;
  margin-bottom: 2px;
  font-family: 'Sharp Grotesk DB Cyr Medium 22';
  font-weight: 500;
  font-size: 26px;
  line-height: 150%;
  letter-spacing: -0.572px;
  text-align: center;
  color: var(--theme-color);
}

.popup__subtitle {
  margin-top: 0;
  margin-bottom: 25px;
  font-family: 'Sharp Grotesk DB Cyr Book 20';
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: -0.264px;
  text-align: center;
  color: var(--theme-color);
}

.popup__field {
  font-family: 'Sharp Grotesk DB Cyr Book 20';
  font-weight: 400;
  font-size: 14px;
  line-height: 150%;
}

.popup__field-name {
  display: block;
  margin-bottom: 7px;
  letter-spacing: -0.308px;
  color: var(--field-color);
}

.popup__field-name_type_checkbox,
.popup__field-name_type_radio {
  margin-bottom: 11px;
}

.popup__input-text {
  box-sizing: border-box;
  padding: 7px 2px;
  width: 100%;
  font-size: 12px;
  line-height: 150%;
  letter-spacing: -0.264px;
  color: var(--theme-color);
  border: none;
  border-bottom: 2px solid var(--border-color);
  outline: none;
}

.popup__input-text::placeholder {
  color: var(--field-color);
}

.popup__input-text:focus {
  border-bottom: 2px solid var(--active-color);
}

.popup__input-error {
  box-sizing: border-box;
  display: block;
  padding-top: 6px;
  padding-bottom: 6px;
  font-size: 10px;
  line-height: 10px;
  min-height: 22px;
  color: var(--error-color);
}

.popup__input-error_type_radio {
  min-height: 23px;
}

.popup__checkbox-field,
.popup__radio-field {
  position: relative;
  display: block;
  margin-bottom: 8px;
  max-width: 200px;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.264px;
  color: var(--theme-color);
}

.popup__checkbox-field:last-of-type,
.popup__radio-field:last-of-type {
  margin-bottom: 0;
}

.popup__invisible-checkbox,
.popup__invisible-radio {
  position: absolute;
  width: 0px;
  height: 1px;
  overflow: hidden;
  clip-path: inset(0 0 0 0);
}

.popup__visible-checkbox,
.popup__visible-radio {
  display: flex;
  align-items: center;
}

.popup__visible-checkbox::before,
.popup__visible-radio::before {
  content: "";
  display: block;
  margin-right: 12px;
  width: 18px;
  height: 18px;
}

.popup__visible-checkbox::before {
  background: url(../images/popup/chekbox.svg) center no-repeat;
}

.popup__invisible-checkbox:disabled+.popup__visible-checkbox::before {
  background: url(../images/popup/chekbox.svg) center no-repeat;
}

.popup__invisible-checkbox:checked+.popup__visible-checkbox::before {
  background: url(../images/popup/chekbox-active.svg) center no-repeat;
}

.popup__visible-radio::before {
  background: url(../images/popup/radio-button.svg) center no-repeat;
}

.popup__invisible-radio:disabled+.popup__visible-radio::before {
  background: url(../images/popup/radio-button.svg) center no-repeat;
}

.popup__invisible-radio:checked+.popup__visible-radio::before {
  background: url(../images/popup/radio-button-active.svg) center no-repeat;
}

.popup__input-date-wrap {
  position: relative;
  display: inline-block;
}

.popup__input-date-wrap::after {
  content: "";
  position: absolute;
  right: 6px;
  bottom: 10px;
  display: block;
  width: 16px;
  height: 16px;
  background: url(../images/popup/calendar-icon.svg) center no-repeat;
  background-size: contain;
  cursor: pointer;
}

.popup__input-date-wrap:hover::after {
  opacity: 0.8;
}

.popup__input-date {
  padding-right: 28px;
  width: 208px;
}

.popup__input-number-wrap {
  display: flex;
  align-items: center;
}

.popup__input-number {
  width: 54px;
  text-align: center;
}

.popup__button-number-dec,
.popup__button-number-inc {
  display: block;
  width: 24px;
  height: 24px;
  border: none;
  outline: none;
  cursor: pointer;
}

.popup__button-number-dec {
  margin-right: 8px;
  background: url(../images/popup/button-number-dec.svg) center no-repeat;
}

.popup__button-number-inc {
  margin-left: 8px;
  background: url(../images/popup/button-number-inc.svg) center no-repeat;
}

.popup__submit-button {
  box-sizing: border-box;
  margin-top: 6px;
  margin-bottom: 16px;
  padding: 15px 24px;
  width: 100%;
  font-family: 'Sharp Grotesk DB Cyr Medium 22';
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  color: var(--white-color);
  background-color: var(--active-color);
  border: none;
  border-radius: 4px;
  cursor: pointer;
  transition: 0.2s;
}

.popup__submit-button:hover {
  background-color: var(--theme-color);
}

.popup__policy {
  margin-top: 0;
  margin-bottom: 0;
  font-family: 'Sharp Grotesk DB Cyr Book 20';
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  color: var(--theme-color);
}

.popup__policy-link {
  text-decoration: none;
  color: var(--active-color);
}

@media screen and (max-width: 1090px) {
  .popup {
    padding: 60px 40px;
  }

  .popup__container {
    padding: 32px 20px 31px;
    max-width: 524px;
  }

  .popup__title {
    margin-bottom: 4px;
    font-size: 18px;
    letter-spacing: -0.396px;
  }

  .popup__subtitle {
    margin-bottom: 24px;
  }

  .popup__field {
    font-size: 12px;
  }

  .popup__field-name {
    margin-bottom: 6px;
    letter-spacing: -0.264px;
  }

  .popup__field-name_type_checkbox,
  .popup__field-name_type_radio {
    margin-bottom: 15px;
  }

  .popup__field-name_type_number {
    margin-bottom: 14px;
  }

  .popup__input-text {
    padding-top: 5px;
    padding-bottom: 5px;
  }

  .popup__input-error {
    padding-top: 3px;
    padding-bottom: 3px;
    min-height: 16px;
  }

  .popup__input-date-wrap::after {
    bottom: 8px;
  }

  .popup__button-number-inc,
  .popup__button-number-dec {
    margin-top: -2px;
  }

  .popup__submit-button {
    margin-top: 8px;
    margin-bottom: 17px;
  }

  .popup__policy {
    font-size: 10px;
  }
}

@media screen and (max-width: 460px) {
  .popup {
    padding: 40px 20px;
  }
}

@media screen and (max-width: 380px) {
  .popup {
    padding-left: 12px;
    padding-right: 12px;
  }

  .popup__container {
    padding: 34px 12px 28px;
  }

  .popup__close-button {
    top: 16px;
    right: 16px;
    width: 28px;
    height: 28px;
    background: url(../images/popup/close-button-320.svg) center no-repeat;
  }

  .popup__title {
    margin-bottom: 0;
    font-size: 14px;
    letter-spacing: -0.308px;
  }

  .popup__subtitle {
    margin-bottom: 16px;
    font-size: 10px;
    letter-spacing: -0.22px;
  }

  .popup__field {
    font-size: 10px;
  }

  .popup__field-name {
    letter-spacing: -0.22px;
  }

  .popup__field-name_type_checkbox {
    margin-bottom: 18px;
  }

  .popup__field-name_type_radio {
    margin-bottom: 8px;
  }

  .popup__field-name_type_number {
    margin-bottom: 14px;
  }

  .popup__input-text {
    padding-top: 10px;
    padding-bottom: 6px;
    font-size: 10px;
  }

  .popup__button-number-inc,
  .popup__button-number-dec {
    margin-top: 0;
  }

  .popup__submit-button {
    margin-bottom: 12px;
  }

  .popup__policy {
    font-size: 9px;
    line-height: 14px;
  }
}