.elementor-558 .elementor-element.elementor-element-f70b409{--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:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:10px;--padding-bottom:40px;--padding-left:0px;--padding-right:0px;}.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-558 .elementor-element.elementor-element-0dd7533{width:var( --container-widget-width, 78% );max-width:78%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:78%;--container-widget-flex-grow:0;text-align:center;}.elementor-558 .elementor-element.elementor-element-0dd7533 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:43px;font-weight:700;text-transform:uppercase;line-height:62px;color:var( --e-global-color-astglobalcolor2 );}.elementor-558 .elementor-element.elementor-element-cf75c26{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-558 .elementor-element.elementor-element-18fe4ec .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:18px;font-weight:700;color:#020202;}.elementor-widget-form .elementor-field-group > label, .elementor-widget-form .elementor-field-subgroup label{color:var( --e-global-color-text );}.elementor-widget-form .elementor-field-group > label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-field-type-html{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-form .elementor-field-group .elementor-field{color:var( --e-global-color-text );}.elementor-widget-form .elementor-field-group .elementor-field, .elementor-widget-form .elementor-field-subgroup label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-form .e-form__buttons__wrapper__button-next{background-color:var( --e-global-color-accent );}.elementor-widget-form .elementor-button[type="submit"]{background-color:var( --e-global-color-accent );}.elementor-widget-form .e-form__buttons__wrapper__button-previous{background-color:var( --e-global-color-accent );}.elementor-widget-form .elementor-message{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .e-form__indicators__indicator, .elementor-widget-form .e-form__indicators__indicator__label{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-form{--e-form-steps-indicator-inactive-primary-color:var( --e-global-color-text );--e-form-steps-indicator-active-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-completed-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-background-color:var( --e-global-color-text );--e-form-steps-indicator-progress-meter-color:var( --e-global-color-text );}.elementor-widget-form .e-form__indicators__indicator__progress__meter{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-558 .elementor-element.elementor-element-ae79058{width:var( --container-widget-width, 84% );max-width:84%;background-color:#F6F6F657;padding:20px 20px 20px 20px;--container-widget-width:84%;--container-widget-flex-grow:0;--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-secondary-color:#ffffff;--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;}.elementor-558 .elementor-element.elementor-element-ae79058 .elementor-field-group{padding-right:calc( 25px/2 );padding-left:calc( 25px/2 );margin-bottom:17px;}.elementor-558 .elementor-element.elementor-element-ae79058 .elementor-form-fields-wrapper{margin-left:calc( -25px/2 );margin-right:calc( -25px/2 );margin-bottom:-17px;}.elementor-558 .elementor-element.elementor-element-ae79058 .elementor-field-group.recaptcha_v3-bottomleft, .elementor-558 .elementor-element.elementor-element-ae79058 .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-558 .elementor-element.elementor-element-ae79058 .elementor-labels-inline .elementor-field-group > label{padding-left:6px;}body:not(.rtl) .elementor-558 .elementor-element.elementor-element-ae79058 .elementor-labels-inline .elementor-field-group > label{padding-right:6px;}body .elementor-558 .elementor-element.elementor-element-ae79058 .elementor-labels-above .elementor-field-group > label{padding-bottom:6px;}.elementor-558 .elementor-element.elementor-element-ae79058 .elementor-field-group > label, .elementor-558 .elementor-element.elementor-element-ae79058 .elementor-field-subgroup label{color:var( --e-global-color-astglobalcolor2 );}.elementor-558 .elementor-element.elementor-element-ae79058 .elementor-field-group > label{font-family:"Inter", Sans-serif;font-size:12px;font-weight:400;}.elementor-558 .elementor-element.elementor-element-ae79058 .elementor-field-type-html{padding-bottom:2px;color:var( --e-global-color-astglobalcolor2 );font-family:"Inter", Sans-serif;font-weight:400;}.elementor-558 .elementor-element.elementor-element-ae79058 .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;border-radius:15px 15px 15px 15px;}.elementor-558 .elementor-element.elementor-element-ae79058 .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;border-radius:15px 15px 15px 15px;}.elementor-558 .elementor-element.elementor-element-ae79058 .elementor-button{font-family:"Roboto", Sans-serif;font-size:20px;font-weight:500;border-radius:25px 25px 25px 25px;padding:20px 20px 20px 20px;}.elementor-558 .elementor-element.elementor-element-ae79058 .e-form__buttons__wrapper__button-next{background-color:var( --e-global-color-2563104 );color:#ffffff;}.elementor-558 .elementor-element.elementor-element-ae79058 .elementor-button[type="submit"]{background-color:var( --e-global-color-2563104 );color:#ffffff;}.elementor-558 .elementor-element.elementor-element-ae79058 .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-558 .elementor-element.elementor-element-ae79058 .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-558 .elementor-element.elementor-element-ae79058 .e-form__buttons__wrapper__button-next:hover{color:#ffffff;}.elementor-558 .elementor-element.elementor-element-ae79058 .elementor-button[type="submit"]:hover{color:#ffffff;}.elementor-558 .elementor-element.elementor-element-ae79058 .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-558 .elementor-element.elementor-element-ae79058 .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-558 .elementor-element.elementor-element-2139158{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-558 .elementor-element.elementor-element-cc0a6ac{width:var( --container-widget-width, 88% );max-width:88%;background-color:#F0F5FA57;padding:40px 40px 40px 40px;--container-widget-width:88%;--container-widget-flex-grow:0;--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-secondary-color:#ffffff;--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;}.elementor-558 .elementor-element.elementor-element-cc0a6ac .elementor-field-group{padding-right:calc( 30px/2 );padding-left:calc( 30px/2 );margin-bottom:20px;}.elementor-558 .elementor-element.elementor-element-cc0a6ac .elementor-form-fields-wrapper{margin-left:calc( -30px/2 );margin-right:calc( -30px/2 );margin-bottom:-20px;}.elementor-558 .elementor-element.elementor-element-cc0a6ac .elementor-field-group.recaptcha_v3-bottomleft, .elementor-558 .elementor-element.elementor-element-cc0a6ac .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-558 .elementor-element.elementor-element-cc0a6ac .elementor-labels-inline .elementor-field-group > label{padding-left:8px;}body:not(.rtl) .elementor-558 .elementor-element.elementor-element-cc0a6ac .elementor-labels-inline .elementor-field-group > label{padding-right:8px;}body .elementor-558 .elementor-element.elementor-element-cc0a6ac .elementor-labels-above .elementor-field-group > label{padding-bottom:8px;}.elementor-558 .elementor-element.elementor-element-cc0a6ac .elementor-field-group > label, .elementor-558 .elementor-element.elementor-element-cc0a6ac .elementor-field-subgroup label{color:var( --e-global-color-astglobalcolor2 );}.elementor-558 .elementor-element.elementor-element-cc0a6ac .elementor-field-group > label{font-family:"Inter", Sans-serif;font-weight:400;}.elementor-558 .elementor-element.elementor-element-cc0a6ac .elementor-field-type-html{padding-bottom:2px;color:var( --e-global-color-astglobalcolor2 );font-family:"Inter", Sans-serif;font-weight:400;}.elementor-558 .elementor-element.elementor-element-cc0a6ac .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;}.elementor-558 .elementor-element.elementor-element-cc0a6ac .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;}.elementor-558 .elementor-element.elementor-element-cc0a6ac .e-form__buttons__wrapper__button-next{background-color:var( --e-global-color-2563104 );color:#ffffff;}.elementor-558 .elementor-element.elementor-element-cc0a6ac .elementor-button[type="submit"]{background-color:var( --e-global-color-2563104 );color:#ffffff;}.elementor-558 .elementor-element.elementor-element-cc0a6ac .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-558 .elementor-element.elementor-element-cc0a6ac .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-558 .elementor-element.elementor-element-cc0a6ac .e-form__buttons__wrapper__button-next:hover{color:#ffffff;}.elementor-558 .elementor-element.elementor-element-cc0a6ac .elementor-button[type="submit"]:hover{color:#ffffff;}.elementor-558 .elementor-element.elementor-element-cc0a6ac .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-558 .elementor-element.elementor-element-cc0a6ac .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-558 .elementor-element.elementor-element-cc0a6ac .elementor-button{padding:20px 20px 20px 20px;}.elementor-558 .elementor-element.elementor-element-696eb73{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;border-style:none;border-radius:0px 0px 0px 0px;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-558 .elementor-element.elementor-element-0dd7533 .elementor-heading-title{font-size:55px;line-height:59px;}}@media(max-width:767px){.elementor-558 .elementor-element.elementor-element-0dd7533{--container-widget-width:415px;--container-widget-flex-grow:0;width:var( --container-widget-width, 415px );max-width:415px;text-align:center;}.elementor-558 .elementor-element.elementor-element-0dd7533 .elementor-heading-title{font-size:40px;line-height:37px;}.elementor-558 .elementor-element.elementor-element-18fe4ec{text-align:center;}.elementor-558 .elementor-element.elementor-element-ae79058{width:100%;max-width:100%;padding:20px 20px 20px 20px;}}/* Start custom CSS for form, class: .elementor-element-ae79058 *//* =========================================================
   SERVICES TILE CHECKBOXES (Elementor Form)
   Reference: white tiles, 2px navy border, centered red icon
   Scope: .twd-services-form
========================================================= */

.twd-services-form{
  --twd-navy: #0B2233;     /* border color like screenshot */
  --twd-red:  #D71920;     /* used for checked accent (optional) */
  --twd-radius: 14px;
  --twd-gap: 26px;
  --twd-tile-minh: 140px;
}

/* Grid layout */
.twd-services-form .elementor-field-group-services .elementor-field-subgroup{
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--twd-gap);
  align-items: stretch;
}

