@media only screen and (max-width: 1920px) and (min-width: 1500px) {
    .container {
        max-width: 1315px;
    }
}

@media only screen and (max-width: 1600px) {}

@media only screen and (max-width: 1445px) {
    .company-head span
    {
        width: 70%;
    }
    .mini-container {
        width: 58%;
        margin: 0 auto;
    }
}

@media only screen and (max-width: 1366px) {
    html {
        font-size: 15px;
    }
    .company-head span
 {
     width: 70%;
 }

}

@media (max-width: 1199.98px) {
    html {
        font-size: 14px;
    }
    .company-head span
    {
        width: 70%;
    }
}

@media (max-width: 991.98px) {
    html {
        font-size: 12px;
        overflow-x: hidden !important;
    }
    .main-container{
        width: 100%;
        padding: 10px;
    }
    .company-head span {
        margin: 0 auto;
        font-size: 18px;
        background-color: #bed530;
        color: #3a4301;
        /* padding: 31px; */
        font-size: 10px;
        font-family: futuralt;
        height: 14px;
        font-weight: 800;
        width: 97%;
        align-items: center;
        padding: 13px 48px 28px 55px;
        border-radius: 62px;
        text-transform: uppercase;
        letter-spacing: 1px;
    }
    .White-section .mainHead{
        font-size: 35.3px;
    }
    .White-section .para{
        font-size: 14px;
    }
    p span{
        font-size: 14px;
    }
    .black-section{
        clip-path: unset;
    }
    .black-section .mainHead{
        font-size: 35.3px;

    }
    .mini-container{
        width: 100%;
        padding: 10px;
    }
    .black-section .mini-para{
        font-size: 15px;
        text-align: left;
    }
    .White-section .mini-para{
        font-size: 15px;
        text-align: left;
    }
    .black-section .step-title{
        font-size: 21px;
    }
    .black-section .step-description{
        font-size: 15.4px;
    }
    .black-section .sml-heading {
        font-family: "Poppins", sans-serif;
        font-size: 17px;
        font-weight: 400;
        color: #fff;
        margin-top: 29px;
        text-align: center;
    }
    .White-section .sml-heading {
        font-family: "Poppins", sans-serif;
        font-size: 17px;
        font-weight: 600;
        color: #000;
        margin-top: 29px;
    }
    .accordion-title{
        font-size: 14.7px;
        text-align: left;
    }
    .accordion-content p{
        font-size: 13px;
    }
    .company-head{
        display: none;
    }
    section {
        padding: 1rem 0rem;
    }
    .themeBtn {
        background: #bed530;
        font-size: 1.475rem;
        color: #fff;
        display: inline-block;
        padding: 1.04em 1.96em;
        border-radius: 45px;
        line-height: normal;
        font-family: fantasy;
        animation: blink 1s infinite; /* Add this line */
    }
    
    /* Blinking keyframes */
    @keyframes blink {
        0%, 100% {
            opacity: 1;
        }
        50% {
            opacity: 0;
        }
    }
}

@media (max-width: 767.98px) {
    html {
        font-size: 12px;
        overflow-x: hidden !important;
    }
    .main-container{
        width: 100%;
        padding: 10px;
    }
    .company-head span {
        margin: 0 auto;
        font-size: 18px;
        background-color: #bed530;
        color: #3a4301;
        /* padding: 31px; */
        font-size: 10px;
        font-family: futuralt;
        height: 14px;
        font-weight: 800;
        width: 97%;
        align-items: center;
        padding: 13px 48px 28px 55px;
        border-radius: 62px;
        text-transform: uppercase;
        letter-spacing: 1px;
    }
    .White-section .mainHead{
        font-size: 35.3px;
    }
    .White-section .para{
        font-size: 14px;
    }
    p span{
        font-size: 14px;
    }
    .black-section{
        clip-path: unset;
    }
    .black-section .mainHead{
        font-size: 35.3px;

    }
    .mini-container{
        width: 100%;
        padding: 10px;
    }
    .black-section .mini-para{
        font-size: 15px;
        text-align: left;
    }
    .White-section .mini-para{
        font-size: 15px;
        text-align: left;
    }
    .black-section .step-title{
        font-size: 21px;
    }
    .black-section .step-description{
        font-size: 15.4px;
    }
    .black-section .sml-heading {
        font-family: "Poppins", sans-serif;
        font-size: 17px;
        font-weight: 400;
        color: #fff;
        margin-top: 29px;
        text-align: center;
    }
    .White-section .sml-heading {
        font-family: "Poppins", sans-serif;
        font-size: 17px;
        font-weight: 600;
        color: #000;
        margin-top: 29px;
    }
    .accordion-title{
        font-size: 14.7px;
        text-align: left;
    }
    .accordion-content p{
        font-size: 13px;
    }
    .company-head{
        display: none;
    }
    section {
        padding: 1rem 0rem;
    }
    .themeBtn {
        background: #bed530;
        font-size: 1.475rem;
        color: #fff;
        display: inline-block;
        padding: 1.04em 1.96em;
        border-radius: 45px;
        line-height: normal;
        font-family: fantasy;
        animation: blink 1s infinite; /* Add this line */
    }
    
    /* Blinking keyframes */
    @keyframes blink {
        0%, 100% {
            opacity: 1;
        }
        50% {
            opacity: 0;
        }
    }
}

