.elementor-98 .elementor-element.elementor-element-e16f892{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-98 .elementor-element.elementor-element-26e8ebd{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-98 .elementor-element.elementor-element-e9c795f{--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-98 .elementor-element.elementor-element-e9c795f:not(.elementor-motion-effects-element-type-background), .elementor-98 .elementor-element.elementor-element-e9c795f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F5F7ED;}.elementor-98 .elementor-element.elementor-element-31fe8d1{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-98 .elementor-element.elementor-element-53f1b07{margin:33px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-98 .elementor-element.elementor-element-07f5a79{--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-98 .elementor-element.elementor-element-07f5a79:not(.elementor-motion-effects-element-type-background), .elementor-98 .elementor-element.elementor-element-07f5a79 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-98 .elementor-element.elementor-element-ef9b649{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-98 .elementor-element.elementor-element-5d45e21{--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-98 .elementor-element.elementor-element-49618de{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-98 .elementor-element.elementor-element-72bbc47{--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-98 .elementor-element.elementor-element-b3b7e1b{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-98 .elementor-element.elementor-element-bdc01cd{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-98 .elementor-element.elementor-element-8e102fe{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-98 .elementor-element.elementor-element-816e4cc{--display:flex;}.elementor-98 .elementor-element.elementor-element-647e8d7{width:100%;max-width:100%;}:root{--page-title-display:none;}@media(max-width:767px){.elementor-98 .elementor-element.elementor-element-31fe8d1{width:var( --container-widget-width, 236px );max-width:236px;--container-widget-width:236px;--container-widget-flex-grow:0;}.elementor-98 .elementor-element.elementor-element-5d45e21{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-98 .elementor-element.elementor-element-72bbc47{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}/* Start custom CSS for container, class: .elementor-element-e16f892 *//* INSTRUCTIONS:
   Paste this into the Elementor Section > Advanced > Custom CSS tab.
   Ensure the section has a CSS class name 'living-bg-section' OR replace '.elementor-98 .elementor-element.elementor-element-e16f892' with '.elementor-98 .elementor-element.elementor-element-e16f892'.
   Elementor uses '.elementor-98 .elementor-element.elementor-element-e16f892' to target the current element automatically.
*/

/* Define Colors if not globally available */
.elementor-98 .elementor-element.elementor-element-e16f892 {
    --yc-prussian-blue: #012042;
    --yc-sea-green: #00804c;
    --yc-moss-green: #74c365;
    --yc-steel-azure: #1e488f;
    --yc-lemon-lime: #dbe64c;
}

/* Base Background Styling */
.elementor-98 .elementor-element.elementor-element-e16f892 {
    position: relative;
    background-color: var(--yc-prussian-blue);
    overflow: hidden !important; /* Prevents animation spillover */
    z-index: 1;
}

/* The Animated Glow Effect */
.elementor-98 .elementor-element.elementor-element-e16f892::before {
    content: '';
    position: absolute;
    width: 150%;
    height: 150%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    
    /* Radial Gradient Mesh */
    background: radial-gradient(circle at center, rgba(30, 72, 143, 0.2) 0%, transparent 60%),
                radial-gradient(circle at 80% 20%, rgba(116, 195, 101, 0.15) 0%, transparent 50%);
                
    /* Animation */
    animation: breathBg 10s ease-in-out infinite alternate;
    z-index: -1; /* Behind content */
    pointer-events: none;
}

/* Keyframes for the "Breathing" Effect */
@keyframes breathBg {
    0% { transform: translate(-50%, -50%) scale(1); opacity: 0.8; }
    100% { transform: translate(-50%, -50%) scale(1.1); opacity: 1; }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5d45e21 *//* Apply directly to the Elementor Section */
.elementor-98 .elementor-element.elementor-element-5d45e21 {
    /* 1. Base Background Color (Prussian Blue) */
    background-color: #001F3F; 
    
    /* 2. Combined Background Layers for Pattern & Depth */
    background-image: 
        /* Top Layer: Radial Gradient for Depth/Glow */
        radial-gradient(circle at 50% 30%, rgba(30, 72, 143, 0.2) 0%, rgba(0, 31, 63, 0.8) 70%),
        
        /* Middle Layer: The Upward Arrow Pattern (Converted to RGBA for 5% opacity) */
        linear-gradient(135deg, transparent 50%, rgba(116, 195, 101, 0.05) 50%),
        linear-gradient(225deg, transparent 50%, rgba(116, 195, 101, 0.05) 50%);

    /* Pattern Sizing and Positioning */
    background-position: center center, 0 0, 20px 0;
    background-size: cover, 40px 40px, 40px 40px;
    
    /* Ensure content stays visible */
    position: relative;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-72bbc47 *//* Apply to the main section */
.elementor-98 .elementor-element.elementor-element-72bbc47 {
    /* If you set a background color in Elementor settings, 
       this CSS line might not be needed, but it's safe to keep */
    background-color: #f6f7ed; 
    position: relative;
    overflow: hidden;
    z-index: 1; /* Ensures content sits on top */
}

/* Blob 1 (Top Left) */
.elementor-98 .elementor-element.elementor-element-72bbc47::before {
    content: '';
    position: absolute;
    top: -20%; 
    left: -10%;
    width: 60%; 
    height: 60%;
    /* Gradient Color: Sea Green Tint */
    background: radial-gradient(circle, rgba(0, 128, 76, 0.15), transparent 70%);
    filter: blur(80px);
    z-index: -1; 
    animation: moveBlobOne 25s infinite alternate ease-in-out;
    pointer-events: none;
}

/* Blob 2 (Bottom Right) */
.elementor-98 .elementor-element.elementor-element-72bbc47::after {
    content: '';
    position: absolute;
    bottom: -20%; 
    right: -10%;
    width: 50%; 
    height: 50%;
    /* Gradient Color: Prussian Blue Tint */
    background: radial-gradient(circle, rgba(1, 32, 66, 0.12), transparent 70%);
    filter: blur(60px);
    z-index: -1;
    animation: moveBlobTwo 35s infinite alternate-reverse ease-in-out;
    pointer-events: none;
}

/* Animation Keyframes */
@keyframes moveBlobOne {
    0% { transform: translate(0, 0) scale(1); }
    100% { transform: translate(5%, 10%) scale(1.1); }
}

@keyframes moveBlobTwo {
    0% { transform: translate(0, 0) scale(1); }
    100% { transform: translate(-5%, -10%) scale(1.1); }
}/* End custom CSS */