.elementor-1392 .elementor-element.elementor-element-02212c9:not(.elementor-motion-effects-element-type-background), .elementor-1392 .elementor-element.elementor-element-02212c9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://epicexteriorhomecleaning.com/wp-content/uploads/2026/01/Pressure-Washing-Cook-County-IL-1-1-1.webp");background-position:bottom center;background-repeat:no-repeat;background-size:cover;}.elementor-1392 .elementor-element.elementor-element-02212c9 > .elementor-background-overlay{background-color:transparent;background-image:linear-gradient(180deg, var( --e-global-color-e24646a ) 60%, var( --e-global-color-primary ) 100%);opacity:0.8;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-1392 .elementor-element.elementor-element-02212c9{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:120px 0px 250px 0px;z-index:5;}.elementor-1392 .elementor-element.elementor-element-dd21b00.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-1392 .elementor-element.elementor-element-4001af0 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-1392 .elementor-element.elementor-element-4001af0{text-align:center;}.elementor-1392 .elementor-element.elementor-element-4001af0 .elementor-heading-title{font-family:"Satisfy", Sans-serif;font-size:100px;font-weight:400;text-transform:none;font-style:italic;-webkit-text-stroke-width:8px;stroke-width:8px;-webkit-text-stroke-color:var( --e-global-color-e24646a );stroke:var( --e-global-color-e24646a );color:var( --e-global-color-primary );}.elementor-1392 .elementor-element.elementor-element-f29c0ad{margin-top:20px;margin-bottom:0px;z-index:90;}.elementor-1392 .elementor-element.elementor-element-0795bb6.elementor-column > .elementor-widget-wrap{justify-content:flex-end;}.elementor-1392 .elementor-element.elementor-element-0795bb6{z-index:90;}.elementor-widget-global .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-1392 .elementor-element.elementor-global-1465 .elementor-button{background-color:var( --e-global-color-8c9e7f1 );font-family:"Anton", Sans-serif;font-size:20px;font-weight:700;fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-style:solid;border-width:2px 2px 2px 2px;border-color:#0179C069;border-radius:50px 50px 50px 50px;padding:18px 18px 18px 18px;}.elementor-1392 .elementor-element.elementor-global-1465{width:auto;max-width:auto;z-index:80;}.elementor-1392 .elementor-element.elementor-element-0cf71b2{z-index:88;}.elementor-1392 .elementor-element.elementor-global-1474 .elementor-button{background-color:var( --e-global-color-880ca65 );font-family:"Anton", Sans-serif;font-size:20px;font-weight:700;fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-style:solid;border-width:2px 2px 2px 2px;border-color:#263A907D;border-radius:50px 50px 50px 50px;padding:18px 18px 18px 18px;}.elementor-1392 .elementor-element.elementor-global-1474 > .elementor-widget-container{margin:0px 0px 0px 15px;}.elementor-1392 .elementor-element.elementor-global-1474{z-index:90;}.elementor-1392 .elementor-element.elementor-element-b43a0f6{margin-top:0rem;margin-bottom:0rem;padding:0px 0px 0px 0px;z-index:9;}.elementor-1392 .elementor-element.elementor-element-35a486b.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-1392 .elementor-element.elementor-element-35a486b > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-block-end:0px;}.elementor-1392 .elementor-element.elementor-element-35a486b > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-1392 .elementor-element.elementor-element-5b4b75b > .elementor-widget-container{margin:-2rem 0rem 0rem 0rem;padding:0rem 0rem 0rem 0rem;}.elementor-1392 .elementor-element.elementor-element-5b4b75b{z-index:15;}.elementor-1392 .elementor-element.elementor-element-d5a8ed0{padding:100px 0px 100px 0px;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-1392 .elementor-element.elementor-element-13822ae{text-align:start;color:var( --e-global-color-text );}.elementor-1392 .elementor-element.elementor-element-13822ae a:hover, .elementor-1392 .elementor-element.elementor-element-13822ae a:focus{color:var( --e-global-color-accent );}.elementor-1392 .elementor-element.elementor-element-9efcb33{margin-top:0rem;margin-bottom:0rem;padding:0px 0px 0px 0px;z-index:9;}.elementor-1392 .elementor-element.elementor-element-fcab423.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-1392 .elementor-element.elementor-element-fcab423 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-block-end:0px;}.elementor-1392 .elementor-element.elementor-element-fcab423 > .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-1392 .elementor-element.elementor-element-f4f32d2 > .elementor-widget-container{--e-transform-translateX:-150px;margin:0rem 0rem -15rem 0rem;}.elementor-1392 .elementor-element.elementor-element-f4f32d2{z-index:80;text-align:end;}.elementor-1392 .elementor-element.elementor-element-f4f32d2 img{width:45%;}.elementor-1392 .elementor-element.elementor-element-6d0a0cc > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-1392 .elementor-element.elementor-element-6d0a0cc{z-index:10;}.elementor-1392 .elementor-element.elementor-element-ef1d945:not(.elementor-motion-effects-element-type-background), .elementor-1392 .elementor-element.elementor-element-ef1d945 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://epicexteriorhomecleaning.com/wp-content/uploads/2026/01/Pressure-Washing-Cook-County-IL-1.webp");background-position:top center;background-repeat:no-repeat;background-size:cover;}.elementor-1392 .elementor-element.elementor-element-ef1d945 > .elementor-background-overlay{background-color:transparent;background-image:linear-gradient(180deg, #2B2B2BC4 10%, var( --e-global-color-primary ) 100%);opacity:1;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-1392 .elementor-element.elementor-element-ef1d945{border-style:none;transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:150px 0px 100px 0px;}.elementor-1392 .elementor-element.elementor-element-ef1d945 > .elementor-shape-top .elementor-shape-fill{fill:var( --e-global-color-primary );}.elementor-1392 .elementor-element.elementor-element-ef1d945 > .elementor-shape-top svg{height:25px;}.elementor-1392 .elementor-element.elementor-element-cda7791{z-index:10;}.elementor-1392 .elementor-element.elementor-element-2c6eec1 > .elementor-container{max-width:965px;}.elementor-1392 .elementor-element.elementor-element-67bf390.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-1392 .elementor-element.elementor-element-ce80630{width:auto;max-width:auto;}.elementor-1392 .elementor-element.elementor-element-ce80630 > .elementor-widget-container{--e-transform-scale:0.4;margin:-2rem -2rem -1rem -2rem;padding:0px 0px 0px 0px;}.elementor-1392 .elementor-element.elementor-element-0263675{text-align:center;}.elementor-1392 .elementor-element.elementor-element-0263675 .elementor-heading-title{text-shadow:0px 2px 1px rgba(0, 0, 0, 0.9);color:var( --e-global-color-e24646a );}.elementor-1392 .elementor-element.elementor-element-0246bf9{margin-top:15px;margin-bottom:0px;}.elementor-1392 .elementor-element.elementor-element-82b70d0.elementor-column > .elementor-widget-wrap{justify-content:flex-end;}:root{--page-title-display:none;}@media(min-width:1263px){.elementor-1392 .elementor-element.elementor-element-ef1d945:not(.elementor-motion-effects-element-type-background), .elementor-1392 .elementor-element.elementor-element-ef1d945 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}}@media(max-width:1262px){.elementor-1392 .elementor-element.elementor-element-02212c9{padding:75px 0px 150px 0px;}.elementor-1392 .elementor-element.elementor-element-4001af0 .elementor-heading-title{font-size:4.2rem;line-height:80px;-webkit-text-stroke-width:0.3rem;stroke-width:0.3rem;}.elementor-1392 .elementor-element.elementor-element-f29c0ad{margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;z-index:90;}.elementor-1392 .elementor-element.elementor-element-0795bb6.elementor-column > .elementor-widget-wrap{justify-content:flex-end;}.elementor-1392 .elementor-element.elementor-element-b43a0f6{margin-top:0rem;margin-bottom:0rem;}.elementor-1392 .elementor-element.elementor-element-5b4b75b > .elementor-widget-container{margin:0rem 0rem 0rem 0rem;}.elementor-1392 .elementor-element.elementor-element-d5a8ed0{padding:50px 0px 50px 0px;}.elementor-1392 .elementor-element.elementor-element-9efcb33{margin-top:0rem;margin-bottom:0rem;}.elementor-1392 .elementor-element.elementor-element-f4f32d2 > .elementor-widget-container{--e-transform-translateX:0px;}.elementor-1392 .elementor-element.elementor-element-f4f32d2{text-align:end;}.elementor-1392 .elementor-element.elementor-element-f4f32d2 img{width:35rem;}.elementor-1392 .elementor-element.elementor-element-ef1d945, .elementor-1392 .elementor-element.elementor-element-ef1d945 > .elementor-background-overlay{border-radius:0px 0px 0px 0px;}.elementor-1392 .elementor-element.elementor-element-ef1d945{padding:80px 0px 150px 0px;}.elementor-1392 .elementor-element.elementor-element-0246bf9{margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-1392 .elementor-element.elementor-element-82b70d0.elementor-column > .elementor-widget-wrap{justify-content:flex-end;}}@media(max-width:766px){.elementor-1392 .elementor-element.elementor-element-02212c9{padding:75px 0px 120px 0px;}.elementor-1392 .elementor-element.elementor-element-dd21b00.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-1392 .elementor-element.elementor-element-dd21b00 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-block-end:10px;}.elementor-1392 .elementor-element.elementor-element-4001af0{text-align:center;}.elementor-1392 .elementor-element.elementor-element-4001af0 .elementor-heading-title{font-size:3.3rem;line-height:65px;-webkit-text-stroke-width:0.3rem;stroke-width:0.3rem;}.elementor-1392 .elementor-element.elementor-element-f29c0ad{z-index:90;}.elementor-1392 .elementor-element.elementor-element-0795bb6.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-1392 .elementor-element.elementor-global-1474 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-1392 .elementor-element.elementor-element-b43a0f6{margin-top:0rem;margin-bottom:0rem;}.elementor-1392 .elementor-element.elementor-element-5b4b75b > .elementor-widget-container{margin:0rem 0rem 0rem 0rem;}.elementor-1392 .elementor-element.elementor-element-d5a8ed0{padding:50px 0px 50px 0px;}.elementor-1392 .elementor-element.elementor-element-f4f32d2 > .elementor-widget-container{--e-transform-translateX:0px;margin:0rem 0rem -10rem 0rem;}.elementor-1392 .elementor-element.elementor-element-f4f32d2{z-index:11;}.elementor-1392 .elementor-element.elementor-element-6d0a0cc > .elementor-widget-container{margin:-4rem 0rem 0rem 0rem;}.elementor-1392 .elementor-element.elementor-element-ef1d945:not(.elementor-motion-effects-element-type-background), .elementor-1392 .elementor-element.elementor-element-ef1d945 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;}.elementor-1392 .elementor-element.elementor-element-ef1d945, .elementor-1392 .elementor-element.elementor-element-ef1d945 > .elementor-background-overlay{border-radius:0px 0px 0px 0px;}.elementor-1392 .elementor-element.elementor-element-ef1d945{padding:50px 0px 60px 0px;}.elementor-1392 .elementor-element.elementor-element-0263675{text-align:center;}.elementor-1392 .elementor-element.elementor-element-82b70d0.elementor-column > .elementor-widget-wrap{justify-content:center;}}/* Start custom CSS for heading, class: .elementor-element-4001af0 *//* 1. Keep your Stroke/Shadow Effect */
.elementor-1392 .elementor-element.elementor-element-4001af0 {
    paint-order: stroke fill;
    filter: drop-shadow(3px 5px 1px rgba(0,0,0,1));
    overflow: visible !important; /* Ensures the bounce isn't cut off */
}

