.elementor-5399 .elementor-element.elementor-element-8c05640:not(.elementor-motion-effects-element-type-background), .elementor-5399 .elementor-element.elementor-element-8c05640 > .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-5399 .elementor-element.elementor-element-8c05640 > .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-5399 .elementor-element.elementor-element-8c05640{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:120px 0px 250px 0px;z-index:5;}.elementor-5399 .elementor-element.elementor-element-723dccf.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-5399 .elementor-element.elementor-element-10c6efd > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-5399 .elementor-element.elementor-element-10c6efd{text-align:center;}.elementor-5399 .elementor-element.elementor-element-10c6efd .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-5399 .elementor-element.elementor-element-659176b{margin-top:20px;margin-bottom:0px;z-index:90;}.elementor-5399 .elementor-element.elementor-element-3759a2c.elementor-column > .elementor-widget-wrap{justify-content:flex-end;}.elementor-5399 .elementor-element.elementor-element-3759a2c{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-5399 .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-5399 .elementor-element.elementor-global-1465{width:auto;max-width:auto;z-index:80;}.elementor-5399 .elementor-element.elementor-element-dc233b3{z-index:88;}.elementor-5399 .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-5399 .elementor-element.elementor-global-1474 > .elementor-widget-container{margin:0px 0px 0px 15px;}.elementor-5399 .elementor-element.elementor-global-1474{z-index:90;}.elementor-5399 .elementor-element.elementor-element-04f1654{padding:100px 0px 100px 0px;}.elementor-widget-theme-post-featured-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-widget-theme-post-content{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-widget-post-navigation span.post-navigation__prev--label{color:var( --e-global-color-text );}.elementor-widget-post-navigation span.post-navigation__next--label{color:var( --e-global-color-text );}.elementor-widget-post-navigation span.post-navigation__prev--label, .elementor-widget-post-navigation span.post-navigation__next--label{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-post-navigation span.post-navigation__prev--title, .elementor-widget-post-navigation span.post-navigation__next--title{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-5399 .elementor-element.elementor-element-021119c .elementor-heading-title{color:var( --e-global-color-text );}.elementor-widget-posts .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-widget-posts .elementor-post__title, .elementor-widget-posts .elementor-post__title a{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-posts .elementor-post__meta-data{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-posts .elementor-post__excerpt p{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-posts .elementor-post__read-more{color:var( --e-global-color-accent );}.elementor-widget-posts a.elementor-post__read-more{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-posts .elementor-post__card .elementor-post__badge{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-widget-posts .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-posts .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-5399 .elementor-element.elementor-element-e0104f5{--grid-row-gap:35px;--grid-column-gap:30px;}.elementor-5399 .elementor-element.elementor-element-e0104f5 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.66 * 100% );}.elementor-5399 .elementor-element.elementor-element-e0104f5:after{content:"0.66";}.elementor-5399 .elementor-element.elementor-element-e0104f5 .elementor-post__thumbnail__link{width:100%;}.elementor-5399 .elementor-element.elementor-element-e0104f5 .elementor-post__meta-data span + span:before{content:"•";}.elementor-5399 .elementor-element.elementor-element-e0104f5 .elementor-post__text{margin-top:20px;}.elementor-5399 .elementor-element.elementor-element-503ee7e{margin-top:0rem;margin-bottom:0rem;padding:0px 0px 0px 0px;z-index:9;}.elementor-5399 .elementor-element.elementor-element-07ab6ec.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-5399 .elementor-element.elementor-element-07ab6ec > .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-5399 .elementor-element.elementor-element-07ab6ec > .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-5399 .elementor-element.elementor-element-65da6aa > .elementor-widget-container{--e-transform-translateX:-150px;margin:0rem 0rem -15rem 0rem;}.elementor-5399 .elementor-element.elementor-element-65da6aa{z-index:80;text-align:end;}.elementor-5399 .elementor-element.elementor-element-65da6aa img{width:45%;}.elementor-5399 .elementor-element.elementor-element-7e05bc3 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-5399 .elementor-element.elementor-element-7e05bc3{z-index:10;}.elementor-5399 .elementor-element.elementor-element-5c8e95e:not(.elementor-motion-effects-element-type-background), .elementor-5399 .elementor-element.elementor-element-5c8e95e > .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-5399 .elementor-element.elementor-element-5c8e95e > .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-5399 .elementor-element.elementor-element-5c8e95e{border-style:none;transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:150px 0px 100px 0px;}.elementor-5399 .elementor-element.elementor-element-5c8e95e > .elementor-shape-top .elementor-shape-fill{fill:var( --e-global-color-primary );}.elementor-5399 .elementor-element.elementor-element-5c8e95e > .elementor-shape-top svg{height:25px;}.elementor-5399 .elementor-element.elementor-element-68f98a1{z-index:10;}.elementor-5399 .elementor-element.elementor-element-9caa991 > .elementor-container{max-width:965px;}.elementor-5399 .elementor-element.elementor-element-27f2df0.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-5399 .elementor-element.elementor-element-25b2ec9{width:auto;max-width:auto;}.elementor-5399 .elementor-element.elementor-element-25b2ec9 > .elementor-widget-container{--e-transform-scale:0.4;margin:-2rem -2rem -1rem -2rem;padding:0px 0px 0px 0px;}.elementor-5399 .elementor-element.elementor-element-f0c597d{text-align:center;}.elementor-5399 .elementor-element.elementor-element-f0c597d .elementor-heading-title{text-shadow:0px 2px 1px rgba(0, 0, 0, 0.9);color:var( --e-global-color-e24646a );}.elementor-5399 .elementor-element.elementor-element-c38ec60{margin-top:15px;margin-bottom:0px;}.elementor-5399 .elementor-element.elementor-element-2c1c115.elementor-column > .elementor-widget-wrap{justify-content:flex-end;}@media(max-width:1262px){.elementor-5399 .elementor-element.elementor-element-8c05640{padding:75px 0px 150px 0px;}.elementor-5399 .elementor-element.elementor-element-10c6efd .elementor-heading-title{font-size:4.2rem;line-height:80px;-webkit-text-stroke-width:0.3rem;stroke-width:0.3rem;}.elementor-5399 .elementor-element.elementor-element-659176b{margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;z-index:90;}.elementor-5399 .elementor-element.elementor-element-3759a2c.elementor-column > .elementor-widget-wrap{justify-content:flex-end;}.elementor-5399 .elementor-element.elementor-element-04f1654{padding:50px 0px 50px 0px;}.elementor-5399 .elementor-element.elementor-element-503ee7e{margin-top:0rem;margin-bottom:0rem;}.elementor-5399 .elementor-element.elementor-element-65da6aa > .elementor-widget-container{--e-transform-translateX:0px;}.elementor-5399 .elementor-element.elementor-element-65da6aa{text-align:end;}.elementor-5399 .elementor-element.elementor-element-65da6aa img{width:35rem;}.elementor-5399 .elementor-element.elementor-element-5c8e95e, .elementor-5399 .elementor-element.elementor-element-5c8e95e > .elementor-background-overlay{border-radius:0px 0px 0px 0px;}.elementor-5399 .elementor-element.elementor-element-5c8e95e{padding:80px 0px 150px 0px;}.elementor-5399 .elementor-element.elementor-element-c38ec60{margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-5399 .elementor-element.elementor-element-2c1c115.elementor-column > .elementor-widget-wrap{justify-content:flex-end;}}@media(max-width:766px){.elementor-5399 .elementor-element.elementor-element-8c05640{padding:75px 0px 120px 0px;}.elementor-5399 .elementor-element.elementor-element-723dccf.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-5399 .elementor-element.elementor-element-723dccf > .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-5399 .elementor-element.elementor-element-10c6efd{text-align:center;}.elementor-5399 .elementor-element.elementor-element-10c6efd .elementor-heading-title{font-size:3.3rem;line-height:65px;-webkit-text-stroke-width:0.3rem;stroke-width:0.3rem;}.elementor-5399 .elementor-element.elementor-element-659176b{z-index:90;}.elementor-5399 .elementor-element.elementor-element-3759a2c.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-5399 .elementor-element.elementor-global-1474 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-5399 .elementor-element.elementor-element-04f1654{padding:30px 0px 30px 0px;}.elementor-5399 .elementor-element.elementor-element-fd9435e > .elementor-element-populated{margin:25px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-5399 .elementor-element.elementor-element-e0104f5 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.5 * 100% );}.elementor-5399 .elementor-element.elementor-element-e0104f5:after{content:"0.5";}.elementor-5399 .elementor-element.elementor-element-e0104f5 .elementor-post__thumbnail__link{width:100%;}.elementor-5399 .elementor-element.elementor-element-65da6aa > .elementor-widget-container{--e-transform-translateX:0px;margin:0rem 0rem -10rem 0rem;}.elementor-5399 .elementor-element.elementor-element-65da6aa{z-index:11;}.elementor-5399 .elementor-element.elementor-element-7e05bc3 > .elementor-widget-container{margin:-4rem 0rem 0rem 0rem;}.elementor-5399 .elementor-element.elementor-element-5c8e95e:not(.elementor-motion-effects-element-type-background), .elementor-5399 .elementor-element.elementor-element-5c8e95e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;}.elementor-5399 .elementor-element.elementor-element-5c8e95e, .elementor-5399 .elementor-element.elementor-element-5c8e95e > .elementor-background-overlay{border-radius:0px 0px 0px 0px;}.elementor-5399 .elementor-element.elementor-element-5c8e95e{padding:50px 0px 60px 0px;}.elementor-5399 .elementor-element.elementor-element-f0c597d{text-align:center;}.elementor-5399 .elementor-element.elementor-element-2c1c115.elementor-column > .elementor-widget-wrap{justify-content:center;}}@media(min-width:767px){.elementor-5399 .elementor-element.elementor-element-448f50d{width:70%;}.elementor-5399 .elementor-element.elementor-element-fd9435e{width:29.956%;}}@media(min-width:1263px){.elementor-5399 .elementor-element.elementor-element-5c8e95e:not(.elementor-motion-effects-element-type-background), .elementor-5399 .elementor-element.elementor-element-5c8e95e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}}/* Start custom CSS for heading, class: .elementor-element-10c6efd *//* 1. Keep your Stroke/Shadow Effect */
.elementor-5399 .elementor-element.elementor-element-10c6efd {
    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-5399 .elementor-element.elementor-element-10c6efd 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-5399 .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-659176b */.elementor-5399 .elementor-element.elementor-element-659176b {
    position: relative;
z-index: 9999;
isolation: isolate;

}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-f0c597d */.elementor-5399 .elementor-element.elementor-element-f0c597d 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-5399 .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 */