/* Borders */
body {
  background-color: #628ec9;
  font-family: "Montserrat";
  width: 100%;
  font-weight: bold;
}
body h1 {
  font-family: "Lobster", cursive;
  font-weight: 550;
}
body h2 {
  font-family: "Lobster", cursive;
}
.anchor {
  display: block;
  position: relative;
  top: -10rem;
  visibility: hidden;
}

/*Layout*/
.wrapper {
  width: 100%;
  margin: auto;
}
.col {
  margin: 0;
  flex-basis: auto;
}
.van {

  background-image: url("/static/img/DCC_Truck_dark.d41ba852e90e.jpg");

  /*margin-top: 0.5rem;*/
  max-width: 100%;
  background-size: cover;
  background-position: center center;
}
/*Header Layout*/
header {
  position: fixed;
  width: 100%;
  z-index: 999;
}
.tophead {
  background-color: #293f90;
  height: 5rem;
  display: flex;
  max-width: 100%;
}
.logo {
  width: 14rem;
  display: inline-block;
  margin-left: 1rem;
  position: absolute;
}
.mobile-logo {
  display: none;
}
.bottomhead {
  background-color: #d82730;
  display: inline-flex;
  height: 4.5rem;
  width: 100%;
  padding: 0.7rem;
}
.nav-list {
  display: inline-flex;
}

.col-hd {
  display: flex;
  align-items: baseline;
  margin-top: 2rem;
  margin-left: 13rem;
  width: auto;
}
.btn-lg-2 {
  display: inline-flex;
  height: 3rem;
  padding: 0.6rem;
  margin-top: 1rem;
  margin-right: 4rem;
  background-color: green;
  color: white;
  border: 1px solid black;
  border-radius: 5px;
  font-weight: bolder;
}
.btn-lg-2:hover {
  color: white;
  text-decoration: underline;
}
.mobile-cta {
  display: none;
}
.phonenumber {
  color: #eef2f8;
  font-size: x-large;
  font-weight: 500;
  padding-right: 1.5rem;
  font-family: "Lobster", cursive;
}
.phonenumber span {
  color: #eef2f8;
  font-weight: bolder;
  text-shadow: -0.3px 0 white, 0 0.3px white, 0.3px 0 white, 0 -0.3px white;
  font-family: "Montserrat";
}
.btn-small {
  background: green;
  padding: 0.1rem 0.75rem;
  border-radius: 5px;
  color: #eef2f8;
  border: 1.5px solid black;
  text-align: center;
}
.btn-small:hover {
  text-decoration: none;
  color: black;
}
.nav-list {
  position: absolute;
  right: 1rem;
}
.nav-li {
  list-style: none;
  font-size: medium;
  padding-top: 0.2rem;
}
.nav-link {
  color: #eef2f8;
  font-family: "Lobster", cursive;
  font-size: larger;
  font-weight: lighter;
}
.nav-link:hover {
  text-decoration: underline;
  color: #eef2f8;
}
/*burger*/
label {
  line-height: 70px;
  display: none;
}
#toggle {
  display: none;
  margin-right: auto;
  margin-left: auto;
}
#diff {
  display: none;
}
/*Content Style*/
.innards {
  max-width: 90%;
  padding-top: 1rem;
  margin-left: 1rem;
  margin-right: 1rem;
  padding-bottom: 5rem;
}
.text {
  color: White;
  font-weight: bolder;
  font-size: x-large;
  text-shadow: 0 0 10px black, 0 0 13px black;
  text-align: center;
}
.text h1 {
  text-shadow: 0 0 7px black, 0 0 10px black;
  text-align: Center;
  font-size: 5rem;
}
.schedulebtn {
  padding-left: 1.5rem;
  padding-top: 0.5rem;
  display: flex;
  justify-content: center;
  margin-bottom: 1rem;
}
.text h1 span {
  font-size: 2.5rem;
}
.text a {
  color: white;
  text-decoration: underline;
}
#smaller {
  font-size: large;
}
#extra-small {
  font-size: medium;
}

/*landing page styles*/
.lp-header {
  height: 6rem;
  background-color: #293f90;
  display: flex;
  max-width: 100%;
}
.lp-logo {
  width: 9rem;
  display: inline-block;
  margin-left: 1rem;
  /*position: absolute;*/
}
.lp-cta {
  display: inline-block;
  margin-top: 2rem;
  width: auto;
}
.lp-content-wrap {
  width: 90%;
  padding-top: 8rem;
  margin: auto;
}
.lp-content-wrap p {
  color: #eef2f8;
}
.lp-cta-mobile {
  display: none;
}

