@font-face {
  font-family: "annabelle";
  src: url("../fonts/Annabelle.ttf") format("truetype");
}
@font-face {
  font-family: "Calligraffitti";
  src: url("../fonts/Calligraffitti-Regular.ttf") format("truetype");
}
@font-face {
  font-family: "Gilroy Regular";
  src: url("../fonts/Gilroy-Light.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Gilroy Medium";
  src: url("../fonts/Gilroy-Medium.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Gilroy-SemiBold";
  src: url("../fonts/Gilroy-SemiBold.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
/* Базовые стили */
html,
body {
  overflow-x: hidden;
  width: 100%;
  max-width: 100%;
  margin: 0;
  padding: 0;
  font-family: "Gilroy Regular", sans-serif;
  background-color: #fefaf5;
  color: #333;
  line-height: 1.5;
}
* {
  box-sizing: border-box;
}
img {
  max-width: 100%;
  height: auto;
}
.container,
.container-fluid {
  padding-left: 15px;
  padding-right: 15px;
}
/* Текст и типографика */
.anketa {
  font-family: "Gilroy-SemiBold";
  font-weight: 400;
  font-size: clamp(14px, 3vw, 32px);
  color: #396240;
}
.apostraf {
  font-family: "Calligraffitti", cursive;
}
.annabelle {
  font-family: "annabelle", cursive;
  font-weight: 400;
  font-size: clamp(30px, 8vw, 82px);
  color: #396240;
}
.annabelletree {
  font-family: "annabelle", cursive;
  font-weight: 400;
  font-size: clamp(30px, 8vw, 86px);
  color: #396240;
}
.annabelledva {
  font-family: "annabelle", cursive;
  font-weight: 400;
  font-size: clamp(20px, 6vw, 66px);
  color: #396240;
}
.annabelle-3 {
  font-family: "annabelle", cursive;
  font-size: clamp(28px, 7vw, 72px);
  font-weight: lighter;
  color: white;
}
.annabelle-2 {
  font-family: "annabelle", cursive;
  font-size: clamp(30px, 8vw, 86px);
  font-weight: lighter;
  color: white;
}
.gilroy {
  font-family: "Gilroy Regular";
  font-size: clamp(14px, 3vw, 32px);
  font-weight: lighter;
  color: white;
  padding-top: clamp(15px, 5vw, 52px);
}
.gilroy-2 {
  font-family: "Gilroy Regular";
  font-size: clamp(14px, 3vw, 32px);
  font-weight: lighter;
  color: white;
}
.gilroy-mesto {
  font-family: "Gilroy Medium";
  font-size: clamp(18px, 4vw, 42px);
  font-weight: lighter;
  color: #3d3d3d;
}
.gilroy-prog {
  font-family: "Gilroy Medium";
  font-size: clamp(18px, 4vw, 42px);
  font-weight: lighter;
  color: #3d3d3d;
  padding-top: clamp(12px, 3vw, 24px);
}
.gilroy-prog-reg {
  font-family: "Gilroy Regular";
  font-size: clamp(14px, 3vw, 32px);
  font-weight: lighter;
  color: #3d3d3d;
  padding-top: clamp(12px, 3vw, 24px);
}
.gilroy-dress-reg {
  font-family: "Gilroy Regular";
  font-size: clamp(14px, 3vw, 32px);
  font-weight: lighter;
  color: #3d3d3d;
}
.gilroy-mesto-2 {
  font-family: "Gilroy Regular";
  font-size: clamp(14px, 3vw, 32px);
  font-weight: lighter;
  color: #3d3d3d;
  padding-top: clamp(1px, 3vw, 20px);
}
.gilroy-mesto-3 {
  font-family: "Gilroy Regular";
  font-size: clamp(14px, 3vw, 32px);
  font-weight: lighter;
  color: #3d3d3d;
  padding-top: 21px;
  padding-bottom: clamp(10px, 4vw, 37px);
}
.gilroy-mesto-3 a {
  color: #3d3d3d;
  text-decoration: none;
  position: relative;
  display: inline-block;
}
.gilroy-mesto-3 a::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background-color: currentColor;
}
.gilroy-anketa {
  font-family: "Gilroy Regular";
  font-size: clamp(12px, 2.5vw, 26px);
  font-weight: lighter;
  color: #3d3d3d;
}
/* Секции */
.section-one {
  background-image: url("../images/banner.png");
  background-size: cover;
  background-position: center;
  height: 100vh;
  position: relative;
  width: 100%;
}
.section-two {
  background-image: url("../images/two.png");
  background-size: cover;
  background-position: center;
  position: relative;
  margin-top: -443px;
  z-index: 1;
  width: 100%;
}
.section-seven {
  background-image: url("../images/block-3.png");
  background-size: cover;
  background-position: center;
  position: relative;
  z-index: 1;
  width: 100%;
}
.section-eleven {
  margin-top: -360px;
  z-index: 2;
  position: relative;
}
.section-three {
  padding-top: 20px;
}
.section-ten {
  position: relative;
}
/* Отступы */
.pt-7 {
  padding-top: 1.2rem !important;
}
.mb-62 {
  margin-bottom: clamp(31px, 5vw, 62px) !important;
}
.mb-96 {
  margin-bottom: clamp(48px, 8vw, 96px) !important;
}
.mb-206 {
  margin-bottom: clamp(20px, 15vw, 206px) !important;
}
.mb-102 {
  margin-bottom: clamp(33px, 10vw, 102px) !important;
}
.mt-159 {
  margin-top: clamp(79px, 15vw, 159px) !important;
}
.mb-32 {
  margin-bottom: clamp(16px, 3vw, 32px) !important;
}
.serdce {
  padding-top: clamp(34px, 8vw, 68px);
  padding-bottom: clamp(34px, 8vw, 68px);
}
/* Формы */
label {
  display: block;
  margin-top: clamp(10px, 2vw, 20px);
  margin-bottom: 5px;
}
input[type="text"] {
  width: 100%;
  padding: 8px;
  font-size: 14px;
  border: 1px solid #3d3d3d;
  box-sizing: border-box;
  max-width: clamp(300px, 60vw, 626px);
  background: transparent;
  color: #3d3d3d;
}
.section {
  margin-top: 30px;
}
.radio-group,
.checkbox-group {
  margin-top: 10px;
}
.radio-group label,
.checkbox-group label {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
  font-family: "Gilroy Regular";
  font-size: 14px;
  font-weight: lighter;
  color: #3d3d3d;
}
.radio-group input,
.checkbox-group input {
  margin-right: 10px;
}
input[type="checkbox"],
input[type="radio"] {
  accent-color: #3d3d3d;
  transform: scale(1.4);
  margin-right: 20px;
  cursor: pointer;
}
/* Цветовые кружки */
.color-swatch {
  width: clamp(30px, 4vw, 40px);
  height: clamp(30px, 4vw, 40px);
  margin: 0 5px;
  border-radius: 50%;
  border: 1px solid #ccc;
}
/* Таймер */
.countdown-overlay-container {
  position: relative;
  display: block;
  width: 100%;
}
.countdown-container {
  position: absolute;
  top: 19%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: sans-serif;
  width: 100%;
  max-width: 1200px;
  flex-wrap: wrap;
}
.countdown-square {
  width: clamp(100px, 25vw, 210px);
  height: clamp(100px, 25vw, 210px);
  background-color: rgba(240, 240, 240, 0.5);
  margin: 10px;
  text-align: center;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}
.countdown-value {
  font-family: "Gilroy Regular";
  font-size: clamp(30px, 8vw, 64px);
  font-weight: lighter;
  color: #3d3d3d;
}
.countdown-label {
  font-family: "Gilroy Regular";
  font-size: clamp(20px, 4vw, 32px);
  font-weight: lighter;
  color: #3d3d3d;
}
/* Кнопки */
.btn-2 {
  background-color: #396240;
  color: #f0f0d8;
  font-family: sans-serif;
  font-size: clamp(12px, 2vw, 18px);
  padding: clamp(9px, 2vw, 15px) clamp(30px, 5vw, 60px);
  border: none;
  cursor: pointer;
  transition: background-color 0.3s ease;
}
.btn-2:hover {
  background-color: #436b45;
}
/* Разное */
.one-max {
  max-width: clamp(291px, 60vw, 935px);
  margin: 0 auto;
}
.no-cont {
  --bs-gutter-x: none;
}
.ml-50 {
  margin-left: 50px;
}
.mb-32-mobile {
  width: 12px;
  margin-bottom: 16px !important;
}

/* Мобильные стили для самых маленьких экранов */
@media (max-width: 375px) {
  .section-two {
    margin-top: -97px;
  }

  .serdce {
    width: 12px;
  }

  .mesto-mb {
    margin-bottom: 1.5rem !important;
  }

  .countdown-container {
    top: 22%;
  }

  .custom-1920 {
    display: none !important;
  }

  .annabelle {
    font-family: "annabelle", cursive;
    font-weight: 400;
    font-size: 28px;
    color: #396240;
}


}
/* Мобильные стили для экранов до 390px */
@media (max-width: 390px) {
  .section-two {
    margin-top: -97px;
  }
  .pt-10 {
    padding-top: 20px !important;
  }
  .serdce {
    width: 12px;
  }

  .mesto-mb {
    margin-bottom: 1.5rem !important;
  }

  .countdown-container {
    top: 22%;
  }

  .custom-1920 {
    display: none !important;
  }
}
/* Мобильные стили для экранов до 415px */
@media (max-width: 415px) {
  .pt-10 {
    padding-top: 0.8rem;
  }
  .section-two {
    background-image: url(../images/onephonemobile.png);
    margin-top: -61px;
  }
  .serdce {
    width: 12px;
  }
  .mesto-mb {
    margin-bottom: 1.5rem !important;
  }

  .countdown-container {
    top: 22%;
  }

  .custom-1920 {
    display: none !important;
  }
}

/* Мобильные стили для экранов до 490px */
@media (max-width: 490px) {
  .custom-1920 {
    display: none !important;
  }
  .section-two {
    background-image: url("../images/onephonemobile.png");
    margin-top: -97px;
  }
  .gilroy-anketa {
    font-family: "Gilroy Regular";
    font-size: 14px;
    font-weight: lighter;
    color: #3d3d3d;
  }
  .section-one {
    background-image: url("../images/mobileone.png");
    background-size: cover;
    background-position: center;
    position: relative;
    width: 100%;
    height: 58vh;
  }
  .gilroy-mesto {
    font-family: "Gilroy Medium";
    font-size: clamp(18px, 4vw, 42px);
    font-weight: lighter;
    color: #3d3d3d;
    margin-bottom: 0;
  }
  .serdce {
    width: 12px;
  }
  .mw-290 {
    max-width: 265px;
    margin: 0 auto;
  }
  .gilroy-dress-reg {
    font-family: "Gilroy Regular";
    font-size: clamp(14px, 3vw, 32px);
    font-weight: lighter;
    color: #3d3d3d;
    margin-bottom: 0;
  }
  .pt-10 {
    padding-top: 1rem;
  }
  .section-three {
    padding-top: 42px;
  }
  .section-seven {
    background-image: url("../images/pogelania.png");
    background-size: cover;
    background-position: center;
    position: relative;
    z-index: 1;
    width: 100%;
  }
  .mt-130 {
    margin-top: 130px;
  }
  .mb-130 {
    margin-bottom: 130px;
  }
  h2 {
    line-height: 1.5;
  }
  .countdown-container {
    top: 22%;
  }
  .mesto-mb {
    margin-bottom: 1.5rem !important;
  }

  .section-eleven {
    margin-top: -90px;
    z-index: 2;
    position: relative;
}

     .annabelle-2 {
          font-family: "annabelle", cursive;
          font-size: 28px;
          font-weight: lighter;
          color: white;
     }

}

@media (min-width: 491px) and (max-width: 768px) {
  .countdown-square {
    width: 100px;
    height: 100px;
    background-color: rgba(240, 240, 240, 0.5);
    margin: 10px;
    text-align: center;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  }

  .custom-1920 {
    display: block !important;
  }

  .countdown-label {
    font-family: "Gilroy Regular";
    font-size: 20px;
    font-weight: lighter;
    color: #3d3d3d;
  }

  .countdown-value {
    font-family: "Gilroy Regular";
    font-size: 30px;
    font-weight: lighter;
    color: #3d3d3d;
  }

  .mesto-pt {
    margin-top: -20px;
  }
  .mesto-mb {
    margin-bottom: 68px !important;
  }

  .mb-100 {
    margin-bottom: 68px !important;
    margin-top: 62px !important;
  }

  .ml-50 {
    margin-left: 0px;
  }

  .section-seven {
    background-image: url(../images/block-3.png);
    background-size: cover;
    background-position: center;
    position: relative;
    z-index: 1;
    width: 100%;
    height: 89vh;
  }

  .section-two {
    background-image: url("../images/onephonemobile.png");
    margin-top: -178px;
    height: 75vh;
  }
  .gilroy-anketa {
    font-family: "Gilroy Regular";
    font-size: 14px;
    font-weight: lighter;
    color: #3d3d3d;
  }

  .annabelle-2 {
    font-family: "annabelle", cursive;
    font-size: 43px;
    font-weight: lighter;
    color: white;
  }

  .mt-two-160 {
    margin-top: 75px;
  }
  .annabelle-3 {
    font-family: "annabelle", cursive;
    font-size: 40px;
    font-weight: lighter;
    color: white;
  }
  .section-one {
    background-image: url("../images/mobileone.png");
    background-size: cover;
    background-position: center;
    position: relative;
    width: 100%;
    height: 65vh;
  }
  .gilroy-mesto {
    font-family: "Gilroy Medium";
    font-size: clamp(18px, 4vw, 42px);
    font-weight: lighter;
    color: #3d3d3d;
    margin-bottom: 0;
  }
  .serdce {
    width: 12px;
  }
  .mw-290 {
    max-width: 265px;
    margin: 0 auto;
  }
  .gilroy-dress-reg {
    font-family: "Gilroy Regular";
    font-size: clamp(14px, 3vw, 32px);
    font-weight: lighter;
    color: #3d3d3d;
    margin-bottom: 0;
  }
  .pt-10 {
    padding-top: 2.5rem;
  }
  .section-three {
    padding-top: 42px;
  }

  .mt-130 {
    margin-top: 130px;
  }
  .mb-130 {
    margin-bottom: 130px;
  }
  h2 {
    line-height: 1.5;
  }
  .countdown-container {
    top: 22%;
  }

  .annabelle {
    font-family: "annabelle", cursive;
    font-weight: 400;
    font-size: 43px;
    color: #396240;
  }

  .section-eleven {
    margin-top: -145px;
    z-index: 2;
    position: relative;
  }
}

/* Для очень больших экранов */
@media (min-width: 820px) {
  .countdown-square {
    width: 100px;
    height: 100px;
    background-color: rgba(240, 240, 240, 0.5);
    margin: 10px;
    text-align: center;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  }

  .custom-1920 {
    display: block !important;
  }

  .countdown-label {
    font-family: "Gilroy Regular";
    font-size: 20px;
    font-weight: lighter;
    color: #3d3d3d;
  }

  .countdown-value {
    font-family: "Gilroy Regular";
    font-size: 30px;
    font-weight: lighter;
    color: #3d3d3d;
  }

  .mesto-pt {
    margin-top: -20px;
  }
  .mesto-mb {
    margin-bottom: 68px !important;
  }

  .mb-100 {
    margin-bottom: 68px !important;
    margin-top: 62px !important;
  }

  .ml-50 {
    margin-left: 0px;
  }

  .section-seven {
    background-image: url(../images/block-3.png);
    background-size: cover;
    background-position: center;
    position: relative;
    z-index: 1;
    width: 100%;
    height: 89vh;
  }

  .section-two {
    background-image: url("../images/onephonemobile.png");
    margin-top: -178px;
    height: 60vh;
  }
  .gilroy-anketa {
    font-family: "Gilroy Regular";
    font-size: 14px;
    font-weight: lighter;
    color: #3d3d3d;
  }

  .annabelle-2 {
    font-family: "annabelle", cursive;
    font-size: 43px;
    font-weight: lighter;
    color: white;
  }

  .mt-two-160 {
    margin-top: 30px;
  }
  .annabelle-3 {
    font-family: "annabelle", cursive;
    font-size: 40px;
    font-weight: lighter;
    color: white;
  }
  .section-one {
    background-image: url("../images/mobileone.png");
    background-size: cover;
    background-position: center;
    position: relative;
    width: 100%;
    height: 65vh;
  }
  .gilroy-mesto {
    font-family: "Gilroy Medium";
    font-size: clamp(18px, 4vw, 42px);
    font-weight: lighter;
    color: #3d3d3d;
    margin-bottom: 0;
  }
  .serdce {
    width: 12px;
  }
  .mw-290 {
    max-width: 265px;
    margin: 0 auto;
  }
  .gilroy-dress-reg {
    font-family: "Gilroy Regular";
    font-size: clamp(14px, 3vw, 32px);
    font-weight: lighter;
    color: #3d3d3d;
    margin-bottom: 0;
  }
  .pt-10 {
    padding-top: 2.5rem;
  }
  .section-three {
    padding-top: 42px;
  }

  .mt-130 {
    margin-top: 130px;
  }
  .mb-130 {
    margin-bottom: 130px;
  }
  h2 {
    line-height: 1.5;
  }
  .countdown-container {
    top: 22%;
  }

  .annabelle {
    font-family: "annabelle", cursive;
    font-weight: 400;
    font-size: 43px;
    color: #396240;
  }

  .section-eleven {
    margin-top: -145px;
    z-index: 2;
    position: relative;
  }
}

/* Для очень больших экранов */
@media (min-width: 1024px) {
  .section-one {
    height: 78vh;
    background-image: url(../images/banner.png);
  }
  .section-two {
    background-image: url(../images/two.png);
    background-size: cover;
    background-position: center;
    position: relative;
    margin-top: -258px;
    z-index: 1;
    width: 100%;
    height: 65vh;
  }
  .mt-two-160 {
    margin-top: 84px;
  }
  .annabelle,
  .annabelletree,
  .annabelle-2 {
    font-size: 5rem;
  }
  .gilroy-mesto,
  .gilroy-prog {
    font-size: 2.5rem;
  }
  .gilroy,
  .gilroy-2,
  .gilroy-prog-reg,
  .gilroy-dress-reg,
  .gilroy-mesto-2,
  .gilroy-mesto-3,
  .gilroy-anketa {
    font-size: 1.8rem;
  }
  .countdown-square {
    width: 250px;
    height: 250px;
  }
  .countdown-value {
    font-size: 5rem;
  }
  .countdown-label {
    font-size: 2rem;
  }
  .btn-2 {
    font-size: 1.5rem;
    padding: 20px 80px;
  }

  .pt-10 {
    padding-top: 4rem !important;
  }

  .one-max {
    max-width: 950px;
  }

  .mesto-mb {
    margin-bottom: 68px !important;
  }
  .mesto-pt {
    margin-top: -30px;
  }

  .mb-100 {
    margin-bottom: 68px !important;
    margin-top: 62px !important;
  }

  .mw-290 {
    max-width: 550px;
    margin: 0 auto;
  }

  .section-seven {
    height: 108vh;
  }
  .width {
    width: 32px;
  }

  .ml-50 {
    margin-left: 0;
  }

  .mb-33 {
    margin-bottom: 33px !important;
  }
  .mb-32 {
    margin-bottom: 54px !important;
  }

  .radio-group label,
  .checkbox-group label {
    font-size: 26px;
  }

  .countdown-container {
    top: 34%;
  }

  .section-eleven {
    margin-top: -128px;
    z-index: 2;
    position: relative;
  }

  .custom-1920 {
    display: block !important;
  }
}

/* Для очень больших экранов */
@media (min-width: 1375px) {
  .section-one {
    height: 91vh;
    background-image: url(../images/banner.png);
  }
  .section-two {
    background-image: url(../images/two.png);
    background-size: cover;
    background-position: center;
    position: relative;
    margin-top: -258px;
    z-index: 1;
    width: 100%;
    height: 78vh;
  }
  .mt-two-160 {
    margin-top: 84px;
  }
  .annabelle,
  .annabelletree,
  .annabelle-2 {
    font-size: 5rem;
  }
  .gilroy-mesto,
  .gilroy-prog {
    font-size: 2.5rem;
  }
  .gilroy,
  .gilroy-2,
  .gilroy-prog-reg,
  .gilroy-dress-reg,
  .gilroy-mesto-2,
  .gilroy-mesto-3,
  .gilroy-anketa {
    font-size: 1.8rem;
  }
  .countdown-square {
    width: 250px;
    height: 250px;
  }
  .countdown-value {
    font-size: 5rem;
  }
  .countdown-label {
    font-size: 2rem;
  }
  .btn-2 {
    font-size: 1.5rem;
    padding: 20px 80px;
  }

  .pt-10 {
    padding-top: 4rem !important;
  }

  .one-max {
    max-width: 950px;
  }

  .mesto-mb {
    margin-bottom: 68px !important;
  }
  .mesto-pt {
    margin-top: -30px;
  }

  .mb-100 {
    margin-bottom: 68px !important;
    margin-top: 62px !important;
  }

  .mw-290 {
    max-width: 550px;
    margin: 0 auto;
  }

  .section-seven {
    height: 108vh;
  }
  .width {
    width: 32px;
  }

  .ml-50 {
    margin-left: 0;
  }

  .mb-33 {
    margin-bottom: 33px !important;
  }
  .mb-32 {
    margin-bottom: 54px !important;
  }

  .radio-group label,
  .checkbox-group label {
    font-size: 26px;
  }

  .countdown-container {
    top: 26%;
  }

  .section-eleven {
    margin-top: -270px;
    z-index: 2;
    position: relative;
  }

  .custom-1920 {
    display: block !important;
  }
}

/* Для очень больших экранов */
@media (min-width: 1536px) {
  .section-one {
    height: 91vh;
    background-image: url(../images/banner.png);
  }
  .section-two {
    background-image: url(../images/two.png);
    background-size: cover;
    background-position: center;
    position: relative;
    margin-top: -258px;
    z-index: 1;
    width: 100%;
    height: 78vh;
  }
  .mt-two-160 {
    margin-top: 84px;
  }
  .annabelle,
  .annabelletree,
  .annabelle-2 {
    font-size: 5rem;
  }
  .gilroy-mesto,
  .gilroy-prog {
    font-size: 2.5rem;
  }
  .gilroy,
  .gilroy-2,
  .gilroy-prog-reg,
  .gilroy-dress-reg,
  .gilroy-mesto-2,
  .gilroy-mesto-3,
  .gilroy-anketa {
    font-size: 1.8rem;
  }
  .countdown-square {
    width: 250px;
    height: 250px;
  }
  .countdown-value {
    font-size: 5rem;
  }
  .countdown-label {
    font-size: 2rem;
  }
  .btn-2 {
    font-size: 1.5rem;
    padding: 20px 80px;
  }

  .pt-10 {
    padding-top: 4rem !important;
  }

  .one-max {
    max-width: 950px;
  }

  .mesto-mb {
    margin-bottom: 68px !important;
  }
  .mesto-pt {
    margin-top: -30px;
  }

  .mb-100 {
    margin-bottom: 68px !important;
    margin-top: 62px !important;
  }

  .mw-290 {
    max-width: 550px;
    margin: 0 auto;
  }

  .section-seven {
    height: 108vh;
  }
  .width {
    width: 32px;
  }

  .ml-50 {
    margin-left: 0;
  }

  .mb-33 {
    margin-bottom: 33px !important;
  }
  .mb-32 {
    margin-bottom: 54px !important;
  }

  .radio-group label,
  .checkbox-group label {
    font-size: 26px;
  }

  .countdown-container {
    top: 26%;
  }

  .section-eleven {
    margin-top: -270px;
    z-index: 2;
    position: relative;
  }

  .custom-1920 {
    display: block !important;
  }
}
/* Для очень больших экранов */
@media (min-width: 1920px) {
  .section-one {
    height: 138vh;
    background-image: url(../images/banner.png);
  }
  .section-two {
    background-image: url(../images/two.png);
    background-size: cover;
    background-position: center;
    position: relative;
    margin-top: -258px;
    z-index: 1;
    width: 100%;
    height: 98vh;
  }
  .mt-two-160 {
    margin-top: 84px;
  }
  .annabelle,
  .annabelletree,
  .annabelle-2 {
    font-size: 5rem;
  }
  .gilroy-mesto,
  .gilroy-prog {
    font-size: 2.5rem;
  }
  .gilroy,
  .gilroy-2,
  .gilroy-prog-reg,
  .gilroy-dress-reg,
  .gilroy-mesto-2,
  .gilroy-mesto-3,
  .gilroy-anketa {
    font-size: 1.8rem;
  }
  .countdown-square {
    width: 250px;
    height: 250px;
  }
  .countdown-value {
    font-size: 5rem;
  }
  .countdown-label {
    font-size: 2rem;
  }
  .btn-2 {
    font-size: 1.5rem;
    padding: 20px 80px;
  }

  .pt-10 {
    padding-top: 4rem !important;
  }

  .one-max {
    max-width: 950px;
  }

  .mesto-mb {
    margin-bottom: 68px !important;
  }
  .mesto-pt {
    margin-top: -30px;
  }

  .mb-100 {
    margin-bottom: 68px !important;
    margin-top: 62px !important;
  }

  .mw-290 {
    max-width: 550px;
    margin: 0 auto;
  }

  .section-seven {
    height: 141vh;
  }
  .width {
    width: 32px;
  }

  .ml-50 {
    margin-left: 0;
  }

  .mb-33 {
    margin-bottom: 33px !important;
  }
  .mb-32 {
    margin-bottom: 54px !important;
  }

  .radio-group label,
  .checkbox-group label {
    font-size: 26px;
  }

  .countdown-container {
    top: 22%;
  }

  .custom-1920 {
    display: block !important;
  }
}
/* Для гигантских экранов */
@media (min-width: 2560px) {
  .section-two {
    background-image: url(../images/two.png);
    background-size: cover;
    background-position: center;
    position: relative;
    margin-top: -258px;
    z-index: 1;
    width: 100%;
    height: 110vh;
  }
  .section-seven {
    height: 151vh;
  }
  .countdown-container {
    top: 22%;
  }
  .width {
    width: 32px;
  }
  .radio-group label,
  .checkbox-group label {
    font-size: 26px;
  }
  .mesto-mb {
    margin-bottom: 100px !important;
  }
  .mesto-pt {
    margin-top: -30px;
  }
  .serdce {
    padding-top: 119px;
    padding-bottom: 68px;
    width: unset;
  }
  .annabelle,
  .annabelletree,
  .annabelle-2 {
    font-size: 6.2rem;
  }
  .gilroy-mesto,
  .gilroy-prog {
    font-size: 3rem;
  }
  .gilroy,
  .gilroy-2,
  .gilroy-prog-reg,
  .gilroy-dress-reg,
  .gilroy-mesto-2,
  .gilroy-mesto-3,
  .gilroy-anketa {
    font-size: 2.2rem;
  }
  .countdown-square {
    width: 360px;
    height: 360px;
  }
  .countdown-value {
    font-size: 6rem;
  }
  .countdown-label {
    font-size: 2.4rem;
  }
  .btn-2 {
    font-size: 1.8rem;
    padding: 24px 100px;
  }
  .pt-10 {
    padding-top: 3rem !important;
  }
  .mb-96 {
    margin-bottom: 120px !important;
  }
  .section-one {
    height: 118vh;
    background-image: url(../images/banner.png);
  }
  .mt-two-160 {
    margin-top: 270px;
  }
  .one-max {
    max-width: 1200px;
  }
  .mb-62 {
    margin-bottom: 62px !important;
    margin-top: 62px !important;
  }
  .mb-100 {
    margin-bottom: 100px !important;
    margin-top: 62px !important;
  }
  .mb-33 {
    margin-bottom: 33px !important;
  }
  .mb-32 {
    margin-bottom: 64px !important;
  }
  .mw-290 {
    max-width: 600px;
    margin: 0 auto;
  }

  .custom-2500 {
    display: block !important;
  }

  .custom-1920 {
    display: none !important;
  }
}