.shuffle .pb-4 {
    padding-bottom: 0px !important;
}
    .shuffle-header .navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 6px!important;
    padding-left: 6px!important; padding-bottom: 0px!important;
}
    .shuffle-header .navbar-expand-lg .navbar-nav  {
    margin-top: 6px!important;
}
    .shuffle-header .navbar-expand-lg li.nav-item  {
    margin-bottom: 0px!important;
}
.s_site_search_input {
width: 100%!important; 
padding: 13px 12px 13px 34px; /* Space inside the input */
border: 2px solid #ccc; /* Border styling */
border-radius: 0px; /* Rounded corners */
font-size: 14px; /* Font size */
outline: none; /* Remove outline */
transition: border-color 0.3s; /* Smooth transition for focus */
margin-right: 0.025rem !important; margin-top:1px!important; 
}
.s_site_search_input:focus {
border-color: #007BFF; /* Change border color on focus */
}
.s_site_search_input::placeholder {
color: #aaa; /* Placeholder text color */
font-style: italic; /* Italicize placeholder text */
font-size: 15px;
}
.s_site_search_input:hover {
border-color: #888; /* Change border color on hover */
}
.search-container {
position: relative; 
margin-right: 0px; float: left;
}
.search-container-mobile {
position: relative;
}
.search-icon {
position: absolute; /* Position it absolutely within the container */
left: 10px; /* Distance from the left */
top: 50%; /* Center it vertically */
transform: translateY(-50%); /* Adjust for perfect centering */
color: #aaa; /* Icon color */
}
.fa-search {
font-size: 24px;
}
.shuffle-header {overflow: visible!important;}  
    /* Navbar styling */
    .navbar2 {
        background-color: #F1F1F1;
        min-height: 40px; padding-top: 1px; padding-bottom: 10px;
      }
      @media (max-width: 991px) {
     .navbar2 .container-fluid {
      position: relative; /* Keeps toggler in place */
    }     
    .navbar-nav {
      margin-top: 10px;
    }
    .nav-item.dropdown:first-of-type {
      margin-top: 10px;
    }
      }
        .nav-item.dropdown.show .dropdown-menu {
          display: block;  z-index: 1100; /* Higher than navbar and other content */
        }
      }
      .navbar-nav {
        margin-left: auto;
        margin-right: auto;
      }
      .nav-link {
        color: black; 
         padding: 7px 22px!important;
      }
      .nav-link.store {
        color: red!important;
      }
      .nav-link:hover, .nav-link:focus {
        background-color: red;
        color: white!important;
      }
      .dropdown-menu {
        border-left: 1px solid black;
        border-right: 1px solid black;
        border-bottom: 1px solid black; /* Black border around dropdown */
        border-radius: 0; /* Remove border radius */
        display: none; /* Hide dropdown by default */
        opacity: 0; /* Make it transparent */
        transition: opacity 0.2s ease-in-out; /* Smooth fade-in */
        padding: 0; /* Remove default Bootstrap padding */
      }
      .dropdown-item {
        color: black; /* Black links in dropdown */
        background-color: white; /* White background for subitems */
        border-top: 1px solid black; /* Black border between items */
        padding: 8px 16px; /* Consistent padding */
      }
      .dropdown-item:hover {
        background-color: red;
        color: white;
      }
      .navbar-nav .nav-link.active {
        background-color: red;
        color: white;
      }
      .dropdown-toggle::after {
        display: none!important;
      }
      @media (min-width: 992px) {
        .nav-item.dropdown:hover .dropdown-menu {
          display: block;
          opacity: 1;
        }
      }
      @media (max-width: 991px) {
        .dropdown-menu {
          display: none;
          opacity: 1;}
        .nav-item.dropdown.show .dropdown-menu {
          display: block;}
      }
      .nav-item.dropdown button {
        background: none;
        border: none;
        color: black;
        font-size: 1rem;
        cursor: pointer;
        width: 100%;
        text-align: left; margin-right: 22px;}
      .nav-item.dropdown button:hover,
      .nav-item.dropdown button:focus {
        background-color: red;
        color: white;}
  .navbar-toggler {
    border: none; /* Remove any border around the toggler */
    background-color: transparent; /* Make the background transparent */
    color: black; /* Set a color for the toggler icon */
    /* display: inline-block; Ensure it's displayed inline */
    padding: 12px 15px; /* Add padding to increase clickable area */
    font-size: 24px; /* Increase icon size */
    border-radius: 8px; /* Optional: adds some rounding */  
    width: 60px!important; /* Wider for easy tap */
    height: 50px!important; /* Taller for easy tap */
    display: flex;
    align-items: center;
    justify-content: center;  
  }
  .navbar-toggler-icon {
    background-color: black; /* Make the icon black */
    display: block; /* Ensure it's displayed as a block */
    width: 30px!important; /* Set a width for the icon */
    height: 2px!important; /* Set a height for each line */
    position: relative; /* Position relative to the container */
  }
  .navbar-toggler-icon:before, 
  .navbar-toggler-icon:after {
    content: ''; /* Ensure pseudo-elements are empty */
    background-color: black; /* Set color for the lines */
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    height: 2px;
    width: 100%;
  }
  .navbar-toggler-icon:before {top: -8px; /* Position the first line above */}
  .navbar-toggler-icon:after {bottom: -8px; /* Position the third line below */}
  /* Ensure the navbar-toggler is displayed when the screen is small */
  @media (max-width: 991px) {
    .navbar-toggler {display: inline-block; /* Ensure toggler is displayed */}
  }