/** Shopify CDN: Minification failed

Line 272:52 Expected ")" to end URL token

**/
.account-tabs .tablink .nav-link {
    padding: 0.75rem 1.2rem;
}

.account-tabs .tablink.open .nav-link {
    background: var(--bs-color-primary);
    color: var(--bs-body-bg);
    border-radius: var(--bs-border-radius-button);
}


.errors {
    background: #ffdada;
    border-radius: 5px;
    color: var(--bs-color-danger);
}

.errors ul {
    list-style: none;
    padding: 4px 15px 4px;
}


/*reset password*/
.new-password-recover-form form {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.new-password-recover-form h1 {
    font-family: "Termina Demi";
    font-size: 24px;
    font-weight: 600;
    line-height: 34px;
}

.new-password-recover-form .email-section input {
    width: 440px;
    border-radius: 5px;
    border: 1px solid #C7C7C799;
    background-color: white;
    font-family: Open Sans;
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    color: #000000;
    padding-left: 18px !important;
    box-shadow: none;
}

.new-password-recover-form .email-section label {
    font-family: Open Sans;
    font-size: 14px;
    font-weight: 400;
    line-height: 19px;
    margin-bottom: 5px;
    color: #606060;
}

.new-password-recover-form form .buttons {
    width: 440px;
}

.new-password-recover-form form .submit-button {
    width: 310px;
    border-radius: 5px;
    padding: 18px 20px;
    background-color: #008531 !important;
    font-family: Termina;
    font-size: 16px;
    font-weight: 700;
    line-height: 19px;
    border: 1px solid #008531 !important;
    color: #FFFFFF !important;
}

.new-password-recover-form form .cancel-button {
    font-family: Termina;
    font-size: 14px;
    font-weight: 600;
    line-height: 17px;
    padding: 21px 40px;
    border-radius: 3px;
    color: black !important;
    border: 1px solid #000000 !important;
    width: 121px;
}

.new-password-recover-form .email-section {
    width: fit-content;
}


.account-wrapper {
    max-width: 510px;
}

.account-wrapper .register-form-wrapper,
.account-wrapper .password-recover-form,
.account-wrapper .login-wrapper {
    background-color: #f9f9f9;
    padding: 20px 60px;
    margin-bottom: 40px;
}

.account-wrapper .password-recover-form{
    background-color: #f9f9f9;
    margin-bottom: 40px;
}

.password-recover-form h1,
.account-wrapper .login-wrapper h1 {
    font-size: 26px;
}

.account-wrapper input:not(.new-login-wrapper input ,.new-register-form-wrapper input) {
    margin-bottom: 15px;
    height: 50px !important;
    padding: 5px 10px !important;
    background-color: white;
    border-radius: 3px;
    border: 1px solid #cbcbcb;
    color: #424141;
    font-size: 16px;
}

.account-wrapper .s-s-element a {
    font-size: 12px;
    color: #000;
    font-weight: 500
}

.account-wrapper .showPass {
    position: absolute;
    right: 10px;
    top: 9px;
    z-index: 100;
    width: 30px;
    height: 30px;
    font-size: 0;
}

.account-wrapper .showPass.hp {
    background-position: left bottom
}

.account-wrapper .btn-primary:not(.new-password-recover-form .btn-primary,.new-register-form-wrapper .register-form-wrapper-button) {
    font-size: 20px !important;
    font-weight: 600 !important;
    padding: 5px !important;
    border-radius: 6px !important;
    border: 1px solid black !important;
}

.account-wrapper .btn-primary:hover:not(.new-password-recover-form .btn-primary) {
    background: #000000 !important;
    color: #b1fc54 !important;
    border: 1px solid #b1fc54 !important;
}

.account-wrapper .create-account-link {
    font-size: 20px !important;
    font-weight: 600 !important;
    padding: 12px 5px !important;
    border-radius: 6px !important;
    background: #EEEEEE;
    color: #000000;
    border: 1px solid #000000 !important;
    height: 50px !important;
    width: 100%;
}

.account-wrapper .create-account-link:hover {
    color: #eee !important;
    background: #000000 !important;
    border: 1px solid #000000 !important;
}

.account-wrapper .signup-block .signup-title {
    font-size: 27px;
}

.account-wrapper .signup-block .accordion__container .signup-title::after {
    content: "";
    display: block;
    width: 15px;
    height: 15px;
    margin: 10px auto 0;
    border: solid #000;
    border-width: 2px 0 0 2px;
    transform: rotate(225deg)
}

.account-wrapper .signup-block .accordion__container.open .signup-title::after {
    transform: rotate(45deg)
}

.account-wrapper .signup-block .signup-info {
    max-width: 300px;
    list-style: none;
}

.account-wrapper .signup-block .signup-info li {
    position: relative;
}

.account-wrapper .signup-block .signup-info li::after {
    content: "";
    display: block;
    position: absolute;
    top: 53%;
    left: -19px;
    transform: translateY(-50%);
    height: 2px;
    background: #000000;
    width: 10px;
}

.account-wrapper .signup-block .btn-outline-violate {
    padding: 10px;
}

.account-wrapper .social-login:not(.modal .social-login) {
    max-width: 500px;
    margin: 0 auto;
}

.account-wrapper .social-login .social-heading::before {
    position: absolute;
    content: "";
    top: 10px;
    left: 32px;
    height: 1px;
    background: #000000;
    width: 25%;
}

.account-wrapper .social-login .social-heading::after {
    position: absolute;
    content: "";
    top: 10px;
    right: 32px;
    height: 1px;
    background: #000000;
    width: 25%;
}

.account-wrapper .register-form-wrapper .form-title {
    font-size: 32px;
}

.account-wrapper .email-update .form-check-input {
    width: 14px !important;
    height: 14px !important;
    float: left;
    margin: 3px 0 0 !important;
    padding: 5px !important;
}

.account-wrapper .email-update .form-check-input:checked {
    background-color: #647088 !important;
    border-color: #647088 !important;
}

.account-wrapper .email-update .form-check-input:checked[type=checkbox] {
    background-image: url(data:image/svg+xml,%3csvg xmlns= 'http://www.w3.org/2000/svg' viewBox= '0 0 20 20' %3e%3cpath fill= 'none' stroke= '%23fff' stroke-linecap= 'round' stroke-linejoin= 'round' stroke-width= '3' d= 'M6 10l3 3l6-6' /%3e%3c/svg%3e) !important;
}

.account-wrapper .hide-resetform {
    height: unset !important;
}

/*regester page css*/
.account-wrapper.new-registration-content {
    max-width: none !important;
}

.new-register-form-wrapper .new-password-section .passIcon {
    position: absolute;
    top: 32px;
    right: 10px;
    z-index: 200;
    cursor: pointer;
}

.new-register-form-wrapper .right-container {
    display: flex;
    flex-direction: column;
    width: 440px;
    margin: auto;
    padding: 16px 0;
}


.new-register-form-wrapper .left-container {
    display: flex !important;
    border-right: 1px solid #000000;
}

.new-register-form-wrapper .form-wrapper-image {
    flex: 1;
    object-fit: cover;
}

.new-register-form-wrapper .register-form-wrapper-title {
    font-family: "Termina";
    font-size: 32px;
    font-weight: 600;
    line-height: 45px;
    color: #000000;
    text-align: center;
}
.account-heading-text {
    font-family: "Termina Demi";
    font-size: 26px;
    text-transform: uppercase;
    font-weight: 900;
    font-style: normal;
    letter-spacing: normal;
    text-align: center;
}
.new-register-form-wrapper .register-success-message {
    font-family: Open Sans;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: 0;
    margin-bottom: 20px !important;
}

.new-register-form-wrapper label {
    font-family: Open Sans;
    font-size: 14px;
    font-weight: 400;
    line-height: 19px;
    color: #606060;
    margin-bottom: 2px;
    display: flex;
    gap: 5px;
    letter-spacing: normal;
}

.new-register-form-wrapper input {
    font-family: Open Sans;
    border: 1px solid #C7C7C799 !important;
    background-color: transparent !important;
    border-radius: 3px;
    margin-top: 3px;
    height: 50px;
    margin-bottom: 3px !important;
    color: #000000;
}

.new-register-form-wrapper .form-control {
    color: #000000 !important;
}

.new-register-form-wrapper input:not(input[type=submit]) {
    font-family: Open Sans;
    font-size: 14px;
    font-weight: 400;
    line-height: 19px;
    box-shadow: none;
}

.new-register-form-wrapper .register-form-wrapper-button {
    width: 100%;
    height: 55px;
    padding: 10px 20px !important;
    border-radius: 5px;
    background: #008531 !important;
    font-weight: 600;
    font-family: 'Termina Demi' !important;
    font-size: 16px;
    border: 1px solid #008531 !important;
    color: #FFFFFF !important;
}

.new-register-form-wrapper .register-form-wrapper-newsletter {
    font-family: Open Sans;
    font-size: 12px;
    font-weight: 400;
    line-height: 19px;
    letter-spacing: 0;
}

.new-register-form-wrapper .register-form-input-group.form-group-input {
    width: 217px;
    border: 1px solid #C7C7C799;
    background-color: transparent !important;
    border-radius: 5px;
    margin-top: 3px;
}

.new-register-form-wrapper .register-form-input-group {
    display: flex;
    text-align: center;
    align-items: center;
    gap: 16px;
}

.register-form-wrapper-button .form-wrapper-check-input {
    width: 7px !important;
    border: 1px solid #000000;
}

.new-register-form-wrapper .form-wrapper-newletter-subscribe {
    font-family: Open Sans;
    font-size: 12px;
    font-weight: 400;
    line-height: 19px;
    color: #000000;
    letter-spacing: 0;
    margin-bottom: 20px;
}

.new-register-form-wrapper .form-wrapper-policy-text {
    font-family: Open Sans;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    color: #000000;
    letter-spacing: 0;
}

.new-register-form-wrapper .form-wrapper-policy-text a,
.new-register-form-wrapper .form-wrapper-account-letter a {
    color: #008531;
}

.new-register-form-wrapper .form-wrapper-account-letter {
    font-family: Open Sans;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    text-align: center;
    letter-spacing: 0;
    margin-top: 20px;
    margin-bottom: 20px;
}

.new-password-section {
    position: relative;
}

.new-password-section .passIcon:not(.modal .passIcon) {
    position: absolute;
    top: 42px;
    right: 10px;
    z-index: 200;
    cursor: pointer;
}

/*login page css*/

.new-login-form-wrapper {
    display: flex;
}

.new-login-form-wrapper .left-container {
    display: flex !important;
    border-right: 1px solid #000000;

}

.new-login-form-wrapper .right-container {
    width: 440px;
    margin: 60px auto 0 auto;
}

.new-login-form-wrapper .right-container .account-wrapper {
    margin: auto;
    padding: 20px
}

.new-login-form-wrapper .left-container .form-wrapper-image {
    flex: 1;
    object-fit: cover;
}


/*new login page*/

.new-login-wrapper {
    background-color: transparent;
    width: fit-content;
}

.new-login-wrapper .form-control {
    color: #000000 !important;
}

.new-login-wrapper .login-title {
    font-family: Termina Demi;
    font-size: 24px;
    font-weight: 600;
    line-height: 34px;
    margin-bottom: 4px;
}

.new-login-wrapper input:not(.new-login-wrapper .new-login-button) {
    width: 100%;
    font-family: Open Sans;
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    background-color: transparent !important;
    margin-top: 5px;
    border: 1px solid #DCDCDC;
    height: 50px;
    border-radius: 3px;
}

.new-login-wrapper .showPass {
    top: 38px !important;
}

.new-login-wrapper label {
    font-family: Open Sans;
    font-size: 14px;
    font-weight: 400;
    line-height: 19px;
    color: #606060;
    margin-bottom: 2px;
}

.new-login-wrapper .new-account-paragraph-section {
    font-family: Open Sans;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: 0em;
    text-align: right;

}

.new-login-wrapper .new-forget-password-link {
    font-family: Open Sans;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    text-align: center;
    color: #008531 !important;
}

.new-login-wrapper .new-login-button {
    width: 100%;
    padding: 16px 20px;
    border-radius: 5px;
    background: #008531!important;
    border: 1px solid #008531;
    text-align: center;
    font-size: 16px;
    font-family: Termina;
    font-weight: 600;
    color: #FFFFFF !important;
}

.new-login-wrapper .new-create-account-link {
    width: 100%;
    padding: 17px 20px;
    border-radius: 5px;
    border: 1px solid #000000;
    font-family: "Termina Demi" !important;
    font-size: 16px;
    font-weight: 600;
    line-height: 19px;
    margin-top: 8px;
}
.modal .new-login-wrapper .new-create-account-link {
    padding: 6px 20px !important;
    font-size: 16px !important;
    font-family: "Termina demi" !important;
    height: 45px !important;
    display: flex;
    align-items: center;
    justify-content: center;
    letter-spacing: normal;
}
.new-login-wrapper .new-sign-up-link {
    font-family: Open Sans;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    color: #008531 !important;
}

.new-login-wrapper .social-login:not(.modal .social-login) {
    max-width: 440px !important;
}

.new-login-wrapper .forgot_password_button {
    width: 440px;
}

/*new login page end */

#vip-blur-login .forget-password-link:hover {
    text-decoration: underline;
}

