:root {
     	    --orange-primary: #FF8C00;
     	    --orange-hover: #FF7700;
     	    --blue-primary: #0066CC;
     	    --blue-hover: #0052A3;
     	    --light-gray: #F8F9FA;
     	    --dark-gray: #343A40;
     	    --text-gray: #6C757D;
     	    --border-gray: #DEE2E6;
    	}
    	
    	* {
    	    margin: 0;
    	    padding: 0;
    	    box-sizing: border-box;
    	}
	
    	body {
    	    font-family: 'Inter', sans-serif;
    	    color: #333;
    	    background-color: #FFFFFF;
    	    line-height: 1.6;
    	}
    	
    	/* Text Colors */
    	.text-orange {
    	    color: var(--orange-primary) !important;
    	}
    	
    	.text-blue {
    	    color: var(--blue-primary) !important;
    	}
    	
    	.text-light-gray {
    	    color: #B8C1CC !important;
    	}
    	
    	
    	/* Navbar Styles */
    	.navbar {
    	    padding: 1rem 0;
    	    transition: all 0.3s ease;
    	}
    	
    	.navbar-brand {
    	    font-size: 1.5rem;
    	    font-weight: 700;
    	    transition: transform 0.3s ease;
    	}
    	
    	.navbar-brand:hover {
    	    transform: scale(1.05);
    	}
    	
    	.nav-link {
    	    color: var(--dark-gray) !important;
    	    font-weight: 500;
    	    margin: 0 0.5rem;
    	    transition: color 0.3s ease;
    	    position: relative;
    	}
    	
    	.nav-link:hover {
    	    color: var(--orange-primary) !important;
    	}
    	
    	.nav-link::after {
    	    content: '';
    	    position: absolute;
    	    width: 0;
    	    height: 2px;
    	    bottom: 0;
    	    left: 50%;
    	    background-color: var(--orange-primary);
    	    transition: all 0.3s ease;
    	    transform: translateX(-50%);
    	}
    	
    	.nav-link:hover::after {
    	    width: 80%;
    	}
    	
    	
    	/* Search Box */
    	.search-box {
    	    position: relative;
    	}
    	
    	.search-box input {
    	    padding-right: 35px;
    	    border-radius: 20px;
    	    border: 2px solid var(--border-gray);
    	    transition: all 0.3s ease;
    	}
    	
    	.search-box input:focus {
    	    border-color: var(--orange-primary);
    	    box-shadow: 0 0 0 0.2rem rgba(255, 140, 0, 0.25);
    	}

    	/* --- MOBILE COMPACT BLOG VIEW --- */
@media (max-width: 767px) {
    /* Blog ki description aur bada icon mobile par chhupa do space bachane ke liye */
    .blog-card .card-text, 
    .blog-card .mb-3, 
    .blog-card .btn {
        display: none !important;
    }

    /* Card ko slim horizontal row mein badlo */
    .blog-card {
        padding: 15px 20px !important;
        margin-bottom: 12px !important;
        display: flex !important;
        align-items: center;
        justify-content: space-between;
        border: 1px solid #eee !important;
        border-radius: 12px !important;
        background: #fff !important;
        box-shadow: 0 2px 5px rgba(0,0,0,0.02) !important;
    }

    /* Title ko slim row ke hisaab se set karo */
    .blog-card .card-title {
        margin-bottom: 0 !important;
        font-size: 0.95rem !important;
        flex-grow: 1;
    }

    /* Right side par arrow icon add karo (Pseudo-element) */
    .blog-card::after {
        content: '\f054'; /* FontAwesome Chevron-Right */
        font-family: "Font Awesome 6 Free";
        font-weight: 900;
        font-size: 0.8rem;
        color: #D84315;
        opacity: 0.5;
    }
}