.reels{background-color:#fff;padding:3em 0}.reelsimg{width:90%;margin:3em auto 0;position:relative}.reel-card{margin-bottom:3em;box-shadow:0 1px 2px #0000000d}.reel_content{padding:1em}.reel_content h1{font-size:1.25rem;font-weight:400}.reel_content p{color:#444;padding-top:.5em;font-size:.9rem;font-weight:400;line-height:1.3em}.play-pause-button{background-color:#2c4d9d;border-radius:50%;justify-content:center;align-items:center;width:45px;height:45px;display:flex;position:absolute;top:37.5%;left:50%;transform:translate(-50%,-50%)}.play-pause-button i{color:#fff;font-size:1.5em}.reel-nav-btn{color:#fff;cursor:pointer;z-index:100;background:linear-gradient(135deg,#2c4d9d 0%,#1e3a8a 100%);border:none;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;font-size:1.2rem;transition:all .3s;display:flex;position:absolute;top:40%;transform:translateY(-50%);box-shadow:0 4px 12px #2c4d9d4d}.reel-nav-btn:hover{transform:translateY(-50%)scale(1.1);box-shadow:0 6px 20px #2c4d9d66}.reel-prev-btn{left:-25px}.reel-next-btn{right:-25px}@media screen and (max-width:768px){.reels{padding:2em 0}.reels h3{font-size:1.8rem}.reelsimg{width:95%;margin-top:2em}.reel-nav-btn{width:40px;height:40px;font-size:1rem}.reel-prev-btn{left:5px}.reel-next-btn{right:5px}.reel_content h1{font-size:1.1rem}.reel_content p{font-size:.85rem}}@media screen and (max-width:480px){.reels{padding:1.5em 0}.reels h3{font-size:1.5rem}.reelsimg{width:100%;margin-top:1.5em;padding:0 .5em}.reel-nav-btn{width:35px;height:35px;font-size:.9rem}.play-pause-button{width:40px;height:40px}.play-pause-button i{font-size:1.2em}.reel_content{padding:.75em}.reel_content h1{font-size:1rem}.reel_content p{font-size:.8rem}.reel_content a{font-size:.85rem}}