:root{
      --brand:#00b38f;
      --brand-dark:#008066;
      --accent:#ffb400;
    }

    /* Sticky + transparent then colored on scroll */
    .navbar {
      transition: background-color .3s, box-shadow .3s;
      background: rgb(113 58 147);
    }
    .navbar.scrolled {
      background: var(--brand);
      box-shadow: 0 4px 18px rgba(0,0,0,0.12);
    }

    .navbar-brand { font-weight:700; color:#fff !important; letter-spacing:0.2px; }

    /* Nav link hover animation */
    .nav-link {
      color: #fff !important;
      position: relative;
      transition: color .15s ease;
    }
    .nav-link::after{
      content:"";
      position:absolute;
      left:50%;
      transform:translateX(-50%) scaleX(0);
      bottom:-6px;
      width:60%;
      height:3px;
      background:var(--accent);
      transition: transform .2s ease;
      transform-origin:center;
      border-radius:3px;
    }
    .nav-link:hover::after{ transform:translateX(-50%) scaleX(1); }
    .nav-link:hover{ color:#fff !important; }

    /* Banner */
    .banner img { width:100%; height:auto; display:block; object-fit:cover; }

    /* Section headings */
    .section-title { font-weight:700; color:#123; margin-bottom:1rem; }

    /* Gallery */
    .gallery-img{
      cursor:pointer;
      transition: transform .25s ease, box-shadow .25s ease;
    }
    .gallery-img:hover{ transform: scale(1.03); box-shadow:0 8px 20px rgba(0,0,0,0.12); }

    /* Footer */
    footer{ background:#0b0b0b; color:#ddd; padding:40px 0; }
    .social a{ color:#ddd; margin-right:12px; font-size:1.25rem; transition: transform .15s, color .15s;}
    .social a:hover{ transform:translateY(-3px); color:var(--accent); }

    /* Responsive small tweaks */
    @media (max-width:576px){
      .navbar-nav .nav-link{ padding:0.45rem 0; }
    }

    /* Utility */
    .card-news { border:none; transition: transform .18s ease, box-shadow .18s ease; }
    .card-news:hover { transform: translateY(-6px); box-shadow: 0 12px 30px rgba(0,0,0,0.12); }
.lead
{
    text-align: justify;
    font-size: 20px;
}

    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 3px;
        font-size: 14px;
        padding-left: var(--bs-navbar-nav-link-padding-x);
    }


:root {
  --brand: #00b38f;
  --brand-dark: #008066;
  --accent: #ffb400;
  --purple: #713a93;
}

.navbar {
  transition: background-color .3s, box-shadow .3s;
  background: var(--purple);
}

.navbar.scrolled {
  background: var(--brand);
  box-shadow: 0 4px 18px rgba(0,0,0,0.12);
}

.navbar-brand {
  font-weight: 700;
  color: #fff !important;
  letter-spacing: 0.2px;
}

.nav-link {
  color: #fff !important;
  position: relative;
  transition: color .15s ease;
  font-weight: 500;
  font-size: 14px;
  padding-right: 6px !important;
  padding-left: 6px !important;
}

.nav-link::after {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%) scaleX(0);
  bottom: -6px;
  width: 60%;
  height: 3px;
  background: var(--accent);
  transition: transform .2s ease;
  transform-origin: center;
  border-radius: 3px;
}

.nav-link:hover::after {
  transform: translateX(-50%) scaleX(1);
}

.dropdown-menu {
  border: 0;
  border-radius: 8px;
  padding: 10px 0;
  box-shadow: 0 10px 30px rgba(0,0,0,0.12);
}

.dropdown-item {
  font-size: 14px;
  padding: 9px 18px;
}

.dropdown-item:hover {
  background: #f6edf8;
  color: var(--purple);
}

/* Desktop hover dropdown */
@media (min-width: 992px) {
  .hover-dropdown:hover > .dropdown-menu {
    display: block;
    margin-top: 0;
  }

  .dropdown-submenu {
    position: relative;
  }

  .dropdown-submenu > .submenu {
    display: none !important;
    position: absolute;
    top: 0;
    left: 100%;
    min-width: 220px;
    background: #fff;
  }

  .dropdown-submenu:hover > .submenu {
    display: block !important;
  }
}

/* Mobile dropdown */
@media (max-width: 991px) {
  .navbar-collapse {
    background: var(--purple);
    padding: 15px;
    margin-top: 10px;
    border-radius: 10px;
  }

  .navbar-nav .nav-link {
    padding: 10px 0 !important;
  }

  .nav-link::after {
    display: none;
  }

  .dropdown-menu {
    box-shadow: none;
    border-radius: 8px;
    margin-bottom: 8px;
  }

  .dropdown-submenu > .submenu {
    display: none;
    position: static;
    margin-left: 12px;
    margin-top: 5px;
    background: #fff;
  }

  .dropdown-submenu.open > .submenu {
    display: block;
  }
}