@font-face{font-family:"Poppins Regular";font-display:swap;font-style:normal;font-weight:normal;src:local("Poppins Regular"),url("../webfonts/Poppins-Regular.woff") format("woff")}@font-face{font-family:"Poppins Bold";font-display:swap;font-style:normal;font-weight:normal;src:local("Poppins Bold"),url("../webfonts/Poppins-Bold.woff") format("woff")}body{padding:0;margin:0;font-family:"Poppins Regular",sans-serif !important;background-color:#f4f7f6;color:#333333}.site-header{background-color:#ffffff;box-shadow:0 2px 4px rgba(0,0,0,0.1);position:sticky;top:0;z-index:1020}.site-header .logo img{max-height:25px}.site-header .contact-phone .phone-number{font-size:.9rem;font-weight:600;color:#2196F3;text-decoration:none}.site-header .contact-phone .fa-phone-square-alt{color:#1a73e8}.navbar{padding:0}.navbar-nav .nav-item .nav-link{color:#2c3e50 !important;font-weight:600;padding:.5rem .8rem;transition:all 0.3s ease;border-bottom:2px solid transparent;font-size:1rem}.navbar-nav .nav-item .nav-link:hover,.navbar-nav .nav-item.active .nav-link,.navbar-nav .nav-item .nav-link.active{color:#1a73e8 !important;border-bottom:2px solid #1a73e8}.navbar-toggler{border:none}.hero{width:100%;min-height:80vh;background-image:linear-gradient(rgba(0, 0, 0, 0),rgba(0,0,0,0.5)),url(../img/tankless-water-heater-banner.webp);background-size:cover;background-position:center;display:flex;align-items:center;color:#fff}.hero-content{text-align:center;padding:0}.hero-subtitle{font-size:1rem;font-weight:600;color:#fbbc05;text-transform:uppercase}.hero-title{font-size:clamp(2.5rem,5vw,4.5rem);font-weight:700;margin-bottom:.5rem}.hero-description{font-size:1.1rem;line-height:1.6;margin-bottom:1rem}.hero-buttons{padding:0}.btn-mine{font-size:1.2rem !important;font-weight:600 !important;padding:0.5rem 1.5rem !important;border-radius:50px !important;transition:all 0.3s ease !important}.btn-primary{background-color:#1a73e8 !important;border-color:#1a73e8 !important}.btn-primary:hover{background-color:#1558b3 !important}

.city-links-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 10px;
    padding: 0;
    list-style: none;
}

.city-links-grid a {
    display: block;
    padding: 8px 12px;
    background-color: transparent;
    border: 1px solid #ffffff;
    border-radius: 25px;
    text-decoration: none;
    color: #ffffff;
    text-align: center;
    transition: all 0.3s ease;
    font-size: 0.9rem;
}

.city-links-grid a:hover {
    background-color: #1a73e8;
    border-color: #1a73e8;
    color: #ffffff;
}

@media (max-width: 992px) {
    .city-links-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 576px) {
    .city-links-grid {
        grid-template-columns: 1fr;
    }
}
.site-footer {
    background-color: #2c3e50;
    color: #ffffff;
}
.social-links a {
    color: #ffffff;
    font-size: 1.5rem;
    margin: 0 10px;
    transition: all 0.3s ease;
}

.social-links a:hover {
    color: #1a73e8;
}

.site-footer h4 {
    color: #ffffff;
}
.spam { display:none;}
form.CUS input.subject { display: none; }