body {
            padding-top: 56px; /* Height of fixed navbar */
        }
        .navbar{
            background-color: rgb(110, 81, 129) !important;
        }
        .nav-link {
            color: white;
            text-decoration: none; /* optional, removes underline if it's a link */
        }
        .nav-link .active {
            color: rgb(197, 195, 195) !important;
            text-decoration: none; /* optional, removes underline if it's a link */
        }
        .nav-link:hover {
            color:  rgb(213, 211, 214);
            text-decoration: none; /* optional, removes underline if it's a link */
        }
        .carousel-item img {
            object-fit: cover;
            
        }
        .btn-primary{
             background-color: #5e2b97 !important;
             border-color: #5e2b97;
        }
         .btn-primary:hover{
             background-color: rgb(255, 250, 255) !important;
             border-color: #5e2b97;
             color: #5e2b97;
        }
        .text-h{
            color:#5e2b97
        }
        
        @media (max-width: 768px) {
            .carousel-item img {
                height: 300px;
            }
        }
        
        @media (max-width: 576px) {
            .carousel-item img {
                height: 250px;
            }
        }
        .product-wrapper{
        position: relative;
        }

        /* Left & Right Buttons Common */
        .scroll-btn{
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: 45px;
        height: 45px;
        background: rgba(0,0,0,0.7);
        color: #fff;
        border: none;
        font-size: 22px;
        border-radius: 50%;
        cursor: pointer;
        z-index: 20;
        }

        /* Left Button */
        .scroll-btn:hover{
            background: #673b85;

        }

        /* Left Button */
        .scroll-btn.left{
        left: -10px;
        }

        /* Right Button */
        .scroll-btn.right{
        right: -10px;
        }
        .products{
        display: flex;
        gap: 20px;
        overflow-x: auto;
        padding: 20px;
        border-radius: 20px;
        }

        .products::-webkit-scrollbar{
        display: none;
        }

        .product-card{
        min-width: 220px;
        flex: 0 0 auto;
        }

        .product-card:hover{
        transform: translateY(-1px);
        }


        .product-card img{
        width: 100%;
        height: 180px;
        object-fit: cover;
        }

        .product-card h3{
        margin: 12px 0;
        font-size: 18px;
        }

        .product-card button{
        background: #673b85;
        color: #fff;
        border: none;
        padding: 10px 20px;
        border-radius: 25px;
        cursor: pointer;
        }

        .product-card button:hover{
        background: #000000;
        }

        .scroll-btn.left{
        left: 0;
        }

        .scroll-btn.right{
        right: 0;
        }
    .add-to-cart {
        margin-top: auto;
    }

    .add-to-cart button {
        background: transparent;
        border: 1px solid #5e2b97;
        color: #5e2b97;
        padding: 9px 22px;
        border-radius: 30px;
        font-size: 13px;
        cursor: pointer;
        transition: all .3s ease;
    }

    .add-to-cart button i {
        margin-right: 6px;
        font-size: 12px;
    }

    .add-to-cart button:hover {
        background: #5e2b97;
        color: #fff;
    }