.content {
  max-width: 85%;
  display: block;
  margin-left: auto;
  margin-right: auto;
  padding: 0rem;
  margin-top: 1rem;
}
.body-columns {
  display: flex;
  margin: 1rem 0;
  justify-content: space-around;
  align-items: flex-start;
}
.body-left {
  display: block;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  background-color: #eef2f8;
  width: 50%;
  left: 1rem;
}
.col-text {
  padding: 3rem;
}
.col-text a {
  color: black;
  text-decoration: underline;
}
.body-serv-list li {
  list-style: square;
}
.col-media {
  max-width: 37.8%;
}
.col-media img {
  border: 1px solid black;
  margin-bottom: 2rem;
}
h1 {
  width: 100%;
  color: #eef2f8;
  text-align: center;
  font-weight: 1000;
  font-size: 2.5rem;
  text-shadow: -0.5px 0 black, 0 0.5px black, 0.5px 0 black, 0 -0.5px black;
}
.btn-lg {
  display: inline-block;
  background-color: #d82730;
  color: white;
  border: 2.5px solid black;
  font-family: "Lobster", cursive;
  font-weight: lighter;
}
.btn-lg:hover {
  color: white;
  text-decoration: underline;
}
.contentmedia {
  width: 100%;
}
.breaker {
  height: 0.1rem;
  background-color: #eef2f8;
  width: 75%;
  margin: 0 auto;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.services {
  max-width: 100%;
  background-color: #293f90;
  display: block;
  margin-left: auto;
  margin-right: auto;
  padding: 2rem;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.serv {
  color: #eef2f8;
  text-align: center;
  margin: 0 auto;
  padding-bottom: 0.2rem;
}
.servicetext {
  color: #eef2f8;
  margin-top: 1rem;
}
.servicetext a {
  color: #eef2f8;
}
.how-it-works {
  max-width: 100%;
  background-color: #eef2f8;
  display: block;
  margin-left: auto;
  margin-right: auto;
  padding: 2rem;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.hiw {
  color: black;
  text-align: center;
  margin: 0 auto;
  padding-bottom: 0.2rem;
}
.whitebreaker {
  height: 0.1rem;
  background-color: #eef2f8;
  width: 20%;
  margin: 0 auto;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.servicerow {
  display: flex;
  margin: 0 auto;
}
.servpic {
  width: 8rem;
  padding: 2rem;
  display: block;
  margin: 0 auto;
}
.services a:hover {
  text-decoration: underline;
  color: white;
}
.col-3 {
  width: 20%;
}
.col-3 h3 {
  text-align: center;
  color: #eef2f8;
  font-weight: bolder;
}
.col-3 h4 {
  text-align: center;
  color: black;
  font-weight: bolder;
  padding-top: .5rem;
}
.techs {
  max-width: 85%;
  margin: 0 auto;
  margin-top: 2.5rem;
}
.techs h2 {
  margin: 0 auto;
  text-align: center;
  color: #eef2f8;
  padding-bottom: 0.5rem;
}
.techs p {
  color: #eef2f8;
}
.col-text-2 button {
  margin-left: 5rem;
}
.white-block {
  background-color: #eef2f8;
}
.reviews {
  max-width: 100%;
}
.inner-white-block {
  max-width: 85%;
  margin: 0 auto;
  justify-content: space-between;
}
.white-block h2 {
  text-align: center;
  padding-top: 1.5rem;
}
.col-text-3 {
  width: 40%;
}
.col-media-2 {
  max-width: 40%;
}
.review-columns {
  display: flex;
}
.stay-beautiful {
  max-width: 85%;
  margin: 0 auto;
  justify-content: space-between;
}
.stay-beautiful h2 {
  color: #eef2f8;
  text-align: center;
  padding-top: 1.5rem;
}
.stay-beautiful p {
  color: #eef2f8;
}
.services a {
  color: #eef2f8;
  text-decoration: underline;
}
.techs a {
  color: #eef2f8;
  text-decoration: underline;
}
.inner-white-block a {
  color: black;
  text-decoration: underline;
}
.areas {
  margin: 0 auto;
  color: #eef2f8;
  width: 70%;
  text-align: center;
  padding-top: 1rem;
  padding-bottom: 0.5rem;
}
.areas a {
  text-decoration: underline;
  color: #eef2f8;
}
.centerme {
  display: flex;
  justify-content: center;
}
.mapblock {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}
.map {
  margin-top: 0.75rem;
  max-width: 100%;
}
.lp-footer{
  background-color: #d82730;
  width: 100%;
  text-align: center;
  height: 2rem;
  padding-top: .5rem;
}
.lp-footer p {
  color: #eef2f8;
  font-size: small;
}
footer {
  background-color: #d82730;
  padding-top: 1.5rem;
}
.foot-columns {
  display: flex;
}
.col-4 {
  width: 25%;
}
.col-4 li {
  list-style: none;
}
.col-4 ul {
  padding-inline-start: 0;
}
.col-4 a {
  color: #eef2f8;
}
.foot-areas-a {
  font-weight: normal;
  font-size: 0.7rem;
}
.foot-serv-a {
  font-weight: normal;
  font-size: 0.7rem;
}
.foot-dirt-a {
  font-weight: normal;
  font-size: 0.7rem;
}
.foot-columns h4 {
  color: #eef2f8;
  font-size: 1rem;
}
.foot-list-li {
  display: flex;
}
.foot-list-li p {
  font-size: 0.7rem;
  color: #eef2f8;
  /*padding-top: 0.5rem;*/
}
#linkcol {
  width: 17rem;
  padding-left: 5rem;
}
.col-4 p {
  color: #eef2f8;
  font-size: 0.7rem;
}
.gmb {
  width: 1.6rem;
}
.ig {
  width: 1.6rem;
  margin-left: 0.7rem;
}
.foot-socials {
  display: flex;
  align-items: baseline;
}
.foot-socials-elf {
  display: flex;
  align-items: baseline;
}
#mobile-foot-icons {
  display: none;
}

.top_widgets{
  display: flex;
  justify-content: center;
}

#nextdoor_badge{
  width: 5rem;
  padding-top: .5rem;
}
#best_2025{
  max-width: 7rem;
  padding-top: .5rem;
}
#BBB_badge{
  padding-top: .5rem;
}
#google_badge{
  padding-top: .5rem;
}

