/* sub pages */
body.sub .lg{margin-left:0}

@media(min-width:1001px){body.sub .w{padding-left:max(24px,calc(140px - max(0px,(100vw - 1250px)/2)))}
}

.pb2{position:relative;padding:150px 0 120px;overflow:hidden;background:#ebe7e0;color:#161a20}

.pb2 .bgp{position:absolute;inset:-20px;background-size:cover;background-repeat:no-repeat;animation:kb 22s ease-in-out infinite alternate}

.pb2:before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(95deg,#f3efe9f7 0%,#f3efe9d6 45%,#f3efe944)}

.pb2 .w{position:relative;z-index:2}

.crumb{display:flex;gap:8px;font:500 13.5px var(--f2);color:#4a5260;margin-bottom:14px}
.crumb a:hover{color:#0a74d6}

.pb2 h1{font:700 clamp(34px,5vw,52px)/1.06 var(--f1);letter-spacing:-.035em;margin:0;max-width:18ch}

.pb2 p{margin:18px 0 0;color:#2e3540;font-size:17px;max-width:52ch}

.pb2 .rv{transition-delay:.1s}

.pgm{position:relative;z-index:2;background:var(--bg);border-radius:48px 48px 0 0;margin-top:-48px;overflow:hidden}

.pgm>section:first-child{padding-top:84px}

h2.t{font:700 clamp(30px,4.4vw,44px)/1.1 var(--f1);letter-spacing:-.03em;color:#101826;margin:0}

.lead{color:#33415a;font-size:16.5px;line-height:1.75;margin:0 0 18px;max-width:64ch}

.sub .cta{margin-top:40px}

.sub .cta .w{padding-left:max(24px,calc(140px - max(0px,(100vw - 1250px)/2)))}

@media(max-width:1000px){.pb2{padding:120px 0 100px}
body.sub .w{padding-left:24px}
.sub .cta .w{padding-left:24px}
}


.ct{display:grid;grid-template-columns:.85fr 1.15fr;gap:24px;align-items:start}

.ci{display:grid;gap:14px}

.ci a,.ci div.k{display:flex;gap:18px;align-items:center;background:linear-gradient(160deg,#fff,#eceff3);border-radius:28px;padding:24px;box-shadow:0 12px 30px #0a2a5a12;transition:transform .4s,opacity .7s}

.ci a:hover{transform:translateX(8px)}

.ci .ti{width:56px;height:56px;border-radius:18px;background:linear-gradient(135deg,#0a74d6,#0a2a5a);color:#fff;display:grid;place-items:center;font-size:25px;flex:none}

.ci small{display:block;font-size:13px;color:var(--mute)}
.ci b{font:700 18px var(--f1);color:#101826;word-break:break-word}

.fm{background:#fff;border-radius:36px;padding:40px;box-shadow:0 20px 60px #0a2a5a14}

.fm h2{font:700 28px var(--f1);letter-spacing:-.02em;color:#101826}
.fm>p{color:var(--mute);margin:8px 0 24px}

.fr2{display:grid;grid-template-columns:1fr 1fr;gap:14px}

.fld{display:grid;gap:6px;margin-bottom:14px}
.fld label{font:600 13.5px var(--f1);color:#33415a}

.fld input,.fld textarea{font:400 15px var(--f2);padding:14px 16px;border:1px solid #d5deea;border-radius:14px;background:#f8fafc;color:#101826;width:100%;transition:border .25s,box-shadow .25s,background .25s}

.fld textarea{min-height:140px;resize:vertical}

.fld input:focus,.fld textarea:focus{outline:0;border-color:#0a74d6;background:#fff;box-shadow:0 0 0 4px #0a74d622}

.ok{margin-top:16px;padding:14px 18px;border-radius:14px;background:#e8f2fd;color:#0a2a5a;font-size:14.5px}

@media(max-width:900px){.ct{grid-template-columns:1fr}
.fr2{grid-template-columns:1fr}
.fm{padding:28px 20px}
}


/* ===== v20: phone / email / location inside ONE box ===== */
.ci{gap:0;background:linear-gradient(160deg,#fff,#eceff3);border-radius:32px;padding:10px;box-shadow:0 12px 30px #0a2a5a12;border:1px solid #fff}
.ci a,.ci div.k{background:none;box-shadow:none;border-radius:22px;padding:18px 16px;position:relative;min-width:0}
.ci a+a:before,.ci a+div.k:before{content:"";position:absolute;left:16px;right:16px;top:0;height:1px;background:#dde3ec}
.ci a:hover{transform:none;background:#0a74d60d}
.ci a:hover+a:before,.ci a:hover+div.k:before{opacity:0}
.ci>*>span:last-child{min-width:0}
.ci b{font-size:clamp(15px,1.5vw,18px)}
@media(max-width:900px){
  .ci a,.ci div.k{padding:16px 12px;gap:14px}
  .ci .ti{width:48px;height:48px;border-radius:15px}
}

/* ===== v21: intro block above the contact boxes ===== */
.cint{background:#d6e8ff;border-radius:36px;padding:44px clamp(24px,4vw,56px);margin-bottom:24px}
.cey{display:block;font:700 15px var(--f1);letter-spacing:.28em;text-transform:uppercase;color:#1a6bff;margin-bottom:10px}
.cint h2{font:700 clamp(36px,5.4vw,68px)/1.04 var(--f1);letter-spacing:-.04em;color:#0b1b3f;margin:0}
.cint h2 em{font-style:normal;color:#7f93bd}
.cint p{margin:22px 0 0;max-width:62ch;font-size:clamp(16px,1.5vw,20px);line-height:1.7;color:#3d4f73}
@media(max-width:600px){.cint{padding:30px 22px;border-radius:28px}.cey{font-size:13px}}

/* ===== v22: intro inside the left box; left box and form box same height ===== */
.ct{align-items:stretch}
.ci{display:flex;flex-direction:column}
.ci .cint{margin:0 0 6px;padding:28px clamp(20px,2.4vw,32px);border-radius:24px}
.ci .cint h2{font-size:clamp(30px,3.2vw,46px);line-height:1.06}
.ci .cint p{margin-top:16px;font-size:clamp(14.5px,1.15vw,16px);line-height:1.65;max-width:none}
.ci .cey{font-size:12.5px;letter-spacing:.26em;margin-bottom:8px}
.ci a,.ci div.k{flex:1 1 auto}
@media(max-width:900px){.ci{height:auto}.ci a,.ci div.k{flex:none}.ci .cint{padding:24px 20px}}
.ct>.fm,.ct>.ci{margin:0}