.form-form .form-form-wrap form .field-wrapper svg.feather-eye {
    top: 10px;
}

.form-custom {
    background-color: transparent !important;
    padding: 75px !important;
    border: 1px solid transparent !important;
    box-shadow: none !important;
}

.btn-primary {
    background-color: #f3f1e9 !important;
    border-color: #f3f1e9 !important;
    color: #3d3d3d !important
    
}
.btn-primary:hover{
    color: #5f5f5f !important
}
.form-control {
    background: white;
    border-color: transparent;
    border-bottom-color: white;
 

}

.form-control:focus {
    border-color: white;
    border-bottom-color: white;
    border-color: transparent;
}

label {
    color: white !important;
    font-size: 13px !important
}

/* body {
    background: rgb(250, 156, 209);
    background: linear-gradient(145deg, rgba(250, 156, 209, 1) 0%, rgba(251, 165, 139, 1) 49%, rgba(254, 180, 27, 1) 100%);
} */

body {
    background-image: url('../../../../img/background_md.png'); /* Cambia 'ruta/a/tu/imagen.jpg' por la URL real de tu imagen */
    background-size: cover; /* La imagen cubre todo el fondo */
    background-position: center; /* Centra la imagen */
    background-repeat: no-repeat; /* Evita que la imagen se repita */
}

.field-wrapper {
    padding: 0 !important
}

.bottom-radius {
    border-bottom-left-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
}

.border-bottom-input-email{
    border-bottom: 1px solid #f5f3ed;
}

.top-radius {
    border-top-right-radius: 0px !important;
    border-top-left-radius: 0px !important;
}

.btnIngresar{
    background-color: #c63283 !important;
    color: white !important;
    border-radius: 10px;
    border: 0px
}

@media (max-width: 768px) {
    .form-custom {
        padding: 25px !important; /* Elimina el padding en pantallas pequeñas */
    }

    body {
        background-image: url('../../../../img/background_xs.png');
    }
}