strong {
    font-weight: bold;
}

.activity-list-section .event-card .event-content ul li strong {
    font-weight: none;
}

.bk-color-white {
    background-color: white;
}

.bk-color-light-gray {
    background-color: #f8f8f8
}

.bk-color-light-green {
    background-color: #ccffcc
}

/* Block */
div.textarea-block {
  padding-top: 134px;
  padding-bottom: 125px;
}

.textarea-block:has(.title-of-guide){
    padding-bottom: 10px;
}

div.image-and-description-block {
    section {
        /* padding-top: 150px !important;
        padding-bottom: 150px !important; */
        padding: 150px 25px !important;
        margin: auto !important;
        max-width: 1680px;
        /* height: 1100px; */
        display: flex;
        align-items: center;
        &.align-top {
            .textarea-container {
                margin-bottom: auto;
            }
        }
        .textarea-container {
            flex: 1;
        }
        &.block-for-circle {
            gap: 150px;
            .image-container {
                width: 604px;
                height: 574px;
                position: relative;
            }
            .image-container .image-shape {
                position: absolute;
                right: 0px;
                bottom: 0px;
                border: 3px #802571 solid;
                width: 513px;
                height: 513px;
                border-radius: 50%;
            }

            .image-container img {
                position: absolute;
                left: 0px;
                top: 0px;
                width: 531px;
                height: 531px;
                border-radius: 50%;
                object-fit: cover;
            }
        }
        &.block-for-pill {
            gap: 100px;
            .image-container {
                min-width: 560px;
                height: 788px;
                position: relative;
            }
            .image-container .image-shape {
                position: absolute;
                right: 0px;
                top: 0px;
                border: 3px #802571 solid;
                width: 500px;
                height: 738px;
                border-radius: 250px;
            }

            .image-container img {
                position: absolute;
                left: 0px;
                bottom: 0px;
                width: 500px;
                height: 738px;
                height: auto;
                border-radius: 250px;
                object-fit: cover;
            }
        }
    }
}


div.common-page-sectiion {
    padding: 87px 25px 77px 25px !important;
    margin: auto !important;
    max-width: 1680px;
    &.small {
        section {
            width: calc(60% - 48px);
            margin: 0;
            min-height: 406px;
        }
    }

     &.large {
        padding: 192px 25px 25px 25px !important;
        section {
            width: calc(60% - 48px);
            margin: 0;
            min-height: 435px;
        }
    }
}


div.about-committee-block {
    section {
        padding: 150px 25px !important;
        margin: auto !important;
        max-width: 1680px;
        display: flex;
        flex-wrap: wrap;
        align-items: start;
        gap: 50px 150px;
    }
}

/* Editor */

.theme-heading-1 {
    font-size: 45px;
    color: #802571;
    font-weight: 400;
    padding-top: 0px;
    padding-bottom: 0px;
}

h2.theme-heading-1 {
    font-size: 32px;
    color: #802571;
    font-weight: 400;
    padding-top: 0px;
    padding-bottom: 0px;
}


.theme-heading-3 {
    font-size: 45px;
    color: #802571;
    font-weight: 400;
    padding-top: 0px;
    padding-bottom: 0px;
} 

h1.theme-heading-1 + h2.theme-heading-1 {
    margin-top: 63px;
}

h2.theme-heading-1 + p.theme-description {
    margin-top: 12px;
}

h3.theme-heading-3 + p.theme-description {
    margin-top: 12px;
}

h1.theme-heading-1 + p.theme-description {
    margin-top: 12px;
}

.lang-en p.theme-description,
.pll-lang-en p.theme-description {
    font-size: 19px;
}

.lang-sc p.theme-description,
.pll-lang-sc p.theme-description,
.lang-tc p.theme-description,
.pll-lang-tc p.theme-description {
    font-size: 21px;
}

p.theme-description {
    line-height: 1.8;

    &.small-width {
        max-width: 680px;
    }
}

h4.theme-heading-4 {
    font-size: 32px;
    color: #7b2984;
    font-weight: 400;
    padding-top: 0px;
    padding-bottom: 0px;
}

.lang-en h4.theme-table-header,
.pll-lang-en h4.theme-table-header {
    font-size: 19px;
}

.lang-sc h4.theme-table-header,
.pll-lang-sc h4.theme-table-header,
.lang-tc h4.theme-table-header,
.pll-lang-tc h4.theme-table-header {
    font-size: 21px;
}

