.super-responsive-pricing-table-wrapper .subscribe,
.super-responsive-pricing-table-wrapper .pricing-row .col.action .btn.contact{
    width: 140px;
    padding: 10px 20px;

}

.super-responsive-pricing-table-wrapper .btn{
    padding: 10px 20px;
    text-decoration: none;
}

.super-responsive-pricing-table-wrapper .btn:hover{
    opacity: 0.9;
}
.mbc-form-container{
    overflow: hidden;
    margin-top: 40px;
}

h2.mbc-form-title{
    margin-top: 0px;
    margin-bottom: 0px;
}

.mbc-form-content-container input[type="checkbox"]::before{
    width: 30px;
    height: 30px;
}

.mbc-form-container .form-group .btn{
    text-decoration: none;
}


.mbc-form-content-container [type="submit"]:not(.has-background){
    background-color: #BFFFC7;
    color: #209235;
    border: 1px solid #BFFFC7;
}

.mbc-form-container .form-group{
    width: 100%;
}
header.drawer-header h2{
    line-height: 100%;
}
a.btn.contact-support{
    text-decoration: none;
}

.mbc-sso-login-form .left {
    display: none;
}

.mbc-sso-login-form  .background-wrapper .right {
    height: auto!important;
}

.mbc-form-container .input-group .form-group {
    height: 85px;
}

.mbc-form-content-container input{
    margin-bottom: 0px;
}
/* Dark Mode Css */
/* dark mode variables */
:root{
    --dark-bg: #030712;
    --dark-text: #ffffff;
    --dark-border: #2c2c2c;
    --dark-active: #0b9ff3;
    --dark-text-secondary: #e1e1e1;
    --dark-text-third: #797d79;
}

.default-mode-light:not(.is-style-light) .super-responsive-pricing-table-wrapper{
    background: var(--dark-bg);
    color: var(--dark-text)!important;
}

.default-mode-light:not(.is-style-light) .super-responsive-pricing-table-wrapper .transactions{
    color: var(--dark-text)!important;
}

.default-mode-light:not(.is-style-light).super-responsive-pricing-table-wrapper .pricing-row:not(:last-child) .col{
    border-bottom: 1px solid var(--dark-border);
}

.default-mode-light:not(.is-style-light) .mbc-form .step-indicator{
    background: var(--dark-bg);
    color: var(--dark-text);
}

.default-mode-light:not(.is-style-light) .mbc-form .step-label{
    color: var(--dark-text);
}

.default-mode-light:not(.is-style-light) .mbc-form-main-container .transaction-container{
    background: var(--dark-bg);
    color: var(--dark-text);
    box-shadow: 0 0 10px rgba(255, 255, 255, 0.5);
    border: 1px solid var(--dark-border);
}

.default-mode-light:not(.is-style-light) .mbc-form-main-container .transaction-value{
    color: var(--dark-text);
}

.default-mode-light:not(.is-style-light) .mbc-form-main-container .change-plan-button{
    color: var(--dark-text);
    background: var(--dark-active);
    border: 1px solid var(--dark-active);
    transition: all 0.3s ease;
}
.default-mode-light:not(.is-style-light) .mbc-form-main-container .change-plan-button:hover{
    background: var(--dark-bg);
    border-color: var(--dark-text);
    color: var(--dark-text);
}


.default-mode-light:not(.is-style-light) .mbc-form .step-number{
    background: var(--dark-border);
    color: var(--dark-text);
}

.default-mode-light:not(.is-style-light) .mbc-form .step.active .step-number{
    background: var(--dark-active);
    color: var(--dark-bg);
}

.default-mode-light:not(.is-style-light) .mbc-form-container{
    background: var(--dark-bg);
    color: var(--dark-text);
    box-shadow: 0 0 10px rgba(255, 255, 255, 0.5);
    border: 1px solid var(--dark-border);
}

.default-mode-light:not(.is-style-light) .mbc-form-title{
    color: var(--dark-text);
    background: var(--dark-border);
}

.default-mode-light:not(.is-style-light) .mbc-form-container .section-title{
    background: var(--dark-border);
}

.default-mode-light:not(.is-style-light) .mbc-form-container .form-label{
    color: var(--dark-text);
    background-color: var(--dark-bg);
}

.default-mode-light:not(.is-style-light) .mbc-form-container .input-field{
    background: var(--dark-bg);
    color: var(--dark-text);
    border: 1px solid var(--dark-border);
}

.default-mode-light:not(.is-style-light) .mbc-form-container .section-title{
    color: var(--dark-text);
}

.default-mode-light:not(.is-style-light)  .mbc-form-main-title{
    color: var(--dark-text);
}

.default-mode-light:not(.is-style-light) .transaction-item:not(:last-child){
    border-right: none;
}


.default-mode-light:not(.is-style-light) header.drawer-header{
    background: var(--dark-border);
    color: var(--dark-text-secondary);
}

.default-mode-light:not(.is-style-light) .side-drawer{
    background: var(--dark-bg);
    color: var(--dark-text);
}

.default-mode-light:not(.is-style-light) .plans-row{
    border-color: var(--dark-border);
    color: var(--dark-text)!important;
}

.default-mode-light:not(.is-style-light) .v-card{
    background: var(--dark-bg);
    color: var(--dark-text);
    border: 1px solid var(--dark-border);
}

.default-mode-light:not(.is-style-light) .fw-6{
    color: var(--dark-text-secondary);
}

.default-mode-light:not(.is-style-light) .v-card-title{
    color: var(--dark-text);
}


.default-mode-light:not(.is-style-light) .v-card-text{
    color: var(--dark-text-secondary);
}

.default-mode-light:not(.is-style-light) .is-style-outline .wp-element-button:not(.has-text-color), 
.default-mode-light:not(.is-style-light) .is-style-outline .button:not(.has-text-color){
    color: var(--dark-bg)!important;
    background: var(--dark-text)!important;
    border-color: var(--dark-border);
}

.default-mode-light:not(.is-style-light) .mbc-form-container label{
    color: var(--dark-text-third);
}





.default-mode-light:not(.is-style-light) .login-container {
    background: var(--dark-bg);
    color: var(--dark-text);
    border: 1px solid var(--dark-border);
    box-shadow: 0 0 10px rgba(255, 255, 255, 0.5);

}

.default-mode-light:not(.is-style-light) .login-header p{
    color: var(--dark-text);
}

.default-mode-light:not(.is-style-light) .login-container .logo a{
    color: var(--dark-text);
}

.default-mode-light:not(.is-style-light) .login-header h2{
    color: var(--dark-text);
}

.default-mode-light:not(.is-style-light) #login-form .form-control{
    background: var(--dark-bg);
    color: var(--dark-text);
    border: 1px solid var(--dark-border);
}

.default-mode-light:not(.is-style-light) .form-label-container{
    background-color: var(--dark-bg);
    color: var(--dark-text);
}

.default-mode-light:not(.is-style-light) .form-label-container label{
    color: var(--dark-text);
}

.default-mode-light:not(.is-style-light) .mbc-form-main-container .transaction-label{
    color: var(--dark-text);
}

.default-mode-light:not(.is-style-light) .form-label-container{
    padding: 3px 6px 6px 7px;
}
.default-mode-light:not(.is-style-light) {

}