form {
    background-color: white;
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.161);
    border-radius: 10px;
    width: 30%;
    height: 350px;
}
.login__section {
    background-color: #fafafa;
}
.ERP__title {
    color: #023d77;
}
.login__submit {
    background-color: #023d77;
    border: none;
}
.login__submit:hover {
    background-color: #023d77;
    border: none;
}
.login___form {
    transform: translateY(20%);
}
.form___logo {
    top: -17%;
    right: 47%;
}
.login__svg {
    width: 50%;
    position: absolute;
    right: 25%;
    top: -3%;
}

.form-control:focus {
    border-color: none !important;
    outline: 0 !important;
    box-shadow: none !important;
}
.invalid__feedback {
    color: #023d77;
}
/* mediaQuery */
@media screen and (min-width: 320px) and (max-width: 480px) {
    form {
        width: 100%;
        height: 350px;
    }
    .form___logo {
        top: -17%;
        right: 40%;
    }
    .form___logo img {
        width: 90% !important;
    }
    .login__svg {
        width: 100%;
        right: 20%;
        top: 11%;
    }
}
@media screen and (min-width: 480px) and (max-width: 568px) {
    form {
        width: 100%;
        height: 350px;
    }
    .form___logo {
        top: -17%;
        right: 40%;
    }
    .form___logo img {
        width: 90% !important;
    }
    .login__svg {
        width: 80%;
        right: 20%;
        top: -1%;
    }
    .login__par {
        margin-top: 10%;
    }
}
@media screen and (min-width: 568px) and (max-width: 768px) {
    form {
        width: 100%;
        height: 350px;
    }
    .form___logo {
        top: -17%;
        right: 40%;
    }
    .form___logo img {
        width: 90% !important;
    }
    .login__svg {
        width: 80%;
        right: 20%;
        top: -1%;
    }
    .login__par {
        margin-top: 10%;
    }
}
@media screen and (min-width: 768px) and (max-width: 992px) {
    form {
        width: 80%;
        height: 350px;
    }
    .login___form {
        transform: translateY(35%);
    }
    .form___logo {
        top: -30%;
        right: 40%;
    }
    .form___logo img {
        width: 90% !important;
    }
    .login__svg {
        width: 60%;
        right: 35%;
        top: -1%;
    }
    .login__par {
        margin-top: 10%;
    }
}