@font-face{font-family:"Raleway-ExtraBold";src:url(../fonts/Raleway-ExtraBold.ttf)}@font-face{font-family:"Raleway-Medium";src:url(../fonts/Raleway-Medium.ttf)}body{margin:0;font-family:"Raleway-Medium";background:#fff;color:#222}p{font-size:16px;line-height:1.4}h2{font-family:"Raleway-ExtraBold";line-height:normal;font-size:40px}h3{font-family:"Raleway-Medium";line-height:1.3;font-size:22px;letter-spacing:1.1px}.hero{background:url(../images/service-banner.webp) no-repeat center center/cover;height:455px;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff;text-align:center;position:relative}.hero::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:rgb(11 26 51 / .65);transition:background 0.4s ease;z-index:1}.hero h1{font-family:"Raleway-ExtraBold";font-size:48px;margin:10px 0;font-weight:700;z-index:2;position:relative;text-shadow:2px 2px 8px rgb(0 0 0 / .8)}.hero i,.hero .breadcrumb{z-index:2;position:relative}.breadcrumb{font-size:16px;color:#ddd}.intro{display:flex;justify-content:space-around;align-items:flex-start;padding:0 0;max-width:1260px;margin:5em auto;text-align:left}.intro h2{font-family:"Raleway-ExtraBold";line-height:1.2;font-weight:700}.intro .feature{max-width:270px}.intro .feature h3{font-size:22px;margin-bottom:1em;font-weight:700;color:#d4af37}.intro .feature p{font-size:16px;color:#444}.section-title{text-align:center;border-top:1px solid #ddd;margin:40px auto 20px}span{color:#d4af37}.section-title h4{color:#d4af37;font-size:16px;text-transform:uppercase;padding-top:2em;margin-bottom:10px}.section-title h2{margin:0;font-weight:700}.services{display:grid;grid-template-columns:repeat(auto-fit,minmax(310px,1fr));gap:20px;max-width:1260px;margin:5em auto;padding:0 0}.why-choose-bg{background-color:#d4af37}.why-choose-bg p,.why-choose-bg h3{color:#000}.wrap{max-width:1260px;min-width:320px;margin:0 auto;width:96%}.service-box{background:#fff;border-radius:10px;box-shadow:0 6px 18px rgb(0 0 0 / .08);padding:30px;transition:all 0.4s ease;position:relative;overflow:hidden;color:#222;z-index:1}.service-box i,.service-box h3,.service-box p{transition:all 0.4s ease}.service-box::before{content:"";position:absolute;top:-100%;left:0;width:100%;height:100%;background:linear-gradient(180deg,#e8b100,#e8b100);transition:all 0.5s ease;z-index:-1}.service-box:hover::before{top:0}.service-box:hover i,.service-box:hover h3,.service-box:hover p{color:#fff}.service-box i{font-size:2em;color:#e8b100;margin-bottom:25px}.service-box h3{font-weight:700;margin-bottom:10px}.service-box p{font-size:15px;color:#555}.hero-buttons{display:flex;gap:25px;justify-content:flex-start;flex-wrap:wrap;animation:fadeInUp 1s ease-out 0.6s both}.hero-btn{padding:13px 22px;border:2px solid #d4af37;background:rgb(212 175 55 / .1);backdrop-filter:blur(10px);color:#fff;text-decoration:none;font-weight:700;text-transform:uppercase;letter-spacing:1px;transition:all 0.4s ease;border-radius:50px;display:inline-block;position:relative;overflow:hidden}.hero-btn::before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgb(212 175 55 / .3),transparent);transition:left 0.6s ease}.hero-btn.primary{background:linear-gradient(135deg,#d4af37,#f4d03f);color:#0a0a0a;border-color:#d4af37}.hero-btn:hover{transform:translateY(-5px);box-shadow:0 15px 35px rgb(212 175 55 / .4);border-color:#f4d03f}.hero-btn:hover::before{left:100%}.hero-btn.primary:hover{background:linear-gradient(135deg,#f4d03f,#d4af37)}.why-choose{position:relative;display:flex;justify-content:space-between;align-items:stretch;background:url(../images/service-why-bg.webp) no-repeat center center/cover;color:#fff;padding:60px 40px;flex-wrap:wrap;z-index:1}.why-choose::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:rgb(11 26 51 / .65);z-index:-1}.why-choose-grid{display:grid;grid-template-columns:35% 60%;gap:60px}.why-left{flex:1}.why-left h5{color:#d4af37;font-size:16px;text-transform:uppercase;margin-bottom:10px}.why-left h2{margin-bottom:16px;line-height:1.3}.why-left p{font-size:16px;margin-bottom:20px}.why-right{flex:1;display:grid;grid-template-columns:1fr 1fr;gap:20px}.box-margin{margin-top:2em;margin-bottom:-9px}.box-margin-bottom{margin-bottom:-18px;margin-top:.5em}.feature-box{border:1px solid #fff;color:#e7e4e4;padding:20px;border-radius:6px;box-shadow:0 4px 12px rgb(0 0 0 / .15);transition:0.3s}.feature-box:hover{transform:translateY(-5px)}.feature-box p{font-size:16px;line-height:1.4;padding-top:20px}.other-service{max-width:1260px;margin:0 auto;display:flex;justify-content:space-between;align-items:flex-start;padding:6em 0;flex-wrap:wrap}.other-left{flex:1;padding-right:30px}.other-left h5{color:#d4af37;font-size:16px;text-transform:uppercase;margin-bottom:10px}.other-left h2{margin-bottom:16px}.other-left p{font-size:16px;color:#333;line-height:1.5}.small-box-margin{margin-top:21%;height:26.5em;color:#fff;background:url(../images/bullet-repair.webp) no-repeat center}.small-box-margin p{color:#eeeaea}.other-right{flex:2;padding:0}.big-box{position:relative;background:#0b1a33 url(../images/service-center.webp) no-repeat center center/cover;color:#fff;padding:60px 30px;border-radius:6px;margin-bottom:20px;height:19em;overflow:hidden;transition:all 0.5s ease}.big-box::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:rgb(0 0 0 / .4);border-radius:6px;transition:all 0.5s ease}.big-box span,.big-box h3,.big-box p{position:relative;transition:transform 0.5s ease;z-index:1;margin-bottom:1em}.big-box:hover{background-position:right center}.big-box:hover::before{background:rgb(0 0 0 / .3)}.big-box:hover span,.big-box:hover h3,.big-box:hover p{transform:translateY(-10px)}.big-box .tag{position:absolute;top:15px;right:15px;background:#d4af37;padding:5px 10px;font-size:12px;border-radius:3px;font-weight:700;color:#fff}.small-box{position:relative;background-size:110%;background-position:center;transition:background-position 0.6s ease;border-radius:6px;overflow:hidden;color:#fff;padding:30px 20px}.small-box::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;transition:background 0.4s ease;z-index:1}.small-box h3,.small-box p,.small-box .btn-outline{position:relative;z-index:2;margin-bottom:.4em;transition:transform 0.4s ease}.small-box:hover{background-position:right center}.small-box:hover h3,.small-box:hover p{transform:translateY(-8px)}.small-boxes{height:27em;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}.small-box{color:#fff;padding:55px 20px;border-radius:6px;text-align:left;transition:0.3s}.box-bg{background:#0b1a33 url(../images/bullet-repair3.webp) no-repeat center center/cover}.box-bg1{background:#0b1a33 url(../images/bullet-repair4.webp) no-repeat center center/cover}.box-bg2{background:#0b1a33 url(../images/bullet-repair2.webp) no-repeat center center/cover}.box-bg3{background:#0b1a33 url(../images/bullet-chain.webp) no-repeat center top/cover}.box-bg4{background:#0b1a33 url(../images/bullet-cleaning.webp) no-repeat center center/cover}.box-bg5{background:#0b1a33 url(../images/bullet-custom-paint.webp) no-repeat center top/cover}.box-bg1::before,.box-bg2::before{background:rgb(23 23 26 / .738)}.box-bg3::before,.box-bg::before,.box-bg4::before{background:rgb(23 23 26 / .445)}.small-box:hover{transform:translateY(-5px)}.btn-outline{display:inline-block;margin-top:10px;padding:8px 16px;border:2px solid #fff;color:#fff;text-decoration:none;font-weight:700;border-radius:4px;transition:0.3s}.btn-outline:hover{background:#d4af37;border-color:#d4af37}.testimonial-section{max-width:1260px;margin:0 auto;padding:60px 20px;margin-bottom:6em}.testimonial-header{text-align:center;margin-bottom:50px}.testimonial-header h2{margin-bottom:10px;font-weight:600}.testimonial-header p{font-size:1.1rem;color:#666}.testimonial-wrapper{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;background:#fff;border-radius:16px;box-shadow:0 6px 20px rgb(0 0 0 / .08);overflow:hidden;padding:20px}.testimonial-video{width:100%;aspect-ratio:10/8;background:#000;border-radius:12px}.testimonial-content h3{font-weight:600;margin-bottom:6px}.stars{color:#fbbf24;font-size:1.2rem;margin-bottom:10px}.testimonial-content span{display:block;font-size:.95rem;color:#888;margin-bottom:16px}.testimonial-content p{font-size:1.1rem;line-height:1.6;color:#555}@media (max-width:1200px){h2{font-size:32px}h3{font-size:20px}.hero h1{font-size:40px}.intro{gap:30px}.why-choose-grid{grid-template-columns:1fr;gap:40px}.other-service{flex-direction:column;gap:40px}}@media (max-width:992px){.small-box-margin{margin-top:4%}h2{font-size:28px}h3{font-size:18px}.hero{height:380px;padding:0 20px}.hero h1{font-size:34px}.intro{flex-direction:column;align-items:center;text-align:center}.intro .feature{max-width:100%;margin-bottom:0em}.services{grid-template-columns:1fr 1fr;padding:0 20px}.why-right{grid-template-columns:1fr}.other-service{padding:4em 20px}.big-box{height:15em}.small-boxes{grid-template-columns:1fr 1fr;height:auto}.testimonial-wrapper{grid-template-columns:1fr}}@media (max-width:768px){h2{font-size:24px}h3{font-size:17px}.hero{height:320px;padding:0 15px}.hero h1{font-size:28px}.breadcrumb{font-size:14px}.intro{padding:2em;margin:2em auto}.services{margin:2em auto;grid-template-columns:1fr}.small-box-margin{margin-top:6%}.box-bg5{background:#0b1a33 url(../images/bullet-custom-paint.webp) no-repeat center center / cover}.box-bg3{background:#0b1a33 url(../images/bullet-chain.webp) no-repeat center center / cover}.testimonial-section{padding:2px 20px}.why-choose{padding:40px 20px}.why-choose-grid{grid-template-columns:1fr;gap:20px}.feature-box p{font-size:14px}.other-left,.other-right{padding:0}.small-boxes{grid-template-columns:1fr;gap:15px}.big-box{height:auto;padding:40px 20px}.testimonial-header p{font-size:1rem}.testimonial-content p{font-size:15px}}@media (max-width:480px){h2{font-size:25px}h3{font-size:16px}.intro .feature h3{font-size:20px}.intro .feature p{font-size:14px}.hero{height:280px}.hero h1{font-size:22px}.hero-buttons{flex-direction:column;gap:12px;align-items:center}.hero-btn{padding:10px 16px;font-size:14px}.intro{margin:2em auto}.service-box{padding:20px}.small-box,.big-box{padding:30px 15px}.btn-outline{padding:6px 12px;font-size:14px}.testimonial-content p{font-size:1rem}}@media (max-width:768px){.testimonial-wrapper{grid-template-columns:1fr;text-align:center}.testimonial-content{padding-top:20px}}