.temp-act {

    .row {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    img {
        width: 100%;
        height: auto;
    }

    .col-lg-7 {
        width: 60%;
        padding-right: 32px;
    }

    .col-lg-5 {
        width: 39%;
    }

    .mt-3, .mt-5 {
        margin-top: 24px;
    }

    .mb-3, .mb-5 {
        margin-bottom: 24px;
    }

    .mr-3, .mr-1 {
        margin-right: 24px;
    }

    .activityMetaContainer {
        padding: 0.25rem 0.75rem;

        p, i, em, strong, div, span {
            font-size: 12px !important;
        }
    }

    @media only screen and (max-width: 768px) {
        .col-lg-7, .col-lg-5 {
            width: 100%;
            padding-right: 0;
        }
    }

    .activityImage img {
        border-radius: 0.375rem;
        aspect-ratio: 3 / 2;
        object-fit: cover;
        object-position: top;
    }

    .swiper img {
        border-radius: 0.375rem;
    }
    
    .swiper h4 {
        padding: 16px 0 0 0;
    }
}