.jctecs-contact-page { max-width:1240px; margin:0 auto; padding:30px 20px 30px; }.jctecs-contact-hero { display:flex; min-height:190px; align-items:center; justify-content:space-between; padding:30px 42px; border:1px solid var(--jctecs-line); border-radius:10px; background:#fff url('../images/hero-globe.png') right center / 70% auto no-repeat; box-shadow:0 5px 18px #102b5b0b; }.jctecs-contact-hero h1 { margin:0 0 8px; color:var(--jctecs-navy); font-size:39px; }.jctecs-contact-hero p:not(.jctecs-eyebrow) { margin:0; color:#52607a; font-size:14px; }.jctecs-contact-hero > .fa { margin-right:75px; color:#82b1fa; font-size:70px; opacity:.7; }.jctecs-contact-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; margin-top:24px; }.jctecs-contact-card { display:flex; min-height:170px; gap:18px; align-items:flex-start; padding:24px; border:1px solid var(--jctecs-line); border-radius:9px; background:#fff; box-shadow:0 3px 10px #102b5b08; }.jctecs-contact-card--address { grid-column:1/-1; }.jctecs-contact-card > .fa { display:grid; flex:0 0 45px; place-items:center; width:45px; height:45px; border-radius:50%; color:var(--jctecs-blue); background:#eff5ff; font-size:22px; }.jctecs-contact-card h2 { margin:2px 0 8px; color:var(--jctecs-navy); font-size:19px; }.jctecs-contact-card p { margin:4px 0; color:var(--jctecs-muted); font-size:12px; }.jctecs-contact-card .jctecs-eyebrow { margin:0 0 4px; }.jctecs-contact-card address { color:var(--jctecs-muted); font-size:13px; font-style:normal; line-height:1.65; }.jctecs-contact-card a { display:block; margin-top:9px; color:var(--jctecs-blue); font-size:12px; }.jctecs-contact-card p .fa, .jctecs-contact-card a .fa { margin-right:6px; color:var(--jctecs-blue); }.jctecs-contact-note { display:flex; align-items:center; gap:18px; margin-top:16px; padding:22px 25px; border:1px solid #cfe0fb; border-radius:9px; background:#f4f8ff; }.jctecs-contact-note > .fa { color:var(--jctecs-blue); font-size:27px; }.jctecs-contact-note h2 { margin:0 0 3px; color:var(--jctecs-navy); font-size:16px; }.jctecs-contact-note p { margin:0; color:var(--jctecs-muted); font-size:12px; }.jctecs-contact-note .jctecs-button { margin-left:auto; flex-shrink:0; }
@media (max-width:700px) { .jctecs-contact-hero { padding:25px; background-size:cover; }.jctecs-contact-hero > .fa { display:none; }.jctecs-contact-grid { grid-template-columns:1fr; }.jctecs-contact-card--address { grid-column:auto; }.jctecs-contact-note { align-items:flex-start; flex-wrap:wrap; }.jctecs-contact-note .jctecs-button { margin-left:63px; } }
