@media only screen and (max-width:600px){.slider-container{display:block}}.slider{position:relative;width:100%;max-width:600px;margin:0 auto;overflow:hidden}.slides{display:flex;transition:transform .5s ease-in-out}.slide{min-width:100%;box-sizing:border-box;position:relative}.slide::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.4);z-index:1}.slide img{width:100%;height:400px;object-fit:cover;display:block}.slide-content{position:absolute;top:80px;left:20px;text-align:left;color:white;text-shadow:0 0 5px rgba(0,0,0,.7);z-index:2}.sub-heading{font-size:1.2rem;margin-bottom:0}.heading{font-size:1.8rem;font-weight:700;margin-top:0;margin-bottom:30px;color:white}.buttons{display:flex;gap:10px}.buttons a{display:inline-block;width:120px;height:40px;line-height:40px;text-align:center;text-decoration:none;border:2px solid white;background-color:transparent;color:white;font-size:.9rem;cursor:pointer;border-radius:5px;font-family:"Zain",sans-serif;padding:0 10px}.buttons a:hover{background-color:rgba(255,255,255,.2)}.dots{position:absolute;bottom:10px;left:50%;transform:translateX(-50%);display:flex;gap:8px;z-index:2}.dot{width:10px;height:10px;background-color:rgba(255,255,255,.5);border-radius:50%;cursor:pointer;transition:background-color .3s}.dot.active{background-color:white}