/**************/
/*** Error ***/
/*************/
.error_section {
    margin-top: 117px;
    padding: 0px;
    background-color: #FBFBFB;
}
.error_body {
    background-image: url(../img/error_bg.png);
    padding-top: 264px;
    padding-bottom: 357px;
    background-repeat: no-repeat;
    background-size: cover;
}

.text_body {
    display: flex;
    justify-content: center;

}

.text_container {
    width: 587px;
    display: flex;
    flex-direction: column;
    gap: 16px;

}

.error_title {
    color: #0E0E0E;
    text-align: center;
    font-family: Poppins;
    font-size: 55px;
    font-style: normal;
    height: 58px;
    font-weight: 600;
    line-height: 141.059%;
    margin: 0px;
    text-transform: capitalize;
}

.error_subtitle {
    color: #3C3C3C;
    text-align: center;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    margin: 0px;
    line-height: 155%;
}

.error_button {
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 155%;
    text-transform: capitalize;
    border-radius: 64px;
    background: #F5129A;
    display: flex;
    border: none;
    height: 49px;
    width: 145px;
    color: #FFFFFF;
    margin: auto;
    padding: 12px 32px;
    justify-content: center;
    align-items: center;
}







/************/
/** Legals **/
/************/
.legal_section {
    margin-top: 117px;
    padding: 0px;
}

