:root {
  --dark-slate-blue: #01477c;
  --dodger-blue: #0086eb;
  --white: white;
  --gainsboro: #dfdfdf;
  --black: black;
}

.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;
}

.top-section {
  background-color: var(--dark-slate-blue);
  justify-content: center;
  align-items: center;
  padding-top: 20px;
  padding-bottom: 20px;
  display: flex;
}

.top-container {
  justify-content: space-between;
  align-items: center;
  width: 95%;
  max-width: 1200px;
  display: flex;
}

.left-div {
  align-items: center;
  display: flex;
}

.logo-link {
  width: 25%;
}

.contact-div {
  justify-content: space-between;
  align-items: center;
  width: 95%;
  max-width: 1200px;
  display: flex;
}

.header {
  justify-content: center;
  align-items: center;
  padding-top: 20px;
  padding-bottom: 20px;
  display: flex;
}

.navbar {
  background-color: #0000;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.icon-2 {
  padding-bottom: 30px;
}

.nav-link {
  border-bottom: 3px solid var(--white);
  color: var(--dark-slate-blue);
  text-transform: none;
  background-color: #0000;
  font-weight: 600;
}

.nav-link:hover, .nav-link.w--current {
  border-bottom-color: var(--dark-slate-blue);
  color: var(--dark-slate-blue);
}

.nav-link.w--current:hover {
  color: var(--dark-slate-blue);
}

