@media (min-width: 1200px) {
body.single-doctors .ih-doctor-page-shell {
padding-inline: 90px;
}
body.single-doctors .ih-doctor-page-shell .doctor-profile-area > .container {
width: 100%;
max-width: 1500px;
margin-inline: auto;
}
} .doctor-profile-area .profile-info-content.ih-doctor-issues-content,
.doctor-profile-area .profile-info-content.ih-doctor-therapy-methods-content,
.doctor-profile-area .profile-info-content.ih-doctor-special-options-content {
background: #eaf0ff;
}
.doctor-profile-area .doctor-profile-desc .profile-info-content.ih-doctor-issues-content,
.doctor-profile-area .doctor-profile-desc .profile-info-content.ih-doctor-therapy-methods-content,
.doctor-profile-area .doctor-profile-desc .profile-info-content.ih-doctor-special-options-content {
padding-bottom: 20px;
}
.doctor-profile-area .ih-doctor-therapy-methods-content .doctor-tabs .nav,
.doctor-profile-area .ih-doctor-special-options-content .doctor-tabs .nav {
justify-content: flex-start;
margin-bottom: 20px;
}
.doctor-profile-area .ih-doctor-issues-content .doctor-tabs .nav {
justify-content: flex-start;
margin-bottom: 12px;
}
.doctor-profile-area .ih-doctor-issues-content .doctor-tabs .nav .nav-item .nav-link,
.doctor-profile-area .ih-doctor-therapy-methods-content .doctor-tabs .nav .nav-item .nav-link,
.doctor-profile-area .ih-doctor-special-options-content .doctor-tabs .nav .nav-item .nav-link {
background-color: #ffffff;
}
.doctor-profile-area .ih-doctor-special-options-content .doctor-tabs .nav .nav-item .nav-link {
border: 1px solid var(--optionalColor);
background-color: transparent;
color: var(--optionalColor);
}
.doctor-profile-area .ih-doctor-issues-content .doctor-tabs .nav .nav-item .nav-link:hover,
.doctor-profile-area .ih-doctor-therapy-methods-content .doctor-tabs .nav .nav-item .nav-link:hover,
.doctor-profile-area .ih-doctor-special-options-content .doctor-tabs .nav .nav-item .nav-link:hover {
background-color: var(--optionalColor);
color: #ffffff;
}
.doctor-profile-area .doctor-profile-desc .profile-info-content .doctor-tabs.ih-doctor-terms-tabs .nav .nav-item .nav-link.is-matched {
background-color: rgb(179, 200, 255);
color: #ffffff;
}
.doctor-profile-area .doctor-profile-desc .profile-info-content .doctor-tabs.ih-doctor-special-options-tabs .nav .nav-item .nav-link.is-matched {
border-color: rgb(179, 200, 255);
background-color: rgb(179, 200, 255);
color: #ffffff;
}
.doctor-profile-area .ih-doctor-terms-match-summary {
margin: 6px 0 16px;
color: #20265b;
font-size: 14px;
font-weight: 500;
}
.doctor-profile-area .ih-doctor-profile-tabs .nav {
justify-content: flex-start;
margin-bottom: 10px;
}
.doctor-profile-area .ih-doctor-profile-tabs .nav .nav-item .nav-link {
border: 1px solid var(--optionalColor);
background-color: transparent;
color: var(--optionalColor);
}
.doctor-profile-area .ih-doctor-profile-tabs .nav .nav-item .nav-link:hover,
.doctor-profile-area .ih-doctor-profile-tabs .nav .nav-item .nav-link:focus-visible,
.doctor-profile-area .ih-doctor-profile-tabs .nav .nav-item .nav-link.active,
.doctor-profile-area .ih-doctor-profile-tabs .nav .nav-item .nav-link[aria-selected="true"] {
border-color: var(--optionalColor);
background-color: var(--optionalColor);
color: #ffffff;
}
@media (min-width: 1200px) {
.doctor-profile-area .doctor-tabs .nav {
row-gap: 5px;
}
}
@media (max-width: 768px) {
.doctor-profile-area .doctor-profile-desc .profile-info-content.ih-doctor-issues-content,
.doctor-profile-area .doctor-profile-desc .profile-info-content.ih-doctor-therapy-methods-content,
.doctor-profile-area .doctor-profile-desc .profile-info-content.ih-doctor-special-options-content {
padding-bottom: 10px;
}
} .doctor-profile-area .default-btn.latepoint-book-button {
line-height: 1.5 !important;
}
.doctor-profile-area .doctor-profile-desc .quote-slider {
display: none !important;
}
.doctor-profile-area .phone-btn {
display: none !important;
}
.doctor-profile-area .doctor-profile-desc .top-info-content .bottom .phone-btn .icon i {
background-color: #e1f3ca !important;
}
.ih-doctor-brief-languages strong.is-matched {
color: rgb(225, 243, 202);
}
.doctor-profile-area .ih-doctor-contact-methods {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 7px;
margin: 0;
padding: 0;
list-style: none;
}
.doctor-profile-area .ih-doctor-contact-method {
margin: 0;
padding: 0;
list-style: none;
}
.doctor-profile-area .ih-doctor-contact-icon {
display: inline-flex;
align-items: center;
justify-content: center;
width: 35px;
height: 35px; border-radius: 50%;
background-color: #ffffff;
color: var(--optionalColor);
line-height: 1;
}
.doctor-profile-area .ih-doctor-contact-icon i {
font-size: 16px;
line-height: 1;
}
@media (min-width: 992px) {
.doctor-profile-area .doctor-profile-image img {
display: block;
width: 100%;
max-width: 353px;
height: auto;
aspect-ratio: 250 / 354;
object-fit: cover;
}
}
@media (min-width: 1200px) {
.doctor-profile-area .doctor-profile-image {
position: sticky;
top: 145px !important;
}
.doctor-profile-area .doctor-profile-image img {
margin-left: auto;
}
.doctor-profile-area .col-lg-5 {
width: 25% !important;
text-align: right;
}
.doctor-profile-area .col-lg-7 {
width: 75% !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.doctor-profile-area .doctor-profile-image {
position: relative;
top: auto !important;
margin-bottom: 30px;
text-align: center;
}
.doctor-profile-area .doctor-profile-image img {
margin-inline: auto;
}
.doctor-profile-area .doctor-profile-desc {
padding-left: 0;
}
}
@media (max-width: 768px) {
.doctor-profile-area .doctor-profile-image img {
display: block;
width: 100%;
height: clamp(420px, 128vw, 560px);
object-fit: cover;
object-position: center top;
}
}
.doctor-profile-area .glightbox-container .gslide-media img {
width: auto;
max-width: 800px;
height: auto;
max-height: 70vh;
margin: 0 auto;
} .doctor-profile-area .ih-doctor-certificates {
--ih-cert-thumb-size: 50px;
--ih-cert-gap: 6px;
--ih-cert-radius: 6px;
}
.doctor-profile-area .ih-doctor-certificates .ih-doctor-certificates-grid {
display: grid;
grid-auto-rows: var(--ih-cert-thumb-size);
grid-template-columns: repeat(auto-fill, minmax(var(--ih-cert-thumb-size), 1fr));
gap: var(--ih-cert-gap);
margin: 0;
padding: 0;
list-style: none;
}
.doctor-profile-area .ih-doctor-certificates .ih-doctor-certificates-item {
position: relative;
width: var(--ih-cert-thumb-size);
height: var(--ih-cert-thumb-size);
}
.doctor-profile-area .ih-doctor-certificates .ih-doctor-certificates-link {
display: block;
width: 100%;
height: 100%;
text-decoration: none;
outline: none;
touch-action: manipulation;
}
.doctor-profile-area .ih-doctor-certificates .ih-doctor-certificates-thumb {
display: block;
width: var(--ih-cert-thumb-size);
height: var(--ih-cert-thumb-size);
border-radius: var(--ih-cert-radius);
background: #f3f4f6;
object-fit: cover;
backface-visibility: hidden;
transform: translateZ(0);
-webkit-user-drag: none;
user-select: none;
}
@media (min-width: 769px) {
.doctor-profile-area .ih-doctor-certificates .ih-doctor-certificates-link:focus .ih-doctor-certificates-thumb,
.doctor-profile-area .ih-doctor-certificates .ih-doctor-certificates-link:hover .ih-doctor-certificates-thumb {
outline: 1px solid rgba(59, 130, 246, 0.6);
outline-offset: 0;
}
}
@media (max-width: 640px) {
.doctor-profile-area .ih-doctor-certificates .ih-doctor-certificates-grid {
display: flex;
flex-wrap: nowrap;
gap: var(--ih-cert-gap);
overflow-x: auto;
overflow-y: hidden;
padding-bottom: var(--ih-cert-gap);
scroll-snap-type: x proximity;
-webkit-overflow-scrolling: touch;
}
.doctor-profile-area .ih-doctor-certificates .ih-doctor-certificates-item {
flex: 0 0 var(--ih-cert-thumb-size);
width: var(--ih-cert-thumb-size);
height: var(--ih-cert-thumb-size);
scroll-snap-align: start;
}
.doctor-profile-area .ih-doctor-certificates .ih-doctor-certificates-link {
width: var(--ih-cert-thumb-size);
height: var(--ih-cert-thumb-size);
}
.doctor-profile-area .ih-doctor-certificates .ih-doctor-certificates-grid::-webkit-scrollbar {
height: 6px;
}
.doctor-profile-area .ih-doctor-certificates .ih-doctor-certificates-grid::-webkit-scrollbar-track {
background: transparent;
}
.doctor-profile-area .ih-doctor-certificates .ih-doctor-certificates-grid::-webkit-scrollbar-thumb {
border-radius: 999px;
background: rgba(0, 0, 0, 0.25);
}
.doctor-profile-area .ih-doctor-certificates .ih-doctor-certificates-grid:hover::-webkit-scrollbar-thumb {
background: rgba(0, 0, 0, 0.35);
}
} .doctor-profile-area .doctor-profile-desc .top-info-content .content .title .ih-age-group {
display: inline-flex;
gap: 4px;
margin-top: 2px;
}
.doctor-profile-area .ih-age-group {
font-size: 15px;
line-height: 1.4;
}
.doctor-profile-area .ih-age-group .ih-age-label,
.doctor-profile-area .ih-age-group .ih-age-values {
font-weight: 400;
}
@media (max-width: 768px) {
.doctor-profile-area .doctor-profile-desc .top-info-content .content .title .ih-age-group {
margin-top: 0;
}
.doctor-profile-area .ih-age-group {
font-size: 14px;
font-weight: 400;
}
} .doctor-profile-area .doctor-profile-desc .top-info-content .content .title .ih-price-wrap span,
.doctor-profile-area .doctor-profile-desc .top-info-content .content .title .ih-price-wrap .ih-duration-service,
.doctor-profile-area .doctor-profile-desc .top-info-content .content .title .ih-price-wrap .ih-price-second-label {
margin-top: 0;
}
.doctor-profile-area .ih-price-wrap {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 6px;
margin-top: 8px;
}
.doctor-profile-area .ih-price-primary-row,
.doctor-profile-area .ih-price-second-row,
.doctor-profile-area .ih-tier-price-row {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 6px;
}
.doctor-profile-area .ih-price,
.doctor-profile-area .ih-duration-service {
width: fit-content;
padding: 4px 10px;
border-radius: 4px;
background: #20265b;
color: #ffffff;
font-size: 14px;
font-weight: 700;
line-height: 1;
white-space: nowrap;
}
.doctor-profile-area .ih-duration-service {
display: inline-flex;
align-items: center;
}
.doctor-profile-area .ih-price-second-label,
.doctor-profile-area .ih-tier-price-label {
font-size: 13px;
line-height: 1;
white-space: nowrap;
}
.doctor-profile-area .ih-price-second-label a {
color: inherit;
text-decoration: none;
}
@media (max-width: 480px) {
.doctor-profile-area .ih-price,
.doctor-profile-area .ih-duration-service {
padding: 4px 8px;
font-size: 13px;
}
.doctor-profile-area .ih-price-second-label,
.doctor-profile-area .ih-tier-price-label {
font-size: 12px;
}
} @media (max-width: 767px) {
.doctor-profile-area li {
font-size: 15px;
}
.doctor-profile-area .profile-info-content p {
font-size: 14px;
}
}