@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 {
  background-color: #fefaf5;
  line-height: 1.5;
}

h2 {
    line-height: 1.5;
}

input { 
    border-radius: 0;
}

input:focus-visible {
    outline:none;
}


.bg-image-block {
  background-image: url('../images/top-banner_dekstop.png');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding-top: 100%;
}

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

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

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

.gilroy {
  font-family: "Gilroy Regular";
  font-size: 32px;
  font-weight: lighter;
  color: white;
}

.gilroy-mesto {
  font-family: "Gilroy Medium";
  font-size: 42px;
  font-weight: lighter;
  color: #3d3d3d;
}

.gilroy-mesto-2 {
  font-family: "Gilroy Regular";
  font-size: 32px;
  font-weight: lighter;
  color: #3d3d3d;
}

.gilroy-mesto-3 {
  font-family: "Gilroy Regular";
  font-size: 32px;
  font-weight: lighter;
  color: #3d3d3d;
}

.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-prog {
  font-family: "Gilroy Medium";
  font-size: 42px;
  font-weight: lighter;
  color: #3d3d3d;
}

.gilroy-prog-reg {
  font-family: "Gilroy Regular";
  font-size: 32px;
  font-weight: lighter;
  color: #3d3d3d;
}

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

.gilroy-dress-reg {
  font-family: "Gilroy Regular";
  font-size: 32px;
  font-weight: lighter;
  color: #3d3d3d;
}

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

.gilroy-anketa {
  font-family: "Gilroy Regular";
  font-size: 26px;
  font-weight: lighter;
  color: #3d3d3d;
}

.apostraf {
  font-family: "Calligraffitti", cursive;
}

.mt-25 {
  margin-top: 10.563rem;
}

.mt-1185 {
  margin-top: 74.063rem;
}

.mt-52 {
  margin-top:3.25rem;
}

.mtb-68 {
  margin-top:4.25rem;
  margin-bottom:4.25rem;
}

.mt-68 {
  margin-top:4.25rem;
}

.serdce-1 {
  width: 36px;
  height: 33px;
}

p {
  margin: 0;
}

.mt-20 {
  margin-top:1.252rem;
}

.mt-37 {
  margin-top: 2.319rem;
}

.mt-61 {
  margin-top: 3.794rem;
}

.mt-62 {
  margin-top: 3.875rem;
}

.mt-96 {
  margin-top: 6rem;
}

.mt-24 {
  margin-top: 1.5rem;
}

.mw-490 {
 max-width: 490px;
}

.mw-480 {
 max-width: 480px;
}

.mw-325 {
 max-width: 325px;
}

.mw-410 {
 max-width: 410px;
}

.mt-167 {
  margin-top: 10.438rem;
}

.mt-69 {
  margin-top: 4.313rem;
}

.mt-102 {
  margin-top: 6.375rem;
}

.mw-741 {
 max-width: 741px;
}

.mtb-87 {
  margin-top:5.438rem;
  margin-bottom:5.438rem;
}

.bg-image-block-poj {
  background-image: url('../images/banner_pojel_dekstop.png');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding-top: 75%;
}

.mt-49 {
  margin-top: 3.063rem;
}

.mt-116 {
  margin-top: 7.25rem;
}

.mw-690 {
 max-width: 690px;
}

.mw-801 {
 max-width: 801px;
}

.mt-44 {
  margin-top: 2.75rem;
}

.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: 24px;
  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;
}

label {
  display: block;
  margin-top: clamp(10px, 2vw, 20px);
  margin-bottom: 5px;
}
input[type="text"] {
  width: 100%;
  padding: 8px;
  font-size: 24px;
  border: 1px solid #3d3d3d;
  box-sizing: border-box;
  max-width: clamp(300px, 60vw, 626px);
  background: transparent;
  color: #3d3d3d;
}

.btn-2 {
  background-color: #396240;
  color: #f0f0d8;
  font-family: "Gilroy Regular";
  font-size: 26px;
  font-weight: lighter;
  padding: clamp(9px, 2vw, 15px) clamp(30px, 5vw, 60px);
  border: none;
  cursor: pointer;
  transition: background-color 0.3s ease;
  margin-top: 3.938rem;
}
.btn-2:hover {
  background-color: #436b45;
}

