/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */

.megaMenuCon {
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
}
.elementskit-megamenu-panel {
	width: 1280px !important;
	left: -340px !important;
}
header{
	position: absolute;
	width: 100%;
	left: 0;
	top: 0;
}
.verScrollText p{
	margin-bottom: 30px;
}
.verScrollText {
	max-height: 500px;
	overflow: auto;
	-ms-overflow-style: none;  /* Internet Explorer 10+ */
	scrollbar-width: no;
}
.verScrollText::-webkit-scrollbar { 
	display: none;  /* Safari and Chrome */

}


.footer2ColList .elementor-nav-menu{
	display: grid;
	grid-template-columns: 1fr 1fr;
	column-gap: 60px;
}
.footer2ColList .elementor-nav-menu .menu-item{
	width: fit-content;
}



/* Single Product Start */

.single-product .flex-viewport{
    background-color: rgb(255 255 255 / 20%) !important;
    border-radius: 100%;
    padding: 50px;
    box-shadow: 2px 10px 30px 0px rgba(0, 0, 0, 0.10);
    width: 500px !important;
    height: 500px !important;
    object-fit: contain;
    object-position: center center !important;
    margin: 0 auto;
    backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
    background: -webkit-linear-gradient(90deg, rgba(42, 123, 155, 0.4) 0%, rgba(87, 199, 133, 0.48) 50%, rgba(237, 221, 83, 0.44) 100%);
    background: -moz-linear-gradient(90deg, rgba(42, 123, 155, 0.4) 0%, rgba(87, 199, 133, 0.48) 50%, rgba(237, 221, 83, 0.44) 100%);
    background: linear-gradient(90deg, rgba(42, 123, 155, 0.4) 0%, rgba(87, 199, 133, 0.48) 50%, rgba(237, 221, 83, 0.44) 100%);
}

.single-product .woocommerce-product-gallery__wrapper{
    top: 100px !important;
    position: relative;
    display: flex;
}
.single-product .woocommerce-product-gallery__image a{
    overflow: hidden;
    padding: 0 50px;
}
.single-product .woocommerce-product-gallery__trigger{
    display: none;
}
.single-product .flex-control-nav li{
    width: 50px !important;
    
}
.single-product .flex-control-nav li img{
    border-radius: 100% !important;
    
}
.single-product .woocommerce-product-gallery{
    display: flex;
    margin-bottom: 0px !important;
}
.single-product .flex-control-nav{
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: center;
    gap: 50px;
    border-radius: 100px !important;
}
.woocommerce-Price-amount{
    color: var(--e-global-color-primary)
}

/* Single Product End */



span.woocommerce-Price-currencySymbol {
	margin-right: 5px;
}
body .productLoopList .woocommerce-product-details__short-description ul{
	padding-left: 20px !important;
}
body.home .mainHeader{
	position: absolute;
	left: 0px;
	width: 100%;
	z-index: 2;
}
.home li.product-category:has(a[aria-label*="Uncategorized"]) {
	display: none !important;
}


li.product-category img{
	height: 500px !important;
	width: 100% !important;
	object-fit: cover !important;
	margin: 0 !important;
}
li.product-category {
	position: relative;
	overflow: hidden;
}
li.product-category a{
	display: flex !important;
}
li.product-category::after {
	content: "";
	position: absolute;
	inset: 0;
	background: rgba(0, 0, 0, 0.6); /* overlay color */
	transition: background 0.3s ease;
	pointer-events: none; /* 👈 allows clicks to pass through */
	width: 100%;
	height: 100%;

}
li.product-category h2.woocommerce-loop-category__title {
	background-color: transparent !important;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 50%;
	transform: translate(-50%);
	top: 50%;
	text-align: center;
}

li.product-category:hover::after {
	background: rgba(0, 0, 0, 0.7);
}

li.product-category .woocommerce-loop-category__title{
	z-index: 2;
}