.elementor-236 .elementor-element.elementor-element-5420aec2{--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;--overflow:hidden;--margin-top:-100px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-236 .elementor-element.elementor-element-1b46a692{--display:flex;--min-height:400px;--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;--overlay-opacity:0.8;--border-radius:0px 0px 24px 24px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:124px;--padding-bottom:64px;--padding-left:0px;--padding-right:0px;}.elementor-236 .elementor-element.elementor-element-1b46a692:not(.elementor-motion-effects-element-type-background), .elementor-236 .elementor-element.elementor-element-1b46a692 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://newweb.wirebondelectrics.co.nz/wp-content/uploads/2026/10/AJC_7041-1-scaled.jpg");background-position:top center;background-size:cover;}.elementor-236 .elementor-element.elementor-element-1b46a692::before, .elementor-236 .elementor-element.elementor-element-1b46a692 > .elementor-background-video-container::before, .elementor-236 .elementor-element.elementor-element-1b46a692 > .e-con-inner > .elementor-background-video-container::before, .elementor-236 .elementor-element.elementor-element-1b46a692 > .elementor-background-slideshow::before, .elementor-236 .elementor-element.elementor-element-1b46a692 > .e-con-inner > .elementor-background-slideshow::before, .elementor-236 .elementor-element.elementor-element-1b46a692 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-bf890a9 );--background-overlay:'';}.elementor-236 .elementor-element.elementor-element-5ac48fd1{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;--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-236 .elementor-element.elementor-element-5ac48fd1.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-236 .elementor-element.elementor-element-359ce93c .elementor-heading-title{font-family:"Playfair Display", Sans-serif;font-size:80px;font-weight:500;text-transform:none;line-height:1.1em;letter-spacing:-1.3px;color:var( --e-global-color-5bd60dc );}.elementor-236 .elementor-element.elementor-element-c5de376{--display:flex;}.elementor-236 .elementor-element.elementor-element-bce6f77{--display:flex;}.elementor-236 .elementor-element.elementor-element-3d93f71{--display:flex;}.elementor-236 .elementor-element.elementor-element-4e1b300{width:var( --container-widget-width, 97% );max-width:97%;--container-widget-width:97%;--container-widget-flex-grow:0;text-align:center;}.elementor-236 .elementor-element.elementor-element-4e1b300 .elementor-heading-title{font-family:var( --e-global-typography-c0c00e9-font-family ), Sans-serif;font-size:var( --e-global-typography-c0c00e9-font-size );font-weight:var( --e-global-typography-c0c00e9-font-weight );text-transform:var( --e-global-typography-c0c00e9-text-transform );line-height:var( --e-global-typography-c0c00e9-line-height );letter-spacing:var( --e-global-typography-c0c00e9-letter-spacing );color:var( --e-global-color-primary );}.elementor-236 .elementor-element.elementor-element-85a2fc4{--display:flex;}@media(min-width:768px){.elementor-236 .elementor-element.elementor-element-5ac48fd1{--width:64.184%;}}@media(max-width:1024px){.elementor-236 .elementor-element.elementor-element-5420aec2{--margin-top:-116px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-236 .elementor-element.elementor-element-1b46a692{--min-height:548px;--padding-top:148px;--padding-bottom:48px;--padding-left:32px;--padding-right:32px;}.elementor-236 .elementor-element.elementor-element-1b46a692:not(.elementor-motion-effects-element-type-background), .elementor-236 .elementor-element.elementor-element-1b46a692 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:-156px 0px;}.elementor-236 .elementor-element.elementor-element-359ce93c .elementor-heading-title{font-size:60px;line-height:1.1em;}.elementor-236 .elementor-element.elementor-element-4e1b300{width:var( --container-widget-width, 64% );max-width:64%;--container-widget-width:64%;--container-widget-flex-grow:0;text-align:center;}.elementor-236 .elementor-element.elementor-element-4e1b300 .elementor-heading-title{font-size:var( --e-global-typography-c0c00e9-font-size );line-height:var( --e-global-typography-c0c00e9-line-height );letter-spacing:var( --e-global-typography-c0c00e9-letter-spacing );}}@media(max-width:767px){.elementor-236 .elementor-element.elementor-element-5420aec2{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-236 .elementor-element.elementor-element-1b46a692{--min-height:335px;--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;--justify-content:space-between;--padding-top:148px;--padding-bottom:64px;--padding-left:20px;--padding-right:20px;}.elementor-236 .elementor-element.elementor-element-1b46a692:not(.elementor-motion-effects-element-type-background), .elementor-236 .elementor-element.elementor-element-1b46a692 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}.elementor-236 .elementor-element.elementor-element-359ce93c .elementor-heading-title{font-size:35px;}.elementor-236 .elementor-element.elementor-element-bce6f77{--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-236 .elementor-element.elementor-element-4e1b300{width:100%;max-width:100%;}.elementor-236 .elementor-element.elementor-element-4e1b300 .elementor-heading-title{font-size:var( --e-global-typography-c0c00e9-font-size );line-height:var( --e-global-typography-c0c00e9-line-height );letter-spacing:var( --e-global-typography-c0c00e9-letter-spacing );}.elementor-236 .elementor-element.elementor-element-85a2fc4{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:05px;--padding-right:05px;}}@media(min-width:1025px){.elementor-236 .elementor-element.elementor-element-1b46a692:not(.elementor-motion-effects-element-type-background), .elementor-236 .elementor-element.elementor-element-1b46a692 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}}/* Start custom CSS for html, class: .elementor-element-ec78b66 */.about-thriving {
    width: 100%;
    padding: 110px 20px;
    background: #f7faff;
    overflow: hidden;
}

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

    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 85px;

    align-items: center;
}


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

