.bg-light {
    background-color: #f7f9fd !important; 
}
.text-primary {
    color: #007bff !important;
}
.bg-primary-light {
    background-color: #e6f0ff !important; 
}
.bg-secondary-light {
    background-color: #f0f3f8 !important; 
}
.profile-page-title {
    color: #343a40;
}
.hover-red , .hover-green {
  transition: 0.5s;
}
.hover-red:hover {
    cursor: pointer;
    background-color: red;
    color: white;
}
.hover-green:hover {
    cursor: pointer;
    background-color: #04bd6c;
    color: white;
}
.doctor-img img{
    width: 150px;
    height: 150px;}

.doctor-profile-section .card {
 border-radius: 8px;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); 
 border: none; }

 .badge.bg-light {
          padding: 8px 12px;
            font-weight: 500;
            color: #343a40 !important;
            background-color: #e9ecef !important;
            border: 1px solid #ced4da;
            border-radius: 5px;  }
              .nav-tabs {   border-bottom: 2px solid #e9ecef; }
        .nav-tabs .nav-link {
            color: #495057;
            border: none;
            border-bottom: 3px solid transparent;
            transition: all 0.3s ease;
         font-weight: 500;  }
        .nav-tabs .nav-link.active {
            color: #007bff; 
            border-color: #007bff; 
            background-color: transparent; }

        .timeline-item {
            position: relative;
            margin-bottom: 25px; 
            padding-left: 20px;}
        .timeline-item::before {
            content: '';  position: absolute;top: 5px;  left: -6px; width: 14px;height: 14px;border-radius: 50%;background: white; border: 3px solid #007bff;  z-index: 1; }
  .timeline-item::after {
     content: '';
            position: absolute;
            height:150%;
            background-color: #ddd;
            width: 2px;
            top: 7%;    left: 0; }
        .list-unstyled .fa-long-arrow-alt-right {  color: #ccc; }
        .star-rating i {    font-size: 14px;}
         .location-staff-img {
            width: 40px;
            height: 40px;
           margin: 0px 0.25%;
           border-radius: 6px; }

         .location-details p , 
         .reviews-list span,
         .reviews p,
         .reviews label{
            color: #465d7c; }

         .reviews-list img {
            width: 25px;
            height: 25px;
            border-radius: 50%;}

         .review-item button {
            color: #465d7c !important;
            border-color:#67686a4d !important ;}
         .review-item button:hover {
            color: white !important;
          border-color: transparent !important;
         }
     .border-dot {
border-bottom:1px dashed #67686a31 !important;     
    }
    .hr-custom {
        height: 2px;    color: rgba(119, 116, 116, 0.282) !important;}
.business-hours-container {
    background-color: #fcfcfc; 
    border: 1px solid #e9ecef; }

.business-hours-table tr.current-day-row td {
    background-color: #fcfcfc !important; }
.fs-12 {
    font-size: 12px !important;}

.span-green-table-custom {
    background: #edf9f0!important;   color: #04bd6c !important;}

.span-red-table-custom {
    background:  #ffede9 !important;
    color: red !important;
}

