/* Account Checkout Start */
.desktop_none{
    display: none;
}
.mobile_none{
    display: block;
}
.secure_section {
    display: flex;
    padding: 222px 0px 80px 0px;
    background: #121212;
    position: relative;
    z-index: 1;
}

.secure_colmain {
    display: flex;
    gap: 96px;
}

.secure_left {
    display: inline-flex;
    padding: 40px;
    max-width: 599px;
    flex-direction: column;
    gap: 24px;
    border-radius: 8px;
    border: 1px solid var(--Grayscale-700, #656565);
    backdrop-filter: blur(22px);
}

.secure_right {
    display: flex;
    flex-direction: column;
    padding: 0px;
    gap: 40px;
    max-width: 740px;
}

.secure_rightcart {
    display: flex;
    padding: 40px;
    flex-direction: column;
    gap: 24px;
    border-radius: 8px;
    border: 1px solid var(--Grayscale-700, #656565);
    background: linear-gradient(101deg, rgba(255, 255, 255, 0.08) 0%, rgba(255, 255, 255, 0.04) 100%);
    backdrop-filter: blur(22px);
}

.secure_title {
    color: #F1F1F1;
    font-family: Cambay;
    font-size: 45px;
    font-style: normal;
    font-weight: 400;
    line-height: 52px;
    margin: 0px;
}

.secure_subtitle {
    color: #F1F1F1;
    font-family: Cambay;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.5px;
    margin: 0px;
}

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

.secure_textbox {
    display: flex;
    padding: 12px 16px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    color: #F1F1F1;
    gap: 24px;
    height: 48px;
    border-radius: 8px;
    border: 1px solid var(--Grayscale-700, #656565);
    background: linear-gradient(101deg, rgba(255, 255, 255, 0.08) 0%, rgba(255, 255, 255, 0.04) 100%) !important;
    backdrop-filter: blur(22px);
}

.secure_textbox:focus {
    color: #F1F1F1;
    border: 1px solid var(--Grayscale-700, #656565);
    background: linear-gradient(101deg, rgba(255, 255, 255, 0.08) 0%, rgba(255, 255, 255, 0.04) 100%);
    backdrop-filter: blur(22px);
    box-shadow: none;
}

.secure_textbox ::placeholder {
    color: #F1F1F1;
    font-family: Cambay;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.5px;
}

.secure_button {
    display: flex;
    padding: 11px 20px 8px 20px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    cursor: pointer;
    height: 45px;
    border-radius: 32px;
    border: 1px solid #021C35;
    background: var(--Grayscale-400, #F4F4F4);
    color: #021C35;
    font-family: Cambay;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
.secure_button:hover{
    border-radius: 32px;
border: 1px solid #F1F1F1;
background: var(--Secondary-Orange, #EB641E);
color: #F1F1F1;
}

.secure_discountbar {
    display: flex;
    gap: 33px;
}

.discount_button {
    display: inline-flex;
    padding: 11px 20px 8px 20px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    height: 48px;
    cursor: pointer;
    border-radius: 32px;
    border: 1px solid #FFF;
    color: #F1F1F1;
    font-family: Cambay;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.amount_duebar {
    display: flex;
    justify-content: space-between;
}

.amount_duetext {
    color: #F1F1F1;
    font-family: Cambay;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 40px;
    margin: 0px;
}

.secure_leftimg {
    position: absolute;
    left: 0px;
    top: 250px;
}

.secure_bottomimg {
    position: absolute;
    bottom: -315px;
    right: 0px;
}

.productbarmain {
    display: flex;
    gap: 16px;
    justify-content: space-between;
}

.product_titlerow {
    display: flex;
    justify-content: space-between;
}

.qty_price {
    display: flex;
    gap: 16px;
}

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

.price_row {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.qty_row {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.product_textbox {
    display: flex;
    padding: 12px 16px;
    justify-content: space-between;
    align-items: center;
    border-radius: 8px;
    background: var(--Grayscale-Near-Black, #0E0E0E);
    backdrop-filter: blur(22px);
    border: none;
}

.product_text {
    color: #F1F1F1;
    font-family: Cambay;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.5px;
    margin: 0px;
}

.product_removebtn {
    color: #F1F1F1;
    font-family: Cambay;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.5px;
    text-decoration-line: underline;
    cursor: pointer;
}

.productbar_mobile {
    display: none;
}

/* CheckboxR */
.r-checkbox input[type='checkbox']:checked~label:after,
.r-checkbox input[type='checkbox']:checked~.label:after {
    transform: scale(1);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    opacity: 1;
    visibility: visible;
}

.r-checkbox>.r-div>label:before,
.r-checkbox>.r-div>.label:before {
    content: "";
    position: absolute;
    display: inline-block;
    width: 16px;
    height: 16px;
    border: none;
    background: var(--neutral-white, #FFF);
    box-sizing: border-box;
    box-shadow: none;
    border-radius: 2px;
    top: 5px;
    left: 0px;
}

input[type=checkbox],
input[type=radio] {
    box-sizing: border-box;
    padding: 0;
}


.r-checkbox input[type='checkbox'] {
    display: none;
}

.space {
    padding-top: 1000px;
}

.r-checkbox input[type='checkbox']~label:after,
.r-checkbox input[type='checkbox']~.label:after {
    content: '✔';
    display: block;
    position: absolute;
    color: #000000 !important;
    border-radius: 0;
    border: 0;
    font-family: "Comfortaa";
    font-size: 12px;
    text-align: center;
    line-height: 12px;
    height: 1px;
    width: 1px;
    left: 3px;
    top: 8px;
    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;
}


.r-checkbox {
    position: relative;
    margin-bottom: 16px;
}

.login_strong {
    color: var(--neutral-white, #FFF);
    font-family: "Cambay";
    font-size: 15px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
}
.login_strong a:hover{
    color: #FFF;
    cursor: pointer;
}

.login_strong>.link_re_global {
    color: var(--functional-info-blue, #2F92F9);
    font-family: "Cambay";
    font-size: 15px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    text-decoration: none;
}

.filter_mar {
    padding: 10px;
}

.r-text {
    margin-left: 24px;
}

/* Checkbox End */
/* Account Checkout End */



/* Payment Success Start */
.payment_container {
    display: flex;
    justify-content: center;
    padding: 0px;
}

.payment_cart {
    display: flex;
    max-width: 740px;
    padding: 40px;
    flex-direction: column;
    gap: 24px;
    border-radius: 8px;
    border: 1px solid var(--Grayscale-700, #656565);
    backdrop-filter: blur(22px);
}

.payment_removebtn {
    border: none;
    background: none;
    margin-left: 16px;
}

.payment_leftimg {
    position: absolute;
    left: 0px;
    top: -180px;
}

.payment_bottomimg {
    position: absolute;
    bottom: -35px;
    right: -415px;
    z-index: -1;
}

/* Payment Success End */

/* Payment Failed Start */
.failed_cart {
    border-radius: 8px;
    border: 1px solid var(--Functional-Error-Red, #C81414);
    backdrop-filter: blur(22px);
}

.failed_text {
    color: #F01919;
}

.failed_leftimg {
    position: absolute;
    left: 0px;
    top: -620px;
}

/* Payment Failed End */


/* Account Start */
.account_section {
    background: #121212;
    padding: 148px 0px 80px 0px;
    z-index: 1;
}

.tab_container {
    display: flex;
    flex-direction: column;
    justify-content: end;
    padding: 0px;
    gap: 80px;
}

.tab_main {
    display: inline-flex;
    padding: 24px 40px;
    justify-content: flex-end;
    align-items: center;
    gap: 24px;
    border-radius: 4px 4px 24px 24px;
    border: 1px solid rgba(255, 255, 255, 0.25);
    background: linear-gradient(101deg, rgba(255, 255, 255, 0.08) 0%, rgba(255, 255, 255, 0.04) 100%);
    backdrop-filter: blur(22px);
}

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

.tab_button {
    color: var(--Grayscale-400, #F4F4F4);
    font-family: Cambay;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    padding: 0px;
}

.tab_button.active {
    color: var(--Grayscale-400, #F4F4F4);
    font-family: Cambay;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 16px;
    padding: 0px;
}

.tab_button:hover {
    color: var(--Grayscale-400, #F4F4F4);
    font-family: Cambay;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 16px;
    padding: 0px;
}

.tab_logout_button {
    color: var(--Grayscale-400, #F4F4F4);
    font-family: Cambay;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    text-decoration: underline;
    padding: 0px;
    cursor: pointer;
}

.tab_logout_button:hover {
    color: var(--Grayscale-400, #F4F4F4);
    font-family: Cambay;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    text-decoration: underline;
    padding: 0px;
    cursor: pointer;
}

.detail_main {
    display: flex;
    justify-content: center;
}

.personal_detailbar {
    display: flex;
    justify-content: center;
    gap: 35px;
}

    .account_titlebar{
        display: flex;
        flex-direction: column;
        gap: 24px;
    }
.account_detailleft {
    display: inline-flex;
    padding: 40px;
    flex-direction: column;
    gap: 24px;
    border-radius: 8px;
    border: 1px solid var(--Grayscale-700, #656565);
    backdrop-filter: blur(22px);
    max-width: 599px;
}

.country_dropdown {
    display: flex;
    padding: 12px 16px;
    justify-content: space-between;
    align-items: center;
    border-radius: 8px;
    border: 1px solid var(--Grayscale-700, #656565);
    background: linear-gradient(101deg, rgba(255, 255, 255, 0.08) 0%, rgba(255, 255, 255, 0.04) 100%);
    backdrop-filter: blur(22px);
    color: #F1F1F1;
    font-family: Cambay;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.5px;
}

.country_dropdown:hover {
    color: #F1F1F1;
}

.country_dropdown:focus {
    color: #F1F1F1;
}

.account_leftimg {
    position: absolute;
    left: 0px;
    top: 250px;
}

/* Account End */

/* Order Start */
.order_mainbar {
    display: flex;
    flex-direction: column;
    max-width: 679px;
    gap: 44px;
}

.order_top {
    display: flex;
    max-width: 679px;
    padding: 40px;
    flex-direction: column;
    align-items: center;
    gap: 24px;
    border-radius: 8px;
    border: 1px solid var(--Grayscale-700, #656565);
    backdrop-filter: blur(22px);
}

.order_subtitle {
    text-align: center;
}

.order_table_header tr {
    padding: 0px;
    text-align: center;
}

.order_table_header tr th:first-child {
    padding: 0px;
    text-align: start;
}

.order_table_body tr {
    padding: 16px 0px;
    border-top: 1px solid #F1F1F1;
    text-align: center;
}

.order_table_body tr td:last-child {
    display: flex;
    justify-content: end;
    padding: 16px 0px;
}

.order_table_body tr td:first-child {
    padding: 0px;
    text-align: start;
}
.order_table_body tr td p{
    text-align: center;
}
.order_table_body tr td:first-child p{
    text-align: start;
}
.order_table_body tr td:last-child p{
    text-align: start;
}
.order_table_header tr th p{
    text-align: center;
}
.order_table_header tr th:first-child p{
    text-align: start;
}

.order_headtext {
    color: #F1F1F1;
    font-family: Cambay;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 0.15px;
    margin: 0px;
}

.order_bodytext {
    color: #F1F1F1;
    font-family: Cambay;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.5px;
    margin: 0px;
}

.order_leftimg {
    position: absolute;
    top: 0px;
    left: 0px;
}

.order_bottomimg {
    position: absolute;
    bottom: -260px;
    right: -350px;
    z-index: -1;
}

/* Order End */

/* Tailored Start */
.ts1 {
    background: linear-gradient(101deg, rgba(255, 255, 255, 0.08) 0%, rgba(255, 255, 255, 0.04) 100%);
    background-image: url(../webatrex_img/ts1_bg.png);
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat;
    padding: 304px 0px 80px 0px;
    display: flex;
    flex-direction: column;
    gap: 339px;

}

.tc1 {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    gap: 32px;
    max-width: 803px;
    padding: 0px;
}

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

.tc1_title {
    color: #F1F1F1;
    text-align: center;
    font-family: Cambay;
    font-size: 65px;
    font-style: normal;
    font-weight: 400;
    line-height: 70px;
    letter-spacing: -0.25px;
    text-transform: capitalize;
    margin: 0px;
}

.tc1_subtitle {
    color: #F4F4F4;
    text-align: center;
    font-family: Comfortaa;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 155.9%;
    max-width: 653px;
    margin: 0px;
}

.tc2 {
    padding: 0px;
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.tc2_card {
    display: flex;
    padding: 40px;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
    max-width: 454px;
    border-radius: 8px;
    border: 1px solid var(--Grayscale-700, #656565);
    background: linear-gradient(101deg, rgba(255, 255, 255, 0.08) 0%, rgba(255, 255, 255, 0.04) 100%);
    backdrop-filter: blur(22px);
}

.card_titlebar {
    display: flex;
    align-items: center;
    gap: 24px;
}

.card_titletext {
    color: #F1F1F1;
    font-family: Cambay;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px;
    margin: 0px;
}

.card_subtitletext {
    color: var(--Grayscale-600, #9B9B9B);
    font-family: Cambay;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.5px;
    margin: 0px;
}

.card_row {
    display: flex;
    gap: 40px;
}

.ts2 {
    background-image: url(../webatrex_img/ts2_bg.png);
    background-position: right bottom;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 40px 0px;
}

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

.ts2_textbar {
    display: inline-flex;
    padding: 40px;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
    max-width: 579px;
    border-radius: 32px;
}

.ts2_title {
    color: #121212;
    font-family: Cambay;
    font-size: 45px;
    font-style: normal;
    font-weight: 400;
    line-height: 52px;
    margin: 0px;
}

.ts2_subtitle {
    color: var(--Grayscale-700, #656565);
    font-family: Cambay;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.5px;
    margin: 0px;
}

.ts2_button {
    display: flex;
    padding: 11px 20px 8px 20px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    cursor: pointer;
    border-radius: 32px;
    border: 1px solid #021C35;
    background: var(--Grayscale-400, #F4F4F4);
    color: #021C35;
    font-family: Cambay;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.ts3 {
    background-image: url(../webatrex_img/ts3_bg.png);
    background-position: center right;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 40px 0px;
}

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

.ts3_title {
    color: #F1F1F1;
    font-family: Cambay;
    font-size: 45px;
    font-style: normal;
    font-weight: 400;
    line-height: 52px;
    margin: 0px;
}

.ts3_subtitle {
    color: var(--Grayscale-600, #9B9B9B);
    font-family: Cambay;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.5px;
    margin: 0px;
}

.ts4 {
    display: flex;
    justify-content: center;
    background: #FFF;
    padding: 80px 304px;
    flex-shrink: 0;
}

.tc5 {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 32px;
}

.ts4_title {
    color: #021C35;
    text-align: center;
    font-family: Cambay;
    font-size: 45px;
    font-style: normal;
    font-weight: 400;
    line-height: 52px;
    max-width: 933px;
    margin: 0px;
}

.ts4_button {
    display: flex;
    padding: 11px 20px 8px 20px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 32px;
    border: 1px solid #F1F1F1;
    background: var(--Secondary-Orange, #EB641E);
    color: var(--Grayscale-White, #FFF);
    font-family: Cambay;
    font-size: 16px;
    cursor: pointer;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.ts5 {
    background: #121212;
    padding: 80px 0px;
    position: relative;
    display: flex;
    justify-content: center;
    z-index: 1;
}

.tc6 {
    display: inline-flex;
    padding: 40px;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
    max-width: 784px;
    border-radius: 8px;
    border: 1px solid var(--Grayscale-700, #656565);
    background: var(--Grayscale-Near-Black, #0E0E0E);
}

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

.first_last {
    display: flex;
    gap: 24px;
}

/* CheckboxR */
.t-checkbox input[type='checkbox']:checked~label:after,
.t-checkbox input[type='checkbox']:checked~.label:after {
    transform: scale(1);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    opacity: 1;
    visibility: visible;
}

.t-checkbox>.t-div>label:before,
.t-checkbox>.t-div>.label:before {
    content: "";
    position: absolute;
    display: inline-block;
    width: 16px;
    height: 16px;
    border: none;
    background: var(--neutral-white, #FFF);
    box-sizing: border-box;
    box-shadow: none;
    border-radius: 2px;
    top: 20px;
    left: 0px;
}

.t-checkbox input[type='checkbox'] {
    display: none;
}

.t-checkbox input[type='checkbox']~label:after,
.t-checkbox input[type='checkbox']~.label:after {
    content: '✔';
    display: block;
    position: absolute;
    color: #000000 !important;
    border-radius: 0;
    border: 0;
    font-family: "Cambay";
    font-size: 12px;
    text-align: center;
    line-height: 12px;
    height: 1px;
    width: 1px;
    left: 3px;
    top: 23px;
    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;
}

.t-checkbox {
    position: relative;
    margin-bottom: 16px;
    display: flex;
    align-items: center;
}

.t-text {
    margin-left: 24px;
}

/* Checkbox End */
/* File Upload */
/* Hide input*/
.inputfile {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
    display: flex;
}

.inputfile+label {
    cursor: pointer;
    font-size: 1.25em;
    font-weight: 700;
    color: white;
    background: none;
    max-width: 340px;
    padding: 12px 16px;
    justify-content: space-between;
    align-items: center;
    border-radius: 8px;
    border: 1px dashed #14EBF3;
    backdrop-filter: blur(22px);
    color: #F1F1F1;
    font-family: Cambay;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.5px;
}

.upload_label {
    display: flex;
    justify-content: space-between;
}

/* File Upload */
.ts5_top{
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: -1;
}
.ts5_bottom{
    position: absolute;
    bottom: 0px;
    right: 0px;
    z-index: -1;
}
/* Tailored End */



/*-----------------------------------responsive------------------------------*/
@media only screen and (max-width: 600px) {
    .desktop_none{
        display: block;
    }
    .mobile_none{
        display: none;
    }
    .secure_section {
        padding: 126px 24px 40px 24px;
    }

    .secure_colmain {
        gap: 40px;
    }

    .secure_left {
        padding: 0px;
        border: 0px;
    }
    .top_tab{
        justify-content: center !important;
    }

    
    .inputfile {
        width: 0.1px;
        height: 0.1px;
        opacity: 0;
        overflow: hidden;
        position: relative;
        margin-top: 29px;
        z-index: -1;
        display: flex;
    }

    .tab_main{
        padding: 24px;
        border-top: 2px solid rgba(255, 255, 255, 0.25);
    }
    .account_titlebar{
        gap: 8px;
    }
    .secure_rightcart {
        padding: 0px;
        border: none;
        background: none;
    }

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

    .secure_title {
        color: #F1F1F1;
        font-family: Cambay;
        font-size: 32px;
        font-style: normal;
        font-weight: 700;
        line-height: 40px;
    }

    .product_desktop {
        display: none;
    }

    .amount_duetext {
        color: #F1F1F1;
        font-family: Cambay;
        font-size: 24px;
        font-style: normal;
        font-weight: 400;
        line-height: 32px;
    }

    .product_textmob {
        color: #F1F1F1;
        font-family: Cambay;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 24px;
        letter-spacing: 0.5px;
        margin: 0px;
    }

    .product_headtext {
        color: #F1F1F1;
        font-family: Cambay;
        font-size: 16px;
        font-style: normal;
        font-weight: 700;
        line-height: 24px;
        letter-spacing: 0.15px;
        margin: 0px;
    }
    .sec_p{
        padding-left: 12px !important;
    }

    .account_table_body tr td {
        padding: 16px 0px;
    }

    .account_table_body tr td:first-child {
        padding-right: 16px;
    }

    .delete_productbtn {
        padding: 0px;
    }

    .account_table_header {
        border-bottom: 1px solid #FFFFFF;
    }

    .account_table_body tr {
        border-bottom: 1px solid #FFFFFF;
    }

    .productbar_mobile {
        display: block;
    }

    .payment_cart {
        padding: 0px;
        border: none;
    }

    .view_removemob {
        display: flex;
        flex-direction: column-reverse;
    }

    .mobile_none {
        display: none;
    }

    .failed_text {
        color: #F01919;
    }

    .account_section {
        padding: 70px 0px 40px 0px;
    }

    .tab_button {
        font-size: 14px;
    }

    .tab_logout_button {
        font-size: 14px;
    }

    .tab_container {
        gap: 40px;
    }

    .personal_detailbar {
        flex-direction: column;
    }

    .account_detailleft {
        padding: 0px 24px;
        border: none;
    }

    .secure_textbox {
        width: 100% !important;
    }

    .country_dropdown {
        width: 100% !important;
    }

    .order_top {
        padding: 24px;
        max-width: 327px;
    }

    .order_mainbar {
        align-items: center;
    }

    .order_bottom {
        padding: 0px 24px;
    }

    .order_desctable {
        width: 679px;
    }

    .ts1 {
        padding: 178px 0px 40px 0px;
        background-image: url(../webatrex_img/ts1_mobbg.png);
        background-color: #121212;
        background-size: contain;
        gap: 80px;
    }

    .tc1 {
        padding: 0px 24px;
    }

    .tc1_title {
        color: #F1F1F1;
        text-align: center;
        font-family: Cambay;
        font-size: 32px;
        font-style: normal;
        font-weight: 700;
        line-height: 40px;
    }

    .tc1_subtitle {
        color: #F4F4F4;
        text-align: center;
        font-family: Cambay;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 24px;
        letter-spacing: 0.5px;
    }

    .card_titletext {
        font-size: 16px;
    }
    .card_row {
        gap: 16px;
        flex-direction: column;
    }

    .tc2 {
        gap: 16px;
        padding: 24px;
    }

    .tc2_card {
        padding: 32px 40px;
    }

    .ts2 {
        background-image: none;
        background-color: #F1F1F1;
        padding: 24px 0px;
    }

    .tc3 {
        flex-direction: column;
        background-color: #F1F1F1;
        padding: 0px 24px;
        gap: 21px;
    }

    .ts2_textbar {
        gap: 24px;
        padding: 0px;
        border: none;
        border-radius: 0px;
    }

    .ts2_title {
        color: #121212;
        font-family: Cambay;
        font-size: 36px;
        font-style: normal;
        font-weight: 400;
        line-height: 44px;
    }

    .ts2_button {
        width: 100%;
    }

    .ts3 {
        padding: 24px 0px;
        background: none;
        background-color: #121212;
    }

    .tc4 {
        flex-direction: column-reverse;
        gap: 21px;
        padding: 0px 24px;
    }

    .ts3_title {
        color: #F1F1F1;
        font-family: Cambay;
        font-size: 36px;
        font-style: normal;
        font-weight: 400;
        line-height: 44px;
    }

    .ts3_button {
        width: 100%;
    }

    .ts4 {
        padding: 0px;
    }

    .tc5 {
        padding: 32px 24px;
        gap: 21px;
    }

    .ts4_title {
        color: #021C35;
        text-align: center;
        font-family: Cambay;
        font-size: 28px;
        font-style: normal;
        font-weight: 400;
        line-height: 36px;
    }

    .ts4_button {
        width: 100%;
    }

    .ts5 {
        padding: 0px;
    }

    .tc6 {
        padding: 40px 24px;
    }

    .first_last {
        flex-direction: column;
    }

    .t-checkbox>.t-div>label:before,
    .t-checkbox>.t-div>.label:before {
        top: 4px;
        left: 0px;
    }

    .t-checkbox input[type='checkbox'] {
        display: none;
    }

    .t-checkbox input[type='checkbox']~label:after,
    .t-checkbox input[type='checkbox']~.label:after {
        left: 3px;
        top: 7px;
    }
}

@media only screen and (min-width: 1200px) and (max-width:1348px) {
    .secure_leftimg {
        left: -85px;
    }

    .payment_bottomimg {
        right: -550px;
    }

    .account_leftimg {
        position: absolute;
        left: -75px;
        top: 250px;
    }

    .order_bottomimg {
        right: -420px;
    }

    .tc1_title {
        font-size: 48px;
    }

    .tc1 {
        max-width: 700px;
    }

    .ts2_img {
        height: 550px;
    }
    .tc1_subtitle{
        max-width: 550px;
    }
    .ts1{
        gap: 150px;
    }
}

@media only screen and (min-width: 1349px) and (max-width:1439px) {
    .secure_leftimg {
        left: -55px;
    }

    .payment_bottomimg {
        right: -550px;
    }

    .account_leftimg {
        position: absolute;
        left: -50px;
        top: 250px;
    }

    .order_bottomimg {
        right: -390px;
    }

    .tc1_title {
        font-size: 48px;
    }

    .tc1 {
        max-width: 700px;
    }

    .ts2_img {
        height: 550px;
    }
    .tc1_subtitle{
        max-width: 550px;
    }
    .ts1{
        gap: 150px;
    }
}

@media only screen and (min-width: 1440px) and (max-width:1499px) {
    .secure_leftimg {
        left: -65px;
    }

    .payment_bottomimg {
        right: -500px;
    }

    .account_leftimg {
        position: absolute;
        left: -25px;
        top: 250px;
    }

    .tc1_title {
        font-size: 48px;
    }

    .tc1 {
        max-width: 700px;
    }

    .ts2_img {
        height: 550px;
    }
    .tc1_subtitle{
        max-width: 550px;
    }
    .ts1{
        gap: 150px;
    }
}

@media only screen and (min-width: 1500px) and (max-width:1599px) {
    .secure_leftimg {
        left: -75px;
    }

    .payment_bottomimg {
        right: -450px;
    }

    .tc1_title {
        font-size: 48px;
    }

    .tc1 {
        max-width: 700px;
    }
    .tc1_subtitle{
        max-width: 550px;
    }
}

@media only screen and (min-width: 1600px) and (max-width:1699px) {
    .secure_leftimg {
        left: -40px;
    }
}

@media only screen and (min-width: 1700px) and (max-width:1799px) {}

@media only screen and (min-width: 1800px) {
    .secure_colmain {
        gap: 0px;
        justify-content: space-between;
    }
}