/* ===============================
   BASE (Desktop)
   =============================== */

body {
    font-size: 1.3rem;
    line-height: 1.7;
}

/* Headings desktop */
h2, .h2 {
    font-size: 2rem;
}

h3, .h3 {
    font-size: 1.6rem;
}

h4, .h4 {
    font-size: 1.3rem;
}

/* ===============================
   Tablet (992px–1024px)
   =============================== */

@media (max-width: 1024px) {

    body {
        font-size: 1.3rem;
    }

    h2, .h2 {
        font-size: 1.8rem !important;
    }

    h3, .h3 {
        font-size: 1.65rem !important;
    }

    h4, .h4 {
        font-size: 1.4rem !important;
    }
}

/* ===============================
   Mobile (600px and below)
   =============================== */

@media (max-width: 600px) {

    body {
        font-size: 1.3rem;
        line-height: 1.8;
    }

    h2, .h2 {
        font-size: 1.9rem !important;
    }

    h3, .h3 {
        font-size: 1.7rem !important;
    }

    h4, .h4 {
        font-size: 1.5rem !important;
    }

    .list.fa-ul {
        margin-left: -22px;
    }

    .callto {
        position: fixed;
        display: flex;
        gap: 5px;
        bottom: 0;
        z-index: 9999;
        background-color: #dc3545;
        padding: 8px 10px;
        border-radius: 39px;
        font-size: 1rem;
        width:95%;
        left: 50%;
        transform: translateX(-50%);
    }
    
    .callto .btn{
        font-size: 14px;
        flex-grow: 1;
    }
}