.toast-success {
            background-color: #51A351 !important;
        }

        .toast-error {
            background-color: #BD362F !important;
        }



        a,
        .header-btn,
        h1,
        .title,
        .widget-title,
        .features-list,
        .edu-btn,
        li,
        .badge-1,
        .header-notify,
        h3,
        .course-level,
        input::placeholder,
        .nav-link,
        .course-price,
        .pre-title,
        h6,
        .label,
        .duration,
        span,
        th,
        td,
        h5,
        p,
        h2,
        .empty-state-title {
            font-family: 'Almarai', sans-serif !important;
        }

        .description,
        .justify {
            text-align: justify;
        }

        .center {
            text-align: center;
        }

        input::placeholder,
        textarea::placeholder {
            padding: 3px 0;
        }


        select,
        select option {
            font-family: 'Almarai', sans-serif !important;
            font-size: 16px;
        }


        .pre-textsecondary {
            font-size: 15px;
        }

        .shadow-title {
            text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
            font-weight: bold;
            color: #333;
            font-size: 15px;
        }

        .features-box {
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            height: 100%;
        }

        .features-box .content {
            flex-grow: 1;
            display: flex;
            flex-direction: column;
        }

        .features-box .description {
            flex-grow: 1;
            margin-bottom: 0;
        }

        .features-box .description::after {
            content: '';
            display: block;
            height: 1px;
        }

        .col-lg-3 {
            display: flex;
            flex-direction: column;
        }

        .col-lg-3>.features-box {
            flex-grow: 1;
            display: flex;
            flex-direction: column;
        }



        .edu-btn.btn-medium {
            background: linear-gradient(45deg, #1a6fb6, #15a575);
        }