#sina-custom-hero { width: 100vw; position: relative; left: 50%; right: auto; margin-left: -50vw; margin-right: -50vw; max-width: 100vw; container-type: inline-size; font-family: Roboto, sans-serif; line-height: 1.5; box-sizing: border-box; overflow: hidden; padding: 0px; }
#sina-custom-hero *, #sina-custom-hero ::before, #sina-custom-hero ::after { box-sizing: border-box; }
#sina-custom-hero h1, #sina-custom-hero h2, #sina-custom-hero h3, #sina-custom-hero p, #sina-custom-hero div { margin: 0px; padding: 0px; }
.sh-hero-section { position: relative; width: 100%; aspect-ratio: 2 / 0.81; display: block; margin: 0px; }
.sh-hero-bg-img { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; object-fit: cover; object-position: left center; z-index: 0; pointer-events: none; }
.sh-content-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; }
.sh-teal-bg { position: absolute; top: 27.6%; left: 4.66%; width: 90%; height: 78.3%; background-color: rgb(33, 156, 160); z-index: 1; }
.sh-wave-graphic { position: absolute; top: 0%; left: 0px; width: 100%; height: auto; opacity: 0.6; mix-blend-mode: overlay; z-index: 2; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; margin: 0px !important; }
.sh-top-headline { position: absolute; top: 5.66%; left: 4.66%; max-width: 50%; color: rgb(255, 255, 255); font-family: Roboto, sans-serif; font-size: clamp(1.6rem, 1.6cqw, 3rem); font-weight: 900; line-height: 1.15; z-index: 10; text-shadow: rgba(0, 0, 0, 0.3) 0px 0.2cqw 0.4cqw; white-space: normal; }
.sh-main-text { position: absolute; top: 33.3%; left: 8%; color: rgb(255, 255, 255); z-index: 5; text-align: left; }
.sh-doctor-name { font-family: Inter, "Plus Jakarta Sans", Manrope, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif; font-size: 2.8cqw; font-weight: 800; line-height: 1; color: rgb(255, 255, 255); letter-spacing: -0.02em; text-rendering: geometricprecision; -webkit-font-smoothing: antialiased; white-space: nowrap; margin-bottom: 0.5cqw !important; }
.sh-doctor-name-sub { font-family: Nunito, Quicksand, "Avenir Next", Montserrat, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif; font-size: 2.3cqw; font-weight: 500; letter-spacing: -0.01em; text-rendering: geometricprecision; -webkit-font-smoothing: antialiased; }
.sh-specialties { font-family: Nunito, Quicksand, "Avenir Next", Montserrat, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif; font-size: 3cqw; font-weight: 500; line-height: 1.3; color: rgb(255, 255, 255); letter-spacing: -0.01em; text-rendering: geometricprecision; -webkit-font-smoothing: antialiased; }
.sh-doctor-name-sub, .sh-specialties { font-family: "Plus Jakarta Sans", Nunito, Inter, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif; }
.sh-specialties div { white-space: nowrap; }
.sh-specialties b { font-weight: 700; }
.sh-doctor-image { position: absolute; right: 180px; aspect-ratio: 600 / 775; max-width: 50%; z-index: 6; filter: drop-shadow(rgba(0, 0, 0, 0.1) -1cqw 0px 1.5cqw); object-fit: contain; object-position: right bottom; pointer-events: none; user-select: none; bottom: 11% !important; width: auto !important; height: 86% !important; margin: 0px !important; border-width: medium !important; border-style: none !important; border-color: currentcolor !important; border-image: none !important; background: transparent !important; }
.sh-blue-info-box { position: absolute; bottom: 0%; right: 7cqw; background-color: rgb(0, 68, 170); color: white; z-index: 20; text-align: center; box-shadow: rgba(0, 0, 0, 0.15) 0px 1cqw 3cqw; width: auto; max-width: 90%; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 1.25cqw 2.5cqw !important; }
.sh-blue-info-box h2, .sh-blue-info-box h3 { font-family: Roboto, sans-serif; font-size: 2.33cqw; font-weight: 900; line-height: 1.1; white-space: nowrap; margin-bottom: 0.4cqw !important; color: white !important; }
.sh-blue-info-box p { font-family: Roboto, sans-serif; font-size: 2.41cqw; font-weight: 400; line-height: 1.1; white-space: nowrap; color: white !important; }
.sh-badge-circle { position: absolute; top: 10%; right: 4cqw; width: 10cqw; height: 10cqw; background-color: rgb(0, 0, 0); border-radius: 50%; color: white; display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; z-index: 20; box-shadow: rgba(0, 0, 0, 0.3) 0px 0.4cqw 1.2cqw; transform: rotate(5deg); }
.sh-badge-number { font-size: 2.66cqw; font-weight: 700; line-height: 1; color: white; margin-bottom: 0.2cqw !important; }
.sh-badge-text { font-size: 1cqw; line-height: 1.2; font-weight: 500; color: white; }
.sh-badge-sub { font-size: 1.16cqw; font-weight: 700; color: white; margin-top: 0.2cqw !important; }
@media (min-width: 769px) and (max-width: 1280px) {
  .sh-doctor-image { position: absolute; right: 180px; aspect-ratio: 600 / 775; max-width: 50%; z-index: 6; filter: drop-shadow(rgba(0, 0, 0, 0.1) -1cqw 0px 1.5cqw); object-fit: contain; object-position: right bottom; pointer-events: none; user-select: none; -webkit-user-drag: none; transform: translateZ(0px); will-change: transform; bottom: 11% !important; height: 86% !important; width: auto !important; margin: 0px !important; border-width: medium !important; border-style: none !important; border-color: currentcolor !important; border-image: none !important; background: transparent !important; }
}
@media (max-width: 768px) {
  .sh-hero-section { aspect-ratio: 11 / 7.5 !important; }
  .sh-hero-bg-img { object-position: 70% center !important; }
  .sh-top-headline { font-size: 4.3cqw; line-height: 1.1; top: 9%; left: 5%; }
  .sh-teal-bg { position: absolute; top: 36.6%; left: 4.66%; width: 90%; height: 78.3%; background-color: rgb(33, 156, 160); z-index: 1; }
  .sh-wave-graphic { position: absolute; top: 0%; left: 0px; width: 100%; opacity: 0.6; mix-blend-mode: overlay; z-index: 2; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; height: auto !important; margin: 0px !important; }
  .sh-badge-circle { width: 18cqw; height: 18cqw; top: 3%; right: 3%; }
  .sh-badge-number { font-size: 4cqw; }
  .sh-badge-text { font-size: 1.8cqw; }
  .sh-badge-sub { font-size: 2cqw; }
  .sh-main-text { top: 44.3%; left: 7.1%; }
  .sh-doctor-name { font-weight: 700; font-size: 4.7cqw !important; line-height: 0.9 !important; }
  .sh-doctor-name-sub { font-family: Nunito, sans-serif; font-weight: 400; font-size: 3.2cqw !important; line-height: 1.09 !important; }
  .sh-specialties { font-size: 5cqw; line-height: 1.4; }
  .sh-doctor-image { max-width: 95%; right: 8% !important; height: 85.5% !important; bottom: 8% !important; }
  .sh-blue-info-box { width: 70%; right: 5%; bottom: 0%; padding: 2cqw !important; }
  .sh-blue-info-box h2, .sh-blue-info-box h3 { font-size: 3.1cqw; white-space: normal; }
  .sh-blue-info-box p { font-size: 3.5cqw; white-space: normal; }
  #sina-custom-hero { width: 100vw !important; margin-left: -50vw !important; left: 50% !important; right: auto !important; max-width: 100vw !important; }
}
.sh-hero { position: relative !important; min-height: clamp(520px, 80vh, 820px) !important; overflow: hidden !important; }
.sh-hero-bg-img { position: absolute !important; inset: 0px !important; width: 100% !important; height: 100% !important; object-fit: cover !important; display: block !important; }
.sh-top-copy .pm-introchips { margin-top: 2px !important; gap: 5px !important; opacity: 0.55 !important; }
.sh-top-copy .pm-introchips span { font-size: 10px !important; font-weight: 500 !important; padding: 2px 6px !important; color: rgba(255, 255, 255, 0.55) !important; background: rgba(0, 0, 0, 0.08) !important; border: 1px solid rgba(255, 255, 255, 0.07) !important; box-shadow: none !important; filter: saturate(0.7) !important; }
@media (max-width: 768px) {
  .sh-top-copy .pm-introchips { opacity: 0.45 !important; }
  .sh-top-copy .pm-introchips span { font-size: 9.5px !important; padding: 2px 5px !important; color: rgba(255, 255, 255, 0.5) !important; background: rgba(0, 0, 0, 0.06) !important; border-color: rgba(255, 255, 255, 0.06) !important; filter: saturate(0.65) !important; }
}
@media (max-width: 1024px) {
  .sh-top-copy { left: 8% !important; padding-left: 13px !important; }
}
@media (min-width: 1025px) {
  .sh-top-copy { left: 6.2% !important; padding-left: 50px !important; max-width: calc(100% - 28cqw) !important; }
}
.sh-top-headline .sh-h1-slash { font-size: 0.7em; opacity: 0.4; font-weight: 800; margin: 0px 0.14em; }
.sh-top-headline .sh-h1-sub { font-size: 0.8em; opacity: 0.68; font-weight: 800; }
.sh-top-headline .sh-h1-loc { display: inline-block; font-size: 0.92em; opacity: 0.92; font-weight: 900; margin-top: 0.08em; }
.sh-top-headline { text-shadow: rgba(0, 0, 0, 0.28) 0px 0.18cqw 0.38cqw; }
@media (max-width: 768px) {
  .sh-h1-slash { display: none !important; }
  .sh-top-headline .sh-h1-sub { display: block !important; margin: 0px !important; padding: 0px !important; line-height: 1.1 !important; }
  .sh-top-headline br { display: none !important; }
  .sh-top-headline .sh-h1-sub + .sh-h1-sub { margin-top: 2px !important; }
}