.about-image {
    position: relative;

    width: 100%;
    max-width: 540px;

    margin: 0 auto;
}

.about-image img {
    position: relative;
    z-index: 2;

    display: block;

    width: 100%;
    height: 590px;

    object-fit: cover;

    border-radius: 35px;

    box-shadow:
        0 25px 60px rgba(23, 35, 51, 0.12);

    transition: all 0.4s ease;
}

.about-image:hover img {
    transform: translateY(-8px);
}


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

.image-shape {
    position: absolute;

    width: 180px;
    height: 180px;

    left: -55px;
    bottom: -45px;

    border-radius: 50%;

    background: rgba(32, 182, 115, 0.12);

    z-index: 1;
}

.image-shape::after {
    content: "";

    position: absolute;

    width: 90px;
    height: 90px;

    right: -45px;
    top: -45px;

    border-radius: 50%;

    background: rgba(129, 167, 244, 0.18);
}


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

.image-badge {
    position: absolute;

    z-index: 3;

    right: -25px;
    bottom: 35px;

    display: flex;
    align-items: center;

    gap: 10px;

    padding: 14px 20px;

    background: #ffffff;

    border-radius: 50px;

    color: #172333;

    font-size: 13px;
    font-weight: 700;

    box-shadow:
        0 12px 30px rgba(23, 35, 51, 0.12);
}

.image-badge span {
    width: 28px;
    height: 28px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;

    background: rgba(32, 182, 115, 0.12);

    color: #20b673;
}


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

.about-content {
    max-width: 560px;
}


/* =========================
   LABEL
========================= */

.about-label {
    display: inline-block;

    margin-bottom: 18px;

    padding: 8px 17px;

    border-radius: 50px;

    background: rgba(32, 182, 115, 0.09);

    color: #20b673;

    font-size: 11px;
    font-weight: 700;

    letter-spacing: 2px;

    text-transform: uppercase;
}


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

.about-content h2 {
    position: relative;

    margin: 0 0 25px;

    color: #172333;

    font-family: "Playfair Display", serif;

    font-size: 50px;

    line-height: 1.18;
}

.about-content h2::before {
    content: "";

    display: block;

    width: 50px;
    height: 4px;

    margin-bottom: 22px;

    border-radius: 10px;

    background: #81a7f4;
}

.about-content h2 span {
    display: block;

    color: #20b673;
}


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

.about-content p {
    margin: 0 0 20px;

    color: #667085;

    font-size: 15.5px;

    line-height: 1.8;
}

.about-content .about-intro {
    color: #172333;

    font-size: 18px;

    line-height: 1.7;

    font-weight: 600;
}


/* =========================
   HIGHLIGHT
========================= */

.about-highlight {
    display: flex;

    align-items: center;

    gap: 16px;

    margin-top: 30px;

    padding: 20px 22px;

    background: #ffffff;

    border-left: 4px solid #20b673;

    border-radius: 0 18px 18px 0;

    box-shadow:
        0 8px 25px rgba(23, 35, 51, 0.05);

    transition: all 0.3s ease;
}

.about-highlight:hover {
    transform: translateX(6px);
}

.highlight-icon {
    flex-shrink: 0;

    width: 45px;
    height: 45px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;

    background: rgba(129, 167, 244, 0.13);

    color: #81a7f4;

    font-size: 20px;
}

.about-highlight strong {
    display: block;

    margin-bottom: 5px;

    color: #172333;

    font-size: 15px;
}

.about-highlight p {
    margin: 0;

    color: #667085;

    font-size: 13px;

    line-height: 1.5;
}


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

@media (max-width: 950px) {

    .about-thriving {
        padding: 85px 25px;
    }

    .about-container {
        gap: 55px;
    }

    .about-image img {
        height: 500px;
    }

    .about-content h2 {
        font-size: 43px;
    }

    .image-badge {
        right: -15px;
    }

}


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

@media (max-width: 750px) {

    .about-thriving {
        padding: 65px 18px;
    }

    .about-container {
        grid-template-columns: 1fr;

        gap: 55px;
    }

    .about-image {
        max-width: 600px;
    }

    .about-image img {
        height: 480px;

        border-radius: 28px;
    }

    .image-shape {
        left: -25px;
        bottom: -30px;

        width: 130px;
        height: 130px;
    }

    .image-badge {
        right: 15px;
        bottom: 25px;

        padding: 12px 17px;
    }

    .about-content {
        max-width: 100%;
    }

    .about-content h2 {
        font-size: 38px;
    }

    .about-content .about-intro {
        font-size: 17px;
    }

    .about-content p {
        font-size: 14px;
        line-height: 1.75;
    }

}


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

@media (max-width: 450px) {

    .about-thriving {
        padding: 55px 15px;
    }

    .about-image img {
        height: 400px;

        border-radius: 24px;
    }

    .about-content h2 {
        font-size: 33px;
    }

    .about-label {
        font-size: 9px;

        padding: 7px 14px;

        letter-spacing: 1.5px;
    }

    .image-badge {
        right: 10px;
        bottom: 18px;

        font-size: 11px;

        padding: 10px 14px;
    }

    .about-highlight {
        padding: 17px;

        gap: 12px;
    }

    .highlight-icon {
        width: 40px;
        height: 40px;

        font-size: 17px;
    }

}/* End custom CSS */