.services-page{text-align:center;color:#222;background:linear-gradient(to bottom right,#f5f7fa,#fff);padding:0 20px 50px;font-family:Inter,sans-serif}.services-banner{border-radius:0 0 24px 24px;width:100%;height:350px;margin-bottom:55px;position:relative;overflow:hidden}.services-banner img{object-fit:cover;filter:brightness(85%);width:100%;height:100%;transition:transform 2s;transform:scale(1.05)}.services-banner:hover img{transform:scale(1.12)}.banner-overlay{color:#fff;background:linear-gradient(#00000073,#000000b3);flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.banner-overlay h1{text-shadow:0 3px 12px #0009;margin-bottom:10px;font-size:3rem;font-weight:800}.banner-overlay p{max-width:750px;font-size:1.2rem}.services-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:35px;max-width:1200px;margin:auto;padding-bottom:60px;display:grid}.service-card{text-align:center;cursor:pointer;background:#fff;border-radius:22px;padding:40px 30px;transition:transform .35s,box-shadow .35s;position:relative;overflow:hidden;box-shadow:0 14px 40px #00000014}.service-card:before{content:"";z-index:-1;opacity:.55;background:linear-gradient(135deg,#0070f3,#00d0ff,#f0a500,#ff5959) 0 0/400% 400%;border-radius:24px;animation:8s infinite gradientMove;position:absolute;inset:-2px}@keyframes gradientMove{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.service-card:hover{transform:translateY(-12px)scale(1.03);box-shadow:0 22px 55px #0000001f}.icon{color:#0070f3;background:#0070f31a;border-radius:50%;margin-bottom:18px;padding:15px;font-size:3rem;transition:transform .3s,background .3s;display:inline-block}.service-card:hover .icon{background:#0070f333;transform:scale(1.1)}.service-card h3{color:#222;margin-bottom:14px;font-size:1.55rem;font-weight:700}.service-card p{color:#555;font-size:1rem;line-height:1.65}.why-choose-us{max-width:1100px;margin:80px auto}.value-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:25px;margin-top:30px;display:grid}.value-item{text-align:center;background:#fff;border-radius:12px;padding:25px;transition:transform .3s,box-shadow .3s;box-shadow:0 6px 18px #00000014}.value-item:hover{transform:translateY(-5px);box-shadow:0 14px 35px #0000001f}.value-item h4{margin:12px 0 8px;font-weight:600}.value-item span{color:#0070f3;margin-bottom:10px;font-size:36px;display:block}.featured-projects{max-width:1200px;margin:80px auto}.projects-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:25px;display:grid}.project-card{text-align:center;background:#fff;border-radius:12px;padding:20px;transition:all .3s;box-shadow:0 6px 18px #00000014}.project-card:hover{transform:translateY(-5px)}.project-card img{border-radius:8px;width:100%;margin-bottom:15px}.testimonials{max-width:1000px;margin:80px auto}.testimonials-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:25px;margin-top:30px;display:grid}.testimonial-card{background:linear-gradient(135deg,#fff,#f7f7f7);border-radius:12px;padding:25px;font-style:italic;transition:transform .3s,box-shadow .3s;box-shadow:0 6px 18px #00000014}.testimonial-card:hover{transform:translateY(-5px);box-shadow:0 14px 35px #0000001f}.testimonial-card h5{color:#0070f3;margin-top:12px;font-weight:700}.cta-section{background:#f7f7f7;border-radius:12px;margin-top:80px;padding:70px 20px}.cta-section .btn-primary{color:#fff;background:#0070f3;border-radius:8px;margin-top:20px;padding:14px 40px;font-size:18px;text-decoration:none;transition:all .3s;display:inline-block}.cta-section .btn-primary:hover{background:#005bb5}.fade-in-up{opacity:0;animation:.75s ease-out forwards fadeInUp}@keyframes fadeInUp{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}@media (max-width:991px){.service-card{padding:35px 25px}}@media (max-width:768px){.banner-overlay h1{font-size:2rem}.banner-overlay p{font-size:1rem}.services-grid,.value-grid,.projects-grid,.testimonials-grid{gap:20px}}@media (max-width:575px){.service-card{padding:30px 22px}}