/* ============================================================
   PRIMAX IT — small fixes & light polish
   (The earlier full visual redesign has been reverted per request.
   This file keeps the original design as-is and only:
   1) adds a Bangla-script font fallback,
   2) fixes a real layout bug (long email addresses overflowing
      their card on small screens),
   3) adds a very small hover "lift" to a couple of card types that
      already have this effect elsewhere in the template (e.g.
      .single-blog) but were missing it — same shadow values the
      template already uses, nothing new introduced.
   No colors, fonts choices (beyond the Bangla fallback), layout or
   structure are changed from the original design.
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Bengali:wght@400;500;600;700&display=swap');

/* Same fonts the original design already used (Poppins / Roboto) —
   Noto Sans Bengali is only appended as a fallback for Bangla script,
   so non-Bangla text renders exactly as before. */
body,
h1, h2, h3, h4, h5, h6,
span, li, a, input, textarea, button {
    font-family: 'Poppins', 'Noto Sans Bengali', sans-serif;
}

p {
    font-family: 'Roboto', 'Noto Sans Bengali', sans-serif;
}

/* ---------- Bug fix: long email addresses overflowing their card ----------
   .contact-info h3 is 30px/bold, sized for short phone numbers. An email
   address has no spaces to naturally break on, so on narrow screens it
   was overflowing past the edge of the white card. This lets it wrap
   and shrinks it slightly on small screens so it always stays inside
   the card, matching how the phone number already looks. */
.contact-info h3 {
    overflow-wrap: anywhere;
    word-break: break-word;
}

/* ---------- Small hover polish ----------
   Reuses the exact lift/shadow the template already applies to
   .single-blog on hover, extended to a couple of card types that
   didn't have it, for a slightly more polished, consistent feel. */
.single-promo:hover,
.contact-info:hover {
    -webkit-transform: translateY(-7.5px);
    transform: translateY(-7.5px);
    -webkit-box-shadow: 0 0.313rem 0.875rem rgba(45, 49, 54, 0.12);
    box-shadow: 0 0.313rem 0.875rem rgba(45, 49, 54, 0.12);
}