@import "https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap";
.hero{background-image:url(/Background.png);background-position:50%;background-repeat:no-repeat;background-size:cover;justify-content:center;align-items:center;width:100%;height:100vh;display:flex;position:relative;overflow:hidden}.overlay{text-align:center;background:#000000a6;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:20px;display:flex}.hero h1{background:linear-gradient(90deg,#fff,#38bdf8,#0ea5e9);-webkit-text-fill-color:transparent;text-shadow:0 0 25px #38bdf866;-webkit-background-clip:text;margin-bottom:25px;font-size:72px;font-weight:800;line-height:1.2}.hero p{color:#000;max-width:850px;font-size:20px;line-height:1.9}.hero-buttons{margin-top:40px}.primary-btn{color:#fff;cursor:pointer;background:linear-gradient(90deg,#2563eb,#38bdf8);border:none;border-radius:12px;padding:16px 42px;font-size:18px;font-weight:600;transition:all .4s}.primary-btn:hover{transform:translateY(-5px)scale(1.03);box-shadow:0 10px 25px #38bdf866,0 0 20px #38bdf84d}@media (max-width:992px){.hero h1{font-size:55px}.hero p{max-width:700px;font-size:18px}}@media (max-width:768px){.hero{height:auto;min-height:100vh}.hero h1{font-size:40px}.hero p{font-size:16px;line-height:1.7}.primary-btn{padding:14px 32px;font-size:16px}}@media (max-width:480px){.hero h1{font-size:32px}.hero p{font-size:15px}}
.footer{background:linear-gradient(135deg,#0f172a,#111827,#1e3a8a,#0ea5e9);border-top:1px solid #ffffff1a;justify-content:center;align-items:center;width:100%;padding:40px 20px;display:flex}.footercontent{text-align:center;width:100%;max-width:700px}.footercontent h2{background:linear-gradient(90deg,#fff,#38bdf8,#0ea5e9);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:18px;font-size:40px;font-weight:800}.footercontent p{color:#cbd5e1;margin-bottom:25px;font-size:18px;line-height:1.8}.footercontent span{color:#94a3b8;letter-spacing:1px;margin-top:15px;font-size:15px;display:block}@media (max-width:768px){.footer{padding:35px 20px}.footercontent h2{font-size:28px}.footercontent p{font-size:15px;line-height:1.7}.footercontent span{font-size:13px}}@media (max-width:480px){.footer{padding:28px 15px}.footercontent h2{margin-bottom:12px;font-size:22px}.footercontent p{margin-bottom:18px;font-size:14px;line-height:1.6}.footercontent span{letter-spacing:.5px;font-size:12px}}@media (max-width:360px){.footercontent h2{font-size:20px}.footercontent p{font-size:13px}.footercontent span{font-size:11px}}
*{box-sizing:border-box;scroll-behavior:smooth;margin:0;padding:0}body{color:#fff;background:#000;font-family:Poppins,sans-serif;overflow-x:hidden}.services{text-align:center;background:#050505;width:100%;padding:120px 20px}.services h2{margin-bottom:70px;font-size:50px}.service-container{grid-template-columns:repeat(3,1fr);gap:30px;max-width:1200px;margin:auto;display:grid}.service-card{background:#111;border-radius:20px;padding:40px;transition:all .3s}.service-card:hover{transform:translateY(-10px);box-shadow:0 10px 30px #2563eb33}.service-card h3{margin-bottom:20px;font-size:28px}.service-card p{color:#bdbdbd;line-height:1.8}.testimonials{text-align:center;width:100%;padding:120px 20px}.testimonials h2{margin-bottom:70px;font-size:50px}.testimonial-container{grid-template-columns:repeat(3,1fr);gap:30px;max-width:1200px;margin:auto;display:grid}.testimonial-card{background:#111;border-radius:20px;padding:40px;transition:all .3s}.testimonial-card:hover{transform:translateY(-10px)}.testimonial-card p{color:#bdbdbd;margin-bottom:20px;line-height:1.8}.contact-section{text-align:center;background:#050505;width:100%;padding:120px 20px}.contact-section h2{margin-bottom:20px;font-size:50px}.contact-section p{color:#bdbdbd;margin-bottom:40px;font-size:18px}.footer{text-align:center;background:#3c0ee1;border-top:1px solid #1a1a1a;width:100%;height:40px;padding:80px 20px}.footer-content h2{margin-bottom:50px;font-size:30px}.footer-content p{color:#bdbdbd;margin-bottom:40px}.footer-content span{color:#777;font-size:15px}@media (max-width:992px){.service-container,.testimonial-container{grid-template-columns:1fr}.hero h1{font-size:50px}}@media (max-width:768px){.header{flex-direction:column;gap:20px;height:auto;padding:20px}.navbar{flex-wrap:wrap;justify-content:center}.hero h1{font-size:40px}.hero p{font-size:16px}.services h2,.testimonials h2,.contact-section h2{font-size:38px}}@media (max-width:500px){.hero h1{font-size:32px}.services h2,.testimonials h2,.contact-section h2{font-size:30px}}
