.elementor-kit-601{--e-global-color-primary:#000000;--e-global-color-secondary:#1D4ED8;--e-global-color-text:#374151;--e-global-color-accent:#6B7280;--e-global-color-870ef80:#1D4ED8;--e-global-color-bf890a9:#0B1D45;--e-global-color-b70a650:#93C5FD;--e-global-color-15e26ab:#FEE2E2;--e-global-color-f184fe1:#E5E7EB;--e-global-color-ce1effd:#E22D2D;--e-global-color-2d81040:#E2D52D;--e-global-color-84193ec:#2663CF;--e-global-color-1fd5b56:#20BD3C;--e-global-color-1e38924:#F9FAFB;--e-global-color-4e87b42:#02010100;--e-global-color-5bd60dc:#FFFFFF;--e-global-color-4407dca:#FFA402;--e-global-color-c690da5:#FFD800;--e-global-typography-primary-font-family:"Montserrat";--e-global-typography-primary-font-weight:800;--e-global-typography-secondary-font-family:"Montserrat";--e-global-typography-secondary-font-size:12px;--e-global-typography-secondary-font-weight:700;--e-global-typography-secondary-text-transform:uppercase;--e-global-typography-secondary-letter-spacing:1px;--e-global-typography-text-font-family:"Inter";--e-global-typography-text-font-size:16px;--e-global-typography-text-font-weight:400;--e-global-typography-text-line-height:1.5em;--e-global-typography-accent-font-family:"Inter";--e-global-typography-accent-font-size:14px;--e-global-typography-accent-font-weight:500;--e-global-typography-5d11618-font-family:"Montserrat";--e-global-typography-5d11618-font-size:80px;--e-global-typography-5d11618-font-weight:700;--e-global-typography-5d11618-text-transform:none;--e-global-typography-5d11618-line-height:1.1em;--e-global-typography-5d11618-letter-spacing:-1.3px;--e-global-typography-c0c00e9-font-family:"Montserrat";--e-global-typography-c0c00e9-font-size:56px;--e-global-typography-c0c00e9-font-weight:700;--e-global-typography-c0c00e9-text-transform:none;--e-global-typography-c0c00e9-line-height:1.2em;--e-global-typography-c0c00e9-letter-spacing:-1.3px;--e-global-typography-973c7a1-font-family:"Montserrat";--e-global-typography-973c7a1-font-size:40px;--e-global-typography-973c7a1-font-weight:700;--e-global-typography-973c7a1-text-transform:none;--e-global-typography-973c7a1-line-height:1.2em;--e-global-typography-973c7a1-letter-spacing:-1.1px;--e-global-typography-2a9a9cf-font-family:"Montserrat";--e-global-typography-2a9a9cf-font-size:32px;--e-global-typography-2a9a9cf-font-weight:700;--e-global-typography-2a9a9cf-text-transform:none;--e-global-typography-2a9a9cf-line-height:1.2em;--e-global-typography-2a9a9cf-letter-spacing:-1px;--e-global-typography-8e643e6-font-family:"Montserrat";--e-global-typography-8e643e6-font-size:24px;--e-global-typography-8e643e6-font-weight:700;--e-global-typography-8e643e6-text-transform:none;--e-global-typography-8e643e6-line-height:1.2em;--e-global-typography-8e643e6-letter-spacing:-0.8px;--e-global-typography-ed1c829-font-family:"Montserrat";--e-global-typography-ed1c829-font-size:16px;--e-global-typography-ed1c829-font-weight:700;--e-global-typography-ed1c829-text-transform:none;--e-global-typography-ed1c829-line-height:1.2em;--e-global-typography-ed1c829-letter-spacing:-0.6px;--e-global-typography-63ff56c-font-family:"Montserrat";--e-global-typography-63ff56c-font-size:12px;--e-global-typography-63ff56c-font-weight:600;--e-global-typography-63ff56c-text-transform:uppercase;--e-global-typography-63ff56c-letter-spacing:0.8px;--e-global-typography-dbc0204-font-family:"Montserrat";--e-global-typography-dbc0204-font-size:14px;--e-global-typography-dbc0204-font-weight:600;--e-global-typography-dbc0204-text-transform:capitalize;--e-global-typography-0c74ed6-font-family:"Inter";--e-global-typography-0c74ed6-font-size:13px;--e-global-typography-0c74ed6-font-weight:500;--e-global-typography-0c74ed6-text-transform:none;--e-global-typography-0c74ed6-line-height:1.6em;--e-global-typography-f12db44-font-family:"Inter";--e-global-typography-f12db44-font-size:20px;--e-global-typography-f12db44-font-weight:500;--e-global-typography-f12db44-text-transform:none;--e-global-typography-f12db44-line-height:1.5em;font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );background-position:center center;background-repeat:repeat-y;background-size:1220px auto;}.elementor-kit-601 button,.elementor-kit-601 input[type="button"],.elementor-kit-601 input[type="submit"],.elementor-kit-601 .elementor-button{background-color:var( --e-global-color-870ef80 );font-family:var( --e-global-typography-dbc0204-font-family ), Sans-serif;font-size:var( --e-global-typography-dbc0204-font-size );font-weight:var( --e-global-typography-dbc0204-font-weight );text-transform:var( --e-global-typography-dbc0204-text-transform );color:var( --e-global-color-5bd60dc );border-style:solid;border-width:0px 0px 0px 0px;border-radius:100px 100px 100px 100px;}.elementor-kit-601 button:hover,.elementor-kit-601 button:focus,.elementor-kit-601 input[type="button"]:hover,.elementor-kit-601 input[type="button"]:focus,.elementor-kit-601 input[type="submit"]:hover,.elementor-kit-601 input[type="submit"]:focus,.elementor-kit-601 .elementor-button:hover,.elementor-kit-601 .elementor-button:focus{background-color:var( --e-global-color-bf890a9 );color:var( --e-global-color-5bd60dc );}.elementor-kit-601 e-page-transition{background-color:#FFBC7D;}.elementor-kit-601 a{color:var( --e-global-color-870ef80 );}.elementor-kit-601 a:hover{color:var( --e-global-color-bf890a9 );}.elementor-kit-601 h1{font-family:var( --e-global-typography-5d11618-font-family ), Sans-serif;font-size:var( --e-global-typography-5d11618-font-size );font-weight:var( --e-global-typography-5d11618-font-weight );text-transform:var( --e-global-typography-5d11618-text-transform );line-height:var( --e-global-typography-5d11618-line-height );letter-spacing:var( --e-global-typography-5d11618-letter-spacing );}.elementor-kit-601 h2{font-family:var( --e-global-typography-c0c00e9-font-family ), Sans-serif;font-size:var( --e-global-typography-c0c00e9-font-size );font-weight:var( --e-global-typography-c0c00e9-font-weight );text-transform:var( --e-global-typography-c0c00e9-text-transform );line-height:var( --e-global-typography-c0c00e9-line-height );letter-spacing:var( --e-global-typography-c0c00e9-letter-spacing );}.elementor-kit-601 h3{font-family:var( --e-global-typography-973c7a1-font-family ), Sans-serif;font-size:var( --e-global-typography-973c7a1-font-size );font-weight:var( --e-global-typography-973c7a1-font-weight );text-transform:var( --e-global-typography-973c7a1-text-transform );line-height:var( --e-global-typography-973c7a1-line-height );letter-spacing:var( --e-global-typography-973c7a1-letter-spacing );}.elementor-kit-601 h4{font-family:var( --e-global-typography-2a9a9cf-font-family ), Sans-serif;font-size:var( --e-global-typography-2a9a9cf-font-size );font-weight:var( --e-global-typography-2a9a9cf-font-weight );text-transform:var( --e-global-typography-2a9a9cf-text-transform );line-height:var( --e-global-typography-2a9a9cf-line-height );letter-spacing:var( --e-global-typography-2a9a9cf-letter-spacing );}.elementor-kit-601 h5{font-family:var( --e-global-typography-8e643e6-font-family ), Sans-serif;font-size:var( --e-global-typography-8e643e6-font-size );font-weight:var( --e-global-typography-8e643e6-font-weight );text-transform:var( --e-global-typography-8e643e6-text-transform );line-height:var( --e-global-typography-8e643e6-line-height );letter-spacing:var( --e-global-typography-8e643e6-letter-spacing );}.elementor-kit-601 h6{font-family:var( --e-global-typography-ed1c829-font-family ), Sans-serif;font-size:var( --e-global-typography-ed1c829-font-size );font-weight:var( --e-global-typography-ed1c829-font-weight );text-transform:var( --e-global-typography-ed1c829-text-transform );line-height:var( --e-global-typography-ed1c829-line-height );letter-spacing:var( --e-global-typography-ed1c829-letter-spacing );}.elementor-kit-601 label{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );text-transform:var( --e-global-typography-secondary-text-transform );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-kit-601 input:not([type="button"]):not([type="submit"]),.elementor-kit-601 textarea,.elementor-kit-601 .elementor-field-textual{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-f184fe1 );border-radius:12px 12px 12px 12px;}.elementor-kit-601 input:focus:not([type="button"]):not([type="submit"]),.elementor-kit-601 textarea:focus,.elementor-kit-601 .elementor-field-textual:focus{background-color:var( --e-global-color-1e38924 );border-style:solid;border-color:var( --e-global-color-870ef80 );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1280px;}.e-con{--container-max-width:1280px;--container-default-padding-top:30px;--container-default-padding-right:30px;--container-default-padding-bottom:30px;--container-default-padding-left:30px;}.elementor-widget:not(:last-child){margin-block-end:24px;}.elementor-element{--widgets-spacing:24px 24px;--widgets-spacing-row:24px;--widgets-spacing-column:24px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-kit-601{--e-global-typography-5d11618-font-size:60px;--e-global-typography-5d11618-line-height:1.1em;--e-global-typography-c0c00e9-font-size:40px;--e-global-typography-c0c00e9-line-height:1.2em;--e-global-typography-973c7a1-font-size:28px;--e-global-typography-973c7a1-line-height:1.2em;--e-global-typography-2a9a9cf-font-size:24px;--e-global-typography-2a9a9cf-line-height:1.2em;--e-global-typography-8e643e6-font-size:22px;--e-global-typography-8e643e6-line-height:1.1em;--e-global-typography-ed1c829-font-size:16px;font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );background-size:calc(100vw - 60px) auto;}.elementor-kit-601 h1{font-size:var( --e-global-typography-5d11618-font-size );line-height:var( --e-global-typography-5d11618-line-height );letter-spacing:var( --e-global-typography-5d11618-letter-spacing );}.elementor-kit-601 h2{font-size:var( --e-global-typography-c0c00e9-font-size );line-height:var( --e-global-typography-c0c00e9-line-height );letter-spacing:var( --e-global-typography-c0c00e9-letter-spacing );}.elementor-kit-601 h3{font-size:var( --e-global-typography-973c7a1-font-size );line-height:var( --e-global-typography-973c7a1-line-height );letter-spacing:var( --e-global-typography-973c7a1-letter-spacing );}.elementor-kit-601 h4{font-size:var( --e-global-typography-2a9a9cf-font-size );line-height:var( --e-global-typography-2a9a9cf-line-height );letter-spacing:var( --e-global-typography-2a9a9cf-letter-spacing );}.elementor-kit-601 h5{font-size:var( --e-global-typography-8e643e6-font-size );line-height:var( --e-global-typography-8e643e6-line-height );letter-spacing:var( --e-global-typography-8e643e6-letter-spacing );}.elementor-kit-601 h6{font-size:var( --e-global-typography-ed1c829-font-size );line-height:var( --e-global-typography-ed1c829-line-height );letter-spacing:var( --e-global-typography-ed1c829-letter-spacing );}.elementor-kit-601 button,.elementor-kit-601 input[type="button"],.elementor-kit-601 input[type="submit"],.elementor-kit-601 .elementor-button{font-size:var( --e-global-typography-dbc0204-font-size );}.elementor-kit-601 label{font-size:var( --e-global-typography-secondary-font-size );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-kit-601 input:not([type="button"]):not([type="submit"]),.elementor-kit-601 textarea,.elementor-kit-601 .elementor-field-textual{font-size:var( --e-global-typography-accent-font-size );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-601{--e-global-typography-5d11618-font-size:40px;--e-global-typography-c0c00e9-font-size:32px;--e-global-typography-973c7a1-font-size:24px;--e-global-typography-2a9a9cf-font-size:22px;--e-global-typography-8e643e6-font-size:18px;--e-global-typography-f12db44-font-size:18px;font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );background-size:calc(100vw - 40px) auto;}.elementor-kit-601 h1{font-size:var( --e-global-typography-5d11618-font-size );line-height:var( --e-global-typography-5d11618-line-height );letter-spacing:var( --e-global-typography-5d11618-letter-spacing );}.elementor-kit-601 h2{font-size:var( --e-global-typography-c0c00e9-font-size );line-height:var( --e-global-typography-c0c00e9-line-height );letter-spacing:var( --e-global-typography-c0c00e9-letter-spacing );}.elementor-kit-601 h3{font-size:var( --e-global-typography-973c7a1-font-size );line-height:var( --e-global-typography-973c7a1-line-height );letter-spacing:var( --e-global-typography-973c7a1-letter-spacing );}.elementor-kit-601 h4{font-size:var( --e-global-typography-2a9a9cf-font-size );line-height:var( --e-global-typography-2a9a9cf-line-height );letter-spacing:var( --e-global-typography-2a9a9cf-letter-spacing );}.elementor-kit-601 h5{font-size:var( --e-global-typography-8e643e6-font-size );line-height:var( --e-global-typography-8e643e6-line-height );letter-spacing:var( --e-global-typography-8e643e6-letter-spacing );}.elementor-kit-601 h6{font-size:var( --e-global-typography-ed1c829-font-size );line-height:var( --e-global-typography-ed1c829-line-height );letter-spacing:var( --e-global-typography-ed1c829-letter-spacing );}.elementor-kit-601 button,.elementor-kit-601 input[type="button"],.elementor-kit-601 input[type="submit"],.elementor-kit-601 .elementor-button{font-size:var( --e-global-typography-dbc0204-font-size );}.elementor-kit-601 label{font-size:var( --e-global-typography-secondary-font-size );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-kit-601 input:not([type="button"]):not([type="submit"]),.elementor-kit-601 textarea,.elementor-kit-601 .elementor-field-textual{font-size:var( --e-global-typography-accent-font-size );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* ========================================================= METALLIC GREEN - CONTAINERS & BUTTONS Exterior Solution Contractors Corp ========================================================= */ /* ========================= METALLIC GREEN CONTAINERS ========================= */ .metal-green { position: relative; overflow: hidden; isolation: isolate; background: linear-gradient( 135deg, #102b12 0%, #3f7d32 18%, #8fca63 35%, #2d6525 50%, #6fae4c 68%, #173c18 85%, #091d0b 100% ); background-size: 300% 300%; border: 1px solid #9bd477; border-radius: 14px; box-shadow: 0 8px 18px rgba(0, 0, 0, 0.25), inset 0 1px 0 rgba(255, 255, 255, 0.35), inset 0 -2px 5px rgba(0, 0, 0, 0.25); transition: transform 0.35s ease, box-shadow 0.35s ease, border-color 0.35s ease; animation: metallicGreenFlow 7s ease infinite; } /* Metallic shine */ .metal-green::before { content: ""; position: absolute; inset: 0; background: linear-gradient( 115deg, transparent 20%, rgba(255,255,255,0.04) 35%, rgba(255,255,255,0.35) 50%, rgba(255,255,255,0.04) 65%, transparent 80% ); background-size: 250% 100%; animation: metallicShine 5s ease-in-out infinite; pointer-events: none; z-index: -1; } /* Hover - lift + small 3D extrusion */ .metal-green:hover { transform: translateY(-8px); border-color: #c7f5a3; box-shadow: 0 16px 0 rgba(17, 55, 15, 0.35), 0 22px 35px rgba(0, 0, 0, 0.35), inset 0 1px 0 rgba(255,255,255,0.45), inset 0 -3px 7px rgba(0,0,0,0.3); } /* ========================= METALLIC GREEN BUTTONS ========================= */ .metal-green-btn { position: relative; display: inline-block; overflow: hidden; isolation: isolate; background: linear-gradient( 135deg, #0b240d 0%, #326d27 18%, #8bc95e 38%, #3d812e 52%, #75b94e 70%, #102d12 100% ); background-size: 300% 300%; color: #ffffff !important; border: 1px solid #a9e67b !important; border-radius: 8px; box-shadow: 0 5px 0 #173d16, 0 9px 18px rgba(0,0,0,0.3), inset 0 1px 0 rgba(255,255,255,0.4), inset 0 -2px 4px rgba(0,0,0,0.25); text-shadow: 0 1px 2px rgba(0,0,0,0.65); transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease; animation: metallicGreenFlow 6s ease infinite; } /* Button shine */ .metal-green-btn::before { content: ""; position: absolute; top: -50%; left: -100%; width: 60%; height: 200%; background: linear-gradient( 90deg, transparent, rgba(255,255,255,0.45), transparent ); transform: skewX(-20deg); animation: buttonShine 4s ease-in-out infinite; pointer-events: none; } /* Button hover */ .metal-green-btn:hover { transform: translateY(-5px); color: #ffffff !important; border-color: #d1ffa9 !important; box-shadow: 0 8px 0 #102b0f, 0 16px 28px rgba(0,0,0,0.38), inset 0 1px 0 rgba(255,255,255,0.55), inset 0 -2px 5px rgba(0,0,0,0.3); } /* Button active / click */ .metal-green-btn:active { transform: translateY(1px); box-shadow: 0 2px 0 #102b0f, 0 5px 10px rgba(0,0,0,0.25); } /* ========================= ANIMATIONS ========================= */ @keyframes metallicGreenFlow { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } } @keyframes metallicShine { 0% { background-position: -150% 0; } 45% { background-position: 150% 0; } 100% { background-position: 150% 0; } } @keyframes buttonShine { 0% { left: -100%; } 45% { left: 150%; } 100% { left: 150%; } } /* ========================= MOBILE OPTIMIZATION ========================= */ @media (max-width: 767px) { .metal-green:hover { transform: translateY(-4px); box-shadow: 0 10px 0 rgba(17,55,15,0.3), 0 15px 25px rgba(0,0,0,0.3); } .metal-green-btn:hover { transform: translateY(-3px); box-shadow: 0 6px 0 #102b0f, 0 12px 22px rgba(0,0,0,0.3); } }/* End custom CSS */