/* Hero banner */
#home-hero {
  position: relative;
  overflow: hidden;
}
#home-hero,
#home-hero .row {
  min-height: 650px;
}
#home-hero {
  min-height: 600px;
  background: rgb(255, 255, 255);
  background: linear-gradient(
    0deg,
    rgba(255, 255, 255, 1) 11%,
    rgba(244, 247, 250, 1) 100%
  );
}
#home-hero-bcg-overlay {
  position: absolute;
  width: 60%;
  right: -7%;
  bottom: -41px;
  pointer-events: none;
}
#home-hero .row {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}
#home-hero .tagline {
  margin: 0;
  font-size: 1.1em;
  text-transform: uppercase;
  font-weight: bold;
  margin-bottom: 1em;
  color: rgb(43, 43, 43);
}

#home-hero h1 {
  margin-top: 0;
  margin-bottom: 0;
}
#home-hero .hero-content p {
  font-size: 1.1em;
  line-height: 2;
}
#home-hero .hero-navigation {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: nowrap;
  margin-bottom: 4em;
}
#home-hero .hero-navigation a {
  text-decoration: none;
}
#home-hero .hero-navigation a:nth-of-type(1) {
  background-color: #54cc8d;
  padding: 0.8em 1.5em;
  color: white;
  margin-right: 2em;
  border-radius: 5px;
}
#home-hero .hero-navigation a:nth-of-type(2) {
  color: #8a8b8e;
}
#home-hero .hero-navigation a:nth-of-type(2)::after {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f0da";
  margin-left: 1em;
  vertical-align: middle;
}

@media only screen and (min-width: 64em) {
  #home-hero-bcg-overlay {
    width: 60%;
    right: -9%;
    top: 4em;
    pointer-events: none;
  }
}
@media only screen and (min-width: 78em) {
  #home-hero-bcg-overlay {
    width: 52%;
    right: -3%;
    top: 4em;
    pointer-events: none;
  } 
}
/* SM */
@media only screen 
and (min-width: 48em)
and (max-width: 64em) {
  #home-hero-bcg-overlay {
    display: none;
  }
}

/* Service section */
#home-services {
  padding-top: 4em;
  padding-bottom: 4em;
}
#home-services .section-title {
  margin-bottom: 4em;
}
#home-services .section-title p {
  font-size: 1.1em;
  line-height: 2;
}
#home-services .service .grey {
  font-size: 0.8em;
  font-weight: 500;
}
#home-services .service-row {
  padding-top: 3em;
  padding-bottom: 3em;
}
#home-services > div:nth-child(2) {
  padding-top: 0;
}
#home-services .service h3 {
  margin-bottom: 2em;
}
#home-services .service a {
  color: #4d5057;
  text-decoration: none;
  border: 1px solid #4d5057;
  padding: 0.5em 1.2em;
  border-radius: 5px;
}
#home-services .service a::after {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f0da";
  margin-left: 0.7em;
  vertical-align: middle;
}
/* SM */
@media only screen 
and (min-width: 48em)
and (max-width: 64em) {
  .service {
    margin-bottom: 3em;
  }
}
/* Feature section */
#home-features {
  padding-top: 2em;
  padding-bottom: 2em;
  background-color: #f6f9fc;
}
#home-features .container > .row p:last-of-type {
  margin-bottom: 3em;
}
#home-features a {
  padding: 0.9em 1em;
  color: white;
  text-decoration: none;
}
#home-features > div > div > div.col-xs-12.col-lg-4 > p {
  font-size: 1.1em;
  line-height: 2;
}
.feature {
  background-color: white;
  border-radius: 15px;
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1);
  padding: 2em 1em;
}
.feature h3,
.feature p {
  margin: 0 !important;
  padding: 0;
}

.feature img {
  margin-bottom: 1em;
}

.feature-column #free-pickup {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 1em;
}

.feature-column #free-pickup img {
  width: 250px;
}
.feature-column #free-pickup h3 {
  color: #54cc8d;
}
.feature-column #free-pickup p {
  font-size: 0.9em;
}
.feature-column .horizontal-features {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: flex-start;
}
.feature-column .horizontal-features .feature {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  margin-right: 1em;
}
.feature-column .horizontal-features .feature:last-of-type {
  margin-right: 0;
}
.feature-column .horizontal-features .feature img {
  width: 50px;
}
.feature-column .horizontal-features .feature h3 {
  font-size: 0.9em;
  color: #0071bc;
}
.feature-column .horizontal-features .feature p {
  font-size: 0.6em;
  text-align: center;
}

.feature-column #certified-lab,
.feature-column #guarantee {
  padding-top: 1em;
  padding-bottom: 1em;
}
.feature-column #certified-lab h3,
.feature-column #guarantee h3 {
  font-size: 0.9em;
  text-align: center;
}
.feature-column #diagnostic {
  padding: 1em;
  margin: 1.3em 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}
