.navbar-nav .nav-link {
        font-weight: 500;
        color: #333;
        transition: color 0.3s ease;
    }

    .navbar-nav .nav-link:hover {
        color: #ff4d4d; /* Hover effect */
    }

    .navbar-brand img {
        transition: transform 0.3s ease;
    }

    .navbar-brand img:hover {
        transform: scale(1.05);
    }
    #imgLogo{
        margin-top: -20px;
        margin-bottom: -10px;
    }
    :root {
        --brand-orange: #f48221; /* Logo orange color */
        --brand-red: #e94451;    /* Logo red color */
    }

    .hero-section {
        min-height: 80vh;
        background-color: #fffaf5; /* Bohat light sa orange tint premium feel ke liye */
    }

    .text-orange {
        color: var(--brand-orange);
        letter-spacing: 2px;
    }

    .text-red {
        color: var(--brand-red);
    }

    .main-headline {
        color: #222;
        line-height: 1.1;
    }

    .btn-red {
        background-color: var(--brand-red);
        color: white;
        border: none;
        transition: 0.3s;
    }

    .btn-red:hover {
        background-color: #c93642;
        color: white;
        transform: translateY(-2px);
    }

    .hero-logo-img {
        background-image: url(assets/hero.jpg);
        background-size: cover;
        background-position: center;
        min-height: 70vh;
        border-radius: 20px;
        
    }
    .text-orange { color: var(--brand-orange); }
    .text-red { color: var(--brand-red); }
    .bg-red { background-color: var(--brand-red); color: white; }

    .selling-card {
        transition: transform 0.3s ease, box-shadow 0.3s ease;
        border-radius: 20px !important; /* Premium rounded look */
    }

    .selling-card:hover {
        transform: translateY(-10px);
        box-shadow: 0 15px 30px rgba(0,0,0,0.1) !important;
    }

    .item-img {
        height: 200px;
        object-fit: cover;
        transition: transform 0.5s ease;
    }

    .selling-card:hover .item-img {
        transform: scale(1.1); /* Hover par image thori bari hogi */
    }

    .card-title {
        font-size: 1.15rem;
        color: #222;
    }

    .rounded-top-4 {
        border-radius: 20px 20px 0 0 !important;
    }

  .text-orange {
        color: #f48221;
        letter-spacing: 1px;
    }

    .social-link {
        color: #333;
        font-size: 1.2rem;
        transition: 0.3s ease;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 35px;
        height: 35px;
        border-radius: 50%;
        background: #f8f9fa;
    }

    .social-link:hover {
        background-color: #e94451; /* Logo wala red color */
        color: #fff;
        transform: translateY(-3px);
    }
    .text-red { color: var(--brand-red); }

    .btn-red {
        background-color: var(--brand-red) !important;
        color: white !important;
        border: none !important;
        transition: 0.3s ease;
    }

    .btn-red:hover {
        background-color: #c93642 !important;
        color: white !important;
        transform: translateY(-2px);
    }