/* Why Choose Us?*/
.content-wrap {
  width: 85%;
  padding-top: 6rem;
  margin: 0 auto;
}
.content-wrap h1 {
  padding-bottom: 1.5rem;
}
.content-wrap p {
  color: #eef2f8;
}
.col-text-4 {
  width: 80%;
}
.col-media-4 {
  width: 20%;
}
.col-text-5 p {
  text-align: center;
}
.bbbwidget {
  padding-left: 0.7rem;
  padding-top: 0.5rem;
  align-self: flex-end;
}
.clwidget {
  padding-left: 0.1rem;
}
.yelpwidget {
  padding-left: 2.25rem;
}
.googlewidget {
  padding-left: 2.25rem;
  margin-top: 0.75rem;
}
.review-widgets {
  list-style: none;
}
.special-h2 {
  color: #eef2f8;
  text-align: center;
}
.body-columns-2 {
  display: flex;
  margin: 0 auto;
  align-items: flex-start;
  justify-content: center;
}
.body-right {
  display: flex;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  background-color: #eef2f8;
  margin-top: 1.2rem;
}
.whychooselist {
  padding: 2.5rem;
  list-style: square;
}
.wcu-headers {
  color: #eef2f8;
}
.values {
  padding-top: 3.5rem;
  /*width: 90%;*/
  margin: 0 auto;
}
.values span {
  text-decoration: underline;
}
.list {
  color: #eef2f8;
  list-style: square;
  font-size: 1rem;
  text-align: left;
}
.guarantee {
  /*padding-top: 3.5rem;*/
  /*width: 90%;*/
  margin: 0 auto;
}
.guarantee span {
  text-decoration: underline;
}
h3{
  color: #eef2f8;
  font-weight: bold;
  text-decoration: underline;
}
.tagline {
  font-size: larger;
  text-align: center;
  font-style: italic;
  color: #eef2f8;
}
.content-tagline {
  text-align: center;
  font-style: italic;
  color: #eef2f8;
}
.whitetext {
  color: #eef2f8;
}
.history {
  margin: 0 auto;
}
.two-buttons {
  display: inline-block;
}
#book-two {
  background: green;
  position: absolute;
  right: 4rem;
}
#book-two-2 {
  background: green;
  position: absolute;
  right: 4rem;
}
#book-two-3 {
  background: green;
  position: absolute;
  right: 4rem;
}
#book-three {
  background: green;
  color: #eef2f8;
  margin-left: 0.75rem;
}
/* Carpet-Main*/
.service-page-banner {
  margin-top: 5rem;
  width: 100%;
  border-top: 0.5rem solid #293f90;
  border-bottom: 0.5rem solid #293f90;
  height: 35rem;
}
.service-page-banner h1 {
  margin-top: 2rem;
  text-shadow: 0 0 10px black, 0 0 13px black;
}
#carpet-banner {
  background-image: url("/static/img/Carpet-Cleaning-Banner-1.e80dd090c8ea.jpg");
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
#repair-banner {
  background-image: url("/static/img/Carpet-Cleaning-Banner-1.e80dd090c8ea.jpg");
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
#tile-banner {
  background-image: url("/static/img/Clean-Tile.16f083322137.jpg");
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
#upholstery-banner {
  background-image: url("/static/img/Clean-Upholstery.4d20a7abfa11.jpg");
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
#stone-banner {
  background-image: url("/static/img/Clean-Stone.da5d5a5b6256.jpg");
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

.service-page-services h2 {
  color: #eef2f8;
  font-family: "Montserrat";
  font-size: 1rem;
}
.content-subheaders {
  color: #eef2f8;
  font-family: "Montserrat";
  font-size: 1.5rem;
}
#stone-serv-list h2 {
  font-size: 1.15rem;
}
.sub-serv-links {
  color: #eef2f8;
}

.service-page-services a:hover {
  text-decoration: underline;
  color: #eef2f8;
}
.service-page-services li {
  list-style: none;
}

.serv-title{
  color: #eef2f8;
}

