.stories-grid{grid-template-columns:repeat(3,1fr);gap:50px 20px;display:grid}.stories-grid .story-card{background:#fff;border-radius:10px;min-height:400px;overflow:hidden;box-shadow:0 8px 20px rgba(0,0,0,.18)}.stories-grid .post-img{position:relative}.stories-grid .post-img .tag{color:var(--primary-color);background-color:#fff;border-radius:5px;align-items:center;gap:5px;padding:3px 5px;font-size:12px;font-weight:500;display:inline-flex;position:absolute;top:5px;left:5px}.stories-grid .icon svg{width:1.2rem;height:auto}.story-card .top-section{justify-content:space-between;width:100%;display:flex}.story-card .auther-wrapper{align-items:center;gap:10px;font-size:12px;font-weight:500;display:inline-flex}.story-card .auther-wrapper>span{align-items:end;gap:3px;display:inline-flex}.story-card .story-content-wrapper{padding:5px .5rem 1rem;position:relative}.story-card .story-content{margin-top:.5rem}.story-card .story-content .title{color:var(--primary-color);margin-bottom:.5rem;font-size:20px}.story-card .story-content .summary{font-size:14px}.load-more-wrapper{text-align:center;margin-top:3rem}.load-more-wrapper button{background-color:var(--primary-color);color:#fff;border-radius:10px;padding:8px 20px}h2.heading{margin-bottom:3rem}.social-icon-wrapper{position:relative}.share-container{display:inline-block;position:relative}.share-icon{cursor:pointer;color:#444;font-size:22px;transition:color .3s}.share-container:hover .share-icon{color:#1976d2}.social-icons{opacity:0;pointer-events:none;z-index:10;background:#fff;border-radius:8px 0 0 8px;gap:5px;padding:6px 8px;transition:all .3s;display:flex;position:absolute;bottom:40px;right:-10px;box-shadow:0 4px 10px rgba(0,0,0,.15)}.social-icons:after{content:"";border:6px solid transparent;border-top-color:#fff;position:absolute;bottom:-6px;left:50%;transform:translate(-50%)}.share-container:hover .social-icons{opacity:1;pointer-events:auto}.social-icons .icon{color:#666;transition:color .3s;display:inline-flex}.social-icons .facebook:hover{color:#1877f2}.social-icons .twitter:hover{color:#000}.social-icons .linkedin:hover{color:#0077b5}.social-icons .insta:hover{color:#e4405f}.share-container:before{content:"";width:70px;height:20px;position:absolute;top:-11px;right:-8px}@media (max-width:991px){.stories-grid .story-card{min-height:350px}.stories-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:575px){h2.heading{font-size:25px}.stories-grid{grid-template-columns:1fr;gap:30px}}