.services-hero{color:#fff;background-image:url(/service/service-bg.webp);background-position:50%;background-repeat:no-repeat;background-size:cover;align-items:center;min-height:80vh;padding:180px 0 120px;display:flex;position:relative}.services-hero:before{content:"";z-index:1;background:linear-gradient(90deg,#020617 0%,#020617f2 50%,#020617b3 100%);position:absolute;inset:0}.services-hero .container{z-index:2;position:relative}.services-hero .hero-content{max-width:800px}.services-hero .hero-badge{color:#60a5fa;background:#0f172a99;border:1px solid #3b82f64d;border-radius:30px;align-items:center;padding:8px 16px;font-size:.9rem;font-weight:500;display:inline-flex}.services-hero .hero-badge .dot{background-color:#3b82f6;border-radius:50%;width:6px;height:6px;margin-right:8px}.services-hero h1{margin-bottom:1.5rem;font-size:4rem;font-weight:700;line-height:1.1}.services-hero h1 .highlight{-webkit-text-fill-color:#0000;background-image:linear-gradient(135deg,#3b82f6 0%,#f97316 100%);-webkit-background-clip:text;background-clip:text}@media (max-width:991px){.services-hero h1{font-size:3.5rem}}@media (max-width:576px){.services-hero h1{font-size:2.8rem}}.services-hero .hero-desc{color:#cbd5e1;max-width:700px;margin-bottom:2.5rem;font-size:1.25rem;line-height:1.6}@media (max-width:576px){.services-hero .hero-desc{font-size:1.1rem}}.services-hero .hero-buttons .btn-hero{border-radius:8px;align-items:center;padding:14px 30px;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.services-hero .hero-buttons .btn-primary-blue{color:#fff;background:#0076ff}.services-hero .hero-buttons .btn-primary-blue:hover{background:#0060df;transform:translateY(-2px)}.services-hero .hero-buttons .btn-outline-custom{color:#fff;background:#ffffff0d;border:1px solid #fff3}.services-hero .hero-buttons .btn-outline-custom:hover{background:#ffffff1a;border-color:#fff}
.service-web-dev{color:#1e293b;background-color:#f8fafc;padding:100px 0;overflow:hidden}.service-web-dev .badge-pill{color:#3b82f6;background:#eff6ff;border:1px solid #dbeafe;border-radius:20px;align-items:center;margin-bottom:1.5rem;padding:6px 16px;font-size:.85rem;font-weight:600;display:inline-flex}.service-web-dev .section-title{margin-bottom:1rem;font-size:3rem;font-weight:700;line-height:1.2}.service-web-dev .section-title .highlight{color:#f97316}@media (max-width:768px){.service-web-dev .section-title{font-size:2.2rem}}.service-web-dev .subtitle{color:#64748b;margin-bottom:1.5rem;font-size:1.25rem;font-weight:600}.service-web-dev .description{color:#475569;margin-bottom:2.5rem;line-height:1.7}.service-web-dev .features-list{flex-direction:column;gap:1rem;margin-bottom:2.5rem;display:flex}.service-web-dev .features-list .feature-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;align-items:flex-start;gap:1rem;padding:1rem;transition:transform .2s,box-shadow .2s;display:flex}.service-web-dev .features-list .feature-card:hover{border-color:#bfdbfe;transform:translateY(-2px);box-shadow:0 10px 30px -10px #0000000d}.service-web-dev .features-list .feature-card .icon-wrapper{color:#3b82f6;background:#eff6ff;border-radius:8px;justify-content:center;align-items:center;min-width:40px;height:40px;display:flex}.service-web-dev .features-list .feature-card .text-wrapper h6{color:#0f172a;margin-bottom:.25rem;font-size:1rem;font-weight:600}.service-web-dev .features-list .feature-card .text-wrapper p{color:#64748b;margin:0;font-size:.9rem;line-height:1.5}.service-web-dev .best-for{color:#64748b;margin-bottom:2rem;font-size:.9rem}.service-web-dev .best-for strong{color:#3b82f6}.service-web-dev .btn-primary-blue{color:#fff;background:#0076ff;border-radius:8px;align-items:center;padding:14px 28px;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex;box-shadow:0 4px 14px #0076ff63}.service-web-dev .btn-primary-blue:hover{background:#0060df;transform:translateY(-2px);box-shadow:0 6px 20px #0076ff3b}.service-web-dev .image-wrapper{background:#fff;border-radius:20px;justify-content:center;align-items:center;min-height:350px;display:flex;position:relative;overflow:hidden;box-shadow:0 25px 50px -12px #00000040}.service-web-dev .image-wrapper .main-img{object-fit:cover;width:100%;height:auto}
.service-web-app{color:#fff;background-color:#050505;padding:100px 0}.service-web-app .header-content{max-width:800px;margin:0 auto 4rem}.service-web-app .badge-pill{color:#3b82f6;background:#3b82f61a;border:1px solid #3b82f633;border-radius:20px;align-items:center;margin-bottom:1.5rem;padding:6px 16px;font-size:.85rem;font-weight:600;display:inline-flex}.service-web-app .section-title{margin-bottom:1rem;font-size:3rem;font-weight:700;line-height:1.2}.service-web-app .section-title .highlight{background:linear-gradient(90deg,#f97316,#ea580c);-webkit-text-fill-color:#0000;-webkit-background-clip:text;background-clip:text}@media (max-width:768px){.service-web-app .section-title{font-size:2.2rem}}.service-web-app .subtitle{color:#94a3b8;margin-bottom:1.5rem;font-size:1.25rem;font-weight:500}.service-web-app .description{color:#64748b;max-width:800px;margin-bottom:2rem;margin-left:auto;margin-right:auto;font-size:1rem;line-height:1.7}.service-web-app .features-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-bottom:3rem;display:grid}@media (max-width:992px){.service-web-app .features-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.service-web-app .features-grid{grid-template-columns:1fr}}.service-web-app .features-grid .feature-card{background:#0f1012;border:1px solid #1e293b;border-radius:12px;padding:2rem;transition:all .3s;position:relative;overflow:hidden}.service-web-app .features-grid .feature-card:hover{border-color:#3b82f6;transform:translateY(-5px);box-shadow:0 10px 40px -10px #3b82f626}.service-web-app .features-grid .feature-card:hover .icon-wrapper{color:#fff;background:#3b82f6}.service-web-app .features-grid .feature-card .icon-wrapper{color:#3b82f6;background:#3b82f61a;border-radius:10px;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:1.5rem;transition:all .3s;display:flex}.service-web-app .features-grid .feature-card h6{color:#f1f5f9;margin-bottom:.75rem;font-size:1.1rem;font-weight:600}.service-web-app .features-grid .feature-card p{color:#94a3b8;margin:0;font-size:.95rem;line-height:1.6}.service-web-app .features-grid.grid-layout-custom{flex-wrap:wrap;justify-content:center;display:flex}.service-web-app .features-grid.grid-layout-custom .feature-card{width:calc(33.333% - 1rem)}@media (max-width:992px){.service-web-app .features-grid.grid-layout-custom .feature-card{width:calc(50% - .75rem)}}@media (max-width:768px){.service-web-app .features-grid.grid-layout-custom .feature-card{width:100%}}.service-web-app .best-for{color:#94a3b8;text-align:center;margin-bottom:2rem;font-size:.95rem}.service-web-app .best-for strong{color:#f97316}.service-web-app .btn-action{color:#fff;background:#0076ff;border-radius:8px;align-items:center;padding:16px 32px;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex;box-shadow:0 0 20px #0076ff4d}.service-web-app .btn-action:hover{background:#0060df;transform:translateY(-2px);box-shadow:0 0 30px #0076ff80}
.service-mobile-app{color:#1e293b;background-color:#fff;padding:100px 0}.service-mobile-app .badge-pill{color:#f97316;background:#fff7ed;border:1px solid #ffedd5;border-radius:20px;align-items:center;margin-bottom:1.5rem;padding:6px 16px;font-size:.85rem;font-weight:600;display:inline-flex}.service-mobile-app .section-title{margin-bottom:1rem;font-size:3rem;font-weight:700;line-height:1.2}.service-mobile-app .section-title .highlight{background:linear-gradient(90deg,#3b82f6,#2563eb);-webkit-text-fill-color:#0000;-webkit-background-clip:text;background-clip:text}@media (max-width:768px){.service-mobile-app .section-title{font-size:2.2rem}}.service-mobile-app .subtitle{color:#64748b;margin-bottom:1.5rem;font-size:1.25rem;font-weight:500}.service-mobile-app .description{color:#475569;margin-bottom:2.5rem;font-size:1rem;line-height:1.7}.service-mobile-app .features-grid{grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:2.5rem;display:grid}@media (max-width:576px){.service-mobile-app .features-grid{grid-template-columns:1fr}}.service-mobile-app .features-grid .feature-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;align-items:flex-start;gap:1rem;padding:1.25rem;transition:all .3s;display:flex}.service-mobile-app .features-grid .feature-card:hover{border-color:#f97316;transform:translateY(-3px);box-shadow:0 10px 30px -10px #f9731626}.service-mobile-app .features-grid .feature-card:hover .icon-wrapper{color:#fff;background:#f97316}.service-mobile-app .features-grid .feature-card .icon-wrapper{color:#f97316;background:#fff7ed;border-radius:8px;justify-content:center;align-items:center;min-width:40px;height:40px;transition:all .3s;display:flex}.service-mobile-app .features-grid .feature-card .text-wrapper h6{color:#0f172a;margin-bottom:.25rem;font-size:1rem;font-weight:600}.service-mobile-app .features-grid .feature-card .text-wrapper p{color:#64748b;margin:0;font-size:.85rem;line-height:1.5}.service-mobile-app .best-for{color:#64748b;margin-bottom:2rem;font-size:.9rem}.service-mobile-app .best-for strong{color:#f97316}.service-mobile-app .btn-action{color:#fff;background:#f97316;border-radius:8px;align-items:center;padding:14px 28px;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex;box-shadow:0 4px 14px #f973164d}.service-mobile-app .btn-action:hover{background:#ea580c;transform:translateY(-2px);box-shadow:0 6px 20px #f9731640}.service-mobile-app .image-wrapper{background:#f1f5f9;border-radius:20px;justify-content:center;align-items:center;min-height:350px;display:flex;position:relative;overflow:hidden;box-shadow:0 25px 50px -12px #0000001a}.service-mobile-app .image-wrapper .main-img{object-fit:contain;width:100%;height:auto}
.service-crm-erp{color:#fff;background-color:#050505;padding:100px 0}.service-crm-erp .badge-pill{color:#3b82f6;background:#0f172a99;border:1px solid #1e293b;border-radius:20px;align-items:center;margin-bottom:1.5rem;padding:6px 16px;font-size:.85rem;font-weight:600;display:inline-flex}.service-crm-erp .section-title{margin-bottom:1rem;font-size:3rem;font-weight:700;line-height:1.2}.service-crm-erp .section-title .highlight{background:linear-gradient(90deg,#f97316,#ea580c);-webkit-text-fill-color:#0000;-webkit-background-clip:text;background-clip:text}@media (max-width:768px){.service-crm-erp .section-title{font-size:2.2rem}}.service-crm-erp .subtitle{color:#94a3b8;margin-bottom:1.5rem;font-size:1.25rem;font-weight:500}.service-crm-erp .description{color:#64748b;max-width:800px;margin-bottom:3rem;margin-left:auto;margin-right:auto;font-size:1rem;line-height:1.7}.service-crm-erp .features-grid{flex-wrap:wrap;justify-content:center;gap:1.5rem;margin-bottom:3rem;display:flex}.service-crm-erp .features-grid .feature-card{text-align:left;background:#0b0c0e;border:1px solid #1e293b;border-radius:12px;flex-direction:column;width:calc(33.333% - 1rem);padding:2rem;transition:all .3s;display:flex}@media (max-width:992px){.service-crm-erp .features-grid .feature-card{width:calc(50% - .75rem)}}@media (max-width:768px){.service-crm-erp .features-grid .feature-card{width:100%}}.service-crm-erp .features-grid .feature-card:hover{transform:translateY(-5px)}.service-crm-erp .features-grid .feature-card.theme-blue .icon-wrapper{color:#3b82f6;background:#3b82f61a}.service-crm-erp .features-grid .feature-card.theme-blue:hover{border-color:#3b82f6;box-shadow:0 10px 40px -10px #3b82f626}.service-crm-erp .features-grid .feature-card.theme-orange .icon-wrapper{color:#f97316;background:#f973161a}.service-crm-erp .features-grid .feature-card.theme-orange:hover{border-color:#f97316;box-shadow:0 10px 40px -10px #f9731626}.service-crm-erp .features-grid .feature-card.highlight-card{background:linear-gradient(145deg,#0b0c0e 0%,#15161a 100%);border-color:#f97316}.service-crm-erp .features-grid .feature-card .icon-wrapper{border-radius:10px;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:1.5rem;transition:all .3s;display:flex}.service-crm-erp .features-grid .feature-card h6{color:#f1f5f9;margin-bottom:.75rem;font-size:1.1rem;font-weight:600}.service-crm-erp .features-grid .feature-card p{color:#94a3b8;margin:0;font-size:.95rem;line-height:1.6}.service-crm-erp .best-for{color:#94a3b8;text-align:center;margin-bottom:2rem;font-size:.95rem}.service-crm-erp .best-for strong{color:#f97316}.service-crm-erp .btn-action{color:#fff;background:#0076ff;border-radius:8px;align-items:center;padding:16px 32px;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex;box-shadow:0 0 20px #0076ff4d}.service-crm-erp .btn-action:hover{background:#0060df;transform:translateY(-2px);box-shadow:0 0 30px #0076ff80}
.service-ecommerce{color:#1e293b;background-color:#fff;padding:100px 0;overflow:hidden}.service-ecommerce .badge-pill{color:#f97316;background:#fff7ed;border:1px solid #ffedd5;border-radius:20px;align-items:center;margin-bottom:1.5rem;padding:6px 16px;font-size:.85rem;font-weight:600;display:inline-flex}.service-ecommerce .section-title{margin-bottom:1rem;font-size:3rem;font-weight:700;line-height:1.2}.service-ecommerce .section-title .highlight{color:#f97316}@media (max-width:768px){.service-ecommerce .section-title{font-size:2.2rem}}.service-ecommerce .subtitle{color:#64748b;margin-bottom:1.5rem;font-size:1.25rem;font-weight:600}.service-ecommerce .description{color:#475569;margin-bottom:2.5rem;font-size:1rem;line-height:1.7}.service-ecommerce .features-list{flex-direction:column;gap:1rem;margin-bottom:2.5rem;display:flex}.service-ecommerce .features-list .feature-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;align-items:flex-start;gap:1rem;padding:1.25rem;transition:all .3s;display:flex}.service-ecommerce .features-list .feature-card:hover{border-color:#f97316;transform:translate(5px);box-shadow:0 4px 20px -5px #f973161a}.service-ecommerce .features-list .feature-card:hover .icon-wrapper{color:#fff;background:#f97316}.service-ecommerce .features-list .feature-card .icon-wrapper{color:#f97316;background:#fff7ed;border-radius:10px;justify-content:center;align-items:center;min-width:44px;height:44px;transition:all .3s;display:flex}.service-ecommerce .features-list .feature-card .text-wrapper h6{color:#0f172a;margin-bottom:.25rem;font-size:1rem;font-weight:600}.service-ecommerce .features-list .feature-card .text-wrapper p{color:#64748b;margin:0;font-size:.9rem;line-height:1.5}.service-ecommerce .platforms-section{margin-bottom:2rem}.service-ecommerce .platforms-section h6{color:#1e293b;margin-bottom:1rem;font-size:.9rem;font-weight:700}.service-ecommerce .platforms-section .platforms-list{flex-wrap:wrap;gap:.75rem;display:flex}.service-ecommerce .platforms-section .platforms-list .platform-tag{color:#ea580c;background:#fff7ed;border:1px solid #ffedd5;border-radius:20px;padding:6px 14px;font-size:.85rem;font-weight:500}.service-ecommerce .best-for{color:#64748b;margin-bottom:2rem;font-size:.9rem}.service-ecommerce .best-for strong{color:#f97316}.service-ecommerce .btn-action{color:#fff;background:#f97316;border-radius:8px;align-items:center;padding:14px 28px;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex;box-shadow:0 4px 14px #f973164d}.service-ecommerce .btn-action:hover{background:#ea580c;transform:translateY(-2px);box-shadow:0 6px 20px #f9731640}.service-ecommerce .image-wrapper{background:#f8fafc;border-radius:20px;justify-content:center;align-items:center;min-height:500px;display:flex;position:relative;overflow:hidden;box-shadow:0 25px 50px -12px #0000001a}.service-ecommerce .image-wrapper .main-img{object-fit:contain;width:100%;height:auto}
.service-why-choose{color:#fff;background-color:#050505;padding:100px 0}.service-why-choose .header-content{text-align:center;margin-bottom:4rem}.service-why-choose .section-title{margin-bottom:1rem;font-size:3rem;font-weight:700;line-height:1.2}.service-why-choose .section-title .highlight{background:linear-gradient(90deg,#3b82f6,#f97316);-webkit-text-fill-color:#0000;-webkit-background-clip:text;background-clip:text}@media (max-width:768px){.service-why-choose .section-title{font-size:2.2rem}}.service-why-choose .subtitle{color:#94a3b8;max-width:600px;margin:0 auto;font-size:1.1rem;font-weight:400}.service-why-choose .features-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem;max-width:1000px;margin-bottom:4rem;margin-left:auto;margin-right:auto;display:grid}@media (max-width:768px){.service-why-choose .features-grid{grid-template-columns:1fr}}.service-why-choose .features-grid .feature-card{background:#0b0c0e;border:1px solid #1e293b;border-radius:16px;align-items:flex-start;gap:1.5rem;padding:2.5rem;transition:all .3s;display:flex}.service-why-choose .features-grid .feature-card:hover{transform:translateY(-5px)}.service-why-choose .features-grid .feature-card .icon-wrapper{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;min-width:56px;height:56px;display:flex}.service-why-choose .features-grid .feature-card .text-wrapper h5{color:#f1f5f9;margin-bottom:.75rem;font-size:1.25rem;font-weight:600}.service-why-choose .features-grid .feature-card .text-wrapper p{color:#94a3b8;margin:0;font-size:.95rem;line-height:1.6}.service-why-choose .features-grid .feature-card.theme-blue{background:linear-gradient(145deg,#0b0c0e 0%,#3b82f60d 100%)}.service-why-choose .features-grid .feature-card.theme-blue .icon-wrapper{color:#3b82f6;background:#3b82f61a;border:1px solid #3b82f633}.service-why-choose .features-grid .feature-card.theme-blue:hover{border-color:#3b82f6;box-shadow:0 10px 40px -10px #3b82f626}.service-why-choose .features-grid .feature-card.theme-orange{background:linear-gradient(145deg,#0b0c0e 0%,#f973160d 100%)}.service-why-choose .features-grid .feature-card.theme-orange .icon-wrapper{color:#f97316;background:#f973161a;border:1px solid #f9731633}.service-why-choose .features-grid .feature-card.theme-orange:hover{border-color:#f97316;box-shadow:0 10px 40px -10px #f9731626}.service-why-choose .cta-footer{text-align:center}.service-why-choose .cta-footer p{color:#ccc;margin-bottom:1.5rem;font-size:1.1rem}.service-why-choose .cta-footer .btn-action{color:#fff;background:#0076ff;border-radius:8px;align-items:center;padding:16px 32px;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex;box-shadow:0 0 20px #0076ff4d}.service-why-choose .cta-footer .btn-action:hover{background:#0060df;transform:translateY(-2px);box-shadow:0 0 30px #0076ff80}