@import url('https://fonts.googleapis.com/css2?family=Google+Sans:ital,opsz,wght@0,17..18,400..700;1,17..18,400..700&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
*{
    font-family: 'Google Sans', sans-serif !important
}
/* ── Section wrapper ── */
:root {
    --navy: #0b1c3d;
    --blue: #1a56db;
    --blue-lt: #2f6fee;
    --accent: #00c2ff;
    --surface: #f4f7ff;
    --border: #dce6f7;
    --text: #1e293b;
    --muted: #64748b;
    --white: #ffffff;
}
  h1,h2,h3,h4,h3,h6,p { font-family: 'Google Sans' !important; color: var(--navy); }

.contact-section {
      padding: 150px 0;
      background: white;
      position: relative;
      overflow: hidden;
    }

    .contact-section::before {
      content: '';
      position: absolute;
      width: 600px;
      height: 600px;
      border-radius: 50%;
      background: radial-gradient(circle, rgba(26,86,219,.07) 0%, transparent 70%);
      top: -200px;
      right: -150px;
      pointer-events: none;
    }

    .container {
      max-width: 1160px;
      margin: 0 auto;
      padding: 0 24px;
    }

    /* ── Section heading ── */
    .section-label {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      font-family: 'Plus Jakarta Sans', sans-serif;
      font-size: 12px;
      font-weight: 700;
      letter-spacing: .12em;
      text-transform: uppercase;
      color: var(--blue);
      background: rgba(26,86,219,.09);
      border: 1px solid rgba(26,86,219,.18);
      border-radius: 100px;
      padding: 6px 14px;
      margin-bottom: 18px;
    }

    .section-label::before {
      content: '';
      width: 7px; height: 7px;
      border-radius: 50%;
      background: var(--accent);
      flex-shrink: 0;
    }

    .section-title {
      font-family: 'Plus Jakarta Sans', sans-serif;
      font-size: clamp(2rem, 4vw, 3rem);
      font-weight: 800;
      color: var(--navy);
      line-height: 1.15;
      margin-bottom: 0px;
    }

    .section-title span {     color: #7aa361; }

    .section-sub {
      font-size: 18px;
      color: #020d11;
      line-height: 1.65;
      max-width: 520px;
      margin-bottom: 16px;
    }

    /* ── Row ── */
    .row {
      display: flex;
      /*gap: 48px;*/
      align-items: stretch;
    }

    .col-info, .col-form {
      flex: 1;
    }

    /* ── Info column ── */
    .info-card {
      /* background: var(--white); */
      border-radius: 0px;
      /* padding: 48px 40px; */
      height: 100%;
      border: 0px solid var(--border);
      /* box-shadow: 0 4px 32px rgba(11,28,61,.06); */
      display: flex;
      flex-direction: column;
      gap: 36px;
    }

    .info-intro {
         font-size: 18px;
    color: #020d11;
    line-height: 32px;
    }

    .info-item {
      display: flex;
      align-items: flex-start;
      gap: 18px;
    }

    .info-icon {
        
    width: 35px;
    height: 35px;
    border-radius: 50px;
    background: #7aa361;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    
    }

    .info-icon svg { width: 16px; height: 16px; fill: none; stroke: #fff; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }

    .info-text h4 {
    
         font-size: 14px;
    font-weight: 900;
    color: #030e12;
    margin-bottom: 1px;
    font-family: 'Google Sans' !important;
    }

    .info-text p,
    .info-text a {
        font-size: 18px;
    font-weight: 400;
    color: #030e12;
    text-decoration: none;
    line-height: 1.5;
    }

    .info-text a:hover { color: var(--blue); }

    .divider {
      height: 1px;
      background: var(--border);
    }

    .social-row {
      display: flex;
      gap: 12px;
      flex-wrap: wrap;
    }

    .social-btn {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      padding: 9px 16px;
      border-radius: 10px;
      border: 1.5px solid var(--border);
      font-size: 13px;
      font-weight: 600;
      color: var(--navy);
      text-decoration: none;
      transition: all .2s;
      background: var(--white);
    }

    .social-btn:hover {
      border-color: var(--blue);
      color: var(--blue);
      background: rgba(26,86,219,.04);
    }

    .social-btn svg { width: 16px; height: 16px; }

    /* ── Form column ── */
    .form-card {
      background: #ffd44754;
      border-radius: 20px;
      padding: 48px 40px;
     
      
      display: flex;
      flex-direction: column;
      gap: 24px;
    }

    .form-card h3 {
      font-family: 'Plus Jakarta Sans', sans-serif;
      font-size: 22px;
      font-weight: 800;
      color: #020d11;
      margin-bottom: 4px;
    }

    .form-card p {
      font-size: 14px;
      color: #020d11;
      line-height: 1.6;
    }

    .form-grid {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 16px;
    }

    .form-group {
      display: flex;
      flex-direction: column;
      gap: 7px;
    }

    .form-group.full { grid-column: 1 / -1; }

    label {
        font-family: 'Google Sans' !important;
      font-size: 14px;
      font-weight:400;
     
      
      color:#020d11;
    }

    input, select, textarea {
      background: #fff;
      border: 1.5px solid rgba(255,255,255,.12);
      border-radius: 10px;
      padding: 13px 16px;
      font-family: 'DM Sans', sans-serif;
      font-size: 15px;
      color: #020d11;
      outline: none;
      transition: border-color .2s, background .2s;
      resize: none;
    }

    input::placeholder, select::placeholder, textarea::placeholder { color: #020d1183; font-size: 14px; font-family: 'Google Sans' !important; }

    select {
      cursor: pointer;
      appearance: none;
      -webkit-appearance: none;
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M2 4l4 4 4-4' stroke='rgba(255,255,255,0.4)' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");
      background-repeat: no-repeat;
      background-position: right 14px center;
    }

    select { background: #ffffff; font-family: 'Google Sans' !important; color: #020d11; font-size: 14px; }

    input:focus, select:focus, textarea:focus {
     
      background: #fff;
    }
select::placeholder { color: #020d1183; font-size: 14px; font-family: 'Google Sans' !important; }
    textarea { min-height: 110px; }

    .btn-submit {
      width: 100%;
      padding: 16px;
      border-radius: 12px;
      border: none;
      cursor: pointer;
      font-family: 'Plus Jakarta Sans', sans-serif;
      font-size: 16px;
      font-weight: 700;
      background: #7aa361;
      color: var(--white);
      letter-spacing: .02em;
      transition: opacity .2s, transform .15s;
     
      position: relative;
      overflow: hidden;
    }

    .btn-submit::after {
      content: '';
      position: absolute;
      inset: 0;
      background: rgba(255,255,255,0);
      transition: background .2s;
    }

    .btn-submit:hover { opacity: .92; transform: translateY(-1px); }
    .btn-submit:active { transform: translateY(0); }

    .privacy-note {
        display: flex;
        align-items: center;
      text-align: center;
      font-size: 12px;
      color: rgba(255,255,255,.3);
      margin-top: 16px;
    }

   

    /* ── Responsive ── */
    @media (max-width: 900px) {
      .row { flex-direction: column; }
      .form-grid { grid-template-columns: 1fr; }
      .info-card, .form-card { padding: 36px 28px; }
    }

    @media (max-width: 480px) {
      .contact-section { padding: 70px 0; }
      .section-sub { margin-bottom: 40px; }
    }