.elementor-3886 .elementor-element.elementor-element-8b63efb{--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;}.elementor-3886 .elementor-element.elementor-element-b79905d{--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;}.elementor-3886 .elementor-element.elementor-element-b79905d:not(.elementor-motion-effects-element-type-background), .elementor-3886 .elementor-element.elementor-element-b79905d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#161616;}@media(max-width:767px){.elementor-3886 .elementor-element.elementor-element-b79905d{--padding-top:0px;--padding-bottom:0px;--padding-left:34px;--padding-right:20px;}.elementor-3886 .elementor-element.elementor-element-da3d96b > .elementor-widget-container{margin:0px 0px 0px -31px;padding:0px 0px 0px 0px;}}/* Start custom CSS for html, class: .elementor-element-da3d96b *//* =====================================================
   4. ABOUT PAGE LAYOUT & TYPOGRAPHY (FIXED BOUNDARIES)
   ===================================================== */

.about-page {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 3rem 1.5rem; /* Ensures a 1.5rem gap from the screen edges */
    box-sizing: border-box;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    color: #ffffff;
}

/* Ensure inner headings and paragraphs wrap within the container */
.about-title,
.about-intro,
.about-profile h2,
.about-profile p {
    max-width: 100%;
    word-wrap: break-word;
    overflow-wrap: break-word;
}/* End custom CSS */