/* Homepage: circular "Services We Provide" chart */
.svc-orbit-sec{background:radial-gradient(900px 520px at 50% 58%,rgba(21,101,192,.06),transparent 70%),#fff}
.svc-orbit{display:grid;grid-template-columns:minmax(0,1fr) 330px minmax(0,1fr);column-gap:26px;align-items:center;margin-top:12px}
.svc-col,.svc-bottom{list-style:none;margin:0;padding:0;display:grid;gap:18px}
.svc-bottom{grid-column:1/-1;justify-items:center;margin-top:6px}
.svc-bottom .svc-node{max-width:420px}

.svc-node{--c:#1565c0;display:flex;align-items:center;gap:16px;padding:14px 20px 14px 16px;background:#fff;border:1px solid #e6ebee;border-radius:22px;box-shadow:0 10px 28px rgba(7,29,59,.07);transition:transform .25s,box-shadow .25s}
.svc-node:hover{box-shadow:0 16px 36px rgba(7,29,59,.13)}
.svc-node img{flex:0 0 78px;width:78px;height:78px;border-radius:50%;box-shadow:0 0 0 4px #fff,0 0 0 6px var(--c)}
.svc-node h3{margin:0 0 4px;font-family:var(--sans,system-ui,sans-serif);font-size:1.05rem;font-weight:800;letter-spacing:0;line-height:1.25;color:var(--c)}
.svc-node p{margin:0;font-size:.88rem;line-height:1.5;color:#4b5a6c}

/* Left cards: icon sits on the side facing the ring */
.svc-left .svc-node{flex-direction:row-reverse;text-align:left}
.svc-left .svc-node:nth-child(1),.svc-left .svc-node:nth-child(4){transform:translateX(52px)}
.svc-left .svc-node:nth-child(2),.svc-left .svc-node:nth-child(3){transform:translateX(14px)}
.svc-right .svc-node:nth-child(1),.svc-right .svc-node:nth-child(4){transform:translateX(-52px)}
.svc-right .svc-node:nth-child(2),.svc-right .svc-node:nth-child(3){transform:translateX(-14px)}

/* Hub */
.svc-hub{display:grid;place-items:center}
.svc-ring{width:330px;aspect-ratio:1;border-radius:50%;padding:11px;background:conic-gradient(from 210deg,#1565c0,#1b7a2a,#f2b01e,#e8650a,#5b21b6,#1565c0);box-shadow:0 0 0 24px rgba(21,101,192,.06),0 0 0 50px rgba(27,122,42,.04)}
.svc-core{width:100%;height:100%;border-radius:50%;background:radial-gradient(circle at 50% 40%,#fff,#f4f7fa);display:grid;place-content:center;text-align:center;box-shadow:inset 0 6px 22px rgba(7,29,59,.08)}
.svc-core strong{font-family:var(--serif,Georgia,serif);font-weight:700;font-size:2.7rem;line-height:1;letter-spacing:-.01em;color:#0b1f3a}
.svc-core span{font-family:var(--serif,Georgia,serif);font-size:1.95rem;line-height:1.25;color:#0b1f3a}
.svc-bar{display:block;width:96px;height:4px;margin:16px auto 0;border-radius:4px;background:linear-gradient(90deg,#1565c0 0 25%,#1b7a2a 25% 50%,#f2b01e 50% 75%,#5b21b6 75%)}

.svc-cta{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:40px}

@media(max-width:1100px){
.svc-orbit{grid-template-columns:minmax(0,1fr) 270px minmax(0,1fr);column-gap:18px}
.svc-ring{width:270px}.svc-core strong{font-size:2.2rem}.svc-core span{font-size:1.6rem}
.svc-left .svc-node:nth-child(1),.svc-left .svc-node:nth-child(4){transform:translateX(30px)}
.svc-left .svc-node:nth-child(2),.svc-left .svc-node:nth-child(3){transform:translateX(8px)}
.svc-right .svc-node:nth-child(1),.svc-right .svc-node:nth-child(4){transform:translateX(-30px)}
.svc-right .svc-node:nth-child(2),.svc-right .svc-node:nth-child(3){transform:translateX(-8px)}
.svc-node img{flex-basis:64px;width:64px;height:64px}
.svc-node p{font-size:.84rem}
}
@media(max-width:980px){
.svc-orbit{grid-template-columns:1fr;row-gap:18px}
.svc-hub{order:-1;margin:22px 0 30px}
.svc-ring{width:240px;box-shadow:0 0 0 16px rgba(21,101,192,.06),0 0 0 34px rgba(27,122,42,.04)}
.svc-core strong{font-size:2rem}.svc-core span{font-size:1.4rem}
.svc-col .svc-node,.svc-left .svc-node{transform:none!important;flex-direction:row}
.svc-bottom{margin-top:0}.svc-bottom .svc-node{max-width:none;width:100%}
.svc-node img{flex-basis:68px;width:68px;height:68px}
}
@media(prefers-reduced-motion:reduce){.svc-node{transition:none}}

/* Product photos inside the circular icons */
.svc-node img{object-fit:cover}
.svc-node img.svc-photo{flex-basis:92px;width:92px;height:92px;background:#f1f4f7}
@media(max-width:1100px){.svc-node img.svc-photo{flex-basis:72px;width:72px;height:72px}}
@media(max-width:980px){.svc-node img.svc-photo{flex-basis:76px;width:76px;height:76px}}

/* Theme: navy + gold (overrides the multicolour palette above) */
.svc-orbit-sec{background:radial-gradient(900px 520px at 50% 58%,rgba(201,154,53,.09),transparent 70%),radial-gradient(700px 400px at 12% 20%,rgba(11,31,58,.04),transparent 70%),#fff}
.svc-node{--c:var(--gold);border-color:#eadfc6}
.svc-node h3{color:var(--navy)}
.svc-node:hover{border-color:var(--gold)}
.svc-node img{box-shadow:0 0 0 4px #fff,0 0 0 6px var(--gold)}
.svc-ring{background:conic-gradient(from 210deg,#0b1f3a,#1c4577,#C99A35,#ecd08a,#C99A35,#1c4577,#0b1f3a);box-shadow:0 0 0 24px rgba(201,154,53,.08),0 0 0 50px rgba(11,31,58,.04)}
.svc-core strong{color:var(--navy)}
.svc-core span{color:#a8791f}
.svc-bar{background:linear-gradient(90deg,#0b1f3a 0 50%,#C99A35 50%)}
@media(max-width:980px){.svc-ring{box-shadow:0 0 0 16px rgba(201,154,53,.08),0 0 0 34px rgba(11,31,58,.04)}}

/* ===== Interactive circular layout (desktop) ===== */
.svc-stage{display:none;position:relative;width:760px;height:760px;max-width:100%;margin:6px auto 0}
.svc-enhanced .svc-stage{display:block}
.svc-enhanced .svc-orbit{display:none}
.svc-lines{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.svc-lines circle{fill:none;stroke:rgba(201,154,53,.5);stroke-width:1.2;stroke-dasharray:2 8;stroke-linecap:round}
.svc-lines line{stroke:rgba(201,154,53,.32);stroke-width:1.2;transition:stroke .3s,stroke-width .3s}
.svc-lines line.on{stroke:#C99A35;stroke-width:2.4}

.svc-hub2{position:absolute;left:50%;top:50%;width:340px;height:340px;transform:translate(-50%,-50%)}
.svc-hub2-ring{position:relative;width:100%;height:100%;border-radius:50%;box-shadow:0 0 0 22px rgba(201,154,53,.08),0 0 0 46px rgba(11,31,58,.04)}
.svc-hub2-ring::before{content:"";position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 0deg,#0b1f3a,#1c4577,#C99A35,#ecd08a,#C99A35,#1c4577,#0b1f3a);animation:svc-spin 30s linear infinite}
@keyframes svc-spin{to{transform:rotate(360deg)}}
.svc-hub2-core{position:absolute;inset:11px;border-radius:50%;background:radial-gradient(circle at 50% 38%,#fff,#f4f7fa);box-shadow:inset 0 6px 22px rgba(7,29,59,.1);overflow:hidden}
.svc-hub2-idle,.svc-hub2-info{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:38px 40px;transition:opacity .35s,transform .35s}
.svc-hub2-idle strong{font-family:var(--serif,Georgia,serif);font-weight:700;font-size:2.7rem;line-height:1;color:var(--navy);letter-spacing:-.01em}
.svc-hub2-idle span{font-family:var(--serif,Georgia,serif);font-size:1.9rem;line-height:1.25;color:#a8791f}
.svc-hub2-idle small{margin-top:14px;font-size:.8rem;font-weight:600;letter-spacing:.04em;color:#6b7a8a}
.svc-hub2-info{opacity:0;transform:translateY(8px);pointer-events:none}
.svc-hub2-info h3{margin:0 0 8px;font-family:var(--serif,Georgia,serif);font-size:1.5rem;font-weight:700;line-height:1.2;color:var(--navy);letter-spacing:0}
.svc-hub2-info p{margin:0;font-size:.88rem;line-height:1.55;color:#3f4f63}
.svc-hub2-info .svc-bar{margin-top:14px}
.svc-hub2-core.is-info .svc-hub2-idle{opacity:0;transform:translateY(-8px)}
.svc-hub2-core.is-info .svc-hub2-info{opacity:1;transform:none}
.svc-hub2-core.is-swap .svc-hub2-info{animation:svc-swap .4s ease both}
@keyframes svc-swap{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}

.svc-n{position:absolute;width:104px;height:104px;margin:-52px 0 0 -52px;padding:0;border:0;border-radius:50%;background:none;cursor:pointer;transition:transform .3s cubic-bezier(.2,.8,.2,1);-webkit-tap-highlight-color:transparent}
.svc-n img{display:block;width:100%;height:100%;border-radius:50%;object-fit:cover;box-shadow:0 0 0 4px #fff,0 0 0 6px var(--gold),0 12px 26px rgba(7,29,59,.2);transition:box-shadow .3s}
.svc-n-label{position:absolute;left:50%;top:100%;transform:translate(-50%,-12px);white-space:nowrap;padding:5px 13px;border-radius:99px;background:var(--navy);color:#fff;border:2px solid #fff;font-size:.78rem;font-weight:700;letter-spacing:.01em;box-shadow:0 6px 14px rgba(7,29,59,.2);transition:background .3s,color .3s}
.svc-n:hover,.svc-n.is-active{transform:scale(1.12);z-index:3}
.svc-n.is-active img{box-shadow:0 0 0 4px #fff,0 0 0 8px var(--gold),0 0 0 15px rgba(201,154,53,.25),0 18px 34px rgba(7,29,59,.3)}
.svc-n.is-active .svc-n-label{background:var(--gold);color:var(--navy)}
.svc-n:focus-visible{outline:3px solid var(--navy);outline-offset:9px}
@media(prefers-reduced-motion:reduce){.svc-hub2-ring::before{animation:none}.svc-n,.svc-hub2-idle,.svc-hub2-info{transition:none}.svc-hub2-core.is-swap .svc-hub2-info{animation:none}}