.packages-3 {
    display: grid;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 25px;
}
section.package-filter-wrapper .col-lg-3 {
    flex: 0 0 auto;
    width: 25%;
}
section.package-filter-wrapper .row {
    display: flex;
    gap: 10px;
}

form.filter-sidebar {
    padding-right: 20px;
}
form.filter-sidebar h5 {
    font-size: 22px !important;
    margin-bottom: 20px;
    font-weight: bold;
}
form.filter-sidebar hr {
    margin-bottom: 30px;
    margin-top: 30px;
}
form.filter-sidebar .btn {
        padding: 7px 16px;
    border-radius: 20px;
    text-decoration: none;
    font-size: 13px;
    transition: 0.3s;
    border-color: #f5b32f;
    margin-top: 20px;
}
form.filter-sidebar h4 {
    color: #02676f;
    font-weight: 600;
}
.propagination {
    display: flex;
    justify-content: center;
    margin-top: 30px;
    flex-wrap: wrap;
    gap: 10px;
}
.propagination .current {
    background-color: #03666d;
    color: #fff;
    border-color: #f5f5f5;
    font-weight: bold !important;
    pointer-events: none;
    display: flex;
    align-items: center;
}
.propagination a, .propagination span {
    display: inline-block;
    padding: 8px 16px;
    font-size: 14px;
    background-color: #f5f5f5;
    color: #000000;
    border: 1px solid #ddd;
    border-radius: 4px;
    text-decoration: none;
    transition: background-color 0.3s ease;
}

.mobile-filter-btn{
display:none;
position:fixed;
bottom:100px;
right:20px;
background:#000;
color:#fff;
padding:12px 18px;
border-radius:30px;
font-weight:600;
z-index:9999;
cursor:pointer;
}

/* Overlay */

.mobile-filter-overlay{
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
background:rgba(0,0,0,0.4);
opacity:0;
visibility:hidden;
transition:0.3s;
z-index:9998;
}

.mobile-filter-overlay.active{
opacity:1;
visibility:visible;
}

/* Filter panel */

.mobile-filter-panel{
background:#fff;
height:100%;
}

.mobile-filter-close{
display:none;
}

/* Mobile styles */

@media(max-width:991px){

.mobile-filter-btn{
display:block;
}
.mobile-filter-panel.active form.filter-sidebar {
    margin-top: 170px;
}
section.package-filter-wrapper .row{
        flex-direction: column;
}
.packages-3 {
 grid-template-columns: repeat(1, 1fr) !important;
}
.mobile-filter-panel{
position:fixed;
top:0;
left:-320px;
width:300px;
height:100%;
background:#fff;
overflow:auto;
transition:0.3s;
z-index:9999;
padding:20px;
}

.mobile-filter-panel.active{
left:0;
}

.mobile-filter-close{
display:block;
font-size:28px;
background:none;
border:none;
position:absolute;
right:15px;
/*top:10px;*/
cursor:pointer;
margin-top: 160px;
}

}