@import"https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap";*{margin:0;padding:0;box-sizing:border-box;font-family:Outfit,sans-serif}body{background:#fff;background-color:#f9f9f9;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}a{text-decoration:none;color:inherit;line-height:1;cursor:pointer}.loader-container{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;background-color:#fff;z-index:9999;position:fixed;top:0;left:0;width:100%}.loader-ring{border:8px solid transparent;border-top:8px solid #2563eb;border-radius:50%;width:70px;height:70px;animation:rotateRing 1.5s linear infinite;margin-bottom:20px}.loader-text{font-size:24px;font-weight:600;color:#2563eb;margin-bottom:10px}.loading-subtext{font-size:16px;color:#666}@keyframes rotateRing{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.nav{width:100%;height:64px;padding:0 5%;position:fixed;top:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:space-between;background-color:#fff;transition:all .3s ease-in-out;box-shadow:0 4px 20px #0000000d}.sticky-nav{box-shadow:0 8px 30px #0000001a}.logo{display:flex;align-items:center;cursor:pointer;gap:10px;transition:all .3s ease}.logo:hover{opacity:.8}.logo img{height:36px}.logo span{font-size:24px;font-weight:700;color:#1e293b}.menu-icon{display:none;font-size:28px;color:#1e293b;cursor:pointer;transition:color .3s ease}.menu-icon:hover{color:#0077b6}.menu{display:flex;gap:30px;align-items:center;justify-content:center;transition:right .4s ease-in-out}.menu li{list-style:none;font-size:16px;cursor:pointer;color:#1e293b;transition:color .3s ease-in-out;position:relative}.menu li:hover{color:#0077b6}.menu button{padding:12px 24px;border-radius:50px;background:linear-gradient(45deg,#0077b6,#00b4d8);font-size:16px;cursor:pointer;color:#fff;border:none;outline:none;transition:all .3s ease-in-out}.menu button:hover{box-shadow:0 0 15px #0077b6cc;transform:translateY(-2px)}.dropdown{cursor:pointer;position:relative}.dropdown-menu{position:absolute;top:36px;left:0;min-width:180px;background:#fff;border:1px solid #eee;box-shadow:0 8px 20px #0000001a;z-index:1000;display:flex;flex-direction:column;padding:5px 0}.dropdown-menu li{padding:10px 20px;font-size:16px;color:#1e293b;border-bottom:1px solid #eee;white-space:nowrap}.dropdown-menu li:last-child{border-bottom:none}.dropdown-menu li:hover{background-color:#f1f5f9}@media (max-width: 768px){.menu-icon{display:block}.menu{position:fixed;top:0;right:-100%;height:100vh;width:250px;background:#fff;flex-direction:column;align-items:flex-start;justify-content:start;padding:64px 16px;gap:20px;box-shadow:-2px 0 8px #0000000d}.menu.open{right:0}.menu li{width:100%;padding:16px 0;font-size:18px;border-bottom:1px solid #eee}.menu-header{position:absolute;top:0;left:0;right:0;height:64px;padding:0 16px;display:flex;justify-content:space-between;align-items:center;background-color:#fff;border-bottom:1px solid #eee}.menu-logo{display:flex;align-items:center;gap:10px;cursor:pointer}.menu-logo-img{height:32px}.menu-logo-text{font-size:20px;font-weight:700;color:#1e293b}.close-icon{font-size:24px;color:#1e293b;cursor:pointer}.menu button{width:100%;padding:12px;margin-top:16px}.dropdown-menu{position:static;box-shadow:none;border:none;background:transparent}.dropdown-menu li{padding-left:20px;font-size:16px;border-bottom:none;background:transparent}}.hero-section{background-color:#f8fafc;padding:0 20px;min-height:100vh;display:flex;justify-content:center;align-items:center;overflow:hidden}.hero-container{max-width:1200px;width:100%;display:flex;flex-wrap:wrap;gap:3rem;align-items:center;justify-content:space-between}.hero-text{flex:1 1 600px}.hero-text h1{font-size:3.5rem;font-weight:700;color:#1e293b;margin-bottom:1rem}.hero-text .highlight{color:#2563eb}.hero-text p{font-size:1.25rem;color:#475569;margin-bottom:2rem;line-height:1.7}.hero-buttons{display:flex;gap:1rem;flex-wrap:wrap}.btn{padding:16px 30px;font-size:18px;font-weight:600;border-radius:8px;display:flex;align-items:center;gap:8px;cursor:pointer;transition:all .3s ease-in-out}.btn.primary{background-color:#2563eb;color:#fff;border:none}.btn.primary:hover{background-color:#1d4ed8}.btn.secondary{border:2px solid #2563eb;background:transparent;color:#2563eb}.btn.secondary:hover{background-color:#2563eb;color:#fff}.hero-image{flex:1 1 500px;text-align:center}.hero-image img{max-width:100%;height:auto;margin:0;object-fit:contain}@media (max-width: 1024px){.hero-section{margin-top:-50px}.hero-text h1{font-size:3rem}.hero-text p{font-size:1.2rem}}@media (max-width: 768px){.hero-section{padding:20px 15px;min-height:100vh}.hero-container{flex-direction:column;text-align:center;gap:2rem}.hero-text{flex:unset;margin-bottom:0}.hero-text h1{font-size:2.2rem;line-height:1.2}.hero-text p{font-size:1rem}.hero-buttons{justify-content:center}.hero-image{flex:unset;margin:0}.hero-image img{max-width:80%}}@media (max-width: 480px){.hero-text h1{font-size:1.8rem}.hero-text p{font-size:.95rem}.btn{padding:12px 20px;font-size:16px}.hero-image img{max-width:100%;margin-top:50px;margin-bottom:-200px}}.services-section{background-color:#f8fafc;padding:80px 20px;text-align:center;color:#333}.services-heading{font-size:40px;font-weight:700;color:#1e3a8a;margin-bottom:60px;position:relative;display:inline-block;animation:fadeInDown 1s ease-in-out}.services-heading:after{content:"";width:80px;height:4px;background-color:#0ea5e9;display:block;margin:12px auto 0;border-radius:4px}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:40px;max-width:1200px;margin:0 auto;padding:0 20px}.service-card{background:#fff;padding:40px 30px;border-radius:16px;border:1px solid #e2e8f0;box-shadow:0 4px 12px #0000000d;transition:all .3s ease;position:relative;overflow:hidden;text-align:center;max-height:380px;display:flex;flex-direction:column;justify-content:space-between}.service-card:hover{transform:translateY(-10px);box-shadow:0 12px 30px #0000001a;border-color:transparent}.service-icon{font-size:50px;color:#0077b6;margin-bottom:20px}.service-title{font-size:24px;font-weight:600;color:#1e293b;margin-bottom:20px}.service-details{list-style:none;padding:0;font-size:16px;color:#475569;line-height:1.6;margin-bottom:30px}.hover-arrow{position:absolute;bottom:20px;right:20px;font-size:24px;color:#0077b6;opacity:0;transform:translateY(10px);transition:all .3s ease-in-out}.service-card:hover .hover-arrow{opacity:1;transform:translateY(0)}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.portfolio-section{padding:60px 20px;background-color:#f8fafc}.portfolio-container{max-width:1200px;margin:0 auto}.portfolio-heading-wrapper{text-align:center}.portfolio-heading{font-size:38px;font-weight:800;color:#1e3a8a;margin-bottom:60px;display:inline-block;position:relative;animation:fadeInDown 1s ease-in-out}.portfolio-heading:after{content:"";width:60px;height:4px;background-color:#0ea5e9;display:block;margin:12px auto 0;border-radius:4px}.portfolio-filters-scroll{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;margin-bottom:40px;padding-bottom:10px}.portfolio-filters-scroll::-webkit-scrollbar{display:none}.portfolio-filters-inner{display:flex;gap:15px;width:max-content;margin:0 auto;justify-content:flex-start}@media (min-width: 768px){.portfolio-filters-inner{justify-content:center;width:100%}}.filter-btn{background-color:#f1f5f9;color:#1e3a8a;border:1px solid #cbd5e1;padding:10px 18px;font-size:.95rem;border-radius:25px;cursor:pointer;transition:all .3s ease;white-space:nowrap;box-shadow:0 4px 10px #0000000f}.filter-btn:hover{background-color:#0ea5e9;color:#fff;border-color:#0ea5e9}.filter-btn.active{background-color:#1e3a8a;color:#fff;border-color:#1e3a8a}.portfolio-grid-new{display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.portfolio-card-new{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 8px 24px #00000014;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.portfolio-card-new:hover{transform:translateY(-6px);box-shadow:0 12px 30px #00000026}.portfolio-img{width:100%;height:200px;object-fit:cover;border-bottom:2px solid #e5e7eb}.portfolio-details{padding:20px;text-align:center}.portfolio-details h3{font-size:1.25rem;margin-bottom:10px;color:#111827}.portfolio-details p{font-size:.95rem;color:#6b7280;margin-bottom:15px}.portfolio-btn{background:linear-gradient(45deg,#0077b6,#00b4d8);color:#fff;border:none;padding:10px 16px;font-size:.9rem;border-radius:8px;display:inline-flex;align-items:center;gap:6px;transition:background .3s ease;cursor:pointer}.portfolio-btn:hover{background-color:#1e40af}.portfolio-modal{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:999}.portfolio-modal-content{background:#fff;padding:30px;border-radius:12px;max-width:600px;width:90%;max-height:90vh;overflow-y:auto;text-align:center}.no-projects-message{text-align:center;padding:40px 20px;font-size:1.1rem;color:#6b7280;background-color:#f9fafb;border-radius:12px;border:1px dashed #cbd5e1;margin-top:30px}.about-section{background-color:#f8fafc;color:#333;padding:60px 20px;display:flex;justify-content:center;align-items:center;flex-direction:column;text-align:center}.about-heading{font-size:38px;font-weight:800;color:#1e3a8a;margin-bottom:60px;position:relative;display:inline-block;animation:fadeInDown 1s ease-in-out}.about-heading:after{content:"";width:60px;height:4px;background-color:#0ea5e9;display:block;margin:12px auto 0;border-radius:4px}.about-container{max-width:1100px;margin:0 auto;padding:0 20px}.about-content h2{font-size:2.5rem;font-weight:700;margin-bottom:20px;color:var(--text-color)}.about-content h2 span{color:var(--primary-color)}.about-content p{font-size:1.2rem;line-height:1.6;margin-bottom:20px}.about-icons{display:flex;justify-content:center;gap:20px;margin-top:30px;flex-wrap:wrap}.icon-box{background:#fff;border:1px solid var(--border-color);padding:20px;border-radius:10px;width:220px;text-align:center;box-shadow:0 4px 10px #0000001a;transition:transform .3s ease-in-out}.icon-box:hover{transform:translateY(-5px)}.icon{font-size:2rem;color:#0057b8;margin-bottom:10px}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.contact{padding:60px 5%;background-color:#f8fafc;color:var(--text-color);text-align:center}.contact-heading{font-size:38px;font-weight:800;color:#1e3a8a;margin-bottom:60px;position:relative;display:inline-block;animation:fadeInDown 1s ease-in-out}.contact-form .form-note{padding:10px}.contact-heading:after{content:"";width:60px;height:4px;background-color:#0ea5e9;display:block;margin:12px auto 0;border-radius:4px}.contact-container{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px}.contact-info{flex:1;max-width:400px;text-align:left}.contact-info h2{font-size:28px;margin-bottom:15px;text-align:center}.contact-info h2 span{color:var(--primary-color)}.contact-info p{font-size:16px;margin:8px 0;display:flex;align-items:center;gap:10px;justify-content:center}.contact-info svg{color:var(--primary-color)}.social-links{margin-top:15px;display:flex;justify-content:center;gap:15px}.social-links a{font-size:22px;color:var(--secondary-color);transition:.3s}.social-links a:hover{color:var(--cta-color)}.contact-form{flex:1;max-width:400px;text-align:center}.contact-form h3{font-size:22px;margin-bottom:10px}.form-row{display:flex;gap:15px;margin-bottom:15px}.form-row input{flex:1}.contact-form form{display:flex;flex-direction:column;align-items:center}.contact-form input,.contact-form textarea{width:100%;padding:10px;margin:8px 0;border-radius:8px;border:2px solid var(--border-color);outline:none;font-size:16px}.contact-form textarea{height:100px;resize:none}.contact-form button{padding:12px;background:linear-gradient(45deg,#0077b6,#00b4d8);color:var(--secondary-color);border:none;border-radius:5px;font-size:16px;cursor:pointer;transition:.3s;position:relative;display:flex;align-items:center;justify-content:center;min-width:100%}.contact-form button:disabled{background:#a0a0a0;cursor:not-allowed}.spinner{width:20px;height:20px;border:3px solid rgba(255,255,255,.3);border-top:3px solid white;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.response-message{margin-top:10px;font-size:14px;font-weight:700}@media (max-width: 768px){.contact-container{flex-direction:column;text-align:center}.contact-info,.contact-form{max-width:100%}.contact-info p,.social-links{justify-content:center}}:root{--primary-color: #0077b6;--secondary-color: #ffffff;--cta-color: #f4a100;--text-color: #333333;--border-color: #cccccc}.footer-new{width:100%;background:#0b1120;color:#cbd5e1;padding:60px 20px 20px;font-family:Inter,sans-serif}.footer-wrapper{max-width:1200px;margin:auto;display:flex;flex-direction:column;gap:40px}.footer-top{display:flex;flex-wrap:wrap;justify-content:space-between;gap:40px}.footer-brand h2{font-size:28px;font-weight:700;color:#fff;margin-bottom:12px}.footer-brand p{font-size:15px;line-height:1.6;color:#94a3b8}.footer-links{display:flex;gap:60px;flex-wrap:wrap}.footer-links div{min-width:150px}.footer-links h4{font-size:18px;font-weight:700;color:#fff;margin-bottom:12px}.footer-links ul{list-style:none;padding:0;margin:0}.footer-links li{margin-bottom:8px;font-size:14px;color:#94a3b8;transition:color .3s ease;cursor:pointer}.footer-links li:hover{color:#38bdf8}.footer-bottom{border-top:1px solid #1e293b;padding-top:20px;display:flex;flex-direction:column;align-items:center;gap:10px}.social-icons{display:flex;gap:20px}.social-icons a{color:#94a3b8;font-size:18px;transition:color .3s ease,transform .3s ease}.social-icons a:hover{color:#38bdf8;transform:scale(1.2)}.footer-bottom p{font-size:13px;color:#64748b;margin:0}@media (max-width: 768px){.footer-top{flex-direction:column;align-items:center;text-align:center}.footer-links{justify-content:center}}.trust-section{padding:4rem 1rem;background-color:#f8fafc;text-align:center}.trust-container{max-width:1200px;margin:0 auto;padding:0 1rem}.trust-heading{font-size:2rem;color:#1e3a8a;font-weight:700;margin-bottom:.5rem}.trust-subtext{font-size:1rem;color:#555;margin-bottom:2.5rem;max-width:700px;margin-left:auto;margin-right:auto}.trust-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:2rem}.trust-item{background-color:#fff;padding:2rem;border-radius:1rem;box-shadow:0 4px 20px #0000000d;transition:transform .3s ease,box-shadow .3s ease;text-align:center}.trust-item:hover{transform:translateY(-8px);box-shadow:0 10px 25px #0000001a}.trust-icon{font-size:2.8rem;margin-bottom:1rem}.trust-star{color:#fbbf24}.trust-check{color:#10b981}.trust-globe{color:#3b82f6}.trust-comment{color:#6366f1}.trust-item h4{font-size:1.2rem;margin-bottom:.5rem;color:#111827}.trust-item p{font-size:.95rem;color:#4b5563;margin:0}.testimonial-section{padding:60px 30px;background:#f8fafc;overflow-x:hidden;justify-content:center;align-items:center}.testimonial-title{text-align:center;font-size:2rem;margin-bottom:40px;font-weight:700;color:#1e3a8a}.testimonial-title:after{content:"";width:60px;height:4px;background-color:#0ea5e9;display:block;margin:12px auto 0;border-radius:4px}.testimonial-container{display:flex;gap:20px;justify-content:flex-start;overflow-x:auto;scroll-snap-type:x mandatory;padding-left:30px;scroll-padding-left:30px;padding-bottom:10px;-webkit-overflow-scrolling:touch;scroll-behavior:smooth}.testimonial-rating{text-align:center;color:#fbbf24;margin-bottom:10px}.testimonial-link{display:inline-block;margin-top:10px;padding:6px 12px;background-color:#0ea5e9;color:#fff;border-radius:20px;font-size:.85rem;text-decoration:none;transition:background-color .3s ease}.testimonial-link:hover{background-color:#0284c7}@media (min-width: 769px){.testimonial-container{justify-content:center;padding-left:0;scroll-padding-left:0}}.testimonial-container::-webkit-scrollbar{height:3px}.testimonial-container::-webkit-scrollbar-thumb{background:#00b4d8;border-radius:10px}.testimonial-card{flex:0 0 300px;background:#fff;margin:10px 0;border-radius:15px;border:1px solid #00b4d8;padding:50px 20px;box-shadow:0 4px 12px #0000000d;scroll-snap-align:start;transition:transform .3s ease,box-shadow .3s ease}.testimonial-card:hover{transform:scale(1.05);box-shadow:0 15px 30px #00b4d84d}.testimonial-image{display:flex;justify-content:center;margin-bottom:15px}.testimonial-image img{width:70px;height:70px;object-fit:cover;border-radius:50%;border:3px solid #00b4d8}.testimonial-content{text-align:center}.testimonial-review{font-style:italic;font-size:.95rem;color:#444;margin-bottom:15px}.testimonial-name{font-weight:700;font-size:1.1rem;margin-bottom:3px;color:#0077b6}.testimonial-role{font-size:.9rem;color:#777}.whatsapp-float{position:fixed;bottom:20px;right:20px;z-index:9999;border-radius:50%;align-items:center;justify-content:center;transition:transform .3s ease-in-out;animation:pulse 2s infinite}.whatsapp-icon{width:50px;height:50px}.whatsapp-float:hover{transform:scale(1.1)}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.12)}to{transform:scale(1)}}