.gth-wrap{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;column-gap:150px}
.gth-col{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;justify-content:center;gap:16px;position:relative;z-index:3}
.gth-card{--gth-c:#1E88FF;list-style:none;margin:0;box-sizing:border-box;text-align:left;
background:linear-gradient(100deg,color-mix(in srgb,var(--gth-c) 14%,#fff) 0%,#fff 78%);
border:1px solid color-mix(in srgb,var(--gth-c) 16%,#fff);border-radius:100px;padding:10px 26px 10px 10px;
box-shadow:0 12px 26px -10px color-mix(in srgb,var(--gth-c) 40%,transparent);transition:transform .2s ease,box-shadow .2s ease}
.gth-card:hover{transform:translateY(-2px)}
.gth-inner{display:flex;align-items:center;gap:16px;color:inherit;text-decoration:none}
.gth-text{display:flex;flex-direction:column;min-width:0;flex:1}
.gth-title{font-size:20px;font-weight:700;line-height:1.25;color:#14195C}
.gth-desc{font-size:13px;line-height:1.4;margin-top:2px;color:#4A4F8A}
.gth-media{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:58px;height:58px;font-size:26px;color:#fff;border-radius:50%;overflow:hidden;
background:linear-gradient(145deg,color-mix(in srgb,var(--gth-c) 62%,#fff) 0%,var(--gth-c) 55%,color-mix(in srgb,var(--gth-c) 78%,#000) 100%);
box-shadow:0 0 0 4px rgba(255,255,255,.8),0 8px 16px -4px color-mix(in srgb,var(--gth-c) 55%,transparent)}
.gth-media i{line-height:1}
.gth-media svg{width:26px;height:26px;fill:#fff}
.gth-media-image img{width:100%;height:100%;object-fit:cover;display:block}
.gth-center{position:relative;z-index:1;display:flex;justify-content:center}
.gth-pin-box{--gth-glow:#2E86FF;position:relative;width:210px;aspect-ratio:110/150}
.gth-pin{position:relative;z-index:1;display:block;width:100%;height:100%;overflow:visible;filter:drop-shadow(0 10px 16px color-mix(in srgb,var(--gth-glow) 28%,transparent))}
.gth-pin-shape{fill:#fff;stroke:#111;stroke-width:3px;stroke-linejoin:round}
.gth-pin-box::after{content:"";position:absolute;left:50%;bottom:-2px;width:22%;height:9px;transform:translateX(-50%);border-radius:50%;background:var(--gth-glow);filter:blur(6px);opacity:.85;z-index:0}
.gth-center-label{position:absolute;z-index:2;left:50%;top:63%;transform:translateX(-50%);font-size:22px;line-height:1;color:#2E8BDD;white-space:nowrap}
.gth-center-img{position:absolute;z-index:2;left:50%;top:38%;width:68%;height:auto;transform:translate(-50%,-50%)}
.gth-rings{position:absolute;inset:0;z-index:0;pointer-events:none}
.gth-rings i{position:absolute;left:50%;top:42%;transform:translate(-50%,-50%);aspect-ratio:1;border-radius:50%}
.gth-rings i:nth-child(1){width:150%;border:1px solid color-mix(in srgb,var(--gth-glow) 14%,transparent);background:radial-gradient(circle,color-mix(in srgb,var(--gth-glow) 10%,transparent) 0%,transparent 70%)}
.gth-rings i:nth-child(2){width:195%;border:2px dotted color-mix(in srgb,var(--gth-glow) 30%,transparent)}
.gth-rings i:nth-child(3){width:245%;border:1px solid color-mix(in srgb,var(--gth-glow) 10%,transparent)}
.gth-arrows{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:2;overflow:visible}
.gth-arrows path{stroke:none;filter:drop-shadow(0 4px 6px rgba(20,25,92,.12))}
.gth-arrows stop{stop-color:var(--gth-c,#1E88FF)}
@media (max-width:767px){
.gth-wrap{grid-template-columns:minmax(0,1fr);row-gap:20px}
.gth-center{order:-1;margin-bottom:12px}
.gth-arrows{display:none}
.gth-col-left{order:1}
.gth-col-right{order:2}
.gth-title{font-size:17px}
}