.legal_title_container {
    text-align: center;
    padding: 64px 0px;
}
.legal_title{
    margin: 0px;
    color: var(--core-off-black, #0E0E0E);
text-align: center;
font-family: Poppins;
font-size: 55px;
font-style: normal;
font-weight: 600;
line-height: 141.059%;
text-transform: capitalize;
}
.tab_section{
    padding: 80px 0px;
}

.legaltab_button{
    color: #0E0E0E;
    font-family: Poppins;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 141.059%;
    text-transform: capitalize;
}
.legaltab_button.active{
    background-color: #FFFFFF !important;
    color: #F5129A !important;
    font-family: Poppins;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 141.059%;
    text-transform: capitalize;
} 
.tab_data{
    color: #3C3C3C;
font-family: Poppins;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 155%;
}
.update_info{
    color: #3C3C3C;
font-family: Inter;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 142.023%;
}
.bg_border_policy{
    padding: 0px;
}
.bg_border_history{
    padding: 0px;
}
.privacy-box{
    margin-top: 0px
}
.hamburger_p{
    margin-top: 80px;
}
.tab_list{
    display: flex;
    flex-direction: column;
}
.tab_link{
    padding: 0px;
}










/*****************/
/** Contact Us **/
/***************/
.contact_left {
    padding: 0px;
    background-image: url(../img/contact.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.contact_img {
    display: block;
    height: 100%;
    width: 100%;
}
.contact_mb_img{
    display: none;
    width: 100%;
}
.contact_right {
    padding: 0px;
}

.contact_body_right {
    margin: 32.5px 0px;
}

.contact_info {
    padding: 40px 332px 40px 80px !important;
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.contact_title {
    color: #0E0E0E;
    font-family: Poppins;
    font-size: 36px;
    font-style: normal;
    font-weight: 500;
    line-height: 141.059%;
    margin-bottom: 8px;
    text-transform: capitalize;
}

.contact_subtitle {
    color: #3C3C3C;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    margin: 0px;
    font-weight: 400;
    line-height: 155%;
}

.contact_address {
    display: flex;
    gap: 29px;
}

.address_title {
    color: #0E0E0E;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    margin: 0px;
    font-weight: 600;
    line-height: 155%;
}

.address_subtitle {
    color: #3C3C3C;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    margin: 0px;
    font-weight: 400;
    line-height: 155%;
}

.contact_form {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

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

.firstname {
    color: #3C3C3C;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 155%;
    border-radius: 16px;
    border-radius: 64px;
    border: 1px solid #9B9B9B;
    background: #FFF;
}

.lastname {
    color: #3C3C3C;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 155%;
    border-radius: 16px;
    border-radius: 64px;
    border: 1px solid #9B9B9B;
    background: #FFF;
}

.email {
    color: #3C3C3C;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 155%;
    border-radius: 16px;
    border-radius: 64px;
    border: 1px solid #9B9B9B;
    background: #FFF;
}

.contact_message {
    color: #3C3C3C;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 155%;
    border-radius: 16px;
    height: 138px;
    padding: 16px;
    border: 1px solid #9B9B9B;
    background: #FFF;
}
/* CheckboxR */
.c-checkboxR input[type='checkbox']:checked~label:after, .c-checkboxR input[type='checkbox']:checked~.label:after {
    transform: scale(1);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    opacity: 1;
    visibility: visible;
}
.c-checkboxR>.c-divR>label:before, .c-checkboxR>.c-divR>.label:before {
    content: "";
    position: absolute;
    display: inline-block;
    width: 24px;
    height: 24px;
    margin-right: 10px;
    background: transparent;
    border: 1.9px solid #00173E;
    box-sizing: border-box;
    box-shadow: inset 0px 4px 4px rgb(0 0 0 / 5%);
    border-radius: 30px;
    top: 0px;
    left: 0px;
}
input[type=checkbox], input[type=radio] {
    box-sizing: border-box;
    padding: 0;
}
.c-checkboxR input[type='checkbox'] {
    display: none;
}
.c-checkboxR input[type='checkbox']~label:after, .c-checkboxR input[type='checkbox']~.label:after {
    content: url(../img/check_dot.svg);
    display: block;
    position: absolute;
    color: #00173E !important;
    border-radius: 0;
    border: 0;
    font-family: 'Poppins';
    font-size: 30px;
    text-align: center;
    line-height: 12px;
    height: 1px;
    width: 1px;
    left: 7px;
    top: 1px;
    transform-origin: 50% 50%;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform: scale(0);
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    -webkit-transition: all .15s ease;
    -ms-transition: all .15s ease;
    transition: all .15s ease;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}
.c-checkboxR>.c-divR>label:hover:before, .c-checkboxR>.c-divR>.label:hover:before {
    border: 2px solid #F5129A;
    cursor: pointer;
    transition: border;
}
.c-checkboxR {
    position: relative;
    margin-bottom: 0px;
    margin: 8px 0px;
}
.login_strongR {
    color: #3C3C3C;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 155%;
}
.login_strongR > .link_re_globalR {
    color: #F5129A;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 155%;
    margin-bottom: 26px;
    text-decoration: none;
}
.link_strongR {
    font-family: 'Rubik';
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 21px;
    letter-spacing: 0.02em;
    color: #0B132A;
    text-decoration: underline;
    text-decoration-thickness: 3px;
    text-underline-offset: 4px;
    margin-top: 5px;
}
.c-textR {
    margin-left: 32px;
}
/* Checkbox End */
.submit_captcha {
    display: flex;
    gap: 16px;
}

.contact_button {
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 155%;
    text-transform: capitalize;
    border-radius: 64px;
    color: #FFFFFF;
    background: #F5129A;
    width: 100%;
    padding: 12px 32px;
    border: none;
}







/*********************/
/** Account Details **/
/*********************/
.account_section{
    padding: 64px 332px;
    margin-top: 117px;
    display: flex;
    gap: 32px;
    flex-direction: column;
    align-items: center;
    background-color: #FBFBFB;
}

.account_title{
    color: #0E0E0E;
font-family: Poppins;
display: none;
font-size: 36px;
font-style: normal;
text-align: center;
margin: 0px;
font-weight: 500;
line-height: 141.059%;
text-transform: capitalize;
}

.account_tab_section{
    padding: 0px;
    display: flex;
    align-items: center;
}

.tab_allign{
    align-items: center;
}
.tab_button, .tab_button:hover {
    color: var(--grayscale-800, #3C3C3C);
    text-align: center;
    font-family: 'Poppins';
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 155%;
    text-transform: capitalize;
    border-radius: 16px 16px 0px 0px!important;
    border: 1px solid var(--grayscale-500, #D0D0D0)!important;
    background-color: #FFF!important;
    position: relative;
    width: calc(100% + 10px);
}
.tab_button.active, .tab_button.active:hover {
    color: var(--core-white, #FFF);
    text-align: center;
    background-color: #6B2071!important;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 155%;
    text-transform: capitalize;
} 

.tab_button:nth-child(1) {
    z-index: 10;
    margin-left: 0px;
}
.tab_button:nth-child(2) {
    z-index: 9;
    margin-left: -10px;
}
.tab_button:nth-child(3) {
    z-index: 8;
    margin-left: -10px;
}
.tab_button:nth-child(4) {
    z-index: 7;
    margin-left: -10px;
}

.account_body{
    padding: 40px;
    background-color: #FFFFFF;
    border: 1px solid #6B2071;
    display: flex;
    flex-direction: column;
    gap: 32px;
    /* width: 1176px; */
}
.order_body{
    padding: 40px;
    background-color: #FFFFFF;
    border: 1px solid #6B2071;
    display: flex;
    flex-direction: column;
    gap: 32px;
}
.account_inner{
    gap: 32px; 
}
.account_left{
    display: flex;
    flex-direction: column;
    gap: 32px;
}
.account_right{
    display: flex;
    flex-direction: column;
    gap: 32px;
}
.account_input_label{
    color: var(--grayscale-800, #3C3C3C);

/* Body/Other/Std Bold */
font-family: Poppins;
font-size: 16px;
font-style: normal;
margin: 0px;
width: 132px;
font-weight: 600;
line-height: 155%; /* 24.8px */
}

.account_navigation{
    padding: 0px;
}
.account_input{
    color: var(--grayscale-800, #3C3C3C);

/* Body/Other/Field */
border-radius: 64px;
border: 1px solid var(--grayscale-600, #9B9B9B);
background: var(--core-white, #FFF);
font-family: Poppins;
font-size: 14px;
height: 48px;
font-style: normal;
font-weight: 500;
line-height: 155%; /* 21.7px */
}
.account_inputbar{
    gap: 10px;
}







/* Address */
.country_dropdown{
    background-image: url(../img/drop_Icon.svg);
    background-repeat: no-repeat;
    background-position: right 12px center;
}








/* Order */

.account_table_header > tr th:first-child {
    border-top-left-radius: 4px!important;
    border-bottom-left-radius: 4px!important;
    background: var(--Teal, #6B2071);
    padding-left: 32px;
}
.orderhistory_view{
    width: 40%;
}
.account_table_header > tr th:last-child {
    border-top-right-radius: 4px!important;
    border-bottom-right-radius: 4px!important;
    background: var(--Teal, #6B2071);
    padding-right: 32px;
}
.account_table_header > tr th {
    background: var(--Teal, #6B2071);
    padding-top: 8px;
    padding-bottom: 8px;
}
.account_table_header > tr th:first-child .table_head_text {
    text-align: left;
}
.table_head_text {
    color: var(--core-white, #FFF);
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 155%;
    margin-bottom: 0px;
    text-align: center;
    margin-top: -8px;
}
.table_head_text::after {
    content: url(../img/Field\ Icons.svg);
    position: relative;
    left: 8px;
    top: 8px;
}
.account_table_body tr {
    background: #FBFBFB;
    border-bottom: 8px solid #FFFFFF;
}
.account_table_body tr:last-child {
    border-bottom: 0px solid transparent;
}
.account_table_body tr:first-child td:first-child {
    border-top-left-radius: 4px!important;
    padding-left: 32px;
}
.account_table_body tr:first-child td:last-child {
    border-top-right-radius: 4px!important;
}
.account_table_body tr:last-child td:last-child {
    border-bottom-right-radius: 4px!important;
}
.account_table_body tr:last-child td:first-child {
    border-bottom-left-radius: 4px!important;
}
.account_table_body tr:first-child td:last-child {
    border-top-right-radius: 4px!important;
}
.table_body_text {
    color: var(--grayscale-800, #3C3C3C);
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 155%;
    margin-bottom: 0px;
    text-align: left;
}
.account_table_body tr:first-child td:first-child p.table_body_text {
    text-align: left;
}
.account_table_body tr td:first-child p.table_body_text {
    text-align: left;
    color: #3C3C3C;
}
.account_table_body tr td:first-child {
    padding-left: 32px;
}
.order_details{
    color: var(--core-primary, #F5129A);
font-family: Poppins;
font-size: 16px;
font-style: normal;
font-weight: 600;
text-decoration: none;
line-height: 155%;
}
.view_order{
    text-align: right;
}