@media (max-width: 1400px) {
    .side-text h2{
        width: 100%;
    }
    .side-text p{
        width: 100%;
    }
    .form-section{
        width: 90%;
    }
 
}
@media (max-width: 1020px) {
    .form{
        padding: 15px;
    }
    .side-text h2{
        font-size: 38px;
    }
        .side-content {
            width: 100%;
        }
}
@media(max-width:1223px) {
    .security-card {
        display: flex;
        flex-direction: column;
        gap: 0px !important;
    }
 
    .side-content {
        width: 100% !important;
    }
}
@media (max-width: 1020px) {
    .form{
        padding: 15px;
    }
    .side{
        display: none;
    }
    .side-text h2{
        font-size: 38px;
    }
        .side-content {
            width: 100%;
        }
    .logo{
        width: 50% !important;
    }
    .logo img{
        width: 100% !important;
    }

}