body{background:#f8f9fa}.card{border-radius:12px}nav#main-navbar { position: sticky; top: 0; z-index: 9999;background: #fff; box-shadow: rgb(143 143 146 / 20%) 0px 7px 29px 0px; opacity: 1;}.card-body{padding: 5%!important;background: #ffffff;box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.25) !important;border-radius: 10px !important;}.cart-none {border: none !important;}.btn-primary {
    background: #9b7633 !important;
    border: none !important;
    padding: 15px 20px !important;
    
}
.btn-secondary{
    border: none !important;
    padding: 15px 20px !important;
}
label.form-label {
    font-size: 16px;
    font-weight: 500;
}
/* .appointment-form .form-control, .appointment-form .form-select {padding: 0.7rem 1rem;color: #151515; border-color: #6B6B6B;transition: 0.4s;} */

.input-icon {
    display: inline-block;
    position: absolute;
    left: 5px;
    top:0px;
    color: #414141;
    padding: 10px 5px 10px 5px;
    z-index: 99;
    font-size: 14px;
}
input.form-control, select.form-select {
    width: 100%;
    box-sizing: border-box;
    padding: 10px 0;
    padding-left: 32px;
    outline: none;
    color: #464646;
    border: 1px solid #ccc;
    font-size: 0.8rem;
    font-weight: 500;
    border-radius: 0;
    box-shadow: none;
}
textarea.form-control  {
    padding: .5rem 2rem;
    color: #9b7633 !important;
}
.form-control, select.form-select {
    border-color: #9b7633 !important;
}
i.fa, label.form-label{
    color:#9b7633 !important;
}
/*input.form-control, select.form-select {*/
/*    color: #9b7633 !important;*/
/*}*/
@media(max-width:767px) {
    input.form-control, select.form-select {
      padding: 7px 0;
        padding-left: 32px;  
    }
    .navbar-expand-lg{
        display: none !important;
    }
    .btn-primary, .btn-secondary{
        padding: 10px 20px !important;
    }
    .input-icon{
        padding: 7px 5px 7px 5px;
    }
    label.form-label{
        font-size: 14px;
    }
}