.doctor-page__content{margin-top:8rem}.doctor-page__content.container{padding-left:0;padding-right:0}.doctor-hero{display:grid;grid-template-columns:repeat(12,1fr);gap:10px;margin:0 auto}.doctor-hero__image{grid-column:7/13;position:relative;width:100%;align-self:3/4}.doctor-hero__image img{width:100%;height:100%;object-fit:cover;display:block}.doctor-hero__content{grid-column:1/6;display:flex;flex-direction:column;gap:8rem;padding-top:7rem}.doctor-hero__info-content{display:flex;flex-direction:column;gap:3px}.doctor-hero__quote{margin-bottom:0;border-bottom:1px solid var(--color-border-light);padding-bottom:20px}.doctor-hero__quote-text{font-family:var(--font-family);font-weight:700;font-size:var(--font-size-3xl);line-height:1;margin:0}.doctor-hero__info{display:flex;flex-direction:column;gap:10px}.doctor-hero__name{font-size:var(--font-size-2xl);color:var(--color-dark-gray);margin:0}.doctor-hero__specialty{font-family:var(--font-main);font-weight:400;font-size:var(--font-size-sm);color:var(--color-text-gray);letter-spacing:.15px;margin:0}.doctor-hero__details{display:flex;flex-direction:column;gap:10px;padding:10px 0}.doctor-hero__detail{display:flex;flex-direction:column;gap:5px}.doctor-hero__detail-label{font-family:var(--font-family);font-weight:700;font-size:var(--font-size-sm);margin:0}.doctor-hero__detail-text{font-family:var(--font-text);font-weight:500;font-size:18px;color:#636b77;letter-spacing:.18px;margin:0}.doctor-tabs{grid-column:1/13}.doctor-tabs__container{display:flex;gap:20px}.doctor-tabs__tab{display:flex;background:#fff;border:none;border-bottom:1px solid #e2e7ea;padding-bottom:10px;font-family:var(--font-family);font-weight:700;font-size:var(--font-size-base);color:#d6dae6;cursor:pointer;transition:all .3s ease;flex:1;text-align:left}.doctor-tabs__tab--active{color:#2c2f34;border-bottom-color:#636b77}.doctor-page__content,.doctor-education{grid-column:1/13}.doctor-education.container{padding-left:0;padding-right:0}.doctor-education__content{padding:20px 0;grid-column:1/6;padding-left:4rem}.doctor-education__content--hidden{display:none}.education-item{border-bottom:1px solid #e2e7ea;padding:5px 20px 5px 0;display:flex;flex-direction:column;gap:10px}.education-item:not(:last-child){margin-bottom:2rem}.education-item__field{display:flex;flex-direction:column;gap:5px}.education-item__label{font-family:var(--font-family);font-weight:700;font-size:var(--font-size-sm);margin:0}.education-item__value{font-family:var(--font-text);color:var(--color-text-gray);letter-spacing:.18px;margin:0}.education-item__text{font-family:var(--font-text);font-weight:500;font-size:18px;color:#636b77;letter-spacing:.18px;margin:0}.doctor-appointment{background:var(--color-blue);padding:var(--space-2xl) var(--container-padding);margin-top:var(--space-2xl)}.doctor-appointment__container{grid-column:1/13;display:grid;grid-template-columns:repeat(12,1fr);gap:20px 10px}.doctor-appointment__header{grid-column:2/10;display:flex;flex-direction:column;gap:10px;margin-bottom:6rem}.doctor-appointment__label{font-family:var(--font-family);font-weight:700;font-size:16px;line-height:normal;color:#fff;margin:0}.doctor-appointment__heading{font-family:var(--font-family);font-weight:700;font-size:var(--font-size-3xl);line-height:1;color:#fff;margin:0}.doctor-page__bottom{display:flex;flex-direction:column;grid-gap:var(--space-2xl)}@media(hover:hover)and (pointer:fine){.doctor-tabs__tab:hover{color:#2c2f34}}@media all and (max-width:1024px){.doctor-education__content{grid-column:1/12}}@media all and (orientation:portrait){.doctor-appointment__header{grid-column:2/12}.doctor-hero__content{grid-column:1/13;grid-row:2/3;padding-top:3rem;gap:3rem}.doctor-hero__image{grid-column:1/13;grid-row:1/2}.doctor-education__content{padding-left:10px;grid-column:1 / 13}.doctor-tabs__container{overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}.doctor-tabs__container::-webkit-scrollbar{display:none}.doctor-tabs__tab{flex:0 0 auto;min-width:max-content;scroll-snap-align:start;scroll-snap-stop:normal}}@media all and (max-width:640px){.doctor-appointment__header{grid-column:1/13}}
