/* Hero CTA Mobile */
        @media (max-width: 767px) {
        
            .hero-content .cta-btn{
                display: flex;
                flex-direction: column;
                align-items: center;
                gap: 15px;   /* Space between buttons */
                width: 100%;
            }
        
            .hero-content .cta-btn .btn-default{
                width: 100%;
                max-width: 320px;
                justify-content: center;
                text-align: center;
            }
            
             .hero2 .hero-content{
                padding-top: 45px;
            }
            
             .working-step-item {
                    margin-bottom: 20px;
                }
        
        }
        
        .course-program-card {
    height: 100%;
    overflow: hidden;
    background: #111;
    border-radius: 14px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
}

        .course-program-image {
            width: 100%;
            overflow: hidden;
            border-radius: 14px 14px 0 0;
        }
        
        .course-program-image img {
            width: 100%;
            height: auto;
            display: block;
        }
        
        .course-program-content {
            padding: 25px;
        }
        
        .course-program-content h3 {
            margin-bottom: 18px;
        }
        
        .course-program-content h4 {
            margin-top: 18px;
            margin-bottom: 7px;
        }
        
        .course-program-content p:last-child {
            margin-bottom: 0;
        }
        
        @media (max-width: 767px) {
            .course-program-content {
                padding: 18px;
            }
        
            .course-program-content h3 {
                font-size: 20px;
            }
        }
        
        
        
        /* Equal Height Pricing Cards */
        .page-pricing .row {
            display: flex;
            flex-wrap: wrap;
        }
        
        .page-pricing .col-md-3 {
            display: flex;
            margin-bottom: 25px;
        }
        
        .pricing-box {
            display: flex;
            flex-direction: column;
            width: 100%;
            height: 100%;
        }
        
        .pricing-box ul {
            flex-grow: 1;
        }
        
        .pricing-btn {
            margin-top: auto;
        }
        
        .dirham {
    display: inline-block;
    width: 18px;
    height: 18px;
    background-size: contain;
    vertical-align: -3px;
    margin-right: 3px;
}



/* Hide CTA Box on Mobile */
@media (max-width: 767px) {
    .hide-mobile {
        display: none !important;
    }
}