.oc-slider{position:relative;overflow:hidden}
.oc-slides{display:flex;transition:transform .5s ease}
.oc-slide{position:relative;min-width:100%}
.oc-slide-img{width:100%;display:block;object-fit:cover}
.oc-slide-caption{position:absolute;left:6%;top:20%;max-width:40%;color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.5)}
.oc-slide-title{font-size:40px;margin:0 0 10px}
.oc-slide-subtitle{font-size:18px;margin:0 0 20px;opacity:.95}
.oc-slide-btn{display:inline-block;background:#d9534f;color:#fff;padding:10px 18px;border-radius:4px;text-decoration:none}
.oc-prev,.oc-next{position:absolute;top:50%;transform:translateY(-50%);background:rgba(0,0,0,.35);color:#fff;border:0;width:42px;height:42px;border-radius:50%;cursor:pointer}
.oc-prev{left:10px}.oc-next{right:10px}
.oc-dots{position:absolute;left:0;right:0;bottom:12px;text-align:center}
.oc-dots button{width:10px;height:10px;border-radius:50%;border:0;margin:0 4px;background:#ddd;opacity:.7;cursor:pointer}
.oc-dots button.active{background:#333;opacity:1}
@media (max-width:768px){
  .oc-slide-caption{max-width:80%;top:12%}
  .oc-slide-title{font-size:26px}
  .oc-slide-subtitle{font-size:14px}
}