/* Style the header with a grey background and some padding */
header {
    /* overflow: hidden; */
    background-color: transparent;
    /* padding: 20px 10px; */
    /* margin: 0px 140px 0px 140px; */
    align-items: center !important;
  }


  .footer {
    position: fixed;
    bottom: 0;
    width: 100%;
    background-color: #f0f0f0; /* Light gray background */
    text-align: center; /* Center text */
    padding: 20px 0; /* Padding top & bottom */
    margin-top: 30px; /* Adds space above the footer */
    font-size: 14px; /* Adjust text size */
    width: 100%; /* Ensure full width */
}
  
  /* Style the header links */
  header a span{
    float: left;
    color: black;
    text-align: center;
    padding: 15px;
    text-decoration: none;
    font-size: 15px !important;
    font-family: 'Poppins',sans-serif !important;
    line-height: 25px;
    border-radius: 4px;
  }
  
  
  /* Style the logo link (notice that we set the same value of line-height and font-size to prevent the header to increase when the font gets bigger */
  header a.nav-link {
    font-family: 'Poppins',sans-serif !important;
    font-weight: 500;
    font-size: 15px !important;
    line-height: 1.2em;
    color: black;
  }
  
  /* Change the background color on mouse-over */
  header a.nav-link:hover {
    color: #FC5F5F;
  }
  
  /* Style the active/current link*/
  header a.nav-link.active {
    background-color: transparent !important;
    color: #FC5F5F !important;
  }
  
  span.fs-4:hover
  {
    color: #FC5F5F;  
  }

  /* Float the link section to the right */
  .header-right {
    float: right;
  }

  /* Dropdown Menu */
.dropdown-menu {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    background: white;
    min-width: 200px;
    /* border: 1px solid #ddd; */
    /* border: ; */
    /* box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); */
    padding: 0;
    z-index: 1000;
    background-color: white;
}

a.dropdown-item{
  background-color: transparent !important;
  font-family: 'Poppins',sans-serif !important;
  font-weight: 500;
  /* font-size: 15px !important; */
  /* color: #FC5F5F !important; */
}


a.dropdown-item:hover{
  background-color: transparent !important;
  font-family: 'Poppins',sans-serif !important;
  font-weight: 500;
  font-size: 15px !important;
  color: #FC5F5F !important;
}

.dropdown-menu {
    list-style: none;
}

.dropdown-menu a {
    display: block;
    color: black;
    padding: 10px;
    text-decoration: none;
    font-size: 14px;
    transition: background 0.3s ease-in-out;
}
a.btn.btn-secondary.dropdown-toggle{
  background-color: transparent !important;
  color: black !important;
  border: none;
  font-family: 'Poppins',sans-serif !important;
  font-weight: 500;
  font-size: 15px !important;
  line-height: 1.2em;
}

a.btn.btn-secondary.dropdown-toggle:hover{
  color: red !important;
}
.dropdown-menu a:hover {
    background: #ff6666;
    color: white;
}

/* Show dropdown on hover */
.dropdown:hover .dropdown-menu {
    display: block;
}
  
  /* Add media queries for responsiveness - when the screen is 500px wide or less, stack the links on top of each other */
  @media screen and (max-width: 500px) {
    .header a {
      float: none;
      display: block;
      text-align: left;
    }
    .header-right {
      float: none;
    }
  }
  
  .img-fluid.rounded
  {
  width: 200px;
  height: 300px;
  display: block;
  margin: 0 auto;
  }