#customerLoginForm .forget-password-link,
#customerLoginForm .show-password-link{
    color:  #647088;
    font-family: "Open Sans";
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: capitalize;
    border-bottom: 1px solid #647088;
    margin-bottom: 24px;
}

#customerLoginForm .or_cancel:hover .hide-resetform{
    border-bottom: 1px solid black !important;
    border-radius: 0;
}

#customerLoginForm .or_cancel .hide-resetform {
    padding-bottom:0 !important ;
    padding-right:0 !important ;
    border: 1px solid transparent !important;
}


#customerLoginForm .show-password-link{
    border: none;
}

#customerLoginForm .forget-password-link:hover{
    color: #647088;
}

#rc_login {
    display: none !important;
}

.empty-subscription-container {
    background: #F7F6F4;
}

.empty-subscription-container .add-subscription-box {
    min-width: 320px;
}

.empty-subscription-container .subscribe-now-btn:hover {
    color: #b1fc54;
    background: #000000;
    border-color: #b1fc54 !important;
}
#customerLoginForm .login-wrapper .success-msg {
    color: #000;
    font-family: "Open Sans";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22.4px;
    padding: 4px;
    letter-spacing: normal;
}

#customerLoginForm .login-wrapper .success-msg .sign-up-link {
    color: #008531;
    font-weight: 700;
    text-transform: capitalize;
    border-bottom: 1px solid #008531;
}

