:root{--primary-color:#0e2337;--accent-secondary-color:#cf2815;--bg-color:#f3f3f3;--text-color:#585960}
.main-header .header-sticky{background:#fff;max-width:none;width:100%}.main-header .main-menu{display:flex;align-items:center;gap:16px}.main-menu ul{list-style:none;padding:0;margin:0;gap:16px}.main-menu a{color:#243041}.main-menu .header-btn{display:flex;align-items:center;gap:12px}.main-menu .sub-menu{position:absolute;background:white;padding:15px;display:none}.main-menu li:hover>.sub-menu,.main-menu li:focus-within>.sub-menu{display:block}.homfix-menu-toggle{display:none}.page-header{background:#0e2337}.page-header h1{color:white}.homfix-article{max-width:1000px;padding-top:50px;padding-bottom:50px}.homfix-featured{display:block;width:100%;height:auto;margin:25px 0}.homfix-card-title{font-size:22px;margin:16px 0}.blog-index-section{padding:60px 0}.blog-list img{width:100%;height:230px;object-fit:cover}.homfix-floating{position:fixed;right:20px;width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:white;z-index:1000;font-size:25px}.homfix-whatsapp{bottom:90px;background:#25d366}.homfix-call{bottom:24px;background:#cf2815}.homfix-skip{position:absolute;left:-9999px}.homfix-skip:focus{left:15px;top:15px;background:#fff;padding:12px;z-index:10000}.wow{visibility:visible!important}.homfix-section .elementor-widget-container{margin:0}.homfix-form-placeholder{padding:24px;background:#fff;border:1px solid #ddd}.homfix-section .swiper-wrapper{align-items:center}.homfix-section .swiper-slide img{max-width:100%}.homfix-section .package-table-wrapper{overflow:auto!important}
@media(max-width:991px){.homfix-menu-toggle{display:block;border:0;padding:12px;background:#cf2815;color:white}.main-header .main-menu{display:none;position:absolute;top:100%;left:0;right:0;background:white;padding:20px;z-index:999}.main-header .main-menu.is-open{display:block}.main-menu .navbar-nav{display:block}.main-menu li{padding:8px}.main-menu .header-btn{flex-wrap:wrap}.main-menu .sub-menu{position:static;display:block}.main-header .navbar>.container{position:relative}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Keep Forminator controls in the existing Homfix visual language. */
.homfix-section .forminator-ui.forminator-custom-form{margin:16px 0 0!important;text-align:left}.homfix-section .forminator-ui .forminator-input,.homfix-section .forminator-ui .forminator-textarea,.homfix-section .forminator-ui select{background:#f3f3f3!important;border:0!important;border-radius:10px!important;font:inherit!important;padding:16px!important;width:100%!important}.homfix-section .forminator-ui .forminator-label{font-family:inherit!important;color:#0e2337!important}.homfix-section .forminator-ui .forminator-button-submit{background:#cf2815!important;color:#fff!important;border:0!important;border-radius:8px!important;padding:15px 25px!important;font:inherit!important}.homfix-section .contact-form h4{margin-bottom:15px}.homfix-section .forminator-row{margin-bottom:14px!important}.homfix-section .forminator-error-message{color:#b00020!important}
.main-menu a.btn-default{color:#fff}.main-menu .header-call-btn{white-space:nowrap}.main-menu li{position:relative}.main-menu .sub-menu{min-width:210px;z-index:1001}.main-menu .sub-menu li{padding:8px 4px}

/* Override legacy dropdown animation/white links for WordPress menus. */
.main-menu .sub-menu{visibility:visible;opacity:1;transform:none;background:#fff}
header.main-header .main-menu ul.sub-menu li a{display:block;color:#243041!important}
.main-menu li:focus-within>.sub-menu{visibility:visible;opacity:1;transform:none}
.testimonial-prev,.testimonial-next{display:flex;align-items:center;justify-content:center;border:0;padding:0}
.homfix-floating:hover,.homfix-floating:focus{color:#fff}
/* Match the live enquiry city selector while retaining Forminator/Select2 behavior. */
.homfix-section .forminator-field:has(select[name="select-1"]){position:relative}
.homfix-section .forminator-field:has(select[name="select-1"])>.forminator-label{position:absolute;top:9px;left:16px;z-index:2;margin:0!important;font-size:10px!important;font-weight:400!important;pointer-events:none}
.homfix-section .forminator-field:has(select[name="select-1"]) .select2-container{width:100%!important}
.homfix-section .forminator-field:has(select[name="select-1"]) .select2-selection--single{height:60px!important;border:1px solid transparent!important;border-radius:11px!important;background:#f3f3f3!important;box-shadow:none!important;padding:23px 15px 7px!important}
.homfix-section .forminator-field:has(select[name="select-1"]) .select2-selection__rendered{padding:0!important;line-height:28px!important;color:#0e2337!important;font-family:inherit!important;font-size:16px!important;font-weight:400!important}
.homfix-section .forminator-field:has(select[name="select-1"]) .select2-container--open .select2-selection--single,.homfix-section .forminator-field:has(select[name="select-1"]) .select2-selection--single:focus{border-color:#ff233f!important;background:#fff!important;outline:none!important}
.homfix-section .forminator-field:has(select[name="select-1"]) .select2-selection__arrow{top:20px!important;right:16px!important;color:#536579!important}
.homfix-city-dropdown .forminator-select-dropdown{background:#fff!important;border:1px solid #e4e8ec!important;border-radius:0 0 10px 10px!important;box-shadow:0 5px 12px #0e23371a!important;overflow:hidden;color:#0e2337!important}
.homfix-city-dropdown .select2-results__options{max-height:240px!important;background:#fff!important;padding:4px 0!important}
.homfix-city-dropdown .select2-results__option{padding:9px 16px!important;min-height:38px!important;background:#fff!important;color:#0e2337!important;font-size:16px!important;line-height:20px!important;border-radius:9px!important}
.homfix-city-dropdown .select2-results__option[aria-selected="true"],.homfix-city-dropdown .select2-results__option--selected,.homfix-city-dropdown .select2-results__option--highlighted{background:#fceef0!important;color:#ef001b!important;font-weight:600!important}
.homfix-floating{width:60px;height:60px;font-size:26px;box-shadow:0 5px 18px #0e23372b}
.homfix-call{bottom:100px;background:#0e2337}
.homfix-whatsapp{bottom:25px;background:#25d366}
.homfix-section .forminator-field:has(select[name="select-1"]) .select2-selection--single{position:relative}
.homfix-section .forminator-field:has(select[name="select-1"]) .select2-selection__arrow{position:absolute!important;top:50%!important;transform:translateY(-50%)!important;height:20px!important;width:20px!important;margin:0!important;display:flex!important;align-items:center;justify-content:center}
.homfix-city-dropdown .select2-results__option--highlighted{outline:none!important;box-shadow:inset 0 0 0 1px #f9dce1!important}

/* Exact SVG sizing and pulse from the original app LegacyFooter.tsx. */

        .homfix-floating {
          position: fixed;
          right: 20px;
          width: 60px;
          height: 60px;
          border-radius: 999px;
          color: #fff;
          display: flex;
          align-items: center;
          justify-content: center;
          text-decoration: none;
          z-index: 9999;
          box-shadow: 0 5px 20px rgba(0, 0, 0, .25);
          transition: transform .3s ease, box-shadow .3s ease, background-color .3s ease;
        }

        .homfix-floating:hover,
        .homfix-floating:focus-visible {
          color: #fff;
          box-shadow: 0 8px 24px rgba(0, 0, 0, .3);
          outline: none;
        }

        .homfix-floating svg {
          display: block;
          width: 32px;
          height: 32px;
        }

        .homfix-call {
          bottom: 95px;
          background: #0e2337;
        }

        .homfix-call:hover,
        .homfix-call:focus-visible {
          background: #cf2815;
          transform: scale(1.08);
        }

        .homfix-whatsapp {
          bottom: 20px;
          background: #25d366;
          animation: homfix-whatsapp-pulse 2s linear infinite;
        }

        .homfix-whatsapp:hover,
        .homfix-whatsapp:focus-visible {
          transform: scale(1.08);
        }

        @keyframes homfix-whatsapp-pulse {
          0% { box-shadow: 0 0 0 0 rgba(37, 211, 102, .7); }
          40% { box-shadow: 0 0 0 10px rgba(37, 211, 102, .35); }
          75% { box-shadow: 0 0 0 15px rgba(37, 211, 102, .15); }
          100% { box-shadow: 0 0 0 18px rgba(37, 211, 102, 0); }
        }

        @media (max-width: 767px) {
          .homfix-floating {
            right: 15px;
            width: 55px;
            height: 55px;
          }

          .homfix-floating svg {
            width: 29px;
            height: 29px;
          }

          .homfix-whatsapp {
            bottom: 15px;
          }

          .homfix-call {
            bottom: 85px;
          }
        }
      

/* The original footer gives the contact column its full available width. */
.main-footer-prime .homfix-footer-contact{max-width:100%;margin-top:20px}
.main-menu ul li.submenu>a::after,.main-menu ul li.menu-item-has-children>a::after{content:""!important;display:inline-block;width:7px;height:7px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);vertical-align:3px;margin-left:9px}

/* Compact hero form: accessible labels stay in the DOM, matching live placeholders. */
.contact-banner-section .forminator-field:has(input[name="text-1"])>.forminator-label,.contact-banner-section .forminator-field:has(input[name="phone-1"])>.forminator-label{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important}
.homfix-section .contact-banner-section .forminator-ui .forminator-input{height:60px!important;padding:18px 25px!important;font-size:16px!important}
.contact-banner-section .forminator-input::placeholder{color:#585960!important;opacity:1}
.homfix-section .contact-banner-section .forminator-row{margin-bottom:8px!important}
.homfix-section .contact-banner-section .forminator-ui .forminator-button-submit{display:block!important;margin:0 auto!important;border-radius:100px!important;background:#0e2337!important;padding:17px 24px!important;font-weight:600!important;line-height:1!important}
.contact-banner-section .forminator-button-submit::after{content:"↗";display:inline-block;margin-left:15px;font-size:20px;vertical-align:middle}
.homfix-section .contact-banner-section .forminator-ui .forminator-button-submit:hover{background:#cf2815!important}
.contact-banner-section .homfix-enquiry-privacy{font-size:14px;line-height:1.5;text-align:center;margin:16px 0 10px}
.contact-banner-section .homfix-enquiry-privacy a{text-decoration:underline;font-weight:600}
.homfix-section .contact-banner-section .forminator-field:has(select[name="select-1"]) .select2-selection--single{background:#fff!important;border-color:#ff233f!important}
.homfix-section .contact-banner-section .forminator-ui .forminator-button-submit{width:auto!important;min-width:0!important}
.homfix-section .contact-banner-section .forminator-row .forminator-col{margin-bottom:0!important}
/* Forminator can group several fields inside one row; space those columns too. */
.homfix-section .contact-banner-section .forminator-row .forminator-col:has(.forminator-field){margin-bottom:8px!important}
/* Imported compact forms place all fields in one row: space the visible columns. */
.homfix-section .contact-banner-section .forminator-row .forminator-col:has(input[name="text-1"]),
.homfix-section .contact-banner-section .forminator-row .forminator-col:has(input[name="phone-1"]){margin-bottom:8px!important}

/* Legacy custom-cursor JS is not used by the WordPress theme. */
.homfix-section .project-item a,.homfix-section .project-item a *{cursor:pointer!important}

.page-header.homfix-project-header{background-image:url(assets/images/hero-bg-image-metal.jpg);background-position:center;background-size:cover}
.homfix-project-header h1{cursor:auto}
/* Keep the recommendation badge inside the scrollable comparison header. */
.homfix-section .package-table thead th{padding-top:38px;vertical-align:bottom}
.homfix-section .package-table .recommend-tag{top:8px;max-width:calc(100% - 12px);z-index:1;font-size:11px;line-height:16px;padding:2px 8px}
@media(max-width:767px){.homfix-section .package-table{min-width:620px}.homfix-section .package-table-wrapper{overflow-x:auto!important}}
/* Gallery images must fill the same box used to position the navigation arrows. */
.homfix-section .testimonial-slider-prime .swiper-slide img{width:100%;height:auto}
.homfix-section .testimonial-slider-prime .swiper-wrapper{cursor:grab}
.homfix-section .testimonial-slider-prime .testimonial-prev{left:10px;right:auto}
.homfix-section .testimonial-slider-prime .testimonial-next{right:10px;left:auto}

.homfix-load-more-wrap{text-align:center;margin-top:28px}.homfix-load-more[hidden]{display:none!important}.homfix-load-more:disabled{opacity:.65;cursor:wait}.homfix-load-more-status{margin:12px 0}
/* Native Elementor migration draft: preserve normal widget controls and spacing. */
.homfix-native-home .elementor-widget-text-editor p:last-child{margin-bottom:0}
.homfix-native-home .contact-form{margin-bottom:0}
.homfix-native-home .elementor-button{text-decoration:none}
@media(max-width:767px){.homfix-native-home .homfix-native-hero{background-image:none!important}}

/* Native homepage: behavioral hooks only; text/images remain standard widgets. */
.homfix-native-home .native-project-track{overflow-x:auto;scroll-snap-type:x mandatory;flex-wrap:nowrap;gap:30px;padding-bottom:12px}
.homfix-native-home .native-project-card{--flex-grow:0;--flex-shrink:0;--flex-basis:calc((100% - 90px)/4);flex:0 0 calc((100% - 90px)/4)!important;scroll-snap-align:start;position:relative}
.homfix-native-home .native-project-card img{width:100%;aspect-ratio:345/384;object-fit:cover}
.homfix-native-home .native-project-caption{position:absolute;bottom:0;left:0;width:100%;background:linear-gradient(transparent,#040618);padding-top:60px}
.homfix-native-home .native-project-card a{cursor:pointer}
.homfix-native-home .native-gallery-viewport{position:relative}
.homfix-native-home .native-gallery-panel[hidden],.homfix-native-home .native-gallery-slide[hidden]{display:none!important}
.homfix-native-home .native-gallery-slide img{width:100%;aspect-ratio:16/9;object-fit:cover}
.homfix-native-home .native-gallery-arrows{position:absolute;top:50%;left:25px;width:calc(100% - 50px);pointer-events:none;z-index:2}
.homfix-native-home .native-gallery-arrows .elementor-button{pointer-events:auto;background:#d8200c;border-radius:50%;padding:10px 15px}
.homfix-native-home .native-gallery-tab [aria-pressed="true"]{background:#0e2337!important;color:#ffffff!important}
.homfix-native-home .homfix-native-packages{padding:0}
.homfix-native-packages .filter-bar{margin-bottom:24px}
.elementor-editor-active .native-gallery-panel,.elementor-editor-active .native-gallery-slide{display:flex!important}
@media(max-width:1024px){.homfix-native-home .native-project-card{--flex-basis:calc((100% - 30px)/2);flex-basis:calc((100% - 30px)/2)!important}}
@media(max-width:767px){.homfix-native-home .native-project-card{--flex-basis:90%;flex-basis:90%!important}.homfix-native-home .native-gallery-arrows{left:10px;width:calc(100% - 20px)}}

.homfix-native-home .homfix-native-packages .pricing-item-btn .btn-default{font-size:16px;line-height:1.2;padding:17px 24px}

/* Contact's full Forminator form must not inherit the legacy flex form layout. */
.homfix-native-contact .forminator-ui{display:block!important;width:100%}
.homfix-native-contact .forminator-ui .forminator-row{width:100%;margin:0 0 16px!important}
.homfix-native-contact .forminator-ui .forminator-col{width:100%;max-width:100%;flex:0 0 100%;padding:0!important}
.homfix-native-contact .forminator-ui .forminator-button-submit{border-radius:100px!important;background:#0e2337!important;padding:17px 24px!important}
.homfix-native-contact .forminator-ui .forminator-row{display:block!important}
.homfix-native-contact .forminator-ui .forminator-col{width:100%!important;max-width:100%!important;flex:none!important;margin-bottom:16px!important}

/* Native review pages: scoped functional form/table layout. */
.homfix-native-batch .e-con{min-width:0}
.homfix-native-batch .forminator-ui,.homfix-native-batch .forminator-row{display:block!important;width:100%!important}
.homfix-native-batch .forminator-col{width:100%!important;max-width:100%!important;flex:none!important;margin-bottom:16px!important;padding:0!important}
.homfix-native-batch .native-table-scroll{display:block;overflow-x:auto;max-width:100%}
.homfix-native-batch .native-comparison-table{max-width:100%;overflow-x:auto}
.homfix-native-batch .package-table{min-width:760px}
.homfix-native-batch .package-table th{position:relative;padding:32px 15px 15px}
.homfix-native-batch .package-table .recommend-tag{top:3px}

.homfix-native-batch .native-dark-icon img{filter:brightness(0) invert(1)}
.homfix-native-batch .native-package-status{display:inline-block;font-size:22px;line-height:24px;color:#0e2337}