form i {
    margin-left: -30px;
    cursor: pointer;
}

.ec-subscribe-form .button i {
    margin-right: -26px;
}

::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #6c757d;
    opacity: 1;
    /* Firefox */
}

:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #6c757d;
}

input:-webkit-autofill:hover {
    -webkit-text-fill-color: black !important;
}

input::selection {
    color: #fff !important;
    background: #662d91 !important;
}

.register_msg {
    background-color: #e7e7e7;
    color: black;
    height: 40px;
    margin-bottom: 15px;
}

.login-btn {
    width: 40% !important;

}

.register_lbl {
    margin-left: 80px;
    margin-top: 13px;

}

.register_label {
    padding-top: 2px !important;
    padding-left: 5px !important;
}

.btn-secondary:hover {
    color: #ffffff;
    background-color: #662d91 !important;
    border-color: #662d91 !important;
}

.arrow-1 {
    margin-left: 20%;
    margin-right: -33%;
}

.arrow-2 {
    margin-left: 11%;
    margin-right: -15%;
}

/* ::-webkit-input-placeholder {
    color: black;
} */

#register-btn {
    margin-top: 10px;
}

#register_lbl {
    margin-top: 25px;
}

#login-btn-id {
    margin-top: 25px;
}

#reset-pwd-id {
    text-align: right;
}

#errormsg {
    color: red;
}

.btndiv {
    margin: 0 auto;
    width: 80%;
}

.common_btn {
    background-position: right 12px center;
}

@media only screen and (min-device-width: 480px) and (max-device-height: 320px) and (orientation: landscape) {
    .login-btn {
        width: 100% !important;
    }

    .arrow-1 {
        margin-left: 44% !important;
        margin-right: -43% !important;
    }

    .arrow-2 {
        margin-left: 37% !important;
        margin-right: -35% !important;
    }
}

@media only screen and (max-width: 325px) and (min-width:300px) {
    .register_lbl {
        margin-left: 9px !important;
        margin-top: 13px;
    }

    .arrow-2 {
        margin-left: 22% !important;
        margin-right: -29% !important;
    }
}

@media screen and (max-width: 575px) {
    .arrow-1 {
        margin-left: 38%;
        margin-right: -39%;
    }

    .arrow-2 {
        margin-left: 30%;
        margin-right: -31%;
    }

    .btndiv {
        margin: 0 auto;
        margin-left: -5%;
        width: 110%;
    }
}

@media screen and (max-width: 400px) and (min-width:360px) {
    .register_lbl {
        margin-left: 43px;
        margin-top: 13px;
    }

    .login-btn {
        width: 100% !important;
        font-size: 18px !important;
    }

    .common_btn {
        background-position: right 42px center !important;
    }
}

@media screen and (max-width: 450px) and (min-width:410px) {
    .register_lbl {
        margin-left: 55px;
        margin-top: 13px;
    }

    .login-btn {
        width: 100% !important;
    }

    .common_btn {
        background-position: right 42px center !important;
    }
}

@media screen and (max-width: 375px) and (min-width:320px) {
    .register_lbl {
        margin-left: 30px;
        margin-top: 13px;
    }

    .login-btn {
        width: 100% !important;
    }
}