.service-detail-page{min-height:100vh;background:linear-gradient(135deg,#f5f7fa 0%,#fff 100%)}.service-detail-header{background-image:url(/img/header_wave-bg.png);color:#fff;padding:60px 20px;text-align:center}.service-detail-header h1{font-size:3em;margin-bottom:20px;font-weight:900}.service-detail-content{max-width:1200px;margin:0 auto;padding:60px 20px;display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:start}.service-detail-image{background:#f0f4f8;border-radius:12px;overflow:hidden;box-shadow:0 10px 40px #0000001a}.service-detail-image img{width:100%;height:auto;display:block;object-fit:cover}.service-detail-text h2{color:#2d9d7a;font-size:2.5em;margin-bottom:20px;font-weight:800}.service-detail-text p{color:#555;font-size:1.1em;line-height:1.8;margin-bottom:20px;text-align:justify}.service-detail-text ul{list-style:none;margin:30px 0}.service-detail-text li{color:#555;font-size:1.05em;line-height:1.8;margin-bottom:15px;padding-left:30px;position:relative}.service-detail-text li:before{content:"✓";position:absolute;left:0;color:#2d9d7a;font-weight:700;font-size:1.2em}.service-cta-buttons{display:flex;gap:15px;margin-top:40px;flex-wrap:wrap}.btn-service-primary{padding:15px 35px;background:#2d9d7a;color:#fff;border:none;border-radius:8px;font-size:1.05em;font-weight:700;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:10px;text-decoration:none}.btn-service-primary:hover{background:#268a6a;transform:translateY(-2px);box-shadow:0 5px 20px #2d9d7a4d}.btn-service-secondary{padding:15px 35px;background:transparent;color:#2d9d7a;border:2px solid #2d9d7a;border-radius:8px;font-size:1.05em;font-weight:700;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:10px;text-decoration:none}.btn-service-secondary:hover{background:#2d9d7a;color:#fff}.service-features{background:white;padding:60px 20px}.service-features-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px}.feature-card{background:white;padding:30px;border-radius:12px;box-shadow:5px 5px 42px #08324f1a;transition:all .3s ease}.feature-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #00000026}.feature-card i{font-size:2.5em;color:#2d9d7a;margin-bottom:15px}.feature-card h3{font-size:1.3em;margin-bottom:12px;color:#333;font-weight:700}.feature-card p{color:#777;font-size:.95em;line-height:1.6}.card-link{display:inline-block;margin-top:15px;color:#2d9d7a;text-decoration:none;font-weight:600;font-size:.9em;transition:color .3s ease}.card-link:hover{color:#268a6a}.service-cta-section{background-image:url(/img/footer.jpg);color:#000;padding:60px 20px;text-align:center}.service-cta-section h2{font-size:2.5em;margin-bottom:20px;font-weight:800}.service-cta-section p{font-size:1.2em;margin-bottom:30px;max-width:600px;margin-left:auto;margin-right:auto}@media (max-width: 768px){.service-detail-header h1{font-size:2em}.service-detail-content{grid-template-columns:1fr;padding:40px 20px}.service-detail-text h2{font-size:1.8em}.service-cta-buttons{flex-direction:column}.btn-service-primary,.btn-service-secondary{width:100%;justify-content:center}.service-features-grid{grid-template-columns:1fr}.service-cta-section h2{font-size:1.8em}}:root{--qa-primary: #0f172a;--qa-secondary: #2563eb;--qa-text: #334155;--qa-light: #f8fafc;--qa-border: #e2e8f0}.qa-page{background:var(--qa-light);color:var(--qa-text);line-height:1.75}.hero-qa{background-image:url(img/header_wave-bg.png);color:#fff;padding:60px 20px;text-align:center}.hero-qa h1{font-size:48px;font-weight:700}.hero-qa p{max-width:820px;margin:20px auto 0;font-size:19px;color:#c7d2fe}.section-qa{max-width:1200px;margin:auto;padding:0 20px 90px}.title-qa{text-align:center;margin-bottom:60px}.title-qa h2{font-size:34px;color:var(--qa-primary)}.title-qa p{max-width:720px;margin:12px auto 0;font-size:16px;color:#64748b}.grid-qa{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px}.card-qa{background:#fff;padding:36px;border-radius:16px;border:1px solid var(--qa-border);transition:.35s ease}.card-qa:hover{transform:translateY(-6px);box-shadow:0 25px 60px #0f172a1f}.card-qa h3{font-size:20px;margin-bottom:12px;color:var(--qa-primary)}.card-qa p{font-size:15px}.trust{background:#fff;border-top:1px solid var(--qa-border);border-bottom:1px solid var(--qa-border);padding:55px 20px}.trust-grid{max-width:1100px;margin:auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:30px;text-align:center}.trust h4{font-size:28px;color:var(--qa-secondary)}.trust span{font-size:14px;color:#64748b}.badges{display:flex;flex-wrap:wrap;gap:14px;justify-content:center}.badge{padding:12px 22px;background:#eef2ff;color:#1e40af;border-radius:30px;font-size:14px;font-weight:500}.cta-qa{background-image:url(/img/footer.jpg);color:#000;padding:90px 20px;text-align:center}.cta-qa h2{font-size:36px}.cta-qa p{font-size:18px;max-width:700px;margin:18px auto 30px}.btn-cta{padding:16px 36px;border-radius:40px;font-weight:600;text-decoration:none;transition:.3s;display:inline-block}.btn-cta:hover{background:#e0e7ff}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#333;overflow-x:hidden;padding-top:80px}body.loaded{opacity:1}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{box-shadow:0 4px 15px #0e4eff4d}50%{box-shadow:0 4px 25px #0e4eff99}}@keyframes countUp{0%{opacity:0}to{opacity:1}}.fade-in-down{animation:fadeInDown .8s ease-out forwards;opacity:0}.fade-in-up{animation:fadeInUp .8s ease-out forwards;opacity:0}.slide-in-left{animation:slideInLeft .8s ease-out forwards}.slide-in-right{animation:slideInRight .8s ease-out forwards}header{background-image:url(/img/header_wave-bg.png);background-size:cover;background-position:center;background-repeat:no-repeat;color:#fff;padding-bottom:80px;position:relative;overflow:hidden;min-height:90vh;display:flex;flex-direction:column}.navbar{display:flex;justify-content:space-between;padding:00px 50px;align-items:center;position:fixed;top:0;left:0;right:0;width:100%;z-index:1000;transition:all .3s ease;background:rgba(255,255,255,.95);box-shadow:0 0 7px #0000001a;transition:background .3s,border .3s,border-radius .3s,box-shadow .3s}.logo-container{display:flex;align-items:center;gap:12px;animation:slideInLeft .8s ease-out;transition:transform .3s ease}.logo-container img{width:140px}.logo-container{overflow:hidden;padding:12px 16px 4px}.logo-container:hover{transform:scale(1.05)}.logo-icon{background:linear-gradient(135deg,#fff 0%,#e0e0e0 100%);color:#005eb8;width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:18px;box-shadow:0 4px 12px #00000026}.logo-text{font-size:22px;font-weight:700;color:#fff}.nav-links{list-style:none;display:flex;gap:40px;align-items:center;animation:slideInRight .8s ease-out}.nav-links a{color:#696687;text-decoration:none;font-weight:500;position:relative;transition:color .3s ease}.nav-links a:after{content:"";position:absolute;bottom:-5px;left:0;width:0;height:2px;background:white;transition:width .3s ease}.nav-links a:hover:after{width:100%}.dropdown{position:relative}.dropdown>a i{font-size:12px;margin-left:5px;transition:transform .3s ease}.dropdown:hover>a i{transform:rotate(180deg)}.dropdown-menu{position:absolute;top:100%;left:0;background:linear-gradient(135deg,#052877 0%,#8ec275 100%);list-style:none;padding:15px 0;border-radius:12px;min-width:280px;box-shadow:0 10px 40px #0000004d;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .4s cubic-bezier(.68,-.55,.265,1.55);margin-top:10px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:2000}.dropdown:hover .dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-menu li{padding:0}.dropdown-menu li a{display:flex;align-items:center;gap:12px;padding:14px 25px;color:#fff;text-decoration:none;font-size:14px;font-weight:500;transition:all .3s ease;position:relative;overflow:hidden}.dropdown-menu li a:before{content:"";position:absolute;left:0;top:0;width:3px;height:100%;background:#ffeb3b;transform:scaleY(0);transform-origin:bottom;transition:transform .3s ease}.dropdown-menu li a:hover:before{transform:scaleY(1)}.dropdown-menu li a:hover{background:rgba(255,255,255,.1);padding-left:35px;color:#ffeb3b}.dropdown-menu li i{font-size:16px;width:20px;text-align:center}.dropdown-divider{height:1px;background:rgba(255,255,255,.2);margin:10px 0}.hero{display:flex;align-items:center;justify-content:space-between;padding:60px 50px;position:relative;z-index:5;flex:1;gap:60px}.hero-content{flex:1;text-align:left;padding-right:50px;position:relative;z-index:10}.hero-title-main{font-size:56px;margin-bottom:10px;line-height:1.2;font-weight:900;opacity:0;animation:fadeInDown 1s ease-out forwards}.hero-title-sub{font-size:56px;margin-bottom:30px;line-height:1.2;font-weight:900;opacity:0;animation:fadeInDown 1s ease-out .2s forwards;background:linear-gradient(135deg,#fff 0%,#e0e0e0 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-text-container{margin:40px 0;opacity:0;animation:fadeInUp 1s ease-out .4s forwards}.hero-text-line{font-size:18px;line-height:1.8;margin-bottom:12px;opacity:.95}.hero-content h1.highlight{background:linear-gradient(135deg,#fff 0%,#e0e0e0 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-content p{font-size:16px;line-height:1.6;margin:30px 0;animation:fadeInUp .8s ease-out .4s backwards}.hero-image{flex:1;position:relative;height:500px;opacity:0;animation:slideInRight 1s ease-out .3s forwards;z-index:5;display:flex;align-items:center}.hero-image-wrapper{position:relative;width:100%;height:100%;border-radius:20px;overflow:hidden;box-shadow:0 20px 60px #0000004d}.hero-img{width:100%;height:100%;object-fit:cover;position:relative;z-index:2;transition:transform .5s ease}.hero-image-wrapper:hover .hero-img{transform:scale(1.05)}.image-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(5,40,119,.1) 0%,rgba(142,194,117,.1) 100%);z-index:3;pointer-events:none}.floating-bg{position:absolute;width:100%;height:100%;background:radial-gradient(circle at 20% 30%,rgba(255,255,255,.15) 0%,transparent 40%),radial-gradient(circle at 80% 70%,rgba(255,255,255,.1) 0%,transparent 40%);border-radius:20px;animation:float 8s ease-in-out infinite;box-shadow:inset 0 0 60px #ffffff1a;top:0;left:0;z-index:1}.btn-primary{background:#4A90E2;color:#fff;padding:16px 40px;border:none;border-radius:8px;cursor:pointer;font-weight:700;font-size:18px;transition:all .4s cubic-bezier(.68,-.55,.265,1.55);box-shadow:0 6px 20px #4a90e266;animation:fadeInUp 1s ease-out .6s backwards;display:inline-flex;align-items:center;gap:12px;position:relative;overflow:hidden}.btn-primary:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:rgba(255,255,255,.3);transform:translate(-50%,-50%);transition:width .6s,height .6s}.btn-primary:hover:before{width:300px;height:300px}.btn-primary:hover{transform:translateY(-4px) scale(1.05);box-shadow:0 10px 30px #4a90e280;background:#5BA0F2}.btn-primary:active{transform:translateY(-2px) scale(1.02)}.btn-primary i{transition:transform .3s ease}.btn-primary:hover i{transform:translate(5px)}.hero-buttons{margin-top:40px;display:flex;gap:20px}.hero-buttons .btn-primary{background:white;color:#005eb8;border:2px solid white;box-shadow:0 10px 20px #0000001a}.hero-buttons .btn-primary:hover{background:transparent;color:#fff;transform:translateY(-5px);box-shadow:0 15px 30px #0003}.hero-content h1{font-size:64px;font-weight:800;line-height:1.1;margin-bottom:10px}.hero-content h1.highlight{font-weight:400;opacity:.9}.hero-content p{font-size:18px;max-width:600px;opacity:.9;line-height:1.6;margin-top:20px}.nav-contact-btn{background:#6fc276;color:#fff!important;padding:12px 28px!important;border-radius:8px!important;transition:all .3s ease;font-weight:600!important}.nav-contact-btn:hover{background:#5eb165;transform:translateY(-2px);box-shadow:0 4px 15px #6fc2764d}.hero-img-container{border-radius:40px;overflow:hidden;box-shadow:0 30px 60px #0000004d;position:relative;z-index:2;transition:transform .5s ease;max-height:450px}.hero-img-container:hover{transform:scale(1.02)}.feature-card-2{display:flex;width:100%}.feature-card-2 .col-md-6{width:40%}.feature-cards{padding:80px 50px;background:white;position:relative;z-index:10}.feature-cards-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:40px;max-width:1200px;margin:0 auto}.feature-card{text-align:center;padding:40px 30px;background:white;border-radius:20px;transition:all .3s ease}.feature-card:hover{transform:translateY(-10px)}.feature-icon-circle{width:90px;height:90px;background:#eef5ff;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 25px;font-size:36px;color:#005eb8;box-shadow:0 10px 20px #005eb81a}.feature-card h3{font-size:24px;margin-bottom:15px;color:#333}.feature-card p{color:#666;line-height:1.6;font-size:16px}.services{padding:100px 50px;background:linear-gradient(180deg,#f9f9f9 0%,#ffffff 100%)}.section-title{font-size:42px;text-align:center;margin-bottom:60px;color:#2d9d7a;position:relative;display:inline-block;left:50%;transform:translate(-50%)}.section-title:after{content:"";position:absolute;bottom:-15px;left:50%;transform:translate(-50%);width:80px;height:4px;background:#8ec275;border-radius:2px}.service-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:40px;max-width:1200px;margin:0 auto}.card{background:white;padding:40px;border-radius:20px;box-shadow:0 10px 30px #0000000d;transition:all .4s ease;position:relative;overflow:hidden;z-index:1}.card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#052877 0%,#8ec275 100%);opacity:0;z-index:-1;transition:opacity .4s ease}.card:hover{transform:translateY(-10px);box-shadow:0 20px 40px #0e4eff26;color:#fff}.card:hover:before{opacity:1}.card-icon{width:70px;height:70px;background:#f0f7ff;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:25px;font-size:28px;color:#8ec275;transition:all .4s ease}.card:hover .card-icon{background:rgba(255,255,255,.2);color:#fff;transform:scale(1.1) rotate(5deg)}.card h3{font-size:24px;margin-bottom:20px;font-weight:700}.card p{line-height:1.7;color:#666;transition:color .4s ease}.card:hover p{color:#ffffffe6}.services-list{list-style:none;margin-top:20px}.services-list li{margin-bottom:10px;padding-left:20px;position:relative;color:#666;transition:color .4s ease}.card:hover .services-list li{color:#ffffffe6}.services-list li:before{content:"•";color:#8ec275;position:absolute;left:0;font-weight:700;transition:color .4s ease}.card:hover .services-list li:before{color:#ffeb3b}.approach{padding:100px 50px;background:white}.approach-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px;max-width:1200px;margin:0 auto}.approach-item{text-align:center;padding:30px;position:relative}.approach-number{display:block;font-size:60px;font-weight:900;color:#0e4eff1a;margin-bottom:-30px;position:relative;z-index:0;transition:all .3s ease}.approach-item:hover .approach-number{color:#0e4eff33;transform:scale(1.2)}.approach-item h3{font-size:22px;margin-bottom:15px;position:relative;z-index:1}.approach-item p{color:#666;line-height:1.6;position:relative;z-index:1}.about{padding:100px 50px;background:#f9f9f9}.about-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;max-width:1200px;margin:0 auto}.about-card{background:white;padding:40px;border-radius:15px;box-shadow:0 5px 20px #0000000d;text-align:center;transition:transform .3s ease;border-bottom:4px solid transparent}.about-card:hover{transform:translateY(-10px);border-bottom:4px solid #8ec275}.about-card-icon{font-size:40px;color:#8ec275;margin-bottom:25px}.about-card h3{font-size:22px;margin-bottom:15px}.about-card p{color:#666;line-height:1.6}.app-building{padding:100px 50px;background:white;text-align:center}.section-subtitle{max-width:800px;margin:0 auto 60px;color:#666;line-height:1.8;font-size:18px}.app-building-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:40px;max-width:1200px;margin:0 auto}.app-card{background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 10px 30px #00000014;text-align:left;transition:transform .3s ease}.app-card:hover{transform:translateY(-5px)}.app-card-header{background:linear-gradient(135deg,#052877 0%,#8ec275 100%);padding:30px;color:#fff;display:flex;align-items:center;gap:15px}.app-card-header i{font-size:24px}.app-card-header h3{font-size:20px;margin:0}.app-list{list-style:none;padding:30px}.app-list li{padding:12px 0;border-bottom:1px solid #eee;color:#555;display:flex;align-items:center;gap:12px}.app-list li:last-child{border-bottom:none}.app-list li i{color:#0e4eff;width:20px;text-align:center}.more-text{font-style:italic;color:#888!important}.certifications{padding:80px 50px;background:#F8FBFC}.cert-container{display:flex;justify-content:center;gap:40px;flex-wrap:wrap;max-width:1200px;margin:0 auto}.cert-card{background:white;padding:40px;border-radius:15px;box-shadow:0 5px 20px #0000000d;text-align:center;flex:1;min-width:300px;max-width:500px}.cert-logo{font-size:40px;color:#8ec275;margin-bottom:20px}.cert-card h3{margin-bottom:15px;color:#052877}.cert-card p{margin-bottom:10px;color:#666;line-height:1.5}.cert-card a{color:#8ec275;text-decoration:none;font-weight:600}.clients{padding:100px 50px;background:white}.clients-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:60px;max-width:1000px;margin:0 auto}.client-column h3{font-size:24px;margin-bottom:30px;color:#052877;border-bottom:2px solid #8ec275;padding-bottom:10px;display:inline-block}.client-list{list-style:none}.client-list li{border-bottom:1px solid #eee;color:#555;position:relative;padding:12px 0 12px 25px}.client-list li:before{content:"✓";position:absolute;left:0;color:#8ec275;font-weight:700}.dir-section{padding:80px 50px;background:linear-gradient(135deg,#f6f9fc 0%,#eef2f7 100%)}.dir-card{background:white;border-radius:25px;box-shadow:0 20px 60px #00000014;overflow:hidden;display:flex;max-width:1200px;margin:0 auto;flex-wrap:wrap}.dir-left{flex:1;min-width:350px;background:linear-gradient(135deg,#052877 0%,#8ec275 100%);padding:50px;color:#fff;position:relative;overflow:hidden}.dir-badge{position:absolute;top:-20px;right:-20px;width:150px;height:150px;background:rgba(255,255,255,.1);border-radius:50%;display:flex;align-items:center;justify-content:center}.dir-badge-text{font-size:24px;font-weight:900;transform:rotate(45deg);opacity:.5}.dir-subtitle{font-size:24px;margin-bottom:40px;position:relative;z-index:2}.dir-contact{position:relative;z-index:2}.dir-logo-img{background:white;padding:10px;border-radius:8px;margin-bottom:30px;max-width:200px}.dir-contact p{margin-bottom:12px;line-height:1.6}.dir-contact a{color:#ffeb3b;text-decoration:none;font-weight:600}.muted{opacity:.8;font-size:14px;margin-top:20px;border-top:1px solid rgba(255,255,255,.2);padding-top:20px}.dir-order-list{margin:20px 0;padding-left:20px}.dir-order-list li{margin-bottom:8px;font-size:14px;opacity:.9}.dir-note{background:rgba(255,255,255,.1);padding:15px;border-radius:8px;font-size:14px;margin-top:20px}.dir-right{flex:1.5;min-width:400px;padding:50px}.dir-title{font-size:28px;color:#052877;margin-bottom:25px;line-height:1.3}.dir-lead{font-size:16px;color:#555;line-height:1.7;margin-bottom:20px}.dir-services{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;margin-top:25px;list-style:none}.dir-services li{position:relative;padding-left:20px;color:#444;font-size:15px}.dir-services li:before{content:"•";color:#8ec275;position:absolute;left:0;font-weight:700}.services-offered{padding:100px 50px;background:white}.services-offered-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px;max-width:1200px;margin:0 auto}.service-offered-item{text-align:center;padding:30px 10px;border:1px solid #eee;border-radius:15px;transition:all .3s ease}.service-offered-item:hover{border-color:#8ec275;box-shadow:0 10px 30px #8ec2751a;transform:translateY(-5px)}.service-offered-item i{font-size:36px;color:#8ec275;margin-bottom:20px}.service-offered-item h3{font-size:18px;color:#333}footer{background-image:url(/img/header_wave-bg.png);background-position:center center;background-repeat:no-repeat;background-size:cover;color:#fff;padding:60px 50px 20px}.footer-logo img{width:210px}.footer-section h4{margin-bottom:8px}.footer-section a{color:#fff}.footer-section a:hover{color:#00f}.footer-section p{margin-bottom:4px;margin-top:4px}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:50px;max-width:1200px;margin:0 auto 50px}.footer-col h3{font-size:20px;margin-bottom:25px;color:#fff}.footer-links{list-style:none}.footer-links li{margin-bottom:12px}.footer-links a{color:#fff;text-decoration:none;transition:color .3s ease}.footer-links a:hover{color:#fff;padding-left:5px}.contact-info li{display:flex;gap:10px;margin-bottom:15px;color:#fff}.contact-info i{color:#fff;margin-top:4px}.social-links{display:flex;gap:15px;margin-top:20px}.social-links a{width:40px;height:40px;background:rgba(255,255,255,.1);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;text-decoration:none;transition:all .3s ease}.social-links a:hover{background:#f8f9fc;transform:translateY(-3px)}.footer-bottom{text-align:center;padding-top:30px;border-top:1px solid rgba(255,255,255,.1);color:#fff;font-size:14px}.footer-bottom p{color:#fff}.code-showcase{padding:100px 50px;background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);text-align:center}.code-showcase-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:40px;max-width:1200px;margin:60px auto 0}.code-card{background:white;border-radius:20px;overflow:hidden;box-shadow:0 10px 30px #0000001a;transition:all .4s cubic-bezier(.68,-.55,.265,1.55);position:relative}.code-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px #0003}.code-card img{width:100%;height:200px;object-fit:cover;transition:transform .4s ease}.code-card:hover img{transform:scale(1.05)}.code-card h3{font-size:24px;margin:20px 0 15px;color:#052877;font-weight:700}.code-card p{color:#666;line-height:1.6;padding:0 30px 30px}.info-cards-section{padding:80px 50px;background:#f5f7fa;position:relative;z-index:10}.info-cards-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:40px;max-width:1200px;margin:0 auto}.info-card{background:white;padding:50px 40px;border-radius:16px;box-shadow:0 5px 25px #00000014;transition:all .5s cubic-bezier(.68,-.55,.265,1.55);position:relative;overflow:hidden;opacity:0;transform:translateY(50px)}.info-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#052877 0%,#8ec275 100%);transform:scaleX(0);transform-origin:left;transition:transform .5s ease}.info-card:hover:before{transform:scaleX(1)}.info-card.animate{opacity:1;transform:translateY(0)}.info-card:hover{transform:translateY(-10px) scale(1.02);box-shadow:0 15px 40px #00000026}.info-card-icon{width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:30px;font-size:32px;color:#fff;transition:all .5s cubic-bezier(.68,-.55,.265,1.55);position:relative;overflow:hidden}.info-card-icon:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:rgba(255,255,255,.3);transform:translate(-50%,-50%);transition:width .5s,height .5s}.info-card:hover .info-card-icon:before{width:120px;height:120px}.info-card-icon-blue{background:linear-gradient(135deg,#4A90E2 0%,#357ABD 100%)}.info-card-icon-green{background:linear-gradient(135deg,#8ec275 0%,#6fa85a 100%)}.info-card:hover .info-card-icon{transform:rotate(360deg) scale(1.1)}.info-card-title{font-size:28px;font-weight:800;margin-bottom:20px;color:#052877;transition:color .3s ease}.info-card:hover .info-card-title{color:#8ec275}.info-card-text{font-size:16px;line-height:1.8;color:#666;margin-bottom:25px;transition:color .3s ease}.info-card-link{display:inline-flex;align-items:center;gap:8px;color:#052877;text-decoration:none;font-weight:600;font-size:16px;transition:all .3s ease;position:relative}.info-card-link:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:#8ec275;transition:width .3s ease}.info-card-link:hover{color:#8ec275;gap:12px}.info-card-link:hover:after{width:100%}.info-card-link i{transition:transform .3s ease}.info-card-link:hover i{transform:translate(5px)}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-40px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(60px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(2deg)}}@keyframes pulse{0%,to{box-shadow:0 4px 15px #4a90e24d}50%{box-shadow:0 4px 25px #4a90e299}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}html{scroll-behavior:smooth}.dropdown-menu{animation:slideDown .4s cubic-bezier(.68,-.55,.265,1.55)}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width: 968px){.hero{flex-direction:column;text-align:center;padding:100px 30px 50px}.hero-content{padding-right:0;margin-bottom:50px}.hero-title-main,.hero-title-sub{font-size:36px}.hero-image{width:100%;height:300px}.navbar{padding:20px 30px}.nav-links{display:none}.info-cards-section{padding:60px 30px}.info-cards-container{grid-template-columns:1fr;gap:30px}.info-card{padding:40px 30px}}@media (max-width: 768px){.dir-card{flex-direction:column}.dir-left,.dir-right{width:100%}.section-title{font-size:32px}}.dir{width:240px;height:100px;margin:26px auto auto;background:#fff;border-radius:8px;padding:12px;text-align:center}.dir img{height:80px}.ourclients .service-offered-item img{width:80px;height:auto}.services-offered-grid{padding-bottom:0!important}.everify{width:100px}