.faqfield-question {
  background: #0b3d6d;
  color: #ffffff;
  padding: 14px 22px;
  border-radius: 30px;
  font-weight: 600;
  font-size: 16px;
  margin-bottom: 10px;
  border: none !important;
  transition: all 0.3s ease;
}

.faqfield-question:hover {
  background: #092f52;
  color: #ffffff;
}

.blog-box-faq-content > div > div:first-child {
    font-size: 30px;
    font-weight: 600;
    color: #0c3c78;
    margin-bottom: 15px;
}

.faqfield-question.ui-accordion-header-active {
  background: #00B383;
  color: #ffffff;
}


.faqfield-question .ui-icon {
  filter: brightness(0) invert(1);
  margin-right: 8px;
}


.faqfield-answer {
  padding: 18px 22px;
  border-radius: 12px;
  margin: 5px 0 15px 0;
  color: #333;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
  border-left: 4px solid #00B383;
}

.faqfield-answer p {
  margin: 0;
  font-size: 15px;
  line-height: 1.6;
  color: #444;
}

.ui-accordion .ui-accordion-header {
  border: none !important;
  padding: 15px;
}

.ui-accordion .ui-accordion-content {
  border: none !important;
}

.ui-accordion-content {
  animation: fadeIn 0.25s ease-in-out;
}

.faqfield {
  margin-bottom: 12px;
}

@media (max-width: 768px) {
  .faqfield-question {
    font-size: 15px;
    padding: 12px 18px;
  }

  .faqfield-answer {
    padding: 15px 18px;
  }
}


.top-header .admission-link a {
    font-size: 14px;
    border: 0;
    background-color: #019a50;
    border-radius: 50px;
    color: #FFF;
    text-align: center;
    line-height: 15px;
    padding: 8px 15px;
    transition: .5s;
    margin-left: 20px;
  }

  .main-header .bookapp-link a{
    font-size: 13px;
    /* background-color: #019a50; */
    /* color: #FFF; */
    color: #000000;
  }

/* .main-header .bookapp-link a:hover, */
.top-header .admission-link a:hover {
  background-color: #043B6F;
}


.author-eeat-box .dr-photo img {
    border-radius: 100px;
    border: 1px solid transparent;
}

.authorby {
    font-weight: 700;
    font-size: 24px;
    color: #555;
}

.book-appointment-btn{
    font-size: 14px;
    border: 0;
    background-color: #019a50;
    border-radius: 50px;
    color: #FFF;
    text-align: center;
    line-height: 15px;
    padding: 8px 15px;
    transition: .5s;
}

.book-appointment-btn:hover {
    background-color: #043B6F;
    color: #FFF;
}

.dr-details {
    margin-top: 45px;
    width: 550px;
}

.dr-bio {
    margin-top: 18px;
}

.author-eeat-box {
    margin-bottom: 248px;
}

@media (max-width: 699px) {
.dr-bio.flex-grow-1.text-secondary {
        width: 100%;
        display: block !important;
    }

.dr-photo-wrapper {
    width: 95%;
    margin: auto;
    display: block !important;
  }

.dr-details {
    margin-top: 45px;
    width: 100%;
    overflow: hidden;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.author-eeat-box .d-flex {
    display: block !important;
}

}


/* Wrapper spacing */
#doctorBookingForm .webform-submission-request-an-appointment-form #edit-date-time {
  display: flex;
  gap: 20px; /* space between date & time */
}


#doctorBookingForm .webform-submission-request-an-appointment-form #edit-date-time input[type="date"],
#doctorBookingForm .webform-submission-request-an-appointment-form #edit-date-time input[type="time"] {
  /* Use border-box to include padding and border in the 100% width */
  box-sizing: border-box !important;
  width: 100% !important;
  
  max-width: 100% !important; 
  
  padding: 8px 13px; 
  font-size: 16px;   
  border-radius: 10px;
  border: 2px solid #dcdcdc;
  background-color: #f1f1f1;
  color: #666;
  outline: none;
  transition: all 0.3s ease;
}

