.form-control.error { border-color: #e9342b; }
label.error { color: #e9342b; font-size: 12px; }
.auth-cont { max-width: 900px; border: 1px solid #eee; margin: auto; margin-top: 100px; }
.f-color { color: #0c82ee; }
.a-color { color: #333333; }
.g-color { color: #eb4335; }
.modal-backdrop.show { background-color: rgba(0, 0, 0, 0.5); }
.bg-primary { background-color: #e9342b !important; }
.point, .point-mobile { display: block; text-align: center; margin: 15px 0; position: relative; }
.point::before, .point::after { content: ""; position: absolute; height: 60px; width: 1px; background: #c7c6c6; left: 50%; }
.point::before { top: -70px; }
.point::after { bottom: -70px; }
.pass-icon { cursor: pointer; opacity: 0.7; margin-top: 3px; }
.form { align-items: center; }
.social-elements { display: flex; flex-direction: column; gap: 1rem; color: black; }
.c-btn { padding: 1rem 2rem; border-radius: 200px; }
.c-btn:hover { color: #e9342b; background-color: transparent; }
.remember-me input[type="checkbox"] {width: 14px; height: 14px; margin-top: 7px; cursor: pointer; accent-color: #e9342b;}
.remember-me input[type="checkbox"]:checked { background-color: #e9342b; border-color: #e9342b; }