html {
    font-size: 14px;
    scroll-behavior: smooth;
}

@media (min-width: 768px) {
    html {
        font-size: 16px;
    }
}

html {
    position: relative;
    min-height: 100%;
}

.required-label::after {
    content: "*";
    color: red;
    margin-left: 4px;
}

@font-face {
    font-family: 'Inter_24pt-Regular';
    src: url('../fonts/Inter_24pt-Regular.ttf') format('truetype');
}

body {
    font-family: "Inter_24pt-Regular";
}

.custom-whatsapp {
    font-size: 40px;
    color: #25D366;
    animation: bounce 1s infinite;
}

@keyframes bounce {
    0%, 100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-10px);
    }
}



.sub-title {
    display: block;
    line-height: 1.2;
    font-size: 14px;
    color: rgb(22,147,22);
    /* Adding a slight vertical translation to nudge the text downward */
    transform: translateY(2px);
    /* Alternatively, try margin-top: 2px; if transform isn't ideal */
}

/* Lazy-load opacity transition */
.lozad {
    opacity: 0;
    transition: opacity 0.5s ease-in-out;
}
    /* Fade-in when loaded */
    .lozad.fade {
        opacity: 1;
    }