/* REGISTER */

.register {
    padding: 80px 0px;
}


.register {
    background-image: url(../webatrex_img/Login.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    background-color: #121212;

}

.regis_box {
    display: flex;
    padding: 40px;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
    border-radius: 8px;
    border: 1px solid var(--Grayscale-700, #656565);
    background: var(--Grayscale-Near-Black, #0E0E0E);
    backdrop-filter: blur(22px);
    width: 100%;
    max-width: 599px;
    margin: 0 auto;
    margin-top: 140px;
}

.regi_title {
    color: #F1F1F1;
    font-family: "Cambay";
    font-size: clamp(32px, 4vw, 45px);
    font-style: normal;
    font-weight: 400;
    line-height: 52px;
    margin-bottom: 0px;
}

.sub_title {
    color: #F1F1F1;
    font-family: "Cambay";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.5px;
    margin-bottom: 0px;
}

.sub_title:hover {
    color: #F1F1F1;
    font-family: "Cambay";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.5px;
    margin-bottom: 0px;
}


.sub_title_1 {
    color: #F1F1F1;
    font-family: "Cambay";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.5px;
    text-decoration-line: underline;
    margin-bottom: 0px;
    text-underline-offset: 3px;

}

.sub_title_1:hover {
    color: #F1F1F1;
    font-family: "Cambay";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.5px;
    text-decoration-line: underline;
    margin-bottom: 0px;
    text-underline-offset: 3px;

}

.input_baxx {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
    width: 100%;
}

.inpi_boxx {
    display: flex;
    width: 100%;
    padding: 12px 16px;
    flex-direction: column;
	width: 333px;
    justify-content: center;
    align-items: flex-start;
    gap: 24px;
    border-radius: 8px;
    border: 1px solid var(--Grayscale-700, #656565);
    background: linear-gradient(101deg, rgba(255, 255, 255, 0.08) 0%, rgba(255, 255, 255, 0.04) 100%);
    backdrop-filter: blur(22px);
    color: #F1F1F1;
    font-family: "Cambay";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.5px;
    opacity: 0.6;
    margin-bottom: 0px;
}

.forget_box {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
}

.btn_light {
    border-radius: 32px;
    border: 1px solid #021C35;
    background: var(--Grayscale-400, #F4F4F4);
    display: flex;
    width: 127px;
    padding: 11px 20px 8px 20px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    flex-shrink: 0;
    color: #021C35;
    font-family: "Cambay";
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 0px;
}

.btn_light:hover {
    border-radius: 32px;
    border: 1px solid #F1F1F1;
    background: var(--Secondary-Orange, #EB641E);
    display: inline-flex;
    padding: 11px 20px 8px 20px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    color: var(--Grayscale-White, #FFF);
    font-family: "Cambay";
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 0px;
}

.loc2 {
    position: absolute;
    right: 16px;
    top: 12px;
    color: #F1F1F1;
    font-family: "Cambay";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.5px;
    text-decoration-line: underline;
    margin-bottom: 0px;
    text-underline-offset: 3px;
}

.password_box {
    width: 100%;
    height: 100%;
	width: 333px;
    max-height: 48px;
        position: relative;

}

.a:hover {
    color: #1352d1 !important;
}

/* REGISTER */


.login_box {
    display: flex;
    padding: 40px;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
    border-radius: 8px;
    border: 1px solid var(--Grayscale-700, #656565);
    background: var(--Grayscale-Near-Black, #0E0E0E);
    backdrop-filter: blur(22px);
    width: 100%;
    max-width: 772px;
    margin: 0 auto;
    margin-top: 140px;
}

.fileds_box {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 24px;
    width: 100%;
}

.login_input {
     display: flex;
  
    align-items: flex-start;
    gap: 24px;
    width: 100%;
}

.paaass_box {
    display: flex;
    align-items: flex-start;
    gap: 24px;
    width: 100%;
}

.loc2_1 {
    position: relative;
    left: 265px;
    top: -37px;
    color: #F1F1F1;
    font-family: "Cambay";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.5px;
    text-decoration-line: underline;
    margin-bottom: 0px;
    text-underline-offset: 3px;
}

.terms_lline {
    color: #F1F1F1;
    font-family: "Comfortaa" !important;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 155.9%;
    /* 23.385px */
    margin-bottom: 0px;
}

.terms_lline:hover {
    color: #F1F1F1;
    font-family: "Comfortaa" !important;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 155.9%;
    /* 23.385px */
    margin-bottom: 0px;
}
.captcha_box {
    display: flex;
    width: 100%;
    align-items: center;
    gap: 24px;
}

.custom_checkbox {
    display: flex;
    align-items: center;
    gap: 8px;
}

.tick_box {
    width: 24px !important;
    height: 16px !important;
}

.btn_light1 {
    border-radius: 32px;
    border: 1px solid #021C35;
    background: var(--Grayscale-400, #F4F4F4);
    display: flex;
    width: 100%;
    max-width: 202px;
    padding: 11px 20px 8px 20px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    flex-shrink: 0;
    color: #021C35;
    font-family: "Cambay";
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 0px;
}

.btn_light1:hover {
    border-radius: 32px;
    border: 1px solid #F1F1F1;
    background: var(--Secondary-Orange, #EB641E);
    display: inline-flex;
    padding: 11px 20px 8px 20px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    color: var(--Grayscale-White, #FFF);
    font-family: "Cambay";
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 0px;
}

.register_1 {
    padding: 80px 0px;
}


.register_1 {
    background-image: url(../webatrex_img/Login.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    background-color: #121212;

}


/* FORGET PASSWORD */

.fgyp {
    background-image: url(../webatrex_img/fgyp.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    background-color: #121212;
}

.fgyp_box {
    display: flex;
    padding: 40px;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
    border-radius: 8px;
    border: 1px solid var(--Grayscale-700, #656565);
    background: var(--Grayscale-Near-Black, #0E0E0E);
    backdrop-filter: blur(22px);
    width: 100%;
    max-width: 772px;
    margin: 0 auto;
    margin-top: 140px;
}


/* RESET PASSWORD */

.rp_box {
    display: flex;
    padding: 40px;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
    border-radius: 8px;
    border: 1px solid var(--Grayscale-700, #656565);
    background: var(--Grayscale-Near-Black, #0E0E0E);
    backdrop-filter: blur(22px);
    width: 100%;
    max-width: 758px;
    margin: 0 auto;
    margin-top: 140px;
    margin-bottom: 80PX;
}


/* THANKS FOR registering */


.than_ks {
    background-image: url(../webatrex_img/thanks_reg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    background-color: #121212;
}

.than_kas {
    display: flex;
    padding: 40px;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
    border-radius: 8px;
    border: 1px solid var(--Grayscale-700, #656565);
    background: var(--Grayscale-Near-Black, #0E0E0E);
    backdrop-filter: blur(22px);
    width: 100%;
    max-width: 758px;
    margin: 0 auto;
    margin-top: 140px;
    margin-bottom: 80PX;
}

.th_box {
    display: flex;
    padding: 39px;
    flex-direction: column;
    align-items: center;
    gap: 24px;
    border-radius: 8px;
    border: 1px solid var(--Grayscale-700, #656565);
    background: var(--Grayscale-Near-Black, #0E0E0E);
    backdrop-filter: blur(22px);
    width: 100%;
    max-width: 523px;
    margin: 0 auto;
    margin-top: 180px;
    margin-bottom: 80PX;
    text-align: center;
}

.sub_title_th {
    color: #F1F1F1;
    font-family: "Cambay";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.5px;
    margin-bottom: 0px;
}

.sub_title_th:hover {
    color: #F1F1F1;
    font-family: "Cambay";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.5px;
    margin-bottom: 0px;
}

/* ABOUT US */

.abt_top {
    background-image: url(../webatrex_img/abt_sec_top.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    background-color: #121212;

}

.top_box_div {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 32px;
    margin-top: 160px;
    margin-bottom: 80px;
}

.abt_title_box {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    width: 100%;
    max-width: 767px;
}

.abt_title {
    color: #FFF;
    text-align: center;
    font-family: "Cambay";
    font-size: 65px;
    font-style: normal;
    font-weight: 400;
    line-height: 70px;
    /* 107.692% */
    letter-spacing: -0.25px;
    text-transform: capitalize;
    margin-bottom: 0px;
}

.abt_sub_title {
    color: #F4F4F4;
    text-align: center;
    font-family: "Comfortaa";
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 155.9%;
    margin-bottom: 0px;
    width: 100%;
    max-width: 552px;
}

.abt_sec_2 {
    background-image: url(../webatrex_img/abt_sec_2.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    background-color: #121212;
    padding: 25px 0px;
}

.mid_img_box {
    display: flex;
    align-items: center;
    gap: 16px;
}

.mid_tit_box {
    display: flex;
    padding: 40px;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
    border-radius: 32px;
    backdrop-filter: blur(22px);
}

.mid_tit {
    color: #F1F1F1;
    font-family: "Cambay";
    font-size: 45px;
    font-style: normal;
    font-weight: 400;
    line-height: 52px;
    /* 115.556% */
    margin-bottom: 0px;
}

.mid_sub {
    color: var(--Grayscale-600, #9B9B9B);
    font-family: "Cambay";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    /* 150% */
    letter-spacing: 0.5px;
    margin-bottom: 0px;
}

.abt_sec_3 {
    background-image: url(../webatrex_img/abt_sec_3.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    background-color: #121212;
    padding: 25px 0px;
}

.mid_img_box_2 {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    gap: 55px;
}

.abt_sec_last {
    background-image: url(../webatrex_img/abt_last_sec_1.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    background-color: #121212;
    padding: 100px 0px;
}

.three_box {
    display: flex;
    align-items: flex-start;
    gap: 40px;
    width: 100%;
    max-width: 1442px;
}

.boxex {
    display: flex;
    padding: 40px;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
    border-radius: 8px;
    border: 1px solid var(--Grayscale-700, #656565);
    background: linear-gradient(101deg, rgba(255, 255, 255, 0.08) 0%, rgba(255, 255, 255, 0.04) 100%);
    backdrop-filter: blur(22px);
}

.icon_box {
    display: flex;
    align-items: center;
    gap: 24px;
}

.ico_tit {
    color: #F1F1F1;
    font-family: "Cambay";
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px;
    margin-bottom: 0px;
}

.ico_sub {
    color: #F1F1F1;
    font-family: "Cambay";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    /* 150% */
    letter-spacing: 0.5px;
    margin-bottom: 0px;
}

.abt_last_1{
    /* background-image: url(../webatrex_img/abt_last_sec_1.png); */
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    background-color: #121212;
    padding: 0px;
}


/*-----------------------------------responsive---------------------------------*/


@media only screen and (max-device-width: 600px) {

    /* LOGIN */

    .cont_iin {
        padding: 0px 24px;
    }

    .register {
        background-image: url(../webatrex_img/Login_mob.png);
        background-repeat: no-repeat;.abt_sec_3
        background-size: cover;
        background-position: center center;
        background-color: #121212;
top_box_div
    }

    .regis_box {
        display: flex;
        width: 100%;
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
        backdrop-filter: none;
        border-radius: 0px;
        border: 0px;
        background: transparent;
        padding: 0px;
        margin-top: 80px;
    }

    .regi_title {
        color: #F1F1F1;
        font-family: "Cambay";
        font-size: 32px;
        font-style: normal;
        font-weight: 700;
        line-height: 40px;
        /* 125% */
    }

    .sub_title {
        color: #F1F1F1;
        font-family: "Cambay";
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 24px;
        letter-spacing: 0.5px;
        width: 100%;
        max-width: 231px;

    }

    .input_baxx {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 16px;
        width: 100%;
        margin-top: 16px;
        margin-bottom: 16px;
    }

    .loc2 {
        position: relative;
        left: 270px;
        top: -37px;
    }

    .forget_box {
        display: flex;
        width: 100%;
        flex-direction: column-reverse;
        justify-content: space-between;
        align-items: center;
        gap: 24px;
        text-align: center;
    }

    .btn_light {
        border-radius: 32px;
        border: 1px solid #021C35;
        background: var(--Grayscale-400, #F4F4F4);
        display: flex;
        width: 100%;
        padding: 11px 20px 8px 20px;
        justify-content: center;
        align-items: center;
        gap: 10px;
        flex-shrink: 0;
        color: #021C35;
        font-family: "Cambay";
        font-size: 16px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        margin-bottom: 0px;
    }

    /* REGISTER */

    .register_1 {
        background-image: url(../webatrex_img/Login_mob.png);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center center;
        background-color: #121212;
        padding-bottom: 40px;
    }

    .login_box {
        display: flex;
        width: 100%;
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
        backdrop-filter: none;
        border-radius: 0px;
        border: 0px;
        background: transparent;
        padding: 0px;
        margin-top: 40px;
    }

    .login_input {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 24px;
        width: 100%;
    }

    .captcha_box {
        display: flex;
        flex-direction: column;
        width: 100%;
        align-items: center;
        gap: 24px;
        margin-bottom: 16px;
    }

    .btn_light1 {
        max-width: 100%;
    }

    .captcha {
        height: 61px;
    }

    .fileds_box {
        margin: 16px auto;
    }


    /* FORGET PASSWORD */



    .fgyp {
        background-image: url(../webatrex_img/fgyp_mob.png);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center top;
        background-color: #121212;
        padding-bottom: 80px;
    }

    .fgyp_box {
        display: flex;
        width: 100%;
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
        backdrop-filter: none;
        border-radius: 0px;
        border: 0px;
        background: transparent;
        padding: 0px;
        margin-top: 40px;
    }


    /* RESET PASSWORD */
    .rp_box {
        display: flex;
        width: 100%;
        flex-direction: column;
        align-items: flex-start;
        gap: 24px;
        backdrop-filter: none;
        border-radius: 0px;
        border: 0px;
        background: transparent;
        padding: 0px;
        margin-top: 40px;
        margin-bottom: 0px;
    }

    /* THANKS FOR REGE */

    .th_box {
        display: flex;
        width: 100%;
        flex-direction: column;
        align-items: flex-start;
        gap: 24px;
        backdrop-filter: none;
        border-radius: 0px;
        border: 0px;
        background: transparent;
        padding: 0px;
        margin-top: 40px;
        margin-bottom: 0px;
    }

    .than_ks {
        background-image: url(../webatrex_img/reg_moob.png);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center center;
        background-color: #121212;
        padding-bottom: 80px;
    }

    .sub_title_th {
        color: #F1F1F1;
        font-family: "Cambay";
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 24px;
        letter-spacing: 0.5px;
        width: 100%;
        max-width: 242px;
        margin: 0px auto;
    }
    
    .paaass_box {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
    width: 100%;
}



    /* ABOUT US */

    .abt_top {
        background-image: url(../webatrex_img/abt_top_mob.png);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center center;
        background-color: #121212;
        padding: 0px 24px 80px 24px;
    }

    .top_box_div {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 24px;
        margin-top: 78px;
        margin-bottom: 100px;
    }
.abt_title_box{
            margin-top: 109px;

}

    .abt_title {
        color: #F1F1F1;
        text-align: center;
        font-family: "Cambay";
        font-size: 32px;
        font-style: normal;
        font-weight: 700;
        line-height: 40px;
    }

    .abt_sub_title {
        color: #F4F4F4;
        text-align: center;
        font-family: "Cambay";
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 24px;
        letter-spacing: 0.5px;
        width: 100%;
        max-width: 319px;
    }

    .mid_tit {
        color: #F1F1F1;
        font-family: "Cambay";
        font-size: 28px;
        font-style: normal;
        font-weight: 400;
        line-height: 36px;
    }

    .mid_img_box {
        display: flex;
        flex-direction: column-reverse;
        align-items: center;
        gap: 32px;
    }

    .mid_tit_box {
        padding: 0px;
        gap :8px;
        backdrop-filter:none;
    }

    .abt_sec_2 {
        padding: 0 24px 30px;
        background-image: none;
    }

    .mid_img_box_2 {
        display: flex;
        align-items: center;
        gap: 32px;
        flex-direction: column-reverse;
    }

    .abt_sec_3 {
        background-image: url(../webatrex_img/about_ss.png);
                background-repeat: no-repeat;
        background-size: cover;
        background-position: center left;
        background-color: #121212;
        padding: 0px 24px;
        height: 930px;
    }


    .three_box {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 40px;
        width: 100%;
        max-width: 1442px;
    }

    .boxex {
        display: flex;
        padding: 16px 40px;
        flex-direction: column;
        align-items: center;
        gap: 8px;
        text-align: center;
    }

    .abt_sec_last {
        background-image: url(../webatrex_img/about_sss.png);
        background-repeat: no-repeat;
        background-size: contain;
        background-position: top;
        background-color: #121212;
        padding: 80px 24px;
        padding-bottom:0px;
    }

    .ico_tit {
        width: 100%;
        max-width: 179px;
    }

    .ico_sub {
        color: #F1F1F1;
        font-family: "Cambay";
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 24px;
        letter-spacing: 0.5px;
        margin-bottom: 0px;
    }

    .icon_box {
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
        gap: 8px;
    }

    .contact_us{
        margin: 40px auto;
    }

.login_box{
    margin-bottom: 0px !important;
}







}












@media only screen and (min-device-width: 999px) and (max-device-width: 1080px) {
    .ico_tit {
        color: #F1F1F1;
        font-family: "Cambay";
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 32px;
        margin-bottom: 0px;
    }

    .ico_sub {
        color: #F1F1F1;
        font-family: "Cambay";
        font-size: 13px;
        font-style: normal;
        font-weight: 400;
        line-height: 24px;
        letter-spacing: 0.5px;
        margin-bottom: 0px;
    }

    .boxex {
        display: flex;
        padding: 40px;
        flex-direction: column;
        align-items: flex-start;
        gap: 15px;
        border-radius: 8px;
        border: 1px solid var(--Grayscale-700, #656565);
        background: linear-gradient(101deg, rgba(255, 255, 255, 0.08) 0%, rgba(255, 255, 255, 0.04) 100%);
        backdrop-filter: blur(22px);
    }




}

@media only screen and (min-device-width: 950px) and (max-device-width: 998px) {
    .img_ll{
        width: 45% !important;
    }

    .mid_tit {
        color: #F1F1F1;
        font-family: "Cambay";
        font-size: 40px;
        font-style: normal;
        font-weight: 400;
        line-height: 52px;
        margin-bottom: 0px;
    }

    .mid_sub {
        color: var(--Grayscale-600, #9B9B9B);
        font-family: "Cambay";
        font-size: 13px;
        font-style: normal;
        font-weight: 400;
        line-height: 24px;
        letter-spacing: 0.5px;
        margin-bottom: 0px;
    }

    .boxex {
        display: flex;
        padding: 35px;
        flex-direction: column;
        align-items: flex-start;
        gap: 5px;
        border-radius: 8px;
        border: 1px solid var(--Grayscale-700, #656565);
        background: linear-gradient(101deg, rgba(255, 255, 255, 0.08) 0%, rgba(255, 255, 255, 0.04) 100%);
        backdrop-filter: blur(22px);
    }


    .ico_tit {
        color: #F1F1F1;
        font-family: "Cambay";
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 32px;
        margin-bottom: 0px;
    }


    .ico_sub {
        color: #F1F1F1;
        font-family: "Cambay";
        font-size: 10px;
        font-style: normal;
        font-weight: 400;
        line-height: 24px;
        letter-spacing: 0.5px;
        margin-bottom: 0px;
    }
}


@media only screen and (min-device-width: 1000px) and (max-device-width: 1199px) {
    .img_ll{
        width: 45% !important;
    }

    .mid_tit {
        color: #F1F1F1;
        font-family: "Cambay";
        font-size: 40px;
        font-style: normal;
        font-weight: 400;
        line-height: 52px;
        margin-bottom: 0px;
    }

    .mid_sub {
        color: var(--Grayscale-600, #9B9B9B);
        font-family: "Cambay";
        font-size: 13px;
        font-style: normal;
        font-weight: 400;
        line-height: 24px;
        letter-spacing: 0.5px;
        margin-bottom: 0px;
    }
}



@media only screen and (min-device-width: 1200px) and (max-device-width: 1348px) {
    .img_ll{
        width: 45% !important;
    }

    .ico_tit {
        color: #F1F1F1;
        font-family: "Cambay";
        font-size: 21px;
        font-style: normal;
        font-weight: 400;
        line-height: 32px;
        margin-bottom: 0px;
    }

}

@media only screen and (min-device-width: 1349px) and (max-device-width: 1439px) {
    .img_ll{
        width: 45% !important;
    }

    .ico_tit {
        color: #F1F1F1;
        font-family: "Cambay";
        font-size: 21px;
        font-style: normal;
        font-weight: 400;
        line-height: 32px;
        margin-bottom: 0px;
    }


}

@media only screen and (min-device-width: 1440px) and (max-device-width: 1499px) {
    .img_ll{
        width: 45% !important;
    }
}

@media only screen and (min-device-width: 1500px) and (max-device-width: 1699px) {}

@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) {}