.gc-journey-section{font-family:var(--font-sans);background-color:#fff;padding:80px 0}.gc-journey-container{max-width:1200px;margin:0 auto;padding:0 20px}.gc-journey-header{text-align:center;margin-bottom:60px}.gc-journey-label{color:#d4a017;letter-spacing:2px;text-transform:uppercase;margin-bottom:12px;font-size:14px;font-weight:700;display:block}.gc-journey-title{color:#0b3b60;margin:0 0 20px;font-size:36px;font-weight:800;line-height:1.2}.gc-journey-desc{color:#0b3b60;max-width:800px;margin:0 auto;font-size:16px;line-height:1.6}.gc-timeline{margin-bottom:80px;position:relative}.gc-timeline-line{z-index:0;background:repeating-linear-gradient(#cbd5e1 0 6px,#0000 6px 12px);width:2px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.gc-timeline-item{z-index:1;align-items:center;margin-bottom:60px;display:flex;position:relative}.gc-timeline-item:last-child{margin-bottom:0}.gc-timeline-item-left .gc-timeline-content-wrapper{flex-direction:row}.gc-timeline-item-right .gc-timeline-content-wrapper{flex-direction:row-reverse}.gc-timeline-content-wrapper{align-items:center;gap:40px;width:100%;display:flex}.gc-timeline-image-col{flex:1;justify-content:center;display:flex}.gc-timeline-text-col{flex:1}.gc-timeline-image{object-fit:cover;border-radius:16px;width:100%;max-width:450px;height:300px;box-shadow:0 10px 30px #00000014}.gc-timeline-dot{z-index:2;background-color:#2e7d32;border-radius:50%;width:16px;height:16px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 4px #fff}.gc-timeline-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:32px;position:relative;box-shadow:0 4px 20px #00000008}.gc-timeline-item-left .gc-timeline-text-col{padding-left:20px}.gc-timeline-item-right .gc-timeline-text-col{padding-right:20px}.gc-timeline-phase-pill{color:#fff;background-color:#3b82f6;border-radius:20px;margin-bottom:16px;padding:6px 12px;font-size:12px;font-weight:700;display:inline-block}.gc-timeline-card-title{color:#0b3b60;margin:0 0 4px;font-size:22px;font-weight:800}.gc-timeline-card-subtitle{color:#0b3b60;margin:0 0 16px;font-size:16px;font-weight:600}.gc-timeline-card-desc{color:#0b3b60;margin:0;font-size:15px;line-height:1.6}.gc-country-selector-section{text-align:center;border-top:1px solid #e2e8f0;padding-top:40px}.gc-selector-title{color:#0b3b60;margin-bottom:30px;font-size:24px;font-weight:800}.gc-country-selector{flex-wrap:wrap;justify-content:center;gap:16px;margin-bottom:40px;display:flex}.gc-country-btn{color:#0b3b60;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:30px;align-items:center;gap:8px;padding:12px 24px;font-size:15px;font-weight:600;transition:all .3s;display:flex}.gc-country-btn:hover{color:#3b82f6;border-color:#3b82f6}.gc-country-btn.active{color:#fff;background:#3b82f6;border-color:#3b82f6;box-shadow:0 4px 12px #3b82f64d}.gc-roadmap-display{text-align:left;background:#f8fafc;border-radius:16px;max-width:800px;margin:0 auto;padding:40px}.gc-roadmap-content{grid-template-columns:1fr;gap:32px;display:grid}@media (min-width:768px){.gc-roadmap-content{grid-template-columns:1fr 1fr}}.gc-roadmap-content h4{color:#0b3b60;margin:0 0 16px;font-size:18px;font-weight:700}.gc-steps-list{flex-direction:column;gap:12px;display:flex}.gc-step-item{align-items:center;gap:12px;display:flex}.gc-step-number{color:#4338ca;background:#e0e7ff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:12px;font-weight:700;display:flex}.gc-step-text{color:#0b3b60;font-size:15px;font-weight:500}.gc-roadmap-outcomes ul{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.gc-roadmap-outcomes li{color:#2e7d32;align-items:center;gap:12px;font-size:15px;font-weight:600;display:flex}@media (max-width:768px){.gc-timeline-line{left:20px;transform:none}.gc-timeline-dot{left:20px;transform:translate(-50%,-50%)}.gc-timeline-item-left .gc-timeline-content-wrapper,.gc-timeline-item-right .gc-timeline-content-wrapper{flex-direction:column;gap:20px;padding-left:50px}.gc-timeline-item-left .gc-timeline-text-col,.gc-timeline-item-right .gc-timeline-text-col{padding:0}.gc-timeline-image{height:200px}}