/* Desktop: 4 tiles in one row like your screenshot */
@media (min-width: 768px){
  .twd-services-form .elementor-field-group-services .elementor-field-subgroup{
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

/* Remove Elementor inline option spacing quirks */
.twd-services-form .elementor-field-group-services .elementor-field-option{
  margin: 0 !important;
  position: relative;
}

/* Hide checkbox but keep it clickable + accessible */
.twd-services-form .elementor-field-group-services input[type="checkbox"]{
  position: absolute;
  inset: 0;
  opacity: 0;
  margin: 0;
  cursor: pointer;
  z-index: 2;
}

/* Tile card (label) */
.twd-services-form .elementor-field-group-services input[type="checkbox"] + label{
  border: 2px solid var(--twd-navy);
  border-radius: var(--twd-radius);
  background: #fff;

  min-height: var(--twd-tile-minh);
  padding: 15px 10px;

  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 14px;

  text-align: center;
  cursor: pointer;
  user-select: none;

  transition: transform .12s ease, box-shadow .12s ease, background .12s ease, border-color .12s ease;
}

/* Icon sizing (your markup already uses this class) */
.twd-services-form .elementor-field-group-services .elementor-field-group-services-icon{
  width: 68px;
  height: 75px;
  object-fit: contain;
  display: block;
}

/* Label text */
.twd-services-form .elementor-field-group-services .elementor-field-group-services-text{
  display: block;
  font-size: 14px;
  line-height: 1.2;
  font-weight: 700;
  color: #0b0b0b;
}

/* Subtle hover like modern UI (optional but clean) */
.twd-services-form .elementor-field-group-services input[type="checkbox"] + label:hover{
  transform: translateY(-1px);
  box-shadow: 0 10px 24px rgba(0,0,0,0.08);
}

/* Checked state (not in screenshot, but needed UX)
   Keeps the same “clean” look but adds clear selection */
.twd-services-form .elementor-field-group-services input[type="checkbox"]:checked + label{
  background: rgba(215, 25, 32, 0.06);
  border-color: var(--twd-red);
  box-shadow: 0 10px 24px rgba(0,0,0,0.10);
}

/* Optional check badge (top-right) when checked */
.twd-services-form .elementor-field-group-services input[type="checkbox"]:checked + label::after{
  content: "✓";
  position: absolute;
  top: 10px;
  right: 12px;
  width: 26px;
  height: 26px;
  border-radius: 999px;
  background: var(--twd-red);
  color: #fff;
  font-weight: 800;
  font-size: 14px;
  display: grid;
  place-items: center;
}

/* Keyboard accessibility */
.twd-services-form .elementor-field-group-services input[type="checkbox"]:focus-visible + label{
  outline: 3px solid rgba(11,34,51,0.35);
  outline-offset: 3px;
}

/* Ensure Elementor inline subgroup does not force inline */
.twd-services-form .elementor-field-group-services .elementor-subgroup-inline .elementor-field-option{
  display: block;
}



body .elementor-2989 .elementor-element.elementor-element-f3abc31 .elementor-labels-above .elementor-field-group > label {
    color:white;
}

h3 {
    padding-top:30px;
}


.elementor-2989 .elementor-element.elementor-element-f3abc31 .elementor-button[type="submit"]


{
    margin-top:30px;
}


body .elementor-558 .elementor-element.elementor-element-ae79058 .elementor-labels-above .elementor-field-group > label
{display:none;
}


.elementor-field-group- services .elementor-field-option:nth-child(2) > label:before {
    display:none;
}/* End custom CSS */
/* Start custom CSS for form, class: .elementor-element-cc0a6ac *//* ================================
   SERVICES – ICON CARDS (FINAL)
================================ */

/* Hide field label */
.elementor-field-group-services > label,
.elementor-field-group-services .elementor-field-label {
  display: none !important;
}

/* Hide native checkbox */
.elementor-field-group-services input[type="checkbox"] {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

/* One straight row */
.elementor-field-group-services .elementor-field-subgroup {
  display: flex !important;
  flex-wrap: nowrap !important;
  justify-content: center !important;
  gap: 20px !important;
  align-items: stretch !important;
}

/* Option wrapper */
.elementor-field-group-services .elementor-field-option {
  margin: 0 !important;
  display: flex !important;
}

/* Card */
.elementor-field-group-services .elementor-field-option > label {
  width: 180px;
  height: 170px;
  border: 2px solid #0a2a43;
  border-radius: 10px;
  padding: 18px;
  cursor: pointer;

  display: flex;
  flex-direction: column;
  align-items: center;        /* center horizontally */
  justify-content: center;    /* center vertically */

  text-align: center;
  font-weight: 600;
  font-size: 16px;
  line-height: 1.2;

  color: black;
  background: #ffffff;

  transition: background-color .25s ease, border-color .25s ease, color .25s ease;
  box-sizing: border-box;
}

/* ICON – perfectly centered */
.elementor-field-group-services .elementor-field-option > label:before {
  content: "";
  width: 85px;
  height: 80px;

  display: flex;                 /* key */
  align-items: center;           /* key */
  justify-content: center;       /* key */

  margin: 0 auto 12px auto;      /* hard center horizontally */

  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

/* Icon mapping */
.elementor-field-group-services .elementor-field-option:nth-child(1) > label:before {
  background-image: url("https://proservesd.com/wp-content/uploads/2025/12/air-conditioning-air-conditioner-svgrepo-com.png");
}
.elementor-field-group-services .elementor-field-option:nth-child(2) > label:before {
  background-image: url(https://proservesd.com/wp-content/uploads/2025/12/heat-map-outline-alerted-svgrepo-com-1.png);
}
.elementor-field-group-services .elementor-field-option:nth-child(3) > label:before {
  background-image: url("https://proservesd.com/wp-content/uploads/2025/12/indoor-svgrepo-com.png");
}
.elementor-field-group-services .elementor-field-option:nth-child(4) > label:before {
  background-image: url("https://proservesd.com/wp-content/uploads/2025/12/commercial-buldings-svgrepo-com.png");
}

/* Hover */
.elementor-field-group-services .elementor-field-option > label:hover {
  background: #ECF2FA;
  border-color: #0a2a43;
  color: #0a2a43;
}

/* Selected */
.elementor-field-group-services input[type="checkbox"]:checked + label {
  background: #F0F5FA;
  border-color: #0a2a43;
  color: #0a2a43;
}

/* Remove focus outline (blue L fix) */
.elementor-field-group-services .elementor-field-option > label:focus,
.elementor-field-group-services .elementor-field-option > label:active {
  outline: none !important;
}

/* Mobile */
@media (max-width: 768px) {
  .elementor-field-group-services .elementor-field-subgroup {
    flex-wrap: wrap !important;
  }
  .elementor-field-group-services .elementor-field-option > label {
    width: 45%;
    height: 160px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cf75c26 */.elementor-field-group-services .elementor-field-option:nth-child(2) > label:before {
    display:none;
}

.elementor-field-group-services .elementor-field-option:nth-child(4) > label:before {
    
    display:none;
}/* End custom CSS */