.account-nav a, a:visited {
    color: #2e2e2e !important;
    transition: none !important;
}

.entry-content p {
    margin: 0 !important;
}

.woocommerce-MyAccount-content .woocommerce-info {
    font-size: 14px !important;
    font-family: 'Inter', sans-serif; 
    letter-spacing: 1px !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
    margin-bottom: 1% !important;
    border-radius: 10px !important;
}

/* lost Password Reset */
.woocommerce {
    background: #f3f4f6 !important;
}

/* Login */
.woocommerce-notices-wrapper .woocommerce-error {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 14px !important;
    font-family: 'Inter', sans-serif; 
    letter-spacing: 1px !important;
    color: white !important;
    background: #fd4912b7;
    padding-top: 4.5% !important;
    padding-bottom: .5% !important;
}

.woocommerce-notices-wrapper .woocommerce-error li {
    width: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-family: 'Inter', sans-serif; 
    letter-spacing: 1px !important;
    gap: 6px !important;
}

#post-29 .woocommerce-message {
    width: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 14px !important;
    font-family: 'Inter', sans-serif; 
    letter-spacing: 1px !important;
    color: white !important;
    background: #fd4912b7 !important;
    padding-top: 4.5% !important;
}

#post-29 .woocommerce p {
    height: 68vh !important;
    font-family: 'Inter', sans-serif; 
    letter-spacing: 1px !important;
    padding-top: 2% !important; 
    /* padding-left: 16% !important; 
    padding-right: 16% !important; */
}

/* Register */
.register .woocommerce-privacy-policy-text p {
    display: none !important;
}
.form-section {
        display: none;
        flex-direction: column;
        align-items: center;
        width: 100%;
    }
    .form-section.active {
        display: flex;
    }

/* For Woocommerce Error */
@media screen and (max-width: 1280px) {
    .woocommerce-notices-wrapper .woocommerce-error {
        font-size: 14px !important;
        padding-top: 6.5% !important;
        padding-bottom: .8% !important;
    }
}

@media screen and (max-width: 1024px) {
    .woocommerce-notices-wrapper .woocommerce-error {
        font-size: 13px !important;
        padding-top: 8% !important;
        padding-bottom: 1% !important;
    }
}

@media screen and (max-width: 768px) {
    .woocommerce-notices-wrapper .woocommerce-error {
        font-size: 13px !important;
        padding-top: 9.5% !important;
        padding-bottom: 1.5% !important;
    }
}

@media screen and (max-width: 640px) {
    .woocommerce-notices-wrapper .woocommerce-error {
        font-size: 13px !important;
        padding-top: 11.5% !important;
        padding-bottom: 1.5% !important;
    }
}

@media screen and (max-width: 480px) {
    .woocommerce-notices-wrapper .woocommerce-error {
        font-size: 12px !important;
        padding-top: 15% !important;
        padding-bottom: 1.5% !important;
    }
}

/* Woocommerce Message */
@media screen and (max-width: 1280px) {
    #post-29 .woocommerce-message {
        margin-top: 2.2% !important;
    }
}

@media screen and (max-width: 1145px) {
    .woocommerce-notices-wrapper .woocommerce-error {
        padding-top: 7.2% !important;
        padding-bottom: .8% !important;
    }

    #post-29 .woocommerce-message {
        font-size: 13px !important;
        margin-top: 3% !important;
    }
}

@media screen and (max-width: 1050px) {
    .woocommerce-notices-wrapper .woocommerce-error {
        padding-top: 7.8% !important;
        padding-bottom: .8% !important;
    }

    #post-29 .woocommerce-message {
        font-size: 13px !important;
        margin-top: 3.8% !important;
    }
}

@media screen and (max-width: 900px) {
    .woocommerce-notices-wrapper .woocommerce-error {
        padding-top: 8.8% !important;
        padding-bottom: .8% !important;
    }

    #post-29 .woocommerce-message {
        font-size: 13px !important;
        margin-top: 4.5% !important;
    }
}

@media screen and (max-width: 850px) {
    .woocommerce-notices-wrapper .woocommerce-error {
        padding-top: 9.4% !important;
        padding-bottom: 1% !important;
    }

    #post-29 .woocommerce-message {
        font-size: 13px !important;
        margin-top: 5% !important;
    }
}

@media screen and (max-width: 780px) {
    .woocommerce-notices-wrapper .woocommerce-error {
        padding-top: 10.2% !important;
        padding-bottom: 1% !important;
    }

    #post-29 .woocommerce-message {
        font-size: 13px !important;
        margin-top: 6% !important;
    }
}

