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

    .logiin{
        height:100% !important;
        padding-top:96px;
    }

    .top_head_log {
        color: var(--Grayscale-800, #3C3C3C);
        text-align: center;
        font-family: "Lora";
        font-size: 29px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        text-transform: capitalize;
    }

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

    .lower_forms_box {
        display: flex;
        padding: var(--None, 0px) 24px 40px 24px;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 24px;
        align-self: stretch;
        border: none;
        background: transparent;
        box-shadow: none;
    }

    .colm_box {
        display: flex;
        flex-direction: column;
        width: 100%;
        max-width: 568px;
        align-items: flex-start;
        gap: 16px;
    }

    .feild_box {
        display: flex;
        flex-direction: column !important;
        justify-content: center;
        align-items: center;
        gap: 16px;
        flex: 1 0 0;
        width: 100%;
    }

    .btn_ani_cs {
        display: flex !important;
        padding: 10.5px 16px !important;
        justify-content: center;
        align-items: center;
        gap: 6px;
        align-self: stretch;
        border-radius: var(--8, 8px);
        border: var(--None, 1px) solid var(--Burnt-Orange, #C75629) !important;
        box-shadow: 4px 4px 0px 0px #C75629 !important;
        background-color: var(--Baby-Orange, #FDD4AF) !important;
        color: var(--Burnt-Orange, #C75629);
        font-family: "Outfit";
        font-size: 15px;
        font-style: normal;
        font-weight: 400;
        line-height: 110%;
        letter-spacing: 0.3px;
        text-transform: capitalize;
        margin-bottom: 0px;
        height: 31px;
        width: 327px;
    }

    /* SECURE CHECKOUT */

    .lower_chek_box {
        display: flex;
        align-items: flex-start;
        gap: 0px;
        align-self: stretch;
        justify-content: center;
        flex-direction: column;
        border-top: 1px solid #D0D0D0;
    }

    .iem_box_mob {
        display: flex;
        padding: 16px 24px;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 16px;
        align-self: stretch;
        border: var(--None, 1px) solid var(--tinted-white, #EAE9ED);
        background: var(--Grayscale-White, #FFF);
        box-shadow: 0px 19px 31px 0px rgba(0, 0, 0, 0.04), 0px 11.187px 16.17px 0px rgba(0, 0, 0, 0.03), 0px 5.746px 7.589px 0px rgba(0, 0, 0, 0.02), 0px 2.31px 3.323px 0px rgba(0, 0, 0, 0.02), 0px 0.517px 1.438px 0px rgba(0, 0, 0, 0.01);
    }

    .prd_irm_box {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        align-self: stretch;
        border: none;
        border-radius: 0px;
        gap: 16px;

    }

    .cart_sum {
        display: flex;
        width: 100%;
        padding: 24px 24px 40px;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 24px;
        align-self: stretch;
        border-radius: 0px;
        border: 0px solid var(--tinted-white, #EAE9ED);
        background: transparent;
        box-shadow: none;
    }

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

    .linee {
        width: 100%;
        height: 1px;
        background-color: #D0D0D0;
        margin: 0px;
    }

    .iccos {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 16px;
    }

    .below_box {
        display: flex;
        justify-content: space-between;
        align-items: center;
        align-self: stretch;
    }

    .tooat {
        color: var(--Grayscale-800, #3C3C3C);
        text-align: center;
        font-family: "Outfit";
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        text-transform: capitalize;
        margin-bottom: 0px;
    }

    .hun_ot {
        color: var(--Burnt-Orange, #C75629);
        font-family: "Outfit";
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        text-transform: capitalize;
        margin-bottom: 0px;

    }

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

    .btn_app_cs {
        display: flex;
        padding: 18.5px 24px;
        justify-content: center;
        align-items: center;
        gap: var(--8, 8px);
        align-self: stretch;
        border-radius: var(--8, 8px);
        border: var(--None, 1px) solid var(--Burnt-Orange, #C75629);
        background: var(--Grayscale-White, #FFF);
        box-shadow: 4px 4px 0px 0px #C75629;
        color: var(--Burnt-Orange, #C75629);
        font-family: "Outfit";
        font-size: 15px;
        font-style: normal;
        font-weight: 400;
        line-height: 110%;
        letter-spacing: 0.3px;
        text-transform: capitalize;
        margin-bottom: 0px;
        height: 51px;
        width: 327px;
    }

    .grnd_tot_box {
        display: flex;
        /* height: 118px; */
        padding-top: 0px;
        flex-direction: column;
        justify-content: flex-end;
        align-items: center;
        gap: 16px;
        align-self: stretch;
    }

    .billing_detail {
        display: flex;
        padding: 24px 24px 40px;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        gap: 16px;
        flex: 1 0 0;
        align-self: stretch;
        border-radius: 0px;
        border: 1px solid var(--tinted-white, #EAE9ED);
        background: var(--Grayscale-White, #FFF);
        box-shadow: 0px 19px 31px 0px rgba(0, 0, 0, 0.04), 0px 11.187px 16.17px 0px rgba(0, 0, 0, 0.03), 0px 5.746px 7.589px 0px rgba(0, 0, 0, 0.02), 0px 2.31px 3.323px 0px rgba(0, 0, 0, 0.02), 0px 0.517px 1.438px 0px rgba(0, 0, 0, 0.01);
        width: 100%;
        max-width: 705px;
    }

    .forms_billl {
        margin-top: 8px;
        gap:8px;
    }

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

    .cart_tit {
        color: var(--Grayscale-800, #3C3C3C);
        text-align: center;
        font-family: "Lora";
        font-size: 22px;
        font-style: normal;
        font-weight: 500;
        line-height: 141%;
        text-transform: capitalize;
        margin-bottom: 0px;
    }

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

    .btn_ani_sec {
        display: flex !important;
        padding: 10.5px 16px !important;
        justify-content: center;
        align-items: center;
        gap: 6px;
        align-self: stretch;
        border-radius: var(--8, 8px) !important;
        border: var(--None, 1px) solid var(--Burnt-Orange, #C75629) !important;
        box-shadow: 4px 4px 0px 0px #C75629 !important;
        background-color: var(--Baby-Orange, #FDD4AF) !important;
        color: var(--Burnt-Orange, #C75629);
        font-family: "Outfit";
        font-size: 15px;
        font-style: normal;
        font-weight: 400;
        line-height: 110%;
        letter-spacing: 0.3px;
        text-transform: capitalize;
        margin-bottom: 0px;
        width: 327px;
        height: 47px;
    }
    
    

    /* SERVICES */
    .btn_local {
    --icon-color: #000;
    transition: all 0.3s ease-in-out;
     display: flex; 
     gap :0px;
    }
    .check_top_banner {
        display: flex;
        flex-direction: column;
        align-items: center;
        position: relative;
        height: 512px;
        justify-content: center;
        margin-top: 0px;
    }

    .ser_head h4 {
        color: var(--Grayscale-White, #FFF);
        text-align: center;
        font-family: "Lora";
        font-size: 29px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        text-transform: capitalize;
    }

    .serv_2_sec {
        display: flex;
        padding: 40px 24px;
        justify-content: center;
        align-items: center;
        gap: 67px;
        border: 0px;
        background: var(--Grayscale-White, #FFF);
    }


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

    .card_img {
        width: 100%;
        max-width: 155px;
    }

    .left_content {
        display: flex;
        padding: 40px 24px;
        flex-direction: column;
        align-items: center;
        gap: 32px;
        align-self: stretch;
        border-radius: 0px;
        border: none;
    }

    .cont_se_tex_text {
        color: var(--Grayscale-800, #3C3C3C);
        text-align: center;
        font-family: "Lora";
        font-size: 29px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        text-transform: capitalize;
        margin-bottom: 0px;
    }

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

    .cont_se_sub_text {
        color: var(--Grayscale-700, #656565);
        font-family: "Outfit";
        font-size: 16px;
        font-style: normal;
        font-weight: 300;
        line-height: 142.25%;
        letter-spacing: 0.48px;
        margin-bottom: 0px;
        text-align: center;
    }


    .se_inner_text_rght {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        gap: 32px;
        align-self: stretch;
        margin-right: auto;
        margin-left: auto;
        width: 100%;
        max-width: 327px;
    }

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

    .btns_boxx {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 24px;
    }

    .right_content {
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 0px var(--None, 0px) var(--None, 0px) 0px;
        border: 0px solid var(--tinted-white, #EAE9ED);
        background: var(--Grayscale-White, #FFF);
        padding: 40px 24px;
    }

    .se_inner_text_lft {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        gap: 32px;
        align-self: stretch;
        margin-right: auto;
        margin-left: auto;
        width: 100%;
        max-width: 327px;
    }

    .left_content_2 {
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: var(--None, 0px) var(--None, 0px) 0px var(--None, 0px);
        border: 0px solid var(--tinted-white, #EAE9ED);
        background-color: var(--Grayscale-White, #FFF);
        padding: 40px 0px;
    }

    .right_content_2 {
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 0px var(--None, 0px) var(--None, 0px) 0px;
        border: 0px solid var(--tinted-white, #EAE9ED);
        background: var(--Grayscale-White, #FFF);
        padding: 40px 0px;
    }




    .right_content:hover {
        padding: 40px 11px;
        border: 13px solid var(--Baby-Orange, #FDD4AF);
    }

    .right_content_2:hover {
        padding: 40px 11px;
        border: 13px solid var(--Baby-Orange, #FDD4AF);
    }

    .left_content:hover {
        padding: 40px 11px;
        border: 13px solid var(--Baby-Orange, #FDD4AF);
    }

    .left_content_2:hover {
        padding: 40px 11px;
        border: 13px solid var(--Baby-Orange, #FDD4AF);
    }



    /* Modal */

    .forget_dailog {
        margin: 0px;
    }

    .paymet_failed_modal {
        background-image: url(../WriteWayServices-img/Success_bggg.png);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center center;
        display: flex;
        padding: 24px;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 24px;
        width: 100%;
        max-width: 100%;
        margin: auto;
        border-radius: 0px;
    }

    .payment_failed_ttitlr {
        color: var(--Functional-Success-Green, #007800);
        font-family: "Lora";
        font-size: 22px;
        font-style: normal;
        font-weight: 500;
        line-height: 141%;
        text-transform: capitalize;
        margin-bottom: 0px;
        text-align: center;
    }

    .payment_failed_ttitl_r {
        color: var(--Functional-Error-Red, #C81414);
        font-family: "Lora";
        font-size: 22px;
        font-style: normal;
        font-weight: 500;
        line-height: 141%;
        text-transform: capitalize;
        margin-bottom: 0px;
        text-align: center;

    }

    .subtitle {
        color: var(--Grayscale-800, #3C3C3C);
        text-align: center;
        font-family: "Outfit";
        font-size: 16px;
        font-style: normal;
        font-weight: 300;
        line-height: 142.25%;
        letter-spacing: 0.48px;
        margin-bottom: 0px;
    }

    .mod_btn_box {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        gap: 16px;
    }

    .modal_ss {
        padding-right: 0px;
    }

    .btn_multi_g_mod {
        display: flex !important;
        padding: 18.5px 24px !important;
        justify-content: center !important;
        align-items: center !important;
        gap: var(--8, 8px) !important;
        flex: 1 0 0 !important;
        border-radius: var(--8, 8px);
        border: var(--None, 1px) solid var(--Burnt-Orange, #C75629) !important;
        background: var(--Grayscale-White, #FFF) !important;
        box-shadow: 4px 4px 0px 0px #C75629 !important;
        width: 155.5px !important;
        height: 47px !important;
        color: var(--Burnt-Orange, #C75629);
        font-family: "Outfit";
        font-size: 15px;
        font-style: normal;
        font-weight: 400;
        line-height: 110%;
        /* 16.5px */
        letter-spacing: 0.3px;
        text-transform: capitalize;

    }

    .btn_multi_mo {
        display: flex !important;
        padding: 18.5px 24px !important;
        justify-content: center !important;
        align-items: center !important;
        gap: var(--8, 8px) !important;
        flex: 1 0 0 !important;
        border-radius: var(--8, 8px) !important;
        border: var(--None, 1px) solid var(--Burnt-Orange, #C75629) !important;
        background: var(--Baby-Orange, #FDD4AF) !important;
        box-shadow: 4px 4px 0px 0px #C75629 !important;
        width: 155.5px !important;
        height: 47px !important;
        color: var(--Burnt-Orange, #C75629);
        font-family: "Outfit";
        font-size: 15px;
        font-style: normal;
        font-weight: 400;
        line-height: 110%;
        letter-spacing: 0.3px;
        text-transform: capitalize;
    }


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

    .service_step_modal1 {
        background-color: var(--Grayscale-White, #FFF);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center center;
        display: flex;
        padding: 0px;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 24px;
        width: 100%;
        margin: auto;
    }


    .modal_img_desc {
        display: flex;
        width: 100%;
        padding: 24px;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 16px;
        flex: 1 0 0;
        background: var(--Grayscale-White, #FFF);
        border-radius: 0px;
        box-shadow: none;
    }

    .desci {
        color: var(--Grayscale-700, #656565);
        font-family: "Futura PT";
        font-size: 18px;
        font-style: normal;
        font-weight: 400;
        line-height: 141%;
        margin-bottom: 0px;
        text-align: center;
    }

    .modal_pop_head {
        display: flex;
        flex-direction: column;
        text-align: center;
        gap: 24px;
    }

    .right_second_box {
        display: flex;
        width: 100%;
        padding: 40px 24px;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 24px;
        border-radius: 0px;
        box-shadow: none;
    }

    .dual_ipnut_box {
        display: flex;
        height: 100%;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 24px;
        flex-shrink: 0;
        align-self: stretch;
    }

    .modal_dual_botton {
        display: flex;
        justify-content: center;
        flex-direction: row;
        align-items: center;
        gap: 8px;
        align-self: stretch;
    }

    .btn_app_can {
        width: 155.5px;
    }

    .btn_app_con {
        width: 155.5px;
    }

    .radio-container {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 8px;
    }

    .pandore {
        display: flex;
        padding: 18.5px 24px;
        justify-content: center;
        align-items: center;
        gap: var(--8, 8px);
        align-self: stretch;
        border-radius: var(--8, 8px);
        border: var(--None, 1px) solid var(--Baby-Orange, #FDD4AF);
        background: var(--Burnt-Orange, #C75629);
        box-shadow: 4px 4px 0px 0px #FDD9AF;
        color: var(--Baby-Orange, #FDD4AF);
        font-family: "Outfit";
        font-size: 15px;
        font-style: normal;
        font-weight: 400;
        line-height: 110%;
        letter-spacing: 0.3px;
        text-transform: capitalize;
        margin-bottom: 0px;
        width: 100%;
    }

    .pandore2 {
        display: flex;
        padding: 18.5px 24px;
        justify-content: center;
        align-items: center;
        gap: var(--8, 8px);
        align-self: stretch;
        border-radius: var(--8, 8px);
        border: var(--None, 1px) solid var(--Burnt-Orange, #C75629);
        background: var(--Baby-Orange, #FDD4AF);
        box-shadow: 4px 4px 0px 0px #C75629;
        color: var(--Burnt-Orange, #C75629);
        font-family: "Outfit";
        font-size: 15px;
        font-style: normal;
        font-weight: 400;
        line-height: 110%;
        letter-spacing: 0.3px;
        text-transform: capitalize;
        margin-bottom: 0px;
        width: 100%;
    }

    .grand_gold {
        color: var(--Grayscale-800, #3C3C3C);
        font-family: "Outfit";
        font-size: 15px;
        font-style: normal;
        font-weight: 300;
        line-height: 142.25%;
        letter-spacing: 0.48px;
        margin-bottom: 0px;
    }

    .lack_odd {
        color: var(--Burnt-Orange, #C75629);
        font-family: "Outfit";
        font-size: 15px;
        font-style: normal;
        font-weight: 300;
        line-height: 142.25%;
        letter-spacing: 0.48px;
        margin-bottom: 0px;

    }

    .sub_2_total_box {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        gap: 20px;
        align-self: stretch;
        padding: 8px 0px;
        border-top: 1px solid #D9743C;
        border-bottom: 1px solid #D9743C;
    }

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


    .btn_multi_g_thrie1 {
        display: flex !important;
        width: 327px !important;
        max-width: 370px;
        height: 64px !important;
        padding: 16px 0px !important;
        justify-content: center !important;
        align-items: center !important;
        flex-shrink: 0;
        border-radius: 9px !important;
        border: 1px solid var(--core-palette-night-p, #161616) !important;
        background: var(--Core-Palette-Coco-Orange, #6BA577) !important;
        color: var(--core-palette-night-p, #161616);
        text-align: center;
        font-family: "DM Sans";
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        letter-spacing: 0.32px;
        text-transform: capitalize;
    }


    .btn_multi_thrie1 {
        display: flex !important;
        width: 327px !important;
        max-width: 370px;
        height: 64px !important;
        padding: 16px 0px !important;
        justify-content: center !important;
        align-items: center !important;
        flex-shrink: 0;
        border-radius: 9px !important;
        border: 1px solid var(--core-palette-night-p, #161616) !important;
        background: var(--Core-Palette-Coco-Orange, #D9743C) !important;
        color: var(--core-palette-night-p, #161616);
        text-align: center;
        font-family: "DM Sans";
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        letter-spacing: 0.32px;
        text-transform: capitalize;
    }

    /* ABOUT US */

    .abou_head {
        width: 100%;
        margin-left: auto;
        margin-top: 170px;
    }


    .ab_check_top_banner {
        display: flex;
        flex-direction: column;
        align-items: center;
        position: relative;
        height: 512px;
        justify-content: center;
        margin-top: 95px;
    }


    .abou_head h4 {
        color: var(--Grayscale-White, #FFF);
        text-align: center;
        font-family: "Lora";
        font-size: 29px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        text-transform: capitalize;
        margin-bottom: 0px;
    }

    .about_2_sec {
        background-image: url(../image/abou_mob_2.png);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center center;
        background-color: #FFF;
        position: relative;
        height: 948px;
        padding-top: 280px;
    }

    .ab_cont_box h4 {
        color: var(--Grayscale-800, #3C3C3C);
        text-align: center;
        font-family: "Lora";
        font-size: 29px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        text-transform: capitalize;
        margin-bottom: 0px;

    }

    .ab_cont_box {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 24px;
        width: 100%;
        max-width: 327px;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
    }

    .abu_btn_1 {
        width: 327px;
    }

    .img_bods {
        display: flex;
        flex-direction: column;
        gap: 24px;
        position: static;
        left: -80px;
        width: 327px;
        margin: auto;
        gap:16px;
    }

    .dual_div_1 {
        display: flex;
        flex-direction: column;
        gap: 16px;
    }

    .about_3_sec {
        display: flex;
        padding: 24px 0px 16px;
        flex-direction: column;
        gap: 16px;
        background-color: var(--Grayscale-400, #F4F4F4);
    }

    .row_1 {
        height: auto;
    }

    .row_2 {
        height: auto;
    }

    .img_bods_2 {
        flex-direction: column;
        position: static;
        width: 100%;
        max-width: 327px;
        margin: auto;
        gap:16px;
    }


    .img_ab {
        height: auto;
    }

    .ww_d_1 {
        display: flex;
        width: 100%;
        padding: 24px;
        flex-direction: column;
        align-items: center;
        gap: 24px;
        background-color: var(--Grayscale-White, #FFF);
    }

    .about_4_ccs {
        padding: 0px;
    }

    .abo_4_txt h4 {
        color: var(--Grayscale-White, #FFF);
        text-align: center;
        font-family: "Lora";
        font-size: 29px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        text-transform: capitalize;
        margin-bottom: 0px;
    }

    .abo_4_txt {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 24px;
    }

    .about_4_sec {
        display: flex;
        flex-direction: column;
        align-items: center;
        position: relative;
        height: 346px;
        justify-content: center;
        width: 100%;
    }

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

    .at_today {
        width: 327px;
    }

    .faq_page_2 {
        background-image: url(../image/faq_mob.png);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center center;
        background-color: var(--Grayscale-400, #fff);
        position: relative;
        height: 1255px;
    }

    .faq_box {
        left: 0px;
        display: flex;
        padding: 40px 24px;
        flex-direction: column;
        align-items: flex-start;
        gap: 40px;
        width: 100%;
        max-width: 908px;
        position: absolute;
        top: 140px;
    }

    .faq_top_box h4 {
        color: var(--Grayscale-800, #3C3C3C);
        text-align: center;
        font-family: "Lora";
        font-size: 29px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        text-transform: capitalize;
        margin-bottom: 0px;
    }

    .faq_top_box {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 24px;
        width: 100%;
        max-width: 598px;
    }


    .faq_top_box p {
        color: var(--Grayscale-700, #656565);
        font-family: "Outfit";
        font-size: 16px;
        font-style: normal;
        font-weight: 300;
        line-height: 142.25%;
        letter-spacing: 0.48px;
        margin-bottom: 0px;
        text-align: center;
    }


    .ww_d_1 h4{
    color: var(--Burnt-Orange, #C75629);
    text-align: center;
    leading-trim: both;
    /* Heading/H4 */
    font-family: "Lora";
    font-size: 22px;
    font-style: normal;
    font-weight: 500;
    line-height: 141%; /* 31.02px */
    text-transform: capitalize;    
     margin-bottom: 0px;

    }
    
    .ww_d_1 p {
    color: var(--Grayscale-800, #3C3C3C);
    font-family: "Outfit";
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 125.25%;
    letter-spacing: 0.48px;
    margin-bottom: 0px;
    text-align: center;
}



















}

@media only screen and (min-device-width: 1200px) and (max-device-width: 1348px) {

    .se_heads_box {
        display: flex;
        flex-direction: column;
        gap: 10px;
    }

    .se_inner_text_rght {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        gap: 20px;
        align-self: stretch;
        margin-right: 20px;
        margin-left: auto;
        width: 100%;
        max-width: 548px;
    }

    .se_inner_text_lft {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        gap: 40px;
        align-self: stretch;
        margin-right: auto;
        margin-left: 55px;
        width: 100%;
        max-width: 548px;
    }

    .right_content:hover {
        border: 20px solid var(--Baby-Orange, #FDD4AF);
    }

    .right_content_2:hover {
        border: 20px solid var(--Baby-Orange, #FDD4AF);
    }

    .left_content:hover {
        border: 20px solid var(--Baby-Orange, #FDD4AF);
    }

    .left_content_2:hover {
        border: 20px solid var(--Baby-Orange, #FDD4AF);
    }

    .cont_se_tex_text {
        color: var(--Grayscale-800, #3C3C3C);
        font-family: "Lora";
        font-size: 30px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        text-transform: capitalize;
        margin-bottom: 0px;
    }

    .cont_se_sub_text {
        color: var(--Grayscale-700, #656565);
        font-family: "Outfit";
        font-size: 12px;
        font-style: normal;
        font-weight: 300;
        line-height: 142.25%;
        letter-spacing: 0.48px;
        margin-bottom: 0px;
    }

    .modal_two_box {
        display: flex;
        justify-content: center;
        align-items: flex-start;
        gap: 32px;
        width: 100%;
    }

    .right_second_box {
        width: 100%;
        max-width: 560px;
    }

    .pandore2 {
        max-width: 155px;
    }

    .pandore {
        max-width: 155px;
    }

    .btn_app_con {
        width: 225px;
    }

    .btn_app_can {
        width: 225px;
    }

    /* ABOUT US */
    
    .ab_cont_box {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 40px;
        width: 100%;
        max-width: 549px;
        margin-left: 12px;
        margin-right: auto;
    }

    .img_ab {
        height: 486px;
        width: 355px;
    }

    .img_bods {
        display: flex;
        gap: 24px;
        position: absolute;
        left: -11px;
    }

    .img_bods_2 {
        display: flex;
        gap: 24px;
        position: absolute;
        right: -11px;
    }
    
    .faq_page_2 {
        background-image: url(../image/FAQ.png);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center center;
        background-color: var(--Grayscale-400, #F4F4F4);
        position: relative;
        height: 571px;
        overflow:scroll;
    }
   .faq_box {
        left: 418px;
        display: flex;
        padding: 64px;
        flex-direction: column;
        align-items: flex-start;
        gap: 29px;
        width: 100%;
        max-width: 750px;
        position: absolute;
        top: -140px;
    }

    .ab_cont_box {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 35px;
        width: 100%;
        word-wrap: break-word;
        max-width: 508px;
        margin-left: 65px;
        margin-right: auto;
    }
    
    .about_2_sec {
    background-image: url(../image/abou_2.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    background-color: black;
    position: relative;
    height: 485px;
    }

    .ab_cont_box p{
        font-size:14px;
    }
    

    .ab_cont_box h4 {
            font-size:40px;

    }
    
    .imgg_boxs{
    background-image: url(../image/ad_rgt.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 394px;

}

.imgg_boxs2{
    background-image: url(../image/cor_ser_lft.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 394px;
}

.imgg_box3{
    background-image: url(../image/cre_rgt.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 394px;
}

.imgg_box4{
    background-image: url(../image/cre_suc_left.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 394px;
}

    .img_ab {
        height: 100%;
        width: 355px;
    }
    
    .ww_d_1 {
        display: flex;
        width: 457px;
        padding: 30px;
        flex-direction: column;
        align-items: flex-start;
        gap: 0px;
        background-color: var(--Grayscale-White, #FFF);
    }
    .dual_div_1 {
        display: flex;
        flex-direction: column;
        gap: 12px;
    }

    .row_1 {
        /*background-image: url(../image/abou_3.png);*/
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center center;
        background-color: var(--Grayscale-400, #F4F4F4);
        position: relative;
        height: 404px;
    }

    .row_2 {
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center center;
        background-color: var(--Grayscale-400, #F4F4F4);
        position: relative;
        height: 371px;
    }




}

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

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

    .se_heads_box {
        display: flex;
        flex-direction: column;
        gap: 10px;
    }

    .se_inner_text_rght {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        gap: 20px;
        align-self: stretch;
        margin-right: 55px;
        margin-left: auto;
        width: 100%;
        max-width: 548px;
    }

    .se_inner_text_lft {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        gap: 40px;
        align-self: stretch;
        margin-right: auto;
        margin-left: 55px;
        width: 100%;
        max-width: 548px;
    }

    .right_content:hover {
        border: 20px solid var(--Baby-Orange, #FDD4AF);
    }

    .right_content_2:hover {
        border: 20px solid var(--Baby-Orange, #FDD4AF);
    }

    .left_content:hover {
        border: 20px solid var(--Baby-Orange, #FDD4AF);
    }

    .left_content_2:hover {
        border: 20px solid var(--Baby-Orange, #FDD4AF);
    }



    .service_step_modal1 {
        background-color: transparent;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center center;
        display: flex;
        padding: 0px;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 24px;
        width: auto;
        margin: auto;
    }

    /* ABOUT US */

    .faq_box {
        left: 447px;
        display: flex;
        padding: 64px;
        flex-direction: column;
        align-items: flex-start;
        gap: 40px;
        width: 100%;
        max-width: 844px;
        position: absolute;
        top: -110px;
    }
    
    .faq_page_2 {
    background-image: url(../image/FAQ.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    background-color: var(--Grayscale-400, #F4F4F4);
    position: relative;
    height: 649px;
    overflow:scroll;

}

    .ab_cont_box {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 35px;
        width: 100%;
        word-wrap: break-word;
        max-width: 508px;
        margin-left: 124px;
        margin-right: auto;
    }
    
    .about_2_sec {
    background-image: url(../image/abou_2.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    background-color: black;
    position: relative;
    height: 485px;
    }

    .ab_cont_box p{
        font-size:14px;
    }
    

    .ab_cont_box h4 {
            font-size:40px;

    }

    .imgg_boxs{
    background-image: url(../image/ad_rgt.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 447px;

}

.imgg_boxs2{
    background-image: url(../image/cor_ser_lft.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 447px;
}

.imgg_box3{
    background-image: url(../image/cre_rgt.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 447px;
}

.imgg_box4{
    background-image: url(../image/cre_suc_left.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 447px;
}

      .img_ab {
        height: 100%;
        width: 386px;
    }
    
    .ww_d_1 {
        display: flex;
        width: 457px;
        padding: 30px;
        flex-direction: column;
        align-items: flex-start;
        gap: 0px;
        background-color: var(--Grayscale-White, #FFF);
    }
  
    .dual_div_1 {
        display: flex;
        flex-direction: column;
        gap: 43px;
    }

    .row_1 {
        /*background-image: url(../image/abou_3.png);*/
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center center;
        background-color: var(--Grayscale-400, #F4F4F4);
        position: relative;
        height: 404px;
    }

    .row_2 {
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center center;
        background-color: var(--Grayscale-400, #F4F4F4);
        position: relative;
        height: 371px;
    }



















}

@media only screen and (min-device-width: 1500px) and (max-device-width: 1699px) {
    .modal_two_box {
        display: flex;
        justify-content: center;
        align-items: flex-start;
        gap: 32px;
        width: 100%;
    }
}

@media only screen and (min-device-width: 1800px) and (max-device-width: 1919px) {
    .modal_two_box {
        display: flex;
        justify-content: center;
        align-items: flex-start;
        gap: 32px;
        width: 100%;
    }
}