:root {
  --paragraph-color: black;
  --secondary-color: #18cb1a;
  --black: black;
  --primary-color: #1a1a1a;
  --white: white;
  --darker-green: #008100;
  --white-background-color: #f4f4f4;
  --50-secondary-color: #18cb1a80;
  --light-grey: #d2d2d2;
}

.w-layout-grid {
  grid-row-gap: 16px;
  grid-column-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.w-checkbox {
  margin-bottom: 5px;
  padding-left: 20px;
  display: block;
}

.w-checkbox:before {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox:after {
  content: " ";
  clear: both;
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox-input {
  float: left;
  margin: 4px 0 0 -20px;
  line-height: normal;
}

.w-checkbox-input--inputType-custom {
  border: 1px solid #ccc;
  border-radius: 2px;
  width: 12px;
  height: 12px;
}

.w-checkbox-input--inputType-custom.w--redirected-checked {
  background-color: #3898ec;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/static/custom-checkbox-checkmark.589d534424.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-color: #3898ec;
}

.w-checkbox-input--inputType-custom.w--redirected-focus {
  box-shadow: 0 0 3px 1px #3898ec;
}

.w-form-formradioinput--inputType-custom {
  border: 1px solid #ccc;
  border-radius: 50%;
  width: 12px;
  height: 12px;
}

.w-form-formradioinput--inputType-custom.w--redirected-focus {
  box-shadow: 0 0 3px 1px #3898ec;
}

.w-form-formradioinput--inputType-custom.w--redirected-checked {
  border-width: 4px;
  border-color: #3898ec;
}

.w-layout-blockcontainer {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

@media screen and (max-width: 991px) {
  .w-layout-blockcontainer {
    max-width: 728px;
  }
}

@media screen and (max-width: 767px) {
  .w-layout-blockcontainer {
    max-width: none;
  }
}

body {
  color: var(--paragraph-color);
  letter-spacing: .02em;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.5;
}

h1 {
  color: var(--secondary-color);
  letter-spacing: .02em;
  margin-top: 10px;
  margin-bottom: 10px;
  font-family: Mulish, sans-serif;
  font-size: 45px;
  font-weight: 800;
  line-height: 1.3;
}

h2 {
  color: var(--black);
  margin-top: 15px;
  margin-bottom: 10px;
  font-family: Mulish, sans-serif;
  font-size: 38px;
  font-weight: 800;
  line-height: 1.3;
}

h3 {
  color: var(--primary-color);
  margin-top: 20px;
  margin-bottom: 10px;
  font-family: Mulish, sans-serif;
  font-size: 32px;
  font-weight: 800;
  line-height: 1.4;
}

h4 {
  color: var(--secondary-color);
  margin-top: 15px;
  margin-bottom: 10px;
  font-family: Mulish, sans-serif;
  font-size: 28px;
  font-weight: 800;
  line-height: 1.4;
}

h5 {
  color: var(--secondary-color);
  margin-top: 20px;
  margin-bottom: 10px;
  font-family: Mulish, sans-serif;
  font-size: 26px;
  font-weight: 800;
  line-height: 1.5;
}

h6 {
  color: var(--secondary-color);
  margin-top: 20px;
  margin-bottom: 10px;
  font-family: Mulish, sans-serif;
  font-size: 22px;
  font-weight: 800;
  line-height: 1.5;
}

p {
  color: var(--paragraph-color);
  letter-spacing: .02em;
  margin-bottom: 10px;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.5;
}

a {
  color: var(--paragraph-color);
  font-weight: 500;
  text-decoration: underline;
  transition: color .2s;
}

a:hover {
  color: var(--primary-color);
}

ul, ol {
  margin-top: 10px;
  margin-bottom: 25px;
  padding-left: 40px;
}

li {
  color: var(--paragraph-color);
  padding-top: 10px;
  padding-bottom: 10px;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.5;
}

blockquote {
  border-left: 50px solid var(--secondary-color);
  background-color: var(--primary-color);
  color: var(--secondary-color);
  letter-spacing: .02em;
  margin-top: 30px;
  margin-bottom: 35px;
  padding: 60px 100px 60px 60px;
  font-family: Inter, sans-serif;
  font-size: 22px;
  font-style: italic;
  font-weight: 500;
  line-height: 1.5;
}

.top-bar-section {
  z-index: 950000000;
  background-color: #f2f2f2;
  position: relative;
}

.container {
  max-width: 100%;
  padding-left: 40px;
  padding-right: 40px;
}

.container.center {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.container.cta {
  justify-content: flex-end;
  display: flex;
}

.top-bar-wrap {
  padding-top: 20px;
  padding-bottom: 20px;
}

.top-bar-grid {
  grid-column-gap: 30px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  align-items: center;
}

.top-social-wrap {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  align-items: center;
  display: flex;
}

.top-bar-opening-hour {
  color: var(--primary-color);
  margin-top: 0;
  margin-bottom: 0;
}

.header-section {
  z-index: 90000000;
  background-color: var(--white);
  position: relative;
}

.header-section.fixed {
  z-index: 100;
}

.header-wrap.fixed {
  z-index: 100;
  position: fixed;
  inset: 0% 40px auto;
}

.logo-wrap {
  justify-content: space-between;
  align-items: center;
  padding-top: 30px;
  padding-bottom: 30px;
  display: flex;
}

.header-link-wrap {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.header-link-item {
  align-items: center;
  margin-left: 20px;
  display: flex;
}

.header-link-item.hide-email {
  display: none;
}

.header-link-icon-wrap {
  background-color: var(--darker-green);
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 68px;
  height: 68px;
  display: flex;
}

.header-link-content {
  padding-left: 15px;
}

.header-contact-title {
  color: var(--black);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 700;
}

.header-link {
  color: var(--paragraph-color);
  font-weight: 400;
  text-decoration: none;
}

.header-link.shrink {
  text-decoration: none;
}

.navbar {
  background-color: #0000;
  position: relative;
}

.header-menu-wrap {
  background-color: var(--primary-color);
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding-left: 20px;
  display: flex;
  position: absolute;
}

.header-menu-wrap.fixed {
  justify-content: space-around;
}

.header-menu {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.header-button-wrap {
  align-items: center;
  display: flex;
}

.header-button-wrap.two {
  grid-column-gap: 10px;
  margin-left: 10px;
  margin-right: 10px;
}

.button {
  border: 2px solid var(--primary-color);
  background-color: var(--primary-color);
  color: var(--white);
  margin-top: 10px;
  margin-bottom: 10px;
  margin-right: 10px;
  padding: 17px 40px;
  font-family: Inter, sans-serif;
  font-size: 20px;
  font-weight: 600;
  transition: background-color .2s, border-color .2s, color .2s;
}

.button:hover {
  color: var(--secondary-color);
}

.button.w--current {
  margin-right: 0;
}

.button.full-width-button {
  text-align: center;
  width: 100%;
}

.button.main {
  border-color: var(--primary-color);
  background-color: var(--secondary-color);
  color: var(--paragraph-color);
  transition: transform .3s ease-in-out;
}

.button.main:hover {
  transform: scale(1.05);
}

.button.main.cta-double {
  text-align: center;
  width: 50%;
  margin-right: 0;
  padding-left: 20px;
  padding-right: 20px;
}

.button.main.cta-double.call {
  border-color: var(--secondary-color);
  color: var(--secondary-color);
  background-color: #0000;
  width: 50%;
}

.button.on-white {
  border-color: var(--primary-color);
  color: var(--primary-color);
  background-color: #0000;
  transition: transform .3s ease-in-out;
}

.button.on-white:hover {
  transform: scale(1.05);
}

.button.header-banner {
  border-color: var(--white);
  margin-right: 0;
  transition: transform .3s ease-in-out;
}

.button.header-banner:hover {
  color: var(--secondary-color);
  transform: scale(1.05);
}

.blue-button {
  border: 2px solid var(--secondary-color);
  background-color: var(--secondary-color);
  color: var(--white-background-color);
  text-align: center;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-right: 10px;
  padding: 17px 40px;
  font-size: 20px;
  font-weight: 600;
  transition: background-color .2s, border-color .2s, color .2s;
}

.blue-button:hover {
  color: var(--secondary-color);
  background-color: #fff;
}

.blue-button.header-button {
  color: var(--primary-color);
  white-space: nowrap;
  margin-right: 0;
  padding-left: 20px;
  padding-right: 20px;
  font-size: 17px;
}

.blue-button.header-button:hover {
  border-color: var(--white);
}

.blue-button.header-button.secondary {
  color: var(--secondary-color);
  background-color: #0000;
}

.blue-button.header-button.secondary:hover {
  color: var(--white);
}

.blue-button.header-button.secondary.phone-fixed {
  display: none;
}

.nav-link {
  color: var(--white);
  white-space: nowrap;
  padding-left: 18px;
  padding-right: 18px;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 600;
}

.nav-link:hover, .nav-link.w--current {
  color: var(--secondary-color);
}

.nav-link.dropdown-nav {
  padding-left: 0;
  padding-right: 0;
}

.dropdown-menu-link {
  padding-left: 0;
  font-size: 18px;
  font-weight: 500;
}

.dropdown-menu-link:hover, .dropdown-menu-link.w--current {
  color: var(--darker-green);
}

.dropdown-list {
  background-color: var(--white-background-color);
}

.dropdown-list.w--open {
  padding: 10px 20px 20px;
}

.banner-title-area-section {
  background-image: url('../images/green-manicured-lawn.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  top: 30px;
}

.banner-title-wrap {
  text-align: center;
  justify-content: center;
  align-items: center;
  width: 980px;
  margin-left: auto;
  margin-right: auto;
  padding: 140px 20px 90px;
  position: relative;
}

.banner-title-wrap.cms-pages {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.banner-title {
  color: #fff;
  text-transform: capitalize;
  text-shadow: 1px 1px 6px #000;
  margin-top: 0;
  font-size: 45px;
  position: relative;
}

.banner-title.custom-banner-title {
  color: var(--secondary-color);
}

.banner-title.custom-banner-title.margin {
  color: var(--white);
  margin-left: 20px;
}

.banner-overlay {
  background-color: #0081007a;
  position: absolute;
  inset: 0%;
}

.call-to-action-section {
  background-color: var(--secondary-color);
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-top: 100px;
  margin-bottom: 100px;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 14px 14px 20px 7px #1c275280;
}

.footer-section {
  background-color: var(--white-background-color);
  padding-top: 50px;
  padding-bottom: 10px;
}

.footer-top-grid {
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr;
  align-items: center;
}

.footer-link-item {
  align-items: center;
  display: flex;
}

.footer-contact-title {
  color: var(--black);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 700;
}

.footer-contact-link {
  color: var(--paragraph-color);
  font-weight: 400;
  text-decoration: none;
}

.footer-content-grid {
  grid-column-gap: 45px;
  grid-row-gap: 16px;
  border-top: 1px solid #4b557d;
  border-bottom: 1px solid #4b557d;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  margin-top: 50px;
  padding-top: 40px;
  padding-bottom: 40px;
}

.footer-social-wrap {
  margin-top: 55px;
  display: flex;
}

.footer-social-link {
  background-color: var(--darker-green);
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 60px;
  margin-bottom: 10px;
  margin-right: 15px;
  transition: background-color .2s, color .2s;
  display: flex;
}

.footer-social-link:hover {
  background-color: var(--primary-color);
}

.footer-social-link.instagram-social {
  display: none;
}

.footer-link-widget {
  border-left: 1px solid #4b557d;
  border-right: 1px solid #4b557d;
  justify-content: space-between;
  padding-left: 20px;
  display: flex;
}

.footer-link-widget.last {
  border-right-style: none;
}

.footer-link-widget.first {
  border-right-style: none;
  flex-direction: column;
  justify-content: flex-start;
}

.footer-link-widget.special {
  border-left-style: none;
  border-right-style: none;
  border-radius: 0;
  padding-top: 20px;
  padding-left: 0;
}

.footer-link-wrap {
  padding-left: 20px;
  padding-right: 20px;
}

.footer-widget-title {
  color: var(--primary-color);
  margin-top: 0;
  font-size: 20px;
  font-weight: 700;
}

.footer-link {
  color: var(--paragraph-color);
  padding-top: 5px;
  padding-bottom: 5px;
  font-weight: 400;
  text-decoration: none;
  display: block;
}

.footer-link:hover {
  color: var(--darker-green);
}

.copyright-wrap {
  text-align: center;
  margin-top: 30px;
  margin-bottom: 20px;
}

.hero-section {
  background-color: var(--secondary-color);
  background-image: linear-gradient(60deg, var(--black), #00000082 55%, transparent), url('../images/63ff6cbf763f97fe31afdc33_house-and-landscaped-yard-2022-03-04-02-22-23-utc-1-1-min_1.webp');
  background-position: 0 0, 50% 0;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  margin-top: 30px;
}

.hero-wrap {
  padding-top: 200px;
  padding-bottom: 140px;
}

.home-intro-section {
  padding-top: 100px;
  padding-bottom: 100px;
}

.home-intro-grid {
  grid-column-gap: 50px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  align-items: center;
  margin-top: -253px;
}

.section-title-wrap {
  text-align: left;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 20px;
  display: flex;
}

.section-title-wrap.title-left-align {
  text-align: left;
}

.section-title-wrap.title-center-align, .section-title-wrap.intro-section {
  width: 80%;
  margin-left: auto;
  margin-right: auto;
}

.section-subtitle-wrap {
  background-color: var(--white-background-color);
  padding: 10px 20px;
  display: inline-block;
}

.section-subtitle-wrap.white-background {
  background-color: var(--white);
}

.section-subtitle-content-wrap {
  display: flex;
}

.section-subtitle-text {
  color: var(--primary-color);
  text-align: left;
  text-transform: capitalize;
  align-self: center;
  margin-bottom: 0;
  padding-left: 10px;
  font-size: 18px;
  font-weight: 500;
}

.section-title {
  color: var(--black);
  text-align: center;
  margin-top: 12px;
  font-family: Mulish, sans-serif;
  font-size: 40px;
  font-weight: 800;
}

.section-title.section-small-title {
  font-size: 25px;
}

.section-title.section-small-title.white {
  color: var(--secondary-color);
}

.section-title-content {
  text-align: center;
}

.section-title-content.content-secondary-color {
  color: var(--white-background-color);
}

.home-intro-image-wrap.overlap {
  margin-top: 0;
}

.home-intro-content-wrap {
  margin-top: 40px;
}

.home-intro-content-wrap.margin {
  margin-top: 140px;
  margin-bottom: 100px;
}

.home-experience-wrap {
  justify-content: flex-start;
  align-items: center;
  padding-top: 10px;
  padding-bottom: 10px;
  display: flex;
}

.home-experience-wrap.intro-section {
  justify-content: center;
}

.home-experience-wrap.intro-section.hide {
  display: none;
}

.home-experience-area {
  background-color: var(--white-background-color);
  text-align: center;
  width: 35%;
  margin-right: 40px;
  padding: 30px 20px;
}

.expreience-years {
  color: var(--primary-color);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 80px;
  line-height: 1.1;
}

.experience-title {
  margin-top: 10px;
  font-size: 20px;
  line-height: 1.3;
}

.home-experience-lists {
  flex-direction: column;
  justify-content: space-between;
  width: 60%;
  display: flex;
}

.service-tab-section {
  padding-top: 100px;
  padding-bottom: 100px;
  position: relative;
}

.service-tab-area {
  margin-top: 40px;
}

.service-tabs-menu {
  justify-content: center;
  display: flex;
}

.service-tab-link {
  border: 2px none var(--paragraph-color);
  background-color: var(--white-background-color);
  color: var(--secondary-color);
  align-items: center;
  margin-left: 15px;
  margin-right: 15px;
  padding: 15px 40px;
  font-size: 20px;
  font-weight: 600;
  transition: background-color .2s, border-color .2s, color .2s;
  display: flex;
}

.service-tab-link:hover {
  background-color: var(--50-secondary-color);
}

.service-tab-link.w--current {
  border: 2px solid var(--primary-color);
  background-color: var(--50-secondary-color);
  justify-content: flex-start;
  align-items: center;
}

.service-tab-link-text {
  color: var(--black);
  margin-left: 10px;
}

.service-tabs-content-wrap {
  position: relative;
}

.service-tab-content-area {
  background-color: var(--white);
  justify-content: space-between;
  align-items: center;
  margin: 40px 20px 20px;
  padding: 40px;
  display: flex;
  box-shadow: -1px 6px 18px #00000017;
}

.service-tab-contents {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 60%;
  padding-right: 60px;
  display: flex;
}

.service-tabs-image {
  width: 40%;
  height: 100%;
}

.service-item {
  background-color: var(--white);
  width: 100%;
  height: 100%;
  padding: 50px 35px;
}

.service-title_heading {
  color: var(--darker-green);
  text-transform: capitalize;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  font-family: Mulish, sans-serif;
  font-size: 25px;
  font-weight: 700;
  text-decoration: none;
  transition-property: none;
  display: block;
}

.service-title_heading:hover {
  color: var(--secondary-color);
}

.service-content {
  color: var(--paragraph-color);
  margin-bottom: 25px;
}

.service-link {
  color: var(--darker-green);
  font-weight: 600;
  text-decoration: none;
  transition-duration: .3s;
  transition-timing-function: ease-in-out;
}

.service-link:hover {
  color: var(--secondary-color);
}

.why-choose-grid {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  align-items: center;
}

.why-choose-count-wrap {
  background-image: url('../images/fresh-cut-lawn_1.jpg');
  background-position: 50% 53%;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: center;
  align-items: center;
  display: flex;
}

.why-choose-count-wrap.margin {
  background-image: url('../images/63fc0fec9ee69f13c7e7d690_fresh-cut-lawn-min.jpg');
  margin-bottom: 100px;
}

.why-choose-content-wrap {
  margin-left: 40px;
  margin-right: 40px;
  padding-top: 50px;
  padding-bottom: 50px;
}

.why-choose-count-area {
  background-color: #000000cf;
  min-width: 700px;
  margin: 100px 40px;
  padding: 100px 60px;
}

.choose-count-item {
  align-items: center;
  margin-bottom: 25px;
  display: flex;
}

.choose-count-item.last {
  margin-bottom: 0;
}

.choose-count-wrap {
  border: 1px solid var(--primary-color);
  background-color: var(--secondary-color);
  flex: 0 auto;
  min-width: 120px;
  padding: 5px 20px;
  display: block;
}

.choose-count-number {
  margin-top: 10px;
  font-size: 25px;
  font-weight: 700;
}

.choose-count-content {
  border-top: 1px solid var(--white);
  border-right: 1px solid var(--white);
  border-bottom: 1px solid var(--white);
  flex: 1;
  padding-top: 5px;
  padding-bottom: 5px;
}

.choose-count-title {
  color: var(--white);
  margin-top: 10px;
  margin-left: 20px;
  font-family: Mulish, sans-serif;
  font-size: 24px;
  font-weight: 600;
}

.why-choose-item-wrap {
  text-align: left;
  margin-top: 40px;
}

.why-choose-us-item {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  grid-template-rows: auto auto auto;
  grid-template-columns: minmax(32px, 32px) 1fr;
  grid-auto-columns: 1fr;
  align-items: flex-start;
  margin-bottom: 25px;
  display: grid;
}

.why-choose-us-item._2-items {
  grid-template-rows: auto auto;
}

.why-choose-image-wrap {
  min-width: 32px;
  min-height: 32px;
}

.why-choose-item-content {
  padding-left: 20px;
}

.why-choose-item-title {
  color: var(--black);
  text-align: left;
  margin-top: 0;
  margin-bottom: 5px;
  font-size: 20px;
}

.customer-section {
  padding-top: 50px;
  padding-bottom: 0;
}

.customer-wrap {
  padding-top: 0;
  padding-bottom: 50px;
}

.customer-grid {
  grid-column-gap: 45px;
  grid-row-gap: 0px;
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  align-items: stretch;
  display: flex;
}

.appointment-wrap {
  margin-top: 50px;
}

.customer-says-slider-wrap {
  padding-top: 22px;
}

.customer-says-slider {
  background-color: #0000;
  width: 100%;
  height: auto;
}

.customer-says-mask {
  border: 1px solid #ddd;
  width: 100%;
  height: auto;
}

.customer-says-slider-item {
  width: 100%;
  height: auto;
  padding: 40px 40px 100px;
}

.customer-top-wrap {
  border-bottom: 1px solid #dcdcdc;
  justify-content: space-between;
  margin-bottom: 20px;
  padding-bottom: 20px;
  display: flex;
}

.customer-image-wrap {
  display: flex;
}

.customer-quote-wrap {
  background-color: var(--primary-color);
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 55px;
  height: 55px;
  display: flex;
}

.client-says-top-detail {
  margin-left: 10px;
}

.client-name {
  color: var(--black);
  margin-top: 10px;
  margin-bottom: 0;
  font-size: 22px;
  font-weight: 700;
}

.client-says-image-wrap {
  background-color: var(--50-secondary-color);
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 70px;
  height: 70px;
  display: flex;
}

.left-arrow {
  background-color: var(--white-background-color);
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  transition: background-color .2s;
  display: flex;
  position: absolute;
  inset: auto auto 10% 7%;
}

.left-arrow:hover {
  background-color: var(--darker-green);
}

.customer-says-content {
  font-style: italic;
}

.right-arrow {
  background-color: var(--white-background-color);
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  transition: background-color .2s;
  display: flex;
  position: absolute;
  inset: auto auto 10% 19%;
}

.right-arrow:hover {
  background-color: var(--darker-green);
}

.customer-slider-nav.hide {
  display: none;
}

.question-wrap {
  background-color: var(--primary-color);
  margin-top: 40px;
  margin-bottom: 40px;
  padding: 50px 40px;
}

.question-icon-wrap {
  background-color: var(--white);
  cursor: pointer;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  transition: background-color .3s ease-in-out;
  display: flex;
}

.question-icon-wrap:hover {
  background-color: var(--secondary-color);
}

.question-contact-link {
  color: var(--white);
  cursor: pointer;
  padding-left: 20px;
  font-family: Mulish, sans-serif;
  font-size: 30px;
  font-weight: 800;
  text-decoration: none;
  transition-duration: .3s;
  transition-timing-function: ease-in-out;
}

.question-contact-link:hover {
  color: var(--darker-green);
}

.appointment-form-wrap {
  background-color: var(--white-background-color);
  margin-top: 40px;
  padding: 50px 40px;
}

.appointment-form-wrap.contact {
  margin-top: 0;
  padding-top: 30px;
}

.input-field {
  color: var(--paragraph-color);
  height: 65px;
  margin-top: 10px;
  margin-bottom: 10px;
  padding-left: 20px;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 400;
}

.input-field::placeholder {
  color: var(--paragraph-color);
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 400;
}

.input-field.first-name {
  margin-right: 20px;
}

.pricing-wrap.margin {
  margin-top: 40px;
}

.meet-owner-section {
  padding-top: 100px;
  padding-bottom: 60px;
}

.about-intro-feature-list {
  flex-direction: row;
  align-items: flex-start;
  margin-top: 40px;
  display: flex;
}

.about-intro-lists-wrap {
  flex-direction: column;
  justify-content: flex-start;
  display: flex;
}

.about-point-list-item {
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 20px;
  padding-right: 40px;
  display: flex;
}

.about-point-list-item.about-half-width-item {
  min-width: 300px;
  margin-bottom: 30px;
}

.about-point-list-item.about-half-width-item.last {
  min-width: auto;
  margin-bottom: 0;
}

.about-point-list-title {
  text-transform: capitalize;
  margin-bottom: 0;
  padding-left: 10px;
  font-weight: 500;
}

.about-sign-content-wrap {
  border-right: 2px solid var(--light-grey);
  flex-direction: column;
  align-items: flex-start;
  margin-right: 30px;
  padding-right: 30px;
  text-decoration: none;
  display: flex;
}

.about-founder-name {
  color: var(--black);
  margin-top: 10px;
  margin-bottom: 5px;
  font-size: 32px;
}

.founder-designation {
  color: var(--primary-color);
  font-size: 16px;
  font-weight: 500;
  text-decoration: none;
}

.about-button-wrap {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  margin-top: 30px;
  margin-bottom: 0;
  display: flex;
}

.about-contact-wrap {
  padding-left: 0;
}

.about-link-title {
  color: var(--black);
  margin-bottom: 0;
  font-size: 16px;
  text-decoration: underline;
}

.about-contact-link {
  color: var(--primary-color);
  font-family: Mulish, sans-serif;
  font-size: 25px;
  font-weight: 800;
  text-decoration: none;
}

.about-contact-link:hover {
  color: var(--darker-green);
}

.history-section {
  background-color: var(--white-background-color);
  padding-top: 100px;
  padding-bottom: 100px;
}

.history-grid {
  grid-column-gap: 50px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  place-items: center;
}

.contact-detail-section {
  padding-top: 130px;
  padding-bottom: 100px;
}

.contact-detail-grid {
  grid-column-gap: 0px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  align-items: center;
  margin-top: 40px;
}

.contact-detail-item {
  background-color: var(--primary-color);
  text-align: center;
  padding: 50px 20px;
}

.contact-detail-title {
  font-size: 24px;
  font-weight: 700;
}

.contact-detail-title.lt-blue {
  color: var(--secondary-color);
}

.contact-detail-link {
  color: var(--white);
  padding-top: 10px;
  padding-bottom: 20px;
  font-family: Mulish, sans-serif;
  font-size: 26px;
  font-weight: 800;
  text-decoration: none;
  display: block;
}

.contact-detail-link:hover {
  color: var(--secondary-color);
}

.contact-address-info {
  background-color: var(--white-background-color);
  text-align: center;
  padding: 40px 40px 60px;
}

.contact-address-title {
  color: var(--primary-color);
  margin-bottom: 15px;
  font-size: 25px;
  font-weight: 700;
}

.contact-address-item {
  text-align: left;
  border-bottom: 1px solid #d2d2d2;
  padding-top: 15px;
  padding-bottom: 17px;
}

.contact-info-title {
  color: var(--primary-color);
  margin-top: 0;
  margin-bottom: 5px;
  font-size: 18px;
  font-weight: 700;
}

.contact-info-link {
  color: var(--paragraph-color);
  text-decoration: none;
}

.contact-form-section {
  background-color: var(--white-background-color);
  padding-top: 100px;
  padding-bottom: 80px;
}

.changelog-section {
  padding-top: 120px;
  padding-bottom: 100px;
}

.changelog-wrap {
  background-color: var(--white-background-color);
  text-align: center;
  padding-top: 60px;
  padding-bottom: 80px;
}

.changelog-version-wrap {
  background-color: var(--white);
  border: 1px solid #ddd;
  margin-top: 40px;
  margin-left: 40px;
  margin-right: 40px;
  padding: 25px 40px 40px;
}

.license-content-wrap {
  padding-top: 90px;
  padding-bottom: 80px;
}

.error-page-wrap {
  background-color: var(--white-background-color);
  background-image: url('../images/exclusive-paper-2_1.webp');
  background-position: 0 0;
  background-repeat: repeat;
  background-size: auto;
  justify-content: center;
  align-items: center;
  height: 100vh;
  padding-top: 100px;
  padding-bottom: 100px;
  display: flex;
  position: relative;
}

.error-page-content-wrap {
  z-index: 2;
  text-align: center;
  position: relative;
}

.error-title {
  color: var(--paragraph-color);
  margin-bottom: 30px;
  font-size: 300px;
  line-height: .8;
}

.error-page-title {
  color: var(--darker-green);
  margin-bottom: 20px;
  font-size: 60px;
}

.error-button-wrap {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: center;
  align-items: center;
  margin-top: 25px;
  display: flex;
}

.password-section {
  background-image: linear-gradient(to bottom, var(--white), var(--white-background-color) 68%);
  text-align: center;
  justify-content: center;
  align-items: center;
  height: 100vh;
  padding-top: 130px;
  padding-bottom: 90px;
  display: flex;
}

.password-form-area {
  background-color: var(--white);
  border: 1px solid #ddd;
  width: 720px;
  margin-left: auto;
  margin-right: auto;
  padding: 90px 60px 80px;
}

.password-icon-wrap {
  background-color: var(--secondary-color);
  border-radius: 100px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 110px;
  height: 110px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.password-page-title {
  margin-top: 25px;
  font-size: 45px;
}

.password-content {
  padding-bottom: 10px;
  font-weight: 400;
}

.blog-section {
  padding-top: 130px;
  padding-bottom: 100px;
}

.blog-section.home-blog-section {
  padding-top: 50px;
  padding-bottom: 50px;
}

.blog-section.home-blog-section.hide {
  display: block;
}

.blog-wrap {
  margin-top: 40px;
}

.blog-item {
  margin-bottom: 60px;
}

.blog-listing-image-link, .blog-listing-image {
  width: 100%;
}

.blog-image-meta-wrap {
  position: relative;
}

.blog-meta-wrap {
  text-align: center;
  justify-content: center;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: absolute;
  inset: auto 0% -8%;
}

.blog-listing-author-name {
  margin-bottom: 0;
  padding-left: 10px;
  font-size: 15px;
  font-weight: 500;
  text-decoration: none;
}

.blog-author-link-block {
  background-color: var(--secondary-color);
  justify-content: center;
  align-items: center;
  min-width: 180px;
  padding: 20px 25px;
  text-decoration: none;
  transition: background-color .3s ease-in-out, color .3s ease-in-out;
  display: flex;
}

.blog-author-link-block:hover {
  background-color: var(--light-grey);
}

.blog-date {
  margin-bottom: 0;
  padding-left: 10px;
  font-size: 15px;
  font-weight: 500;
}

.blog-date-wrap {
  background-color: var(--secondary-color);
  color: var(--primary-color);
  justify-content: center;
  align-items: center;
  min-width: 180px;
  padding: 20px 25px;
  display: flex;
}

.blog-meta-listing {
  text-align: center;
  justify-content: center;
  align-items: center;
  display: flex;
}

.blog-content-wrap {
  margin-top: 50px;
}

.blog-title {
  color: var(--black);
  font-family: Mulish, sans-serif;
  font-size: 27px;
  font-weight: 700;
  line-height: 1.4;
  text-decoration: none;
}

.blog-simple-bio {
  margin-top: 15px;
}

.view-more-link {
  color: var(--black);
  margin-bottom: 0;
  padding-right: 10px;
  font-size: 20px;
  font-weight: 600;
}

.blog-readmore-link {
  justify-content: flex-start;
  align-items: center;
  margin-top: 20px;
  text-decoration: none;
  display: flex;
}

.blog-single-banner {
  background-image: url('../images/green-manicured-lawn.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  top: 30px;
}

.blog-single-section {
  padding-top: 120px;
  padding-bottom: 80px;
}

.blog-single-image-wrap {
  position: relative;
}

.blog-single-meta-wrap {
  position: absolute;
  inset: auto 0% -4%;
}

.blog-single-content-wrap {
  width: 90%;
  margin-top: 70px;
  margin-left: auto;
  margin-right: auto;
}

.blog-author-section {
  background-color: var(--white-background-color);
  padding-top: 80px;
  padding-bottom: 80px;
}

.blog-author-wrap {
  text-align: center;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.blog-author-area {
  border-top: 1px solid #dcdcdc;
  margin-top: 25px;
  padding: 30px;
  text-decoration: none;
}

.blog-author-image {
  object-fit: cover;
  object-position: 50% 0%;
  border-radius: 100px;
  width: 100px;
  height: 100px;
}

.blog-category-link-block {
  background-color: var(--secondary-color);
  justify-content: center;
  align-items: center;
  min-width: 180px;
  padding: 20px 25px;
  text-decoration: none;
  transition: background-color .2s, color .2s;
  display: flex;
}

.blog-category-link-block:hover {
  background-color: var(--light-grey);
}

.blog-collection-item {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-left: 15px;
  padding-right: 15px;
  display: grid;
}

.blog-author-bio {
  font-size: 18px;
  font-style: italic;
}

.blog-global-section {
  padding-top: 120px;
  padding-bottom: 40px;
}

.global-banner-section {
  background-image: url('../images/green-manicured-lawn.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  top: 30px;
}

.related-posts-section {
  padding-top: 80px;
  padding-bottom: 60px;
}

.related-posts-grid {
  grid-column-gap: 30px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  align-items: stretch;
  margin-bottom: 40px;
}

.project-item {
  background-color: var(--white);
  text-align: center;
  border: 1px solid #d2d2d2;
  margin-bottom: 40px;
  padding: 20px 20px 15px;
  transition: box-shadow .2s;
}

.project-item:hover {
  box-shadow: 6px 6px 10px #00000029;
}

.project-title {
  text-transform: capitalize;
  margin-top: 20px;
  font-family: Mulish, sans-serif;
  font-size: 21px;
  font-weight: 700;
  text-decoration: none;
  display: block;
}

.project-image-block {
  width: 100%;
  height: 300px;
  overflow: hidden;
}

.project-listing-image {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.project-service-type {
  margin-top: 5px;
}

.project-single-section {
  justify-content: center;
  padding-top: 100px;
  padding-bottom: 0;
  display: flex;
}

.project-title-area-section {
  background-image: url('../images/green-manicured-lawn.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  top: 30px;
}

.project-single-grid {
  grid-column-gap: 30px;
  grid-row-gap: 16px;
  grid-template: "."
                 "."
                 / .5fr 1fr;
  align-items: stretch;
}

.project-detail-wrap {
  background-color: var(--white-background-color);
  padding: 20px 40px 40px;
}

.project-image-wrap, .project-title-wrap {
  position: relative;
}

.project-detail-title {
  border-bottom: 1px solid #d2d2d2;
  padding-bottom: 15px;
  font-size: 20px;
  font-weight: 700;
}

.project-title-line {
  background-color: var(--primary-color);
  width: 100%;
  height: 4px;
  position: absolute;
  inset: auto auto -3% 0%;
}

.project-detail-item {
  border-bottom: 1px solid #d2d2d2;
  padding-top: 0;
  padding-bottom: 10px;
}

.project-detail-item.last {
  border-bottom-style: none;
}

.project-detail-item.service-area {
  padding-bottom: 20px;
}

.project-detail-list-title {
  color: var(--darker-green);
  margin-bottom: 5px;
  font-size: 18px;
  font-weight: 700;
}

.project-single-content-wrap {
  margin-top: 0;
}

.related-projects {
  background-color: var(--white-background-color);
  padding-top: 90px;
  padding-bottom: 80px;
}

.team-section {
  padding-top: 130px;
  padding-bottom: 60px;
}

.team-section.about-team-section {
  padding-top: 100px;
}

.team-item {
  border: 1px solid #d2d2d2;
  margin-bottom: 20px;
  padding: 20px;
  text-decoration: none;
  transition: transform .2s, box-shadow .2s, color .2s;
}

.team-item:hover {
  transform: scale(1.05);
  box-shadow: 0 2px 5px #0003;
}

.team-collection-list {
  margin-top: 40px;
  margin-bottom: 40px;
}

.team-member-name-wrap {
  text-align: center;
  margin-top: 20px;
}

.team-member-name {
  font-family: Mulish, sans-serif;
  font-size: 24px;
  font-weight: 700;
  text-decoration: none;
}

.team-designation {
  margin-top: 2px;
}

.team-single-section {
  padding-top: 130px;
  padding-bottom: 80px;
}

.team-single-grid {
  grid-column-gap: 45px;
  grid-template-rows: auto;
  grid-template-columns: .9fr;
  place-items: center;
  display: flex;
}

.team-single-image-wrap {
  width: 100%;
  height: 100%;
}

.team-member-main-detail {
  border-bottom: 1px solid #d2d2d2;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 25px;
  padding-bottom: 25px;
  display: flex;
}

.team-contact-item {
  align-items: center;
  display: flex;
}

.team-contact-title {
  width: 12%;
  margin-top: 10px;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.1;
}

.team-contact-link {
  color: var(--paragraph-color);
  margin-left: 20px;
  font-weight: 400;
  text-decoration: none;
}

.team-member-social-wrap {
  margin-top: 10px;
  margin-bottom: 20px;
}

.team-social-link {
  margin-right: 20px;
  padding-top: 10px;
  padding-bottom: 10px;
}

.team-single-content-wrap {
  margin-top: 20px;
}

.success-message {
  background-color: var(--primary-color);
  color: var(--secondary-color);
  text-align: center;
}

.error-message {
  color: var(--secondary-color);
  text-align: center;
  width: 100%;
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto;
  padding: 20px;
}

.error-message.password-error-message {
  width: 50%;
}

.dropdown-toggle {
  padding-right: 40px;
}

.nav-menu {
  justify-content: space-around;
  width: 100%;
}

.team-single-banner {
  background-image: url('../images/green-manicured-lawn.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  top: 30px;
}

.team-single-banner-detail {
  justify-content: center;
  display: flex;
}

.team-single-job-position {
  margin-bottom: 0;
  padding-left: 10px;
}

.team-single-meta-detail {
  background-color: var(--light-grey);
  justify-content: center;
  align-items: center;
  margin-bottom: 20px;
  padding: 10px 30px;
  display: flex;
}

.team-single-intro {
  margin-top: 20px;
}

.faq-section {
  padding-top: 120px;
  padding-bottom: 100px;
}

.view-more-arrow {
  color: var(--paragraph-color);
}

.team-highlight-text {
  font-size: 30px;
}

.text-block {
  color: var(--paragraph-color);
}

.image.logo-footer {
  object-fit: contain;
  height: 300px;
  padding-right: 60px;
}

.image.logo-nav {
  width: 200px;
}

.initials {
  color: var(--primary-color);
  margin-top: 0;
  margin-bottom: 0;
}

.right-banner {
  justify-content: flex-start;
  align-items: center;
  width: 47%;
  height: 100%;
  padding: 20px 20px 20px 40px;
  display: flex;
  position: relative;
}

.sale-title {
  color: var(--black);
  letter-spacing: 3px;
  text-transform: uppercase;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 3.4vw;
  font-weight: 400;
  line-height: 1;
}

.sale-title.large {
  color: var(--primary-color);
  font-size: 8vw;
  font-weight: 800;
}

.left-banner {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 40vw;
  height: 100%;
  display: flex;
  position: relative;
}

.sale-description {
  opacity: .8;
  color: var(--black);
  max-width: 520px;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.6vw;
  font-weight: 400;
  line-height: 1.5;
}

._20px-spacing.height {
  width: 100%;
  height: 20px;
}

._20px-spacing.wide {
  width: 20px;
}

.content-wrapper {
  z-index: 3;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  height: 100%;
  display: flex;
  position: relative;
}

.button-wrapper {
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.button-wrapper.left {
  justify-content: flex-start;
}

.button-wrapper.sticky {
  flex-direction: column;
}

.button-wrapper.cta {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  padding-left: 40px;
  padding-right: 40px;
}

.complete-image {
  justify-content: center;
  align-items: center;
  width: 400px;
  height: 400px;
  display: flex;
  position: relative;
  inset: 0%;
}

.small-icon {
  width: 20px;
}

.complete-image-icons {
  z-index: 6;
  width: 30vw;
  position: relative;
}

.list-text {
  color: var(--black);
  font-family: Mulish, sans-serif;
  font-size: 1.3vw;
  font-weight: 400;
}

.list-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  color: var(--white);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: start;
  width: 100%;
  display: grid;
}

.list-item {
  color: var(--primary-color);
  padding-top: 0;
  padding-bottom: 0;
}

.list {
  color: var(--secondary-color);
  margin-bottom: 20px;
}

.list.first {
  color: var(--white);
  margin-right: 40px;
}

.circle {
  z-index: 1;
  width: 67vw;
  max-width: none;
  height: 67vw;
  position: absolute;
}

.circle._2 {
  z-index: 2;
  width: 57vw;
  height: 57vw;
}

.circle._3 {
  z-index: 3;
  width: 47vw;
  height: 47vw;
}

.circle._4 {
  z-index: 4;
  width: 37vw;
  height: 37vw;
}

.ultimate-maintenance {
  box-shadow: none;
  background-color: #f0fbff;
  border-top: 4px solid #000;
  border-bottom: 4px solid #000;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-top: 50px;
  margin-bottom: 80px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.popup-grid {
  grid-column-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

.popup-wrapper {
  border-radius: 20px;
  max-width: 1200px;
  overflow: hidden;
}

.image-63 {
  z-index: 0;
  opacity: .05;
  object-fit: fill;
  align-self: center;
  width: 90%;
  max-width: 90%;
  margin-right: 20px;
  position: relative;
  inset: 0%;
}

.icon__close-popup {
  cursor: pointer;
  width: 25px;
  height: 25px;
  transition: all .2s;
}

.icon__close-popup:hover {
  filter: brightness(75%);
}

.heading-secondary {
  line-height: 2.5rem;
}

.heading-secondary.popup-contact {
  color: var(--black);
}

.popup__contact-links-1 {
  z-index: 10;
  align-items: center;
  text-decoration: none;
  display: flex;
  position: relative;
}

.heading-tertiary {
  font-size: 1.5rem;
  line-height: 1.75rem;
}

.feature-paragraph {
  text-align: center;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 1.3rem;
}

.feature-paragraph.popup-form {
  text-align: left;
}

.text-weight-bold {
  color: #333;
  font-weight: 700;
}

.text-weight-bold.popup-contact {
  color: var(--primary-color);
  font-size: 24px;
}

.popup-form-wrapper {
  background-color: var(--white);
  padding: 2rem;
}

.icon-small {
  height: 2rem;
}

.icon-small.invert {
  width: 2rem;
  height: auto;
}

.icon-small.invert.icon-enlarge {
  width: 2.6rem;
}

.popup-content-wrapper {
  background-color: #fff;
  flex-direction: column;
  justify-content: space-around;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.popup__contact-links {
  grid-column-gap: 16px;
  grid-row-gap: 10px;
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: flex-start;
  padding: 2rem;
  display: grid;
}

.close-popup {
  cursor: pointer;
  justify-content: center;
  align-items: center;
  transition: background-color .3s ease-in-out;
  display: flex;
  position: absolute;
  inset: 1rem 1rem auto auto;
}

.top-content {
  z-index: 1;
  padding: 2rem;
  position: relative;
}

.container-large {
  width: 100%;
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto;
}

.container-large.relative {
  position: relative;
}

.popup {
  z-index: 99999999;
  background-color: #1a1a1ad6;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
  position: fixed;
  inset: 0%;
}

.background-image-wrapper {
  z-index: 0;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
}

.gold-highlight {
  color: var(--primary-color);
}

.popup-button {
  z-index: 900;
  cursor: pointer;
  text-decoration: none;
  transition: all .2s;
  position: fixed;
  inset: auto 10px 10px auto;
}

.popup-button:hover {
  transform: scale(1.02);
}

.circle-background {
  z-index: 899;
  border: 2px solid var(--paragraph-color);
  background-color: var(--secondary-color);
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 100px;
  height: 100px;
  display: flex;
  box-shadow: 0 0 10px #00000069;
}

.button-overlay-wrapper {
  z-index: 899;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.grassy-checkmark {
  width: 32px;
}

.about-image-mask {
  overflow: hidden;
}

.image-65 {
  object-fit: cover;
  width: 100%;
}

.about-us-experience-wrap {
  justify-content: flex-start;
  align-items: center;
  padding-top: 10px;
  padding-bottom: 10px;
  display: flex;
}

.about-us-experience-wrap.intro-section {
  grid-column-gap: 30px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: .5fr .5fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: start;
  display: grid;
}

.about-lists {
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  display: flex;
}

.day-of-the-week {
  text-align: left;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  margin-bottom: 5px;
  font-size: 18px;
  font-weight: 700;
  display: flex;
}

.white-text {
  color: var(--white);
}

.icon-large {
  height: 3rem;
}

.thanks-title {
  color: var(--primary-color);
  margin-bottom: 30px;
  font-size: 150px;
  line-height: .8;
}

.service-heading {
  color: var(--primary-color);
}

.service-wrapper {
  background-color: var(--white);
  flex-direction: column;
  align-items: center;
  padding-top: 60px;
  padding-left: 60px;
  padding-right: 60px;
  display: flex;
  position: relative;
  box-shadow: 11px 7px 20px #11183326;
}

.sticky-slider-logo {
  width: 100%;
  max-width: 300px;
}

.spacing {
  z-index: 1;
  background-color: #0000;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 7.5rem;
  display: flex;
  position: relative;
}

.text-link {
  color: var(--black);
  letter-spacing: 2px;
  text-transform: uppercase;
  white-space: nowrap;
}

.text-link:hover {
  color: var(--primary-color);
}

.hover-line {
  color: var(--secondary-color);
  height: 1px;
  position: absolute;
  inset: auto 0% -1px;
  overflow: hidden;
}

.service-image {
  object-fit: cover;
  object-position: 50% 100%;
  width: 100%;
  max-width: none;
  height: 475px;
  display: block;
  box-shadow: 0 0 5px 4px #11183333;
}

.small-button {
  border: 2px solid var(--primary-color);
  background-color: var(--primary-color);
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  white-space: nowrap;
  background-image: none;
  justify-content: center;
  align-items: center;
  min-width: 200px;
  height: 3rem;
  margin-top: .5rem;
  margin-bottom: .5rem;
  padding: .75rem 1.25rem;
  font-size: .9rem;
  font-weight: 600;
  line-height: 1.5;
  text-decoration: none;
  transition: background-color .2s, box-shadow .2s;
  display: flex;
}

.small-button:hover {
  background-color: var(--white-background-color);
  color: var(--primary-color);
}

.small-button.reverse {
  border-color: var(--primary-color);
  background-color: var(--secondary-color);
  color: var(--primary-color);
  transition: background-color .2s, box-shadow .2s;
}

.small-button.reverse:hover {
  background-color: var(--white-background-color);
  color: var(--primary-color);
}

.small-button.reverse.full, .small-button.full {
  width: 100%;
}

.underline-link {
  color: #fff;
  letter-spacing: 3px;
  text-transform: uppercase;
  border-bottom: 1px solid #fffc;
  padding-bottom: 6px;
  padding-left: 0;
  font-size: 9px;
  text-decoration: none;
  position: relative;
}

.underline-link.dark {
  border-bottom-color: var(--primary-color);
  color: var(--secondary-color);
  width: 96px;
  font-size: 12px;
}

.hover-line-fill {
  background-color: var(--secondary-color);
  width: 100%;
  height: 100%;
}

.post-category {
  text-transform: uppercase;
}

.sticky-slider {
  z-index: 1;
  border: 4px solid var(--secondary-color);
  color: #333;
  border-radius: 20px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 20px;
  padding-left: 30px;
  padding-right: 30px;
  display: flex;
  position: sticky;
  overflow: hidden;
  box-shadow: 11px 7px 20px #1c27521a;
}

.right-column {
  height: 100%;
  position: sticky;
  top: 160px;
}

.service-preview {
  padding-top: 40px;
  padding-bottom: 40px;
}

.left-column {
  border: 5px #b2131a;
  border-radius: 20px;
}

.service-page-sticky-section {
  background-color: var(--white-background-color);
  background-image: url('../images/exclusive-paper-2_1.webp');
  background-position: 50%;
  background-repeat: repeat;
  background-size: auto;
  padding-top: 100px;
  padding-bottom: 100px;
}

._30px-spacing.height {
  width: 100%;
  height: 30px;
}

.tape {
  width: 350px;
  position: static;
  inset: 0% 0% auto;
}

.tape-wrapper {
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  display: none;
  position: absolute;
  top: -88px;
}

.image-mask {
  max-height: 475px;
  position: relative;
  overflow: hidden;
}

.wrapper {
  z-index: 3;
  position: relative;
}

.shadow-effects {
  z-index: 1;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  box-shadow: inset 0 0 3px 2px #11183340, 0 0 4px #1118331a;
}

.push-pin-wrapper {
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  display: flex;
  position: absolute;
  top: -81px;
}

.push-pin {
  z-index: 2;
  width: 150px;
  max-width: 150px;
  position: relative;
  inset: 0% 0% auto;
}

.blur-bg {
  z-index: 0;
  filter: blur(4px);
  background-color: #fff;
  position: absolute;
  inset: 0%;
}

.slider-wrap {
  z-index: 3;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.image-67 {
  object-fit: cover;
  height: 100%;
}

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

.team-member-image {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.zack-wrapper {
  justify-content: flex-start;
  align-items: center;
  padding-top: 10px;
  padding-bottom: 10px;
  display: flex;
}

.zack-wrapper.intro-section {
  justify-content: center;
}

.zack-image-wrap {
  background-color: var(--white-background-color);
  text-align: center;
  width: 35%;
  margin-right: 40px;
  padding: 30px 20px;
}

.zack-list {
  flex-direction: column;
  justify-content: space-between;
  display: flex;
}

.zack-sign-wrap {
  align-items: center;
  display: flex;
}

.zack-feature-list {
  flex-direction: row;
  align-items: flex-start;
  margin-top: 40px;
  display: flex;
}

.zack-button-wrap {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  margin-top: 30px;
  margin-bottom: 0;
  display: flex;
}

.zack-intro-list-wrap {
  flex-direction: column;
  justify-content: flex-start;
  display: flex;
}

.benefits-heading {
  color: var(--black);
  margin-top: 10px;
  margin-bottom: 5px;
  font-size: 32px;
}

.list-benefits {
  margin-bottom: 0;
}

.benefits-item-wrapper {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 20px;
  display: flex;
}

.heading-check-wrapper {
  grid-column-gap: 15px;
  align-items: center;
  display: flex;
}

.polaroid-image-wrap {
  background-color: var(--white-background-color);
  text-align: center;
  padding: 30px 30px 0;
  position: sticky;
  top: 100px;
}

.about-image-mask-owner {
  overflow: hidden;
}

.mission-description {
  text-align: left;
}

.collection-list.team {
  justify-content: center;
  display: flex;
}

.banner-button-wrapper {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  margin-top: 30px;
  margin-bottom: 0;
  display: flex;
}

.question-number-wrap {
  justify-content: center;
  align-items: center;
  padding-top: 5px;
  display: flex;
}

.detailed-info-wrapper {
  padding: 40px;
}

.collection-list-service-grid {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.about-image-owner {
  object-fit: cover;
  width: 100%;
}

.polaroid-sign-wrap {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1.25fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  margin-top: 20px;
  margin-bottom: 20px;
  display: grid;
}

.polaroid-name {
  color: var(--black);
  text-align: left;
  margin-top: 10px;
  margin-bottom: 5px;
  font-size: 26px;
}

.polaroid-title {
  color: var(--primary-color);
  font-size: 16px;
  font-weight: 500;
  text-decoration: none;
}

.polaroid-schedule {
  color: var(--black);
  margin-bottom: 0;
  font-size: 16px;
  text-decoration: underline;
}

.polaroid-call {
  color: var(--primary-color);
  white-space: nowrap;
  font-family: Mulish, sans-serif;
  font-size: 25px;
  font-weight: 800;
  text-decoration: none;
  transition-duration: .3s;
  transition-timing-function: ease-in-out;
}

.polaroid-call:hover {
  color: var(--darker-green);
}

.polaroid-contact-wrap {
  border-right: 2px solid var(--light-grey);
  flex-direction: column;
  align-items: flex-start;
  margin-right: 20px;
  padding-right: 20px;
  text-decoration: none;
  display: flex;
}

._60px-spacing.height {
  width: 100%;
  height: 60px;
}

.service-area-image {
  object-fit: cover;
  width: 100%;
  max-width: none;
  height: 100%;
  display: block;
  box-shadow: 0 0 5px 4px #11183333;
}

.utility-bg-image {
  width: 300px;
}

.full-width-line {
  background-color: var(--primary-color);
  width: 100%;
  height: 3px;
}

.full-width-line.top {
  margin-top: 40px;
  margin-bottom: 20px;
}

.collection-list-2 {
  justify-content: center;
  display: flex;
}

.business-address {
  color: var(--paragraph-color);
  text-decoration: none;
}

.lawn-care-banner {
  z-index: 1;
  background-image: url('../images/sprinkler-in-action-watering-grass-2023-11-27-05-12-17-utc_1.webp');
  background-position: 0 0;
  background-size: cover;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
  box-shadow: 0 -2px 20px 12px #1c27524d, 0 2px 20px 12px #1c27524d;
}

.banner-content {
  border: 10px solid var(--white);
  background-color: #0009;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 100px;
  margin-bottom: 100px;
  padding: 50px 30px;
  display: flex;
}

.lawn-care-title-big {
  color: var(--white);
  letter-spacing: 3px;
  text-transform: uppercase;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 3.4vw;
  font-weight: 400;
  line-height: 1;
}

.lawn-care-title-big.large {
  color: var(--secondary-color);
  text-align: center;
  margin-top: .25rem;
  margin-bottom: .5rem;
  font-size: 7vw;
  font-weight: 800;
}

.lawn-care-description {
  opacity: .9;
  color: var(--white);
  text-align: center;
  max-width: 700px;
  margin-top: 0;
  margin-bottom: 2rem;
  font-size: 1.6vw;
  font-weight: 400;
  line-height: 1.5;
}

.play-button {
  background-color: var(--secondary-color);
  border-radius: 100%;
  width: 75px;
  height: 75px;
  position: absolute;
  inset: auto;
}

.picture-perfect-package-video {
  z-index: 7;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0%;
}

.include-titles {
  color: var(--primary-color);
  letter-spacing: .1em;
  text-transform: uppercase;
  font-size: 1vw;
}

.empty.center-mobile {
  display: none;
}

.white-icon {
  filter: contrast(200%) saturate(0%) invert();
}

.icon-3, .dropdown-text {
  color: var(--white);
}

.quote-mark {
  filter: grayscale() contrast(200%) invert();
}

.image-70 {
  filter: grayscale();
}

.footer-icon-invert {
  filter: grayscale() contrast(200%) invert();
}

.paragraph {
  color: var(--paragraph-color);
}

.service-items-wrap {
  background-color: var(--darker-green);
  justify-content: center;
  align-items: center;
  margin-top: 40px;
  padding: 30px;
  display: flex;
}

.service-title-link {
  width: 100%;
  margin-top: 20px;
  margin-bottom: 10px;
  padding-top: 20px;
  padding-bottom: 13px;
  text-decoration: none;
}

.white-icons {
  filter: grayscale() contrast(200%) invert();
}

.heading-2 {
  color: var(--primary-color);
}

.gallery-section {
  padding-top: 130px;
  padding-bottom: 100px;
}

.gallery-section.projects {
  padding-top: 50px;
  padding-bottom: 80px;
}

.gallery-section.projects.hide {
  display: none;
}

.icon-9 {
  color: #042a6b;
}

.gallery-image {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.gallery-slider {
  grid-column-gap: 20px;
  background-color: #0000;
  flex-direction: row;
  min-height: 300px;
  margin-left: 20px;
  margin-right: 20px;
  padding-left: 75px;
  padding-right: 75px;
}

.slide-nav-2 {
  position: relative;
  top: 29px;
}

.gallery-slide {
  width: 31.33%;
  padding-bottom: 0;
  padding-left: 1%;
  padding-right: 1%;
}

.gallery-section-2 {
  width: 100%;
  max-width: 96em;
  padding-top: 60px;
  padding-bottom: 140px;
}

.lightbox-link {
  border: 5px solid var(--black);
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.grid {
  grid-template-columns: 1fr 1fr 1fr;
}

.image-wrap {
  width: 100%;
  height: 100%;
}

.project-image {
  object-fit: cover;
  width: 100%;
  height: 400px;
}

.banner-title {
  font-family: Mulish, sans-serif;
  font-weight: 800;
}

.service-area-overlay {
  z-index: 0;
  background-color: var(--primary-color);
  mix-blend-mode: color;
  position: absolute;
  inset: 0%;
}

.repetitive-icon {
  height: 35px;
}

.footer-contact-info {
  color: var(--paragraph-color);
  font-weight: 400;
  text-decoration: none;
}

.error-message-2 {
  color: #fff;
  text-align: center;
  width: 100%;
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto;
  padding: 20px;
}

.hide {
  display: none;
}

.success-message-2 {
  color: #fff;
  text-align: center;
  background-color: #ff1c9d;
}

.pay-wrapper {
  grid-column-gap: 50px;
  display: flex;
}

.input-field-2 {
  color: #7e7e7e;
  height: 65px;
  margin-top: 10px;
  margin-bottom: 10px;
  padding-left: 20px;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 400;
}

.input-field-2::placeholder {
  color: #7e7e7e;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 400;
}

.input-field-2.text-area {
  height: 150px;
  margin-top: 0;
  padding-top: 15px;
}

.input-field-2.text-area.gap {
  margin-bottom: 40px;
}

.employee-history-wrapper {
  margin-top: 20px;
  margin-bottom: 20px;
}

.form-section-labels {
  color: #000;
  margin-bottom: 0;
  padding-top: 20px;
  font-size: 26px;
}

.radio-question-wrapper {
  margin-top: 40px;
  margin-bottom: 40px;
}

.form-section-subheading {
  margin-bottom: 30px;
  font-weight: 400;
}

.employee-job-wrapper {
  padding-top: 20px;
  padding-bottom: 20px;
}

.file-upload-wrapper {
  margin-top: 40px;
  margin-bottom: 40px;
}

.appointment-form-wrap-2 {
  background-color: #0000;
  margin-top: 40px;
  padding: 50px 40px;
}

.appointment-form-wrap-2.contact {
  margin-top: 0;
}

.radio-button-wrapper-2 {
  grid-column-gap: 50px;
  margin-top: 10px;
  display: flex;
}

.service-icons {
  object-fit: scale-down;
  height: 50px;
}

.tabs-photo {
  object-fit: cover;
  object-position: 0% 100%;
  min-width: 100%;
  min-height: 500px;
}

.service-details {
  text-align: left;
}

.service-title_heading-2 {
  color: var(--darker-green);
  text-transform: capitalize;
  margin-top: 10px;
  font-family: Mulish, sans-serif;
  font-size: 25px;
  font-weight: 700;
  text-decoration: none;
  transition-property: none;
  display: block;
}

.service-title-link-2 {
  width: 100%;
  padding-top: 10px;
  padding-bottom: 10px;
  text-decoration: none;
}

.service-title-link-2:hover {
  color: #f067a6;
}

.service-content-2 {
  margin-bottom: 25px;
}

.service-items-wrap-2 {
  background-color: var(--darker-green);
  justify-content: center;
  align-items: center;
  margin-top: 40px;
  padding: 30px;
  display: flex;
}

.mowing-service-image {
  object-fit: cover;
  object-position: 50% 0%;
  width: 100%;
  height: 250px;
}

.section-title-2 {
  color: #000;
  text-align: center;
  margin-top: 12px;
  font-family: Mulish, sans-serif;
  font-size: 40px;
  font-weight: 800;
}

.service-item-2 {
  background-color: #fff;
  width: 100%;
  height: 100%;
  padding: 50px 35px;
}

.lawn-mowing-only-service-wrapper {
  padding: 20px 40px;
}

.lawn-mowing-service-grid {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.main-logo {
  width: 700px;
}

.no-wrap {
  white-space: nowrap;
}

.popup-button-text {
  color: var(--paragraph-color);
  text-align: center;
  white-space: normal;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.25;
}

.phone-mobile-nav {
  background-color: var(--paragraph-color);
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  padding: 3px 2px;
  display: flex;
}

.image-71 {
  object-fit: contain;
  height: 15px;
}

.social-media-nav {
  background-color: var(--paragraph-color);
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  padding: 3px 2px;
  display: flex;
}

.thank-you-page-title {
  color: var(--darker-green);
  margin-bottom: 20px;
  font-size: 60px;
}

.project-title-line-2 {
  background-color: #1a1a1a;
  width: 100%;
  height: 4px;
  position: absolute;
  inset: auto auto -3% 0%;
}

.section-subtitle-wrap-2 {
  background-color: #f4f4f4;
  padding: 10px 20px;
  display: inline-block;
}

.section-subtitle-text-2 {
  color: #1a1a1a;
  text-align: left;
  text-transform: capitalize;
  align-self: center;
  margin-bottom: 0;
  padding-left: 10px;
  font-size: 18px;
  font-weight: 500;
}

.map-image-wrapper {
  position: relative;
}

.service-area-city-list {
  padding: 20px 40px;
}

.link-block {
  padding: 2.5px 5px;
  text-decoration: none;
}

.link-block:hover {
  background-color: var(--50-secondary-color);
}

.link-block.services {
  background-color: var(--white);
  padding: 8px 10px;
  transition: box-shadow .2s, background-color .2s, color .2s;
  box-shadow: 0 2px 5px #0003;
}

.link-block.services:hover {
  background-color: var(--50-secondary-color);
  box-shadow: 0 2px 5px #00000059;
}

.service-area-services {
  color: var(--primary-color);
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 500;
}

.collection-list-3 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  display: flex;
}

.heading {
  color: #fff;
  font-size: 28px;
}

.heading.hero {
  font-size: 2vw;
}

.hero-title {
  color: #fff;
  text-transform: capitalize;
  margin-top: 20px;
  margin-bottom: 20px;
  font-size: 55px;
}

.hero-title.home {
  font-family: Mulish, sans-serif;
  font-size: 4vw;
  font-weight: 800;
}

.subtitle-wrap {
  display: flex;
}

.hero-content-wrap {
  width: 60%;
  margin-bottom: 100px;
}

.button-2 {
  color: #fff;
  background-color: #1a1a1a;
  border: 2px solid #1a1a1a;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-right: 10px;
  padding: 17px 40px;
  font-family: Inter, sans-serif;
  font-size: 20px;
  font-weight: 600;
  transition: background-color .2s, border-color .2s, color .2s;
}

.button-2:hover {
  color: #18cb1a;
}

.button-2.main {
  background-color: var(--secondary-color);
  color: #000;
  border-color: #1a1a1a;
  transition: transform .3s ease-in-out;
}

.button-2.main:hover {
  transform: scale(1.05);
}

.button-2.second {
  color: #18cb1a;
  background-color: #1a1a1a7d;
  border-color: #18cb1a;
  transition: transform .3s ease-in-out;
}

.button-2.second:hover {
  color: #18cb1a;
  transform: scale(1.05);
}

.button-2.second-copy {
  color: #18cb1a;
  background-color: #1a1a1a00;
  border-color: #18cb1a;
  transition: transform .3s ease-in-out;
}

.button-2.second-copy:hover {
  color: #18cb1a;
  transform: scale(1.05);
}

.hero-subtitle {
  color: #1a1a1a;
  text-transform: capitalize;
  align-self: center;
  margin-bottom: 0;
  padding-left: 10px;
  font-weight: 500;
}

.hero-subtitle-area {
  background-color: #d2d2d2;
  padding: 5px 10px;
  display: inline-block;
}

.checks-div {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #fff;
  border: 1px solid #c4c4c4;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-bottom: 10px;
  padding: 10px;
  display: grid;
}

.footer-link-wrap-2 {
  padding-left: 20px;
  padding-right: 20px;
}

.footer-widget-title-2 {
  color: #202a28;
  margin-top: 0;
  font-size: 20px;
  font-weight: 700;
}

.collection-item-2 {
  padding-top: 0;
  padding-bottom: 0;
}

.footer-map-wrap {
  margin-top: 20px;
}

.link {
  text-decoration: none;
}

.paragraph-2 {
  margin-top: 20px;
  font-size: 13px;
}

.button-wrap {
  justify-content: center;
  display: flex;
}

.button-filling-chicken {
  background-color: var(--secondary-color);
  transition: all .3s, color .2s;
}

.button-filling-chicken:hover {
  border: 3px solid var(--secondary-color);
  background-color: #fff;
}

.copyright-auto {
  color: var(--darker-green);
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 18px;
}

.name {
  display: flex;
}

.section {
  height: 100%;
  padding-top: 100px;
}

.heading-3 {
  color: var(--black);
  text-align: center;
}

.html-embed {
  width: 100%;
}

.container-2 {
  max-width: 1200px;
}

.container-3 {
  max-width: 100%;
  margin-top: 0;
  padding-left: 40px;
  padding-right: 40px;
}

.about-intro-wrap-2 {
  padding-left: 0;
  padding-right: 0;
}

.accordion-item-2 {
  width: 100%;
  overflow: hidden;
}

.accordion-toggle-2 {
  border-bottom: 2px solid #2764924d;
  align-items: center;
  height: 80px;
  padding-top: 10px;
  padding-bottom: 10px;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 600;
  display: flex;
}

.text-block-18 {
  white-space: normal;
  flex: none;
  width: 100%;
  font-size: 22px;
}

.dropdown-list-2 {
  background-color: #fff;
  padding: 20px;
  display: block;
  position: static;
}

.paragraph-12 {
  font-size: 18px;
}

.section-2 {
  padding-top: 100px;
  padding-bottom: 100px;
}

.faq-subheader {
  color: #fff;
  width: 50%;
  margin-left: auto;
  margin-right: auto;
  font-size: 18px;
  box-shadow: 0 2px 5px #0003;
}

.bold-text {
  color: var(--paragraph-color);
}

.link-block-2 {
  text-decoration: none;
}

.banner-section {
  flex-direction: column;
  height: 100vh;
  position: relative;
}

.banner-section.home-3-banner {
  z-index: 2;
  background-image: none;
  justify-content: center;
  height: auto;
  min-height: 100vh;
  margin-top: 0;
  padding-bottom: 100px;
  display: flex;
}

.banner-section.home-3-banner.about-section {
  justify-content: center;
  align-items: center;
  min-height: auto;
  padding-top: 140px;
  padding-bottom: 140px;
}

.banner-section.home-3-banner.about-section.about-us-banner-new {
  padding-top: 60px;
  padding-bottom: 60px;
}

.section-9 {
  background-color: #fff;
  padding-top: 100px;
  padding-bottom: 100px;
  position: relative;
}

.section-9.main-flowers-green-banner {
  background-image: linear-gradient(135deg, #000000d4 31%, #00000045 77%), url('../images/51207-home-decorated-with-christmas-lights-2023-11-27-05-08-11-utc_1.webp');
  background-position: 0 0, 0%;
  background-size: auto, cover;
  justify-content: center;
  align-items: center;
  min-height: 660px;
  padding-top: 100px;
  display: flex;
  overflow: hidden;
}

.container-4 {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1200px;
  display: flex;
  position: relative;
}

.flex-about {
  display: flex;
}

.nav-logo-container {
  width: 10em;
  transition: opacity .25s;
  position: relative;
}

.nav-logo-container.w--current {
  width: auto;
  position: relative;
}

.section-10 {
  background-color: #f6f2e8;
  padding-top: 100px;
  padding-bottom: 100px;
  position: relative;
}

.section-10.without-bottom-spacing {
  background-color: #f7f7f7;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  min-width: 100%;
  padding-top: 100px;
  padding-bottom: 100px;
  display: flex;
  position: static;
}

.section-10.without-bottom-spacing.lp {
  padding-top: 60px;
  padding-bottom: 60px;
}

.nav-logo_main {
  z-index: 3;
  width: 9em;
  display: block;
  position: relative;
}

.banner-title-wrapper {
  z-index: 999;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 67%;
  max-width: 840px;
  display: flex;
  position: relative;
}

.navbar-2 {
  z-index: 1999;
  background-color: #0000;
  width: 100%;
  padding-top: 10px;
  padding-bottom: 10px;
  position: fixed;
  top: 0;
}

.text-span {
  color: var(--secondary-color);
}

.image-9 {
  width: 550px;
  max-width: none;
  height: auto;
  position: static;
  top: 38px;
  right: -70.5px;
}

.image-9._1 {
  border-top-right-radius: 40px;
  border-bottom-left-radius: 40px;
  width: 100%;
}

.about-us-content {
  width: 50%;
  margin-top: 0;
  padding: 0 10px 10px 0;
}

.about-us-content._1 {
  margin-left: 60px;
  padding-right: 0;
}

.about-us-content._2 {
  margin-right: 60px;
}

.heading-8 {
  font-size: 3px;
  font-weight: 600;
}

.paragraph-14 {
  color: #fff;
  font-weight: 400;
}

.paragraph-14.hero-description {
  color: #1e263f;
  width: 100%;
  font-size: 19px;
  line-height: 1.6em;
}

.nav-container {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #0000;
  border: 1px #000;
  justify-content: space-between;
  align-items: center;
  min-width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 10px 20px;
  display: flex;
}

.banner-title-2 {
  z-index: 999;
  color: #fdfdfd;
  text-align: center;
  text-shadow: 1px 1px 6px #1e263f;
}

.banner-title-2.grey-green {
  color: var(--white);
  text-align: center;
  text-transform: uppercase;
  text-shadow: none;
  font-size: 51px;
  font-weight: 800;
  line-height: 1.1;
}

.image-wrap-2 {
  align-self: center;
  width: 50%;
}

.bold-text-27-copy {
  color: var(--darker-green);
  font-size: 30px;
}

.flex-about-copy {
  margin-top: 100px;
  display: flex;
}

.other-services {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.image-72 {
  width: 350px;
  height: 350px;
}

.contact-us-content {
  width: 100%;
}

.contact-us-content.bot {
  display: none;
}

.contact-us-field-label {
  color: #1c2436;
  margin-bottom: 10px;
  font-weight: 400;
}

.contact-us-input {
  border: 1px solid #d8dae3;
  border-radius: 6px;
  height: 52px;
  margin-bottom: 0;
  padding: 0 20px;
  font-size: 16px;
}

.contact-us-input::placeholder {
  color: #bfc2d0;
}

@media screen and (min-width: 1280px) {
  .container {
    max-width: 100%;
    padding-left: 30px;
    padding-right: 30px;
  }

  .top-bar-grid {
    grid-template-columns: 1fr 1fr;
  }

  .header-wrap.fixed {
    left: 30px;
    right: 30px;
  }

  .logo-wrap {
    flex-direction: row;
    justify-content: space-between;
    padding-top: 30px;
    padding-bottom: 30px;
    display: flex;
  }

  .blue-button {
    text-align: center;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-right: 10px;
    padding: 17px 40px;
    font-size: 20px;
  }

  .blue-button.header-button {
    padding: 17px 40px;
    font-size: 20px;
  }

  .nav-link {
    padding-left: 25px;
    padding-right: 25px;
  }

  .nav-link.w--current {
    padding: 20px 24px 20px 25px;
  }

  .banner-title-wrap {
    padding-top: 160px;
    padding-bottom: 110px;
  }

  .banner-title {
    font-size: 50px;
  }

  .footer-content-grid {
    grid-template-columns: 1.7fr 1fr 1fr;
  }

  .footer-link-widget {
    justify-content: flex-start;
  }

  .footer-link-wrap {
    padding-left: 60px;
    padding-right: 20px;
  }

  .hero-wrap {
    padding-top: 240px;
    padding-bottom: 200px;
  }

  .home-intro-section {
    padding-top: 120px;
    padding-bottom: 120px;
  }

  .home-intro-grid {
    grid-column-gap: 50px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    align-items: center;
  }

  .section-subtitle-text {
    font-size: 18px;
  }

  .section-title {
    font-size: 45px;
  }

  .home-intro-content-wrap {
    margin-top: 0;
  }

  .home-experience-wrap {
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    display: flex;
  }

  .expreience-years {
    font-size: 80px;
  }

  .experience-title {
    font-size: 20px;
  }

  .service-tab-section {
    min-height: 900px;
    padding-top: 120px;
    padding-bottom: 120px;
  }

  .service-tabs-content-wrap {
    position: relative;
  }

  .service-tab-content-area {
    margin: 40px 20px 20px;
    padding: 60px;
  }

  .why-choose-grid {
    flex-direction: column;
    grid-template-columns: 1fr 1fr;
    display: flex;
  }

  .why-choose-count-wrap {
    width: 100%;
  }

  .why-choose-content-wrap {
    margin-left: 40px;
  }

  .why-choose-count-area {
    max-width: 1200px;
    margin: 100px 40px;
    padding: 120px 40px;
  }

  .choose-count-title {
    font-size: 25px;
  }

  .customer-section {
    padding-top: 120px;
    padding-bottom: 60px;
  }

  .customer-grid {
    grid-column-gap: 45px;
    grid-template-columns: 1fr 1fr;
  }

  .appointment-wrap {
    margin-top: 0;
  }

  .meet-owner-section {
    padding-top: 150px;
    padding-bottom: 60px;
  }

  .about-button-wrap {
    margin-bottom: 0;
  }

  .history-section {
    padding-top: 120px;
    padding-bottom: 100px;
  }

  .history-grid {
    grid-template-columns: 1fr;
  }

  .contact-detail-section {
    padding-top: 140px;
    padding-bottom: 120px;
  }

  .contact-detail-grid {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .contact-detail-item {
    padding: 50px 40px;
  }

  .contact-detail-title {
    font-size: 25px;
  }

  .contact-detail-link {
    font-size: 30px;
  }

  .contact-address-info {
    padding: 40px 60px 60px;
  }

  .contact-address-title {
    font-size: 25px;
  }

  .contact-form-section, .changelog-section {
    padding-top: 120px;
    padding-bottom: 100px;
  }

  .changelog-wrap {
    padding-top: 80px;
    padding-bottom: 100px;
  }

  .changelog-version-wrap {
    width: 800px;
    margin-left: auto;
    margin-right: auto;
  }

  .license-content-wrap {
    padding-top: 100px;
    padding-bottom: 110px;
  }

  .error-page-wrap {
    padding-top: 140px;
    padding-bottom: 140px;
  }

  .error-title {
    font-size: 450px;
  }

  .error-page-title {
    font-size: 60px;
  }

  .password-section, .blog-section {
    padding-top: 150px;
    padding-bottom: 110px;
  }

  .blog-section.home-blog-section {
    padding-top: 110px;
    padding-bottom: 60px;
  }

  .blog-title {
    font-size: 30px;
  }

  .blog-simple-bio {
    font-size: 18px;
  }

  .blog-single-section {
    padding-top: 140px;
    padding-bottom: 80px;
  }

  .blog-single-content-wrap {
    width: 900px;
  }

  .blog-author-section {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .blog-author-wrap {
    width: 900px;
  }

  .blog-global-section {
    padding-top: 140px;
  }

  .related-posts-section {
    padding-top: 120px;
    padding-bottom: 60px;
  }

  .project-title {
    font-size: 25px;
  }

  .project-single-section {
    padding-top: 140px;
    padding-bottom: 100px;
  }

  .project-single-grid {
    grid-template-columns: .5fr 1fr;
  }

  .related-projects {
    padding-top: 100px;
    padding-bottom: 80px;
  }

  .team-section {
    padding-top: 140px;
    padding-bottom: 70px;
  }

  .team-section.about-team-section {
    padding-top: 120px;
  }

  .team-member-name {
    font-size: 25px;
  }

  .team-single-section {
    padding-top: 140px;
    padding-bottom: 90px;
  }

  .team-single-grid {
    grid-template-columns: .9fr 1fr;
    align-items: center;
  }

  .dropdown-toggle {
    padding-left: 20px;
    padding-right: 40px;
  }

  .faq-section {
    padding-top: 140px;
    padding-bottom: 120px;
  }

  .right-banner {
    width: 47%;
  }

  .sale-title {
    font-size: 45px;
  }

  .sale-title.large {
    font-size: 102px;
  }

  .sale-description {
    font-size: 18px;
  }

  .complete-image-icons {
    width: 25vw;
  }

  .circle._2 {
    width: 50vw;
    height: 50vw;
  }

  .circle._3 {
    width: 40vw;
    height: 40vw;
  }

  .circle._4 {
    width: 30vw;
    height: 30vw;
  }

  .circle.rotate {
    width: 60vw;
    height: 60vw;
  }

  .popup-wrapper {
    margin-left: 0;
    margin-right: 0;
  }

  .about-us-experience-wrap {
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    display: flex;
  }

  .service-preview {
    margin-top: 0;
  }

  .service-page-sticky-section {
    padding-top: 120px;
    padding-bottom: 120px;
  }

  .zack-wrapper {
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    display: flex;
  }

  .zack-button-wrap, .banner-button-wrapper {
    margin-bottom: 0;
  }

  .collection-list-service-grid {
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .lawn-care-title-big {
    font-size: 45px;
  }

  .lawn-care-title-big.large {
    font-size: 102px;
  }

  .lawn-care-description {
    font-size: 18px;
  }

  .gallery-section {
    padding-top: 150px;
    padding-bottom: 110px;
  }

  .gallery-section.projects {
    padding-top: 110px;
    padding-bottom: 60px;
  }

  .gallery-section-2 {
    border-radius: 2em;
  }

  .section-title-2 {
    font-size: 45px;
  }

  .lawn-mowing-service-grid {
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .thank-you-page-title {
    font-size: 60px;
  }

  .section-subtitle-text-2 {
    font-size: 18px;
  }

  .hero-title {
    font-size: 60px;
  }

  .hero-content-wrap {
    width: 60%;
  }

  .hero-subtitle-area {
    padding: 10px 40px 10px 20px;
  }

  .footer-link-wrap-2 {
    padding-left: 60px;
    padding-right: 20px;
  }

  .container-3 {
    max-width: 100%;
    padding-left: 30px;
    padding-right: 30px;
  }

  .banner-section.home-3-banner {
    z-index: 3;
    background-image: none;
    position: relative;
  }

  .section-9 {
    padding-top: 130px;
    padding-bottom: 130px;
  }

  .section-9.main-flowers-green-banner {
    background-image: linear-gradient(to bottom, null, null), url('../images/031824_Great-Salt-Lake_13-scaled_1.webp');
    background-position: 0 0, 0%;
  }

  .container-4 {
    justify-content: center;
    align-items: center;
  }

  .nav-logo-container {
    width: 17em;
  }

  .section-10 {
    background-color: #f6f2e8;
    padding-top: 130px;
    padding-bottom: 130px;
  }

  .section-10.without-bottom-spacing {
    background-color: #f5fff0;
    padding-top: 100px;
  }

  .nav-logo_main {
    width: 9em;
  }

  .banner-title-wrapper {
    justify-content: center;
    align-items: center;
    margin-top: 0;
  }

  .navbar-2 {
    background-color: #0000;
    position: fixed;
    top: 0;
  }

  .image-9 {
    box-shadow: none;
    border-radius: 0;
    width: 600px;
    top: 50px;
    right: -56.5px;
  }

  .image-9._1 {
    width: 550px;
  }

  .about-us-content {
    padding-left: 0;
  }

  .paragraph-14.hero-description {
    font-size: 19px;
  }

  .nav-container {
    background-color: #0000;
    padding: 10px 50px;
  }

  .banner-title-2.grey-green {
    text-align: center;
  }
}

@media screen and (min-width: 1440px) {
  .container {
    max-width: 1200px;
    padding-left: 0;
    padding-right: 0;
  }

  .container.cta {
    padding-left: 100px;
    padding-right: 100px;
  }

  .top-bar-wrap {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .header-section.fixed {
    justify-content: center;
    align-items: center;
  }

  .header-wrap.fixed {
    width: 100%;
    max-width: 1200px;
    left: auto;
    right: auto;
  }

  .logo-wrap {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .header-menu-wrap {
    justify-content: space-between;
    align-items: center;
    padding-left: 20px;
    display: flex;
  }

  .banner-title-wrap {
    width: 980px;
    padding-top: 200px;
    padding-bottom: 140px;
  }

  .banner-title {
    font-size: 60px;
  }

  .footer-section {
    padding-top: 50px;
    padding-bottom: 10px;
  }

  .footer-content-grid {
    margin-top: 50px;
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .hero-section {
    margin-top: 30px;
  }

  .hero-wrap {
    padding-top: 260px;
    padding-bottom: 220px;
  }

  .home-intro-section {
    padding-top: 140px;
    padding-bottom: 140px;
  }

  .service-tab-section {
    min-height: 900px;
    padding-top: 140px;
    padding-bottom: 140px;
  }

  .service-tab-content-area {
    flex-direction: row;
    justify-content: space-between;
    margin: 40px 20px 20px;
    padding: 60px;
    display: flex;
  }

  .service-item {
    padding: 50px 35px;
  }

  .service-content {
    margin-bottom: 25px;
  }

  .why-choose-grid {
    place-items: center stretch;
  }

  .why-choose-count-wrap {
    background-position: 50%;
  }

  .why-choose-content-wrap {
    margin-top: 30px;
    margin-left: 70px;
    margin-right: 60px;
  }

  .why-choose-count-area {
    margin: 140px 80px;
    padding: 100px 80px;
  }

  .choose-count-wrap {
    min-width: 110px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .why-choose-us-item {
    margin-bottom: 25px;
  }

  .customer-section {
    padding-top: 140px;
    padding-bottom: 60px;
  }

  .customer-says-slider-item {
    width: 100%;
    padding: 40px 40px 100px;
  }

  .question-wrap {
    margin-top: 40px;
    margin-bottom: 40px;
    padding: 50px 40px;
  }

  .appointment-form-wrap {
    margin-top: 40px;
    padding: 50px 40px;
  }

  .meet-owner-section {
    padding-top: 170px;
    padding-bottom: 70px;
  }

  .history-section {
    padding-top: 140px;
    padding-bottom: 120px;
  }

  .contact-detail-section {
    padding-top: 170px;
    padding-bottom: 140px;
  }

  .contact-detail-item {
    padding-left: 20px;
    padding-right: 20px;
  }

  .contact-form-section {
    padding-top: 140px;
    padding-bottom: 120px;
  }

  .changelog-section {
    padding-top: 160px;
    padding-bottom: 140px;
  }

  .password-section {
    padding-top: 170px;
    padding-bottom: 130px;
  }

  .password-form-area {
    width: 720px;
  }

  .blog-section {
    padding-top: 170px;
    padding-bottom: 130px;
  }

  .blog-section.home-blog-section {
    padding-top: 140px;
    padding-bottom: 80px;
  }

  .blog-single-section {
    padding-top: 170px;
    padding-bottom: 100px;
  }

  .blog-author-section {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .blog-global-section {
    padding-top: 170px;
    padding-bottom: 60px;
  }

  .related-posts-section {
    padding-top: 140px;
    padding-bottom: 80px;
  }

  .project-single-section {
    padding-top: 170px;
    padding-bottom: 120px;
  }

  .related-projects {
    padding-top: 120px;
    padding-bottom: 100px;
  }

  .team-section {
    padding-top: 170px;
    padding-bottom: 80px;
  }

  .team-section.about-team-section {
    padding-top: 140px;
  }

  .team-item {
    margin-bottom: 20px;
    padding: 20px;
  }

  .team-member-name-wrap {
    margin-top: 20px;
  }

  .team-member-name {
    font-size: 25px;
  }

  .team-single-section {
    padding-top: 170px;
    padding-bottom: 110px;
  }

  .faq-section {
    padding-top: 170px;
    padding-bottom: 120px;
  }

  .complete-image-icons {
    width: 23vw;
  }

  .list-text {
    font-size: 18px;
  }

  .circle._2 {
    width: 50vw;
    height: 50vw;
  }

  .circle._3 {
    width: 40vw;
    height: 40vw;
  }

  .circle._4 {
    width: 30vw;
    height: 30vw;
  }

  .circle.rotate {
    width: 60vw;
    height: 60vw;
  }

  .service-page-sticky-section {
    padding-top: 140px;
    padding-bottom: 140px;
  }

  .include-titles {
    font-size: 18px;
  }

  .gallery-section {
    padding-top: 170px;
    padding-bottom: 130px;
  }

  .gallery-section.projects {
    padding-top: 140px;
    padding-bottom: 80px;
  }

  .appointment-form-wrap-2 {
    margin-top: 40px;
    padding: 50px 40px;
  }

  .service-content-2 {
    margin-bottom: 25px;
  }

  .service-item-2 {
    padding: 50px 35px;
  }

  .heading.hero {
    font-size: 28px;
  }

  .hero-title.home {
    font-size: 55px;
  }

  .container-3 {
    max-width: 1200px;
    padding-left: 0;
    padding-right: 0;
  }

  .banner-section.home-3-banner {
    background-image: none;
    min-height: 100vh;
  }

  .section-9.main-flowers-green-banner {
    background-image: linear-gradient(to bottom, null, null), url('../images/031824_Great-Salt-Lake_13-scaled_1.webp');
    background-position: 0 0, 0%;
  }

  .container-4 {
    justify-content: center;
    align-items: center;
  }

  .nav-logo-container {
    width: 17em;
  }

  .section-10.without-bottom-spacing {
    background-color: #fffddb;
  }

  .nav-logo_main {
    width: 9em;
  }

  .banner-title-wrapper {
    justify-content: center;
    align-items: center;
  }

  .navbar-2 {
    background-color: #0000;
    position: fixed;
    top: 0;
  }

  .image-9 {
    width: 100%;
    height: auto;
    top: 22px;
  }

  .banner-title-2.grey-green {
    text-align: center;
    font-size: 51px;
  }
}

@media screen and (min-width: 1920px) {
  .why-choose-grid {
    grid-template-columns: 1fr 1.2fr;
  }

  .why-choose-content-wrap {
    margin-right: 140px;
  }

  .why-choose-count-area {
    margin-left: 100px;
    margin-right: 100px;
    padding-left: 100px;
    padding-right: 100px;
  }

  .zack-sign-wrap, .polaroid-sign-wrap {
    align-items: center;
  }

  .lawn-care-banner {
    background-image: url('../images/young-dad-his-child-boy-spend-time-outdoors-together_1.webp');
    background-position: 0 85%;
    min-height: 1000px;
  }

  .lawn-care-description {
    font-size: 20px;
  }

  .heading {
    color: #fff;
    font-size: 34px;
  }

  .container-3 {
    max-width: 1400px;
  }

  .about-intro-wrap-2 {
    padding-left: 0;
    padding-right: 0;
  }

  .banner-section.home-3-banner {
    background-image: none;
  }

  .section-9.main-flowers-green-banner {
    height: 70vh;
    min-height: 0;
  }

  .container-4 {
    justify-content: center;
    align-items: center;
  }

  .nav-logo-container {
    width: 20em;
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .section-10.without-bottom-spacing {
    background-color: #fffddb;
    padding: 100px 60px 100px 100px;
  }

  .nav-logo_main {
    width: 12em;
  }

  .banner-title-wrapper {
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: none;
  }

  .navbar-2 {
    background-color: #0000;
    position: fixed;
    top: 0;
  }

  .image-9 {
    width: 100%;
    height: auto;
    top: -34px;
  }

  .about-us-content {
    padding-bottom: 0;
  }

  .paragraph-14.hero-description {
    width: 100%;
    font-size: 18px;
  }

  .nav-container {
    padding: 0 80px;
  }

  .banner-title-2.grey-green {
    text-align: center;
    font-size: 66px;
  }
}

@media screen and (max-width: 991px) {
  h1 {
    font-size: 40px;
  }

  h2 {
    font-size: 36px;
  }

  h3 {
    font-size: 30px;
  }

  h4 {
    font-size: 26px;
  }

  h5 {
    font-size: 24px;
  }

  h6 {
    font-size: 20px;
  }

  .container {
    padding-left: 30px;
    padding-right: 30px;
  }

  .container.cta {
    justify-content: center;
  }

  .top-bar-wrap {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .header-wrap.fixed {
    left: 30px;
    right: 30px;
  }

  .nav-bar-wrap {
    padding-bottom: 50px;
  }

  .logo-wrap {
    grid-row-gap: 20px;
    flex-direction: column;
  }

  .header-link-wrap {
    grid-column-gap: 15px;
  }

  .header-link-wrap.hide-tablet-down {
    display: none;
  }

  .header-link-item {
    margin-left: 10px;
  }

  .header-link-icon-wrap {
    width: 50px;
    height: 50px;
  }

  .header-contact-title {
    font-size: 17px;
  }

  .header-link {
    font-size: 15px;
  }

  .header-menu-wrap {
    padding-left: 10px;
    bottom: -35px;
  }

  .button.main.cta-double, .button.main.cta-double.call {
    width: 80%;
  }

  .blue-button.header-button.secondary.phone-fixed {
    display: block;
  }

  .blue-button.header-button.hide-tablet {
    display: none;
  }

  .nav-link {
    color: var(--paragraph-color);
    width: 100%;
    display: inline-block;
  }

  .nav-link:hover, .nav-link.w--current {
    color: var(--primary-color);
  }

  .nav-link.dropdown-nav {
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 18px;
  }

  .dropdown-list.w--open {
    background-color: var(--white);
    padding-bottom: 0;
    position: relative;
  }

  .banner-title-area-section {
    top: 0;
  }

  .banner-title-wrap {
    width: auto;
    padding-top: 90px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .banner-title-wrap.cms-pages {
    width: auto;
  }

  .banner-title {
    font-size: 40px;
  }

  .footer-top-grid {
    grid-template-rows: auto auto auto auto auto auto;
    grid-template-columns: 1fr;
  }

  .footer-logo-wrap {
    margin-bottom: 40px;
  }

  .footer-content-grid {
    grid-column-gap: 20px;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 2fr;
  }

  .hero-section {
    margin-top: 0;
  }

  .hero-wrap {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .home-intro-section {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .home-intro-grid {
    margin-top: -130px;
    display: block;
  }

  .section-title-wrap.title-center-align, .section-title-wrap.title-center-align._100, .section-title-wrap.intro-section {
    width: 100%;
  }

  .section-subtitle-wrap.margin {
    margin-top: 20px;
  }

  .section-subtitle-text {
    font-size: 17px;
  }

  .section-title {
    font-size: 38px;
  }

  .home-intro-image-wrap.overlap {
    justify-content: center;
    display: flex;
  }

  .service-tab-section {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .service-tab-link {
    padding-left: 20px;
    padding-right: 20px;
  }

  .service-tab-link-text {
    font-size: 18px;
  }

  .service-tab-content-area {
    flex-direction: column-reverse;
    align-items: stretch;
  }

  .service-tab-contents {
    width: 100%;
    padding-right: 0;
  }

  .service-tabs-image {
    width: 100%;
    margin-top: 40px;
  }

  .service-item {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .why-choose-grid {
    display: block;
  }

  .why-choose-count-wrap {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .why-choose-content-wrap {
    padding-top: 80px;
    padding-bottom: 40px;
  }

  .why-choose-count-area {
    margin: 0 20px;
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .customer-section, .customer-wrap {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .customer-grid {
    display: block;
  }

  .appointment-wrap {
    margin-top: 40px;
  }

  .question-wrap {
    padding-left: 20px;
    padding-right: 20px;
  }

  .input-field.first-name {
    margin-right: 10px;
  }

  .meet-owner-section {
    padding-top: 80px;
  }

  .about-intro-feature-list, .about-button-wrap {
    justify-content: center;
  }

  .history-section {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .history-grid {
    display: block;
  }

  .contact-detail-section {
    padding-top: 100px;
    padding-bottom: 80px;
  }

  .contact-detail-grid {
    grid-template-columns: 1fr 1fr;
    align-items: stretch;
  }

  .contact-form-section {
    padding-top: 80px;
    padding-bottom: 60px;
  }

  .changelog-section {
    padding-top: 100px;
  }

  .license-content-wrap {
    padding-top: 70px;
    padding-bottom: 70px;
  }

  .error-page-wrap {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .error-page-title {
    font-size: 40px;
  }

  .password-section {
    padding-top: 100px;
  }

  .password-form-area {
    width: 100%;
    padding: 60px 40px;
  }

  .blog-section {
    padding-top: 100px;
  }

  .blog-section.home-blog-section {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .blog-listing-author-name {
    font-size: 14px;
  }

  .blog-author-link-block {
    min-width: 150px;
    padding: 15px;
  }

  .blog-date {
    padding-left: 5px;
    font-size: 14px;
  }

  .blog-date-wrap {
    min-width: 140px;
    padding: 15px;
  }

  .blog-title {
    font-size: 21px;
  }

  .blog-simple-bio, .view-more-link {
    font-size: 17px;
  }

  .blog-category-link-block {
    padding: 15px;
  }

  .blog-collection-item {
    grid-template-columns: 1fr;
  }

  .blog-global-section {
    padding-top: 100px;
    padding-bottom: 30px;
  }

  .global-banner-section {
    top: 0;
  }

  .project-item {
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .project-title {
    font-size: 20px;
  }

  .project-image-block {
    height: 200px;
  }

  .project-single-section {
    padding-top: 20px;
  }

  .project-title-area-section {
    top: 0;
  }

  .project-single-grid {
    flex-direction: column;
    display: flex;
  }

  .project-detail-wrap {
    order: 0;
    margin-top: 20px;
  }

  .project-single-content-wrap {
    margin-top: 40px;
  }

  .team-section {
    padding-top: 100px;
  }

  .team-member-name {
    font-size: 21px;
    display: block;
  }

  .team-designation {
    font-size: 17px;
  }

  .team-single-section {
    padding-top: 80px;
  }

  .team-single-grid {
    display: block;
  }

  .team-member-main-detail {
    margin-top: 25px;
  }

  .team-single-content-wrap {
    margin-top: 40px;
  }

  .dropdown-toggle {
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
  }

  .menu-button {
    background-color: var(--secondary-color);
    color: var(--white);
  }

  .menu-button.w--open {
    background-color: var(--white);
    color: var(--primary-color);
  }

  .nav-menu {
    background-color: #fff;
    flex-direction: column;
    align-items: flex-start;
    height: auto;
    padding-top: 10px;
    padding-bottom: 10px;
    display: flex;
  }

  .team-single-banner {
    top: 0;
  }

  .team-single-intro {
    margin-top: 10px;
  }

  .faq-section {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .team-highlight-text {
    font-size: 28px;
  }

  .right-banner {
    justify-content: center;
    width: 100%;
    padding-top: 25px;
    padding-bottom: 25px;
    padding-left: 20px;
  }

  .sale-title {
    text-align: center;
    font-size: 34px;
  }

  .sale-title.large {
    font-size: 72px;
  }

  .left-banner {
    width: 100%;
  }

  .sale-description {
    text-align: center;
    font-size: 17px;
  }

  ._20px-spacing.height._10-px {
    height: 10px;
  }

  .content-wrapper {
    align-items: center;
  }

  .button-wrapper.left.picture-perfect-button {
    justify-content: center;
  }

  .button-wrapper.cta {
    flex-direction: column;
  }

  .complete-image {
    width: auto;
    height: auto;
  }

  .complete-image-icons {
    width: 55vw;
  }

  .list-text {
    font-size: 14px;
  }

  .list-wrapper {
    grid-template-columns: .5fr 1fr 1fr .25fr;
  }

  .circle._2 {
    width: 90vw;
    height: 90vw;
  }

  .circle._3 {
    width: 80vw;
    height: 80vw;
  }

  .circle._4 {
    width: 70vw;
    height: 70vw;
  }

  .circle.rotate {
    width: 100vw;
    height: auto;
    transform: rotate(90deg);
  }

  .keep-circles-left {
    width: 90vw;
    height: 90vw;
    margin-bottom: 60px;
  }

  .ultimate-maintenance {
    flex-direction: column;
  }

  .popup-grid {
    grid-row-gap: 0px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  .popup-wrapper {
    border-radius: 0;
    margin-left: 0;
    margin-right: 0;
    overflow: scroll;
  }

  .image-63 {
    width: 60%;
    margin-left: auto;
    margin-right: auto;
    inset: 3% 0% 0%;
  }

  .icon-small.invert {
    width: 1.5rem;
  }

  .close-popup {
    z-index: 5;
  }

  .top-content {
    margin-top: 2rem;
  }

  .popup {
    align-items: flex-start;
    overflow: scroll;
  }

  .image-65 {
    object-fit: cover;
    max-width: none;
    height: 500px;
  }

  .about-us-experience-wrap.intro-section {
    flex-direction: column;
  }

  .about-lists {
    width: 100%;
  }

  .service-heading {
    margin-top: 0;
  }

  .service-wrapper {
    padding-top: 40px;
    padding-left: 40px;
    padding-right: 40px;
  }

  .sticky-slider-logo {
    width: 80%;
  }

  .spacing {
    padding: 5rem .5rem;
  }

  .service-image {
    height: 300px;
  }

  .small-button {
    min-width: 160px;
    padding-left: 0;
    padding-right: 0;
  }

  .sticky-slider {
    padding-left: 6px;
    padding-right: 6px;
  }

  .service-preview {
    padding-top: 30px;
    padding-bottom: 30px;
    left: -52px;
  }

  .service-paragraph {
    font-size: 16px;
  }

  .service-page-sticky-section {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .image-mask {
    max-height: 300px;
  }

  .push-pin-wrapper {
    top: -44px;
  }

  .push-pin {
    width: 100px;
  }

  .zack-wrapper.intro-section {
    flex-direction: column;
  }

  .zack-image-wrap {
    width: auto;
    height: 550px;
    margin-bottom: 40px;
    margin-right: 0;
  }

  .zack-list {
    width: 100%;
  }

  .zack-sign-wrap, .zack-feature-list, .zack-button-wrap {
    justify-content: center;
  }

  .polaroid-image-wrap {
    width: 100%;
  }

  .banner-button-wrapper {
    justify-content: center;
  }

  .collection-list-service-grid {
    grid-template-columns: 1fr;
  }

  .about-image-owner {
    object-fit: cover;
    max-width: none;
  }

  .collection-item {
    width: 400px;
  }

  .polaroid-sign-wrap {
    grid-template-rows: auto auto;
    grid-template-columns: 1.25fr;
  }

  .polaroid-contact-wrap {
    border-bottom: 2px solid var(--light-grey);
    border-right-style: none;
    align-items: center;
    margin-right: 0;
    padding-right: 0;
  }

  .lawn-care-banner {
    align-items: center;
  }

  .lawn-care-title-big {
    font-size: 3.3vw;
  }

  .lawn-care-title-big.large {
    font-size: 7.9vw;
  }

  .lawn-care-description {
    max-width: 500px;
    font-size: 2vw;
  }

  .include-titles {
    font-size: 12px;
  }

  .empty.center-mobile {
    display: block;
  }

  .empty.center-mobile._2, .empty.center-mobile._3 {
    display: none;
  }

  .icon-3, .dropdown-text {
    color: var(--paragraph-color);
  }

  .icon-5, .icon-6 {
    color: var(--primary-color);
  }

  .gallery-section {
    padding-top: 100px;
  }

  .gallery-section.projects {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .gallery-slide {
    width: 50%;
  }

  .tabs-photo {
    min-height: 300px;
  }

  .section-title-2 {
    font-size: 38px;
  }

  .service-item-2 {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .lawn-mowing-service-grid {
    grid-template-columns: 1fr;
  }

  .main-logo {
    width: auto;
  }

  .thank-you-page-title {
    font-size: 40px;
  }

  .section-subtitle-text-2 {
    font-size: 17px;
  }

  .heading.hero {
    font-size: 3vw;
  }

  .hero-title.home {
    font-size: 5vw;
  }

  .hero-content-wrap {
    width: 80%;
  }

  .container-3 {
    padding-left: 30px;
    padding-right: 30px;
  }

  .banner-section.home-3-banner {
    flex-flow: column;
    margin-top: 0;
    padding-top: 100px;
    padding-bottom: 0;
    display: block;
  }

  .section-9 {
    padding: 100px 60px;
  }

  .section-9.main-flowers-green-banner {
    padding-top: 140px;
  }

  .container-4 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .flex-about {
    flex-flow: column;
  }

  .nav-logo-container {
    z-index: 1;
    margin-right: 2em;
  }

  .section-10 {
    padding: 100px 60px;
  }

  .section-10.without-bottom-spacing {
    padding: 60px;
  }

  .nav-logo_main {
    opacity: 1;
    display: block;
  }

  .banner-title-wrapper {
    width: 100%;
  }

  .navbar-2 {
    padding-top: 0;
    padding-bottom: 15px;
  }

  .image-9 {
    width: 100%;
    height: auto;
  }

  .about-us-content {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    padding: 0;
    display: flex;
  }

  .about-us-content._1 {
    width: 100%;
    margin-left: 0;
  }

  .about-us-content._2 {
    width: 100%;
  }

  .heading-8 {
    text-align: center;
    padding-left: 0;
  }

  .paragraph-14.hero-description {
    text-align: center;
    width: 80%;
    font-size: 16px;
  }

  .nav-container {
    background-color: #0000;
    padding-left: 15px;
    padding-right: 15px;
  }

  .banner-title-2.grey-green {
    font-size: 40px;
  }

  .image-wrap-2 {
    order: -1;
    width: 70%;
  }

  .flex-about-copy {
    flex-flow: column;
  }
}

@media screen and (max-width: 767px) {
  h1 {
    font-size: 36px;
  }

  h2 {
    font-size: 32px;
  }

  p {
    font-size: 17px;
  }

  li {
    padding-top: 6px;
    padding-bottom: 6px;
    font-size: 17px;
  }

  blockquote {
    padding: 40px 40px 40px 20px;
    font-size: 18px;
  }

  .container {
    padding-left: 20px;
    padding-right: 20px;
  }

  .top-bar-grid {
    grid-template-columns: 1fr;
  }

  .top-bar-opening-hour {
    text-align: center;
  }

  .header-wrap.fixed {
    left: 20px;
    right: 20px;
  }

  .logo-wrap {
    flex-direction: column;
    padding-top: 5px;
    padding-bottom: 5px;
  }

  .header-link-wrap {
    flex-direction: column;
    align-items: flex-start;
    display: none;
  }

  .header-link-item {
    margin-top: 10px;
  }

  .header-link {
    font-size: 17px;
  }

  .blue-button.header-button.scrolling-nav {
    padding: 15px;
  }

  .nav-link.dropdown-nav {
    padding-left: 18px;
  }

  .banner-title-wrap {
    padding-top: 70px;
    padding-bottom: 70px;
  }

  .banner-title {
    font-size: 36px;
  }

  .call-to-action-section {
    flex-direction: column;
  }

  .footer-top-grid {
    grid-template-columns: 1fr;
  }

  .footer-logo-wrap {
    margin-bottom: 20px;
  }

  .footer-contact-item {
    margin-bottom: 10px;
  }

  .footer-content-grid {
    grid-template-columns: 1fr;
  }

  .footer-link-widget {
    border-left-style: none;
    border-right-style: none;
    justify-content: flex-start;
    margin-top: 20px;
    margin-bottom: 10px;
    padding-left: 0;
  }

  .footer-link-wrap {
    padding-left: 0;
    padding-right: 40px;
  }

  .footer-link {
    font-size: 17px;
  }

  .copyright-wrap {
    text-align: center;
  }

  .home-intro-grid {
    margin-top: -100px;
  }

  .section-title {
    font-size: 34px;
  }

  .home-experience-wrap {
    flex-direction: column;
  }

  .home-experience-area {
    width: 100%;
    margin-bottom: 20px;
  }

  .home-experience-lists {
    width: 100%;
  }

  .service-tabs-menu {
    flex-direction: column;
  }

  .service-tab-link {
    margin-bottom: 20px;
  }

  .service-tab-content-area {
    margin-left: 10px;
    margin-right: 0;
  }

  .why-choose-count-wrap.margin {
    margin-bottom: 40px;
  }

  .why-choose-count-area {
    min-width: auto;
    padding-left: 20px;
    padding-right: 20px;
  }

  .choose-count-wrap {
    min-width: 100px;
  }

  .choose-count-number {
    margin-top: 5px;
    margin-bottom: 5px;
    font-size: 24px;
  }

  .choose-count-content {
    padding-right: 20px;
  }

  .choose-count-title {
    font-size: 17px;
  }

  .question-contact-link {
    font-size: 26px;
  }

  .about-intro-feature-list, .about-intro-lists-wrap {
    flex-direction: column;
  }

  .about-point-list-item.about-half-width-item {
    min-width: 250px;
    padding-right: 0;
  }

  .about-sign-content-wrap {
    border-bottom: 2px solid var(--light-grey);
    border-right-style: none;
    align-items: center;
    margin-left: 0;
    margin-right: 0;
    padding-right: 0;
  }

  .about-button-wrap {
    flex-direction: column;
    align-items: center;
  }

  .about-contact-wrap {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-top: 10px;
    padding-left: 0;
    display: flex;
  }

  .contact-detail-grid {
    grid-template-columns: 1fr;
  }

  .contact-detail-item {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .contact-detail-link {
    font-size: 24px;
  }

  .contact-address-info {
    padding-bottom: 50px;
  }

  .changelog-section {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .changelog-wrap {
    padding-top: 40px;
    padding-bottom: 60px;
  }

  .changelog-version-wrap {
    margin-top: 20px;
    margin-left: 20px;
    margin-right: 20px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .license-content-wrap, .error-page-wrap {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .error-title {
    font-size: 150px;
  }

  .error-page-title {
    font-size: 29px;
  }

  .password-page-title {
    font-size: 40px;
  }

  .password-content {
    font-size: 17px;
  }

  .blog-author-link-block {
    min-width: 140px;
  }

  .blog-title {
    font-size: 24px;
  }

  .blog-single-section {
    padding-bottom: 60px;
  }

  .blog-single-content-wrap {
    width: 100%;
    margin-top: 40px;
  }

  .blog-author-section {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .blog-global-section {
    padding-top: 80px;
  }

  .related-posts-grid {
    grid-template-columns: 1fr;
    display: block;
  }

  .project-title {
    font-size: 24px;
  }

  .project-image-block {
    height: 400px;
  }

  .team-member-name {
    font-size: 24px;
  }

  .team-contact-title {
    width: 20%;
  }

  .brand {
    margin-bottom: 10px;
  }

  .team-single-meta-detail {
    padding-left: 20px;
    padding-right: 20px;
  }

  .team-highlight-text {
    font-size: 26px;
  }

  .image.logo-footer {
    height: 250px;
  }

  .right-banner {
    width: 100%;
  }

  .sale-title {
    text-align: center;
    font-size: 34px;
  }

  .sale-title.large {
    font-size: 72px;
  }

  .left-banner {
    width: 100%;
  }

  .sale-description {
    text-align: center;
    max-width: 75%;
    font-size: 17px;
  }

  ._20px-spacing.height._10-px {
    height: 20px;
  }

  .content-wrapper {
    align-items: center;
  }

  .button-wrapper {
    flex-wrap: wrap;
  }

  .button-wrapper.left {
    justify-content: center;
  }

  .button-wrapper.cta {
    padding-left: 0;
    padding-right: 0;
  }

  .complete-image {
    width: auto;
    height: auto;
  }

  .complete-image-icons {
    width: 55vw;
  }

  .list-text {
    font-size: 14px;
  }

  .list-wrapper {
    grid-column-gap: 0px;
    grid-template-columns: .25fr .5fr .25fr;
    justify-content: center;
  }

  .list {
    padding-left: 0;
    list-style-type: none;
  }

  .list.first {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-right: 0;
    display: flex;
  }

  .circle {
    width: 400px;
  }

  .circle._2 {
    width: 90vw;
    height: 90vw;
  }

  .circle._3 {
    width: 80vw;
    height: 80vw;
  }

  .circle._4 {
    width: 70vw;
    height: 70vw;
  }

  .circle.rotate {
    width: 100vw;
    height: auto;
    transform: rotate(90deg);
  }

  .keep-circles-left {
    width: 90vw;
    height: 80vw;
    margin-bottom: 60px;
  }

  .ultimate-maintenance {
    flex-direction: column;
  }

  .popup-wrapper {
    border-radius: 0;
  }

  .image-63 {
    width: 70%;
  }

  .heading-tertiary.lose__top-margin {
    margin-top: 0;
  }

  .feature-paragraph {
    font-size: 1rem;
  }

  .feature-paragraph.popup-form {
    font-size: 17px;
  }

  .popup-form-wrapper {
    padding-top: 1rem;
  }

  .about-us-experience-wrap {
    flex-direction: column;
  }

  .about-us-experience-wrap.intro-section {
    grid-template-columns: .5fr;
    display: flex;
  }

  .author-name-contact {
    border-right-style: none;
    margin-left: 0;
    margin-right: 0;
    padding-right: 0;
  }

  .thanks-title {
    font-size: 100px;
  }

  .service-heading {
    font-size: 30px;
  }

  .service-wrapper {
    padding-top: 8vw;
    padding-left: 8vw;
    padding-right: 8vw;
  }

  .spacing {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .service-image {
    height: 400px;
  }

  .post-category {
    font-size: 14px;
  }

  .sticky-slider {
    margin-top: 75px;
  }

  .right-column {
    display: none;
  }

  .service-paragraph {
    font-size: 14px;
  }

  .image-mask {
    max-height: 400px;
  }

  .push-pin-wrapper {
    top: -80px;
  }

  .push-pin {
    width: 125px;
  }

  .zack-wrapper {
    flex-direction: column;
  }

  .zack-image-wrap {
    margin-bottom: 20px;
  }

  .zack-list {
    width: 100%;
  }

  .zack-sign-wrap {
    flex-direction: column;
    align-items: center;
  }

  .zack-feature-list {
    flex-direction: column;
    margin-left: 20%;
  }

  .zack-button-wrap {
    flex-direction: column;
    align-items: center;
  }

  .zack-intro-list-wrap {
    flex-direction: column;
  }

  .benefits-heading {
    text-align: center;
  }

  .polaroid-image-wrap {
    margin-bottom: 20px;
    position: static;
  }

  .banner-button-wrapper {
    flex-direction: column;
    align-items: center;
  }

  .about-image-owner {
    width: auto;
    height: 500px;
  }

  .polaroid-sign-wrap {
    flex-direction: column;
    align-items: center;
  }

  .polaroid-contact-wrap {
    border-right-style: none;
    align-items: center;
    margin-left: 0;
    margin-right: 0;
    padding-right: 0;
  }

  .polaroid-contact-wrap-2 {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-top: 10px;
    padding-left: 0;
    display: flex;
  }

  .lawn-care-title-big {
    text-align: center;
    font-size: 34px;
  }

  .lawn-care-title-big.large {
    font-size: 70px;
  }

  .lawn-care-description {
    text-align: center;
    max-width: 100%;
    font-size: 17px;
  }

  .includes-wrapper {
    text-align: center;
  }

  .include-titles {
    font-size: 12px;
  }

  .empty.center-mobile._2, .empty.center-mobile._3 {
    display: block;
  }

  .gallery-slide {
    width: 100%;
  }

  .pay-wrapper {
    flex-direction: column;
  }

  .mowing-service-image._4 {
    object-position: 100% 0%;
  }

  .mowing-service-image._3 {
    object-position: 0% 0%;
  }

  .section-title-2 {
    font-size: 34px;
  }

  .thank-you-page-title {
    font-size: 29px;
  }

  .hero-button-wrap {
    flex-flow: column;
    display: flex;
  }

  .heading {
    font-size: 22px;
  }

  .hero-title {
    font-size: 45px;
    line-height: 1.2;
  }

  .hero-title.home {
    font-size: 34px;
    line-height: 1.3;
  }

  .hero-content-wrap {
    width: 80%;
    margin-bottom: 0;
  }

  .hero-subtitle {
    align-self: center;
  }

  .hero-subtitle-area {
    padding-right: 20px;
  }

  .footer-link-wrap-2 {
    padding-left: 0;
    padding-right: 40px;
  }

  .container-3 {
    max-width: none;
    padding-left: 20px;
    padding-right: 20px;
  }

  .banner-section {
    height: 600px;
  }

  .banner-section.home-3-banner {
    background-image: none;
  }

  .banner-section.home-3-banner.about-section {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .banner-section.home-3-banner.about-section.about-us-banner-new {
    padding-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .section-9 {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .section-9.main-flowers-green-banner {
    min-height: 250px;
  }

  .section-10 {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .section-10.without-bottom-spacing.lp {
    padding-bottom: 20px;
  }

  .nav-logo_main {
    opacity: 1;
  }

  .navbar-2 {
    position: fixed;
  }

  .image-9 {
    width: 100%;
  }

  .about-us-content {
    padding-top: 0;
    padding-bottom: 60px;
  }

  .about-us-content._1, .about-us-content._2 {
    padding-bottom: 20px;
  }

  .heading-8 {
    text-align: center;
  }

  .paragraph-14.hero-description {
    text-align: center;
    width: 100%;
  }

  .nav-container {
    background-color: #0000;
  }

  .banner-title-2.grey-green {
    font-size: 42px;
  }

  .image-wrap-2 {
    width: 90%;
  }

  .flex-about-copy {
    margin-top: 20px;
  }

  .contact-us-input {
    font-size: 14px;
    line-height: 24px;
  }
}

@media screen and (max-width: 479px) {
  blockquote {
    border-left-width: 25px;
  }

  .top-bar-wrap {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .top-bar-grid {
    grid-template-rows: auto auto;
  }

  .top-opening-wrap {
    margin-bottom: 5px;
  }

  .top-social-wrap {
    align-items: center;
    display: flex;
  }

  .top-bar-opening-hour {
    font-size: 16px;
  }

  .header-link-wrap {
    flex-direction: column;
    align-items: flex-start;
  }

  .header-link-item {
    margin-bottom: 10px;
  }

  .header-link-icon-wrap {
    width: 40px;
    height: 40px;
    padding: 12px;
  }

  .header-link-content {
    flex-flow: column wrap;
  }

  .header-link.shrink {
    font-size: 3.5vw;
  }

  .button {
    margin-right: 0;
    padding: 14px 30px;
    font-size: 17px;
  }

  .button.main.cta-double, .button.main.cta-double.call {
    width: 100%;
  }

  .blue-button {
    padding: 14px 30px;
    font-size: 17px;
  }

  .blue-button.header-button {
    font-size: 14px;
  }

  .nav-link {
    font-size: 17px;
  }

  .dropdown-menu-link {
    font-size: 16px;
  }

  .dropdown-list.w--open {
    background-color: var(--white);
  }

  .banner-title-wrap {
    padding: 60px 20px;
  }

  .banner-title-wrap.cms-pages {
    flex-direction: column;
  }

  .banner-title {
    font-size: 26px;
  }

  .banner-title.custom-banner-title {
    padding-left: 0;
  }

  .footer-section {
    overflow: hidden;
  }

  .footer-top-grid {
    flex-direction: column;
    align-items: flex-start;
    display: flex;
  }

  .footer-contact-link {
    font-size: 15px;
  }

  .footer-content-grid {
    margin-top: 40px;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .footer-social-link {
    width: 50px;
    height: 50px;
  }

  .footer-link-widget {
    flex-direction: column;
  }

  .footer-link-widget.special {
    margin-top: 0;
  }

  .footer-link-wrap {
    margin-bottom: 30px;
    padding-right: 0;
  }

  .hero-section {
    background-position: 0 0, 50%;
  }

  .hero-wrap {
    padding-top: 100px;
    padding-bottom: 80px;
  }

  .home-intro-section {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .home-intro-grid {
    margin-top: 0;
  }

  .section-subtitle-text {
    font-size: 16px;
  }

  .section-title {
    font-size: 28px;
  }

  .home-experience-area {
    margin-left: 20px;
    margin-right: 20px;
  }

  .service-tab-link {
    justify-content: center;
    margin-left: 0;
    margin-right: 0;
  }

  .service-tab-link.w--current {
    justify-content: center;
  }

  .service-tab-content-area {
    margin-left: 0;
    padding-left: 20px;
    padding-right: 20px;
  }

  .service-item {
    padding: 30px 20px;
  }

  .service-title_heading {
    font-size: 24px;
  }

  .choose-count-item {
    flex-direction: column;
    align-items: stretch;
  }

  .choose-count-wrap {
    text-align: center;
  }

  .choose-count-number {
    font-size: 22px;
  }

  .choose-count-content {
    border: 1px solid var(--white);
    text-align: center;
    padding-left: 20px;
    padding-right: 20px;
  }

  .choose-count-title {
    margin-left: 0;
    font-size: 20px;
  }

  .why-choose-us-item {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-direction: column;
    grid-template-rows: auto auto auto;
    grid-template-columns: minmax(32px, 32px) 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .why-choose-image-wrap {
    width: 32px;
    min-width: auto;
    height: 32px;
    min-height: auto;
  }

  .why-choose-item-content {
    padding-top: 0;
    padding-left: 0;
  }

  .customer-wrap {
    padding-top: 0;
    padding-bottom: 0;
  }

  .appointment-wrap {
    margin-top: 0;
    padding-top: 40px;
  }

  .customer-says-slider-item {
    padding: 20px 20px 100px;
  }

  .customer-top-wrap, .customer-image-wrap {
    flex-direction: column;
  }

  .customer-quote-wrap {
    display: none;
  }

  .left-arrow {
    bottom: 5%;
  }

  .customer-says-content {
    margin-bottom: 20px;
  }

  .right-arrow {
    bottom: 5%;
    left: 41%;
  }

  .question-wrap {
    padding-left: 20px;
    padding-right: 20px;
  }

  .question-contact-link {
    font-size: 20px;
  }

  .appointment-form-wrap {
    padding: 30px 20px;
  }

  .input-field, .input-field::placeholder {
    font-size: 16px;
  }

  .about-intro-feature-list {
    margin-left: 0%;
  }

  .about-point-list-item {
    padding-right: 10px;
  }

  .about-point-list-item.about-half-width-item {
    width: 100%;
  }

  .about-founder-name {
    text-align: center;
  }

  .about-contact-link {
    font-size: 22px;
  }

  .contact-detail-link {
    padding-bottom: 10px;
    font-size: 22px;
  }

  .contact-address-info {
    padding-left: 20px;
    padding-right: 20px;
  }

  .changelog-version-wrap {
    padding: 20px 10px 30px;
  }

  .error-title {
    font-size: 100px;
  }

  .error-page-title {
    font-size: 22px;
  }

  .error-button-wrap {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: column;
  }

  .password-section {
    padding-top: 80px;
    padding-bottom: 70px;
  }

  .password-form-area {
    padding-left: 20px;
    padding-right: 20px;
  }

  .password-page-title {
    font-size: 31px;
  }

  .blog-section {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .blog-meta-wrap {
    position: relative;
  }

  .blog-author-link-block, .blog-date-wrap {
    width: 100%;
  }

  .blog-meta-listing {
    flex-direction: column;
  }

  .blog-content-wrap {
    margin-top: 20px;
  }

  .blog-title {
    font-size: 22px;
    line-height: 1.3;
  }

  .blog-readmore-link {
    margin-top: 15px;
  }

  .blog-single-meta-wrap {
    position: relative;
  }

  .blog-category-link-block {
    width: 100%;
  }

  .project-item {
    padding-left: 15px;
    padding-right: 15px;
  }

  .project-title {
    font-size: 21px;
  }

  .project-detail-wrap {
    padding-left: 20px;
    padding-right: 20px;
  }

  .team-item {
    padding: 10px;
  }

  .team-contact-item {
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 5px;
  }

  .team-contact-title {
    width: 100%;
    margin-bottom: 5px;
  }

  .team-contact-link {
    margin-left: 0;
  }

  .team-highlight-text {
    font-size: 24px;
  }

  .image.logo-footer {
    height: auto;
    padding-right: 0;
  }

  .right-banner {
    min-height: auto;
    margin-top: 20px;
    padding: 20px 10px;
  }

  .sale-title {
    margin-bottom: 0;
    font-size: 23px;
  }

  .sale-title.large {
    font-size: 55px;
  }

  .left-banner {
    align-items: center;
  }

  .sale-description {
    max-width: 100%;
  }

  ._20px-spacing.wide {
    display: flex;
  }

  .content-wrapper {
    padding: 0;
  }

  .button-wrapper {
    flex-direction: row;
  }

  .list-wrapper {
    grid-column-gap: 0px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  .circle._2 {
    width: 90vw;
    height: 90vw;
  }

  .circle._3 {
    width: 80vw;
    height: 80vw;
  }

  .circle._4 {
    width: 70vw;
    height: 70vw;
  }

  .circle.rotate {
    width: 100vw;
  }

  .keep-circles-left {
    margin-bottom: 40px;
  }

  .heading-secondary.popup-contact {
    margin-top: .5rem;
    margin-bottom: .125rem;
    font-size: 1.5rem;
    line-height: 1.5;
  }

  .feature-paragraph {
    font-size: 1rem;
  }

  .feature-paragraph.popup-form {
    margin-bottom: 0;
  }

  .popup-form-wrapper {
    padding-bottom: 1rem;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .popup-content-wrapper {
    padding: 1rem 1rem 0;
    overflow: hidden;
  }

  .popup__contact-links {
    grid-row-gap: 5px;
    padding-left: 0;
    padding-right: 0;
  }

  .top-content {
    padding-left: 0;
    padding-right: 0;
  }

  .about-image-mask {
    width: 100%;
    height: 100%;
  }

  .image-65 {
    width: 100vw;
  }

  .about-lists {
    padding-left: 30px;
    padding-right: 30px;
  }

  .thanks-title {
    font-size: 50px;
  }

  .service-wrapper {
    padding-top: 30px;
    padding-left: 25px;
    padding-right: 25px;
  }

  .service-image {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    height: 250px;
  }

  .sticky-slider {
    margin-top: 9px;
  }

  .right-column {
    padding-left: 0;
    padding-right: 0;
  }

  .service-preview {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    width: 100%;
    margin-left: 0;
    padding-top: 10px;
    padding-bottom: 20px;
    top: 129px;
    left: 0;
  }

  .left-column {
    padding-left: 0;
    padding-right: 0;
  }

  .image-mask {
    max-height: 250px;
  }

  .push-pin-wrapper {
    top: -58px;
  }

  .push-pin {
    width: 100px;
    max-width: none;
  }

  .zack-image-wrap {
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .zack-feature-list {
    margin-left: 10%;
  }

  .benefits-item-wrapper {
    padding-right: 10px;
  }

  .polaroid-image-wrap {
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .about-image-mask-owner {
    width: 100%;
    height: 100%;
  }

  .detailed-info-wrapper {
    padding-left: 20px;
    padding-right: 20px;
  }

  .about-image-owner {
    width: 100vw;
  }

  .polaroid-call {
    font-size: 22px;
  }

  .service-area-image {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }

  .banner-content {
    padding-left: 10px;
    padding-right: 10px;
  }

  .lawn-care-title-big {
    margin-bottom: 0;
    font-size: 23px;
  }

  .lawn-care-title-big.large {
    font-size: 48px;
  }

  .lawn-care-description {
    max-width: 100%;
    font-size: 17px;
  }

  .empty.center-mobile, .empty.center-mobile._2, .empty.center-mobile._3 {
    display: none;
  }

  .service-items-wrap {
    padding-left: 15px;
    padding-right: 15px;
  }

  .gallery-section {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .gallery-slider {
    margin-left: 0;
    margin-right: 0;
    padding-left: 67px;
    padding-right: 67px;
  }

  .left-arrow-3 {
    justify-content: center;
    align-items: center;
  }

  .footer-contact-info {
    font-size: 15px;
  }

  .input-field-2, .input-field-2::placeholder {
    font-size: 16px;
  }

  .appointment-form-wrap-2 {
    padding: 30px 20px;
  }

  .service-title_heading-2 {
    font-size: 24px;
  }

  .service-items-wrap-2 {
    padding: 10px;
  }

  .mowing-service-image {
    object-position: 0% 0%;
  }

  .mowing-service-image._2 {
    object-position: 100% 0%;
  }

  .section-title-2 {
    font-size: 28px;
  }

  .service-item-2 {
    padding: 30px 20px;
  }

  .lawn-mowing-only-service-wrapper {
    padding-left: 20px;
    padding-right: 20px;
  }

  .image-71 {
    object-fit: contain;
    width: 10px;
  }

  .thank-you-page-title {
    font-size: 22px;
  }

  .section-subtitle-text-2 {
    font-size: 16px;
  }

  .service-area-city-list {
    padding-left: 0;
    padding-right: 0;
  }

  .heading {
    font-size: 14px;
  }

  .hero-title {
    font-size: 24px;
  }

  .subtitle-wrap {
    align-items: flex-start;
  }

  .button-2 {
    margin-right: 0;
    padding: 14px 30px;
    font-size: 17px;
  }

  .hero-subtitle {
    font-size: 15px;
  }

  .hero-subtitle-area {
    padding-left: 10px;
    padding-right: 10px;
  }

  .checks-div {
    grid-template-columns: 1fr;
    overflow: hidden;
  }

  .footer-link-wrap-2 {
    margin-bottom: 0;
    padding-right: 0;
  }

  .footer-widget-title-2 {
    font-size: 18px;
  }

  .name {
    flex-flow: column;
  }

  .accordion-toggle-2 {
    height: 100px;
  }

  .text-block-18 {
    font-size: 16px;
    line-height: 1.5;
  }

  .paragraph-12 {
    font-size: 15px;
  }

  .banner-section {
    height: auto;
  }

  .banner-section.home-3-banner {
    background-image: linear-gradient(#0000, #0000);
    flex-flow: row;
    min-height: 100vh;
    margin-top: 40px;
  }

  .banner-section.home-3-banner.about-section {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .banner-section.home-3-banner.about-section.about-us-banner-new {
    padding-left: 0;
    padding-right: 0;
  }

  .section-9, .section-10 {
    padding-bottom: 60px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .section-10.without-bottom-spacing {
    padding: 60px 10px;
  }

  .image-9 {
    width: 300px;
    height: 200px;
    margin-bottom: 60px;
    inset: 32% 2% auto 59px;
  }

  .image-9._1 {
    object-fit: cover;
    height: 400px;
  }

  .about-us-content {
    margin-top: 0;
    padding-top: 0;
    padding-bottom: 40px;
  }

  .heading-8 {
    text-align: center;
    padding-left: 0;
    font-size: 28px;
  }

  .paragraph-14.hero-description {
    width: 100%;
    margin-top: 0;
    font-size: 14px;
  }

  .nav-container {
    background-color: #0000;
  }

  .banner-title-2.grey-green {
    font-size: 31px;
  }

  .image-wrap-2 {
    width: 100%;
  }

  .bold-text-27-copy {
    font-size: 28px;
  }

  .contact-us-input {
    height: 45px;
    padding-left: 15px;
    padding-right: 15px;
  }
}

#w-node-_05b3628e-b651-3282-3396-8dee2ab43b96-bce86218 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center;
}

#w-node-_3300c30a-de8a-18eb-7f8c-c192ed4455b0-bce86218, #w-node-c686c058-01ca-7545-f1fc-04a09a4af4d4-bce86218 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-e47f08a5-a643-453a-c975-4c50694e42de-694e42da {
  grid-area: span 3 / span 1 / span 3 / span 1;
}

#w-node-e47f08a5-a643-453a-c975-4c50694e42ea-694e42da, #w-node-e47f08a5-a643-453a-c975-4c50694e42e1-694e42da, #w-node-e47f08a5-a643-453a-c975-4c50694e42f3-694e42da, #w-node-e47f08a5-a643-453a-c975-4c50694e42fd-694e42da, #w-node-e47f08a5-a643-453a-c975-4c50694e4309-694e42da, #w-node-_39105a99-e2f0-e8a4-cc5c-b65fb030532b-b0305327, #w-node-_39105a99-e2f0-e8a4-cc5c-b65fb030539e-b0305327, #w-node-_3aa29cf3-4ad6-db7d-9655-a048c88351a1-c8835199, #w-node-_3aa29cf3-4ad6-db7d-9655-a048c88351a5-c8835199, #w-node-_3aa29cf3-4ad6-db7d-9655-a048c88351a9-c8835199, #w-node-_3aa29cf3-4ad6-db7d-9655-a048c88351ad-c8835199, #w-node-_3aa29cf3-4ad6-db7d-9655-a048c88351b1-c8835199, #w-node-_3aa29cf3-4ad6-db7d-9655-a048c88351b5-c8835199, #w-node-_3aa29cf3-4ad6-db7d-9655-a048c88351b9-c8835199, #w-node-_3aa29cf3-4ad6-db7d-9655-a048c88351bd-c8835199, #w-node-_3aa29cf3-4ad6-db7d-9655-a048c88351c1-c8835199, #w-node-_3aa29cf3-4ad6-db7d-9655-a048c88351c5-c8835199, #w-node-_8ad54090-36e4-bd1b-bed9-4f3f524d728b-c8835199, #w-node-_22e9c161-36fb-dec8-67c7-e4c5c0324848-c8835199, #w-node-a1d6f04e-03ae-5a3c-e3ce-2203d39b5924-c8835199, #w-node-_3aa29cf3-4ad6-db7d-9655-a048c88351c9-c8835199, #w-node-_3aa29cf3-4ad6-db7d-9655-a048c88351cd-c8835199, #w-node-_118733ae-5890-c564-5b68-ed914404739e-c8835199, #w-node-_2e10879e-faea-6d44-f612-073a690753c6-690753c4, #w-node-_855a760b-018d-2bbb-5225-dfe0a0cce68a-a0cce68a, #w-node-c3475e62-81d7-7444-0ab5-4643c51ea191-c51ea18d {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-c3475e62-81d7-7444-0ab5-4643c51ea194-c51ea18d {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: end;
}

#w-node-bf167b04-9c25-40c2-3b50-e56d5fb25959-56e8621b, #w-node-_4658be57-5bc2-8fac-04d9-eeacc0a6bd6e-b4e8621c, #w-node-ea546c33-fc7f-fb56-f531-dcad7cb576fc-5ae8621e, #w-node-_1cc85383-3e4f-2eff-8c3b-65695d999b3e-5ae8621e, #w-node-fad48694-72e2-c3f9-51c0-7da489293f66-5ae8621e, #w-node-_4658be57-5bc2-8fac-04d9-eeacc0a6bd6e-6de86229, #w-node-_7c125d78-1d02-5716-9b0c-80a64909da4e-6de86229, #w-node-bad598c4-a3fd-b684-7af5-c34040fd5db7-6de86229, #w-node-_3e3429ec-d93b-049d-3599-d71028eecb87-6de86229, #w-node-_43826617-8dea-c5b5-c994-618abc743f7c-6de86229, #w-node-b1f39b1e-a204-ab6f-b6bc-ac6a5cd8f931-6de86229, #w-node-_699c33ce-3e4c-f26f-4f92-0ecccbdd6531-6de86229, #w-node-_4658be57-5bc2-8fac-04d9-eeacc0a6bd6e-50e8622b, #w-node-f83f18d0-9e5c-42f5-21d0-fe8a304ef628-304ef614, #w-node-f83f18d0-9e5c-42f5-21d0-fe8a304ef644-304ef614 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-f83f18d0-9e5c-42f5-21d0-fe8a304ef646-304ef614, #w-node-f83f18d0-9e5c-42f5-21d0-fe8a304ef648-304ef614 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-f83f18d0-9e5c-42f5-21d0-fe8a304ef656-304ef614, #w-node-f83f18d0-9e5c-42f5-21d0-fe8a304ef657-304ef614, #w-node-f83f18d0-9e5c-42f5-21d0-fe8a304ef65e-304ef614, #w-node-f83f18d0-9e5c-42f5-21d0-fe8a304ef65f-304ef614, #w-node-f83f18d0-9e5c-42f5-21d0-fe8a304ef666-304ef614, #w-node-f83f18d0-9e5c-42f5-21d0-fe8a304ef667-304ef614, #w-node-f83f18d0-9e5c-42f5-21d0-fe8a304ef66e-304ef614, #w-node-f83f18d0-9e5c-42f5-21d0-fe8a304ef66f-304ef614 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-f83f18d0-9e5c-42f5-21d0-fe8a304ef676-304ef614 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-a6ff44e0-4c1d-63f8-850e-020bef39634d-ef39633b, #w-node-a6ff44e0-4c1d-63f8-850e-020bef396357-ef39633b {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-a6ff44e0-4c1d-63f8-850e-020bef39635a-ef39633b, #w-node-a6ff44e0-4c1d-63f8-850e-020bef39635c-ef39633b, #w-node-a6ff44e0-4c1d-63f8-850e-020bef396370-ef39633b {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_23e49ce7-5fd0-fe00-323b-42474b5d6350-4b5d6350 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-ea798320-988f-9b89-c792-694889ff3419-89ff340c {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: center;
}

#w-node-ea798320-988f-9b89-c792-694889ff341b-89ff340c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

@media screen and (max-width: 991px) {
  #w-node-e47f08a5-a643-453a-c975-4c50694e4309-694e42da {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-f25a2ffe-5b4c-aa4f-ebc8-0807f796becd-56e8621b {
    align-self: start;
  }

  #w-node-a6ff44e0-4c1d-63f8-850e-020bef39634d-ef39633b {
    order: -9999;
  }
}

@media screen and (max-width: 767px) {
  #w-node-c3475e62-81d7-7444-0ab5-4643c51ea191-c51ea18d, #w-node-c3475e62-81d7-7444-0ab5-4643c51ea194-c51ea18d {
    justify-self: center;
  }

  #w-node-f25a2ffe-5b4c-aa4f-ebc8-0807f796bed2-56e8621b {
    grid-area: 2 / 1 / 3 / 2;
  }
}

@media screen and (max-width: 479px) {
  #w-node-_5587373d-5e37-354f-08c5-77b970eb9302-70eb92f5 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-c3475e62-81d7-7444-0ab5-4643c51ea194-c51ea18d {
    align-self: center;
  }

  #w-node-_3dd5780c-95ab-51e4-2084-5262000d5dc1-48bef7c4, #w-node-_3d58ad6f-8c65-2502-5237-ea7b6e95e6ff-48bef7c4 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}