.blog-categories .swiper {
    overflow: hidden;
}

.blog-categories .swiper-slide {
    height: auto;
}

.blog-categories .category-prev,
.blog-categories .category-next{

    position: static;

    width:40px;
    height:40px;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    align-self:center;

    flex-shrink:0;

    margin-top:0;

    border:1px solid #D9D9D9;
    border-radius:9999px;
    background:#fff;
}

.blog-categories .category-prev {
    left: -20px;
}

.blog-categories .category-next {
    right: -20px;
}

.blog-categories .category-prev:hover,
.blog-categories .category-next:hover {
    background: #F4B400;
    border-color: #F4B400;
    color: #fff;
}

.blog-categories .category-prev::after,
.blog-categories .category-next::after {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-weight: 700;
    line-height: 1;
    content: "";
}

.blog-categories .swiper-button-disabled {
    opacity: .35;
    pointer-events: none;
}

/* ----------------------------------------------- post-card ----------------------------------------- */
.post-card {
    transition: transform .3s ease, box-shadow .3s ease;
}
.post-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 12px 30px -8px rgba(0,0,0,.08), 0 4px 12px -4px rgba(0,0,0,.04);
}
.post-card:hover .post-card-title {
    color: #F4B400;
}
.post-card-image {
    transition: transform .3s ease;
}
.post-card:hover .post-card-image {
    transform: scale(1.05);
}
/* ----------------------------------------------- /post-card ----------------------------------------- */

/* ----------------------------------------------- hero-post-card ----------------------------------------- */
.hero-post-card {
    transition: transform .3s ease, box-shadow .3s ease;
}
.hero-post-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 24px 48px -12px rgba(0,0,0,.25);
}
.hero-post-card .hero-post-image {
    transition: transform .3s ease;
}
.hero-post-card:hover .hero-post-image {
    transform: scale(1.05);
}
/* ----------------------------------------------- /hero-post-card ----------------------------------------- */

/* ----------------------------------------------- global ----------------------------------------- */
body {
    font-family: 'Poppins', sans-serif;
}
/* ----------------------------------------------- /global ----------------------------------------- */

/* ----------------------------------------------- ticker ----------------------------------------- */
.ticker-item + .ticker-item {
    border-left: 1px solid #e4e4e7;
}
/* ----------------------------------------------- /ticker ----------------------------------------- */

/* ----------------------------------------------- tag filter ----------------------------------------- */
.tag-filter-btn.active {
    background-color: #F4A000 !important;
    color: #fff !important;
    border-color: #F4A000 !important;
}
/* ----------------------------------------------- /tag filter ----------------------------------------- */