.btn-3 {
  background-color: transparent;
  border: 0.5px solid #396240;
  color: #396240;
  font-family: "Gilroy Regular";
  font-size: 26px;
  font-weight: lighter;
  padding: clamp(9px, 2vw, 15px) clamp(30px, 5vw, 60px);
  cursor: pointer;
  transition: all 0.3s ease;
  margin-top: 3.938rem;
}
.btn-3:hover {
  background-color: rgba(57, 98, 64, 0.1); /* лёгкое затемнение при наведении */
}


.anketa {
  font-family: "Gilroy-SemiBold";
  font-weight: 400;
  font-size: 32px;
  color: #396240;
  margin-top: 1.25rem;
}

.mt-71 {
  margin-top: 4.438rem;
}

.mt-33 {
  margin-top: 2.063rem;
}

.mt-153 {
  margin-top: 9.563rem;
}

.bg-image-block-last {
  background-image: url('../images/banner-last.png');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding-top: 66%;
}

.countdown-overlay-container {
  position: relative;
  display: block;
  width: 100%;
}
.countdown-container {
  position: absolute;
  top: 13%;
  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;
}

.mt-1048 {
  margin-top: 65.54rem;
}


@media (max-width: 3000px) {
  

.mt-25 {
  margin-top: 14.64rem;  /* Было 9.92225rem → 9.92225 × 1.7777 ≈ 17.64 */
}

.mt-1185 {
  margin-top: 88.38rem;  /* Было 57.54725 → ×1.7777 ≈ 102.38 */
}

.mt-52 {
  margin-top: 4.34rem;  /* Было 2.4375 → ×1.7777 ≈ 4.34 */
}

.mtb-68 {
  margin-top: 5.66rem;  /* Было 3.1875 → ×1.7777 ≈ 5.66 */
  margin-bottom: 5.66rem;
}

.mt-68 {
  margin-top: 5.66rem;  /* Было 3.1875 → ×1.7777 ≈ 5.66 */
}

.mt-20 {
  margin-top: 1.67rem;  /* Было 0.939 → ×1.7777 ≈ 1.67 */
}

.mt-37 {
  margin-top: 3.09rem;  /* Было 1.73925 → ×1.7777 ≈ 3.09 */
}

.mt-61 {
  margin-top: 5.06rem;  /* Было 2.8455 → ×1.7777 ≈ 5.06 */
}

.mt-62 {
  margin-top: 5.17rem;  /* Было 2.90625 → ×1.7777 ≈ 5.17 */
}

.mt-96 {
  margin-top: 8.0rem;  /* Было 4.5 → ×1.7777 ≈ 8.0 */
}

.mt-24 {
  margin-top: 2.0rem;  /* Было 1.125 → ×1.7777 ≈ 2.0 */
}

.mt-167 {
  margin-top: 13.92rem;  /* Было 7.8285 → ×1.7777 ≈ 13.92 */
}

.mt-69 {
  margin-top: 5.75rem;  /* Было 3.23475 → ×1.7777 ≈ 5.75 */
}

.mt-102 {
  margin-top: 8.5rem;  /* Было 4.78125 → ×1.7777 ≈ 8.5 */
}

.mtb-87 {
  margin-top: 7.25rem;  /* Было 4.0785 → ×1.7777 ≈ 7.25 */
  margin-bottom: 7.25rem;
}

.mt-49 {
  margin-top: 4.08rem;  /* Было 2.29725 → ×1.7777 ≈ 4.08 */
}

.mt-116 {
  margin-top: 9.67rem;  /* Было 5.4375 → ×1.7777 ≈ 9.67 */
}

.mt-44 {
  margin-top: 3.67rem;  /* Было 2.0625 → ×1.7777 ≈ 3.67 */
}

.btn-2 {
  margin-top: 5.25rem;  /* Было 2.9535 → ×1.7777 ≈ 5.25 */
}

.btn-3 {
  margin-top: 5.25rem;  /* Было 2.9535 → ×1.7777 ≈ 5.25 */
}


.anketa {
  margin-top: 1.67rem;  /* Было 0.9375 → ×1.7777 ≈ 1.67 */
}

.mt-71 {
  margin-top: 5.92rem;  /* Было 3.3285 → ×1.7777 ≈ 5.92 */
}

.mt-33 {
  margin-top: 2.75rem;  /* Было 1.54725 → ×1.7777 ≈ 2.75 */
}

.mt-153 {
  margin-top: 12.75rem;  /* Было 7.17225 → ×1.7777 ≈ 12.75 */
}

.mt-1048 {
  margin-top: 87.42rem;  /* Было 49.155 → ×1.7777 ≈ 87.42 */
}

}

