.main-title-container {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

.main-title {
  font-family: "PloniMaccabiMLv2AAA-Bold", sans-serif;

  font-weight: bold;
  line-height: 1.3vw;
  color: white;
  margin: 0;
  white-space: nowrap;
  font-size: clamp(42px, 9vw, 129px);
}

.subtitle {
  font-family: "PloniMaccabiMLv2AAA-DemiBold", sans-serif;
  font-size: clamp(24px, 3.5vw, 60px);
  font-weight: 500;
  line-height: 1.6;

  color: white;
  margin: 0;
  white-space: nowrap;
}

.asterisk-1 {
  position: absolute;
  right: 97%;
  top: -2.3vw;
  width: 1.7vw;
  height: 1.6vw;
  min-width: 20px;
  min-height: 19px;
  z-index: 1;
}

.description-text {
  font-family: "PloniMaccabiMLv2AAA-DemiBold", sans-serif;
  font-size: clamp(18px, 2.67vw, 38px);

  font-weight: 600;
  line-height: 1.3;
  color: white;
  text-align: center;
  margin: 0;
  min-width: fit-content;
}

.description-line-1,
.description-line-2 {
  margin: 0;
  line-height: 1.3;
  position: relative;
}

.pink-letter {
  color: #d9729f;
}

.asterisk-2 {
  position: absolute;
  left: 103%;
  top: -69%;
  width: 0.8vw;
  height: 0.7vw;
  min-width: 12px;
  min-height: 11px;
}
.text-section {
  padding: 5vw 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border-bottom: 0.05vw solid var(--color3);
  min-height: auto;
}

.text-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1vw;
  width: 100%;
  max-width: 72.9vw;
  text-align: center;
}

.main-text {
  font-family: "PloniMaccabiMLv2AAA-Regular", sans-serif;
  font-size: clamp(18px, 1.25vw, 24px);
  font-weight: 400;
  line-height: 1.3;
  color: var(--color3);
  margin: 0;
}

.main-text p {
  margin: 0 0 0vw 0;
  line-height: 1.3;
}

.main-text p:last-child {
  margin-bottom: 0;
}

.highlight-text {
  font-family: "PloniMaccabiMLv2AAA-DemiBold", sans-serif;
  font-size: clamp(24px, 1.67vw, 32px);
  font-weight: 600;
  line-height: 1.3;
  color: var(--color13); /* Pink from Figma */
  margin: 0;
}

.highlight-text p {
  line-height: 1.3;
}

.highlight-text p:last-child {
  margin-bottom: 0;
}

@media (max-width: 768px) {
  .text-section {
    padding: 13vw 0vw;
  }
  .asterisk-1 {
    right: 98%;
        top: -5.5vw;
  }
  .description-text {
    font-size: clamp(24px, 1.67vw, 32px);
  }

  .main-title {
    font-size: clamp(56px, 5vw, 96px);
  }
  .subtitle {
    font-size: clamp(31px, 2.5vw, 48px);
    line-height: 1.8;
  }
  .main-text {
    display: flex;
    flex-direction: column;
    gap: 4.1vw;
  }
  .text-container {
    gap: 4.1vw;
  }
  .asterisk-2 {
    left: 102%;
   
        top: -5.5vw;

  }
}
