/* --- Student Experiences Section CSS (Scoped) --- */
        .student-experiences-section {
            background: linear-gradient(rgba(15, 32, 61, 0.8), rgba(15, 32, 61, 0.85)), 
                        url('https://images.unsplash.com/photo-1493976040374-85c8e12f0c0e?auto=format&fit=crop&w=1920&q=80') center/cover no-repeat fixed;
            padding: 80px 0; 
            min-height: 100vh; 
            display: flex;
            align-items: center;
            font-family: 'Poppins', 'Segoe UI', Tahoma, sans-serif;
            overflow: hidden;
        }

        .student-experiences-section .se-container-fluid {
            padding: 0 2%;
            width: 100%;
        }

        /* --- Header Design --- */
        .student-experiences-section .se-header {
            margin-bottom: 40px;
        }

        .student-experiences-section .se-title {
            font-size: 2.8rem;
            font-weight: 700;
            color: #ffffff;
            margin-bottom: 10px;
            letter-spacing: -0.5px;
            text-shadow: 2px 2px 4px rgba(0,0,0,0.3);
        }

        .student-experiences-section .se-subtitle {
            font-size: 1.15rem;
            font-weight: 400;
            color: #e2e8f0;
            position: relative;
            display: inline-block;
            padding-bottom: 15px;
        }

        .student-experiences-section .se-subtitle::after {
            content: '';
            position: absolute;
            width: 60px;
            height: 4px;
            background: #ff4757; 
            bottom: 0;
            left: 50%;
            transform: translateX(-50%);
            border-radius: 2px;
        }

        /* --- Slider Container Styling --- */
        .student-experiences-section .se-wrapper {
            width: 96%; 
            max-width: 1400px; 
            margin: 0 auto;
            padding: 40px;
            background: rgba(248, 249, 250, 0.95);
            border-radius: 20px;
            box-shadow: 0 15px 50px rgba(0,0,0,0.3);
            position: relative;
            backdrop-filter: blur(10px); 
        }

        .student-experiences-section .se-slider-container {
            position: relative;
            width: 100%;
            height: 650px; 
            overflow: hidden;
        }

        /* --- Card Design --- */
        .student-experiences-section .se-card {
            position: absolute;
            width: 31%; 
            height: 46%; 
            border-radius: 12px;
            background: #fff;
            box-shadow: 0 4px 15px rgba(0,0,0,0.1);
            overflow: hidden;
            cursor: pointer;
            transition: all 1.2s ease-in-out; 
            user-select: none;
            -webkit-user-select: none;
        }

        .student-experiences-section .se-card:hover { 
            box-shadow: 0 12px 30px rgba(0,0,0,0.25); 
            transform: translateY(-5px) !important; 
        }

        .student-experiences-section .se-card:active {
            cursor: grabbing;
        }

       .student-experiences-section .se-thumbnail-wrapper { 
    position: relative; 
    height: 80%; /* 72% बाट 100% बनाइएको */
    width: 100%;
    overflow: hidden; 
}

        .student-experiences-section .se-thumbnail-wrapper img { 
            width: 100%; 
            height: 100%; 
            object-fit: cover; 
            pointer-events: none;
        }

        .student-experiences-section .se-play-overlay {
            position: absolute; 
            top: 0; left: 0; width: 100%; height: 100%;
            background: rgba(0,0,0,0.3); 
            display: flex; justify-content: center; align-items: center;
            opacity: 0; 
            transition: 0.3s;
        }

        .student-experiences-section .se-card:hover .se-play-overlay { opacity: 1; }
        .student-experiences-section .se-play-overlay i { color: #fff; font-size: 3.5rem; transform: scale(0.8); transition: 0.3s; text-shadow: 0 2px 10px rgba(0,0,0,0.5); }
        .student-experiences-section .se-card:hover .se-play-overlay i { transform: scale(1); }

        .student-experiences-section .se-card-info {
            height: 28%; 
            display: flex; align-items: center; justify-content: center;
            border-top: 1px solid #eee;
            background-color: #fff;
        }

        .student-experiences-section .se-card-info h6 { 
            margin: 0; 
            font-weight: 600; 
            color: #2c3e50; 
            font-size: 1.1rem; 
        }

        /* --- C-Shape Positions --- */
        .se-pos-0 { left: -35%; top: 1.5%; opacity: 0; transform: scale(0.8); pointer-events: none; z-index: 1; } 
        .se-pos-1 { left: 1.5%; top: 1.5%; opacity: 1; transform: scale(1); z-index: 2; }              
        .se-pos-2 { left: 34.5%; top: 1.5%; opacity: 1; transform: scale(1); z-index: 2; }            
        .se-pos-3 { left: 67.5%; top: 1.5%; opacity: 1; transform: scale(1); z-index: 3; }              
        .se-pos-4 { left: 67.5%; top: 52.5%; opacity: 1; transform: scale(1); z-index: 3; }            
        .se-pos-5 { left: 34.5%; top: 52.5%; opacity: 1; transform: scale(1); z-index: 2; }          
        .se-pos-6 { left: 1.5%; top: 52.5%; opacity: 1; transform: scale(1); z-index: 2; }              
        .se-pos-7 { left: -35%; top: 52.5%; opacity: 0; transform: scale(0.8); pointer-events: none; z-index: 1; }

        /* --- Navigation Buttons --- */
        .student-experiences-section .se-nav-controls { display: flex; justify-content: center; gap: 25px; margin-top: 25px; }
        .student-experiences-section .se-nav-btn {
            width: 55px; height: 55px; border-radius: 50%; background: #ff4757; color: #fff;
            display: flex; align-items: center; justify-content: center; font-size: 1.4rem;
            cursor: pointer; box-shadow: 0 4px 15px rgba(255, 71, 87, 0.4); transition: 0.3s; border: none;
        }
        .student-experiences-section .se-nav-btn:hover { background: #e84118; transform: scale(1.1); box-shadow: 0 6px 20px rgba(255, 71, 87, 0.6); }

        /* --- Bootstrap 3 Video Modal Tweaks --- */
        .se-modal .modal-content { background: #000; border-radius: 12px; border: none; }
        .se-modal .modal-header { border-bottom: 1px solid #222; padding: 15px; }
        .se-modal .modal-title { color: #fff; font-size: 1.1rem; margin: 0; }
        .se-modal .se-close-btn { color: #fff; text-shadow: none; opacity: 0.8; font-size: 2rem; }
        .se-modal .se-close-btn:hover { color: #fff; opacity: 1; }
        .se-modal .modal-body.se-modal-body { padding: 0; }

        /* BS3 Custom Animation */
        .se-modal.fade .modal-dialog {
            transform: translateY(150px) scale(0.8) !important;
            transition: transform 0.5s cubic-bezier(0.34, 1.56, 0.64, 1) !important; 
        }
        .se-modal.in .modal-dialog {
            transform: translateY(0) scale(1) !important;
        }
        /* Vertical Centering Trick for BS3 */
        .se-modal { text-align: center; padding: 0!important; }
        .se-modal:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -4px; }
        .se-modal .modal-dialog { display: inline-block; text-align: left; vertical-align: middle; width: 100%; max-width: 800px; margin: 10px; }

        /* --- Mobile View Adjustments --- */
        @media (max-width: 991px) {
            .student-experiences-section .se-wrapper { width: 100%; padding: 30px 15px; }
            .student-experiences-section .se-slider-container { height: 500px; }
            .student-experiences-section .se-card { width: 47%; height: 47%; }
            .student-experiences-section .se-card-info h6 { font-size: 0.95rem; }
            
            .se-pos-0 { left: -52%; top: 1%; }
            .se-pos-1 { left: 1.5%; top: 1%; }
            .se-pos-2 { left: 51.5%; top: 1%; }
            .se-pos-3 { left: 51.5%; top: 52%; } 
            .se-pos-4 { left: 1.5%; top: 52%; }
            .se-pos-5 { left: -52%; top: 52%; opacity: 0; }  
            .se-pos-6 { left: -52%; top: 52%; opacity: 0; }
        }