body {
            font-family: 'Inter', sans-serif;
        }
        .font-cairo {
            font-family: 'Cairo', sans-serif;
        }
        .hero-gradient {
            background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
        }
        .cta-button {
            transition: all 0.3s ease;
        }
        .cta-button:hover {
            transform: translateY(-3px);
            box-shadow: 0 10px 20px rgba(0,0,0,0.1);
        }
        .feature-card, .price-card {
             transition: all 0.3s ease;
        }
        .feature-card:hover {
            transform: scale(1.05);
        }
        .price-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 15px 30px rgba(0,0,0,0.12);
        }
        .lang-btn.active {
            color: #4f46e5;
            font-weight: 700;
        }
        .arabic-nav-spacing a + a {
            margin-right: 2.5rem;
        }
        /* Swiper custom styles */
        .swiper-button-next, .swiper-button-prev {
            color: #4f46e5;
        }
        .swiper-pagination-bullet-active {
            background: #4f46e5;
        }
        .swiper-slide {
            display: flex;
            justify-content: center;
            align-items: center;
        }
        .imageSwiper .swiper-slide {
             aspect-ratio: 16 / 9;
             overflow: hidden;
             border-radius: 0.5rem;
        }
        .imageSwiper .swiper-slide img {
            display: block;
            width: 100%;
            height: 100%;
            object-fit: cover;
            cursor: pointer; /* Added to indicate images are clickable */
        }

        /* Video Slider Styles */
        .video-swiper .swiper-slide {
            aspect-ratio: 1 / 1; /* Force a square aspect ratio */
            position: relative;
            background-color: #000;
            border-radius: 0.5rem;
            overflow: hidden;
        }
        .video-swiper iframe {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            border: 0;
        }
        .currency-btn {
            transition: all 0.3s ease;
            border: 2px solid transparent;
        }
        .currency-btn.active {
            background-color: #4f46e5;
            color: white;
            border-color: #4f46e5;
        }
        .currency-btn:not(.active) {
            background-color: #f3f4f6;
            color: #374151;
        }
        .currency-btn:hover:not(.active) {
            background-color: #e5e7eb;
        }
        
@media (min-width: 768px) {
    .md\:text-5xl {
        font-size: 3rem !important;
        line-height: 1.5 !important;
    }
}