.neumorphic {
    background: #f1f3f6;
    border-radius: 20px;
    box-shadow: 8px 8px 15px #d1d9e6, -8px -8px 15px #ffffff;
    border: none;
}
.neumorphic-inset {
    background: #f1f3f6;
    border-radius: 20px;
    box-shadow: inset 3px 3px 6px #d1d9e6, inset -3px -3px 6px #ffffff;
    border: none;
}
.neumorphic-btn {
    background: #f1f3f6;
    border-radius: 12px;
    box-shadow: 5px 5px 10px #d1d9e6, -5px -5px 10px #ffffff;
    border: none;
    transition: all 0.2s;
}
.neumorphic-btn:hover {
    box-shadow: inset 2px 2px 5px #d1d9e6, inset -2px -2px 5px #ffffff;
}
.hero-image {
    border-radius: 20px;
    box-shadow: 8px 8px 15px #d1d9e6, -8px -8px 15px #ffffff;
}
@media (max-width: 768px) {
    .hero-image {
        max-width: 100%;
        margin-top: 1rem;
    }
}

/* Trying to style crispy tailwind checkbox input  */
/* #div_id_valid_id input,
#div_id_valid_id label,
#div_id_valid_unsigned_docs input,
#div_id_valid_unsigned_docs label,
#div_id_valid_signers_present input,
#div_id_valid_signers_present label,
#div_id_valid_rural_prop input,
#div_id_valid_rural_prop label {
    display: inline;
    vertical-align: middle;
    margin-left: 10px; 
} */