@media (max-width: 575.98px) {

    html {
        font-size: 12px;
        overflow-x: hidden !important;
    }
    .main-container{
        width: 100%;
        padding: 10px;
    }
    .company-head span {
        margin: 0 auto;
        font-size: 18px;
        background-color: #bed530;
        color: #3a4301;
        /* padding: 31px; */
        font-size: 10px;
        font-family: futuralt;
        height: 14px;
        font-weight: 800;
        width: 97%;
        align-items: center;
        padding: 13px 48px 28px 55px;
        border-radius: 62px;
        text-transform: uppercase;
        letter-spacing: 1px;
    }
    .White-section .mainHead{
        font-size: 35.3px;
    }
    .White-section .para{
        font-size: 14px;
    }
    p span{
        font-size: 14px;
    }
    .black-section{
        clip-path: unset;
    }
    .black-section .mainHead{
        font-size: 35.3px;

    }
    .mini-container{
        width: 100%;
        padding: 10px;
    }
    .black-section .mini-para{
        font-size: 15px;
        text-align: center;
    }
    .White-section .mini-para{
        font-size: 15px;
        text-align: left;
    }
    .black-section .step-title{
        font-size: 21px;
    }
    .black-section .step-description{
        font-size: 15.4px;
    }
    .black-section .sml-heading {
        font-family: "Poppins", sans-serif;
        font-size: 17px;
        font-weight: 400;
        color: #fff;
        margin-top: 29px;
        text-align: center;
    }
    .White-section .sml-heading {
        font-family: "Poppins", sans-serif;
        font-size: 17px;
        font-weight: 600;
        color: #000;
        margin-top: 29px;
    }
    .accordion-title{
        font-size: 14.7px;
        text-align: left;
    }
    .accordion-content p{
        font-size: 13px;
    }
    .company-head{
        display: none;
    }
    section {
        padding: 1rem 0rem;
    }
    .themeBtn {
        background: #bed530;
        font-size: 1.475rem;
        color: #fff;
        display: inline-block;
        padding: 1.04em 1.96em;
        border-radius: 45px;
        line-height: normal;
        font-family: fantasy;
        animation: blink 1s infinite; /* Add this line */
    }
    
    /* Blinking keyframes */
    @keyframes blink {
        0%, 100% {
            opacity: 1;
        }
        50% {
            opacity: 0;
        }
    }
}

@media (max-width: 320.98px) {

    html {
        font-size: 12px;
        overflow-x: hidden !important;
    }
    .main-container{
        width: 100%;
        padding: 10px;
    }
    .company-head span {
        margin: 0 auto;
        font-size: 18px;
        background-color: #bed530;
        color: #3a4301;
        /* padding: 31px; */
        font-size: 10px;
        font-family: futuralt;
        height: 14px;
        font-weight: 800;
        width: 97%;
        align-items: center;
        padding: 13px 48px 28px 55px;
        border-radius: 62px;
        text-transform: uppercase;
        letter-spacing: 1px;
    }
    .White-section .mainHead{
        font-size: 35.3px;
    }
    .White-section .para{
        font-size: 14px;
    }
    p span{
        font-size: 14px;
    }
    .black-section{
        clip-path: unset;
    }
    .black-section .mainHead{
        font-size: 35.3px;

    }
    .mini-container{
        width: 100%;
        padding: 10px;
    }
    .black-section .mini-para{
        font-size: 15px;
        text-align: left;
    }
    .White-section .mini-para{
        font-size: 15px;
        text-align: left;
    }
    .black-section .step-title{
        font-size: 21px;
    }
    .black-section .step-description{
        font-size: 15.4px;
    }
    .black-section .sml-heading {
        font-family: "Poppins", sans-serif;
        font-size: 17px;
        font-weight: 400;
        color: #fff;
        margin-top: 29px;
        text-align: center;
    }
    .White-section .sml-heading {
        font-family: "Poppins", sans-serif;
        font-size: 17px;
        font-weight: 600;
        color: #000;
        margin-top: 29px;
    }
    .accordion-title{
        font-size: 14.7px;
        text-align: left;
    }
    .accordion-content p{
        font-size: 13px;
    }
    .company-head{
        display: none;
    }
    section {
        padding: 1rem 0rem;
    }
    .themeBtn {
        background: #bed530;
        font-size: 1.475rem;
        color: #fff;
        display: inline-block;
        padding: 1.04em 1.96em;
        border-radius: 45px;
        line-height: normal;
        font-family: fantasy;
        animation: blink 1s infinite; /* Add this line */
    }
    
    /* Blinking keyframes */
    @keyframes blink {
        0%, 100% {
            opacity: 1;
        }
        50% {
            opacity: 0;
        }
    }
}