* {
    margin: 0;
    padding: 0;
}

.text-login {
    width: 200px;
}

.btn-text-login {
    width: 100px;
}

.login-frm-bg {
    background-color: aqua;
    border-radius: 100px;
    width: 400px;
}

.gradient-custom-2 {
    /* fallback for old browsers */
    background: #3f061a;

    /* Chrome 10-25, Safari 5.1-6 */
    /* background: -webkit-linear-gradient(
        to right,
        #ee7724,
        #d8363a,
        #dd3675,
        #b44593
    );*/

    background: -webkit-linear-gradient(
        to right,
        #d22377,
        #480926,
        #dd3675,
        #b44593
    );

    /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    background: linear-gradient(
        to right,
        #fda6a6,
        #fda6a6,
        #ff8c8c,
        #cd286a,
        #c81a60
        
    );
}

.offcan-style {
    background: linear-gradient(
        to right,
        #290111,
        #380117,
        #590124,
        #b8245f,
        #f682b0
        
    );
}

.search-box-color {
    background: linear-gradient(to right, #ce0153, #ce0153);
}

@media (min-width: 768px) {
    .gradient-form {
        height: 100vh !important;
    }
}
@media (min-width: 769px) {
    .gradient-custom-2 {
        border-top-right-radius: 0.3rem;
        border-bottom-right-radius: 0.3rem;
    }
}