.elementor-widget-container > .uael-party-propz-wrap i{color:var( --e-global-color-primary );}.elementor-widget-container > .uael-party-propz-wrap svg{fill:var( --e-global-color-primary );}.elementor-15292 .elementor-element.elementor-element-7cedd60a{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0rem;--padding-bottom:0rem;--padding-left:0rem;--padding-right:0rem;}.elementor-widget-tg-section-title .uael-party-propz-widget-wrap i{color:var( --e-global-color-primary );}.elementor-widget-tg-section-title .uael-party-propz-widget-wrap svg{fill:var( --e-global-color-primary );}.elementor-15292 .elementor-element.elementor-element-61075505 > .elementor-widget-container{margin:1.5rem 0rem 1.5rem 0rem;padding:0px 0px 0px 0px;}.elementor-15292 .elementor-element.elementor-element-61075505{text-align:center;}.elementor-15292 .elementor-element.elementor-element-61075505 .title{--font-family-secondary:"Graphik","IBM Plex Sans Arabic",sans-serif;font-size:3rem;line-height:1.3em;letter-spacing:-0.12rem;opacity:100% !important;}.elementor-15292 .elementor-element.elementor-element-7a7306c8{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0rem;--margin-bottom:3rem;--margin-left:0rem;--margin-right:0rem;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-tg-heading .uael-party-propz-widget-wrap i{color:var( --e-global-color-primary );}.elementor-widget-tg-heading .uael-party-propz-widget-wrap svg{fill:var( --e-global-color-primary );}.elementor-15292 .elementor-element.elementor-element-2e636324{text-align:center;}.elementor-15292 .elementor-element.elementor-element-2e636324 .title{font-size:1.125rem;opacity:70% !important;}.elementor-15292 .elementor-element.elementor-element-12bca3bc{--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;--gap:4rem 0rem;--row-gap:4rem;--column-gap:0rem;--border-radius:16px 16px 16px 16px;--padding-top:10px;--padding-bottom:10px;--padding-left:16px;--padding-right:16px;}.elementor-15292 .elementor-element.elementor-element-12bca3bc:not(.elementor-motion-effects-element-type-background), .elementor-15292 .elementor-element.elementor-element-12bca3bc > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-15292 .elementor-element.elementor-element-1439e904{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--gap:32px 32px;--row-gap:32px;--column-gap:32px;--grid-auto-flow:row;border-style:none;--border-style:none;--border-radius:22px 22px 22px 22px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-tg-pricing .uael-party-propz-widget-wrap i{color:var( --e-global-color-primary );}.elementor-widget-tg-pricing .uael-party-propz-widget-wrap svg{fill:var( --e-global-color-primary );}.elementor-15292 .elementor-element.elementor-element-193fecbe > .elementor-widget-container{margin:-3rem 0rem 0rem 0rem;padding:0px 0px 0px 0px;}.elementor-15292 .elementor-element.elementor-element-193fecbe{text-align:center;}.elementor-15292 .elementor-element.elementor-element-193fecbe .title{color:#000000;opacity:70% !important;}.elementor-15292 .elementor-element.elementor-element-6f98938c{--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;--gap:2rem 0rem;--row-gap:2rem;--column-gap:0rem;--padding-top:0px;--padding-bottom:130px;--padding-left:15px;--padding-right:15px;}.elementor-15292 .elementor-element.elementor-element-509725cc{text-align:center;}.elementor-15292 .elementor-element.elementor-element-509725cc .title{font-family:"PolySans", Sans-serif;font-size:2.5rem;line-height:1.1em;letter-spacing:-0.06rem;}.elementor-15292 .elementor-element.elementor-element-509725cc .title span{color:var( --e-global-color-secondary );background-color:var( --e-global-color-primary );}.elementor-15292 .elementor-element.elementor-element-5dcbf162{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#83838340;--border-color:#83838340;--border-radius:16px 16px 16px 16px;--padding-top:4rem;--padding-bottom:4rem;--padding-left:4rem;--padding-right:4rem;}.elementor-widget-genix-faq .uael-party-propz-widget-wrap i{color:var( --e-global-color-primary );}.elementor-widget-genix-faq .uael-party-propz-widget-wrap svg{fill:var( --e-global-color-primary );}.elementor-15292 .elementor-element.elementor-element-6bd6c002{width:var( --container-widget-width, 85% );max-width:85%;--container-widget-width:85%;--container-widget-flex-grow:0;}.elementor-15292 .elementor-element.elementor-element-6bd6c002.elementor-element{--align-self:center;}.elementor-15292 .elementor-element.elementor-element-6bd6c002 .uc-accordion{gap:3.5rem !important;--divider-gap:56px;}.elementor-15292 .elementor-element.elementor-element-6bd6c002 p{color:var( --e-global-color-text );}:where(.uc-dark) .elementor-15292 .elementor-element.elementor-element-6bd6c002 p{color:#FFFFFF !important;}.elementor-15292 .elementor-element.elementor-element-6bd6c002 .uc-accordion-content{opacity:70% !important;}.elementor-15292 .elementor-element.elementor-element-69204f74{--display:flex;--gap:4rem 0rem;--row-gap:4rem;--column-gap:0rem;--padding-top:44px;--padding-bottom:44px;--padding-left:16px;--padding-right:16px;}.elementor-15292 .elementor-element.elementor-element-69204f74.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-15292 .elementor-element.elementor-element-657f672f{--display:flex;--gap:4rem 0rem;--row-gap:4rem;--column-gap:0rem;--overflow:hidden;--border-radius:24px 24px 24px 24px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-15292 .elementor-element.elementor-element-657f672f:not(.elementor-motion-effects-element-type-background), .elementor-15292 .elementor-element.elementor-element-657f672f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F5EEE9;}.elementor-15292 .elementor-element.elementor-element-667ff7b9{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-15292 .elementor-element.elementor-element-6851eeb3{--display:flex;--gap:1rem 0rem;--row-gap:1rem;--column-gap:0rem;--padding-top:1rem;--padding-bottom:1rem;--padding-left:1rem;--padding-right:1rem;}.elementor-widget-fluent-form-widget .uael-party-propz-widget-wrap i{color:var( --e-global-color-primary );}.elementor-widget-fluent-form-widget .uael-party-propz-widget-wrap svg{fill:var( --e-global-color-primary );}.elementor-widget-fluent-form-widget .fluentform-widget-description{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-fluent-form-widget .ff-el-progress-status{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-fluent-form-widget .ff-el-progress-bar span{color:var( --e-global-color-primary );}.elementor-widget-fluent-form-widget .step-nav button{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-15292 .elementor-element.elementor-element-77cee2a7{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-15292 .elementor-element.elementor-element-77cee2a7.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-15292 .elementor-element.elementor-element-77cee2a7 .fluentform-widget-wrapper{padding:4px 4px 4px 4px;border-radius:1px 1px 1px 1px;}.elementor-15292 .elementor-element.elementor-element-77cee2a7 .fluentform-widget-wrapper .ff-el-group .ff-btn-submit{background-color:#1a7efb !important;color:#ffffff !important;}.elementor-15292 .elementor-element.elementor-element-74fccd75{text-align:center;}@media(max-width:1366px){.elementor-15292 .elementor-element.elementor-element-1439e904{--grid-auto-flow:row;}}@media(min-width:768px){.elementor-15292 .elementor-element.elementor-element-7cedd60a{--content-width:1500px;}.elementor-15292 .elementor-element.elementor-element-7a7306c8{--content-width:950px;}.elementor-15292 .elementor-element.elementor-element-12bca3bc{--content-width:1500px;}.elementor-15292 .elementor-element.elementor-element-6f98938c{--content-width:1500px;}.elementor-15292 .elementor-element.elementor-element-69204f74{--content-width:1500px;}}@media(max-width:1200px) and (min-width:768px){.elementor-15292 .elementor-element.elementor-element-7cedd60a{--content-width:930px;}.elementor-15292 .elementor-element.elementor-element-6f98938c{--content-width:850px;}}@media(max-width:992px) and (min-width:768px){.elementor-15292 .elementor-element.elementor-element-7cedd60a{--content-width:690px;}}@media(max-width:1200px){.elementor-15292 .elementor-element.elementor-element-7cedd60a{--padding-top:5rem;--padding-bottom:0rem;--padding-left:1rem;--padding-right:1rem;}.elementor-15292 .elementor-element.elementor-element-1439e904{--e-con-grid-template-columns:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-15292 .elementor-element.elementor-element-5dcbf162{--padding-top:3.5rem;--padding-bottom:3.5rem;--padding-left:3.5rem;--padding-right:3.5rem;}.elementor-15292 .elementor-element.elementor-element-6bd6c002{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-15292 .elementor-element.elementor-element-69204f74{--gap:4rem 0rem;--row-gap:4rem;--column-gap:0rem;}.elementor-15292 .elementor-element.elementor-element-6851eeb3{--padding-top:3rem;--padding-bottom:3rem;--padding-left:3rem;--padding-right:3rem;}}@media(max-width:992px){.elementor-15292 .elementor-element.elementor-element-12bca3bc{--gap:3rem 0rem;--row-gap:3rem;--column-gap:0rem;--padding-top:65px;--padding-bottom:70px;--padding-left:16px;--padding-right:16px;}.elementor-15292 .elementor-element.elementor-element-1439e904{--gap:20px 20px;--row-gap:20px;--column-gap:20px;--grid-auto-flow:row;}.elementor-15292 .elementor-element.elementor-element-193fecbe .title{font-size:1.125rem;}.elementor-15292 .elementor-element.elementor-element-6f98938c{--padding-top:0px;--padding-bottom:100px;--padding-left:15px;--padding-right:15px;}.elementor-15292 .elementor-element.elementor-element-509725cc .title{font-size:2rem;}.elementor-15292 .elementor-element.elementor-element-69204f74{--gap:3rem 0rem;--row-gap:3rem;--column-gap:0rem;}.elementor-15292 .elementor-element.elementor-element-657f672f{--gap:3rem 0rem;--row-gap:3rem;--column-gap:0rem;}}@media(max-width:767px){.elementor-15292 .elementor-element.elementor-element-61075505 > .elementor-widget-container{margin:1rem 0rem 1rem 0rem;}.elementor-15292 .elementor-element.elementor-element-61075505 .title{font-size:2.5rem;}.elementor-15292 .elementor-element.elementor-element-7a7306c8{--margin-top:0rem;--margin-bottom:2rem;--margin-left:0rem;--margin-right:0rem;}.elementor-15292 .elementor-element.elementor-element-2e636324 .title{font-size:1rem;}.elementor-15292 .elementor-element.elementor-element-1439e904{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-15292 .elementor-element.elementor-element-193fecbe > .elementor-widget-container{margin:-3rem 0rem 0rem 0rem;}.elementor-15292 .elementor-element.elementor-element-193fecbe .title{font-size:1rem;}.elementor-15292 .elementor-element.elementor-element-6f98938c{--padding-top:0px;--padding-bottom:60px;--padding-left:15px;--padding-right:15px;}.elementor-15292 .elementor-element.elementor-element-509725cc .title{font-size:1.6rem;line-height:1.2em;}.elementor-15292 .elementor-element.elementor-element-5dcbf162{--padding-top:1.5rem;--padding-bottom:1.5rem;--padding-left:1.5rem;--padding-right:1.5rem;}.elementor-15292 .elementor-element.elementor-element-69204f74{--gap:2.5rem 0rem;--row-gap:2.5rem;--column-gap:0rem;}.elementor-15292 .elementor-element.elementor-element-657f672f{--gap:2rem 0rem;--row-gap:2rem;--column-gap:0rem;--border-radius:16px 16px 16px 16px;}.elementor-15292 .elementor-element.elementor-element-6851eeb3{--padding-top:1rem;--padding-bottom:1rem;--padding-left:1rem;--padding-right:1rem;}}/* Start custom CSS for container, class: .elementor-element-1439e904 *//* =========================================
   1. BASE CARD STYLING (Left & Right Cards)
========================================= */
.elementor-widget-container .tier.panel {
    position: relative !important;
    overflow: visible !important; /* Allows the badge to stick out of the top */
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 16px !important;
    background-color: #ffffff !important; 
    padding: 32px 24px !important;
    text-align: left !important; /* Overrides Elementor center alignment */
    box-shadow: none !important; /* Flat look by default */
    transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease !important;
}

/* Force left alignment on header wrappers */
.elementor-widget-container .tier.panel .tier-header,
.elementor-widget-container .tier.panel .vstack {
    align-items: flex-start !important;
    width: 100% !important;
    padding: 0 !important;
}

/* =========================================
   2. HIGHLIGHTED "MOST POPULAR" CARD (Middle)
========================================= */
/* Automatically targets the card containing the top badge using :has() */
.elementor-widget-container .tier.panel:has(.position-absolute) {
    border: 1.5px solid #117465 !important; /* Orange border */
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.06) !important; /* Pronounced shadow */
    transform: scale(1.03); /* Makes it slightly taller/larger than the others */
    z-index: 2;
}

/* =========================================
   3. TOP CENTER BADGE (MOST POPULAR)
========================================= */
.elementor-widget-container .tier.panel .position-absolute {
    top: 0 !important;
    left: 50% !important;
    right: auto !important;
    bottom: auto !important;
    /* Shifts it 50% left and 50% up so it perfectly straddles the border */
    transform: translate(-50%, -50%) !important; 
    background-color: #117465 !important; /* Orange background */
    padding: 6px 16px !important;
    border-radius: 20px !important;
    margin: 0 !important;
    z-index: 10;
    display: flex;
    justify-content: center;
    align-items: center;
}

.elementor-widget-container .tier.panel .position-absolute span {
    color: #ffffff !important;
    font-size: 0.75rem !important;
    font-weight: 800 !important;
    letter-spacing: 0.5px;
    text-transform: uppercase !important;
}

/* =========================================
   4. TITLE & PRICING
========================================= */
/* Tier Title */
.elementor-widget-container .tier.panel .tier-header .h5 {
    color: #0f172a !important; 
    font-weight: 700 !important;
    font-size: 1.5rem !important;
    margin-bottom: 0 !important;
}

/* Price flex container */
.elementor-widget-container .tier.panel .d-flex.gap-narrow {
    margin-top: 1rem !important;
    align-items: baseline !important;
    gap: 0.5rem !important;
}

/* Main Price */
.elementor-widget-container .tier.panel .price {
    color: #0f172a !important; 
    font-weight: 800 !important;
    font-size: 2.5rem !important;
}

/* Subtext (setup + $.../mo) */
.elementor-widget-container .tier.panel .tier-header .h6 {
    color: #64748b !important;
    font-weight: 400 !important;
    font-size: 0.875rem !important;
    margin: 0 !important;
    padding-bottom: 0 !important;
}

/* =========================================
   5. DESCRIPTION BLOCK (Best For: ...)
========================================= */
.elementor-widget-container .tier.panel .desc {
    margin-top: 1.25rem !important;
    border-left: 2px solid #cbd5e1 !important; /* Standard gray left border */
    padding-left: 0.75rem !important;
    font-size: 13.5px !important;
    color: #64748b !important;
    line-height: 1.5 !important;
}

/* Make the left border orange on the highlighted card to match the image */
.elementor-widget-container .tier.panel:has(.position-absolute) .desc {
    border-left: 2px solid #fdba74 !important; /* Light orange border */
}

/* =========================================
   6. FEATURES LIST
========================================= */
/* Clear default elementor borders/padding */
.elementor-widget-container .tier.panel .tier-body {
    margin-top: 1.5rem !important;
    flex: 1 1 0% !important; /* Fills remaining height cleanly */
    border: none !important;
    padding: 0 !important;
}

.elementor-widget-container .tier.panel ul.nav-y {
    list-style: none !important;
    padding-left: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 0.75rem !important; /* Spacing between list items */
}

.elementor-widget-container .tier.panel ul.nav-y li {
    display: flex;
    align-items: flex-start !important;
    gap: 0.5rem !important;
    color: #334155 !important;
    font-size: 0.875rem !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Clean up the icon wrapper */
.elementor-widget-container .tier.panel .tg-icon {
    background: transparent !important;
    width: 1rem !important;
    height: 1rem !important;
    margin-top: 0.125rem !important;
    flex-shrink: 0 !important;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Green Checkmarks */
.elementor-widget-container .tier.panel .unicon-checkmark {
    color: #16a34a !important; /* Vibrant green matching the image */
    font-size: 1.1rem !important;
    font-weight: bold;
}
/* Option 3: Minimalist Background Shift */
.elementor-widget-container .tier.panel {
    transition: background-color 0.3s ease, border-color 0.3s ease !important;
}

.elementor-widget-container .tier.panel:not(:has(.position-absolute)):hover {
    background-color: #f8fafc !important; /* Very light slate gray */
    border-color: #cbd5e1 !important;
    transform: none !important; /* Keeps it flat */
    box-shadow: none !important;
}

.elementor-widget-container .tier.panel:has(.position-absolute):hover {
    transform: scale(1.03) !important;
    background-color: #fffaf5 !important; /* Very faint warm tint */
}
/* Add padding and border-radius so the hover fill looks like a badge */
.elementor-widget-container .tier.panel .tier-header .h5 {
    transition: all 0.3s ease;
    padding: 4px 12px !important;
    border-radius: 8px !important;
    border: 1px solid transparent;
    display: inline-block; /* Ensures the background wraps tightly around the text */
}

/* Title badge fills with brand green on hover */
.elementor-widget-container .tier.panel:hover .tier-header .h5 {
    background-color: #117465 !important;
    color: #ffffff !important;
    border-color: #117465 !important;
}
/* =========================================
   FEATURES LIST HOVER EFFECTS
========================================= */
/* 1. Base setup for the list items to allow smooth transitions */
.elementor-widget-container .tier.panel ul.nav-y li {
    transition: all 0.2s ease-in-out !important;
    padding: 6px 8px !important;
    border-radius: 6px !important;
    /* Pulls the item left by 8px so the text stays perfectly aligned with the price/header despite the new padding */
    margin-left: -8px !important; 
}

/* 2. The hover state: change text color, add background, and slide right */
.elementor-widget-container .tier.panel ul.nav-y li:hover {
    transform: translateX(4px) !important;
}

/* 3. Base setup for the checkmark icon transition */
.elementor-widget-container .tier.panel .unicon-checkmark {
    transition: transform 0.2s ease-in-out !important;
}

/* 4. Scale up the checkmark when hovering over the row */
.elementor-widget-container .tier.panel ul.nav-y li:hover .unicon-checkmark {
    transform: scale(1.25) !important;
}/* End custom CSS */
/* Start custom CSS for fluent-form-widget, class: .elementor-element-77cee2a7 */#hvac-cu .ff_submit_btn_wrapper {
  margin-top: 1.75rem !important;
}

#hvac-cu button.ff-btn-submit {
  width: 100% !important;
  background-color: #117465 !important;
  color: #ffffff !important;
  font-weight: 700 !important;
  font-size: 1.05rem !important;
  padding: 0.9rem 1.75rem !important;
  border-radius: 12px !important;
  border: none !important;
  cursor: pointer !important;
  transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
  box-shadow: 0 10px 20px -5px rgba(17, 116, 101, 0.35) !important;
}

#hvac-cu button.ff-btn-submit:hover {
  background-color: #0e5e52 !important;
  transform: translateY(-2px) scale(1.005) !important;
  box-shadow: 0 14px 24px -4px rgba(17, 116, 101, 0.45) !important;
}

#hvac-cu button.ff-btn-submit:active {
  transform: translateY(0) !important;
}/* End custom CSS */