@media only screen and (max-device-width: 600px) {

    .login {
        padding-top : 70px;
    }


    .lo_main_box {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
    }

    .login_box {
        padding: 40px 24px;
    }

    .sign_up_box {
        display: flex;
        padding: 40px 24px;
        flex-direction: column;.reco_cer
        gap: 24px;
        flex: 1 0 0;
        align-self: stretch;
    }

    .lo_tit {
        color: var(--Core-Licorice, #230C0F);
        font-family: "DM Sans";
        font-size: 32px;
        font-style: normal;
        font-weight: 700;
        line-height: 120%;
        text-transform: capitalize;
    }


    .logn_btn {
        display: flex;
        padding: 16px;
        justify-content: center;
        align-items: center;
        align-self: stretch;
        height: 43px;
    }

    .green_line {
        color: var(--Core-Hunter-Green, #587B5D);
        text-align: center;
        font-family: "DM Sans";
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 150%;
        width: 100%;
        max-width: 295px;
        margin: 0px auto;
    }

    .catcha_btm {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 16px;
        align-self: stretch;
        flex-direction: column;
    }

    /* RECOVERY */
    .left_re {
        display: flex;
        padding: 40px 24px;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 24px;
        flex: 1 0 0;
        align-self: stretch;
        border: none;
        background: var(--Grayscale-White, #f6f6f6);
    }

    .reco_main {
        display: flex;
        flex-direction: column-reverse;
        justify-content: center;
        align-items: center;
    }

    .details_box {
        width: 100% !important;
    }

    .btns_bs {
        display: flex;
        flex-direction: column-reverse;
        justify-content: space-between;
        align-items: center;
        width: 100%;
        gap: 16px;
    }

    .logn_btn_1 {
        height: 43px;
    }

    .reco_cer {
            padding-top: 70px;
        padding-bottom: 0px;
    }

    .rgt_re {
        background-image: url(../linguizt_img/mob_img.png);
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
        height: 300px;
        width: 100%;
    }

    /* RESET */

    .green_oo {
        color: var(--Core-Hunter-Green, #587B5D);
        font-family: "DM Sans";
        font-size: 17px;
        font-style: normal;
        font-weight: 500;
        line-height: 150%;
        margin-bottom: 0px;
        margin-top: 0px;
    }

    .rgt_ree {
        background-image: url(../linguizt_img/res_mob.png);
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
        height: 300px;
        width: 100%;
    }

    /* MODAL */

    .logn_btn_2 {
        padding: 16px;
        border-radius: var(--Lrg, 40px);
        background: var(--Core-Accents-Mango, #FFC46C);
        color: var(--Core-Licorice, #230C0F);
        text-align: center;
        font-family: "DM Sans";
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        text-transform: capitalize;
        margin-bottom: 0px;
        width: 100%;
        max-width: 100% !important;
    }


    .paymet_failed_modal {
        padding: 40PX 24px;
    }

    /* SCT */
    
    .reco_ccer {
    padding-top: 70px;
    padding-bottom: 0px !important;
}

    .sct_main {
        display: flex;
        flex-direction: column-reverse;
        justify-content: center;
        align-items: center;
        position: relative;
        padding-top: 0px !important;
    }

    .sct_1 {
        background-image: url(../linguizt_img/mobb_1.png);
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
        height: 375px;
        width: 100%;
    }


    .lo_tittt {
        color: var(--Core-Licorice, #230C0F);
        font-family: "DM Sans";
        font-size: 32px;
        font-style: normal;
        font-weight: 700;
        line-height: 120%;
        text-transform: capitalize;
        width: 100%;
        max-width: 304px;
    }


    .green_ooo {
        color: var(--Core-Hunter-Green, #587B5D);
        font-family: "DM Sans";
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 150%;
        margin-top: -8px;
        margin-bottom: 0px;
    }

    .secon_box {
        display: flex;
        flex-direction: column;
        padding: 0px;
        align-items: center;
        gap: 24px;
        background: var(--Grayscale-White, #FBFCFF);
    }

    .check_box {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 24px;
    }

    .certi {
        color: var(--Core-Off-White, #F6F6F6);
        font-family: "DM Sans";
        font-size: 24px;
        font-style: normal;
        font-weight: 700;
        line-height: 120%;
        text-transform: capitalize;
    }

    .four_box {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 24px;
        align-self: stretch;
        padding: 0px 24px 40px;
    }

    .co_bxx {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 8px;
        align-self: stretch;
    }

    .cbsub_tt {
        color: var(--Core-Hunter-Green, #587B5D);
        font-family: "DM Sans";
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 150%;
        margin-bottom: 0px;
        text-align: center;
    }

    .lft_row {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 24px;
        flex: 1 0 0;
    }

    .sct_1_2 {
        background-image: url(../linguizt_img/mobb_2.png);
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
        height: 375px;
        width: 100%;
    }

    .ul_conn {
        color: var(--Core-Licorice, #230C0F);
        font-family: "DM Sans";
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 150%;
        margin-bottom: 0px;
    }

    .sct_4 {
        padding: 40px 24px 40px;
    }


    .three_boxxs {
        display: flex;
        padding: 0px;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 32px;
    }

    .thre_headin_bx {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 16px;
        width: 100%;
        max-width: 527px;
    }

    .bw_box {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 25px;
        height: 446px;
    }

    .rgtt_re {
        padding: 40px 24px;
        border: none !important;
    }

    .scct_main {
        display: flex;
        flex-direction: column-reverse;
        justify-content: center;
        align-items: center;
        position: relative;
    }

    .sct_1_3 {
        background-image: url(../linguizt_img/mobb_3.png);
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
        height: 375px;
        width: 100%;
    }

    .detailsss_box {
        display: flex;
        flex-direction: column;
        justify-content: center;
        gap: 24px;
        flex: 1 0 0;
        align-self: stretch;
    }

    .sct_1_5 {
        background-image: url(../linguizt_img/mobb_4.png);
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
        height: 375px;
        width: 100%;
    }

    .bullet_ss {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 16px;
        align-self: stretch;
        width: 100%;
    }


    .last_sec {
        background-image: url(../linguizt_img/mobb_5.png);
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
        padding-bottom: 68px;
    }

   .or_bene{
    color: var(--Core-Licorice, #230C0F);
   font-family: "DM Sans";
   font-size: 32px;
   font-style: normal;
   font-weight: 700;
   line-height: 120%; /* 38.4px */
    text-transform: capitalize;
   }

    .ls_title {
        color: var(--Core-Off-White, #F6F6F6);
        text-align: center;
        font-family: "DM Sans";
        font-size: 24px;
        font-style: normal;
        font-weight: 700;
        line-height: 120%;
        /* 28.8px */
        text-transform: capitalize;
    }

    .ls_sub {
        color: var(--Core-Off-White, #F6F6F6);
        text-align: center;
        font-family: "DM Sans";
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 150%;
        /* 24px */
    }
    
    .modal-dialog{
        margin:0px;
    }

    .ls_box {
        display: flex;
        width: 100%;
        max-width: 720px;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 24px;
        margin: auto;
        padding: 0px 24px;
    }
    .lo_tit2 {
        color: var(--Core-Licorice, #230C0F);
        font-family: "DM Sans";
        font-size: 32px;
        font-style: normal;
        font-weight: 700;
        line-height: 120%;
        text-transform: capitalize;
        margin-bottom: 0px;
    }
    
    .left_checks {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 24px;
    width: 320px;
}

    /* SST */
    .sst_6{
        padding: 0px;
    }
    .sst_1 {
        background-image: url(../linguizt_img/mobb_1.png);
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
        height: 375px;
        width: 100%;
    }


    .sst_1_2 {
        background-image: url(../linguizt_img/sct_2_1.png);
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
        height: 375px;
        width: 100%;
    }



    .logn_btn_2_1 {
        padding: 16px;
        border-radius: var(--Lrg, 40px);
        background: var(--Core-Accents-Mango, #FFC46C);
        color: var(--Core-Licorice, #230C0F);
        text-align: center;
        font-family: "DM Sans";
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        text-transform: capitalize;
        margin-bottom: 0px;
        width: 100%;
    }



    /* FAQ */

    .upper_sec {
        background-image: url(../linguizt_img/faq_mooo.png);
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
        width: 100%;
        height: 278px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .title_fq {
        width: 100%;
        max-width: 185px;
    }

    .faq {
        padding: 32px 0px 0px;
    }

    .fq_ttt {
        color: var(--Grayscale-White, #FBFCFF);
        text-align: center;
        font-family: "DM Sans";
        font-size: 32px;
        font-style: normal;
        font-weight: 700;
        line-height: 120%;
        text-transform: capitalize;
        margin-bottom: 0px;
    }

    .faq_parti {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        gap: 32px;
    }

    .accordi_box {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 16px;
        align-self: stretch;
    }

    .acco_flush {
        width: 100%;
        max-width: 327px;
    }

    .accord_titl {
        color: var(--Core-Licorice, #230C0F);
        font-family: "DM Sans";
        font-size: 24px;
        font-style: normal;
        font-weight: 700;
        line-height: 120%;
        text-transform: capitalize;
        margin-left: 24px;
        margin-right: auto;
    }

    .left_parti {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 40px;
        align-self: stretch;
    }

    .fq_titl {
        color: var(--Core-Licorice, #230C0F);
        font-family: "DM Sans";
        font-size: 24px;
        font-style: normal;
        font-weight: 700;
        line-height: 120%;
    }

    .ffqa_bx {
        display: flex;
        width: 100%;
        max-width: 327px;
        padding: 32px;
        flex-direction: column;
        align-items: center;
        gap: 24px;
        flex-shrink: 0;
        border: 1px solid var(--Grayscale-03, #BDBDBD);
        background: var(--Core-Off-White, #F6F6F6);
    }

.rgt_parti{
    margin: auto;
}

}












@media only screen and (min-width: 990px) and (max-width: 1100px) {}

@media only screen and (min-device-width: 950px) and (max-device-width: 989px) {
    .sign_up_box {
        display: flex;
        padding: 104px 75px 104px 65px;
        flex-direction: column;
        gap: 24px;
        flex: 1 0 0;
        align-self: stretch;
    }

    .login_box {
        background: var(--Core-Off-White, #F6F6F6);
        display: flex;
        padding: 104px 65px 104px 75px;
        flex-direction: column;
        gap: 24px;
        flex: 1 0 0;
        align-self: stretch;
    }
}


@media only screen and (min-device-width: 1000px) and (max-device-width: 1199px) {
    .sign_up_box {
        display: flex;
        padding: 104px 75px 104px 65px;
        flex-direction: column;
        gap: 24px;
        flex: 1 0 0;
        align-self: stretch;
    }

    .login_box {
        background: var(--Core-Off-White, #F6F6F6);
        display: flex;
        padding: 104px 65px 104px 75px;
        flex-direction: column;
        gap: 24px;
        flex: 1 0 0;
        align-self: stretch;
    }
}



@media only screen and (min-device-width: 1200px) and (max-device-width: 1348px) {
    .sign_up_box {
        display: flex;
        padding: 104px 75px 104px 65px;
        flex-direction: column;
        gap: 24px;
        flex: 1 0 0;
        align-self: stretch;
    }

    .login_box {
        background: var(--Core-Off-White, #F6F6F6);
        display: flex;
        padding: 104px 65px 104px 75px;
        flex-direction: column;
        gap: 24px;
        flex: 1 0 0;
        align-self: stretch;
    }



    .left_re {
        padding: 104px 45px 104px;

    }

    .lo_tit {
        color: var(--Core-Licorice, #230C0F);
        font-family: "DM Sans";
        font-size: 48px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        text-transform: capitalize;
        margin-bottom: 0px;
    }

    /* SCT */
    .rgtt_re {
        display: flex;
        padding: 104px 114px 104px;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 24px;
        flex: 1 0 0;
        align-self: stretch;
        background: var(--Grayscale-White, #FBFCFF);
    }



}

@media only screen and (min-device-width: 1349px) and (max-device-width: 1439px) {

    .sign_up_box {
        display: flex;
        padding: 104px 114px 104px 104px;
        flex-direction: column;
        gap: 24px;
        flex: 1 0 0;
        align-self: stretch;
    }

    .login_box {
        background: var(--Core-Off-White, #F6F6F6);
        display: flex;
        padding: 104px 104px 104px 114px;
        flex-direction: column;
        gap: 24px;
        flex: 1 0 0;
        align-self: stretch;
    }



    /* RECOVERY */
    .left_re {
        display: flex;
        padding: 104px 111px 104px 155px;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 24px;
        flex: 1 0 0;
        align-self: stretch;
    }
}

@media only screen and (min-device-width: 1440px) and (max-device-width: 1499px) {

    .sign_up_box {
        display: flex;
        padding: 104px 200px 104px 104px;
        flex-direction: column;
        gap: 24px;
        flex: 1 0 0;
        align-self: stretch;
    }

    .login_box {
        background: var(--Core-Off-White, #F6F6F6);
        display: flex;
        padding: 104px 104px 104px 240px;
        flex-direction: column;
        gap: 24px;
        flex: 1 0 0;
        align-self: stretch;
    }

    /* RECOVERY */
    .left_re {
        display: flex;
        padding: 104px 111px 104px 155px;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 24px;
        flex: 1 0 0;
        align-self: stretch;
    }
}

@media only screen and (min-device-width: 1500px) and (max-device-width: 1699px) {


    .sign_up_box {
        display: flex;
        padding: 104px 200px 104px 104px;
        flex-direction: column;
        gap: 24px;
        flex: 1 0 0;
        align-self: stretch;
    }

    .login_box {
        background: var(--Core-Off-White, #F6F6F6);
        display: flex;
        padding: 104px 104px 104px 240px;
        flex-direction: column;
        gap: 24px;
        flex: 1 0 0;
        align-self: stretch;
    }


    /* RECOVERY */

    .left_re {
        display: flex;
        padding: 104px 111px 104px 196px;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 24px;
        flex: 1 0 0;
        align-self: stretch;
    }
}

@media only screen and (min-device-width: 1700px) and (max-device-width: 1799px) {}

@media only screen and (min-device-width: 1800px) and (max-device-width: 1919px) {}