@media (max-width: 768px) {

    .choose-sec {
        margin-top: 1.8rem !important;
    }
    #filterContainer{
        display: none;
        position: fixed !important;
        left: 0;
        top: 0 !important;
        z-index: 9999;
        transition: 1s all ease-in;
        
    }
    #filterContainer.active{
        display: block; 
        top: 100% important;
    }
}

@media (max-width: 575px) {

    .payment_icons img {
        height: 25px;
    }

    .toast {
        max-width: 100% !important;
    }

    .cta-sec .avatar-5xl {
        height: auto;
        width: 100%;
    }

    #swap-locations {
        top: auto !important;
        right: 20px !important;
        bottom: -20px !important;
        transform: translateX(0) rotate(90deg) !important;
    }
}