/* studyandworkingeorgia.com — Services page (mockup "SERVICE MENU PAGE DESIGN"). Red tokens from ge-components.css. */
.svx{--ink:#14182A;--mut:#5B6478;--line:#E9ECF2;--navy:#0F2550;padding-bottom:40px}
.svx em{font-style:normal;color:var(--ge,#C8102E)}
.svx h2{margin:0;font-size:13px!important;font-weight:600!important;letter-spacing:-.025em!important;line-height:1.1!important;color:var(--ink)}
.sv-sub{margin:8px 0 0;font-size:13px;color:var(--mut)}
.si{width:24px;height:24px;flex:0 0 auto}
.svx .ga{width:16px;height:16px;transition:transform .2s ease}
.svx a:hover>.ga{transform:translateX(3px)}
.svx .gbtn-r{margin-top:0;box-shadow:0 10px 22px rgba(200,16,46,.25)}

/* ---------- Hero ---------- */
.sv-hero{position:relative;overflow:hidden;background:#fff}
.sv-hero-bg{position:absolute;top:0;right:0;width:100%;height:100%;object-fit:cover;object-position:right 30%;
  -webkit-mask-image:linear-gradient(90deg,transparent 0,transparent 22%,rgba(0,0,0,.04) 26%,rgba(0,0,0,.12) 30%,rgba(0,0,0,.24) 34%,rgba(0,0,0,.38) 38%,rgba(0,0,0,.53) 42%,rgba(0,0,0,.67) 46%,rgba(0,0,0,.8) 50%,rgba(0,0,0,.9) 54%,rgba(0,0,0,.97) 58%,#000 62%);mask-image:linear-gradient(90deg,transparent 0,transparent 22%,rgba(0,0,0,.04) 26%,rgba(0,0,0,.12) 30%,rgba(0,0,0,.24) 34%,rgba(0,0,0,.38) 38%,rgba(0,0,0,.53) 42%,rgba(0,0,0,.67) 46%,rgba(0,0,0,.8) 50%,rgba(0,0,0,.9) 54%,rgba(0,0,0,.97) 58%,#000 62%)}
.sv-hero-in{position:relative;padding-block:30px 46px;min-height:clamp(380px,30vw,520px);display:flex;flex-direction:column;justify-content:center}
.sv-hero .crumbs{color:var(--mut);margin-bottom:14px}
.sv-hero .crumbs a{color:var(--ink)}
.sv-hero h1{margin:0;max-width:520px;font-size:clamp(34px,4.6vw,54px);font-weight:800;letter-spacing:-.035em;line-height:1.04;color:var(--ink)}
.sv-lead{margin:16px 0 22px;max-width:440px;font-size:13px;line-height:1.6;color:#3A4256}
.sv-hero .gbtn{align-self:flex-start}

/* ---------- Five feature labels ---------- */
.sv-feats{list-style:none;margin:-6px 0 0;padding:16px 10px;position:relative;z-index:1;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));
  background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 14px 36px rgba(15,23,42,.08)}
.sv-feats li{display:flex;align-items:center;justify-content:center;gap:12px;padding:8px 12px;font-size:13px;font-weight:600;color:var(--ink);letter-spacing:-.025em}
.sv-feats li+li{border-left:1px solid var(--line)}
.sv-feats .si{width:30px;height:30px;color:var(--ge,#C8102E)}

/* ---------- Service cards ---------- */
.sv-sec{margin-top:52px}
.sv-grid{margin-top:22px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.sv-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px 16px 18px;box-shadow:0 8px 24px rgba(15,23,42,.05);transition:transform .2s ease,box-shadow .2s ease}
.sv-card:hover{transform:translateY(-3px);box-shadow:0 16px 34px rgba(15,23,42,.10)}
.sv-card h3{display:flex;align-items:center;gap:12px;margin:0 0 12px;font-size:13px;font-weight:600;letter-spacing:-.025em;line-height:1.2;color:var(--ink)}
.sv-card h3 .si{width:30px;height:30px;color:var(--ge,#C8102E)}
.sv-card figure{margin:0;aspect-ratio:16/8;border-radius:10px;overflow:hidden;background:#EEF1F6}
.sv-card figure img{width:100%;height:100%;object-fit:cover;display:block}
.sv-card p{margin:14px 0 12px;font-size:13px;line-height:1.5;color:#3A4256;flex:1 1 auto}
.sv-more{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--ge,#C8102E);text-decoration:none}

/* ---------- Step-by-step support ---------- */
.sv-steps{margin-top:56px;display:grid;grid-template-columns:minmax(0,320px) minmax(0,1fr);gap:34px;align-items:center}
.sv-steps figure{margin:0;align-self:stretch;min-height:240px;border-radius:18px;overflow:hidden}
.sv-steps figure img{width:100%;height:100%;object-fit:cover;display:block}
.sv-steps ol{list-style:none;margin:26px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.sv-steps li{position:relative}
.sv-steps li:not(:last-child)::after{content:"→";position:absolute;top:16px;right:-16px;font-size:20px;color:var(--ge,#C8102E)}
.sv-sn{position:absolute;left:0;top:13px;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--ge,#C8102E);color:#fff;font-size:13px;font-weight:600;box-shadow:0 0 0 4px #fff;z-index:1;letter-spacing:-.025em}
.sv-si{display:grid;place-items:center;width:54px;height:54px;margin-left:20px;border-radius:50%;background:#fff;border:1.5px solid #F3B7C1;color:var(--ge,#C8102E)}
.sv-si .si{width:26px;height:26px}
.sv-steps h3{margin:12px 0 4px;font-size:13px;font-weight:600;color:var(--ink);letter-spacing:-.025em}
.sv-steps p{margin:0;font-size:13px;line-height:1.5;color:var(--mut)}

/* ---------- What we do for you: the detailed lists ---------- */
.sv-det{margin-top:22px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.sv-dp{background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px 22px;box-shadow:0 8px 24px rgba(15,23,42,.05);scroll-margin-top:90px;display:flex;flex-direction:column}
.sv-dp h3{display:flex;align-items:center;gap:12px;margin:0 0 12px;font-size:13px;font-weight:600;color:var(--ink);letter-spacing:-.025em}
.sv-dpi{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:var(--ge-s,#FDECEE);color:var(--ge,#C8102E);flex:0 0 auto}
.sv-dpi .si{width:22px;height:22px}
.sv-dp ul{list-style:none;margin:0 0 12px;padding:0;display:grid;gap:8px;align-content:start;flex:1 1 auto}
.sv-dp li{display:flex;gap:10px;font-size:13px;line-height:1.5;color:#3A4256}
.sv-dp li .si{width:18px;height:18px;margin-top:2px;color:var(--ge,#C8102E)}
.sv-dp:target{box-shadow:0 0 0 2px var(--ge,#C8102E),0 8px 24px rgba(15,23,42,.05)}

/* ---------- Call to action over the Caucasus ---------- */
.sv-cta{position:relative;margin-top:56px;border-radius:20px;overflow:hidden;background:var(--navy);color:#fff}
.sv-cta>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.sv-cta::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(12,30,72,.94) 0%,rgba(12,30,72,.78) 45%,rgba(12,30,72,.25) 100%)}
.sv-cta-t{position:relative;z-index:1;padding:36px 40px;max-width:640px}
.svx .sv-cta h2{color:#fff}
.sv-cta p{margin:10px 0 0;font-size:13px;line-height:1.6;color:#E3E9F6}
.sv-cta-b{display:flex;gap:14px;flex-wrap:wrap;margin-top:22px}
.sv-btn-w{background:#fff;color:var(--ink)}
.sv-btn-w:hover{transform:translateY(-2px)}

/* ---------- Trust labels ---------- */
.sv-trust{list-style:none;margin:34px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.sv-trust li{display:flex;align-items:center;gap:14px}
.sv-ti{display:grid;place-items:center;width:60px;height:60px;border-radius:50%;border:1px solid var(--line);background:#fff;color:var(--ge,#C8102E);flex:0 0 auto;box-shadow:0 6px 16px rgba(15,23,42,.06)}
.sv-ti .si{width:28px;height:28px}
.sv-trust b{display:block;font-size:13px;font-weight:600;color:var(--ink);letter-spacing:-.025em}
.sv-trust small{display:block;font-size:13px;color:var(--mut)}

/* ---------- Tablets ---------- */
@media (max-width:1100px){
  .sv-feats{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:6px}
  .sv-feats li:nth-child(4){border-left:0}
  .sv-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sv-steps{grid-template-columns:1fr}
  .sv-steps figure{min-height:0;aspect-ratio:21/8}
  .sv-trust{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:760px){
  .sv-hero-bg{position:relative;width:100%;height:220px;-webkit-mask-image:none;mask-image:none;object-position:right 30%}
  .sv-hero{display:flex;flex-direction:column-reverse}
  .sv-hero-in{min-height:0;padding-block:20px 30px}
  .sv-feats{grid-template-columns:1fr 1fr;margin-top:8px}
  .sv-feats li{justify-content:flex-start;border-left:0!important;font-size:13px;padding:8px}
  .sv-feats .si{width:26px;height:26px}
  .sv-steps ol{grid-template-columns:1fr 1fr;row-gap:24px}
  .sv-steps li::after{display:none}
  .sv-det{grid-template-columns:1fr}
  .sv-cta-t{padding:28px 22px}
  .sv-cta::after{background:linear-gradient(180deg,rgba(12,30,72,.92) 0%,rgba(12,30,72,.82) 100%)}
}
@media (max-width:520px){
  .sv-grid{grid-template-columns:1fr}
  .sv-trust{grid-template-columns:1fr}
  .sv-steps ol{grid-template-columns:1fr}
}
/* font-cap: PC text 13px (auto, do not edit) */
@media (min-width:761px){.sv-more{font-size:13px;font-weight:500}}