.about-bg-light {
            background-image: linear-gradient(rgba(82, 192, 184, 0.9), rgba(228, 24, 112, 0.9)), 
                              url('../images/about_us.jpg');
            background-size: cover;
            background-position: center;
            background-attachment: fixed;
        }
        .dark .about-bg-dark {
            background-image: linear-gradient(rgba(17, 24, 39, 0.95), rgba(31, 41, 55, 0.95)), 
                              url('../images/about_us.jpg');
            background-size: cover;
            background-position: center;
            background-attachment: fixed;
        }
        .about-card {
            backdrop-filter: blur(10px);
            transition: all 0.3s ease;
        }

        .animate-fade-in-up {
            animation: fadeInUp 0.8s ease forwards;
        }

        .animate-fade-in {
            animation: fadeIn 0.8s ease forwards;
        }

        .animate-float {
            animation: float 3s ease-in-out infinite;
        }


          .card-hover-effect {
            transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
        }

        .card-hover-effect:hover {
            transform: translateY(-12px) scale(1.02);
        }

        .icon-rotate {
            transition: transform 0.6s ease;
        }

        .card-hover-effect:hover .icon-rotate {
            transform: rotate(360deg) scale(1.1);
        }

        .gradient-border::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            height: 4px;
            background: linear-gradient(90deg, #52C0B8, #E41870);
            transform: scaleX(0);
            transform-origin: left;
            transition: transform 0.5s ease;
        }

        .card-hover-effect:hover .gradient-border::before {
            transform: scaleX(1);
        }

        .bg-pattern {
            background-image: 
                radial-gradient(circle at 20% 50%, rgba(82, 192, 184, 0.1) 0%, transparent 50%),
                radial-gradient(circle at 80% 80%, rgba(228, 24, 112, 0.1) 0%, transparent 50%);
        }