input::placeholder {
  color: #9B9B9B;
  opacity: 1;

}
   .your-studies-col {
    display: flex;
    align-items: start;
    /* gap: 40px; */
    margin-bottom: 20px;
    color: #029A85;
    font-size: 16px;
    justify-content: start;
}

.webform-submit {
  font-family: 'Neue Haas Grotesk Display Pro 75 Bold';
  width: 186px !important;
  display: block !important;
  font-size: 21px;
}

.webform-submit:hover,
a.applybtn:hover {
  background: #7BC1E2 0% 0% no-repeat padding-box !important;
  color: #fff;
}

a.a-button,
.field-name-field-hidden-form form .webform-submit {
  background: var(--unnamed-color-f7a823) 0% 0% no-repeat padding-box;
  background: #F7A823 0% 0% no-repeat padding-box;
  opacity: 1;
  width: 220px;
  height: 60px;
  margin: auto;
  border-radius: unset;
  border: unset;
}

.career-subtitle {
  letter-spacing: -0.2px;
  margin-top: -27px;
}

.career {
  font-size: 33px;
}

.grippie {
  display: none !important;
}

.field-name-field-hidden-form {
  display: block !important;
  position: relative !important;
  margin: auto !important;
  width: 50%;
  margin-top: 100px;
  background-color: #fff;
}

.field-name-field-hidden-form form .form-text,
.field-name-field-hidden-form form .form-textarea {
  border: 2px solid #D8D8D8;
  border-radius: 26px;

}

.webform-component--phone,
.webform-component--social,
.webform-component--first-name,
.webform-component--last-name {
  width: 50% !important;
  float: left !important;
}

.webform-component--social,
.webform-component--last-name {
  text-align: right;

}

#edit-submitted-email--13,
#edit-submitted-email--14,
#edit-submitted-college--2 {
  width: 100%;
}

#edit-submitted-body--2 {
  height: 170px;
}

.webform-component--phone input,
.webform-component--social input,
.webform-component--first-name input,
.webform-component--last-name input {
  width: 98% !important;
}

.center {
  margin: auto;
  margin-left: 155px;
}

h2.looking {
  margin-left: 36px !important;
  margin-top: 28px !important;
  letter-spacing: 0.52px !important;
  max-width: 400px;
  font-size: 32px;
  line-height: 1.25;
  margin-bottom: 35px !important;

}

.opportunity {
  font-family: 'Neue Haas Grotesk Display Pro 65 Medium';
  letter-spacing: 0.2px;
  color: #014996;
  opacity: 1;
  max-width: 400px;
  line-height: 1.7;
}

.peaked {
  font-family: 'Neue Haas Grotesk Display Pro 65 Medium';
  font-size: 26px;
  letter-spacing: 0px;
  color: #014996;
  opacity: 1;
}

.parabold {
  margin-left: 36px !important;
  font-size: 15px !important;
  max-width: 440px;
}

.para {
  margin-left: 36px !important;
  max-width: 440px;
  font-size: 13px;
  line-height: 1.7em;
  letter-spacing: -0.2px;
}

.future-installers {
  position: relative;
  font-size: 30px !important;
  letter-spacing: 0.7px;
  font-family: 'Neue Haas Grotesk Display Pro 65 Medium';
  color: #014996;
  opacity: 1;
  top: 70px;
  left: 9px;
  z-index: 11;
}

.kick-start {
  position: relative;
  top: -268px;
  left: 10px;
  font-size: 22px !important;
  letter-spacing: 0.52px;
  color: #014996;

}

.header-content {
  background-image: url("/images/1718562994_pp_shapeheader.png");
  background-color: #fff;
  background-size: cover;
  background-repeat: no-repeat;
}

h2.color-orange {
  color: var(--unnamed-color-f7a823);
  text-align: left;
  font-family: 'Neue Haas Grotesk Display Pro 65 Medium';
  letter-spacing: 0px;
  color: #F7A823;
  opacity: 1;
}

h3.color-bigblue {
  color: #014996;
  font-size: 78px !important;
  font-family: 'Neue Haas Grotesk Display Pro 75 Bold';

}

.color-bigorange {
  color: #F7A823;
  font-size: 32px !important;
  font-family: 'Neue Haas Grotesk Display Pro 75 Bold';
  margin-bottom: 26px !important;
}


p.color-grey {
  color: #3F4B5A;
  font-size: 18px;

}


#header-section .header-content .header-content-inner {
  width: 100%;
  text-align: left;
}

#header-section .header-content .header-content-inner {
  width: 100%;
  text-align: left;
}


/* HIDING ELEMENTS THAT WERE NOT FINISHED FOR 12.12.23  - DELETE LINES BELOW TO SHOW HIDDEN ELEMENTS*/
/* DOWNLOAD elemnts */
#block-system-main #downloads-section .d-item.lightblue,
#block-system-main #downloads-section .d-item.darkblue {
  display: none !important;
}

@media (min-width: 768px) {

  /* TO SHOW DOWNLOAD ELEMENTS DELETE THIS LINE TO ADJUST DISPLAY TO 4 ELEMENTS*/
  #block-system-main #downloads-section .section-content {
    grid-template-rows: repeat(1, 1fr) !important;
  }
}

/* --- END OF HIDDEN ELEMENTS LIST --- */

/* @font-face {
  font-family: 'Neue Haas Grotesk Display Pro 75 Bold';
  src: url('/fonts/neuehaasgrotdisp-75bold-trial.woff') format('woff');
  font-display: swap;
  font-weight: normal;
  font-style: normal;
  ascent-override: 100%;
}

@font-face {
  font-family: 'Neue Haas Grotesk Display Pro 65 Medium';
  src: url('/fonts/neuehaasgrotdisp-65medium-trial.woff') format('woff');
  font-display: swap;
  font-weight: normal;
  font-style: normal;
  ascent-override: 100%;
}

@font-face {
  font-family: 'Neue Haas Grotesk Display Pro 55 Roman';
  src: url('/fonts/neuehaasgrotdisp-55roman-trial.woff');
  font-display: swap;
  font-weight: normal;
  font-style: normal;
  ascent-override: 100%;
} */

.region-content {
  z-index: unset !important;
}

/* HIDE FORMS */
.field-name-field-hidden-form,
.field-name-olypipe-above-ground-drainage-sy,
.field-name-know-more-about-evolved-traps,
.field-name-heat-networks-download-brochure-,
.field-name-heat-networks-find-out-more,
.field-name-chambers-free-t-shirt,
.field-name-chambers-free-drainage,
.field-name-chambers-email-form,
.field-name-free-on-plot-drainage-design-cos,
.field-name-chambers-grab-free-copy,
.field-name-free-drainage-design,
.field-name-polypipe-below-ground-drainage-s,
.field-name-free-t-shirt {
  display: none;
}

#block-system-main {
  background-color: #FFF;
  font-family: 'Neue Haas Grotesk Display Pro 65 Medium';
}

.color-white {
  color: #FFF;
}

.color-darkblue {
  color: #014996;
}

.color-lightblue {
  color: #007DE1;
}

.color-orange {
  color: #FF7926;
}

.bgcolor-orange {
  background-color: #F7A823;
  color: #FFF;
}

.bgcolor-lightblue {
  background-color: #007DE1;
  color: #FFF;
}

.bgcolor-grey {
  background-color: #F7F7F7;
}

.light-font {
  font-family: 'Neue Haas Grotesk Display Pro 55 Roman';
}

#block-system-main img {
  width: 100%;
}

#block-system-main h1 {
  font-weight: bold;
}

#block-system-main h2 {
  font-weight: bolder;
}

#block-system-main h3 {
  margin: 0 0 30px 0;
  line-height: 1.5em;
}


/* HEADER SECTION */
#header-section {
  position: relative;
}

.header-bgr {
  position: relative;
  z-index: 0;
  background-image: url("/images/1716830729_pp_shapes_header.png");
  background-color: #fff;
}

.header-bgr img {
  width: 100%;
}

.header-content h1 {
  margin: 0;
}

#block-system-main .header-content h3 {
  margin: 10px 0 0 0;
}

/* SECTION 1 */
#section-1 {
  padding: 50px 0;
}

#section-1 a.a-button {
  border: 2px solid #007DE1;
}

#section-1 a.a-button:hover {
  border: 2px solid #007DE1;
  background: #FFF;
  color: #FF7926;
}

#section-2 p {
  margin-bottom: 20px;
}

#section-2 p:last-child {
  margin-bottom: 0;
}

#section-2 h2 {
  margin: 0 0 40px 0;
}

#section-2 a.a-button,
#section-4 a.a-button,
#video-section a.a-button {
  border: 2px solid #FF7926;
}

#section-2 a.a-button:hover,
#section-4 a.a-button:hover,
#video-section a.a-button:hover {
  border: 2px solid #007DE1;
  background: #FFF;
  color: #FF7926;
}