@media (max-width: 1920px) {

.bg-image-block {
  background-image: url('../images/top-banner_dekstop.png');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding-top: 100%;
}

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

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

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

.gilroy {
  font-family: "Gilroy Regular";
  font-size: 32px;
  font-weight: lighter;
  color: white;
}

.gilroy-mesto {
  font-family: "Gilroy Medium";
  font-size: 42px;
  font-weight: lighter;
  color: #3d3d3d;
}

.gilroy-mesto-2 {
  font-family: "Gilroy Regular";
  font-size: 32px;
  font-weight: lighter;
  color: #3d3d3d;
}

.gilroy-mesto-3 {
  font-family: "Gilroy Regular";
  font-size: 32px;
  font-weight: lighter;
  color: #3d3d3d;
}

.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-prog {
  font-family: "Gilroy Medium";
  font-size: 42px;
  font-weight: lighter;
  color: #3d3d3d;
}

.gilroy-prog-reg {
  font-family: "Gilroy Regular";
  font-size: 32px;
  font-weight: lighter;
  color: #3d3d3d;
}

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

.gilroy-dress-reg {
  font-family: "Gilroy Regular";
  font-size: 32px;
  font-weight: lighter;
  color: #3d3d3d;
}

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

.gilroy-anketa {
  font-family: "Gilroy Regular";
  font-size: 26px;
  font-weight: lighter;
  color: #3d3d3d;
}

.apostraf {
  font-family: "Calligraffitti", cursive;
}

.mt-25 {
  margin-top: 10.563rem;
}

.mt-1185 {
  margin-top: 74.063rem;
}

.mt-52 {
  margin-top:3.25rem;
}

.mtb-68 {
  margin-top:4.25rem;
  margin-bottom:4.25rem;
}

.mt-68 {
  margin-top:4.25rem;
}

.serdce-1 {
  width: 36px;
  height: 33px;
}

p {
  margin: 0;
}

.mt-20 {
  margin-top:1.252rem;
}

.mt-37 {
  margin-top: 2.319rem;
}

.mt-61 {
  margin-top: 3.794rem;
}

.mt-62 {
  margin-top: 3.875rem;
}

.mt-96 {
  margin-top: 6rem;
}

.mt-24 {
  margin-top: 1.5rem;
}

.mw-490 {
 max-width: 490px;
}

.mw-480 {
 max-width: 480px;
}

.mw-325 {
 max-width: 325px;
}

.mw-410 {
 max-width: 410px;
}

.mt-167 {
  margin-top: 10.438rem;
}

.mt-69 {
  margin-top: 4.313rem;
}

.mt-102 {
  margin-top: 6.375rem;
}

.mw-741 {
 max-width: 741px;
}

.mtb-87 {
  margin-top:5.438rem;
  margin-bottom:5.438rem;
}

    .bg-image-block-poj {
        background-image: url(../images/banner_pojel_dekstop.png);
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        padding-top: 84%;
    }

.mt-49 {
  margin-top: 3.063rem;
}

.mt-116 {
  margin-top: 7.25rem;
}

.mw-690 {
 max-width: 690px;
}

.mw-801 {
 max-width: 801px;
}

.mt-44 {
  margin-top: 2.75rem;
}

.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: 24px;
  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;
}

label {
  display: block;
  margin-top: clamp(10px, 2vw, 20px);
  margin-bottom: 5px;
}
input[type="text"] {
  width: 100%;
  padding: 8px;
  font-size: 24px;
  border: 1px solid #396240;
  box-sizing: border-box;
  max-width: clamp(300px, 60vw, 626px);
  background: transparent;
  color: #3d3d3d;
}

