/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/
#header-wrap #logo img{height:30px !important;}
.top-links ul li a:hover{background-color: rgb(255, 255, 255) !important;}
.bi-pallet {
    font-size: 2rem; /* Adjust the size of the icon */
    color: #333; /* Adjust color if necessary */
}
 .bg-primary{background-color: #087BC4ff !important;}
 .fs-1{font-size: 70px !important; margin-top: 200px !important;}
 
    /* Basic styling for the cards */
    .product-card {
        position: relative;
        overflow: hidden;
        border-radius: 10px;
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
        transition: all 0.3s ease;
    }

    .product-card .card-img-top {
        transition: transform 0.3s ease;
    }

    .product-card:hover {
        transform: translateY(-10px); /* Lifts the card on hover */
        box-shadow: 0 10px 15px rgba(0, 0, 0, 0.15); /* Enhanced shadow */
    }

    .product-card:hover .card-img-top {
        transform: scale(1.05); /* Scales the image slightly on hover */
    }

    .product-card .card-body {
        transition: background-color 0.3s ease;
    }

    .product-card:hover .card-body {
        background-color: #f8f9fa; /* Light background color on hover */
    }

    /* Optional: Add a subtle fade-in effect for card titles */
    .product-card .card-title {
        transition: opacity 0.3s ease;
    }

    .product-card:hover .card-title {
        opacity: 0.9; /* Slight fade effect on title when hovered */
    }
    
    .menu-container li:current{border-bottom:2px solid #fff;}