.stories__section{padding:190px 60px}.stories__container{flex-wrap:wrap;align-items:center;gap:16px 14px;margin-top:24px;display:flex}.stories__container .story{border:1px solid #eee;border-radius:7px;width:293px;height:359px}.stories__container .story .story__image{object-fit:cover;position:relative}.stories__container .story:hover{transition:transform .3s ease-in-out;transform:scale(1.05)}.stories__container .story .story__image:after{content:"";background-color:#0000001a;width:100%;height:100%;position:absolute;inset:0}.stories__container .story:hover .story__image:after{background-color:#0003}.stories__container .story .story__content{padding:0 16px;font-family:Cairo}.stories__container .story h3{color:#000;margin-top:9px;font-weight:700}.stories__container .story p{color:#817c7c;font-size:12px;font-weight:400}.stories__container .story .date{color:#333;align-items:center;gap:4px;margin-top:15px;font-size:12px;font-weight:500;display:flex}.stories__container .story .view__story__details{text-align:center;background-color:#0cd495;border-radius:4px;height:44px;margin:20px auto;font-size:14px;font-weight:700;line-height:3;display:block;box-shadow:0 4px 4px #0cd4952e}@media (max-width:991px){.stories__container{justify-content:center}}.pagination__wrapper{justify-content:center;margin-top:2rem;display:flex}.pagination{flex-wrap:wrap;gap:.5rem;display:flex}.page-btn,.page-number{color:#333;cursor:pointer;background-color:#f3f4f6;border:1px solid #d1d5db;border-radius:.375rem;padding:.5rem 1rem;font-size:1rem;transition:all .2s ease-in-out}.page-btn:hover,.page-number:hover{background-color:#e5e7eb}.page-number.active{color:#fff;background-color:#10b981;border-color:#10b981;font-weight:700}.page-btn:disabled,.page-number:disabled{opacity:.5;cursor:not-allowed}
