/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Mar 24 2025 | 05:19:42 */
 .home-wrapper {
        background: linear-gradient(to bottom, #F6C400, #FF6C08);
        height: 100vh;
        position: relative;
        z-index: 1;
        padding-top: 177.78%;
        overflow: hidden;
	 	width: 100vw;
    }

    .video-background {
        position: absolute;
         top: 0;
        left: 0;
         width: 100%;
/*         height: 100%; */
        z-index: 9;
        object-fit: contain;
/* 		aspect-ratio: 9 / 16; */
    }


    .category-section .product-card {
        background: #F4F4F4;
        border-radius: 8px;
        padding: 20px;
        display: flex;
        align-items: center;
        gap: 16px;
        cursor: pointer;
        transition: 0.3s;
    }

    .category-section .product-card:hover {
        transform: scale(1.02);
    }
	 
/*     .category-section .product-image {
        width: 40px;
        height: 40px;
        border-radius: 50%;
        object-fit: cover;
        background: #FF6C08;
        padding: 5px;
    } */

    .product-text {
        font-size: 16px;
        font-weight: 500;
        color: #272727;
    }
	.transition {
		opacity: 0;
		transform: translateY(-10px);
		transition: opacity 0.3s ease, transform 0.3s ease;
	}

	.show {
		opacity: 1;
		transform: translateY(0);
	}