.elementor-kit-7{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-7 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}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-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}} /* Start custom CSS *//* === MINIMALIST REDESIGN - ClimateCare Systems === */ /* --- CSS Variables --- *ClimateCare:root REDESIGN --navy: #0d1b3e--- --navy-light: #1a2f5e; --orange: #e8701a; --orange-light: #f5822a--orange --white: #ffffff; --gray-light: #f7f8fa; --gray-mid: #e8eaf0; --text-dark: #1a1a2e; --text-mid: #4a5568; --text-light: #718096; --radius: 12px; --shadow: 0 4px 24px rgba(13,27,62,0.10)13 --transition: all 0.3s ease; } /* --- Global Resets --- */ body, .elementor { font-family: 'Inter', 'Segoe UI', Arial, sans-serif !importantimportant; background: #ffffff !imimportantimportant color: var(--text-dark) !importanimportantimportant} /* --- HEADER / NAV --- */ [data-id="a6bb112"] { background: #ffffff !impimportantimportant box-shadow: 0 1px 0 var(--gray-mid) !iimportantimportant padding: 0 !imporimportantimportant position: sticky; top: 00d1b3e--- z-index: 1000; } [data-id="a6bb112"] .elementor-nav-menu a { color: var(--text-dark) !impimportantimportant font-weight: 500 !impoimportantimportant font-size: 15px !imimportantimportant letter-spacing: 0.0100d1b3e--- padding: 8px 16px !iimportantimportant border-radius: 8px8px transition: var(--transitio--text-dark} [data-id="a6bb112"] .elementor-nav-menu a:hovebox-shadow[data-id="a6bb112"] .elementor-nav-menu .current-menu-item a a6bb112 color: var(--orange) !importantimportant; background: rgba(232,112,26,0.07) !imimportantimportant} [data-id="df8a0c0"] .elementor-butelementor-nav-menu background: var(--orange) !impoimportantimportant color: #fff !importantimportant; border-radius: 50px !iimportantimportant font-weight: 600 !importantimportant; font-size: 14px !iimportantimportant padding: 10px 24px !iimportantimportant border: none !importantimportant; box-shadow: 0 2px 12px rgba(232,112,26,0.25) !iimportantimportant letter-spacing: 0.02em07} /* --- HERO SECTION ------[data-id="2158130"] 25 background: var(--navy) !importantimportant; min-height: 90vh !impimportantimportant padding: 80px 40px !iimportantimportant position: relative; overflow: hidden; } [data-id="2158130"]::before { content: ''; position: absolute; top: -100px; right: -10-100px width: 600px; height: 600px; background: radial-gradient(circle, rgba(232,112,26,0.12) 0%, transparent 70%)718096 pointer-events: none; } [data-id="2158130"] h1, [data-id="2158130"] .elementor-heading-title { color: #ffffff !importantimportant; font-size: clamp(32px, 4vw, 56px) !importaimportantimportant font-weight: 700 !iimportantimportant line-height: 1.15 !importantimportelementor-heading-title letter-spacing: -0.02em !importantimportant; } [data-id="2158130"] h2 { color: var(--orange) !importantimportant; font-size: clamp(18px, 2.5vw, 26px) !iimportantimportant font-weight: 500 !impoimportantimportant line-height: 1.4 !importantimportantimportant} [data-id="2158130"] pdata-id[data-id="2158130"] .elementor-widget-text-editor p pdata-id color: rgba(255,255,255,0.75) !importantimportantimportantimportant font-size: 16px !importimportantimportantimportantimportant line-height: 1.7 !iimportantimportantimportantimportant} [data-id="2158130"] blockquote { border-left: 3px solid var(--orange) !importantimportant; padding-left: 16px !importantimportant; color: var(--orange) !imimportantimportant font-style: normal !imimportantimportant font-size: 17px !importantiimportantimportant font-weight: 500 !importantimportantfont-size margin: 20px 0 !importantimportantmin-height} [data-id="2158130"] blockquote p data-id color: var(--orange) !importantimportantcolor} [data-id="2158130"] .elementor-button data-id background: var(--orange) !importantimportantvar color: #fff !importantimportantcolor border-radius: 50px !importantimportantbackground font-weight: 600 !importantimportfont-weight font-size: 14px !impimportantimportantbackground letter-spacing: 0.08em !iimportantimportantbackground padding: 16px 36px !impoimportantimportfont-weight border: none !impoimportantimportfont-weight box-shadow: 0 4px 20px rgba(232,112,26,0.40) !impimportantimportantbackground text-transform: uppercase !importantimportant; transition: var(--transition) !importantimportant; } [data-id="2158130"] .elementor-button:hover { background: var(--orange-light) !iimportantimportant transform: translateY(-2px) !iimportantimportant box-shadow: 0 8px 30px rgba(232,112,26,0.50) !impimportantimportant} /* Hero images */ [data-id="2158130"] .elementor-widget-image imimages border-radius: var(--radius) !importantimportant; box-shadow: 0 20px 60px rgba(0,0,0,0.30) !iimportantimportant object-fit: cover !iimportantimportant} /* Phone button in hero */ [data-id="2158130"] .eael-call-to-action-btn, [data-id="2158130"] a[href^="tel"] { background: rgba(255,255,255,0.1) !iimportantimportant color: #ffffff !imimportantimportant border: 1px solid rgba(255,255,255,0.25) !imimportantimportant border-radius: 50px !iimportantimportant padding: 12px 28px !imporimportantimportant font-weight: 600 !imimportantimportant backdrop-filter: blur(10px); } /* --- WHAT WE DO / SERVICES INTRO --- */ [data-id="ff7c749"] { background: #ffffff !iimportantimportant padding: 80px 40px !imimportantimportant text-align: ccenter} [data-id="ff7c749"] .elementor-heading-title { color: var(--navy) !imimportantimportant font-size: clamp(28px, 3.5vw, 44px) !imimportantimportant font-weight: 700 !imporimportantimportant letter-spacing: -0.02em !iimportantimportant} [data-id="ff7c749ff7c749 color: var(--text-mid) !importantimportantimportant font-size: 17px !imimportantimportantimportant line-height: 1.7 !importantimportantimportantimportant max-width: 640px; margin: 0 auto !importantimportant; } /* Orange label */ [data-id="ff7c749"] .elementor-widget-text-editor p:first-child, [data-id="ff7c749"] .elementor-heading-title.elementor-size-small { color: var(--orange) !iimportantimportant font-size: 13px !iimportantimportant font-weight: 700 !imporimportantimportant letter-spacing: 0.15em !iimportantimportant text-transform: uppercase !iimportantimportant} /* --- HEATING SYSTEMS SECTION --- *---[data-id="2baa100"] { background: var(--gray-light) !impimportantimportant padding: 60px 40px !iimportantimportant} [data-id="2baa100"] > .e-con-inner { border-radius: var(--radius) !iimportantimportant} [data-id="2baa100"] .elementelementor-heading-title color: var(--navy) !importantimportant; font-weight: 700 !importantimportant; font-size: clamp(22px, 2.5vw, 30px) !imporimportantimportant} [data-id="2baa100"] p { color: var(--text-mid) !impimportantimportant line-height: 1.7 !impimportantimportant} /* Service cards */ [data-id="2baa100"] .e-con.e-child { background: #ffffff !iimportantimportant border-radius: var(--radius) !iimportantimportant padding: 28px !imimportantimportant box-shadow: var(--shadow) !impoimportantimportant transition: var(--transition) !imporimportantimportant border: 1px solid var(--gray-mid) !imporimportantimportant} [data-id="2baa100"] .e-con.e-child:hover { transform: translateY(-4px) !iimportantimportant box-shadow: 0 12px 40px rgba(13,27,62,0.15) !impimportantimportant} /* --- MAINTENANCE SECTION --- */ [data-id="56c9e92"] { background: var(--navy) !importanimportantimportant padding: 60px 40px !impimportantimportant border-radius: 0 !iimportantimportant} [data-id="56c9e92"] .elementor-heading-title { color: #ffffff !iimportantimportant font-weight: 700 !impimportantimportant font-size: clamp(22px, 2.5vw, 30px) !impimportantimportant} [data-id="56c9e92"] p { color: rgba(255,255,255,0.75) !imimportantimportant line-height: 1.7 !imimportantimportant} [data-id="56c9e92"] .elemelementor-button background: var(--orange) !importantimportant; color: #fff !imimportantimportant border-radius: 50px !imimportantimportant font-weight: 600 !importantimportant; padding: 14px 32px !iimportantimportant border: none !impimportantimportant box-shadow: 0 4px 16px rgba(232,112,26,0.35) !impoimportantimportant} /* --- ABOUT SECTION ------[data-id="dddfe68"] { background: #ffffff !impoimportantimportant padding: 80px 40px !imporimportantimportant} [data-id="dddfe68"] .elementor-heading-title { color: var(--navy) !importantimportant; font-weight: 700 !importantimportant; font-size: clamp(26px, 3vw, 40px) !iimportantimportant letter-spacing: -0.02em !impoimportantimportant line-height: 1.2 !importimportantimportant} [data-id="dddfe68"] p { color: var(--text-mid) !importantimportant; font-size: 16px !importantimportant; line-height: 1.75 !iimportantimportantimportantimportant} [data-id="dddfe68"] .elementor-widget-image imgimportantimportant border-radius: var(--radius) !impoimportantimportant box-shadow: var(--shadow) !imimportantimportant} /* --- WHY TRUST US SECTION --SECTION[data-id="264aa7a"] { background: var(--gray-light) !importantimp--gray-mid padding: 80px 40px !importantimportant40px text-align: centerTRUST} [data-id="264aa7a"] .elementor-headinelementor-widget-image color: var(--navy) !iimportantimportant40px font-size: clamp(26px, 3vw, 40px) !imporimportantimportant40px font-weight: 700 !iimportantimportant40px letter-spacing: -0.02em !importantimportant; } /* --- WHY TRUST CARDS --- */ [data-id="1d1eeb9"] { background: var(--gray-light) !impoimportantimportant padding: 0 40px 80px !imporimportantimportant} [data-id="1d1eeb9"] .e-con.e-ce-child background: #ffffff !impimportantimportant border-radius: var(--radius) !impimportantimportant padding: 32px !impimportantimportant box-shadow: var(--shadow) !importantimportantborder-radius border: 1px solid var(--gray-mid) !importantimportantbox-shadow transition: var(--transition) !iimportantimportantbox-shadow} [data-id="1d1eeb9"] .e-con.e-child:hover hover border-color: var(--orange) !importantimportant; box-shadow: 0 8px 32px rgba(232,112,26,0.12) !iimportantimportantbox-shadow} [data-id="1d1eeb9"] .elementor-heading-title { color: var(--navy) !impimportantimportant font-weight: 700 !imimportantimportant font-size: 20px !impoimportantimportant} [data-id="1d1eeb9"] p padding color: var(--text-mid) !importantimportant; line-height: 1.7 !impimportantimportant} /* --- REVIEWS SECTION --- ---[data-id="3d07915"] { background: var(--navy) !importantimportant; padding: 80px 40px !impimportantimportant text-align: ccenterTRUST} [data-id="3d07915"] .elementor-heading-title { color: #ffffff !impimportantimportant font-size: clamp(26px, 3vw, 40px) !iimportantimportant font-weight: 700 !imimportantimportant} [data-id="bd41ddf"] { background: var(--navy) !imimportantimportant padding: 0 40px 80px !importantimportant; } [data-id="bd41ddf"] .e-con.e-che-child background: rgba(255,255,255,0.06) !iimportantimportant border: 1px solid rgba(255,255,255,0.12) !importaimportantimportant border-radius: var(--radius) !iimportantimportant padding: 32px !importantimportant; transition: var(--transition) !iimportantimportantbox-shadow} [data-id="bd41ddf"] .e-con.e-child:hover { background: rgba(255,255,255,0.10) !imporimportantimportant border-color: var(--orange) !iimportantimportantbox-shadow} [data-id="bd41ddf"] p, [data-id="bd41ddf"] .elementor-widget-text-editor p { color: rgba(255,255,255,0.85) !imporimportantimportant font-size: 16px !importantimportant; line-height: 1.7 !impimportantimportant font-style: italic !impoimportantimportant} [data-id="bd41ddf"] .elementor-heading-title { color: var(--orange) !importantimportant; font-weight: 600 !imimportantimportant font-size: 15px !iimportantimportant} [data-id="bd41ddf"] .elementor-star-rating i { color: var(--orange) !importantimportant; } /* --- SERVICE AREAS --- */ [data-id="ff5bd85"] font-size background: #ffffff !importaimportantimportant padding: 80px 40px !imimportantimportant} [data-id="ff5bd85"] .elementor-heading-title { color: var(--navy) !iimportantimportant font-weight: 700 !imimportantimportant font-size: clamp(26px, 3vw, 40px) !imimportantimportant letter-spacing: -0.02em !impoimportantimportant} [data-id="ff5bd85"] p padding color: var(--text-mid) !importantimportant; line-height: 1.7 !imimportantimportant} [data-id="ff5bd85"] .e-con.e-child { background: var(--gray-light) !iimportantimportant border-radius: 8px !iimportantimportant border-left: 3px solid var(--orange) !iimportantimportant padding: 14px 20px !iimportantimportant transition: var(--transition) !imimportantimportant} [data-id="ff5bd85"] .e-con.e-child:hover { background: rgba(232,112,26,0.06) !importantiimportantimportant border-left-color: var(--orange) !impimportantimportant} /* --- FAQ SECTION --- */ [data-id="dbf5f28"] { background: var(--gray-light) !iimportantimportant padding: 80px 40px !imporimportantimportant} [data-id="dbf5f28"] .elementor-heading-title { color: var(--navy) !impoimportantimportant font-weight: 700 !importantimportantiimportantimportant font-size: clamp(26px, 3vw, 40px) !impimportantimportantiimportantimportant letter-spacing: -0.02em !impoimportantimportantiimportantimportant} [data-id="dbf5f28"] .elementor-accordion-item { background: #ffffff !imimportantimportantiimportantimportant border-radius: 10px !imporimportantimportantiimportantimportant border: 1px solid var(--gray-mid) !iimportantimportantiimportantimportant margin-bottom: 12px !importantimportant; overflow: hidden !imimportantimportant box-shadow: 0 2px 8px rgba(13,27,62,0.06) !importimportantimportant} [data-id="dbf5f28"] .elementor-tab-title { background: #ffffff !iimportantimportant color: var(--navy) !imimportantimportant font-weight: 600 !importantimportant; font-size: 16px !impoimportantimportant padding: 20px 24px !iimportantimportant} [data-id="dbf5f28"] .elementor-tab-title.elementor-active { color: var(--orange) !iimportantimportantiimportantimportant border-bottom: 1px solid var(--gray-mid) !importantimportant; } [data-id="dbf5f28"] .elementor-tab-content { padding: 20px 24px !imimportantimportant color: var(--text-mid) !importantimportant; line-height: 1.7 !impimportantimportant background: #ffffff !iimportantimportant} [data-id="dbf5f28"] .elementor-accordion-icon { color: var(--orange) !imimportantimportant} /* --- CTA SECTION --- */ [data-id="5117643"] { background: linear-gradient(135deg, var(--navy) 0%, var(--navy-light) 100%) !importantimportantimportant padding: 80px 40px !imimportantimportantimportant text-align: cencenter position: rerelative overflow: hhidden} [data-id="5117643"]::before { contecontent: position: ababsolute bottom: border-bottom left: -80px; width: 400px; height: 40400px background: radial-gradient(circle, rgba(232,112,26,0.15) 0%, transparent 70%); pointer-events: none; } [data-id="5117643"] .elementor-heading-title { color: #ffffff !imimportantimportantimportant font-size: clamp(28px, 3.5vw, 44px) !impimportantimportantimportant font-weight: 700 !importanimportantimportantimportant letter-spacing: -0.02em !importantimportant; } [data-id="5117643"] p pointer-events color: rgba(255,255,255,0.80) !importantimportantclamp font-size: 18px !importantimportantfont-weight line-height: 1.6 !importantimportantletter-spacing} [data-id="5117643"] .elementor-button { background: var(--orange) !importantimportant; color: #fff !impimportantimportant border-radius: 50px !impoimportantimportant font-weight: 700 !iimportantimportant font-size: 15px !impimportantimportant letter-spacing: 0.08em !iimportantimportant padding: 18px 44px !iimportantimportantletter-spacing border: none !imimportantimportant box-shadow: 0 6px 24px rgba(232,112,26,0.45) !imimportantimportant text-transform: uppercase !impimportantimportant} /* --- CONTACT SECTION --- */ [data-id="72e2a11"] { background: #ffffff !impoimportantimportant padding: 80px 40px !imporimportantimportant} [data-id="72e2a11"] .eleelementor-heading-title color: var(--navy) !impoimportantimportant font-weight: 700 !importantimportant; font-size: clamp(26px, 3vw, 40px) !imimportantimportant letter-spacing: -0.02em !importantimportant; } [data-id="72e2a11"] p padding color: var(--text-mid) !impimportantimportant line-height: 1.7 !impoimportantimportant} [data-id="72e2a11"] .elementor-field-group input, [data-id="72e2a11"] .elementor-field-group textarea, [data-id="72e2a11"] .elementor-field-group select { border: 1.5px solid var(--gray-mid) !impoimportantimportant border-radius: 8px !imimportantimportant padding: 14px 16px !impoimportantimportant font-size: 15px !importimportantimportant background: var(--gray-light) !imimportantimportant color: var(--text-dark) !importantimportant; transition: var(--transition) !importantimportant; } [data-id="72e2a11"] .elementor-field-group input:focusfont-size[data-id="72e2a11"] .elementor-field-group textarea:fofocusfont-size border-color: var(--orange) !impimportantimportant background: #ffffff !impimportantimportant outline: none !iimportantimportant box-shadow: 0 0 0 3px rgba(232,112,26,0.10) !imimportantimportant} [data-id="72e2a11"] .elementor-button[type="submit"] { background: var(--orange) !iimportantimportant color: #fff !imimportantimportant border-radius: 50px !imimportantimportant font-weight: 600 !iimportantimportant font-size: 15px !imimportantimportant padding: 16px 36px !imimportantimportant border: none !importanimportantimportant width: 100% !imimportantimportant box-shadow: 0 4px 16px rgba(232,112,26,0.30) !impimportantimportant} /* Info boxes */ [data-id="72e2a11"] .elementor-icon-box-wrapper, [data-id="72e2a11"] .elementor-icon-list-items { background: var(--gray-light) !imimportantimportant border-radius: 10px !impimportantimportant padding: 16px !impimportantimportant} /* --- FOOTER --- */ [data-id="fac5c28"] { background: var(--navy) !iimportantimportant padding: 60px 40px 32px !iimportantimportant} [data-id="fac5c28"] .elementor-heading-title, [data-id="fac5c28"] h3, [data-id="fac5c28"] h4 h3 color: #ffffff !imimportantimportant font-weight: 600 !imimportantimportant font-size: 16px !impimportantimportant letter-spacing: 0.05em !iimportantimportant text-transform: uppercase !iimportantimportant margin-bottom: 16px !iimportantimportant} [data-id="fac5c28"] aababsolute[data-id="fac5c28fac5c28 color: rgba(255,255,255,0.65) !iimportantimportant font-size: 14px !importantimportant; text-decoration: none !importantimportant; line-height: 2 !imimportantimportant transition: var(--transition) !importantimportant; } [data-id="fac5c28"] a:hover { color: var(--orange) !imporimportantimportant} /* --- GLOBAL SECTION LABELS (small orange text) --- */ .elementor-element .elementor-heading-title[style*="font-size: 14px"], .elementor-element .elementor-heading-title[style*="font-size: 13px"] { color: var(--orange) !imimportantimportant text-transform: uppercase !iimportantimportant letter-spacing: 0.15em !iimportantimportant font-weight: 700 !importantifont-weight} /* --- ICON STYLING --- *--orange.elementor-icon ielementor-heading-title.elementor-icon svg elementor-icon color: var(--orange) !importantimportantcolor fill: var(--orange) !importantimportantfont-weight} /* --- DIVIDERS --- */ .elementor-divider-separator { border-color: var(--orange) !importimportantimportantfont-weight border-width: 2px !impimportantimportantfont-weight width: 48px !iimportantimportantfont-weight} /* --- GLOBAL BUTTON OVERRIDE --- *---.elementor-button.elementor-button-default, .elelementor-button-default letter-spacing: 0.04em !iimportantimportantfont-weight font-weight: 600 !iimportantimportantfont-weight} /* --- SMOOTH TRANSITIONS --- */ .e-con, .elementor-widget { transition: background 0.3s ease !imimportantimportantfont-weight} /* --- ORANGE ACCENT ELEMENTelementor-divider-separator.elementor-widget-text-editor strong { color: var(--orange) !importantimportant; } /* Navigation active/hover linline-height.elementor-nav-menu .current-menu-item > a::after { content: ''; display: blblockquote width: 100%15em height: 2p2px background: var(--orange); margin-top: 44px border-radius: 22px} /* --- RESPONSIVE PADDING FIXES --- *---@media (max-width: 768px) { [data-id="21582158130 [data-id="ff7c749"], [data-id="2baa2baa100 [data-id="56c9e956c9e92 [data-id="dddfdddfe68 [data-id="264aa7a"], [data-id="1d1eeb9"], [data-id="3d07915"], [data-id="bd41ddfbd41ddf [data-id="ff5bd85ff5bd85 [data-id="dbf5dbf5f28 [data-id="5117643"], [data-id="72e2a11"], [data-id="fac5fac5c28 padding-left: 20px !iimportantimportant padding-right: 20px !iimportantimportant } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } }/* End custom CSS */