/* Navbar */
        .navbar, .containr-fluid {
            background-color: #133054 !important;
        }
        .navbar a {
            color: #F5E6C4 !important;
            font-weight: 500;
        }
        .navbar a:hover {
            color: #D4AF37 !important;
        }

        /* Carousel */
        .carousel-item img {
            object-fit: cover;
            height: 500px;
            filter: brightness(0.85);
        }
        .carousel-caption h1 {
            color: #F5E6C4;
            font-weight: 700;
            font-size: 3rem;
        }
        .carousel-caption p {
            color: #fff;
            font-size: 1.2rem;
        }
           .featured-item {
                background-color: #fff;
                border-radius: 12px;
                padding: 25px;
                text-align: center;
                box-shadow: 0 4px 15px rgba(0,0,0,0.08);
                transition: transform 0.3s ease, box-shadow 0.3s ease;
            }
            .featured-item:hover {
                transform: translateY(-5px);
                box-shadow: 0 8px 25px rgba(0,0,0,0.12);
            }
            .featured-item i {
                color: #133054;
                font-size: 2rem;
                margin-bottom: 10px;
            }
            .cat-item {
                background-color: #fff;
                border-radius: 10px;
                overflow: hidden;
                display: flex;
                align-items: center;
                padding: 15px;
                box-shadow: 0 4px 12px rgba(0,0,0,0.05);
                transition: transform 0.3s ease;
                color: #133054;
        }
          .cat-item:hover {
               transform: translateY(-5px);
        }
           .cat-item h6 {
                font-weight: 500;
                color: #133054;
        }
          .product-item {
                background-color: #fff;
                border-radius: 12px;
                overflow: hidden;
                box-shadow: 0 6px 20px rgba(0,0,0,0.08);
                transition: transform 0.3s ease, box-shadow 0.3s ease;
                text-align: center;
            }
          .product-item:hover {
                transform: translateY(-8px);
                box-shadow: 0 12px 35px rgba(0,0,0,0.15);
                width: 300px;
           }
           .product-item img {
                height: 200px;
                width: 300px;
                object-fit: contain;
                padding: 20px;
                transition: transform 0.3s ease;
            }
            .product-3d {
                perspective: 1000px;
            }
            .product-item {
                transform-style: preserve-3d;
                transition: transform 0.3s ease, box-shadow 0.3s ease;
            }
            .product-item.tilt-active {
                box-shadow: 0 20px 40px rgba(0,0,0,0.2);
            }
        .product-item h5, .product-item a {
            color: #fff;
            font-weight: 500;
        }
        .product-item button {
            background-color: #D4AF37;
            border: none;
            color: #fff;
            border-radius: 6px;
            padding: 8px 16px;
            transition: background 0.3s ease;
        }
        .product-item button:hover {
            background-color: #F5E6C4;
            color: #133054;
        }

        /* Section Titles */
        .section-title span {
            background-color: #133054;
            color: #fff;
            padding: 5px 15px;
            border-radius: 5px;
        }

        /* View More Button */
        .btn-primary {
            background-color: #D4AF37;
            border: none;
            color: #133054;
            padding: 10px 25px;
            border-radius: 8px;
            font-weight: 500;
            margin-top: 20px;
        }
        .btn-primary:hover {
            background-color: #F5E6C4;
            color: #133054;
        }
       /* Footer Styling */
.footer {
    background-color: #133054; /* Blue background */
    color: #F5E6C4; /* Light text */
    padding-top: 50px;
}

.footer a {
    color: #F5E6C4;
    text-decoration: none;
    transition: color 0.3s ease;
}

.footer a:hover {
    color: #D4AF37; /* Gold accent on hover */
}

.footer .btn-primary {
    background-color: #D4AF37;
    color: #133054;
    border: none;
    transition: 0.3s;
}

.footer .btn-primary:hover {
    background-color: #F5E6C4;
    color: #133054;
}

.footer .btn-square {
    background-color: #D4AF37;
    color: #133054;
    width: 40px;
    height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
    border-radius: 5px;
}

.footer .btn-square:hover {
    background-color: #F5E6C4;
    color: #133054;
}

.footer .border-top {
    border-color: rgba(255, 255, 255, 0.2) !important;
}
h5{
    color: #D4AF37;
}
.owl-carousel .item h1 {
    color: #F5E6C4;
    font-weight: 700;
    font-family: 'Playfair Display', serif; /* optional luxury font */
    letter-spacing: 1px;
}
.owl-carousel .item p {
    color: #F5E6C4;
    font-size: 1.2rem;
}
.owl-carousel .item .btn-primary {
    background-color: #D4AF37;
    color: #133054;
    border-radius: 5px;
    padding: 10px 25px;
    font-weight: 500;
}
.owl-carousel .item .btn-primary:hover {
    background-color: #F5E6C4;
    color: #133054;
}
.owl-carousel .item img:hover {
    transform: scale(1.05);
}

body {
    font-family: 'Roboto', sans-serif;
    background-color: #FAFAFA;
    color: #133054;
}
.navbar a {
    color: #F5E6C4 !important; /* Keep navbar links light for contrast */
}
.navbar a:hover {
    color: #D4AF37 !important;
}
.featured-item i {
    color: #133054;
}
.featured-item h5 {
    color: #133054;
}
.cat-item h6 {
    color: #133054; 
}
.product-item h5, 
.product-item a {
    color: #133054; /* Product name in blue */
}

/* Footer */
.footer, .footer a {
    color: #F5E6C4; /* Keep light for contrast */
}
.footer a:hover {
    color: #D4AF37; 
}
/*.btn{
    background-color:#e3a302 ;
}*/
