/* ===== GLOBAL ===== */
body {
    background: #f8f9fa;
    font-family: 'Segoe UI', sans-serif;
    /* मोबाइल पर सिकुड़ने से रोकने के लिए */
    min-width: 1200px; 
    overflow-x: auto;
}

/* ===== HERO SECTION ===== */
.hero {
    background: linear-gradient(rgba(0,0,0,.6), rgba(0,0,0,.6)),
    url('../../sitephoto/campus1.jpg');
    background-size: cover;
    background-position: center;
    color: #fff;
    padding: 100px 20px;
    text-align: center;
}

/* ===== CARD IMAGES ===== */
.card-img-top {
    height: 250px;
    object-fit: cover;
}

/* ===== SECTION TITLES ===== */
.section-title {
    font-weight: 700;
    margin: 40px 0 20px;
    color: #0F1E40;
}

/* ===== COUNTER BOX ===== */
.counter-box {
    background: #0d6efd;
    color: #fff;
    padding: 30px;
    border-radius: 10px;
    transition: 0.3s;
}

.counter-box:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 20px rgba(0,0,0,0.15);
}



/* अगर आप चाहते हैं कि मोबाइल पर ये और भी कम हाइट की दिखे (जैसे 300px), 
तो इसे इस्तेमाल न करें क्योंकि आप पूरी साइट डेस्कटॉप मोड में रख रहे हैं। 
ऊपर वाला 450px डेस्कटॉप और मोबाइल दोनों पर एक जैसा दिखेगा। */


.carousel-overlay {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:rgba(23,37,78,0.6);
}

.carousel-caption {
    bottom: 30%;
    z-index: 2;
}

.carousel-caption h2 {
    font-size: 40px;
    font-weight: 700;
}

.carousel-caption p {
    font-size: 18px;
}

/* --- यहाँ से Media Query हटा दी गई है ताकि मोबाइल पर टेक्स्ट छोटा न हो --- */

.navbar-nav .nav-link {
    padding: 10px 15px;
    font-weight: 500;
}

.navbar-nav .nav-link:hover {
    color: #FFC107 !important;
}

.dropdown-menu {
    border-radius: 8px;
    border: none;
    box-shadow: 0 5px 15px rgba(0,0,0,0.1);
}

/* Footer and Cards Styling */
.footer-links {
    list-style:none;
    padding:0;
}
.footer-links li { margin-bottom:8px; }
.footer-links a { text-decoration:none; color:#ffffff; font-size:14px; }
.footer-links a:hover { color:#FFC107; }

.social-icons a { text-decoration:none; font-size:18px; color:white; }
.social-icons a:hover { color:#FFC107; }

.card:hover {
    transform: translateY(-5px);
    transition: 0.3s ease;
}

#courseCarousel .card:hover {
    transform: translateY(-8px);
    box-shadow: 0 10px 25px rgba(0,0,0,0.15);
}


/* Carousel इमेज को डेस्कटॉप जैसी छोटी हाइट में फिक्स करने के लिए */
/* इस कोड को अपडेट करें */
.carousel-inner .carousel-item img.carousel-img {
    height: 400px !important;
    width: 100% !important; /* यहाँ 1200px की जगह 100% करें */
    max-width: 1200px;
    margin: 0 auto;
    object-fit: cover !important;
}