h4.theme-table-header {
    background-color: #802571;
    color: white;
    font-weight: 300;
    padding: 10px;
    text-align: center;
    margin-bottom: 22px;
    margin-top: 37px;
}

table.theme-table-list:has(+ h4.theme-table-header) {
    margin-bottom: 74px;
}

table.theme-table-list {
    margin-top: 15px;
    margin-bottom: 0px;
    display: flex;
    border-collapse: collapse;
    border-spacing: 0;
    font: inherit;
    vertical-align: baseline;
    tbody {
        width: 100%;
    }


    tr {
        display: flex;
        border-bottom: 2px solid #dfdfdf;
        td:first-child {
            padding-left: 100px !important;
            width: 300px !important;
            min-width: 300px;
            text-align: left !important;
            font-weight: 700;
            padding: 24px 0px;
            color: #322c28;
            line-height: 35px;
            vertical-align: top;
        }

        .lang-en td:first-child,
        .pll-lang-en td:first-child {
            font-size: 19px !important;
        }

        .lang-sc td:first-child,
        .pll-lang-sc td:first-child,
        .lang-tc td:first-child,
        .pll-lang-tc td:first-child {
            font-size: 21px !important;
        }

        td:not(:first-child) {
            padding: 24px 0px;
            color: #322c28;
            line-height: 35px;
            vertical-align: top;
        }

        .lang-en td:not(:first-child),
        .pll-lang-en td:not(:first-child) {
            font-size: 19px !important;
        }
        .lang-sc td:not(:first-child),
        .pll-lang-sc td:not(:first-child),
        .lang-tc td:not(:first-child),
        .pll-lang-tc td:not(:first-child) {
            font-size: 21px !important;
        }

        td:last-child {
            width: auto !important;
            padding-right: 100px !important;

        }
    }

    tr:last-child {
       border-bottom-width: 0px;
    }
}


table.theme-contact {
    tr {
        td {
            width: auto !important;
            height: auto !important;
        }
        td:first-child {
            color: #7b2984 !important;
            font-weight: 400 !important;
            line-height: 1.7;
            white-space: nowrap !important;
            vertical-align: top !important;
            padding-right: 20px;
        }
        .lang-en td:first-child,
        .pll-lang-en td:first-child {
            font-size: 19px !important;
        }
        .lang-sc td:first-child,
        .pll-lang-sc td:first-child,
        .lang-tc td:first-child,
        .pll-lang-tc td:first-child {
            font-size: 21px !important;
        }
    }
}

h4.theme-heading-4 + table.theme-committee {
    margin-top: 16px;
}

h4.theme-heading-4 + p.theme-description {
    margin-top: 16px;
}

table.theme-committee {
    tr {
        td {
            width: auto !important;
            height: auto !important;
            font-weight: 400 !important;
            line-height: 1.8;
        }
        .lang-en td,
        .pll-lang-en td {
            font-size: 19px !important;
        }
        .lang-sc td,
        .pll-lang-sc td,
        .lang-tc td,
        .pll-lang-tc td {
            font-size: 21px !important;
        }

        td:first-child {
            width: 95px !important;
        }
    }
}


a.yellow-button {
      display: inline-block;
      padding: 14px 30px;
      border: 1px solid #FFbc04;
      border-radius: 31px;
      background-color: transparent;
      height: 62px;
      color: #3d3d3d;
      white-space: nowrap;
      text-decoration: none;
}
.lang-en a.yellow-button,
.pll-lang-en a.yellow-button {
    font-size: 19px !important;
}
.lang-sc a.yellow-button,
.pll-lang-sc a.yellow-button,
.lang-tc a.yellow-button,
.pll-lang-tc a.yellow-button {
    font-size: 21px !important;
}

a.yellow-button:hover {
    color: white;
    background-color: #ffbc04;
}

p:has(> a.yellow-button) {
    margin-top: 53px !important;
    a.yellow-button:not(:first-child) {
        margin-left: 19px;
    }
}

ul.theme-dot-list {
    list-style: none;
    padding: 0;
    li::before {
        content: "";
        position: absolute;
        top: 10px;
        left: 0;
        width: 14px;
        height: 14px;
        background-color: #d9d9d9;
        border-radius: 50%;
    }
    li {
        position: relative;
        padding-left: 30px;
        margin-bottom: 52px;
        line-height: 1.8;
        color: #322c28;
    }

    .lang-en li,
    .pll-lang-en li {
        font-size: 19px;
    }
    .lang-sc li,
    .pll-lang-sc li,
    .lang-tc li,
    .pll-lang-tc li {
        font-size: 21px;
    }

}

