.elementor-71 .elementor-element.elementor-element-db10684{--display:flex;}body.elementor-page-71:not(.elementor-motion-effects-element-type-background), body.elementor-page-71 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}/* Start custom CSS for html, class: .elementor-element-35a7845 */*,
      *::before,
      *::after {
        box-sizing: border-box;
        margin: 0;
        padding: 0;
      }

      :root {
        --g900: #0d3d2b;
        --g700: #1a5c44;
        --g600: #237a59;
        --g500: #2e9e70;
        --g100: #d6ede4;
        --g050: #eef7f2;
        --white: #ffffff;
        --gray: #5a7065;
        --sans: 'Inter', system-ui, sans-serif;
      }

      body {
        font-family: var(--sans);
        background: var(--white);
        color: var(--g900);
        -webkit-font-smoothing: antialiased;
      }

      @keyframes fadeUp {
        from { opacity: 0; transform: translateY(18px); }
        to   { opacity: 1; transform: translateY(0); }
      }

      /* ── SPLIT ────────────────────────────────────── */
      .contact-section {
        display: grid;
        grid-template-columns: 1fr 1fr;
        min-height: 100vh;
        animation: fadeUp 0.8s ease both;
      }

      /* ── LEFT ─────────────────────────────────────── */
      .contact-left {
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding: 80px 72px 80px 64px;
        background: var(--g050);
      }

      .eyebrow {
        display: inline-flex;
        align-items: center;
        gap: 10px;
        font-size: 0.7rem;
        font-weight: 700;
        letter-spacing: 2.5px;
        text-transform: uppercase;
        color: var(--g600);
        margin-bottom: 28px;
      }

      .eyebrow::before {
        content: '';
        display: block;
        width: 20px;
        height: 2.5px;
        border-radius: 2px;
        background: var(--g500);
        flex-shrink: 0;
      }

      .contact-heading {
        font-size: clamp(2.2rem, 3.8vw, 3.4rem);
        font-weight: 900;
        line-height: 1.06;
        letter-spacing: -1.5px;
        color: var(--g900);
        margin-bottom: 20px;
      }

      .contact-desc {
        font-size: 1rem;
        font-weight: 300;
        font-style: italic;
        line-height: 1.75;
        color: var(--gray);
        max-width: 420px;
      }

      /* ── RIGHT ────────────────────────────────────── */
      .contact-right {
        display: flex;
        flex-direction: column;
        justify-content: center;
        gap: 20px;
        padding: 80px 64px 80px 56px;
        background: var(--white);
      }

      /* ── CARDS ────────────────────────────────────── */
      .contact-card {
        display: flex;
        align-items: center;
        gap: 20px;
        padding: 28px 28px;
        border-radius: 18px;
        border: 1px solid rgba(26, 92, 68, 0.1);
        background: var(--white);
        text-decoration: none;
        color: inherit;
        transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease;
      }

      .contact-card:hover {
        transform: translateY(-4px);
        box-shadow: 0 16px 48px rgba(13, 61, 43, 0.1);
        border-color: rgba(46, 158, 112, 0.3);
      }

      .contact-card:hover .card-icon {
        background: rgba(46, 158, 112, 0.2);
      }

      .card-icon {
        width: 56px;
        height: 56px;
        border-radius: 14px;
        background: rgba(46, 158, 112, 0.1);
        display: flex;
        align-items: center;
        justify-content: center;
        flex-shrink: 0;
        transition: background 0.22s;
      }

      .card-icon svg {
        width: 26px;
        height: 26px;
      }

      .card-body {
        display: flex;
        flex-direction: column;
        gap: 4px;
        flex: 1;
      }

      .card-label {
        font-size: 0.65rem;
        font-weight: 700;
        letter-spacing: 2px;
        text-transform: uppercase;
        color: var(--g500);
      }

      .card-value {
        font-size: 1.08rem;
        font-weight: 700;
        color: var(--g900);
        line-height: 1.2;
      }

      .card-sub {
        font-size: 0.8rem;
        font-weight: 400;
        color: var(--gray);
        margin-top: 2px;
      }

      .card-arrow {
        font-size: 1rem;
        color: rgba(46, 158, 112, 0.35);
        flex-shrink: 0;
        transition: color 0.22s, transform 0.22s;
      }

      .contact-card:hover .card-arrow {
        color: var(--g500);
        transform: translateX(4px);
      }

      /* ── RESPONSIVE ───────────────────────────────── */
     @media (max-width: 960px) {
        .contact-section {
          grid-template-columns: 1fr;
          min-height: auto;
        }
        .contact-left {
          padding: 56px 32px 48px;
        }
        .contact-desc {
          max-width: 100%;
        }
        .contact-right {
          padding: 40px 32px 64px;
        }
      }

      @media (max-width: 600px) {
        .contact-left {
          padding: 48px 20px 40px;
        }
        .contact-right {
          padding: 32px 20px 56px;
          gap: 14px;
        }
        .contact-card {
          padding: 20px 16px;
          gap: 14px;
        }
        .card-icon {
          width: 46px;
          height: 46px;
          border-radius: 11px;
        }
        .card-icon svg {
          width: 22px;
          height: 22px;
        }
        .card-value {
          font-size: 0.9rem;
          word-break: break-all;
        }
        .card-sub {
          font-size: 0.75rem;
        }
        .card-arrow {
          display: none;
        }
      }/* End custom CSS */