#membership-form {
    text-align: center;
}

#membership-form input {
    width: 100%;
    border: 3px solid;
    border-radius: 26px;
    border-color: #8bc34a;
    margin-top: 10px;
    margin-bottom: 10px;
}

#membership-form input[type="date"] {
    height: 55px;
}

#membership-form input[type="date"]::-webkit-calendar-picker-indicator {
    background: transparent;
    bottom: 0;
    cursor: pointer;
    height: 50px;
    left: 0;
    position: relative;
    right: 0;
    top: 0;
    width: 100%;
}

.estado-suscripcion {
    text-align: center;
    background-color: #8bc34a;
    padding-top: 20px;
    padding-bottom: 10px;
}

.estado-suscripcion h1 {
    text-align: center;
    font-size: 30px;
    color: #fff;
}

.estado-suscripcion p {
    text-align: center;
    color: #fff;
}

.estado-suscripcion a {
    text-align: center;
    color: #fff;
}

.btn-suscribir {
    width: 50%;
    border-radius: 20px;
    font-size: 20px;
}

.estado-preaprobado {
    text-align: center;
}

.estado-preaprobado h1 {
    color: #fff;
    background-color: #8bc34a;
    padding-top: 20px;
    padding-bottom: 10px;
}

.estado-preaprobado h2 {
    color: #8bc34a;
}

.btn-preaprobado {
    width: 40%;
    display: inline-block;
    margin-top: 30px;
    margin-bottom: 40px;
}

.terminos {
    text-align: left!important;
}

.terminos input {
    width: auto!important;
}

.row .col-6 {
    position: relative;
    float: left;
    width: 50%;
}

.logo-preaprobado {
    width: 160px;
}

.rotate-image {
    width: 100px!important;
    max-width: 100px!important;
    animation: rotate 1s infinite linear;
}

@keyframes rotate {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

.unmomento {
    text-align: center;
}

#submit_membership_form {
    font-size: x-large;
}

#letreroh2 {
    font-size: x-large;
    color: white;
}