.color-figure {
            background-color: #fff;
            /* رنگ اولیه */
            transition: background-color 0.3s ease;
            /* انیمیشن نرم */
            color: #fff;

        }

        .courses-swiper {
            width: 100%;
            overflow: hidden;
        }

        .courses-swiper .swiper-slide {
            height: auto;
        }

        .courses-swiper .swiper-slide>.col-lg-4 {
            width: 100%;
            max-width: 100%;
        }

        .courses-swiper .post-item {
            height: 100% !important;
        }

        .testimonial-company-slider .swiper-slide {
            display: flex;
            align-items: center;
            justify-content: center;
            margin-left: 0 !important;
            width: 250px !important;
        }

        .testimonial-company-slider .company-logo {
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .testimonial-company-slider .company-logo figure {
            margin: 0;
        }

        .testimonial-company-slider .company-logo img {
            max-width: 150px;
            max-height: 150px;
            width: auto;
            height: auto;
            object-fit: contain;
        }

        .portfolio .video-gallery-image::before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background-color: var(--primary-color);
            border-radius: 20px;
            opacity: 50%;
            visibility: visible;
            width: 100%;
            height: 100%;
            z-index: 1;
            transform: scale(0);
            transition: all 0.4s ease-in-out;
        }

 .portfolio .video-gallery-image::after {
    content: "\f04b"; /* Play */
    font-family: "FontAwesome";
    position: absolute;
    top: 50%;
    right: 50%;
    left: 0;
    transform: translate(50%, -50%);
    font-size: 20px;
    background: var(--accent-color);
    color: var(--white-color);
    border-radius: 50%;
    height: 60px;
    width: 60px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 1;
    visibility: visible;
    transition: all 0.5s ease-in-out;
    z-index: 2;
}
.portfolio .video-gallery-image.is-playing::after {
    content: "\f04c"; /* Pause */
}
        @media only screen and (max-width: 767px) {
            .hero-slide {
                height: clamp(200px, 90vw, 400px) !important;
                min-height: clamp(200px, 90vw, 400px) !important;
                padding: 0 !important;
                position: relative !important;
                display: flex;
                align-items: center;
                overflow: hidden;
            }

            .hero-slider-image {
                position: absolute;
                inset: 0;
                z-index: 0;
            }

            .container {
                position: relative;
                z-index: 1;
            }

            .hero-content {
                max-width: 200px;
            }

            .section-title h3::before {
                display: none;
            }

            .testimonial-company-slider .swiper-slide {

                width: 150px !important;
            }

            .testimonial-company-slider.swiper-wrapper {
                transform: translate3d(100px, 0, 0) !important;

            }
        }