/* Ensure the container doesn't force a horizontal scroll */
#doctorBookingForm #edit-date-time {
  display: flex !important;
  flex-wrap: wrap; /* Allows them to wrap if the screen is tiny */
  gap: 10px;
  width: 100% !important;
  max-width: 100% !important;
}

/* Ensure the individual wrappers stay inside */
#doctorBookingForm #edit-date-time .js-form-item {
  flex: 1 1 140px; /* Grow, shrink, and set a minimum basis */
  min-width: 0;    /* Critical for Flexbox overflow issues */
}

/* Focus effect */
#doctorBookingForm .webform-submission-request-an-appointment-form #edit-date-time input[type="date"]:focus,
#doctorBookingForm .webform-submission-request-an-appointment-form #edit-date-time input[type="time"]:focus {
  border-color: #999;
  background-color: #fff;
}

/* Remove default browser styles (optional for better consistency) */
.webform-submission-request-an-appointment-form #edit-date-time input::-webkit-calendar-picker-indicator {
  cursor: pointer;
  opacity: 0.6;
}

/* Label styling (optional) */
.webform-submission-request-an-appointment-form .form-item-date-time > label {
  display: block;
  margin-bottom: 8px;
  font-weight: 600;
  color: #fff; /* change if needed */
}

li.quickEnquiry-menu a.reqcallback-btn {
    font-size: 13px;
    background-color: #019a50;
    color: #fff !important;
    transition: background-color 0.3s ease, color 0.3s ease;
  }

li.quickEnquiry-menu a.reqcallback-btn:hover {
    background-color: #043B6F;
    color: #fff !important;
  }

.mobile-icon li.quickEnquiry-menu a.reqcallback-btn {
    font-size: 9px;
    padding: 6px;
    background-color: #019a50;
    color: #fff !important;
    transition: background-color 0.3s ease, color 0.3s ease;
}

/* Responsive table scrolling only inside table */
.blog-box-content .table {
    display: block;
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    table-layout: auto !important;
    margin-bottom: 1.5rem;
}

/* Keep table structure intact */
.blog-box-content .table tbody {
    display: table;
    width: max-content;
    min-width: 100%;
}

/* Remove fixed row heights */
.blog-box-content .table tr {
    height: auto !important;
}

/* Cell formatting */
.blog-box-content  .table td,
.blog-box-content .table th {
    overflow: visible !important;
    overflow-wrap: break-word !important;
    min-width: 150px;
    white-space: nowrap;
    vertical-align: top;
}

/* Allow copied content from Google Docs/Word to behave properly */
.blog-box-content .table span {
    white-space: normal !important;
}




.hospital-map-wrapper {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
}

.map-item {
    flex: 1;
}

.map-item iframe {
    width: 100%;
    height: 300px;
}

/* Mobile */
@media (max-width: 767px) {
    .hospital-map-wrapper {
        flex-direction: column;
    }

    .noida-map {
        order: 1;
    }

    .greater-noida-map {
        order: 2;
    }
}

.doctor-position-info .doctor-action-btns,
.spl-team-wrap .doctor-action-btns{
    display:flex;
    flex-direction:column;
    gap:15px;
    width:100%;
    margin-top: 15px;
    margin-bottom: 25px;
}

.doctor-position-info .doctor-action-btns .btn,
.spl-team-wrap .doctor-action-btns .btn{
    display:flex;
    justify-content:center;
    align-items:center;
    width:100%;
    height:50px;
    border-radius:50px;
    color:#fff;
    text-decoration:none;
    font-size:20px;
    font-weight:500;
    transition:0.3s;
    text-transform: capitalize;
}

