.header-main .woocommerce-MyAccount-navigation-link svg {
    display: none;
}
.dcsoft-custom-tab {
    display: flex;
    gap: 2.22rem;
}
.dcsoft-custom-tab .block-left {
    width: 20.97rem;
}
.dcsoft-custom-tab .block-right {
    width: 65.14rem;
    box-shadow: .07rem .07rem 1.04rem rgba(0, 0, 0, .15);
    border-radius: 1.94rem;
    padding: 2.22rem;
}
.dcsoft-custom-tab .block-right .dashboard h2.title {
    font-family: 'Quicksand Bold', sans-serif;
    font-weight: 700;
    font-size: 2.22rem;
    text-transform: none;
    color: #253D4E;
}
.dcsoft-custom-tab .block-right .dashboard .desciption {
    display: flex;
    flex-direction: column;
    align-items: center;
}
#my-account-nav {
    gap: 0.833rem;
    margin-top: 0;
}
#my-account-nav li {
    border-radius: 0.694rem;
    padding: 1.11rem;
    gap: 0.694rem;
    border: .07rem solid #ECECEC;
    display: flex;
    align-items: center;
}
#my-account-nav li:hover,
#my-account-nav li.active {
    background-color: #66B345;
    border: .07rem solid #66B345;
    transition: all .5s;
}
#my-account-nav li:hover a,
#my-account-nav li.active a {
    color: #FFFFFF;
    transition: all .5s;
}
#my-account-nav li:hover svg path,
#my-account-nav li.active svg path {
    fill: #FFFFFF;
    transition: all .5s;
}
#my-account-nav li:hover a:before,
#my-account-nav li.active a:before {
    content: unset;
}
#my-account-nav li a {
    padding: 0;
    font-family: 'Quicksand Bold', sans-serif;
    font-weight: 700;
    font-size: 1.11rem;
    text-transform: none;
}

#my-account-nav li.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--customer-logout {
    display: flex;
    align-items: center;
    padding: .83rem 1.67rem;
    background: #DF1F26;
    border-radius: 3.33rem;
    gap: .56rem;
    color: #fff;
    font-family: 'Quicksand Bold', sans-serif;
    font-weight: 700;
    font-size: 1.11rem;
    line-height: 1.67rem;
    letter-spacing: 0;
    border: .07rem solid #DF1F26;
}
#my-account-nav li.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--customer-logout a {
    color: #FFFFFF;
    justify-content: center;
    gap: .56rem;
}
#my-account-nav li.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--customer-logout a svg {
    width: 1.39rem;
    height: 1.39rem;
}
#my-account-nav li.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--customer-logout a svg path {
    fill: #FFFFFF;
}
#my-account-nav li.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--customer-logout:hover {
    border: .07rem solid #DF1F26;
}

/*css tong quan*/

.dcsoft-custom-tab.vertical-tabs .block-right .dashboard {
    display: flex;
    gap: 2.22rem;
    flex-direction: column;
}

.dcsoft-custom-tab.vertical-tabs .block-right .dashboard h2 {
    font-family: Quicksand;
    font-weight: 700;
    font-style: Bold;
    font-size: 2.22rem;
    leading-trim: NONE;
    line-height: 100%;
    letter-spacing: 0%;
    color: #253D4E;
}

.dcsoft-custom-tab.vertical-tabs .desciption {
    display: flex;
    flex-direction: column;
    gap: .56rem;
    justify-content: center;
    margin: 0 auto;
}

.dcsoft-custom-tab.vertical-tabs .desciption img {
    width: 10.42rem;
    height: 10.42rem;
    object-fit: cover;
    margin: 0 auto;
}

.dcsoft-custom-tab.vertical-tabs .desciption h3 {
    font-family: 'Quicksand Bold', sans-serif;
    font-weight: 700;
    font-size: 1.67rem;
    leading-trim: NONE;
    line-height: 100%;
    letter-spacing: 0%;
    text-align: center;
    color: #253D4E;
}