.btn-2 {
  background-color: #396240;
  color: #f0f0d8;
  font-family: "Gilroy Regular";
  font-size: 26px;
  font-weight: lighter;
  padding: clamp(9px, 2vw, 15px) clamp(30px, 5vw, 60px);
  border: none;
  cursor: pointer;
  transition: background-color 0.3s ease;
  margin-top: 3.938rem;
}
.btn-2:hover {
  background-color: #436b45;
}

.anketa {
  font-family: "Gilroy-SemiBold";
  font-weight: 400;
  font-size: 32px;
  color: #396240;
  margin-top: 1.25rem;
}

.mt-71 {
  margin-top: 4.438rem;
}

.mt-33 {
  margin-top: 2.063rem;
}

.mt-153 {
  margin-top: 9.563rem;
}

.bg-image-block-last {
  background-image: url('../images/banner-last.png');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding-top: 66%;
}

.countdown-overlay-container {
  position: relative;
  display: block;
  width: 100%;
}
.countdown-container {
  position: absolute;
  top: 13%;
  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;
}

.mt-1048 {
  margin-top: 65.54rem;
}

}

@media (max-width: 1768px) {

  .mt-25 {
    margin-top: 10.5rem;  /* 9.92225 × 0.9208 */
  }

  .mt-1185 {
    margin-top: 67.0rem;  /* 57.54725 × 0.9208 */
  }

  .mt-52 {
    margin-top: 2.24rem;  /* 2.4375 × 0.9208 */
  }

  .mtb-68 {
    margin-top: 2.94rem;  /* 3.1875 × 0.9208 */
    margin-bottom: 2.94rem;
  }

  .mt-68 {
    margin-top: 2.94rem;
  }

  .mt-20 {
    margin-top: 0.864rem;  /* 0.939 × 0.9208 */
  }

  .mt-37 {
    margin-top: 1.60rem;  /* 1.73925 × 0.9208 */
  }

  .mt-61 {
    margin-top: 2.62rem;  /* 2.8455 × 0.9208 */
  }

  .mt-62 {
    margin-top: 2.68rem;  /* 2.90625 × 0.9208 */
  }
  
  .btn-3 {
        margin-top: 2.72rem;
    }

  .mt-96 {
    margin-top: 4.14rem;  /* 4.5 × 0.9208 */
  }

  .mt-24 {
    margin-top: 1.04rem;  /* 1.125 × 0.9208 */
  }

  .mt-167 {
    margin-top: 7.21rem;  /* 7.8285 × 0.9208 */
  }

  .mt-69 {
    margin-top: 3.0rem;  /* 3.23475 × 0.9208 */
  }

  .mt-102 {
    margin-top: 4.40rem;  /* 4.78125 × 0.9208 */
  }

  .mtb-87 {
    margin-top: 3.76rem;  /* 4.0785 × 0.9208 */
    margin-bottom: 3.76rem;
  }

  .mt-49 {
    margin-top: 2.12rem;  /* 2.29725 × 0.9208 */
  }

  .mt-116 {
    margin-top: 5.01rem;  /* 5.4375 × 0.9208 */
  }

  .mt-44 {
    margin-top: 1.90rem;  /* 2.0625 × 0.9208 */
  }

  .btn-2, btn-3 {
    margin-top: 2.72rem;  /* 2.9535 × 0.9208 */
  }
  

  .anketa {
    margin-top: 0.635rem;  /* 0.9375 × 0.9208 */
  }

  .mt-71 {
    margin-top: 3.06rem;  /* 3.3285 × 0.9208 */
  }

  .mt-33 {
    margin-top: 1.42rem;  /* 1.54725 × 0.9208 */
  }

  .mt-153 {
    margin-top: 6.60rem;  /* 7.17225 × 0.9208 */
  }

  .mt-1048 {
    margin-top: 59.26rem;  /* 49.155 × 0.9208 */
  }
}

@media (max-width: 1680px) {

      .mt-25 {
        margin-top: 9.5rem;
    }

        .mt-1185 {
        margin-top: 64rem;
    }

}