.col-servpagenav {
  text-align: center;
  margin: 0 auto;
  padding-top: 2rem;
  padding-left: 0;
}
.content-wrap-2 {
  width: 100%;
  padding-top: 2rem;
  margin: 0 auto;
  background-color: #eef2f8;
}
.content-wrap-2 h3 {
  font-family: "Lobster", cursive;
}
.blog-post-list {
  padding: 1rem;
}
.blog-titles {
  color: #eef2f8;
}
.posts {
  padding-left: 2rem;
}
.card-text {
  font-size: small;
}
.blog-img {
  width: 100%;
}
.read-more {
  color: #eef2f8;
}
.blog-post {
  color: #eef2f8;
}
.blog-post a {
  color: #eef2f8;
  text-decoration: underline;
}
.area-lists {
  display: flex;
  margin: 0 auto;
  justify-content: space-evenly;
  padding-left: 7.5rem;
}
.col-6 {
  width: 33%;
}
.col-6 li {
  list-style: none;
  color: #eef2f8;
  text-decoration: underline;
  font-size: 1.25rem;
}
.col-6 a {
  color: #eef2f8;
}
.subheader {
  color: #eef2f8;
  text-decoration: underline;
}
.memberbenefits {
  color: #eef2f8;
}
.memberbenefits h3 {
  display: inline-block;
  font-size: 1.25rem;
  font-weight: bolder;
}
.resi-cleaning-services h2 {
  color: #eef2f8;
}
.breaker-2 {
  height: 0.1rem;
  background-color: #eef2f8;
  width: 40%;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
/*Pricing Page*/
.pricehead {
  background-color: #f8f9fb;
  margin: 0;
  width: 100%;
  align-items: stretch;
  padding: 1rem;
}
.pricehead h2 {
  text-align: center;
}
.price-comparison {
  margin: 0;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: stretch;
  padding: 2.5rem 1rem 2.5rem 1rem;
}
.price-card {
  background-color: white;
  box-shadow: 0 7px 30px 0 rgba(51, 31, 97, 0.2);
  padding: 2rem;
  flex-grow: 1;
  flex-basis: 0;
  max-width: 33%;
  border-radius: 8px;
}
.price-card.popular {
  position: relative;
  background-color: #293f90;
  color: white;
  box-shadow: 0 7px 30px 0 rgba(52, 13, 135, 0.4);
  margin-top: -1.5rem;
  padding-top: 3.5rem;
  margin-bottom: -1.5rem;
  padding-bottom: -3.5rem;
}
.price-card:first-child {
  border-top-right-radius: 0%;
  border-bottom-right-radius: 0%;
}
.price-card:last-child {
  border-top-left-radius: 0%;
  border-bottom-left-radius: 0%;
}

.price-header {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: larger;
  font-weight: bolder;
}
.price {
  font-size: 3rem;
  display: flex;
}
.dollar-sign {
  font-size: 1.25rem;
  margin: 0.5rem 0.25rem 0 0;
}
.per {
  font-size: 1rem;
  align-self: flex-end;
  margin-bottom: 1.1rem;
  text-transform: uppercase;
}
.cleaning-method {
  font-family: "Lobster", cursive;
  font-size: 1.85rem;
  margin-top: 0rem;
}

.breaker-3 {
  height: 0.1rem;
  background-color: rgba(0, 0, 0, 0.2);
  width: 100%;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  margin: 1rem 0 1rem 0;
}
.price-card.popular .breaker-3 {
  background-color: rgba(255, 255, 255, 0.2);
}
.price-card.popular .features .list {
  color: #eef2f8;
}

.most-popular {
  position: absolute;
  top: 0.75rem;
  left: 0.5rem;
  right: 0.5rem;
  text-align: center;
  text-transform: uppercase;
  font-weight: bolder;
}
.features .list {
  color: #293f90;
  font-size: small;
}
.features .list a {
  color: #293f90;
  text-decoration: underline;
}

.cta {
  background-color: #d82730;
  color: #eef2f8;
  padding: 0.25rem;
  width: 100%;
  font-family: "Lobster", cursive;
  font-size: 1.75rem;
  border: 2.5px solid black;
  font-weight: lighter;
  border-radius: 5px;
  margin-top: 2rem;
  margin-bottom: 1.5rem;
}
.cta:hover {
  text-decoration: underline;
  color: white;
}

.cta:hover,
.cta:focus {
  transform: scale(1.1);
}
#spaceless-content-wrap-2 {
  margin-top: -5rem;
}
.content-wrap.lower {
  padding-top: 0.25rem;
}
.price-card-learn-more {
  text-decoration: underline;
}
.price-card.popular .price-card-learn-more {
  color: white;
}
.whitelinks {
  color: #eef2f8;
  text-decoration: underline;
}
.whitelinks:hover {
  color: #eef2f8;
  text-decoration: underline;
}
.price-card.popular .features .list a {
  color: white;
}
.whitetextcenter {
  color: #eef2f8;
  display: flex;
  justify-content: center;
}
/*.announcement {
  background-color: #293f90;
  width: 100%;
}
.announcement-text {
  padding-top: 1rem;
  color: #eef2f8;
  display: inline-flex;
  justify-content: center;
  padding-left: 5rem;
}
.announcement-button {
  background-color: #d82730;
  padding: 0.1rem 0.75rem;
  border-radius: 5px;
  color: #eef2f8;
  border: 1.5px solid black;
  text-align: center;
  margin-left: 0.5rem;
  display: inline-flex;
}
.announcement-button:hover {
  color: black;
}*/

/* Landing Pages 
.lp-tile-hero {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  max-width: 100%;
}*/
.lp-tile-hero-txt {
  text-align: center;
  color: white;
  padding-top: 1rem;
}
#lp-hero-subheader {
  font-weight: bolder;
  font-size: x-large;
  text-shadow: 0 0 10px black, 0 0 13px black;
}
.lp-cta-text{
  font-family: "Montserrat";
  font-weight: bolder;
  font-size: x-large;
}
.lp-cta-phonenum{
  font-family: "Montserrat";
  font-weight: bolder;
  font-size: x-large;
}
.lp-list{
  display: inline-block;
  color: #eef2f8;
  list-style: none;
  font-size: 1rem;
  text-align: left;
  justify-content: center;
}
.lp-list li:before{
  content: "\2713"; /* Unicode for a heavy check mark (✔) */
  margin-right: 8px; /* Adds space between the check and the text */
  color: #000; /* Sets the check mark color */
  display: inline-block;
}
.lp-comparison-imgs {
  display: flex;
  justify-content: space-around;
  max-width: 75rem;
  margin: 0 auto;
}
.lp-comparison-col {
  flex: 1;
  padding: 1rem;
}
.lp-comp-img{
  max-width: 100%;
  display: block;
  margin: 0 auto;
}
.sec2 h2{
  color: #eef2f8;
  text-shadow: 0 0 10px black, 0 0 13px black;
}
/* Main container */
.lp-service-tiers {
  width: 80%;
  max-width: 75rem;
  margin: 4rem auto;
  font-family: 'Montserrat', sans-serif;
}