.dcsoft-custom-tab.vertical-tabs .desciption span {
    font-family: Quicksand;
    font-weight: 500;
    font-style: Medium;
    font-size: 1.11rem;
    leading-trim: NONE;
    line-height: 1.39rem;
    letter-spacing: 1.2%;
    text-align: center;
    vertical-align: middle;
    color: #253D4E;
}
.dcsoft-custom-tab .block-right .form-row {
    margin: 0 0 1.11rem 0;
    width: 100%;
    position: relative;
}
.dcsoft-custom-tab .block-right .form-row:first-child, 
.dcsoft-custom-tab .block-right .form-row:nth-child(2) {
    width: calc(50% - .56rem)!important;
}
.dcsoft-custom-tab .block-right form.edit-account {
    display: flex;
    margin: 0;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
}
.dcsoft-custom-tab .block-right .form-row label {
    font-family: Quicksand, sans-serif;
    font-weight: 500;
    font-size: .97rem;
    line-height: 1.39rem;
    color: #7E7E7E;
    margin: 0;
}
.dcsoft-custom-tab .block-right .form-row label .required {
    color: red;
    font-weight: 600;
}
.dcsoft-custom-tab .block-right .form-row input.input-text {
    margin: 0;
    padding: .83rem 1.11rem;
    border-radius: .56rem;
    border: .07rem solid #D9D8D8;
    box-shadow: none;
    font-family: Quicksand, sans-serif;
    font-weight: 500;
    font-size: .97rem;
    line-height: 1.39rem;
    color: #7E7E7E;
    height: 3.06rem;
    position: relative;
    z-index: 2;
}
.dcsoft-custom-tab .block-right .form-row input.input-text:focus {
    border: .07rem solid #66B345;
}
.dcsoft-custom-tab .block-right .form-row:has(input.input-text:focus)::before {
    content: '';
    position: absolute;
    width: calc(100% + .28rem);
    height: 3.33rem;
    border-radius: .69rem;
    top: -.14rem;
    left: -.14rem;
    border: .21rem solid #66B34533;
}
.dcsoft-custom-tab .block-right .form-row #account_display_name_description {
    font-family: 'Quicksand', sans-serif;
    color: #000;
    font-weight: 500;
    font-size: .97rem;
}
.dcsoft-custom-tab .block-right fieldset {
    margin: .69rem 0 0 0;
    width: 100%;
}
.dcsoft-custom-tab .block-right fieldset legend {
    padding: 0 0 .35rem 0;
    margin: 0 0 1.11rem 0;
    border-bottom: .07rem solid #D9D8D8;
    font-family: Quicksand, sans-serif;
    font-weight: 600;
    font-size: 1.11rem;
    line-height: 120%;
    color: #253D4E;
}
.my-account .dcsoft-custom-tab .block-right fieldset .form-row {
    width: 100%!important;
}
.my-account .dcsoft-custom-tab .block-right fieldset .form-row button.show-password-input {
    position: absolute;
    margin: 0;
    right: 0;
    height: 3.06rem;
}
.my-account .dcsoft-custom-tab .block-right fieldset .form-row button.show-password-input {
    font-family: "Font Awesome 7 Free";
    display: inline-block;
    font-style: normal;
    font-synthesis: none;
    font-variant: normal;
    font-weight: 900;
    line-height: 1;
    text-align: center;
    text-rendering: auto;
    padding: 0;
    z-index: 2;
    border: 0;
    width: 2.36rem;
}
.my-account .dcsoft-custom-tab .block-right fieldset .form-row button.show-password-input:before {
    content: "\f070";
}
.dcsoft-custom-tab .block-right .woocommerce-Button.button {
    margin: 0;
    border-radius: 6.94rem;
    background: #DF1F26;
    padding: .83rem 1.67rem;
    font-family: Quicksand, sans-serif;
    font-weight: 500;
    font-size: 1.11rem;
    line-height: 1.53rem;
    text-align: center;
    text-transform: none;
}
.dcsoft-custom-tab .block-right .woocommerce-Button.button.quen-mat-khau {
    background: #66B345;
}
.my-account .dcsoft-custom-tab .block-right fieldset button.show-password-input.display-password:before {
    content: '\f06e';
}
.dcsoft-custom-tab .block-right fieldset .form-row #password_strength,
.dcsoft-custom-tab .block-right fieldset .form-row .woocommerce-password-hint {
    font-family: 'Quicksand', sans-serif;
    color: #091016;
    line-height: 100%;
    font-weight: 500;
    font-size: .83rem;
    font-style: italic;
}
.dcsoft-custom-tab .block-right fieldset .form-row #password_strength {
    padding: .69rem 0 0 0;
    font-size: .97rem;
}
.dcsoft-custom-tab .block-right .form-row label {
    display: none;
}
.dcsoft-custom-tab .block-right .form-row input.input-text:focus::placeholder {
    color: #fff;
}
.dcsoft-custom-tab .block-right .form-row:has(input.input-text:focus) label {
    pointer-events: none;
    transition: 0.3s;
    position: absolute;
    top: 0;
    left: 1.04rem;
    transform: translateY(-50%);
    display: block;
    z-index: 22;
    background: #fff;
    font-size: .83rem;
    line-height: .97rem;
    padding: 0 .35rem;
    color: #7E7E7E;
}
@media only screen and (max-width: 767.9px) {

.dcsoft-custom-tab.vertical-tabs>.block-left {
    display: none;
}

.page-wrapper.my-account.mb {
    padding: 0;
}

.page-wrapper.my-account.mb>div.container {
    max-width: 100%;
}

.page-wrapper.my-account.mb>div.container>.dcsoft-custom-tab {
    gap: 0;
}

.page-wrapper.my-account.mb>div.container>.dcsoft-custom-tab>.block-right {
    width: 100%;
    max-width: 100%;
    padding: 3.07rem 4.1rem;
    gap: 6.15rem;
    display: flex;
}

.page-wrapper.my-account.mb .dcsoft-custom-tab.vertical-tabs .block-right .dashboard h2 {
   font-size: 4.1rem;
   line-height: 6.15rem;
}

.page-wrapper.my-account.mb .dcsoft-custom-tab.vertical-tabs .desciption h3 {
    font-size: 4.1rem;
}

.page-wrapper.my-account.mb .dcsoft-custom-tab.vertical-tabs .desciption span {
    font-size: 3.07rem;
    line-height: 4.1rem;
}

}
@media only screen and (max-width: 767.9px) {
    .my-account-header .page-title-inner h1.uppercase {
        font-size: 4.61rem;
        line-height: 130%;
    }
    .my-account-header .page-title-inner small.uppercase {
        font-size: 3.84rem;
        line-height: 130%;
    }
    .dcsoft-custom-tab .block-right .form-row:first-child, 
    .dcsoft-custom-tab .block-right .form-row:nth-child(2) {
        width: 100%!important;
    }
    .dcsoft-custom-tab .block-right .form-row {
        margin: 0 0 4.1rem 0;
    }
    .dcsoft-custom-tab .block-right .form-row label {
        font-size: 3.59rem;
        line-height: 5.12rem;
    }
    .dcsoft-custom-tab .block-right .form-row input.input-text {
        border-radius: 2.05rem;
        padding: 3.07rem 4.1rem;
        font-size: 3.59rem;
        line-height: 5.12rem;
        height: 11.27rem;
        border: .26rem solid #D9D8D8;
    }
    .dcsoft-custom-tab .block-right .form-row input.input-text:focus {
        border: .26rem solid #66B345;
    }
    .dcsoft-custom-tab .block-right .form-row:has(input.input-text:focus)::before {
        width: calc(100% + 1.02rem);
        height: 12.3rem;
        border-radius: 2.56rem;
        top: -.51rem;
        left: -.51rem;
        border: .77rem solid #66B34533;
    }
    .dcsoft-custom-tab .block-right .form-row #account_display_name_description {
        font-size: 3.33rem;
        line-height: 120%;
        margin: 2.05rem 0 0 0;
        display: block;
    }
    .dcsoft-custom-tab .block-right fieldset {
        margin: 2.56rem 0 0 0;
    }
    .dcsoft-custom-tab .block-right fieldset legend {
        padding: 0 0 1.28rem 0;
        margin: 0 0 4.1rem 0;
        font-size: 4.1rem;
        border-bottom: .26rem solid #D9D8D8;
    }
    .my-account .dcsoft-custom-tab .block-right fieldset .form-row button.show-password-input {
        height: 11.27rem;
        width: 8.71rem;
        font-size: 3.33rem;
    }
    .dcsoft-custom-tab .block-right fieldset .form-row #password_strength {
        padding: 2.56rem 0 1.28rem 0;
        font-size: 3.59rem;
    }
    .dcsoft-custom-tab .block-right fieldset .form-row .woocommerce-password-hint {
        font-size: 3.07rem;
    }
    .dcsoft-custom-tab .block-right .woocommerce-Button.button {
        padding: 2.05rem;
        border-radius: 25.61rem;
        font-size: 3.59rem;
        line-height: 6.15rem;
        width: 100%;
        height: 10.25rem;
    }
    .dcsoft-custom-tab .block-right p:has(.woocommerce-Button.button) {
        width: 100%;
    }
    .dcsoft-custom-tab .block-right .form-row:has(input.input-text:focus) label {
        font-size: 2.56rem;
        line-height: 3.07rem;
        left: 3.84rem;
        padding: 0 1.28rem;
    }
}
/*login*/
.account-login-inner {
    box-shadow: 0px 0px 1.04rem 0px #00000014;
    padding: 2.22rem;
    background: #fff;
    border-radius: 1.94rem;
}
.account-login-inner h3.uppercase {
    font-family: 'Quicksand Bold', sans-serif;
    font-weight: 700;
    font-size: 2.22rem;
    line-height: 100%;
    color: #253D4E;
    text-transform: none;
    margin: 0 0 .83rem 0;
}
.account-login-inner form.login .form-row {
    margin: 0 0 1.11rem 0;
    position: relative;
}
.account-login-inner form.login .form-row label {
    margin: 0;
    font-family: Quicksand, sans-serif;
    font-weight: 500;
    font-size: .83rem;
    line-height: .97rem;
    color: #7E7E7E;
    display: none;
    background: #fff;
    padding: 0 .35rem;
    position: absolute;
    left: 1.04rem;
}
.account-login-inner form.login .form-row label .required {
    color: red;
}
.account-login-inner form.login .form-row input.input-text {
    margin: 0;
    height: 3.06rem;
    border-radius: .56rem;
    border: .07rem solid #D9D8D8;
    padding: .83rem 1.11rem;
    box-shadow: none;
    font-family: Quicksand, sans-serif;
    font-weight: 500;
    font-size: .97rem;
    line-height: 1.39rem;
    color: #7E7E7E;
}
.account-login-inner form.login .form-row input.input-text:focus {
    border: .07rem solid #66B345;
}
.account-login-inner form.login .form-row:has(input.input-text:focus):before {
    content: '';
    border-radius: .69rem;
    position: absolute;
    width: calc(100% + .28rem);
    height: 3.33rem;
    left: -.14rem;
    top: -.14rem;
    border: .21rem solid #66B34533
}
.account-login-inner form.login .form-row input.input-text:focus::placeholder {
    color: #fff;
}
.account-login-inner form.login .form-row:has(input.input-text:focus) label {
    pointer-events: none;
    transition: 0.3s;
    transform: translateY(-50%);
    display: block;
}
.account-login-inner form.login .form-row button.show-password-input {
    position: absolute;
    margin: 0;
    right: 0;
    height: 3.06rem;
    font-family: "Font Awesome 7 Free";
    display: inline-block;
    font-style: normal;
    font-synthesis: none;
    font-variant: normal;
    font-weight: 900;
    line-height: 1;
    text-align: center;
    text-rendering: auto;
    padding: 0;
    z-index: 2;
    border: 0;
    width: 2.22rem;
}
.account-login-inner form.login .form-row button.show-password-input:before {
    content: "\f070";
}
.account-login-inner form.login .form-row button.show-password-input.display-password:before {
    content: '\f06e';
}
.account-login-inner form.login .form-row button.woocommerce-form-login__submit {
    margin: 0;
    width: 100%;
    padding: .69rem;
    border-radius: 6.94rem;
    background: #DF1F26;
    font-family: Quicksand, sans-serif;
    font-weight: 600;
    font-size: 1.11rem;
    line-height: 1.53rem;
    text-align: center;
    text-transform: none;
    height: 3.19rem;
}
.account-login-inner form.login .lost_password {
    margin: 0;
    font-family: Quicksand, sans-serif;
    font-weight: 600;
    font-size: .97rem;
    line-height: 100%;
    letter-spacing: .07rem;
    vertical-align: middle;
    text-decoration: underline;
    text-decoration-style: solid;
    text-decoration-offset: 0%;
    text-decoration-thickness: 0%;
    color: #66B345;
}
.account-login-inner form.login .lost_password a {
    color: #66B345;
    display: block;
}
/*địa chỉ*/
.dcsoft-custom-tab .block-right .woocommerce-MyAccount-content > p {
    margin-bottom: 1.11rem;
    font-family: 'Quicksand', sans-serif;
    font-size: 1.04rem;
    color: #253D4EFC;
    font-style: italic;
    font-weight: 600;
}
.dcsoft-custom-tab .block-right .addresses {
    justify-content: space-between;
    gap: 2.22rem;
}
.dcsoft-custom-tab .block-right .addresses .woocommerce-Address {
    width: 50%;
    padding: 0;
    text-align: center;
}
.dcsoft-custom-tab .block-right .addresses header.title h2 {
    margin: 0 0 1.11rem 0;
    font-family: 'Quicksand Bold', sans-serif;
    font-weight: 700;
    font-size: 1.67rem;
    line-height: 100%;
    color: #253D4EFC;
}
.dcsoft-custom-tab .block-right .addresses header.title a.edit {
    font-family: Quicksand, sans-serif;
    font-weight: 600;
    font-size: 1.11rem;
    line-height: 100%;
    letter-spacing: .07rem;
    text-align: center;
    vertical-align: middle;
    color: #DF1F26;
    display: block;
}
.dcsoft-custom-tab .block-right .addresses address {
    color: #253D4E;
    font-family: Quicksand, sans-serif;
    font-weight: 500;
    font-size: 1.11rem;
    line-height: 100%;
    letter-spacing: .5px;
    vertical-align: middle;
    font-style: normal;
    margin: 1.11rem 0 0 0;
}
.dcsoft-custom-tab .block-right .addresses header.title a.edit:after {
    content: '\f303';
    font-family: "Font Awesome 7 Free";
    display: inline-block;
    font-style: normal;
    font-synthesis: none;
    font-variant: normal;
    font-weight: 900;
    line-height: 1;
    text-align: center;
    text-rendering: auto;
    font-size: .97rem;
}
/*địa chỉ thanh toán*/
.dcsoft-custom-tab .block-right form > h2 {
    font-family: 'Quicksand Bold', sans-serif;
    font-weight: 700;
    font-size: 2.22rem;
    line-height: 100%;
    color: #253D4E;
    margin: 0 0 2.22rem 0;
}
.dcsoft-custom-tab .block-right .woocommerce-address-fields .woocommerce-address-fields__field-wrapper {
    display: flex;
    margin: 0;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
}
.dcsoft-custom-tab .block-right .form-row#billing_country_field strong,
.dcsoft-custom-tab .block-right .form-row#shipping_country_field strong {
    font-family: Quicksand, sans-serif;
    font-weight: 600;
    font-size: 1.11rem;
    line-height: 100%;
    vertical-align: middle;
    color: #253D4E;
}
.dcsoft-custom-tab .block-right .woocommerce-address-fields button.button[name='save_address'] {
    margin: 0;
    padding: .83rem 1.67rem;
    border-radius: 6.94rem;
    height: 3.19rem;
    font-family: Quicksand, sans-serif;
    font-weight: 600;
    font-size: 1.11rem;
    line-height: 1.53rem;
    text-align: center;
    background: #DF1F26;
    text-transform: none;
    border: 0;
}
.dcsoft-custom-tab .block-right .form-row#billing_address_2_field>label,
.dcsoft-custom-tab .block-right .form-row#shipping_address_2_field>label {
    opacity: 1;
    width: max-content;
}
@media only screen and (max-width: 767.9px) {
    .account-login-inner {
        box-shadow: none;
        padding: 4.1rem;
        border-radius: 0;
    }
    .account-login-inner h3.uppercase {
        font-size: 5.12rem;
        margin: 0 0 3.07rem 0;
    }
    .account-login-inner form.login {
        margin: 0;
    }
    .account-login-inner form.login .form-row {
        margin-bottom: 4.1rem;
    }
    .account-login-inner form.login .form-row label {
        font-size: 2.82rem;
        line-height: 3.33rem;
        left: 3.84rem;
        padding: 0 1.28rem;
    }
    .account-login-inner form.login .form-row input.input-text {
        height: 11.27rem;
        border-radius: 2.05rem;
        border: .26rem solid #D9D8D8;
        padding: 3.07rem 4.1rem;
        font-size: 3.59rem;
        line-height: 5.12rem;
    }
    .account-login-inner form.login .form-row button.show-password-input {
        height: 11.27rem;
        width: 8.2rem;
        font-size: 3.84rem;
    }
    .account-login-inner form.login .form-row:has(input.input-text:focus):before {
        border-radius: 2.56rem;
        width: calc(100% + 1.02rem);
        height: 12.3rem;
        left: -.51rem;
        top: -.51rem;
        border: .77rem solid #66B34533
    }
    .account-login-inner form.login .form-row button.woocommerce-form-login__submit {
        padding: 2.56rem;
        border-radius: 25.61rem;
        font-size: 4.1rem;
        line-height: 5.64rem;
        height: 11.78rem;
    }
    .account-login-inner form.login .lost_password {
        font-size: 3.59rem;
        letter-spacing: .26rem;
    }
    /*địa chỉ*/
    .dcsoft-custom-tab .block-right .woocommerce-MyAccount-content > p {
        line-height: 100%;
        margin-bottom: 4.1rem;
        font-size: 3.84rem;
    }
    .dcsoft-custom-tab .block-right .addresses {
        display: flex;
        gap: 2.05rem;
        flex-wrap: wrap;
    }
    .dcsoft-custom-tab .block-right .addresses .woocommerce-Address {
        width: 100%;
        padding: 2.05rem;
        background: #F7F8FA;
        border-radius: 3.07rem;
    }
    .dcsoft-custom-tab .block-right .addresses header.title h2 {
        font-size: 4.1rem;
        margin: 0 0 4.1rem 0;
    }
    .dcsoft-custom-tab .block-right .addresses header.title a.edit {
        font-size: 4.1rem;
        letter-spacing: .5px;
    }
    .dcsoft-custom-tab .block-right .addresses address {
        font-size: 3.59rem;
        margin: 4.1rem 0 0 0;
        letter-spacing: .5px;
    }
    .dcsoft-custom-tab .block-right .addresses header.title a.edit:after {
        font-size: 3.59rem;
    }
    /*địa chỉ thanh toán*/
    .dcsoft-custom-tab .block-right form > h2 {
        font-size: 5.12rem;
        margin: 0 0 6.15rem 0;
    }
    .dcsoft-custom-tab .block-right .form-row#billing_country_field strong,
    .dcsoft-custom-tab .block-right .form-row#shipping_country_field strong {
        font-size: 3.59rem;
    }
    .dcsoft-custom-tab .block-right .woocommerce-address-fields button.button[name='save_address'] {
        padding: 2.05rem;
        width: 100%;
        height: 10.25rem;
        font-size: 3.59rem;
        line-height: 6.15rem;
    }
    .dcsoft-custom-tab .block-right .form-row#billing_address_2_field:has(input.input-text:focus) label,
    .dcsoft-custom-tab .block-right .form-row#shipping_address_2_field:has(input.input-text:focus) label {
        display: block;
    }
}
/*tabs mobile*/
.dcsoft-custom-tab.vertical-tabs button#mega-vertical-tabs,
.dcsoft-custom-tab.vertical-tabs>.block-left #mega-close-vertical-tabs {
    display: none;
}
@media only screen and (max-width: 767.9px) {
    .dcsoft-custom-tab.vertical-tabs button#mega-vertical-tabs {
        display: block;
        position: fixed;
        top: 51.23rem;
        width: 11.27rem;
        height: 11.27rem;
        border-radius: 11.27rem 0 0 11.27rem;
        background: #66B345;
        box-shadow: 0px 1.02rem 1.02rem 0px #00000040;
        right: 0;
        margin: 0;
        padding: 0;
        border: 0;
        z-index: 20;
    }
    .dcsoft-custom-tab.vertical-tabs>.block-left {
        position: fixed;
        right: 0;
        top: 0;
        max-width: 82%;
        flex-basis: 82%;
        height: 100%;
        z-index: 99;
        background-color: #fff;
        padding: 4.1rem;
        display: block;
        -webkit-transform: translateX(100%);
        -ms-transform: translateX(100%);
        transform: translateX(100%);
        -webkit-transition: all .3s;
        transition: all .3s;
        width: 80%;
    }
    .dcsoft-custom-tab.vertical-tabs>.block-left.open {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
    #wrapper.active:before {
        display: block;
        content: '';
        position: fixed;
        z-index: 30;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: #0000006e;
    }
    #my-account-nav {
        gap: 2.56rem;
    }
    #my-account-nav li {
        padding: 2.56rem 4.1rem;
        border-radius: 2.05rem;
        gap: 2.56rem;
    }
    #my-account-nav li svg {
        width: 5.12rem;
        height: 5.12rem;
    }
    #my-account-nav li a {
        font-size: 3.59rem;
    }
    #my-account-nav li.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--customer-logout {
        padding: 2.56rem 4.1rem;
        border-radius: 2.05rem;
        font-size: 3.59rem;
        line-height: 5.12rem;
        gap: 2.05rem;
    }
    #my-account-nav li.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--customer-logout a {
        gap: 2.05rem;
    }
    #my-account-nav li.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--customer-logout a svg {
        width: 4.61rem;
        height: 4.61rem;
    }
    .dcsoft-custom-tab.vertical-tabs>.block-left.open #mega-close-vertical-tabs {
        display: block;
        position: absolute;
        width: 11.27rem;
        height: 11.27rem;
        border-radius: 11.27rem 0 0 11.27rem;
        background: #66B345;
        box-shadow: 0px 1.02rem 1.02rem 0px #00000040;
        margin: 0;
        left: -11.27rem;
        top: 35%;
        border: 0;
    }
    .dcsoft-custom-tab.vertical-tabs>.block-left #mega-close-vertical-tabs svg {
        width: 3.84rem;
        height: 3.84rem;
    }
    .dcsoft-custom-tab.vertical-tabs>.block-left #mega-close-vertical-tabs svg path {
        fill: #fff;
    }
}
/*regex email*/
.dcsoft-custom-tab .block-right .form-row.error#billing_phone_field:after,
.dcsoft-custom-tab .block-right .form-row.error#billing_email_field:after {
    position: absolute;
    left: 0.625rem;
    top: auto;
    background: #fff;
    color: red;
    font-size: 0.813rem;
    padding: 0 0.313rem;
    bottom: -.42rem;
    z-index: 22;
}
.dcsoft-custom-tab .block-right .form-row.error#billing_phone_field:after {
    content: 'Invalid Phone Number Format';
}
.dcsoft-custom-tab .block-right .form-row.error#billing_email_field:after {
    content: 'Invalid Email Format';
}
.dcsoft-custom-tab .block-right .form-row.error#billing_phone_field input.input-text,
.dcsoft-custom-tab .block-right .form-row.error#billing_email_field input.input-text {
    color: red;
    border-color: red;
}
.dcsoft-custom-tab .block-right .form-row.error#billing_phone_field:has(input.input-text:focus) label,
.dcsoft-custom-tab .block-right .form-row.error#billing_email_field:has(input.input-text:focus) label{
    color: red;
}
@media only screen and (max-width: 767.9px) {
    .dcsoft-custom-tab .block-right .form-row.error#billing_phone_field:after,
    .dcsoft-custom-tab .block-right .form-row.error#billing_email_field:after {
        left: 2.56rem;
        font-size: 3.07rem;
        padding: 0 1.28rem;
        bottom: -1.54rem;
    }
}