.hero-content .mb-0 {margin-bottom: 0;}
.section-instagram-stories { padding: 40px 0;}
.section-instagram-stories .col {width: 20%; margin: 0 0 28px;}
.section-instagram-stories .item-wrap {margin: 0; padding: 0;}
.item-wrap .item-wrap__image {margin: 0 0 10px; padding: 0; aspect-ratio: 9/16; background: #f5f2fd; border-radius: 8px; transition: all ease-in-out 250ms;}
.item-wrap:hover .item-wrap__image {transform: translateY(-8px); transition: all ease-in-out 250ms;}
.item-wrap .item-wrap__image img {border-radius: 8px;}
.item-wrap .item-wrap__label {margin: 0; padding: 0; font-size: 12px; font-style: normal; font-weight: 400; line-height: 16px;}
.item-wrap .item-wrap__title {margin: 0; padding: 0; font-size: 16px; font-style: normal; font-weight: 400; line-height: 20px;}
.disabled-link {pointer-events: none;}

/* Pagination */
.pagination { margin: 60px 0 0; padding: 0; justify-content: center; gap: 16px;}
.pagination.show-pager { display: flex; }
.pagination button { padding: 0; border: none; background: none; font-size: 16px;}
.pagination .page-btn { width: 32px; height: 32px; line-height: 32px; border-radius: 50%;}
.pagination .page-btn.active { background: #0067CB; color: #FFFFFF;}
.pagination #prevPage::before { content: ""; width: 18px; height: 18px; display: inline-block; background: url("/static/cdgs/images/templates/instagram-stories/chevron-left.svg") no-repeat 0 0; position: relative; top: -1px; vertical-align: middle;}
.pagination #nextPage::after { content: ""; width: 18px; height: 18px; display: inline-block; background: url("/static/cdgs/images/templates/instagram-stories/chevron-right.svg") no-repeat 0 0; position: relative; top: -1px; vertical-align: middle;}
.pagination button.disabled span,
.pagination button.disabled { color: #CBCBCB; pointer-events: none;}
.pagination button.disabled::before,
.pagination button.disabled::after { opacity: 0.2;}

@media screen and (max-width: 992px) {
    .section-instagram-stories .col {width: 25%;}
}

@media screen and (max-width: 768px) {
    .section-instagram-stories .col {width: 33.333%;}
    .section-insta-story-text.with-image .row {flex-direction: column-reverse;}
}

@media screen and (max-width: 767px) {
    .section-instagram-stories .col {width: 50%;}
    .pagination button#prevPage span,
    .pagination button#nextPage span {display: none;}
}
