
/* ====== SLICK SLIDE SPACING (KEY FIX) ====== */
.tutor-slider .slick-slide {
    margin: 0 15px; /* ← THIS IS CRITICAL */
}

/* Ensure inner content doesn't overflow */
.tutor-slider .slick-slide > div {
    outline: none; /* removes focus ring if any */
}

/* Optional: Prevent Slick from resetting margin */
.tutor-slider .slick-list {
    overflow: visible !important;
    margin: 0 -15px; /* Compensate outer padding if needed */
}

.tutor-slider .slick-track {
    display: flex;
    align-items: flex-start;
}

/* Inner card styling (your original) */
.tutor-slide {
    padding-bottom: 40px; /* space for overlay + dots */
}

/* ====== IMAGE ====== */
.tutor-slide-image-wrapper {
    position: relative;
    width: 200px;
    height: 200px;
    margin: auto;
    border-radius: 32px;
}

.tutor-slide-image {
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-radius: 32px;
}

.tutor-profile-img {
    width: 100%;
    height: 100%;
    border-radius:32px;
    object-fit: cover;
}

/* ====== OVERLAY ====== */
.tutor-slide-content-overlay {
    position: absolute;
    bottom: -90px;
    left: 50%;
    transform: translateX(-50%);
    background: #fff;
    width: 200px;
    padding: 14px;
    border-radius: 12px;
    text-align: center;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
    z-index: 10;
}

/* ====== TEXT ====== */
.tutor-slide-name {
    font-size: 0.95rem;
    font-weight: 400;
    margin: 0;
}
.tutor-slide-qualification,
.tutor-slide-experience {
    font-size: 0.75rem;
    margin: 1px 0;
}

/* ====== DOTS ====== */
.slick-dots {
    bottom: -20px;
}

/* ====== RESPONSIVE ====== */
@media (max-width: 992px) {
    .tutor-slider .slick-slide {
        margin: 0 12px;
    }
    .tutor-slide-image-wrapper {
        width: 200px;
        height: 200px;
    }
    .tutor-slide-content-overlay {
        width: 200px;
    }
}
@media (max-width: 768px) {
    .tutor-slider .slick-slide {
        margin: 0 8px;
    }
    .tutor-slide-image-wrapper {
        width: 200px;
        height: 200px;
    }
}
@media (max-width: 480px) {
    .tutor-slider .slick-slide {
        margin: 0 6px;
    }
    .tutor-slide-image-wrapper {
        width: 120px;
        height: 120px;
    }
    .tutor-slide-content-overlay {
        width: 120px;
        bottom: -60px;
        padding: 10px;
    }
    .tutor-slide-name {
        font-size: 0.8rem;
    }
    .tutor-slide-qualification,
    .tutor-slide-experience {
        font-size: 0.65rem;
    }
    .tutor-slider .slick-list {
        margin: 0 -6px;
    }
}/* Tutor Slider Styles */
.tutor-slider-container {
    padding: 30px 0;
}

.tutor-slider-wrapper { max-width: 1200px; margin: auto; }
.tutor-slider .slick-slide { margin: 0 15px; }
.tutor-slider .slick-list { margin: 0 -15px; }
.tutor-slide-image-wrapper { position: relative; width: 200px; height: 200px; margin: auto; border-radius: 32px; }
.tutor-slide-image { width: 100%; height: 100%; overflow: hidden; border-radius: 32px; }
.tutor-profile-img { width: 100%; height: 100%; object-fit: cover; border-radius: 32px; }
.tutor-slide-content-overlay { position: absolute; bottom: -80px; left: 50%; transform: translateX(-50%); background: #fff; width: 200px; padding: 14px; border-radius: 12px; text-align: center; box-shadow: 0 10px 25px rgba(0,0,0,0.2); }
.slick-dots { bottom: -15px; }
