.page-node-type-procedure main .wrapper { max-width: 100%; padding: 0px; margin: 0;
}
.page-node-type-procedure .procedure-table{ max-width: 1230px; padding: 30px 50px; margin: auto;
}
.page-node-type-procedure .procedure-details-section { max-width: 1270px; padding: 30px 20px 0px 20px; margin: auto;
}
.page-node-type-procedure .procedure-faq { max-width: 1270px; padding: 30px 20px 0px 20px; margin: auto; margin-bottom: 60px;
}
.page-node-type-procedure .specialties-doctor, .procedure-blogs { max-width: 1270px; margin: auto; padding: 30px 20px; }
.page-node-type-procedure .procedure-banner .mobile-banner{ display: none;
}
.page-node-type-procedure .procedure-banner{    position: relative; margin-bottom: 60px;
}
.page-node-type-procedure .procedure-banner img { max-width: 100%; width: 100%; height: auto; vertical-align: middle; }
.page-node-type-procedure .procedure-banner .banner-heading { position: absolute; top: 40%; left: 70px;
}
.page-node-type-procedure .procedure-banner h1.procedure-title { font-family: Open Sans; font-weight: 700; font-size: 40px; line-height: 100%; letter-spacing: -3%; color: #073849;
}
.page-node-type-procedure .procedure-table { box-shadow: 0px 4px 13px 0px #00000029;
}
.page-node-type-procedure .procedure-table .table-header { margin-bottom: 20px; display: flex; justify-content: space-between; align-items: center; padding: 12px 16px; font-weight: bold; color: #0073aa; cursor: pointer;
}
.page-node-type-procedure .procedure-table .table-header .toggle-btn { font-size: 14px; transition: transform 0.3s ease;    float: right;
}
.page-node-type-procedure .procedure-table .heading {
width: fit-content;
font-family: Open Sans;
font-weight: 600;
font-size: 24px;
color: #117D9E;
border-bottom: 2px solid #117D9E;
}
.procedure-table ul.table-item-list {   display: block; margin-left: 20px;  list-style-type: disc;
}
.procedure-table ul.table-item-list li a {font-family: Open Sans;
font-weight: 400;
font-size: 20px;
line-height: 100%;
color: #000000;
}
.table-item-list li.active a {
  color: #4BA4BE !important;
}
.procedure-table ul.table-item-list li a:hover {color: #4BA4BE}
.procedure-table ul.table-item-list li { border-bottom: 1px solid #D4D4D4; padding: 5px; }
.procedure-table ul.table-item-list li::marker { color: #4BA4BE;
}
.procedure-para-section { display: flex; padding: 30px 0px; flex-wrap: wrap; gap: 40px; scroll-margin-top: 120px;
}
.procedure-para-section h2.para-heading {
font-family: Open Sans;
font-weight: 600;
font-size: 34px;
line-height: 100%;
color: #117D9E;
}
.procedure-para-section .para-detail {
font-family: Open Sans;
font-weight: 400;
font-size: 16px;
line-height: 100%;
color: #000000;
}
.procedure-para-section .para-detail ul { list-style: disc; margin-left: 20px;
}
.procedure-para-desc {  flex: 1 1 55%;
}
.procedure-para-image { flex: 1 1 40%;  position: relative;
}
.procedure-para-section .procedure-para-image iframe, .procedure-para-section .procedure-para-image video, .procedure-para-section .procedure-para-image img {  max-width: 100%; min-height: 250px; width: 100%; height: auto;
}
.procedure-para-section .procedure-para-image img{  margin-top: 60px;
}
.procedure-faq h3{
font-family: Open Sans;
font-weight: 600;
font-size: 34px;
line-height: 100%;
color: #117D9E;
text-align: center;
}
.procedure-faq .paragraph--type--faq { margin: 20px 0px; box-shadow: 0px 4px 24px 0px #00000024; border-radius: 8px;
}
.procedure-faq .field--name-field-heading { font-family: Open Sans; font-weight: 600; font-size: 18px; border-radius: 8px; background-color: #ffffff; color: #000000; padding: 18px 15px; display: block; position: relative; margin: 0; line-height: 100%; cursor: pointer;
}
.procedure-faq .field--name-field-heading::after { content: '+'; font-size: 32px; position: absolute; top:30%; right: 10px; float: right; transition: transform 0.3s ease;
}
.procedure-faq .paragraph--type--faq .field--name-field-description {   display:none; background:#E7F1F4; box-shadow: 0px 4px 9px 0px #0000000A;
font-family: Open Sans;
font-weight: 400;
font-size: 18px;
line-height: 26px;
padding: 18px 15px;
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
}
.procedure-faq .field--name-field-heading.active { background-color: #007B9F; color: #ffffff; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px;
}
.procedure-faq .field--name-field-heading.active::after {   content: '-';
}
.enquire-now-section { max-width: 1270px; padding: 30px 20px; margin: 30px auto; background: url("../../../../../themes/custom/gleneagles/images/enquire-bg.png") no-repeat center center; background-size: cover; text-align: center; border-radius: 15px; font-family: Arial, sans-serif; }
.enquire-now-section h2 { font-size: 28px; font-weight: 600; color: #000; margin-bottom: 20px; }
.enquire-now-section .btn { display: inline-block; background: #1aa0a9; font-size: 20px; font-weight: 600; color: #fff; padding: 12px 30px; border-radius: 6px; text-decoration: none; transition: background 0.3s ease; } .enquire-now-section .btn:hover { background: #14848c; }
.procedure-dr-section, .blog-outer { margin-top: 30px; margin-bottom: 30px; }
.page-node-type-procedure .procedure-dr-section {   background: #DCEBF4;
}
.page-node-type-procedure .blog-outer { background: #ffffff; padding: 0 !important;
}
.page-node-type-procedure h2.head_txt{  color: #117D9E; font-family: Open Sans;
font-weight: 600;
font-size: 34px;
line-height: 100%;
margin-bottom: 0px;
}
.page-node-type-procedure .procedure_enquire_section { background: #F8F8F8; margin: 0 auto; text-align: center;
}
.procedure-enquire-form { display: inline-block; max-width: 900px; width: 100%; padding: 30px 20px 60px; scroll-margin-top: 120px;
}
.page-node-type-procedure .procedure-enquire-form h3 { font-family: Open Sans;  font-weight: 700;   font-size: 24px;    line-height: 100%;  color: #036F8E;
text-align: center;
}
.procedure-enquire-form .wrap-full-name,
.procedure-enquire-form .wrap-mobile-number,
.procedure-enquire-form .wrap-pref-location,
.procedure-enquire-form .wrap-message { display: inline-block; width: 48%; margin: 10px 1%; vertical-align: top;
}
.procedure-enquire-form .wrap-message { width: 48%;
}
.procedure-enquire-form label { display: none;
}
.procedure-enquire-form input[type="text"],
.procedure-enquire-form input[type="tel"],
.procedure-enquire-form select,
.procedure-enquire-form textarea { width: 100%; padding: 12px 18px; border: 1px solid #000000; border-radius: 40px; font-size: 15px; outline: none; box-sizing: border-box; transition: all 0.3s ease;
}
.procedure-enquire-form input:focus,
.procedure-enquire-form select:focus,
.procedure-enquire-form textarea:focus { border-color: #006b86; box-shadow: 0 0 6px rgba(0, 107, 134, 0.35);
}
.procedure-enquire-form textarea { height: 50px; min-height: 50px; border-radius: 40px; /* match inputs */ resize: vertical;
}
.procedure-enquire-form .error { 
    color: #ff3838;
    font-size: 16px;
    margin-top: -25px;
    text-align: center;
}
.page-node-type-procedure .procedure-enquire-form input[type="submit"] { display: inline-block; background: #007da5; color: #fff; padding: 12px 60px; margin-top: 20px; cursor: pointer; transition: background 0.3s ease; font-family: Open Sans; font-weight: 700; font-size: 18px; line-height: 100%; border-radius: 22px; border: 2px solid #017BA1; width: 300px; height: 45px;
}
.procedure-enquire-form .form-submit:hover { background: #005f7a;
}
/*Procedure-listing page start*/
.procedure-listing{ margin: 0px auto;
}
.procedure-listing .procedure-card { width: calc(33.33% - 24px); margin: 12px;  border-radius: 12px; position: relative; padding-bottom: 30px;
}
.procedure-listing .procedure-list { display: flex; flex-wrap: wrap; margin: -12px;
}
.procedure-listing .card-img { position: relative; height: 200px;
}
.procedure-listing .card-img img
{ border-radius: 12px 12px 0 0; width: 100%; height: 200px;
    object-fit: cover;
}
.procedure-listing .card-text { padding: 16px; position: relative;
}
.procedure-listing .card-text h4 { font-size: 16px; font-weight: 600; color: #2C2C2C; margin: 0;
}
.procedure-listing .card-text .card-date { display: flex; justify-content: space-between; margin: 0 0 20px 0; align-items: center;
}
.procedure-listing .card-text .card-speciality { background: #00A0A0; border-radius: 4px; color: #fff; font-size: 13px; line-height: 22px; padding: 0 10px 1px 10px; max-width: 200px; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: inline-block;
}
.procedure-listing .card-text .card-date span { font-size: 13px; color: #4D4D4F;
}
.procedure-listing .card-bottom { position: absolute; bottom: 0; width: 100%;}
.procedure-listing .card-location { display: inline-flex; font-size: 16px; font-weight: 500; color: #00769C;
background: url(/assets/theme/images/location.svg) no-repeat left 4px; padding: 0px 0px 10px 20px; margin-left: 15px; margin-bottom: 0px;
}
.procedure-listing .procedure-read-more{ float: right; position: absolute; bottom: 0; right: 0; display: inline-flex; font-size: 16px; font-weight: 500; color: #00769C; padding-right: 22px; line-height: 48px; background: url(/assets/theme/images/right-arrow-blue.svg) no-repeat right center; background-size: 19px; margin-right: 14px;
}
.procedure-listing .views-exposed-form { display: flex; justify-content: end; margin-bottom: 10px;flex-direction: column;
}
.procedure-listing .views-exposed-form .form-item.js-form-type-select { max-width: 200px; margin-left: 16px;
}
.procedure-listing .views-exposed-form .form-item { margin-left: 16px;
}
/*Procedure-listing page end*/
@media screen and (max-width: 1024px) {
.procedure-para-section .procedure-para-image img { margin-top: 0px }
}
@media screen and (max-width: 1024px) and (min-width: 768px) {.procedure-para-section{ padding: 20px 0px;}
}
@media (max-width: 768px) { .procedure-enquire-form .wrap-full-name, .procedure-enquire-form .wrap-mobile-number, .procedure-enquire-form .wrap-pref-location, .procedure-enquire-form .wrap-message { width: 100%; margin: 10px 0; }
}
@media screen and (max-width: 767px) { .page-node-type-procedure .procedure-banner .desktop-banner{ display: none; }
.page-node-type-procedure .procedure-banner .mobile-banner{ display: block; width: 100%; height:auto}
.page-node-type-procedure .procedure-banner h1.procedure-title { font-size: 24px;}
.page-node-type-procedure .procedure-banner .banner-heading { position: absolute; top: 40%; left: 20px;}
.procedure-para-section h2.para-heading {   font-family: Open Sans; font-weight: 600;   font-size: 20px;    line-height: 25px;  }
.procedure-para-section{ padding: 15px 0px;}
.procedure-list .procedure-card { width: calc(100% - 24px); }
.enquire-now-section h2, .enquire-now-section a.btn {font-size: 16px;}
.page-node-type-procedure h2.head_txt{  font-size: 20px;
}
.procedure-faq h3 { font-size: 20px;
}
}
@media screen and (max-width: 430px) {  .page-node-type-procedure .procedure-table .heading { font-size: 20px; }    .procedure-table ul.table-item-list {   font-size: 16px;    }
.enquire-now-section h2, .enquire-now-section .btn { font-size: 16px;}
.procedure-dr-section .book-appointment {display: flex; flex-direction: column; gap: 5px;}
.procedure-dr-section .book-appointment a {width: 100% !important;}
.procedure-blogs .blog-box .blog-text .blog-date { display: flex; flex-direction: column; align-items: self-start; gap: 5px;} .page-node-type-procedure .procedure-table { margin: 0px 10px; padding: 30px 15px; }
}
/*background colors*/
p.blog_loc { display: inline-flex; font-size: 16px; font-weight: 500; color: #00769C; background: url(/assets/theme/images/location.svg) no-repeat left 4px; padding: 0px 0px 10px 20px; margin-left: 15px;
}
p.blog_loc { display: inline-flex; font-size: 16px; font-weight: 500; color: #00769C; background: url(/assets/theme/images/location.svg) no-repeat left 4px; padding: 0px 0px 10px 20px; margin-left: 15px;
}
.blog_botm { position: absolute; bottom: 0; width: 100%;
}
.specialties-doctor .doctor-profile.slick-single-slide .slick-track { width: 100% !important; transform: none !important;
}
.specialties-doctor .doctor-profile.slick-single-slide .slick-slide { width: 50% !important;
}
.doctor-listing { padding: 60px 0; } .specialties-doctor{ background: #DCEBF4; position: relative; z-index: 1; padding: 30px 0 30px 0; } .specialties-doctor::before { content: ""; position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 100vw; height: 100%; background: #DCEBF4; z-index: -1; } section.health-screening-list { padding: 60px 0;
}
.blog-outer { padding: 60px 0 !important;
} @media only screen and (max-width: 1023px) { .doctor-listing { padding: 30px 0; } }
.doctor-profile { margin: -8px; display: flex; flex-wrap: wrap; } @media only screen and (max-width: 1023px) { .doctor-profile { margin: -5px; } } .doctor-profile .doctor-profile-box { display: flex; flex-wrap: wrap; width: calc(50% - 16px); margin: 8px; padding: 30px 25px 30px 30px; background: #F8F8F8; border-radius: 4px; } @media only screen and (max-width: 1199px) { .doctor-profile .doctor-profile-box { padding: 20px 15px; } } @media only screen and (max-width: 1023px) { .doctor-profile .doctor-profile-box { width: calc(100% - 10px); margin: 5px; } } .doctor-profile .doctor-profile-box .doctor-pro { display: flex; flex-wrap: wrap; width: 100%; } .doctor-profile .doctor-profile-box .doctor-img { display: flex; justify-content: center; align-items: center; width: 101px; height: 126px; background: #FFFFFF; box-shadow: 0px 10px 15px #00769C1A; border: 3px solid #FFFFFF; border-radius: 8px; margin-right: 23px; position: relative; } @media only screen and (max-width: 767px) { .doctor-profile .doctor-profile-box .doctor-img { width: 70px; max-height: 90px; margin-right: 18px; } } .doctor-profile .doctor-profile-box .doctor-img .play-btn, .doctor-profile .doctor-profile-box .doctor-img .fronty-video-play-btn { top: 100%; } .doctor-profile .doctor-profile-box .doctor-img img { border-radius: 8px; } .doctor-profile .doctor-profile-box .doctor-info { flex: 1; } @media only screen and (max-width: 767px) { .doctor-profile .doctor-profile-box .doctor-info { width: calc(100% - 88px); } } .doctor-profile .doctor-profile-box .doctor-info .doctor-info-top { border-bottom: 1px solid rgba(44, 44, 44, 0.1); padding-bottom: 12px; margin-bottom: 11px; } @media only screen and (max-width: 767px) { .doctor-profile .doctor-profile-box .doctor-info .doctor-info-top { padding-bottom: 8px; margin-bottom: 7px; } } .doctor-profile .doctor-profile-box .doctor-info .doctor-info-top h4 { font-size: 18px; font-family: "Noto Sans", sans-serif; font-weight: 600; } @media only screen and (max-width: 767px) { .doctor-profile .doctor-profile-box .doctor-info .doctor-info-top h4 { font-size: 15px; } } .doctor-profile .doctor-profile-box .doctor-info .doctor-info-top h5 { font-size: 16px; font-weight: 600; color: #4D4D4F; margin-bottom: 5px; } @media only screen and (max-width: 767px) { .doctor-profile .doctor-profile-box .doctor-info .doctor-info-top h5 { font-size: 13px; line-height: 1.4; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } } .doctor-profile .doctor-profile-box .doctor-info .doctor-info-top p { font-size: 14px; color: #4D4D4F; margin-top: 5px; } @media only screen and (max-width: 767px) { .doctor-profile .doctor-profile-box .doctor-info .doctor-info-top p { font-size: 12px; line-height: 1.4; } } .doctor-profile .doctor-profile-box .doctor-info .doctor-info-bottom { margin-bottom: 14px; } .doctor-profile .doctor-profile-box .doctor-info .doctor-info-bottom p { font-size: 15px; color: #4D4D4F; margin: 0 0 5px 0; } @media only screen and (max-width: 767px) { .doctor-profile .doctor-profile-box .doctor-info .doctor-info-bottom p { font-size: 13px; line-height: 1.4; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } } .doctor-profile .doctor-profile-box .doctor-info .doctor-info-bottom p strong { color: #2C2C2C; font-weight: 600; } .doctor-profile .doctor-profile-box .doctor-info .doctor-info-bottom .hospital-location { font-size: 14px; color: #4D4D4F; background: url("/assets/theme/images/location.svg") no-repeat left 4px; background-size: 12px; padding: 0 0 0 20px; min-height: 20px; } @media only screen and (max-width: 767px) { .doctor-profile .doctor-profile-box .doctor-info .doctor-info-bottom .hospital-location { font-size: 13px; line-height: 1.4; } } .doctor-profile .doctor-profile-box .book-appointment { width: 100%; margin-left: 125px; align-items: end; } @media only screen and (max-width: 1199px) { .doctor-profile .doctor-profile-box .book-appointment { margin: 0; align-items: end; } }
.doctor-detail-page { padding: 30px; margin-bottom: 48px; background: #F8F8F8; } @media only screen and (max-width: 767px) { .doctor-detail-page { padding: 25px 0; margin-bottom: 24px; position: relative; z-index: 1; } .doctor-detail-page::before, .doctor-detail-page::after { content: ''; background: #F8F8F8; position: absolute; top: 0; left: -15px; width: 100%; height: 100%; z-index: -1; } .doctor-detail-page::after { left: auto; right: -15px; } } .doctor-detail-page .doctor-profile-top { display: flex; padding-bottom: 20px; position: relative; } .doctor-detail-page .doctor-profile-top .doctor-ptl { margin-right: 30px; } @media only screen and (max-width: 767px) { .doctor-detail-page .doctor-profile-top .doctor-ptl { min-width: 110px; max-width: 110px; margin-right: 20px; } } .doctor-detail-page .doctor-profile-top .doctor-d-t-img { display: flex; width: 100%; background: #FFFFFF; box-shadow: 0px 10px 15px #00769C1A; border: 3px solid #FFFFFF; border-radius: 8px; position: relative; } @media only screen and (max-width: 767px) { .doctor-detail-page .doctor-profile-top .doctor-d-t-img { height: auto; max-height: 147px; } } .doctor-detail-page .doctor-profile-top .doctor-d-t-img img { border-radius: 8px; } .doctor-detail-page .doctor-profile-top .doctor-d-t-img .play-btn, .doctor-detail-page .doctor-profile-top .doctor-d-t-img .fronty-video-play-btn { top: 100%; } .doctor-detail-page .doctor-profile-top .doctor-d-t-img iframe { display: none; } .doctor-detail-page .doctor-profile-top .doctor-ptr { flex: 1; padding-right: 270px; } @media only screen and (max-width: 1199px) { .doctor-detail-page .doctor-profile-top .doctor-ptr { padding-right: 0; } } .doctor-detail-page .doctor-profile-top .doctor-ptr .field--name-field-salutation { font-size: 18px; font-family: "Noto Sans", sans-serif; font-weight: 600; color: #2C2C2C; margin-bottom: 4px; } @media only screen and (max-width: 767px) { .doctor-detail-page .doctor-profile-top .doctor-ptr .field--name-field-salutation { font-size: 15px; } } .doctor-detail-page .doctor-profile-top .doctor-ptr .field--name-field-designation { font-size: 16px; font-weight: 600; color: #4D4D4F; margin-bottom: 15px; } @media only screen and (max-width: 767px) { .doctor-detail-page .doctor-profile-top .doctor-ptr .field--name-field-designation { font-size: 15px; margin-bottom: 10px; } } .doctor-detail-page .doctor-profile-top .doctor-ptr .field--name-field-qualification, .doctor-detail-page .doctor-profile-top .doctor-ptr .field--name-field-experience, .doctor-detail-page .doctor-profile-top .doctor-ptr .field--name-field-language-spoken, .doctor-detail-page .doctor-profile-top .doctor-ptr .field--name-field-location, .doctor-detail-page .doctor-profile-top .doctor-ptr .field--name-field-specialities, .doctor-detail-page .doctor-profile-top .doctor-ptr .consultation-charges, .doctor-detail-page .doctor-profile-top .doctor-ptr .field--name-field-doctor-gender { display: flex; flex-wrap: wrap; margin-top: 15px; } @media only screen and (max-width: 767px) { .doctor-detail-page .doctor-profile-top .doctor-ptr .field--name-field-qualification, .doctor-detail-page .doctor-profile-top .doctor-ptr .field--name-field-experience, .doctor-detail-page .doctor-profile-top .doctor-ptr .field--name-field-language-spoken, .doctor-detail-page .doctor-profile-top .doctor-ptr .field--name-field-location, .doctor-detail-page .doctor-profile-top .doctor-ptr .field--name-field-specialities, .doctor-detail-page .doctor-profile-top .doctor-ptr .consultation-charges, .doctor-detail-page .doctor-profile-top .doctor-ptr .field--name-field-doctor-gender { margin-top: 8px; flex-direction: column; } } .doctor-detail-page .doctor-profile-top .doctor-ptr .field--name-field-qualification .field__label, .doctor-detail-page .doctor-profile-top .doctor-ptr .field--name-field-experience .field__label, .doctor-detail-page .doctor-profile-top .doctor-ptr .field--name-field-language-spoken .field__label, .doctor-detail-page .doctor-profile-top .doctor-ptr .field--name-field-location .field__label, .doctor-detail-page .doctor-profile-top .doctor-ptr .field--name-field-specialities .field__label, .doctor-detail-page .doctor-profile-top .doctor-ptr .consultation-charges .field__label, .doctor-detail-page .doctor-profile-top .doctor-ptr .field--name-field-doctor-gender .field__label { color: #2C2C2C; font-size: 14px; font-weight: 600; min-width: 140px; position: relative; margin-right: 10px; } @media only screen and (max-width: 767px) { .doctor-detail-page .doctor-profile-top .doctor-ptr .field--name-field-qualification .field__label, .doctor-detail-page .doctor-profile-top .doctor-ptr .field--name-field-experience .field__label, .doctor-detail-page .doctor-profile-top .doctor-ptr .field--name-field-language-spoken .field__label, .doctor-detail-page .doctor-profile-top .doctor-ptr .field--name-field-location .field__label, .doctor-detail-page .doctor-profile-top .doctor-ptr .field--name-field-specialities .field__label, .doctor-detail-page .doctor-profile-top .doctor-ptr .consultation-charges .field__label, .doctor-detail-page .doctor-profile-top .doctor-ptr .field--name-field-doctor-gender .field__label { min-width: 10px; margin: 0 10px 5px 0; } } .doctor-detail-page .doctor-profile-top .doctor-ptr .field--name-field-qualification .field__label::after, .doctor-detail-page .doctor-profile-top .doctor-ptr .field--name-field-experience .field__label::after, .doctor-detail-page .doctor-profile-top .doctor-ptr .field--name-field-language-spoken .field__label::after, .doctor-detail-page .doctor-profile-top .doctor-ptr .field--name-field-location .field__label::after, .doctor-detail-page .doctor-profile-top .doctor-ptr .field--name-field-specialities .field__label::after, .doctor-detail-page .doctor-profile-top .doctor-ptr .consultation-charges .field__label::after, .doctor-detail-page .doctor-profile-top .doctor-ptr .field--name-field-doctor-gender .field__label::after { content: ' :'; } .doctor-detail-page .doctor-profile-top .doctor-ptr .field--name-field-qualification .field__item, .doctor-detail-page .doctor-profile-top .doctor-ptr .field--name-field-experience .field__item, .doctor-detail-page .doctor-profile-top .doctor-ptr .field--name-field-language-spoken .field__item, .doctor-detail-page .doctor-profile-top .doctor-ptr .field--name-field-location .field__item, .doctor-detail-page .doctor-profile-top .doctor-ptr .field--name-field-specialities .field__item, .doctor-detail-page .doctor-profile-top .doctor-ptr .consultation-charges .field__item, .doctor-detail-page .doctor-profile-top .doctor-ptr .field--name-field-doctor-gender .field__item { flex: 1; } .doctor-detail-page .doctor-profile-top .doctor-ptr .field--name-field-qualification .field__items, .doctor-detail-page .doctor-profile-top .doctor-ptr .field--name-field-experience .field__items, .doctor-detail-page .doctor-profile-top .doctor-ptr .field--name-field-language-spoken .field__items, .doctor-detail-page .doctor-profile-top .doctor-ptr .field--name-field-location .field__items, .doctor-detail-page .doctor-profile-top .doctor-ptr .field--name-field-specialities .field__items, .doctor-detail-page .doctor-profile-top .doctor-ptr .consultation-charges .field__items, .doctor-detail-page .doctor-profile-top .doctor-ptr .field--name-field-doctor-gender .field__items { display: flex; position: relative; flex-wrap: wrap; } .doctor-detail-page .doctor-profile-top .doctor-ptr .field--name-field-qualification .field__items .field__item, .doctor-detail-page .doctor-profile-top .doctor-ptr .field--name-field-experience .field__items .field__item, .doctor-detail-page .doctor-profile-top .doctor-ptr .field--name-field-language-spoken .field__items .field__item, .doctor-detail-page .doctor-profile-top .doctor-ptr .field--name-field-location .field__items .field__item, .doctor-detail-page .doctor-profile-top .doctor-ptr .field--name-field-specialities .field__items .field__item, .doctor-detail-page .doctor-profile-top .doctor-ptr .consultation-charges .field__items .field__item, .doctor-detail-page .doctor-profile-top .doctor-ptr .field--name-field-doctor-gender .field__items .field__item { margin-right: 10px; } .doctor-detail-page .doctor-profile-top .doctor-ptr .field--name-field-qualification .field__items .field__item::after, .doctor-detail-page .doctor-profile-top .doctor-ptr .field--name-field-experience .field__items .field__item::after, .doctor-detail-page .doctor-profile-top .doctor-ptr .field--name-field-language-spoken .field__items .field__item::after, .doctor-detail-page .doctor-profile-top .doctor-ptr .field--name-field-location .field__items .field__item::after, .doctor-detail-page .doctor-profile-top .doctor-ptr .field--name-field-specialities .field__items .field__item::after, .doctor-detail-page .doctor-profile-top .doctor-ptr .consultation-charges .field__items .field__item::after, .doctor-detail-page .doctor-profile-top .doctor-ptr .field--name-field-doctor-gender .field__items .field__item::after { content: ', '; } .doctor-detail-page .doctor-profile-top .doctor-ptr .field--name-field-qualification .field__items .field__item:last-child, .doctor-detail-page .doctor-profile-top .doctor-ptr .field--name-field-experience .field__items .field__item:last-child, .doctor-detail-page .doctor-profile-top .doctor-ptr .field--name-field-language-spoken .field__items .field__item:last-child, .doctor-detail-page .doctor-profile-top .doctor-ptr .field--name-field-location .field__items .field__item:last-child, .doctor-detail-page .doctor-profile-top .doctor-ptr .field--name-field-specialities .field__items .field__item:last-child, .doctor-detail-page .doctor-profile-top .doctor-ptr .consultation-charges .field__items .field__item:last-child, .doctor-detail-page .doctor-profile-top .doctor-ptr .field--name-field-doctor-gender .field__items .field__item:last-child { margin-right: 0; } .doctor-detail-page .doctor-profile-top .doctor-ptr .field--name-field-qualification .field__items .field__item:last-child::after, .doctor-detail-page .doctor-profile-top .doctor-ptr .field--name-field-experience .field__items .field__item:last-child::after, .doctor-detail-page .doctor-profile-top .doctor-ptr .field--name-field-language-spoken .field__items .field__item:last-child::after, .doctor-detail-page .doctor-profile-top .doctor-ptr .field--name-field-location .field__items .field__item:last-child::after, .doctor-detail-page .doctor-profile-top .doctor-ptr .field--name-field-specialities .field__items .field__item:last-child::after, .doctor-detail-page .doctor-profile-top .doctor-ptr .consultation-charges .field__items .field__item:last-child::after, .doctor-detail-page .doctor-profile-top .doctor-ptr .field--name-field-doctor-gender .field__items .field__item:last-child::after { display: none; } .doctor-detail-page .doctor-profile-top .doctor-ptr .consultation-charges { position: absolute; right: 0; bottom: 16px; max-width: 250px; } @media only screen and (max-width: 1199px) { .doctor-detail-page .doctor-profile-top .doctor-ptr .consultation-charges { position: static; transform: none; } } .doctor-detail-page .doctor-profile-top .doctor-ptr .consultation-charges > div { align-items: center; justify-content: center; display: flex; width: 100%; } @media only screen and (max-width: 1199px) { .doctor-detail-page .doctor-profile-top .doctor-ptr .consultation-charges > div { justify-content: flex-start; } } .doctor-detail-page .doctor-profile-top .doctor-ptr .consultation-charges .field--name-field-consultation-charges::before { content: '₹'; margin: 0 0 0 2px; } .doctor-detail-page .doctor-profile-top .doctor-ptr .qualifications { display: flex; flex-wrap: wrap; } .doctor-detail-page .doctor-profile-top .doctor-ptr .qualifications li { font-size: 15px; color: #4D4D4F; margin: 0 15px 0 0; padding-left: 15px; background: url("/assets/theme/images/qualification-icon.svg") no-repeat left 7px; background-size: 11px; } .doctor-detail-page .doctor-profile-top .doctor-ptr .button.doctor-book { width: 100%; font: 600 18px/22px "Open Sans", sans-serif; margin-top: 18px; padding: 12px 0; border-radius: 12px; padding-left: 20px; padding-right: 20px; } @media only screen and (max-width: 767px) { .doctor-detail-page .doctor-profile-top .doctor-ptr .button.doctor-book { font-size: 14px; padding: 9px 0; margin-top: 10px; border-radius: 8px; } } .doctor-detail-page .doctor-profile-top .doctor-ptr .hospital-location { color: #4D4D4F; background: url("/assets/theme/images/location.svg") no-repeat left 4px; background-size: 12px; padding: 0 0 0 20px; min-height: 20px; margin-left: 5px; } .doctor-detail-page .doctor-profile-top .doctor-ptr .hospital-location:first-child { margin-left: 0; } @media only screen and (max-width: 767px) { .doctor-detail-page .doctor-profile-top .doctor-ptr .hospital-location { margin-left: 0; } } .doctor-detail-page .about-doctor, .doctor-detail-page .experience, .doctor-detail-page .speciality, .doctor-detail-page .achievement, .doctor-detail-page .qualification, .doctor-detail-page .publication { margin-top: 32px; padding: 32px; background: #fff; border-radius: 12px; box-shadow: 0 0 25px #00375F1A; } @media only screen and (max-width: 767px) { .doctor-detail-page .about-doctor, .doctor-detail-page .experience, .doctor-detail-page .speciality, .doctor-detail-page .achievement, .doctor-detail-page .qualification, .doctor-detail-page .publication { margin-top: 10px; padding: 16px; } } .doctor-detail-page .about-doctor h4, .doctor-detail-page .experience h4, .doctor-detail-page .speciality h4, .doctor-detail-page .achievement h4, .doctor-detail-page .qualification h4, .doctor-detail-page .publication h4 { color: #2C2C2C; font: 600 18px/23px "Open Sans", sans-serif; margin-bottom: 15px; } @media only screen and (max-width: 767px) { .doctor-detail-page .about-doctor h4, .doctor-detail-page .experience h4, .doctor-detail-page .speciality h4, .doctor-detail-page .achievement h4, .doctor-detail-page .qualification h4, .doctor-detail-page .publication h4 { font-size: 15px; margin-bottom: 10px; } } .doctor-detail-page .about-doctor .field--name-field-experience, .doctor-detail-page .experience .field--name-field-experience, .doctor-detail-page .speciality .field--name-field-experience, .doctor-detail-page .achievement .field--name-field-experience, .doctor-detail-page .qualification .field--name-field-experience, .doctor-detail-page .publication .field--name-field-experience { color: #4D4D4F; font: 600 15px/23px "Open Sans", sans-serif; margin-bottom: 15px; } .doctor-detail-page .about-doctor ul, .doctor-detail-page .experience ul, .doctor-detail-page .speciality ul, .doctor-detail-page .achievement ul, .doctor-detail-page .qualification ul, .doctor-detail-page .publication ul { margin-left: 18px; list-style-type: disc; } .doctor-detail-page .about-doctor ul li, .doctor-detail-page .experience ul li, .doctor-detail-page .speciality ul li, .doctor-detail-page .achievement ul li, .doctor-detail-page .qualification ul li, .doctor-detail-page .publication ul li { color: #4D4D4F; font: 15px/23px "Open Sans", sans-serif; padding-bottom: 15px; } .doctor-detail-page .about-doctor ul li strong, .doctor-detail-page .experience ul li strong, .doctor-detail-page .speciality ul li strong, .doctor-detail-page .achievement ul li strong, .doctor-detail-page .qualification ul li strong, .doctor-detail-page .publication ul li strong { font-weight: 600; } .doctor-detail-page .about-doctor ul li p, .doctor-detail-page .experience ul li p, .doctor-detail-page .speciality ul li p, .doctor-detail-page .achievement ul li p, .doctor-detail-page .qualification ul li p, .doctor-detail-page .publication ul li p { color: #4D4D4F; font: 15px/24px "Open Sans", sans-serif; }
.specialties-listing { padding-top: 48px; padding-bottom: 48px; } @media only screen and (max-width: 767px) { .specialties-listing { padding-top: 30px; padding-bottom: 30px; } }
.speciality-detail .about-specialities h3 { font-family: "Noto Sans", sans-serif; font-size: 26px; line-height: 1.3; font-weight: 600; margin-bottom: 24px; color: #2c2c2c; } @media only screen and (max-width: 767px) { .speciality-detail .about-specialities h3 { font-size: 20px; margin-bottom: 20px; } }
.speciality-detail .hospital-redirect { margin-bottom: 30px; }
.speciality-detail .more-section .more ul { margin-left: 18px; list-style-type: disc; } .speciality-detail .more-section .more ul li { color: #4D4D4F; font: 15px/23px "Open Sans", sans-serif; padding-bottom: 15px; } .speciality-detail .more-section .more ul li strong { font-weight: 600; } .speciality-detail .more-section .more ul li p { color: #4D4D4F; font: 15px/24px "Open Sans", sans-serif; }
.about-specialities { margin-top: 30px; padding-bottom: 48px; } @media only screen and (max-width: 767px) { .about-specialities { padding-bottom: 30px; } } .about-specialities .about-specialities-inner { width: 100%; overflow: hidden; } @media only screen and (max-width: 767px) { .about-specialities .about-specialities-inner { display: block; } } .about-specialities .about-specialities-inner .about-specialities-left { margin-right: 40px; width: 50%; float: left; } @media only screen and (max-width: 767px) { .about-specialities .about-specialities-inner .about-specialities-left { padding: 0; margin: 0; width: 100%; float: none; } } .about-specialities .about-specialities-inner .about-specialities-left .about-left-img { margin-bottom: 23px; } .about-specialities .about-specialities-inner .speciality-about-text p { margin-bottom: 15px; line-height: 1.7; } .about-specialities .about-specialities-inner .speciality-about-text ul { margin-left: 18px; list-style-type: disc; } .about-specialities .about-specialities-inner .speciality-about-text ul li { color: #4D4D4F; font: 15px/23px "Open Sans", sans-serif; padding-bottom: 15px; } .about-specialities .about-specialities-inner .speciality-about-text ul li strong { font-weight: 600; } .about-specialities .about-specialities-inner .speciality-about-text ul li p { color: #4D4D4F; font: 15px/24px "Open Sans", sans-serif; } .about-specialities .about-specialities-inner h4, .about-specialities .about-specialities-inner h5, .about-specialities .about-specialities-inner h6 { font-weight: 700; margin-bottom: 5px; } .about-specialities .about-specialities-inner .about-specialities-right { width: calc(50% - 40px); float: right; } @media only screen and (max-width: 767px) { .about-specialities .about-specialities-inner .about-specialities-right { width: 100%; margin-top: 20px; float: none; } } .about-specialities .about-specialities-inner .about-specialities-right .right-about-value { background: #ECF8F9; padding: 40px 30px; } @media only screen and (max-width: 767px) { .about-specialities .about-specialities-inner .about-specialities-right .right-about-value { padding: 30px 20px; } } .about-specialities .about-specialities-inner .about-specialities-right .right-about-value .showmore_trigger .more:before { background: #ECF8F9; } .about-specialities .about-specialities-inner .about-specialities-right .right-about-value p { text-align: left; line-height: 1.8; color: #2C2C2C; margin-bottom: 15px; } @media only screen and (max-width: 767px) { .about-specialities .about-specialities-inner .about-specialities-right .right-about-value p { line-height: 1.8; } } .about-specialities .about-specialities-inner .about-specialities-right .right-about-value ul { text-align: left; font-size: 16px; font-family: "Noto Sans", sans-serif; color: #2C2C2C; } @media only screen and (max-width: 767px) { .about-specialities .about-specialities-inner .about-specialities-right .right-about-value ul { font-size: 15px; } } .about-specialities .about-specialities-inner .about-specialities-right .right-about-value ul li { display: block; background: url(/assets/theme/images/speciality-ellipse.svg) left 6px no-repeat; padding-left: 20px; background-size: 10px; margin: 10px 0; color: #2C2C2C; } .about-specialities .about-specialities-inner .about-specialities-right .right-about-value ul li h3, .about-specialities .about-specialities-inner .about-specialities-right .right-about-value ul li h4, .about-specialities .about-specialities-inner .about-specialities-right .right-about-value ul li h5, .about-specialities .about-specialities-inner .about-specialities-right .right-about-value ul li h6 { font-weight: 700; margin-bottom: 0; }
.block-section2 { padding: 0 0 30px 0 !important;
}
.specialties-doctor { padding-top: 30px; padding-bottom: 30px; }
.specialties-doctor:before, .specialties-doctor:after { content: ''; position: absolute; left: -100%; top: 0; width: 100%; height: 100%; z-index: -1; background: #DCEBF4; }    .specialties-doctor:after { left: auto; right: -2%; }   .specialties-doctor .doctor-profile { display: block; margin: -20px -12px; }    @media only screen and (max-width: 767px) { .specialties-doctor .doctor-profile { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; overflow-x: auto; overflow-y: hidden; flex-wrap: nowrap; -webkit-overflow-scrolling: touch; -ms-flex-direction: row; flex-direction: row; overflow: -moz-scrollbars-none; -ms-overflow-style: none; margin: -10px; padding: 10px; width: calc(100% + 25px); } } .specialties-doctor .doctor-profile .doctor-profile-box { border-radius: 12px; background-color: #FFFFFF; margin: 0; display: flex !important; } @media only screen and (max-width: 767px) { .specialties-doctor .doctor-profile .doctor-profile-box { min-width: 100% !important; width: 90% !important; margin: 0 16px 0 0; } } @media only screen and (max-width: 767px) { .specialties-doctor .doctor-profile .doctor-profile-box .book-appointment .small { font-size: 11px; } } .specialties-doctor .doctor-profile .slick-slide { padding: 20px 12px; height: auto; } .specialties-doctor .doctor-profile .slick-slide > div, .specialties-doctor .doctor-profile .slick-slide .doctor-profile-box { height: 100%; } .specialties-doctor .doctor-profile .slick-track { display: flex; } .specialties-doctor .doctor-profile .slick-prev { left: -50px; } .specialties-doctor .doctor-profile .slick-next { right: -50px; }
.more-section { display: flex; position: relative; }
@media only screen and (max-width: 767px) { .more-section { flex-direction: column; } } .more-section .more { background-color: #e3f6f5; padding: 45px 48px 48px 0; flex: 1; } .more-section .more::before, .more-section .more::after { content: ''; position: absolute; height: 100%; width: 100%; z-index: -1; top: 0; background-color: #e3f6f5; } @media only screen and (max-width: 767px) { .more-section .more::before, .more-section .more::after { background-color: #e3f6f5; } } .more-section .more::before { left: -100%; z-index: 0; } .more-section .more::after { right: -100%; } @media only screen and (max-width: 767px) { .more-section .more { width: 100%; padding: 0; padding-top: 30px; } } .more-section .more h2, .more-section .more h1, .more-section .more h3 { color: #00375F; } .more-section .faq-sec { background-color: #c7eeed; padding: 45px 0px 48px 41px; flex: 1; } .more-section .faq-sec::after, .more-section .faq-sec::before { content: ''; position: absolute; height: 100%; width: 100%; z-index: -1; top: 0; background-color: #c7eeed; } @media only screen and (max-width: 767px) { .more-section .faq-sec::after, .more-section .faq-sec::before { background-color: #e3f6f5; } } .more-section .faq-sec::before { left: -100%; } .more-section .faq-sec::after { right: -100%; } @media only screen and (max-width: 767px) { .more-section .faq-sec { width: 100%; background-color: #e3f6f5; padding: 0; padding-top: 30px; padding-bottom: 30px; } }
.why-choose-us-sec { padding-top: 48px; padding-bottom: 48px; } @media only screen and (max-width: 767px) { .why-choose-us-sec { padding-top: 30px; padding-bottom: 30px; } } .why-choose-us-sec .speciality-why-choose-us { display: flex; flex-wrap: wrap; } @media only screen and (max-width: 767px) { .why-choose-us-sec .speciality-why-choose-us { display: block; } } .why-choose-us-sec .speciality-why-choose-us li { background-color: #00769C; width: calc(33.33%); list-style: none; display: block; min-height: 260px; padding: 25px 25px 43px 25px; } @media only screen and (max-width: 767px) { .why-choose-us-sec .speciality-why-choose-us li { width: 100%; padding: 20px 20px 30px 20px; min-height: 10px; } } .why-choose-us-sec .speciality-why-choose-us li:nth-child(3n-1) { background: #00A0A0; } .why-choose-us-sec .speciality-why-choose-us li:nth-child(3n+3) { background: #4FA7D7; } .why-choose-us-sec .speciality-why-choose-us li .why-choose-img { text-align: center; margin-bottom: 30px; position: relative; } @media only screen and (max-width: 767px) { .why-choose-us-sec .speciality-why-choose-us li .why-choose-img { margin-bottom: 20px; } } .why-choose-us-sec .speciality-why-choose-us li .why-choose-img::before { content: ""; position: absolute; width: 100%; height: 100%; background-color: #FFFFFF; top: -5px; left: -5px; z-index: 0; } .why-choose-us-sec .speciality-why-choose-us li .why-choose-img .spec-why-choose-img { position: relative; } .why-choose-us-sec .speciality-why-choose-us li .why-choose-img .spec-why-choose-img img { width: 100%; } .why-choose-us-sec .speciality-why-choose-us li .spec-why-choose-text { align-items: center; display: flex; flex-direction: column; padding: 0 10px; } @media only screen and (max-width: 767px) { .why-choose-us-sec .speciality-why-choose-us li .spec-why-choose-text { padding: 0; } } .why-choose-us-sec .speciality-why-choose-us li .spec-why-choose-text h4 { text-align: center; font: 600 18px/28px "Noto Sans", sans-serif; color: #FFFFFF; padding: 0 80px 20px 80px; } @media only screen and (max-width: 767px) { .why-choose-us-sec .speciality-why-choose-us li .spec-why-choose-text h4 { padding: 0 67px 10px 67px; font-size: 17px; } } .why-choose-us-sec .speciality-why-choose-us li .spec-why-choose-text p { text-align: center; font: 15px/25px "Noto Sans", sans-serif; color: #FFFFFF; }
.speciality-diseases .speciality-diseases-sec { padding-top: 60px; padding-bottom: 60px; background-color: #087CA3; position: relative; z-index: 1; color: #fff; } @media only screen and (max-width: 767px) { .speciality-diseases .speciality-diseases-sec { padding-top: 30px; padding-bottom: 45px; } } .speciality-diseases .speciality-diseases-sec::before, .speciality-diseases .speciality-diseases-sec::after { content: ''; position: absolute; height: 100%; width: 100%; z-index: 0; top: 0; background-color: #087CA3; } .speciality-diseases .speciality-diseases-sec::before { left: -100%; } .speciality-diseases .speciality-diseases-sec::after { right: -100%; } .speciality-diseases .speciality-diseases-sec h2, .speciality-diseases .speciality-diseases-sec h3, .speciality-diseases .speciality-diseases-sec h4, .speciality-diseases .speciality-diseases-sec h5, .speciality-diseases .speciality-diseases-sec h6 { font-size: 34px; font-weight: 700; color: #FFFFFF; text-align: center; margin-bottom: 20px; } @media only screen and (max-width: 767px) { .speciality-diseases .speciality-diseases-sec h2, .speciality-diseases .speciality-diseases-sec h3, .speciality-diseases .speciality-diseases-sec h4, .speciality-diseases .speciality-diseases-sec h5, .speciality-diseases .speciality-diseases-sec h6 { font-size: 20px; margin-bottom: 16px; } } .speciality-diseases .speciality-diseases-sec p { text-align: center; color: #FFFFFF; padding-bottom: 35px; } @media only screen and (max-width: 767px) { .speciality-diseases .speciality-diseases-sec p { padding-bottom: 20px; } } .speciality-diseases .speciality-diseases-sec p strong { font: 700 18px/24px "Open Sans", sans-serif; text-align: center; color: #FFFFFF; padding-bottom: 40px; } @media only screen and (max-width: 767px) { .speciality-diseases .speciality-diseases-sec p strong { font-size: 17px; } } .speciality-diseases .speciality-diseases-sec ul { margin-left: 18px; list-style-type: disc; } .speciality-diseases .speciality-diseases-sec ul li { color: #4D4D4F; font: 15px/23px "Open Sans", sans-serif; padding-bottom: 15px; } .speciality-diseases .speciality-diseases-sec ul li strong { font-weight: 600; } .speciality-diseases .speciality-diseases-sec ul li p { color: #4D4D4F; font: 15px/24px "Open Sans", sans-serif; } .speciality-diseases .speciality-diseases-sec ul, .speciality-diseases .speciality-diseases-sec ol { margin-bottom: 25px; } .speciality-diseases .speciality-diseases-sec ul li, .speciality-diseases .speciality-diseases-sec ul a, .speciality-diseases .speciality-diseases-sec ol li, .speciality-diseases .speciality-diseases-sec ol a { color: #fff; } @media only screen and (max-width: 767px) { .speciality-diseases .speciality-diseases-sec ul, .speciality-diseases .speciality-diseases-sec ol { margin-bottom: 20px; } }
.speciality-diseases .tabs-scroll { margin-top: -57px; position: relative; z-index: 1; } @media only screen and (max-width: 767px) { .speciality-diseases .tabs-scroll { margin-top: -50px; overflow: hidden; } } .speciality-diseases .tabs-scroll .location-tabs { border-bottom: none; } .speciality-diseases .tabs-scroll .location-tabs .slick-slide li { background: #bfe9ec 0% 0% no-repeat padding-box; border: 1px solid #00769c; border-bottom: none; border-radius: 10px 10px 0px 0px; margin-right: 9px; } .speciality-diseases .tabs-scroll .location-tabs .slick-slide li a { padding: 3px 10px; min-height: 56px; line-height: 1.2; display: flex; align-items: center; justify-content: center; } @media only screen and (max-width: 767px) { .speciality-diseases .tabs-scroll .location-tabs .slick-slide li a { min-height: 49px; white-space: break-spaces; } } .speciality-diseases .tabs-scroll .location-tabs .slick-slide li.active { background-color: #fff; position: relative; top: 1px; } .speciality-diseases .tabs-scroll .location-tabs .slick-slide li.active a, .speciality-diseases .tabs-scroll .location-tabs .slick-slide li.active span { color: #00769c; font-weight: 600; } .speciality-diseases .tabs-scroll .speciality-tab-slider { display: block !important; } .speciality-diseases .tabs-scroll .speciality-tab-slider .slick-slide { padding: 0 4px 0 4px; height: auto; } .speciality-diseases .tabs-scroll .speciality-tab-slider .slick-slide:first-child li { border-top-left-radius: 0px; } @media only screen and (max-width: 767px) { .speciality-diseases .tabs-scroll .speciality-tab-slider .slick-slide:first-child li { border-top-left-radius: 7px; } } .speciality-diseases .tabs-scroll .speciality-tab-slider .slick-slide:last-child li { border-top-right-radius: 0px; } @media only screen and (max-width: 767px) { .speciality-diseases .tabs-scroll .speciality-tab-slider .slick-slide:last-child li { border-top-right-radius: 7px; } } .speciality-diseases .tabs-scroll .speciality-tab-slider .slick-slide > div, .speciality-diseases .tabs-scroll .speciality-tab-slider .slick-slide li { height: 100%; } .speciality-diseases .tabs-scroll .speciality-tab-slider .slick-track { display: flex; } .speciality-diseases .tabs-scroll .speciality-tab-slider .slick-arrow { display: block !important; } .speciality-diseases .tabs-scroll .speciality-tab-slider .slick-prev { left: -35px; background-color: transparent; } @media only screen and (max-width: 767px) { .speciality-diseases .tabs-scroll .speciality-tab-slider .slick-prev { left: -5px; } } .speciality-diseases .tabs-scroll .speciality-tab-slider .slick-next { right: -35px; background-color: transparent; } @media only screen and (max-width: 767px) { .speciality-diseases .tabs-scroll .speciality-tab-slider .slick-next { right: -3px; } }
.speciality-diseases .speciality-disease-content { padding-bottom: 0px; }
.brochure-intro { text-align: center; color: white; margin: 0; max-width: 600px;
}
.brochure-select-wrapper { display: flex; justify-content: center; align-items: center; min-width: 220px; max-width: 300px; margin: 0;
}
@media (max-width: 1023px) { .brochure { gap: 30px; padding: 16px 0; }
}
@media (max-width: 767px) { .brochure { flex-direction: column; min-height: unset; gap: 16px; padding: 16px 0; left: 0; right: 0; margin-left: 0; margin-right: 0; width: 100%; position: absolute; } .brochure-intro, .brochure-select-wrapper { max-width: 100%; width: 100%;
 }
 .procedure-listing .views-exposed-form {
    display: inline-block;
    justify-content: start;
    margin-bottom: 0px;
}
.procedure-listing .views-exposed-form .form-item.js-form-type-select {
    max-width: 100%;
    margin-left: 0px;
}
.procedure-listing .views-exposed-form .form-item {
    margin-left: 0px;
}
.procedure-listing .card-text .card-speciality {
    max-width: 175px;
}
.procedure-listing {
    margin: 30px auto;
}
.procedure-table ul.table-item-list li a {
font-size: 18px;
}
.procedure-faq .field--name-field-heading {
    font-size: 14px;
    padding: 18px 25px 18px 10px;
    line-height: 20px;
}
.page-node-type-procedure .procedure-faq {
    padding: 0px 20px 0px 20px;
}
.page-node-type-procedure .procedure-enquire-form input[type="submit"] {
    width: 100%;
}
.procedure-faq .paragraph--type--faq .field--name-field-description {
font-size: 12px;
}
}
@media only screen and (max-width: 350px){ .doctor-profile .doctor-profile-box .book-appointment{ display: flex; flex-direction: column; align-items: center; } .book-appointment a, .book-appointment .button.small { width: 100% !important; margin: 5px; }
}
/*css for alphabetic order */
.left-filter {
    display: flex;
    justify-content: end;
}

input#edit-search-api-fulltext {
    display: none;
}
.az-filter {
    margin: 15px 0;
    display: flex;
    width: 100%;
    justify-content: space-between;
    background: #ffffff;
    padding: 20px 0;
    position: relative;
}
.az-filter::before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100vw;
    height: 100%;
    background: #ffffff;
    z-index: -1;
}
.az-filter a {
    display: inline-block;
    padding: 8px;
    border: 1px solid #005671;
    border-radius: 4px;
    text-decoration: none;
    font-family: 'Open Sans';
    font-weight: 400;
    font-size: 25px;
    line-height: 21px;
    letter-spacing: 0.5px;
    text-align: center;
    color: #005671;
    width: 40px;
    height: 40px;
    background: #ebecec;
}
.az-filter a:hover {
  background: #005671;
  color: #fff;
}
.az-filter .az-link.active a {
  background-color: #005671; /* your brand color */
  border-color: #005671;
  color: #fff;
}
.item-list {
    border-bottom: 1px solid #b2b2b2;
    margin-bottom: 30px;
}

.procedure_title {
   font-size: 18px;
    color: #000;
    font-weight: 400;
    font-family: 'Open Sans';
}
.procedure_title:hover{
    color: #007c9f;
    border-bottom: 2px solid #007c9f;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: scale(0,1);
    transform: scale(0,1);
        padding-bottom: 0px;
}
.item-list h3 {
    font-family: 'Open Sans';
    color: #005671;
    font-weight: 600;
}

.pro_href {
    scroll-margin-top: 180px;
}