/* VIDEO SECTION */
#video-section {
  padding: 50px 0;
}

#video-section h2,
#video-section p {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

#video-section .video-content h2 {
  line-height: 1.5em;
}

.video-content {
  text-align: center;
}

#video-section .video-inactive img {
  width: 100%;
  cursor: pointer;
}

/* POP-UP VIDEO IFRAME */
/* VIDEO */
.field-name-field-subfooter {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  display: none;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  z-index: 1000;
}

.active-video-content {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  width: 100%;
}

.field-name-field-subfooter .video-active .container {
  position: relative;
}

.active-video-content iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
}

.field-name-field-subfooter .video-active {
  width: 100%;
  color: #FFFFFF;
  padding: 0 20px;
  width: 100%;
}

.field-name-field-subfooter .video-active.pop-up {
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 5000;
  transition: .5s all;
}

.field-name-field-subfooter .close-video {
  width: 37px;
  height: 37px;
  border-radius: 20px;
  background: #FFFFFF 0% 0% no-repeat padding-box;
  position: absolute;
  top: -15px;
  right: 0;
  cursor: pointer;
  color: #97A5B6;
  text-align: center;
  font-size: 38px;
  line-height: 38px;
  z-index: 20;
}

.field-name-field-subfooter .close-video::after {
  content: "\D7";
}

.field-name-field-subfooter .close-video p {
  display: none;
}

/* SECTION 3 */
#section-3 {
  text-align: center;
  padding: 50px 0;
}

#section-3 h2 {
  margin: 0 0 50px 0;
  font-weight: normal;
}

#section-3 .s-item {
  margin: auto;
  max-width: 300px;
  max-height: 350px;
}

#section-3 .s-item img {
  width: 100%;
  margin-bottom: 0px;
  height: 270px;
  object-fit: contain;
}

#section-3 .s-item p {
  position: relative;
  top: -30px !important;
  max-width: 214px;
  color: #3F4B5A;
  font-family: 'Neue Haas Grotesk Display Pro 65 medium';
  margin: auto;
  font-size: 15px !important;
}


/* SECTION 4 */
#section-4 {
  padding: 50px 0;
  text-align: center;
}

/* SECTION DIVIDER */
.section-divider {
  text-align: center;
  position: relative;
}

.section-divider h5 {
  z-index: 2;
  background-color: #fff;
  letter-spacing: 10px;
  position: relative;
  display: inline-block;
  padding: 10px 40px;
}

.section-divider::before {
  content: "";
  position: absolute;
  height: 1px;
  background-color: #004B83;
  opacity: 0.6;
  top: 50%;
  width: 100%;
  left: 0;
  z-index: 1;
}


/* SECTION 5 */
#section-5 {
  padding: 50px 0;
  text-align: center;
}

#section-5 .section-content {
  max-width: 800px;
  margin: auto;
}

#section-5 h2 {
  margin: 0 0 40px 0;
}

#section-5 h3 {
  margin: 0 0 20px 0;
}

/* DOWNLOADS SECTION */
#downloads-section {
  padding: 50px 0;
}


/* FORM */
.field-name-field-hidden-form {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

.field-name-field-hidden-form .hero_info {
  display: none !important;
}

.field-name-field-hidden-form form p {
  color: #fff;
}

.field-name-field-hidden-form form a,
.field-name-field-hidden-form form a:hover {
  color: #fff;
}

.field-name-field-hidden-form form {
  background-color: #fff;
  width: 65%;
  margin: auto;
  color: #FFFFFF;
}

.field-name-field-hidden-form form input,
.field-name-field-hidden-form form textarea {
  padding: 5px;
  padding-left: 20px;
  HEIGHT: 45px;
  padding: 5px;
  padding-left: 20px;
  font-family: 'Neue Haas Grotesk Display Pro 55 Roman';
}

.field-name-field-hidden-form form div {
  width: 100%;
}

.field-name-field-hidden-form form.pop-up {
  display: flex;
  position: absolute;
  left: 50%;
  top: 30px;
  transform: translate(-50%, 0);
  z-index: 5000;
  transition: .5s all;
}

.field-name-field-hidden-form form .webform-component--close {
  width: 37px;
  height: 37px;
  border-radius: 20px;
  background: #FFFFFF 0% 0% no-repeat padding-box;
  position: absolute;
  top: -5px;
  right: -5px;
  cursor: pointer;
  color: #97A5B6;
  text-align: center;
  font-size: 38px;
  line-height: 38px;
}

.field-name-field-hidden-form form .webform-component--close::after {
  content: "\D7";
}

.field-name-field-hidden-form form .webform-component--close p {
  display: none;
}

.field-name-field-hidden-form form .form-actions {
  text-align: center;
  margin-top: 30px;
  margin-bottom: 40px;
}

.field-name-field-hidden-form form .form-actions input {
  margin: auto;
}

.field-name-field-hidden-form form .form-item {
  margin-bottom: 38px;
}

.field-name-field-hidden-form form .form-item.webform-component--top-text {
  font-size: 18px;
  margin-bottom: 30px;
}

.field-name-field-hidden-form form .form-text {
  font-family: 'Neue Haas Grotesk Display Pro 55 Roman';
}

.field-name-field-hidden-form form .form-item.webform-component--privacy,
.field-name-field-hidden-form form .form-item.webform-component--bottom-text p {
  font-size: 12px !important;
  font-family: 'Neue Haas Grotesk Display Pro 55 Roman';
}

.field-name-field-hidden-form form>div {
  display: table;
}

.field-name-field-hidden-form form .form-item.webform-component--bottom-text {
  display: table-footer-group;
}

@media (max-width: 768px) {

  div#sec-reverse {
    display: flex;
    flex-direction: column-reverse;
  }

  .names-input {
    width: 100%;
    flex-direction: column;
    gap: 10px;
    align-items: center;
  }

  .ui-dialog.ui-corner-all.ui-widget .ui-dialog-buttonpane.ui-widget-content.ui-helper-clearfix {
    display: none !important;
  }



  div#webform-modal .ui-dialog .ui-dialog-buttonpane {
    display: none !important;
  }



  div#webform-modal form#webform-client-form-143543--2 div input {
    font-size: 14px;
    color: #3F4B5A;
    border: unset !important;
  }

  div#webform-modal form#webform-client-form-143543--2 .form-item.webform-component.webform-component-textfield.webform-component--student-first-name input {
    background: #fff;
    max-width: 100%;
    padding: 15px 20px;
    border: 1px solid #D8D8D8 !important;
    border-radius: 26px;
    display: inline-block;
  }

  div#webform-modal form#webform-client-form-143543--2 .form-item.webform-component.webform-component-textfield.webform-component--student-last-name input {
    background: #fff;
    max-width: 100%;
    padding: 15px 20px;
    border: 1px solid #D8D8D8 !important;
    border-radius: 26px;
    display: inline-block;
    margin-top: 30px;
  }

  .form-item.form-type-checkbox.form-item-submitted-lecturer-nonimating-student-yes label.option {
    font-size: 16px !important;
  }

  input#edit-submitted-lecturer-nonimating-student--2-1 {
    width: 20px !important;
    margin-right: 15px !important;
    height: 25px !important;
    position: relative !important;
    top: 9px !important;
  }

  .form-item.form-type-checkbox.form-item-submitted-lecturer-nonimating-student-yes {
    display: flex;
    align-items: baseline;
    justify-content: flex-start;
    padding: 14px 0 !important;
  }


  div#webform-modal form#webform-client-form-143543--2 * div input:focus {
    border: unset !important;
    outline: unset !important;
  }




  .ui-dialog .ui-dialog-titlebar-close {
    position: absolute;
    right: 0.3em;
    top: 50%;
    width: 38px;
    margin: -10px 0 0 0;
    padding: 1px;
    height: 38px;
    border-radius: 50px;
    border-color: #014996;
  }

  .ui-dialog .ui-dialog-titlebar-close {
    position: absolute;
    right: 0.3em;
    top: 50%;
    width: 38px;
    margin: -10px 0 0 0;
    padding: 1px;
    height: 38px;
    border-radius: 50px;
    border-color: #014996;
  }

  .form-item.webform-component.webform-component-markup.webform-component--apply-sub-content p {
    font-size: 16px;
    color: #014996;
    text-align: center;
  }



  .ui-widget-header {
    border: none;
    background: transparent;
    color: transparent;
    font-weight: bold;
    padding: 0px !important;
    margin: 0px;
  }




  button#show-webform {
    padding: 16px 40px;
    font-size: 22px;
    border: unset;
    float: unset !important;
  }

  .webform-component--phone,
  .webform-component--social,
  .webform-component--first-name,
  .webform-component--last-name {
    width: 100% !important;
  }



  .field-name-field-hidden-form form .form-item {
    margin-bottom: 23px;
  }

  .field-name-field-hidden-form form>div {
    display: block;
  }

  .opportunity {
    font-family: 'Neue Haas Grotesk Display Pro 65 Medium';
    letter-spacing: 0.2px;
    color: #014996;
    opacity: 1;
    max-width: 344px;
    line-height: 1.7;
    font-size: 20px !important;
    margin: 0 auto;
  }

  #header-section .header-txt {
    margin-top: 60px;
  }

  #section-2 p {
    margin-bottom: 16px;
  }
}

