   :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;
}