.elementor-646 .elementor-element.elementor-element-59deb9e{--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;--margin-top:-58px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-646 .elementor-element.elementor-element-074d46d{--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-646 .elementor-element.elementor-element-a932e9f{--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-646 .elementor-element.elementor-element-af0e03e{--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-646 .elementor-element.elementor-element-377dab6{--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-646 .elementor-element.elementor-element-3c748cd{--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-646 .elementor-element.elementor-element-572ba6b{--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-646 .elementor-element.elementor-element-e06d74f{--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-646 .elementor-element.elementor-element-3a94308{--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-646 .elementor-element.elementor-element-a99ce75{--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-646 .elementor-element.elementor-element-5c29720{--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;}/* Start custom CSS for html, class: .elementor-element-0f09c51 *//*========================================
INTERIOR DESIGNER HERO
========================================*/

.id-hero {

    position: relative;

    min-height: 580px;

    display: flex;

    align-items: center;

    overflow: hidden;

    /*
    ADD YOUR BACKGROUND IMAGE HERE
    Example:

    background-image: url("YOUR-IMAGE-URL");

    */

    background-size: cover;

    background-position: center;

    background-repeat: no-repeat;

}


/* DARK OVERLAY */

.id-hero-overlay {

    position: absolute;

    inset: 0;

    background:

        linear-gradient(
            90deg,
            rgba(15, 31, 52, 0.96) 0%,
            rgba(15, 31, 52, 0.90) 38%,
            rgba(15, 31, 52, 0.60) 65%,
            rgba(15, 31, 52, 0.30) 100%
        );

    z-index: 1;

}


/* CONTAINER */

.id-hero-container {

    width: 100%;

    max-width: 1200px;

    margin: 0 auto;

    padding: 80px 20px;

    position: relative;

    z-index: 2;

}


/* CONTENT */

.id-hero-content {

    max-width: 680px;

}


/* BADGE */

.id-hero-badge {

    display: inline-block;

    background: #F4B400;

    color: #111111;

    padding: 12px 28px;

    border-radius: 40px;

    font-size: 16px;

    font-weight: 700;

    margin-bottom: 30px;

}


/* HEADING */

.id-hero-content h1 {

    margin: 0 0 25px;

    color: #ffffff;

    font-size: 58px;

    line-height: 1.12;

    font-weight: 800;

    letter-spacing: -1px;

}

.id-hero-content h1 span {

    display: block;

    color: #F4B400;

}


/* DESCRIPTION */

.id-hero-content p {

    margin: 0 0 32px;

    max-width: 650px;

    color: #ffffff;

    font-size: 19px;

    line-height: 1.8;

}


/* BUTTONS */

.id-hero-buttons {

    display: flex;

    align-items: center;

    gap: 18px;

    flex-wrap: wrap;

    margin-bottom: 30px;

}


/* PRIMARY BUTTON */

.id-btn-primary {

    display: inline-flex;

    align-items: center;

    justify-content: center;

    padding: 18px 32px;

    background: #F4B400;

    color: #111111;

    border-radius: 8px;

    text-decoration: none;

    font-size: 17px;

    font-weight: 700;

    transition: all 0.3s ease;

}

.id-btn-primary:hover {

    background: #ffffff;

    color: #111111;

    transform: translateY(-2px);

}


/* WHATSAPP */

.id-btn-whatsapp {

    display: inline-flex;

    align-items: center;

    justify-content: center;

    gap: 9px;

    padding: 18px 32px;

    background: #25D366;

    color: #ffffff;

    border-radius: 8px;

    text-decoration: none;

    font-size: 17px;

    font-weight: 700;

    transition: all 0.3s ease;

}

.id-btn-whatsapp:hover {

    background: #1DA851;

    color: #ffffff;

    transform: translateY(-2px);

}


/* FEATURES */

.id-hero-features {

    display: flex;

    align-items: center;

    gap: 35px;

    flex-wrap: wrap;

}


/* FEATURE */

.id-feature {

    display: flex;

    align-items: center;

    gap: 10px;

    color: #ffffff;

    font-size: 17px;

    font-weight: 600;

}


/* CHECK */

.id-check {

    width: 27px;

    height: 27px;

    display: flex;

    align-items: center;

    justify-content: center;

    background: #F4B400;

    color: #111111;

    border-radius: 50%;

    font-size: 15px;

    font-weight: 800;

}


/*========================================
TABLET
========================================*/

@media (max-width: 991px) {

    .id-hero {

        min-height: 560px;

    }

    .id-hero-content h1 {

        font-size: 50px;

    }

    .id-hero-content p {

        font-size: 18px;

    }

}


/*========================================
MOBILE
========================================*/

@media (max-width: 767px) {

    .id-hero {

        min-height: 600px;

    }

    .id-hero-overlay {

        background:

            linear-gradient(
                90deg,
                rgba(15, 31, 52, 0.94),
                rgba(15, 31, 52, 0.82)
            );

    }

    .id-hero-container {

        padding: 65px 20px;

    }

    .id-hero-content {

        max-width: 100%;

        text-align: center;

    }

    .id-hero-badge {

        font-size: 14px;

        padding: 10px 20px;

        margin-bottom: 25px;

    }

    .id-hero-content h1 {

        font-size: 40px;

        line-height: 1.15;

        letter-spacing: 0;

    }

    .id-hero-content p {

        font-size: 16px;

        line-height: 1.8;

    }

    .id-hero-buttons {

        flex-direction: column;

        width: 100%;

    }

    .id-btn-primary,

    .id-btn-whatsapp {

        width: 100%;

        box-sizing: border-box;

    }

    .id-hero-features {

        justify-content: center;

        gap: 20px;

    }

    .id-feature {

        font-size: 15px;

    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5c2a708 *//*========================================
INTERIOR DESIGN INTRO
========================================*/

.id-intro {
    padding: 95px 20px;
    background: #ffffff;
}

.id-intro-container {
    max-width: 1200px;
    margin: 0 auto;

    display: grid;
    grid-template-columns: 1fr 1fr;

    gap: 75px;
    align-items: center;
}


/*========================================
IMAGE
========================================*/

.id-intro-image {

    min-height: 570px;

    position: relative;

    border-radius: 20px;

    overflow: hidden;

    background-image: url("https://greaternoidahomefix.com/wp-content/uploads/2026/09/GN-H-Interiors.jpg");

    background-size: cover;

    background-position: center;

    background-repeat: no-repeat;
}


/* IMAGE OVERLAY */

.id-intro-image::after {

    content: "";

    position: absolute;

    inset: 0;

    background: linear-gradient(
        180deg,
        rgba(15,31,52,0.05),
        rgba(15,31,52,0.45)
    );

}


/*========================================
IMAGE STAT CARD
========================================*/

.id-intro-image-card {

    position: absolute;

    left: 30px;

    bottom: 30px;

    z-index: 2;

    background: #F4B400;

    color: #111111;

    padding: 22px 30px;

    border-radius: 12px;

    display: flex;

    flex-direction: column;

    min-width: 180px;

    box-shadow: 0 12px 30px rgba(0,0,0,0.18);

}

.id-intro-image-card strong {

    font-size: 36px;

    line-height: 1;

    font-weight: 800;

}

.id-intro-image-card span {

    margin-top: 7px;

    font-size: 14px;

    font-weight: 600;

}


/*========================================
CONTENT
========================================*/

.id-intro-content {

    max-width: 570px;

}


/* BADGE */

.id-section-badge {

    display: inline-block;

    padding: 10px 22px;

    background: #FFF4D5;

    color: #9A6800;

    border-radius: 40px;

    font-size: 15px;

    font-weight: 700;

    margin-bottom: 22px;

}


/* HEADING */

.id-intro-content h2 {

    margin: 0 0 22px;

    color: #1E2A3D;

    font-size: 46px;

    line-height: 1.18;

    font-weight: 800;

}

.id-intro-content h2 span {

    display: block;

    color: #F4B400;

}


/* PARAGRAPHS */

.id-intro-content > p {

    margin: 0 0 18px;

    color: #666666;

    font-size: 17px;

    line-height: 1.8;

}


/*========================================
POINTS
========================================*/

.id-intro-points {

    display: grid;

    grid-template-columns: 1fr 1fr;

    gap: 22px;

    margin: 30px 0;

}

.id-intro-point {

    display: flex;

    gap: 12px;

    align-items: flex-start;

}

.id-point-icon {

    width: 27px;

    height: 27px;

    min-width: 27px;

    display: flex;

    align-items: center;

    justify-content: center;

    background: #F4B400;

    color: #111111;

    border-radius: 50%;

    font-size: 14px;

    font-weight: 800;

}

.id-intro-point h3 {

    margin: 0 0 5px;

    color: #1E2A3D;

    font-size: 17px;

    font-weight: 700;

}

.id-intro-point p {

    margin: 0;

    color: #777777;

    font-size: 14px;

    line-height: 1.6;

}


/*========================================
BUTTON
========================================*/

.id-intro-button {

    display: inline-flex;

    align-items: center;

    gap: 15px;

    padding: 16px 27px;

    background: #1E2A3D;

    color: #ffffff;

    text-decoration: none;

    border-radius: 8px;

    font-size: 16px;

    font-weight: 700;

    transition: all 0.3s ease;

}

.id-intro-button span {

    color: #F4B400;

    font-size: 22px;

    line-height: 1;

}

.id-intro-button:hover {

    background: #F4B400;

    color: #111111;

}

.id-intro-button:hover span {

    color: #111111;

}


/*========================================
TABLET
========================================*/

@media (max-width: 991px) {

    .id-intro-container {

        grid-template-columns: 1fr;

        gap: 50px;

    }

    .id-intro-image {

        min-height: 450px;

    }

    .id-intro-content {

        max-width: 100%;

    }

}


/*========================================
MOBILE
========================================*/

@media (max-width: 767px) {

    .id-intro {

        padding: 65px 20px;

    }

    .id-intro-container {

        gap: 40px;

    }

    .id-intro-image {

        min-height: 380px;

        border-radius: 15px;

    }

    .id-intro-image-card {

        left: 20px;

        bottom: 20px;

        padding: 18px 22px;

    }

    .id-intro-image-card strong {

        font-size: 30px;

    }

    .id-intro-content h2 {

        font-size: 34px;

    }

    .id-intro-content > p {

        font-size: 16px;

        line-height: 1.75;

    }

    .id-intro-points {

        grid-template-columns: 1fr;

        gap: 18px;

    }

    .id-intro-button {

        width: 100%;

        justify-content: center;

        box-sizing: border-box;

    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9332815 *//*========================================
INTERIOR DESIGN SERVICES
========================================*/

.id-services {

    width: 100%;

    padding: 100px 20px;

    background: #F8F9FA;

    box-sizing: border-box;

}

.id-services *,
.id-services *::before,
.id-services *::after {

    box-sizing: border-box;

}

.id-services-container {

    width: 100%;

    max-width: 1200px;

    margin: 0 auto;

}


/*========================================
SECTION HEADING
========================================*/

.id-services-heading {

    max-width: 760px;

    margin: 0 auto 60px;

    text-align: center;

}

.id-services-badge {

    display: inline-block;

    padding: 10px 22px;

    background: #FFF4D5;

    color: #9A6800 !important;

    border-radius: 40px;

    font-size: 15px;

    line-height: 1.4;

    font-weight: 700;

    margin-bottom: 20px;

}

.id-services-heading h2 {

    margin: 0 0 20px !important;

    padding: 0 !important;

    color: #1E2A3D !important;

    font-size: 46px !important;

    line-height: 1.2 !important;

    font-weight: 800 !important;

}

.id-services-heading h2 span {

    color: #F4B400 !important;

}

.id-services-heading p {

    max-width: 680px;

    margin: 0 auto !important;

    padding: 0 !important;

    color: #666666 !important;

    font-size: 17px !important;

    line-height: 1.8 !important;

}


/*========================================
SERVICES GRID
========================================*/

.id-services-grid {

    display: grid;

    grid-template-columns: repeat(3, 1fr);

    gap: 25px;

}


/*========================================
SERVICE CARD
========================================*/

.id-service-card {

    position: relative;

    min-width: 0;

    background: #FFFFFF !important;

    padding: 35px 32px;

    border-radius: 16px;

    border: 1px solid #E5E5E5;

    overflow: hidden;

    transition: all .3s ease;

}

.id-service-card:hover {

    transform: translateY(-8px);

    border-color: #F4B400;

    box-shadow: 0 18px 40px rgba(15,31,52,.10);

}


/*========================================
FEATURED CARD
========================================*/

.id-service-card-featured {

    background: #1E2A3D !important;

    border-color: #1E2A3D !important;

}

.id-service-card-featured:hover {

    border-color: #F4B400 !important;

}


/*========================================
CARD NUMBER
========================================*/

.id-service-number {

    position: absolute;

    top: 18px;

    right: 22px;

    color: #E9EBEE !important;

    font-size: 48px;

    line-height: 1 !important;

    font-weight: 800;

    pointer-events: none;

}

.id-service-card-featured .id-service-number {

    color: rgba(255,255,255,.10) !important;

}


/*========================================
CARD ICON
========================================*/

.id-service-icon {

    width: 58px;

    height: 58px;

    display: flex;

    align-items: center;

    justify-content: center;

    margin-bottom: 25px;

    background: #FFF4D5 !important;

    color: #E9A900 !important;

    border-radius: 12px;

    font-size: 24px;

}

.id-service-card-featured .id-service-icon {

    background: #F4B400 !important;

    color: #111111 !important;

}


/*========================================
CARD TITLE
========================================*/

.id-service-card h3 {

    margin: 0 0 14px !important;

    padding: 0 !important;

    color: #1E2A3D !important;

    font-size: 24px !important;

    line-height: 1.3 !important;

    font-weight: 750 !important;

}

.id-service-card-featured h3 {

    color: #FFFFFF !important;

}


/*========================================
CARD DESCRIPTION
========================================*/

.id-service-card p {

    min-height: 88px;

    margin: 0 0 25px !important;

    padding: 0 !important;

    color: #666666 !important;

    font-size: 15px !important;

    line-height: 1.7 !important;

}

.id-service-card-featured p {

    color: #D5D9DF !important;

}


/*========================================
CARD LINK
========================================*/

.id-service-card a {

    display: inline-flex;

    align-items: center;

    gap: 10px;

    margin: 0 !important;

    padding: 0 !important;

    color: #1E2A3D !important;

    text-decoration: none !important;

    font-size: 15px !important;

    line-height: 1.5 !important;

    font-weight: 700 !important;

    transition: all .3s ease;

}

.id-service-card-featured a {

    color: #FFFFFF !important;

}

.id-service-card a span {

    display: inline-block;

    color: #F4B400 !important;

    font-size: 20px;

    line-height: 1;

    transition: transform .3s ease;

}

.id-service-card a:hover {

    text-decoration: none !important;

}

.id-service-card a:hover span {

    transform: translateX(5px);

}


/*========================================
TABLET
========================================*/

@media (max-width: 991px) {

    .id-services {

        padding: 80px 20px;

    }

    .id-services-grid {

        grid-template-columns: repeat(2, 1fr);

    }

}


/*========================================
MOBILE
========================================*/

@media (max-width: 767px) {

    .id-services {

        padding: 65px 20px;

    }

    .id-services-heading {

        margin-bottom: 40px;

    }

    .id-services-heading h2 {

        font-size: 34px !important;

    }

    .id-services-heading p {

        font-size: 16px !important;

    }

    .id-services-grid {

        grid-template-columns: 1fr;

        gap: 18px;

    }

    .id-service-card {

        padding: 30px 25px;

    }

    .id-service-card h3 {

        font-size: 22px !important;

    }

    .id-service-card p {

        min-height: auto;

    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b06e75b *//*========================================
2D & 3D INTERIOR DESIGN
========================================*/

.id-design {

    width: 100%;

    padding: 100px 20px;

    background: #FFFFFF;

    box-sizing: border-box;

}

.id-design *,
.id-design *::before,
.id-design *::after {

    box-sizing: border-box;

}

.id-design-container {

    width: 100%;

    max-width: 1200px;

    margin: 0 auto;

    display: grid;

    grid-template-columns: 1fr 1fr;

    gap: 75px;

    align-items: center;

}


/*========================================
CONTENT
========================================*/

.id-design-content {

    max-width: 570px;

}


/* BADGE */

.id-design-badge {

    display: inline-block;

    padding: 10px 22px;

    background: #FFF4D5;

    color: #9A6800 !important;

    border-radius: 40px;

    font-size: 15px;

    line-height: 1.4;

    font-weight: 700;

    margin-bottom: 22px;

}


/* HEADING */

.id-design-content h2 {

    margin: 0 0 22px !important;

    padding: 0 !important;

    color: #1E2A3D !important;

    font-size: 46px !important;

    line-height: 1.18 !important;

    font-weight: 800 !important;

}

.id-design-content h2 span {

    display: block;

    color: #F4B400 !important;

}


/* PARAGRAPHS */

.id-design-content > p {

    margin: 0 0 18px !important;

    padding: 0 !important;

    color: #666666 !important;

    font-size: 17px !important;

    line-height: 1.8 !important;

}


/*========================================
FEATURES
========================================*/

.id-design-features {

    display: grid;

    grid-template-columns: 1fr 1fr;

    gap: 25px;

    margin: 32px 0;

}

.id-design-feature {

    display: flex;

    align-items: flex-start;

    gap: 12px;

}


/* ICON */

.id-design-feature-icon {

    width: 28px;

    height: 28px;

    min-width: 28px;

    display: flex;

    align-items: center;

    justify-content: center;

    background: #F4B400;

    color: #111111;

    border-radius: 50%;

    font-size: 14px;

    font-weight: 800;

}


/* FEATURE TITLE */

.id-design-feature h3 {

    margin: 0 0 6px !important;

    padding: 0 !important;

    color: #1E2A3D !important;

    font-size: 17px !important;

    line-height: 1.4 !important;

    font-weight: 700 !important;

}


/* FEATURE TEXT */

.id-design-feature p {

    margin: 0 !important;

    padding: 0 !important;

    color: #777777 !important;

    font-size: 14px !important;

    line-height: 1.6 !important;

}


/*========================================
BUTTON
========================================*/

.id-design-button {

    display: inline-flex;

    align-items: center;

    justify-content: center;

    gap: 15px;

    padding: 16px 28px;

    background: #1E2A3D;

    color: #FFFFFF !important;

    text-decoration: none !important;

    border-radius: 8px;

    font-size: 16px;

    line-height: 1.5;

    font-weight: 700;

    transition: all .3s ease;

}

.id-design-button span {

    color: #F4B400;

    font-size: 21px;

    line-height: 1;

    transition: transform .3s ease;

}

.id-design-button:hover {

    background: #F4B400;

    color: #111111 !important;

}

.id-design-button:hover span {

    color: #111111;

    transform: translateX(5px);

}


/*========================================
RIGHT VISUAL
========================================*/

.id-design-visual {

    position: relative;

    min-height: 570px;

    border-radius: 20px;

    overflow: hidden;

    /*
    ADD YOUR IMAGE HERE

    background-image:
    url("YOUR-3D-DESIGN-IMAGE-URL");
    */
    
    background-image: url("https://greaternoidahomefix.com/wp-content/uploads/2026/09/GNH-Interiors.jpg");

    background-size: cover;

    background-position: center;

    background-repeat: no-repeat;

    background-color: #E9EDF2;

}


/* DARK OVERLAY */

.id-design-visual::after {

    content: "";

    position: absolute;

    inset: 0;

    background: linear-gradient(
        180deg,
        rgba(15,31,52,0.05),
        rgba(15,31,52,0.55)
    );

}


/*========================================
VISUAL CARD
========================================*/

.id-design-visual-card {

    position: absolute;

    left: 30px;

    bottom: 30px;

    z-index: 2;

    display: flex;

    flex-direction: column;

    max-width: 300px;

    padding: 22px 25px;

    background: #1E2A3D;

    border-left: 5px solid #F4B400;

    border-radius: 8px;

    box-shadow: 0 12px 30px rgba(0,0,0,.20);

}

.id-design-visual-card span {

    margin-bottom: 7px;

    color: #F4B400;

    font-size: 12px;

    font-weight: 700;

    letter-spacing: 1.5px;

}

.id-design-visual-card strong {

    color: #FFFFFF;

    font-size: 18px;

    line-height: 1.4;

    font-weight: 700;

}


/*========================================
TABLET
========================================*/

@media (max-width: 991px) {

    .id-design {

        padding: 80px 20px;

    }

    .id-design-container {

        grid-template-columns: 1fr;

        gap: 50px;

    }

    .id-design-content {

        max-width: 100%;

    }

    .id-design-visual {

        min-height: 480px;

    }

}


/*========================================
MOBILE
========================================*/

@media (max-width: 767px) {

    .id-design {

        padding: 65px 20px;

    }

    .id-design-container {

        gap: 40px;

    }

    .id-design-content h2 {

        font-size: 34px !important;

    }

    .id-design-content > p {

        font-size: 16px !important;

        line-height: 1.75 !important;

    }

    .id-design-features {

        grid-template-columns: 1fr;

        gap: 18px;

    }

    .id-design-button {

        width: 100%;

        box-sizing: border-box;

    }

    .id-design-visual {

        min-height: 380px;

        border-radius: 15px;

    }

    .id-design-visual-card {

        left: 20px;

        right: 20px;

        bottom: 20px;

        max-width: none;

    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f271a02 *//*========================================
INTERIOR DESIGN PROCESS
========================================*/

.id-process {

    width: 100%;

    padding: 100px 20px;

    background: #F8F9FA;

    box-sizing: border-box;

}

.id-process *,
.id-process *::before,
.id-process *::after {

    box-sizing: border-box;

}

.id-process-container {

    width: 100%;

    max-width: 1200px;

    margin: 0 auto;

}


/*========================================
HEADING
========================================*/

.id-process-heading {

    max-width: 760px;

    margin: 0 auto 60px;

    text-align: center;

}

.id-process-badge {

    display: inline-block;

    padding: 10px 22px;

    margin-bottom: 20px;

    background: #FFF4D5;

    color: #9A6800 !important;

    border-radius: 40px;

    font-size: 15px;

    line-height: 1.4;

    font-weight: 700;

}

.id-process-heading h2 {

    margin: 0 0 20px !important;

    padding: 0 !important;

    color: #1E2A3D !important;

    font-size: 46px !important;

    line-height: 1.2 !important;

    font-weight: 800 !important;

}

.id-process-heading h2 span {

    color: #F4B400 !important;

}

.id-process-heading p {

    max-width: 680px;

    margin: 0 auto !important;

    padding: 0 !important;

    color: #666666 !important;

    font-size: 17px !important;

    line-height: 1.8 !important;

}


/*========================================
PROCESS GRID
========================================*/

.id-process-grid {

    display: grid;

    grid-template-columns: repeat(3, 1fr);

    gap: 25px;

}


/*========================================
PROCESS CARD
========================================*/

.id-process-step {

    position: relative;

    min-height: 280px;

    padding: 30px;

    background: #FFFFFF !important;

    border: 1px solid #E5E5E5;

    border-radius: 16px;

    overflow: hidden;

    transition: all .3s ease;

}

.id-process-step:hover {

    transform: translateY(-7px);

    border-color: #F4B400;

    box-shadow: 0 18px 40px rgba(15,31,52,.10);

}


/*========================================
TOP
========================================*/

.id-process-top {

    display: flex;

    align-items: center;

    justify-content: space-between;

    margin-bottom: 25px;

}


/*========================================
ICON
========================================*/

.id-process-icon {

    width: 58px;

    height: 58px;

    display: flex;

    align-items: center;

    justify-content: center;

    background: #FFF4D5;

    color: #E9A900;

    border-radius: 12px;

    font-size: 23px;

}


/*========================================
NUMBER
========================================*/

.id-process-number {

    color: #E9EBEE !important;

    font-size: 46px;

    line-height: 1;

    font-weight: 800;

}


/*========================================
TITLE
========================================*/

.id-process-step h3 {

    margin: 0 0 13px !important;

    padding: 0 !important;

    color: #1E2A3D !important;

    font-size: 22px !important;

    line-height: 1.35 !important;

    font-weight: 750 !important;

}


/*========================================
DESCRIPTION
========================================*/

.id-process-step p {

    margin: 0 !important;

    padding: 0 !important;

    color: #666666 !important;

    font-size: 15px !important;

    line-height: 1.7 !important;

}


/*========================================
BOTTOM LINE
========================================*/

.id-process-step::after {

    content: "";

    position: absolute;

    left: 0;

    bottom: 0;

    width: 0;

    height: 4px;

    background: #F4B400;

    transition: width .3s ease;

}

.id-process-step:hover::after {

    width: 100%;

}


/*========================================
CTA
========================================*/

.id-process-cta {

    margin-top: 45px;

    padding: 32px 38px;

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 30px;

    background: #1E2A3D;

    border-radius: 16px;

}

.id-process-cta h3 {

    margin: 0 0 7px !important;

    padding: 0 !important;

    color: #FFFFFF !important;

    font-size: 25px !important;

    line-height: 1.3 !important;

    font-weight: 750 !important;

}

.id-process-cta p {

    margin: 0 !important;

    padding: 0 !important;

    color: #D5D9DF !important;

    font-size: 15px !important;

}

.id-process-cta a {

    display: inline-flex;

    align-items: center;

    justify-content: center;

    gap: 12px;

    flex-shrink: 0;

    padding: 16px 26px;

    background: #F4B400;

    color: #111111 !important;

    text-decoration: none !important;

    border-radius: 8px;

    font-size: 16px;

    font-weight: 700;

    transition: all .3s ease;

}

.id-process-cta a span {

    font-size: 20px;

    transition: transform .3s ease;

}

.id-process-cta a:hover {

    background: #FFFFFF;

}

.id-process-cta a:hover span {

    transform: translateX(5px);

}


/*========================================
TABLET
========================================*/

@media (max-width: 991px) {

    .id-process {

        padding: 80px 20px;

    }

    .id-process-grid {

        grid-template-columns: repeat(2, 1fr);

    }

}


/*========================================
MOBILE
========================================*/

@media (max-width: 767px) {

    .id-process {

        padding: 65px 20px;

    }

    .id-process-heading {

        margin-bottom: 40px;

    }

    .id-process-heading h2 {

        font-size: 34px !important;

    }

    .id-process-heading p {

        font-size: 16px !important;

    }

    .id-process-grid {

        grid-template-columns: 1fr;

        gap: 18px;

    }

    .id-process-step {

        min-height: auto;

        padding: 28px 25px;

    }

    .id-process-cta {

        margin-top: 30px;

        padding: 28px 25px;

        flex-direction: column;

        align-items: flex-start;

    }

    .id-process-cta a {

        width: 100%;

    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f201356 *//*========================================
MATERIALS & FINISHES
========================================*/

.id-materials {

    width: 100%;

    padding: 100px 20px;

    background: #FFFFFF;

    box-sizing: border-box;

}

.id-materials *,
.id-materials *::before,
.id-materials *::after {

    box-sizing: border-box;

}

.id-materials-container {

    width: 100%;

    max-width: 1200px;

    margin: 0 auto;

    display: grid;

    grid-template-columns: 1fr 1fr;

    gap: 75px;

    align-items: center;

}


/*========================================
LEFT VISUAL
========================================*/

.id-materials-visual {

    position: relative;

    min-height: 570px;

    border-radius: 20px;

    overflow: hidden;

    /*
    ADD YOUR IMAGE HERE

    background-image:
    url("YOUR-MATERIAL-IMAGE-URL");
    */
    
    background-image:url("https://greaternoidahomefix.com/wp-content/uploads/2026/09/GNH-Materials.jpg");

    background-size: cover;

    background-position: center;

    background-repeat: no-repeat;

    background-color: #E9EDF2;

}


/* IMAGE OVERLAY */

.id-materials-visual::after {

    content: "";

    position: absolute;

    inset: 0;

    background: linear-gradient(
        180deg,
        rgba(15,31,52,0.02),
        rgba(15,31,52,0.60)
    );

}


/*========================================
IMAGE CARD
========================================*/

.id-materials-card {

    position: absolute;

    left: 30px;

    bottom: 30px;

    z-index: 2;

    padding: 23px 27px;

    background: #1E2A3D;

    border-left: 5px solid #F4B400;

    border-radius: 8px;

    box-shadow: 0 12px 30px rgba(0,0,0,.20);

}

.id-materials-card span {

    display: block;

    margin-bottom: 8px;

    color: #F4B400;

    font-size: 12px;

    line-height: 1.4;

    font-weight: 700;

    letter-spacing: 1.5px;

}

.id-materials-card strong {

    display: block;

    color: #FFFFFF;

    font-size: 20px;

    line-height: 1.4;

    font-weight: 700;

}


/*========================================
CONTENT
========================================*/

.id-materials-content {

    max-width: 570px;

}


/* BADGE */

.id-materials-badge {

    display: inline-block;

    padding: 10px 22px;

    margin-bottom: 22px;

    background: #FFF4D5;

    color: #9A6800 !important;

    border-radius: 40px;

    font-size: 15px;

    line-height: 1.4;

    font-weight: 700;

}


/* HEADING */

.id-materials-content h2 {

    margin: 0 0 22px !important;

    padding: 0 !important;

    color: #1E2A3D !important;

    font-size: 46px !important;

    line-height: 1.18 !important;

    font-weight: 800 !important;

}

.id-materials-content h2 span {

    display: block;

    color: #F4B400 !important;

}


/* PARAGRAPHS */

.id-materials-content > p {

    margin: 0 0 18px !important;

    padding: 0 !important;

    color: #666666 !important;

    font-size: 17px !important;

    line-height: 1.8 !important;

}


/*========================================
MATERIAL LIST
========================================*/

.id-materials-list {

    display: grid;

    grid-template-columns: 1fr 1fr;

    gap: 25px;

    margin: 32px 0;

}

.id-material-item {

    display: flex;

    align-items: flex-start;

    gap: 12px;

}


/* ICON */

.id-material-icon {

    width: 28px;

    height: 28px;

    min-width: 28px;

    display: flex;

    align-items: center;

    justify-content: center;

    background: #F4B400;

    color: #111111;

    border-radius: 50%;

    font-size: 14px;

    font-weight: 800;

}


/* TITLE */

.id-material-item h3 {

    margin: 0 0 6px !important;

    padding: 0 !important;

    color: #1E2A3D !important;

    font-size: 17px !important;

    line-height: 1.4 !important;

    font-weight: 700 !important;

}


/* DESCRIPTION */

.id-material-item p {

    margin: 0 !important;

    padding: 0 !important;

    color: #777777 !important;

    font-size: 14px !important;

    line-height: 1.6 !important;

}


/*========================================
BUTTON
========================================*/

.id-materials-button {

    display: inline-flex;

    align-items: center;

    justify-content: center;

    gap: 14px;

    padding: 16px 27px;

    background: #1E2A3D;

    color: #FFFFFF !important;

    text-decoration: none !important;

    border-radius: 8px;

    font-size: 16px;

    line-height: 1.5;

    font-weight: 700;

    transition: all .3s ease;

}

.id-materials-button span {

    color: #F4B400;

    font-size: 21px;

    transition: transform .3s ease;

}

.id-materials-button:hover {

    background: #F4B400;

    color: #111111 !important;

}

.id-materials-button:hover span {

    color: #111111;

    transform: translateX(5px);

}


/*========================================
TABLET
========================================*/

@media (max-width: 991px) {

    .id-materials {

        padding: 80px 20px;

    }

    .id-materials-container {

        grid-template-columns: 1fr;

        gap: 50px;

    }

    .id-materials-content {

        max-width: 100%;

    }

    .id-materials-visual {

        min-height: 480px;

    }

}


/*========================================
MOBILE
========================================*/

@media (max-width: 767px) {

    .id-materials {

        padding: 65px 20px;

    }

    .id-materials-container {

        gap: 40px;

    }

    .id-materials-content h2 {

        font-size: 34px !important;

    }

    .id-materials-content > p {

        font-size: 16px !important;

        line-height: 1.75 !important;

    }

    .id-materials-list {

        grid-template-columns: 1fr;

        gap: 18px;

    }

    .id-materials-visual {

        min-height: 380px;

        border-radius: 15px;

    }

    .id-materials-card {

        left: 20px;

        right: 20px;

        bottom: 20px;

    }

    .id-materials-button {

        width: 100%;

    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0f4f651 *//*========================================
WHY CHOOSE US
========================================*/

.id-why {

    width: 100%;

    padding: 100px 20px;

    background: #1E2A3D;

    box-sizing: border-box;

}

.id-why *,
.id-why *::before,
.id-why *::after {

    box-sizing: border-box;

}

.id-why-container {

    width: 100%;

    max-width: 1200px;

    margin: 0 auto;

    display: grid;

    grid-template-columns: 400px 1fr;

    gap: 65px;

    align-items: center;

}


/*========================================
LEFT CONTENT
========================================*/

.id-why-content {

    max-width: 400px;

}

.id-why-badge {

    display: inline-block;

    padding: 10px 22px;

    margin-bottom: 22px;

    background: #F4B400;

    color: #111111 !important;

    border-radius: 40px;

    font-size: 15px;

    line-height: 1.4;

    font-weight: 700;

}

.id-why-content h2 {

    margin: 0 0 22px !important;

    padding: 0 !important;

    color: #FFFFFF !important;

    font-size: 46px !important;

    line-height: 1.18 !important;

    font-weight: 800 !important;

}

.id-why-content h2 span {

    display: block;

    color: #F4B400 !important;

}

.id-why-content > p {

    margin: 0 0 18px !important;

    padding: 0 !important;

    color: #D5D9DF !important;

    font-size: 17px !important;

    line-height: 1.8 !important;

}


/*========================================
BUTTON
========================================*/

.id-why-button {

    display: inline-flex;

    align-items: center;

    justify-content: center;

    gap: 14px;

    margin-top: 15px;

    padding: 16px 27px;

    background: #F4B400;

    color: #111111 !important;

    text-decoration: none !important;

    border-radius: 8px;

    font-size: 16px;

    line-height: 1.5;

    font-weight: 700;

    transition: all .3s ease;

}

.id-why-button span {

    font-size: 20px;

    transition: transform .3s ease;

}

.id-why-button:hover {

    background: #FFFFFF;

    color: #111111 !important;

}

.id-why-button:hover span {

    transform: translateX(5px);

}


/*========================================
FEATURE GRID
========================================*/

.id-why-grid {

    display: grid;

    grid-template-columns: 1fr 1fr;

    gap: 20px;

}


/*========================================
CARD
========================================*/

.id-why-card {

    position: relative;

    min-height: 235px;

    padding: 30px;

    background: #FFFFFF;

    border-radius: 15px;

    overflow: hidden;

    transition: all .3s ease;

}

.id-why-card:hover {

    transform: translateY(-6px);

    box-shadow: 0 15px 35px rgba(0,0,0,.20);

}


/*========================================
NUMBER
========================================*/

.id-why-number {

    position: absolute;

    top: 15px;

    right: 20px;

    color: #EEF0F2;

    font-size: 45px;

    line-height: 1;

    font-weight: 800;

}


/*========================================
ICON
========================================*/

.id-why-icon {

    width: 52px;

    height: 52px;

    display: flex;

    align-items: center;

    justify-content: center;

    margin-bottom: 20px;

    background: #FFF4D5;

    color: #E9A900;

    border-radius: 11px;

    font-size: 21px;

}


/*========================================
CARD TITLE
========================================*/

.id-why-card h3 {

    position: relative;

    z-index: 1;

    margin: 0 0 11px !important;

    padding: 0 !important;

    color: #1E2A3D !important;

    font-size: 20px !important;

    line-height: 1.35 !important;

    font-weight: 750 !important;

}


/*========================================
CARD TEXT
========================================*/

.id-why-card p {

    position: relative;

    z-index: 1;

    margin: 0 !important;

    padding: 0 !important;

    color: #666666 !important;

    font-size: 14px !important;

    line-height: 1.7 !important;

}


/*========================================
TABLET
========================================*/

@media (max-width: 991px) {

    .id-why {

        padding: 80px 20px;

    }

    .id-why-container {

        grid-template-columns: 1fr;

        gap: 50px;

    }

    .id-why-content {

        max-width: 700px;

    }

}


/*========================================
MOBILE
========================================*/

@media (max-width: 767px) {

    .id-why {

        padding: 65px 20px;

    }

    .id-why-container {

        gap: 40px;

    }

    .id-why-content {

        text-align: center;

    }

    .id-why-content h2 {

        font-size: 34px !important;

    }

    .id-why-content > p {

        font-size: 16px !important;

        line-height: 1.75 !important;

    }

    .id-why-button {

        width: 100%;

    }

    .id-why-grid {

        grid-template-columns: 1fr;

        gap: 18px;

    }

    .id-why-card {

        min-height: auto;

        padding: 28px 25px;

    }

}/* End custom CSS */