.webstories-group{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.modal{align-items:center;background-color:rgba(0,0,0,.5);display:none;height:100%;justify-content:center;left:0;overflow:auto;position:fixed;top:0;width:100%;z-index:9999}.modal-btn{background:#fff;border-radius:50%;cursor:pointer;position:absolute;top:50%;transform:translateY(-50%);transition:.5s}.left.modal-btn{left:20%;transform:translateY(-50%) rotate(180deg)}.right.modal-btn{right:20%}.modal-btn:hover{transform:translateY(-40%) scale(1.2)}.left.modal-btn:hover{left:20%;transform:translateY(-45%) rotate(180deg) scale(1.12)}ul.modal-indicators{box-sizing:border-box;display:flex;gap:8px;left:0;list-style:none;padding:0 20px;position:absolute;top:0;width:100%;z-index:2}ul.modal-indicators span{background:#ffffff4d;border-radius:10px;box-sizing:border-box;display:block;height:4px;left:0;position:relative;transition:all .2s linear;width:100%}ul.modal-indicators span.storie-active{background:#fff;transition:all .2s linear}.modal-content{align-items:center;background-color:#fefefe;background-position:50%;background-size:auto 112%;border-radius:10px;box-shadow:0 0 10px #0000005c;color:#fff;display:flex;height:470px;justify-content:center;margin:10% auto;overflow:hidden;padding:20px;position:relative;text-align:center;text-shadow:0 0 5px #000000ab;width:250px}p.text1{font-size:25px;margin:0}.close,p.text1{font-weight:700}.close{color:#aaa;color:#fff;cursor:pointer;font-size:28px;position:absolute;right:20px;text-shadow:0 0 5px #000;top:20px;transition:all .2s linear}.close:hover{transform:scale(1.2)}.card{background-color:#f0f0f0;background-position:50%;background-size:cover;border-radius:8px;cursor:pointer;float:left;height:420px;overflow:hidden;width:260px}.bg-video{left:0;position:absolute;top:0}.bg-video,video{height:100%;width:auto}iframe{max-width:100%}@media (max-width:980px){.left.modal-btn{left:10px}.right.modal-btn{right:10px}}