body {
        font-family: 'Segoe UI', sans-serif;
    }

    .course-card {
        background-color: #fff;
        border-radius: 8px;
        transition: all 0.3s ease;
        overflow: visible !important;
        cursor: pointer;
    }

    .course-card:hover {
        transform: scale(1.05);
        box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2);
    }

    .course-card:hover img {
        transform: scale(1.05);
    }

    .course-card img {
        border-top-left-radius: 8px;
        border-top-right-radius: 8px;
        transition: transform 0.3s ease;
    }

    .course-card .btn:hover {
        background-color: #004080;
        transform: scale(1.03);
        transition: all 0.2s ease-in-out;
    }




        .why-choose-section {
            background-color: #f8f9fa;
        }
    
        .section-title {
            font-size: 32px;
            font-weight: 700;
            color: #004080 !important;  

        }
    
        .section-title span {
            color: #0b0b0b;
        }
    
        .section-subtext {
            color: #555;
            font-size: 16px;
            max-width: 600px;
            margin: 10px auto 0;
        }
    
        .section-underline {
            width: 80px;
            height: 4px;
            background: #0b0b0b;
            margin: 12px auto;
            position: relative;
        }
    
        .section-underline::before {
            content: "";
            position: absolute;
            width: 20px;
            height: 4px;
            background: #f1c40f;
            left: -25px;
            top: 0;
        }
    
        .choose-card i {
            color: #09182f;
        }
    
        .choose-card h5 {
            font-size: 18px;
            margin-bottom: 10px;
        }
    
        .choose-card p {
            font-size: 15px;
            color: #555;
        }