.bg-filter {
    background-color: #1c1c1c;
}

.card-body {
    background-color: #1c1c1c;
}

.locations-image-container img {
    width: 100%;
    height: 300px;
}

.pagination {
    background-color: #1c1c1c;
    border-radius: 4px;
    padding: 0.5rem;
}

.pagination .page-item {
    margin: 0 5px;
    padding: 0 3px;
  }

.pagination .page-link {
    color: #fff;
    background-color: #1c1c1c;
    border: 1px solid #444;
    border-radius: 4px;
    transition: background-color 0.3s, color 0.3s;
}

.pagination .page-link:hover {
    background-color: #333; 
    color: #fff;
    text-decoration: none;
}

.pagination .page-item.active .page-link {
    background-color: #444;
    border-color: #444;
    color: #fff;
}

.pagination .page-item.disabled .page-link {
    background-color: #333;
    border-color: #444;
    color: #777;
    cursor: not-allowed;
}

.header {
    text-align: center;
    padding: 20px;
    background-color: #161616;
    color: white;
    border-color: #EDB115;
  }

.mt-200 {
    margin-top: 200px !important;
}

.mt-10 {
    margin-top: 6rem !important;
}

.mb-10 {
    margin-bottom: 6rem !important;
}

.location-description {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.dropdown-menu {
    transition: all 0.3s ease;
    opacity: 0;
    visibility: hidden;
    background-color: #161616;
    color: white;
}

.option_dropdown {
    color: white !important
}