.elementor-638 .elementor-element.elementor-element-oj5opue{--display:flex;--min-height:65vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:flex-start;--overlay-opacity:0.6;--margin-top:-90px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:140px;--padding-bottom:100px;--padding-left:40px;--padding-right:40px;}.elementor-638 .elementor-element.elementor-element-oj5opue:not(.elementor-motion-effects-element-type-background), .elementor-638 .elementor-element.elementor-element-oj5opue > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-a0a8a96 );background-image:url("https://www.gretel.co.ke/wp-content/uploads/2026/01/Fixed-Systems-and-Portable-Fire-Extinguisher-Services-and-Sales.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-638 .elementor-element.elementor-element-oj5opue::before, .elementor-638 .elementor-element.elementor-element-oj5opue > .elementor-background-video-container::before, .elementor-638 .elementor-element.elementor-element-oj5opue > .e-con-inner > .elementor-background-video-container::before, .elementor-638 .elementor-element.elementor-element-oj5opue > .elementor-background-slideshow::before, .elementor-638 .elementor-element.elementor-element-oj5opue > .e-con-inner > .elementor-background-slideshow::before, .elementor-638 .elementor-element.elementor-element-oj5opue > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-a0a8a96 );--background-overlay:'';}.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-638 .elementor-element.elementor-element-e8fc76d .elementor-heading-title{color:var( --e-global-color-d7cfc03 );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-638 .elementor-element.elementor-element-1bb0b14{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0% 45% 0% 0%;color:var( --e-global-color-fd12581 );}.elementor-638 .elementor-element.elementor-element-27004c7{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-638 .elementor-element.elementor-element-1c131b0{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:center;font-family:"Roboto", Sans-serif;font-weight:400;text-transform:uppercase;font-style:italic;color:var( --e-global-color-d7cfc03 );}.elementor-638 .elementor-element.elementor-element-195e86e{text-align:center;}.elementor-638 .elementor-element.elementor-element-195e86e .elementor-heading-title{color:var( --e-global-color-8f8f87e );}.elementor-638 .elementor-element.elementor-element-3fc42dc{text-align:center;color:var( --e-global-color-a0a8a96 );}.elementor-638 .elementor-element.elementor-element-af40412{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-638 .elementor-element.elementor-element-86afe05{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--overlay-opacity:0.7;--padding-top:100px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-638 .elementor-element.elementor-element-86afe05:not(.elementor-motion-effects-element-type-background), .elementor-638 .elementor-element.elementor-element-86afe05 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.gretel.co.ke/wp-content/uploads/2026/01/HVAC-Maintenance-ManWinWin.webp");background-position:center center;}.elementor-638 .elementor-element.elementor-element-86afe05::before, .elementor-638 .elementor-element.elementor-element-86afe05 > .elementor-background-video-container::before, .elementor-638 .elementor-element.elementor-element-86afe05 > .e-con-inner > .elementor-background-video-container::before, .elementor-638 .elementor-element.elementor-element-86afe05 > .elementor-background-slideshow::before, .elementor-638 .elementor-element.elementor-element-86afe05 > .e-con-inner > .elementor-background-slideshow::before, .elementor-638 .elementor-element.elementor-element-86afe05 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-a0a8a96 );--background-overlay:'';}.elementor-638 .elementor-element.elementor-element-d366223{padding:0px 26px 0px 26px;}.elementor-638 .elementor-element.elementor-element-d366223 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:700;font-style:italic;color:var( --e-global-color-d7cfc03 );}.elementor-638 .elementor-element.elementor-element-9molack{padding:80px 0px 80px 0px;}.elementor-638 .elementor-element.elementor-element-af7f48b{padding:0px 0px 0px 0px;text-align:center;}.elementor-638 .elementor-element.elementor-element-af7f48b .elementor-heading-title{color:var( --e-global-color-8f8f87e );}.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-638 .elementor-element.elementor-element-c2df6a6 img{width:90%;}.elementor-638 .elementor-element.elementor-element-6ff313d img{width:90%;}.elementor-638 .elementor-element.elementor-element-fb2c798 img{width:90%;}.elementor-638 .elementor-element.elementor-element-4c17a53 img{width:90%;}.elementor-638 .elementor-element.elementor-element-3da1440 img{width:90%;}.elementor-638 .elementor-element.elementor-element-2d93a14{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-638 .elementor-element.elementor-element-f9f841e .elementor-heading-title{color:var( --e-global-color-8f8f87e );}.elementor-638 .elementor-element.elementor-element-67c7613{color:var( --e-global-color-a0a8a96 );}.elementor-638 .elementor-element.elementor-element-53x2xo4{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:flex-end;--overlay-opacity:0.72;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:60px;--padding-bottom:60px;--padding-left:0px;--padding-right:0px;}.elementor-638 .elementor-element.elementor-element-53x2xo4:not(.elementor-motion-effects-element-type-background), .elementor-638 .elementor-element.elementor-element-53x2xo4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.gretel.co.ke/wp-content/uploads/2026/02/row-of-industrial-hvac-units-inside-a-modern-facility-showcasing-cooling-and-ventilation-systems-in-an-industrial-setting-free-photo.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-638 .elementor-element.elementor-element-53x2xo4::before, .elementor-638 .elementor-element.elementor-element-53x2xo4 > .elementor-background-video-container::before, .elementor-638 .elementor-element.elementor-element-53x2xo4 > .e-con-inner > .elementor-background-video-container::before, .elementor-638 .elementor-element.elementor-element-53x2xo4 > .elementor-background-slideshow::before, .elementor-638 .elementor-element.elementor-element-53x2xo4 > .e-con-inner > .elementor-background-slideshow::before, .elementor-638 .elementor-element.elementor-element-53x2xo4 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-a0a8a96 );--background-overlay:'';}.elementor-638 .elementor-element.elementor-element-20bd1ae{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-638 .elementor-element.elementor-element-67b741f .elementor-heading-title{color:var( --e-global-color-d7cfc03 );}.elementor-638 .elementor-element.elementor-element-9722f5a{color:var( --e-global-color-fd12581 );}.elementor-widget-button .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-638 .elementor-element.elementor-element-47e1956 .elementor-button{background-color:var( --e-global-color-d7cfc03 );font-family:"Roboto", Sans-serif;font-weight:500;text-decoration:none;border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-8f8f87e );}.elementor-638 .elementor-element.elementor-element-47e1956{padding:0px 0px 0px 0px;}@media(max-width:1024px){.elementor-638 .elementor-element.elementor-element-oj5opue{--padding-top:100px;--padding-bottom:100px;--padding-left:32px;--padding-right:32px;}.elementor-638 .elementor-element.elementor-element-1bb0b14{padding:0% 20% 0% 0%;}.elementor-638 .elementor-element.elementor-element-9molack{padding:80px 40px 80px 40px;}.elementor-638 .elementor-element.elementor-element-af7f48b{padding:0px 0px 0px 0px;}.elementor-638 .elementor-element.elementor-element-53x2xo4{--padding-top:80px;--padding-bottom:80px;--padding-left:32px;--padding-right:32px;}.elementor-638 .elementor-element.elementor-element-47e1956{padding:40px 0px 0px 0px;}}@media(min-width:768px){.elementor-638 .elementor-element.elementor-element-oj5opue{--content-width:1200px;}.elementor-638 .elementor-element.elementor-element-53x2xo4{--content-width:1200px;}.elementor-638 .elementor-element.elementor-element-20bd1ae{--width:50%;}}@media(max-width:767px){.elementor-638 .elementor-element.elementor-element-oj5opue{--min-height:1vh;--gap:12px 0px;--row-gap:12px;--column-gap:0px;--padding-top:120px;--padding-bottom:64px;--padding-left:24px;--padding-right:24px;}.elementor-638 .elementor-element.elementor-element-1bb0b14{padding:0% 0% 0% 0%;}.elementor-638 .elementor-element.elementor-element-3fc42dc{text-align:start;}.elementor-638 .elementor-element.elementor-element-9molack{padding:60px 25px 60px 25px;}.elementor-638 .elementor-element.elementor-element-05fc16b{width:50%;}.elementor-638 .elementor-element.elementor-element-428c9b0{width:50%;}.elementor-638 .elementor-element.elementor-element-559e46f{width:50%;}.elementor-638 .elementor-element.elementor-element-2c0b4b0{width:50%;}.elementor-638 .elementor-element.elementor-element-7717fe2{width:50%;}.elementor-638 .elementor-element.elementor-element-53x2xo4{--padding-top:64px;--padding-bottom:64px;--padding-left:24px;--padding-right:24px;}.elementor-638 .elementor-element.elementor-element-20bd1ae{--gap:15px 0px;--row-gap:15px;--column-gap:0px;}.elementor-638 .elementor-element.elementor-element-47e1956{padding:32px 0px 0px 0px;}}/* Start custom CSS for html, class: .elementor-element-af86a8a */:root {
  --gretel-red: #D00000;
  --gretel-green: #7D9016;
  --gretel-bg: #1B1446;
  --gretel-text: #ffffff;
  --gretel-divider: rgba(125, 144, 22, 0.35);
}

