@charset "UTF-8";
/*background colors*/
.doctor-listing { padding: 48px 0; } @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; }
/*# sourceMappingURL=doctor.css.map */
@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; }
}