/* ROOT ELEMENT STYLING */

header {
  background-color: transparent !important;
}

main {
  /* margin-top: 100px !important; */
}

p,
a,
h1,
h2,
h3,
h4,
h5,
h6 {
  text-box-trim: trim-both !important;
}

li::marker {
  color: #0049ff !important;
}

/* GRADIENT BORDERS */

.gradient-border-mask {
  position: relative;
  padding: 1.3rem;
  /* backdrop-filter: blur(10px); */
  border: unset !important;
}

.gradient-border-mask::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 15px;
  border: 4px solid transparent;
  background: linear-gradient(90deg, #00d186, #0049ff) border-box;
  mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
  mask-composite: exclude;
  z-index: 1;
}

/* General Components */

.page-banner {
  margin-top: -100px;
}

.underline {
  margin: unset;
}

/* Gravity Forms */

.wp-block-cover .wp-block-cover__inner-container,
.wp-block-cover-image .wp-block-cover__inner-container .gform_wrapper {
  /* z-index: 999 !important; */
}

#gform_2 {
  font-family: var(--wp--preset--font-family--futura-pt);
}

#gform_submit_button_1,
#gform_submit_button_2,
input::file-selector-button {
  border-radius: 5px;
  border: 1px solid #0049ff;
  background-color: #fff;
  color: #0049ff;
  font-family: var(--wp--preset--font-family--futura-pt);
  font-size: 18px !important;
  padding: 2px 30px !important;
}

#gform_submit_button_1:hover,
#gform_submit_button_2:hover,
input::file-selector-button:hover {
  background-color: #0049ff;
  color: #fff;
}

.gfield input,
.gfield textarea {
  border-radius: 3px;
  border: unset;
  background-color: #e5e5e5;
  font-family: var(--wp--preset--font-family--futura-pt);
}

#input_2_6 {
  background-color: unset;
}

#input_2_6::before {
  content: 'Upload CV';
  font-size: 18px;
  margin-right: 10px;
}

/* Services Page Start */

#services {
  text-align: center !important;
  margin-bottom: 60px !important;
}

#services p {
  margin-bottom: 0 !important;
}

#services .wp-block-column {
  display: flex !important;
}

.drop-shadow-container {
  width: 90% !important;
  box-shadow: 0px 0px 1px rgba(3, 7, 18, 0.02),
    0px 2px 4px rgba(3, 7, 18, 0.03),
    0px 4px 9px rgba(3, 7, 18, 0.05),
    0px 8px 15px rgba(3, 7, 18, 0.06),
    0px 12px 24px rgba(3, 7, 18, 0.08);
}

#services-cover {
  margin-top: -130px !important
}

/* Services Page End */

/* Sectors Page Start */

#sector-icon {
  display: flex;
  justify-content: center;
  align-items: center;
}

/* Sectors Page End */

/* Individual Services Page Start */

#project-services .wp-block-column {
  display: flex !important;
}

#project-services .wp-block-columns {
  position: relative;
  justify-content: center !important;
}

.quote-top img {
  margin-bottom: -35px !important;
  position: relative;
  left: 10px;
  z-index: 999;
}

.quote-bottom img {
  margin-top: -36px !important;
  left: 310px !important;
  position: relative;
}

.wp-block-eedee-block-gutenslider .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: linear-gradient(90deg, #00d186, #0049ff) !important;
  background-color: unset !important;
  border-radius: 10px;
}

.wp-block-eedee-block-gutenslider.dot-position-bottom .swiper-pagination-progressbar {
  border-radius: 10px;
}

.wp-block-cover.service-page-case-study-cover {
  margin-top: -40px !important;
  z-index: -1 !important;
}

.bullet-list {
  padding-left: 15px !important;
}

/* Individual Services Page End */

/* Procurement Frameworks Page Start */

#procurement-icon {
  display: flex;
  justify-content: center;
  align-items: center;
}

/* Procurement Frameworks Page End */

/* Media Queries Start */

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

  .wp-container-content-5b984bb6 {
    /* flex-basis: 280px !important; */
  }

}

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

  .wp-container-content-5b984bb6 {
    /* flex-basis: 240px !important; */
  }

}

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

  #sectors-hero-img img {
    max-width: 280px !important;
  }

}

@media screen and (max-width: 781px) {
  .procurement-hero img {
    object-position: 20% 50% !important;
  }

  #sectors-hero-img img {
    /* padding-bottom: 340px !important; */
  }

  .wp-container-content-5b984bb6 {
    /* flex-basis: 180px !important; */
  }

  #services .wp-block-column {
    display: flex !important;
    flex-basis: 20% !important;
  }

  .drop-shadow-container {
    /* max-height: 500px !important; */
  }

  #service-icon {
    /* flex-basis: 180px !important; */
  }

  #service-hero img {
    object-position: 10% 50% !important;
  }

}

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

  #net-zero-strategy-text {
    text-align: center;
    justify-content: center;
  }

  #procurement-icon {
    min-height: 140px !important;
    padding: 10px !important;
    flex-basis: 40% !important;
  }
}

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

  .sector-card {
    display: flex;
    flex-basis: 45% !important;

  }

  #sector-icon {
    /* min-height: 260px !important; */
  }

}

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

  .wp-container-content-5b984bb6 {
    /* flex-basis: 140px !important; */
  }

  .sector-card {
    display: flex;
    /* flex-basis: 140px !important; */

  }

  #sector-icon {
    min-height: 210px !important;
  }

  #address {
    justify-content: center !important;
  }
}

/* Media Queries End */