@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');
        
        /* Loading Animation */
        #loading-screen {
            transition: opacity 0.3s ease-out;
            background: url("images/loadingbg.jpeg") no-repeat center center/cover;
            width: 100%;
            height: 100vh;
            position: fixed;
            top: 0;
            left: 0;
        }

        @keyframes pageTransition {
            0% {
                opacity: 0;
                transform: translateY(100px);
            }
            100% {
                opacity: 1;
                transform: translateY(0);
            }
        }
      .page-load { animation: pageTransition 1.5s cubic-bezier(0.16, 1, 0.3, 1) forwards; } 
    
         
        /* Header styles */
        #main-nav {
            transition: transform 0.3s ease-in-out;
            max-height: 90px !important;
        }
        
        #main-nav.scrolled-down {
            transform: translateY(-100%);
        }
        
        #main-nav.scrolled-up {
            transform: translateY(0);
        }
        
        #main-nav.scrolled-down #mobile-menu {
            display: none !important;
        }
        
        #main-nav.scrolled-down .md\:flex {
            display: none;
        }

        
        
        
        body {
            font-family: 'Poppins', sans-serif;
            scroll-behavior: smooth;
            background: linear-gradient(120deg, #dcdeca, #c0f2d8);
            background: url('basebg.jpeg') center/cover no-repeat fixed;
            transition: background 0.5s ease-in-out;
            position: relative;
            background-size: 200% 200%;
            animation: gradientShift 10s ease infinite;
            transition: background 0.5s ease-in-out;
            min-height: 100vh;
            z-index: 0;
            }

            /* Dark overlay for readability */
        body::before {
            content: "";
            position: fixed; /* stays in place even when scrolling */
            inset: 0;
            background: rgba(0, 0, 0, 0.5); /* adjust opacity (0.3 - 0.6 works best) */
            z-index: -1;
            backdrop-filter: blur(2px); /* subtle blur for premium effect */
        }
        

        @keyframes gradientShift {
            0% { background-position: 0% 50%; }
            50% { background-position: 100% 50%; }
            100% { background-position: 0% 50%; }
        }
        
        header {
               padding: 2px;
               
        }
        
        .hero {
            background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5));
            background-size: cover;
            background-position: center;
            background-repeat: no-repeat;
			height: 85%;
        }
		
		.hero-heading {
            font-size: 80px; /* same as text-3xl */
            font-weight: 800;
            line-height: 1.8;
            letter-spacing: 30px;
            color: ;
            text-shadow: 5px 5px 15px rgba(0, 0, 0, 0.8);
            transition: all 0.4s ease-in-out;
            animation: bounce 3s infinite ease-in-out;
        }

        @media (min-width: 768px) {
        .hero-heading {
            font-size: 80px; /* same as md:text-5xl */
            line-height: 1.3;
            animation: bounce 3s infinite ease-in-out;
            transition: all 0.4s ease-in-out;
            }
        }

        .hero-heading:hover {
            color: #5af261;
            transform: scale(1.3);
            text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.9);
        }
		
		.hero-subtitle {
            text-shadow: 1px 1px 4px rgba(0,0,0,0.8);
            transition: all 0.4s ease-in-out;
            }

        .hero-subtitle:hover {
            transform: scale(1.2);
            color: #5af261;
            transition: all 0.4s ease-in-out;
            text-shadow: 2px 2px 6px rgba(0,0,0,0.9);
            }
		
        .product-card:hover {
            transform: translateY(-20px) scale(1.2);
            box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
        }
        
        .testimonial-card {
            transition: all 0.3s ease;
        }
        
        .testimonial-card:hover {
            transform: translateY(-20px) scale(1.03);
            box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
        }
        
        .leaf-bg {
            background-color: #2e7d32;
        }
        
        .leaf-light {
            background-color: #81c784;
        }
        
        .leaf-text {
            color: #2e7d32;
        }
        
        .leaf-border {
            border-color: #2e7d32;
        }
        
        .animate-bounce-slow {
            animation: bounce-slow 3s infinite;
        }
        
        @keyframes bounce-slow {
            0%, 100% {
                transform: translateY(0);
            }
            50% {
                transform: translateY(-15px);
            }
        }
        
        .parallax {
            background-attachment: fixed;
            background-position: center;
            background-repeat: no-repeat;
            background-size: cover;
        }

