@media (max-width:1024px){.top-menu-mobile-bg{background-color:#124b65;}}

@font-face {
    font-family: 'NesarAJ';
    src: url('font/VarendraAP-Regular_v7.ttf') format('truetype');
    font-weight: 400; /* Regular */
    font-style: normal;
}

@font-face {
    font-family: 'NesarAJ';
    src: url('font/VarendraAP-Semibold_v7.ttf') format('truetype');
    font-weight: 600; /* SemiBold */
    font-style: normal;
}

@font-face {
    font-family: 'NesarAJ';
    src: url('font/VarendraAP-Bold_v7.ttf') format('truetype');
    font-weight: 700; /* Bold */
    font-style: normal;
}

.my-contact-grid {
  display: grid;
  grid-template-columns: 1fr; /* মোবাইলের জন্য ১ কলাম */
  gap: 2rem;
  font-family: sans-serif; /* বেসিক ফন্ট সেট করা হলো */
}

/* মাঝারি স্ক্রিন (যেমন ট্যাব ও ডেস্কটপ) এর জন্য ৩ কলাম */
@media (min-width: 768px) {
  .my-contact-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

.my-contact-item {
  display: flex;
  align-items: flex-start;
  gap: 1rem; /* আইকন এবং লেখার মধ্যে ফাঁকা */
}

.my-contact-icon-circle {
  flex-shrink: 0;
  background-color: #0e7490; /* bg-cyan-700 */
  color: #ffffff;
  border-radius: 9999px; /* rounded-full */
  width: 3rem;  /* w-12 */
  height: 3rem; /* h-12 */
  display: flex;
  align-items: center;
  justify-content: center;
}

.my-contact-icon-circle i {
  font-size: 1.25em; /* fa-lg এর আনুমানিক সাইজ */
}

.my-contact-text h3 {
  font-size: 1.125rem; /* text-lg */
  font-weight: 600;    /* font-semibold */
  color: #1f2937;
  margin: 0 0 0.25rem 0;
}

.my-contact-text p {
  color: #4b5563; /* text-gray-600 */
  margin: 0;
  line-height: 1.6;
}

.my-contact-column {
  display: flex;
  flex-direction: column;
  gap: 1.5rem; /* প্রতিটি আইটেমের মধ্যে ফাঁকা */
}