* {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }
.btn-warning-custom {
    background-color: #ff8c00;
    border: none;
    color: white;
    font-weight: 600;
    border-radius: 40px;
    padding: 0.4rem 1.2rem;
    transition: 0.2s;
}

    .btn-warning-custom:hover {
        background-color: #e07c00;
        transform: translateY(-2px);
        box-shadow: 0 5px 12px rgba(0,0,0,0.15);
    }

.btn-outline-custom {
    border: 2px solid #c62828;
    color: #c62828;
    border-radius: 40px;
    font-weight: 600;
    padding: 0.4rem 1.2rem;
    transition: 0.2s;
}

    .btn-outline-custom:hover {
        background: #c62828;
        color: white;
    }
        /* marquee sliding */
        .slid {
            background: #fff3e0;
            border-top: 2px solid #ffb74d;
            border-bottom: 2px solid #ffb74d;
            color: #b33e3e;
            font-weight: 500;
            font-size: 0.95rem;
            padding: 0.6rem 0;
        }
        /* Hero Carousel image styling */
        .hero-carousel .carousel-item img {
            height: 600px;
            object-fit: cover;
            filter: brightness(0.75);
        }
        @media (max-width: 768px) {
            .hero-carousel .carousel-item img { height: 350px; }
        }
        /* Important Links Section */
        .important-links-card {
            background: #ffffff;
            border-radius: 28px;
            box-shadow: 0 12px 25px rgba(0,0,0,0.08);
            transition: 0.2s;
            height: 100%;
            border-left: 6px solid #c62828;
        }
        .important-links-card ul {
            padding-left: 1.2rem;
        }
        .important-links-card li {
            margin-bottom: 1rem;
            list-style-type: none;
        }
        .important-links-card .link {
            text-decoration: none;
            color: #2c3e50;
            font-weight: 500;
            transition: 0.2s;
            display: inline-block;
        }
        .important-links-card .link:hover {
            color: #c62828;
            transform: translateX(5px);
        }
        .right-heading {
            font-size: 1.6rem;
            font-weight: 700;
            color: #c62828;
            position: relative;
            display: inline-block;
            margin-bottom: 1.2rem;
        }
        .right-heading:after {
            content: '';
            position: absolute;
            bottom: -8px;
            left: 0;
            width: 60px;
            height: 3px;
            background: #ffb74d;
            border-radius: 3px;
        }
        /* Courses Section */
        .courses-section {
            background: #fffaf2;
        }
        .course-card-modern {
            background: white;
            border-radius: 20px;
            transition: all 0.25s ease;
            box-shadow: 0 8px 18px rgba(0,0,0,0.05);
            border-bottom: 3px solid #ff8c00;
            height: 100%;
        }
        .course-card-modern:hover {
            transform: translateY(-6px);
            box-shadow: 0 20px 30px rgba(0,0,0,0.1);
        }
        .course-title {
            font-weight: 700;
            color: #2c3e50;
            font-size: 1.2rem;
        }
        .badge-custom {
            background: #c6282810;
            color: #c62828;
            font-weight: 600;
            border-radius: 30px;
            padding: 0.2rem 0.8rem;
        }
        .section-title {
            font-weight: 700;
            position: relative;
            display: inline-block;
        }
        .section-title:after {
            content: '';
            position: absolute;
            bottom: -12px;
            left: 0;
            width: 70px;
            height: 3px;
            background: #c62828;
            border-radius: 3px;
        }
        /* Gallery 4-Column Layout with individual carousels */
        .gallery-card {
            background: white;
            border-radius: 20px;
            overflow: hidden;
            box-shadow: 0 10px 20px rgba(0,0,0,0.1);
            transition: transform 0.3s;
            height: 100%;
        }
        .gallery-card:hover {
            transform: translateY(-5px);
        }
        .gallery-card .carousel-inner {
            border-radius: 20px 20px 0 0;
        }
        .gallery-card .carousel-item img {
            height: 250px;
            object-fit: cover;
            width: 100%;
        }
        .gallery-card .card-body {
            padding: 1rem;
            background: white;
            text-align: center;
        }
        .gallery-card .card-title {
            font-weight: 600;
            color: #c62828;
            margin-bottom: 0;
            font-size: 1rem;
        }
        /* Small custom carousel controls inside cards */
        .gallery-card .carousel-control-prev-icon,
        .gallery-card .carousel-control-next-icon {
            background-color: rgba(198, 40, 40, 0.7);
            border-radius: 50%;
            padding: 6px;
            width: 30px;
            height: 30px;
            background-size: 60%;
        }
        .gallery-card .carousel-indicators {
            margin-bottom: 5px;
        }
        .gallery-card .carousel-indicators button {
            width: 8px;
            height: 8px;
            border-radius: 50%;
            background-color: #c62828;
        }
        @media (max-width: 768px) {
            .gallery-card .carousel-item img {
                height: 200px;
            }
        }
        .social-icon-footer {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            width: 38px;
            height: 38px;
            background: rgba(255,255,255,0.1);
            border-radius: 50%;
            transition: 0.2s;
        }
        .social-icon-footer:hover {
            background: #c62828;
            transform: translateY(-3px);
        }
        footer a {
            transition: 0.2s;
        }
        footer a:hover {
            color: #ffb74d !important;
            text-decoration: underline !important;
        }
        @media (max-width: 992px) {
            .navbar-nav {
                text-align: center;
            }
            .btn-warning-custom, .btn-outline-custom {
                margin: 0.2rem;
            }
        }