/* ===== MODERN PROFESSIONAL SLIDER ===== */

.slider{
    position:relative;
    overflow:hidden;
    border-radius:12px;
    box-shadow:0 8px 25px rgba(0,0,0,0.25);
    background:#000;
}

/* SLIDES WRAPPER */
.slides{
    display:flex;
    transition:transform 0.6s ease-in-out;
}

/* IMAGES */
.slides img{
    width:100%;
    flex-shrink:0;
    border-radius:12px;
    object-fit:cover;
}

/* ===== ARROWS ===== */
.prev, .next{
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    background:rgba(0,0,0,0.45);
    color:white;
    border:none;
    padding:10px 14px;
    cursor:pointer;
    font-size:18px;
    border-radius:50%;
    transition:0.3s;
    z-index:5;
}

/* LEFT / RIGHT */
.prev{ left:12px; }
.next{ right:12px; }

/* HOVER EFFECT */
.prev:hover, .next:hover{
    background:#00b894;
    transform:translateY(-50%) scale(1.1);
}

/* ===== DOTS ===== */
.dots{
    text-align:center;
    margin-top:12px;
}

/* DOT STYLE */
.dots span{
    height:10px;
    width:10px;
    margin:0 5px;
    display:inline-block;
    background:#bbb;
    border-radius:50%;
    cursor:pointer;
    transition:0.3s;
}

/* ACTIVE DOT */
.dots .active{
    background:#00b894;
    transform:scale(1.3);
}

/* ===== AUTO FADE EFFECT (OPTIONAL CLASS) ===== */
.slider.fade .slides{
    transition:opacity 0.6s ease-in-out;
}

/* ===== MOBILE RESPONSIVE ===== */
@media(max-width:768px){

    .prev, .next{
        padding:8px 10px;
        font-size:14px;
    }

    .dots span{
        height:8px;
        width:8px;
    }
}

/* ===== EXTRA PREMIUM TOUCH ===== */

/* Slight zoom animation */
.slides img{
    transition:transform 5s ease;
}

.slider:hover .slides img{
    transform:scale(1.05);
}