.elementor-658 .elementor-element.elementor-element-669e0c98{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--flex-wrap:nowrap;--overflow:hidden;--overlay-opacity:0;--padding-top:20px;--padding-bottom:20px;--padding-left:40px;--padding-right:40px;}.elementor-658 .elementor-element.elementor-element-669e0c98::before, .elementor-658 .elementor-element.elementor-element-669e0c98 > .elementor-background-video-container::before, .elementor-658 .elementor-element.elementor-element-669e0c98 > .e-con-inner > .elementor-background-video-container::before, .elementor-658 .elementor-element.elementor-element-669e0c98 > .elementor-background-slideshow::before, .elementor-658 .elementor-element.elementor-element-669e0c98 > .e-con-inner > .elementor-background-slideshow::before, .elementor-658 .elementor-element.elementor-element-669e0c98 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-658 .elementor-element.elementor-element-71c87fec{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:flex-start;}.elementor-658 .elementor-element.elementor-element-580b3234{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--flex-wrap:wrap;}.elementor-658 .elementor-element.elementor-element-762a2106{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--padding-top:30px;--padding-bottom:30px;--padding-left:40px;--padding-right:40px;}.elementor-658 .elementor-element.elementor-element-1649079{--display:flex;}.elementor-658 .elementor-element.elementor-element-72dcc93f{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-658 .elementor-element.elementor-element-704bdafd{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:flex-start;}.elementor-658 .elementor-element.elementor-element-6fd99a1e{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:flex-start;}.elementor-658 .elementor-element.elementor-element-6bb48398{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:flex-start;}.elementor-658 .elementor-element.elementor-element-67f24eba{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:flex-start;}.elementor-658 .elementor-element.elementor-element-459442e2{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:flex-start;}.elementor-658 .elementor-element.elementor-element-13224d6{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:flex-start;}.elementor-658 .elementor-element.elementor-element-745092d{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--padding-top:30px;--padding-bottom:30px;--padding-left:40px;--padding-right:40px;}.elementor-658 .elementor-element.elementor-element-8462bdc{--display:flex;}.elementor-658 .elementor-element.elementor-element-7d8045c3{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--flex-wrap:wrap;}.elementor-658 .elementor-element.elementor-element-ef85f52{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-658 .elementor-element.elementor-element-4c368af{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-658 .elementor-element.elementor-element-f4eea38{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--padding-top:30px;--padding-bottom:30px;--padding-left:40px;--padding-right:40px;}.elementor-658 .elementor-element.elementor-element-72c073b8{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--padding-top:30px;--padding-bottom:30px;--padding-left:40px;--padding-right:40px;}.elementor-658 .elementor-element.elementor-element-1646a8be{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-658 .elementor-element.elementor-element-707144fd{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:flex-start;}.elementor-658 .elementor-element.elementor-element-4bfa7608 .elementor-icon-wrapper{text-align:center;}.elementor-658 .elementor-element.elementor-element-5417596c{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:flex-start;}.elementor-658 .elementor-element.elementor-element-4fc1e69 .elementor-icon-wrapper{text-align:center;}.elementor-658 .elementor-element.elementor-element-65354523{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:flex-start;}.elementor-658 .elementor-element.elementor-element-9cd3505 .elementor-icon-wrapper{text-align:center;}.elementor-658 .elementor-element.elementor-element-500e1584{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--padding-top:30px;--padding-bottom:30px;--padding-left:40px;--padding-right:40px;}.elementor-658 .elementor-element.elementor-element-22b34271{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-658 .elementor-element.elementor-element-41c579d4{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:center;}.elementor-658 .elementor-element.elementor-element-42a2c92d{text-align:center;}.elementor-658 .elementor-element.elementor-element-42a2c92d img{max-width:50%;}.elementor-658 .elementor-element.elementor-element-383207c1{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--padding-top:30px;--padding-bottom:30px;--padding-left:40px;--padding-right:40px;}.elementor-658 .elementor-element.elementor-element-4df3512{width:var( --container-widget-width, 50% );max-width:50%;--container-widget-width:50%;--container-widget-flex-grow:0;text-align:center;}.elementor-658 .elementor-element.elementor-element-4df3512.elementor-element{--align-self:center;}.elementor-658 .elementor-element.elementor-element-4df3512 .elementor-heading-title{font-size:0.85em;}.elementor-658 .elementor-element.elementor-element-617b02d7{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-658 .elementor-element.elementor-element-40f0b0c5{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-658 .elementor-element.elementor-element-228cc164{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-658 .elementor-element.elementor-element-77f9d50f{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--padding-top:30px;--padding-bottom:30px;--padding-left:40px;--padding-right:40px;}.elementor-658 .elementor-element.elementor-element-3d0566db{text-align:center;}.elementor-658 .elementor-element.elementor-element-30ac3388{width:var( --container-widget-width, 60% );max-width:60%;--container-widget-width:60%;--container-widget-flex-grow:0;text-align:center;}.elementor-658 .elementor-element.elementor-element-30ac3388.elementor-element{--align-self:center;}.elementor-658 .elementor-element.elementor-element-466488fe{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--padding-top:30px;--padding-bottom:30px;--padding-left:40px;--padding-right:40px;}.elementor-658 .elementor-element.elementor-element-43d4539b{text-align:center;}.elementor-658 .elementor-element.elementor-element-4de9e912{text-align:center;}.elementor-658 .elementor-element.elementor-element-4cdf0d10{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--flex-wrap:wrap;}.elementor-658 .elementor-element.elementor-element-4cdf0d10.e-con{--align-self:center;}.elementor-658 .elementor-element.elementor-element-678575d7{text-align:center;}@media(max-width:1730px){.elementor-658 .elementor-element.elementor-element-669e0c98:not(.elementor-motion-effects-element-type-background), .elementor-658 .elementor-element.elementor-element-669e0c98 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.drsabinadermatology.com/wp-content/uploads/2026/09/pediatric-dermatologist-chattogram-pediatric-dermatology-consultation.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-658 .elementor-element.elementor-element-669e0c98{--min-height:80vh;--overlay-opacity:0;--padding-top:20px;--padding-bottom:20px;--padding-left:40px;--padding-right:40px;}.elementor-658 .elementor-element.elementor-element-762a2106{--padding-top:20px;--padding-bottom:20px;--padding-left:30px;--padding-right:30px;}.elementor-658 .elementor-element.elementor-element-1649079{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-658 .elementor-element.elementor-element-72dcc93f{--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-658 .elementor-element.elementor-element-13224d6{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-658 .elementor-element.elementor-element-745092d{--padding-top:20px;--padding-bottom:20px;--padding-left:30px;--padding-right:30px;}.elementor-658 .elementor-element.elementor-element-f4eea38{--padding-top:20px;--padding-bottom:20px;--padding-left:30px;--padding-right:30px;}.elementor-658 .elementor-element.elementor-element-72c073b8{--padding-top:20px;--padding-bottom:20px;--padding-left:30px;--padding-right:30px;}.elementor-658 .elementor-element.elementor-element-1646a8be{--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-658 .elementor-element.elementor-element-500e1584{--padding-top:20px;--padding-bottom:20px;--padding-left:30px;--padding-right:30px;}.elementor-658 .elementor-element.elementor-element-383207c1{--padding-top:20px;--padding-bottom:20px;--padding-left:30px;--padding-right:30px;}.elementor-658 .elementor-element.elementor-element-617b02d7{--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--justify-items:center;}.elementor-658 .elementor-element.elementor-element-617b02d7.e-con{--align-self:center;}.elementor-658 .elementor-element.elementor-element-40f0b0c5{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-658 .elementor-element.elementor-element-f731287{text-align:center;}.elementor-658 .elementor-element.elementor-element-228cc164{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-658 .elementor-element.elementor-element-46407fc2{text-align:center;}.elementor-658 .elementor-element.elementor-element-77f9d50f{--padding-top:20px;--padding-bottom:20px;--padding-left:30px;--padding-right:30px;}.elementor-658 .elementor-element.elementor-element-466488fe{--padding-top:20px;--padding-bottom:20px;--padding-left:30px;--padding-right:30px;}}@media(max-width:1279px){.elementor-658 .elementor-element.elementor-element-669e0c98{--padding-top:60px;--padding-bottom:60px;--padding-left:20px;--padding-right:20px;}.elementor-658 .elementor-element.elementor-element-72dcc93f{--grid-auto-flow:row;}.elementor-658 .elementor-element.elementor-element-1646a8be{--grid-auto-flow:row;}.elementor-658 .elementor-element.elementor-element-617b02d7{--grid-auto-flow:row;}}@media(max-width:991px){.elementor-658 .elementor-element.elementor-element-72dcc93f{--grid-auto-flow:row;}.elementor-658 .elementor-element.elementor-element-1646a8be{--grid-auto-flow:row;}.elementor-658 .elementor-element.elementor-element-617b02d7{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-658 .elementor-element.elementor-element-669e0c98{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--overlay-opacity:0;--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-658 .elementor-element.elementor-element-669e0c98:not(.elementor-motion-effects-element-type-background), .elementor-658 .elementor-element.elementor-element-669e0c98 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center right;background-size:cover;}.elementor-658 .elementor-element.elementor-element-71c87fec{--width:100%;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-658 .elementor-element.elementor-element-762a2106{--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-658 .elementor-element.elementor-element-1649079{--width:100%;}.elementor-658 .elementor-element.elementor-element-72dcc93f{--e-con-grid-template-columns:repeat(1, 1fr);--gap:0px 0px;--row-gap:0px;--column-gap:0px;--grid-auto-flow:row;--justify-items:center;--align-items:center;}.elementor-658 .elementor-element.elementor-element-745092d{--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-658 .elementor-element.elementor-element-8462bdc{--width:100%;}.elementor-658 .elementor-element.elementor-element-f4eea38{--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-658 .elementor-element.elementor-element-72c073b8{--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-658 .elementor-element.elementor-element-1646a8be{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-658 .elementor-element.elementor-element-500e1584{--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-658 .elementor-element.elementor-element-383207c1{--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-658 .elementor-element.elementor-element-617b02d7{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-658 .elementor-element.elementor-element-77f9d50f{--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-658 .elementor-element.elementor-element-30ac3388{--container-widget-width:95%;--container-widget-flex-grow:0;width:var( --container-widget-width, 95% );max-width:95%;}.elementor-658 .elementor-element.elementor-element-466488fe{--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}}@media(min-width:768px){.elementor-658 .elementor-element.elementor-element-71c87fec{--width:40%;}.elementor-658 .elementor-element.elementor-element-1649079{--width:72%;}.elementor-658 .elementor-element.elementor-element-8462bdc{--width:72%;}.elementor-658 .elementor-element.elementor-element-22b34271{--content-width:100%;}}@media(max-width:1730px) and (min-width:768px){.elementor-658 .elementor-element.elementor-element-71c87fec{--width:45%;}}@media(max-width:1279px) and (min-width:768px){.elementor-658 .elementor-element.elementor-element-71c87fec{--width:50%;}.elementor-658 .elementor-element.elementor-element-1649079{--width:90%;}}/* Start custom CSS for container, class: .elementor-element-71c87fec *//* =========================================================
   PEDIATRIC DERMATOLOGY HERO
   Page: Pediatric Dermatologist in Chattogram
   Purpose:
   - Subtle left-side readability overlay
   - Preserve photographic quality
   - Keep hero content above overlay
   - Responsive desktop / tablet / mobile behavior
   ========================================================= */


/* =========================================================
   1. HERO CONTAINER
   ========================================================= */

.pediatric-dermatology-hero {
    position: relative;
    overflow: hidden;
}


/* =========================================================
   2. SUBTLE LEFT-SIDE WHITE GRADIENT OVERLAY
   ---------------------------------------------------------
   The overlay is intentionally soft.
   It improves text readability without darkening or
   overpowering the pediatric consultation photograph.
   ========================================================= */

.pediatric-dermatology-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;

    background: linear-gradient(
        90deg,
        rgba(255, 255, 255, 0.82) 0%,
        rgba(255, 255, 255, 0.64) 20%,
        rgba(255, 255, 255, 0.30) 40%,
        rgba(255, 255, 255, 0.08) 58%,
        rgba(255, 255, 255, 0) 72%
    );
}


/* =========================================================
   3. KEEP ALL HERO CONTENT ABOVE THE OVERLAY
   ---------------------------------------------------------
   Elementor Container structure
   ========================================================= */

.pediatric-dermatology-hero > .e-con,
.pediatric-dermatology-hero > .e-con-inner,
.pediatric-dermatology-hero > .elementor-container,
.pediatric-dermatology-hero .elementor-widget {
    position: relative;
    z-index: 2;
}


/* =========================================================
   4. PREVENT OVERLAY FROM AFFECTING INTERACTION
   ========================================================= */

.pediatric-dermatology-hero::before {
    pointer-events: none;
}


/* =========================================================
   5. DESKTOP
   ---------------------------------------------------------
   ≥ 1025px
   ========================================================= */

@media (min-width: 1025px) {

    .pediatric-dermatology-hero::before {
        background: linear-gradient(
            90deg,
            rgba(255, 255, 255, 0.82) 0%,
            rgba(255, 255, 255, 0.64) 20%,
            rgba(255, 255, 255, 0.30) 40%,
            rgba(255, 255, 255, 0.08) 58%,
            rgba(255, 255, 255, 0) 72%
        );
    }

}


/* =========================================================
   6. TABLET
   ---------------------------------------------------------
   768px – 1024px
   ========================================================= */

@media (min-width: 768px) and (max-width: 1024px) {

    .pediatric-dermatology-hero::before {
        background: linear-gradient(
            90deg,
            rgba(255, 255, 255, 0.78) 0%,
            rgba(255, 255, 255, 0.55) 22%,
            rgba(255, 255, 255, 0.24) 42%,
            rgba(255, 255, 255, 0.06) 65%,
            rgba(255, 255, 255, 0) 100%
        );
    }

}


/* =========================================================
   7. MOBILE
   ---------------------------------------------------------
   ≤ 767px
   ---------------------------------------------------------
   On mobile, the hero composition becomes vertical.
   Therefore the gradient changes from horizontal to vertical.
   ========================================================= */

@media (max-width: 767px) {

    .pediatric-dermatology-hero::before {
        background: linear-gradient(
            180deg,
            rgba(255, 255, 255, 0.94) 0%,
            rgba(255, 255, 255, 0.82) 30%,
            rgba(255, 255, 255, 0.48) 48%,
            rgba(255, 255, 255, 0.16) 68%,
            rgba(255, 255, 255, 0) 100%
        );
    }

}


/* =========================================================
   8. VERY SMALL MOBILE DEVICES
   ---------------------------------------------------------
   ≤ 480px
   ---------------------------------------------------------
   Slightly stronger upper readability for narrow screens.
   ========================================================= */

@media (max-width: 480px) {

    .pediatric-dermatology-hero::before {
        background: linear-gradient(
            180deg,
            rgba(255, 255, 255, 0.96) 0%,
            rgba(255, 255, 255, 0.86) 32%,
            rgba(255, 255, 255, 0.50) 52%,
            rgba(255, 255, 255, 0.14) 72%,
            rgba(255, 255, 255, 0) 100%
        );
    }

}


/* =========================================================
   9. ACCESSIBILITY / MOTION-SAFE
   ---------------------------------------------------------
   No animation is applied to the overlay.
   This ensures the hero remains stable and distraction-free.
   ========================================================= */

@media (prefers-reduced-motion: reduce) {

    .pediatric-dermatology-hero::before {
        transition: none;
        animation: none;
    }

}/* End custom CSS */