html,
 body {
     -ms-overflow-style: none;
     scrollbar-width: none;
     font-family: 'Inter', sans-serif !important;
 }


 /* Preserve Font Awesome icons */
 .fa,
 .fas,
 .far,
 .fal,
 .fab {
     font-family: "Font Awesome 6 Free", "Font Awesome 6 Brands" !important;
 }

 ::-webkit-scrollbar {
     display: none;
 }

 .calligraphy-bg {
     background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100'%3E%3Ctext x='50' y='50' text-anchor='middle' dominant-baseline='middle' font-family='serif' font-size='60' fill='%23f0f9f0' opacity='0.3'%3Eﷲ%3C/text%3E%3C/svg%3E");
     background-size: 200px 200px;
     background-repeat: repeat;
 }


 .nav-link.active {

     @apply text-islamic-green font-semibold;
 }

 .highlighted-section {
     outline: 2px solid #3F20FB;
     background-color: rgba(63, 32, 251, 0.1);
 }

 .edit-button {
     position: absolute;
     z-index: 1000;
 }

 ::-webkit-scrollbar {
     display: none;
 }




 /* floating WhatsApp button styles */
 #whatsapp-float {
     position: fixed;
     right: 20px;
     /* distance from right edge */
     bottom: 20px;
     /* distance from bottom edge */
     width: 56px;
     height: 56px;
     background: #25D366;
     /* WhatsApp green */
     border-radius: 50%;
     display: flex;
     align-items: center;
     justify-content: center;
     box-shadow: 0 6px 18px rgba(0, 0, 0, 0.18);
     z-index: 9999;
     text-decoration: none;
     transition: transform .15s ease, box-shadow .15s ease;
 }

 #whatsapp-float:hover {
     transform: translateY(-4px);
     box-shadow: 0 10px 24px rgba(0, 0, 0, 0.22);
 }

 #whatsapp-float svg {
     fill: white;
     display: block;
 }
 
 /* Partners grid wrapper */
.partner-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
  gap: 1rem;               /* spacing between boxes */
  align-items: center;
}

/* Partner box (uniform card) */
.partner-box {
  background: #ffffff;
  border-radius: 0.5rem;   /* rounded corners */
  box-shadow: 0 1px 3px rgba(0,0,0,0.06);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.6rem;
  overflow: hidden;
  transition: transform .25s ease, box-shadow .25s ease;
  height: 120px;           /* mobile default */
}

/* Hover effect */
.partner-box:hover {
  transform: translateY(-4px) scale(1.02);
  box-shadow: 0 8px 24px rgba(0,0,0,0.12);
}

/* Image styling: maintain aspect ratio, centered, not stretched */
.partner-box img {
  display: block;
  width: auto;
  height: 80%;           /* fits inside the box */
  max-width: 100%;
  object-fit: contain;
}

/* RESPONSIVE sizes - progressively larger boxes for bigger screens */
@media (min-width: 640px) { /* sm / small tablets */
  .partner-box { height: 140px; }
  .partner-box img { height: 78%; }
}

@media (min-width: 768px) { /* md / tablets */
  .partner-box { height: 160px; }
  .partner-box img { height: 80%; }
}

@media (min-width: 1024px) { /* lg / desktop */
  .partner-box { height: 200px; }
  .partner-box img { height: 85%; }
}

/* Optional: center section and limit max width */
#partners .container { max-width: 1200px; margin: 0 auto; padding-left: 1rem; padding-right: 1rem; }

 /* Small-screen tweak */
 @media (max-width:480px) {
     #whatsapp-float {
         right: 14px;
         bottom: 14px;
         width: 50px;
         height: 50px;
     }
 }

 /*  floating WhatsApp End */

 @media (min-width: 1920px) {
  #hero_banner {
    max-width: 110%;
    transform: translateX(5%);
  }
}
 @media(min-width:1380px) {

     #hero_banner {
        max-width: 110%;
        transform: translateX(5%);
     }
 }

 @media(max-width:1180px) {}

 @media(max-width:980px) {}

 @media(max-width:780px) {}

 @media(max-width:680px) {}

 @media(max-width:480px) {}