html {
  font-size: 1px; /* 1rem = 1px */
}

@font-face {
  font-family: 'Poppins', sans-serif;
  src: url("https://fonts.googleapis.com/css2?family=Poppins&display=swap");
}

@font-face {
  font-family: 'Basetica-Regular';
  src: url("/hubfs/Thoropass/Theme%20Assets/Fonts/Basetica%20-%20Regular-205TF.woff") format("woff");
}

@font-face {
  font-family: 'Basetica-Medium';
  src: url("/hubfs/Thoropass/Theme%20Assets/Fonts/Basetica%20-%20Medium-205TF.woff") format("woff");
}

/* Responsive Scaling */
@media (max-width: 580px) {
  html {
    font-size: 0.8px;
  }
}

@media (min-width: 2560px) {
  html {
    font-size: 1px;
  }
}

/* CTA Section */
section.cta {
  background: #2e9c08;
  background-size: auto 100%;
  background-position: right center;
  background-repeat: no-repeat;
  display: flex;
  padding: 60rem 20rem;
  align-items: center;
  justify-content: center;
}

section.cta .content {
  width: 1240rem; /* Fixed width */
  max-width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

/* Header */
section.cta h1 {
  color: #fff;
  font-family: 'Basetica-Medium';
  font-size: 34rem;
  line-height: 110%;
  margin: 0rem 0rem 30rem;
}

/* Body Text */
section.cta h2 {
  color: #fff;
  font-family: 'Poppins';
  font-size: 16rem;
  font-weight: 400;
  line-height: 140%;
  margin: 0;
}

/* Eyebrow */
section.cta span.eyebrow {
  font-family: "Poppins";
  font-size: 16rem;
  font-weight: 600;
  line-height: 120%;
  letter-spacing: 0.42rem;
  text-transform: uppercase;
  color: #FFF;
margin: 0rem 0rem 5rem;
}

/* CTA Button */
section.cta .button {
  background: #FFBE20;
  font-family: "Poppins";
  font-size: 16rem;
  color: #FFF;
  font-weight: 500;
  display: flex;
  align-items: center;
  border-radius: 30rem;
  transition: background 0.3s ease;
  margin: 30rem 0rem 0rem;
}

section.cta .button:hover {
  background: #FFD368;
}

/* Button Link */
section.cta .button a {
  color: #000D14;
  text-decoration: none;
  padding: 10rem 25rem;
  display: flex;
  align-items: center;
  gap: 10rem; /* Adds spacing between text and arrow */
}

}


/* Responsive Adjustments */
@media (max-width: 1024px) {
  section.cta .content {
    width: 90%;
    text-align: center;
    align-items: center;
  }

  section.cta .button {
    justify-content: center;
  }
}