html, body {
    height: auto !important;
    overflow-y: auto !important;
}

.sessions,
.sessions__container,
.content {
    overflow: visible !important;
    width: 100%;
}



@media (max-width: 768px){

    .sessions__grid{
        grid-template-columns: repeat(2, 1fr);
        gap: 12px;
    }

    .session-card img{
        height: 120px;
    }

    .session-card__title{
        font-size: 12px;
        padding: 8px;
    }
    .sessions__grid{
        align-items: start;
    }
    .content {
        width: 100%;
    }
    .session-card{
        display: flex;
        flex-direction: column;
    }
    .mobile-nav__icon-wrap {
        width: 40px;
        height: 30px;
    }
    .page-btn {
        width: 32px;
        height: 32px;
    }
    .pagination {
        gap: 0;
    }
    .mobile-nav__icon {
        width: 25px;
        height: 25px;
    }
}