/*////////////////////////// LOGIN /////////////////////////////////*/

.logiin {
    background-color: #FAF9F8;
    padding-bottom: 0px !important;
    padding-top:115px;
}


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

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

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

.lower_forms_box {
    display: flex;
    padding: 40px 64px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 32px;
    border-radius: 24px;
    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: 696px;
}

.acc_g {
    color: var(--Grayscale-700, #656565);
    text-align: center;
    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;
}

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

.orng:hover {
    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;
}

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

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

.inn_fi {
    display: flex;
    height: 43px;
    padding: 16px;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
    border-radius: var(--4, 4px);
    border: 1px solid var(--Grayscale-500, #D0D0D0);
    background: var(--Grayscale-White, #FFF);
    color: var(--Grayscale-800, #3C3C3C);
    font-family: "Outfit";
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 142.25%;
    letter-spacing: 0.48px;
    margin-bottom: 0px;
    width: 100%;
}

.password-field {
    position: relative;
    width: 100%;
}

.eye-btn {
    position: absolute;
    top: 50%;
    right: 16px;
    transform: translateY(-50%);
    cursor: pointer;
}

.eye-btn:hover {
    color: #666;
}


.custom_checkbox {
    display: flex;
    align-items: center;
    gap: 7px;
}

.tick_box {
    width: 24px;
    height: 24px;
    border: 1px solid var(--Grayscale-700, #656565);
    background-color: var(--Grayscale-White, #FFF);
    border-radius: 0px !important;
    margin-top: 0px !important;
}

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


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

}

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

.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) !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: 230px;
    height: 35px;
}

.button--pandora {
    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%;
    /* 16.5px */
    letter-spacing: 0.3px;
    text-transform: capitalize;
}

.button--pandora:hover {
    background-color: var(--Baby-Orange, #C75629) !important;
    border-radius: var(--8, 8px) !important;

}

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


/* ////////////////////////// SECURE CHECKOUT /////////////////////////////////*/

.lower_chek_box {
    display: flex;
    align-items: flex-start;
    gap: 24px;
    align-self: stretch;
    justify-content: center;
}

.cart_sum {
    display: flex;
    width: 525px;
    padding: 24px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    gap: 24px;
    border-radius: 24px;
    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);
}

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

.prd_irm_box {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    align-self: stretch;
    border: 1px solid var(--Grayscale-500, #D0D0D0);
    border-radius: var(--8, 8px) var(--8, 8px) var(--None, 8px) var(--None, 8px);

}

.iem_box {
    display: flex;
    padding: 16px 24px;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
    border-radius: var(--8, 8px) var(--8, 8px) var(--None, 0px) var(--None, 0px);
    /* border-top: 1px solid var(--Grayscale-500, #D0D0D0);
    border-right: 1px solid var(--Grayscale-500, #D0D0D0);
    border-left: 1px solid var(--Grayscale-500, #D0D0D0); */
    border-bottom: 1px solid var(--Grayscale-500, #D0D0D0);
    /* background: var(--Grayscale-White, #FFF); */
}

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

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

.prd_sub {
    color: var(--Grayscale-700, #656565);
    font-family: "Outfit";
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 67.7%;
    text-transform: capitalize;
    margin-bottom: 0px;

}

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

}

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

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

}

.btn_app_cs:hover {
    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);
    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;
    margin-bottom: 0px;
    box-shadow: 0px 0px 0px #C75629;

}



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

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

.inner_suv_b {
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
    border-top: 1px solid #3C3C3C;
    border-bottom: 1px solid #3C3C3C;
    padding: 16px 0px;

}

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

.master {
    width: 100%;
    height: 64px;
}

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

.billing_detail {
    display: flex;
    padding: 24px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    gap: 32px;
    flex: 1 0 0;
    align-self: stretch;
    border-radius: 24px;
    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 {
    display: flex;
    /* height: 425px; */
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    align-self: stretch;
}

.inn_fi_sc {
    display: flex;
    padding: 16px;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
    border-radius: var(--4, 4px);
    border: 1px solid var(--Grayscale-500, #D0D0D0);
    background-color: var(--Grayscale-White, #FFF);
    color: var(--Grayscale-800, #3C3C3C);
    font-family: "Outfit";
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 142.25%;
    letter-spacing: 0.48px;
    margin-bottom: 0px;
    width: 100%;
}

.form-select {
    background-image: url(../image/drp_dwn.svg);
    background-size: 24px;
}


.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: 417px;
    /* height: 35px; */
}

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


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

.qty {
    color: var(--Burnt-Orange, #C75629);
    text-align: center;
    font-family: "Outfit";
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 133.7%;
    /* 16.044px */
    text-transform: capitalize;
    margin-bottom: 0px;
}

.g-recaptcha {
    /*transform: scale(0.77);*/
    -webkit-transform: scale(0.75) !important;
    /*transform-origin: 0 0;*/
    -webkit-transform-origin: center !important;
}

/* SERVICES */

.bg-image:not([class*=absolute]) {
    position: absolute;
}

.check_top_banner {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    height: 750px;
    justify-content: center;
}

.bg-image {
    object-fit: cover;
}

.ser_head {
    width: 100%;
    max-width: 844px;
}

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

.serv_2_sec {
    display: flex;
    padding: 86px;
    justify-content: center;
    align-items: center;
    gap: 67px;
    border: 85px solid var(--Grayscale-400, #F4F4F4);
    background: var(--Grayscale-White, #FFF);
}

.cardds_box {
    display: flex;
    align-items: center;
    width: 100%;
    max-width: 1307px;
    gap:67px;
    justify-content: center;
    align-items: center;
    margin: auto;
}

.ser_cars {
    display: flex;
    width: 100%;
    max-width: 276px;
    flex-direction: column;
    align-items: center;
    gap: 32px;
}

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

.cards_context h4 {
    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;
}

.cards_context p {
    color: var(--Grayscale-700, #656565);
    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;
}

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

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

.imgg_box {
    border-radius: var(--None, 0px) var(--None, 0px) var(--None, 0px) 80px;
    border: 1px solid var(--tinted-white, #EAE9ED);
    /* background: url(<path-to-image>) lightgray 50% / cover no-repeat; */
}

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

}

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

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

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


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

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

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

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

}

.se_mid_title_text {
    color: var(--Burnt-Orange, #C75629);
    font-family: "Lora";
    font-size: 22px;
    font-style: normal;
    font-weight: 500;
    line-height: 141%;
    text-transform: capitalize;
    margin-bottom: 0px;
}

.btn_row {
    display: flex;
    gap: 24px;
    align-items: center;
    justify-content: center;
}

.btn_local {
    display: flex;
    gap: 8px;
    padding: 0px 0px 8px;
    justify-content: center;
    align-items: center;
    color: var(--Grayscale-800, #3C3C3C);
    font-family: "Outfit";
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 110%;
    /* 16.5px */
    letter-spacing: 0.3px;
    text-transform: capitalize;
    margin-bottom: 0px;
    border-radius: 0px;
}



.btn_local {
    --icon-color: #000;
    transition: all 0.3s ease-in-out;
    display: inline-block;
}

.btn_local img {
    filter: var(--icon-color);
}

.btn_local:hover {
    color: #C75629;
    border-bottom: 1px solid #C75629;
    --icon-color: #C75629;
    border:none;
}



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

.bg_row_2 {
    background-color: var(--tinted-white, #EAE9ED);
}


.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: 80px;
    width: 100%;
    max-width: 548px;
}

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

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

.left_immg {
    margin-left: auto;
}






/* Modal */

.paymet_failed_modal {
    display: flex;
    padding: 56px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 24px;
    border-radius: 24px;
    border: 1px solid var(--Grayscale-500, #D0D0D0);
    background: var(--Grayscale-White, #FFF);
    width: 585px;
}

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

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

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

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

.btn_multi_mo {
    display: flex;
    padding: 18.5px 24px !important;
    justify-content: center;
    align-items: center;
    gap: var(--8, 8px);
    align-self: stretch;
    border-radius: var(--8, 8px) !important;
    border: var(--None, 1px) solid var(--Burnt-Orange, #C75629) !important;
    background: var(--Grayscale-White, #FFF) !important;
    box-shadow: 4px 4px 0px 0px #C75629 !important;
    color: var(--Burnt-Orange, #C75629) !important;
    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: 224.5px;
}

.btn_multi_mo:hover {
    display: flex;
    padding: 18.5px 24px;
    justify-content: center;
    align-items: center;
    gap: var(--8, 8px);
    align-self: stretch;
    border-radius: var(--8, 8px) !important;
    border: var(--None, 1px) solid var(--Burnt-Orange, #C75629) !important;
    background: var(--Baby-Orange, #FDD4AF) !important;
    color: var(--Burnt-Orange, #C75629) !important;
    box-shadow: 0px 0px 0px #C75629 !important;
    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;
    box-shadow: 0px 0px 0px #C75629;
    height: 51px;
    width: 224.5px;

}

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

.btn_multi_g_mod {
    display: flex;
    padding: 18.5px 24px;
    justify-content: center;
    align-items: center;
    gap: var(--8, 8px);
    align-self: stretch;
    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;
    color: var(--Burnt-Orange, #C75629) !important;
    font-family: "Outfit";
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 110%;
    /* 16.5px */
    letter-spacing: 0.3px;
    text-transform: capitalize;
    margin-bottom: 0px;
    height: 51px;
    width: 224.5px;

}

.btn_multi_g_mod:hover {
    display: flex;
    padding: 18.5px 24px;
    justify-content: center;
    align-items: center;
    gap: var(--8, 8px);
    align-self: stretch;
    border-radius: var(--8, 8px) !important;
    border: var(--None, 1px) solid var(--Burnt-Orange, #C75629) !important;
    background: var(--Baby-Orange, #FDD4AF) !important;
    color: var(--Burnt-Orange, #C75629) !important;
    box-shadow: 0px 0px 0px #C75629 !important;
    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;
    box-shadow: 0px 0px 0px #C75629;
    height: 51px;
    width: 224.5px;

}

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

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

.right_second_box {
    display: flex;
    width: 755px;
    padding: 64px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 24px;
    border-radius: 24px;
    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);
}


/* Container styling for better placement */
.radio-container {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
}

/* Hide the default radio */
.radio {
    display: none;
}

/* Style the label to look like a button */
.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: 195px;
}
.pandore:hover{
        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) !important;
    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: 195px;
}

.pandore.active {
    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: 195px;
}

/* Style for selected button */
.radio:checked+.pandore {
    border-radius: var(--8, 8px);
    border: var(--None, 1px) solid var(--Baby-Orange, #FDD4AF);
    background: var(--Burnt-Orange, #C75629);
    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;
}

/* Additional hover effect */
.pandore:hover {
    background-color: #c5e6c2;
    /* Slightly darker green on hover */
}

.pandore2:hover {
    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) !important;
    background: var(--Baby-Orange, #FDD4AF) !important;
    color: var(--Burnt-Orange, #C75629) !important;
    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;
    box-shadow: 0px 0px 0px #C75629;
    /* Slightly darker green on hover */
}

/* Style for selected button when hovered */
.radio:checked+.pandore:hover {
    background-color: #4b8b5c;
    /* Slightly darker green for selected */
}


.forg_dailog {
    max-width: 100%;
    margin-right: auto;
    margin-left: auto;
}

.modal_img_desc {
    display: flex;
    width: 597px;
    padding: 46px 64px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 32px;
    flex: 1 0 0;
    border-radius: var(--None, 0px) var(--None, 0px) 24px 24px;
    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);
}

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

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

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

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

}


.forget_content {
    background-color: transparent;
}

.modal_middle_titleee {
    color: var(--Burnt-Orange, #C75629);
    text-align: center;
    font-family: "Lora";
    font-size: 22px;
    font-style: normal;
    font-weight: 500;
    line-height: 141%;
    text-transform: capitalize;
    margin-bottom: 0px;
}

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


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

.sub_2_total_box {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 80px;
    align-self: stretch;
    padding: 8px 0px;
    border-top: 1px solid #3C3C3C;
    border-bottom: 1px solid #3C3C3C;

}


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

.btn_multi_g_dual1 {
    display: flex !important;
    width: 309px !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_dual1 {
    display: flex !important;
    width: 309px !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;
}

.inpi_boxxs {
    display: flex;
    padding: 16px;
    align-items: center;
    gap: 8px;
    border-radius: 8px;
    background-color: var(--Grayscale-400, #F4F4F4);
    margin: auto;
    height: 53px;
    background-image: url(../WriteWayServices-img/green_drop.svg);
    background-size: 24px;
}

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

.btn_multi_g_thrie1 {
    display: flex !important;
    width: 203px !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: 203px !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;
}

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

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

}

.total_box {
    display: flex;
    gap: 8px;
}

.btn_app_can {
    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: 306px;
}


.btn_app_can:hover {
    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);
    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;
    box-shadow: 0px 0px 0px #C75629;
    height: 51px;
    width: 306px;


}


.btn_app_con {
    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%;
    /* 16.5px */
    letter-spacing: 0.3px;
    text-transform: capitalize;
    margin-bottom: 0px;
    height: 51px;
    width: 306px;


}


.btn_app_con:hover {
    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);
    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;
    box-shadow: 0px 0px 0px #C75629;
    height: 51px;
    width: 306px;

}


/* ABOUT US */
.accorde_tion{
    width:100%;
}

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

.abou_head {
    width: 575px;
    margin-left: auto;
}


.abou_head h4 {
    color: var(--Grayscale-White, #FFF);
    text-align: right;
    font-family: "Lora";
    font-size: 64px;
    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: flex-start;
    gap: 40px;
    width: 100%;
    max-width: 549px;
    margin-left: 106px;
    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: 614px;
}



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

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

}

.abu_btn_1 {
    display: flex;
    padding: 14.5px 20px;
    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;
}

.abu_btn_1:hover {
    display: flex;
    padding: 14.5px 20px;
    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: 0px 0px #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;

}


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

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

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

.cont_ww {
    position: relative;
}

.ww_d_1 {
    display: flex;
    width: 457px;
    padding: 40px;
    flex-direction: column;
    align-items: flex-start;
    gap: 30px;
    background-color: var(--Grayscale-White, #FFF);
}

.ww_d_1 h4 {
    color: var(--Burnt-Orange, #C75629);
    font-family: "Lora";
    font-size: 29px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    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;

}

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

.img_bods {
    display: flex;
    gap: 32px;
    position: absolute;
    left: -80px;
}

.img_bods_2 {
    display: flex;
    gap: 32px;
    position: absolute;
    right: -80px;
}

.img_ab {
    height: 486px;
}

.about_4_ccs {
    padding: 24px;
    padding-bottom: 0px;
}

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

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

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

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

.cont_eet {
    width: 100%;
    max-width: 816px;
    display: flex;
    flex-direction: column;
    gap: 40px;
    text-align: center;
    align-items: center;
}

.cont_eet p {
    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;
}

.at_today {
    display: flex;
    padding: 14.5px 20px;
    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;
}

.at_today:hover {
    display: flex;
    padding: 14.5px 20px;
    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: 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;

}

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



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

.accor_item {
    padding: 0px;
    align-self: stretch;
    border: 1px solid var(--Neutral-Gray-01, #BDBDBD);
    background: var(--Neutral-White, #FFF);
}

.acco_flush {
    width: 100%;
}

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


.accor_btn {
    color: var(--Primary-Midnight-Black, #1E1E1E);
    font-family: "DM Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    border-bottom: 1px solid var(--Grayscale-900, #0E0E0E);
    background: var(--Neutral-White, #FFF);

}

.accordion-button:not(.collapsed) {
    color: #1E1E1E;
    border: 1px solid var(--Neutral-Gray-01, #BDBDBD);
    background: var(--Neutral-White, #FFF);
}

.accordi_box {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0px;
    width: 100%;
    max-width: 780px;
}

.accordion-button::after {
    background-image: url(../image/max_icp.svg);
}

.accordion-button:not(.collapsed)::after {
    background-image: url(../image/min_ico.svg);
    transform: none;
}




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



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

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

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

}

.accordion-button:not(.collapsed) {
    color: #1E1E1E;
    border: 0px solid var(--Neutral-Gray-01, #BDBDBD);
    background: var(--Grayscale-400, #F4F4F4);
}

.accordion-body {
    background: var(--Grayscale-400, #F4F4F4);
}


/*.home_faqa{*/
/*    height:780px;*/
/*}*/

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

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

    .feild_box {
        display: flex;
        flex-direction: column;
        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;
    }

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

    .feild_box_sc {
        display: flex;
        align-items: flex-start;
        gap: 16px;
        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 */
    .check_top_banner {
        display: flex;
        flex-direction: column;
        align-items: center;
        position: relative;
        height: 375px;
        justify-content: center;
        margin-top: 102px;
    }

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







    /* 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;
    }

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

    .about_3_sec {
        display: flex;
        padding: 24px 0px;
        flex-direction: column;
        gap: 32px;
        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;
    }


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






















}

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



    .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_box {
        left: 350px;
        display: flex;
        padding: 64px;
        flex-direction: column;
        align-items: flex-start;
        gap: 40px;
        width: 100%;
        max-width: 908px;
        position: absolute;
        top: -110px;
    }










}

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





    .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: 430px;
        display: flex;
        padding: 64px;
        flex-direction: column;
        align-items: flex-start;
        gap: 40px;
        width: 100%;
        max-width: 908px;
        position: absolute;
        top: -110px;
    }

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






















}

@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%;
    }
}