body {
    font-family: 'Poppins', sans-serif;
    margin: 0;
    padding: 0;
    background-color: #ffffff;
  }

  /* Navbar Styles */
  .navbar {
    background-color: white;
    transition: background-color 0.3s ease, color 0.3s ease;
    --bs-navbar-padding-y: 0.15rem;
    --bs-navbar-brand-padding-y: 0.15rem;
  }

  /* Navbar text color */
  .navbar .nav-link,
  .navbar .navbar-brand {
    color: #421F6F;
    transition: color 0.3s ease;
  }

  /* Center the navbar items */
  .navbar-nav {
    margin: 0 auto;
  }

  .navbar .nav-link:hover {
    color: #FFB907;
  }

    /* Colors for buttons */
    .violet_bg {
    background-color: #421F6F;
    color: white;
  }

  .yellow_bg {
    background-color: #FFB907;
    color: white;
  }

  /* Hover effect for buttons */
  .btn-login:hover,
  .btn-signup:hover,
  .btn.yellow_bg:hover,
  .btn.violet_bg:hover {
    background-color: transparent;
    border: 2px solid; /* Add border */
  }

  /* Set border colors to match background colors */
  .btn-login:hover {
    border-color: #FFB907; /* Match yellow background */
    color: #FFB907;
  }

  .btn-signup:hover {
    border-color: #421F6F; /* Match violet background */
    color: #421F6F;
  }

  .btn.yellow_bg:hover {
    border-color: #FFB907;
    color: #FFB907;
  }

  .btn.violet_bg:hover {
    border-color: #421F6F;
    color: #421F6F;
  }

  /* Fully rounded button styles */
  .btn-rounded {
    border-radius: 50px; /* Fully rounded left and right edges */
  }

  /* Footer Section Styling */
  .footer-section {
    background-color: #421F6F;
    color: #ffffff;
  }

  .footer-title {
    font-weight: 600;
    color: #FFB907;
    margin-bottom: 1rem;
  }

  .footer-link {
    position: relative;
    color: #ffffff;
    text-decoration: none;
  }
  /* Adding underline animation */
  .footer-link::after {
      content: "";
      position: absolute;
      left: 0;
      bottom: 0;
      width: 0;
      height: 2px; /* Adjust thickness of underline */
      background-color: #FFB907; /* Adjust color of underline */
      transition: width 0.3s ease; /* Adjust duration and timing as needed */
  }

  .footer-link:hover{
    color: #FFB907;
  }

  /* Animation on hover */
  .footer-link:hover::after {
      width: 100%; /* Expands underline from left to right */
      
  }

  .social-icons a {
    color: #FFB907;
    transition: color 0.3s;
  }

  .social-icons a:hover {
    color: #ffffff;
  }

  /* Footer Bottom Styling */
  .footer-bottom {
    font-weight: 600;
    background-color: #FFB907;
    color: #ffffff;
  }

  #overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5); /* Dark transparent */
    display: none; /* Hidden by default */
    z-index: 998; /* Slightly below the navbar */
  }

  #overlay.active {
    display: block; /* Show overlay when active */
  }

  /* Title */
  .section-title {
  font-size: 2.5rem;
  font-weight: 600;
  color: #421F6F;
  margin-bottom: -10px;
  }
  
  /* Alignments for smaller screens */
  @media (max-width: 768px) {
    .content {
      max-width: 100%;
      text-align: center;
      margin: 0 auto;
    }
  }