.doctor-position-info .profile-btn,
.spl-team-wrap .profile-btn{
    background:linear-gradient(to right,#1f5ea9,#0e4b90);
}
.doctor-position-info .expert-btn,
.spl-team-wrap .expert-btn{
    background:linear-gradient(to right,#0bb85d,#08a84f);
}

 .dr-expert-call-btn{
    display: inline-block;
    background: #0bb85d;
    color: #fff;
    padding: 6px 17px !important;
    border-radius: 50px;
    text-decoration: none;
    font-size: 14px !important;
    font-weight: 600;
    text-align: center;
    margin-top: 18px;
    transition: .3s;
    text-transform: capitalize !important;
}

 .dr-expert-call-btn:hover{
    background: #08994d;
    color: #fff;
}

.dr-slider .doctor-info .doctor-action-btns{
    margin-top: 0px;
    margin-bottom: 0px;
}

.doctor-action-wrapper {
    display: flex;
    flex-direction: column;
    gap: 10px;
    width: 180px;
}

.doctor-action-wrapper .bookAppoinment,
.doctor-action-wrapper .dr-expert-call-btn {
    width: 100%;
    text-align: center;
}

.dr-call{
    background: #0bb85d !important;
}

.dr-call:hover{
    background: #08994d !important;
}


.doctor-action-wrapper {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.doctor-action-wrapper .bookAppoinment,
.doctor-action-wrapper .dr-expert-call-btn {
    width: 100%;
    text-align: center;
    /* display: block; */
}

@media (max-width: 767px) {
    .doctor-action-wrapper {
        margin: auto;
    }
    .doctor-action-btns .d-flex {
    justify-content: center;
    text-align: center;
  }
}


/**********Book Appointment Modal Custom CSS Ends**********/



.modal-content {
    background-color: #fff;
    padding: 20px;
    border-radius: 10px;
    max-width: 550px;
    width: 100%;
    text-align: center;
    position: relative;
}

.consultation-modal-card .consultation-header {
    text-align: center;
}

.consultation-modal-card {
    font-family: 'Helvetica Neue', Arial, sans-serif;
    max-width: 497px;
    background: #ffffff;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    position: relative;
    padding-bottom: 15px;
}

/* Close Button styling (if modal) */
.close-modal {
    position: absolute;
    top: 10px;
    right: 15px;
    background: none;
    border: none;
    color: #ffffff;
    font-size: 24px;
    cursor: pointer;
    z-index: 10;
    opacity: 0.8;
}
.close-modal:hover {
    opacity: 1;
}

/* Header Section */
.consultation-header-wrapper {
    background: linear-gradient(180deg, #102a73 0%, #1a3a8f 100%);
    color: #ffffff;
    padding: 20px 15px;
    text-align: left;
}

.consultation-header h3 {
    margin: 0 0 6px 0;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 0.3px;
}

.consultation-header p {
    margin: 0;
    font-size: 12px;
    opacity: 0.9;
    line-height: 1.4;
}

/* Rating Section */
.consultation-rating {
    align-items: center;
    padding: 5px;
    border-radius: 4px;
    text-align: center;
}

.consultation-rating .stars {
    color: #ffb400;
    font-size: 18px;
}

.rating-text {
    font-size: 14px;
    line-height: 1.3;
}

.rating-text strong {
    color: #000000;
    font-weight: 700;
}

.rating-text small {
    color: #555555;
    font-size: 11px;
}

/* Divider Lines */
.section-divider {
    border: none;
    border-top: 1px solid #e0e0e0;
    margin: 15px;
}

/* Form Container Layout */
.consultation-form-body {
    padding: 0 15px;
    display: grid;
    grid-template-columns: repeat(2, 1fr); 
    gap: 12px; 
}

.consultation-form-body .input-group {
    margin: 0; 
}

/* Make Concern and Form Actions span 100% width */
.consultation-form-body .input-group:nth-child(3),
.consultation-form-body .form-actions-block {
    grid-column: span 2;
}

/* Input Fields styling */
.consultation-form-body input[type="text"],
.consultation-form-body input[type="tel"],
.consultation-form-body select {
    width: 100%;
    box-sizing: border-box;
    padding: 10px 12px;
    border: 1px solid #cccccc;
    border-radius: 6px;
    font-size: 14px;
    color: #333333;
    background-color: #ffffff;
    transition: border-color 0.2s;
}

.consultation-form-body input::placeholder {
    color: #777777;
}

.consultation-form-body input:focus,
.consultation-form-body select:focus {
    border-color: #1a3a8f;
    outline: none;
}

/* Drupal Submit Button styling */
.form-actions-block input[type="submit"],
.form-actions-block button {
    width: 100%;
    background-color: #142d6d;
    color: #ffffff;
    border: none;
    padding: 12px;
    font-size: 15px;
    font-weight: 700;
    border-radius: 6px;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: background-color 0.2s;
}

.form-actions-block input[type="submit"]:hover {
    background-color: #0d2052;
}

.form-actions-block input[type="submit"]::after {
    content: " ➔";
    margin-left: 6px;
    font-size: 13px;
}

/* WhatsApp Expert Button */
.expert-btn-wrapper {
    padding: 0 15px;
    margin-top: 12px;
}

.expert-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    background-color: #0bb85d !important;
    color: #ffffff;
    text-decoration: none;
    padding: 12px;
    font-size: 15px;
    font-weight: 700;
    border-radius: 6px;
    text-align: center;
    transition: background-color 0.2s;
}

.expert-btn:hover {
    color: #fff;
}

.expert-btn i {
    font-size: 18px;
}

/* Footer Feature Badges */
.footer-features {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 8px;
    padding: 0 15px;
    margin-bottom: 15px;
}

.feature-box {
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    padding: 10px 6px;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 70px;
}

.feature-box p {
    margin: 6px 0 0 0;
    font-size: 10px;
    font-weight: 600;
    color: #222222;
    line-height: 1.3;
}

/* Feature Icons */
.feature-box .icon {
    width: 40px;
    height: 40px;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.custom-icon-insurance {
    background: url("../images/protected.png") ;
}

.custom-icon-schemes {
     background: url("../images/heart.png");
}

.custom-icon-emergency {
    background: url("../images/clock-desk.png") ;
}

.modal-header{
    margin-bottom: 10px;
}

/* Privacy Footer Text */
.privacy-text {
    text-align: center;
    font-size: 11px;
    color: #666666;
    padding: 0 20px;
    line-height: 1.4;
}
/**************Inner Page********/
div#consultationModal {
    width: 650px;
    margin: auto;
    background-color: #ffff;
}


.consultation-form-body .form-text{
    margin-top: 0px;
}


/* Container Box */
.consultation-rating {
    padding: 7px;
}

/* Flex Column to stack elements vertically and center them */
.consultation-rating .rating-link {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    color: inherit;
    text-align: center;
    gap: 6px; /* Space between stars and the text lines */
}

/* Gold Stars Styling */
.consultation-rating .review-count {
    color: #ffb400;
    font-size: 15px;
    display: inline-flex;
    gap: 2px;
}

/* Primary "4.8 Google Rating" Text Styling */
.rating-main-text strong {
    color: #000000;
    font-size: 16px;
    font-weight: 800; /* Extra bold text to perfectly match the image */
    font-family: 'Helvetica Neue', Arial, sans-serif;
    letter-spacing: -0.2px;
}

/* Secondary Subtext Styling */
.rating-sub-text small {
    color: #555555;
    font-size: 12px;
    display: block;
    margin-top: -2px;
}

.consultation-form-body .captcha-wrapper {
    grid-column: span 2;
    width: 100%;
    margin-bottom: 5px;
}

.webform-button--submit {
    -webkit-appearance: none;
    appearance: none;
    gap: 8px;
    font-size: 14px !important;
    padding: 12px 24px !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3E%3Cpath fill-rule='evenodd' d='M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8z'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: calc(100% - 150px) 16px !important;
    background-size: 16px 16px !important;
    padding-right: 50px !important;
}

.all-author-eeat-box.border.p-4.rounded.shadow-sm.mt-5 {
    width: 1290px;
    margin: auto;
}

a.book-appointment-btn-blue,
.book-appointment-btn,
.dr-call {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* min-height: 44px; */
}

a.book-appointment-btn-blue {
    background-color: #1167B1;
    font-size: 14px;
    font-weight: 600;
    border: 0;
    border-radius: 50px;
    color: #FFF;
    text-align: center;
    line-height: 15px;
    padding: 8px 15px;
    transition: .5s;
}


.doctor-action-btns {
    margin-top: 15px;
    margin-bottom: 15px;
}