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