.left-align {
    float: left; /* Ensures that the image behaves like a block-level element */
}
.right-align {
       float: right;
        }



        .dropbtn {
  background-color: #ffec45;
  color: white;
  padding: 16px;
  font-size: 16px;
  border: none;
}

.dropdown {
  position: relative;
  display: inline-block;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f1f1f1;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

.dropdown-content a:hover {background-color: #ddd;}

.dropdown:hover .dropdown-content {display: block;}

.dropdown:hover .dropbtn {background-color: #3e8e41;}



.image-container {
    position: relative;
    text-align: center;
}


.left-image {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    max-width: 100px; /* Adjust size for desktop */
    height: auto;
}

.right-image {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    max-width: 100px; /* Adjust size for desktop */
    height: auto;
}

.text-center {
    position: relative;
    z-index: 1;
}




.site-header {
    background-color: #ccba14; /* Adjust background color as needed */
    padding: 10px 0; /* Adjust padding as needed */
}

.search-form {
    display: flex;
    align-items: center;
}

.search-form input {
    border-radius: 20px; /* Adjust the border radius as needed */
    border: 1px solid #ced4da; /* Adjust the border color as needed */
    padding: 5px 10px;
}

.search-form button {
    border-radius: 20px; /* Adjust the border radius as needed */
    background-color: #1b1c55; /* Adjust the button color as needed */
    color: white;
    border: none;
    padding: 5px 10px;
}

.search-form button:hover {
    background-color: #0056b3; /* Adjust the hover color as needed */
}

h5 {
    margin: 0; /* Remove default margin to prevent spacing issues */
}

.text-center {
    text-align: center;
}

.logo img {
    max-height: 50px; /* Adjust the height as needed */
    width: auto; /* Keep aspect ratio */
}

.market-img {
        max-height: 400px; /* Adjust this value as needed */
        object-fit: cover;
    }

    
    /* Make carousel control arrows black */
    .carousel-control-prev-icon,
    .carousel-control-next-icon {
        background-color: black;
        border-radius: 50%;
    }





    .visitor-stats-box {
    background-color: #ccba14; /* Light background */
    padding: 10px;
    border-radius: 5px;
    text-align: left;
}

.visitor-stats-box h5 {
    margin-bottom: 10px;
    font-weight: bold;
}

.visitor-stats-box p {
    margin: 0;
}
   
.site-footer {
    width: 100%; /* Full width */
    height: 560px; /* Adjust height as needed */
    padding: 20px; /* Optional padding */
    text-align: center; /* Center align content */
}
.site-footer-top {
    width: 100%; /* Full width */
    height: 70px; /* Adjust height as needed */
    padding: 20px; /* Optional padding */
    text-align: center; /* Center align content */
}




.about-section {
    background-color: linear-gradient(to bottom, #000435, #ffffff);
    padding: 50px 0;
}

.img-fluid {
    max-width: 250px; /* Adjust the size of admin images */
    border: 5px solid #fff;
    height: auto;
}

.text-white {
    color: #ffffff;
}

@media (max-width: 768px) {
    .col-lg-4, .col-md-4 {
        margin-bottom: 20px; /* Adjust spacing for smaller screens */
    }
}

.admin-image {
    width: 350px; /* Adjust the width as needed */
    height: 500px; /* Adjust the height as needed */
    object-fit: cover; /* Ensures the image covers the entire area without distortion */
}

.text-white {
    color: #ffffff;
    text-align: center;
}

.nav-container {
    background-color: white; /* White background for the container */
    border-radius: 5px; /* Rounded corners */
    padding: 10px 10px; /* Padding inside the container */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Optional shadow for depth */
    display: inline-block; /* Inline block to wrap around the content */
}







/* Basic styling for the navigation links */
.navbar-nav .nav-link {
    color: #ffffff; /* Default text color */
    padding: 10px 20px; /* Adjust padding for better click area */
    border-radius: 25px; /* Oval shape for hover effect */
    transition: background-color 0.3s ease, color 0.3s ease; /* Smooth transition */
}

/* Styling for the active/hover state */
.navbar-nav .nav-link:hover,
.navbar-nav .nav-link.active {
    background-color: #000435; /* Dark blue background */
    color: #fff; /* White text color */
}

/* Styling for dropdown content */
.dropdown-content {
    display: none; /* Hide dropdown by default */
    position: absolute;
    background-color: #fff; /* Background color for dropdown */
    min-width: 160px; /* Minimum width for dropdown */
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); /* Shadow for dropdown */
    z-index: 1; /* Ensure dropdown is on top */
}

/* Show dropdown on hover */
.dropdown:hover .dropdown-content {
    display: block;
}

/* Styling for dropdown links */
.dropdown-content a {
    color: #000; /* Text color for dropdown items */
    padding: 12px 16px; /* Padding for dropdown items */
    text-decoration: none; /* Remove underline from links */
    display: block; /* Block display for dropdown items */
}

/* Change color on hover for dropdown items */
.dropdown-content a:hover {
    background-color: #f1f1f1; /* Light background color on hover */
}



.carousel-caption {
    background-color: rgba(0, 0, 0, 0.5); /* Transparent background for better readability */
    padding: 20px;
    border-radius: 10px;
}