.peaked {
  font-size: 28px !important;
}

.header-txt img {
  position: relative;
  top: -122px;
  max-width: 313px;
  margin: 0 0 0 auto;
}


.section-3 .career-subtitle {
  font-size: 22px;
  font-weight: 700;
}

#section-2 h2 {
  margin: unset !important;
}

h2.looking {
  text-align: center;
  margin-left: 36px !important;
  margin-top: 28px !important;
  letter-spacing: 0.75px !important;
  max-width: 400px;
  font-size: 28px;
  line-height: 1.5;
  margin-bottom: 35px !important;
}

.kick-start {
  position: relative;
  top: -150px;
  left: 10px;
  font-size: 21px !important;
  letter-spacing: 0.52px;
  color: #014996;
}

#section-3 .s-item {
  max-width: 100%;
  margin: unset;
}

#section-3 .s-item p {
  font-weight: normal;
  font-family: 'Neue Haas Grotesk Display Pro 65 medium' !important;
  top: -100px;
  font-size: 16px;
  margin: unset;
  max-width: unset;
  font-size: 18px !important;
}


.future-installers {
  top: -70px;
  left: unset;
  font-size: 22px !important;
}

.parabold {
  margin-left: 36px !important;
  font-size: 15px !important;
  margin: 0 auto;
  width: 80%;
}

.para {
  margin-left: 36px !important;
  font-size: 15px !important;
  margin: 0 auto;
  width: 80%;
}

.webform-component--college,
.webform-component--email {
  width: 100%;
}

.webform-component--phone input,
.webform-component--social input .webform-component--first-name input,
.webform-component--last-name input {
  width: 93% !important;
}

.webform-component--last-name {
  text-align: left;
}


.webform-component--phone input,
.webform-component--social input,
.webform-component--first-name,
.webform-component--last-name {
  width: 100% !important;
}

.field-name-field-hidden-form form {
  width: 100%;
}

h3.color-bigblue {
  font-size: 50px !important;
}

.center {
  margin: unset;
  margin-top: unset;
  margin-left: unset;
}

.header-content {
  background-image: url(/images/1716990882_pp_shapesheadermobile.png);
  background-color: #fff;
  background-size: cover;
  background-repeat: no-repeat;
  padding: 0;
}

.d-desktop {
  display: none;
}

.d-mobile {
  display: block;
}


#block-system-main .container,
.header-content-inner {
  height: 100%;
}

.header-content-inner {
  display: flex;
  flex-direction: column;
}

.header-txt.txt-s2 {
  position: relative;
  top: 45px;
}

#block-system-main h1 {
  font-size: 25px;
}


#block-system-main h3 {
  font-size: 17px;
}

#block-system-main .txt-s1 h3 {
  color: #FFF;
}

#block-system-main p {
  font-size: 14px;
}

#block-system-main p a.a-button {
  font-size: 12px;
}

.header-content {
  width: 100%;
  text-align: center;
  padding: 0px 0;
}

.header-logo img {
  max-width: 245px !important;
  margin: 0 auto;
  position: relative;
  top: -90px;
}

.header-txt.txt-s2 img {
  max-width: 160px;
  margin: auto;
}

.header-txt.txt-s2 img {
  margin-bottom: 40px;
}

.header-txt a.a-button {
  position: relative;
  margin: 0 auto 0 0 !important;
  top: -141px;
  left: unset;
  font-size: 18px;
  padding: 15px 38px;
}

#section-1 {
  text-align: center;
}

#section-1 img {
  width: 120px;
}

#section-1 p:nth-child(1),
#section-1 p:nth-child(2) {
  margin-bottom: 30px;
}

#section-2 {
  text-align: center;
  position: relative;
}

#section-2 .img-shifted {
  position: relative;
  left: -15px;
}

#video-section .video-inactive img {
  max-width: 550px;
}

#video-section h2 {
  margin-top: 0;
  margin-bottom: 30px;
}

#video-section .video-content h2 {
  margin-top: 50px;
  margin-bottom: 0;
}

#section-3 .s-item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 30px;
}

#section-3 .s-item:last-child {
  margin-bottom: 0;
}

#section-4 video {
  width: 100%;
}

.section-divider h5 {
  letter-spacing: 2px;
  font-size: 11px;
  padding: 10px;
}

.field-name-field-hidden-form form {
  max-width: 450px;
}

.field-name-field-hidden-form form {
  padding: 25px;
}

.field-name-field-hidden-form form .form-item.webform-component--top-text {
  font-size: 18px;
}

.field-name-field-hidden-form form .webform-submit {
  font-size: 13px;
}

.field-name-field-hidden-form form .form-item.webform-component--privacy,
.field-name-field-hidden-form form .form-item.webform-component--bottom-text {
  font-size: 12px;
}

.field-name-field-hidden-form form .form-item.webform-component--bottom-text p {
  text-align: left;
}

#downloads-section .d-item {
  margin-bottom: 40px;
}

#downloads-section .animated-box {
  margin-bottom: 20px;
}



@media (min-width: 768px) {

  button#show-webform {
    padding: 16px 40px;
    font-size: 22px;
    border: unset;
    float: unset !important;
  }

  .ui-dialog.ui-corner-all.ui-widget .ui-dialog-buttonpane.ui-widget-content.ui-helper-clearfix {
    display: none !important;
  }



  .ui-dialog .ui-dialog-titlebar-close {
    position: absolute;
    right: 0.3em;
    top: 50%;
    width: 38px;
    margin: -10px 0 0 0;
    padding: 1px;
    height: 38px;
    border-radius: 50px;
    border-color: #014996;
  }

  .ui-dialog .ui-dialog-titlebar-close {
    position: absolute;
    right: 0.3em;
    top: 50%;
    width: 38px;
    margin: -10px 0 0 0;
    padding: 1px;
    height: 38px;
    border-radius: 50px;
    border-color: #014996;
  }

  .form-item.webform-component.webform-component-markup.webform-component--apply-sub-content p {
    font-size: 16px;
    color: #014996;
    text-align: center;
  }



  .ui-widget-header {
    border: none;
    background: transparent;
    color: transparent;
    font-weight: bold;
    padding: 0px !important;
    margin: 0px;
  }

  .ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front.ui-dialog-buttons.ui-draggable.ui-resizable {
    background: #F7F7F7;
    box-shadow: 0px 15px 25px #0000001F;
    border: 6px solid #FFFFFF;
    border-radius: 40px;
    padding: 30px;
    top: 50% !important;
    position: absolute;
    transform: translate(-150.5%, 0%) !important;
    width: 720px !important;
  }

  #header-section .header-bgr {
    background: linear-gradient(to right,
        #004b83 0%,
        #004b83 50%,
        #007de1 50%,
        #007de1 100%);
  }

  #header-section .header-bgr img {
    width: auto;
    height: 600px;
    margin: auto;
  }

  .header-logo img {
    max-width: 393px !important;
    margin: unset !important;
    margin-left: 8px !important;
    margin-top: 2px !important;
  }

  .header-txt.txt-s2 img {
    max-width: 200px;
    margin: auto;
  }

  #block-system-main h1 {
    font-size: 50px;
  }

  #block-system-main h2 {}

  #block-system-main h3 {
    font-size: 24px;
  }

  #block-system-main p {
    font-size: 18px;
  }

  .header-content-inner .txt-s1,
  .header-content-inner .txt-s2 {
    margin-top: 50px;
  }

  #section-2 .section-row {
    padding: 70px 0;
  }

  #section-2 .section-row:nth-child(2) .inner-content img {
    max-height: 100%;
  }



  .header-content {
    background-position: -25px 25px;
  }

  .d-desktop {
    display: block;
  }

  .d-mobile {
    display: none;
  }

  .header-logo div {
    display: inline-block;
    width: 50%;
  }

  .header-logo div:nth-child(2) {
    padding-left: 20px;
  }

  .header-logo div:nth-child(2) img {
    display: block;
    margin-left: auto;
  }

  .header-logo img {
    max-width: 130px;
  }

  .header-content-inner {
    width: 100%;
    height: 100%;
  }

  #block-system-main h1 {
    font-size: 30px;
  }

  #block-system-main h2 {}

  #block-system-main h3 {
    font-size: 18px;
  }

  #block-system-main p {
    font-size: 14px;
  }

  #block-system-main p a.a-button {
    font-size: 12px;
  }

  .header-content-inner .txt-s1,
  .header-content-inner .txt-s2 {
    margin-top: 27px;
  }

  .header-content a.a-button {
    margin-top: 10px;
  }

  #section-1 .section-content {
    display: grid;
    grid-template-columns: 165px auto 160px;
    align-items: center;
    gap: 30px;
  }

  #section-1 .section-content p:nth-child(3) {
    margin-left: auto;
  }

  #section-2 .section-row:nth-child(2) p:nth-child(3) {
    margin-bottom: 40px;
  }

  #section-2 .section-row:nth-child(1) .inner-content,
  #section-2 .section-row:nth-child(2) .inner-content {
    width: 100%;
    height: 100%;
  }

  #section-2 .section-row:nth-child(1) .inner-content,
  #section-2 .section-row:nth-child(2) {
    position: relative;
  }

  #section-2 .section-row:nth-child(1) .inner-content .wrapper {
    position: absolute;
    right: 0;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }

  .lvl3 {
    z-index: 3;
  }

  .lvl2 {
    z-index: 2;
  }

  .lvl1 {
    z-index: 1;
  }

  .lvl1 {
    position: relative;
  }

  .lvl3 {
    position: absolute;
    left: 0;
    top: 0;
  }

  #section-2 .section-row:nth-child(1) .inner-content img {
    height: auto;
    width: auto;
    max-width: 100%;

  }

  #section-2 .section-row:nth-child(1) .inner-content img.hover {
    position: absolute;
    height: auto;
    width: auto;
    max-width: 100%;
    max-height: 100%;
    right: 25%;
    top: 15%;
    opacity: 0;
  }

  #section-2 .section-row:nth-child(2) .inner-content img {
    position: absolute;
    height: auto;
    width: auto;
    max-width: 100%;
    max-height: 60%;
    right: 50%;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }

  #section-2 .hover1 {}

  #section-2 .hover2 {
    display: none;
  }

  #section-2 .light-font,
  #section-3 .light-font,
  #section-5 .light-font,
  #video-section .light-font {
    font-size: 14px;
    line-height: 1.7em;
  }

  #section-2 .grid-wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
  }

  #video-section h1 {
    max-width: 740px;
  }

  #video-section p,
  #video-section .video-content {
    max-width: 800px;
  }

  #video-section .video-content {
    margin: auto;
  }

  #video-section h2 {
    margin-top: 0;
    margin-bottom: 30px;
  }

  #video-section .video-content {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: auto;
    align-items: center;
  }

  #section-3 .section-content {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    /* 3 columns */
    grid-template-rows: repeat(2, 1fr);
    /* 3 rows  */
    grid-gap: 0px 30px;
  }

  #section-4 video {
    width: 70%;
  }

  .section-divider h5 {
    letter-spacing: 10px;
    font-size: 12px
  }

  .field-name-field-hidden-form form .form-item.webform-component--top-text {
    font-size: 20px;
  }

  .field-name-field-hidden-form form .webform-submit {
    font-size: 15px;
  }

  .field-name-field-hidden-form form .form-item.webform-component--privacy,
  .field-name-field-hidden-form form .form-item.webform-component--bottom-text {
    font-size: 13px;
  }

  #downloads-section .section-content {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(2, 1fr);
    grid-gap: 50px 30px;
  }
}

