*{scrollbar-width:thin;scrollbar-color:#1ebba0 #ceeae4}
*::-webkit-scrollbar{width:16px}
*::-webkit-scrollbar-track{background:#ceeae4}
*::-webkit-scrollbar-thumb{background-color:#1ebba0;border-radius:0;border:0 solid #3f9481}
.form-control::placeholder{color:#fff}
header{width:100%;height:100vh;position:relative;background-image:url(../water-heater-repair/water-heater-bg.webp);background-position:center right;background-attachment:fixed;background-size:cover}
.center{display:flex;justify-content:center;flex-direction:column}
.center2{display:flex;align-items:center;justify-content:center}
.social-t{display:flex;justify-content:end;align-items:center}
.social-t i{background-color:#fff3;padding:3%;border-radius:50%;color:#1db1a5;width:2em;height:2em;text-align:center;align-content:center;margin:0 2px}
.social-tit{color:#08325a;font-weight:bold}
h1{color:#222f39;font-size:2.3rem}
.card{height:100%;box-shadow:0 24px 36px -11px rgba(0,0,0,0.09);border:0}
.card i{font-size:3vw;color:#1eb2a6;margin-bottom:5%}
.reviews{background-color:#f8f8f8}
.offer{padding:1%;width:180px;height:180px;display:flex;align-items:center;justify-content:center;font-size:2.5vw;font-weight:900;flex-direction:column;background-color:#fff;box-shadow:1px 1px 15px #00000030;color:#1eb2a6}
.offer2{height:100%;display:flex;align-self:center;font-weight:500;font-size:1.8vw;letter-spacing:1px;flex-direction:column;align-items:end}
.offer2 .phone{color:#128277;max-width:50%;margin-top:2%}
small{font-size:60%;margin-top:-13%;letter-spacing:2px}
.review-tit{font-weight:bold;margin:4% 0}
.card img{margin:5% 15%}
.cust-name{font-weight:600}
.stars i{color:#ffea23;font-size:1.3vw}
.quote{position:absolute;color:#0404041c !important;top:-30%;right:8%}
.bold{font-weight:900}
.services{background-color:#c0dbdc!important;position:relative}
.services i{color:#1eb2a6}
.customer{position:absolute;bottom:0;right:10%;max-width:19%}
.line{border-top:3px dotted #1eb2a6;padding-top:5%;margin-top:5%}
.faq-item{border-bottom:1px solid #ddd;padding:10px 0}
.faq-question{width:100%;background:0;border:0;outline:0;text-align:left;font-size:1.1rem;font-weight:600;cursor:pointer;display:flex;justify-content:space-between;align-items:center;padding:10px 0}
.faq-question .icon{transition:transform .3s ease;font-weight:bold;font-size:1.2rem}
.faq-answer{max-height:0;overflow:hidden;transition:max-height .4s ease,padding .3s ease;padding:0}
.faq-answer p{margin:10px 0}
.faq-item.active .faq-answer{max-height:200px;padding:10px 0}
.faq-item.active .faq-question .icon{transform:rotate(180deg);content:"–"}
.sub{color:#128277;font-size:20px;font-weight:600}
.b{background-color:#f7f7f7;padding:3% 5%;margin:1% 0;display:flex;align-items:center;border-radius:5px}
.b-icon{float:left;font-size:3vw;margin-right:5%;color:#1eb2a6}
.b:hover{background-color:#1db1a5;color:#fff;box-shadow:0 24px 36px -11px rgba(0,0,0,0.09)}
.b:hover>.b-icon{color:#fff}
.padding{padding:7% 0}
.estimate{background-color:#1eb2a6;color:#fff;box-shadow:0 24px 36px -11px rgba(0,0,0,0.09)}
.cities ul, .cities li{list-style: none;margin: 0;padding: 0;float: left;}
.cities li{margin:.7%;padding: 1%; background-color: #3cbbb1;  border-radius: 5px;}
.faqs{max-width:fit-content;margin-top:5%;align-self:flex-end;text-align:right}
.phone{background-color:#fff;margin:0 3%;color:#128277;box-shadow:0 24px 36px -11px rgba(0,0,0,0.09);width: fit-content;float: left;}
button,.phone,.faqs{padding:2% 3%;border:0;border-radius:5px;font-size:20px;position:relative;overflow:hidden}
.micro{position:relative;display:flex;justify-content:center;align-items:center}
.micro:before,.micro:after{position:absolute;content:"";top:0;right:0;bottom:0;left:0;border:solid 3px #ccc}
.micro:before{animation:ripple 2s linear infinite}
.micro:after{animation:ripple 2s 1s linear infinite}
@keyframes ripple{to{transform:scale(2);opacity:0}
}
.default-btn,.hover-btn{display:flex;transition:all .3s ease}
.hover-btn{position:absolute;inset:0;background-color:#869d55;border:2px solid #869d55;transform:translate(0%,100%);text-align:center}
.hover-btn span{color:#fff}
button:hover,.phone:hover,.faqs:hover{box-shadow:none}
.coupon{background-image:url(../water-heater-repair/money-bg.webp);background-size:cover;width:100%;padding:5% 10%;color:#fff;position:relative}
html{scroll-behavior:smooth}
body{font-family:'Manrope',calibri,sans-serif!important;font-size:20px;font-weight:400;color:#201d1d;overflow-x:hidden}
h2{font-size:2.2rem;margin-bottom:.6em}
img{max-width:100%;height:auto}
.navbar-expand-lg>.container{padding-right:15px;padding-left:15px}
li.nav-item{white-space:nowrap;padding:1%;font-size:1.1vw;list-style:none}
.navbar{padding:0;-webkit-transition:all .4s ease;-moz-transition:all .4s ease-in-out;transition:all .4s ease;background-color:#fff3;position:relative;z-index:999;box-shadow:0 24px 36px -11px rgba(0,0,0,0.09)}
.navbar-brand{padding:1%}
.navbar-light .navbar-nav .nav-link{padding:.4rem;color:#fff;text-align:center}
.navbar-collapse{flex-grow:0}
.nav-item:hover,header .active{background-color:#1eb2a6;color:#fff!important}
.nav-item:hover>.nav-link{color:#284154!important}
.dropdown-toggle::after{display:none}
#contact{background-color:#1eb2a6;color:#fff;padding:3% 10%}
.social{background-color:#eee;padding:3%}
.social i{font-size:1.5vw;margin-right:.5%;color:#128277}
.data i{color:#1eb2a6;margin:2% 1% 0 0}
.form-control{font-size:1em;margin-bottom:20px;border-radius:0;border:0;border-bottom:#fff 1px solid;background:0;color:#fff}
.form-control:focus{border:#323548 2px solid;box-shadow:none;background-color:transparent}
.submit{position:absolute;right:2%;top:35%;background-color:transparent;color:#fff;border:0}
footer{background-color:#e9e9e9;padding:1% 0;text-align:center}
a{color:inherit}
a:hover{color:inherit;text-decoration:none}
a:active{color:inherit;text-decoration:none}
@media(max-width:1420px){li.nav-item{font-size:1.5vw}
.center2{margin-top:5%;position:relative;z-index:1;align-items:baseline}
@keyframes ripple{to{transform:scale(1.5);opacity:0}
}
.offer2{font-size:2vw}
small{margin-top:-10%}
}
@media(max-width:1200px){.hero{background-color:#ffffff8f;border-radius:10px;padding:5% 3%;margin-top:5%}
.card i{font-size:5vw}
.offer{width:120px;height:120px}
small{margin-top:-7%}
.stars i{font-size:2vw}
.social i{font-size:2.5vw}
.social img{max-width:70%}
.hero .phone{background-color:#fff}
}
@media(max-width:991.98px){.navbar-collapse{position:absolute;right:0;background-color:#ffffffc9;text-align:center;z-index:101;width:60%;top:100%}
.nav-link{padding:.5rem 1rem}
li.nav-item{font-size:2vw;border-bottom:1px dashed #aaa;padding:1%}
.navbar-light .navbar-toggler{color:#fff;border-color:rgba(255,255,255,0.21)}
.imgs{margin:7% 0}
.b-icon{font-size:7vw}
.offer{width:100px;height:100px}
.offer2{font-size:2.3vw}
.social img{max-width:100%}
}
@media(max-width:767.98px){.customer{right:2%;max-width:30%}
.offer2{align-items:center}
.card i{font-size:8vw}
.offer{width:90px;height:90px;font-size:4.5vw}
.offer2{font-size:3vw}
.stars i{font-size:5vw}
footer{font-size:16px}
.social i{font-size:3.5vw}
}
@media(max-width:630px){h2{font-size:1.8rem}
}
@media(max-width:575.98px){li.nav-item{font-size:3vw}
.hero{margin:0 3%}
.offer2{font-size:3.5vw;text-align:right}
}
@media(max-width:475.98px){body{font-weight:400}
header{background-attachment:scroll}
h1{font-size:2rem}
}
.fab{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;line-height:1}
.fa-blogger-b:before{content:"\f37d"}
.fa-clock:before{content:"\f017"}
.fa-facebook-f:before{content:"\f39e"}
.fa-linkedin-in:before{content:"\f0e1"}
.fa-youtube:before{content:"\f167"}
@font-face{font-family:"Font Awesome 5 Brands";font-style:normal;font-weight:400;font-display:block;src:url(../webfonts/fa-brands-400.eot);src:url(../webfonts/fa-brands-400.eot?#iefix) format("embedded-opentype"),url(../webfonts/fa-brands-400.woff2) format("woff2"),url(../webfonts/fa-brands-400.woff) format("woff"),url(../webfonts/fa-brands-400.ttf) format("truetype"),url(../webfonts/fa-brands-400.svg#fontawesome) format("svg")}
.fab{font-family:"Font Awesome 5 Brands"}
@font-face{font-family:"Font Awesome 5 Free";font-style:normal;font-weight:400;font-display:block;src:url(../webfonts/fa-regular-400.eot);src:url(../webfonts/fa-regular-400.eot?#iefix) format("embedded-opentype"),url(../webfonts/fa-regular-400.woff2) format("woff2"),url(../webfonts/fa-regular-400.woff) format("woff"),url(../webfonts/fa-regular-400.ttf) format("truetype"),url(../webfonts/fa-regular-400.svg#fontawesome) format("svg")}
.fab{font-weight:400}
@font-face{font-family:"Font Awesome 5 Free";font-style:normal;font-weight:900;font-display:block;src:url(../webfonts/fa-solid-900.eot);src:url(../webfonts/fa-solid-900.eot?#iefix) format("embedded-opentype"),url(../webfonts/fa-solid-900.woff2) format("woff2"),url(../webfonts/fa-solid-900.woff) format("woff"),url(../webfonts/fa-solid-900.ttf) format("truetype"),url(../webfonts/fa-solid-900.svg#fontawesome) format("svg")}