/* Fix for the teacher card slider border issue */

/* Remove the border/frame around the slider */
.teacher-slider {
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
    max-width: 100% !important; /* Make sure it extends fully */
    padding-left: 20px !important; /* Reduce side padding */
    padding-right: 20px !important;
    overflow: visible !important;
    margin-bottom: 30px !important;
}

/* Fix the slide controls positioning to not cut off cards */
.slider-controls {
    width: calc(100% + 30px) !important; /* Extend beyond the slider container */
    left: -15px !important;
    right: -15px !important;
}

/* Make sure the carousel hint doesn't add any borders */
.carousel-nav-hint {
    border: none !important;
    background: transparent !important;
    padding: 5px 0 !important;
}

/* Ensure the cards container can extend fully */
.teacher-cards {
    width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin: 0 !important;
}

/* Fix the slide's visible area */
.teachers .container {
    max-width: 100% !important;
    padding: 0 !important;
    overflow: visible !important; 
}