@media (min-width: 992px) {

  .header-content-inner {
    width: 50%;
    height: 100%;
  }

  a.applybtn {
    font-family: 'Neue Haas Grotesk Display Pro 75 Bold';
    position: relative;
    top: -134px;
    width: 222px !important;
    display: block !important;
    margin: unset !important;
    left: 0px;
    height: 60px;
    text-align: center;
    vertical-align: middle;
    padding-top: 15px;
    font-size: 21px;
  }

  .kick-start {
    position: relative;
    top: -147px;
    left: -15px;
    font-size: 26px !important;
    letter-spacing: 0.52px;
    color: #014996;
  }

  .future-installers {
    position: relative;
    font-size: 35px !important;
    letter-spacing: 0.7px;
    font-family: 'Neue Haas Grotesk Display Pro 65 Medium';
    color: #014996;
    opacity: 1;
    top: 85px;
    left: 1px;
    z-index: 11;
  }

  .field-name-field-hidden-form form {
    width: 95%;
  }

  .header-logo img {
    max-width: 450px !important;
    margin: unset !important;
    margin-left: 8px !important;
    margin-top: 2px !important;
    position: relative;
    top: 32px;
  }

  .header-txt.txt-s2 img {
    max-width: 180px;
    margin: auto;
  }

  #block-system-main h1 {
    font-size: 38px;
  }

  #block-system-main h2 {}

  #block-system-main h3 {
    font-size: 20px;
  }

  #block-system-main p {
    font-size: 16px;
  }

  #block-system-main p a.a-button {
    font-size: 14px;
  }

  .header-content-inner .txt-s1,
  .header-content-inner .txt-s2 {
    margin-top: 35px;
  }

  #section-2 .section-row:nth-child(2) .inner-content img {
    max-height: 78%;
  }

  #section-4 video {
    width: 50%;
  }
}

@media (min-width: 1200px) {



  .field-name-field-hidden-form form {
    width: 85%;
  }

  .header-logo img {
    max-width: 393px !important;
    margin: unset !important;
    margin-left: 8px !important;
    margin-top: 2px !important;
  }

  .header-txt.txt-s2 img {
    max-width: 200px;
    margin: auto;
  }

  #block-system-main h1 {
    font-size: 42px;
  }

  #block-system-main h2 {}

  #block-system-main h3 {
    font-size: 22px;
  }

  #block-system-main p {}

  #block-system-main p a.a-button {}

  .header-content-inner .txt-s1,
  .header-content-inner .txt-s2 {
    margin-top: 50px;
  }

  .header-content a.a-button {
    margin-top: 20px;
  }

  #section-2 .section-row:nth-child(2) .inner-content img {
    max-height: 85%;
  }
}

@media (min-width: 1320px) {

  .ui-dialog.ui-corner-all.ui-widget .ui-dialog-buttonpane.ui-widget-content.ui-helper-clearfix {
    display: none !important;
  }



  div#webform-modal .ui-dialog .ui-dialog-buttonpane {
    display: none !important;
  }


  .ui-dialog .ui-dialog-titlebar-close {
    position: absolute;
    right: 0.3em;
    top: 50%;
    width: 38px;
    margin: -10px 0 0 0;
    padding: 1px;
    height: 38px;
    border-radius: 50px;
    border-color: #014996;
  }


  .ui-dialog .ui-dialog-titlebar-close {
    position: absolute;
    right: 0.3em;
    top: 50%;
    width: 38px;
    margin: -10px 0 0 0;
    padding: 1px;
    height: 38px;
    border-radius: 50px;
    border-color: #014996;
  }

  .form-item.webform-component.webform-component-markup.webform-component--apply-sub-content p {
    font-size: 22px;
    color: #014996;
    text-align: center;
  }



  .ui-widget-header {
    border: none;
    background: transparent;
    color: transparent;
    font-weight: bold;
    padding: 0px !important;
    margin: 0px;
  }

  .ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front.ui-dialog-buttons.ui-draggable.ui-resizable {
    background: #F7F7F7;
    box-shadow: 0px 15px 25px #0000001F;
    border: 6px solid #FFFFFF;
    border-radius: 47px;
    padding: 60px 80px;
    top: 10% !important;
    position: absolute;
    transform: translate(-81%, 25%) !important;
    width: 90% !important;
  }


  #header-section .header-bgr {
    background: linear-gradient(to right,
        #004b83 0%,
        #004b83 50%,
        #007de1 50%,
        #007de1 100%);
  }

  #header-section .header-bgr img {
    width: auto;
    height: 600px;
    margin: auto;
  }

  .header-logo img {
    max-width: 393px !important;
    margin: unset !important;
    margin-left: 8px !important;
    margin-top: 2px !important;
  }

  .header-txt.txt-s2 img {
    max-width: 200px;
    margin: auto;
  }

  #block-system-main h1 {
    font-size: 50px;
  }

  #block-system-main h2 {}

  #block-system-main h3 {
    font-size: 24px;
  }

  #block-system-main p {
    font-size: 18px;
  }

  #block-system-main p a.a-button {}

  .header-content-inner .txt-s1,
  .header-content-inner .txt-s2 {
    margin-top: 50px;
  }

  #section-2 .section-row {
    padding: 70px 0;
  }

  #section-2 .section-row:nth-child(2) .inner-content img {
    max-height: 100%;
  }
}



