/** Shopify CDN: Minification failed

Line 52:15 Expected identifier but found "!"
Line 284:1 Expected "}" to go with "{"

**/


/* CSS from section stylesheet tags */
.about-us-section {
  background-color:rgb(253, 253, 253);
  padding: 20px;
}
.about-us-wrapper {
  display: flex;
  flex-wrap: wrap;
  max-width: 1400px;
  margin: 0 auto;
  padding: 10px 0px;
  align-items: center;
  justify-content: center;
}
.about-us-image {
  flex: 1 1 60%;
  max-width: 900px;
}
.about-us-image img {
  width: 100%;
  max-width: 1000px;
  height: auto;
  object-fit: cover;
  display: block;
}
.about-us-text {
  flex: 1 1 40%;
  color:  #00796b !important;
  padding: 10px 30px;
}
.about-us-text h1 {
  font-size: 55px;
  font-weight: 700;
  line-height: 1.3;
  margin-bottom: 30px;
  color:  #00796b !important;
  letter-spacing: calc(var(--font-heading-scale) * .07rem);
}
.about-us-text h4 {
  font-size: 1.9rem;
  font-weight: 500 !important;
  line-height: 1.3;
  margin-bottom: 10px;
  color: #333; !important;
  letter-spacing: calc(var(--font-heading-scale) * .07rem);
}
.about-us-button {
  display: inline-block;
  background-color: #00796b;
  color: #ffffff !important;
  padding: 16px 32px;
  text-decoration: none;
  border-radius: 100px;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 1.5rem;
  transition: background-color 0.3s ease;
  font-family: var(--font-heading-family);
    font-style: var(--font-heading-style);
}
.about-us-button:hover {
  background-color: #00684a;
}
@media screen and (max-width: 768px) {
  .about-us-wrapper {
    flex-direction: column;
    padding: 40px 20px;
  }
  .about-us-text {
    padding: 20px 0;
    text-align: center;
  }
}
.cmi-background-section {
  background-color:rgb(253, 253, 253);
  padding: 20px;
}
.cmi-background-wrapper {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row-reverse; /* 👈 THIS reverses order */
  max-width: 1300px;
  margin: 0 auto;
  padding: 20px 5px;
  align-items: center;
  justify-content: center;
}
.cmi-background-image {
  flex: 1 1 50%;
  max-width: 900px;
  border-radius: 6rem;
}
.cmi-background-image img {
  width: 100%;
  max-width: 1000px;
  height: auto;
  object-fit: cover;
  display: block;
  border-radius: 2rem;
}
.cmi-background-text {
  flex: 1 1 50%;
  color:rgb(0, 0, 0) !important;
  padding: 20px 40px;
}
.cmi-background-text h1 {
  font-size: 3.75rem;
  font-weight: 700;
  line-height: 1.3;
  margin-bottom: 30px;
  color:rgb(0, 0, 0) !important;
  letter-spacing: calc(var(--font-heading-scale) * .07rem);
}
.cmi-background-text h4 {
  font-size: 2rem;
  font-weight: 600;
  line-height: 1;
  margin-bottom: 10px;
  color:rgb(0, 0, 0) !important;
  letter-spacing: calc(var(--font-heading-scale) * .07rem);
}
.cmi-background-text h6 {
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.5;
  margin-bottom: 10px;
  color: #002b36 !important;
  letter-spacing: calc(var(--font-heading-scale) * .07rem);
}
.cmi-background-button {
  display: inline-block;
  background-color: #00796b;
  color: #ffffff !important;
  padding: 16px 32px;
  text-decoration: none;
  border-radius: 100px;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 1.5rem;
  transition: background-color 0.3s ease;
  font-family: var(--font-heading-family);
    font-style: var(--font-heading-style);
}
.cmi-background-button:hover {
  background-color: #00684a;
}
@media screen and (max-width: 768px) {
  .acmi-background-wrapper {
    flex-direction: column;
    padding: 40px 20px;
  }
  .cmi-background-text {
    padding: 20px 0;
    text-align: center;
  }
}
.image-quote-section {
  background-color:rgba(0, 22, 89, 0.42);
  padding: 20;
}
.image-quote-wrapper {
  display: flex;
  flex-wrap: wrap;
  max-width: 1400px;
  margin: 0 auto;
  padding: 25px 0px;
  align-items: center;
  justify-content: center;
}
.image-quote-image {
  flex: 1 1 55%;
  max-width: 900px;
}
.image-quote-image img {
  width: 100%;
  max-width: 1000px;
  height: auto;
  object-fit: cover;
  display: block;
}
.image-quote-text {
  flex: 1 1 45%;
  color:  #ffffff !important;
  padding: 20px 30px;
}
.image-quote-text h1 {
  font-size: 5rem;
  font-weight: 750;
  line-height: 1.3;
  margin-top: 10px;
  margin-bottom: 20px;
  color:  #ffffff !important;
  letter-spacing: calc(var(--font-heading-scale) * .07rem);
}
.image-quote-text h4 {
  font-size: 2.3rem;
  font-weight: 500;
  line-height: 1.3;
  margin-top: 20px;
  margin-bottom: 10px;
  color:  #ffffff !important;
  letter-spacing: calc(var(--font-heading-scale) * .07rem);
}
.image-quote-text h6 {
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.3;
  margin-bottom: 30px;
  color:  #ffffff !important;
  letter-spacing: calc(var(--font-heading-scale) * .07rem);
}
.image-quote-button {
  display: inline-block;
  background-color: #00796b;
  color: #ffffff !important;
  padding: 16px 32px;
  text-decoration: none;
  border-radius: 100px;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 1.5rem;
  transition: background-color 0.3s ease;
  
}
.image-quote-button:hover {
  background-color: #00684a;
}
.services-button {
  display: inline-block;
  background-color: #00796b;
  color: #ffffff !important;
  padding: 16px 32px;
  text-decoration: none;
  border-radius: 100px;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 1.5rem;
  transition: background-color 0.3s ease;
  
}
.services-button:hover {
  background-color: #00684a;
}
  .services-text {
    padding: 20px 0;
    text-align: center;
  }
@media screen and (max-width: 768px) {
  .image-quote-wrapper {
    flex-direction: column;
    padding: 40px 0px;
  }
  .image-quote-text {
    padding: 20px 0;
    text-align: center;
  }
  .image-quote-buttons {
  display: flex;
  gap: 20px; /* space between buttons */
  flex-wrap: wrap;
}
.image-quote-buttons a {
  flex: 1; /* make buttons equal width */
  text-align: center;
  min-width: 200px; /* optional, keeps buttons readable on small screens */
}
@media screen and (max-width: 768px) {
  .image-quote-buttons {
    flex-direction: column;
    align-items: center;
  }
    .image-quote-buttons a {
    width: 100%;
    max-width: 300px;
  }
}