/* 2. Target the specific bounce class */
.elementor-1392 .elementor-element.elementor-element-4001af0 span {
    display: inline-block !important; /* REQUIRED to allow movement */
    position: relative !important;    /* REQUIRED for 'top' to work */
    font-weight: bold;
    
    /* Apply the animation */
    animation: bounceUp 2s infinite ease-in-out !important;
}

/* 3. The Animation Keyframes (Using 'top' is safer with filters) */
@keyframes bounceUp {
    0%, 100% {
        top: 0px;
    }
    50% {
        top: -15px; /* Adjust this number to bounce higher */
    }
}/* End custom CSS */
/* Start custom CSS for global, class: .elementor-global-1465 *//* 1. The Gold Glass Base */
.primary-button .elementor-button {
    position: relative;
    /* overflow: hidden;  <-- OPTIONAL: Un-comment this if you want the shine contained strictly inside */
    overflow: hidden; /* Kept visible so shadows don't get cut off */
    
    /* GOLD GRADIENT: Lighter top -> Gold Base -> Dark Amber bottom */
    background: linear-gradient(180deg, #FFF8D1 0%, #FFD700 50%, #E68E00 100%);
    
    /* 3D Glass Effects (Warm Tones) */
    box-shadow: 
        inset 0 2px 0 rgba(255,255,255,0.9),  /* Bright White Top Highlight */
        inset 0 -2px 0 rgba(160, 80, 0, 0.1), /* Subtle Dark Orange Bottom Shadow */
        0 5px 15px rgba(255, 140, 0, 0.3);    /* Soft Orange Drop Shadow */
        
    /* Glass Borders */
    border: 1px solid rgba(255, 255, 255, 0.8);
    border-bottom: 1px solid rgba(200, 100, 0, 0.4);
    border-radius: 50px;
    
    /* Text Styles - Brand Blue for contrast */
    color: #263A90; 
    text-shadow: 0 1px 0 rgba(255,255,255,0.6); /* "Etched" look */
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 1px;
    transition: all 0.3s ease;
    z-index: 1;
}

/* 2. The Shine Beam */
.primary-button .elementor-button::after {
    content: '';
    position: absolute;
    top: 0;
    left: -150%;
    width: 80%;
    height: 100%;
    
    /* White Shine */
    background: linear-gradient(
        to right, 
        rgba(255,255,255,0) 0%, 
        rgba(255,255,255,0.9) 50%, 
        rgba(255,255,255,0) 100%
    );
    
    transform: skewX(-25deg);
    z-index: -1;
    
    /* LOOPING ANIMATION */
    animation: goldShineLoop 4s infinite;
}

/* 3. Hover Actions */
.primary-button .elementor-button:hover {
    transform: translateY(-3px) scale(1.02);
    box-shadow: 0 10px 25px rgba(255, 140, 0, 0.4); /* Shadow grows */
    
    /* Hover Gradient: Slightly brighter/whiter gold */
    background: linear-gradient(180deg, #ffffff 0%, #ffe44d 50%, #ffae00 100%);

}

/* 4. The Shine Animation Keyframes */
@keyframes goldShineLoop {
    0% {
        left: -150%;
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    20% {
        left: 150%; /* Fly across */
        opacity: 0;
    }
    100% {
        left: 150%; /* Pause */
        opacity: 0;
    }
}

/* =========================================
   BUZZ ANIMATION (Applied to Icon)
   ========================================= */

/* 1. Target the icon (or ::after depending on where you put it) on Hover */
/* Note: Elementor icons are usually .elementor-button-icon. 
   If you are using CSS content, use .elementor-button-text::after */
/* 1. Target the icon (or ::after) on Hover */
.primary-button .elementor-button:hover .elementor-button-icon,
.primary-button .elementor-button:hover .elementor-button-text::after {
    animation-name: icon-float;
    animation-duration: 2s; /* Much slower than buzz for a smooth float */
    animation-timing-function: ease-in-out; /* Smooths the turn-around points */
    animation-iteration-count: infinite;
}

/* 2. The "Float" Keyframes */
@keyframes icon-float {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-5px); /* Moves up smoothly */
    }
    100% {
        transform: translateY(0); /* Comes back down */
    }
}/* End custom CSS */
/* Start custom CSS for global, class: .elementor-global-1474 *//* 1. The Silver Glass Base */
.secondary-button .elementor-button {
    position: relative;
    overflow: hidden;
    
    /* SILVER GRADIENT: Lighter top -> Base Color -> Darker bottom */
    background: linear-gradient(180deg, #F0F6FF 0%, #DAE3F1 50%, #BCC9E0 100%);
    
    /* 3D Glass Effects (Cool Tones) */
    box-shadow: 
        inset 0 2px 0 rgba(255,255,255,0.9),  /* Bright White Top Highlight */
        inset 0 -2px 0 rgba(100, 110, 130, 0.1), /* Subtle Bottom Shadow */
        0 5px 15px rgba(38, 58, 144, 0.2);    /* Soft Blue Drop Shadow */
        
    /* Glass Borders */
    border: 1px solid rgba(255, 255, 255, 0.8);
    border-bottom: 1px solid rgba(160, 170, 190, 0.5);
    border-radius: 50px;
    
    /* Text Styles - using Brand Blue for contrast */
    color: #263A90; 
    text-shadow: 0 1px 0 rgba(255,255,255,0.8); /* "Etched" look for dark text on light bg */
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 1px;
    transition: all 0.3s ease;
    z-index: 1;
}

/* 2. The Shine Beam */
.secondary-button .elementor-button::after {
    content: '';
    position: absolute;
    top: 0;
    left: -150%;
    width: 80%;
    height: 100%;
    
    /* White Shine */
    background: linear-gradient(
        to right, 
        rgba(255,255,255,0) 0%, 
        rgba(255,255,255,0.9) 50%, 
        rgba(255,255,255,0) 100%
    );
    
    transform: skewX(-25deg);
    z-index: -1;
    
    /* LOOPING ANIMATION: Matches the gold button timing */
    animation: silverShineLoop 4s infinite;
}

/* 3. Hover Actions */
.secondary-button .elementor-button:hover {
    transform: translateY(-3px) scale(1.02);
    box-shadow: 0 10px 25px rgba(38, 58, 144, 0.25); /* Shadow grows slightly darker */
    background: linear-gradient(180deg, #ffffff 0%, #e2ebf7 50%, #c5d4ed 100%); /* Gets slightly brighter */
}

/* 4. The Animation Keyframes */
@keyframes silverShineLoop {
    0% {
        left: -150%;
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    20% {
        left: 150%; /* Fly across */
        opacity: 0;
    }
    100% {
        left: 150%; /* Pause */
        opacity: 0;
    }
}




/* 1. Target the custom icon (::after) on Hover */
.elementor-1392 .elementor-element.elementor-global-1474 .elementor-button:hover .elementor-button-text::after {
    /* "Buzz" animation parameters */
    animation-name: elementor-buzz;
    animation-duration: 0.7s; /* Speed of the buzz */
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}

/* 2. The "Buzz" Keyframes (Replicating Elementor's style) */
@keyframes elementor-buzz {
    10% {
        transform: translateX(3px) rotate(2deg);
    }
    20% {
        transform: translateX(-3px) rotate(-2deg);
    }
    30% {
        transform: translateX(3px) rotate(2deg);
    }
    40% {
        transform: translateX(-3px) rotate(-2deg);
    }
    50% {
        transform: translateX(2px) rotate(1deg);
    }
    60% {
        transform: translateX(-2px) rotate(-1deg);
    }
    70% {
        transform: translateX(2px) rotate(1deg);
    }
    80% {
        transform: translateX(-2px) rotate(-1deg);
    }
    90% {
        transform: translateX(1px) rotate(0);
    }
    100% {
        transform: translateX(-1px) rotate(0);
    }
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-f29c0ad */.elementor-1392 .elementor-element.elementor-element-f29c0ad {
    position: relative;
z-index: 9999;
isolation: isolate;

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5b4b75b *//* --- 1. The Divider Container --- */
.epic-bubble-divider {
    position: relative;
    width: 190%;
    height: 10px; /* Adjust height if you want a taller/shorter divider */
    /* Ensures bubbles don't fly out of the section */
    background: transparent; /* Keeps it clean between sections */
    z-index: 1;
}

/* --- 2. The Bubble Base Style (Brand Colors) --- */
.epic-bubble-divider .bubble {
    position: absolute;
    bottom: -40px; /* Start just below view */
    border-radius: 50%;
    pointer-events: none; /* Ensures they don't block clicks */
    opacity: 0; /* Start invisible */
    
    /* GLOSSY BRAND GRADIENT: White shine -> Light Blue -> Brand Dark Blue */
    background: radial-gradient(circle at 30% 30%, 
        rgba(255, 255, 255, 0.9) 0%, 
        #4a90e2 30%, 
        #263A90 100%);
        
    /* 3D Depth Shadows */
    box-shadow: 
        inset 0 2px 5px rgba(255,255,255,0.7), /* Top internal shine */
        0 5px 15px rgba(38, 58, 144, 0.3);     /* External drop shadow */
        
    /* Apply the floating animation */
    animation: bubble FloatPop linear infinite;
}

/* --- 3. The Animation Keyframes --- */
@keyframes bubble FloatPop {
    0% {
        /* Start small and invisible at bottom */
        transform: translateY(0) translateX(0) scale(0);
        opacity: 0;
    }
    10% {
        /* Pop in quickly */
        opacity: 1;
        transform: translateY(-20px) translateX(5px) scale(1);
    }
    70% {
        /* Float up and drift sideways based on variable */
        opacity: 0.8;
        transform: translateY(10px) translateX(var(--drift)) scale(0.9);
    }
    100% {
        /* Pop out and disappear at top */
        opacity: 0;
        transform: translateY(-180px) translateX(calc(var(--drift) * 1.5)) scale(0);
    }
}

/* --- 4. Randomizing the Bubbles --- */
/* We manually set different sizes, positions, speeds, and drift directions
   to create a "random" chaotic look. */

/* --drift: negative values move left, positive move right */

.b1  { left: 5%;   width: 30px; height: 30px; animation-duration: 4s;   animation-delay: 0s;   --drift: -20px; }
.b2  { left: 15%;  width: 50px; height: 50px; animation-duration: 5s;   animation-delay: 1s;   --drift: 30px; }
.b3  { left: 25%;  width: 20px; height: 20px; animation-duration: 3.5s; animation-delay: 2s;   --drift: -10px; }
.b4  { left: 35%;  width: 40px; height: 40px; animation-duration: 6s;   animation-delay: 0.5s; --drift: 25px; }
.b5  { left: 45%;  width: 25px; height: 25px; animation-duration: 4.5s; animation-delay: 3s;   --drift: -15px; }
.b6  { left: 55%;  width: 60px; height: 60px; animation-duration: 5.5s; animation-delay: 1.5s; --drift: 40px; }
.b7  { left: 65%;  width: 35px; height: 35px; animation-duration: 4s;   animation-delay: 2.5s; --drift: -25px; }
.b8  { left: 75%;  width: 20px; height: 20px; animation-duration: 3s;   animation-delay: 0.2s; --drift: 10px; }
.b9  { left: 85%;  width: 45px; height: 45px; animation-duration: 5.2s; animation-delay: 3.5s; --drift: -30px; }
.b10 { left: 95%;  width: 30px; height: 30px; animation-duration: 4.2s; animation-delay: 1.2s; --drift: 15px; }
.b11 { left: 10%;  width: 15px; height: 15px; animation-duration: 3.2s; animation-delay: 4s;   --drift: -5px; }
.b12 { left: 30%;  width: 55px; height: 55px; animation-duration: 6.5s; animation-delay: 0.8s; --drift: 35px; }
.b13 { left: 50%;  width: 25px; height: 25px; animation-duration: 3.8s; animation-delay: 2.2s; --drift: -20px; }
.b14 { left: 70%;  width: 40px; height: 40px; animation-duration: 5s;   animation-delay: 4.5s; --drift: 20px; }
.b15 { left: 90%;  width: 20px; height: 20px; animation-duration: 4.1s; animation-delay: 1.8s; --drift: -10px; }
.b16 { left: 90%;  width: 20px; height: 20px; animation-duration: 4.1s; animation-delay: 1.8s; --drift: -10px; }
.b17 { left: 90%;  width: 20px; height: 20px; animation-duration: 4.1s; animation-delay: 1.8s; --drift: -10px; }/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-13822ae */.elementor-1392 .elementor-element.elementor-element-13822ae li {
            list-style: none;
            padding: 10px 5px 5px 25px;
            background-image: url(
"/wp-content/uploads/2026/01/Bubble-icon.svg");
            background-repeat: no-repeat;
            background-position: left top;
            background-position-y: 15px;
            background-size: 15px;
            margin-top: 1px;
           
            text-align: left;
        }
        
.elementor-1392 .elementor-element.elementor-element-13822ae a:hover {
    text-decoration: underline;
    font-weight: bold!important;
}

.elementor-1392 .elementor-element.elementor-element-13822ae a {
      font-weight: bold!important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-0263675 */.elementor-1392 .elementor-element.elementor-element-0263675 span {
    color:#00A7DC;
}/* End custom CSS */
/* Start custom CSS for global, class: .elementor-global-1465 *//* 1. The Gold Glass Base */
.primary-button .elementor-button {
    position: relative;
    /* overflow: hidden;  <-- OPTIONAL: Un-comment this if you want the shine contained strictly inside */
    overflow: hidden; /* Kept visible so shadows don't get cut off */
    
    /* GOLD GRADIENT: Lighter top -> Gold Base -> Dark Amber bottom */
    background: linear-gradient(180deg, #FFF8D1 0%, #FFD700 50%, #E68E00 100%);
    
    /* 3D Glass Effects (Warm Tones) */
    box-shadow: 
        inset 0 2px 0 rgba(255,255,255,0.9),  /* Bright White Top Highlight */
        inset 0 -2px 0 rgba(160, 80, 0, 0.1), /* Subtle Dark Orange Bottom Shadow */
        0 5px 15px rgba(255, 140, 0, 0.3);    /* Soft Orange Drop Shadow */
        
    /* Glass Borders */
    border: 1px solid rgba(255, 255, 255, 0.8);
    border-bottom: 1px solid rgba(200, 100, 0, 0.4);
    border-radius: 50px;
    
    /* Text Styles - Brand Blue for contrast */
    color: #263A90; 
    text-shadow: 0 1px 0 rgba(255,255,255,0.6); /* "Etched" look */
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 1px;
    transition: all 0.3s ease;
    z-index: 1;
}

/* 2. The Shine Beam */
.primary-button .elementor-button::after {
    content: '';
    position: absolute;
    top: 0;
    left: -150%;
    width: 80%;
    height: 100%;
    
    /* White Shine */
    background: linear-gradient(
        to right, 
        rgba(255,255,255,0) 0%, 
        rgba(255,255,255,0.9) 50%, 
        rgba(255,255,255,0) 100%
    );
    
    transform: skewX(-25deg);
    z-index: -1;
    
    /* LOOPING ANIMATION */
    animation: goldShineLoop 4s infinite;
}

/* 3. Hover Actions */
.primary-button .elementor-button:hover {
    transform: translateY(-3px) scale(1.02);
    box-shadow: 0 10px 25px rgba(255, 140, 0, 0.4); /* Shadow grows */
    
    /* Hover Gradient: Slightly brighter/whiter gold */
    background: linear-gradient(180deg, #ffffff 0%, #ffe44d 50%, #ffae00 100%);

}

/* 4. The Shine Animation Keyframes */
@keyframes goldShineLoop {
    0% {
        left: -150%;
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    20% {
        left: 150%; /* Fly across */
        opacity: 0;
    }
    100% {
        left: 150%; /* Pause */
        opacity: 0;
    }
}

/* =========================================
   BUZZ ANIMATION (Applied to Icon)
   ========================================= */

/* 1. Target the icon (or ::after depending on where you put it) on Hover */
/* Note: Elementor icons are usually .elementor-button-icon. 
   If you are using CSS content, use .elementor-button-text::after */
/* 1. Target the icon (or ::after) on Hover */
.primary-button .elementor-button:hover .elementor-button-icon,
.primary-button .elementor-button:hover .elementor-button-text::after {
    animation-name: icon-float;
    animation-duration: 2s; /* Much slower than buzz for a smooth float */
    animation-timing-function: ease-in-out; /* Smooths the turn-around points */
    animation-iteration-count: infinite;
}

/* 2. The "Float" Keyframes */
@keyframes icon-float {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-5px); /* Moves up smoothly */
    }
    100% {
        transform: translateY(0); /* Comes back down */
    }
}/* End custom CSS */
/* Start custom CSS for global, class: .elementor-global-1474 *//* 1. The Silver Glass Base */
.secondary-button .elementor-button {
    position: relative;
    overflow: hidden;
    
    /* SILVER GRADIENT: Lighter top -> Base Color -> Darker bottom */
    background: linear-gradient(180deg, #F0F6FF 0%, #DAE3F1 50%, #BCC9E0 100%);
    
    /* 3D Glass Effects (Cool Tones) */
    box-shadow: 
        inset 0 2px 0 rgba(255,255,255,0.9),  /* Bright White Top Highlight */
        inset 0 -2px 0 rgba(100, 110, 130, 0.1), /* Subtle Bottom Shadow */
        0 5px 15px rgba(38, 58, 144, 0.2);    /* Soft Blue Drop Shadow */
        
    /* Glass Borders */
    border: 1px solid rgba(255, 255, 255, 0.8);
    border-bottom: 1px solid rgba(160, 170, 190, 0.5);
    border-radius: 50px;
    
    /* Text Styles - using Brand Blue for contrast */
    color: #263A90; 
    text-shadow: 0 1px 0 rgba(255,255,255,0.8); /* "Etched" look for dark text on light bg */
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 1px;
    transition: all 0.3s ease;
    z-index: 1;
}

/* 2. The Shine Beam */
.secondary-button .elementor-button::after {
    content: '';
    position: absolute;
    top: 0;
    left: -150%;
    width: 80%;
    height: 100%;
    
    /* White Shine */
    background: linear-gradient(
        to right, 
        rgba(255,255,255,0) 0%, 
        rgba(255,255,255,0.9) 50%, 
        rgba(255,255,255,0) 100%
    );
    
    transform: skewX(-25deg);
    z-index: -1;
    
    /* LOOPING ANIMATION: Matches the gold button timing */
    animation: silverShineLoop 4s infinite;
}

/* 3. Hover Actions */
.secondary-button .elementor-button:hover {
    transform: translateY(-3px) scale(1.02);
    box-shadow: 0 10px 25px rgba(38, 58, 144, 0.25); /* Shadow grows slightly darker */
    background: linear-gradient(180deg, #ffffff 0%, #e2ebf7 50%, #c5d4ed 100%); /* Gets slightly brighter */
}

/* 4. The Animation Keyframes */
@keyframes silverShineLoop {
    0% {
        left: -150%;
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    20% {
        left: 150%; /* Fly across */
        opacity: 0;
    }
    100% {
        left: 150%; /* Pause */
        opacity: 0;
    }
}




/* 1. Target the custom icon (::after) on Hover */
.elementor-1392 .elementor-element.elementor-global-1474 .elementor-button:hover .elementor-button-text::after {
    /* "Buzz" animation parameters */
    animation-name: elementor-buzz;
    animation-duration: 0.7s; /* Speed of the buzz */
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}

/* 2. The "Buzz" Keyframes (Replicating Elementor's style) */
@keyframes elementor-buzz {
    10% {
        transform: translateX(3px) rotate(2deg);
    }
    20% {
        transform: translateX(-3px) rotate(-2deg);
    }
    30% {
        transform: translateX(3px) rotate(2deg);
    }
    40% {
        transform: translateX(-3px) rotate(-2deg);
    }
    50% {
        transform: translateX(2px) rotate(1deg);
    }
    60% {
        transform: translateX(-2px) rotate(-1deg);
    }
    70% {
        transform: translateX(2px) rotate(1deg);
    }
    80% {
        transform: translateX(-2px) rotate(-1deg);
    }
    90% {
        transform: translateX(1px) rotate(0);
    }
    100% {
        transform: translateX(-1px) rotate(0);
    }
}/* End custom CSS */