.monstro-service-signup{
    background-color: var(--signup-service-bg);
    background: linear-gradient(
        180deg,
        var(--signup-service-bg) 0%,
        var(--signup-service-bg-gradient) 100%
    );
    max-width: 50rem !important;
}

.monstro-service-signup .signup-header {
    display: flex;
    align-items: center;
    margin: 1rem 0;
}
.monstro-service-signup .signup-header h2,
.monstro-service-signup .signup-header h3,
.monstro-service-signup .signup-header h4,
.monstro-service-signup .signup-header h5,
.monstro-service-signup .signup-header h6{
    color: var(--signup-service-head-title);
    margin: 0;
}
.monstro-service-signup .signup-header p{
    color: var(--signup-service-head-title);
}
.monstro-service-signup .subscription-form .required{
    color: var(--signup-service-label-required);
    font-size: 20pt;
}
.monstro-service-signup .subscription-form .file_upload_limit{
    color: var(--signup-service-text);
}
.monstro-service-signup .subscription-form label{
    color: var(--signup-service-text);
}
.monstro-service-signup .subscription-form .form-container .info{
    border: 2px solid var(--signup-service-text);
    color: var(--signup-service-text);
}
.monstro-service-signup .subscription-form .input-field .input-message *{    
    color: var(--signup-service-text-white);
}

.monstro-service-signup .subscription-form .btn-outline-primary {
    padding: 0.7rem 3.2rem 0.7rem 3.2rem;
    color: var(--signup-service-submit-btn);
    border: 6px solid var(--signup-service-submit-btn);
}

.monstro-service-signup .subscription-form .btn-outline-primary:hover {
    background-color: var(--signup-service-submit-btn) !important;
    color: var(--signup-service-text) !important;
    

}
.d-none{
    display: none;
}