@media screen and (max-width: 1201px) {
    .new-login-wrapper input {
        width: 100% !important;
    }

    .new-login-wrapper .new-create-account-link {
        width: 100% !important;
    }

    .new-login-wrapper .forgot_password_button {
        width: 100% !important;
    }
}

@media (max-width: 991px) {
    .new-login-form-wrapper .right-container {
        width: unset !important;
    }
}


@media screen and (max-width: 767px) {
    .new-account-page-wrapper .subscription-order-container {
        width: 100% !important;
    }

    .new-login-form-wrapper .left-container .form-wrapper-image {
        display: none !important;
    }

    .new-login-form-wrapper .left-container {
        display: block;
        border: none;
        width: 0;
    }

    .new-login-form-wrapper .right-container {
        width: 100% !important;
    }

    /*register page css*/
    .new-register-form-wrapper .left-container {
        display: none !important;
    }

    /*new sign up page start*/
    .new-register-form-wrapper .right-container {
        padding: 0 16px !important;
        margin-top: 20px;
    }

    .new-register-form-wrapper .register-form-input-group {
        display: flex;
        flex-direction: column;
    }

    .new-register-form-wrapper .register-form-wrapper-title {
        text-align: center;
        letter-spacing: unset;
        font-size: 24px;
    }

    .new-register-form-wrapper .form-wrapper-policy-text {
        text-align: center;
        letter-spacing: unset;
    }

    .new-register-form-wrapper label {
        gap: 15px;
    }

    .new-register-form-wrapper .register-success-message {
        text-align: center;
        letter-spacing: normal;
    }

    .new-register-form-wrapper .register-form-wrapper-button {
        font-weight: 700;
    }

    .new-register-form-wrapper .form-wrapper-account-letter {
        font-size: 14px;
    }

    .new-register-form-wrapper .register-form-input-group {
        gap: 0;
    }

    .new-register-form-wrapper .register-form-input-group .last_name {
        margin-top: 0.5rem;
    }

    .right-container label {
        letter-spacing: normal;
    }

    .right-container .form-control {
        box-shadow: none;
    }

    .template-login #app {
      display: none;
    }

}

