/* ================= SLIDER ================= */

.slider{

    position:relative;

    width:100%;

    height:750px; 
  
    overflow:hidden;
}

.slides{

    position:relative;

    width:100%;

    height:100%;
}

.slide{

    position:absolute;

    width:100%;

    height:100%;

    opacity:0;

    transition:1s ease;
}

.slide.active{

    opacity:1;
}

/* IMAGE FIX (NO CUT / NO BREAK) */

.slide img{

    width:100%;

    height:100%;

    object-fit:cover;   /* BEST FOR HERO SLIDER */
       
    object-position:center;
}

/* BUTTONS */

.prev, .next{

    position:absolute;

    top:50%;

    transform:translateY(-50%);

    background:rgba(0,0,0,0.5);

    color:white;

    border:none;

    padding:10px 15px;

    font-size:20px;

    cursor:pointer;

    z-index:10;
}

.prev{ left:10px; }
.next{ right:10px; }

.prev:hover, .next:hover{

    background:rgba(0,0,0,0.8);
}

/* MOBILE */

@media(max-width:768px){

    .slider{
        height:250px;
    }
}