/* LOGIN */

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

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

.loo_gin {
    display: flex;
    flex-direction: column;
    gap: 24px;
    width: 100%;
    max-width: 566px;
}

.sign_oop {
    display: flex;
    flex-direction: column;
    gap: 24px;
    width: 100%;
    max-width: 566px;
}


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


.passwor_d {
    display: flex;
    height: 56px;
    padding: 12px 16px;
    align-items: center;
    gap: 8px;
    align-self: stretch;
    border-radius: var(--Sml, 10px);
    border: 1px solid var(--Grayscale-03, #BDBDBD);
    background: var(--Core-Off-White, #F6F6F6);
    color: var(--Core-Licorice, #230C0F);
    font-family: "DM Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: capitalize;
    margin-bottom: 0px !important;
}

.loc2 {
    position: absolute;
    top: 15px;
    right: 16px;
}

.password_box {
    position: relative;
}

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

.logn_btn {
    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%;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 43px;

}

.forget_pass {
    color: var(--Core-Licorice, #230C0F);
    text-align: center;
    font-family: "DM Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    /* 24px */
}

.sign_up_box {
    display: flex;
    padding: 104px 280px 104px 104px;
    flex-direction: column;
    gap: 24px;
    flex: 1 0 0;
    align-self: stretch;
    background-color: #FBFCFF;
}

.catcha_btm {
    display: flex;
    justify-content: center;
    
}
    
    .fq_titl {
    color: var(--Core-Licorice, #230C0F);
    font-family: "DM Sans";
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    text-transform: capitalize;
    margin-bottom: 0px;
    width: 100%;
    max-width: 350px;
}


.password_box {
    height: 56px;
}

.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: 390px;
    margin: 0px auto;
}

.odd {
    color: var(--Core-Licorice, #230C0F);
    font-family: "Raleway";
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    text-decoration-line: underline;
    margin-bottom: 0px;
    text-underline-offset: 2px;
}

.login{
    padding-bottom: 0px;
    padding-top: 100px;
}




/* RECOVERY */
.reco_cer{
    padding-top: 100px;
   padding-bottom: 0px;
}
.reco_main {
    display: flex;
    justify-content: center;
    align-items: center;
}

.left_re {
    display: flex;
     padding: 0px 160px 0px 212px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 24px;
    flex: 1 0 0;
    align-self: stretch;
    background: var(--Core-Off-White, #F6F6F6);
    border-right: 24px solid var(--Grayscale-White, #FBFCFF);
    border-left: 24px solid var(--Grayscale-White, #FBFCFF);
}


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

.logn_btn_1 {
    display: flex;
    padding: 16px;
    justify-content: center;
    align-items: center;
    flex: 1 0 0;
    border-radius: var(--Lrg, 40px);
    border: 1px solid var(--Core-Accents-Mango, #FFC46C);
    background: var(--Core-Off-White, #F6F6F6);
    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;
}

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

.form-control:focus {
    color: #212529;
    background-color: #fff !important;
    border-color: #86b7fe;
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25);
}


.logn_btn_1 {
    width: 100%;
    min-width: 191px;
    height:43px;
}

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

.rgt_re {
    background-image: url(../linguizt_img/img.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 740px;
    width: 1130px;
}

/* RESET */

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


/* MODAL */

.moodal {
    padding-right: 0px !important;
}

.forget_dailog {
    max-width: 100% !important;
}


.paymet_failed_modal {
    border-top: 16px solid var(--Grayscale-04, #E3E3E3);
    border-bottom: 16px solid var(--Grayscale-04, #E3E3E3);
    background-color: var(--Core-Off-White, #F6F6F6);
    display: flex;
    height: 380px;
    padding: 104px 280px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 24px;
    flex-shrink: 0;
    position: relative;
}

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

.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: 200px;
}


.unio_n {
    position: absolute;
    top: 16px;
    left: 16px;
}

.unio_n1 {
    position: absolute;
    bottom: 16px;
    right: 16px;
}

.mo_red {
    color: var(--Core-Accents-Rose-Red, #B33951);
    text-align: center;
    font-family: "DM Sans";
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    /* 27px */
    margin-bottom: 0px;
}


/* SCT */

.sct_main {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

.grey {
    position: absolute;
    left: 48PX;
    bottom: 24PX;
}

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

.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: 8px;
}

.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: 200px;
    height: 43px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.sct_2 {
    background: var(--Grayscale-White, #FBFCFF);
    padding-bottom: 0px;
    padding-top: 0px;

}

.secon_box {
    display: flex;
    padding: 80px 0px;
    align-items: center;
    gap: 80px;
    justify-content: center;
}

.brown_boc {
    display: flex;
    padding: var(--Lrg, 40px) 24px;
    flex-direction: column;
    align-items: center;
    gap: 28px;
    border-radius: 8px;
    background: var(--Core-Licorice, #230C0F);
    width:100%;
    max-width:693px;
}

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

.yeloo {
    color: var(--Core-Accents-Mango, #FFC46C);
    text-align: center;
    font-family: "DM Sans";
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    /* 28.8px */
    margin-bottom: 0px;
}

.check_box {
    display: flex;
    align-items: flex-start;
    width:100%;
    max-width:585px;
}

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

.check_boxs {
    display: flex;
    align-items: center;
    gap: 12px;
}

.check_text {
    color: var(--Core-Off-White, #F6F6F6);

    /* P/M */
    font-family: "DM Sans";
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    /* 27px */
    margin-bottom: 0px;
}

.four_box {
    display: flex;
    align-items: flex-start;
    gap: var(--Lrg, 40px);
    align-self: stretch;
    width:100%;
    max-width:587px;
}

.lft_row {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--Lrg, 40px);
    flex: 1 0 0;
}


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

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

.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;
}

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

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

.detailss_box {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 24px;
    flex: 1 0 0;
    align-self: stretch;
    width: 100%;
    max-width: 589px;
    margin-left: auto
    ;

}

.left_re {
    display: flex;
     padding: 0px 160px 0px 212px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 24px;
    flex: 1 0 0;
    align-self: stretch;
    background: var(--Core-Off-White, #F6F6F6);
}

.reco_ccer {
    padding-top: 100px;
    padding-bottom: 0px !important;
}

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

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

.or_bene {
    color: var(--Core-Licorice, #230C0F);

    font-family: "DM Sans";
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    text-transform: capitalize;
    margin-bottom: 0px;
}

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

.bw_box {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 25px;
    align-self: stretch;
}

.w_bx {
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex: 1 0 0;
    align-self: stretch;
    color: var(--Core-Licorice, #230C0F);
    text-align: center;
    font-family: "DM Sans";
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
}

.b_cont {
    margin-bottom: 0px;
}

.b_bx {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    flex: 1 0 0;
    align-self: stretch;
    background: var(--Core-Licorice, #230C0F);
    border: 1px solid var(--Core-Licorice, #230C0F);
    border-radius: 0px 0px 10px 10px;

}

.reco_cccer {
    padding-top: 0px;
    padding-bottom: 0px;
}

.sct_4{
    background: var(--Grayscale-White, #FBFCFF);
}

.w_cont {
    color: var(--Core-Off-White, #F6F6F6);
    text-align: center;
    font-family: "DM Sans";
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    text-transform: capitalize;
    margin-bottom: 0px;
}

.three_boxxs {
    width: 100%;
}

.bw_box_s {
    width: 100%;
    display: flex;
    height: 132px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex: 1 0 0;
    border-radius: var(--Sml, 10px);
    border: 1px solid var(--Core-Licorice, #230C0F);
    background: var(--Core-Off-White, #F6F6F6);
}

.redd_sct {
    position: absolute;
    left: 48px;
    top: 48px;
    z-index: 1;
}

.scct_main {
    display: flex;
    flex-direction: row-reverse;
    justify-content: center;
    align-items: center;
    position: relative;
    border-top: 1px solid var(--Grayscale-04, #E3E3E3);
}

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

.cre_m_1 {
    position: absolute;
    top: 24px;
    right: 24px;
}

.cre_m {
    position: absolute;
    bottom: 24px;
    right: 24px;
}

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

.detailsss_box {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 32px;
    flex: 1 0 0;
    align-self: stretch;
    width: 100%;
    max-width: 604px ;
    margin-left: auto;

}


.bullet_s {
    display: flex;
    align-items: flex-start;
    gap: 80px;
    align-self: stretch;
    width: 100%;
}

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

.ul_bx {
    color: var(--Core-Licorice, #230C0F);
    font-family: "DM Sans";
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    text-transform: capitalize;
    margin-bottom: 0px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;

}

.sst_6 {
        padding-top: 0px !important;
    padding: 24px 0px;
    background: var(--Grayscale-White, #FBFCFF);
}

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

.last_sec {
    background-image: url(../linguizt_img/last_scee.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

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

.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 */
    margin-bottom: 0px;
}

.ls_box {
    display: flex;
    width: 100%;
    max-width: 720px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 24px;
    margin: auto;
}

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

.btns_bsss {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

/* SST */

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

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

.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%;
    max-width: 200px;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* FAQ */

.upper_sec_main{
    padding-bottom: 0px;
}

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

.title_fq {
    display: flex;
    width: 440px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 24px;
    margin: 0 auto;
}


.fq_ttt {
    color: var(--Core-100---Clear-White, #FFF);
    text-align: center;
    font-family: "DM Sans";
    font-size: 56px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: capitalize;
    margin-bottom: 0px;
}
.faq{
    background: var(--Grayscale-300---Lightest, #F1F1F1);
}


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

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

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


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

.accor_item {
    padding: 0px;
    align-self: stretch;
    border: 1px solid var(--Grayscale-03, #BDBDBD);
    background: var(--Grayscale-White, #FBFCFF);
}

.acco_flush {
    width: 806px;
}

.accor_btn {
    color: var(--Core-Licorice, #230C0F);
    font-family: "DM Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    border: 1px solid var(--Grayscale-03, #BDBDBD);
    background: var(--Grayscale-White, #FBFCFF);
}

.accordion-button:not(.collapsed) {
    color: #230C0F;
    background-color: transparent;
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .125);
}

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

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


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

.fq_green {
    color: var(--Core-Hunter-Green, #587B5D);
    font-family: "AvantGardeMdITC";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 155%;
    /* 24.8px */
    margin-bottom: 0px;
}

.accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    content: ''; /* Adding content to the pseudo-element */
    transform: rotate(-180deg);
    display: inline-block; /* Making sure the pseudo-element is displayed */
}