.theme-heading-3 + ul.theme-dot-list {
    margin-top: 30px;
}


/* table.theme-table-list  next is not table.theme-table-list  */



@media (max-width: 1200px) {
    /* Block */
    div.textarea-block {
        padding-top: 78px;
        padding-bottom: 46px;
    }

    div.common-page-sectiion {
        padding: 56px 60px !important;
        &.small {
            section {
                text-align: left;
                margin-left: 0  !important;
                margin-right: 0  !important;
                min-height: 338px;
            }
        }

        &.large {
            padding: 57px 60px 57px 60px !important;
            section {
                text-align: left;
                margin-left: 0  !important;
                margin-right: 0  !important;
                min-height: 338px;
            }
        }
    }

    .theme-section {
        padding: 0;
    }

    div.image-and-description-block {
        section {
            padding: 80px 60px !important;
            gap: 50px !important;
            &.align-top {
                .textarea-container {
                    padding-top: 40px;
                }
            }
            &.block-for-circle {
                .image-container {
                    width: 388px;
                    height: 368px;
                }
                .image-container .image-shape {
                    width: 341px;
                    height: 341px;
                }

                .image-container img {
                    width: 341px;
                    height: 341px;
                }
            }
            &.block-for-pill {
                .image-container {
                    min-width: 376px;
                    height: 528px;
                }
                .image-container .image-shape {
                    width: 336px;
                    height: 496px;
                    border-radius: 168px;
                }

                .image-container img {
                    width: 336px;
                    height: 496px;
                    border-radius: 168px;
                }
            }
        }
    }


    div.about-committee-block {
        section {
            gap: 50px 50px;
            padding: 80px 60px !important;
            .column {
                min-width: 500px;
            }
        }
    }


    /* Editor */
    h4.theme-table-header {
        margin-top: 34px;
        margin-bottom: 0px;
    }

    table.theme-table-list:has(+ h4.theme-table-header) {
        margin-bottom: 0px;
    }

    table.theme-table-list + h4.theme-table-header {
        margin-top: 6px;
    } 

    table.theme-table-list {
        tr {
            td:first-child {
                padding-left: 0px !important;
                width: 200px !important;
                min-width: 200px;
                padding: 34px 0px;
                font-size: 18px !important;
                text-align: left !important;
                font-weight: 700;
            }
            td:not(:first-child) {
                padding: 34px 0px !important;
                font-size: 18px !important;
            }
        }
    }
    .theme-heading-1 {
        font-size: 38px;
    }

    .theme-heading-3 {
        font-size: 32px;
    }

    h1.theme-heading-1 + h2.theme-heading-1 {
        margin-top: 14px;
    }

    h2.theme-heading-1 + p.theme-description {
        margin-top: 15px;
    }

    h3.theme-heading-3 + p.theme-description {
        margin-top: 30px;
    }

    p.theme-description {
        font-size: 18px;
        &.small-width {
            max-width: 100%;
        }
    }

    .theme-heading-4 {
        font-size: 32px;
    }


    table.theme-contact {
        tr {
            td {
                font-size: 18px !important;
            }
            td:first-child {
                padding-right: 25px !important;
            }
        
        }
    }

    table.theme-committee {
        tr {
            td {
                font-size: 18px !important;
            }        
        }
    }


    a.yellow-button {
        font-size: 18px !important;
        padding: 18px 30px !important;
    }

    p:has(> a.yellow-button) {
        margin-top: 43px !important;
    }

    ul.theme-dot-list {
        li {
            font-size: 18px;
            margin-bottom: 10px;
        }
    }
}