/* Shared rectangle style */
.lp-service-tier-1,
.lp-service-tier-2 {
  border: 0.2rem solid #2b6cb0;
  border-radius: 0.75rem;
  padding: 2.5rem;
  margin-bottom: 2.5rem;
  background-color: #ffffff;
  text-align: center;
  box-shadow: 0 0.5rem 1.5rem rgba(0, 0, 0, 0.05);
}

/* ALL h3 use Lobster */
.lp-service-tier-1 h3,
.lp-service-tier-2 h3 {
  font-family: 'Lobster', cursive;
  font-size: 1.9rem;
  margin-bottom: 1rem;
}

/* Standard tier h3 = black */
.lp-service-tier-1 h3 {
  color: #000;
}

/* Recommended tier highlighted */
.lp-service-tier-2 {
  border: 0.3rem solid #e53e3e;
  box-shadow: 0 0 1.25rem rgba(229, 62, 62, 0.35);
}

.lp-service-tier-2 h3 {
  color: #e53e3e;
}

/* Subhead */
.lp-service-tier-subhead {
  font-size: 1.125rem;
  margin-bottom: 1.5rem;
  color: #555;
}

/* Main description */
.lp-desc-text {
  font-size: 1.05rem;
  margin-bottom: 1.5rem;
  line-height: 1.6;
  color: #444;
}

/* Subtext */
.lp-service-tier-subtext {
  font-size: 1rem;
  color: #666;
}
/* Container */
.lp-addons {
  width: 80%;
  max-width: 60rem;
  margin: 2.5rem auto;
  font-family: 'Montserrat', sans-serif;
  text-align: center;
}

/* Section Title */
.lp-addons-title {
  font-family: 'Lobster', cursive;
  font-size: 1.75rem;
  margin-bottom: 1.5rem;
}

/* Add-on boxes */
.lp-addon {
  border: 0.15rem solid #2b6cb0;
  border-radius: 0.6rem;
  padding: 1.5rem;
  margin-bottom: 1.25rem;
  background-color: #ffffff;
  box-shadow: 0 0.4rem 1rem rgba(0, 0, 0, 0.04);
}

/* Smaller headings */
.lp-addon h4 {
  font-size: 1.25rem;
  margin-bottom: 0.5rem;
}

/* Price */
.lp-addon-price {
  font-weight: 600;
  margin-bottom: 0.75rem;
  color: #444;
}

/* Description */
.lp-addon-desc {
  font-size: 0.95rem;
  color: #555;
  line-height: 1.5;
}

/* Highlight second add-on */
.lp-addon-highlight {
  border: 0.2rem solid #e53e3e;
  box-shadow: 0 0 0.75rem rgba(229, 62, 62, 0.25);
}

.lp-addon-highlight h4 {
  color: #e53e3e;
}
.lp-promise {
  width: 80%;
  max-width: 70rem;
  margin: 4rem auto;
  background-color: #293f90; /* deep professional blue */
  border-radius: 1rem;
  padding: 3rem;
  text-align: center;
  color: #f5f5f5; /* off-white text */
  box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.1);
}

/* Header */
.lp-promise-header h2 {
  font-family: 'Lobster', cursive;
  font-size: 2rem;
  margin-bottom: 1.5rem;
  color: #ffffff;
}
/* Body text */
.filler-text p {
  font-family: 'Montserrat', sans-serif;
  font-size: 1.1rem;
  line-height: 1.7;
  max-width: 55rem;
  margin: 0 auto;
  color: #f0f0f0;
}
.lp-reviews {
  padding: 2.5rem 0; /* 40px -> 2.5rem */
  display: flex;
  justify-content: center;
}

.reviews-container {
  display: flex;
  flex-direction: column;
  gap: 1.875rem; /* 30px -> 1.875rem */
  width: 90%; /* Take 90% of the page width */
  max-width: 62.5rem; /* 1000px -> 62.5rem */
  align-items: center; /* Center cards horizontally */
}

/* Individual review card */
.review-card {
  background-color: #ffffff; /* Add your card background color here */
  padding: 1.5625rem 1.875rem; /* 25px 30px -> 1.5625rem 1.875rem */
  border-radius: 0.75rem; /* 12px -> 0.75rem */
  box-shadow: 0 0.25rem 0.75rem rgba(0,0,0,0.1); /* 0 4px 12px -> 0.25rem 0.75rem */
  border: 0.0625rem solid #ddd; /* 1px -> 0.0625rem */
  width: 100%; /* Full width within container */
  transition: transform 0.3s, box-shadow 0.3s;
}

.review-card:hover {
  transform: translateY(-0.3125rem); /* -5px -> -0.3125rem */
  box-shadow: 0 0.5rem 1.25rem rgba(0,0,0,0.15); /* 0 8px 20px -> 0.5rem 1.25rem */
}

