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


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

@font-face {
  font-family: "Marianna-Regular";
	src: url("marianna.eot"); /* IE9 Compat Modes */
	src: url("marianna.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
		url("marianna.otf") format("opentype"), /* Open Type Font */
		url("marianna.svg") format("svg"), /* Legacy iOS */
		url("marianna.ttf") format("truetype"), /* Safari, Android, iOS */
		url("marianna.woff") format("woff"), /* Modern Browsers */
		url("marianna.woff2") format("woff2"); /* Modern Browsers */

}

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

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




.i-phone-13-mini-199 {
  background: #00162b;
  display: flex;
  flex-direction: column;
  gap: 0vw;
  align-items: center;
  justify-content: flex-start;
  position: relative;
  overflow: clip;
  padding-top: 9.6vw;
  
}
.text-01 {
  color: rgba(110, 113, 121, 0.3);
  text-align: center;
  font-family: "TenorSans-Regular", sans-serif;
  font-size: 40vw;
  line-height: 87.61%;
  font-weight: 400;
  position: relative;
}
.text-02 {
  color: #ffffff;
  text-align: center;
  font-family: "Marianna-Regular", sans-serif;
  font-size: 26.667vw;
  line-height: 5.867vw;
  font-weight: 400;
  position: relative;
  margin-top: -75vw;
  margin-right: 5vw;
  
  
}

.fade-in {
  opacity: 0;
  animation: fadeIn 1s ease-out 1 forwards;
}
@keyframes fadeIn {
  from { opacity: 0; transform: translatey(20vw);}
  to { opacity: 1; }
}
@keyframes coll {
  from { opacity: 0; transform: translatey(20vw);}
  to { opacity: 1; }
}
.text-03 {
  color: #ffffff;
  text-align: center;
  font-family: "Marianna-Regular", sans-serif;
  font-size: 26.667vw;
  line-height: 5.867vw;
  font-weight: 400;
  position: relative;
  margin-top: 22vw;
  margin-left: 20vw;
  
  
}
._8-c-0-a-7-fe-3-a-2-cb-81-ae-9-fa-0-df-960624971-d-6-eb-70-e-179058011-f-47578-d-5-d-7688-beec-photoroom-2 {
  flex-shrink: 0;
  width: 163.467vw;
  height: 92vw;
  position: relative;
  object-fit: cover;
  aspect-ratio: 613/345;
  rotate: 27deg;
  margin-top: -25vw;
  
}
.group-90 {
  flex-shrink: 0;
  width: 34.568vw;
  height: 34.568vw;
  position: static;
}
.iconamoon-music-album-thin {
  width: 15.733vw;
  height: 15.733vw;
  position: absolute;
  left: 42vw;
  top: 281.027vw;
  overflow: hidden;
  aspect-ratio: 1;
}
.group {
  width: 79.15%;
  height: 79.16%;
  position: absolute;
  right: 8.33%;
  left: 12.51%;
  bottom: 12.51%;
  top: 8.33%;
  overflow: visible;
}
.div {
  background: #ffffff;
  border-radius: 0vw;
  width: 26.667vw;
  height: 26.667vw;
  position: absolute;
  left: 36.667vw;
  top: 275.693vw;
}
.frame-313 {
  background: #ffffff;
  border-radius: 39.733vw 39.733vw 0vw 0vw;
  padding: 25.067vw 4.533vw 37.067vw 5.333vw;
  display: flex;
  flex-direction: column;
  gap: 6.4vw;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 93.6vw;
  height: 139.467vw;
  position: relative;
}
.text-04 {
  color: #00162b;
  text-align: center;
  font-family: "Kindentosca-Regular", sans-serif;
  font-size: 12.8vw;
  line-height: 70%;
  font-weight: 400;
  position: relative;
}
.text-05 {
  color: #00162b;
  text-align: center;
  font-family: "BonaNova-Regular", sans-serif;
  font-size: 4.267vw;
  line-height: 5.867vw;
  font-weight: 400;
  position: relative;
}
.photo-2026-04-29-23-17-29-photoroom-1 {
  flex-shrink: 0;
  width: 85.867vw;
  height: 90.933vw;
  position: relative;
  object-fit: cover;
  aspect-ratio: 322/341;
  margin-top: -40vw;
  
}
.frame-316 {
  border-radius: 10.667vw 10.667vw 0vw 0vw;
  border-style: solid;
  border-color: #ffffff;
  border-width: 0.267vw;
  padding: 8.267vw 1.6vw 8.267vw 1.6vw;
  display: flex;
  flex-direction: column;
  gap: 2.667vw;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 93.6vw;
  position: relative;
  margin-top: -10vw;
  
}
.text-06 {
  color: #ffffff;
  text-align: left;
  font-family: "Kindentosca-Regular", sans-serif;
  font-size: 12.8vw;
  line-height: 5.867vw;
  font-weight: 400;
  position: relative;
}
.text-07 {
  color: #ffffff;
  text-align: center;
  font-family: "Kindentosca-Regular", sans-serif;
  font-size: 12.8vw;
  font-weight: 400;
  position: relative;
  margin-top: -7vw;
  margin-left: 35vw;
  
  
}
.text-08 {
  color: #ffffff;
  text-align: center;
  font-family: "BonaNova-Regular", sans-serif;
  font-size: 4.267vw;
  line-height: 5.867vw;
  font-weight: 400;
  position: relative;
}
.frame-314 {
  background: #00172b;
  border-radius: 5.333vw;
  border-style: solid;
  border-color: #ffffff;
  border-width: 0.267vw;
  padding: 2.133vw 18.667vw 2.4vw 18.133vw;
  display: flex;
  flex-direction: row;
  gap: 2.667vw;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 67.733vw;
  height: 9.6vw;
  position: relative;
}
.text-09 {
  color: #ffffff;
  text-align: center;
  font-family: "BonaNova-Regular", sans-serif;
  font-size: 4.267vw;
  letter-spacing: 0.06em;
  font-weight: 400;
  position: relative;
}
._8-c-0-a-7-fe-3-a-2-cb-81-ae-9-fa-0-df-960624971-d-6-eb-70-e-179058011-f-47578-d-5-d-7688-beec-photoroom-3 {
  flex-shrink: 0;
  width: 163.467vw;
  height: 42.541vw;
  position: relative;
  transform-origin: 0 0;
  transform: rotate(2.565deg) scale(1, 1);
  object-fit: cover;
  aspect-ratio: 613/159.53;
}
.text-10 {
  color: #ffffff;
  text-align: left;
  font-family: "Kindentosca-Regular", sans-serif;
  font-size: 12.8vw;
  line-height: 5.867vw;
  font-weight: 400;
  position: relative;
  margin-top: 10vw;
  
}
.text-11 {
  color: #ffffff;
  text-align: center;
  font-family: "Kindentosca-Regular", sans-serif;
  font-size: 12.8vw;
  font-weight: 400;
  position: relative;
  width: 56vw;
}
.text-12 {
  color: #ffffff;
  text-align: center;
  font-family: "BonaNova-Regular", sans-serif;
  font-size: 4.267vw;
  line-height: 5.867vw;
  font-weight: 400;
  position: relative;
}
.text-13 {
  color: #ffffff;
  text-align: center;
  font-family: "BonaNova-Regular", sans-serif;
  font-size: 6.4vw;
  line-height: 5.867vw;
  font-weight: 400;
  position: relative;
}
.frame-315 {
  background: #00172b;
  border-radius: 5.333vw;
  border-style: solid;
  border-color: #ffffff;
  border-width: 0.267vw;
  padding: 2.133vw 18.667vw 2.4vw 18.133vw;
  display: flex;
  flex-direction: row;
  gap: 2.667vw;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  height: 9.6vw;
  position: relative;
  margin-top: 5vw;
  
}
.text-14 {
  color: #ffffff;
  text-align: center;
  font-family: "BonaNova-Regular", sans-serif;
  font-size: 4.267vw;
  letter-spacing: 0.06em;
  font-weight: 400;
  position: relative;
}
.frame-322 {
  background: #ffffff;
  padding: 10.667vw 4.533vw 10.667vw 4.533vw;
  display: flex;
  flex-direction: column;
  gap: 2.667vw;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 93.6vw;
  position: relative;
  margin-top: 10vw;
  
}
.text-15 {
  color: #00162b;
  text-align: left;
  font-family: "Kindentosca-Regular", sans-serif;
  font-size: 12.8vw;
  line-height: 5.867vw;
  font-weight: 400;
  position: relative;
}
.text-16 {
  color: #00162b;
  text-align: center;
  font-family: "Kindentosca-Regular", sans-serif;
  font-size: 12.8vw;
  font-weight: 400;
  position: relative;
  margin-top: -5vw;
  margin-left: 40vw;
  
  
}
.gemini-generated-image-v-1502-cv-1502-cv-150-photoroom-1 {
  flex-shrink: 0;
  width: 87.2vw;
  position: relative;
  object-fit: cover;
  margin-top: 5vw;
  margin-right: 20vw;
  
  
}
.frame-317 {
  display: flex;
  flex-direction: row;
  gap: 28vw;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
  margin-top: -160vw;
  
  
}
.text-17 {
  color: #00162b;
  text-align: center;
  font-family: "TenorSans-Regular", sans-serif;
  font-size: 6.4vw;
  line-height: 8vw;
  font-weight: 400;
  position: relative;
}
.text-18 {
  color: #00162b;
  text-align: center;
  font-family: "BonaNova-Regular", sans-serif;
  font-size: 6.4vw;
  line-height: 8vw;
  font-weight: 400;
  position: relative;
}
.frame-318 {
  display: flex;
  flex-direction: row;
  gap: 18vw;
  margin-left: 15vw;
  text-wrap: nowrap;
  
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
  margin-top: 25vw;
  
  
}
.text-19 {
  color: #00162b;
  text-align: center;
  font-family: "TenorSans-Regular", sans-serif;
  font-size: 6.4vw;
  line-height: 8vw;
  font-weight: 400;
  position: relative;
}
.text-20 {
  color: #00162b;
  text-align: center;
  font-family: "BonaNova-Regular", sans-serif;
  font-size: 6.4vw;
  line-height: 8vw;
  font-weight: 400;
  position: relative;
}
.frame-319 {
  display: flex;
  flex-direction: row;
  gap: 18vw;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
  margin-top: 22vw;margin-right: 24vw;
  

  
}
.text-21 {
  color: #00162b;
  text-align: center;
  font-family: "TenorSans-Regular", sans-serif;
  font-size: 6.4vw;
  line-height: 8vw;
  font-weight: 400;
  position: relative;
}
.text-22 {
  color: #00162b;
  text-align: center;
  font-family: "BonaNova-Regular", sans-serif;
  font-size: 6.4vw;
  line-height: 8vw;
  font-weight: 400;
  position: relative;
}
.frame-320 {
  display: flex;
  flex-direction: row;
  gap: 28vw;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
  margin-top: 23vw;
  margin-right: 10vw;
  
  
}
.text-23 {
  color: #00162b;
  text-align: center;
  font-family: "TenorSans-Regular", sans-serif;
  font-size: 6.4vw;
  line-height: 8vw;
  font-weight: 400;
  position: relative;
}
.text-24 {
  color: #00162b;
  text-align: center;
  font-family: "BonaNova-Regular", sans-serif;
  font-size: 6.4vw;
  line-height: 8vw;
  font-weight: 400;
  position: relative;
}
.frame-321 {
  display: flex;
  flex-direction: row;
  gap: 28vw;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
  margin-top: 27vw;
  margin-right: 10vw;
  
  
}
.text-25 {
  color: #00162b;
  text-align: center;
  font-family: "TenorSans-Regular", sans-serif;
  font-size: 6.4vw;
  line-height: 8vw;
  font-weight: 400;
  position: relative;
}
.text-26 {
  color: #00162b;
  text-align: center;
  font-family: "BonaNova-Regular", sans-serif;
  font-size: 6.4vw;
  line-height: 8vw;
  font-weight: 400;
  position: relative;
}
.frame-325 {
  border-radius: 10.667vw 10.667vw 0vw 0vw;
  border-style: solid;
  border-color: #ffffff;
  border-width: 0.267vw;
  padding: 13.067vw 0vw 8.8vw 0vw;
  display: flex;
  flex-direction: column;
  gap: 2.667vw;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 93.6vw;
  position: relative;
  margin-top: 10vw;
  
}
.text-27 {
  color: #ffffff;
  text-align: left;
  font-family: "Kindentosca-Regular", sans-serif;
  font-size: 12.8vw;
  line-height: 5.867vw;
  font-weight: 400;
  position: relative;
}
.text-28 {
  color: #ffffff;
  text-align: center;
  font-family: "Kindentosca-Regular", sans-serif;
  font-size: 12.8vw;
  font-weight: 400;
  position: relative;
}
.text-29 {
  color: #ffffff;
  text-align: center;
  font-family: "BonaNova-Regular", sans-serif;
  font-size: 4vw;
  line-height: 5.867vw;
  font-weight: 400;
  position: relative;
}
.frame-323 {
  display: flex;
  flex-direction: row;
  gap: 2.4vw;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
  margin-top: 7vw;
  
}
.ellipse-8 {
  background: #99badd;
  border-radius: 50%;
  flex-shrink: 0;
  width: 14.133vw;
  height: 13.867vw;
  position: relative;
}
.ellipse-5 {
  background: #859973;
  border-radius: 50%;
  flex-shrink: 0;
  width: 14.133vw;
  height: 13.867vw;
  position: relative;
}
.ellipse-6 {
  background: #70523c;
  border-radius: 50%;
  flex-shrink: 0;
  width: 14.133vw;
  height: 13.867vw;
  position: relative;
}
.ellipse-7 {
  background: #e9d7be;
  border-radius: 50%;
  flex-shrink: 0;
  width: 14.133vw;
  height: 13.867vw;
  position: relative;
}
.text-30 {
  color: #ffffff;
  text-align: center;
  font-family: "BonaNova-Regular", sans-serif;
  font-size: 4vw;
  line-height: 5.867vw;
  font-weight: 400;
  position: relative;
  margin-top: 5vw;
  
}
.frame-324 {
  display: flex;
  flex-direction: row;
  gap: 0vw;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
._51-af-40228-c-86-fa-8651-d-7-c-0-d-258-c-48-f-7-d-photoroom-2-1 {
  flex-shrink: 0;
  height: 63.733vw;
  position: relative;
  object-fit: cover;
  z-index: 2;
  margin-left: -5vw;
  
  
}
.gemini-generated-image-akv-4-uuakv-4-uuakv-4-photoroom-1 {
  flex-shrink: 0;
  width: 65.067vw;
  height: 62.133vw;
  position: relative;
  object-fit: cover;
  aspect-ratio: 244/233;
  margin-left: -27vw;
  margin-top: -4vw;
  
  
}
._7080966491-photoroom-2-1 {
  flex-shrink: 0;
  height: 63.8vw;
  position: relative;
  object-fit: cover;
  margin-left: -23vw;
  margin-top: 5vw;
  
  
  
}
.frame-326 {
  background: #ffffff;
  padding: 11.733vw 0vw 9.867vw 0vw;
  display: flex;
  flex-direction: column;
  gap: 2.667vw;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 93.6vw;
  position: relative;
  margin-top: 10vw;
  
}
.text-31 {
  color: #00162b;
  text-align: center;
  font-family: "Kindentosca-Regular", sans-serif;
  font-size: 12.8vw;
  font-weight: 400;
  position: relative;
}
.text-32 {
  color: #00162b;
  text-align: center;
  font-family: "Kindentosca-Regular", sans-serif;
  font-size: 12.8vw;
  font-weight: 400;
  position: relative;
  margin-top: -11vw;
  margin-left: 35vw;
  
  
}
.frame-327 {
  background: rgba(244, 243, 236, 0);
  border-radius: 10.667vw 10.667vw 0vw 0vw;
  border-style: solid;
  border-color: #ffffff;
  border-width: 0.267vw;
  padding: 8.267vw 0vw 12.533vw 0vw;
  display: flex;
  flex-direction: column;
  gap: 2.667vw;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 93.6vw;
  position: relative;
  margin-top: 10vw;
  
}
.text-33 {
  color: #ffffff;
  text-align: center;
  font-family: "Kindentosca-Regular", sans-serif;
  font-size: 12.8vw;
  font-weight: 400;
  position: relative;
}
.text-34 {
  color: #ffffff;
  text-align: center;
  font-family: "BonaNova-Regular", sans-serif;
  font-size: 4.267vw;
  line-height: 5.867vw;
  font-weight: 400;
  position: relative;
}
.frame-328 {
  background: #00172b;
  border-radius: 5.333vw;
  border-style: solid;
  border-color: #ffffff;
  border-width: 0.267vw;
  padding: 2.667vw 20.533vw 1.867vw 20vw;
  display: flex;
  flex-direction: row;
  gap: 2.667vw;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  height: 9.6vw;
  position: relative;
  margin-top: 5vw;
  cursor: pointer;
}
.text-35 {
  color: #ffffff;
  text-align: center;
  font-family: "BonaNova-Regular", sans-serif;
  font-size: 4.267vw;
  letter-spacing: 0.06em;
  font-weight: 400;
  position: relative;
}
.text-36 {
  color: #ffffff;
  text-align: center;
  font-family: "Kindentosca-Regular", sans-serif;
  font-size: 12.8vw;
  font-weight: 400;
  position: relative;
  margin-top: 10vw;
  
}
.text-37 {
  color: #ffffff;
  text-align: center;
  font-family: "BonaNova-Regular", sans-serif;
  font-size: 4.267vw;
  line-height: 5.867vw;
  font-weight: 400;
  position: relative;
  width: 93.333vw;
}
.frame-329 {
  background: #00172b;
  border-radius: 5.333vw;
  border-style: solid;
  border-color: #ffffff;
  border-width: 0.267vw;
  padding: 2.667vw 26.4vw 1.867vw 25.867vw;
  display: flex;
  flex-direction: row;
  gap: 2.667vw;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 67.733vw;
  height: 9.6vw;
  position: relative;
  margin-top: 10vw;
  
}
.text-38 {
  color: #ffffff;
  text-align: center;
  font-family: "BonaNova-Regular", sans-serif;
  font-size: 4.267vw;
  letter-spacing: 0.06em;
  font-weight: 400;
  position: relative;
}
.frame-330 {
  background: #00172b;
  border-radius: 5.333vw;
  border-style: solid;
  border-color: #ffffff;
  border-width: 0.267vw;
  padding: 2.667vw 22.667vw 1.867vw 22.4vw;
  display: flex;
  flex-direction: row;
  gap: 2.667vw;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 67.733vw;
  height: 9.6vw;
  position: relative;
  margin-top: 3vw;
  
}
.text-39 {
  color: #ffffff;
  text-align: center;
  font-family: "BonaNova-Regular", sans-serif;
  font-size: 4.267vw;
  letter-spacing: 0.06em;
  font-weight: 400;
  position: relative;
}
.text-40 {
  color: #ffffff;
  text-align: left;
  font-family: "Kindentosca-Regular", sans-serif;
  font-size: 10.667vw;
  line-height: 5.867vw;
  font-weight: 400;
  position: relative;
  margin-top: 10vw;
  margin-right: 20vw;
  
  
}
.text-41 {
  color: #ffffff;
  text-align: center;
  font-family: "Kindentosca-Regular", sans-serif;
  font-size: 12.8vw;
  font-weight: 400;
  position: relative;
  margin-top: -7vw;
  margin-left: 20vw;
  
  
}
.text-42 {
  color: #ffffff;
  text-align: center;
  font-family: "BonaNova-Regular", sans-serif;
  font-size: 4.267vw;
  line-height: 5.867vw;
  font-weight: 400;
  position: relative;
  width: 92vw;
}
.frame-331 {
  background: #00172b;
  border-radius: 5.333vw;
  border-style: solid;
  border-color: #ffffff;
  border-width: 0.267vw;
  padding: 2.133vw 17.867vw 2.4vw 17.6vw;
  display: flex;
  flex-direction: row;
  gap: 2.667vw;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  height: 9.6vw;
  position: relative;
  margin-top: 7vw;
  
}
.text-43 {
  color: #ffffff;
  text-align: center;
  font-family: "BonaNova-Regular", sans-serif;
  font-size: 4.267vw;
  letter-spacing: 0.06em;
  font-weight: 400;
  position: relative;
}
.text-44 {
  color: #ffffff;
  text-align: center;
  font-family: "Kindentosca-Regular", sans-serif;
  font-size: 8.533vw;
  line-height: 8vw;
  font-weight: 400;
  position: relative;
  margin-top: 10vw;
  
}
.text-45 {
  color: #ffffff;
  text-align: center;
  font-family: "Kindentosca-Regular", sans-serif;
  font-size: 12.8vw;
  font-weight: 400;
  position: relative;
}

.text-46 {
  color: #ffffff;
  text-align: center;
  font-family: "TenorSans-Regular", sans-serif;
  font-size: 4.267vw;
  line-height: 5.867vw;
  font-weight: 400;
  position: relative;
  align-self: center;
  margin-right: 10vw;
  text-wrap: nowrap;
  
}
.frame-332 {
  background: #ffffff;
  border-style: solid;
  border-color: #6d7d56;
  border-width: 0.267vw;
  padding: 2.667vw 37.6vw 2.667vw 2.667vw;
  display: flex;
  flex-direction: row;
  gap: 2.667vw;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 72.533vw;
  height: 10.4vw;
  position: relative;
}
.text-47 {
  color: #1e1e1e;
  text-align: center;
  font-family: "TenorSans-Regular", sans-serif;
  font-size: 4.267vw;
  font-weight: 400;
  position: relative;
}
.text-48 {
  color: #ffffff;
  text-align: left;
  font-family: "TenorSans-Regular", sans-serif;
  font-size: 4.267vw;
  font-weight: 400;
  position: relative;
  margin-top: 5vw;
  
}
.text-49 {
  color: #ffffff;
  text-align: left;
  font-family: "BonaNova-Regular", sans-serif;
  font-size: 4.267vw;
  line-height: 5.6vw;
  font-weight: 400;
  position: relative;
}
.text-50 {
  color: #ffffff;
  text-align: left;
  font-family: "TenorSans-Regular", sans-serif;
  font-size: 4.267vw;
  font-weight: 400;
  position: relative;
  margin-top: 7vw;
  
}
.text-51 {
  color: #ffffff;
  text-align: left;
  font-family: "TenorSans-Regular", sans-serif;
  font-size: 4.267vw;
  line-height: 5.6vw;
  font-weight: 400;
  position: relative;
  width: 48.267vw;
}
.text-52 {
  color: #ffffff;
  text-align: left;
  font-family: "TenorSans-Regular", sans-serif;
  font-size: 4.267vw;
  font-weight: 400;
  position: relative;
  margin-top: 7vw;
  
}
.frame-333 {
  background: #ffffff;
  border-style: solid;
  border-color: #1e1e1e;
  border-width: 0.267vw;
  padding: 2.667vw 52.267vw 2.667vw 1.867vw;
  display: flex;
  flex-direction: row;
  gap: 2.667vw;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 72.533vw;
  height: 10.4vw;
  position: relative;
}
.text-53 {
  color: #1e1e1e;
  text-align: center;
  font-family: "TenorSans-Regular", sans-serif;
  font-size: 4.267vw;
  font-weight: 400;
  position: relative;
}
.frame-334 {
  background: #ffffff;
  border-style: solid;
  border-color: #000000;
  border-width: 0.267vw;
  padding: 2.667vw 10.933vw 2.667vw 9.333vw;
  display: flex;
  flex-direction: row;
  gap: 2.667vw;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 42.933vw;
  height: 10.4vw;
  position: relative;
  cursor: pointer;
  margin-top: 7vw;
  
}
.text-54 {
  color: #000000;
  text-align: center;
  font-family: "TenorSans-Regular", sans-serif;
  font-size: 4.267vw;
  font-weight: 400;
  position: relative;
}
._8-c-0-a-7-fe-3-a-2-cb-81-ae-9-fa-0-df-960624971-d-6-eb-70-e-179058011-f-47578-d-5-d-7688-beec-photoroom-4 {
  flex-shrink: 0;
  width: 163.467vw;
  height: 92vw;
  position: relative;
  object-fit: cover;
  aspect-ratio: 613/345;
  pointer-events: none;
  rotate: 27deg;
  align-self: center;
  margin-top: -30vw;
  margin-right: 30vw;
  
  

}



    .timer {
      display: flex;
      justify-content: center;
      align-items: center;
      gap: 4.349vw;
      font-size: 8.533vw;
      font-weight: 500;
      font-family: 'BonaNova-Regular';
      color: #ffffff;
      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: #ffffff;
      
    }

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


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


    }



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





.i-phone-13-mini-202 {
  background: #001930;
  padding: 18.4vw 0vw 0vw 10.4vw;
  flex-direction: column;
  gap: 2.667vw;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}

@keyframes rotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(-360deg);
  }
}



    .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;
  position: relative;
  
}


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



