/* Global Reset */
body {
    margin: 0;
    padding: 0;
}

/* Full-width responsive slider */
.carousel-item img {
    width: 100%;
    height: auto;
    object-fit: contain; /* पूरी image दिखाने के लिए */
    background: #000; /* Optional: खाली जगह काली दिखाने के लिए */
    display: block;
}


@media (max-width: 768px) {
    .carousel-item img {
        height: 30vh; /* or 25vh, image कम crop होगी */
    }
}
@media (max-width: 991px) {
    .login-panel {
        flex-direction: column;
        max-width: 98vw;
        min-height: 0;
    }

    @media (max-width: 700px) {
        .login-graphic, .login-form {
            padding: 18px 4vw !important;
        }

        @media (max-width: 991px) {
            .reg-panel {
                flex-direction: column;
                max-width: 99vw;
                min-height: 0;
            }

            @media (max-width: 700px) {
                .reg-graphic, .register-form {
                    padding: 13px 2vw !important;
                }
                /* Responsive */
                @media (max-width: 576px) {
                    .header-title {
                        font-size: 1.2rem;
                    }

                    @media (max-width: 768px) {
                        .course-card img {
                            height: 250px !important;
                        }
                        /* Responsive fix for mobile */
                        @media (max-width: 768px) {
                            .header {
                                flex-direction: column; /* Logo upar, buttons neeche */
                                align-items: center;
                            }

                            .nav-buttons {
                                margin-top: 10px; /* Logo ke neeche gap */
                            }
                        }
                        /* Responsive fix */
                        @media (max-width: 768px) {
                            .site-header .container {
                                flex-direction: column;
                                align-items: center;
                            }

                            @media print {
                                body {
                                    margin: 0;
                                    padding: 0;
                                }

                                .slip-container {
                                    display: grid;
                                    grid-template-columns: repeat(2, 1fr); /* A4 par 2 slips per row */
                                    gap: 15px;
                                    page-break-inside: avoid;
                                }

                                .slip-box {
                                    border: 2px dashed #000; /* scissor cut look */
                                    padding: 12px;
                                    font-size: 14px;
                                    height: auto;
                                }
                            }

                            .slip-container {
                                display: grid;
                                grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
                                gap: 15px;
                            }

                            .slip-box {
                                border: 2px dashed #999;
                                padding: 12px;
                                border-radius: 6px;
                                background: #fff;
                                box-shadow: 0 2px 6px rgba(0,0,0,0.1);
                            }
                            /* Print style */
                            @media print {
                                .no-print {
                                    display: none !important;
                                }