/* Loading Animation */
        #loading-screen {
            transition: opacity 0.3s ease-out;
        }

        @keyframes pageTransition {
            0% {
                opacity: 0;
                transform: translateY(100px);
            }
            100% {
                opacity: 1;
                transform: translateY(0);
            }
        }
      
       .page-load { animation: pageTransition 1.5s cubic-bezier(0.16, 1, 0.3, 1) forwards; } 
     
        
        /* Header styles */
        #main-nav {
            transition: transform 0.3s ease-in-out;
        }
        
        #main-nav.scrolled-down {
            transform: translateY(-100%);
        }
        
        #main-nav.scrolled-up {
            transform: translateY(0);
        }
        
        #main-nav.scrolled-down #mobile-menu {
            display: none !important;
        }
        
        #main-nav.scrolled-down .md\:flex {
            display: none;
        }
        
        
        /* Animation classes */
        section {
            transition: transform 2s ease, opacity 2s ease;
            transform-origin: center center;
        }

        section:hover {
            transform: scale(1.05);
        }

        .section-animate {
            animation: sectionEntrance 3s ease forwards;
        }

        @keyframes sectionEntrance {
            0% {
                opacity: 0;
                transform: scale(0.3);
            }
            100% {
                opacity: 1;
                transform: scale(1);
            }
        }

        .heading-bounce {
            animation: bounce 3s infinite ease-in-out;
            transition: transform 2s ease, opacity 2s ease;
            transform-origin: center center;
        }
        
        .Button-bounce {
            animation: bounce 3s infinite ease-in-out;
            transition: transform 2s ease, opacity 2s ease;
            transform-origin: center center;
        }

        @keyframes bounce {
            0%, 100% {
                transform: translateY(0);
            }
            50% {
                transform: translateY(-5px);
            }
        }
        
        @keyframes fadeIn {
            from { opacity: 0; }
            to { opacity: 1; }
        }
        
        @keyframes slideUp {
            from { 
                opacity: 0;
                transform: translateY(30px);
            }
            to { 
                opacity: 1;
                transform: translateY(0);
            }
        }
        
        @keyframes zoomIn {
            from { 
                opacity: 0;
                transform: scale(0.8);
            }
            to { 
                opacity: 1;
                transform: scale(1);
            }
        }
        
        @keyframes float {
                0%,100% { transform: translateY(0) }
                50%     { transform: translateY(-4px) }
        }
        
        
  
        
        /* Image hover effects */
        
        #loading-screen:img {
            transition: transform 0.5s ease, box-shadow none ease !important;
            box-shadow: 0 0px 0px rgba(0,0,0,0.6);
        }
        
        #loading-screen img:hover {
            transition: transform 0.5s ease, box-shadow none ease !important;
            transform: scale(1.02);
            box-shadow: 0 0px 0px rgba(0,0,0,0.8);
            z-index: 10;
        }
        
        img {
            transition: transform 0.5s ease, box-shadow 0.5s ease;
            box-shadow: 0 4px 8px rgba(0,0,0,0.1);
        }
        
        img:hover {
            transform: scale(1.2);
            box-shadow: 0 10px 20px rgba(0,0,0,0.2);
            z-index: 10;
            transform-origin: center center;
        }
        
        .relative img:hover{
            transform: scale(1.1) !important;
            transform-origin: center center;
            
        }
        
        
        
        /* Text hover effects */
        h1, h2, h3, h4, h5, h6, p, span, a, li, label {
            transition: all 0.3s ease;
        }
        
        h1, h2, h3, h4, h5, h6, p {
            text-shadow: 1px 1px 3px rgba(0,0,0,0.2);
            transition: all 0.3s ease;
            transform-origin: center center;
        }

        h1:hover, h2:hover  {
            color: #064003;
            transition: all 0.3s ease;
            transform: scale(1.2);
            transform-origin: center center;
            animation: bounce 3s infinite ease-in-out;
        }

        h3:hover, h4:hover, h5:hover, h6:hover {
            color: #064003;
            transition: all 0.3s ease;
            animation: bounce 3s infinite ease-in-out;
            transform: scale(1.1);
            transform-origin: center center;
        }
        
        /* Specific heading zoom adjustments */
        #about h4:contains('Farmer Support'):hover,
        #about h4:contains('Scientific Formulation'):hover,
        #about h4:contains('Eco-Friendly'):hover,
        #about h4:contains('Organic Certified'):hover,
        .testimonial-card h4:contains('Priya Deshmukh'):hover,
        .testimonial-card h4:contains('Vijay Rao'):hover,
        .testimonial-card h4:contains('Rajesh Patil'):hover,
        .absolute h5:contains('Award Winning'):hover,
        .product-card h3:contains('Premium Vermicompost'):hover,
        .product-card h3:contains('Organic Manure'):hover,
        .product-card h3:contains('Cocopeat Blocks'):hover {
            transform: scale(1.1);
        }
        
        /* Portfolio  */
       #portfolio :hover {
             transform: none;
             transition: all 0.3s ease-in-out;
        }

        /* Portfolio Headings */
       #portfolio h3:hover {
             text-decoration-color: #5af261 !important;
              transition: all 0.3s ease-in-out;
              transform: scale(1.1);
              transform-origin: center center;
             color: #5af261 !important;
        }

        /* Portfolio Paragraphs */
        #portfolio p {
             text-align: center;
        }
        #portfolio p:hover {
             text-decoration-color: #5af261 !important;
             transition: all 0.3s ease-in-out;
             transform: scale(1.05);
             transform-origin: center center;
             color: #5af261 !important;
             text-align: center;
        }

        /* Portfolio divs */
        #portfoliodiv,
        #portfoliodiv1 {
             border: 10px solid #FFFFFF;
             background-color: #f9f9f9; /* default light background */
             transition: all 0.3s ease-in-out;
           
        }

        #portfoliodiv:hover,
        #portfoliodiv1:hover {
            border: 12px solid #FFFFFF;
            transform: scale(1.1);
            transform-origin: center center;
            z-index: 20;
            background-color: #e8f8ec; /* light green hover effect */
        }

        #portfolio {
             display: flex;
             flex-wrap: wrap;       /* cards wrap to next line */
             justify-content: center;
        }
        
        
        p:hover, span:hover, a:hover, li:hover, label:hover {
            
            color: #2e7d32;
            transform: translateX(10px) scale(1.1); /* text moves right + slight zoom */
            transform-origin: center right;
        }

        /* Icon hover effects */
        i[class^="fa-"], i[class*=" fa-"] {
            transition: all 0.3s ease-in-out;
            display: inline-block;
            animation: bounce 2s infinite ease-in-out;
        }
        
        i[class^="fa-"]:hover, i[class*=" fa-"]:hover {
            transform: scale(1.5) translateX(10px);
        }

        /* Button hover effects */
        button, .btn {
			text-shadow: 2px 2px 6px rgba(0, 0, 0, 0.2); /* X offset, Y offset, blur, color */
            transition: all 0.3s ease-in-out;
            border: 3px solid #ffffff; /* fixed border */
            border-radius: 3px; /* optional: rounded corners */
        }
        
        button, .btn,
        a.bg-white, a.bg-transparent,
        a.bg-green-600, a.bg-green-500 {
            box-shadow: 0 4px 6px rgba(0,0,0,0.3);
            transition: all 0.3s ease-in-out;
            border: 3px solid #ffffff; /* fixed border */
            border-radius: 3px; /* optional: rounded corners */
        }
        }

        button:hover, .btn:hover,
        a.bg-white:hover, a.bg-transparent:hover,
        a.bg-green-600:hover, a.bg-green-500:hover {
            transform: translateX(10px) scale(1.25); /* text moves right + slight zoom */
            box-shadow: 0 6px 15px rgba(0,0,0,0.5);
            background-color: #064003 !important;
            color: white !important;
            border: 5px solid #ffffff; /* fixed border */
            border-radius: 3px; /* optional: rounded corners */
        }
        }