/* CHECKOUT */
.check_out {
    display: flex;
    padding-top: 104px;
    justify-content: space-between;
    align-items: flex-start;
    align-self: stretch;
    background-color: #FBFBFB;
}

.check_out_bag {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    padding: 40px;
    flex-direction: column;
    gap: 40px;
    flex: 1 0 0;
    background: var(--neutral-white, #FFF);
    width: 100%;
    max-width: 801px;
}

.check_container {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    align-self: stretch;
    margin-top: 104px;
    margin-bottom: 104px;
}


.check_out_top {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    align-self: stretch;

}

.check_title {
    color: var(--core-near-black, #0E0E0E);
    font-family: "Manrope";
    font-size: 48px;
    font-style: normal;
    font-weight: 200;
    line-height: normal;
    letter-spacing: 0.96px;
    text-transform: capitalize;
    margin-bottom: 0px;

}

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

.input_box {
    display: flex;
    align-items: flex-start;
    gap: 24px;
    align-self: stretch;
}

.feild_box1 {
    display: flex;
    padding: 12px 16px;
    /*align-items: center;*/
    flex: 1 0 0;
    background: var(--neutral-400, #EEE);
    color: var(--core-near-black, #0E0E0E);
    font-family: "Manrope";
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    /*text-transform: capitalize;*/
    /*flex-direction: column;*/
    justify-content: center;
    align-self: stretch;
    border-radius: 0px;
    height: 42px;
}

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

.terms_line {
    color: var(--core-near-black, #0E0E0E);
    font-family: "Manrope";
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 181.1%;
    text-transform: capitalize;
    text-align: left;
}

.blue_e {
    color: var(--core-olive-200, #44877F);
    font-family: "Manrope";
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 181.1%;
    text-transform: capitalize;
    text-decoration: none;
}

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

.tick_box {
    width: 24px;
    height: 24px;
    background-color: var(--core-near-black, #0E0E0E);
    border-radius: 0px !important;
    margin-top: 0px;
}

.btn_local {
    display: flex;
    align-items: center;
    gap: 16px;
    color: var(--core-olive-300, #445C59);
    text-align: center;
    font-family: "Manrope";
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.rotate_arrow {
    display: flex;
    width: 25px;
    height: 25px;
    padding: 6px;
    align-items: flex-start;
    border: 1px solid var(--core-olive-200, #44877F);
}

.rotate_arrow:hover {
    transform: rotate(-90deg);
    flex: 1 0 0;
    align-self: stretch;
    stroke-width: 1px;
    stroke: var(--core-olive-200, #44877F);
}

.shopping_bag {
    display: flex;
    width: 375px;
    flex-direction: column;
    /* justify-content: space-between; */
    align-items: center;
    align-self: stretch;
    border: 1px solid var(--neutral-400, #EEE);
    background: var(--neutral-white, #FFF);
    height: fit-content;
}

.title_box {
    display: flex;
    padding: 32px 24px;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
    border-bottom: 1px solid var(--neutral-400, #EEE);
}

.titlee {
    color: var(--core-near-black, #0E0E0E);
    font-family: "Manrope";
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.48px;
    text-transform: capitalize;
    margin-bottom: 0px;
}

.sub_title {
    color: var(--core-olive-300, #445C59);
    font-family: "Manrope";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 181.1%;
    margin-bottom: 0px;
}

.item_box {
    display: flex;
    padding: 14px 0px;
    flex-direction: column;
    /* align-items: flex-start; */
    align-self: stretch;
}

.item_name {
    display: flex;
    height: 56px;
    padding: 2px 24px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 5px;
    align-self: stretch;
    margin-bottom: 0px;

}

.name_s {
    color: var(--core-near-black, #0E0E0E);
    font-family: "Manrope";
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 181.1%;
    text-transform: capitalize;
    margin-bottom: 0px;
}

.duration {
    color: var(--core-olive-300, #445C59);
    font-family: "Manrope";
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    line-height: 181.1%;
    margin-bottom: 0px;

}

.item_amount {
    color: var(--core-olive-300, #445C59);
    font-family: "Manrope";
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 181.1%;
    text-transform: capitalize;
    margin-bottom: 0px;
    display: flex;
    height: 56px;
    padding: 10px 16px;
    align-items: center;
    gap: 8px;
    align-self: stretch;
}

.itemss {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0px;
}

.item_box:nth-child(odd) {
    background-color: var(--core-off-white, #FBFBFB);
}

.delete_icon {
    display: flex;
    height: 24px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    margin-right: 21px;
}

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

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

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

.total_name {
    color: var(--core-near-black, #0E0E0E);
    font-family: "Manrope";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 181.1%;
    margin-bottom: 0px;
}

.total_amount {
    color: var(--core-near-black, #0E0E0E);
    font-family: "Manrope";
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 0px;

}

.discount_name {
    color: var(--core-olive-200, #44877F);
    font-family: "Manrope";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 181.1%;
    margin-bottom: 0px;

}

.discount_amount {
    color: var(--core-olive-200, #44877F);
    font-family: "Manrope";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 181.1%;
    margin-bottom: 0px;

}

.totall_box {
    display: flex;
    padding: 32px 24px;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
    background-color: var(--core-near-black, #0E0E0E);
}

.totall_name {
    color: var(--core-off-white, #FBFBFB);
    font-family: "Manrope";
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: capitalize;
    margin-bottom: 0px;

}

.totall_amount {
    color: var(--core-off-white, #FBFBFB);
    font-family: "Manrope";
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 0px;

}

.left_one {
    position: absolute;
    top: 0px;
    left: -9px;
    margin-top: 104px;
}
.check_contain {
    position: relative;
    min-height: 1095px;
}
.dwn_left {
    position: absolute;
    left: 0px;
    bottom: -209px;
}



.dwn_rgt {
    position: absolute;
    right: 0px;
    bottom: -105px;
}

/* MODAL */
.paymet_modal {
    display: flex;
    width: 517px;
    height: 249px;
    padding: 56px 56px 40px 56px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 40px;
    background: var(--neutral-white, #FFF);
    box-shadow: 0px 1.85185px 3.14815px 0px rgba(0, 0, 0, 0.02), 0px 8.14815px 6.51852px 0px rgba(0, 0, 0, 0.03), 0px 20px 13px 0px rgba(0, 0, 0, 0.04), 0px 38.51852px 25.48148px 0px rgba(0, 0, 0, 0.04), 0px 64.81481px 46.85185px 0px rgba(0, 0, 0, 0.05), 0px 100px 80px 0px rgba(0, 0, 0, 0.07);
}

.paymet_modall {
    display: flex;
    width: 517px;
    padding: 56px 56px 40px 56px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 40px;
    background: var(--neutral-white, #FFF);
    box-shadow: 0px 1.85185px 3.14815px 0px rgba(0, 0, 0, 0.02), 0px 8.14815px 6.51852px 0px rgba(0, 0, 0, 0.03), 0px 20px 13px 0px rgba(0, 0, 0, 0.04), 0px 38.51852px 25.48148px 0px rgba(0, 0, 0, 0.04), 0px 64.81481px 46.85185px 0px rgba(0, 0, 0, 0.05), 0px 100px 80px 0px rgba(0, 0, 0, 0.07);
}

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

.payment_succesful_ttitlr {
    color: var(--core-near-black, #0E0E0E);
    text-align: center;
    font-family: "Manrope";
    font-size: 32px;
    font-style: normal;
    font-weight: 200;
    line-height: normal;
    letter-spacing: 0.64px;
    text-transform: capitalize;
    margin-bottom: 0px;
}

.subtitle {
    color: var(--core-olive-200, #44877F);
    text-align: center;
    font-family: "Manrope";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 181.1%;
    margin-bottom: 0px;
}

/* CONTACT US */
.upper_section {
    background-image: url(../img/contact_us.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    padding: 161px 24px 48px;
}
.backer {
    height: 32px;
    width: 100%;
    background: url(../img/backer.png);
}
.data_box {
    display: flex;
    padding: 80px 0px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 56px;
    align-self: stretch;
    background: linear-gradient(0deg, #0E0E0E 56.29%, rgba(14, 14, 14, 0.00) 158.68%);
    backdrop-filter: blur(8px);
    /* background-image: url(../img/contact_us_content.png); */
}

.data_text {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 40px;
    width: 660px;

}

.coontact {
    color: var(--core-off-white, #FBFBFB);
    text-align: center;
    font-family: "Manrope";
    font-size: 64px;
    font-style: normal;
    font-weight: 200;
    line-height: normal;
    letter-spacing: 1.28px;
    text-transform: capitalize;
    margin-bottom: 0px;
}

.coontact_sub {
    color: var(--core-olive-200, #44877F);
    text-align: center;
    font-family: "Manrope";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 181.1%;
    margin-bottom: 0px;
    /* 28.976px */
}

.contact_box {
    display: flex;
    width: 517px;
    justify-content: center;
    align-items: flex-start;
    gap: 40px;
}

.get_in_ych {
    display: flex;
    align-items: center;
    gap: 16px;
}

.content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    align-self: stretch;
    width: 237px;
}

.address {
    display: flex;
    align-items: center;
    gap: 16px;
}

.contents {
    color: var(--core-100-clear-white, #FFF);
    font-family: "Manrope";
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.48px;
    text-transform: capitalize;
    margin-bottom: 0px;
}

.contents1 {
    color: var(--grayscale-300-lightest, #F1F1F1);
    font-family: "Manrope";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 181.1%;
    /* 28.976px */
    margin-bottom: 0px;
}

.line {
    background-color: var(--core-olive-200, #44877F);
    width: 1px;
    align-self: stretch;
}

.line1 {
    background-color: var(--core-olive-200, #44877F);
    width: 1px;
    align-self: stretch;
    margin-left: auto;
    margin-right: auto;
    height: 24px;
}

.fields_box {
    display: flex;
    padding: 54px 0px;
    justify-content: center;
    align-items: center;
    align-self: stretch;
}

.colouns_box {
    display: flex;
    width: 100%;
    max-width: 1256px;
    padding: 56px 0px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 40px;
}

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

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

.scroll {
    color: var(--core-off-white, #FBFBFB);
    text-align: center;
    font-family: "Manrope";
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-decoration: none;
}


/* FAQ */
.faq_page {
    margin-top: 101px;
    background: #FBFBFB;
}

.faq_box {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 331px;
}

.bulb_box {
    display: flex;
    width: 698px;
    padding: 311px 81px 268px 459px;
    justify-content: flex-end;
    align-items: center;
    align-self: stretch;
    background-image: url(../img/bulb_box.png);
    background-repeat: no-repeat;
    background-size: cover;
}

.freeq {
    color: var(--core-off-white, #FBFBFB);
    text-align: right;
    font-family: "Manrope";
    font-size: 32px;
    font-style: normal;
    font-weight: 200;
    line-height: normal;
    letter-spacing: 0.64px;
    text-transform: capitalize;
    margin-bottom: 0px;
}

.faq_content {
    display: flex;
    padding: 56px 0px 56px 56px;
    flex-direction: column;
    align-items: flex-start;
    gap: 64px;
    align-self: stretch;
}

.faq_question {
    display: flex;
    align-items: flex-start;
    gap: 24px;
    align-self: stretch;
}

.question_1 {
    display: flex;
    padding: 0px 24px;
    flex-direction: column;
    align-items: flex-start;
    gap: 26px;
    flex: 1 0 0;
}
.question_2{
    display: flex;
    padding: 0px 24px;
    flex-direction: column;
    align-items: flex-start;
    gap: 26px;
    flex: 1 0 0;
}

.ques {
    color: var(--core-olive-300, #445C59);
    font-family: "Manrope";
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.48px;
    text-transform: capitalize;
    margin-bottom: 0px;

}

.answer {
    color: var(--core-olive-200, #44877F);
    font-family: "Manrope";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 181.1%;
    margin-bottom: 0px;

}