/* page-banner */
.page-banner {
    height: 24rem;
    padding: 0 var(--section);
    display: flex;
    align-items: center;
}

.page-banner .section-content {
    text-align: center;
}

.page-banner .about-nav {
    gap: 1.2500rem;
    position: absolute;
    bottom: 0;
    display: inline-flex;
    justify-content: space-between;
    width: 100%;
    margin: 0 auto;
    margin-left: 0;
}

.page-banner .section-bg-overlay {
    background-color: transparent;
    background-image: linear-gradient(30deg, #5A0F0F 0%, #B11414D4 100%);
    opacity: 0.84;
    transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
}

.page-banner h1 {
    color: #fff;
    text-align: center;
    margin: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.6rem;
    font-weight: 600;
    position: relative;
    width: fit-content;
    margin: 0 auto;
    font-size: 2.5000rem;
    margin-bottom: var(--30);
}

.page-banner p {
    color: #fff;
    max-width: 47.6250rem;
    margin: 0 auto;
    font-size: var(--17);
}


/* End page-banner */
/* event-blog */
.event-blog {
    padding: 4.2500rem var(--section);
    background: #f7f8f9;
}

.event-blog-row h2 {
    font-size: var(--30);
    text-transform: uppercase;
    margin-bottom: var(--30);
    font-weight: 700;
}

.event-blog-row+.event-blog-row {
    margin-top: var(--60)
}

.event-blog-row .row {
    max-width: unset;
    width: auto;
    margin-left: calc(var(--20) * -1);
    margin-right: calc(var(--20) * -1);
}

.event-blog-row .col.post-item {
    padding: 0 var(--20) var(--40);
}

.event-blog-row .image-cover {
    border-radius: var(--16) var(--16) 0 0;
}

.event-blog-row .box-text {
    padding: 20px;
}

.event-blog-row .box {
    background-color: #fff;
    border-radius: var(--16);
    box-shadow: 0px 0px 10px 0px rgba(223, 223, 223, 0.5);
    height: 100%
}

.event-blog-row .box:hover {
    box-shadow: 0px 0px 13px -1px rgba(63.89071655273437, 63.89071655273437, 63.89071655273437, 0.5)
}

.event-blog-row .col.post-item .col-inner {
    height: 100%;
}

.box-blog-post .box-text .post-title a {
    margin: 0;
    font-family: var(--semi);
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    transition: color 0s;
    font-size: var(--18);
    color: #2A2A2A;
    height: var(--70);
}

.box-blog-post .box-text .post-title a:hover {
    color: var(--theme-color)
}

.box-blog-post .box-text .post-title {
    margin: 0 0 var(--10);
}

.box-blog-post .post-meta {
    font-size: var(--12);
    color: #adadad;
    margin-bottom: var(--6);
}

.box-blog-post .box-text .from_the_blog_excerpt {
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    margin: 0;
    font-size: var(--14);
    color: #777;
}

/* End event-blog */
@media screen and (max-width: 767.98px) {
    .page-banner h1 {
        font-size: var(--36);
        margin-bottom: var(--25);
    }

    .event-blog {
        padding: var(--50) var(--section);
    }

    .event-blog-row h2 {
        font-size: var(--24)
    }

    .box-blog-post .box-text .post-title a {
        height: auto
    }

    .event-blog-row .col.post-item {
        padding-bottom: var(--30)
    }
}