.service-detail-grid {
    padding: 50px 0;
    background: #FFF2D3;
}
.service-info-img {
    max-width: 166px;
}
.service-info-img img {
    width: 166px;
    height: 166px;
    object-fit: cover;
    border-radius: 16px;
}
.sub-head {
    color: #0E2E57;
}
.service-info-title-cont p {
    color: #5D5D5D;
}
/*.service-detail-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px;
}*/
.service-info-rt {
    padding: 20px;
    background: #fff;
    border-radius: 16px;
}

.appointment-day-date {
    display: flex;
    gap: 5px;
    font-size: 18px;
}
.appointment-day-date .day, .appointment-day-date .date {
    color: #0E2E57;
    font-weight: 600;
}
.select-slot p:last-child {
    margin-bottom: 0!important;
}
.select-slot {
    margin-bottom: 10px;
}



.carousel-wrap {
  margin: 90px auto;
  padding: 0 5%;
  width: 80%;
  position: relative;
}

/* fix blank or flashing items on carousel */
.owl-carousel .item {
  position: relative;
  z-index: 100; 
  -webkit-backface-visibility: hidden; 
}

/* end fix */
.custom-nav {
  display: flex;
  justify-content: center;
  margin-bottom: 10px;
}



.slot-date {
  display: block;
}


.appointment-date-time-nav {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px;
}

.slot-custom-nav button {background: transparent; padding: 0; display: block; }
.slot-custom-nav {display: flex; }
.slot-custom-nav button:hover {background: transparent; }
.slot-custom-nav button img {filter: brightness(0) saturate(100%) invert(62%) sepia(9%) saturate(9%) hue-rotate(326deg) brightness(85%) contrast(88%); max-width: 30px; display: block; }
.slot-custom-nav button:hover img {filter: unset; }


.owl-item .slot-li a {
    background: #F6F6F6;
    padding: 8px;
    border-radius: 6px;
    color: #888888;
    font-size: 14px;
    display: block;
    height: 100px;
}

.provider-title {
    font-size: 14px;
    color: #0E2E57;
    margin-bottom: 10px;
}
.appointment-time-slot {
    margin-bottom: 20px;
}
.view-more-availiblity a {
    font-size: 14px;
    color: #5D5D5D;
    display: block;
}
.owl-item.active .slot-li a{background: #0E2E57; color: #fff;}


.service-detail-row {
    display: flex !important; 
    gap: 30px;
}
.service-info-lt {
    width: 100% !important;
    max-height: 400px;
    overflow-y: auto;
    padding-right: 10px;
}
.service-info-rt {
       width: 100% !important;
    max-width: 50%;
}





/*scroll css*/
.service-info-lt::-webkit-scrollbar-track{  
  border-radius: 10px;
  background-color: #FFF9ED;
}

.service-info-lt::-webkit-scrollbar{
  border-radius: 10px;
  width: 10px;
  background-color: #FFF9ED;
}

.service-info-lt::-webkit-scrollbar-thumb{
  border-radius: 10px;  
  background-color: #FEE2AA;
  width: 4px;
}

.date-slots .owl-dots {
    display: none;
}



@media screen and (max-width: 1400px) {
.service-detail-grid .container {padding: 0 50px; }
.owl-item .slot-li a{font-size: 12px;}
}


@media screen and (max-width: 1200px) {
.service-detail-row {flex-direction: column; }
.service-info-rt { max-width: 100%;}
.service-detail-grid .container {padding: 0 30px; }


}

@media screen and (max-width: 767px) {
.service-info-img { margin-bottom: 15px;}



}



@media screen and (max-width: 480px) {
.service-detail-grid .container {padding: 0 25px; }



}