.cont.flexed {
  gap: 60px;
}

.filter-cont {
  margin-top: 40px;
}

.job-single.flexed {
  background-color: #ECEBED;
  padding: 30px;
  width: 100%;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-radius: 5px;
}

.job-meta {
  gap: 7px;
}

.job-meta img {
  width: 24px;
  height: 24px;
  margin-top: 2px;
}

.job-meta p {
  padding-bottom: 0 !important;
  font-family: 'Montserrat';
  font-weight: 600;
  font-size: 15px;
  line-height: 21px;
}

ul.filter {
  margin-left: 0px;
  flex-direction: column;
  align-items: stretch;
}

ul.filter li {
  list-style: none;
}

ul.filter li {
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 14px 0;
  border-bottom: 2px #ECEBED solid;
}

.filter-cont h3 {
  margin-bottom: 15px !important;
}

/* The switch - the box around the slider */
.switch.tog {
  position: relative;
  display: inline-block;
  width: 42px;
  height: 25px;
}

/* Hide default HTML checkbox */
.switch.tog input {
  opacity: 0;
  width: 0;
  height: 0;
}

/* The slider */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ECEBED;
  -webkit-transition: .4s;
  -o-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 18px;
  width: 18px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  -o-transition: .4s;
  transition: .4s;
}

.switch.tog.active .slider:before {
  background-color: #FFE256;
}

input:focus+.slider {
  -webkit-box-shadow: 0 0 1px #2196F3;
  box-shadow: 0 0 1px #2196F3;
}

.switch.tog.active .slider:before {
  -webkit-transform: translateX(16px);
  -ms-transform: translateX(16px);
  transform: translateX(16px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}

ul.filter p {
  padding-bottom: 0 !important;
  font-size: 18px;
  line-height: 24px;
}

div#nf-field-18-container {
  display: none;
}
/* 
#jobs .one-third {
  display: none;
}

#jobs .two-third {
  width: 100%;
} */

.job-meta {
  width: 100%; 
  display: block; 
}

.job-single.flexed {
  display: block; 
}
 
.job-single h2 {
  margin-bottom: 25px!important;
}

.testimonials .splide__arrows {
  position: absolute;
  top: 50%;
  margin-top: -43px;
  width: 100%;
  display: flex;
  justify-content: space-between;
  padding: 0 110px;
  pointer-events: all;
  z-index: 9999;
}

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

  .collapse-filters {
    height: 0px;
    overflow: hidden;
    -webkit-transition: all 800ms;
    -o-transition: all 800ms;
    transition: all 800ms;
  }

  .filter-over {
    margin-top: 45px;
    position: relative;
  }

  .filter-over::after {
    content: "";
    width: 20px;
    height: 20px;
    position: absolute !important;
    top: 0;
    right: 0;
    background-image: url(/wp-content/uploads/2023/06/plastic-energy-toggle-arrow-down.png);
    background-position: center center;
    background-size: contain;
    -webkit-transition: all 250ms;
    -o-transition: all 250ms;
    transition: all 250ms;
    -webkit-transform-origin: center;
        -ms-transform-origin: center;
            transform-origin: center;
    background-repeat: no-repeat;
  }

  .filter-over.active::after {
    -webkit-transform: rotateZ(180deg);
        -ms-transform: rotate(180deg);
            transform: rotateZ(180deg)
  }

  .cont.flexed {
    gap: 40px;
  }

  .filter-cont {
    margin-top: 20px;
  }

  .job-single>div {
    width: 100%;
  }

  .meta-cont,
  .job-meta.flexed {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }

  .meta-cont {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 10px 15px; 
  }

  .job-single {
    margin-bottom: 30px;
  }

  .job-single.flexed {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }

  .job-single a.primary.cust {
    margin-top: 30px !important;
  }

  .cont.flexed {
      gap: 20px;
  }

  .testimonials .splide__arrows {
    padding: 0 55px;
  }

}

@media screen and (max-width: 690px) {
  .job-single.flexed {
      padding: 40px 30px;
  }

  input#nf-field-12 {
    height: auto!important; 
}

  .meta-cont {
    display: block; 
  }
  .job-meta {
    width: 100%;
    margin-bottom: 20px;
  }

  .splide button.splide__arrow {
    width: 30px; 
    height: 30px; 
  }

  .testimonials .splide__arrows {
    padding: 0 25px; 
  }
}