body{
font-family:Arial, sans-serif;
}

h1,h2,h3{
font-weight:600;
}

.card{
border-radius:8px;
}

footer a{
text-decoration:none;
}


        /* TOP SECTION: Blue Header and Banner */
        .top-zone {
            background: linear-gradient(135deg, #0b0b45 0%, #1a1a8c 100%);
            color: white;
            /* This creates the thick green border separating top from bottom */
            border-bottom: 8px solid #39FF14; 
        }

        .custom-nav { padding: 15px 0; }
        .nav-link { color: white !important; font-weight: 500; margin-left: 15px; }
        .active-link { border-bottom: 3px solid #39FF14; }
        
        .hero-banner {
            padding: 60px 0 80px 0;
            text-align: center;
        }

        /* BOTTOM SECTION: Light Grey Content   #f8f9fa*/
        .main-content { padding: 50px 0; background-color: #dfe5eb; color: #333; }
        
        .fabric-img { width: 100%; border-radius: 4px; box-shadow: 0px 4px 10px rgba(0,0,0,0.1); }
        .btn-custom { border: 1px solid #333; color: #333; padding: 10px 20px; text-decoration: none; display: inline-block; margin-top: 10px; }

        /* List Styling */
        .check-list { list-style: none; padding-left: 0; }
        .check-list li::before { content: "✅"; margin-right: 10px; }
        .process-list { list-style-type: square; padding-left: 20px; }

        /* WhatsApp Button (Fixed at bottom right) */
        .whatsapp-btn {
            position: fixed;
            bottom: 25px;
            right: 25px;
            background-color: #25d366;
            color: white;
            padding: 12px 20px;
            border-radius: 30px;
            text-decoration: none;
            font-weight: bold;
            box-shadow: 0 4px 12px rgba(0,0,0,0.3);
            z-index: 9999;
        }
        .whatsapp-btn:hover { background-color: #128c7e; color: white; }