.story-title-text{text-align:center}.story-disc-text{font-size:16px;color:#6e6767;font-family:Arial,Helvetica,sans-serif}.divider{position:relative;height:1px}.div-transparent:before{content:"";position:absolute;top:0;left:5%;right:5%;width:90%;height:1px;background-image:linear-gradient(90deg,transparent,#303133,transparent)}.div-dot:after{content:"";position:absolute;z-index:1;top:-9px;left:calc(50% - 9px);width:18px;height:18px;background-color:#daa520;border:1px solid #303133;border-radius:50%;box-shadow:inset 0 0 0 2px #fff,0 0 0 4px #fff}.peoples-custom-card-story-post{position:relative;width:100%;height:450px;background:#fff;transition:all .2s;margin-top:20px;overflow:hidden}.peoples-custom-card-story-post:hover{box-shadow:-12px 12px 2px -1px rgba(0,0,0,.2)}.card-image-peoples-reel-img{width:100%;height:100%;object-fit:cover}.play-button-with-svg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:50px;height:50px;background-color:hsla(0,0%,100%,.6);border-radius:50%;display:flex;align-items:center;justify-content:center}.play-button-with-svg svg{color:red}.text-overlay{padding:10px 15px;position:absolute;bottom:0;width:100%;height:auto;background:linear-gradient(180deg,transparent,rgba(0,0,0,.3) 30%,rgba(0,0,0,.6) 60%,#000);box-sizing:border-box;display:flex;align-items:flex-end}.text-overlay-text{color:#fff;font-size:18px;text-align:center;width:100%;font-weight:700;padding:5px 0}.yellow-overlay{position:absolute;top:0;left:0;height:100%;width:100%;background:linear-gradient(180deg,transparent 0,transparent 50%,rgba(255,215,0,.2) 60%,rgba(255,215,0,.6));opacity:0;transition:opacity .3s ease;z-index:1}.yellow-overlay:hover{opacity:1}.web-story-container{padding:0 16px;min-height:100vh;display:flex;flex-direction:column}.web-story-container,.web-story-content{width:100%;max-width:720px;margin:0 auto}.web-story-content{flex:1 1}@media (max-width:1023px){.web-story-container{max-width:100%;padding:0 12px}.web-story-content{max-width:100%}}@media (max-width:767px){.web-story-container{padding:0 8px}.res-stories-main{flex-direction:column!important;gap:16px!important}.res-stories-main>div:first-child,.res-stories-main>div:last-child{display:none}}@media (min-width:768px) and (max-width:1023px){.res-stories-main{gap:12px!important}.res-stories-main>div:first-child,.res-stories-main>div:last-child{flex:0 0 200px}}.story-card-container{width:100%;height:auto}.story-card{width:100%;aspect-ratio:720/1280;position:relative;overflow:hidden;border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,.1)}@media (min-width:1024px){.story-card{max-width:280px;margin:0 auto}.stories-grid{max-width:900px;margin:0 auto}}.story-image{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.story-card:hover .story-image{transform:scale(1.05)}@media (max-width:767px){.story-card-container{aspect-ratio:9/16}}@media (min-width:768px) and (max-width:1023px){.story-card-container{aspect-ratio:3/4}}