/* ------------------------------------*\
    COLOURS
\*------------------------------------ */
/* ------------------------------------*\
    FONT FAMILY
\*------------------------------------ */
/* ------------------------------------*\
    FONT WEIGHTS
\*------------------------------------ */
/* ------------------------------------*\
    FONT SIZES
\*------------------------------------ */
/* ------------------------------------*\
    PAGE SIZES
\*------------------------------------ */
section.works-secondary {
  background: #000;
  padding-top: 65px;
  padding-bottom: 55px;
}
@media only screen and (max-width: 991px) {
  section.works-secondary {
    display: none;
  }
	.about-story__image {
    width: 100%;
    	height: 250px;
    	object-fit: cover;
	}
}

.works-secondary-mobile {
  display: none;
}
@media only screen and (max-width: 991px) {
  .works-secondary-mobile {
    display: block !important;
  }
}

.works-secondary__wrapper {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  padding: 0 0 20px;
  row-gap: 20px;
  grid-column-gap: 40px;
}
@media only screen and (max-width: 991px) {
  .works-secondary__wrapper {
    display: block;
  }
}

img.works-secondary__img {
  width: 100%;
}

.works-secondary__content {
  color: #fff;
  padding-top: 50px;
}
@media only screen and (max-width: 991px) {
  .works-secondary__content {
    margin-bottom: 20px;
  }
}

section.how-it-works {
  text-align: center;
  padding-top: 60px;
  padding-bottom: 60px;
}

.convenience__btn {
  text-align: center;
  margin-top: 25px;
}

.benefits__wrapper {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  padding: 0 0 20px;
  row-gap: 20px;
  grid-column-gap: 50px;
}
@media only screen and (max-width: 991px) {
  .benefits__wrapper {
    display: block;
  }
}
.benefits__btn {
	text-align: center;
}
@media only screen and (max-width: 991px) {
  .benefits__content {
    margin-bottom: 20px;
	  margin-top: 20px;
  }
}

.benefits-mobile {
  display: none;
}
@media only screen and (max-width: 991px) {
  .benefits-mobile {
    display: block !important;
  }
}

section.benefits {
  padding-top: 55px;
  margin-bottom: 65px;
}
@media only screen and (max-width: 991px) {
  section.benefits {
    display: none;
  }
}

h2.benefits__title {
  text-align: center;
  margin-bottom: 45px;
}

.benefits__btn {
  margin-top: 35px;
}

.page-template-how-it-works .app-banner {
  background-image: url(/wp-content/themes/bonline/images/how-it-works/Are-Z-Grills-Electric.webp) !important;
}

/*# sourceMappingURL=how-it-works.css.map */