.i-phone-13-mini-185,
.i-phone-13-mini-185 * {
  box-sizing: border-box;
}

@font-face {
  font-family: "Kindentosca-Regular";
  src: url("Kindentosca.woff2") format("woff2"),
       url("Kindentosca.woff") format("woff"),
       url("Kindentosca.ttf") format("truetype");
}

@font-face {
  font-family: "ProximaNova-Light";
  src: url("ofont.ru_Proxima Nova.woff2") format("woff2"),
       url("ofont.ru_Proxima Nova.woff") format("woff"),
       url("ofont.ru_Proxima Nova.ttf") format("truetype"),
       url("ofont.ru_Proxima Nova.svg") format("svg");
}

.moved-up {
  /* Анимация подъёма верхнего элемента */
  transform: translateY(-100vh);
  transition: transform 1.5s ease;
}

.moved-down {
  /* Анимация опускания нижнего элемента */
  transform: translateY(100vh);
  transition: transform 1.5s ease;
}

.fade-out {
  /* Плавное исчезновение контейнера */
  opacity: 0;
  transition: opacity 1.7s ease;
}

.zoom {
  scale: 5.5;
  transition: scale 1.7s ease;
}

.i-phone-13-mini-185 {
  background: #ffffff;
  display: flex;
  flex-direction: column;
  gap: 0vw;
  align-items: center;
  justify-content: flex-start;
  position: relative;
  overflow: hidden;
  padding-bottom: 5vw;
}
.img-3927-1 {
  flex-shrink: 0;
  width: 100vw;
  height: 150.133vw;
  position: relative;
  object-fit: cover;
  aspect-ratio: 375/563;
}
.лист {
  flex-shrink: 0;
  width: 125.65vw;
  position: relative;
  object-fit: cover;
  z-index: 5;
  margin-top: 3.5vw;
  filter: brightness(5);
}
.text-01 {
  color: #901416;
  text-align: center;
  font-family: "Kindentosca-Regular", sans-serif;
  font-size: 10.667vw;
  line-height: 5.867vw;
  font-weight: 400;
  position: relative;
  margin-top: 10vw;
  
}
.text-02 {
  color: #000000;
  text-align: center;
  font-family: "ProximaNova-Light", sans-serif;
  font-size: 5.333vw;
  line-height: 5.867vw;
  font-weight: 300;
  position: relative;
  margin-top: 5vw;
  
}
.text-03 {
  color: #000000;
  text-align: left;
  font-family: "ProximaNova-Light", sans-serif;
  font-size: 4.267vw;
  line-height: 5.867vw;
  font-weight: 300;
  position: relative;
  margin-top: 7vw;
  
}
.text-04 {
  color: #901416;
  text-align: center;
  font-family: "Kindentosca-Regular", sans-serif;
  font-size: 8.533vw;
  line-height: 13.333vw;
  font-weight: 400;
  position: relative;
  margin-top: 7vw;
  
}
.frame-295 {
  display: flex;
  flex-direction: row;
  gap: 3.2vw;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
  margin-top: 5vw;
  
}
.frame-290 {
  background: #ffffff;
  border-radius: 1.333vw;
  border-style: solid;
  border-color: rgba(144, 20, 22, 0.41);
  border-width: 0.267vw;
  padding: 2.133vw 2.133vw 1.333vw 2.133vw;
  display: flex;
  flex-direction: column;
  gap: 2.667vw;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 7.2vw;
  height: 10.133vw;
  position: relative;
}
.text-05 {
  color: #901416;
  text-align: center;
  font-family: "Kindentosca-Regular", sans-serif;
  font-size: 4.8vw;
  line-height: 6.667vw;
  font-weight: 400;
  position: relative;
}
.frame-291 {
  background: #ffffff;
  border-radius: 1.333vw;
  border-style: solid;
  border-color: #710f1e;
  border-width: 0.267vw;
  padding: 3.2vw 2.933vw 2.4vw 2.667vw;
  display: flex;
  flex-direction: column;
  gap: 2.667vw;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 8.8vw;
  height: 12.267vw;
  position: relative;
}
.text-06 {
  color: #901416;
  text-align: center;
  font-family: "Kindentosca-Regular", sans-serif;
  font-size: 4.8vw;
  line-height: 6.667vw;
  font-weight: 400;
  position: relative;
}
.text-07 {
  color: #901416;
  text-align: center;
  font-family: "Kindentosca-Regular", sans-serif;
  font-size: 4.8vw;
  font-weight: 400;
  position: relative;
  margin-top: 4vw;
  

  
}
.frame-292 {
  background: #ffffff;
  border-radius: 1.333vw;
  border-style: solid;
  border-color: #710f1e;
  border-width: 0.267vw;
  padding: 3.2vw 2.933vw 2.4vw 2.667vw;
  display: flex;
  flex-direction: column;
  gap: 2.667vw;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 8.8vw;
  height: 12.267vw;
  position: relative;
}
.text-08 {
  color: #901416;
  text-align: center;
  font-family: "Kindentosca-Regular", sans-serif;
  font-size: 4.8vw;
  line-height: 6.667vw;
  font-weight: 400;
  position: relative;
}
.frame-293 {
  background: #ffffff;
  border-radius: 1.333vw;
  border-style: solid;
  border-color: rgba(144, 20, 22, 0.41);
  border-width: 0.267vw;
  padding: 2.133vw 2.133vw 1.333vw 2.133vw;
  display: flex;
  flex-direction: column;
  gap: 2.667vw;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 7.2vw;
  height: 10.133vw;
  position: relative;
}
.text-09 {
  color: #901416;
  text-align: center;
  font-family: "Kindentosca-Regular", sans-serif;
  font-size: 4.8vw;
  line-height: 6.667vw;
  font-weight: 400;
  position: relative;
}
.union {
  flex-shrink: 0;
  width: 13.301vw;
  height: 13.2vw;
  position: relative;
  overflow: visible;
}
.text-10 {
  color: #000000;
  text-align: center;
  font-family: "ProximaNova-Light", sans-serif;
  font-size: 8.533vw;
  line-height: 5.867vw;
  font-weight: 300;
  position: relative;
  margin-top: 10vw;
  
}
.text-11 {
  color: #901416;
  text-align: center;
  font-family: "Kindentosca-Regular", sans-serif;
  font-size: 12.8vw;
  line-height: 13.333vw;
  font-weight: 400;
  position: relative;
  margin-top: -5vw;
  margin-left: 22vw;
  
  
}
.text-12 {
  color: #000000;
  text-align: left;
  font-family: "ProximaNova-Light", sans-serif;
  font-size: 4.267vw;
  line-height: 5.867vw;
  font-weight: 300;
  position: relative;
  margin-top: 7vw;
  
}
.frame-296 {
  background: #710f1e;
  border-radius: 8vw;
  padding: 3.733vw 11.2vw 3.733vw 11.2vw;
  display: flex;
  flex-direction: row;
  gap: 2.667vw;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 51.733vw;
  height: 11.733vw;
  position: relative;
  margin-top: 7vw;
  cursor: pointer;
  
}
.text-13 {
  color: #ffffff;
  text-align: center;
  font-family: "ProximaNova-Light", sans-serif;
  font-size: 4.267vw;
  letter-spacing: 0.06em;
  font-weight: 300;
  position: relative;
}
.text-14 {
  color: #ffffff;
  text-align: center;
  font-family: "ProximaNova-Light", sans-serif;
  font-size: 8.533vw;
  line-height: 5.867vw;
  font-weight: 300;
  position: relative;
  margin-right: 11.2vw;
  
}
.text-15 {
  color: #ffffff;
  text-align: center;
  font-family: "Kindentosca-Regular", sans-serif;
  font-size: 12.8vw;
  line-height: 13.333vw;
  font-weight: 400;
  position: relative;
  margin-top: -2vw;
  margin-left: 32vw;
  
  
}
.frame-298 {
  display: flex;
  flex-direction: row;
  gap: 0.8vw;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;

  width: 80vw;
}
.text-16 {
  color: #ffffff;
  font-family: "ProximaNova-Light", sans-serif;
  font-size: 6.4vw;
  line-height: 13.333vw;
  font-weight: 300;
  position: relative;
  transform-origin: 0 0;
  rotate: -90deg;
  transform: translatex(-100%);
  width: 14vw;
}
.frame-297 {
  display: flex;
  flex-direction: column;
  gap: 1.333vw;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 56.8vw;
  position: relative;
  margin-left: 4vw;
  
}
.text-17 {
  color: #ffffff;
  text-align: left;
  font-family: "ProximaNova-Light", sans-serif;
  font-size: 8.533vw;
  line-height: 5.867vw;
  font-weight: 300;
  position: relative;
  align-self: stretch;
}
.text-18 {
  color: #ffffff;
  text-align: left;
  font-family: "ProximaNova-Light", sans-serif;
  font-size: 3.733vw;
  line-height: 5.333vw;
  font-weight: 300;
  position: relative;
  align-self: stretch;
}
.frame-299 {
  display: flex;
  flex-direction: row;
  gap: 0.8vw;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.text-19 {
  color: #ffffff;
  text-align: center;
  font-family: "ProximaNova-Light", sans-serif;
  font-size: 6.4vw;
  line-height: 13.333vw;
  font-weight: 300;
  position: relative;
  transform-origin: 0 0;
  transform: rotate(-90deg) scale(1, 1);
}
.text-20 {
  color: #ffffff;
  text-align: center;
  font-family: "ProximaNova-Light", sans-serif;
  font-size: 8.533vw;
  line-height: 5.867vw;
  font-weight: 300;
  position: relative;
}
.text-21 {
  color: #ffffff;
  text-align: left;
  font-family: "ProximaNova-Light", sans-serif;
  font-size: 3.733vw;
  line-height: 5.333vw;
  font-weight: 300;
  position: relative;
}
.frame-300 {
  display: flex;
  flex-direction: row;
  gap: 0.8vw;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.text-22 {
  color: #ffffff;
  text-align: center;
  font-family: "ProximaNova-Light", sans-serif;
  font-size: 6.4vw;
  line-height: 13.333vw;
  font-weight: 300;
  position: relative;
  transform-origin: 0 0;
  transform: rotate(-90deg) scale(1, 1);
}
.text-23 {
  color: #ffffff;
  text-align: center;
  font-family: "ProximaNova-Light", sans-serif;
  font-size: 8.533vw;
  line-height: 5.867vw;
  font-weight: 300;
  position: relative;
}
.text-24 {
  color: #ffffff;
  text-align: left;
  font-family: "ProximaNova-Light", sans-serif;
  font-size: 3.733vw;
  line-height: 5.333vw;
  font-weight: 300;
  position: relative;
}
.frame-301 {
  display: flex;
  flex-direction: row;
  gap: 0.8vw;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.text-25 {
  color: #ffffff;
  text-align: center;
  font-family: "ProximaNova-Light", sans-serif;
  font-size: 6.4vw;
  line-height: 13.333vw;
  font-weight: 300;
  position: relative;
  transform-origin: 0 0;
  transform: rotate(-90deg) scale(1, 1);
}
.text-26 {
  color: #ffffff;
  text-align: center;
  font-family: "ProximaNova-Light", sans-serif;
  font-size: 8.533vw;
  line-height: 5.867vw;
  font-weight: 300;
  position: relative;
}
.text-27 {
  color: #ffffff;
  text-align: left;
  font-family: "ProximaNova-Light", sans-serif;
  font-size: 3.733vw;
  line-height: 5.333vw;
  font-weight: 300;
  position: relative;
}
.text-28 {
  color: #000000;
  text-align: center;
  font-family: "ProximaNova-Light", sans-serif;
  font-size: 8.533vw;
  line-height: 5.867vw;
  font-weight: 300;
  position: relative;
  margin-top: 15vw;
  
}
.text-29 {
  color: #901416;
  text-align: center;
  font-family: "Kindentosca-Regular", sans-serif;
  font-size: 12.8vw;
  line-height: 13.333vw;
  font-weight: 400;
  position: relative;
  margin-top: -4vw;
  margin-left: 30vw;
  
  
}
.frame-302 {
  display: flex;
  flex-direction: row;
  gap: 4.8vw;
  align-items: flex-end;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
  margin-top: 10vw;
  
}
.gemini-generated-image-iymdpiiymdpiiymd-1 {
  flex-shrink: 0;
  width: 36vw;
  height: 49.333vw;
  position: relative;
  object-fit: cover;
  aspect-ratio: 135/185;
  margin-bottom: 3vw;

}
.xxxl-37-1 {
  flex-shrink: 0;
  width: 39.2vw;
  height: 58.667vw;
  position: relative;
  object-fit: cover;
  aspect-ratio: 147/220;
}
.gemini-generated-image-iymdpiiymdpiiymd-2 {
  flex-shrink: 0;
  width: 36vw;
  height: 49.333vw;
  position: relative;
  object-fit: cover;
  aspect-ratio: 135/185;
    margin-bottom: 3vw;

}
.text-30 {
  color: #000000;
  text-align: center;
  font-family: "ProximaNova-Light", sans-serif;
  font-size: 4.267vw;
  letter-spacing: 0.06em;
  font-weight: 300;
  position: relative;
  margin-top: 10vw;
  
}
.frame-303 {
  background: #710f1e;
  border-radius: 8vw;
  padding: 3.733vw 8.533vw 3.733vw 10.667vw;
  display: flex;
  flex-direction: row;
  gap: 2.667vw;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 51.733vw;
  height: 11.733vw;
  position: relative;
  margin-top: 7vw;
  
}
.text-31 {
  color: #ffffff;
  text-align: center;
  font-family: "ProximaNova-Light", sans-serif;
  font-size: 4.267vw;
  letter-spacing: 0.06em;
  font-weight: 300;
  position: relative;
}
.text-32 {
  color: #000000;
  text-align: center;
  font-family: "ProximaNova-Light", sans-serif;
  font-size: 8.533vw;
  line-height: 5.867vw;
  font-weight: 300;
  position: relative;
  margin-top: 12vw;
  
}
.text-33 {
  color: #710f1e;
  text-align: center;
  font-family: "Kindentosca-Regular", sans-serif;
  font-size: 13.867vw;
  line-height: 13.333vw;
  font-weight: 400;
  position: relative;
  margin-top: -5vw;
  margin-left: 18vw;
  
  
}
.text-34 {
  color: #000000;
  text-align: left;
  font-family: "ProximaNova-Light", sans-serif;
  font-size: 4.267vw;
  line-height: 5.867vw;
  letter-spacing: 0.06em;
  font-weight: 300;
  position: relative;
  margin-top: 7vw;
  left: 4vw;
    margin-right: auto;

  
}
.text-35 {
  color: #000000;
  text-align: left;
  font-family: "ProximaNova-Light", sans-serif;
  font-size: 4.267vw;
  line-height: 5.867vw;
  letter-spacing: 0.06em;
  font-weight: 300;
  position: relative;
  left: 4vw;
  margin-right: auto;margin-top: 10vw;
  
}
._4-a-4-f-2-d-08-fd-0-de-00-e-45664-d-5-c-2-bb-01-a-2-c-2 {
  flex-shrink: 0;
  width: 74.667vw;
  height: 110.133vw;
  position: relative;
  object-fit: cover;
}
.text-36 {
  color: #901416;
  text-align: center;
  font-family: "Kindentosca-Regular", sans-serif;
  font-size: 13.867vw;
  line-height: 13.333vw;
  font-weight: 400;
  position: relative;
  margin-top: 10vw;
  
}
.text-37 {
  color: #901416;
  text-align: center;
  font-family: "Kindentosca-Regular", sans-serif;
  font-size: 13.867vw;
  line-height: 13.333vw;
  font-weight: 400;
  position: relative;margin-top: -5vw;
  margin-left: 25vw;
  
  
}
.text-38 {
  color: #901416;
  text-align: center;
  font-family: "Kindentosca-Regular", sans-serif;
  font-size: 13.867vw;
  line-height: 13.333vw;
  font-weight: 400;
  position: relative;
  margin-top: 10vw;
  
}
.text-39 {
  color: #000000;
  text-align: left;
  font-family: "ProximaNova-Light", sans-serif;
  font-size: 4.267vw;
  line-height: 5.867vw;
  letter-spacing: 0.06em;
  font-weight: 300;
  position: relative;
}
.text-40 {
  color: #901416;
  text-align: center;
  font-family: "Kindentosca-Regular", sans-serif;
  font-size: 13.867vw;
  line-height: 13.333vw;
  font-weight: 400;
  position: relative;
}
.text-41 {
  color: #000000;
  text-align: left;
  font-family: "ProximaNova-Light", sans-serif;
  font-size: 4.267vw;
  line-height: 5.867vw;
  letter-spacing: 0.06em;
  font-weight: 300;
  position: relative;
}
.text-42 {
  color: #901416;
  text-align: center;
  font-family: "Kindentosca-Regular", sans-serif;
  font-size: 13.867vw;
  line-height: 13.333vw;
  font-weight: 400;
  position: relative;
}
.text-43 {
  color: #000000;
  text-align: left;
  font-family: "ProximaNova-Light", sans-serif;
  font-size: 4.267vw;
  line-height: 5.867vw;
  letter-spacing: 0.06em;
  font-weight: 300;
  position: relative;
}
.text-44 {
  color: #901416;
  text-align: center;
  font-family: "Kindentosca-Regular", sans-serif;
  font-size: 13.867vw;
  line-height: 13.333vw;
  font-weight: 400;
  position: relative;
}
.text-45 {
  color: #000000;
  text-align: left;
  font-family: "ProximaNova-Light", sans-serif;
  font-size: 4.267vw;
  line-height: 5.867vw;
  letter-spacing: 0.06em;
  font-weight: 300;
  position: relative;
}
._81-a-40988372-dcc-1-e-3-cb-0-e-27-a-6-d-165-cd-3-photoroom-10 {
  flex-shrink: 0;
  width: 27.843vw;
  height: 125.651vw;
  position: relative;
  transform-origin: 0 0;
  transform: rotate(90deg) scale(1, 1);
  object-fit: cover;
  aspect-ratio: 104.41/471.19;
}
.photo-2026-04-24-13-03-14-1 {
  flex-shrink: 0;
  width: 102.133vw;
  height: 145.6vw;
  position: relative;
  object-fit: cover;
  aspect-ratio: 383/546;
  margin-top: -22vw;
  
}
.text-46 {
  color: #000000;
  text-align: center;
  font-family: "ProximaNova-Light", sans-serif;
  font-size: 8.533vw;
  line-height: 5.867vw;
  font-weight: 300;
  position: relative;
  margin-top: 7vw;
  
}
.text-47 {
  color: #901416;
  text-align: center;
  font-family: "Kindentosca-Regular", sans-serif;
  font-size: 13.867vw;
  line-height: 13.333vw;
  font-weight: 400;
  position: relative;
  margin-top: -4vw;
  margin-left: 20vw;
  
  
}
.text-48 {
  color: #000000;
  text-align: left;
  font-family: "ProximaNova-Light", sans-serif;
  font-size: 4.267vw;
  line-height: 5.867vw;
  font-weight: 300;
  position: relative;
  margin-top: 7vw;
  
}
.frame-304 {
  background: #710f1e;
  border-radius: 8vw;
  padding: 3.733vw 10.4vw 3.733vw 10.667vw;
  display: flex;
  flex-direction: row;
  gap: 2.667vw;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 54.133vw;
  height: 11.733vw;
  position: relative;
  margin-top: 7vw;
  
}
.text-49 {
  color: #ffffff;
  text-align: center;
  font-family: "ProximaNova-Light", sans-serif;
  font-size: 4.267vw;
  letter-spacing: 0.06em;
  font-weight: 300;
  position: relative;
}
.text-50 {
  color: #901416;
  text-align: center;
  font-family: "Kindentosca-Regular", sans-serif;
  font-size: 13.867vw;
  line-height: 13.333vw;
  font-weight: 400;
  position: relative;
  margin-top: 12vw;
  
}
.text-51 {
  color: #000000;
  text-align: left;
  font-family: "ProximaNova-Light", sans-serif;
  font-size: 4.267vw;
  line-height: 5.867vw;
  font-weight: 300;
  position: relative;
  margin-top: 7vw;
  
}
.frame-305 {
  background: #710f1e;
  border-radius: 8vw;
  padding: 3.2vw 18.133vw 3.2vw 20vw;
  display: flex;
  flex-direction: row;
  gap: 2.667vw;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 54.133vw;
  height: 11.733vw;
  position: relative;
  margin-top: 7vw;
  
}
.text-52 {
  color: #ffffff;
  text-align: center;
  font-family: "ProximaNova-Light", sans-serif;
  font-size: 4.267vw;
  line-height: 5.333vw;
  font-weight: 300;
  position: relative;
}
.frame-306 {
  background: #710f1e;
  border-radius: 8vw;
  padding: 2.133vw 16vw 2.133vw 17.867vw;
  display: flex;
  flex-direction: row;
  gap: 2.667vw;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 54.133vw;
  height: 11.733vw;
  position: relative;
  margin-top: 7vw;
  
}
.text-53 {
  color: #ffffff;
  text-align: center;
  font-family: "ProximaNova-Light", sans-serif;
  font-size: 4.267vw;
  line-height: 7.467vw;
  font-weight: 300;
  position: relative;
}
._81-a-40988372-dcc-1-e-3-cb-0-e-27-a-6-d-165-cd-3-photoroom-11 {
  flex-shrink: 0;
  width: 27.843vw;
  height: 125.651vw;
  position: relative;
  transform-origin: 0 0;
  transform: rotate(90deg) scale(1, 1);
  object-fit: cover;
  aspect-ratio: 104.41/471.19;
}
.img-4286-1 {
  flex-shrink: 0;
  width: 108.533vw;
  height: 144.533vw;
  position: relative;
  object-fit: cover;
  aspect-ratio: 407/542;
  margin-top: -22vw;
  
}
.text-54 {
  color: #000000;
  text-align: center;
  font-family: "ProximaNova-Light", sans-serif;
  font-size: 6.4vw;
  line-height: 5.867vw;
  font-weight: 300;
  position: relative;
  margin-top: 7vw;
  
}
.text-55 {
  color: #901416;
  text-align: center;
  font-family: "Kindentosca-Regular", sans-serif;
  font-size: 13.867vw;
  line-height: 13.333vw;
  font-weight: 400;
  position: relative;
}
.text-56 {
  color: #901416;
  text-align: center;
  font-family: "Kindentosca-Regular", sans-serif;
  font-size: 12.8vw;
  line-height: 13.333vw;
  font-weight: 400;
  position: relative;
  margin-top: 12vw;
  
}


    .timer {
      display: flex;
      justify-content: center;
      align-items: center;
      gap: 4.349vw;
      font-size: 6vw;
      font-weight: 500;
      font-family: 'ProximaNova-Light';
      color: #000000;
      margin-top: 5vw;
      
    }

    .time-box {
      display: flex;
      flex-direction: column;
      align-items: center;
      min-width: 12.222vw;
    }

    .time-box span {
      font-size: 3.7vw;
      text-transform: uppercase;
      letter-spacing: 1px;
      margin-top: 5px;
      color: #000000;
      
    }

    .divider {
      font-size: 9.6vw;
      margin-top: -3.175vw;
      color: #000000;
    }


    .subtitle {
  font-family: "OldStandardTt-Regular", sans-serif;
  font-size: 12.80vw;
  margin-top: -9vw;
  color: #000000;


    }



#anketa {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 10; /* поверх всех элементов */
  overflow: auto; /* прокрутка внутри анкеты, но не страницы */
  box-sizing: border-box;
  display: none;
  height: 100%;
  background-color: #ffffff;
}

    .frame-370 {
  background: #ffffff;
  border-style: solid;
  border-color: #710F1E;
  border-width: 0.26vw;
  padding: 2.40vw 1.60vw 2.40vw 3.60vw;
  display: flex;
  flex-direction: row;
  gap: 2.66vw;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 72.53vw;
  height: 10.40vw;
  position: relative;
    color: #1E1E1E;
  text-align: start;
  font-family: "ProximaNova-Light", sans-serif;
  font-size: 4.26vw;
  font-weight: 400;
  position: relative;
  margin-top: 7vw;
  
}


::-webkit-input-placeholder{
  color: #1E1E1E;
}

.imgvn{
  width: 74.667vw;
  height: 110.133vw;
}

    .swiper {
      width: 100vw;
      margin-top: 10vw;
      
      
    }

    .swiper-wrapper {
  padding-left: 3vw;
}


    #musicBtn {
  position: fixed;
      background-image: url(music_13551742.png);

  background-size: cover;
  top: 5.3vw;
  right: 5.3vw;
  width: 13.3vw;
  height: 13.3vw;
  border-radius: 50%;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
  transition: transform 0.2s, background-color 0.3s;
  z-index: 9;
  border-style: solid;
  border-width: 0.5vw;

}

#musicBtn:hover {
  transform: scale(1.1); 
}

#musicBtn.playing {
    background-image: url(speaker_11773102.png);



}