.elementor-1368 .elementor-element.elementor-element-6c512d2 > .elementor-background-overlay{background-color:transparent;background-image:linear-gradient(180deg, var( --e-global-color-b991159 ) 25%, var( --e-global-color-secondary ) 100%);opacity:0.85;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-1368 .elementor-element.elementor-element-6c512d2{overflow:hidden;transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:100px 0px 150px 0px;z-index:5;}.elementor-1368 .elementor-element.elementor-element-6c512d2:not(.elementor-motion-effects-element-type-background), .elementor-1368 .elementor-element.elementor-element-6c512d2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background:url("https://northproservices.ca/wp-content/uploads/2026/02/Pressure-Washing-in-Simcoe-County-ON-e1771001545803.webp") 50% 50%;background-size:cover;}.elementor-1368 .elementor-element.elementor-element-6c512d2 > .elementor-shape-bottom svg{width:calc(110% + 1.3px);height:176px;}.elementor-1368 .elementor-element.elementor-element-3702452.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-1368 .elementor-element.elementor-element-7e1456e > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-1368 .elementor-element.elementor-element-7e1456e{text-align:center;}.elementor-1368 .elementor-element.elementor-element-7e1456e .elementor-heading-title{font-family:"Oswald", Sans-serif;font-size:80px;font-weight:700;text-transform:uppercase;font-style:italic;line-height:1.1em;text-shadow:3px 3px 0px #232464;color:var( --e-global-color-e24646a );}.elementor-1368 .elementor-element.elementor-element-c52ad4f{margin-top:20px;margin-bottom:0px;z-index:90;}.elementor-1368 .elementor-element.elementor-element-f3405cb.elementor-column > .elementor-widget-wrap{justify-content:flex-end;}.elementor-1368 .elementor-element.elementor-element-f3405cb{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-1368 .elementor-element.elementor-global-1465 .elementor-button{background-color:var( --e-global-color-primary );font-family:"Oswald", Sans-serif;font-size:18px;font-weight:700;fill:var( --e-global-color-e24646a );color:var( --e-global-color-e24646a );border-style:solid;border-width:2px 2px 2px 2px;border-color:var( --e-global-color-e24646a );border-radius:50px 50px 50px 50px;padding:18px 18px 18px 15px;}.elementor-1368 .elementor-element.elementor-global-1465{width:auto;max-width:auto;z-index:90;}.elementor-1368 .elementor-element.elementor-element-17e5204{z-index:88;}.elementor-1368 .elementor-element.elementor-global-1474 .elementor-button{background-color:var( --e-global-color-e24646a );font-family:"Oswald", Sans-serif;font-size:18px;font-weight:700;text-shadow:0px 0px 0px #3C3A3D;fill:var( --e-global-color-secondary );color:var( --e-global-color-secondary );border-style:solid;border-width:2px 2px 2px 2px;border-color:var( --e-global-color-e24646a );border-radius:50px 50px 50px 50px;padding:18px 18px 18px 18px;}.elementor-1368 .elementor-element.elementor-global-1474 > .elementor-widget-container{margin:0px 0px 0px 15px;}.elementor-1368 .elementor-element.elementor-global-1474{z-index:90;}.elementor-1368 .elementor-element.elementor-element-d5a8ed0{padding:100px 0px 100px 0px;}.elementor-1368 .elementor-element.elementor-element-8af8a24 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-widget-sitemap .elementor-sitemap-title{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-sitemap .elementor-sitemap-item, .elementor-widget-sitemap span.elementor-sitemap-list, .elementor-widget-sitemap .elementor-sitemap-item a{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;}.elementor-widget-sitemap .elementor-sitemap-item{color:var( --e-global-color-text );}.elementor-1368 .elementor-element.elementor-element-2667b36 .elementor-sitemap-section{flex-basis:calc( 1 / 1 * 100% );}body:not(.rtl) .elementor-1368 .elementor-element.elementor-element-2667b36 .elementor-sitemap-section ul{margin-left:8px;}body.rtl .elementor-1368 .elementor-element.elementor-element-2667b36 .elementor-sitemap-section ul{margin-right:8px;}.elementor-1368 .elementor-element.elementor-element-2667b36 .elementor-sitemap-title{color:var( --e-global-color-text );font-family:"Montserrat", Sans-serif;font-size:35px;font-weight:600;text-transform:uppercase;}.elementor-1368 .elementor-element.elementor-element-2667b36 .elementor-sitemap-item, .elementor-1368 .elementor-element.elementor-element-2667b36 span.elementor-sitemap-list, .elementor-1368 .elementor-element.elementor-element-2667b36 .elementor-sitemap-item a{color:var( --e-global-color-primary );font-family:"Montserrat", Sans-serif;font-size:18px;font-weight:600;}.elementor-1368 .elementor-element.elementor-element-2667b36 .elementor-sitemap-list, .elementor-1368 .elementor-element.elementor-element-2667b36 .elementor-sitemap-list .children{list-style-type:square;}.elementor-bc-flex-widget .elementor-1368 .elementor-element.elementor-element-8aa21ab.elementor-column .elementor-widget-wrap{align-items:flex-start;}.elementor-1368 .elementor-element.elementor-element-8aa21ab.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:flex-start;align-items:flex-start;}.elementor-widget-search{--e-search-input-color:var( --e-global-color-text );}.elementor-widget-search.e-focus{--e-search-input-color:var( --e-global-color-text );}.elementor-widget-search .elementor-pagination{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-1368 .elementor-element.elementor-element-f21d650 .e-search-submit{background-color:var( --e-global-color-primary );}.elementor-1368 .elementor-element.elementor-element-f21d650 .e-search-submit:hover{background-color:var( --e-global-color-secondary );}.elementor-1368 .elementor-element.elementor-element-f21d650 .e-search-input{border-radius:30px 30px 30px 30px;}.elementor-1368 .elementor-element.elementor-element-f21d650 .e-search-submit span{text-transform:uppercase;}.elementor-1368 .elementor-element.elementor-element-f21d650{--e-search-submit-border-radius:30px 30px 30px 30px;--e-search-submit-padding:20px 40px 20px 40px;}.elementor-1368 .elementor-element.elementor-element-51270b3{margin-top:0rem;margin-bottom:-5rem;padding:0px 0px 0px 0px;z-index:15;}.elementor-1368 .elementor-element.elementor-element-fa57e9f > .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;}.elementor-1368 .elementor-element.elementor-element-897a4e3 > .elementor-widget-container{--e-transform-rotateZ:-2deg;margin:-3% 0% -14% 0%;}.elementor-1368 .elementor-element.elementor-element-897a4e3{z-index:55;text-align:center;}.elementor-1368 .elementor-element.elementor-element-897a4e3 img{width:55%;}.elementor-1368 .elementor-element.elementor-element-06e5d5f:not(.elementor-motion-effects-element-type-background), .elementor-1368 .elementor-element.elementor-element-06e5d5f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://northproservices.ca/wp-content/uploads/2026/02/Pressure-Washing-in-Simcoe-County-ON-1.webp");background-position:top center;background-repeat:no-repeat;background-size:cover;}.elementor-1368 .elementor-element.elementor-element-06e5d5f > .elementor-background-overlay{background-color:transparent;background-image:linear-gradient(180deg, #2B2B2BC2 10%, var( --e-global-color-b991159 ) 100%);opacity:1;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-1368 .elementor-element.elementor-element-06e5d5f, .elementor-1368 .elementor-element.elementor-element-06e5d5f > .elementor-background-overlay{border-radius:0px 0px 0px 0px;}.elementor-1368 .elementor-element.elementor-element-06e5d5f{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:280px 0px 100px 0px;z-index:5;}.elementor-1368 .elementor-element.elementor-element-59da964{z-index:10;}.elementor-1368 .elementor-element.elementor-element-f1fc35c > .elementor-container{max-width:1000px;}.elementor-1368 .elementor-element.elementor-element-3d883d3.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-1368 .elementor-element.elementor-element-3ddd8a2 > .elementor-widget-container{margin:0px 0px -15px 0px;}.elementor-1368 .elementor-element.elementor-element-3ddd8a2 .elementor-widget-container{--e-transform-origin-x:center;--e-transform-origin-y:center;}.elementor-1368 .elementor-element.elementor-element-3ddd8a2 img{width:5%;}.elementor-1368 .elementor-element.elementor-element-8ec742d{text-align:center;}.elementor-1368 .elementor-element.elementor-element-8ec742d .elementor-heading-title{color:var( --e-global-color-e24646a );}.elementor-1368 .elementor-element.elementor-element-37db3c2{margin-top:15px;margin-bottom:0px;}.elementor-1368 .elementor-element.elementor-element-103a4ed.elementor-column > .elementor-widget-wrap{justify-content:flex-end;}:root{--page-title-display:none;}@media(min-width:1263px){.elementor-1368 .elementor-element.elementor-element-06e5d5f:not(.elementor-motion-effects-element-type-background), .elementor-1368 .elementor-element.elementor-element-06e5d5f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}}@media(max-width:1262px){.elementor-1368 .elementor-element.elementor-element-6c512d2 > .elementor-shape-bottom svg{width:calc(148% + 1.3px);height:173px;}.elementor-1368 .elementor-element.elementor-element-6c512d2{padding:75px 0px 150px 0px;}.elementor-1368 .elementor-element.elementor-element-411d535 > .elementor-container{max-width:534px;}.elementor-1368 .elementor-element.elementor-element-7e1456e > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-1368 .elementor-element.elementor-element-7e1456e .elementor-heading-title{font-size:50px;line-height:55px;}.elementor-1368 .elementor-element.elementor-element-c52ad4f{margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;z-index:90;}.elementor-1368 .elementor-element.elementor-element-f3405cb.elementor-column > .elementor-widget-wrap{justify-content:flex-end;}.elementor-1368 .elementor-element.elementor-element-d5a8ed0{padding:50px 0px 50px 0px;}.elementor-1368 .elementor-element.elementor-element-2667b36 .elementor-sitemap-section{flex-basis:calc( 1 / 2 * 100% );}.elementor-1368 .elementor-element.elementor-element-51270b3{margin-top:0rem;margin-bottom:-5rem;}.elementor-1368 .elementor-element.elementor-element-897a4e3 > .elementor-widget-container{margin:0% 0% -21% 0%;}.elementor-1368 .elementor-element.elementor-element-897a4e3 img{width:69%;}.elementor-1368 .elementor-element.elementor-element-06e5d5f, .elementor-1368 .elementor-element.elementor-element-06e5d5f > .elementor-background-overlay{border-radius:0px 0px 0px 0px;}.elementor-1368 .elementor-element.elementor-element-06e5d5f{padding:80px 0px 150px 0px;}.elementor-1368 .elementor-element.elementor-element-37db3c2{margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-1368 .elementor-element.elementor-element-103a4ed.elementor-column > .elementor-widget-wrap{justify-content:flex-end;}}@media(max-width:766px){.elementor-1368 .elementor-element.elementor-element-6c512d2 > .elementor-shape-bottom svg{height:91px;}.elementor-1368 .elementor-element.elementor-element-6c512d2{padding:75px 0px 80px 0px;}.elementor-1368 .elementor-element.elementor-element-3702452.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-1368 .elementor-element.elementor-element-3702452 > .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-1368 .elementor-element.elementor-element-7e1456e > .elementor-widget-container{margin:0px 0px 15px 0px;}.elementor-1368 .elementor-element.elementor-element-7e1456e{text-align:center;}.elementor-1368 .elementor-element.elementor-element-7e1456e .elementor-heading-title{font-size:50px;line-height:45px;}.elementor-1368 .elementor-element.elementor-element-c52ad4f{margin-top:0px;margin-bottom:0px;z-index:90;}.elementor-1368 .elementor-element.elementor-element-f3405cb.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-1368 .elementor-element.elementor-global-1474 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-1368 .elementor-element.elementor-global-1474 .elementor-button{padding:18px 25px 18px 25px;}.elementor-1368 .elementor-element.elementor-element-d5a8ed0{padding:30px 0px 30px 0px;}.elementor-1368 .elementor-element.elementor-element-2667b36 .elementor-sitemap-section{flex-basis:calc( 1 / 1 * 100% );}.elementor-1368 .elementor-element.elementor-element-51270b3{margin-top:0rem;margin-bottom:-5rem;}.elementor-1368 .elementor-element.elementor-element-897a4e3 > .elementor-widget-container{margin:0% 0% 0% 0%;}.elementor-1368 .elementor-element.elementor-element-897a4e3 img{width:90%;}.elementor-1368 .elementor-element.elementor-element-06e5d5f, .elementor-1368 .elementor-element.elementor-element-06e5d5f > .elementor-background-overlay{border-radius:0px 0px 0px 0px;}.elementor-1368 .elementor-element.elementor-element-06e5d5f{padding:80px 0px 60px 0px;}.elementor-1368 .elementor-element.elementor-element-3ddd8a2 img{width:14%;}.elementor-1368 .elementor-element.elementor-element-8ec742d{text-align:center;}.elementor-1368 .elementor-element.elementor-element-37db3c2{margin-top:15px;margin-bottom:0px;}.elementor-1368 .elementor-element.elementor-element-103a4ed.elementor-column > .elementor-widget-wrap{justify-content:center;}}/* Start custom CSS for heading, class: .elementor-element-7e1456e *//* The Animated Span */
.elementor-1368 .elementor-element.elementor-element-7e1456e span {
    display: inline-block;
    position: relative;
    /* Initial State */
    color: #ED1C34; /* Brand Red */
    transform-origin: bottom center;
    
    /* THE INFINITE LOOP: 4 seconds total */
    animation: nphs-ladder-loop 4s cubic-bezier(0.25, 1, 0.5, 1) infinite;
}



/* --- Keyframes --- */

@keyframes nphs-ladder-loop {
    /* PHASE 1: HIGH & WOBBLY (The Ladder) */
    0% {
        transform: translateY(-15px) rotate(0deg);
        color: #ED1C34; /* Red = Danger */
        opacity: 0;
    }
    10% {
        opacity: 1;
        transform: translateY(-15px) rotate(-2deg);
    }
    15% {
        transform: translateY(-15px) rotate(2deg);
    }
    20% {
        transform: translateY(-15px) rotate(-1deg);
    }
    
    /* PHASE 2: THE DROP (Getting Off) */
    25% {
        transform: translateY(0px) scaleY(1);
        color: #ED1C34;
    }
    
    /* PHASE 3: THE IMPACT (Solid Ground) */
    30% {
        transform: translateY(2px) scaleY(0.9); /* Squash effect */
        color: #ED1C34; /* Navy = Safe */
    }
    35% {
        transform: translateY(0px) scaleY(1);
        color: #ED1C34;
    }
    
    /* PHASE 4: STAY SAFE (Hold) */
    80% {
        transform: translateY(0px);
        opacity: 1;
        color: #ED1C34;
    }
    
    /* PHASE 5: RESET */
    90% {
        transform: translateY(10px); /* Drop out bottom */
        opacity: 90;
    }
    100% {
        transform: translateY(10px);
        opacity: 90;
        color: #ED1C34;
    }
}

/* The Line Animation */
@keyframes nphs-ground-line {
    0%, 25% { transform: scaleX(0); opacity: 0; }
    30% { transform: scaleX(1); opacity: 1; } /* Line shoots out on impact */
    80% { transform: scaleX(1); opacity: 1; }
    90%, 100% { transform: scaleX(1); opacity: 0; }
}

/* Mobile Fix */
@media (max-width: 768px) {
    .elementor-1368 .elementor-element.elementor-element-7e1456e span { font-size: 38px; }
   .elementor-1368 .elementor-element.elementor-element-7e1456e span { display: block; margin-top: 5px; }
}/* End custom CSS */
/* Start custom CSS for global, class: .elementor-global-1465 *//* 1. Normal State: Gentle "Pointing" Loop */
.elementor-1368 .elementor-element.elementor-global-1465 .elementor-button-text::after {
    /* Name | Duration | Timing | Infinite Loop */
    animation: arrow-nudge 1.5s infinite ease-in-out;
}

/* 2. Hover State: Fast "Urgent" Loop */
.elementor-1368 .elementor-element.elementor-global-1465 .elementor-button:hover .elementor-button-text::after {
    /* Same animation, but much faster (0.4s) */
    animation: arrow-nudge 0.4s infinite ease-in-out;
}

/* 3. The Animation Keyframes */
@keyframes arrow-nudge {
    0% {
        transform: translateX(0px);
    }
    50% {
        transform: translateX(6px); /* Moves right to "point" */
    }
    100% {
        transform: translateX(0px); /* Returns to start */
    }
}



/* --- 1. The Button Container (Shape & Shadow) --- */
.elementor-1368 .elementor-element.elementor-global-1465 .elementor-button {
    /* Create the Slant */
    transform: skewX(-15deg);
    
    /* The Hard Brand Shadow (Navy, 0 Blur) */
    box-shadow: 4px 4px 0px #232464;
    
    /* Brand Red Background (Normal State) */
    background-color: #ED1C34 !important;
    
    /* Sharp Corners (Override default rounded) */
    border-radius: 0px !important;
    
    /* Spacing for shadow */
    margin-right: 10px;
    margin-bottom: 0px;
    
    /* Smooth Transition */
    transition: all 0.2s ease;
}

/* --- 2. Un-skew the Text & Icon --- */
/* This ensures the text stays upright and readable */
.elementor-1368 .elementor-element.elementor-global-1465 .elementor-button-content-wrapper {
    transform: skewX(15deg);
}

/* --- 3. Hover Effect (Mechanical 'Press') --- */
.elementor-1368 .elementor-element.elementor-global-1465 .elementor-button:hover {
    /* Move down and right to 'click' */
    transform: skewX(-15deg) translate(3px, 3px);
    
    /* Shrink shadow to match movement */
    box-shadow: 3px 3px 0px #232464;
    
    /* Hover Color: Switch to Navy for a 'Pro' contrast */
    background-color: #232464 !important;
}

/* Ensure Text/Icon remains White on hover */
.elementor-1368 .elementor-element.elementor-global-1465 .elementor-button:hover .elementor-button-text,
.elementor-1368 .elementor-element.elementor-global-1465 .elementor-button:hover .elementor-button-icon {
    color: #FFFFFF !important;
    fill: #FFFFFF !important;
}/* End custom CSS */
/* Start custom CSS for global, class: .elementor-global-1474 *//* --- 1. The Button Container (White Version) --- */
.elementor-1368 .elementor-element.elementor-global-1474 .elementor-button {
    /* Create the Slant */
    transform: skewX(-15deg);
    
    /* The Hard Brand Shadow (Navy, 0 Blur) */
    box-shadow: 4px 4px 0px #232464;
    
    /* White Background (Normal State) */
    background-color: #FFFFFF !important;
    
    /* Red Border (To define the edges) */
    border: 2px solid #ED1C34 !important;
    
    /* Sharp Corners */
    border-radius: 0px !important;
    
    /* Spacing for shadow */
    margin-right: 10px;
    margin-bottom: 10px;
    
    /* Smooth Transition */
    transition: all 0.2s ease;
}

/* --- 2. Text & Icon Styling (Navy on White) --- */
/* Un-skew the wrapper first */
.elementor-1368 .elementor-element.elementor-global-1474 .elementor-button-content-wrapper {
    transform: skewX(15deg);
}

/* Set Text to Navy for contrast */
.elementor-1368 .elementor-element.elementor-global-1474 .elementor-button .elementor-button-text,
.elementor-1368 .elementor-element.elementor-global-1474 .elementor-button .elementor-button-icon {
    color: #232464 !important;
    fill: #232464 !important;
}

/* --- 3. Hover Effect (Mechanical 'Press' + Color Swap) --- */
.elementor-1368 .elementor-element.elementor-global-1474 .elementor-button:hover {
    /* Move down and right to 'click' */
    transform: skewX(-15deg) translate(3px, 3px);
    
    /* Shrink shadow */
    box-shadow: 3px 3px 0px #232464;
    
    /* Hover Color: Turn Red for high visibility */
    background-color: #ED1C34 !important;
    
    /* Optional: Switch border to Navy on hover */
    border-color: #232464 !important;
}

/* Turn Text/Icon White on Hover */
.elementor-1368 .elementor-element.elementor-global-1474 .elementor-button:hover .elementor-button-text,
.elementor-1368 .elementor-element.elementor-global-1474 .elementor-button:hover .elementor-button-icon {
    color: #FFFFFF !important;
    fill: #FFFFFF !important;
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-c52ad4f */.elementor-1368 .elementor-element.elementor-element-c52ad4f {
    position: relative;
z-index: 9999;
isolation: isolate;

}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-8ec742d */.elementor-1368 .elementor-element.elementor-element-8ec742d span {
    color:#ed1c34;
}/* End custom CSS */
/* Start custom CSS for global, class: .elementor-global-1465 *//* 1. Normal State: Gentle "Pointing" Loop */
.elementor-1368 .elementor-element.elementor-global-1465 .elementor-button-text::after {
    /* Name | Duration | Timing | Infinite Loop */
    animation: arrow-nudge 1.5s infinite ease-in-out;
}

/* 2. Hover State: Fast "Urgent" Loop */
.elementor-1368 .elementor-element.elementor-global-1465 .elementor-button:hover .elementor-button-text::after {
    /* Same animation, but much faster (0.4s) */
    animation: arrow-nudge 0.4s infinite ease-in-out;
}

/* 3. The Animation Keyframes */
@keyframes arrow-nudge {
    0% {
        transform: translateX(0px);
    }
    50% {
        transform: translateX(6px); /* Moves right to "point" */
    }
    100% {
        transform: translateX(0px); /* Returns to start */
    }
}



/* --- 1. The Button Container (Shape & Shadow) --- */
.elementor-1368 .elementor-element.elementor-global-1465 .elementor-button {
    /* Create the Slant */
    transform: skewX(-15deg);
    
    /* The Hard Brand Shadow (Navy, 0 Blur) */
    box-shadow: 4px 4px 0px #232464;
    
    /* Brand Red Background (Normal State) */
    background-color: #ED1C34 !important;
    
    /* Sharp Corners (Override default rounded) */
    border-radius: 0px !important;
    
    /* Spacing for shadow */
    margin-right: 10px;
    margin-bottom: 0px;
    
    /* Smooth Transition */
    transition: all 0.2s ease;
}

/* --- 2. Un-skew the Text & Icon --- */
/* This ensures the text stays upright and readable */
.elementor-1368 .elementor-element.elementor-global-1465 .elementor-button-content-wrapper {
    transform: skewX(15deg);
}

/* --- 3. Hover Effect (Mechanical 'Press') --- */
.elementor-1368 .elementor-element.elementor-global-1465 .elementor-button:hover {
    /* Move down and right to 'click' */
    transform: skewX(-15deg) translate(3px, 3px);
    
    /* Shrink shadow to match movement */
    box-shadow: 3px 3px 0px #232464;
    
    /* Hover Color: Switch to Navy for a 'Pro' contrast */
    background-color: #232464 !important;
}

/* Ensure Text/Icon remains White on hover */
.elementor-1368 .elementor-element.elementor-global-1465 .elementor-button:hover .elementor-button-text,
.elementor-1368 .elementor-element.elementor-global-1465 .elementor-button:hover .elementor-button-icon {
    color: #FFFFFF !important;
    fill: #FFFFFF !important;
}/* End custom CSS */
/* Start custom CSS for global, class: .elementor-global-1474 *//* --- 1. The Button Container (White Version) --- */
.elementor-1368 .elementor-element.elementor-global-1474 .elementor-button {
    /* Create the Slant */
    transform: skewX(-15deg);
    
    /* The Hard Brand Shadow (Navy, 0 Blur) */
    box-shadow: 4px 4px 0px #232464;
    
    /* White Background (Normal State) */
    background-color: #FFFFFF !important;
    
    /* Red Border (To define the edges) */
    border: 2px solid #ED1C34 !important;
    
    /* Sharp Corners */
    border-radius: 0px !important;
    
    /* Spacing for shadow */
    margin-right: 10px;
    margin-bottom: 10px;
    
    /* Smooth Transition */
    transition: all 0.2s ease;
}

/* --- 2. Text & Icon Styling (Navy on White) --- */
/* Un-skew the wrapper first */
.elementor-1368 .elementor-element.elementor-global-1474 .elementor-button-content-wrapper {
    transform: skewX(15deg);
}

/* Set Text to Navy for contrast */
.elementor-1368 .elementor-element.elementor-global-1474 .elementor-button .elementor-button-text,
.elementor-1368 .elementor-element.elementor-global-1474 .elementor-button .elementor-button-icon {
    color: #232464 !important;
    fill: #232464 !important;
}

/* --- 3. Hover Effect (Mechanical 'Press' + Color Swap) --- */
.elementor-1368 .elementor-element.elementor-global-1474 .elementor-button:hover {
    /* Move down and right to 'click' */
    transform: skewX(-15deg) translate(3px, 3px);
    
    /* Shrink shadow */
    box-shadow: 3px 3px 0px #232464;
    
    /* Hover Color: Turn Red for high visibility */
    background-color: #ED1C34 !important;
    
    /* Optional: Switch border to Navy on hover */
    border-color: #232464 !important;
}

/* Turn Text/Icon White on Hover */
.elementor-1368 .elementor-element.elementor-global-1474 .elementor-button:hover .elementor-button-text,
.elementor-1368 .elementor-element.elementor-global-1474 .elementor-button:hover .elementor-button-icon {
    color: #FFFFFF !important;
    fill: #FFFFFF !important;
}/* End custom CSS */