:root {
  --primary-color: #0a1118;
  --primary-color-highlight: #233D54;
  --bs-body-bg: #e4e0d7;
  --bs-body-font-family: 'Roboto', sans-serif;

}

html {
  scroll-behavior: smooth;
  text-align: left;
  line-height: 1.6;
}


.container-custom {
  margin: 30px auto;
  width: 100%;
}
.container {
  margin: 90px auto;
  width: 100%;
}
.container .img-fluid {
  width: 50%;
  height: auto;
 align-items: center;
}

@media (min-width: 540px) {
  .container-custom {
    width: 510px;
  }
}

@media (min-width: 768px) {
  .container-custom {
    width: 720px;
  }
}

@media (min-width: 992px) {
  .container-custom {
    width: 960px;
  }
}

@media (min-width: 1200px) {
  .container-custom {
    width: 1140px;
  }
}

@media (min-width: 1400px) {
  .container-custom {
    width: 1340px;
  }
}

@media (min-width: 1600px) {
  .container-custom {
    width: 1520px;
  }
}

.logo {
  color: #D65A31;
  font-family: 'Great Vibes', cursive;
  font-size: 2.4rem;
}
.top {
  color: #D65A31;
  font-size: 21px;
  padding: 0 1rem;
}
.bm {
  color: #D65A31;
  font-size: 15px;
  text-decoration: none;
}

.navbar-toggler-icon {
  background-image: url(../img/hammer.png);
}

.sm-icons {
  flex-direction: row;
  justify-content: end;
}

@media(max-width:1024px) {
  .sm-icons {
    display: none;
  }
}

h1, h2, h3, h4, h5 {
  color: #5A2811;
  
}


p,li {
  margin-top: 1rem;

  margin-bottom: 1rem;
  align-content: last baseline;
  font-family: 'Roboto', sans-serif;
  font-size: larger;
}

.cta {
  background: #D65A31;
  color: #f1f1f1;
  padding: 9px;
  text-align: center;
  border-radius: 5px;
  margin-top: 20px;
}

.cta a {
  color: rgb(245, 237, 237);
  text-decoration:underline;
  font-weight: bold;
}

.footer .border-highlight {
  border-top: 1px solid var(--primary-color-highlight);
}
.footer {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column; 
    padding: 20px;
}
/*
* Steps Section
*/
.steps {
  padding-top: 40px;
  padding-bottom: 40px;
}

.steps__section-thumbnail {
  height: 300px;
  object-fit: cover;
  margin: 0 auto;
}

.steps__content-width {
  max-width: 600px;
  margin: 0 auto;
  padding: 0 1rem;
}

.steps--background {
  background-color: #FEF8F9;
}

@media (min-width: 544px) {
  .steps {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .steps__section-thumbnail {
    height: auto;
  }
}

       .process-section {
      max-width: 1200px;
      margin: 40px auto;
      padding: 20px;
      text-align: center;
    }

    .process-section h1 {
      font-size: 2.5rem;
      margin-bottom: 20px;
      color: #333;
    }

    .process-steps {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-around;
      gap: 20px;
    }

    .step {
      flex: 1 1 200px;
      max-width: 250px;
      padding: 20px;
      background: #f9f9f9;
      border-radius: 8px;
      box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    }

    .step-number {
      display: inline-block;
      width: 40px;
      height: 40px;
      line-height: 40px;
      background: #D33B09;
      color: white;
      border-radius: 50%;
      font-size: 1.2rem;
      margin-bottom: 15px;
    }

    .step h3 {
      font-size: 1.25rem;
      margin: 10px 0;
      color: #D33B09;
    }

    .step p {
      font-size: 1rem;
      color: #666;
    }

    @media (max-width: 767px) {
      .step {
        flex: 1 1 100%;
        max-width: 100%;
      }
    }

    .quote {
  position: relative;
  width: 750px;
  padding-top: 100px;
}
.chat-form-2 {
  background-color: #f3f4ed;
  text-align: center;
}
.btn,
.btn:focus,
.btn:hover {
  background-color: #D33B09;
  border: #D33B09;
} 
.custom-link {
  color: #C73A0A; 
 
}

.custom-link:hover {
  color: #b84829; /* Change color on hover */
}
h1 { font-size: clamp(1.5rem, 4vw + 1rem, 2.5rem); }
h2 { font-size: clamp(1.25rem, 3.5vw + 0.75rem, 1.75rem); }
h3 { font-size: clamp(1.1rem, 3vw + 0.5rem, 1.5rem); }
h4 { font-size: clamp(0.9rem, 2vw + 0.5rem, 1rem); }

@media (max-width: 767px) {
    h1 {
        line-height: 1.2; /* Improves readability */
    }
    h3 {
        line-height: 1.3;
    }
}
.address{
  position: absolute;
  left: -9999px;
  top: -9999px; 
}