input:focus{
    outline: none !important;
    box-shadow: none !important;
}
.btn-info {
        background: linear-gradient(90.08deg, #0e82fd .09%, #06aed4 70.28%) !important;  border: none;}
.text-primary {  color: #007bff !important; }
.navbar-doctor ol i {   font-size: 13px !important;}
.navbar-nav .nav-link {
    color: #343a40 !important;
    font-weight: 500;
    margin: 0 0.5rem;
    padding: 0.5rem 0.75rem !important;
    transition: color 0.2s;}
.navbar-nav .nav-link:hover {  color: #007bff !important;}
.navbar-nav  .nav-link.active { color: #007bff !important;}
.nav-icon-link {
    color: #6c757d;
    font-size: 1.1rem; position: relative;padding: 0.5rem;  transition: color 0.2s;}
.nav-icon-link:hover {
    color: #007bff;
}
.nav-icon-link .badge { font-size: 0.6rem;padding: 0.3em 0.5em; }
.profile-image {
    width: 35px;
    height: 35px;}


    footer {background-color: #f7f9fd; }
.footer-links li {margin-bottom: 0.3rem;}
.footer-links li a {
    color: #6c757d;
    text-decoration: none;
    font-size: 0.95rem;
    transition:  0.4s;
}

.footer-links li a:hover {
    color: #007bff;
    display: block;
    scale: 1.03;
}
.newsletter-input-group button {
    top: 25%;
    right: 20px;
    font-size: 13px;
}
.newsletter-input-group input::placeholder {  opacity: 75%;}
.social-icon {
    width: 35px;
    height: 35px;
    background-color: #e6efff;
    color: #6c757d;
    transition: background-color 0.3s, color 0.3s; 
    border: 1px solid #e9ecef;}
.hover-bg-black:hover {
    background-color: black !important;
    color: white;}
.social-icon:hover i {
      animation: iconRotate 0.4s ease-in-out forwards; }

.footer-bottom {
    background-color: #e6efff;
    border-top: 1px solid #cce0ff;}

.footer-bottom a {
    color: #6c757d !important;
    transition: color 0.2s;}
.footer-bottom a:hover {
    color: #007bff !important;
}
.payment-icons-img {
    max-height: 25px;
  width: auto;}

  @keyframes iconRotate {
    from {
        transform: rotateY(0deg);
    }
    to {
        transform: rotateY(360deg);
    }
}