@media screen and (max-width: 710px) {
    .woocommerce-notices-wrapper .woocommerce-error {
        padding-top: 11% !important;
        padding-bottom: 1% !important;
    }

    #post-29 .woocommerce-message {
        font-size: 13px !important;
        margin-top: 6.8% !important;
    }
}

@media screen and (max-width: 660px) {
    .woocommerce-notices-wrapper .woocommerce-error {
        padding-top: 11.8% !important;
        padding-bottom: 1% !important;
    }

    #post-29 .woocommerce-message {
        font-size: 13px !important;
        margin-top: 7.4% !important;
    }
}

@media screen and (max-width: 620px) {
    .woocommerce-notices-wrapper .woocommerce-error {
        padding-top: 12.5% !important;
        padding-bottom: 1% !important;
    }

    #post-29 .woocommerce-message {
        font-size: 13px !important;
        margin-top: 8.8% !important;
    }
}

@media screen and (max-width: 560px) {
    .woocommerce-notices-wrapper .woocommerce-error {
        padding-top: 13.5% !important;
        padding-bottom: 1.2% !important;
    }

    #post-29 .woocommerce-message {
        font-size: 13px !important;
        margin-top: 9.4% !important;
    }
}

@media screen and (max-width: 520px) {
    .woocommerce-notices-wrapper .woocommerce-error {
        padding-top: 14.8% !important;
        padding-bottom: 1.2% !important;
    }

    #post-29 .woocommerce-message {
        font-size: 13px !important;
        margin-top: 10.8% !important;
    }
}

@media screen and (max-width: 480px) {
    .woocommerce-notices-wrapper .woocommerce-error {
        padding-top: 16% !important;
        padding-bottom: 1.2% !important;
    }

    #post-29 .woocommerce-message {
        font-size: 13px !important;
        margin-top: 12% !important;
    }
}

@media screen and (max-width: 450px) {
    .woocommerce-notices-wrapper .woocommerce-error {
        padding-top: 17% !important;
        padding-bottom: 1.2% !important;
    }

    #post-29 .woocommerce-message {
        font-size: 13px !important;
        margin-top: 13.5% !important;
    }
}

@media screen and (max-width: 420px) {
    .woocommerce-notices-wrapper .woocommerce-error {
        padding-top: 17.8% !important;
        padding-bottom: 1.2% !important;
    }

    #post-29 .woocommerce-message {
        font-size: 13px !important;
        margin-top: 14.8% !important;
    }
}

@media screen and (max-width: 390px) {
    .woocommerce-notices-wrapper .woocommerce-error {
        padding-top: 18.8% !important;
        padding-bottom: 1.2% !important;
    }

    #post-29 .woocommerce-message {
        font-size: 13px !important;
        margin-top: 16% !important;
    }
}

@media screen and (max-width: 360px) {
    .woocommerce-notices-wrapper .woocommerce-error {
        padding-top: 20% !important;
        padding-bottom: 1.2% !important;
    }

    #post-29 .woocommerce-message {
        font-size: 13px !important;
        margin-top: 18% !important;
    }
}

/* Woocommerce P */
@media screen and (min-width: 1024px) and (max-width: 1280px) {    
    #post-29 .woocommerce p {
        font-size: 15px !important;
        padding-left: 8% !important; 
        padding-right: 8% !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {    
    #post-29 .woocommerce p {
        font-size: 14px !important;
        padding-left: 3.2% !important; 
        padding-right: 3.2% !important;
    }
}

@media screen and (min-width: 640px) and (max-width: 767px) {    
    #post-29 .woocommerce p {
        font-size: 14px !important;
        padding-left: 3.2% !important; 
        padding-right: 3.2% !important;
    }
}

@media screen and (min-width: 480px) and (max-width: 639px) {    
    #post-29 .woocommerce p {
        font-size: 13px !important;
        padding-left: 3.2% !important; 
        padding-right: 3.2% !important;
    }
}

@media screen and (max-width: 479px) {    
    #post-29 .woocommerce p {
        font-size: 13px !important;
        padding-left: 3.2% !important; 
        padding-right: 3.2% !important;
    }
}


@media screen and (device-width: 1680px) and (device-height: 1050px) {
    .account-content .account-nav {
        width: 30%;
    }
}

@media screen and (device-width: 1600px) and (device-height: 900px) {
    #my-account {
        height: 32vh;
    }

    #my-account .title {
        font-size: 28px;
        padding-top: 8px;
    }

    .account-content .account-nav {
        width: 30%;
    }
}

