/* Mobile Large (L) - min-width: 768px and max-width: 991.98px */
@media (min-width: 768px) and (max-width: 991.98px) {
    .font18 {
        font-size: 16px !important; /* Adjust as needed */
    }
    .font20 {
        font-size: 18px !important; /* Adjust as needed */
    }
    .font24 {
        font-size: 20px !important; /* Adjust as needed */
    }
    .font30 {
        font-size: 25px !important; /* Adjust as needed */
    }
    .font35 {
        font-size: 30px !important; /* Adjust as needed */
    }
    .font40 {
        font-size: 35px !important; /* Adjust as needed */
    }
    .font60 {
        font-size: 50px !important; /* Adjust as needed */
    }
    .font70 {
        font-size: 60px !important; /* Adjust as needed */
    }
    .font100 {
        font-size: 80px !important; /* Adjust as needed */
    }

    .home-img{
        width: 100%!important;
    }

    .home-section {
        padding: 10px 0 5% 0;
        min-height: 40vh !important;
    }

    .mobile-home-head1{
        font-size: 18px !important;
    }
    .mobile-home-head3{
        font-size: 18px!important;
        line-height: 22px!important;
        margin-bottom: 0px!important;
        font-weight: 300 !important;
    }

    .mobile-join-now{
        margin-top: 5%;
        width: 43%;
        height: auto;
    }

    .mobile-about-title{
        font-size: 26px !important;
    }

    .mobile-about-content{
        font-size: 18px !important;
        font-weight: 300 !important;
    }
    .mobile-top-pad-10per{
        padding-top: 10% !important;
    }
    .mobile-top-pad-5per{
        padding-top: 5% !important;
    }
    .mobile-top-pad-0per{
        padding-top: 0% !important;
    }
    .mobile-margin-top{
        margin-top: 3%;
    }

    .about-section {
        min-height: 30vh;
        padding: 2% 0 0px 0;
    }


    .card1 {
        background-color: #F8B600;
        width: 300px;
        height: 300px;
    }

    .card2 {
        background-color: #F8B600;
        width: 300px;
        height: 300px;
    }

    .tablet-why-content{
        font-size: 16px!important;
    }
}