@media (max-width: 1600px) {

.annabelle {
  font-size: 64.5px; /* было 86px */
}

.annabelle-2 {
  font-size: 64.5px; /* было 86px */
}

.annabelle-3 {
  font-size: 54px; /* было 72px */
}

.gilroy {
  font-size: 24px; /* было 32px */
}

.anketa {
  font-size: 24px;
}

.gilroy-mesto {
  font-size: 31.5px; /* было 42px */
}

.gilroy-mesto-2 {
  font-size: 24px; /* было 32px */
}

.gilroy-mesto-3 {
  font-size: 24px; /* было 32px */
}

.gilroy-prog {
  font-size: 31.5px; /* было 42px */
}

.gilroy-prog-reg {
  font-size: 24px; /* было 32px */
}

.annabelletree {
  font-size: 64.5px; /* было 86px */
}

.gilroy-dress-reg {
  font-size: 24px; /* было 32px */
}

.annabelledva {
  font-size: 49.5px; /* было 66px */
}

.gilroy-anketa {
  font-size: 19.5px; /* было 26px */
}

.btn-2 {

  font-size: 19.5px; /* было 26px */

}

.btn-3 {

  font-size: 19.5px; /* было 26px */

}

.radio-group label,
.checkbox-group label {

  font-size: 19.5px;

}

input[type="text"] {

  font-size: 19.5px;
}

    
  .mt-25 {
    margin-top: 7.52225rem;
  }

  .mt-1185 {
    margin-top: 57.54rem;
  }

  .mt-52 {
    margin-top: 2.4375rem;
  }

  .mtb-68 {
    margin-top: 3.1875rem;
    margin-bottom: 3.1875rem;
  }

  .mt-68 {
    margin-top: 3.1875rem;
  }

  .mt-20 {
    margin-top: 0.939rem;
  }

  .mt-37 {
    margin-top: 1.73925rem;
  }

  .mt-61 {
    margin-top: 2.8455rem;
  }

  .mt-62 {
    margin-top: 2.90625rem;
  }

  .mt-96 {
    margin-top: 4.5rem;
  }

  .mt-24 {
    margin-top: 1.125rem;
  }

  .mt-167 {
    margin-top: 7.8285rem;
  }

  .mt-69 {
    margin-top: 3.23475rem;
  }

  .mt-102 {
    margin-top: 4.78125rem;
  }

  .mtb-87 {
    margin-top: 4.0785rem;
    margin-bottom: 4.0785rem;
  }

  .mt-49 {
    margin-top: 2.29725rem;
  }

  .mt-116 {
    margin-top: 5.4375rem;
  }

  .mt-44 {
    margin-top: 2.0625rem;
  }

  .btn-2, btn-3 {
    margin-top: 2.9535rem;
  }

  .anketa {
    margin-top: 0.9375rem;
  }

  .mt-71 {
    margin-top: 3.3285rem;
  }

  .mt-33 {
    margin-top: 1.54725rem;
  }

  .mt-153 {
    margin-top: 7.17225rem;
  }

  .mt-1048 {
    margin-top: 49.155rem;
  }
  
 .mw-490 {
 max-width: 460px;
}

 .mw-325 {
 max-width: 300px;
}

 .mw-741 {
 max-width: 565px;
}

 .mw-690 {
 max-width: 540px;
}

 .mw-801 {
 max-width: 600px;
}

 .mw-410 {
 max-width: 322px;
}

}

@media (max-width: 1440px) {

.annabelle {
  font-size: 64.5px; /* было 86px */
}

.annabelle-2 {
  font-size: 64.5px; /* было 86px */
}

.annabelle-3 {
  font-size: 54px; /* было 72px */
}

.gilroy {
  font-size: 24px; /* было 32px */
}

.anketa {
  font-size: 24px;
}

.gilroy-mesto {
  font-size: 31.5px; /* было 42px */
}

.gilroy-mesto-2 {
  font-size: 24px; /* было 32px */
}

.gilroy-mesto-3 {
  font-size: 24px; /* было 32px */
}

.gilroy-prog {
  font-size: 31.5px; /* было 42px */
}

.gilroy-prog-reg {
  font-size: 24px; /* было 32px */
}

.annabelletree {
  font-size: 64.5px; /* было 86px */
}

.gilroy-dress-reg {
  font-size: 24px; /* было 32px */
}

.annabelledva {
  font-size: 49.5px; /* было 66px */
}

.gilroy-anketa {
  font-size: 19.5px; /* было 26px */
}

.btn-2, btn-3 {

  font-size: 19.5px; /* было 26px */

}

.radio-group label,
.checkbox-group label {

  font-size: 16.5px;

}

input[type="text"] {

  font-size: 19.5px;
}

  .mt-1185 {
      margin-top: 51rem;
  }

  .mw-490 {
      max-width: 453px;
  }

  .mw-325 {
      max-width: 298px;
  }

  .mw-410 {
      max-width: 321px;
  }

  .mw-741 {
      max-width: 466px;
  }

      .mw-801 {
        max-width: 599px;
    }

        .mt-1048 {
        margin-top: 48.26rem;
    }
}

