/*Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) { 
    /* main sec part start */
    .main-sec{
        padding: 80px 0;
    }
    .header-box{
        text-align: center;
    }
    .main-sec-box{
        justify-content: center;
        gap: 30px 60px;
    }
    .main-sec-top h1{
        text-align: start;
        font-size: 36px;
    }
    .main-sec-top h1::before{
        width: 35px;
        height: 35px;
        top: -10px;
        left: -10px;
    }
    .main-sec-top,
    .popup-box-content .main-sec-top {
        margin-bottom: 40px;
    }
    /* main sec part end */

    /* popup part start */
    .popup-box{
        padding: 50px 20px;
    }
    .popup-box-content .main-sec-top h1{
        margin-top: 120px;
    }
    /* popup part end */
 }

/*Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) and (max-width: 767.98px) { 
    /* main sec part start */
    .header-box{
        text-align: center;
    }
    .main-sec-box{
        justify-content: center;
        gap: 30px 60px;
    }
    .main-sec-top h1{
        text-align: start;
        margin-left: 30px;
        font-size: 40px;
    }
    .main-sec-top {
        margin-bottom: 50px;
    }
    /* main sec part end */

    /* popup part start */
    .popup-box{
        padding: 50px 20px;
    }
    .popup-box-content .main-sec-top h1{
        margin-top: 150px;
    }
    /* popup part end */
 }