/* contact */
 .contact-wrapper {
      max-width: 1100px;
      width: 100%;
    }

    .section-title {
      letter-spacing: 0.08em;
      text-transform: uppercase;
      font-size: 0.85rem;
      color: #9ca3af;
    }

    .main-heading {
      font-weight: 700;
      font-size: 1.9rem;
    }

    /* Card styling */
    .contact-card {
      border: none;
      border-radius: 1.2rem;
      background: rgb(71 186 231);
      backdrop-filter: blur(10px);
      box-shadow: 0 18px 45px rgba(0, 0, 0, 0.45);
      transition: transform 0.35s ease, box-shadow 0.35s ease, background 0.35s ease;
      overflow: hidden;
      position: relative;
    }

    .contact-card::before {
      content: "";
      position: absolute;
      inset: 0;
      border-radius: inherit;
/*      background: linear-gradient(135deg, rgba(96,165,250,0.4), rgba(244,114,182,0.35));*/
      opacity: 0;
      transition: opacity 0.35s ease;
      z-index: -1;
    }

    .contact-card:hover {
      transform: translateY(-10px) scale(1.02);
      box-shadow: 0 24px 60px rgba(15, 23, 42, 0.9);
      background: rgb(50 120 47);
    }

    .contact-card:hover::before {
      opacity: 1;
    }

    .badge-tag {
      font-size: 0.7rem;
      text-transform: uppercase;
      letter-spacing: 0.12em;
      border-radius: 999px;
      padding: 4px 10px;
      background: rgb(77 155 31);
      color: #e5e7eb;
    }

    .name-text {
      font-size: 1.1rem;
      font-weight: 600;
      margin-bottom: 0.15rem;
      color: #fff;
    }

    .mobile-text {
      font-size: 0.95rem;
      color: #fff;
      margin-bottom: 0;
    }

    .avatar-circle {
      width: 44px;
      height: 44px;
      border-radius: 999px;
      background: radial-gradient(circle at 30% 20%, #427e0d, #65dd72);
      display: flex;
      align-items: center;
      justify-content: center;
      font-weight: 600;
      font-size: 1.1rem;
      color: #f9fafb;
      box-shadow: 0 0 0 2px rgba(15,23,42,0.9);
    }

    .glow-dot {
      width: 8px;
      height: 8px;
      border-radius: 999px;
      background: #22c55e;
      box-shadow: 0 0 12px rgba(34,197,94,0.9);
    }

    .label-muted {
      font-size: 0.78rem;
      text-transform: uppercase;
      letter-spacing: 0.15em;
      color: #fff;
    }

    /* Animation */
    @keyframes fadeUp {
      0% {
        opacity: 0;
        transform: translateY(25px) scale(0.96);
      }
      100% {
        opacity: 1;
        transform: translateY(0) scale(1);
      }
    }

    .fade-up {
      opacity: 0;
      animation: fadeUp 0.8s ease-out forwards;
    }

    .delay-1 { animation-delay: 0.1s; }
    .delay-2 { animation-delay: 0.25s; }
    .delay-3 { animation-delay: 0.4s; }

    @media (max-width: 767.98px) {
      .main-heading {
        font-size: 1.4rem;
      }

/*   logo   */

@media ( max-width: 600px) {
    .logo{
        font-size: 17px;
    }
  }