.banner {
  background-image: linear-gradient(#00000080, #00000080), url('../images/banner.webp');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  height: 60vh;
}

.large-image-div {
  text-align: left;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 40%;
  height: 100%;
  padding-right: 100px;
  display: flex;
}

.large-image-heading {
  color: var(--white);
  text-align: center;
  text-transform: uppercase;
  margin-bottom: 30px;
  font-size: 60px;
  font-weight: 300;
  line-height: 70px;
}

.large-image-copy {
  color: #fff;
  text-align: center;
  text-transform: capitalize;
  width: 100%;
  max-width: 550px;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
}

.more-info-button {
  background-color: var(--dodger-blue);
  color: #fff;
  text-align: center;
  border-radius: 30px;
  width: 190px;
  margin-top: 20px;
  margin-right: 40px;
  padding: 15px 20px;
  font-weight: 500;
}

.more-info-button:hover {
  background-color: var(--dark-slate-blue);
  box-shadow: 0 0 10px #000;
}

.services-heading {
  border-bottom: 1px solid var(--dodger-blue);
  color: var(--dark-slate-blue);
  margin-top: 0;
  margin-bottom: 20px;
  padding-bottom: 20px;
  font-size: 24px;
  font-weight: 400;
  line-height: 34px;
}

.service-1 {
  flex-direction: column;
  align-items: center;
  width: 30%;
  display: flex;
}

.icon-section {
  background-color: var(--gainsboro);
  justify-content: center;
  align-items: center;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 60px;
  padding-bottom: 60px;
  display: flex;
}

.icon-section.white {
  background-color: #0000;
}

.testimonials-title {
  color: var(--black);
  text-align: center;
  text-transform: uppercase;
  margin-bottom: 30px;
  font-size: 30px;
  font-weight: 600;
  line-height: 30px;
}

._3-services-div {
  justify-content: space-between;
  align-items: flex-start;
  margin-top: 0;
  display: flex;
}

.body-div {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 95%;
  max-width: 1200px;
  display: flex;
}

.servies-paragraph {
  color: #858585;
  text-align: center;
}

.image-banner {
  background-image: linear-gradient(#0000004d, #0000004d), url('../images/about.webp');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  justify-content: flex-end;
  align-items: stretch;
  padding-top: 150px;
  padding-bottom: 150px;
  display: flex;
}

.body-section {
  justify-content: center;
  align-items: center;
  padding-top: 60px;
  padding-bottom: 60px;
  display: flex;
}

.body-section.grey {
  background-color: var(--gainsboro);
}

.testominals-section {
  background-color: var(--gainsboro);
  justify-content: center;
  align-items: center;
  padding-top: 60px;
  padding-bottom: 60px;
  display: flex;
}

.footer-section {
  background-color: var(--black);
  justify-content: center;
  align-items: center;
  padding-top: 30px;
  padding-bottom: 30px;
  display: flex;
}

.footer-div {
  justify-content: center;
  align-items: center;
  width: 95%;
  max-width: 1200px;
  display: flex;
}

.footer-links {
  color: var(--white);
  text-align: center;
  margin-bottom: 0;
  font-size: 13px;
}

.no-line-white {
  color: var(--white);
  text-decoration: none;
}

.image {
  margin-right: 10px;
}

.body {
  color: var(--black);
  font-family: Montserrat, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 25px;
}

.left-div-copy {
  align-items: center;
  display: flex;
}

.dropdown-toggle {
  color: var(--dark-slate-blue);
}

.dropdown-list {
  background-color: var(--dark-slate-blue);
}

.dropdown-list.w--open {
  background-color: #01477cb3;
}

.dropdown-link-2 {
  color: var(--white);
}

.dropdown-link-2:hover {
  background-color: var(--white);
  color: var(--dark-slate-blue);
}

.dropdown-link-2.w--current {
  background-color: var(--gainsboro);
  color: var(--dodger-blue);
}

.button-div {
  justify-content: space-between;
  display: flex;
}

.contact-us-button {
  border: 3px solid var(--white);
  color: #fff;
  text-align: center;
  background-color: #0000;
  border-radius: 30px;
  justify-content: center;
  align-items: center;
  width: 190px;
  margin-top: 20px;
  padding: 0 20px;
  font-weight: 500;
  display: flex;
}

.contact-us-button:hover {
  border-color: var(--dark-slate-blue);
  background-color: var(--dark-slate-blue);
  box-shadow: 0 0 10px #000;
}

.icon1, .icon3 {
  padding-bottom: 30px;
}

.p-white-banner {
  color: #fff;
  text-align: left;
  font-weight: 500;
  line-height: 25px;
}

.banner-div {
  text-align: left;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding-right: 100px;
  display: flex;
}

.p {
  color: #000;
  text-align: center;
  padding-bottom: 0;
}

.p._2 {
  margin-bottom: 0;
  padding-bottom: 40px;
}

.p._0bot {
  margin-bottom: 0;
}

.h1 {
  text-align: center;
  margin-top: 0;
  margin-bottom: 10px;
  font-weight: 600;
}

.h1._2 {
  margin-bottom: 0;
  padding-bottom: 40px;
}

.h1-smaller {
  color: var(--dodger-blue);
  margin-top: 0;
  margin-bottom: 40px;
  font-size: 25px;
  font-style: italic;
  font-weight: 400;
}

.h2 {
  color: var(--dodger-blue);
  margin-top: 0;
  margin-bottom: 40px;
  font-size: 25px;
}

.h2._1 {
  padding-top: 40px;
}

.h2._20b {
  margin-bottom: 20px;
}

.bullet-grid-4-boxes {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  width: 100%;
}

.bullet-grid-4-boxes._1 {
  padding-top: 40px;
}

.bullet-grid-4-boxes._1._2 {
  padding-bottom: 40px;
}

.list {
  margin-bottom: 0;
}

.list._2 {
  padding-bottom: 40px;
}

.list-item {
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 10px;
  font-size: 15px;
  font-weight: 400;
  line-height: 25px;
}

.h3 {
  color: var(--dark-slate-blue);
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 700;
  line-height: 35px;
}

.h3.white {
  color: var(--white);
  font-size: 20px;
  font-weight: 700;
  line-height: 35px;
}

.h3-link {
  color: var(--dark-slate-blue);
  text-decoration: none;
}

.h3-link.white {
  color: var(--white);
}

.testimonials-slider {
  background-color: #0000;
  width: 100%;
  height: 400px;
}

.icon-3, .icon-4 {
  color: var(--black);
}

.testimonials-div {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 60px 120px;
  display: flex;
  position: absolute;
  inset: 0%;
}

.testmonials-h2 {
  text-align: center;
  text-transform: uppercase;
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 32px;
  font-weight: 300;
  line-height: 36px;
}

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

.image-2 {
  width: 225px;
  padding-bottom: 10px;
}

.image-2.checkatrade {
  width: 225px;
}

.icon-div {
  flex-direction: column;
  align-items: flex-start;
  width: 30%;
  display: flex;
}

.icon-p {
  color: #858585;
  text-align: left;
}

.white-title {
  color: var(--white);
  text-align: center;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 30px;
  font-size: 30px;
  font-weight: 600;
  line-height: 30px;
}

.white-title.left {
  text-align: left;
}

.bottom-image-section {
  background-image: url('../images/download1.jpg');
  background-position: 50%;
  background-size: cover;
  justify-content: center;
  align-items: center;
  padding-top: 70px;
  padding-bottom: 70px;
  display: flex;
}

.contact-us-div {
  background-color: #01477ccc;
  flex-direction: column;
  align-items: flex-start;
  width: 95%;
  max-width: 1200px;
  padding: 60px;
  display: flex;
}

.bottom-title {
  color: var(--white);
  text-align: center;
  text-transform: uppercase;
  margin-bottom: 30px;
  font-size: 30px;
  font-weight: 600;
  line-height: 30px;
}

.bottom-title.thin {
  margin-bottom: 20px;
  font-weight: 300;
}

.contact-us-button-2 {
  border: 3px solid var(--white);
  color: #fff;
  text-align: center;
  background-color: #0000;
  border-radius: 30px;
  justify-content: center;
  align-items: center;
  width: 190px;
  margin-top: 20px;
  padding: 5px 20px;
  font-weight: 500;
  display: flex;
}

.contact-us-button-2:hover {
  border-color: var(--dark-slate-blue);
  background-color: var(--dark-slate-blue);
  box-shadow: 0 0 10px #000;
}

.bottom-section {
  background-color: var(--dark-slate-blue);
  justify-content: center;
  align-items: center;
  padding-top: 60px;
  padding-bottom: 60px;
  display: flex;
}

.bottom-grid {
  grid-template-rows: auto;
  grid-template-columns: .5fr 1fr 1fr;
  width: 100%;
}

.bottom-div {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.image-3 {
  padding-bottom: 20px;
}

.dropdown-toggle-services {
  border-bottom: 3px solid var(--dark-slate-blue);
  color: var(--dark-slate-blue);
}

.dropdown-toggle-services:hover {
  border-bottom-color: #0000;
}

.h3-image-div {
  text-align: left;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 60%;
  height: 100%;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.h3-image {
  background-image: linear-gradient(#0000004d, #0000004d), url('../images/2.webp');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  justify-content: center;
  align-items: center;
  height: 50vh;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.image-body-services {
  justify-content: space-between;
  align-items: stretch;
  height: 50vh;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.image-1 {
  width: 50%;
}

.image-1.tarmac {
  background-image: url('../images/drive.webp');
  background-position: 50%;
  background-size: cover;
}

.image-1.resurfacing1 {
  background-image: url('../images/resurfacing1.webp');
  background-position: 50%;
  background-size: cover;
}

.image-1.driveways1 {
  background-image: url('../images/resin-3_1.webp');
  background-position: 50%;
  background-size: cover;
}

.image-1.resin1 {
  background-image: url('../images/Resin-3.webp');
  background-position: 50%;
  background-size: cover;
}

.image-1.landscaping {
  background-image: url('../images/landscaping-1-1.webp');
  background-position: 50%;
  background-size: cover;
}

.image-4 {
  width: 50%;
}

.image-4.tarmac-2 {
  background-image: url('../images/1.webp');
  background-position: 50%;
  background-size: cover;
}

.image-4.resurfacing2 {
  background-image: url('../images/resurfacing2.webp');
  background-position: 50%;
  background-size: cover;
}

.image-4.driveways2 {
  background-image: url('../images/resin-4.webp');
  background-position: 50%;
  background-size: cover;
}

.image-4.resin2 {
  background-image: url('../images/resin1.webp');
  background-position: 50%;
  background-size: cover;
}

.image-4.landscaping-2 {
  background-image: url('../images/landscaping-2_1.webp');
  background-position: 50%;
  background-size: cover;
}

.int-link {
  color: var(--black);
  font-weight: 700;
}

.bullet-grid-3-boxes {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  width: 100%;
}

.bullet-grid-3-boxes._1 {
  padding-top: 40px;
}

.bullet-grid-3-boxes._1._2 {
  grid-template-columns: 1fr 1fr 1fr;
  place-items: center;
  padding-bottom: 40px;
}

.no-line-black {
  color: var(--black);
  font-weight: 700;
  text-decoration: underline;
}

.no-line-black.short {
  display: none;
}

.bold {
  font-size: 18px;
  font-weight: 600;
}

.bullet-grid-2-boxes {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  width: 100%;
}

.bullet-grid-2-boxes._1 {
  padding-top: 40px;
}

.bullet-grid-2-boxes._1._2 {
  grid-template-columns: 1fr 1fr 1fr;
  place-items: center;
  padding-bottom: 40px;
}

.bullet-grid-2-boxes._2 {
  padding-bottom: 40px;
}

.bullet-grid-2-boxes._2._1 {
  grid-template-columns: 1fr 1fr;
}

.map {
  justify-content: space-between;
  align-items: stretch;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.html-embed {
  width: 100%;
}

.gallery-grid {
  grid-template-rows: auto auto auto auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  width: 100%;
}

.html-embed-2, .html-embed-3 {
  width: 100%;
}

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

.link-white.mob {
  display: none;
}

.header-info {
  line-height: 20px;
}

.header-info.short {
  display: none;
}

.link-white.desk {
  display: inline;
}

.link-black {
  color: var(--black);
  text-decoration: none;
}

.content-div {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 90%;
  max-width: 1300px;
}

.content-div.centre {
  padding-bottom: 0;
  padding-left: 80px;
}

.checkatrade-summary {
  border-radius: 10px;
  flex: 0 auto;
  align-self: auto;
  margin-top: 60px;
  padding-left: 0;
  display: block;
}

.section {
  background-color: #0000;
}

.div-block {
  justify-content: center;
  align-items: center;
  display: flex;
}

.grid-2 {
  grid-template-rows: auto;
}

.image-5 {
  padding-bottom: 50px;
}

.grid-3 {
  grid-template-rows: auto;
}

.paragraph {
  padding-bottom: 40px;
}

.grid-4 {
  grid-template-rows: auto;
  padding-bottom: 50px;
}

.paragraph-2 {
  text-align: center;
  padding-bottom: 0;
}

.grid-5 {
  grid-template-rows: auto;
  padding-top: 35px;
  padding-bottom: 0;
}

.grid-6 {
  grid-template-rows: auto;
  padding-bottom: 50px;
}

.grid-7 {
  grid-template-rows: auto;
}

.image-6, .image-7 {
  padding-bottom: 50px;
}

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

.google-reviews, .image-8 {
  width: 100%;
}

.fs-cc-manager_icon {
  width: 32px;
  height: 32px;
}

.fs-cc-banner_trigger {
  display: none;
}

.fs-cc-banner_close-icon {
  width: 24px;
  height: 24px;
}

.fs-cc-prefs_form {
  background-color: #fff;
  border-radius: 12px;
  width: 100%;
  max-width: 576px;
  height: 100%;
  max-height: 70vh;
  margin-bottom: 0;
  position: relative;
}

.fs-cc-prefs_submit-hide {
  display: none;
}

.fs-cc-prefs_close {
  z-index: 1;
  color: #333;
  cursor: pointer;
  background-color: #f5f6ff;
  border-radius: 100%;
  padding: 10px;
  font-size: 20px;
  text-decoration: none;
  position: absolute;
  inset: -12px -12px auto auto;
  box-shadow: -1px 1px 12px #3333331a;
}

.fs-cc-prefs_overlay {
  z-index: -1;
  background-color: #03052499;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.fs-cc-prefs_component {
  z-index: 997;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  margin-bottom: 0;
  padding: 32px;
  display: none;
  position: fixed;
  inset: 0%;
}

.fs-cc-prefs_toggle-wrapper {
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 8px;
  display: flex;
}

.fs-cc-banner_button {
  color: #fff;
  text-align: center;
  background-color: #4353ff;
  border: 2px solid #4353ff;
  border-radius: 500px;
  min-width: 140px;
  margin-left: 16px;
  padding: 10px 20px;
  font-size: 16px;
}

.fs-cc-banner_button.fs-cc-button-alt {
  color: #4353ff;
  background-color: #f5f5f5;
  border-color: #4353ff;
}

.fs-cc-manager_component {
  z-index: 999;
  display: none;
  position: fixed;
  inset: auto auto 20px 20px;
}

.fs-cc-prefs_title {
  color: #021a69;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.2em;
}

.fs-cc-prefs_toggle {
  background-color: #fff;
  border-radius: 999px;
  width: 20px;
  height: 20px;
}

.fs-cc-prefs_option {
  border-bottom: 1px solid #33333326;
  padding-top: 16px;
  padding-bottom: 16px;
}

.fs-cc-banner_close {
  opacity: 1;
  cursor: pointer;
  background-color: #fff;
  border-radius: 500px;
  margin-left: 12px;
  padding: 10px;
  box-shadow: 1px 1px 12px #0000001a;
}

.fs-cc-prefs_space-medium {
  margin-bottom: 40px;
}

.fs-cc-prefs_button {
  background-color: #4353ff;
  border: 2px solid #4353ff;
  border-radius: 500px;
  margin-right: 8px;
  padding: 10px 20px;
  font-size: 15px;
  font-weight: 700;
}

.fs-cc-prefs_button.fs-cc-button-alt {
  color: #4353ff;
  background-color: #fff;
  border-color: #4353ff;
}

.fs-cc-prefs_checkbox-field {
  background-color: #ccc;
  border-radius: 999px;
  width: 44px;
  height: 24px;
  margin-bottom: 0;
  padding: 2px;
  display: flex;
  position: relative;
}

.fs-cc-banner_buttons-wrapper {
  flex: none;
  grid-template-rows: auto;
  grid-template-columns: auto auto;
  grid-auto-columns: 1fr;
  align-items: center;
  display: flex;
}

.fs-cc-manager_trigger {
  display: none;
}

.fs-cc-banner_container {
  align-items: center;
  width: 100%;
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.fs-cc-prefs_close-icon {
  color: #021a7c;
  width: 16px;
  height: 16px;
}

.fs-cc-prefs_trigger {
  display: none;
}

.fs-cc-prefs_text {
  color: #021a69;
  font-size: 12px;
}

.fs-cc-prefs_checkbox {
  z-index: 1;
  opacity: 0;
  cursor: pointer;
  width: 100%;
  height: 100%;
  margin-top: 0;
  margin-left: 0;
  position: absolute;
  inset: 0%;
}

.fs-cc-banner_text {
  color: #616161;
  margin-right: 24px;
}

.fs-cc-prefs_checkbox-label {
  display: none;
}

.fs-cc-prefs_buttons-wrapper {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-end;
  margin-top: 32px;
  margin-right: -8px;
  display: flex;
}

.fs-cc-prefs_content {
  height: 100%;
  padding: 40px 32px;
  overflow: scroll;
}

.fs-cc-prefs_space-small {
  margin-bottom: 12px;
}

.fs-cc-prefs_label {
  color: #4353ff;
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 32px;
  font-size: 16px;
  font-weight: 700;
}

.fs-cc-banner_text-link {
  color: #4353ff;
  border-bottom: 2px solid #4353ff;
  font-weight: 400;
  text-decoration: none;
}

.fs-cc-manager_button {
  color: #333;
  cursor: pointer;
  background-color: #fff;
  border-radius: 500px;
  flex-direction: column;
  padding: 10px;
  transition: color .2s;
  display: flex;
}

.fs-cc-manager_button:hover {
  color: #4353ff;
}

.fs-cc-banner_component {
  z-index: 998;
  background-color: #f5f6ff;
  border-top: 1px solid #4353ff29;
  padding: 24px 32px;
  display: none;
  position: fixed;
  inset: auto 0% 0%;
}

.quote {
  color: #000;
  text-align: center;
  margin-bottom: 30px;
  font-size: 16px;
  font-weight: 600;
  line-height: 26px;
}

@media screen and (max-width: 991px) {
  .top-container {
    flex-direction: column;
  }

  .left-div {
    padding-bottom: 10px;
  }

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

  .contact-div {
    flex-direction: column;
  }

  .header {
    padding-bottom: 0;
  }

  .navbar {
    justify-content: center;
    width: 100%;
  }

  .icon-2 {
    color: var(--dodger-blue);
    padding-bottom: 0;
  }

  .nav-link {
    border-bottom-width: 0;
  }

  .nav-link:hover {
    background-color: var(--dodger-blue);
    color: var(--white);
    border-bottom-width: 0;
  }

  .nav-link.w--current {
    color: var(--dark-slate-blue);
  }

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

  .large-image-div {
    width: 100%;
    padding-left: 50px;
    padding-right: 50px;
  }

  .service-1 {
    width: 100%;
  }

  ._3-services-div {
    flex-direction: column;
  }

  .dropdown-toggle:hover {
    color: var(--white);
  }

  .dropdown-list.w--open {
    background-color: var(--dodger-blue);
  }

  .dropdown-link-2:hover {
    color: var(--dodger-blue);
  }

  .dropdown-link-2.w--current {
    background-color: var(--white);
  }

  .p-white-banner {
    text-align: center;
  }

  .banner-div {
    padding-right: 0;
  }

  .bullet-grid-4-boxes._1._2 {
    grid-row-gap: 0px;
    grid-template-columns: 1fr 1fr;
  }

  .icon-div {
    justify-content: center;
    align-items: center;
    width: 100%;
  }

  .contact-us-div {
    justify-content: center;
    align-items: center;
  }

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

  .bottom-div {
    align-items: center;
  }

  .dropdown-toggle-services {
    background-color: var(--dodger-blue);
    color: var(--white);
    border-bottom-width: 0;
  }

  .dropdown-toggle-services:hover {
    color: var(--white);
  }

  .image-body-services {
    flex-direction: column;
    height: auto;
  }

  .image-1.tarmac, .image-1.resurfacing1, .image-1.driveways1, .image-1.resin1, .image-1.landscaping, .image-4.tarmac-2, .image-4.resurfacing2, .image-4.driveways2, .image-4.resin2, .image-4.landscaping-2 {
    width: 100%;
    height: 300px;
  }

  .menu-button, .menu-button.w--open {
    background-color: #0000;
  }

  .nav-menu {
    background-color: var(--white);
  }

  .menu-button-2, .menu-button-2.w--open {
    background-color: #0000;
  }

  .nav-menu-2 {
    background-color: var(--white);
  }
}

@media screen and (max-width: 767px) {
  .list {
    width: 50%;
  }

  .testimonials-div {
    padding: 20px;
  }

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

  .testimonials-p {
    width: 100%;
  }

  .h3-image-div {
    width: 70%;
  }

  .h3-image {
    height: 30vh;
  }

  .bullet-grid-3-boxes._1._2 {
    grid-row-gap: 0px;
    grid-template-columns: 1fr;
  }

  .right-arrow, .left-arrow {
    display: none;
  }

  .fs-cc-banner_button {
    margin-left: 0;
    margin-right: 8px;
  }

  .fs-cc-prefs_title {
    font-size: 20px;
  }

  .fs-cc-banner_buttons-wrapper {
    margin-top: 12px;
  }

  .fs-cc-banner_container {
    flex-direction: column;
    align-items: flex-start;
  }

  .fs-cc-banner_text-link {
    margin-right: 8px;
  }
}

@media screen and (max-width: 479px) {
  .top-section {
    flex-direction: column;
  }

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

  .left-div {
    text-align: center;
    flex-direction: column;
    justify-content: space-around;
    width: 90%;
    display: flex;
  }

  .logo-link {
    text-align: center;
    width: 100%;
    margin-bottom: 10px;
  }

  .contact-div {
    flex-direction: column;
  }

  .header {
    padding-top: 30px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .navbar {
    display: flex;
  }

  .icon-2 {
    color: var(--dodger-blue);
  }

  .nav-link, .nav-link.w--current {
    text-align: center;
  }

  .banner {
    height: 250px;
  }

  .large-image-div {
    padding: 20px;
  }

  .large-image-heading {
    text-align: center;
    max-width: 280px;
    font-size: 40px;
    line-height: 50px;
  }

  .large-image-copy {
    max-width: 280px;
    line-height: 22px;
  }

  .more-info-button {
    margin-top: 10px;
  }

  .services-heading {
    text-align: center;
    margin-bottom: 10px;
    padding-bottom: 10px;
  }

  .service-1 {
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin-bottom: 30px;
    display: flex;
  }

  .service-1.bottom {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-bottom: 0;
    display: flex;
  }

  .testimonials-title {
    font-size: 24px;
  }

  ._3-services-div {
    flex-direction: column;
    margin-top: 20px;
  }

  .body-div {
    width: 90%;
    max-width: 100%;
  }

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

  .image-banner {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .body-section {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .testominals-section {
    padding-top: 30px;
  }

  .no-line-white {
    font-size: 13px;
  }

  .image {
    margin-bottom: 10px;
    margin-right: 0;
  }

  .left-div-copy {
    text-align: center;
    flex-direction: column;
    justify-content: space-around;
    width: 90%;
    display: flex;
  }

  .contact-us-button {
    margin-top: 10px;
  }

  .banner-div {
    padding: 20px;
    display: none;
  }

  .h1 {
    font-size: 28px;
  }

  .h1-smaller, .h2 {
    text-align: center;
  }

  .bullet-grid-4-boxes._1._2 {
    grid-template-columns: 1fr;
  }

  .list {
    width: 100%;
  }

  .testimonials-slider {
    height: 500px;
  }

  .testimonials-div {
    padding-left: 10px;
    padding-right: 10px;
  }

  .icon-div {
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin-bottom: 30px;
    display: flex;
  }

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

  .white-title, .bottom-title {
    font-size: 24px;
  }

  .contact-us-button-2 {
    margin-top: 10px;
  }

  .h3-image-div {
    width: 100%;
    padding: 20px;
  }

  .h3-image, .image-body-services {
    height: 320px;
  }

  .bullet-grid-3-boxes._1._2 {
    grid-row-gap: 0px;
    grid-template-columns: 1fr;
    justify-items: start;
  }

  .no-line-black {
    font-size: 13px;
  }

  .no-line-black.short {
    display: block;
  }

  .bullet-grid-2-boxes._2._1 {
    grid-row-gap: 0px;
    grid-template-columns: 1fr;
  }

  .map {
    height: auto;
  }

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

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

  .link-white.long {
    display: none;
  }

  .link-white.mob, .header-info.short {
    display: block;
  }

  .link-white.desk, .link-black.long {
    display: none;
  }

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

  .fs-cc-prefs_component {
    padding: 24px;
  }

  .fs-cc-banner_button {
    width: 100%;
    margin-bottom: 10px;
  }

  .fs-cc-banner_close {
    position: absolute;
    inset: -22px 10px auto auto;
  }

  .fs-cc-prefs_button {
    margin-bottom: 8px;
  }

  .fs-cc-banner_buttons-wrapper {
    text-align: center;
    flex-direction: column-reverse;
    align-items: center;
    width: 100%;
  }

  .fs-cc-banner_text {
    margin-right: 0;
  }

  .fs-cc-prefs_content {
    padding: 24px;
  }
}

#w-node-c01f01c4-3b9b-4cde-5a0b-3e3afc9132b1-84942a3a {
  justify-self: end;
}

#w-node-c01f01c4-3b9b-4cde-5a0b-3e3afc9132bf-84942a3a {
  justify-self: start;
}

#w-node-_68f4cd49-e34b-5cfe-eb9f-660a0a23a5ef-d618fb82 {
  justify-self: end;
}

#w-node-_68f4cd49-e34b-5cfe-eb9f-660a0a23a601-d618fb82 {
  justify-self: start;
}

#w-node-f1c48f1c-d109-8c47-95c7-e1a475bb65ce-fdb031f4 {
  justify-self: end;
}

#w-node-f1c48f1c-d109-8c47-95c7-e1a475bb65dc-fdb031f4 {
  justify-self: start;
}

#w-node-_15e5d752-7721-1a12-7d47-3cb59f21ab43-10944fc8 {
  justify-self: end;
}

#w-node-_15e5d752-7721-1a12-7d47-3cb59f21ab4c-10944fc8 {
  justify-self: start;
}

#w-node-ed90e288-731c-d22c-d9dc-009c0274e75e-4b64c942 {
  justify-self: end;
}

#w-node-ed90e288-731c-d22c-d9dc-009c0274e76c-4b64c942 {
  justify-self: start;
}

#w-node-_4b158834-379d-3821-5a45-64e11832fe89-4b64c942 {
  justify-self: end;
}

#w-node-_4b158834-379d-3821-5a45-64e11832fe97-4b64c942 {
  justify-self: start;
}