@media screen and (max-width: 575px) {

    .account-pages #customerLoginForm,
    .account-pages .container {
        padding: 0;
    }
    .password-recover-form .password-recover-form-heading h1 {
        text-wrap: wrap;
    }

    .password-recover-form form{
        padding: 18px 0;
    }
    .password-recover-form .password-recover-form-heading p {
        font-size: 12px;
    }
    .password-recover-form .password-recover-form-heading{
        padding: 16px 0 0;

    }

    #customerLoginForm.new-password-recover-form {
        padding: 0 16px;
    }

    .account-wrapper .s-s-element a {
        font-size: 9px
    }

    .account-wrapper .register-form-wrapper,
    .account-wrapper .password-recover-form,
    .account-wrapper .login-wrapper {
        background-color: #f9f9f9;
        padding: 20px 30px;
        margin-bottom: 40px;
    }

    .account-wrapper .btn:not(.new-password-recover-form .btn-primary) {
        font-size: 15px !important;
    }

    .account-wrapper .social-login .social-heading::before {
        width: 30%;
        left: 24px;
    }

    .account-wrapper .social-login .social-heading::after {
        width: 30%;
        right: 24px;
    }

    .new-password-recover-form .email-section {
        width: 100%;
    }

    .new-password-recover-form .email-section input {
        width: 100%;
        border-radius: 3px !important;
        font-size: 14px;
        line-height: 19px;
        padding-left: 16px !important;
    }

    .new-password-recover-form .buttons {
        width: 100% !important;
        flex-direction: column;
        align-items: center;
    }

    .new-password-recover-form .buttons .submit-button {
        width: 100%;
        padding: 19px 16px;
        font-size: 18px;
        font-weight: 700;
        line-height: 22px;
        border: none;
        border-radius: 5px;
    }

    .new-password-recover-form .buttons .cancel-button {
        width: 100%;
        padding: 14px 40px !important;
        line-height: 14px;
        color: black !important;
        border-radius: 5px;
        border: 1px solid #000000;
        font-family: Termina;
        font-size: 16px;
        font-weight: 600;
    }

    .new-password-recover-form h1 {
        font-size: 22px;
    }

    .new-login-form-wrapper .right-container .account-wrapper {
        margin: 0 !important;
    }


    /*new login page */
    .new-login-wrapper {
        padding: 0px 16px;
    }

    .new-login-wrapper input:not(.new-login-wrapper .new-login-button) {
        width: 100%;
        height: 48px;
        padding: 17px 20px !important;
    }

    .new-login-wrapper .new-login-button {
        width: 100%;
        padding: 13px 20px;
        height: 54px;
        font-size: 16px;
    }

    .new-login-wrapper .new-create-account-link {
        width: 100%;
        padding: 17px;
        height: 54px;
        font-family: "Termina Demi" !important;
    }

    .new-login-wrapper .new-forget-password-link {
        font-family: Open Sans;
        font-size: 12px;
        font-weight: 400;
        line-height: 16px;
        text-align: end !important;
        letter-spacing: normal;
        color: #008531;

    }

    .new-login-wrapper .description {
        font-family: Open Sans;
        font-size: 14px;
        font-weight: 400;
        color: #000000;
        line-height: 19px;
    }

    .new-login-wrapper .new-group-section {
        width: 100%;
    }

    .new-login-wrapper .forgot_password_button {
        width: 440px;
    }

    .new-login-wrapper .social-login .social-heading::before {
        width: 0 !important;
    }

    .new-login-wrapper .social-login .social-heading::after {
        width: 0 !important;
    }


    /*new login page end */
}

@media screen and (max-width: 426px) {
    .new-login-wrapper .forgot_password_button {
        width: 100% !important;
    }
}

@media screen and (max-width: 370px) {
    .new-login-form-wrapper .right-container .account-wrapper {
        padding: 20px 12px;
    }

    .new-login-wrapper .new-create-account-link {
        padding: 17px 12px;
    }
}

@media screen and (max-width: 340px) {
    .new-login-wrapper .new-create-account-link {
        font-size: 14px;
    }

}