.about-image-wrapper {
            position: relative;
        }

        .about-image-wrapper::before {
            content: '';
            position: absolute;
            top: 1rem;
            left: 1rem;
            right: -1rem;
            bottom: -1rem;
            border: 3px solid var(--color-primary-500);
            border-radius: 0.75rem;
            z-index: -1;
        }

        [dir="rtl"] .about-image-wrapper::before {
            left: -1rem;
            right: 1rem;
        }

        .about-value-card {
            transition: transform 0.3s ease, box-shadow 0.3s ease;
        }

        .about-value-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1);
        }