@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap');
        body {
            font-family: 'Inter', sans-serif;
            color: #1f2937; /* Dark Gray for main text */
        }
        .text-primary-red {
            color: #dc2626; /* Equivalent to text-red-600 */
        }
        .bg-primary-red {
            background-color: #dc2626; /* Equivalent to bg-red-600 */
        }
        .border-primary-red {
            border-color: #dc2626;
        }

        .mesh-colors{
            background-image: linear-gradient(to right top, #e1e1e1, #e6e6e6, #ececec, #f1f1f1, #f7f7f7, #f7f7fa, #f7f6fc, #f6f6ff, #eeefff, #e5e9ff, #dce3ff, #d1ddff);
        }
.navbar1 {
  /* Horizontal offset | Vertical offset | Blur radius | Spread radius | Color */
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
  /* Ensure the navbar appears above other content if necessary */
  position: relative;
  z-index: 10; 
}


        /* --- BACKGROUND ANIMATION --- */
        @keyframes zoom-in-bg {
            0% {
                transform: scale(1.0);
            }
            100% {
                transform: scale(1.05);
            }
        }
        
        .bg-hero-image {
            background-image: url('bg-hero.jpg');
            background-size: cover;
            background-position: center;
            animation: zoom-in-bg 10s infinite alternate ease-in-out; 
        }

        .bg-about-image {
            background-image: url('bg-about.jpg');
            background-size: cover;
            background-position: center;
            animation: zoom-in-bg 10s infinite alternate ease-in-out;
        }

        /* --- SCROLL REVEAL ANIMATION (Initial and On Scroll) --- */

        /* Keyframes for Fade Up effect */
        @keyframes fade-up {
            from {
                opacity: 0;
                transform: translateY(20px);
            }
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }

        /* Base class for elements waiting to be animated */
        .reveal-element {
            opacity: 0;
            transition: all 0.6s ease-out; /* Smooth transition for the reveal */
        }
        
        /* Class applied by JS when element enters viewport */
        .reveal-element.is-visible {
            opacity: 1;
            animation: fade-up 0.8s ease-out forwards;
        }
        
        /* Staggered Delay for internal elements within a section */
        .reveal-element.is-visible > * {
            animation-delay: 0.1s;
        }
        .reveal-element.is-visible > *:nth-child(2) {
            animation-delay: 0.2s;
        }
        .reveal-element.is-visible > *:nth-child(3) {
            animation-delay: 0.3s;
        }
        .carousel-image {
            transition: opacity 1000ms ease-in-out;
        }
        /* Custom style for partner logos to appear clean */
        .partner-logo {
            filter: grayscale(100%);
            transition: all 0.3s ease-in-out;
        }
        .partner-logo:hover {
            filter: grayscale(0%);
            transform: scale(1.05);
        }
        .social-icon {
            color: #ffffff;
            transition: color 0.2s ease-in-out, transform 0.2s ease-in-out;
        }
        .social-icon:hover {
            color: #dc2626; /* Primary Red on hover */
            transform: scale(1.1);
        }
        .icon{
            width: 400px;
            height: 300px;
        }
        .accordion-item.active .accordion-icon {
    transform: rotate(180deg);
}