/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 2 version
*/

/* General Styles */
.wrapper-categories {
    position: relative;
}

.wrapper-categories .rkit-pc-absolute {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: absolute;
    inset: 0;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    z-index: 999999;
    pointer-events: none;
}

.container-post-categories * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

.container-post-categories {
    --column-count: 4;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: ;
    grid-template-columns: repeat(var(--column-count, 3), minmax(0, 1fr));
    gap: 24px;
}

.container-post-category,
a.container-post-category {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    /* gap: 8px; */
    position: relative;
    overflow: hidden;
}

.container-post-category .container-content-image {
    position: relative;
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content;
    overflow: hidden;
}

.container-post-category img {
    display: block;
    aspect-ratio: 1/1;
    width: 100%;
    padding: 0;
    margin: 0;
}

.container-post-category .container-content-image .overlay {
    content: "";
    position: absolute;
    pointer-events: none;
    inset: 0;
}

/* 
.container-post-category figure{
    height: stretch;
} */

.container-post-category .container-information .post-text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    /* align-items: center; */
}

.container-post-category .container-information .post-text .container-name {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.container-post-category .container-information .post-text p {
    margin: 0;
}

/* Style 1 */
.container-post-category .container-count {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    /* gap: 0.5rem; */
    /* max-height: max-content;
    max-width: max-content; */
    /* background-color: #00C49A; */
}

/* .container-post-category .container-count .post-count { */
.container-post-category .post-count {
    /* aspect-ratio: 1/1;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #E9E9E9;
    color: #333333;
    margin: 8px; */

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;
    gap: 0.5rem;
    max-height: -webkit-max-content;
    max-height: -moz-max-content;
    max-height: max-content;
    max-width: -webkit-max-content;
    max-width: -moz-max-content;
    max-width: max-content;
    color: #6B6B6B;
}

.container-post-category .container-information .post-text .container-count {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.container-post-category .container-count .post-name {
    font-size: 1.25rem;
    max-width: -webkit-max-content;
    max-width: -moz-max-content;
    max-width: max-content;
    max-height: -webkit-max-content;
    max-height: -moz-max-content;
    max-height: max-content;
}

.container-post-category .container-information .post-desc {
    font-size: 0.875rem;
}

.container-post-category .container-content-image {
    -ms-flex-negative: 0;
        flex-shrink: 0;
}

.container-content {
    pointer-events: none;
    width: stretch;
    width: -moz-available;
    width: -webkit-fill-available;
    z-index: 1;
}

.container-content .container-information {
    /* max-width: max-content;
    max-height: max-content; */
    width: stretch;
    width: -moz-available;
    width: -webkit-fill-available;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}


.container-post-category .container-content-image,
.container-post-category .overlay {
    border-radius: 24px 24px 24px 24px;
}


.container-post-category .container-content {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
}

/* .container-post-category:hover .post-count {
    background-color: #00C49A;
    color: #f2f2f2;
} */

/* STYLE 1 */

.container-post-category.style_1 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    border-radius: 16px;
    gap: 16px;
}

.container-post-category.style_1 .container-information .post-text .container-name,
.container-post-category.style_1 .container-information .post-text .container-count {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    text-align: center;
    -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;
}

.container-post-category.style_1 .container-information .post-text {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    font-size: 24px;
    font-weight: 500;
    border-radius: 16px 16px 16px 16px;
    color: #1C1C1C;
    -webkit-transition-duration: 0.3s;
            transition-duration: 0.3s;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.container-post-category.style_1 .container-information .post-text .post-name {
    font-size: 24px;
    line-height: 28px;
}

.container-post-category.style_1:hover .container-information .post-text .post-name {
    color: #6EA689;
}

.container-post-category.style_1 .container-information .post-text .container-count .post-count {
    font-size: 16px;
    margin: 08px 0px 0px 0px;
}

/* STYLE 2 */

.container-post-category.style_2 {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: 16px;
}

.container-post-category.style_2 .container-information .post-text .post-name {
    font-size: 24px;
    line-height: 28px;
}

.container-post-category.style_2:hover .container-information .post-text .post-name {
    color: #6EA689;
}

.container-post-category.style_2 .container-information .post-text .container-count .post-count {
    font-size: 16px;
    color: #6B6B6B;
    margin: 08px 0px 0px 0px;
}

.container-post-category.style_2 .container-content-image,
.container-post-category.style_2 .container-content-image img {
    height: 135px;
}

.container-post-category.style_2 .container-information .post-text {
    /* margin: 016px 0px 0px 0px; */
    padding: 0px 0px 0px 0px;
    font-size: 24px;
    font-weight: 500;
    border-radius: 16px 16px 16px 16px;
    color: #1C1C1C;
    -webkit-transition-duration: 0.3s;
            transition-duration: 0.3s;
}

.container-post-category.style_2 .post-text .post-name {
    /* margin: 016px 0px 0px 0px; */
    padding: 0px 0px 0px 0px;
}

/* .container-post-category.style_2 .container-information .post-text .container-name,
.container-post-category.style_2 .container-content {
    justify-content: flex-start;
} */

/* STYLE 3 */
.container-post-category.style_3 .container-content.style_3 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    inset: 0;
}

.container-post-category.style_3 img {
    aspect-ratio: 4 / 5;
    -o-object-fit: cover;
       object-fit: cover;
}

.container-post-category.style_3 .container-content {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
}

.container-post-category.style_3 .container-information .post-text .container-name {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    text-align: center;
    -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;
    /* height: -webkit-fill-available;
    height: -moz-available;
    height: stretch; */
    height: max-content;
}

.container-post-category.style_3 .container-information .post-text .container-name,
.container-post-category.style_3 .container-information .post-text .container-count {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.container-post-category.style_3 .container-information {
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    border-radius: 12px 12px 12px 12px;
    margin: 16px 16px 16px 16px;
    padding: 12px 12px 12px 12px;
}

.container-post-category.style_3 .container-information .post-text .post-name {
    font-size: 24px;
    line-height: 28px;
    font-weight: 500;
    color: #FAFAFA;
}

.container-post-category.style_3 .container-information .post-text .post-count {
    font-size: 16px;
    margin: 08px 0px 0px 0px;
    color: #FAFAFA;
}

.container-post-category.style_3 .container-information {
    -webkit-writing-mode: var(--writing-pc, unset);
        -ms-writing-mode: var(--writing-pc, unset);
            writing-mode: var(--writing-pc, unset);
    height: var(--height-pc, auto);
    width: var(--width-pc, stretch);
    width: var(--width-pc, -moz-available);
    width: var(--width-pc, -webkit-fill-available);
}

/* STYLE 4 */
.container-post-category.style_4 .container-content.style_4 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    inset: 0;
}

.container-post-category.style_4 img {
    aspect-ratio: 4 / 5;
    -o-object-fit: cover;
       object-fit: cover;
}

.container-post-category.style_4 .container-content {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
}

.container-post-category.style_4 .container-information .post-text .container-name,
.container-post-category.style_4 .container-information .post-text .container-count {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.container-post-category.style_4 .container-information {
    border-radius: 12px 12px 12px 12px;
    margin: 16px 16px 16px 16px;
    padding: 12px 12px 12px 12px;
}

.container-post-category.style_4 .container-information .post-text .post-name {
    font-size: 24px;
    font-weight: 500;
    color: #FAFAFA;
    width: stretch;
    width: -moz-available;
    width: -webkit-fill-available;
}

.container-post-category.style_4 .container-information .post-text .post-count {
    font-size: 16px;
    color: #FAFAFA;
}

/* .container-post-category .container-information.right-bottom {
    transform: rotate(-90deg) translate(100%, 0);
    transform-origin: right bottom;
}

.container-post-category .container-information.left-bottom {
    transform: rotate(-90deg) translate(0, 100%);
    transform-origin: left bottom;
} */


/* STYLE 4 */

/* .container-post-category.style_4 .container-information .post-text .container-name .post-name {
    transform:
        rotate(var(--rotate, -90deg)) translate(var(--tx, 100%), var(--ty, 0%));
    transform-origin: var(--origin, right bottom);
} */

.container-post-category.style_4 .container-information {
    height: stretch;
    height: -moz-available;
    height: -webkit-fill-available;
}

.container-post-category.style_4 .container-information .post-text {
    height: stretch;
    height: -moz-available;
    height: -webkit-fill-available;
}

.container-post-category.style_4 .container-information .post-text .container-name {
    width: auto;
    -webkit-writing-mode: var(--writing-pc-s4, vertical-rl);
        -ms-writing-mode: var(--writing-pc-s4, vertical-rl);
            writing-mode: var(--writing-pc-s4, vertical-rl);
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: end;
    text-align: end;
    -ms-flex-item-align: end;
        -ms-grid-row-align: end;
        align-self: end;
}

.container-post-category.style_4 .container-information .post-text .container-count {
    width: auto;
    -webkit-writing-mode: var(--writing-pc-s4-count, unset);
        -ms-writing-mode: var(--writing-pc-s4-count, unset);
            writing-mode: var(--writing-pc-s4-count, unset);
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: end;
    text-align: end;
    -ms-flex-item-align: end;
        -ms-grid-row-align: end;
        align-self: end;
}

.container-post-category.style_4 .container-information .post-text .container-count .post-count {
    font-size: 64px;
    line-height: 54px
}

.container-post-category.style_4 .container-information .post-text {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
}

/* STYLE 5 */

.container-post-category.style_5 {
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-radius: 16px 16px 16px 16px;
    padding: 18px 18px 18px 18px;
    border-color: #6B6B6B;
    -webkit-transition-duration: 0.3s;
            transition-duration: 0.3s;
    gap: 16px;
}

.container-post-category.style_5 .container-content-image {
    border-radius: 12px 12px 12px 12px;
}

.container-post-category.style_5 .container-content .container-information {
    width: stretch;
    width: -moz-available;
    width: -webkit-fill-available;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}

.container-post-category.style_5 .container-information .post-text {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    font-size: 24px;
    font-weight: 500;
    border-radius: 16px 16px 16px 16px;
    color: #1C1C1C;
    -webkit-transition-duration: 0.3s;
            transition-duration: 0.3s;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.container-post-category.style_5 .container-information .post-text .container-name {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: start;
    text-align: start;
    -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;
}

.container-post-category.style_5 .container-information .post-text .container-name .post-name {
    font-size: 24px;
    line-height: 28px;
    border-style: solid;
    border-width: 0px 0px 1px 0px;
    border-radius: 0;
    padding: 0px 0px 4px 0px;
    width: stretch;
    width: -moz-available;
    width: -webkit-fill-available;
}

.container-post-category.style_5 .container-information .post-text .container-count {
    -ms-flex-item-align: start;
        align-self: flex-start;
}

.container-post-category.style_5 .container-information .post-text .container-count .post-count {
    margin: 4px 0px 0px 0px;
    font-size: 16px;
    font-weight: 400;
}


/* Pagination */
.rkit-swiper-pc-button-prev,
.rkit-swiper-pc-button-next {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    position: relative;
    cursor: pointer;
    /* transform: translateY(-50%); */
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    pointer-events: auto;
    background-color: #F7F7F7;
    opacity: 1;
    padding: 12px 12px 12px 12px;
    border-radius: 6px 6px 6px 6px;
}

.rkit-animation-hover-disabled .rkit-swiper-pc-button-next {
    margin-right: -62px;
}

.rkit-animation-hover-disabled .rkit-swiper-pc-button-prev {
    margin-left: -62px;
}

.rkit-animation-hover-enabled .rkit-swiper-pc-button-next {
    margin-right: -52px;
}

.rkit-animation-hover-enabled .rkit-swiper-pc-button-prev {
    margin-left: -52px;
}

.rkit-swiper-pc-button-next .rkit-pc-icon,
.rkit-swiper-pc-button-prev .rkit-pc-icon {
    font-size: 20px;
    color: #1F1F1F;
    fill: #1F1F1F;
}

.rkit-pc-pagination {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: 12px;
    padding: 1rem;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.rkit-pc-bullet {
    width: 8px;
    height: 8px;
    opacity: 1;
    background: #DEDEDE;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.rkit-pc-bullet-active {
    width: 8px;
    height: 8px;
    outline: 1px solid #6EA689;
    background-color: #6EA689;
    outline-offset: 4px;
}

.rkit-pc-bullet,
.rkit-pc-bullet-active {
    position: relative;
    aspect-ratio: 1/1;
    border-radius: 50%;
    overflow: hidden;
    display: block;
}

.rkit-pc-bullet-active::after,
.rkit-pc-bullet::after {
    content: "";
    inset: 0;
    position: absolute;
    display: block;
    border-radius: inherit;
}

.rkit-pc-bullet-clickable .rkit-pc-bullet {
    cursor: pointer;
}

/* Tombol default - disembunyikan dengan opacity */
.wrapper-categories.rkit-animation-hover-enabled .rkit-pc-absolute .rkit-swiper-pc-button-prev,
.wrapper-categories.rkit-animation-hover-enabled .rkit-pc-absolute .rkit-swiper-pc-button-next {
    opacity: 0;
    visibility: hidden;
    pointer-events: auto;
    z-index: 999999;
    -webkit-transition: all 0.8s ease;
    transition: all 0.8s ease;
    -webkit-transition-delay: 0.3s;
            transition-delay: 0.3s;
    cursor: pointer;
    z-index: 10;
}

.wrapper-categories.rkit-animation-hover-enabled .rkit-pc-absolute .rkit-swiper-pc-button-prev,
.wrapper-categories.rkit-animation-hover-enabled .rkit-pc-absolute .rkit-swiper-pc-button-next {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
}

.wrapper-categories.rkit-animation-hover-enabled:hover .rkit-pc-absolute .rkit-swiper-pc-button-prev {
    -webkit-transform: translate(-12px, 0);
            transform: translate(-12px, 0);
}

.wrapper-categories.rkit-animation-hover-enabled:hover .rkit-pc-absolute .rkit-swiper-pc-button-next {
    -webkit-transform: translate(12px, 0);
            transform: translate(12px, 0);
}

.wrapper-categories.rkit-animation-hover-enabled:hover .rkit-pc-absolute .rkit-swiper-pc-button-prev,
.wrapper-categories.rkit-animation-hover-enabled:hover .rkit-pc-absolute .rkit-swiper-pc-button-next {
    opacity: 1;
    visibility: visible;
}

/* LIST */

.container-post-categories.list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}

.container-post-category.list .container-information .post-text {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.container-post-category.list .container-information .post-text .list-style-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.container-post-category.list .container-information {
    margin: 0;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

}

.container-post-category.list .container-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    inset: 0;
}

.container-post-category.list img {
    aspect-ratio: 4 / 5;
    -o-object-fit: cover;
       object-fit: cover;
}

.container-post-category.list .container-content {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.container-post-category.list .container-information .post-text .container-name,
.container-post-category.list .container-information .post-text .container-count {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.container-post-category.list .container-information {
    /* -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px); */
    border-radius: 12px 12px 12px 12px;
    margin: 16px 16px 16px 16px;
    padding: 12px 12px 12px 12px;
}

.container-post-category.list .container-information .post-text .post-name {
    font-size: 24px;
    font-weight: 500;
    color: #FAFAFA;
}

.container-post-category.list .container-information .post-text .post-count {
    font-size: 16px;
    color: #FAFAFA;
}

.container-post-category.list .container-information .rkit-pc-icon-list {
    display: block;
}

/* STYLE 1 LIST */

.container-post-categories.list.style_1_list {
    gap: 0px;
    background-color: #FAFAFA;
    -webkit-box-shadow: 0px 22px 20px 0px rgba(0, 0, 0, 0.1);
            box-shadow: 0px 22px 20px 0px rgba(0, 0, 0, 0.1);
    border-radius: 24px 24px 24px 24px;
    padding: 032px 032px 032px 032px;
}

.container-post-category.style_1_list.list {
    -webkit-transition-duration: 0.3s;
            transition-duration: 0.3s;
    gap: 0px;
}

.container-post-category.style_1_list.list:hover {
    background-color: #F2F2F2;
}

.container-post-category.style_1_list.list .container-content-image {
    height: 82px;
}

.container-post-category.style_1_list.list .container-information {
    border-style: solid;
    border-width: 0px 0px 1px 0px;
    border-color: #DEDEDE;
    border-radius: 0% 0% 0% 0%;
    margin: 0px 0px 0px 0px;
    padding: 016px 032px 016px 032px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
}

.container-post-category.style_1_list.list .container-information .post-text {
    width: 100%;
}

.container-post-category.style_1_list.list .container-information .post-text .list-style-info {
    gap: 8px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
}

.container-post-category.style_1_list.list .container-information .post-text .container-name .post-name {
    font-size: 28px;
    font-weight: 500;
    color: #1C1C1C;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

.container-post-category.style_1_list.list .list-style-icon .rkit-pc-icon-list {
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
    color: #1C1C1C;
    fill: #1C1C1C;
    width: 20px;
}

.container-post-category.style_1_list.list .container-information .post-text .container-count .post-count {
    padding: 1px 1px 1px 1px;
    color: #1C1C1C;
    font-size: 16px;
    border-radius: 50px 50px 50px 50px;
    -webkit-transition-duration: 0.3s;
            transition-duration: 0.3s;
    white-space: nowrap;
}

.container-post-category.style_1_list.list .list-style-icon .rkit-pc-icon-list {
    font-size: 20px;
    width: 20px;
    color: #1C1C1C;
    fill: #1C1C1C;
    -webkit-transition-duration: 0.3s;
            transition-duration: 0.3s;
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg)
}


.container-post-category.style_1_list.list:hover .list-style-icon .rkit-pc-icon-list {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
}

/* STYLE 2 */

.container-post-categories.list.style_2_list {
    gap: 12px;
}

.container-post-category.style_2_list.list {
    border-radius: 16px 16px 16px 16px;
    -webkit-transition-duration: 0.3s;
            transition-duration: 0.3s;
    gap: 0px;
    height: 54px;
}

.container-post-category.style_2_list.list .container-content-image {
    height: 100%;
    border-radius: 0px;
}

.container-post-category.style_2_list.list .container-information {
    margin: 0px 0px 0px 0px;
    padding: 016px 032px 016px 032px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.container-post-category.style_2_list.list .container-information .post-text {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
}

.container-post-category.style_2_list.list .container-information .post-text .list-style-info {
    gap: 8px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.container-post-category.style_2_list.list .container-information .post-text .container-name .post-name {
    font-size: 16px;
    font-weight: 500;
    color: #FAFAFA;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content;
}

.container-post-category.style_2_list.list .post-text .container-count .post-count {
    font-size: 16px;
    border-radius: 50px 50px 50px 50px;
    -webkit-transition-duration: 0.3s;
            transition-duration: 0.3s;
}

.container-post-category.style_2_list.list .list-style-icon .rkit-pc-icon-list {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
    color: #FAFAFA;
    fill: #FAFAFA;
    width: 20px;
    font-size: 20px;
}

.container-post-categories.tiles {
    --grid-h-rows: 220px;
    /* grid-template-rows: repeat(var(--column-count, 3), minmax(0, 1fr)); */
    grid-auto-rows: var(--grid-h-rows);
    grid-auto-flow: dense;
}

/* 1 */
.container-post-categories.tiles .container-post-category.style_1_tiles:nth-child(9n+1) {
    -ms-grid-row-span: 1;
    grid-row: span 1;
    -ms-grid-column-span: 2;
    grid-column: span 2;
}

/* 2 */
.container-post-categories.tiles .container-post-category.style_1_tiles:nth-child(9n+2) {
    -ms-grid-row-span: 1;
    grid-row: span 1;
    -ms-grid-column-span: 1;
    grid-column: span 1;
}

/* 3 */
.container-post-categories.tiles .container-post-category.style_1_tiles:nth-child(9n+3) {
    -ms-grid-row-span: 2;
    grid-row: span 2;
    -ms-grid-column-span: 1;
    grid-column: span 1;
}

/* 4 */
.container-post-categories.tiles .container-post-category.style_1_tiles:nth-child(9n+4) {
    -ms-grid-row-span: 2;
    grid-row: span 2;
    -ms-grid-column-span: 1;
    grid-column: span 1;
}

/* 5 */
.container-post-categories.tiles .container-post-category.style_1_tiles:nth-child(9n+5) {
    -ms-grid-row-span: 1;
    grid-row: span 1;
    -ms-grid-column-span: 1;
    grid-column: span 1;
}

/* 6 */
.container-post-categories.tiles .container-post-category.style_1_tiles:nth-child(9n+6) {
    -ms-grid-row-span: 1;
    grid-row: span 1;
    -ms-grid-column-span: 1;
    grid-column: span 1;
}

/* 7 */
.container-post-categories.tiles .container-post-category.style_1_tiles:nth-child(9n+7) {
    -ms-grid-row-span: 1;
    grid-row: span 1;
    -ms-grid-column-span: 1;
    grid-column: span 1;
}

/* 8 */
.container-post-categories.tiles .container-post-category.style_1_tiles:nth-child(9n+8) {
    -ms-grid-row-span: 2;
    grid-row: span 2;
    -ms-grid-column-span: 2;
    grid-column: span 2;
}

/* 9 */
.container-post-categories.tiles .container-post-category.style_1_tiles:nth-child(9n+9) {
    -ms-grid-row-span: 1;
    grid-row: span 1;
    -ms-grid-column-span: 2;
    grid-column: span 2;
}

.container-post-categories.tiles .container-content-image {
    height: stretch;
    height: -moz-available;
    height: -webkit-fill-available;
}

.container-post-categories.tiles .container-post-category .container-content-image img.container {
    /* height: stretch;
    height: -moz-available;
    height: -webkit-fill-available; */
    height: 100%;
}


/* STYLE 1 */
.container-post-category.tiles .container-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    inset: 0;
}

.container-post-category.tiles img {
    aspect-ratio: 4 / 5;
    -o-object-fit: cover;
       object-fit: cover;
}

.container-post-category.tiles .container-content {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
}

.container-post-category.tiles .container-information .post-text .container-name,
.container-post-category.tiles .container-information .post-text .container-count {
    /* height: stretch;
    height: -moz-available;
    height: -webkit-fill-available; */
    height: auto;
}

.container-post-category.tiles .container-information .post-text .container-name {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: start;
}

.container-post-category.tiles .container-information .post-text .container-count {
    -ms-flex-item-align: start;
        align-self: flex-start;
}

.container-post-category.tiles .container-information .post-text .container-count .post-count {
    margin: 0px 0px 12px 0px;
    padding: 6px 12px 6px 12px;
    font-size: 14px;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-radius: 50px 50px 50px 50px;
    -webkit-transition-duration: 0.3s;
            transition-duration: 0.3s;
}

.container-post-category.tiles .container-information .post-text .container-count {
    -webkit-writing-mode: var(--writing-pc-s4-count, unset);
        -ms-writing-mode: var(--writing-pc-s4-count, unset);
            writing-mode: var(--writing-pc-s4-count, unset);
}

.container-post-category.tiles .container-information {
    border-radius: 12px 12px 12px 12px;
    margin: 16px 16px 16px 16px;
    padding: 12px 12px 12px 12px;
    height: stretch;
    height: -moz-available;
    height: -webkit-fill-available;
}

.container-post-category.tiles .container-information .post-text .post-name {
    font-size: 24px;
    font-weight: 500;
    color: #FAFAFA;
}

.container-post-category.tiles .container-information .post-text .post-count {
    font-size: 16px;
    color: #FAFAFA;
}

/* STYLE 2 */
/* .container-post-category.style_2_tiles .container-content.style_2_tiles {
    display: flex;
    position: absolute;
    inset: 0;
}

.container-post-category.style_2_tiles img {
    aspect-ratio: 4 / 5;
    object-fit: cover;
}

.container-post-category.style_2_tiles .container-content {
    justify-content: flex-end;
}

.container-post-category.style_2_tiles .container-information .post-text .container-name,
.container-post-category.style_2_tiles .container-information .post-text .container-count {
    justify-content: center;
    height: stretch;
}
.container-post-category.style_2_tiles .container-information .post-text .container-count {
    writing-mode: var(--writing-pc-s4-count, unset);
}

.container-post-category.style_2_tiles .container-information {
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    border-radius: 12px 12px 12px 12px;
    margin: 16px 16px 16px 16px;
    padding: 12px 12px 12px 12px;
    height: stretch;
}

.container-post-category.style_2_tiles .container-information .post-text .post-name {
    font-size: 24px;
    font-weight: 500;
    color: #FAFAFA;
}

.container-post-category.style_1_tiles .container-information .post-text .post-count {
    font-size: 16px;
    color: #FAFAFA;
} */

/* 1 */
.container-post-categories.tiles .container-post-category.style_2_tiles:nth-child(7n+1) {
    -ms-grid-row-span: 2;
    grid-row: span 2;
    -ms-grid-column-span: 2;
    grid-column: span 2;
}

/* 2 */
.container-post-categories.tiles .container-post-category.style_2_tiles:nth-child(7n+2) {
    -ms-grid-row-span: 1;
    grid-row: span 1;
    -ms-grid-column-span: 1;
    grid-column: span 1;
}

/* 3 */
.container-post-categories.tiles .container-post-category.style_2_tiles:nth-child(7n+3) {
    -ms-grid-row-span: 2;
    grid-row: span 2;
    -ms-grid-column-span: 1;
    grid-column: span 1;
}

/* 4 */
.container-post-categories.tiles .container-post-category.style_2_tiles:nth-child(7n+4) {
    -ms-grid-row-span: 1;
    grid-row: span 1;
    -ms-grid-column-span: 1;
    grid-column: span 1;
}

/* 5 */
.container-post-categories.tiles .container-post-category.style_2_tiles:nth-child(7n+5) {
    -ms-grid-row-span: 1;
    grid-row: span 1;
    -ms-grid-column-span: 1;
    grid-column: span 1;
}

/* 6 */
.container-post-categories.tiles .container-post-category.style_2_tiles:nth-child(7n+6) {
    -ms-grid-row-span: 1;
    grid-row: span 1;
    -ms-grid-column-span: 1;
    grid-column: span 1;
}

/* 7 */
.container-post-categories.tiles .container-post-category.style_2_tiles:nth-child(7n+7) {
    -ms-grid-row-span: 1;
    grid-row: span 1;
    -ms-grid-column-span: 2;
    grid-column: span 2;
}

/* 1 */
.container-post-categories.tiles .container-post-category.style_3_tiles:nth-child(4n+1) {
    -ms-grid-row-span: 2;
    grid-row: span 2;
    -ms-grid-column-span: 4;
    grid-column: span 4;
}

/* 2 */
.container-post-categories.tiles .container-post-category.style_3_tiles:nth-child(4n+2) {
    -ms-grid-row-span: 1;
    grid-row: span 1;
    -ms-grid-column-span: 1;
    grid-column: span 1;
}

/* 3 */
.container-post-categories.tiles .container-post-category.style_3_tiles:nth-child(4n+3) {
    -ms-grid-row-span: 1;
    grid-row: span 1;
    -ms-grid-column-span: 2;
    grid-column: span 2;
}

/* 4 */
.container-post-categories.tiles .container-post-category.style_3_tiles:nth-child(4n+4) {
    -ms-grid-row-span: 1;
    grid-row: span 1;
    -ms-grid-column-span: 1;
    grid-column: span 1;
}


/* SHINE EFFECT */

/* .container-post-category .container-content-image {
    position: relative;
    overflow: hidden;
}

.container-post-category .container-content-image::before {
    position: absolute;
    top: 0;
    left: -90%;
    z-index: 2;
    content: "";
    width: 50%;
    height: 100%;

    background: linear-gradient(to right,
            rgba(255, 255, 255, 0) 0%,
            rgba(255, 255, 255, .35) 100%);

    transform: skewX(-25deg);
} */

/* hover trigger */

/* .container-post-category:hover .container-content-image::before {
    animation: rkit-shine 1.2s ease;
} */

/* animation */

/* @keyframes rkit-shine {
    100% {
        left: 125%;
    }
}

.container-post-category .container-content-image::before{
    pointer-events:none;
} */

/* shine layer */

.container-content-image::before {
    content: "";
    position: absolute;
    top: 0;
    left: -90%;
    width: 50%;
    height: 100%;
    z-index: 2;

    background: -webkit-gradient(linear,
            left top, right top,
            from(rgba(255, 255, 255, 0)),
            to(rgba(255, 255, 255, .35)));

    background: linear-gradient(to right,
            rgba(255, 255, 255, 0) 0%,
            rgba(255, 255, 255, .35) 100%);

    -webkit-transform: skewX(-25deg);

            transform: skewX(-25deg);
    pointer-events: none;
    opacity: 0;
}

/* trigger hanya jika shine dipilih */

.container-post-category:hover img.elementor-animation-shine+* {
    -webkit-animation: none;
            animation: none;
}

/* hover */

.container-post-category:hover .container-content-image:has(img.elementor-animation-shine)::before {
    opacity: 1;
    -webkit-animation: rkit-shine 1.2s ease;
            animation: rkit-shine 1.2s ease;
}

@-webkit-keyframes rkit-shine {
    100% {
        left: 125%;
    }
}

@keyframes rkit-shine {
    100% {
        left: 125%;
    }
}

/* ROTATE ZOOM */

.container-post-category:hover img.elementor-animation-rotate-zoom {
    -webkit-transform: rotate(0) scale(1);
            transform: rotate(0) scale(1);
}

.elementor-animation-rotate-zoom {
    -webkit-transform: rotate(15deg) scale(1.8);
            transform: rotate(15deg) scale(1.8);
    -webkit-transition: -webkit-transform .3s ease-in-out;
    transition: -webkit-transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out;
    will-change: transform;
}