.elementor-400 .elementor-element.elementor-element-69a2a238{--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-400 .elementor-element.elementor-element-edc1294{--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:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-400 .elementor-element.elementor-element-4794f80{--display:flex;--min-height:700px;--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;--align-items:center;--overlay-opacity:0.48;--border-radius:0px 0px 24px 24px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:200px;--padding-bottom:200px;--padding-left:0px;--padding-right:0px;}.elementor-400 .elementor-element.elementor-element-4794f80:not(.elementor-motion-effects-element-type-background), .elementor-400 .elementor-element.elementor-element-4794f80 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://newweb.wirebondelectrics.co.nz/wp-content/uploads/2026/08/xOpVcB-Q.jpeg");background-position:top center;background-size:cover;}.elementor-400 .elementor-element.elementor-element-4794f80::before, .elementor-400 .elementor-element.elementor-element-4794f80 > .elementor-background-video-container::before, .elementor-400 .elementor-element.elementor-element-4794f80 > .e-con-inner > .elementor-background-video-container::before, .elementor-400 .elementor-element.elementor-element-4794f80 > .elementor-background-slideshow::before, .elementor-400 .elementor-element.elementor-element-4794f80 > .e-con-inner > .elementor-background-slideshow::before, .elementor-400 .elementor-element.elementor-element-4794f80 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-400 .elementor-element.elementor-element-078a7f8{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--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-400 .elementor-element.elementor-element-c955ef3{text-align:center;}.elementor-400 .elementor-element.elementor-element-c955ef3 .elementor-heading-title{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );text-transform:var( --e-global-typography-secondary-text-transform );letter-spacing:var( --e-global-typography-secondary-letter-spacing );color:var( --e-global-color-b70a650 );}.elementor-400 .elementor-element.elementor-element-7d634ab{text-align:center;}.elementor-400 .elementor-element.elementor-element-7d634ab .elementor-heading-title{font-family:"League Spartan", Sans-serif;font-size:72px;font-weight:500;text-transform:capitalize;font-style:italic;line-height:1.1em;letter-spacing:-1.3px;color:var( --e-global-color-5bd60dc );}.elementor-400 .elementor-element.elementor-element-1b539a7{width:var( --container-widget-width, 68.219% );max-width:68.219%;--container-widget-width:68.219%;--container-widget-flex-grow:0;text-align:center;font-size:18px;color:var( --e-global-color-1e38924 );}.elementor-400 .elementor-element.elementor-element-1b539a7.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-400 .elementor-element.elementor-element-001ea67 .elementor-button{background-color:var( --e-global-color-5bd60dc );font-family:var( --e-global-typography-dbc0204-font-family ), Sans-serif;font-size:var( --e-global-typography-dbc0204-font-size );font-weight:var( --e-global-typography-dbc0204-font-weight );text-transform:var( --e-global-typography-dbc0204-text-transform );fill:var( --e-global-color-primary );color:var( --e-global-color-primary );}.elementor-400 .elementor-element.elementor-element-001ea67 .elementor-button:hover, .elementor-400 .elementor-element.elementor-element-001ea67 .elementor-button:focus{background-color:var( --e-global-color-15e26ab );color:var( --e-global-color-primary );}.elementor-400 .elementor-element.elementor-element-001ea67 .elementor-button:hover svg, .elementor-400 .elementor-element.elementor-element-001ea67 .elementor-button:focus svg{fill:var( --e-global-color-primary );}.elementor-400 .elementor-element.elementor-element-825cbb4{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}@media(max-width:1024px){.elementor-400 .elementor-element.elementor-element-69a2a238{--margin-top:-116px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-400 .elementor-element.elementor-element-edc1294{--margin-top:-116px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-400 .elementor-element.elementor-element-4794f80{--min-height:548px;--padding-top:148px;--padding-bottom:48px;--padding-left:32px;--padding-right:32px;}.elementor-400 .elementor-element.elementor-element-4794f80:not(.elementor-motion-effects-element-type-background), .elementor-400 .elementor-element.elementor-element-4794f80 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:-156px 0px;}.elementor-400 .elementor-element.elementor-element-c955ef3 .elementor-heading-title{font-size:var( --e-global-typography-secondary-font-size );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-400 .elementor-element.elementor-element-7d634ab .elementor-heading-title{font-size:60px;line-height:1.1em;}.elementor-400 .elementor-element.elementor-element-001ea67 .elementor-button{font-size:var( --e-global-typography-dbc0204-font-size );}}@media(max-width:767px){.elementor-400 .elementor-element.elementor-element-4794f80{--min-height:487px;--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-400 .elementor-element.elementor-element-4794f80:not(.elementor-motion-effects-element-type-background), .elementor-400 .elementor-element.elementor-element-4794f80 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}.elementor-400 .elementor-element.elementor-element-c955ef3 .elementor-heading-title{font-size:var( --e-global-typography-secondary-font-size );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-400 .elementor-element.elementor-element-7d634ab .elementor-heading-title{font-size:40px;}.elementor-400 .elementor-element.elementor-element-001ea67 .elementor-button{font-size:var( --e-global-typography-dbc0204-font-size );}}/* Start custom CSS for html, class: .elementor-element-9cd4de3 *//* =========================================
   OUR ETHOS
========================================= */

.ethos-section {
    width: 100%;
    padding: 70px 45px 90px;
    background: #f3f7f5;
    overflow: hidden;
}


.room-heading {
    max-width: 780px;
    margin: 0 auto 60px;
    text-align: center;
}


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

.ethos-title-wrap {
    width: 100%;
    text-align: center;
    margin-bottom: -45px;
    position: relative;
    z-index: 3;
}

.ethos-title {
    margin: 0;

    font-family: "league spartan";

    font-size: clamp(90px, 13vw, 190px);
    line-height: .8;

    font-weight: 900;
    letter-spacing: -8px;

    color: #4ca986;

    text-transform: uppercase;
}


/* =========================================
   CARDS WRAPPER
========================================= */

.ethos-cards {
    max-width: 1450px;
    margin: auto;

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

    gap: 20px;

    position: relative;
    z-index: 2;
}


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

.ethos-card {
    min-height: 390px;

    background: #ffffff;

    border: 1px solid rgba(76, 169, 134, .12);

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

    position: relative;

    transition:
        transform .4s ease,
        box-shadow .4s ease;
}


/* top accent */

.ethos-card::before {
    content: "";

    position: absolute;

    top: 0;
    left: 0;

    width: 100%;
    height: 5px;

    background: #4ca986;
}

.ethos-card:nth-child(even)::before {
    background: #81a6f5;
}


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

.card-inner {
    width: 100%;

    padding: 55px 40px;

    text-align: center;
}


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

.card-inner h3 {
    margin: 0 0 30px;

    font-family: "league spartan";

    font-size: 48px;
    line-height: 1;

    font-weight: 400;

    color: #4ca986;
}

.ethos-card:nth-child(even) h3 {
    color: #81a6f5;
}


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

.card-inner p {
    max-width: 260px;

    margin: auto;

    font-family: "league spartan";

    font-size: 17px;
    line-height: 1.65;

    color: #303c37;

    font-weight: 400;
}


/* =========================================
   HOVER
========================================= */

.ethos-card:hover {
    transform: translateY(-8px);

    box-shadow:
        0 25px 50px rgba(48, 70, 62, .12);
}


/* =========================================
   BACKGROUND DECORATION
========================================= */

.ethos-section {
    position: relative;
}

.ethos-section::before {
    content: "";

    position: absolute;

    width: 420px;
    height: 420px;

    border-radius: 50%;

    background: rgba(76, 169, 134, .08);

    left: -180px;
    bottom: -180px;
}

.ethos-section::after {
    content: "";

    position: absolute;

    width: 350px;
    height: 350px;

    border-radius: 50%;

    background: rgba(129, 166, 245, .08);

    right: -150px;
    top: -120px;
}


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

@media (max-width: 1100px) {

    .ethos-section {
        padding-left: 25px;
        padding-right: 25px;
    }

    .ethos-title-wrap {
        margin-bottom: -30px;
    }

    .ethos-title {
        font-size: 110px;
        letter-spacing: -5px;
    }

    .ethos-card {
        min-height: 350px;
    }

    .card-inner {
        padding: 40px 25px;
    }

    .card-inner h3 {
        font-size: 40px;
    }

    .card-inner p {
        font-size: 15px;
    }
}


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

@media (max-width: 767px) {

    .ethos-section {
        padding: 55px 15px 60px;
    }

    .ethos-title-wrap {
        margin-bottom: -10px;
    }

    .ethos-title {
        font-size: 60px;
        letter-spacing: -3px;
        line-height: .9;
    }

    .ethos-cards {
        grid-template-columns: repeat(2, 1fr);
        gap: 12px;
    }

    .ethos-card {
        min-height: 300px;
    }

    .card-inner {
        padding: 30px 18px;
    }

    .card-inner h3 {
        font-size: 31px;
        margin-bottom: 20px;
    }

    .card-inner p {
        font-size: 14px;
        line-height: 1.55;
    }
}


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

@media (max-width: 480px) {

    .ethos-title {
        font-size: 48px;
    }

    .ethos-cards {
        grid-template-columns: 1fr;
        gap: 14px;
    }

    .ethos-card {
        min-height: 260px;
    }

    .card-inner {
        padding: 35px 25px;
    }

    .card-inner h3 {
        font-size: 36px;
    }

    .card-inner p {
        max-width: 290px;
        font-size: 15px;
    }
}/* End custom CSS */