@media (max-width: 768px) {
    /* Block */
    div.textarea-block {
        padding-top: 47px;
        padding-bottom: 16px;
    }
    
    div.common-page-sectiion {
        margin-top: 60px;
        padding: 56px 20px 46px 20px  !important;
        &.small {
            section {
                width: auto;
                min-height: 0;
            }
        }
        &.large {
            padding: 277px 20px 48px 20px  !important;
            section {
                width: auto;
                min-height: 0;
            }
        }
        
    }

    .theme-section {
        padding: 0;
    }

    div.image-and-description-block {
        section {
            padding: 50px 20px !important;
            gap: 30px !important;
            flex-direction: column;
            &.align-top {
                .textarea-container {
                    padding-top: 0;
                }
            }
            &.block-for-pill.image-and-description-section-mobile-bottom {
                flex-direction: column-reverse;
                .image-container {
                    width: 376px;
                    min-width: 376px;
                    height: 528px;
                }
                .image-container .image-shape {
                    top: 0px;
                    bottom: auto;
                    width: 336px;
                    height: 496px;
                    border-radius: 168px;
                }

                .image-container img {
                        top: auto;
                        bottom: 0px;
                        width: 336px;
                        height: 496px;
                        border-radius: 168px;
                    }
            }
            


            &.block-for-pill {
                .image-container {
                    width: 100%;
                    min-width: 100%;
                    height: auto;
                    aspect-ratio: 1.45;
                }
                .image-container .image-shape {
                    bottom: 0px;
                    top: auto;
                    width: 91.4%;
                    height: auto;
                    aspect-ratio: 1.48;
                    border-radius: 240px;
                }

                .image-container img {
                    top: 0px;
                    bottom: auto;
                    width: 91.4%;
                    height: auto;
                    aspect-ratio: 1.48;
                    border-radius: 240px;
                }
            }
        }
    }

    div.about-committee-block {
        section {
            gap: 50px 150px;
            padding: 50px 20px !important;
            .column {
                flex: 1;
                min-width: 358px;
            }
        }
    }


    /* Editor */

    p.theme-description {
        line-height: 1.7;
    }

    .lang-en p.theme-description,
    .pll-lang-en p.theme-description {
        font-size: 19px;
    }

    .lang-sc p.theme-description,
    .pll-lang-sc p.theme-description,
    .lang-tc p.theme-description,
    .pll-lang-tc p.theme-description {
        font-size: 21px;
    }

    a.yellow-button {
        padding: 14px 30px !important;
    }

    .lang-en a.yellow-button,
    .pll-lang-en a.yellow-button {
        font-size: 19px !important;
    }
    .lang-sc a.yellow-button,
    .pll-lang-sc a.yellow-button,
    .lang-tc a.yellow-button,
    .pll-lang-tc a.yellow-button {
        font-size: 21px !important;
    }

    p:has(> a.yellow-button) {
        margin-top: 33px !important;
    }

    h4.theme-table-header {
        margin-top: 46px;
    }
    h4.theme-table-header + table.theme-table-list {
        margin-top: 0px;
    }
    
    table.theme-table-list {
        tr {
            align-items: center;

            td {
                vertical-align: top;
            }

            td:first-child {
                white-space: nowrap;
                padding-left: 30px !important;
                font-size: 18px !important;
                width: 170px !important;
                min-width: 170px;
                padding: 39px 15px;
                line-height: 1.8;
                text-align: left !important;
                font-weight: 700;
            }

            td:not(:first-child) {
                padding: 39px 15px !important;
                line-height: 1.8;
            }

            .lang-en td:first-child,
            .pll-lang-en td:first-child {
                font-size: 19px !important;
            }
            .lang-sc td:first-child,
            .pll-lang-sc td:first-child,
            .lang-tc td:first-child,
            .pll-lang-tc td:first-child {
                font-size: 21px !important;
            }
            
            td:last-child {
                padding-right: 30px !important;
            }
        }
    }

    table.theme-table-list + h4.theme-table-header {
        margin-top: 0px;
    }

    table.theme-contact {
        tr {
            /* td {
                font-size: 21px !important;
            } */
            .lang-en td,
            .pll-lang-en td {
                font-size: 19px !important;
            }

            .lang-sc td,
            .pll-lang-sc td,
            .lang-tc td,
            .pll-lang-tc td {
                font-size: 21px !important;
            }

            td:first-child {
                padding-right: 20px !important;
            }
        
        }
    }

    table.theme-committee {
        tr {
            /* td {
                font-size: 21px !important;
            }         */
            .lang-en td,
            .pll-lang-en td {
                font-size: 19px !important;
            }
            .lang-sc td,
            .pll-lang-sc td,
            .lang-tc td,
            .pll-lang-tc td {
                font-size: 21px !important;
            }
        }
    }

    ul.theme-dot-list {
        li {
            margin-bottom: 16px;
            line-height: 1.64;
        }
        .lang-en li,
        .pll-lang-en li {
            font-size: 19px;
        }
        .lang-sc li,
        .pll-lang-sc li,
        .lang-tc li,
        .pll-lang-tc li {
            font-size: 21px;
        }
    }
    
}

