@import url('https://fonts.googleapis.com/css2?family=Vazirmatn:wght@100;300;400;500;700;900&display=swap');

        body {
            font-family: 'Vazirmatn', sans-serif;
        }

        .navbar {
            position: fixed !important;
            top: 0 !important;
            width: 100% !important;
            transition: background-color 0.3s ease !important;
            background-color: rgb(143 190 239 / 0%) !important;
            z-index: 999 !important;
            --tw-shadow: none !important;
        }

        .navbar.scrolled {
            background-color: rgb(216 220 255) !important;
        }

        .gradient-bg {
            background: linear-gradient(135deg, #4f46e5 0%, #7c3aed 100%);
        }

        .gradient-text {
            background: linear-gradient(135deg, #4f46e5 0%, #7c3aed 100%);
            -webkit-background-clip: text;
            background-clip: text;
            color: transparent;
        }

        .hero-section {
            background-image: linear-gradient(to bottom, rgba(0, 123, 255, 0.3), rgb(143 190 239 / 79%)), url(../img/hero-bg-Dm3V3ty_.jpg);
            background-repeat: no-repeat;
            background-size: cover;
            background-position: center;
        }


        .floating-static {
            position: absolute;
            top: 18%;
            left: 11%;
            width: 285px;
            z-index: 20;
            animation: floatY 3s ease-in-out infinite;
            pointer-events: none;
        }

        /* انیمیشن شناوری */
        @keyframes floatY {
            0% {
                transform: translateY(0px);
            }

            50% {
                transform: translateY(-15px);
            }

            100% {
                transform: translateY(0px);
            }
        }

        /* 🎯 تنظیمات موبایل فقط */
        @media (max-width: 640px) {
            .floating-static {
                top: 22%;
                right: 28%;
                left: auto;
                width: 173px;
            }
        }


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

        .team-member:hover img {
            transform: scale(1.1);
        }


        /* افکت Fade */
        .fade-enter {
            opacity: 0;
            transition: opacity 0.4s ease-in-out;
        }

        .fade-enter-active {
            opacity: 1;
        }

        .fade-exit {
            opacity: 1;
            transition: opacity 0.4s ease-in-out;
        }

        .fade-exit-active {
            opacity: 0;
        }

        /* لایت‌باکس */
        #lightbox {
            background-color: rgba(0, 0, 0, 0.8);
        }

        /* استایل دکمه بسته شدن داخل تصویر */
        #lightbox button {
            border: none;
            line-height: 1;
        }