.order_section {
    margin-top: 75px;
    background-image: url(../img/order_sectionbg.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.order_container {
    padding: 85px 0px;
    max-width: 1099px;
    display: flex;
    flex-direction: row;
}

.order_bar {
    padding: 40px;
    border-radius: 24px 0px 24px 24px;
    background: var(--neutral-white, #FFF);
}

.order_tabs {
    width: 200px !important;
}

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

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

.order_tab_button {
    display: flex;
    width: 200px !important;
    padding: 16px 24px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 0px 200px 200px 0px;
    background: var(--core-primary, #0F5548);
    color: #FFFFFF;
    text-align: center;
    border: none;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    margin: 0px;
    font-weight: 500;
    line-height: normal;
    text-transform: capitalize;
}

.order_tab_button.active {
    display: flex;
    width: 200px !important;
    padding: 16px 24px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 0px 200px 200px 0px;
    background: var(--core-primary, #FFFFFF);
    color: #0F5548;
    text-align: center;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    margin: 0px;
    font-weight: 500;
    line-height: normal;
    text-transform: capitalize;
}

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

.not_test {
    color: #A6ABA9;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    margin: 0px;
    font-weight: 400;
    line-height: 200%;
}

.logout {
    color: #005BB9;
    cursor: pointer;
}

.hello_msg {
    color: var(--neutral-near-black, #0E0E0E);
    font-family: Bona Nova;
    font-size: 48px;
    font-style: normal;
    margin: 0px;
    font-weight: 400;
    line-height: 135%;
    text-transform: capitalize;
}

.welcome_msg {
    color: var(--neutral-near-black, #0E0E0E);
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    margin: 0px;
    font-weight: 400;
    line-height: 200%;
}

.address_bar {
    display: flex;
    align-items: flex-start;
    gap: 40px;
}

.ship_top {
    border-radius: 24px 24px 0px 0px;
    background: var(--core-primary, #0F5548);
    padding: 25px 24px;
    align-items: center;
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #FFFFFF;
}

.ship_bottom {
    border-radius: 0px 0px 24px 24px;
    background: var(--core-primary, #0F5548);
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 16px 24px 25px 24px;
}

.ship_title {
    color: var(--neutral-white, #FFF);
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    margin: 0px;
    font-weight: 500;
    line-height: normal;
    text-transform: capitalize;
}

.ship_name {
    color: var(--neutral-white, #FFF);
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    margin: 0px;
    opacity: 0.87;
    font-weight: 400;
    line-height: 200%;
}

.shipping_address {
    color: var(--neutral-400, #F4F4F4);
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    margin: 0px;
    font-weight: 400;
    line-height: 26px;
}

.mob_tab_dropdown {
    display: none;
}

.account_title {
    color: var(--neutral-800, #3C3C3C);
    font-family: Bona Nova;
    font-size: 32px;
    font-style: normal;
    margin: 0px;
    text-align: center;
    font-weight: 400;
    line-height: 135%;
    text-transform: capitalize;
    display: none;
}

.order_mob_tab_button {
    display: flex;
    padding: 16px 24px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    align-self: stretch;
    border-radius: 87px;
    background: var(--core-gradient, linear-gradient(180deg, #0F5548 0%, #072E27 100%));
    color: var(--neutral-white, #FFF);
    text-align: center;
    border: none;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: capitalize;
}

.order_mob_tab_button:hover {
    display: flex;
    padding: 16px 24px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    align-self: stretch;
    border-radius: 87px;
    background: var(--core-gradient, linear-gradient(180deg, #0F5548 0%, #072E27 100%));
    color: var(--neutral-white, #FFF);
    text-align: center;
    border: none;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: capitalize;
}

.order_mob_tab_button.show {
    display: flex;
    padding: 16px 24px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    align-self: stretch;
    border-radius: 87px;
    background: var(--core-gradient, linear-gradient(180deg, #0F5548 0%, #072E27 100%));
    color: var(--neutral-white, #FFF);
    text-align: center;
    border: none;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: capitalize;
}

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

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

.first_name {
    display: flex;
    height: 48px;
    padding: 16px;
    align-items: center;
    flex: 1 0 0;
    border-radius: 4px;
    border: 1px solid var(--neutral-500, #D0D0D0);
    background: var(--neutral-400, #F4F4F4);
    color: var(--neutral-800, #3C3C3C);
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
}

.dropdown_main {
    width: 401.5px;
}

.country_dropdown {
    display: flex;
    height: 48px;
    padding: 16px;
    align-items: center;
    align-self: stretch;
    border-radius: 4px;
    border: 1px solid var(--neutral-600, #9B9B9B);
    background: var(--neutral-400, #F4F4F4);
    background-image: url(../img/country_drop.svg);
    background-repeat: no-repeat;
    background-position: right 16px center;
    color: var(--neutral-800, #3C3C3C);
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
}

.account_save_button {
    display: flex;
    height: 51px;
    padding: 20px 32px;
    justify-content: center;
    align-items: center;
    gap: 9px;
    align-self: stretch;
    border-radius: 60px;
    background: var(--core-primary, #0F5548);
    color: var(--neutral-white, #FFF);
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: capitalize;
}

.account_save_button:hover {
    display: inline-flex;
    height: 51px;
    padding: 20px 32px;
    justify-content: center;
    align-items: center;
    gap: 9px;
    flex-shrink: 0;
    border-radius: 60px;
    border: 2px solid var(--core-primary, #0F5548);
    background: var(--neutral-400, #F4F4F4);
    color: var(--neutral-800, #3C3C3C);
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: capitalize;
}




/* order Css */
.order_table_heading {
    display: flex;
    padding-bottom: 32px;
}

.order_order_title {
    width: 329px;
}

.order_date_title {
    width: 193px;
}

.order_quantity_title {
    width: 180px;
}

.order_total_title {
    width: 97px;
}

.order_viewmore_title {
    display: flex;
    align-items: center;
}

.order_date {
    display: flex;
}

.quantity_total {
    display: flex;
}

.order_title_text {
    color: var(--neutral-near-black, #0E0E0E);
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    margin: 0px;
    opacity: 0.87;
    font-weight: 500;
    line-height: normal;
    text-transform: capitalize;
}
.more_details {
    color: var(--neutral-near-black, #0E0E0E);
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    margin: 0px;
    opacity: 0.87;
    cursor: pointer;
    text-decoration: none;
    font-weight: 500;
    line-height: normal;
    text-transform: capitalize;
}

.order_info_middle {
    padding: 16px 0px;
    border-top: 1px solid #0F5548;
}
.order_info_last {
    padding: 16px 0px 0px 0px;
    border-top: 1px solid #0F5548;
}

.product_name {
    color: var(--neutral-near-black, #0E0E0E);
    font-family: Bona Nova;
    font-size: 24px;
    font-style: normal;
    margin: 0px;
    opacity: 0.87;
    font-weight: 400;
    line-height: 135%;
    text-transform: capitalize;
}

.product_description {
    color: var(--neutral-600, #9B9B9B);
    font-family: Inter;
    font-size: 12px;
    font-style: normal;
    margin: 0px;
    font-weight: 400;
    line-height: normal;
}

.product_value {
    color: var(--neutral-near-black, #0E0E0E);
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    margin: 0px;
    opacity: 0.87;
    font-weight: 400;
    line-height: 200%;
}
.view_more_order{
    cursor: pointer;
}
.order_mobile{
    display: none;
}