/** Shopify CDN: Minification failed

Line 457:0 Expected "}" to go with "{"

**/
/* Footer */
section#footer .col.menu-col ul.footer-block__details-content li a{
    padding:8px 0!important;
}
section#footer .contact-info .col{
    padding:5px 0 ;
}
section#footer{
    background-position: 100% 0!important;
    background-repeat: no-repeat;
    padding: 40px 0px 10px;
    max-height: 700px!important;
}
section#footer .footer-container .row.payment-icons{
    padding:0!important
}

/* Main Banner */
.index-ws h2.banner__heading strong {
    color: #1c9dd9;
    font-weight: 700;
}
.index-ws .banner .banner__content .banner__heading{
    max-width:80%;
}
.index-ws .banner__media img.large-hide {
    display: none !important;
}
.index-ws .collection-list-wrapper .grid {
    column-gap: 22px !important;
}
.index-ws .about-heading .highlight-box{
    font-size:50px;
    margin-right:10px;
}
.index-ws .about-heading h2{
    font-size:50px;
}
.product__title h1{
        font-family:'Gilroy'!important;
        font-weight:700 !important;
        font-size:40px !important;
    }
    .product__description p{
        font-family:'Gilroy'!important;
        font-weight:400 !important;
        font-size:16px !important;
    }
    .price-item{
        font-family:'Gilroy'!important;
        font-weight:700 !important;
        font-size:20px !important;
        color:#189CD8;
        }
    button.quantity__button {
    background: #189CD8 !important;
}
/* Hide quantity label */
.product-form__quantity .quantity__label {
  display: none !important;
}

/* ✅ Keep "Add to Cart" next to Quantity selector */
.product-form__input.product-form__quantity {
  display: inline-flex !important;
  align-items: center;
  margin-right: 15px;
  vertical-align: middle;
}

/* Style the quantity box */
.product-form__quantity .quantity {
border: 1px solid #189CD8;
    border-radius: 31px;
  overflow: hidden;
      width: 200px;

}

.quantity__button {
  background: #189CD8 !important;
  color: #fff !important;
  border: none !important;
  width: 45px;
    height: 45px;
  font-weight: bold;
}

.quantity__input {
  border: none !important;
  width: 45px;
  text-align: center;
  font-size: 16px;
  outline: none;
}
.product-form__submit {
    background: #000;
    margin-bottom: 1rem;
    color: #fff;
}
.faq-item summary {
    padding: 8px 24px !important;
    font-weight: 600 !important;
}
.faq-wrapper {
    max-width: 990px !important;
}
@media screen and (max-width:1024px){
        section#footer {
            max-height:100% !important;
        }
.index-ws .banner__content {
    max-width: 100%;
    justify-content: flex-start ! Important;
}
.index-ws .phone-box {
    align-items: center;
    justify-content: flex-start ! Important;
    margin-left: 0!Important;
    padding-left: 0;
}

.index-ws .banner__text {
    max-width: 510px;
}
.index-ws .text-button{
display:unset;
}

.index-ws .banner__buttons {
        max-width: 100%;
        padding: 20px 0 0;
        flex-direction: row ! Important;
    }
.index-ws .text-button .banner__buttons a {
    font-size: 18px ! Important;
    font-weight: 600;
    width: max-content !important;
}


.index-ws .best-seller-item .item-title {
        font-size: 30px;
        line-height: 45px;
    }

.index-ws .best-sellers .container {
    max-width: 1250px;
    padding: 0 50px;
}

@media screen and (max-width: 992px) {
    .drop-shape img {
    max-width: 50% !important;
    height: 100% !important;
}
}

@media screen and (max-width: 768px) {
    .index-ws .banner .banner__content .banner__heading{
        max-width:100% !important;
    }
    .water-test-section {
    padding: 20px 5px !important;
    }
    section#footer {
    background-image: url(//water-softener1.myshopify.com/cdn/shop/files/footer_40f75167-ae9a-4719-818c-1af5eb2a43e2.jpg?v=1757968504);
    background-size: contain !important;
    background-color: #0b73d5 !important;
    background-position: bottom;
    background-repeat: no-repeat;
    padding: 40px 35px;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    height: 100% !important;
}
.what-we-do .section-title {
    font-size: 38px !important;
}
    .what-we-do .image-wrapper, .what-we-do .text-wrapper {
        align-self: anchor-center !important;
    }
    .what-we-do .feature-list {
    justify-self: anchor-center !important;
    }
        .what-we-do .difference-description {
        text-align: center !important;
        }
        .what-we-do .text-wrapper {
    text-align: center !important;
        }
.what-we-do .difference-title {
    font-size: 38px !important;
}
.city-water-softeners .section-image {
    min-width: 369px !important;
}
.quiz-image{
    display:none !important;
}
.drop-shape img {
    max-width: 50% !important;
    height: 100% !important;
}
}
.banner__buttons .button.button--primary:hover {
  background-color: #000 !important;
  color: #fff !important;
}
.banner__buttons a.button--primary:hover {
  --color-button: #000000 !important; /* hover state */
  --color-button-text: #ffffff !important;
  background-color: var(--color-button) !important;
  color: var(--color-button-text) !important;
}

