:root {
            --yellow-50: #fefce8;
            --yellow-100: #fef3c7;
            --yellow-600: #d97706;
            --yellow-700: #b45309;
            --yellow-800: #92400e;
            --amber-50: #fffbeb;
            --amber-100: #fef3c7;
            --amber-700: #b45309;
            --green-50: #f0fdf4;
            --green-600: #16a34a;
            --blue-600: #2563eb;
            --purple-600: #9333ea;

            :root {
  --main-color: #C68E2B;
  --secondary-color: #121C22;
  --overlay-main-color: #FFF5DB;
  --paragrapg-black: rgba(0, 0, 0, 0.8);
  --light-black: rgba(0, 0, 0, 0.6);
  --heading-black: #1c1a1a;
  --white: #ffffff;
  --black: #000000;
  --radius-10: 10px;
}
        }

        body {
            background-color: var(--yellow-50);
        }

        /* Custom Yellow Theme */
        .bg-yellow-50 { background-color: var(--yellow-50) !important; }
        .bg-yellow-100 { background-color: var(--overlay-main-color) !important; }
        .bg-yellow-600 { background-color: var(--yellow-600) !important; }
        .bg-yellow-700 { background-color: var(--yellow-700) !important; }
        .bg-yellow-800 { background-color: var(--yellow-800) !important; }
        .bg-amber-50 { background-color: var(--amber-50) !important; }
        .bg-amber-100 { background-color: var(--amber-100) !important; }
        .bg-amber-700 { background-color: var(--amber-700) !important; }
        .bg-blue-600 { background-color: var(--blue-600) !important; }
        .bg-purple-600 { background-color: var(--purple-600) !important; }

        .text-yellow-600 { color: var(--main-color) !important; }
        .text-yellow-700 { color: var(--main-color) !important; }
        .text-blue-600 { color: var(--secondary-color) !important; }
        .text-purple-600 { color: var(--secondary-color) !important; }

        .border-yellow-200 { border-color: #fde68a !important; }
        .border-yellow-400 { border-color: #fbbf24 !important; }
        .border-yellow-600 { border-color: var(--yellow-600) !important; }

        /* Hero Section */
        .hero-section {
            background: linear-gradient(to right, var(--yellow-800), var(--amber-700));
            position: relative;
            color: white;
            padding: 8rem 0;
        }

        .hero-overlay {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background-color: rgba(0, 0, 0, 0.4);
            z-index: 1;
        }

        .hero-bg {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background-image: url('https://images.pexels.com/photos/3184291/pexels-photo-3184291.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=2');
            background-size: cover;
            background-position: center;
            z-index: 0;
        }

        .inner_bg{ position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background-size: cover !important;
            background-position: center !important;
            z-index: 0;}

        .hero-content {
            position: relative;
            z-index: 2;
        }

        /* Gradient Backgrounds */
        .gradient-yellow {
            background: linear-gradient(135deg, var(--yellow-50), var(--amber-50));
        }

        .gradient-amber {
            background: linear-gradient(135deg, var(--amber-100), var(--yellow-100));
        }

        /* Custom Cards */
        

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

        .partner-card {
            transition: all 0.3s ease;
            border: 1px solid #fde68a;
        }

        .partner-card:hover {
            border-color: #fbbf24;
            box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);
        }

        .customer-card {
            transition: all 0.3s ease;
            border: 1px solid var(--yellow-600);
        }

        .customer-card:hover {
            transform: translateY(-3px);
            box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
        }

        /* Icon Circles */
        .icon-circle {
            width: 4rem;
            height: 4rem;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .icon-circle-lg {
            width: 5rem;
            height: 5rem;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
        }


        .nav-link {
            transition: color 0.3s ease;
        }



        /* Animations */
        .fade-in {
            opacity: 0;
            transform: translateY(30px);
            transition: all 0.6s ease;
        }

        .fade-in.visible {
            opacity: 1;
            transform: translateY(0);
        }

       

        /* Customer List Styling */
        .customer-list {
            list-style: none;
            padding: 0;
        }

       

        .customer-list li:hover {
            transform: translateX(5px);
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
        }

        /* Responsive adjustments */
        @media (max-width: 768px) {
            .hero-section {
                padding: 4rem 0;
            }
            
            .display-1 {
                font-size: 2.5rem;
            }
            
            .display-4 {
                font-size: 1.8rem;
            }
        }