@media only screen and (max-width: 600px) {

  button#show-webform {
    padding: 12px 30px !important;
    font-size: 16px !important;
    float: unset !important;
    margin-bottom: 40px !important;
  }


  .header-txt a.a-button {
    position: relative;
    margin: 0 auto 0 0 !important;
    top: 20px !important;
    left: unset;
    font-size: 16px;
    padding-bottom: 35px;
  }

  .kick-start {
    position: relative;
    top: -150px;
    left: 10px;
    font-size: 20px !important;
    letter-spacing: 0.52px;
    color: #014996;
    margin-top: 10px;
  }

  .ui-dialog .ui-dialog-content {
    position: relative;
    border: 0;
    padding: 0px !important;
    background: none;
    overflow: unset !important;
  }

  .header-logo {
    padding-left: 15px;
    padding-right: 15px;
    text-align: center;
  }

  .d-mobile {
    display: unset !important;
  }

  .ui-dialog.ui-corner-all.ui-widget .ui-dialog-buttonpane.ui-widget-content.ui-helper-clearfix {
    display: none !important;
  }

/* 

  div#webform-modal form#webform-client-form-143543--2 div input {
    font-size: 14px;
    color: #3F4B5A;
    border: unset !important;
    width: 100% !important;

  } */


  div#webform-modal form#webform-client-form-143543--2 * div input:focus {
    border: unset !important;
    outline: unset !important;
  }

/* 
  div#webform-modal form#webform-client-form-143543--2 div:nth-child(5) input#edit-submitted-first-name--2 {
    font-size: 14px;
    color: #3F4B5A;
  } */

  .ui-dialog .ui-dialog-titlebar-close {
    position: absolute;
    right: 0.3em;
    top: 150% !important;
    width: 20px !important;
    margin: -10px 0 0 0;
    padding: 11px !important;
    height: 20px !important;
    border-radius: 50px;
    border-color: #014996;
  }

  .ui-dialog .ui-dialog-titlebar-close {
    position: absolute;
    right: 0.3em;
    top: 50%;
    width: 38px;
    margin: -10px 0 0 0;
    padding: 1px;
    height: 38px;
    border-radius: 50px;
    border-color: #014996;
  }

  .form-item.webform-component.webform-component-markup.webform-component--apply-sub-content p {
    font-size: 16px;
    color: #014996;
    text-align: center;
  }

  .ui-widget-header {
    border: none;
    background: transparent;
    color: transparent;
    font-weight: bold;
    padding: 0px !important;
    margin: 0px;
  }

  .ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front.ui-dialog-buttons.ui-draggable.ui-resizable {
    background: #F7F7F7;
    box-shadow: 0px 15px 25px #0000001F;
    border: 6px solid #FFFFFF;
    border-radius: 30px;
    padding: 0px 20px 20px;
    top: 20% !important;
    position: absolute;
    transform: translate(-327.5%, 0%) !important;
    width: 88% !important;
  }

  #header-section .header-bgr {
    background: linear-gradient(to right,
        #004b83 0%,
        #004b83 50%,
        #007de1 50%,
        #007de1 100%);
  }

  #header-section .header-bgr img {
    width: auto;
    height: 600px;
    margin: auto;
  }

  .header-logo img {
    max-width: 393px !important;
    margin: unset !important;
    margin-left: 8px !important;
    margin-top: 2px !important;
  }

  .header-txt.txt-s2 img {
    max-width: 200px;
    margin: auto;
  }

  #block-system-main h1 {
    font-size: 50px;
  }

  #block-system-main h3 {
    font-size: 24px;
  }

  #block-system-main p {
    font-size: 18px;
  }

  .header-content-inner .txt-s1,
  .header-content-inner .txt-s2 {
    margin-top: 50px;
  }

  #section-2 .section-row {
    padding: 70px 0;
  }

  #section-2 .section-row:nth-child(2) .inner-content img {
    max-height: 100%;
  }



  #section-3 .s-item {
    margin: 0 auto 0px auto;
  }

  #section-3 .s-item p {
    top: -30px !important;
    font-size: 13px;
    letter-spacing: 0.5px;
  }


  .group-footer .webform-client-form .webform-component--last-name input.form-text {
    width: 100% !important;
  }

  .group-footer .webform-client-form .webform-component--social input.form-text {
    width: 100% !important;
  }

  .group-footer .webform-client-form .webform-component--phone input.form-text {
    width: 100% !important;
  }

  .group-footer .webform-client-form .webform-component--first-name input.form-text {
    width: 100% !important;
  }

  .journey-section .inner-content .color-grey.parabold {
    padding-bottom: 17px;
    padding-top: 17px;
    padding-left: 15px;
    padding-right: 15px;
    font-size: 18px !important;
    line-height: 1.8;
  }

  #section-3 .container .color-darkblue.career-subtitle {
    padding-bottom: 20px;
  }

  .section-content .s-item p {
    margin-top: 0px !important;
  }

  .we-want-you-new-page #section-4 .d-mobile {
    display: block;
  }

  .we-want-you-new-page #section-4 .inner-content.d-desktop {
    display: none;
  }

  .we-want-you-new-page #section-2 .d-mobile {
    display: block;
  }

  .we-want-you-new-page #section-2 .inner-content.d-desktop {
    display: none;
  }

  .we-want-you-new-page #header-section .header-txt .d-desktop {
    display: none;
  }

  .we-want-you-new-page #header-section .header-txt .d-mobile {
    display: block;
  }

  .header-logo img {
    top: 0;
    max-width: 207px !important;
    margin: 0 auto !important;
  }

  .future-installers {
    top: 0;
    text-align: center;
    font-size: 23px !important;
    margin-top: 16px;
    margin-bottom: 30px;
  }

  .kick-start-today {
    top: 0;
    margin-bottom: 0;
    text-align: center;
    margin-top: -40px;
  }

  .kick-start-today a {
    cursor: pointer !important;
  }

  .header-txt img {
    top: -40px;
    margin: 0 auto;
    max-width: 100%;
  }

  .header-content {
    background-image: none !important;
  }

  .header-content .kick-start {
    top: 0px;
  }

  #header-section .header-txt {
    margin-top: 33px !important;
  }

  .header-txt a.a-button {
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto !important;
  }

  .header-content .container {
    padding: 0;
  }

  #header-section .header-content .header-content-inner {
    padding-bottom: 40px;
    padding-top: 50px;
  }

  .journey-section h2,
  .journey-section p {
    text-align: center;
    width: 100% !important;
  }

  .journey-section h2 {
    font-size: 28px;
    padding-top: 40px;
    padding-right: 15px;
    padding-left: 15px;
    padding-bottom: 40px;
  }

  #section-3 p.career-subtitle {
    font-size: 20px;
    letter-spacing: 0.5px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 10px;
    padding-bottom: 0px !important;
  }

  #section-3 h2 {
    font-size: 28px;
    line-height: 40px;
    letter-spacing: 0.5px;
  }

  #section-3 {
    padding: 45px 0 45px;
  }

  .we-want-you-new-page #section-3.bgcolor-grey .section-content {
    display: flex;
    flex-direction: column;
    row-gap: 0px;
  }

  .group-footer .webform-client-form.webform-client-form-143543 {
    width: 100%;
    max-width: 100%;
    padding: 20px;
    padding-top: 0;
  }

  #section-4 h3 {
    font-size: 50px !important;
    margin-top: 0px !important;
    text-align: center;
  }

  #section-4 p {
    text-align: center;
  }

  .group-footer .webform-component--first-name,
  .group-footer .webform-component--last-name {
    width: 100% !important;
  }

  .girl-image-section img {
    display: none;
  }

  #section-2 {
    padding-bottom: 45px;
  }

  #section-3 .s-item img {
    width: 100%;
    margin-bottom: 20px;
    height: 100%;
    object-fit: contain;
  }


  #section-3 .s-item p {
    top: -40px !important;
    font-size: 14px !important;
    letter-spacing: 0.5px;
  }

  #section-4 p.peaked {
    margin-bottom: 0px !important;
    margin-top: 40px;
    font-size: 28px !important;
  }


}

