.elementor-5472 .elementor-element.elementor-element-06b3220 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-5472 .elementor-element.elementor-element-6589c25 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-5472 .elementor-element.elementor-element-5fa99c0{width:initial;max-width:initial;text-align:start;}.elementor-5472 .elementor-element.elementor-element-5fa99c0 img{width:200px;}.elementor-5472 .elementor-element.elementor-element-8b772b0.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-5472 .elementor-element.elementor-element-8b772b0 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-5472 .elementor-element.elementor-element-324d01e{width:initial;max-width:initial;}.elementor-5472 .elementor-element.elementor-element-212ba14.elementor-column > .elementor-widget-wrap{justify-content:flex-end;}.elementor-5472 .elementor-element.elementor-element-212ba14 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-5472 .elementor-element.elementor-element-398096e{width:initial;max-width:initial;}.elementor-5472 .elementor-element.elementor-element-bac5dd3{width:initial;max-width:initial;}@media(max-width:480px){.elementor-5472 .elementor-element.elementor-element-6589c25{width:35%;}.elementor-5472 .elementor-element.elementor-element-8b772b0{width:15%;}.elementor-5472 .elementor-element.elementor-element-8b772b0.elementor-column > .elementor-widget-wrap{justify-content:flex-end;}.elementor-5472 .elementor-element.elementor-element-212ba14{width:50%;}.elementor-5472 .elementor-element.elementor-element-bac5dd3{--container-widget-width:0px;--container-widget-flex-grow:0;width:var( --container-widget-width, 0px );max-width:0px;}}@media(min-width:481px){.elementor-5472 .elementor-element.elementor-element-6589c25{width:33%;}.elementor-5472 .elementor-element.elementor-element-8b772b0{width:33.333%;}}/* Start custom CSS for section, class: .elementor-element-6ea2364 *//* Initial state: Absolute positioning to overlay the web development hero section */
#web-dev-header {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    transition: transform 0.3s ease-in-out, background-color 0.3s ease-in-out, backdrop-filter 0.3s ease-in-out, position 0.3s ease-in-out;
    background-color: transparent;
}

/* When scrolling down: Hide the header */
#web-dev-header.header-hidden {
    position: fixed;
    transform: translateY(-100%);
}

/* When scrolling up: Slide down and become fixed with a frosted glass background */
#web-dev-header.header-visible {
    position: fixed;
    transform: translateY(0);
    background-color: rgba(255, 255, 255, 0.85); /* Adjust if needed for dark/light sections */
    backdrop-filter: blur(10px);
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
}

/* At the very top of the page: Back to absolute overlay style */
#web-dev-header.at-top {
    position: absolute;
    transform: translateY(0);
    background-color: transparent;
    backdrop-filter: none;
    box-shadow: none;
}/* End custom CSS */