body {padding-bottom: 0px !important;}
h2 { font-family: 'Poppins'; font-weight: 600; font-size: 20px;line-height: 1.3; }
h3 span{ font-family: 'Poppins'; font-weight: 550; font-size: 13px;color: #949494;background-color: #fff;padding: 0 15px;display: block;position: relative;width: fit-content;margin: auto;letter-spacing: 0.8px;}
h3::before {content: '';position: absolute;top: 50%;left: 0;width: 100%;height:2px;background-color: #9494943b;}
.fa-arrow-left-long {font-size:23px;}
input {background-color: #fff;}
input,label { border: none; border: 1px solid #afafaf; padding: 10px 10px; width: 100%; font-family: 'poppins';font-weight: 550; font-size: 15px;letter-spacing: 0.4px;}
label {border-right:0px;border-radius: 5px 0 0 5px;}
#loginForm input {border-left: 0px;border-radius: 0 5px 5px 0;}
.fa-whatsapp {font-size: 30px; background-color: #25D366; padding: 7px 8px;color: #fff;border-radius: 50%;transform: scale(0.8);}
.login .number-wrap {box-shadow: 0 2px 3px #5a5a5a65;border-radius: 5px;}
input::placeholder { color: #727272; font-weight: 500;}
input:focus-visible { outline: none; }
#validateError, #error { color: red; font-size: 14px; margin: 10px 0;}
/* #validateError {visibility: hidden;} */
/* .container {min-height:85vh} */
.container,body {background-color: #fff;}
.link-redirect { font-size: 14.5px; color: red; font-family: 'Poppins'; font-weight: 500; }
.link-redirect span {border-bottom: 1.5px solid #fa9f1e;color: #000;}
.tag { font-size: 14px; color: #9d9d9d; font-family: 'open sans'; font-weight: 500; }
.top {height: 250px;}
.top .img-wrap {max-width: 100%;max-height: 100%;border-radius: 0;}
.top .img-wrap img {z-index: -1;position: relative;object-fit: cover;height: 100%;width: 100%;border-radius: 0;}
.form-wrapper {border-radius: 20px 20px 0 0;overflow: hidden;margin-top:-20px;background-color: #fff;box-shadow: 0 -5px 5px #0000001c;}
.concent-login {font-size: 12px; color: #444444; text-align: center; max-width: 300px;font-family: 'poppins' !important;border-top: 1px solid #e0e0e0; padding-top: 30px;}
.concent-login a {font-size: 12px;}

/* Sign up */
.signup .top {height: 100px;}
.signup h2 {font-size: 18px;}
.signup input {border-radius: 5px;margin-bottom: 17px;padding: 10px 15px;font-size: 14px;}
.signup .form-check label {border: 0;font-weight: 500;font-size: 12.5px;padding: 0;}
.signup .form-check label a {font-size: 12.5px;font-weight: 550;}
.signup .form-check input {padding: 10px 10px;}
.signup .number-wrap {margin-bottom: 17px;}
.signup .number-wrap label {padding: 10px 0 10px 15px;}
.signup .number-wrap input {margin-bottom: 0;border-left: 0;border-radius: 0 5px 5px 0;}

.gender-option {padding: 8px 16px;border: 1px solid #ccc;border-radius: 4px;cursor: pointer;user-select: none;}
.gender-option.checked {background-color: #fa9f1e1c;border-color: #fa9f1e;font-weight: 600;}
.form-check-input {min-width: 20px;height: 20px;border: 2px solid #aaa;box-shadow: none !important;}
.form-check-input:checked {background-color: #fa9f1e;border-color: #fa9f1e;box-shadow: #fa9f1e !important;}
.form-check-input:focus {box-shadow: 0 0 0 0.2rem #fa9f1e1c;}

@media (max-width: 375px) {
    .top {
        height: 230px;
    }
    h2 {
        font-size: 18px;
    }
    .signup h2 {
        font-size: 17px;
    }
    h3 span {
        font-size: 12px;
        padding: 0 10px;
    }
    .fa-whatsapp {
        padding: 7px 9px;
    }
    input, label {
        font-size: 14px;
    }
    .signup input {
        font-size: 13.5px;
    }
    .link-redirect {
        font-size: 14px;;
    }
    .signup .number-wrap label {
            padding: 10px 0 10px 10px;
    }
}