@media (max-width: 1366px) {
      .mt-25 {
        margin-top: 7.5rem;
    }

        .mt-1185 {
        margin-top: 51rem;
    }

        .mw-741 {
        max-width: 565px;
    }
}

@media (max-width: 1280px) {

.annabelle {
  font-size: 60.5px; /* было 86px */
}

.annabelle-2 {
  font-size: 60.5px; /* было 86px */
}

.annabelle-3 {
  font-size: 50px; /* было 72px */
}

.gilroy {
  font-size: 20px; /* было 32px */
}

.anketa {
  font-size: 20px;
}

.gilroy-mesto {
  font-size: 27.5px; /* было 42px */
}

.gilroy-mesto-2 {
  font-size: 20px; /* было 32px */
}

.gilroy-mesto-3 {
  font-size: 20px; /* было 32px */
}

.gilroy-prog {
  font-size: 27.5px; /* было 42px */
}

.gilroy-prog-reg {
  font-size: 20px; /* было 32px */
}

.annabelletree {
  font-size: 60.5px; /* было 86px */
}

.gilroy-dress-reg {
  font-size: 20px; /* было 32px */
}

.annabelledva {
  font-size: 45.5px; /* было 66px */
}

.gilroy-anketa {
  font-size: 15.5px; /* было 26px */
}

.btn-2, btn-3 {

  font-size: 15.5px; /* было 26px */

}

.radio-group label,
.checkbox-group label {

  font-size: 12.5px;

}

input[type="text"] {

  font-size: 15.5px;
}

    .mt-25 {
        margin-top: 6.5rem;
    }

    .mt-1185 {
        margin-top: 48.5rem;
    }

.mw-490 {
        max-width: 370px;
    }

    .mw-325 {
        max-width: 227px;
    }

    .mw-410 {
        max-width: 269px;
    }

  .mw-741 {
      max-width: 466px;
  }

    .mw-801 {
        max-width: 505px;
    }

        .mt-1048 {
        margin-top: 48.26rem;
    }

        .mw-480 {
        max-width: 382px;
    }

        .mw-690 {
        max-width: 525px;
    }
}

@media (max-width: 1024px) {

.annabelle {
  font-size: 48.5px; /* было 86px */
}

.annabelle-2 {
  font-size: 48.5px; /* было 86px */
}

.annabelle-3 {
  font-size: 38px; /* было 72px */
}

.gilroy {
  font-size: 16px; /* было 32px */
}

.anketa {
  font-size: 16px;
}

    .mt-71 {
        margin-top: 2.06rem;
    }

.gilroy-mesto {
  font-size: 22.5px; /* было 42px */
}

.gilroy-mesto-2 {
  font-size: 16px; /* было 32px */
}

.gilroy-mesto-3 {
  font-size: 16px; /* было 32px */
}

.gilroy-prog {
  font-size: 22.5px; /* было 42px */
}

.gilroy-prog-reg {
  font-size: 16px; /* было 32px */
}

.annabelletree {
  font-size: 48.5px; /* было 86px */
}

.gilroy-dress-reg {
  font-size: 16px; /* было 32px */
}

.annabelledva {
  font-size: 33.5px; /* было 66px */
}

.gilroy-anketa {
  font-size: 16px; /* было 26px */
}

.btn-2 {

  font-size: 16px; /* было 26px */

}

    .btn-3 {
        font-size: 16px;
    }

.radio-group label,
.checkbox-group label {

  font-size: 16px;

}

input[type="text"] {

  font-size: 13.5px;
}

    .serdce-1 {
        width: 18px;
        height: 15px;
    }

        .mt-1185 {
        margin-top: 38.5rem;
    }

    .mt-25 {
        margin-top: 6rem;
    }

        .mt-1048 {
        margin-top: 37.26rem;
    }

        .countdown-container {
        position: absolute;
        top: 18%;
        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: 150px;
        height: 150px;
        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);
    }

        .mt-116 {
        margin-top: 3.01rem;
    }


    .width-mobile {
      width: 37%;
    }

        .mw-480 {
        max-width: 335px;
    }

        .mw-490 {
        max-width: 307px;
    }

        .mw-325 {
        max-width: 196px;
    }

        .mw-410 {
        max-width: 226px;
    }

        .mw-741 {
        max-width: 305px;
    }

}

