@media screen and (max-width: 1199px) {
    .hero-section{
        padding: 370px 0;
    }

    .py-100{
        padding: 70px 0;
    }

    .onama-section-2{
        width: 100% !important;
    }
}


@media screen and (max-width: 991px) {
    html{
        font-size: 14px !important;
    }
    .hero-section{
        padding: 300px 0;
    }
    .py-100{
        padding: 55px 0;
    }

    .w-md-75{
        width: 100%;
    }
}

@media screen and (max-width: 768px) {
    html{
        font-size: 14px !important;
    }
    .hero-section{
        padding: 300px 0;
    }
    .py-100{
        padding: 55px 0;
    }

    .w-md-75{
        width: 100%;
    }
}

@media screen and (max-width: 576px) {
    html{
        font-size: 13px !important;
    }
    .hero-section{
        padding: 240px 0 100px 0;
       
    }

    .section-1{
        padding: 30px 0;
    }

    .section-3{
        padding: 10px 0;
    }

    .py-100{
        padding: 30px 0;
    }


    .icon-card{
        justify-content: flex-start;
      }
}