@media screen and (max-width: 500px) {
    section#footer .location-text, .phone-text a, .mail-text a {
    font-size: 14.69px;
    }
    section#footer .contact-info .col {
        padding: 2px 0;
    }
    .banner__buttons {
    padding: 15px 0px !important;
    }
        .collection .card-wrapper .card__heading a {
        text-align: left;
        }
    .water-test-section {
    padding: 20px 5px !important;
    }
    .product__title h1 {
    font-size: 28px !important;
}
.price-item {
    font-size: 20px !important;
    text-align:left !important;
}
.faq-section {
    width: 100% !important;
    padding: 18px 0px !important;
}
.faq-answer {
    font-size: 14px !important;
}
.product-form__input.product-form__quantity {
    display: block !important;
    align-items: center !important;
    margin-right: 0px !important;
    vertical-align: middle !important;
    justify-items: center !important;
}
    section#footer {
    background-image: url(//water-softener1.myshopify.com/cdn/shop/files/footer_40f75167-ae9a-4719-818c-1af5eb2a43e2.jpg?v=1757968504);
    background-size: contain !important;
    background-color: #0b73d5 !important;
    background-position: bottom;
    background-repeat: no-repeat;
    padding: 40px 35px;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    height: 900px;
}
        .city-water-softeners .section-image {
            min-width: 300px !important;
        }
        .what-we-do .image-wrapper {
    text-align: center !important;
        }
section#footer .footer-container span.menu-heading {
        font-size: 22px;
        line-height: 20px !important;
    }
    section#footer .col.menu-col ul.footer-block__details-content li a {
        padding: 8px 0;
        line-height: 15px !important;
    }
    section#footer .col.menu-col ul.footer-block__details-content li a {
    font-size: 14.69px;
}
.phone-icon {
    width: 18px !important;
}

.water-test-left {
    padding: 4px 20px 20px 20px!important;
}
.water-test-item h4 {
    font-size: 16px !important;
}
.water-test-item p {
    font-size: 13px !important;
}
.water-test-right {
    padding: 6px 19px !important;
}
.water-test-right h2 {
    font-size: 29px !important;
}
.water-test-left h2 {
    font-size: 29px !important;
    line-height:36px !important;
}
.water-test-right p{
    padding:0px !important;
}
    .index-ws .best-sellers .container {
        padding: 0 19px !important;
    }
    .section-template--17138467831856__happy_customer_yjmfff .happy-header h2 {
        font-size: 28px !important;
        line-height: 36px 28px !important;
    }
    .search-text .heading p {
    font-size: 29px !important;
        line-height: 38px !important;
}
form#contact_form {
        margin: -31px 0 0 0px !important;
    }
    .city-water-softeners .section-image{
        width:100% !important;
    }
    .city-water-softeners .container{
        max-width:323px !important
    }
    .city-water-softeners .additional-info{
        max-width:323px !important
    }
    .city-water-softeners .capacity-list li{
        max-width:323px !important
    }
    
.accordion-with-block-summary p {
    font-size: 14px !important;
    line-height: 19px !important;
    padding: 30px 25px 44px 25px !important;
}
    .city-water-softeners .section-title {
        font-size: 29px !important;
    }
        .city-water-softeners .section-description, .city-water-softeners .capacity-list li, .city-water-softeners .additional-info {
        font-size: 15px !important;
    }
    section#testimonials h2 {
    font-size: 34px !important;
    }
    .next-steps-section {
    padding: 0px 0 !important;
    margin-top: -60px !important;
    margin-bottom: 100px !important;
}
.next-steps-text {
    font-size: 15px !important;
}
.why-item {
    gap: 0px !important;
}
.why-text {
    margin-left: 9px !important;
    text-align: left !important;
    font-size:15px !important;
}
.banner__box>*+* {
    margin-top: 0rem !important;
}
.banner__box .banner__heading+* {
    margin-top: 0rem !important;
}
    #Banner-template--17138467831856__image_banner a.button.button--primary {
        font-size: 13px !important;
        line-height: 25px !important;
        padding: 0px 9px !important;
    }
    #shopify-section-template--17138467831856__image_banner .banner__box .phone-box:nth-of-type(2) .phone-label {
    margin-left: 0px !important;
    font-size: 29px !important;
    }
        .custom-collection-bg-template--17138467831856__custom_collection_list_Rn7pgX {
        padding: 150px 0px 302px 0px !important;
        }
        .search-display-section {
    margin-top: 30px !important;
    padding-top:0px !important;
    padding-bottom:0px !important;
        }
        .search-display-section .search-box button {
    padding: 12px 20px !important;
    font-size: 15px !important;
        }
    .announcement-bar__message span{
    font-size: 14px !important;
    }
    .announcement-bar__message {
        padding: 6px 0 !important;
}
.quiz-image{
    display:none !important;
}
.card__content

 {
    grid-template-rows: unset !important;
}
/* .index-ws section#footer {
    
    padding: 0!important;
    height: 700px!important;
} */
/* #footer .phone-icon {
    max-width: 18px;
}
#footer .location-icon {
    height: 18px;
}
section#footer .footer-container .contact-info .col {
    column-gap: 10px;
}

}





@media screen and (max-width:768px){
.index-ws .banner__content {
    padding: 0 17px;
}

}

@media screen and (max-width:500px){
.banner__media img.medium-hide {
    display: none !important;
}
 .banner__media img.large-hide {
    display: block !important;
}
}
 */
.water-test-btn:hover {
    background-color: #138AC2 !important;
}