@media (max-width: 860px) {
    
    .serdce {
        width: 18px;
    }
  
    .mt-1185 {
        margin-top: 29.5rem;
    }

        .mt-25 {
        margin-top: 3rem;
    }

    .annabelle-2 {
        font-size: 36.5px;
    }

        .gilroy {
        font-size: 16px;
    }

    .annabelle-3 {
        font-size: 34px;
    }

        .mtb-68 {
        margin-top: 1.94rem;
        margin-bottom: 1.94rem;
    }

        .mt-25 {
        margin-top: 4rem;
    }


        .mw-741 {
        max-width: 381px;
    }

     .mw-690 {
        max-width: 350px;
    }

        .mt-1048 {
        margin-top: 29.26rem;
    }
}

@media (max-width: 768px) {
    
    .mt-116 {
        margin-top: 2.01rem;
    }
  
    .annabelle {
        font-size: 40px;
    }

    .annabelle-2 {
        font-size: 32px;
    }

    .annabelle-3 {
        font-size: 30px;
    }

    .mt-1185 {
        margin-top: 28.5rem;
    }
    
        .mt-33 {
        margin-top: 0.625rem;
    }
    
        .mt-62 {
        margin-top: 1.25rem;
    }

}

@media (max-width: 540px) {
    
    .width-mobile-text {
        width: 340px;
    }
    
    .mt-62-mobile {
        margin-top: 2.5rem;
    }
    
    .gilroy-mobile {
        font-size: 14px;
    }

  .bg-image-block {
  background-image: url('../images/banner_one_mobile.png');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding-top: 199%;
}

    .mt-mobile-20 {
      margin-top: 0.6rem;
    }

    .mt-1185 {
        margin-top: 37.5rem;
    }
  

    .bg-image-block-poj {
        background-image: url(../images/pogelania.png);
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        padding-top: 177%;
    }

        .mt-20 {
        margin-top: 1.864rem;
    }
    

        .annabelle-2 {
        font-size: 40px;
    }

    .mt-25-mobile {
      margin-top: 9rem;
    }

.bg-image-block-last {
  background-image: url('../images/banner-5-mobile.png');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding-top: 126%;
}

    .mt-1048 {
        margin-top: 36.26rem;
    }


}

@media (max-width: 475px) {

      .mt-mobile-20 {
      margin-top: 0.6rem;
    }

        .width-mobile {
        width: 65%;
    }

            .annabelletree {
        font-size: 30px;
    }

    .mt-1185 {
        margin-top: 32.5rem;
    }

    .mt-25-mobile {
        margin-top: 6rem;
    }

        .gilroy-prog {
        font-size: 18px;
    }

        .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);
    }

        .countdown-container {
        position: absolute;
        top: 15%;
        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;
    }

        .mt-1048 {
        margin-top: 34.26rem;
    }

        .mw-801 {
        max-width: 350px;
    }
}

@media (max-width: 450px) {

    .mt-1185 {
        margin-top: 31.5rem;
    }
    .mt-25-mobile {
        margin-top: 8rem;
    }

    .mt-1048 {
        margin-top: 30.26rem;
    }

    .mw-801 {
        max-width: 375px;
    }

        .annabelle {
        font-size: 30px;
    }

        .annabelle-2 {
        font-size: 30px;
    }
    
                .gilroy-mobile {
         width: 314px;
    margin-right: auto;
    margin-left: auto;
        font-size: 16px;
    }

 

    .mt-mobile-20 {
      margin-top: 0.6rem;
    }

        .annabelletree {
        font-size: 30px;
    }

            .gilroy-prog {
        font-size: 18px;
    }

        .mw-410 {
        max-width: 181px;
    }

        .width-mobile {
        width: 65%;
    }
}

