.monstro-signup{
    background-color: var(--signup-bg);
    border-radius: 10px;
}

.monstro-signup .mail-logo {
    display: flex;
    justify-content: flex-end;
    padding: 2rem;
}

.monstro-signup .signup-header h2,
.monstro-signup .signup-header h3,
.monstro-signup .signup-header h4,
.monstro-signup .signup-header h5,
.monstro-signup .signup-header h6{
    color: var(--signup-head-title);
}
.monstro-signup .signup-header p{
    color: var(--signup-head-title);
}
.monstro-signup .subscription-form .form-container{
    width: 80%;
    padding: 2.2rem;
}
.monstro-signup .subscription-form .form-container .info{
    border: 2px solid var(--signup-text-white);
    color: var(--signup-text-white);
}
.monstro-signup .subscription-form .required{
    color: var(--signup-label-required);
}
.monstro-signup .subscription-form label{
    color: var(--signup-text-white);
    font-size: 1.5rem;
}
.monstro-signup .subscription-form .input-field .input-message *{
    margin-right: 0.5rem;
    color: var(--signup-service-text-white);
}


.monstro-signup .subscription-form .btn-outline-primary {
    color: var(--signup-submit-btn);
    font-family: Poppins-Regular;
    border: 6px solid var(--signup-submit-btn);
}

.d-none{
    display: none;
}
@media screen and (max-width: 400px) {
    .monstro-signup .subscription-form .form-container{
        width: 100%;
    }
}