.convert {
  padding: 34.7vh 0px 0px 0px;
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: center;
  justify-content: flex-start;
  height: 100vh;
  width: 100vw;
  position: relative;
  overflow: hidden;
  position: fixed;
  top: 0;
  left: 0; 
    z-index: 105;
}
.convert-01 {
  color: #a37848;
  text-align: left;
  font-family: "TenorSans-Regular", sans-serif;
  font-size: 2.95vh;
  font-weight: 400;
  position: relative;
  z-index: 3;
}
.convert-02 {
  color: #862e35;
  text-align: left;
  font-family: "Annabelle-Regular", sans-serif;
  font-size: 3.94vh;
  font-weight: 400;
  position: relative;
  margin-top: -1vh;
  left: 9vw;
    z-index: 3;


}
.top111{
  position: absolute;
  z-index: 2;
  top: 0;
  width: 100vw;
  height: 100vh;
}
.bot111{
  position: absolute;
  z-index: 1;
  top: 0;
  width: 100vw;
  height: 100vh;
}
.other111{
  position: absolute;
  z-index: 3;
  width: 100vw;
  height: 70vh;
  top: 30vh;
}
.convert-03 {
  flex-shrink: 0;
  height: 20.35vh;
  position: absolute;
  top: 50vh;
  object-fit: cover;
  aspect-ratio: 162/173;
  margin-top: 10vh;
    z-index: 3;

}
.convert-04 {
  flex-shrink: 0;
  width: 6.16vw;
  height: 2.63vh;
  position: relative;
  overflow: visible;
    z-index: 3;
    margin-top: -7vh;

}
.convert-05 {
  color: #a37848;
  text-align: left;
  font-family: "Annabelle-Regular", sans-serif;
  font-size: 2.95vh;
  font-weight: 400;
  position: relative;
    z-index: 3;

}




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

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

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

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