/* Stars */
.review-stars {
  color: #FFD700; /* Add your star color here */
  font-size: 1.2rem;
  margin-bottom: 0.625rem; /* 10px -> 0.625rem */
}

/* Review text */
.review-text {
  font-size: 1rem;
  line-height: 1.6;
  color: #333333; /* Add your text color here */
  margin-bottom: 0.75rem; /* 12px -> 0.75rem */
}

/* Author text */
.review-author {
  font-weight: bold;
  color: #555555; /* Add your author text color here */
  font-size: 0.95rem;
}

.lp-review-container-2 {
  display: flex;
  justify-content: center; 
  padding-top: 1rem;
}

/* Review callout box */
.lp-review-callout {
  background-color: #ffffff; /* white box */
  color: #000000; /* all text black */
  padding: 1.875rem 2.5rem; /* 30px 40px -> 1.875rem 2.5rem */
  border-radius: 1rem; /* 16px -> 1rem */
  text-align: center;
  box-shadow: 0 0.375rem 1.125rem rgba(0,0,0,0.1); /* 0 6px 18px -> 0.375rem 1.125rem */
  width: 80%; /* box takes 80% of container width */
  max-width: 50rem; /* 800px -> 50rem */
  transition: transform 0.3s, box-shadow 0.3s;
}

.lp-review-callout:hover {
  transform: translateY(-0.1875rem); /* -3px -> -0.1875rem */
  box-shadow: 0 0.625rem 1.5625rem rgba(0,0,0,0.15); /* 0 10px 25px -> 0.625rem 1.5625rem */
}

/* Stars / main text */
.lp-review-stars {
  font-weight: 600;
  font-size: 1.1rem;
  margin-bottom: 1.125rem; /* 18px -> 1.125rem */
  line-height: 1.4;
}

/* Link */
.lp-review-link {
  font-weight: 600;
  text-decoration: none;
  color: #000000; /* black text */
  font-size: 1rem;
  transition: color 0.2s;
}

.lp-review-link:hover {
  text-decoration: underline;
}

.lp-trust-columns {
  display: flex;
  justify-content: space-between; /* evenly spaced */
  gap: 2rem; /* space between columns */
  flex-wrap: wrap; /* wrap on smaller screens */
  margin: 2rem 0; /* spacing around the container */
}

.lp-trust-column {
  flex: 1 1 20%; /* flexible width, minimum 20% */
  min-width: 12rem; /* ensures columns don’t get too small */
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

#quality_mark_badge{
  max-width: 10rem;
}


.lp-qa-section {
  padding-top: 1rem;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.5rem; /* 24px -> 1.5rem */
  font-family: 'Montserrat', sans-serif;
}

.lp-qa-item {
  width: 85%; /* desktop */
  background-color: #ffffff; /* white box */
  border-radius: 1rem; /* 16px -> 1rem */
  padding: 1.5rem; /* 24px -> 1.5rem */
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  box-shadow: 0 0.25rem 0.75rem rgba(0,0,0,0.1); /* subtle drop shadow */
  border: 0.0625rem solid #ccc; /* optional border */
}

.lp-qa-label {
  font-weight: 700; /* bold */
  margin-right: 0.5rem;
}

.lp-qa-question {
  background: none;
  border: none;
  text-align: left;
  font-size: 1.125rem; /* 18px -> 1.125rem */
  font-weight: 600;
  cursor: pointer;
  padding: 0;
}

.lp-qa-answer {
  font-size: 1rem; /* 16px -> 1rem */
  line-height: 1.6;
  margin-top: 0.5rem; /* 8px -> 0.5rem */
  max-height: 1000rem; /* default for desktop */
  overflow: hidden;
  transition: max-height 0.4s ease;
}

.lp-cta-button {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  width: 85%; /* desktop */
  min-height: 20rem;
  padding: 2rem;
  background-color: #d82730;
  color: #ffffff;
  text-decoration: none;
  border-radius: 1rem; /* 16px -> 1rem */
  box-shadow: 0 0.5rem 1.5rem rgba(0,0,0,0.2);
  transition: transform 0.2s ease, box-shadow 0.2s ease, color 0.2s ease;
  margin: 2rem auto;
  border: 2.5px solid black;
}

.lp-cta-button:hover {
  transform: scale(1.05);
  box-shadow: 0 0.75rem 2rem rgba(0,0,0,0.25);
  color: #ffffff; /* keep text white on hover */
}

.lp-cta-headline {
  font-family: 'Lobster', cursive;
  font-size: 3rem; /* large headline */
  font-weight: 400;
  margin-bottom: 1rem;
}

.lp-cta-subhead {
  font-family: 'Montserrat', sans-serif;
  font-size: 1.25rem; /* smaller subhead */
  font-weight: 400;
  margin-bottom: 1rem;
}

.lp-cta-phone {
  font-family: 'Montserrat', sans-serif;
  font-size: 2rem; /* large bold phone number */
  font-weight: 700;
  margin-bottom: 0.5rem;
}

.lp-cta-note {
  font-family: 'Montserrat', sans-serif;
  font-size: 1rem; /* small note */
  font-weight: 400;
}
.lp-footer {
  width: 100%; /* full width */
  background-color: transparent; /* no color */
  color: #ffffff; /* text color, adjust if needed */
  text-align: center;
  font-family: 'Montserrat', sans-serif;
  padding: 3rem 1rem; /* vertical spacing */
  box-sizing: border-box;
  display: block; /* ensures all lines stack correctly */
}

