.loader-container {
  display: flex;
  flex-direction: column;
  justify-content: center; /* vertical center */
  align-items: center;     /* horizontal center */
  height: 200px;           /* or whatever height fits your area */
  font-family: Arial, sans-serif;
  color: #555;
}

.loader {
    border: 5px solid #f3f3f3;
    border-top: 5px solid #0e2e57;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    animation: spin 1s linear infinite;
    margin-bottom: 12px;
    display: block;
    margin: 0 auto;
}
.no-servics-message {
    min-height: 200px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f7f7f7;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
/*doctor listing page*/
.doctor-filter-list.doctor-list-main-section .dorctor-listing {grid-template-columns: 1fr 1fr; margin-bottom: 40px; }
.dorctor-listing {display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
.doctor-list-main-section .dorctor-listing {display: grid; grid-template-columns: 1fr 1fr 1fr; }
.doctor-img-info {display: grid; grid-template-columns: 1fr 1.5fr; gap: 15px;}
.doctor-li {background: #F6F6F6; border-radius: 24px; padding: 20px; display: flex ; flex-direction: column; justify-content: space-between; }
.dr-tag {font-weight: 500; color: #3E5879; font-size: 14px; }
.dr-name {font-size: 18px; font-weight: 700; color: #0E2E57; margin-bottom: 5px; }
.dr-info-title-icon:not(.dr-info-title-icon:last-child) {margin-bottom: 5px; }
.dr-info-title-icon {display: flex; align-items: center; gap: 10px; }
.info-icon {min-width: 20px; }
.info-title {font-size: 14px; font-weight: 500;}
.info-name {font-size: 14px; color: #0E2E57; font-weight: 500; }
.dr-buttons .vc_btn3-container .vc_btn3.vc_btn3-size-md {font-size: 14px; width: 100%; position: relative;    display: block;    transition: 0.5s;}
.dorctor-listing .doctor-li .dr-buttons {padding-top: 20px; margin-top: 20px; border-top: 1px solid #E7E7E7; }


.doctor-detail-row .doctor-info-lt .doctor-profile {
    display: grid;
    grid-template-columns: 150px 1fr;
    gap: 20px;
    margin-bottom: 20px;
}
.single-doctor-main-section .doctor-profile-img img {
    padding: 0;
    width: 150px;
    height: 150px;
    background: transparent;
    display: block;
}

.search-filter-li.selected a {
    background: #0E2E57;
    color: #fff;
}

/*hover effect*/
.doctor-li .doctor-photo img {transition: 0.5s; display: block; width: 100%; height: 100%; object-fit: cover; }
.doctor-li:hover .doctor-photo img {transform: scale(1.1); }
.doctor-li .doctor-photo {overflow: hidden; border-radius: 12px; }
.doctor-li .vc_btn3.vc_btn3-size-md {text-align: center; }

.pricing-listing {display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 20px; }
.price-list {background: #F6F6F6; border-radius: 24px; overflow: hidden; }
.price-list .price-inner {padding: 20px; display: block; position: relative; }
.price-start {font-size: 12px; color: #FBAB3C; }
.price-start span {display: flex; align-items: center; }
.price-start {font-size: 12px; color: #FBAB3C; display: flex; gap: 5px; margin-bottom: 5px; }
.price-btn {display: flex; align-items: center; justify-content: space-between; gap: 10px; font-size: 14px; color: #0E2E57; font-weight: 500; }
.price-btn img {width: 20px; height: 20px; margin-right: 10px; transition: 0.5s; opacity: 0; }
.price-list:hover .price-btn img {opacity: 1; margin-right: 0; }
.price-link {position: relative; }
.price-info {position: relative; margin-bottom: 20px; }
.price-list .price-inner:before {
    content: "";
    height: 100%;
    background: #0E2E571A;
    -webkit-transition: transform .65s cubic-bezier(.19,1,.22,1);
    -khtml-transition: transform .65s cubic-bezier(.19, 1, .22, 1);
    -moz-transition: transform .65s cubic-bezier(.19, 1, .22, 1);
    -ms-transition: transform .65s cubic-bezier(.19, 1, .22, 1);
    -o-transition: transform .65s cubic-bezier(.19, 1, .22, 1);
    transition: transform .65s cubic-bezier(.19,1,.22,1);
    width: 100%;
    bottom: 0;
    right: 0;
        transform: translatey(120%);
    position: absolute;
}
.price-list:hover .price-inner:before {transform: translatey(0); }
.service-charge span {
    display: inline-flex;
    align-items: center;
}


/*services listing page*/
.services-listing {display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; column-gap: 20px; row-gap: 30px; }
.services-list {position: relative; }
.service-charge {background: #0E2E57 !important;padding: 7px 15px 7px 15px; border-radius: 0 16px 0 16px; color: #fff; position: absolute; right: 0; top: 0; font-size: 12px; font-weight: 500; }
.service-title-link {display: flex ; width: 100%; align-items: end; position: absolute; bottom: 0; padding: 15px 20px; justify-content: space-between; gap: 20px; height: 100%; background: linear-gradient(360deg, rgba(0, 0, 0, 0.8) 0%, rgba(36, 36, 36, 0.5) 14.29%, rgba(232, 232, 234, 0) 70.36%);    transition: 0.5s;}
.services-list:hover .service-title-link {background: linear-gradient(0deg, #E7EAEE 0%, rgba(231, 234, 238, 0.5) 64.68%, rgba(231, 234, 238, 0) 100%); }
.service-title {font-size: 20px; font-weight: 600; color: #FFFFFF; line-height: 1.4; }
.services-list .service-img a img {display: block; width: 100%; height: 263px;    object-fit: cover; }
.services-list:hover .service-title {color: #0E2E57; }
.services-list:hover .service-link img {filter: brightness(0) saturate(100%) invert(12%) sepia(79%) saturate(1256%) hue-rotate(188deg) brightness(95%) contrast(94%); }
.service-link img {display: block; }
.service-link {width: 30px; height: 30px; min-width: 30px; }
.services-list {position: relative; overflow: hidden; border-radius: 20px; }


/*pricing listing page*/
.pricing-listing {display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 20px; }
.price-list {background: #F6F6F6; border-radius: 24px; overflow: hidden; }
.price-list .price-inner {padding: 20px; position: relative; height: 100%; display: flex ; flex-direction: column; justify-content: space-between; }
.price-start {font-size: 12px; color: #FBAB3C; }
.price-start span {display: flex; align-items: center; }
.price-start {font-size: 12px; color: #FBAB3C; display: flex; gap: 5px; margin-bottom: 5px; }
.price-btn {display: flex; align-items: center; justify-content: space-between; gap: 10px; font-size: 14px; color: #0E2E57; font-weight: 500; }
.price-btn img {width: 20px; height: 20px; margin-right: 10px; transition: 0.5s; opacity: 0; filter: brightness(0) saturate(100%) invert(13%) sepia(77%) saturate(1087%) hue-rotate(184deg) brightness(97%) contrast(96%); }
.price-list:hover .price-btn img {opacity: 1; margin-right: 0; }
.price-link {position: relative; }
.price-info {position: relative; margin-bottom: 20px; }
.price-list .price-inner:before {
    content: "";
    height: 100%;
    background: #0E2E571A;
    -webkit-transition: transform .65s cubic-bezier(.19,1,.22,1);
    -khtml-transition: transform .65s cubic-bezier(.19, 1, .22, 1);
    -moz-transition: transform .65s cubic-bezier(.19, 1, .22, 1);
    -ms-transition: transform .65s cubic-bezier(.19, 1, .22, 1);
    -o-transition: transform .65s cubic-bezier(.19, 1, .22, 1);
    transition: transform .65s cubic-bezier(.19,1,.22,1);
    width: 100%;
    bottom: 0;
    right: 0;
        transform: translatey(120%);
    position: absolute;
}
.price-list:hover .price-inner:before {transform: translatey(0); }


.service-detail-main-sec .doctor-profile-img {
    background: #fff;
    padding: 15px;
    border-radius: 10px;
}


/*new doctor detail page design===============8-7-2025======================*/
.doctor-detail-grid, .service-detail-grid { background: #FFF2D3;    padding: 50px 0 80px;}
.doctor-info-rt{background: #fff;}
div.sub-title {font-family: "Open Sans", sans-serif; font-size: 24px; font-weight: 600; }
.doctor-info-lt{max-height: 550px; overflow: auto;}
.doctor-info-lt::-webkit-scrollbar {width: 5px; height: 5px; }
.doctor-info-lt::-webkit-scrollbar-track-piece {background: #fff; border-radius: 10px; }
.doctor-info-lt::-webkit-scrollbar-thumb {background: #FDCC74; border-radius: 10px; }​
.choices__inner {border-radius: 4px; min-height: 44px; border: 1px solid #4285f4; }
.choices__list--multiple .choices__item {background-color: #f0f0f0; border: 1px solid #dcdcdc; border-radius: 4px; margin: 2px; padding: 4px 8px; }

.doctor-info-rt{background: #fff !important;}


/*simple dropsonw*/
.dropdown__switch:checked + .dropdown__options-filter .dropdown__select {transform: scaleY(1); opacity: 1; }
.dropdown__switch:checked + .dropdown__options-filter .dropdown__filter:after {transform: rotate(-135deg); }
.dropdown__options-filter {width: 100%; cursor: pointer; }
.dropdown__filter {position: relative; display: flex; padding: 10px 20px; color: #595959; background-color: transparent; border-radius: 5px; font-size: 14px; transition: 0.3s; border: 1px solid #E7EAEE; }
.dropdown__filter:focus {outline: none; }
.dropdown__filter::after {position: absolute; top: 45%; right: 20px; content: ""; width: 10px; height: 10px; border-right: 2px solid #3E5879; border-bottom: 2px solid #3E5879; transform: rotate(45deg) translateX(-45%); transition: 0.3s ease-in-out; }
.dropdown__select {position: absolute; top: 100%; left: 0; width: 100%; margin-top: 5px; overflow: hidden; transform: scaleY(0); transform-origin: top; border-radius: 5px; opacity: 0; transition: 0.2s ease-in-out; z-index: 11;border: 1px solid #eee; }
.dropdown__select-option {padding: 10px 20px; background-color: #fff; border-bottom: 1px solid #e9ecef; transition: 0.3s; }
.dropdown__select-option:last-of-type {border-bottom: 0; }
.dropdown__select-option:hover {background-color: #e9ecef; }

/*service detail page*/
.service-detail-img-info {display: grid; grid-template-columns: 175px 1fr; gap: 20px; margin-bottom: 20px; align-items: center;}
.service-detail-img {display: flex; align-items: center; justify-content: center; background: #fff; border-radius: 20px; height: 175px; }
.service-detail-name .sub-head {font-size: 42px; font-family: Baskerville; font-weight: 400; line-height: 1.2;     margin-bottom: 10px;}
.service-detail-img-info .service-detail-img img {width: 106px; height: 106px; background-size: contain; }
.service-start-price {font-size: 24px; font-weight: 700; color: #0E2E57; }
.service-start-price-title {font-size: 18px; color: #6E829A; font-weight: 500; }
.service-content p:last-child {margin-bottom: 0; }

/*07-07-2025*/
.searvice-sidebar-card {display: grid; grid-template-columns: 1fr 2fr; gap: 20px; align-items: flex-start; }
.service-lt-sidebar {background: #F6F6F6; border-radius: 20px; padding: 40px; text-align: center; position: sticky; top: 100px; }
.service-search-icon img {display: block; margin: 0 auto; }
.service-search-icon {margin-bottom: 15px; }
.sidebar-punchline {margin-bottom: 16px; }

/*service right side*/
.service-rt-cards {display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
.service-card {padding: 20px; background: #F6F6F6; border-radius: 20px;     cursor: pointer;}
.service-card-img img {display: block; height: 192px; width: 100%; object-fit: cover; border-radius: 10px; }
.service-card-img {margin-bottom: 15px; }
.service-title {font-size: 18px; font-weight: 700; color: #FFFFFF; line-height: 1.4;margin-bottom: 5px; }
.service-card-contents .service-cont {margin-bottom: 30px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-size: 14px; }
.service-card-contents .service-view a {display: flex; justify-content: space-between; font-weight: 500; }

.doctor-info-rt form .dr-service > p {
    margin-bottom: 20px;
}
.doctor-info-rt .no-appointments-message {
    padding: 10px 20px;
    border: 1px solid #eee;
    border-radius: 5px;
 }
.doctor-info-rt .no-appointments-message p {
    margin-bottom: 0;
}
.booking-form-section .booking-form-row .doctor-profile-img img {
    padding: 0;
}
.site-footer .footer-main .hfg-slot.c-left {
    display: grid;
}


.footer-main .hfg-slot.c-left{display: grid;}
.site-header .builder-item.has-nav, .footer-main .about-txt, .site-footer .left .builder-item.desktop-left.tablet-left.mobile-left:last-child{display: unset !important; }

form .form-filed input, form .form-filed select {min-height: 44px !important; font-size: 14px; border: 1px solid #E7E7E7 !important; border-radius: 5px !important; padding: 0 15px !important; }
.booking-form-section div.sub-title {font-weight: 700; margin-bottom: 5px; }
.booking-form-section .doctor-profile{    margin-bottom: 0;}

.doctor-payment-section { padding: 40px 0;}
span.curruncy-icon {margin-left: 3px; }
.successful-btns a.vc_general.vc_btn3 {width: 100%; display: block; }
.service-det-li-card span.curruncy-icon {font-size: 14px; line-height: 1; }


/*8-7-2025*/

/*Service dtail page============================================================================*/
.sidebar-filters {background: #F6F6F6; padding: 15px; border-radius: 5px; position: sticky; top: 101px; }
.service-detail-row, .doctro-list-row {display: grid; grid-template-columns: 320px 1fr; gap: 20px; align-items: flex-start; }


/*filter ========================================================================================================================================*/
.filter-title {display: flex; justify-content: space-between; align-items: center; cursor: pointer; }
.filter-title-clear {display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #E0E0E0; padding-bottom: 5px; margin-bottom: 10px; }
.service-det-li-card:hover {background: #E7EAEE; }
.service-det-li-card {background: #F6F6F6; border-radius: 15px; transition: background-color 0.5s ease; }
.service-det-li-card .service-detail-link {padding: 30px 20px; border-radius: 15px; position: relative; display: block; }
.service-detail-listings-cards {display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
.service-de-title {font-size: 18px; color: #0E2E57; font-weight: 600; }
.service-de-icon {width: 76px; height: 76px; display: flex; align-items: center; justify-content: center; background: #fff; border-radius: 100%; margin-bottom: 10px; padding: 10px; }
.service-detail-cont .service-de-icon img {background-size: contain; width: 90%; height: auto; }
.filter-clear a {color: #0E2E57; font-size: 14px; }
.filter-main-title {font-size: 18px; font-weight: 700; color: #171717; }
.filter-title .filter-icon {display: flex; align-items: center; gap: 5px; font-size: 14px; font-weight: 500; color: #171717; }
.filter-accordion .accodion-li {border-bottom: 1px solid #DFDFDF; padding: 10px; }
.filter-accordion .accodion-li:last-child {border-bottom: 0; }
.filter-contents {display: none; font-size: 14px; margin-top: 10px; }
.accordion-icon img {display: block; transition: 0.3s; }
.active .accordion-icon img {transform: rotate(-180deg); }


.choices__inner {border-radius: 4px; min-height: 44px; border: 1px solid #4285f4; }
.choices__list--multiple .choices__item {background-color: #f0f0f0; border: 1px solid #dcdcdc; border-radius: 4px; margin: 2px; padding: 4px 8px; }
.filter-contents .choices__inner {border: 1px solid #DFDFDF; border-radius: 5px; padding: 5px 25px 2px 10px; background: transparent url(/wp-content/uploads/2025/07/down-arrow.svg) no-repeat right 5px center; }
.filter-contents .choices__list--multiple .choices__item {border-radius: 5px; font-size: 12px; font-weight: 500; background-color: #EFEFEF; border: 0; color: #888; display: inline-flex ;    padding: 5px 10px !important; align-items: center;     line-height: 1.3;}
.filter-contents .choices[data-type*=select-multiple] .choices__button, 
.filter-contents .choices[data-type*=text] .choices__button {border-left: 0; opacity: 1; border-radius: 0; color: #888; padding: 0; background: url(/wp-content/uploads/2025/07/x.svg) no-repeat center center; }
.filter-contents .choices__list--multiple .choices__item.is-highlighted,
.filter-contents .choices__item.choices__item--selectable.is-selected{background: #0e2e57; border: 1px solid #0e2e57; color: #fff;}





/*11-7-2025*/
/*doctor listing page*/
.service-detail-row, .doctro-list-row {width: 100%;}
.service-detail-list-inner {width: 100%; }
.service-detail-list-inner p.no-doctor-message {width: 100%; text-align: center; min-height: 190px; display: flex; align-items: center; justify-content: center; margin-bottom: 0; border: 1px solid #ddd; border-radius: 5px; }
.service-detail-list-inner .loadermain {width: 100%; min-height: 150px; display: flex; align-items: center; justify-content: center; }

div#loadMoreDoctorsWrap {text-align: center; }
div#loadMoreDoctorsWrap button#loadMoreDoctors {background: transparent; color: #5D5D5D; font-size: 14px; font-weight: 500; }
.is-active.choices__list--dropdown, .is-active.choices__list[aria-expanded] { background: #fff !important; }
.choices__list--dropdown .choices__list, .choices__list[aria-expanded] .choices__list { background: #fff !important;}

.searchBar {width: 100%; display: flex; position: relative; max-width: 100%;margin-bottom: 20px; align-items: center; }
.searchBar input {width: 100%; border-radius: 6px; padding: 9px 30px 9px 50px; font-size: 1rem; border: 1px solid #0E2E571A; }
.searchBar button {border: none; outline: none; background: transparent; position: absolute; left: 0; line-height: 1; }


.searchQueryInputclass{width: 100%;
    border-radius: 6px;
    padding: 9px 30px 9px 50px;
    font-size: 1rem;
    border: 1px solid #0E2E571A;}
.filter-contents .choices__list--multiple .choices__item.is-highlighted button.choices__button, .filter-contents .choices__item.choices__item--selectable.is-selected button.choices__button {
    color: #fff !important;
}

.service-charges {
    font-size: 18px;
    color: #6E829A;
    font-weight: 500;
}
.service-charges span {
    display: flex;
    font-size: 24px;
    font-weight: 700;
    color: #0E2E57;
    gap: 4px;
}
.doctor-list-main-section .doctor-li .doctor-photo {width: 148px; height: 148px; }
.service-charges span img {filter: brightness(0) saturate(100%) invert(14%) sepia(19%) saturate(4452%) hue-rotate(189deg) brightness(102%) contrast(96%); width: 30px; }

.doctors-lists-shortcoard .service-detail-listings-cards {display: grid; grid-template-columns: 1fr 1fr 1fr; }
.doctor-detail-grid .doctor-info-title-cont p {
    margin-bottom: 0;
}
.service-detail-main-sec .doctor-detail-row .doctor-info-lt .doctor-profile {
    grid-template-columns: 175px 1fr;
}
.service-detail-main-sec .doctor-detail-row .doctor-info-lt .doctor-profile img {
    max-width: 130px;
    max-height: 130px;
}
.service-detail-main-sec .doctor-profile-img {
    background: #fff;
    padding: 15px;
    border-radius: 10px;
    width: 175px;
    height: 175px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.service-detail-main-sec .dr-name-review .sub-head {
     font-family: "Baskervville", serif;
}
.doctor-detail-grid .loader{    display: block; margin: 0 auto;}




/*calender design*/
.flatpickr-calendar .flatpickr-current-month { padding-top: 0;}
.flatpickr-months .flatpickr-prev-month, .flatpickr-months .flatpickr-next-month{top: 10px !important;}
.flatpickr-day.selected, .flatpickr-day.startRange, .flatpickr-day.endRange, .flatpickr-day:hover, 
.flatpickr-day.selected.inRange, .flatpickr-day.startRange.inRange, 
.flatpickr-day.endRange.inRange, .flatpickr-day.selected:focus, .flatpickr-day.startRange:focus, 
.flatpickr-day.endRange:focus, .flatpickr-day.selected:hover, .flatpickr-day.startRange:hover,
 .flatpickr-day.endRange:hover, .flatpickr-day.selected.prevMonthDay, .flatpickr-day.startRange.prevMonthDay, 
 .flatpickr-day.endRange.prevMonthDay, .flatpickr-day.selected.nextMonthDay, .flatpickr-day.startRange.nextMonthDay, .flatpickr-day.endRange.nextMonthDay {
    background: #0e2e57 !important;
    border-color: #0e2e57 !important;
}

.flatpickr-calendar .flatpickr-day.today{background: #0e2e57 !important;
    border-color: #0e2e57 !important; color: #fff !important;}
.flatpickr-calendar .flatpickr-weekdays {background-color: #0e2e570f; }
.flatpickr-calendar span.flatpickr-weekday {color: #0e2e57; font-weight: 500; }
.flatpickr-calendar .flatpickr-months {background: #fff2d3;}
.flatpickr-calendar .flatpickr-current-month .flatpickr-monthDropdown-months, 
.flatpickr-calendar .flatpickr-current-month input.cur-year{ color: #0e2e57 !important;   font-weight: 500 !important;font-size: 14px !important;}
.flatpickr-calendar.open { box-shadow: 0px 0px 31px #0000001c;}
.flatpickr-calendar .flatpickr-day.flatpickr-disabled, 
.flatpickr-calendar .flatpickr-day.flatpickr-disabled:hover {background: none !important; border: none; }
.flatpickr-current-month .flatpickr-monthDropdown-months:hover {background: transparent !important; }
.numInputWrapper:hover {background: transparent !important; }




@media screen and (max-width: 1400px) {
.searchBar {max-width: 430px;}

.doctor-list-main-section  .container, .doctor-detail-grid > .container, .service-detail-grid > .container {padding: 0 40px; }


/*service detail page*/
.service-detail-name .sub-head {font-size: 35px;}




}


@media screen and (max-width: 1200px) {
.doctor-list-main-section .dorctor-listing {grid-template-columns: 1fr 1fr;}
.services-listing { grid-template-columns: 1fr 1fr 1fr;}
.doctor-list-main-section > .container, .doctor-detail-grid > .container, .service-detail-grid > .container {padding: 0 30px; }
.br-back-edu-li .br-back-edu-info {font-size: 16px;}

/*service detail page*/
.service-detail-img {height: 150px; }
.service-detail-img-info { grid-template-columns: 150px 1fr;}
.doctor-detail-grid, .service-detail-grid { padding: 50px 0 60px;}
/*new service detail page design*/
.service-detail-row, .doctro-list-row { grid-template-columns: 270px 1fr;}

/*service listing*/
.services-listing { grid-template-columns: 1fr 1fr 1fr;}
.service-lt-sidebar { padding: 30px;    border-radius: 10px;}
.service-card {border-radius: 10px; }
.service-card-img img { height: 160px;}

.doctor-list-main-section.doctor-filter-list .doctor-li .doctor-photo{width: 110px; height: 110px; }


}

@media screen and (max-width: 960px) {
.doctor-li .doctor-photo {max-width: 100px; height: 100px; min-width: 100px; }
.doctor-img-info {display: flex; gap: 15px; }
.doctor-list-main-section .doctor-li .doctor-photo, .doctor-list-main-section.doctor-filter-list .doctor-li .doctor-photo {width: 98px; height: 98px; }

/*pricing*/
 .pricing-listing { grid-template-columns: 1fr 1fr;}


/*service*/
.service-title {font-size: 18px;}
.doctor-info-lt { max-height: inherit;}

/*new service detail page design*/
.service-detail-row, .doctro-list-row {grid-template-columns: 1fr; gap: 30px; }
.sidebar-filters { position: unset;}

/*service listing*/
.service-title {font-size: 16px;}
.searvice-sidebar-card {flex-direction: column-reverse; display: flex; }
.doctors-lists-shortcoard .service-detail-listings-cards { grid-template-columns: 1fr 1fr;}

.doctor-detail-row .doctor-info-lt .doctor-profile { grid-template-columns: 115px 1fr;}
.service-detail-main-sec .doctor-detail-row .dr-name-review .sub-head, .single-doctor-main-section .doctor-detail-row .dr-name-review .sub-head {margin-bottom: 5px; line-height: 1.3; }


 }

@media screen and (max-width: 767px) {
.doctor-listing-row .dorctor-listing, .doctor-filter-list.doctor-list-main-section .dorctor-listing  {gap: 20px; grid-template-columns: 1fr;}
.doctor-li {border-radius: 10px;}

/*pricing*/
.price-list { border-radius: 10px;}


/*service*/
.services-listing {grid-template-columns: 1fr 1fr; }

/**/
.doctor-li .doctor-photo {max-width: 100px; }

.info-name {font-size: 13px;}
.info-title {font-size: 13px; }
.dr-tag { font-size: 13px;}


/*service detail page*/
.service-detail-name .sub-head {font-size: 28px; }
.doctor-detail-grid, .service-detail-grid { padding: 50px 0 50px;}
.doctor-img-info { gap: 15px;}


/*new design service detail page==============================08-07-2025======================================================== */
.service-de-title { font-size: 16px;}
.service-de-icon img {width: 35px; }

/*service listing*/
.services-listing {grid-template-columns: 1fr 1fr; }
.service-charges span { font-size: 20px;}
.service-charges span img {width: 24px;}
.service-charges { font-size: 16px;line-height: 1.4;}

.doctors-lists-shortcoard .service-detail-listings-cards, .doctor-list-main-section .doctor-listing-row .dorctor-listing { margin-bottom: 30px;}
.service-detail-main-sec .doctor-detail-row .doctor-info-lt .doctor-profile {grid-template-columns: 115px 1fr;    gap: 10px; }
.service-detail-main-sec .doctor-profile-img { width: 110px; height: 110px;}
.service-detail-main-sec .doctor-detail-row .doctor-info-lt .doctor-profile img {max-width: 90px; max-height: 90px; height: auto; width: auto; padding: 0; }

}


@media screen and (min-width: 480px) and (max-width: 767px) { 
.doctor-img-info {display: grid ; gap: 20px; grid-template-columns: 1fr 1.5fr; }
.doctor-li .doctor-photo {max-width: inherit;        height: auto; }
 .doctor-list-main-section .doctor-li .doctor-photo, .doctor-list-main-section .doctor-li .doctor-photo, .doctor-list-main-section.doctor-filter-list .doctor-li .doctor-photo {width: 100%; height: 100%; }


}



@media screen and (max-width: 480px) {
.single-doctor-main-section .doctor-profile-img img { width: 110px; height: 110px;}
.doctor-detail-row .doctor-info-lt .doctor-profile {grid-template-columns: 110px 1fr; gap: 15px; }

/*pricing*/
.pricing-listing {grid-template-columns: 1fr; }

/*service*/
.services-listing {grid-template-columns: 1fr; }

.doctor-info-title-cont .sub-title { margin-bottom: 5px;}
.doctor-list-main-section > .container, .doctor-detail-grid > .container, .service-detail-grid > .container {padding: 0 20px; }
.doctor-li .doctor-photo {max-width: 90px; }
.info-name {font-size: 12px;}
.info-title {font-size: 12px; }
.dr-tag { font-size: 12px;}
.dr-name {font-size: 16px;}
.doctor-li { padding: 15px;}

/*new design service detail page==============================08-07-2025======================================================== */
.service-detail-listings-cards { grid-template-columns: 1fr;}

/*service listing*/
.services-listing {grid-template-columns: 1fr; }
.service-rt-cards { grid-template-columns: 1fr;}

.doctor-info-title-cont .sub-title, .dr-background-eduction .sub-title { font-size: 18px;}
.doctors-lists-shortcoard .service-detail-listings-cards { grid-template-columns: 1fr;}



}