/* 
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 */
.product-details-wrap{
	text-align:center;
}
.woocommerce-loop-product__title, .custom-product-box {
    text-align: center;
}

.shopherobackground {
    background-position: center;
    background-size: cover;
    position: relative;
    height: 313px;
	display:flex;
}
.shopcontainer {
    max-width: 1220px;
    width: 100%;
    margin: auto;
}
.shopheroheading h1 {
    font-size: 53px;
    color: white;
    margin-top: 134px;
}
.shopherobreadcrumb {
    color: white;
    font-size: 20px;
	display:none;
}
.shopherobreadcrumb a{
	color:#d52c27;
	text-decoration:none;
}
.shop-container{
	max-width:1220px;
	width:100%;
	margin:auto;
	padding:70px 0;
}
.shop-row {
    display: flex;
    gap: 75px;
}
.shop-container .shop-sidebar {
    width: 30%;
}
.shop-container .shop-main {
    width: 70%;
}
.shop-sidebar h3.widget-title {
    background: #1a4ca4;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 13px 20px;
    border-radius: 8px;
}
.shop-sidebar h3.widget-title span{
	font-size:26px;
	color: white;
}
.shop-sidebar h3.widget-title img{
	width:24px;
}
.shop-sidebar .filters-container {
    padding: 20px;
    list-style: none;
    background: #FAFAFA;
    border-radius: 8px;
}
.shop-sidebar .filter-item {
    color: #a5a5a5 !important;
    font-size: 16px;
    font-weight: 400;
    text-decoration: none;
    margin-left: 10px;
    cursor: pointer;
    font-family: 'Roboto';
    margin-bottom: 15px !important;
	position:relative;
	width:100%;
}
.shop-sidebar .filter-content .filter-item.active {
	color:black !important;
}
.filter-item .wc-count {
    position: absolute;
    right: 0;
    font-size: 13px;
    font-weight: 500;
}
.filters-container .hierarchical{
	margin:0;
}
.product-categories .categorycheck {
    height: 13px;
    width: 13px;
    display: inline-block;
    background: #D9D9D9;
    margin-right: 10px;
	position:relative;
}
.product-categories .categorycheck::before {
    position: absolute;
    content: "";
    background-image: url(https://eca.driveitdigital.in/wp-content/uploads/2025/09/check-4.png);
    top: 42%;
    left: 71%;
    height: 9px;
    width: 14px;
    z-index: 10;
    transform: translate(-50%, -50%);
    background-size: contain;
    background-repeat: no-repeat;
    display: none;
    transition: 0.3s;
}
.product-categories li:hover > .categorycheck::before{
	display:block;
}
.product-categories .active > .categorycheck::before{
	display:block;
}
.product-categories .active > .categorycheck{
	background: #1a4ca4;
}
.product-categories li:hover > .categorycheck{
	background: #1a4ca4;
}
.product img{
	height:269px !important;
	width:100%;
	object-fit:cover;
	border-radius:15px;
	margin-bottom:8px !important;
}
.products.columns-4{
	display:flex;
	gap:30px;
	flex-wrap:wrap;
}
.products li{
	margin:0 !important;
	width:29.8% !important;
}
.woocommerce ul.products::before {
    content: " ";
    display: none;
}
.woocommerce-loop-product__title {
    font-size: 22px !important;
    color: #000000;
    font-weight: 700;
    padding: 5px 0 5px !important;
}
.custom-product-desc{
	font-family:"Roboto";
	color: #7a7a7a;
}
.custom-product-desc p {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
/* ul.products li.product .button {
    display: inline-block;
    margin: 0 !important;
    padding: 0;
    background: none;
    color: #d52c27;
    font-size: 18px;
} */
.shopcontainer {
    max-width: 1220px;
    width: 100%;
    margin: auto;
}
.product-categories .active .product-categories{
	padding:10px;
}
.product-categories .product-categories a{
	color: #7a7a7a;
    font-size: 18px;
    font-weight: 600;
    text-decoration: none;
}
.product-categories .active > a{
	color: black;
}
.custom-product-brochure .brochure-btn {
    display: block !important;
    background: none !important;
    color: #d52c27 !important;
    font-size: 20px !important;
    padding: 0 !important;
    margin-top: -6px !important;
}
.product_type_variable{
	display:none !important;
}
.filter-item input[type="checkbox"]{
	appearance: none;
  -webkit-appearance: none;
  width: 15px;
  height: 15px;
  cursor: pointer;
  position: relative;
  background-color: #D9D9D9;
  margin-right:10px;
}
.filter-item input[type="checkbox"]:checked {
  background-color: #1A4CA4;
}
.filter-item input[type="checkbox"]:checked::after {
  content: "";
  position: absolute;
  left: 5px;
  top: 1px;
  width: 4px;
  height: 8px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}

/* ======= Product Page Slider ======== */
.Supplier_slider_section{
	padding-bottom: 70px;
}
.Supplier_slider_section .custom_container{
	max-width:1220px;
	width:100%;
	padding:0px 13px;
	margin:0 auto;
}
.Supplier_slider .swiper-wrapper{
	align-items:center;
}
.section_titleHead {
    text-align: center;
}
.supplier_title {
    font-size: 53px;
    color: black;
}
.section_titleHead p{
	font-family:"roboto";
	color: #7a7a7a;
}
.home_product_slider .swiper-pagination{
	display:none;
}


/* ======= Mobile Responsive ======== */
@media (max-width:767px){
	.home_product_slider .swiper-button-next,
	.home_product_slider .swiper-button-prev{
		display:none;
	}
	.home_product_slider .swiper-pagination{
	display:block;
    }
	.shophero .shopcontainer{
		padding: 0 13px;
	}
	.shop-container{
		padding:0 13px;
	}
	.shopherobackground{
		height:265px:
	}
	.shopheroheading h1{
		font-size:35px;
		margin-top: 108px;
	}
	.shop-row{
		flex-wrap:wrap;
		gap:10px;
	}
	.shop-sidebar, .shop-main{
		width:100% !important;
	}
	.products li{
		width:100% !important;
	}
	.supplier_title {
		font-size:32px;
	}
	.shop-sidebar .filters-container{
	position: absolute;
    z-index: 100;
    width: 94%;
    left: -50%;
    transform: translateX(-50%);
	transition:0.4s;
	}
	.shop-sidebar .filters-container.active{
		left:50%;
	}
	.shop-sidebar{
		position:sticky;
		top:20px;
		z-index:58;
	}
	a.ekit-menu-nav-link.ekit-menu-dropdown-toggle{
		margin-left: 14px !important;
		width: 50%;
	}
	.Supplier_slider .swiper-slide{
		margin:0 20px;
	}
}

@media(min-width:768px) and (max-width:1024px){
	.home_product_slider .swiper-button-next,
	.home_product_slider .swiper-button-prev{
		display:none;
	}
	.home_product_slider .swiper-pagination{
	display:block;
    }
	a.ekit-menu-nav-link.ekit-menu-dropdown-toggle{
		margin-left: 14px !important;
		width: 50%;
	}
	.shop-container, .shopcontainer{
		max-width:700px;
	}
	.shop-row{
		flex-wrap:wrap;
		gap:10px;
	}
	.shop-main{
		width:100% !important;
	}
	.shop-sidebar{
		width:50% !important;
	}
	.products li{
		width:30.4% !important;
	}
	.supplier_title {
		font-size:40px;
	}
	.shop-sidebar .filters-container{
	position: absolute;
    z-index: 100;
    width: 94%;
    left: -50%;
    transform: translateX(-50%);
	transition:0.4s;
	}
	.shop-sidebar .filters-container.active{
		left:50%;
	}
	.shop-sidebar{
		position:sticky;
		top:20px;
		z-index:58;
	}
	.product img{
		height:auto !important;
		aspect-ratio:1/1;
	}
	.Supplier_slider .swiper-slide{
		margin:0 30px;
	}
}