@media (min-width: 1600px) {

  .ui-dialog.ui-corner-all.ui-widget .ui-dialog-buttonpane.ui-widget-content.ui-helper-clearfix {
    display: none !important;
  }



  div#webform-modal .ui-dialog .ui-dialog-buttonpane {
    display: none !important;
  }




  .form-item.webform-component.webform-component-markup.webform-component--apply-sub-content p {
    font-size: 22px;
    color: #014996;
    text-align: center;
  }




  .ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front.ui-dialog-buttons.ui-draggable.ui-resizable {
    background: #F7F7F7;
    box-shadow: 0px 15px 25px #0000001F;
    border: 6px solid #FFFFFF;
    border-radius: 47px;
    padding: 40px 80px 40px;
    top: 10% !important;
    position: absolute;
    transform: translate(-25%, 25%) !important;
    width: 1364px !important;
  }

  .ui-widget-header {
    border: none;
    background: transparent;
    color: transparent;
    font-weight: bold;
    padding: 0px !important;
    margin: 0px;
  }
}

  @media(max-width: 768px) {

    div#webform-modal form#webform-client-form-143543--2 div:nth-child(8) {

      position: unset !important;
      margin-left: unset !important;
    }

    .first-name {
      max-width: 100%;
    }

  }
  /************* comment **********************/



  .webform-client-form.webform-client-form-143543 .webform-component--apprentices {
    display: none;
  }

  .webform-client-form.webform-client-form-143543 .webform-component--company-apprenticeship {
    display: none;
  }


  .webform-client-form.webform-client-form-143543 .webform-component--tell-us-work-apprenticeship {
    display: none;
  }


  .webform-client-form.webform-client-form-143543 .webform-component--upload-pictures-of-the-work-apprentice {
    display: none;
  }

  .webform-client-form.webform-client-form-143543 .webform-component-textarea.webform-component--body {
    display: none;
  }

  .webform-client-form.webform-client-form-143543 #edit-submitted-upload-pictures-apprentice--2-ajax-wrapper {
    display: none !important;
  }

  .we-want-you-new-page #section-3 .tools-content p {
    font-size: 12px !important;
    padding-top: 20px;
  }

  .header-content {
    background-image: url(/images/1721971971_pp_shape_header-left.png), url(/images/1721971989_pp_shape_header-right.png) !important;
    background-color: #fff;
    background-size: auto 100%, auto 100%;
    background-repeat: no-repeat;
    background-position: left, right;
  }

  .d-mobile {
    display: none;
  }

  #section-2 .section-row {
    padding: 0px 0 !important;
  }

  #section-3 .s-item p .we-want-you-new-page #section-4 .d-mobile {
    display: none;
  }

  #section-2 {
    padding-bottom: 103px;
  }

  #section-3 {
    padding: 100px 0 79px;
  }

  #section-3 h2 {
    font-size: 43px;
    font-family: 'Neue Haas Grotesk Display Pro 75 Bold';
  }

  #section-3 p.career-subtitle {
    font-size: 20px;
    font-weight: 700;
  }

  #section-4 {
    padding: 48px 0 10px;
  }

  #section-4 h3,
  #section-4 p {
    text-align: left;
  }

  #section-4 h3 {
    font-size: 95px !important;
    font-weight: 700 !important;
    margin-top: 60px !important;
  }

  #section-4 p.peaked {
    font-size: 39px !important;
  }

  #section-4 p {
    width: 100% !important;
    max-width: 100%;
    text-align: left;
    font-size: 24px !important;
    margin-bottom: 30px !important;
  }

  .group-footer .webform-client-form .webform-component--first-name input.form-text,
  .group-footer .webform-client-form .webform-component--phone input.form-text,
  .group-footer .webform-client-form .webform-component--last-name input.form-text,
  .group-footer .webform-client-form .webform-component--social input.form-text {
    width: 98% !important;
  }

  .group-footer .webform-client-form .webform-component--last-name,
  .group-footer .webform-client-form .webform-component--social {
    text-align: right !important;
  }

  .group-footer .webform-client-form .form-item input,
  .group-footer .webform-client-form .form-item textarea {
    color: #000 !important;
  }

  .group-footer .webform-client-form .form-item input {
    padding: 20px 10px 20px 30px !important;
  }

  .group-footer .webform-client-form .form-item textarea {
    padding: 20px 30px;
  }

  .group-footer .webform-client-form .form-actions input {
    padding: 0;
    font-size: 18px;
    font-weight: 700;
    font-family: 'Neue Haas Grotesk Display Pro 75 Bold';
    width: 176px !important;
    height: 53px !important;
  }

  .section-content .s-item p {
    margin-top: 40px;
  }

  .girl-image-section img {
    margin-left: -79px;
    width: 113% !important;
  }

  .journey-section h2,
  .journey-section p {
    text-align: left;
    margin: 0 !important;
    width: 90% !important;
    max-width: 100%;
  }

  .journey-section h2 {
    font-size: 40px;
    padding-right: 0;
    margin-top: 5px !important;
  }

  .journey-section p {
    font-size: 15px !important;
    margin-top: 10px !important;
  }

  .journey-section p.parabold {
    font-size: 17px !important;
  }

  .we-want-you-new-page #section-4 .inner-content.d-desktop {
    display: block;
  }

  .we-want-you-new-page #section-2 .d-mobile {
    display: none;
  }

  .we-want-you-new-page #section-2 .inner-content.d-desktop {
    display: block;
  }

  .we-want-you-new-page #section-3.bgcolor-grey .section-content {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    row-gap: 30px;
  }

  .group-footer .webform-client-form.webform-client-form-143543 {
    width: 100%;
    max-width: 89%;
  }

  .group-footer .webform-component--first-name {
    width: 50% !important;
    float: left !important;
  }

  .group-footer .webform-component--last-name {
    width: 50% !important;
    float: right !important;
  }

  .we-want-you-new-page #header-section .header-txt .d-desktop {
    display: block;
  }

  .we-want-you-new-page #header-section .header-txt .d-mobile {
    display: none;
  }

  .we-want-you-new-page #header-section .header-txt .d-desktop {
    width: 80.6% !important;
    max-width: 100%;
  }

  .kick-start {
    left: 0 !important;
  }

  .kick-start-today {
    position: relative;
    top: -144px;
    margin-bottom: -76px;
  }

  .webform-client-form.webform-client-form-143543 #edit-submitted-upload-upload-button--2,
  .webform-client-form.webform-client-form-143543 #edit-submitted-upload-work-pictures-0-upload-button--2 {
    display: none;
  }


  @media only screen and (max-width: 1440px) {

    .header-content {
      background-position: -88px 0px, right -66px bottom 0px;
    }

  }

  @media only screen and (max-width: 1100px) {


    .header-logo img {
      max-width: 450px !important;
      margin: unset !important;
      margin-left: 8px !important;
      margin-top: 2px !important;
      position: relative;
      top: 32px;
    }

    .header-txt img {
      top: -22px;
    }

    .header-content {
      background-position: -62px 153px, right -61px bottom -40px;
      background-size: auto 83%, auto 100%;
    }

    .kick-start-today {
      position: relative;
      top: 0;
      margin-bottom: -40px;
      margin-top: 42px;
    }

    .group-footer .webform-client-form.webform-client-form-143543 {
      max-width: 100%;
    }

    #section-4 h3 {
      font-size: 68px !important;
    }

    #section-4 p {
      font-size: 20px !important;
      line-height: 33px;
      letter-spacing: 0.5px;
    }

    #section-4 p.peaked {
      font-size: 32px !important;
    }
  }

  @media only screen and (max-width: 900px) {
    .future-installers {
      top: 60px;
    }
  }



  @media only screen and (max-width: 600px) {


    div#webform-modal form#webform-client-form-143543--2 div:nth-child(12) input#edit-submitted-lecturer-nonimating-student--2-1 {
      width: 20px !important;
      height: 20px !important;
    }

    .form-item.form-type-checkbox.form-item-submitted-lecturer-nonimating-student-yes label.option {
      font-size: 16px !important;
      position: relative;
      top: 5px;
    }

    .first-name {
      max-width: 100%;
    }

    div#webform-modal form#webform-client-form-143543--2 div:nth-child(8) {
      position: unset !important;
      margin-left: unset !important;
      max-width: 100% !important;
    }


    button#show-webform {
      padding: 12px 30px !important;
      font-size: 16px !important;
      float: unset !important;
      margin-bottom: 40px !important;
    }


    .header-txt a.a-button {
      position: relative;
      margin: 0 auto 0 0 !important;
      top: 20px !important;
      left: unset;
      font-size: 16px;
      padding-bottom: 35px;
    }

    .kick-start {
      position: relative;
      top: -150px;
      left: 10px;
      font-size: 20px !important;
      letter-spacing: 0.52px;
      color: #014996;
      margin-top: 10px;
    }

    .ui-dialog .ui-dialog-content {
      position: relative;
      border: 0;
      padding: 0px !important;
      background: none;
      overflow: hidden;
    }

    .header-logo {
      padding-left: 15px;
      padding-right: 15px;
      text-align: center;
    }

    .d-mobile {
      display: unset !important;
    }

    .ui-dialog.ui-corner-all.ui-widget .ui-dialog-buttonpane.ui-widget-content.ui-helper-clearfix {
      display: none !important;
    }

    .ui-dialog .ui-dialog-titlebar-close {
      position: absolute;
      right: 0.3em;
      top: 150% !important;
      width: 20px !important;
      margin: -10px 0 0 0;
      padding: 11px !important;
      height: 20px !important;
      border-radius: 50px;
      border-color: #014996;
    }


    .ui-dialog .ui-dialog-titlebar-close {
      position: absolute;
      right: 0.3em;
      top: 50%;
      width: 38px;
      margin: -10px 0 0 0;
      padding: 1px;
      height: 38px;
      border-radius: 50px;
      border-color: #014996;
    }

    .form-item.webform-component.webform-component-markup.webform-component--apply-sub-content p {
      font-size: 16px;
      color: #014996;
      text-align: center;
    }

    .new-to-apply-heading {
      color: #014996;
      font-size: 2px !important;
      text-align: center;
      font-family: 'Neue Haas Grotesk Display Pro 65 Medium';
    }


    .ui-widget-header {
      border: none;
      background: transparent;
      color: transparent;
      font-weight: bold;
      padding: 0px !important;
      margin: 0px;
    }

    .ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front.ui-dialog-buttons.ui-draggable.ui-resizable {
      background: #F7F7F7;
      box-shadow: 0px 15px 25px #0000001F;
      border: 6px solid #FFFFFF;
      border-radius: 30px;
      padding: 0px 20px 20px;
      top: 20% !important;
      position: absolute;
      transform: translate(-327.5%, 0%) !important;
      width: 88% !important;
    }

    #header-section .header-bgr {
      background: linear-gradient(to right,
          #004b83 0%,
          #004b83 50%,
          #007de1 50%,
          #007de1 100%);
    }

    #header-section .header-bgr img {
      width: auto;
      height: 600px;
      margin: auto;
    }

    .header-logo img {
      max-width: 393px !important;
      margin: unset !important;
      margin-left: 8px !important;
      margin-top: 2px !important;
    }

    .header-txt.txt-s2 img {
      max-width: 200px;
      margin: auto;
    }

    #block-system-main h1 {
      font-size: 50px;
    }

    #block-system-main h3 {
      font-size: 24px;
    }

    #block-system-main p {
      font-size: 18px;
    }

    .header-content-inner .txt-s1,
    .header-content-inner .txt-s2 {
      margin-top: 50px;
    }

    #section-2 .section-row {
      padding: 70px 0;
    }

    #section-2 .section-row:nth-child(2) .inner-content img {
      max-height: 100%;
    }



    #section-3 .s-item {
      margin: 0 auto 0px auto;
    }

    #section-3 .s-item p {
      top: -30px !important;
      font-size: 13px;
      letter-spacing: 0.5px;
    }


    .group-footer .webform-client-form .webform-component--last-name input.form-text {
      width: 100% !important;
    }

    .group-footer .webform-client-form .webform-component--social input.form-text {
      width: 100% !important;
    }

    .group-footer .webform-client-form .webform-component--phone input.form-text {
      width: 100% !important;
    }

    .group-footer .webform-client-form .webform-component--first-name input.form-text {
      width: 100% !important;
    }

    .journey-section .inner-content .color-grey.parabold {
      padding-bottom: 17px;
      padding-top: 17px;
      padding-left: 15px;
      padding-right: 15px;
      font-size: 18px !important;
      line-height: 1.8;
    }

    #section-3 .container .color-darkblue.career-subtitle {
      padding-bottom: 20px;
    }

    .section-content .s-item p {
      margin-top: 0px !important;
    }

    .we-want-you-new-page #section-4 .d-mobile {
      display: block;
    }

    .we-want-you-new-page #section-4 .inner-content.d-desktop {
      display: none;
    }

    .we-want-you-new-page #section-2 .d-mobile {
      display: block;
    }

    .we-want-you-new-page #section-2 .inner-content.d-desktop {
      display: none;
    }

    .we-want-you-new-page #header-section .header-txt .d-desktop {
      display: none;
    }

    .we-want-you-new-page #header-section .header-txt .d-mobile {
      display: block;
    }

    .header-logo img {
      top: 0;
      max-width: 207px !important;
      margin: 0 auto !important;
    }

    .future-installers {
      top: 0;
      text-align: center;
      font-size: 23px !important;
      margin-top: 16px;
      margin-bottom: 30px;
    }

    .kick-start-today {
      top: 0;
      margin-bottom: 0;
      text-align: center;
      margin-top: -40px;
    }

    .header-txt img {
      top: -40px;
      margin: 0 auto;
      max-width: 100%;
    }

    .header-content {
      background-image: none !important;
    }

    .header-content .kick-start {
      top: 0px;
    }

    #header-section .header-txt {
      margin-top: 33px !important;
    }

    .header-txt a.a-button {
      top: 0;
      left: 0;
      right: 0;
      margin: 0 auto !important;
    }

    .header-content .container {
      padding: 0;
    }

    #header-section .header-content .header-content-inner {
      padding-bottom: 40px;
      padding-top: 50px;
    }

    .journey-section h2,
    .journey-section p {
      text-align: center;
      width: 100% !important;
    }

    .journey-section h2 {
      font-size: 28px;
      padding-top: 40px;
      padding-right: 15px;
      padding-left: 15px;
      padding-bottom: 40px;
    }

    #section-3 p.career-subtitle {
      font-size: 20px;
      letter-spacing: 0.5px;
      padding-left: 15px;
      padding-right: 15px;
      padding-top: 10px;
      padding-bottom: 0px !important;
    }

    #section-3 h2 {
      font-size: 28px;
      line-height: 40px;
      letter-spacing: 0.5px;
    }

    #section-3 {
      padding: 45px 0 45px;
    }

    .we-want-you-new-page #section-3.bgcolor-grey .section-content {
      display: flex;
      flex-direction: column;
      row-gap: 0px;
    }

    .group-footer .webform-client-form.webform-client-form-143543 {
      width: 100%;
      max-width: 100%;
      padding: 20px;
      padding-top: 0;
    }

    #section-4 h3 {
      font-size: 50px !important;
      margin-top: 0px !important;
      text-align: center;
    }

    #section-4 p {
      text-align: center;
    }

    .group-footer .webform-component--first-name,
    .group-footer .webform-component--last-name {
      width: 100% !important;
    }

    .girl-image-section img {
      display: none;
    }

    #section-2 {
      padding-bottom: 45px;
    }

    #section-3 .s-item img {
      width: 100%;
      margin-bottom: 20px;
      height: 100%;
      object-fit: contain;
    }


    #section-3 .s-item p {
      top: -40px !important;
      font-size: 14px !important;
      letter-spacing: 0.5px;
    }

    #section-4 p.peaked {
      margin-bottom: 0px !important;
      margin-top: 40px;
      font-size: 28px !important;
    }


  }


  button#show-webform {
    padding: 16px 40px;
    font-size: 22px;
    border: unset;
    float: left;
  }

  div#webform-modal form#webform-client-form-143543--2 div:nth-child(27) {
    background: none;
    /* max-width: 27%; */
    /* padding: 15px 25px; */
    border-radius: 26px;
    margin-top: 30px;
    display: inline-block;
  }

  div#edit-submitted-what-are-your-plans-for-your-career--2 {
    display: flex;
    gap: 150px;
    text-align: center;
    align-items: center;
    justify-content: center;
  }

  button#show-webform:hover {
    background-color: #7BC1E2 !important;
  }

  #sec-reverse h3.color-bigblue {
    margin-bottom: 0px !important;
  }

  @media(max-width: 768px) {

    .field-item.even .we-want-you-new-page div#section-4 {
      padding-bottom: 40px;
    }
  }

  @media(max-width: 600px) {

    .field-item.even .we-want-you-new-page div#section-4 {
      padding-bottom: 0px !important;
    }

    .bgcolor-grey .section-content div:nth-child(4) img {

      width: 75% !important;
    }
  }

  div#edit-submitted-upload-work-pictures--2-ajax-wrapper {
    display: none !important;
  }

  .form-item.webform-component.webform-component-textarea.webform-component--upload-pictures-students {
    display: none !important;
  }

  div#webform-modal form#webform-client-form-143543--2 div:nth-child(27) {
    background: none !important;
    max-width: 50% !important;
    border-radius: 26px;
    margin-top: 30px;
    display: inline-block;
  }

  div#edit-submitted-what-are-your-plans-for-your-career--2 {
    display: flex;
    gap: 25px;
    text-align: center;
    align-items: center;
    justify-content: center;
  }

  .webform-component--what-are-your-plans-for-your-career label {
    display: block;
    font-weight: normal;
    font-size: 18px;
    color: #029A85;
  }

  .form-item.webform-component.webform-component-radios.webform-component--what-are-your-plans-for-your-career {
    border: 2px solid #029A85 !important;
  }

  div#webform-modal form#webform-client-form-143543--2 div:nth-child(38) {
    margin-top: 30px;
  }

  div#webform-modal form#webform-client-form-143543--2 div:nth-child(38) .form-item.form-type-checkbox.form-item-submitted-privacy-yes {
    display: grid;
    grid-template-columns: 5% 85%;
  }

  div#webform-modal form#webform-client-form-143543--2 div:nth-child(31) .form-item.form-type-checkbox.form-item-submitted-privacy-yes label.option {
    font-size: 14px;
    color: #3F4B5A;
    vertical-align: middle;
    margin-bottom: 2px;
    margin-top: 4px;
  }

  div#webform-modal form#webform-client-form-143543--2 div:nth-child(31) .form-item.form-type-checkbox.form-item-submitted-privacy-yes input {
    width: 35px !important;
  }

  div#webform-modal form#webform-client-form-143543--2 div:nth-child(31),
  div#webform-modal form#webform-client-form-143543--2 div:nth-child(32),
  div#webform-modal form#webform-client-form-143543--2 div:nth-child(3113),
  div#webform-modal form#webform-client-form-143543--2 div:nth-child(34),
  div#webform-modal form#webform-client-form-143543--2 div:nth-child(35),
  div#webform-modal form#webform-client-form-143543--2 div:nth-child(36) {
    background: #fff;
    padding: 15px 20px;
    border: 2px solid #029A85;
    border-radius: 26px;
    margin-top: 30px;
  }

  div#webform-modal form#webform-client-form-143543--2 div:nth-child(31) .form-textarea-wrapper.resizable textarea,
  div#webform-modal form#webform-client-form-143543--2 div:nth-child(32) .form-textarea-wrapper.resizable textarea,
  div#webform-modal form#webform-client-form-143543--2 div:nth-child(33) .form-textarea-wrapper.resizable textarea,
  div#webform-modal form#webform-client-form-143543--2 div:nth-child(34) .form-textarea-wrapper.resizable textarea,
  div#webform-modal form#webform-client-form-143543--2 div:nth-child(35) .form-textarea-wrapper.resizable textarea,
  div#webform-modal form#webform-client-form-143543--2 div:nth-child(36) .form-textarea-wrapper.resizable textarea {
    border: unset;
    outline: unset;
    font-size: 18px;
  }

  .webform-component--plumbing-course-current label {
    font-size: 18px;
    color: gray;
  }

  .form-item.webform-component.webform-component-checkboxes.webform-component--lecturer-nonimating-student,
  .form-item.webform-component.webform-component-textfield.webform-component--student-first-name,
  .form-item.webform-component.webform-component-textfield.webform-component--student-last-name,
  .form-item.webform-component.webform-component-textarea.webform-component--challenge,
  .form-item.webform-component.webform-component-radios.webform-component--what-are-your-plans-for-your-career,
  .form-item.webform-component.webform-component-textfield.webform-component--address-of-your-college--training-centre {
    display: none !important;
  }

  .form-item.webform-component.webform-component-radios.webform-component--plumbing-course-current {
    background: #fff;
    padding: 15px 20px;
    border: 2px solid #029A85;
    border-radius: 26px;
    margin-top: 30px;
  }

  form-item.webform-component.webform-component-markup.webform-component--about-you,
  div#webform-modal form#webform-client-form-143543--2 div:nth-child(33) {
    border: none !important;
    background: none !important;
    color: #029A85;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 15px;
    font-size: 16px;
    font-family: 'Neue Haas Grotesk Display Pro 65 Medium';
  }

  textarea#edit-submitted-tell-us-why-polyplumb--2 {
    font-size: 18px !important;
  }

  /*************** form modal popup ****************************/

  .webform-client-form {
    max-width: 900px;
    margin: 0 auto;
    padding: 20px;
  }

  /* Center headings */
  .new-to-apply-heading,
  .form-college-students,
  .form-webform-component--about-you {
    text-align: center;
  }


  .names-input,
  .contact-input,
  .social-media-input,
  .your-studies-col {
    display: flex;
    justify-content: space-between;
    gap: 20px;
  }


  .upload-btn {
    flex-shrink: 0;
  }

