.guten-6zcGdq.layout-boxed > .guten-container { max-width: 1170px; } .guten-6zcGdq:not(.background-animated), .guten-6zcGdq.background-animated > .guten-background-animated .animated-layer { background: rgba(0, 0, 1, 1);  } .guten-6zcGdq {  animation-name: none; } .guten-element.guten-6zcGdq { padding-top: 100px; padding-bottom: 80px; } @media only screen and (max-width: 1024px) { .guten-element.guten-6zcGdq { padding-top: 80px; padding-right: 10px; padding-bottom: 80px; padding-left: 10px; } } @media only screen and (max-width: 767px) { .guten-6zcGdq > .guten-container { flex-wrap: wrap; } .guten-6zcGdq > .guten-container > .guten-column { width: 100%; } .guten-element.guten-6zcGdq { padding-top: 40px; padding-bottom: 40px; } }.guten-Dprc0W.layout-boxed > .guten-container { max-width: 1170px; } .guten-Dprc0W > .guten-background-overlay { opacity: 1; } .guten-Dprc0W:not(.background-animated), .guten-Dprc0W.background-animated > .guten-background-animated .animated-layer { background: rgba(18, 18, 18, 1);  } .guten-Dprc0W {  animation-name: none; } .guten-element.guten-Dprc0W { padding-top: 100px; padding-bottom: 100px; } @media only screen and (max-width: 1024px) { .guten-element.guten-Dprc0W { padding-right: 10px; padding-left: 10px; } } @media only screen and (max-width: 767px) { .guten-Dprc0W > .guten-container { flex-wrap: wrap; } .guten-Dprc0W > .guten-container > .guten-column { width: 100%; } .guten-element.guten-Dprc0W { padding-top: 40px; padding-bottom: 40px; } }.guten-2At7Dy { width: 100%; order: 1;  } @media only screen and (max-width: 1024px) { .guten-2At7Dy { width: 100%; } }.guten-j6ojyR { width: 100%; order: 1;  } @media only screen and (max-width: 1024px) { .guten-j6ojyR { width: 100%; } }.guten-A7dqYE.layout-boxed > .guten-container { max-width: 1140px; } @media only screen and (max-width: 767px) { .guten-A7dqYE > .guten-container { flex-wrap: wrap; } .guten-A7dqYE > .guten-container > .guten-column { width: 100%; } }.guten-Em2rq8 .gallery-items .gallery-item-wrap .thumbnail-wrap .caption-wrap { animation-duration: 0.5s!important; } .guten-Em2rq8:not([data-grid='masonry']) .gallery-items .gallery-item-wrap .thumbnail-wrap { height: 350px; } .guten-Em2rq8.guten-gallery .gallery-items .gallery-item-wrap .grid-item .caption-button .item-buttons .gallery-link span, .guten-Em2rq8.guten-gallery .gallery-items .gallery-item-wrap .grid-item .caption-wrap .item-caption-over .item-buttons .gallery-link span { background: rgba(159, 62, 62, 0); } .guten-Em2rq8 .gallery-items .gallery-item-wrap .grid-item { margin-top: 10px; margin-right: 10px; margin-bottom: 10px; margin-left: 10px; } .guten-Em2rq8 .gallery-items .gallery-item-wrap .grid-item .thumbnail-wrap .caption-wrap .item-hover-bg { background: rgba(102, 252, 241, 1); opacity: 0.78; } .guten-Em2rq8.guten-gallery .gallery-items .gallery-item-wrap .grid-item .gallery-link.with-text { flex-direction: column; } .guten-Em2rq8 {   } .guten-element.guten-Em2rq8 { margin-top: 50px; } @media only screen and (max-width: 767px) { .guten-Em2rq8:not([data-grid='masonry']) .gallery-items .gallery-item-wrap .thumbnail-wrap { height: 180px; } .guten-element.guten-Em2rq8 { margin-top: 20px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } }.guten-sK0EZN.layout-boxed > .guten-container { max-width: 1140px; } @media only screen and (max-width: 767px) { .guten-sK0EZN > .guten-container { flex-wrap: wrap; } .guten-sK0EZN > .guten-container > .guten-column { width: 100%; } }.guten-XQcTB9 { width: 50%; order: 1;  } .guten-XQcTB9 > .sticky-wrapper > .guten-column-wrapper, .guten-XQcTB9 > .guten-column-wrapper { padding-left: 10px; } @media only screen and (max-width: 1024px) { .guten-XQcTB9 { width: 50%; } }.guten-J8GBCQ { width: 50%; order: 1;  } .guten-section > .guten-container > .guten-J8GBCQ.guten-column > .sticky-wrapper > .guten-column-wrapper, .guten-section > .guten-container > .guten-J8GBCQ.guten-column > .guten-column-wrapper { align-content: center; align-items: center; } @media only screen and (max-width: 1024px) { .guten-J8GBCQ { width: 50%; } }.guten-UyU4sb { width: 50%; order: 1;  } .guten-UyU4sb > .sticky-wrapper > .guten-column-wrapper, .guten-UyU4sb > .guten-column-wrapper { margin-right: 20px; } @media only screen and (max-width: 1024px) { .guten-UyU4sb { width: 50%; } } @media only screen and (max-width: 767px) { .guten-UyU4sb > .sticky-wrapper > .guten-column-wrapper, .guten-UyU4sb > .guten-column-wrapper { margin-top: 0px; margin-right: 0px; margin-bottom: 40px; margin-left: 0px; } }.guten-dBWwNb { width: 50%; order: 1;  } .guten-dBWwNb:not(.background-animated) > .sticky-wrapper > .guten-column-wrapper, .guten-dBWwNb.background-animated > .sticky-wrapper > .guten-column-wrapper > .guten-background-animated .animated-layer, .guten-dBWwNb:not(.background-animated) > .guten-column-wrapper, .guten-dBWwNb.background-animated > .guten-column-wrapper > .guten-background-animated .animated-layer { background-image: url(https://nzwebsites.co.nz/wp-content/uploads/2023/02/NZ-Website-Design-Team.webp); background-position: center center; background-size: cover;  } .guten-dBWwNb > .sticky-wrapper > .guten-column-wrapper, .guten-dBWwNb > .guten-column-wrapper { margin-left: 60px; } @media only screen and (max-width: 1024px) { .guten-dBWwNb { width: 50%; } .guten-dBWwNb > .sticky-wrapper > .guten-column-wrapper, .guten-dBWwNb > .guten-column-wrapper { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 20px; } } @media only screen and (max-width: 767px) { .guten-dBWwNb > .sticky-wrapper > .guten-column-wrapper, .guten-dBWwNb > .guten-column-wrapper { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } }.guten-X8k4kT, .guten-X8k4kT .heading-section { justify-content: flex-start; text-align: left; } .guten-X8k4kT.guten-advanced-heading .heading-line { border-top-width: 3px; border-top-style: solid; border-color: rgba(102, 252, 241, 1); } .guten-X8k4kT .heading-title { color: rgba(255, 255, 255, 1); font-family: "Poppins"; font-size: 48px; background: ; } .guten-X8k4kT .heading-focus { background: ; padding-top: 3px; padding-right: 3px; padding-bottom: 3px; padding-left: 3px; } .guten-X8k4kT .heading-subtitle { color: rgba(102, 252, 241, 1); font-family: "Poppins"; font-size: 16px; font-weight: 500; text-transform: uppercase; margin-top: 20px; } .guten-X8k4kT {   } .guten-X8k4kT.guten-element { box-shadow:  0px 0px 0px  ; } .guten-X8k4kT.guten-element:hover { box-shadow:  0px 0px 0px  ; } @media only screen and (max-width: 767px) { .guten-X8k4kT .heading-title { font-size: 30px; } .guten-X8k4kT .heading-subtitle { font-size: 14px; } }h1.guten-element.guten-5HbOWr, h2.guten-element.guten-5HbOWr, h3.guten-element.guten-5HbOWr, h4.guten-element.guten-5HbOWr, h5.guten-element.guten-5HbOWr, h6.guten-element.guten-5HbOWr { color: rgba(255, 255, 255, 1); font-family: "Poppins"; font-size: 48px; font-weight: 700; text-transform: capitalize; line-height: 1.3em;  overflow-wrap: break-word; word-break: break-word; } .guten-5HbOWr {   } .guten-element.guten-5HbOWr { margin-right: 80px; } @media only screen and (max-width: 1024px) { .guten-element.guten-5HbOWr { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } } @media only screen and (max-width: 767px) { h1.guten-element.guten-5HbOWr, h2.guten-element.guten-5HbOWr, h3.guten-element.guten-5HbOWr, h4.guten-element.guten-5HbOWr, h5.guten-element.guten-5HbOWr, h6.guten-element.guten-5HbOWr { font-size: 24px; } .guten-element.guten-5HbOWr { margin-bottom: 20px; } }.guten-pUn1hd { columns: 1; color: rgba(208, 208, 208, 1); font-family: "Heebo"; font-size: 15px;   } .guten-element.guten-pUn1hd { margin-top: 20px; margin-right: 100px; margin-bottom: 20px; } @media only screen and (max-width: 1024px) { .guten-element.guten-pUn1hd { margin-top: 0px; margin-right: 20px; margin-bottom: 0px; margin-left: 0px; } }.guten-Z3dpAf .progress-group .progress-skill-bar .skill-bar { background-color: rgba(37, 37, 37, 1); height: 5px; border-top-left-radius: 0px;border-top-right-radius: 0px;border-bottom-right-radius: 0px;border-bottom-left-radius: 0px; } .guten-Z3dpAf .progress-group .progress-skill-bar .skill-bar .skill-track { background-color: rgba(102, 252, 241, 1); border-top-left-radius: 0px;border-top-right-radius: 0px;border-bottom-right-radius: 0px;border-bottom-left-radius: 0px; } .guten-Z3dpAf .progress-group .progress-skill-bar .skill-bar-content .skill-title { color: rgba(255, 255, 255, 1); font-family: "Poppins"; font-size: 18px; font-weight: 600;  } .guten-Z3dpAf .progress-group .progress-skill-bar .number-percentage, .guten-Z3dpAf .progress-group .number-percentage { color: rgba(208, 208, 208, 1); font-family: "Heebo"; font-size: 16px; font-weight: 400;  } .guten-Z3dpAf {   } @media only screen and (max-width: 767px) { .guten-Z3dpAf .progress-group .progress-skill-bar .skill-bar-content .skill-title { font-size: 14px; } .guten-Z3dpAf .progress-group .progress-skill-bar .number-percentage, .guten-Z3dpAf .progress-group .number-percentage { font-size: 14px; } }.guten-76TLLi .progress-group .progress-skill-bar .skill-bar { background-color: rgba(37, 37, 37, 1); height: 5px; border-top-left-radius: 0px;border-top-right-radius: 0px;border-bottom-right-radius: 0px;border-bottom-left-radius: 0px; } .guten-76TLLi .progress-group .progress-skill-bar .skill-bar .skill-track { background-color: rgba(102, 252, 241, 1); border-top-left-radius: 0px;border-top-right-radius: 0px;border-bottom-right-radius: 0px;border-bottom-left-radius: 0px; } .guten-76TLLi .progress-group .progress-skill-bar .skill-bar-content .skill-title { color: rgba(255, 255, 255, 1); font-family: "Poppins"; font-size: 18px; font-weight: 600;  } .guten-76TLLi .progress-group .progress-skill-bar .number-percentage, .guten-76TLLi .progress-group .number-percentage { color: rgba(208, 208, 208, 1); font-family: "Heebo"; font-size: 16px; font-weight: 400;  } .guten-76TLLi {   } .guten-element.guten-76TLLi { margin-top: 20px; } @media only screen and (max-width: 767px) { .guten-76TLLi .progress-group .progress-skill-bar .skill-bar-content .skill-title { font-size: 14px; } .guten-76TLLi .progress-group .progress-skill-bar .number-percentage, .guten-76TLLi .progress-group .number-percentage { font-size: 14px; } }.guten-np7sUQ .progress-group .progress-skill-bar .skill-bar { background-color: rgba(37, 37, 37, 1); height: 5px; border-top-left-radius: 0px;border-top-right-radius: 0px;border-bottom-right-radius: 0px;border-bottom-left-radius: 0px; } .guten-np7sUQ .progress-group .progress-skill-bar .skill-bar .skill-track { background-color: rgba(102, 252, 241, 1); border-top-left-radius: 0px;border-top-right-radius: 0px;border-bottom-right-radius: 0px;border-bottom-left-radius: 0px; } .guten-np7sUQ .progress-group .progress-skill-bar .skill-bar-content .skill-title { color: rgba(255, 255, 255, 1); font-family: "Poppins"; font-size: 18px; font-weight: 600;  } .guten-np7sUQ .progress-group .progress-skill-bar .number-percentage, .guten-np7sUQ .progress-group .number-percentage { color: rgba(208, 208, 208, 1); font-family: "Heebo"; font-size: 16px; font-weight: 400;  } .guten-np7sUQ {   } .guten-element.guten-np7sUQ { margin-top: 20px; } @media only screen and (max-width: 767px) { .guten-np7sUQ .progress-group .progress-skill-bar .skill-bar-content .skill-title { font-size: 14px; } .guten-np7sUQ .progress-group .progress-skill-bar .number-percentage, .guten-np7sUQ .progress-group .number-percentage { font-size: 14px; } }.guten-QNRhTO .progress-group .progress-skill-bar .skill-bar { background-color: rgba(37, 37, 37, 1); height: 5px; border-top-left-radius: 0px;border-top-right-radius: 0px;border-bottom-right-radius: 0px;border-bottom-left-radius: 0px; } .guten-QNRhTO .progress-group .progress-skill-bar .skill-bar .skill-track { background-color: rgba(102, 252, 241, 1); border-top-left-radius: 0px;border-top-right-radius: 0px;border-bottom-right-radius: 0px;border-bottom-left-radius: 0px; } .guten-QNRhTO .progress-group .progress-skill-bar .skill-bar-content .skill-title { color: rgba(255, 255, 255, 1); font-family: "Poppins"; font-size: 18px; font-weight: 600;  } .guten-QNRhTO .progress-group .progress-skill-bar .number-percentage, .guten-QNRhTO .progress-group .number-percentage { color: rgba(208, 208, 208, 1); font-family: "Heebo"; font-size: 16px; font-weight: 400;  } .guten-QNRhTO {   } .guten-element.guten-QNRhTO { margin-top: 20px; } @media only screen and (max-width: 767px) { .guten-QNRhTO .progress-group .progress-skill-bar .skill-bar-content .skill-title { font-size: 14px; } .guten-QNRhTO .progress-group .progress-skill-bar .number-percentage, .guten-QNRhTO .progress-group .number-percentage { font-size: 14px; } }.guten-CbBwDv {   } @media only screen and (max-width: 767px) { .guten-CbBwDv.guten-spacer { padding-bottom: 320px!important; } }