.feature-column #diagnostic img {
  width: 106px;
  margin-left: -15px;
}
.feature-column #diagnostic h3 {
  font-size: 0.8em;
  text-align: center;
  color: #54cc8d;
}
.feature-column #diagnostic p {
  font-size: 0.8em;
}
.feature-column #payment-plan {
  margin-bottom: 0.4em;
}

.feature-column #payment-plan h3,
.feature-column #payment-plan p,
.feature-column #success-rate h3,
.feature-column #success-rate p {
  font-size: 0.8em;
  text-align: center;
  color: black;
}
.feature-column p.feature-number {
  font-size: 3.5em !important;
  text-align: center !important;
  font-weight: 100;
  margin-bottom: 1px !important;
}
/* LG */
@media only screen 
and (min-width: 75em) {
	.feature-column p.feature-number {
  font-size: 2.5em !important;
  text-align: center !important;
  font-weight: 100;
  margin-bottom: 1px !important;
		line-height: 2.15;
}
	
}
@media only screen and (min-width: 64em) {
  #home-features .highlight-button {
    margin-bottom: 2em;
  }
  #home-features .horizontal-features,
  #home-features #guarantee {
    margin-bottom: 1em;
  }
}
/* SM */
@media only screen 
and (min-width: 48em)
and (max-width: 64em) {
  #home-features .highlight-button {
    margin-bottom: 2em;
  }
  #home-features .horizontal-features,
  #home-features #guarantee {
    margin-bottom: 1em;
  }
}
/* Home Clients Section */
#home-clients-section {
  padding-top: 4em;
  padding-bottom: 4em;
}
#home-clients-section h2 {
  margin-bottom: 2em;
}
#home-clients {
  padding-right: 2em;
}
#home-clients #client-logos {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 42px;
}
#home-clients #client-logos img {
  width: 18%;
  margin-right: 8%;
  margin-bottom: 2em;
}
#home-clients #client-logos img:nth-of-type(4n) {
  margin-right: 0;
}
#home-clients-section a.site-button {
  color: #8a8b8e;
  text-decoration: none;
  border: 1px solid #8a8b8e;
  padding: 0.5em 1.2em;
  border-radius: 5px;
}
.rplg .rplg-box {
  background-color: white !important;
  border: 2px solid #8a8b8e;
  border-radius: 5px !important;
  box-shadow: 2px 2px 5px rgb(0 0 0 / 10%);
}
.rplg-slider .rplg-box:before {
  background-color: white !important;
  border: 2px solid #8a8b8e;
  box-shadow: 0px 3px 2px rgb(0 0 0 / 5%);
}
.rplg-slider .rplg-stars {
  float: left !important;
  clear: right;
}
.rplg .rplg-review-text {
  font-size: 1.1em !important;
  float: left !important;
  clear: left;
  margin-top: 1em !important;
}

@media screen and (max-width: 765px) {
  #home-hero {
    padding-top: 3em;
    padding-bottom: 3em;
  }
  #home-hero .tagline {
    font-size: 0.8rem;
  }
  #home-hero h1 {
    font-size: 1.9em;
  }
  #home-hero .hero-content p {
    font-size: 1em;
  }
  #home-hero .hero-navigation {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-bottom: 2em;
  }
  #home-hero .hero-navigation a {
    margin-right: 0;
    margin-bottom: 1.2em;
  }
  #home-hero .hero-navigation a:nth-of-type(2) {
    margin-left: -15px;
  }
  #home-hero .review {
    margin-bottom: 1em;
    position: relative;
    z-index: 2;
    margin-right: 0;
  }
  #home-hero-bcg-overlay {
    display: none;
  }
  #home-services {
    padding-top: 0;
    padding-bottom: 0;
  }
  #home-services .section-title {
    margin-bottom: 2em;
  }
  #home-services .service {
    margin-bottom: 4em;
  }
  #home-services .service-row {
    padding-bottom: 0;
  }
  #home-features {
    padding-top: 4em;
    padding-bottom: 4em;
  }
  #home-features > .container > .row {
    flex-direction: column-reverse;
  }
  .feature-column .horizontal-features {
    margin-bottom: 1em;
  }
  #iso-27001-2013,
  #iso-9001-2015 {
    min-height: 195px;
  }
  #guarantee {
    margin-bottom: 1em;
  }
  #success-rate {
    margin-bottom: 4em;
  }
  #home-clients #client-logos img {
    width: 45%;
    margin-right: 10%;
  }
  #home-clients #client-logos img:nth-of-type(2n) {
    margin-right: 0;
  }
  #home-clients {
    margin-bottom: 4em;
  }
}