div.wp-block-lazyblock-video-and-photo-gallery {
    margin-bottom: 158px;
    .media-grid {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 20px;
    }
    .media-item {
        img {
            width: 100%;
            height: auto;
            object-fit: cover;
            aspect-ratio: 4 / 3;
        }
        position: relative;
        cursor: pointer;
        /* border-radius: 8px; */
        overflow: hidden;
        box-shadow: 0 4px 12px rgba(0,0,0,0.08);
        background: #fff;
        transition: box-shadow 0.2s;
    }
    .media-item:hover {
        box-shadow: 0 8px 24px rgba(0,0,0,0.12);
    }
    .media-item img {
        width: 100%;
        display: block;
        /* border-radius: 8px; */
    }
    .play-icon {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        font-size: 36px;
        color: #fff;
        background: rgba(0,0,0,0.45);
        border-radius: 50%;
        padding: 12px;
        pointer-events: none;
    }

    .media-popup {
        display: none;
        position: fixed;
        z-index: 9999;
        left: 0; top: 0;
        width: 100%; height: 100%;
        background: rgba(0,0,0,0.7);
        align-items: center;
        justify-content: center;
        place-items: center;
    }
    .media-popup.active {
        display: flex;
        flex-direction: column;
    }
    .popup-content img, .popup-content video {
        max-width: 90vw;
        max-height: 90vh;
        /* border-radius: 12px; */
        box-shadow: 0 0 24px #000;
    }
    .popup-description {
        overflow: auto;
        color: #fff;
        text-align: center;
        font-size: 18px;
        white-space: pre-wrap;
        max-width: 50vw;
        max-height: 30vh;
    }
    .popup-description.active {
        display: block;
    }
    .close-btn {
        position: absolute;
        top: 28px;
        right: 44px;
        color: #fff;
        font-size: 44px;
        cursor: pointer;
        z-index: 10001;
    }


}

@media (max-width: 1200px) {
    div.wp-block-lazyblock-video-and-photo-gallery {
        .media-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 20px;
        }
    }
}

@media (max-width: 768px) {
    div.wp-block-lazyblock-video-and-photo-gallery {
        .media-grid {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 20px;
        }
    }
}

@media (max-width: 520px) {
    div.wp-block-lazyblock-video-and-photo-gallery {
        .media-grid {
            display: grid;
            grid-template-columns: repeat(1, 1fr);
            gap: 20px;
        }
    }
}


.publication-detail {
    display: table;
    td:first-child {
        color: #7b2984;
        font-weight: 400;
        font-size: 21px;
        line-height: 1.7;
        white-space: nowrap;
        vertical-align: top;
        padding-right: 20px;
    }
    td {
        font-size: 21px;
        line-height: 1.7;
        letter-spacing: 0%;
        color: #322c28;
    }
}

/* table:has(> .publication-detail) {
    margin: 30px 0px;
} */
.mt-30 {
    margin-top: 30px !important;
}
.mb-30 {
    margin-bottom: 30px !important;
}

.d-flex {
    display: flex;
    gap: 50px;
}

.cover-image {
    img {
        width: 200px;
        height: auto;
        object-fit: cover;
        box-shadow: 0 4px 12px rgba(0,0,0,0.08);
    }
}

@media(max-width: 1000px) {
    .m-d-flex-column {
        flex-direction: column;
        gap: 20px;
    }
    .cover-image {

        img {
            width: 100%;
        }
    }
}

.publication-row {
    cursor: pointer;
}

.activity-card {
  /* background-color: white; */
  padding: 40px;
  display: flex;
  gap: 25px;
}

.activity-card .event-img a > img, 
.activity-card .event-img > img {
    width: 193px;
    height: 269px;
    object-fit: cover;
}
.activity-card .event-content {
  flex-grow: 1;
  display: flex;
  gap: 0px;
}
.activity-card .event-content .date-time-location {
  margin-top: 16px;
  display: flex;
  gap: 10px 30px;
  flex-wrap: wrap;
}
.activity-card .event-content .date,
.activity-card .event-content .time,
.activity-card .event-content .location {
  display: flex;
  align-items: center;
  gap: 10px;
  /* white-space: nowrap; */
}
.activity-card .event-content .date img {
  width: 22px;
  height: 22px;
}
.activity-card .event-content .time img {
  width: 23px;
  height: 23px;
}
.activity-card .event-content .location img {
  width: 19px;
  height: 26px;
}
.activity-card .event-content ul {
  margin-top: 23px;
  margin-bottom: 23px;
}
.activity-card .event-content ul li {
  display: flex;
  font-size: 19px;;
  color: #322c28;
  line-height: 1.75;
}
.activity-card .event-content ul li strong {
  color: #7b2984;
  display: inline-block;
  width: 100px;
  flex-shrink: 0;
}
.activity-card .event-button {
  display: flex;
  flex-direction: column-reverse;
  min-width: 146px;
  margin-left: 100px;
  margin-right: 50px;
}