#w-node-_8cb46067-17f9-a457-de1f-0ac24ea6171f-d018fee6 {
  justify-self: end;
}

#w-node-_8cb46067-17f9-a457-de1f-0ac24ea61729-d018fee6 {
  justify-self: start;
}

#w-node-_579aee53-f33b-d5b9-c271-61aa98091552-d018fee6 {
  justify-self: end;
}

#w-node-_579aee53-f33b-d5b9-c271-61aa98091560-d018fee6 {
  justify-self: start;
}

#w-node-_3837bc1d-2379-c884-20de-aab79cf1e099-a3621e0a {
  justify-self: end;
}

#w-node-_3837bc1d-2379-c884-20de-aab79cf1e0a7-a3621e0a {
  justify-self: start;
}

#w-node-f162b2dc-faeb-eaa2-f1fc-7ebe6dbb4418-2e312c61, #w-node-_4f1cbbd4-1522-275d-eb2f-e985b891a30f-2e312c61, #w-node-_43f603a2-f312-557c-76e7-93f4b3f9c279-2e312c61, #w-node-_19e75fd3-5567-2b43-4257-ab7df4cf3668-2e312c61, #w-node-_3ae92a50-916d-cbd4-ebdb-32f588480813-2e312c61, #w-node-_4058f702-8208-56a7-1aed-1880df9e6eb0-2e312c61, #w-node-e40fc4ee-884e-1287-6f24-5bd2f0fa8df7-2e312c61, #w-node-_6b606f1a-bc08-08f9-cab5-3f1ef149f48c-2e312c61, #w-node-fa520a91-2697-cf66-c3b0-dcb335bcdcc2-2e312c61, #w-node-_207616e2-849d-0be3-c87d-c2c8b94f7221-2e312c61, #w-node-_343bb8ca-c6b9-7c84-3114-00e6cb38303c-2e312c61, #w-node-_21888867-479a-2a51-55d7-9fdec4e8fdb1-2e312c61, #w-node-_96de3c7b-7d27-bdfc-0726-d1d10cbea43e-2e312c61, #w-node-a8feef68-ff1d-de55-4185-1759da6a67af-2e312c61 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

