.login {
    margin: 4% 0;
}

.login .background-color {
    margin: auto;
    background-image: url('../../image/Login.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 768px;
    width: 100%;
}

.login .vdocard {
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;

}

.login .back-home p {
    font-size: 14px;
    color: #c6943e;
    /* font-family: 'Roboto'; */
    font-weight: bold;


}

.login .heading-holder h2 {
    font-size: 36px;
    font-weight: bold;
}

.login .heading-holder p {
    color: #878787;
    font-size: 12px;
    margin-bottom: 0%;
}

.login .heading-holder span {
    font-size: 20px;
    font-weight: bold;
    margin-top: 15%;
    color: #000;
    text-decoration: underline #c6943e;
}

.login .input-group {
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #c6943e;
    border-radius: 0%;
    background: #FBFEFF 0% 0% no-repeat padding-box;


}

.login .input-group .form-control {
    border: none;
    box-shadow: none;
    color: #000000;
}

.login .input-group .input-group-text {
    border: none;
    box-shadow: none;
    background-color: #FFF;
    /* border-left: solid 1px #f2f2f2;
    border-right: solid 1px #f2f2f2; */
}

.login .form-label {
    font-size: 13px;
    color: black;
    font-weight: 600;
}

.login .text p {
    color: black;
    font-size: 12px;
    font-weight: 500;
}

.login .text span {
    font-size: 12px;
    color: #c6943e;

}
.vdocard img {
    width: 34%;
}
.login .btn-login {
    background: #c6943e;
    border-radius: 2px;
    color: white;
    font-size: 16px;
    width: 125px;
    height: 38px;

}

.login .btn-create {
    width: 177px;
    background:#c6943e;
    border-radius: 2px;
    color: white;
    font-size: 16px;
    height: 38px;
}

.login .btn-create:hover {
    background: #c6943e;
    border-radius: 2px;
    color: white;
}

.login .btn-create a {
    color: white;
}

.login .btn-login a {
    color: white;
}

.login .btn-login:hover {
    background: #c6943e;
    border-radius: 2px;
    color: white;
}

.login a {
    text-decoration: none;
    color: white;
}

.login .input-group ::placeholder {
    font-size: 14px;
    font-weight: 500;
}
/*Forgot*/

.forgot .heading-holder h2 {
    font-size: 36px;
    font-weight: bold;
}

.forgot .heading-holder p {
    color: black;
    font-size: 12px;
    font-weight: 500;
}

.forgot .input-group .form-control {
    border: none;
    box-shadow: none;
    color: #000000;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #c6943e;
    border-radius: 0%;
    background: #FBFEFF 0% 0% no-repeat padding-box;

}

.forgot .btn-login {
    background: #c6943e;
    border-radius: 2px;
    color: white;
    font-size: 16px;
    width: 125px;
    height: 38px;
}

.forgot .btn-login:hover {
    background: #c6943e;
    border-radius: 2px;
    color: white;
}

.forgot .form-label {
    font-size: 13px;
    color: black;
    font-weight: 600;
}

.forgot .modal .modal-dialog .modal-content .modal-body {
    background-color: #c6943e;
    text-align: center;
    color: #FFF;
    Font-Size: 15px;
    Font-weight: bold;
}


.forgot .modal {
    --bs-modal-width: 250px;

}



/***get-otp**/
.login .otp-input .input-div {
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #c6943e;
    border-radius: 0%;
    background: #FBFEFF 0% 0% no-repeat padding-box;
    width: 40%;

}

.login .input-div .form-control {
    border: none;
    box-shadow: none;
    color: #000000;

}

/***pop up css***/
.login .modal-content {
    background-color: transparent;
    border-color: transparent;
    border: none;
}

.login .modal .modal-body {
    background: #c6943e 0% 0% no-repeat padding-box;
    border-radius: 16px;
    border: none;
    height: 50px;
}

/* .login .modal .modal-body .button-popup{
    background: #c6943e 0% 0% no-repeat padding-box;
    border-radius: 16px;
}  */
.login .modal .modal-body .button-popup p {
    color: #FFFFFF;
    font-size: 14px;
    text-align: center;
}

@media(max-width:767px) {
    .login .btn-login {
        width: 100%;
        height: auto;
    }
}

/***profile change page css**/
.background-bg {
    background: transparent linear-gradient(0deg, #c6943e00 0%, #c6943e0F 100%) 0% 0% no-repeat padding-box;
}

/*********appoinment form css start*********/
.appointment-form {
    margin: 4% 0;
}

.appointment-form .background-color {
    margin: auto;
    background-image: url('../../image/appointment/appointment.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 768px;
    width: 100%;
}

.appointment-form .heading-holder h2 {
    font-size: 24px;
    font-weight: bold;
    /* margin-top: 2%; */
}

.appointment-form .heading-holder p {
    color: #7B7B7B;
    font-size: 13px;
    margin-bottom: 0%;
}

.appointment-form .input-group {
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #c6943e;
    border-radius: 0%;
    background: transparent;


}

.appointment-form .input-group .form-control {
    border: none;
    box-shadow: none;
    color: #000000;
    font-size: 13px;
}

.appointment-form .form-label {
    font-size: 13px;
    color: #A2A2A2;
}

.appointment-form .btn-submit {
    background: #c6943e;
    border-radius: 2px;
    color: white;
    font-size: 16px;
    width: 125px;
    height: 38px;
    border-radius: 5px;

}

.appointment-form .btn-submit:hover {
    background: #c6943e;
    border-radius: 2px;
    color: white;
    border-radius: 5px;
}
.appointment-form .back-home p {
    font-size: 14px;
    color: #c6943e;
    /* font-family: 'Roboto'; */
    font-weight: bold;
}
    .appointment-form a {
        text-decoration: none;
        color: white;
    }