@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');*{box-sizing:border-box;margin:0;padding:0;font-family:"Inter",sans-serif;text-decoration:none;list-style:none}:root{--beige:rgb(235,234,213);--Blue:#5e81a6;--Yellow:#FFD369;--Brown:#2B2B2B}header{background-color:var(--Yellow)}nav::after{background:transparent;-webkit-box-shadow:30px 30px 80px #666666,-30px -30px 80px #ffffff;box-shadow:30px 30px 80px #666666,-30px -30px 80px #ffffff}.nav-link{color:#fff;font-weight:700;font-size:1.2rem}.nav-link:hover{color:var(--Blue)}.logo-title{color:#eee;font-weight:700;font-size:1.8rem}.main-hero{height:95vh;background:url(../images/water-heater-hero.webp);background-position:top left;background-size:cover;background-repeat:no-repeat}button{position:relative;display:flex;justify-content:center;align-items:center;border-radius:25px;background:var(--Yellow);font-family:"Montserrat",sans-serif;box-shadow:0px 6px 24px 0px rgba(0,0,0,0.2);overflow:hidden;cursor:pointer;border:none}.light-button:after{content:" ";width:0%;height:100%;background:var(--Yellow);position:absolute;transition:all 0.4s ease-in-out;right:0}button:after{content:" ";width:0%;height:100%;background:var(--Blue);position:absolute;transition:all 0.4s ease-in-out;right:0}button:hover::after{right:auto;left:0;width:100%}button a{text-align:center;text-decoration:none;width:100%;padding:15px 18px;color:var(--Brown);font-size:1em;font-weight:500;letter-spacing:0.1em;z-index:20;transition:all 0.3s ease-in-out}button:hover a{color:var(--beige);animation:scaleUp 0.3s ease-in-out}@keyframes scaleUp{0%{transform:scale(1)}50%{transform:scale(0.95)}100%{transform:scale(1)}}.sub-section{background:linear-gradient(to bottom,#FFD369 50%,#EBEAD5 50%);height:100%}.sub-article{border-left:2px solid var(--Brown);padding-left:3%}.about-us{padding-left:5%;padding-right:5%;margin-top:2%}.about-us img{border-radius:20px}.icon-wrapper{position:relative;display:inline-block}.icon-wrapper::before{content:"";position:absolute;top:20%;left:50%;width:70px;height:70px;background-color:rgba(94,129,166,0.5);border-radius:50%;transform:translate(-50%,-50%);z-index:-1}.about-us-stats{background-color:var(--Yellow);border-radius:20px}.line{margin:auto;width:75%;border-bottom:2px solid #000;margin:0px 20px}.fa-chevron-down{padding-right:2%;margin-right:2%;float:right !important}p{max-height:0;overflow:hidden;padding-top:20px}.open p{max-height:800px}.open .fas{transform:rotateZ(-180deg)}.open .title{background-color:var(--Yellow)}.title{color:#2B2732;padding-top:2%;padding-left:2%;margin-top:2%;margin-left:2%;font-size:1.2rem;font-weight:700;border-radius:25px}.text{padding-top:2%;padding-left:4%}.item-faq{max-height:300px;overflow:hidden;border-radius:25px;color:var(--Brown);background-size:100%;margin-top:2%;border:1px solid var(--Brown)}.item-faq.open{border:none !important}.item.open{max-height:1000px;background-size:200%}.faq-img-btm{position:absolute;bottom:0;left:40%;transform:translateX(-50%);width:70%;padding-bottom:20px}.contact-us{padding:5%;background-color:var(--Yellow)}.contact-us img{border-radius:20px}form{max-width:900px;margin:1% 1%}.input{width:100%;height:50px;padding:12px;margin:1% 1%;border-radius:12px;border:1.5px solid lightgrey;outline:none;transition:all 0.3s cubic-bezier(0.19,1,0.22,1);box-shadow:0px 0px 20px -18px}textarea{width:100%;height:145px;padding:12px;margin:1% 1%;border-radius:12px;border:1.5px solid lightgrey;outline:none;transition:all 0.3s cubic-bezier(0.19,1,0.22,1);box-shadow:0px 0px 20px -18px}.input:hover{border:2px solid lightgrey;box-shadow:0px 0px 20px -17px}.input:active{transform:scale(0.95)}.input:focus{border:2px solid grey}
   form.CUS input.subject { display: none; } footer{background-color:var(--Brown)}#item-footer{display:inline-block;padding:3px 3px}#item-footer a{text-decoration:none;font-size:1rem;font-weight:500;margin:2px 2px;color:#fff}.why-we-are-best{background-color:var(--beige);border-radius:20px;margin-left:5%;margin-right:5%}.colorful{background-color:var(--Yellow);border-radius:20px}.compared{background-color:var(--Brown);padding:5% 5%}.comparison-container{display:flex;justify-content:space-between;gap:20px;font-family:Arial,sans-serif;font-size:16px;margin:0% 0%}.comparison-column{flex:1;box-shadow:0 4px 8px rgba(0,0,0,0.1)}.comparison-column h3{margin-bottom:15px;font-size:24px;color:var(--Yellow)}.comparison-column ul{list-style-type:disc;padding-left:20px;background-color:#f9f9f9;padding:30px;border-radius:8px}.comparison-column li{margin-bottom:10px;line-height:1.5}@media (max-width:768px){.comparison-container{flex-direction:column}}@media (max-width:768px){.comparison-table{font-size:14px}
}
.marquee{width:100%;margin:0 auto;overflow:hidden;white-space:nowrap;box-sizing:border-box;animation:marquee 50s linear infinite;color:#fff}
.marquee:hover{animation-play-state:paused}@keyframes marquee{0%{text-indent:27.5em}100%{text-indent:-105em}}
.card{--border-radius:0.75rem;min-width:200px;min-height:200px;font-family:"Arial";padding:1rem 1rem;margin:1rem 1rem;cursor:pointer;border-radius:var(--border-radius);background:var(--beige);box-shadow:0px 8px 16px 0px rgb(0 0 0 / 3%);position:relative}.card>*+*{margin-top:2em}.card .card__content{color:var(--Brown) !important;font-size:1.2rem}.card .card__title{padding:0;font-size:3rem;font-weight:bold}.card .card__arrow{position:absolute;background:var(--Blue);padding:0.8rem;border-top-left-radius:var(--border-radius);border-bottom-right-radius:var(--border-radius);bottom:0;right:0;transition:0.2s;display:flex;justify-content:center;align-items:center}.card svg{transition:0.2s}.card:hover .card__title{color:var(--Brown);text-decoration:underline}.card:hover .card__arrow{background:var(--Yellow)}.card:hover .card__arrow svg{transform:translateX(3px)}iframe{border-radius:25px}.cta{background:url(../images/cta-bg.webp);background-position:center;background-repeat:no-repeat;background-position:center center;background-size:cover;height:60vh;color:var(--Brown)}#testimonials{background-color:var(--beige);margin-top:5%;margin-left:10%;border-top-left-radius:40px;height:65vh !important}#testimonials{position:relative}.bottom-left-image{position:absolute;bottom:0;left:-220px;width:500px;height:50vh;z-index:1}.testimonial-text{padding-top:7%;padding-bottom:3%;padding:4%}.testimonials-article{border-left:2px solid var(--Yellow);padding-left:3%}.swiper-container{width:100%;height:35vh;position:relative}.swiper-slide{display:flex;justify-content:center;align-items:center;font-size:18px;padding:5%;height:100%}.swiper-pagination{position:absolute;top:50%;right:10px;transform:translateY(-50%);z-index:10}.swiper-pagination-bullet{width:12px;height:12px;background-color:var(--Brown);border-radius:50%;opacity:0.3;margin:20px 0;transition:all 0.3s;position:relative}.swiper-pagination-bullet-active{width:10px;height:10px;background-color:var(--Yellow);opacity:1;transition:all 0.3s;margin-top:15px !important;margin-bottom:15px !important}.swiper-pagination-bullet-active:before{content:'';position:absolute;top:-8px;left:-8px;width:26px;height:26px;border-radius:50%;border:2px solid var(--Yellow);opacity:0.7;transition:all 0.3s}.stars li{color:goldenrod;padding:0.2%}.swiper-pagination{overflow:hidden}.swiper-container::-webkit-scrollbar{display:none}h1{text-transform:uppercase}.user-select-none{text-decoration:none;color:#fff}@media (max-width:480px){iframe{height:400px !important}.main-hero{height:95vh;background:url(../images/port-water-header.webp);background-position:center left;background-size:cover;background-repeat:no-repeat}#testimonials{background-color:var(--beige);margin-top:0%;margin-left:0%;border-top-left-radius:40px;height:90vh !important;position:relative}.bottom-left-image{position:absolute;bottom:0;left:-55px;width:200px;height:auto;z-index:1}.test-swiper{margin-bottom:5% !important}.about-us-service{display:inline-block !important}.service-btm{display:inline-block !important}.about-us{margin:0 !important;padding:0 !important}.compared{margin:0 !important;padding:0 !important}}@media (max-width:768px){.header-social-icons,.header-address,.nav-call{display:none !important}.main-hero{background-position:center}#testimonials{background-color:var(--beige);margin-top:2%;margin-left:2%;border-top-left-radius:40px;height:70vh}.bottom-left-image{display:none}.faq-img-btm{position:absolute;bottom:-5%;left:50%;transform:translateX(-50%);width:100%;padding-bottom:20px}}@media (max-width:1200px){}@media (min-width:1201px){.main-hero{height:100vh !important}.hero-main>div{padding:0;margin-top:0 !important}h1{margin-top:-10% !important}.cta{height:80vh}}