.elementor-250 .elementor-element.elementor-element-e934453{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-250 .elementor-element.elementor-element-0f34ca2{width:var( --container-widget-width, 101.651% );max-width:101.651%;--container-widget-width:101.651%;--container-widget-flex-grow:0;}.elementor-250 .elementor-element.elementor-element-0f34ca2.elementor-element{--align-self:stretch;--flex-grow:1;--flex-shrink:0;}.elementor-250 .elementor-element.elementor-element-bca2e24{--display:flex;}.elementor-250 .elementor-element.elementor-element-7fda896{width:var( --container-widget-width, 101.651% );max-width:101.651%;--container-widget-width:101.651%;--container-widget-flex-grow:0;}.elementor-250 .elementor-element.elementor-element-7fda896.elementor-element{--align-self:stretch;--flex-grow:1;--flex-shrink:0;}.elementor-250 .elementor-element.elementor-element-99d2dd7{--display:flex;}.elementor-250 .elementor-element.elementor-element-6fc94af{width:100%;max-width:100%;}.elementor-250 .elementor-element.elementor-element-6fc94af.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-250 .elementor-element.elementor-element-d45508b{--display:flex;}.elementor-250 .elementor-element.elementor-element-d1c1f84{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-250 .elementor-element.elementor-element-d1c1f84.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-250 .elementor-element.elementor-element-4f71691{--display:flex;}.elementor-250 .elementor-element.elementor-element-e58e488{width:var( --container-widget-width, 90.285% );max-width:90.285%;--container-widget-width:90.285%;--container-widget-flex-grow:0;}.elementor-250 .elementor-element.elementor-element-e58e488.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-250 .elementor-element.elementor-element-9216054{--display:flex;}.elementor-250 .elementor-element.elementor-element-001d450{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-250 .elementor-element.elementor-element-001d450.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-250 .elementor-element.elementor-element-39b565b{--display:flex;}.elementor-250 .elementor-element.elementor-element-8a0921d{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-250 .elementor-element.elementor-element-8a0921d.elementor-element{--flex-grow:0;--flex-shrink:0;}/* Start custom CSS for html, class: .elementor-element-e58e488 */<style>
/* --- MOBILE GLOBAL FIXES --- */
@media (max-width: 767px) {
    /* 1. Sabhi Sections ki padding kam karein taaki side se chipke nahi */
    .upvc-section-bg, .luxury-process-wrapper, .wa-premium-section, .luxury-section {
        padding: 40px 15px !important;
    }

    /* 2. Headlines ko chota karein taaki screen se bahar na jaye */
    h2 {
        font-size: 2rem !important;
        line-height: 1.2 !important;
        text-align: center !important;
    }

    /* 3. Top Cards Fix (Jo side-by-side the ab wo vertical honge) */
    .cards-container, .process-grid-premium, .compact-grid, .bento-grid {
        display: flex !important;
        flex-direction: column !important;
        gap: 20px !important;
    }

    /* 4. Individual Card Width Fix */
    .wide-card, .step-box, .compact-item, .bento-item {
        width: 100% !important;
        min-width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        min-height: 350px !important;
        padding: 25px !important;
    }

    /* 5. Icons aur Numbers ko adjust karein */
    .step-count {
        font-size: 3rem !important;
        bottom: 10px !important;
        right: 15px !important;
    }

    /* 6. WhatsApp Form Split Design Fix */
    .wa-premium-container {
        flex-direction: column !important;
        border-radius: 25px !important;
    }

    .wa-brand-side, .wa-form-side {
        width: 100% !important;
        padding: 30px 20px !important;
        text-align: center !important;
    }

    /* 7. WhatsApp Button ko full width karein */
    .wa-btn-submit {
        width: 100% !important;
        font-size: 1rem !important;
    }

    /* 8. Specs Grid (Cards ke andar wali list) */
    .specs-grid, .elementor-icon-list-items {
        grid-template-columns: 1fr !important; /* Mobile par 1 column */
    }
}

/* --- TABLET FIXES --- */
@media (min-width: 768px) and (max-width: 1024px) {
    .process-grid-premium, .cards-container {
        grid-template-columns: 1fr 1fr !important; /* Tablet par 2 columns */
    }
    .wide-card {
        min-width: 45% !important;
    }
}
</style>/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-001d450 */<style>
/* --- MOBILE GLOBAL FIXES --- */
@media (max-width: 767px) {
    /* 1. Sabhi Sections ki padding kam karein taaki side se chipke nahi */
    .upvc-section-bg, .luxury-process-wrapper, .wa-premium-section, .luxury-section {
        padding: 40px 15px !important;
    }

    /* 2. Headlines ko chota karein taaki screen se bahar na jaye */
    h2 {
        font-size: 2rem !important;
        line-height: 1.2 !important;
        text-align: center !important;
    }

    /* 3. Top Cards Fix (Jo side-by-side the ab wo vertical honge) */
    .cards-container, .process-grid-premium, .compact-grid, .bento-grid {
        display: flex !important;
        flex-direction: column !important;
        gap: 20px !important;
    }

    /* 4. Individual Card Width Fix */
    .wide-card, .step-box, .compact-item, .bento-item {
        width: 100% !important;
        min-width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        min-height: 350px !important;
        padding: 25px !important;
    }

    /* 5. Icons aur Numbers ko adjust karein */
    .step-count {
        font-size: 3rem !important;
        bottom: 10px !important;
        right: 15px !important;
    }

    /* 6. WhatsApp Form Split Design Fix */
    .wa-premium-container {
        flex-direction: column !important;
        border-radius: 25px !important;
    }

    .wa-brand-side, .wa-form-side {
        width: 100% !important;
        padding: 30px 20px !important;
        text-align: center !important;
    }

    /* 7. WhatsApp Button ko full width karein */
    .wa-btn-submit {
        width: 100% !important;
        font-size: 1rem !important;
    }

    /* 8. Specs Grid (Cards ke andar wali list) */
    .specs-grid, .elementor-icon-list-items {
        grid-template-columns: 1fr !important; /* Mobile par 1 column */
    }
}

/* --- TABLET FIXES --- */
@media (min-width: 768px) and (max-width: 1024px) {
    .process-grid-premium, .cards-container {
        grid-template-columns: 1fr 1fr !important; /* Tablet par 2 columns */
    }
    .wide-card {
        min-width: 45% !important;
    }
}
</style>/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8a0921d */<style>
/* --- MOBILE GLOBAL FIXES --- */
@media (max-width: 767px) {
    /* 1. Sabhi Sections ki padding kam karein taaki side se chipke nahi */
    .upvc-section-bg, .luxury-process-wrapper, .wa-premium-section, .luxury-section {
        padding: 40px 15px !important;
    }

    /* 2. Headlines ko chota karein taaki screen se bahar na jaye */
    h2 {
        font-size: 2rem !important;
        line-height: 1.2 !important;
        text-align: center !important;
    }

    /* 3. Top Cards Fix (Jo side-by-side the ab wo vertical honge) */
    .cards-container, .process-grid-premium, .compact-grid, .bento-grid {
        display: flex !important;
        flex-direction: column !important;
        gap: 20px !important;
    }

    /* 4. Individual Card Width Fix */
    .wide-card, .step-box, .compact-item, .bento-item {
        width: 100% !important;
        min-width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        min-height: 350px !important;
        padding: 25px !important;
    }

    /* 5. Icons aur Numbers ko adjust karein */
    .step-count {
        font-size: 3rem !important;
        bottom: 10px !important;
        right: 15px !important;
    }

    /* 6. WhatsApp Form Split Design Fix */
    .wa-premium-container {
        flex-direction: column !important;
        border-radius: 25px !important;
    }

    .wa-brand-side, .wa-form-side {
        width: 100% !important;
        padding: 30px 20px !important;
        text-align: center !important;
    }

    /* 7. WhatsApp Button ko full width karein */
    .wa-btn-submit {
        width: 100% !important;
        font-size: 1rem !important;
    }

    /* 8. Specs Grid (Cards ke andar wali list) */
    .specs-grid, .elementor-icon-list-items {
        grid-template-columns: 1fr !important; /* Mobile par 1 column */
    }
}

/* --- TABLET FIXES --- */
@media (min-width: 768px) and (max-width: 1024px) {
    .process-grid-premium, .cards-container {
        grid-template-columns: 1fr 1fr !important; /* Tablet par 2 columns */
    }
    .wide-card {
        min-width: 45% !important;
    }
}
</style>/* End custom CSS */