.activity-list-section .event-card .event-img a > img,
.activity-list-section .event-card .event-img > img {
  width: 234px;
  height: 326px;
  object-fit: cover;
}

@media(max-width: 1200px) {
    .activity-list-section .event-card .event-img a > img,
    .activity-list-section .event-card .event-img > img {
        width: 193px;
        height: 269px;
    }
    .activity-card {
        gap: 25px;
    }
    .activity-card .event-img > img {
        width: 193px;
        height: 269px;
    }
    .activity-card .event-content {
        flex-direction: column;
        align-items: start;
    }
    .activity-card .event-content h3 {
        margin-top: 5px;
    }
    .activity-card .event-content .date-time-location {
        margin-top: 30px;
        gap: 10px 10px;
        flex-wrap: wrap;
    }
    .activity-card .event-content .date,
    .activity-card .event-content .time,
    .activity-card .event-content .location {
        gap: 5px;
    }
    .activity-card .event-content ul {
        margin-top: 25px;
        margin-bottom: 24px;
    }
    .activity-card .event-content ul li {
        font-size: 18px;
        line-height: 1.75;
        margin-bottom: 6px;
    }
    .activity-card .event-content .main-text > p {
        line-height: 1.9;
    }
    .activity-card .event-button {
        margin-left: 0px;
        margin-top: 20px;
    }
}

@media(max-width: 1080px) {
    .activity-card {
        position: relative;
    }
    .activity-card .event-img {
        position: absolute;
    }
    .activity-card .event-img img {
        width: 140px;
        height: 195px;
    }
    .activity-card .event-content {
        flex-direction: column;
        align-items: start;
    }
    .activity-card .event-content h3 {
        margin-top: 2px;
        padding-left: 160px;
        line-height: 1.85;
    }
    .activity-card .event-content .date-time-location {
        padding-left: 160px;
        margin-top: 14px;
        gap: 4px 10px;
        flex-wrap: wrap;
    }
    .activity-card .event-content .date,
    .activity-card .event-content .time,
    .activity-card .event-content .location {
        gap: 15px;
        white-space: normal;
    }
    .activity-card .event-content ul {
        margin-top: 20px;
        margin-bottom: 17px;
    }
    .activity-card .event-content ul li {
        font-size: 19px;;
        line-height: 1.71;
        margin-bottom: 12px;
        display: flex;
    }
    .activity-card .event-content ul li strong {
        flex-shrink: 0;
        width: 95px;
    }
    .activity-card .event-content .main-text > p {
        line-height: 1.7;
    }
    .activity-card .event-button {
        margin-top: 32px;
    }
}

@media(max-width: 768px) {
    .activity-card {
        flex-direction: column;
        gap: 20px;
    }
    .activity-card .event-img {
        position: relative;
    }
    .activity-card .event-img img {
        width: 100%;
        height: auto;
    }
    .activity-card .event-content {
        flex-direction: column;
        align-items: start;
    }
    .activity-card .event-content h3 {
        padding-left: 0px;
    }
    .activity-card .event-content .date-time-location {
        padding-left: 0px;
    }
}

.activity-card h3 {
    color: #7b2984;
    font-weight: 400;
    font-size: 32px;
}
.activity-card p {
    font-size: 20px;
    color: #333;
    line-height: 1.8;
}

.activity-title {
    cursor: pointer;
}


.card.card-active-request {
    display: none;
}

.card.card-active-request.active {
    display: block;
}

.card.activity-load-more-card.inactive {
    display: none;
}

.card.activity-load-more-card {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.card.activity-load-more-card a.activity-load-more-button {
    color: #802571;
    font-weight: 400;
    padding-top: 0px;
    padding-bottom: 0px;
    font-size: 28px;
    text-align: center;
}