.hvac-solutions-wrapper {
  background: var(--gretel-bg);
  padding: 60px 40px;
  font-family: Arial, sans-serif;
  color: var(--gretel-text);
}

.container {
  max-width: 1200px;
  margin: 0 auto;
}

.hvac-section-title {
  font-size: 32px;
  font-weight: 700;
  display: flex;
  align-items: center;
  margin-bottom: 40px;
  color: var(--gretel-text);
}

.title-accent {
  width: 4px;
  height: 36px;
  background: var(--gretel-red);
  margin-right: 15px;
}

.hvac-solutions-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 50px 40px;
}

.hvac-solution-item {
  text-align: center;
  cursor: pointer;
  transition: transform 0.3s ease;
}

.hvac-solution-item .icon {
  width: 50px;
  height: 50px;
  line-height: 50px;
  border-radius: 50%;
  background: var(--gretel-red);
  color: #fff;
  font-weight: bold;
  font-size: 18px;
  margin: 0 auto 15px;
  transition: transform 0.3s ease, background 0.3s ease;
}

.hvac-solution-item h3 {
  font-size: 18px;
  font-weight: 600;
  line-height: 1.4;
  margin-bottom: 20px;
  color: var(--gretel-text);
  transition: color 0.3s ease;
}

.hvac-solution-item hr {
  border: none;
  border-top: 1px solid var(--gretel-divider);
  transition: border-color 0.3s ease;
}

.hvac-solution-item:hover {
  transform: translateY(-5px);
}

.hvac-solution-item:hover .icon {
  transform: scale(1.15);
  background: var(--gretel-green);
}

.hvac-solution-item:hover h3 {
  color: var(--gretel-red);
}

.hvac-solution-item:hover hr {
  border-top-color: var(--gretel-red);
}

@media (max-width: 900px) {
  .hvac-solutions-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 600px) {
  .hvac-solutions-grid {
    grid-template-columns: 1fr;
  }
}/* End custom CSS */