.lp-footer-line {
  font-size: 1rem;
  margin: 0.5rem 0; /* vertical spacing between lines */
  display: block;
  width: 100%; /* text wraps naturally */
}

.lp-footer-company {
  font-weight: 700;
  font-size: 1.25rem; /* medium text */
}

.lp-footer-contact a,
.lp-footer-legal a {
  color: #ffffff; /* links white */
  text-decoration: underline;
}

.lp-footer-contact a:hover,
.lp-footer-legal a:hover {
  color: #ffffff; /* text stays white on hover */
  text-decoration: underline;
}

.lp-footer-legal {
  font-size: 0.875rem; /* small text */
}
.lp-logo-container {
  display: flex;
  justify-content: center; 
  width: 100%;
  margin: 2rem 0;   
}

.lp-logo-container img {
  max-width: 100%;         /* makes logo responsive */
  height: auto;
  display: block;
}
/* Mobile adjustments */
@media (max-width: 768px) {
  .lp-footer {
    padding: 2.5rem 1rem;
  }

  .lp-footer-company {
    font-size: 1.125rem;
  }

  .lp-footer-line {
    font-size: 0.95rem;
  }

  .lp-footer-legal {
    font-size: 0.8rem;
  }
}

/* Mobile responsiveness */
@media (max-width: 768px) {
  .lp-cta-button {
    width: 90%; /* mobile */
    padding: 1.5rem;
  }

  .lp-cta-headline {
    font-size: 2.5rem;
  }

  .lp-cta-subhead {
    font-size: 1.125rem;
  }

  .lp-cta-phone {
    font-size: 1.75rem;
  }

  .lp-cta-note {
    font-size: 0.95rem;
  }
}

/* Mobile: hide answers initially, reveal on click with smooth slide */
@media (max-width: 768px) {
  .lp-qa-item {
    width: 90%; /* mobile */
  }

  .lp-qa-answer {
    max-height: 0;
  }

  .lp-qa-item.active .lp-qa-answer {
    max-height: 1000rem;
  }
}

@media (max-width: 768px) {
  .lp-trust-column {
    flex: 1 1 45%; /* two columns per row */
  }
}

/* Responsive for mobile */
@media (max-width: 480px) {
  .lp-trust-column {
    flex: 1 1 100%; /* one column per row */
  }
}

@media only screen and (max-width: 1280px) {
  html,
  body {
    overflow-x: hidden;
  }
  body {
    position: relative;
  }
  /*.announcement {
    padding-bottom: 0.5rem;
  }
  .announcement-text {
    padding-left: 0;
    max-width: 90%;
    text-align: center;
    display: flex;
    margin: 0 auto;
  }
  .announcement-button {
    display: flex;
    justify-content: center;
    padding: 0.5rem;
    margin: 1rem 1.5rem 1rem 1.5rem;
  }*/
  .van {
    margin-top: 6rem;
  }
  .service-page-banner {
    margin-top: 9rem;
  }
  .content-wrap {
    margin-top: 5rem;
  }
  .col-media-4 {
    width: 100%;
  }
  .body-columns-2 {
    flex-direction: column;
    width: 100%;
    align-items: center;
  }
  .clobby-review-widget {
    max-width: 269px;
  }
}

