.bg-gradient-accent {
  background: linear-gradient(to bottom, #252E2D, #00BC66);
}

/* Create Custom "Colour Matrix" to use within the bootstrap utility classes
----------------------------------------------------------------------------- */
/* 
    Expanded spacing options 
    For example the margin and padding classes now have extended capability (.mb-8 now outputs margin-bottom: 3rem)
*/
/*
    This variable affects the `.h-*` and `.w-*` classes.
    You can now do w-25 or h-80 and have it output width: 25% or height: 80%
*/
p {
  font-size: 1.5rem;
  line-height: 1.4;
}
@media only screen and (max-width: 769px) {
  p {
    font-size: 1rem !important;
    line-height: 1.6;
  }
}

/*
    Components variables
    When you create the component you should create the variables with colors for this compontnt
*/
/*
  Custom Components Variables
*/
/*
    We have no variables for alt buttons
    Because the styles depends on the design and can be unique for each project
*/
.accent-border {
  border-top-right-radius: 24px;
  border-bottom-right-radius: 24px;
  border-top-left-radius: unset;
  border-bottom-left-radius: unset;
  border-left: 8px solid #00BC66;
  box-shadow: 0px 16px 24px rgba(0, 0, 0, 0.16);
}

.primary-hero {
  background-color: #F9F9F9;
}
.primary-hero-item {
  padding-top: 130px;
  padding-bottom: 130px;
}
.primary-hero-item-image-wrap {
  text-align: center;
}
.primary-hero-item-image img {
  width: 100%;
  height: auto;
  max-width: 400px;
}
.primary-hero-item-form-wrap {
  background: #F9F9F9;
  box-shadow: 0 16px 24px 0 rgba(14, 43, 92, 0.16);
  border-radius: 16px;
}
.primary-hero-item-content-center {
  text-align: center;
}
.primary-hero-item-content-center [class^=col-] {
  margin: auto;
}
.primary-hero-item-content-center .primary-hero-item-links {
  justify-content: center;
}
.primary-hero .swiper-pagination {
  bottom: 40px;
}
@media (max-width: 1199.98px) {
  .primary-hero-item {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .primary-hero-item.swiper-slide {
    padding-bottom: 75px;
  }
  .primary-hero .swiper-pagination {
    bottom: 32px;
  }
}

.homepage-hero .homepage-hero-content, .about-us-hero .homepage-hero-content, .pests-library-hero .homepage-hero-content {
  background: rgba(28, 28, 28, 0.8);
  box-shadow: 0px 16px 24px rgba(0, 0, 0, 0.16);
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  padding: 2.5rem;
}
.homepage-hero .homepage-hero-content .primary-hero-item-text, .about-us-hero .homepage-hero-content .primary-hero-item-text, .pests-library-hero .homepage-hero-content .primary-hero-item-text {
  opacity: 0.8;
  font-family: "Gemunu Libre", sans-serif;
  font-size: 1.5rem;
}

.about-us-hero .accent-border {
  border-left: none;
  border-top: 8px solid #00BC66;
  border-top-right-radius: 0;
  border-bottom-left-radius: 1.5rem;
}

@media only screen and (max-width: 992px) {
  .homepage-hero .homepage-hero-content, .about-us-hero .homepage-hero-content, .pests-library-hero .homepage-hero-content {
    padding: 1.5rem;
  }
}

/*# sourceMappingURL=primary-hero.css.map */