@media (max-width:420px) {
  .your-studies-col {
    align-items: start !important;
    gap: 16px !important;
}
  
}

  @media (max-width: 992px) {
    .webform-client-form {
      padding: 15px;
    }
  }


  @media (max-width: 920px) {
     .webform-client-form {
      margin-top: 3rem;
    }


    .names-input,
    .contact-input,
    .social-media-input,
    .your-studies-col {
      flex-direction: column;
      gap: 12px;
    }


    .first-name,
    .last-name,
    .mail-input,
    .phone-input,
    .social-input,
    .postal-input,
    .stdnt-college-name,
    .stdnt-college-address {
      max-width: 100% !important;
      width: 100% !important;
    }


    .upload-btn {
      width: 100% !important;
      justify-content: center !important;
      float: none !important;
    }

    .your-studies-col {
      align-items: flex-start;
    }

    /* Textareas full width */
    .form-textarea-wrapper textarea {
      width: 100% !important;
    }

    /* Submit button full width */
    .new-form-action .form-submit {
      width: 100%;
      font-size: 20px !important;
    }
  }

  /* Small phones */
  @media (max-width: 480px) {
    .new-to-apply-heading p {
      font-size: 22px !important;
    }
  }

  .new-to-apply-heading {
    color: #014996;
    font-size: 30px !important;
    text-align: center;
    font-family: 'Neue Haas Grotesk Display Pro 65 Medium';
  }

  .new-form-action {
    text-align: center;
  }

  .new-form-action .form-submit {
    background: #F7A823;
    padding: 12px 30px;
    margin: 0 auto;
    border-radius: 1px;
    font-size: 22px !important;
    font-family: 'Neue Haas Grotesk Display Pro 75 Bold';
    text-align: center;
    color: #fff;
    margin-top: 50px;
  }

  .form-college-students {
    text-align: center;
    color: #029A85;
    margin-top: 30px;
    font-size: 18px;
    font-family: 'Neue Haas Grotesk Display Pro 65 Medium';
  }

  .form-webform-component--about-you {
    text-align: center;
    color: #029A85;
    margin-top: 30px;
    font-size: 18px;
    font-family: 'Neue Haas Grotesk Display Pro 65 Medium';
  }

  .first-name {
    background: #fff;
    max-width: 40%;
    padding: 15px 20px;
    border: 1px solid #D8D8D8;
    border-radius: 26px;
    margin-top: 5px;
  }

  .last-name {
    background: #fff;
    max-width: 40%;
    padding: 15px 20px;
    border: 1px solid #D8D8D8;
    border-radius: 26px;
    margin-top: 5px;
  }

  .upload-btn {
    width: 20%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 12px;
    background: #F7A823;
    padding: 15px;
    border-radius: 26px;
    float: right;
    margin-top: 5px;
    color: #fff;
  }



  .your-studies-col input[type="checkbox"] {
    width: 20px;
    /* Adjust as desired */
    height: 20px;
    /* Adjust as desired */
  }

  .form-item.webform-component.webform-component-file.webform-component--upload {
    cursor: pointer;
  }

  .mail-input {
    background: #fff;
    width: 100%;
    padding: 15px 20px;
    border: 1px solid #D8D8D8;
    border-radius: 26px;
    margin-top: 15px;
  }

  .phone-input {
    background: #fff;
    width: 100%;
    padding: 15px 20px;
    border: 1px solid #D8D8D8;
    border-radius: 26px;
    margin-top: 15px;
  }

  .social-input {
    background: #fff;
    width: 100%;
    padding: 15px 20px;
    border: 1px solid #D8D8D8;
    border-radius: 26px;
    margin-top: 15px;
  }

  .postal-input {
    background: #fff;
    width: 100%;
    padding: 15px 20px;
    border: 1px solid #D8D8D8;
    border-radius: 26px;
    margin-top: 15px;
  }

  .stdnt-college-name {
    background: #fff;
    padding: 10px 20px;
    border: 1px solid #029A85;
    border-radius: 26px;
  }

  .stdnt-college-address {
    background: #fff;
    padding: 10px 20px;
    border: 1px solid #029A85;
    border-radius: 26px;
    width: 100%;
    margin-top: 30px;
  }

  .form-managed-file {
    /* visibility: hidden; */
    display: none;
  }

  .form-textarea-wrapper textarea {
    background: #fff;
    padding: 15px 20px;
    border: 1px solid #029A85;
    border-radius: 26px;
    margin-top: 20px;
    width: 100%;
  }

  .names-input {
    width: 100%;
    display: flex;
    gap: 10px;
    align-items: center;
  }

  .name-input {
    display: flex;
    justify-content: space-between;
    gap: 12px;
  }

  .contact-input {
    display: flex;
    justify-content: space-between;
    gap: 12px;
  }

  .social-media-input {
    display: flex;
    justify-content: space-between;
    gap: 12px;
  }

  .form-item-component--privacy {
    margin: 20px 0 20px 20px;
  }

  .form-item-component--privacy input[type="checkbox"] {
    width: 20px;
    /* Adjust as desired */
    height: 20px;
    /* Adjust as desired */
  }

  .form-item-component--privacy label {
    font-weight: 400;
    font-size: 16px;
  }

  .upload-btn {
    position: relative;
    cursor: pointer;
  }

  .form-managed-filer {
    position: absolute !important;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
    z-index: 2;
  }

  .form-managed-filer input[type="file"] {
    width: 100%;
    height: 100%;
    cursor: pointer;
  }