@media only screen and (max-width: 1024px) {
  html,
  body {
    overflow-x: hidden;
  }
  body {
    position: relative;
  }
  .logo {
    display: none;
  }
    .lp-logo-container{
    display: none;
  }
  /*.announcement-text {
    padding-left: 0;
    max-width: 90%;
    text-align: center;
    display: flex;
    margin: 0 auto;
  }
  .announcement-button {
    display: flex;
    justify-content: center;
    padding: 0.5rem;
    margin: 1rem 1.5rem 1rem 1.5rem;
  }
  .announcement-spacer {
    display: none;
  }*/
  .lp-tile-hero{
    margin-top: -1rem;
  }
  .mobile-logo {
    display: block;
    width: 10rem;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: auto;
  }
  .content-wrap {
    margin-top: 0rem;
  }
  .col-hd {
    display: none;
  }
  .mobile-cta {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .phonenumber {
    padding-right: 0;
  }
  header {
    position: relative;
  }
  .tophead {
    height: 13rem;
    display: block;
  }
  .btn-lg-2 {
    display: none;
  }
  .bottomhead {
    padding: 0;
  }
  nav {
    transform: scale(1, 0);
    transform-origin: top;
    transition: transform 400ms ease-in-out;
  }
  nav a {
    opacity: 0;
    transition: opacity 200ms ease-in-out 200ms;
  }
  label {
    display: inline-block;
    margin: 0 auto;
  }
  .nav-toggle span,
  .nav-toggle span::before,
  .nav-toggle span::after {
    display: inline-block;
    background: #eef2f8;
    height: 0.2rem;
    width: 2rem;
    border-radius: 2px;
    vertical-align: middle;
    position: relative;
  }
  .nav-toggle span::before,
  .nav-toggle span::after {
    content: "";
    position: absolute;
  }
  .nav-toggle span::before {
    bottom: 0.6rem;
  }
  .nav-toggle span::after {
    top: 0.6rem;
  }
  #toggle:checked ~ nav {
    display: block;
    transform: scale(1, 1);
    position: absolute;
    top: 100%;
    width: 100%;
  }
  #toggle:checked ~ nav a {
    opacity: 1;
  }
  #diff {
    display: block;
  }
  .nav-list {
    display: block;
    flex-direction: column;
    position: absolute;
    right: auto;
    padding-left: 0;
    width: 100%;
    text-align: center;
  }
  .nav-li {
    background-color: #d82730;
    border-bottom: 1px solid #eef2f8;
  }
  .nav-link {
    padding: 1rem;
  }
  .foot-logo {
    display: none;
  }
  .foot-columns {
    flex-direction: column;
  }
  #linkcol {
    padding-left: 1rem;
  }
  .foot-list-2 img {
    margin-left: -1rem;
  }
  .van {
    margin-top: 0rem;
  }
  .innards {
    max-width: 95%;
  }
  .text h1 {
    font-size: 3rem;
    padding-bottom: 3rem;
  }
  .text h1 span {
    font-size: 2rem;
  }
  .text p {
    font-size: 1rem;
    padding-bottom: 3rem;
  }
  .service-page-banner {
    margin-top: 0rem;
  }
  .service-page-banner h1 {
    max-width: 95%;
    margin-top: 0.5rem;
    margin-left: 0.5rem;
  }
  .service-page-banner p {
    max-width: 95%;
    margin-left: 0.5rem;
  }
  .service-page-services {
    padding-left: 0.75rem;
  }
  .col-servpagenav {
    padding-top: 0.5rem;
  }
  #servpageschedulebtn {
    padding-left: 0rem;
  }
  .space {
    display: none;
  }
  .content-wrap {
    padding-top: 1rem;
    width: 95%;
  }
  .body-columns {
    flex-direction: column;
    align-items: center;
  }
  .col-text {
    width: 100%;
    padding: 1rem;
  }
  .body-left {
    width: 100%;
  }
  .col-media {
    max-width: 100%;
    padding-top: 1rem;
  }
  .btn-lg {
    width: 90%;
    text-align: center;
  }
  .servicerow {
    flex-direction: column;
  }
  .col-3 {
    width: 100%;
    display: flex;
    align-items: center;
    max-width: none;
    justify-content: flex-start;
  }
  h3 {
    font-size: 1.2rem;
  }
  .col-text-3 {
    width: 100%;
  }
  .col-media-2 {
    max-width: 100%;
  }
  .areas {
    width: 90%;
  }
  .col-4 {
    justify-content: left;
    max-width: 100%;
    width: 100%;
  }
  .col-4 h4 {
    text-decoration: underline;
    font-weight: bolder;
  }
  .foot-list-li img {
    display: none;
  }
  .service-page-services h2 {
    color: #eef2f8;
    font-family: "Montserrat";
    font-size: 1.25rem;
    padding-bottom: 0.25rem;
  }
  .service-page-services a {
    text-decoration: underline white;
  }
  .service-page-banner h1 {
    font-size: 2rem;
  }
  .body-columns-2 {
    flex-direction: column-reverse;
  }
  .container {
    flex-direction: column;
    align-items: center;
  }
  .item {
    max-width: 100%;
  }
  .price-comparison {
    flex-direction: column;
    align-items: center;
  }
  .price-card {
    min-width: 90%;
  }
  .price-card.popular {
    margin-top: 0rem;
    padding-top: 3.5rem;
    margin-bottom: 0rem;
    padding-bottom: -3.5rem;
  }
  .price-card:first-child {
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
  }
  .price-card:last-child {
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
  }
  #book-two {
    display: none;
  }
  #book-two-2 {
    display: none;
  }
  #book-two-3 {
    display: none;
  }
  #book-three {
    display: none;
  }
  .foot-socials {
    margin-left: -1rem;
  }
  .foot-socials-reviews {
    flex-direction: column;
  }
  .foot-socials-elf {
    flex-direction: column;
  }
  #carpet-banner {
    background-image: none;
    height: fit-content;
  }
  #tile-banner {
    background-image: none;
    height: fit-content;
  }
  #upholstery-banner {
    background-image: none;
    height: fit-content;
  }
  #stone-banner {
    background-image: none;
    height: fit-content;
  }
  #repair-banner {
    background-image: none;
    height: fit-content;
  }
  .service-page-services h2 {
    font-family: "Lobster", cursive;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    background-color: #293f90;
    padding: 0.5rem;
    border-radius: 3px;
    border: 1px solid black;
    margin-top: 0.75rem;
  }
  .col-text-2 p {
    text-align: center;
  }
  .list {
    padding-left: 0.25rem;
  }
  .yelpwidget {
    display: none;
  }
  .googlewidget {
    display: none;
  }
  .guarantee h2 {
    text-align: center;
  }
  .history h2 {
    text-align: center;
  }
  #spaceless-content-wrap-2 {
    margin-top: 1rem;
  }
  .area-lists {
    padding-left: 0%;
  }
  .col-6 {
    padding-left: 0;
    padding-right: 0;
  }
  .area-list {
    padding-left: 0;
  }
  .col-6 li {
    font-size: 1rem;
  }
  .lp-content-wrap{
    padding-top: 0rem;
  }
  .lp-header a{
    width: 100%;
  }
  .lp-logo {
    display:flex;
    margin: auto;
  }
  .lp-cta{
    display: none;
  }
  .lp-cta-mobile {
    background-color:#d82730;
    display:flex;
    justify-content: center;
  }
  
}