@media screen and (device-width: 1440px) and (device-height: 900px) {
    #my-account {
        height: 32vh;
    }

    #my-account .title {
        font-size: 24px;
    }
    
    .account-content .account-nav {
        width: 30%;
    }
}

@media screen and (device-width: 1366px) and (device-height: 768px) {
    #my-account {
        height: 35vh;
    }

    #my-account .title {
        font-size: 22px;
    }
    
    .account-content .account-nav {
        width: 25%;
    }
    
    .account-content .account-nav a {
        font-size: 13.5px;
    }
    
    .account-content .account-dashboard label {
        font-size: 13.5px;
    }
    
    .account-content .account-dashboard input {
        font-size: 14.5px;
    }
}

@media screen and (device-width: 1360px) and (device-height: 768px) {
    #my-account {
        height: 35vh;
    }

    #my-account .title {
        font-size: 22px;
    }
    
    .account-content .account-nav {
        width: 28%;
    }
}

@media screen and (device-width: 1280px) and (device-height: 1024px) {
    #my-account {
        height: 32vh;
    }

    #my-account .title {
        font-size: 28px;
        padding-top: 8px;
    }
    
    .account-content .account-nav {
        width: 28%;
    }
}

@media screen and (device-width: 1280px) and (device-height: 960px) {
    #my-account {
        height: 32vh;
    }

    #my-account .title {
        font-size: 26px;
    }
    
    .account-content .account-nav {
        width: 30%;
    }
}

@media screen and (device-width: 1280px) and (device-height: 800px) {
    #my-account {
        height: 34vh;
    }

    #my-account .title {
        font-size: 26px;
    }
    
    .account-content .account-nav {
        width: 30%;
    }
}

@media screen and (device-width: 1280px) and (device-height: 768px) {
    #my-account {
        height: 36vh;
    }

    #my-account .title {
        font-size: 24px;
    }
    #my-account {
        height: 35vh;
    }

    #my-account .title {
        font-size: 22px;
    }
    
    .account-content .account-nav {
        width: 25%;
    }
    
    .account-content .account-nav a {
        font-size: 13.5px;
    }
    
    .account-content .account-dashboard label {
        font-size: 13.5px;
    }
    
    .account-content .account-dashboard input,
    .account-content .account-dashboard select {
        font-size: 14.5px;
    }
}

@media screen and (device-width: 1280px) and (device-height: 720px) {
    #my-account {
        height: 36vh;
    }

    #my-account .title {
        font-size: 24px;
    }

    #my-account {
        height: 35vh;
    }

    #my-account .title {
        font-size: 22px;
    }
    
    .account-content .account-nav {
        width: 25%;
    }
    
    .account-content .account-nav a {
        font-size: 13.5px;
    }
    
    .account-content .account-dashboard label {
        font-size: 13.5px;
    }
    
    .account-content .account-dashboard input,
    .account-content .account-dashboard select {
        font-size: 14.5px;
    }
}

@media screen and (device-width: 1280px) and (device-height: 600px) {
    #my-account {
        height: 42vh;
    }

    #my-account .title {
        font-size: 22px;
    }
    
    .account-content .account-nav {
        width: 25%;
    }
    
    .account-content .account-nav a {
        font-size: 13.5px;
    }
    
    .account-content .account-dashboard label {
        font-size: 13.5px;
    }
    
    .account-content .account-dashboard input,
    .account-content .account-dashboard select {
        font-size: 14.5px;
    }
}

@media screen and (device-width: 1152px) and (device-height: 864px) {
    #my-account {
        height: 32vh;
    }

    #my-account .title {
        font-size: 24px;
    }
    
    .account-content .account-nav {
        width: 35%;
    }
}

@media screen and (device-width: 1024px) and (device-height: 768px) {
    #my-account {
        height: 32vh;
    }

    #my-account .head-title {
        margin-top: 5%;
    }

    #my-account .title {
        font-size: 22px;
    }
    
    .account-content .account-nav {
        width: 35%;
    }
}

@media screen and (device-width: 800px) and (device-height: 600px) {
    #my-account {
        height: 32vh;
    }

    #my-account .head-title {
        margin-top: 3%;
    }

    #my-account .title {
        font-size: 20px;
    }
    
    .account-content .account-nav a {
        font-size: 12.5px;
    }
    
    .account-content .account-dashboard label {
        font-size: 12.5px;
    }
    
    .account-content .account-dashboard input {
        font-size: 13.5px;
    }
}