.service-page .service-hero-banner{background-color:#fff;border-bottom:1px solid #f1f5f9;overflow:hidden;padding:clamp(36px,4.5vw,56px) 0 clamp(40px,5vw,62px);position:relative}.service-page .service-hero-banner .hero-banner-bg{height:100%;inset:0;pointer-events:none;position:absolute;width:100%;z-index:0}.service-page .service-hero-banner .hero-banner-bg .hero-wave-shape{-o-object-fit:cover;object-fit:cover;-o-object-position:right bottom;object-position:right bottom;opacity:.5}.service-page .service-hero-banner .hero-banner-container{position:relative;z-index:1}.service-page .service-hero-banner .hero-banner-row{align-items:center;display:flex;gap:clamp(24px,3.5vw,48px);justify-content:space-between}@media(max-width:991px){.service-page .service-hero-banner .hero-banner-row{align-items:flex-start;flex-direction:column;gap:36px}}.service-page .service-hero-banner .hero-banner-content{flex:1 1 55%}@media(max-width:991px){.service-page .service-hero-banner .hero-banner-content{flex:1 1 100%}}.service-page .service-hero-banner .hero-banner-image-col{align-items:center;display:flex;flex:1 1 45%;justify-content:flex-end}@media(max-width:991px){.service-page .service-hero-banner .hero-banner-image-col{flex:1 1 100%;justify-content:center;margin:0 auto;width:100%}}.service-page .service-hero-banner .hero-image-outer{display:inline-block;margin:18px 16px 18px 24px;position:relative;width:100%}@media(max-width:576px){.service-page .service-hero-banner .hero-image-outer{margin:12px 10px 12px 14px}}.service-page .service-hero-banner .hero-image-outer .dot-grid-accent.dot-grid-left{background-image:radial-gradient(rgba(239,83,35,.45) 1.5px,transparent 0);background-size:13px 13px;height:65px;left:-30px;pointer-events:none;position:absolute;top:-24px;width:54px;z-index:0}@media(max-width:991px){.service-page .service-hero-banner .hero-image-outer .dot-grid-accent.dot-grid-left{display:none}}.service-page .service-hero-banner .hero-image-outer .dot-grid-accent.dot-grid-right{background-image:radial-gradient(rgba(239,83,35,.45) 1.5px,transparent 0);background-size:13px 13px;bottom:-22px;height:52px;pointer-events:none;position:absolute;right:-24px;width:65px;z-index:0}@media(max-width:576px){.service-page .service-hero-banner .hero-image-outer .dot-grid-accent.dot-grid-right{display:none}}.service-page .service-hero-banner .hero-image-outer .hero-image-outline{border:2px solid rgba(239,83,35,.65);border-radius:22px;height:100%;inset:0;pointer-events:none;position:absolute;transform:skewX(-9deg) translate(-14px,14px);width:100%;z-index:1}@media(max-width:576px){.service-page .service-hero-banner .hero-image-outer .hero-image-outline{border-radius:16px;transform:skewX(-5deg) translate(-8px,8px)}}.service-page .service-hero-banner .hero-image-outer .hero-image-card{background-color:#0f172a;border:3px solid hsla(0,0%,100%,.92);border-radius:22px;box-shadow:0 18px 40px rgba(15,23,42,.14),0 4px 12px rgba(239,83,35,.08);height:275px;overflow:hidden;position:relative;transform:skewX(-9deg);width:100%;z-index:2}@media(max-width:1200px){.service-page .service-hero-banner .hero-image-outer .hero-image-card{height:240px}}@media(max-width:991px){.service-page .service-hero-banner .hero-image-outer .hero-image-card{height:260px}}@media(max-width:576px){.service-page .service-hero-banner .hero-image-outer .hero-image-card{border-radius:16px;height:205px;transform:skewX(-5deg)}}@media(max-width:400px){.service-page .service-hero-banner .hero-image-outer .hero-image-card{height:185px}}.service-page .service-hero-banner .hero-image-outer .hero-image-card .hero-main-img,.service-page .service-hero-banner .hero-image-outer .hero-image-card img{display:block;height:100%!important;-o-object-fit:cover!important;object-fit:cover!important;transform:skewX(9deg) scale(1.1);transform-origin:right top;transition:transform .5s ease;width:100%!important}@media(max-width:576px){.service-page .service-hero-banner .hero-image-outer .hero-image-card .hero-main-img,.service-page .service-hero-banner .hero-image-outer .hero-image-card img{transform:skewX(5deg) scale(1.12)}}.service-page .service-hero-banner .hero-breadcrumb-nav{margin-bottom:clamp(14px,1.8vw,22px)}.service-page .service-hero-banner .hero-breadcrumb-nav .breadcrumb-list{align-items:center;display:flex;flex-wrap:wrap;font-size:clamp(12.5px,.95vw,14px);font-weight:500;line-height:1.4;list-style:none;margin:0;padding:0}.service-page .service-hero-banner .hero-breadcrumb-nav .breadcrumb-list .breadcrumb-item{align-items:center;display:inline-flex}.service-page .service-hero-banner .hero-breadcrumb-nav .breadcrumb-list .breadcrumb-item a{color:#556987;text-decoration:none;transition:color .25s ease}.service-page .service-hero-banner .hero-breadcrumb-nav .breadcrumb-list .breadcrumb-item a:hover{color:#ef5323;color:var(--themeColor,#ef5323)}.service-page .service-hero-banner .hero-breadcrumb-nav .breadcrumb-list .breadcrumb-item.active{color:#4b5563;font-weight:600}.service-page .service-hero-banner .hero-breadcrumb-nav .breadcrumb-list .breadcrumb-separator{align-items:center;color:#ef5323;color:var(--themeColor,#ef5323);display:inline-flex;font-size:11px;font-weight:700;margin:0 8px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.service-page .service-hero-banner .hero-service-title{font-size:clamp(28px,4vw,46px);font-weight:800;letter-spacing:-.025em;line-height:1.18;margin:0 0 clamp(12px,1.4vw,18px)}.service-page .service-hero-banner .hero-service-title .title-dark-text{color:#0f172a;display:block}.service-page .service-hero-banner .hero-service-title .title-orange-text{color:#ef5323;color:var(--themeColor,#ef5323);display:block}.service-page .service-hero-banner .hero-service-subtitle{color:#64748b;font-size:clamp(14px,1.05vw,15.5px);font-weight:400;line-height:1.65;margin:0;max-width:660px}@media(max-width:768px){.service-page .service-hero-banner .hero-service-subtitle{font-size:14px;line-height:1.6}}@media(max-width:991px){.service-page .service-hero-banner{padding:34px 0 38px}.service-page .service-hero-banner .hero-banner-bg .hero-wave-shape{-o-object-position:85% center;object-position:85% center;opacity:.35}.service-page .service-hero-banner .hero-service-title .title-dark-text,.service-page .service-hero-banner .hero-service-title .title-orange-text{display:inline}.service-page .service-hero-banner .hero-service-title .title-orange-text{margin-left:.25em}}@media(max-width:576px){.service-page .service-hero-banner{padding:26px 0 30px}.service-page .service-hero-banner .hero-breadcrumb-nav{margin-bottom:12px}.service-page .service-hero-banner .hero-breadcrumb-nav .breadcrumb-list{font-size:12px}.service-page .service-hero-banner .hero-breadcrumb-nav .breadcrumb-list .breadcrumb-separator{margin:0 6px}.service-page .service-hero-banner .hero-service-title{font-size:24px;line-height:1.25}.service-page .service-hero-banner .hero-service-subtitle{font-size:13.5px}}.service-page .main-content{background-color:#f8fafc;padding:clamp(36px,4.2vw,56px) 0 clamp(48px,5.5vw,76px)}.service-page .main-content .content-grid{display:grid;grid-template-columns:1fr;grid-gap:clamp(24px,3vw,36px);align-items:start;gap:clamp(24px,3vw,36px)}@media(min-width:992px){.service-page .main-content .content-grid{grid-template-columns:minmax(0,1.82fr) minmax(320px,1fr)}}.service-page .main-content .main-col{display:flex;flex-direction:column;gap:22px}.service-page .main-content .main-col .content-card{background-color:#fff;border:1px solid #edf0f5;border-radius:18px;box-shadow:0 4px 20px rgba(15,23,42,.04);padding:clamp(22px,2.5vw,26px);transition:all .3s ease}@media(max-width:576px){.service-page .main-content .main-col .content-card{border-radius:14px;padding:20px 18px}}.service-page .main-content .main-col .content-card:hover{border-color:rgba(239,83,35,.22);box-shadow:0 8px 26px rgba(15,23,42,.07)}.service-page .main-content .main-col .content-card .card-header-row{align-items:flex-start;display:flex;gap:12px;margin-bottom:14px}.service-page .main-content .main-col .content-card .card-header-row .accent-bar{background-color:#ef5323;background-color:var(--themeColor,#ef5323);border-radius:2px;flex-shrink:0;height:22px;margin-top:3px;width:3.5px}.service-page .main-content .main-col .content-card .card-header-row .card-title{color:#0f172a;font-size:clamp(19px,1.4vw,22px);font-weight:700;line-height:1.25;margin:0}.service-page .main-content .main-col .content-card .card-desc{color:#64748b;font-size:14.5px;line-height:1.7;margin:0}.service-page .main-content .main-col .content-card .html-content h3{align-items:flex-start;color:#ef5323;color:var(--themeColor,#ef5323);display:flex;font-size:clamp(18px,1.35vw,21px);font-weight:700;gap:12px;line-height:1.3;margin:0 0 14px}.service-page .main-content .main-col .content-card .html-content h3:before{background-color:#ef5323;background-color:var(--themeColor,#ef5323);border-radius:2px;content:"";flex-shrink:0;height:20px;margin-top:3px;width:3.5px}.service-page .main-content .main-col .content-card .html-content p{color:#64748b;font-size:14.5px;line-height:1.7;margin-bottom:14px}.service-page .main-content .main-col .content-card .html-content p:last-child{margin-bottom:0}.service-page .main-content .main-col .content-card .html-content ul{display:flex;flex-direction:column;gap:9px;list-style:none;margin:14px 0 0;padding:0}.service-page .main-content .main-col .content-card .html-content ul li{color:#475569;font-size:14px;line-height:1.55;padding-left:20px;position:relative}.service-page .main-content .main-col .content-card .html-content ul li:before{color:#ef5323;color:var(--themeColor,#ef5323);content:"•";font-size:18px;left:4px;line-height:1;position:absolute;top:-1px}.service-page .main-content .sidebar{display:flex;flex-direction:column;gap:22px;position:sticky;top:90px}@media(max-width:991px){.service-page .main-content .sidebar{position:static;top:auto}}.service-page .main-content .sidebar .sidebar-card{background-color:#fff;border:1px solid #edf0f5;border-radius:18px;box-shadow:0 4px 20px rgba(15,23,42,.04);padding:clamp(22px,2.2vw,28px);transition:all .3s ease}@media(max-width:576px){.service-page .main-content .sidebar .sidebar-card{border-radius:14px;padding:20px 18px}}.service-page .main-content .sidebar .sidebar-card:hover{box-shadow:0 8px 24px rgba(15,23,42,.07)}.service-page .main-content .sidebar .tech-card .card-header-row{align-items:center;display:flex;gap:10px;margin-bottom:18px}.service-page .main-content .sidebar .tech-card .card-header-row .accent-bar{background-color:#ef5323;background-color:var(--themeColor,#ef5323);border-radius:2px;flex-shrink:0;height:18px;width:3.5px}.service-page .main-content .sidebar .tech-card .card-header-row .card-title{color:#0f172a;font-size:17.5px;font-weight:700;line-height:1.25;margin:0}.service-page .main-content .sidebar .tech-card .tech-badge-wrap{display:flex;flex-wrap:wrap;gap:8px 10px}.service-page .main-content .sidebar .tech-card .tech-badge-wrap .tech-pill-badge{align-items:center;background-color:#fff9f6;border:1px solid rgba(239,83,35,.22);border-radius:9999px;color:#d94314;display:inline-flex;font-size:12.5px;font-weight:600;justify-content:center;padding:6px 14px;transition:all .25s ease}.service-page .main-content .sidebar .tech-card .tech-badge-wrap .tech-pill-badge:hover{background-color:#ef5323;background-color:var(--themeColor,#ef5323);border-color:#ef5323;border-color:var(--themeColor,#ef5323);color:#fff;transform:translateY(-1px)}.service-page .main-content .sidebar .cta-banner-card{background:linear-gradient(135deg,#ff5e28,#ef5323);border:none;border-radius:18px;box-shadow:0 12px 28px rgba(239,83,35,.28);color:#fff;padding:clamp(26px,2.5vw,32px) clamp(22px,2vw,26px)}.service-page .main-content .sidebar .cta-banner-card .cta-banner-title{color:#fff;font-size:21px;font-weight:700;line-height:1.25;margin-bottom:10px}.service-page .main-content .sidebar .cta-banner-card .cta-banner-desc{color:hsla(0,0%,100%,.94);font-size:14px;line-height:1.55;margin-bottom:22px}.service-page .main-content .sidebar .cta-banner-card .cta-white-btn{align-items:center;background-color:#fff;border-radius:9999px;box-shadow:0 4px 14px rgba(0,0,0,.08);color:#ef5323!important;color:var(--themeColor,#ef5323)!important;display:flex;font-size:14.5px;font-weight:700;gap:8px;justify-content:center;padding:12px 22px;text-decoration:none!important;transition:all .3s cubic-bezier(.16,1,.3,1)}.service-page .main-content .sidebar .cta-banner-card .cta-white-btn:hover{background-color:#fff5f0;box-shadow:0 6px 20px rgba(0,0,0,.12);transform:translateY(-2px)}.service-page .main-content .sidebar .benefits-card .benefits-title{color:#0f172a;font-size:18px;font-weight:700;line-height:1.3;margin:0 0 18px}.service-page .main-content .sidebar .benefits-card .benefits-list{display:flex;flex-direction:column;gap:14px;list-style:none;margin:0;padding:0}.service-page .main-content .sidebar .benefits-card .benefits-list .benefit-item{align-items:flex-start;color:#475569;display:flex;font-size:14px;gap:10px;line-height:1.45}.service-page .main-content .sidebar .benefits-card .benefits-list .benefit-item .benefit-icon{color:#ef5323;color:var(--themeColor,#ef5323);flex-shrink:0;margin-top:1px}.service-page .main-content .sidebar .project-mind-card{align-items:center;background:linear-gradient(180deg,#fffcfb,#fff4ed);border:1px solid rgba(239,83,35,.18);border-radius:18px;display:flex;flex-direction:column;justify-content:center;overflow:hidden;padding:clamp(28px,2.5vw,34px) 24px;position:relative;text-align:center}.service-page .main-content .sidebar .project-mind-card .card-wave-bg{background:radial-gradient(circle at 100% 100%,hsla(32,98%,83%,.4) 0,transparent 65%);height:100%;inset:0;pointer-events:none;position:absolute;width:100%}.service-page .main-content .sidebar .project-mind-card .project-mind-title{color:#0f172a;font-size:21px;font-weight:800;line-height:1.25;margin-bottom:8px;position:relative;z-index:1}.service-page .main-content .sidebar .project-mind-card .project-mind-subtitle{color:#64748b;font-size:13.5px;line-height:1.5;margin-bottom:20px;position:relative;z-index:1}.service-page .main-content .sidebar .project-mind-card .btn-consultation{align-items:center;background-color:#fff;border:1.5px solid #ef5323;border:1.5px solid var(--themeColor,#ef5323);border-radius:9999px;box-shadow:0 4px 12px rgba(239,83,35,.08);color:#ef5323!important;color:var(--themeColor,#ef5323)!important;display:inline-flex;font-size:13.5px;font-weight:700;gap:7px;justify-content:center;padding:10px 20px;position:relative;text-decoration:none!important;transition:all .3s cubic-bezier(.16,1,.3,1);z-index:1}@media(max-width:576px){.service-page .main-content .sidebar .project-mind-card .btn-consultation{width:100%}}.service-page .main-content .sidebar .project-mind-card .btn-consultation:hover{background-color:#ef5323;background-color:var(--themeColor,#ef5323);box-shadow:0 6px 18px rgba(239,83,35,.28);color:#fff!important;transform:translateY(-2px)}.service-page-not-found{align-items:center;display:flex;justify-content:center;min-height:100vh}.service-page-not-found .text-center{text-align:center}.service-page-not-found .text-center .service-not-found-title{color:#1f2937;font-size:1.5rem;font-weight:700;margin-bottom:1rem}.service-page-not-found .text-center .back-link{color:var(--themeColor);font-weight:500}.service-page-not-found .text-center .back-link:hover{color:#b91c1c}