.event-list-item .event-item .event-item--text p {
    min-height: 42px;
}

.item-event-ready .item-event-ready__info .info--title {
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    padding-right: 10px;
}

.header {
    z-index: 100;
    position: fixed;
    right: 0;
    top: 0;
}

.header-menu {
    display: none;
}

.header.active {
    .header-menu {
        display: flex;
    }
}

.hamburger-btn {
    position: fixed;
}

.item-event .item-event--image img {
    width: 100%;
    height: auto;
    object-fit: cover;
}

.item-kowlege .item-knowlege--info .info--title a {
    -webkit-line-clamp: 2;
}

.breadcrumbs .breadcrumb {
    padding-bottom: 0;
}

.sec-event {
    overflow: hidden;
}

.sec-event .container {
    padding-bottom: 0;
}

.event-body {
    position: relative;
    padding-bottom: 80px;
}

.event-body .img-decor-right img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.event-body .img-decor-left img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.event-body .img-decor-left {
    position: absolute;
    top: 0;
    left: 0;
    transform: translateX(-100%) translateY(calc(-100% + 91.2px));
    height: 100%;
    min-height: 730px;
}

.event-body .img-decor-right {
    position: absolute;
    bottom: 0;
    right: 0;
    transform: translateX(100%);
    height: 100%;
}

@media screen and (max-width: 1024px) {
    .event-body {
        padding-bottom: 60px;
    }
}

@media screen and (max-width: 500px) {
    .event-body {
        padding-bottom: 50px;
    }

    .event-body .img-decor-left {
        display: none;
    }

    .event-body .img-decor-right {
        display: none;
    }
}

.slide-knowlege {
    position: relative;
}

.slide-knowlege .swiper-button-next,
.swiper-button-prev {
    top: 53%;
}

.slide-knowlege .swiper-pagination {
    display: none;
}

@media screen and (max-width: 1200px) {
    .slide-knowlege .swiper-pagination {
        display: block;
    }
}

.slide-knowlege .swiper-container {
    padding-bottom: 50px;
    margin: -15px;
}

@media screen and (max-width: 1200px) {
    .slide-knowlege .swiper-container {
        margin: -7.5px;
    }
}

.slide-knowlege .swiper-slide {
    width: calc(100% / 3);
    padding: 15px;
}

@media screen and (max-width: 1200px) {
    .slide-knowlege .swiper-slide {
        padding: 7.5px;
    }
}

@media screen and (max-width: 768px) {
    .slide-knowlege .swiper-slide {
        width: calc(100% / 2);
    }
}

@media screen and (max-width: 500px) {
    .slide-knowlege .swiper-slide {
        width: calc(100% / 1);
    }
}

@media screen and (max-width: 1400px) {
    .sec-lookbook .img-decor-right {
        display: none;
    }

    .sec-memory .img-decor-left {
        display: none;
    }
}

html {
    scroll-behavior: smooth;
}

@media screen and (max-width: 768px) {
    .sec-giving-box .table-ds-hocbong {
        overflow-x: auto;
    }

    .sec-giving-box .table-ds-hocbong .thead {
        width: 768px;
    }

    .sec-giving-box .table-ds-hocbong .tbody {
        width: 768px;
    }

    .sec-giving-box .table-ds-hocbong::-webkit-scrollbar {
        height: 0.5rem;
    }

    /* Track */
    .sec-giving-box .table-ds-hocbong::-webkit-scrollbar-track {
        background: #f1f1f1;
        border-radius: 1rem;
    }

    /* Handle */
    .sec-giving-box .table-ds-hocbong::-webkit-scrollbar-thumb {
        background: #19555B;
        border-radius: 1rem;
    }

    /* Handle on hover */
    .sec-giving-box .table-ds-hocbong::-webkit-scrollbar-thumb:hover {
        background: #19555B;
    }
}