/* Large screens (lg) */
@media (min-width: 1200px) {
  .hero_text {
    font-size: 81px;
    line-height: 91px;
  }
}

/* Medium screens (md) */
@media (max-width: 1199px) and (min-width: 768px) {
  .hero_text {
    font-size: 64px; /* Adjust the size as needed for medium screens */
    line-height: 74px; /* Adjust the line-height as needed for medium screens */
  }
}

/* Small screens (sm) */
@media (max-width: 767px) {
  .hero_text {
    font-size: 48px; /* Adjust the size as needed for small screens */
    line-height: 58px; /* Adjust the line-height as needed for small screens */
  }
}

/* Common styles for all screen sizes */
.hero_text {
  font-family: 'Lexend', Helvetica, Arial, Lucida, sans-serif;
  font-weight: 600;
  color: #FFFFFF !important;
  text-align: center;
}

.gradient-text {
  text-align: center;
  background: linear-gradient(to right, #FF3841 0%, #7D8EF7 40%, #FF3841 90%, #7D8EF7 20%, #FF3841 10%);
    background-size: auto;
    background-clip: border-box;
  background-size: 200% auto;
  color: #000;
  background-clip: text;
  text-fill-color: transparent;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: gradient_text 25s linear infinite;
}