/* Service main and detail rules moved from the global stylesheets.
   Shared site styles remain in style.css and responsive.css.
   Keep this base/responsive sequence before the detail redesign overrides. */

/* Migrated from style.css */
.hero-banner-image{position:relative;z-index:11;}
.hero-banner-image::before{content:"";width:100%;height:100%;background:rgba(0,0,0,0.50);position:absolute;top:0;left:0;}
.hero-banner-image video{height:100vh;width:100%;object-fit:cover;margin-bottom:-6px;}
.hero-banner-inner{padding-bottom:16px;}
.hero-banner-wrape{position:absolute;bottom:0;left:0;width:100%;z-index:111;padding:0 0 60px 0;}
.hero-banner-text h6{color:#fff;font-weight:500;}
.hero-banner-text h1{color:#fff;margin:12px 0 0 0;text-align: left;}
.hero-banner-bottom{padding:32px 0 0 0;border-top:1px solid #5E5E5E;}
.hero-banner-bottom-text p{color:#fff;}
.start-adventure-dark.start-adventure--dark.service-adventure-sec .start-adventure-block h2{font-size:78px;font-style:normal;font-weight:300;line-height:86px;letter-spacing:-1.56px;}
.inside-banner-video .hero-banner-bottom{border-color:rgba(245,245,245,0.5);}
.technology-services-section{background-color:#f8f8f8;padding:100px 0 0 0;position:relative;}
.technology-shape{position:absolute;top:-25%;left:-400px;z-index:0;background:var(--Gradients-G-01,linear-gradient(90deg,#8A2387 31.86%,#E94057 64.79%,#F27121 97.99%));opacity:0.15;filter:blur(97px);width:330px;height:1180px;transform:rotate(-135.49deg);flex-shrink:0;}
.technology-services-parent{position:relative;z-index:111;}
.technology-services-parent .title-small{margin-bottom:44px;}
.technology-services-wrape{position:relative;border-radius:12px;z-index:1;}
.technology-services-wrape::before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;margin:-1px;opacity:0;transition:all 0.5s ease;border-radius:12px;background-image:linear-gradient(93.3deg,#8A2387 4.23%,#E94057 50.82%,#F27121 97.8%);}
.technology-services-wrape:hover::before{opacity:1;}
.technology-services-block{background-color:#ffffff;padding:32px;border-radius:12px;min-height:100%;}
.technology-services-block h4{color:#1e1e1e;margin:24px 0 0 0;position:relative;padding:0 30px 0 0;display:block;}
.technology-services-block h4::before{content:"";width:24px;height:24px;background-image:url('../images/common/arrow-right-wh.svg');background-size:cover;position:absolute;top:9px;right:0;opacity:0;transition:all 0.5s ease;}
.technology-services-wrape:hover .technology-services-block h4::before{opacity:1;}
.start-adventure--dark{padding:97px 0 100px 0;}
.start-adventure--dark .start-adventure-block{padding:76px;}
.services-block-section{background-color:#F6F6F6;padding:100px 0 4px 0;}
.services-block-item{background-color:#121212;border-radius:12px;position:relative;margin-bottom:100px;min-height:576px;}
.services-block-right .services-img{position:absolute;right:0;bottom:0;z-index:0;width:100%;object-fit:cover;height:100%;border-radius:16px;}
.app-shape-img{position:absolute;bottom:0;right:0;}
.services-block-data{padding:48px;}
.services-block-data-text{max-width:605px;width:100%;z-index:1;position:relative;}
.services-block-data-text h3{margin:0 0 28px 0;color:#fff;}
.services-block-data-text p{margin:0 0 48px 0;color:#C5C5C5;}
.services-block-list{display:flex;flex-wrap:wrap;margin:0 0px;}
.services-block-list ul{list-style:none;margin:0 -10px 32px -10px;display:flex;flex-wrap:wrap;width:100%;}
.services-block-list ul li{margin:0 0 24px 0;padding:0 10px;width:50%;}
.services-block-list ul li:last-child{margin-bottom:0;}
.services-block-list li a{font-size:24px;font-style:normal;font-weight:400;line-height:32px;color:#fff;position:relative;}
.services-block-list li a::before{content:"";width:23px;height:10px;background-image:url('../images/service/arrow-right-grad.svg');background-size:cover;position:absolute;right:-35px;top:10px;opacity:0;transition:all 0.5s ease;}
.services-block-list li a:hover::before{opacity:1;}
.services-block-list li a:hover{background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-image:linear-gradient(93deg,#8A2387 4.23%,#E94057 50.82%,#F27121 97.8%);}
.services-block-left .services-block-data-text{max-width:573px;width:100%;margin:0 0 0 auto;}
.services-block-left .services-img{position:absolute;left:0;top:0;z-index:1;}
.services-block-left .services-block-data-text h3{margin-bottom:32px;}
.services-block-left .services-block-data-text p{margin-bottom:32px;}
.services-block-left .services-block-data-text ul{margin-bottom:8px;}
.development-shape-img{position:absolute;top:0;left:0;height:100%;object-fit:cover;border-radius:16px;width:100%;}
.product-block .services-img{bottom:auto;top:21px;}
.product-shape-img{position:absolute;bottom:0;right:0;}
.graphic-shape-img{position:absolute;bottom:0;left:0;height:100%;object-fit:cover;border-radius:16px;width:100%;}
.quality-section{background-color:#ffffff;padding:100px 0 0 0;}
.quality-data{padding-bottom:87px;}
.quality-data h3{margin-bottom:44px;color:#1e1e1e;}
.hiring-process--section-dark{background-color:#F6F6F6;padding:100px 0 0 0;}
/* .hiring-process--section-dark .section-title h2,.hiring-process--section-dark .section-title p,.hiring-process--section-dark .section-title-content p{color:#fff;} */
.hiring-process--section-dark .section-title p{margin-bottom:0;}
.hiring-process--section-dark .hiring-process-icon{border:2px solid rgba(255,255,255,0.20);}
.hiring-process--section-dark .hiring-process-block::before{background-image:url('../images/common/process-arrow-wh.png');z-index:1;}
.hiring-process--section-dark .hiring-process-block h4{color:#1e1e1e;margin-bottom:21px;}
.hiring-process--section-dark .hiring-process-block p{color:#949494;}
.industries-section{padding:100px 0 0 0;background-color:#fff;position:relative;    }
.industries-shape-img{bottom:-30%;position:absolute;right:0px;background:rgba(143,0,255,0.30);filter:blur(97px);width:560px;height:210px;flex-shrink:0;    }
.industries-title{max-width:896px;width:100%;margin-bottom:57px;}
.industries-title h3{color: #1e1e1e;}
.industries-block{position:relative;border-radius:12px;}
.industries-block img{width:100%;height:200px;border-radius:12px;object-fit:cover;}
.industries-block::before{content:"";width:100%;height:100%;border-radius:12px;background:linear-gradient(180deg,rgba(0,0,0,0.00) 0%,rgba(0,0,0,0.75) 100%);position:absolute;bottom:0;left:0;}
.industries-block-text{position:absolute;bottom:0;left:0;padding:24px;z-index:11;width:100%;}
.industries-block-text h4{color:#fff;}
.industries-bottom-text{padding:60px 0 108px 0;border-bottom:1px solid rgba(206,206,206,0.10);z-index:1;position:relative;}
.industries-bottom-text p{color:#1e1e1e;max-width:635px;width:100%;}
.services-client-feedback{padding:100px 0 52px 0;}
.services-client-feedback .client-feedback-parent{position:relative;z-index:11;}
.services-client-feedback .title-small{margin-bottom:36px;}
.services-client-feedback .client-feedback-block h6{font-size:20px;font-style:normal;font-weight:600;line-height:26px; color: #1E1E1E;}
.services-client-feedback .slide-arrow-prev,.services-client-feedback .slide-arrow-next{border:1px solid #fff;transition:all 0.5s ease;}
.services-client-feedback .client-feedback-block{background-color:#fff;}
.service-logo-slider-section{padding-bottom:60px;}
.technology-services-wrape .technology-services-block img {filter: invert(1);}
.technology-services-data {
    margin-bottom: 40px;
}
.info-block-wrape .info-block img {filter: invert(1);}

/* Migrated from responsive.css */
@media (min-width:1300px) and (max-width:1550px){
.start-adventure-dark.start-adventure--dark.service-adventure-sec .start-adventure-block h2{font-size:65px;line-height:70px;letter-spacing:-0.56px;}
.start-adventure-dark.start-adventure--dark.service-adventure-sec .start-adventure-block h2{font-size:65px;line-height:75px;}
.start-adventure--dark .start-adventure-block{padding:48px;}
.services-block-item{min-height:480px;}
.services-block-data-text h3,.services-block-left .services-block-data-text h3{margin-bottom:20px;}
.services-block-data-text p,.services-block-left .services-block-data-text p{margin-bottom:25px;}
.services-block-list ul,.services-block-left .services-block-list ul{margin-bottom:25px;}
.services-block-list ul li{margin-bottom:15px;}
.services-block-list li a{font-size:20px;line-height:26px;}
.services-block-list li a::before{top:8px;}
.services-block-left .services-block-data-text,.services-block-data-text{max-width:50%;}
.services-block-right .services-img,.services-block-left .services-img{width:100%;}
}
@media (min-width:1200px) and (max-width:1299px){
.start-adventure-dark.start-adventure--dark.service-adventure-sec .start-adventure-block h2{font-size:60px;line-height:65px;letter-spacing:-0.56px;}
.start-adventure--dark .start-adventure-block{padding:48px;}
.services-block-item{min-height:480px;}
.services-block-data-text h3,.services-block-left .services-block-data-text h3{margin-bottom:20px;}
.services-block-data-text p,.services-block-left .services-block-data-text p{margin-bottom:25px;}
.services-block-list ul,.services-block-left .services-block-list ul{margin-bottom:25px;}
.services-block-list ul li{margin-bottom:10px;}
.services-block-list li a{font-size:18px;line-height:24px;}
.services-block-list li a::before{top:3px;}
.services-block-left .services-block-data-text,.services-block-data-text{max-width:50%;}
}
@media (max-width:1199px){
.industries-shape-img{width:160px;}
.srvices-details-banner-desc{margin-bottom:80px;}
.artificial-intelligence-top {padding: 0 16px;}
}
@media (min-width:992px) and (max-width:1199px){
.start-adventure-dark.start-adventure--dark.service-adventure-sec .start-adventure-block h2{font-size:50px;line-height:55px;letter-spacing:-0.56px;}
.technology-services-section{padding-top:80px;}
.technology-services-block{padding:20px;}
.technology-services-block h4{margin-top:15px;}
.technology-services-block h4::before{top:3px;}
.start-adventure--dark .start-adventure-block{padding:48px;}
.services-block-section{padding:80px 0 1px 0;}
.services-block-item{min-height:auto;margin-bottom:80px;}
.services-block-data{padding:32px;}
.services-block-data-text h3,.services-block-left .services-block-data-text h3{margin-bottom:15px;}
.services-block-data-text p,.services-block-left .services-block-data-text p{margin-bottom:20px;}
.services-block-list ul,.services-block-left .services-block-list ul{margin-bottom:20px;}
.services-block-list ul li{width:50%;margin-bottom:10px;}
.services-block-list li a{font-size:16px;line-height:24px;}
.services-block-list li a::before{top:3px;}
.services-block-left .services-block-data-text,.services-block-data-text{max-width:50%;}
.quality-section{padding:80px 0 0 0;}
.quality-data{padding-bottom:80px;}
.hiring-process--section-dark{padding-top:80px;}
.industries-section{padding-top:80px;}
.industries-bottom-text{padding-bottom:80px;}
.services-client-feedback .client-feedback-block h6{font-size:16px;line-height:24px;}
}
@media (max-width:991px){
.artificial-intelligence-top {padding: 0 16px;}
}
@media (min-width:768px) and (max-width:991px){
.start-adventure-dark.start-adventure--dark.service-adventure-sec .start-adventure-block h2{font-size:40px;line-height:45px;letter-spacing:-0.56px;}
.hero-banner-bottom{padding-top:20px;}
.inside-banner-video .hero-banner-text-wrape{z-index:1;}
.technology-services-section{padding-top:60px;}
.technology-shape{max-width:300px;top:-5%;}
.technology-services-block{padding:20px;}
.technology-services-block h4{margin-top:15px;}
.technology-services-block h4::before{top:2px;}
.start-adventure--dark .start-adventure-block{padding:32px;}
.services-block-section{padding:60px 0 4px 0;}
.services-block-item{margin-bottom:50px;min-height:auto;}
.services-block-data{padding:32px;}
.services-block-data-text h3,.services-block-left .services-block-data-text h3{margin-bottom:15px;}
.services-block-data-text p,.services-block-left .services-block-data-text p{margin-bottom:20px;}
.services-block-list ul,.services-block-left .services-block-list ul{margin-bottom:20px;}
.services-block-list ul li{width:100%;margin-bottom:0px;}
.services-block-list li a{font-size:16px;}
.services-block-list li a::before{top:5px;}
.services-block-left .services-block-data-text,.services-block-data-text{max-width:100%;}
.hiring-process--section-dark .hiring-process-block h4{margin-bottom:16px;}
.industries-section{padding-top:60px;}
.industries-block img{height:180px;}
.industries-bottom-text{padding:30px 0 60px 0;}
.services-client-feedback{padding-bottom:1px;}
.services-client-feedback .client-feedback-block h6{font-size:16px;line-height:24px;}
.service-logo-slider-section{padding-bottom:50px;}
}
@media (min-width:320px) and (max-width:767px){
.servicess-details-main svg.services-shape{display:none;}
.servicess-details-main .normal-line{margin:40px 0;}
.srvices-details-banner-desc{margin:30px auto 50px;}
.ai-banner-redesign .srvices-details-banner-desc p{line-height:1.3;}
.ai-banner-redesign .srvices-details-banner-desc .btn.btn-primary{font-size:16px;}
.ai-banner-redesign .ai-banner-visual-row{flex-direction:column;}
.ai-banner-redesign .ai-banner-visual,.ai-banner-redesign .ai-banner-visual-2{flex:1 1 auto;}
.ai-banner-redesign .ai-banner-smoke{display:none;}
.page-template-tpl-service-main .hero-banner-wrape{padding-bottom:10px;}
.start-adventure-dark.start-adventure--dark.service-adventure-sec .start-adventure-block h2{font-size:35px;line-height:40px;letter-spacing:-0.56px;}
.hero-banner-text-wrape{margin-bottom:20px;}
.hero-banner-bottom{padding:16px 0 0 0;}
.inside-banner-video .hero-banner-text-wrape{margin-bottom:0;}
.technology-services-section{padding-top:50px;}
.technology-services-parent .title-small{margin-bottom:30px;}
.technology-shape{max-width:200px;top:0;}
.technology-services-data{margin-bottom:30px;}
.technology-services-block{padding:20px;}
.technology-services-block h4{margin-top:16px;}
.technology-services-block h4::before{top:1px;}
.technology-services-parent .mobile-btn{display:table;margin:0 auto;}
.start-adventure--dark .start-adventure-block{padding:20px;}
.services-block-section{padding:50px 0 4px 0;}
.services-block-data{padding:20px;}
.services-block-item{margin-bottom:50px;min-height:500px;}
.services-block-data-text h3,.services-block-left .services-block-data-text h3{margin-bottom:15px;}
.services-block-data-text p,.services-block-left .services-block-data-text p{margin-bottom:20px;}
.services-block-list ul,.services-block-left .services-block-list ul{margin-bottom:20px;}
.services-block-list ul li{width:100%;margin-bottom:10px;}
.services-block-list li a{font-size:18px;}
.services-block-list li a::before{top:5px;}
.product-block .services-img{top:0;}
.quality-section{padding:50px 0 0 0;}
.quality-data{padding-bottom:30px;}
.quality-data h3{margin-bottom:30px;}
.hiring-process--section-dark .section-title-data{margin-bottom:20px;}
.hiring-process--section-dark .hiring-process-parent{padding-bottom:20px;}
.hiring-process--section-dark .hiring-process-block h4{margin-bottom:16px;}
.industries-section{padding:50px 0 0 0;}
.industries-title{margin-bottom:30px;}
.industries-block img{height:130px;}
.industries-block-text{padding:16px;}
.industries-bottom-text{padding:30px 0 50px 0;}
.industries-shape-img{bottom:-40%;width:160px;}
.services-client-feedback .client-feedback-block h6{font-size:16px;line-height:24px;}
.service-logo-slider-section{padding-bottom:50px;}
}
@media (min-width:576px) and (max-width:767px){
.services-block-list ul li{width:50%;}
}
@media (max-width:575px){
.page-template-tpl-service-main .hero-banner-text h1{font-size:25px;line-height:30px;}
}
@media (max-width:479px){
.services-block-data-text .btn.btn-primary span{width:160px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
}
@media (max-width:399px){
.page-template-tpl-service-main .hero-banner-text h1{font-size:21px;line-height:25px;}
}

/* Preserve shared CTA breakpoint spacing after moving its base styles. */
@media (min-width:992px) and (max-width:1199px){
.start-adventure--dark{padding:80px 0;}
}
@media (min-width:768px) and (max-width:991px){
.start-adventure--dark{padding:60px 0;}
}
@media (min-width:320px) and (max-width:767px){
.start-adventure--dark{padding:50px 0;}
}



/* ── Global resets (all service pages) ── */
html:where(:has(.servicess-details-main)){
    overflow-x: hidden;
}
/* common-section */
.ai-detail-redesign{--svc-orange:#FF5B2E;--svc-orange-soft:#FCF5E8;--svc-dark:#121212;--svc-ink:#1E1E1E;--svc-gray-80:#252525;--svc-gray-60:#5E5E5E;--svc-gray-50:#797979;--svc-gray-20:#D7D7D7;--svc-gray-10:#F2F2F2;--svc-bg:#F8F8F8;}
.ai-detail-redesign .svcd-section{background:#fff;}
.ai-detail-redesign .svcd-section-alt{background:var(--svc-bg);}
.ai-detail-redesign .svcd-heading{font-family:"Roboto",sans-serif;font-weight:600;font-size:clamp(28px,2.9vw,52px);line-height:120%;color:var(--svc-dark);margin:0 0 16px 0;}
.ai-detail-redesign .svcd-sub{font-family:"DM Sans",sans-serif;font-size:clamp(14px,1.3vw,18px);line-height:clamp(20px,1.9vw,26px);color:var(--svc-gray-50);max-width:1010px;font-weight:400; margin: 0 auto; text-align: center;}
.ai-detail-redesign .svcd-head-row{display:flex;align-items:flex-end;justify-content:space-between;gap:clamp(16px,2vw,24px);margin-bottom:clamp(32px,4vw,56px);flex-wrap:wrap;}
.ai-detail-redesign h1,.ai-detail-redesign h2,.ai-detail-redesign h3,.ai-detail-redesign h4,.ai-detail-redesign p,.ai-detail-redesign li{overflow-wrap:break-word;word-break:break-word;}
.ai-detail-redesign .svcd-center>.svcd-heading,.ai-detail-redesign .svcd-center>.svcd-sub{text-align:center;margin-left:auto;margin-right:auto;}
.ai-detail-redesign .common_paddding_100{padding:100px 0;}
.ai-detail-redesign .common_padding_bottom{padding-bottom:150px;}

/* ── AI Banner (Artificial Intelligence page hero) ── */
.service-top-space{padding:clamp(100px,7vw,140px) 0 clamp(50px,6vw,100px) 0;}
.artificial-intelligence-top h1 b{font-weight:400;color:#aeaeae;font-size:clamp(16px,1.5vw,24px);font-style:normal;line-height:normal;display:block;letter-spacing:normal;}
.artificial-intelligence-top h1 br{display:none;}
.artificial-intelligence-top .title{margin-bottom:clamp(16px,2.5vw,40px);}
.artificial-details-main{background-image: url(../images/common/banner-bg.webp);    background-size: cover; background-position: center; background-repeat: no-repeat;}
.srvices-details-banner-desc p{color:#121212;font-weight:400;margin-bottom:clamp(24px,2vw,32px);}
.ai-banner-redesign .ai-banner-badge {display: inline-flex;align-items: center;gap: 8px;padding: clamp(0px, calc(22px - 2.23vw), 5px) clamp(0px, calc(66px - 6.7vw), 15px);margin-bottom: clamp(11px, calc(44px - 2.4vw), 5px);border-radius: 29px;}
.ai-banner-redesign .ai-banner-badge-dot{width:6px;height:6px;flex-shrink:0;}
.ai-banner-redesign .ai-banner-badge span{font-family:'DM Sans',sans-serif;font-weight:500;font-size:clamp(14px,1.4vw,20px);line-height:normal;background:linear-gradient(127deg,#FF5B2E 7.25%,#F5E12D 127%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;}
.ai-banner-redesign .title{margin-bottom:clamp(14px,1vw,40px);}
.ai-banner-redesign h1 .ai-banner-title-strong{font-weight:600;}
.ai-banner-redesign .srvices-details-banner-desc{width:100%;margin:0 auto clamp(40px,5.6vw,72px) auto;max-width: clamp(320px,90vw,1340px);}
.ai-banner-redesign .srvices-details-banner-desc p{color:#949494;font-family:'DM Sans',sans-serif;font-weight:400;font-size: clamp(14px, 1.2vw, 20px);line-height:normal;width: 100%;margin: 0 auto clamp(16px,1vw,40px);}
.ai-banner-redesign .srvices-details-banner-desc .btn.btn-primary{display:inline-flex;align-items:center;gap:clamp(12px,1vw,16px);padding:clamp(6px,0.5vw,8px) clamp(6px,0.5vw,8px) clamp(6px,0.5vw,8px) clamp(24px,2vw,32px);font-family:'DM Sans',sans-serif;font-weight:700;box-shadow:0px 14px 54px 0px rgba(255,91,46,0.2);}
.ai-banner-redesign .srvices-details-banner-desc .btn.btn-primary:hover,.ai-banner-redesign .srvices-details-banner-desc .btn.btn-primary:focus{box-shadow:0px 14px 54px 0px rgba(255,91,46,0.32);}
/* .ai-banner-redesign .services-inner-top-banner{padding: 0 clamp(0px,calc(10vw - 60px),60px);overflow:visible;} */
/* .ai-banner-redesign .ai-banner-visual-row{display:flex;align-items:stretch;gap:clamp(12px,0.9vw,14px);position:relative;z-index:1;} */
/* .ai-banner-redesign .ai-banner-visual{flex:1 1 0;border-radius:clamp(16px,1.9vw,30px);} */
/* .ai-banner-redesign .ai-banner-visual-2{flex:1.68 1 0;} */
/* .ai-banner-redesign .ai-banner-visual img{width:100%;height:100%;display:block;} */
/* .ai-banner-redesign .ai-banner-smoke-right{right:clamp(-90px,-5.6vw,0px);} */
.srvices-details-banner-desc .banner-cta-wrap .cta-btn {font-weight: 400;}
.servicess-details-main{background-color:#fff;color:#121212;}
.services-inner-top-banner{position:relative;overflow:hidden;}
.services-inner-top-banner > img{margin:0 auto;}
.services-inner-top-banner .ai-banner-visual-row {
    display: flex;
    align-items: center;
    gap: 20px;
    justify-content: center;
}

/* Expertise */
.ai-detail-redesign .svcd-expertise .svcd-heading{text-align:center;}
.ai-detail-redesign .svcd-expertise-grid{display:grid;grid-template-columns:1fr 1fr;column-gap:clamp(40px,5.5vw,80px);margin-top:clamp(36px,4vw,58px);}
.ai-detail-redesign .svcd-expertise-item{position:relative;display:flex;align-items:flex-start;gap:clamp(16px,1.8vw,24px);padding-bottom:clamp(16px,2vw,30px);}
.ai-detail-redesign .svcd-expertise-item:not(:last-child)::after{content:"";
position: absolute;left: clamp(12px, 1.3vw, 29px);bottom: clamp(12px, 1.3vw, 29px);width: 0;height: clamp(40px, 6vw, 65px);border-left: 1px dashed var(--svc-gray-20);}
.ai-detail-redesign .svcd-expertise-num{font-family:"DM Sans",sans-serif;font-weight:700;font-size:clamp(24px,2.4vw,32px);color:var(--svc-gray-20);line-height:1;flex-shrink:0;width:clamp(36px,3.2vw,44px);}
.ai-detail-redesign .svcd-expertise-body{flex: 1;display: flex;align-items: start;justify-content: space-between;border-bottom: 1px solid #D7D7D7;padding-bottom: clamp(14px, 1.8vw, 20px);min-height: 105px;}
.ai-detail-redesign .svcd-expertise-body h3,.ai-detail-redesign .svcd-expertise-body p{min-width:0;}
.ai-detail-redesign .svcd-expertise-body h3{font-family:"DM Sans",sans-serif;font-weight:600;font-size:clamp(19px,1.8vw,24px);color:var(--svc-ink);margin:0 0 clamp(8px,1vw,12px) 0;line-height:normal;}
.ai-detail-redesign .svcd-expertise-body p{font-family:"DM Sans",sans-serif;font-weight:400;font-size:clamp(14px,1.1vw,16px);color:var(--svc-gray-60);line-height:1.3;margin:0; width: 100%; max-width: 510px;}
.ai-detail-redesign .svcd-expertise-icon{width:clamp(44px,3.6vw,52px);height:clamp(44px,3.6vw,52px);border-radius:50%;background:var(--svc-orange);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.ai-detail-redesign .svcd-expertise-icon img{width:clamp(21px,1.8vw,26px);height:clamp(21px,1.8vw,26px);display:block;}

/* Artificial Intelligence capability card */
.ai-detail-redesign .svcd-capabilities-card{background:#fff;border-radius:clamp(16px,1.8vw,20px);box-shadow:0 24px 64px rgba(0,0,0,0.03);padding:clamp(20px,4.5vw,66px);display:flex;align-items:center;gap:clamp(24px,5vw,80px);flex-wrap:wrap;}
.ai-detail-redesign .svcd-capabilities-text{flex:1 1 400px;max-width:570px;min-width:0;}
.ai-detail-redesign .svcd-capabilities-text h2{font-family:"Roboto",sans-serif;font-weight:700;font-size:clamp(28px,3.4vw,52px);color:var(--svc-dark);margin:0 0 clamp(16px,3vw,41px) 0;line-height:1.2;}
.ai-detail-redesign .svcd-capabilities-text p{font-family:"DM Sans",sans-serif;font-size:clamp(14px,1.3vw,18px);line-height:clamp(20px,1.9vw,26px);color:var(--svc-gray-50);margin:0 0 clamp(16px,3vw,41px) 0; font-weight: 400;}
.ai-detail-redesign .svcd-tools-grid{flex:1 1 400px;border:1px solid var(--svc-gray-10);border-radius:clamp(12px,1.4vw,16px);overflow:hidden;display:grid;grid-template-columns:repeat(3,1fr);}
.ai-detail-redesign .svcd-tool-tile{position:relative;aspect-ratio:1/1;background:#fff;border:0.6px solid var(--svc-gray-10);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:clamp(14px,2vw,22px);overflow:hidden;transition:padding .35s cubic-bezier(.4,0,.2,1);}
.ai-detail-redesign .svcd-tool-tile img{width:100%;height:100%;object-fit:contain;max-width: clamp(56px,7vw,85px);transition:transform .35s cubic-bezier(.4,0,.2,1);}
.ai-detail-redesign .svcd-tool-tile:hover img{transform:translateY(-8px) scale(.8);}
.ai-detail-redesign .svcd-tool-name{display:block;font-family:"DM Sans",sans-serif;font-size:clamp(11px,1vw,13px);font-weight:600;color:var(--svc-ink);text-align:center;line-height:100%;text-overflow:ellipsis;max-width:100%;opacity:0;max-height:0;transform:translateY(6px);margin-top:0;transition:opacity .35s ease,transform .35s ease,max-height .35s ease,margin-top .35s ease;}
.ai-detail-redesign .svcd-tool-tile:hover .svcd-tool-name{opacity:1;max-height:20px;margin-top:10px;transform:translateY(0);}

/* Development Process */
.ai-detail-redesign .svcd-process .svcd-heading{max-width:950px; margin: 0 auto;text-align: center;}
.ai-detail-redesign .svcd-process .svcd-sub{margin-top:clamp(10px,1vw,16px);margin-bottom:clamp(6px,0.5vw,8px);}
.ai-detail-redesign .svcd-process-track{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(16px,1.5vw,24px);margin-top:clamp(36px,4vw,64px);}
.ai-detail-redesign .svcd-process-step{position:relative;padding-top:clamp(80px,6vw,96px);text-align:center;}
.ai-detail-redesign .svcd-process-num{position:absolute;top:0;left:50%;transform:translateX(-50%);width:clamp(64px,5vw,80px);height:clamp(64px,5vw,80px);border-radius:50%;background:#FCFCFC;border:1px solid var(--svc-gray-20);display:flex;align-items:center;justify-content:center;font-family:"DM Sans",sans-serif;font-weight:700;font-size:clamp(20px,1.6vw,26px);color:var(--svc-orange);z-index:2;}
.ai-detail-redesign .svcd-process-step::after {content: "";
background-image: url('../images/service/process-icon.png');background-repeat: no-repeat;background-size: contain;display: inline-block;
position: absolute;top: clamp(24px, 2.4vw, 35px);right: auto;bottom: 0;left: clamp(140px, 15vw, 230px);width: clamp(120px, 12vw, 208px);}
.ai-detail-redesign .svcd-process-step:last-child::after {display: none;}
.ai-detail-redesign .svcd-process-step:nth-child(4n)::after {display: none;}
.ai-detail-redesign .svcd-process-step h3{font-family:"Roboto",sans-serif;font-weight:700;font-size:clamp(18px,1.8vw,22px);color:var(--svc-dark);margin:clamp(8px,0.8vw,10px) 0 clamp(8px,1vw,12px) 0; line-height: normal;}
.ai-detail-redesign .svcd-process-step p{font-family:"DM Sans",sans-serif;font-size:clamp(14px,1.3vw,16px);line-height:clamp(20px,1.9vw,26px);color:var(--svc-gray-50);margin:0;max-width:300px;margin-inline:auto;}

/* Why NinjaTech */
.ai-detail-redesign .svcd-why .svcd-heading{max-width:650px; margin: 0 auto;text-align: center;}
.ai-detail-redesign .svcd-why .svcd-sub{margin-top:clamp(12px,1.5vw,20px);margin-bottom:clamp(32px,4vw,56px);}
.ai-detail-redesign .svcd-why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(12px,1.2vw,16px);}
.ai-detail-redesign .svcd-why-card{background:#fff;border-radius:clamp(14px,1.8vw,20px);padding:clamp(20px,2.5vw,30px);display:flex;flex-direction:column;gap:clamp(16px,2vw,26px);min-width:0;}
.ai-detail-redesign .svcd-why-card h4,.ai-detail-redesign .svcd-why-card p{min-width:0;}
.ai-detail-redesign .svcd-why-icon{width:clamp(48px,5vw,64px);height:clamp(48px,5vw,64px);border-radius:clamp(8px,1vw,10px);flex-shrink:0;    background-color: #FCF5E8;
display: flex;align-items: center;justify-content: center;}
.ai-detail-redesign .svcd-why-icon svg{width:clamp(28px,3.2vw,46px);height:auto;max-width:46px;max-height:46px;}
.ai-detail-redesign .svcd-why-card h4{font-family:"Roboto",sans-serif;font-weight:700;font-size:clamp(16px,1.6vw,20px);color:var(--svc-dark);margin:0;line-height:normal; height: 100%; }
.ai-detail-redesign .svcd-why-card p{font-family:"DM Sans",sans-serif;font-size:clamp(14px,1.2vw,16px);line-height:1.2;color:var(--svc-gray-60);margin:0;}

/* Explore Projects */
.ai-detail-redesign .svcd-projects-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(16px,2vw,24px);}
.ai-detail-redesign .svcd-project-card{background:#fff;border-radius:clamp(14px,2vw,22px);padding:clamp(8px,1vw,10px);min-width:0;}
.ai-detail-redesign .svcd-project-media{border-radius:clamp(12px,1.8vw,18px);overflow:hidden;aspect-ratio:680/417;}
.ai-detail-redesign .svcd-project-media img{width:100%;height:100%;object-fit:cover;display:block;}
.ai-detail-redesign .svcd-project-body{padding:clamp(10px,1.4vw,14px) clamp(8px,1vw,10px) clamp(4px,0.6vw,6px) clamp(8px,1vw,10px);}
.ai-detail-redesign .svcd-project-body h3{font-family:"Roboto",sans-serif;font-weight:600;font-size:clamp(20px,2vw,26px);color:#000;letter-spacing:-0.65px;margin:0 0 clamp(10px,1.2vw,14px) 0;line-height:1.35;}
.ai-detail-redesign .svcd-project-tags{display:flex;gap:clamp(8px,1.2vw,14px);flex-wrap:wrap;}
.ai-detail-redesign .svcd-project-tags span{background:var(--svc-gray-10);color:var(--svc-gray-80);font-family:"DM Sans",sans-serif;font-size:clamp(12px,1vw,14px);padding:clamp(6px,0.7vw,8px) clamp(12px,1.4vw,16px);border-radius:100px;}

/* Awards & Completed Projects */
.ai-detail-redesign .svcd-awards-wrap{display:flex;align-items:center;gap:clamp(24px,3vw,60px);flex-wrap:wrap;}
.ai-detail-redesign .svcd-awards-text{flex:1 1 380px;max-width:460px;min-width:0;}
.ai-detail-redesign .svcd-awards-text .svcd-heading{margin-bottom:clamp(10px,1.6vw,16px);}
.ai-detail-redesign .svcd-awards-text p{font-family:"DM Sans",sans-serif;font-size:clamp(14px,1.3vw,18px);color:var(--svc-gray-50);margin:0;line-height:clamp(20px,1.9vw,26px);}
.ai-detail-redesign .svcd-awards-stat{margin-top:clamp(20px,3vw,32px);}
.ai-detail-redesign .svcd-awards-stat h3{font-family:"Roboto",sans-serif;font-weight:700;font-size:clamp(40px,5vw,52px);color:var(--svc-dark);margin:0;line-height:1;}
.ai-detail-redesign .svcd-awards-stat h3 span{color:var(--svc-orange);}
.ai-detail-redesign .svcd-awards-stat p{font-family:"DM Sans",sans-serif;font-size:clamp(14px,1.3vw,18px);color:var(--svc-gray-50);margin-top:clamp(2px,0.4vw,4px);}
.ai-detail-redesign .svcd-awards-badges{flex:1 1 480px;background:var(--svc-bg);border-radius:clamp(12px,1.6vw,16px);padding:clamp(24px,3vw,40px);display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(16px,3vw,32px) clamp(16px,2vw,24px);align-items:center;justify-items:center;}
.ai-detail-redesign .svcd-awards-badges img{max-width:100%;max-height:clamp(40px,6vw,60px);object-fit:contain;}

/* Related Services */
.ai-detail-redesign .svcd-related-nav{display:flex;gap:clamp(8px,1vw,12px);}
.ai-detail-redesign .svcd-related-nav button{width:clamp(36px,4vw,48px);height:clamp(36px,4vw,48px);border-radius:50%;background:rgba(255,255,255,0.7);border:1px solid var(--svc-gray-10);box-shadow:0 6px 16px rgba(0,0,0,0.02);display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;}
.ai-detail-redesign .svcd-related-nav button img{width:clamp(16px,1.6vw,20px);height:clamp(16px,1.6vw,20px);}
.ai-detail-redesign .svcd-related-nav button.is-prev img{transform:rotate(180deg);}
.ai-detail-redesign .svcd-related-nav button.swiper-button-disabled{opacity:0.35;cursor:not-allowed;}
.ai-detail-redesign .svcd-related-slider{overflow:hidden;}
.ai-detail-redesign .svcd-related-slider .swiper-wrapper{align-items:stretch;}
.ai-detail-redesign .svcd-related-slider .swiper-slide{height:auto;}
.ai-detail-redesign .svcd-related-card{background:var(--svc-bg);border:1px solid var(--svc-gray-20);border-radius:clamp(14px,1.8vw,20px);padding:clamp(24px,3vw,40px);min-width:0;height:100%;}
.ai-detail-redesign .svcd-related-card h3{font-family:"Roboto",sans-serif;font-weight:500;font-size:clamp(22px,2.4vw,30px);color:var(--svc-ink);margin:0 0 clamp(12px,1.4vw,18px) 0;}
.ai-detail-redesign .svcd-related-card>p{font-family:"DM Sans",sans-serif;font-size:clamp(14px,1.3vw,18px);color:var(--svc-dark);margin:0 0 clamp(20px,2.4vw,30px) 0;line-height:1.35;}
.ai-detail-redesign .svcd-related-checklist{background:#fff;border-radius:clamp(14px,1.8vw,20px);padding:clamp(14px,1.6vw,20px);display:grid;grid-template-columns:1fr 1fr;gap:clamp(8px,0.8vw,10px) clamp(16px,2vw,24px);margin:0 0 clamp(20px,2.5vw,32px) 0;}
.ai-detail-redesign .svcd-related-checklist li{list-style:none;display:flex;align-items:center;gap:clamp(8px,0.8vw,10px);font-family:"DM Sans",sans-serif;font-size:clamp(14px,1.2vw,16px);color:var(--svc-dark);}
.ai-detail-redesign .svcd-related-checklist img{width:clamp(16px,1.6vw,20px);height:clamp(16px,1.6vw,20px);flex-shrink:0;}

/* Scoped override: show one related service per slide (left content / right image), per Figma */
.ai-detail-redesign .svcd-related-card{display:flex;align-items:stretch;gap:clamp(16px,2vw,24px);background:transparent;border:0;border-radius:0;padding:0;}
.ai-detail-redesign .svcd-project-left-content{flex:1 1 0;min-width:0;background:var(--svc-bg);border:1px solid var(--svc-gray-20);border-radius:clamp(14px,1.8vw,20px);padding:clamp(16px,3vw,40px);}
.ai-detail-redesign .svcd-project-left-content>p{font-family:"DM Sans",sans-serif;font-size:clamp(14px,1.3vw,18px);color:var(--svc-dark);margin:0 0 clamp(20px,2.4vw,30px) 0;line-height:1.35;}
.ai-detail-redesign .svcd-project-right-img{flex:1 1 0;min-width:0;border-radius:clamp(14px,1.8vw,20px);overflow:hidden;position:relative;}
.ai-detail-redesign .svcd-project-right-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;}
:where(.servicess-details-main) .client-feedback-section  .title{margin-bottom: clamp(32px, 4vw, 56px);}
:where(.servicess-details-main) .client-feedback-section .svcd-heading {margin: 0 0 0 0;}

/* ── Responsive: one consolidated block per breakpoint, largest → smallest (previously duplicated across the file) ── */
@media(max-width:1600px){
.ai-detail-redesign .common_padding_bottom{padding-bottom:100px;}
.ai-detail-redesign .svcd-process-step::after{left: clamp(140px, 15vw, 230px);width: clamp(120px, 11vw, 208px);}
}
@media(max-width:1220px){
.ai-detail-redesign .svcd-capabilities-text{text-align:center;}
}
/* Center the leftover last two cards — only valid while svcd-why-grid is actually 4 columns (min-width:1200px); it switches to 3 columns below that, so this must not be inside a max-width:1200px block */
@media(min-width:1200px){
.ai-detail-redesign .svcd-why-grid>:nth-last-child(2):nth-child(4n+1){grid-column:2/3;}
.ai-detail-redesign .svcd-why-grid>:nth-last-child(2):nth-child(4n+1)~*{grid-column:3/4;}
}
@media(max-width:1200px){
.ai-detail-redesign .common_paddding_100{padding:80px 0;}
.ai-detail-redesign .common_padding_bottom{padding-bottom:80px;}
.ai-detail-redesign .svcd-capabilities-text{max-width:100%;flex:auto;}
.ai-detail-redesign .svcd-tool-tile{aspect-ratio: 2 / 1;}
.ai-detail-redesign .svcd-process-step::after{left: clamp(140px, 16vw, 230px);width: clamp(120px, 10vw, 208px);}
.ai-detail-redesign .svcd-why-grid{grid-template-columns:repeat(3,1fr);}
}
@media(max-width:992px){
.ai-detail-redesign .svcd-head-row{align-items:center;text-align:center;justify-content: center;}
.ai-detail-redesign .svcd-related .svcd-head-row{justify-content: space-between;}
.ai-detail-redesign .common_paddding_100{padding:60px 0;}
.ai-detail-redesign .common_padding_bottom{padding-bottom:60px;}
.ai-detail-redesign .svcd-project-right-img{display:none;}
.ai-detail-redesign .svcd-expertise-item:not(:last-child)::after{display:none;}
.ai-detail-redesign .svcd-expertise-body{min-height: auto;}
}
@media(max-width:991px){
.ai-detail-redesign .svcd-why-grid{grid-template-columns:repeat(2,1fr);}
.ai-detail-redesign .svcd-awards-wrap{flex-direction:column;align-items:stretch;}
.ai-detail-redesign .svcd-awards-text{max-width:100%;flex:auto;text-align:center;}
.ai-detail-redesign .svcd-awards-badges{flex:auto;}
.ai-detail-redesign .svcd-expertise-grid{grid-template-columns:1fr;}
.ai-detail-redesign .svcd-process-track{grid-template-columns:1fr 1fr;row-gap:clamp(32px,4vw,48px);}
.ai-detail-redesign .svcd-process-step::after{display:none!important;}
/* .ai-banner-visual-row .ai-banner-visual {width: 100%;} */
/* .ai-banner-visual-row .ai-banner-visual img {width: 100%;} */
}
@media(max-width:768px){
.ai-detail-redesign .common_paddding_100{padding:40px 0;}
.ai-detail-redesign .common_padding_bottom{padding-bottom:40px;}
.ai-detail-redesign .svcd-tools-grid{flex:auto;width:100%;}
.ai-detail-redesign .svcd-tool-tile{aspect-ratio: 1 / 1;}
.ai-banner-visual-row .ai-banner-visual img.ai-ban-inner-ser {display: none;}
}
@media(max-width:767px){
.ai-detail-redesign .svcd-projects-grid{grid-template-columns:1fr;max-width:480px;margin:0 auto;}
.ai-detail-redesign .svcd-related-checklist{grid-template-columns:1fr;}
.ai-detail-redesign .svcd-related-card{flex-direction:column;}
.ai-detail-redesign .svcd-capabilities-card{flex-direction:column;}
.ai-detail-redesign .svcd-capabilities-text{max-width:100%;flex:auto;}
}
@media(max-width:576px){
:where(.servicess-details-main) .slide-arrow-next{left: auto;right: 30%;bottom: 0;top: 100%;}
:where(.servicess-details-main) .slide-arrow-prev{left: 30%;right: 30%;bottom: 0;top: 100%;}
}
@media(max-width:575px){
.ai-detail-redesign .svcd-why-grid{grid-template-columns:1fr;}
.ai-detail-redesign .svcd-awards-badges{grid-template-columns:repeat(3,1fr);}
.ai-detail-redesign .svcd-expertise-body{min-height:0;}
.ai-detail-redesign .svcd-process-track{grid-template-columns:1fr;}
}