.team-social img{
	    width: 35px;
    margin: 10px;
}

.naamal-subscription{
	text-align:center;
}
.naamal-subscription-btn{
font-size: 16px !important;
    background: transparent !important;
    padding: 10px 73px !important;
    border: 1px solid #000000 !important;
    border-radius: 69px !important;
    color: #000 !important;
}

.naamal-subscription-input{
padding: 16px 20px !important;
border-radius: 12px !important;
height: 56px !important;
    border: 1px solid #e6e6e6 !important;
    width: 100%;
}

img.ourImpactImg.img-webinar {
    max-width: 100%;
}

/* ============================================================================
   HEADER

   The header rules live in Additional CSS rather than style.css because this is
   the last stylesheet the browser loads. The Donate button and the nav-link
   sizing were already declared here with !important, so equivalent rules in
   style.css would be silently overridden. Everything visual that does not
   collide with these rules is in style.css under NAVIGATION.
============================================================================ */

/* --- Donate button ---
   Donate now sits outside the expandable menu as `#stickyNav .nm-navDonate`
   (also keeps `.custom-donate` for older selectors). Rebuilt to match the pill
   buttons on the homepage. */
#stickyNav .nm-navDonate,
#stickyNav .custom-donate .nav-link,
#stickyNav a.custom-donate {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  /* Slightly tighter on narrow phones so logo + Donate + menu stay one row. */
  padding: 10px 18px;
  border-radius: 999px;
  background: var(--nm-teal);
  color: #fff;
  font-family: inherit;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.2;
  text-decoration: none;
  text-shadow: none;
  white-space: nowrap;
  box-shadow: 0 8px 20px rgba(30, 120, 124, 0.26);
  transition: background-color 0.25s var(--nm-ease), box-shadow 0.25s var(--nm-ease),
    transform 0.25s var(--nm-ease);
}

@media (min-width: 768px) {
  #stickyNav .nm-navDonate,
  #stickyNav .custom-donate .nav-link,
  #stickyNav a.custom-donate {
    padding: 12px 26px;
    font-size: 15px;
  }
}

#stickyNav .nm-navDonate:hover,
#stickyNav .nm-navDonate:focus,
#stickyNav .custom-donate .nav-link:hover,
#stickyNav .custom-donate .nav-link:focus,
#stickyNav a.custom-donate:hover,
#stickyNav a.custom-donate:focus {
  background-color: var(--nm-teal-dark);
  color: #fff;
  text-decoration: none;
  transform: translateY(-2px);
  box-shadow: 0 12px 26px rgba(30, 120, 124, 0.32);
}

/* --- Menu items inside the expandable list --- */
#stickyNav .navbar-nav .nav-item .nav-link {
  padding: 12px 8px;
  font-size: 1rem;
  font-weight: 500;
}

#stickyNav .navbar-nav .nav-item {
  margin-left: 0;
  margin-right: 0;
}

ul#menu-top-header-menu {
  align-items: stretch;
  width: 100%;
}


/* ============================================================================
   EVERYTHING BELOW IS UNCHANGED FROM THE ORIGINAL ADDITIONAL CSS
============================================================================ */

/* p {
    text-align: justify;
} */

.custom-built {
  text-align: center;
}

.nav .nav-item {
    margin-left: 0px;
    padding: 0px 0px;
}

/* This block has never taken effect: the @media line is missing its opening
   brace, so the browser discards the whole thing. It is commented out rather
   than repaired, because repairing it would switch on footer styles that have
   never actually been applied — worth deciding on separately.

@media only screen and (min-width: 1024px) {
  .custom-built {
    padding-right: 15px !important;
    max-width: 1500px !important;
  }
}
*/

/* Add side padding to all main content sections */
section, .introContainer, .ourImpactContainer {
  padding-left: 10px;
  padding-right: 10px;
}