@charset "utf-8";

@font-face {
	font-family: "Poppins SemiBold";
}

.color-yellow {
    color: #f1ca03;
}

.color-blue {
    color: #053972;
}

.color-white {
    color: #fff;
}

/* Typography */
.title-1 { font-size: clamp(1rem, 1rem + 3vw, 3.5rem); font-weight: 700; }
.title-2 { font-size: clamp(1rem, 1rem + 3vw, 4.5rem); font-weight: 700; margin-top: -1rem; }
.title-3 { font-size: clamp(1rem, 1rem + 2vw, 2rem); margin-top: -1rem; }


/* Standard mobile breakpoint is typically around 600px to 768px */
@media screen and (max-width: 768px) {
  .hide-mobile {
    display: none;
  }
}