@media screen and (max-width: 991px) {
  #w-node-_677106cf-f207-76fe-b67f-d60a0481916f-0481916c, #w-node-_677106cf-f207-76fe-b67f-d60a0481917e-0481916c {
    place-self: center;
  }
}

@media screen and (max-width: 767px) {
  #w-node-_68f4cd49-e34b-5cfe-eb9f-660a0a23a5ef-d618fb82, #w-node-_68f4cd49-e34b-5cfe-eb9f-660a0a23a601-d618fb82 {
    justify-self: center;
  }
}

@media screen and (max-width: 479px) {
  #w-node-f1c48f1c-d109-8c47-95c7-e1a475bb65ce-fdb031f4, #w-node-_15e5d752-7721-1a12-7d47-3cb59f21ab43-10944fc8, #w-node-ed90e288-731c-d22c-d9dc-009c0274e75e-4b64c942, #w-node-_4b158834-379d-3821-5a45-64e11832fe89-4b64c942, #w-node-_8cb46067-17f9-a457-de1f-0ac24ea6171f-d018fee6, #w-node-_579aee53-f33b-d5b9-c271-61aa98091552-d018fee6, #w-node-_3837bc1d-2379-c884-20de-aab79cf1e099-a3621e0a {
    justify-self: start;
  }
}