.hero-content h1::after,.intro-section h2::after{height:4px;background:var(--main-color);content:''}:root{--main-color:#1879b8;--second-color:#f7f7f7;--text-color:#333;--heading-color:#1879b8;--list-item-color:#555;--border-radius:10px;--box-shadow:0 4px 12px rgba(0, 0, 0, 0.15);--transition:all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1)}.btn-custom,.hero-content{border-radius:var(--border-radius)}.hero-section{position:relative;background-image:linear-gradient(to right,rgba(0,0,0,.7),rgba(0,0,0,.3)),url('../assets/blogs/Cover-Universal.avif');background-size:cover;background-position:center;background-attachment:fixed;height:80vh;min-height:600px;display:flex;align-items:center;justify-content:flex-start;color:var(--second-color);padding:0 5%;overflow:hidden}.btn-primary-custom::after,.intro-section::before,.overlay{position:absolute;width:100%;top:0}.overlay{left:0;height:100%;background:linear-gradient(135deg,rgba(24,121,184,.2) 0,rgba(0,0,0,.7) 100%);z-index:1}.hero-content{position:relative;text-align:right;padding:40px;background:rgba(0,0,0,.4);backdrop-filter:blur(8px);border-left:4px solid var(--main-color);z-index:2;transform:translateY(20px);animation:.8s ease-out forwards fadeInUp}@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.hero-content h1{color:var(--second-color);font-weight:800;margin-bottom:20px;font-size:clamp(2rem, 5vw, 3.5rem);line-height:1.5;text-shadow:0 2px 4px rgba(0,0,0,.3);position:relative}.hero-content span{color:#acd3ed}.hero-content p{color:rgba(247,247,247,.9);font-size:clamp(1rem, 2vw, 1.2rem);margin-bottom:30px;line-height:1.6;max-width:600px}.button-group{display:flex;gap:20px;flex-wrap:wrap}.btn-custom{padding:12px 28px;box-shadow:var(--box-shadow);font-weight:600;text-transform:uppercase;letter-spacing:.5px;transition:var(--transition);cursor:pointer;font-size:.9rem;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn-primary-custom{background-color:var(--main-color);color:#fff;border:none;position:relative;overflow:hidden}.btn-primary-custom::after{content:'';left:-100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:var(--transition)}.btn-primary-custom:hover::after{left:100%}.btn-primary-custom:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(24,121,184,.3)}.btn-secondary-custom{background-color:transparent;color:var(--second-color);border:2px solid var(--second-color);transition:var(--transition)}.sub-title,.universal-service h3{border-right:4px solid var(--main-color)}.btn-secondary-custom:hover{background-color:var(--second-color);color:var(--main-color);transform:translateY(-2px);box-shadow:0 6px 16px rgba(247,247,247,.2)}.hero-section [role=img]{display:none}.hero-content h1::after{display:block;width:60px;margin:15px 0}.intro-section{background-color:#f9f9f9;position:relative;overflow:hidden;padding:5rem 0}.intro-section::before{content:'';left:0;height:100%;background:linear-gradient(135deg,rgba(24,121,184,.05) 0,rgba(0,0,0,.02) 100%);z-index:0}.intro-section .container{position:relative;z-index:1;max-width:1200px;margin:0 auto;padding:0 20px}.intro-section h2{color:var(--heading-color);font-size:2.5rem;font-weight:700;margin-bottom:2rem;position:relative;display:inline-block}.intro-section h2::after{position:absolute;bottom:-10px;left:50%;transform:translateX(-50%);width:80px;border-radius:2px}.intro-section p{color:var(--text-color);font-size:1.1rem;line-height:1.8;margin-bottom:1.5rem;text-align:justify;text-justify:inter-word}.heater-conclusion-section strong,.heater-faults strong,.intro-section strong,.universal-service strong,strong{color:var(--main-color);font-weight:600;position:relative}.intro-section strong::before{content:'';position:absolute;bottom:-2px;left:0;width:100%;height:2px;background-color:var(--main-color);transform:scaleX(0);transform-origin:right;transition:transform .3s}.intro-section strong:hover::before{transform:scaleX(1);transform-origin:left}.heater-faults{background-color:#fff;position:relative;overflow:hidden;padding:6rem 0}.heater-faults::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(247,247,247,.8) 0,#fff 100%);z-index:0}.heater-faults .container{position:relative;z-index:1;max-width:1100px;margin:0 auto;padding:0 25px}.heater-faults h2,.universal-service h2{color:var(--heading-color);font-size:2.2rem;font-weight:700;margin-bottom:2.5rem;line-height:1.4;text-align:center;position:relative;padding-bottom:15px}.contact-universal-section h2::after,.heater-faults h2::after,.heater-tips-section h2::after{content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:120px;height:4px;background:linear-gradient(90deg,var(--main-color),#4fc3f7);border-radius:2px}.heater-faults h3{color:var(--heading-color);font-size:1.6rem;font-weight:600;margin:3rem 0 1.5rem;padding-bottom:8px;border-bottom:2px solid rgba(24,121,184,.1)}.heater-faults p,.universal-service p{color:var(--text-color);font-size:1.1rem;line-height:1.9;margin-bottom:1.8rem;text-align:right}.heater-faults ul{margin:1.5rem 0;padding-right:20px;list-style-type:none}.heater-faults li,.universal-service li{color:var(--list-item-color);font-size:1.05rem;line-height:1.8;margin-bottom:1.2rem;padding-right:35px;position:relative;text-align:right}.heater-faults li::before,.universal-service li::before{content:'';position:absolute;right:0;top:10px;width:20px;height:2px;background-color:var(--main-color)}.heater-conclusion-section strong::after,.heater-faults strong::after,.universal-service strong::after,strong::after{content:'';position:absolute;bottom:-2px;right:0;width:100%;height:1px;background-color:var(--main-color);transform:scaleX(0);transform-origin:left;transition:transform .3s}.heater-conclusion-section strong:hover::after,.heater-faults strong:hover::after,.universal-service strong:hover::after,strong:hover::after{transform:scaleX(1)}.universal-service{background-color:#f8fafc;position:relative;padding:6rem 0;border-top:1px solid rgba(24,121,184,.1);border-bottom:1px solid rgba(24,121,184,.1)}.universal-service::before{content:'';position:absolute;top:0;right:0;width:40%;height:100%;background:linear-gradient(135deg,rgba(24,121,184,.03) 0,transparent 100%);z-index:0}.section-title::after,.universal-service h2::after{background:linear-gradient(90deg,var(--main-color),#4fc3f7);content:''}.universal-service .container{position:relative;z-index:1;max-width:900px;margin:0 auto;padding:0 25px}.universal-service h2::after{position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:150px;height:4px;border-radius:2px}.universal-service h3{color:var(--heading-color);font-size:1.6rem;font-weight:600;margin:3.5rem 0 1.8rem;padding-right:15px}.universal-service h4{color:var(--main-color);font-size:1.3rem;font-weight:600;margin:2.5rem 0 1.2rem;position:relative;padding-right:25px}.universal-service h4::before{content:'';position:absolute;right:0;top:50%;transform:translateY(-50%);width:15px;height:15px;background-color:var(--main-color);border-radius:3px}.universal-service ul{margin:2rem 0;padding-right:20px;list-style-type:none}.universal-service p:has(strong){background-color:rgba(24,121,184,.05);padding:15px;border-radius:var(--border-radius);border-right:3px solid var(--main-color)}.heater-maintenance-section{background-color:#fff;position:relative;padding:6rem 0;background-image:radial-gradient(circle at 10% 20%,rgba(24,121,184,.03) 0,transparent 20%),radial-gradient(circle at 90% 80%,rgba(24,121,184,.03) 0,transparent 20%)}.contact-universal-section h2,.section-title{color:var(--heading-color);padding-bottom:15px}.heater-maintenance-section .wrapper{max-width:900px;margin:0 auto;padding:0 25px;position:relative}.intro-text{color:var(--text-color);font-size:1.15rem;line-height:1.9;margin-bottom:2.5rem;text-align:center;padding:0 10%}.sub-title{color:var(--main-color);font-size:1.4rem;font-weight:600;margin:3rem 0 1.5rem;padding-right:25px;position:relative}.closing-text,.service-desc{color:var(--text-color);line-height:1.9}.service-desc{font-size:1.1rem;margin-bottom:1.5rem;text-align:right;border-right:2px solid rgba(24,121,184,.1)}.closing-text{font-size:1.15rem;text-align:center;padding:20px;background-color:rgba(24,121,184,.05);border-radius:var(--border-radius);border-top:2px solid var(--main-color);margin-top:3rem}.service-desc{transition:.3s;padding:20px;border-radius:5px}.service-desc:hover{background-color:rgba(24,121,184,.03);transform:translateY(-3px);box-shadow:0 5px 15px rgba(0,0,0,.05)}.contact-universal-section{background-color:#f8fafc;position:relative;padding:6rem 0;background-image:radial-gradient(circle at 20% 30%,rgba(24,121,184,.05) 0,transparent 25%),radial-gradient(circle at 80% 70%,rgba(24,121,184,.05) 0,transparent 25%)}.contact-universal-section .container{max-width:800px;margin:0 auto;padding:0 20px;position:relative}.contact-universal-section h2{font-size:2.2rem;font-weight:700;margin-bottom:1.5rem;line-height:1.4;text-align:center;position:relative}.contact-universal-section p{color:var(--text-color);font-size:1.1rem;line-height:1.9;text-align:center;margin-bottom:2rem}.contact-details{background-color:rgba(255,255,255,.9);padding:30px;border-radius:var(--border-radius);box-shadow:0 5px 20px rgba(0,0,0,.05);margin-bottom:2.5rem;border-top:3px solid var(--main-color)}.btn-primary,.hotline::before{background-color:var(--main-color)}.contact-details li{color:var(--list-item-color);font-size:1.1rem;line-height:1.8;margin-bottom:1.5rem;padding:10px 0;position:relative;text-align:center}.contact-details li:not(:last-child)::after{content:'';position:absolute;bottom:-.75rem;left:50%;transform:translateX(-50%);width:100px;height:1px;background-color:rgba(24,121,184,.2)}.hotline{color:var(--main-color);font-size:1.8rem;font-weight:700;display:inline-block;margin:0 5px;position:relative;padding:0 10px}.hotline::before{content:'';position:absolute;bottom:5px;left:0;width:100%;height:2px;opacity:.3}.btn-primary{color:#fff;font-size:1.1rem;font-weight:600;padding:12px 30px;border-radius:50px;border:none;box-shadow:0 4px 15px rgba(24,121,184,.3);transition:.3s;display:inline-flex;align-items:center;gap:8px}.btn-primary:hover{background-color:#156699;transform:translateY(-3px);box-shadow:0 6px 20px rgba(24,121,184,.4);animation:1.5s infinite pulse}.btn-primary::before{content:'\f095';font-family:'Font Awesome 5 Free';font-weight:900}@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(24,121,184,.4)}70%{box-shadow:0 0 0 15px rgba(24,121,184,0)}100%{box-shadow:0 0 0 0 rgba(24,121,184,0)}}.heater-tips-section{background-color:#fff;position:relative;padding:6rem 0;background-image:linear-gradient(135deg,rgba(24,121,184,.03) 0,transparent 100%)}.heater-conclusion-section .container,.heater-tips-section .container{max-width:800px;margin:0 auto;padding:0 25px;position:relative}.heater-conclusion-section h2,.heater-tips-section h2{color:var(--heading-color);font-size:2.2rem;font-weight:700;margin-bottom:2rem;line-height:1.4;text-align:center;position:relative;padding-bottom:15px}.heater-tips-section p{color:var(--text-color);font-size:1.1rem;line-height:1.9;margin-bottom:2rem;text-align:right}.heater-tips-section ul{margin:2.5rem 0;padding-right:0;list-style-type:none}.heater-conclusion-section p,.heater-tips-section li{line-height:1.9;margin-bottom:1.8rem;text-align:right;transition:.3s}.heater-tips-section li{color:var(--list-item-color);font-size:1.1rem;padding-right:50px;position:relative}.heater-tips-section li::before{content:'';position:absolute;right:0;top:10px;width:30px;height:30px;background-color:rgba(24,121,184,.1);border-radius:50%;z-index:-1}.heater-tips-section li::after{content:'✓';position:absolute;right:8px;top:5px;color:var(--main-color);font-weight:700;font-size:1rem}.heater-tips-section strong{color:var(--main-color);font-weight:600;display:inline-block;margin-left:5px}.heater-tips-section li:hover{transform:translateX(-5px)}.heater-conclusion-section h2::after,.section-title::after{content:'';position:absolute;left:50%;transform:translateX(-50%);border-radius:2px}.heater-tips-section li:hover::before{background-color:rgba(24,121,184,.15)}.heater-conclusion-section{background-color:#f8fafc;position:relative;padding:6rem 0;background-image:linear-gradient(135deg,rgba(24,121,184,.05) 0,transparent 100%);border-top:1px solid rgba(24,121,184,.1);border-bottom:1px solid rgba(24,121,184,.1)}.heater-conclusion-section h2::after{bottom:0;width:100px;height:4px;background:linear-gradient(90deg,var(--main-color),#4fc3f7)}.heater-conclusion-section p{color:var(--text-color);font-size:1.1rem;padding:15px;background-color:rgba(255,255,255,.8);border-radius:var(--border-radius);border-right:3px solid rgba(24,121,184,.1)}.heater-conclusion-section p:hover{background-color:rgba(255,255,255,.95);transform:translateY(-3px);box-shadow:0 5px 15px rgba(0,0,0,.05)}.heater-conclusion-section p:last-child{background-color:rgba(24,121,184,.08);border-right:3px solid var(--main-color);text-align:center;font-size:1.15rem}@media (max-width:768px){.hero-section{height:90vh;min-height:auto;background-attachment:scroll;justify-content:center;text-align:center}.hero-content{text-align:center;padding:30px 20px;width:90%}.hero-content h1::after{margin:15px auto}.button-group{justify-content:center}.intro-section{padding:3rem 0}.intro-section h2,.section-title{font-size:2rem}.intro-section p{font-size:1rem;text-align:right}.contact-universal-section,.heater-conclusion-section,.heater-faults,.heater-maintenance-section,.heater-tips-section,.universal-service{padding:4rem 0}.heater-faults h2,.universal-service h2{font-size:1.8rem;padding-bottom:12px}.heater-faults h3{font-size:1.4rem}.closing-text,.heater-faults li,.heater-faults p,.heater-tips-section li,.heater-tips-section p,.service-desc,.universal-service li,.universal-service p{font-size:1rem}.universal-service h3{font-size:1.4rem;margin:2.5rem 0 1.5rem}.universal-service h4{font-size:1.2rem}.intro-text{padding:0;font-size:1.05rem}.sub-title{font-size:1.3rem}.contact-universal-section h2,.heater-conclusion-section h2,.heater-tips-section h2{font-size:1.8rem}.contact-details{padding:20px}.hotline{font-size:1.5rem}.heater-tips-section li{padding-right:40px}.heater-conclusion-section p{font-size:1rem;padding:12px}}@media (max-width:480px){.intro-section h2,.section-title{font-size:1.8rem}.intro-section h2::after{width:60px;bottom:-8px}.contact-universal-section h2,.heater-conclusion-section h2,.heater-faults h2,.heater-tips-section h2,.universal-service h2{font-size:1.6rem}.contact-universal-section h2::after,.heater-conclusion-section h2::after,.heater-faults h2::after,.heater-tips-section h2::after,.section-title::after{width:80px}.heater-faults li,.universal-service li{padding-right:25px}.heater-faults li::before,.universal-service li::before{width:15px}.universal-service h2::after{width:100px}.universal-service::before{width:80%}.sub-title{font-size:1.2rem;padding-right:15px}.service-desc{padding-right:10px;border-right-width:1px}.btn-primary,.contact-details li{font-size:1rem}.btn-primary{padding:10px 25px}.heater-tips-section li{padding-right:35px}.heater-tips-section li::before{width:25px;height:25px}.heater-tips-section li::after{right:6px;top:4px}.heater-conclusion-section p:last-child{font-size:1.05rem}}.service-areas{background-color:#f9f9f9;padding:4rem 0}.section-header{margin-bottom:3rem}.section-title{color:var(--heading-color);font-size:2rem;font-weight:700;margin-bottom:1rem;position:relative;display:inline-block}.section-title::after{bottom:-10px;width:80px;height:3px;background:var(--main-color)}.section-subtitle{color:var(--text-color);font-size:1.1rem;max-width:600px;margin:0 auto}.areas-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:20px;max-width:900px;margin:0 auto}.area-card{background:#fff;border-radius:10px;padding:20px 15px;text-align:center;box-shadow:0 4px 10px rgba(0,0,0,.05);transition:.3s;border:1px solid rgba(0,0,0,.05)}.area-card:hover{transform:translateY(-5px);box-shadow:0 8px 15px rgba(0,0,0,.1);border-color:rgba(24,121,184,.2)}.area-icon{color:var(--main-color);font-size:1.8rem;margin-bottom:10px}.area-name{color:var(--text-color);font-size:1rem;font-weight:600;margin:0}@media (max-width:768px){.areas-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:15px}.section-title{font-size:1.8rem}.section-subtitle{font-size:1rem}}@media (max-width:480px){.areas-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:10px}.area-card{padding:15px 10px}.area-icon{font-size:1.5rem}.area-name{font-size:.9rem}}.intro-image img{max-width:800px;height:auto;border-radius:10px;box-shadow:0 4px 12px rgba(0,0,0,.15);margin:0 auto;display:block}.backlink-link{color:#000}