.services-import { background: #171936; color: #fff; }
.services-import .breadcrumb-section { background-position: center; background-size: cover; }
.services-import .breadcrumb-section h1 { color: #fff; }
.services-import .service-showcase { --stack-top: 110px; padding-bottom: 80px; scroll-margin-top: 100px; }
.services-import .service-intro { display: grid; grid-template-columns: 36% 1fr; gap: 24px; padding: 80px 3vw 64px; border-bottom: 1px solid #262626; }
.services-import .service-eyebrow { justify-self: start; align-self: start; border: 1px solid #333; padding: 7px 20px; border-radius: 40px; font-size: 16px; color: #a6a6a6; }
.services-import .service-intro h2 { color: #fff; font-size: clamp(30px, 3.2vw, 60px); line-height: 1.23; font-weight: 500; letter-spacing: -.035em; margin: 0; max-width: 1150px; }
.services-import .service-stage { display: grid; grid-template-columns: 36% minmax(0, 1fr); gap: 24px; padding: 0 3vw; align-items: start; }
.services-import .service-art { position: sticky; top: 180px; padding: 65px 0; }
.services-import .service-sculpture { position: relative; width: min(90%, 410px); aspect-ratio: 1; perspective: 700px; }
.services-import .sculpture-ring { position: absolute; inset: 12%; border: 32px solid transparent; border-radius: 45%; background: linear-gradient(140deg,#dce5ef,#323947 22%,#f8b331 38%,#e5e9ec 46%,#12151e 66%,#a9baca 80%,#24275f) border-box; mask: linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0); mask-composite: exclude; box-shadow: 0 18px 50px #0008; }
.services-import .ring-one { transform: rotate(-32deg) rotateY(48deg); }
.services-import .ring-two { transform: rotate(36deg) rotateX(50deg); }
.services-import .ring-three { transform: rotate(95deg) rotateY(58deg); }
.services-import .sculpture-core { position: absolute; inset: 34%; display: grid; place-items: center; border-radius: 50%; background: radial-gradient(circle at 30% 20%,#d3d9e8,#4b4e6f 40%,#10111d 76%); box-shadow: 0 15px 50px #0008; }
.services-import .sculpture-core img { width: 62%; height: auto; }
.services-import .art-caption { display: block; margin-top: 25px; color: #777; font-size: 11px; letter-spacing: .22em; }
.services-import .service-stack { min-width: 0; padding-bottom: 40px; }
.services-import .service-panel { position: sticky; top: calc(var(--stack-top) + var(--card-index) * 68px); z-index: var(--card-layer); display: grid; grid-template-columns: 42px minmax(0,1fr) 31%; gap: 24px; background: #171936; padding: 48px 0 50px; min-height: 490px; border-top: 1px dashed #343434; }
.services-import .service-panel:first-child { border-top-color: transparent; }
.services-import .service-number { color: #fff; font-size: clamp(28px,2.4vw,45px); line-height: 1.15; }
.services-import .service-copy h2 { margin: 0 0 26px; font-size: clamp(25px,2.35vw,44px); font-weight: 500; line-height: 1.18; letter-spacing: -.025em; }
.services-import .service-copy h2 a { color: #fff; }
.services-import .service-copy h2 a:hover { color: #f8b331; }
.services-import .service-tags { display: flex; flex-wrap: wrap; gap: 10px 8px; padding: 0; margin: 0 0 32px; list-style: none; }
.services-import .service-tags li { padding: 6px 14px; background: #202020; border-radius: 25px; color: #aaa; font-size: 14px; line-height: 1.5; }
.services-import .service-tags li { padding: 0; }
.services-import .service-tags li a { display: block; padding: 6px 14px; border-radius: inherit; color: #bbb; transition: background .2s, color .2s; }
.services-import .service-tags li a:hover { background: #f8b331; color: #050505; }
.services-import .service-detail-link { display: inline-flex; align-items: center; gap: 8px; color: #fff; font-size: 14px; }
.services-import .service-detail-link > span:first-child { background: #202020; padding: 12px 23px; border-radius: 30px; }
.services-import .detail-arrow { display: grid; place-items: center; width: 44px; height: 44px; border-radius: 50%; background: #202020; font-size: 22px; transition: background .2s,color .2s; }
.services-import .service-detail-link:hover .detail-arrow { background: #f8b331; color: #050505; }
.services-import .service-preview { display: block; align-self: start; overflow: hidden; border-radius: 12px; background: #202020; }
.services-import .service-preview img { width: 100%; height: 320px; object-fit: cover; display: block; transition: transform .5s; }
.services-import .service-preview:hover img { transform: scale(1.04); }
.services-import a:focus-visible { outline: 2px solid #f8b331; outline-offset: 5px; }
.services-import .services-closing { position: relative; z-index: 20; background: #171936; margin: 0 3vw; padding: 65px 0 0; border-top: 1px solid #333; display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.services-import .services-closing > span { color: #aaa; }
.services-import .services-closing a { color: #fff; font-size: clamp(22px,3vw,40px); }
.services-import .services-closing a span { color: #f8b331; }
.services-import .service-empty { padding: 60px 0; color: #aaa; }
.services-import .service-empty a { color: #f8b331; }
@media(min-width: 992px) and (max-height: 850px) { .services-import .service-panel { padding-top: 30px; min-height: 420px; top: calc(100px + var(--card-index) * 55px); } .services-import .service-preview img { height: 280px; } }
@media(max-width: 1199px) { .services-import .service-intro,.services-import .service-stage { grid-template-columns: 26% minmax(0,1fr); } .services-import .service-panel { gap: 16px; grid-template-columns: 30px minmax(0,1fr) 29%; } .services-import .sculpture-ring { border-width: 22px; } }
@media(max-width: 991px) { .services-import .service-intro { grid-template-columns: 1fr; padding: 55px 5vw 40px; } .services-import .service-stage { display: block; padding: 0 5vw; } .services-import .service-art { display: none; } .services-import .service-panel { position: relative; top: auto; min-height: 0; padding: 35px 0; grid-template-columns: 30px minmax(0,1fr) 30%; } .services-import .service-preview img { height: 240px; } .services-import .services-closing { margin-inline: 5vw; flex-direction: column; align-items: flex-start; } }
@media(max-width: 575px) { .services-import .service-panel { grid-template-columns: 26px minmax(0,1fr); gap: 15px; } .services-import .service-preview { grid-column: 2; width: 100%; } .services-import .service-preview img { height: 210px; } .services-import .service-tags li { font-size: 12px; padding: 5px 11px; } .services-import .service-copy h2 { font-size: 27px; } .services-import .service-showcase { padding-bottom: 55px; } }
@media(prefers-reduced-motion: reduce) { .services-import .service-panel { position: relative; top: auto; } .services-import .service-preview img,.services-import .detail-arrow { transition: none; } }

/* Brand blue atmosphere with lightweight SVG motion behind the service content. */
.services-import .service-showcase { position: relative; isolation: isolate; background: radial-gradient(ellipse at 10% 15%, #343875 0, transparent 48%), #171936; }
.services-import .service-showcase > .service-particles { height: 800px; max-height: 100%; }
.services-import .service-particles { position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; z-index: 0; opacity: .65; border-radius: inherit; }
.services-import .service-intro, .services-import .service-stage { position: relative; z-index: 1; }
.services-import .service-panel { isolation: isolate; background: linear-gradient(120deg, #24275f, #171936 75%); border-top-color: #939bdd40; }
.services-import .service-panel > :not(.service-particles) { position: relative; z-index: 1; }
.services-import .service-intro { border-bottom-color: #939bdd30; }
.services-import .service-eyebrow { color: #e0e2f5; border-color: #959bdd50; background: #24275f80; }
.services-import .service-tags li { background: #ffffff10; border: 1px solid #ffffff12; }
.services-import .service-tags li a { color: #d8dbf1; }
.services-import .service-detail-link > span:first-child, .services-import .detail-arrow { background: #ffffff12; }
.services-import .services-closing { border-top-color: #939bdd40; background: transparent; }
.services-import .services-closing > span, .services-import .art-caption { color: #b6bddb; }
.services-import .particle-links { opacity: .17; }
.services-import .service-particle { animation: service-particle-drift var(--duration) ease-in-out var(--delay) infinite alternate; }
.services-import .particle-spark { opacity: .4; animation: service-spark-glow 6s ease-in-out infinite alternate; }
@keyframes service-particle-drift { from { transform: translate(0, 0); opacity: .25; } to { transform: translate(var(--drift-x), var(--drift-y)); opacity: .9; } }
@keyframes service-spark-glow { from { opacity: .15; } to { opacity: .6; } }
@media(max-width: 575px) { .services-import .service-particles { opacity: .4; } }
@media(prefers-reduced-motion: reduce) { .services-import .service-particle, .services-import .particle-spark { animation: none; } }
.services-import .services-feedback-wrap { background: #f7f8fc; color: #24275f; padding-top: 80px; padding-bottom: 1px; }
.services-import .services-feedback-wrap h2, .services-import .services-feedback-wrap h6 { color: #24275f; }
.services-import .reference-testimonials .section-title p { color: #59677b; }
.services-import .reference-testimonials .testimonial-card3.style-2 p { color: #38435c; }
.services-import .services-faq { padding-top: 20px; }
.services-import .services-faq-group + .services-faq-group { margin-top: 65px; }
.services-import .services-faq .verticle-text h2 { color: #24275f; font-size: clamp(32px,4vw,58px); }
.services-import .services-faq .faq-content, .services-import .services-faq .accordion, .services-import .services-faq .accordion-item, .services-import .services-faq .accordion-body { background: transparent; }
.services-import .services-faq .accordion-item { border-color: #dcdff0; }
.services-import .services-faq .accordion-button { color: #24275f; background: transparent; font-size: 18px; line-height: 1.5; }
.services-import .services-faq .accordion-button:not(.collapsed) { background: transparent; color: #24275f; box-shadow: inset 3px 0 #f8b331; }
.services-import .services-faq .accordion-button:focus-visible { outline: 2px solid #f8b331; outline-offset: -2px; }
.services-import .services-faq .accordion-body { color: #59677b; font-size: 16px; line-height: 1.8; }
@media(max-width: 575px) { .services-import .services-feedback-wrap { padding-top: 55px; } .services-import .services-faq .accordion-button { font-size: 16px; } }

        .home1-testimonial-section .testimonial-card3.style-2 p { font-size:22px; line-height:1.7; }

        .reference-testimonials .review-spark { color:#a7b2bf; font-size:20px; }
        .reference-testimonials .review-platforms { display:flex; gap:28px; margin-top:44px; flex-wrap:wrap; }
        .reference-testimonials .review-platform { display:grid; gap:8px; padding-right:28px; }
        .reference-testimonials .review-platform + .review-platform { border-left:1px solid #c5cddd; padding-left:28px; }
        .reference-testimonials .review-platform > span { color:#4d5c70; font-size:14px; }
        .reference-testimonials .review-platform img { width:82px; height:28px; object-fit:contain; object-position:left; }
        .reference-testimonials .testimonial-card3.style-2 { background:#fff; border-radius:14px; }
        .reference-testimonials .author-area { display:flex; align-items:center; gap:14px; }
        .reference-testimonials .review-avatar { width:58px; height:58px; border-radius:50%; display:grid; place-items:center; flex-shrink:0; background:#edf0fa; color:#24275f; font-size:19px; font-weight:700; }
        .reference-testimonials .review-company-logo { max-width:150px; margin-left:auto; position:relative; z-index:1; }
        .reference-testimonials .review-company-logo img { width:145px; height:64px; object-fit:contain; }
        .reference-testimonials .review-company-logo > span { display:block; color:#24275f; font-size:18px; font-weight:800; text-align:right; line-height:1.3; }
        .reference-testimonials .author-area { position:relative; z-index:1; }
        @media(max-width:575px) {
            .reference-testimonials .review-platforms { gap:16px; margin-top:28px; }
            .reference-testimonials .review-platform { padding-right:0; }
            .reference-testimonials .review-platform + .review-platform { padding-left:16px; }
            .reference-testimonials .review-company-logo { margin-left:72px; }
        }

        .reference-testimonials .review-platforms-rated { flex-wrap:wrap; gap:24px; }
        .reference-testimonials .review-platforms-rated .review-platform { display:grid; gap:6px; padding-right:0; }
        .review-platform-top,.review-platform-bottom { display:flex; align-items:center; gap:12px; }
        .review-platform-top > span:first-child,.review-platform-bottom > span { color:#43536a; font-size:16px; white-space:nowrap; }
        .review-platform-stars { display:inline-flex; align-items:center; gap:4px; font-size:15px; color:#ef2917; }
        .review-platform-google .review-platform-stars { color:#ffb800; }
        .review-rating-example { display:block; color:#59677b; font-size:11px; margin-top:12px; }
        @media(max-width:575px) {
            .reference-testimonials .review-platforms-rated { gap:18px; }
            .reference-testimonials .review-platforms-rated .review-platform + .review-platform { padding-left:18px; }
            .review-platform-top,.review-platform-bottom { gap:8px; }
            .review-platform-top > span:first-child,.review-platform-bottom > span { font-size:14px; }
            .review-platform-stars { gap:2px; font-size:12px; }
        }
.services-import .service-tags .service-tag-label { display:block; padding:6px 14px; color:#d8dbf1; }