.elementor-17 .elementor-element.elementor-element-371ca61{--display:flex;}.elementor-17 .elementor-element.elementor-element-b50fcef{--display:flex;}:root{--page-title-display:none;}/* Start custom CSS */:root{
    --navy: #0F2438;
    --navy-deep: #0A1A29;
    --summit-blue: #2A6CA6;
    --sky: #8FC1E3;
    --sky-pale: #E4F1FA;
    --bg: #F5F9FC;
    --white: #FFFFFF;
    --ink: #16283A;
    --ink-soft: #4A5A68;
    --font-display: 'Barlow Condensed', sans-serif;
    --font-body: 'Inter', sans-serif;
  }
  *{box-sizing:border-box; margin:0; padding:0;}
  body{ font-family: var(--font-body); color: var(--ink); background: var(--bg); line-height: 1.6; -webkit-font-smoothing: antialiased; }
  img, svg { display:block; max-width:100%; }
  .wrap{ max-width: 1120px; margin: 0 auto; padding: 0 24px; }
  a { color: inherit; }

  .hero{
    position: relative;
    background: linear-gradient(160deg, var(--navy-deep) 0%, var(--navy) 55%, var(--summit-blue) 130%);
    color: var(--white);
    padding: 72px 0;
    text-align: center;
  }
  .eyebrow{
    display: inline-flex; align-items: center; gap: 10px; width: fit-content; margin: 0 auto 20px;
    font-weight: 600; font-size: 13px; letter-spacing: 0.14em; text-transform: uppercase;
    color: var(--sky); background: rgba(143, 193, 227, 0.14); border: 1px solid rgba(143, 193, 227, 0.4);
    padding: 8px 16px; border-radius: 999px;
  }
  .hero h1{
    font-family: var(--font-display); font-weight: 800;
    font-size: clamp(2.4rem, 4.5vw, 3.4rem); line-height: 1.05; color: #FFFFFF !important;
    margin-bottom: 14px;
  }
  .hero h1 span{ color: var(--sky); }
  .hero p{ font-size: 1.08rem; color: rgba(255,255,255,0.82); max-width: 52ch; margin: 0 auto; }

  .contact-cards{ padding: 60px 0 20px; }
  .cards-grid{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; }
  .contact-card{
    background: var(--white); border: 1px solid #E3EBF1; border-top: 4px solid var(--summit-blue);
    border-radius: 14px; padding: 28px 24px; text-align: center;
    box-shadow: 0 2px 14px rgba(15,36,56,0.05); transition: transform 0.2s ease, box-shadow 0.2s ease;
  }
  .contact-card:hover{ transform: translateY(-4px); box-shadow: 0 18px 34px -18px rgba(15,36,56,0.22); }
  .contact-icon{
    width: 48px; height: 48px; border-radius: 12px; background: var(--sky-pale);
    display: flex; align-items: center; justify-content: center; margin: 0 auto 16px;
  }
  .contact-icon svg{ width: 22px; height: 22px; fill: var(--summit-blue); }
  .contact-card h6{
    font-family: var(--font-display); font-weight: 700; font-size: 0.82rem; letter-spacing: 0.08em;
    text-transform: uppercase; color: var(--summit-blue); margin-bottom: 10px;
  }
  .contact-card .main-line{ font-family: var(--font-display); font-weight: 700; font-size: 1.3rem; color: var(--navy); margin-bottom: 4px; }
  .contact-card p{ color: var(--ink-soft); font-size: 0.95rem; }
  .contact-card a{ text-decoration: none; }
  .contact-card a:hover{ color: var(--summit-blue); }

  .map-section{ padding: 50px 0 76px; }
  .map-frame{
    border-radius: 18px; overflow: hidden; border: 1px solid #E3EBF1;
    box-shadow: 0 20px 50px -25px rgba(15,36,56,0.3);
  }
  .map-frame iframe{ width: 100%; height: 420px; border: 0; display: block; }

  @media (max-width: 880px){
    .cards-grid{ grid-template-columns: 1fr; }
  }/* End custom CSS */