/* Custom CSS for CSR page */
        .csr-highlight-bg {
            background-color: #f8ffe6; /* Very light green tint */
            transition: all 0.3s ease;
        }

        .csr-highlight-bg:hover {
            background-color: #f0ffcc; /* Slightly darker on hover */
            transform: translateY(-5px);
            box-shadow: 0 10px 20px rgba(0,0,0,0.1);
        }

        .csr-primary-btn {
            background-color: #8ed801;
            color: white;
            border: none;
        }

        .csr-primary-btn:hover {
            background-color: #7bc800;
            color: white;
        }

        .csr-secondary-btn {
            background-color: #ffcc00;
            color: #333;
            border: none;
        }

        .csr-secondary-btn:hover {
            background-color: #e6b800;
            color: #333;
        }

        .csr-title-span {
            color: #8ed801;
        }

        .csr-list-item {
            transition: all 0.3s ease;
            padding-left: 10px;
            list-style: none;
            border-left: 3px solid transparent;
        }

        .csr-list-item:hover {
            border-left: 3px solid #ffcc00;
            background-color: #fffdf5;
            padding-left: 15px;
        }

        .csr-icon {
            color: #8ed801;
            margin-right: 10px;
        }

        .csr-section-header {
            background: linear-gradient(135deg, #f8ffe6 0%, #fff8e6 100%);
            padding: 30px;
            border-radius: 15px;
            margin-bottom: 40px;
        }

        .csr-impact-card {
            border-radius: 15px;
            padding: 25px;
            margin-bottom: 20px;
            transition: all 0.3s ease;
            background-color: white;
            border: 1px solid #e0e0e0;
        }

        .csr-impact-card:hover {
            border-color: #8ed801;
            box-shadow: 0 10px 30px rgba(142, 216, 1, 0.1);
        }

        .csr-impact-card h3 {
            color: #8ed801;
        }

        .csr-planned-initiatives {
            background-color: #fffbf0;
            border-left: 5px solid #ffcc00;
        }

        .hero-section-12 .title span {
            color: #8ed801;
        }

        .hero-list li {
            background-color: rgba(142, 216, 1, 0.1);
            color: #333;
        }

        .hero-list li:hover {
            background-color: rgba(142, 216, 1, 0.2);
        }

        /* Animation for CSR items */
        @keyframes csrPulse {
            0% { box-shadow: 0 0 0 0 rgba(142, 216, 1, 0.4); }
            70% { box-shadow: 0 0 0 10px rgba(142, 216, 1, 0); }
            100% { box-shadow: 0 0 0 0 rgba(142, 216, 1, 0); }
        }

        .csr-pulse:hover {
            animation: csrPulse 1.5s infinite;
        }