@media (max-width: 414px) {

    .mt-25-mobile {
        margin-top: 8rem !important;
    }

    .mt-25 {
        margin-top: 3rem;
    }

        .gilroy {
        font-size: 13px;
    }
    

    .annabelle-2 {
        font-size: 28px;
    }

    .annabelle-3 {
        font-size: 28px;
    }

    .gilroy {
        font-size: 16px;
    }

    .mt-1185 {
        margin-top: 30.5rem;
    }

        .mw-801 {
        max-width: 302px;
    }

        .mt-116 {
        margin-top: 2.01rem;
    }


    .serdce {
      width: 18px;
    }

        .width-mobile {
        width: 65%;
    }
    
                .gilroy-mobile {
         width: 314px;
    margin-right: auto;
    margin-left: auto;
        
    }
    
}

@media (max-width: 401px) {

    .mt-25-mobile {
        margin-top: 6rem !important;
    }
    
    .width-mobile-text {
        width: 250px;
    }

    .mt-25 {
        margin-top: 3rem;
    }

    .annabelle-2 {
        font-size: 28px;
    }

    .annabelle-3 {
        font-size: 28px;
    }

        .gilroy {
        font-size: 16px;
        
    }
    
            .gilroy-mobile {
         width: 314px;
    margin-right: auto;
    margin-left: auto;
        
    }
    
    


    .mt-1185 {
        margin-top: 28rem;
    }

        .mw-801 {
        max-width: 302px;
    }

        .mt-116 {
        margin-top: 2.01rem;
    }


    .serdce {
      width: 18px;
    }

        .width-mobile {
        width: 65%;
    }
}

@media (max-width: 375px) {

      .mt-1185 {
        margin-top: 26rem;
    }

}


@media (max-width: 360px) {

      .mt-1185 {
        margin-top: 25rem;
    }
    
        .annabelle-3 {
        font-size: 24px;
    }
    
        .mtb-68 {
        margin-top: 1.54rem;
        margin-bottom: 1.54rem;
    }

}

@media (max-width: 330px) {

.annabelle {
  font-size: 24px; /* было 86px */
}

.annabelle-2 {
  font-size: 24px; /* было 86px */
}

.annabelle-3 {
  font-size: 22px; /* было 72px */
}

.gilroy {
  font-size: 16px; /* было 32px */
}

.anketa {
  font-size: 16px;
}

.gilroy-mesto {
  font-size: 16px; /* было 42px */
}

.gilroy-mesto-2 {
  font-size: 16px; /* было 32px */
}

.gilroy-mesto-3 {
  font-size: 16px; /* было 32px */
}

.gilroy-prog {
  font-size: 16px; /* было 42px */
}

.gilroy-prog-reg {
  font-size: 16px; /* было 32px */
}

.annabelletree {
  font-size: 16px; /* было 86px */
}

.gilroy-dress-reg {
  font-size: 16px; /* было 32px */
}

.annabelledva {
  font-size: 24px; /* было 66px */
}

.gilroy-anketa {
  font-size: 16px; /* было 26px */
}

.btn-2, btn-3 {

  font-size: 16px; /* было 26px */

}

.radio-group label,
.checkbox-group label {

  font-size: 16px;

}

input[type="text"] {

  font-size: 16px;
}

    .bg-image-block-poj {
        background-image: url(../images/pogelania.png);
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        padding-top: 233%;
    }
    
        .bg-image-block {
        background-image: url(../images/banner_one_mobile.png);
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        padding-top: 222%;
    }
    
        .mt-1048 {
        margin-top: 23.26rem;
    }
    
        .countdown-value {
        font-family: "Gilroy Regular";
        font-size: 20px;
        font-weight: lighter;
        color: #3d3d3d;
    }
    
        .countdown-square {
        width: 70px;
        height: 70px;
        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-label {
        font-family: "Gilroy Regular";
        font-size: 24px;
        font-weight: lighter;
        color: #3d3d3d;
    }

}