/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 3.4.6.1771324111
Updated: 2026-02-17 10:28:31

*/
:root {
    --theme-color1: #D32F2F;
    --theme-color1-rgb: 211, 47, 47;
    --theme-color2: #FFC107;
    --theme-color2-rgb: 255, 193, 7;
    --bs-black: #000000;
    --bs-black-rgb: 0, 0, 0;
    --bs-white: #ffffff;
    --bs-white-rgb: 255, 255, 255;
    --transition: all 800ms ease;
    --font-awesome-free: "Font Awesome 7 Free";
    --font-awesome-brands: "Font Awesome 7 Brands";
    --font-family1: "Open Sans", Sans-serif;
    --font-family2: 'Open Sans Hebrew Condensed';
}
@-moz-document url-prefix() {
    * {
        scrollbar-width: thin; 
        scrollbar-color: var(--theme-color1) #efefef; 
    }
}

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    border-radius: 0px;
    background-color: #efefef; 
}

::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}
::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px var(--theme-color1);
    border-radius: 0px;
}
::-webkit-scrollbar-thumb {
    background: var(--theme-color1);
    border-radius: 10px;
    transition: var(--transition);
}

::-moz-selection {
    background: var(--theme-color1);
    color: var(--bs-white);
}
::selection {
    background: var(--theme-color1);
    color: var(--bs-white);
}
::-webkit-input-placeholder {
    color: inherit !important;
    opacity: 1;
}
:-ms-input-placeholder {
    color: inherit !important;
    opacity: 1;
}
::-ms-input-placeholder {
    color: inherit !important;
    opacity: 1;
}
::placeholder {
    color: inherit !important;
    opacity: 1;
}
body {
    overflow-y: auto;
    overflow-x: hidden;
    accent-color: var(--theme-color1);
    /* word-break: break-word; */
}

.wpcf7-spinner {
    position: absolute;
}

.comments-area .eael-breadcrumbs a, .page-content .eael-breadcrumbs a {
    text-decoration: none;
}

/* --header-logo-- */
.header-logo {
    --border-radius: 0 0 50px 50px;
    border-radius: var(--border-radius);
    padding: 0 10px 15px;
    &:before {
        content: "";
        position: absolute;
        background: inherit;
        inset: 0px;
        height: 190%;
        bottom: 0;
        top: auto;
        z-index: -1;
        border-radius: var(--border-radius);
    }

}
.ekit-wid-con .icon.icon-search2::before, .icon.icon-search2::before {
    content: "\e97a";
    content: "\e97a";
    font-family: elementskit !important;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
/* --header-logo-close-- */
/* --home-slider-sec-- */

.home-slider-sec {
    & .wpr-cv-outer {
        display: table;
        width: 100%;
        height: 100%;
        margin: 0 auto;
        max-width: var(--container-max-width);
    }
}
.e-con .wpr-mobile-toggle-line {
    background-color: var(--theme-color2);
}
/* --home-slider-sec-close-- */
/* --home-products-sec-- */
.home-products-sec {
	& .eael-product-gallery {
		& .eael-cat-tab {
			& img {
                width: clamp(4.5rem, 8vw, 9.125rem);
			}
		}
		& .woocommerce ul.products li.product .button {
            display: inline-flex;
            width: fit-content !important;
            line-height: 1.12 !important;    
            margin: 0 !important;
            &:before {
                display: none !important;
            }
        }
		.woocommerce ul.products li.product .eael-product-wrap a.button.enquiry-btn + span + a.button.enquiry-btn {
			display: none !important;
		}
		& .eael-product-wrap {
            margin-block: 14px !important;
			& .eael-product-price {
				& del {
					font-size: 80%;
				}
				& ins {
					text-decoration: none;
				}
			}
			& .product-excerpt {
				font-size: 14px;
				font-weight: 500;
				margin-bottom: 7px;
			}
		}
	}
}
/* Single Product Sec Css Start */
.variations th.label {
    width:0 !important;
}
.woocommerce-variation-add-to-cart.variations_button, 
.woocommerce div.product .eael-single-product-add-to-cart form.cart{
    flex-wrap:wrap !important;
    width: 100% !important;
}
.single.single-product .product-acf-accordion {
    width: 100% !important;
    order: 1;
    margin-top:30px;
}
.single.single-product button.acf-toggle-title {
    color: var(--bs-black) !important;
    background: transparent !important;
    border: 1px solid #d4d4d4;
    width: 100% !important;
    box-shadow: none !important;
}
.single.single-product .acf-toggle-content {
    border: 1px solid #e1e1e1;
    border-radius: 10px;
    padding: 22px;
    margin-top: 12px;
}
.single.single-product .acf-toggle {
    margin-bottom: 15px;
    overflow: hidden;
}
.single.single-product .acf-toggle-title {
    width: 100%;
    text-align: left;
    cursor: pointer;
}
.single.single-product .acf-toggle-content {
    display: none;
}
form.variations_form.cart {
    width: 100% !important;
}
/* Single Product Sec Css Close */
/* --home-products-sec-close-- */
/* --popup-- */
.pum-theme-enterprise-blue {
     & .pum-container{
        & h3 {
            font-size: 1.5rem;
            font-family: var(--font-family1);
            letter-spacing: 0;
            font-weight: 700;
            border-bottom: 1px solid #5b5b5b84;
            padding-bottom: 20px;
            margin-bottom: 20px;
        }
        & .wpcf7-form {            
            & label {
                margin-bottom: 18px;
                display: grid;
                gap: 10px;
                font-family: var(--font-family1);
                font-weight: 600;
                color: var(--bs-black);
            }
            & br {
                display: none;
            }
            & .wpcf7-form-control-wrap {
                position: relative;
                display: grid;
                gap: 8px;
                &.recaptcha {
                    margin-bottom: 15px;
                }
                & .wpcf7-not-valid-tip {
                    font-size: 90%;
                }
            }
            & .wpcf7-form-control:not(input[type="radio" i], input[type="checkbox" i], .wpcf7-submit, .wpcf7-recaptcha) {
                width: 100% !important;
                padding: 8px 15px;
                background-color: var(--bs-white);
                border: 1px solid #CCCCCC;
                border-radius: 5px;
                margin-bottom: 0;
                max-height: 68px;
                height: auto;
                font-size: 14px;
                font-weight: 400;
                font-family: var(--font-family1);
                color: #525252;
            }
            & .wpcf7-submit {
               width: 100%;
                border-radius: 5px;
                padding: 7px;
                box-shadow: none;
                font-weight: 600;
                background: var(--theme-color1);
                color: var(--bs-white);
            }

            & p {
                padding-bottom: 0;
                margin-bottom: 0;
            }
        }
     }
     

}

/* --popup-close-- */
/* --home-newsletter-sec-- */
.home-newsletter-sec .wpcf7-form p {
    display: flex;
    gap: 00px;
    justify-content: center;
    width: fit-content;
    margin: auto;
    border: 1px solid var(--bs-white);
    border-radius: 4px;
}
.home-newsletter-sec label {
    margin-bottom: 0px !important;
}
.home-newsletter-sec .wpcf7-not-valid-tip {
    color: var(--theme-color1) !important;
    text-align: center;
    padding-bottom: 10px;
}
.home-newsletter-sec input {
    border: 0px !important;
}
.home-newsletter-sec .wpcf7-response-output {
    color: var(--bs-white);
    width: fit-content;
    margin: 30px auto !important;
    text-align: center;
}

 
/* --home-newsletter-sec-close-- */
/* --home-blog-sec-- */
.home-blog-sec {
    --space: clamp(1.875rem, 1.2171rem + 2.1053vw, 3.125rem);
    & .eael-post-elements-readmore-btn {
        width:fit-content;   
    }
    & .eael-entry-wrapper {
        padding-bottom: var(--space) !important;
        background: var(--bs-white);
        width: calc(100% - var(--space));
        margin-top: calc(-1* var(--space));
        position: relative;
        z-index: 2;
    }
}
/* --home-blog-sec-close-- */
/* --about-promise-sec-- */
.about-promise-sec {
    & .elementor-widget-icon-box {
        & .elementor-icon {
            & svg,
            & i {
                float: left;
            }
        }
        & .elementor-icon-box-title {
            margin-block-start: 0;
        }
    }
}
/* --about-promise-sec-close-- */

/* --footer-- */
.main-footer-sec .menu {
    padding-left: 0;
}
.main-footer-sec .menu li {
    list-style:none;  
}
.main-footer-sec .menu li a {
    color:var(--bs-black);
    font-weight:400;
    font-family: var(--font-family1);
    font-size:14px;    
}

/* --footer-close-- */
/* --contact-form-sec-- */
.contact-form-sec {
    & .wpcf7-form-control {
        outline: none !important;
    }
    & .wpcf7-submit {
        width: 100%;
    }
    & .wpcf7-not-valid-tip {
        margin-top: 5px;
    }
}
.contact-form-sec span.wpcf7-list-item label{
    display:flex;
    gap:.5rem;
}
.contact-form-sec span.wpcf7-list-item{
    margin-left:0;
    margin-top:1rem
}
.contact-form-sec p.note {
    background:#ffdfdf;
    padding:.5rem;
    box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px;
    border-radius:.2rem;
    line-height:normal;
    font-size:.9rem;
    margin:0;
    font-weight: 600;
    color: #000;
    letter-spacing:1px;
}
 
.contact-form-sec span.wpcf7-list-item-label {
    font-size:1rem !important;
    color:var(--bs-black) !important;
}
/* --contact-form-sec-close-- */
/* --shop-page-- */
.shop-sec {
    --columns: 4;
	& .woocommerce {
        & .woof_products_top_panel {
            --e-global-typography-primary-font-weight: 500;
            font-size: 0.875rem;
            & a {
                color: var(--bs-black);
            }
              & button {
                padding: 4px 13px;
                font-size: 12px;
                box-shadow: none !important;
				 color: var(--theme-color1);
				 border-color: 1px solid var(theme-color1)!important;
            }
			 & button:hover {
           background: var(--theme-color1);
				 color: var(--bs-white);
            }
        }
        & .woocommerce-ordering {
             & select {
                border-color: #D9D9D9;
                outline: none !important;
                font-size: 0.875rem;
             }
        }
		& ul {
			&.products {
				display: grid;
				grid-template-columns: repeat(var(--columns), 1fr);
				gap: 25px;
                &:before,
                &:after {
                    display: none;
                }
				& li {
					&.product {
                        background-color: var(--bs-white) !important;
                        box-shadow: 2px 3px 5px 0px rgba(0, 0, 0, 0.12) !important;
                        padding: 19px !important;
                        border: 1px solid #E0E0E0 !important;
                        margin-bottom: 0 !important;
                        width: 100%;
						& img {
							height: 233px;
							object-fit: contain;
							margin: auto;
						}
						& .button {
							background-color: var(--theme-color1) !important;
							color: var(--bs-white) !important;
							font-family: var(--font-family1);
							font-size: 14px !important;
							font-weight: 500 !important;
							text-transform: uppercase !important;
							width: fit-content;
							padding: 10px 15px !important;
							line-height: 100% !important;
							margin-left: 0 !important;
						}
					}
				}
                & .onsale {
                    padding: 5px 9px 5px !important;
                    font-size: 12px !important;
                    font-weight: 500 !important;
                    position: absolute !important;
                    background-color: var(--theme-color1) !important;
                    border-radius: 50px !important;
                    left: 11px !important;
                    top: 17px !important;
                    text-align: center;
                    line-height: 1.2;
                    right: auto !important;
                    bottom: auto !important;
                    min-height: auto !important;
                }
                & .woocommerce-loop-product__title {
                    color: #272727 !important;
                    font-size: .88rem !important;
                    font-weight: 700 !important;
                    text-align: left;
                }
                & .product-excerpt {
                    font-size: 14px;
                }
                & .price {
                    margin-top: 10px;
                    font-size: 18px !important;
                    color: var(--theme-color1) !important;                    
                    font-weight: 700 !important;
                    & del {
                        text-decoration: line-through !important;
                        opacity: 1 !important;
                        color: var(--bs-black) !important;
                        font-size: 80%;
                    }
                    & ins {
                        text-decoration: none !important;
                        font-weight: 700;
                    }
                }
			}
		}
	}
}
.eael-load-more-button, .load-more-wrap button#load-more-products {
    background-color: var(--theme-color1) !important;
    color: var(--bs-white);
    border-color: 1px solid var(--theme-color1);
    transition-duration: 0.1s;
    padding: 14px 35px;
    border-radius: 50px;
    box-shadow: none !important;
}
.eael-load-more-button:hover, .load-more-wrap button#load-more-products:hover {
    background: var(--theme-color2) !important;
    color: var(--bs-black) !important;
} 
.shop-sec {
    & .woof_container_inner {
        padding-block-start: 10px;
		& h4 {
			font-size: 18px;
			font-weight: 600;
			margin-bottom: 15px;
			font-family: var(--font-family2);
		}
	}
	& .woof_list {
		list-style: none;
		padding-left: 0;
		margin: 0;
		& li {
			margin-bottom: 10px;
			display: flex;
			align-items: center;
            
		}
	}
    & [class*="icheckbox_square"] {
        margin-top: 0;
        transform: scale(0.6);
        transform-origin: left center;
        border-radius: 4px;
		border:1px solid var(--bs-black) !important;
    }
    & .woof_fs_by_instock:before {
        content: "Product Status";
        font-size: 18px;
        font-weight: 600;
        font-family: var(--font-family2);
        margin-bottom: 14px;
        display: block;
    }
	& .woof label {
		font-size: 14px;
		color: #333;
		cursor: pointer;
		margin-left: 0px !important;
	}
	& .woof_price_filter {
		margin-top: 20px;
	}
	& .irs--round {
		& .irs-bar {
			height: 4px;
			background: var(--bs-black);
		}
		& .irs-handle {
			top: 18px;
			width: 18px;
			height: 18px;
			border-radius: 50%;
			background: var(--bs-white);
			border: 3px solid var(--bs-black);
			box-shadow: none;
		}
	}
	& .woof_reset_search_form {
		background-color: var(--theme-color1) !important;
		color: var(--bs-white) !important;
		font-family: var(--font-family2);
		font-size: 14px;
		font-weight: 500;
		text-transform: uppercase;
		padding: 10px 15px;
		margin-top: 20px !important;
	}
}
.shop-sec .irs--round .irs-from,
.shop-sec .irs--round .irs-to {
	background: var(--bs-black);
	color: var(--bs-white);
	font-size: 13px;
	padding: 4px 8px;
	border-radius: 4px;
}
.shop-sec .woof_fs_by_onsales .woof_container_inner , 
.shop-sec .woof_fs_by_instock .woof_container_inner {
	padding: 0px !important;
}
.shop-sec {
	& .woocommerce {
		& .woocommerce-pagination {
            --icon-size: clamp(1.875rem, 1.5461rem + 1.0526vw, 2.5rem);
            margin-top: var(--icon-size);
			& .page-numbers {
				display: flex;
				list-style: none;
				padding: 0;
				gap: 10px;
				align-items: center;
				justify-content: center;
				border: 0;
				& li {                    
					border: none;
					& span {
						&.current {
							background-color: var(--theme-color1);
							border-color: var(--theme-color1);
							color: var(--bs-white);
						}
					}
                    & a {
                        &:hover {
                            border-color: var(--theme-color1);
                            color: var(--theme-color1);
                            background-color: transparent;
                        }
                    }
                    & a,
                    & span {
                        display: flex;
                        align-items: center;
                        justify-content: center;
                        width: var(--icon-size);
                        height: var(--icon-size);
                        border-radius: 50%;
                        border: 1px solid #ccc;
                        color: var(--bs-black);
                        text-decoration: none;
                        font-family: var(--font-family1);
                        font-weight: 600;
                        transition: var(--transition);
                    }
                    & a.next,
                    & a.prev {
                        border: none;
                        font-size: 24px;
                    }
				}
			}
		}
	}

}
.woocommerce-pagination{
    display:none !important;
}

#load-more-products{
    display:block;
    margin:40px auto 20px;
}
/* --shop-page-close-- */
/* --gallery-- */


.photo-gallery .gallery-icon img {
	aspect-ratio: 1 / 0.87;
	object-fit: cover;
    width: 100%;
}

.photo-gallery .gallery-icon {
    position: relative;
    overflow: hidden;
    border-radius: 14px;
}

.photo-gallery .gallery-icon a:after {
    content: "";
    position: absolute;
    width: 200%;
    height: 0%;
    left: 50%;
    top: 50%;
    background-color: rgba(255, 255, 255, .3);
    transform: translate(-50%, -50%) rotate(-45deg);
    z-index: 1;
}

.photo-gallery .gallery-icon a:hover:after{
    height:250%;
    transition: all 600ms linear;
    background-color: transparent;
}
.brand-item{
    cursor:pointer;
}
#brand-popup{
    display:none;
    position:fixed;
    inset:0;
    background:rgba(0,0,0,0.85);
    z-index:999999;
}
#brand-popup .brand-slider-wrapper{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:20px;
}
#brand-popup .brand-popup-inner{
    width: 100%;
    max-width: 700px;
    margin: auto;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    height: fit-content;
    background: var(--bs-white);
    padding: 54px;
}
#brand-popup .popup-close{
    position:absolute;
    top: 0%;
    right: 3%;
    color: var(--theme-color1);
    font-size:40px;
    cursor:pointer;
    z-index: 1;
    line-height: 100%;
}
#brand-popup .brand-slider-wrapper img#popup-image {
    aspect-ratio: 1.4;
    object-fit: contain;
}
#brand-popup .brand-slider-wrapper button {
    width: 60px;
    height: 60px;
    min-width: 60px;
    border-radius: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
}
/* --gallery-close-- */
.woocommerce div.product form.cart .button {
    color: var(--bs-white) !important;
    background-color: var(--theme-color1) !important;
    padding: 0.9em 2em !important;
    border-radius: 4px !important;
    display: inline-flex !important;
    width: fit-content !important;
    line-height: 1.12 !important;
    margin: 0px !important;
    text-transform: uppercase !important;
    font-family: "Open Sans", Sans-serif !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    letter-spacing: 0px !important;
    &:hover {
        background-color: var(--bs-black) !important;
    }
}
.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product p.price, .woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product span.price {
    color: var(--theme-color1) !important;
}
.woocommerce ul.products li.product .price {
    display: none !important;
}
/* --single-product-- */
.single-product {
    & .eael-single-product-images {
        & .product_image_slider {
            & .swiper {
                border: 2px solid #85899738;
                border-radius: 20px;
            }
            & .swiper-pointer-events .image_slider__image img {
                width: 100%;
                aspect-ratio: 1;
                object-fit: contain;
                padding: 40px 20px;
            }
            & .product_image_slider__thumbs__image {
                border: 2px solid #85899738;
                border-radius: 10px;
                overflow: hidden;
                & img {
                    margin: auto;
                    aspect-ratio: 1;
                    width: 100%;
                    object-fit: contain;
                    padding:10px;
                }
                
            }
            & span.onsale {
                border-radius: 50px;
                left: 15px;
                top: 15px;
                padding: 5px 10px;
                font-size: 12px;
                font-weight: 500;
                position: absolute;
                text-align: center;
                line-height: 1.2em;
                color: var(--bs-white);
                background-color: var(--theme-color1);
                right: auto;
                min-height: auto
            }
        }
    }
    & .eael-single-product-add-to-cart {
        & table {
			margin-bottom:0px;
            & tr{                
                &>* {
                    background-color: transparent !important;
                    padding: 10px !important;
                }                
                & select {
                    margin-left: 20px;
                    margin-right: 0 !important;
                    font-size: 13px;
                    border-color: #e4e5e8;
                }
            }
        }
    }
    & .wpr-product-tabs {
        & .woocommerce-tabs {
            & .tabs {
                & .reviews_tab{
                    display: none;
                }
            }
        }
    }

}

.related.products {
    --grid-template: 4;
    &>h2 {
        font-size: clamp(2rem, 1.4737rem + 1.6842vw, 3rem) !important;
        font-weight: 600;
        text-transform: capitalize;
        margin-bottom: 20px;
    }
     & ul.products {
        display: grid;
        grid-template-columns: repeat(var(--grid-template), 1fr);
        grid-gap: 25px;
        margin: 0 0 15px 0 !important;
        padding: 0 !important;
        &:before,
        &:after {
            display: none;
        }
        & li.product {
            width: 100%;
            margin-right: 0;
            text-align: left;
            padding: 15px 15px 15px 15px;
            border: 1px solid #eee;
            box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.12);
            border-radius: 0px 0px 0px 0px;
            background-color: var(--bs-white);
            margin-bottom: 0;
            & a {
                & img {
                    width: 100%;
                    height: auto;
                    display: block;
                    margin: 0 0 1em;
                    box-shadow: none;
                    height: 233px;
                    object-fit: contain;
                }
            }
            & h2.woocommerce-loop-product__title {
                color: #272727;
                font-size: 1.125rem;
                font-weight: 700;
            }
            & .enquiry-btn {
                color: var(--bs-white);
                background-color: var(--theme-color1);
                padding: 0.9em 2em;
                border-radius: 4px;
                display: inline-flex !important;
                width: fit-content !important;
                line-height: 1.12 !important;
                margin: 0px !important;
                text-transform: uppercase;
                font-family: "Open Sans", Sans-serif;
                font-size: 14px;
                font-weight: 500;
                letter-spacing: 0px;
                &:hover {
                    background-color: var(--bs-black);
                }
            }
            & .price {
                color: var(--theme-color1);
                font-size: 110%;
            }
            & .onsale {
                border-radius: 50px;
                left: 15px;
                top: 15px;
                padding: 5px 10px;
                font-size: 12px;
                font-weight: 500;
                position: absolute;
                text-align: center;
                line-height: 1.2em;
                color: var(--bs-white);
                background-color: var(--e-global-color-secondary);
                right: auto;
                min-height: auto;
            }
        }
    }
}

/* --single-product-close-- */

/* search page css start */

.woocommerce ul.products.eael-post-appender li.product {
    padding: 20px 30px  !important;
    box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.12) !important;
    border: none !important;
}

.woocommerce ul.products.eael-post-appender li.product a.button.enquiry-btn {
    display: inline-flex;
    width: fit-content !important;
    line-height: 1.12 !important;
    margin: auto !important;
    padding: 0.9em 2em 0.9em 2em !important;
    border-radius: 4px !important;
    background: var(--theme-color1)!important;
}
 
/* search page css end */
/* Gallery Page Css Start */
.brand-tabs{
    display:flex;
    flex-wrap: wrap;
    gap:10px;
    list-style:none;
    margin-bottom:20px;
    justify-content: center;
    padding: 20px;
    transition:.5s;
}
.brand-tab{
    padding:10px 20px;
    background: var(--bs-white);
    cursor:pointer;
    border: 1px solid var(--theme-color2);
    transition: .5s;
}
.brand-tab.active, .brand-tab:hover {
    background: var(--theme-color1);
    border-color:var(--theme-color1);
    color:#fff;
}
.brand-gallery{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap: 30px;
}
.brand-gallery img{
    width:100%;
    height:auto;
    display:block;
}
.brand-gallery .brand-item {
	background:var(--bs-white);
    box-shadow: rgb(99 99 99 / 20%) 0px 2px 8px 0px;
    border-radius: 20px;
    padding: 30px;
	position:relative;
}
.brand-gallery .brand-item:before {
    content: '';
    width: 0%;
    height: 0%;
    background: #00000059;
    position: absolute;
    inset: 0;
    margin: auto;
    transition: .5s;
    border-radius: 20px;
}
.brand-gallery .brand-item:hover:before {
    width: 100%;
    height: 100%;
}

.brand-slider-wrapper button {
    background: var(--bs-white);
    color: var(--theme-color1);
    border: 1px solid var(--theme-color1);
&:hover {
        background: var(--theme-color1);
        color: var(--bs-white)
    }
}
 
/* Gallery Page Css Close */
@media screen and (width <= 1024px) {
.shop-sec,
.related.products {
    --columns: 2;
}
.shop-sec {
    --columns: 4;
    & .woocommerce {
        & ul.products {
            & li {
                &.product {
                    & .button {
                         margin: auto !important;
                    }
                 }
            }
            & .woocommerce-loop-product__title {
                 text-align: center;
            }
        }
    }
}
.brand-gallery {
    grid-template-columns: repeat(2,1fr);
}
.brand-tabs {
    gap: 8px;
    padding: 0px;
}
#brand-popup .brand-popup-inner {
    max-width: 600px;
}
}

@media screen and (width <= 767px) {
.home-slider-sec {
    & br {
        display: none;
    }
}

.home-newsletter-sec .wpcf7-form p {
    display:block; 
    width:100%;
}
.home-newsletter-sec .wpcf7-form input {
  text-align:center;  
}
.home-newsletter-sec .wpcf7-submit {
    width:100%;
}
.shop-sec {
    --columns: 1;
    & .woocommerce  {
        & .woocommerce-result-count {
            text-align: center;
            width: 100%;
        }
        & .woocommerce-ordering {
            width: 100%;
        }
    }
}
.related.products {
    --grid-template: 1;
}
.single.single-product .acf-toggle-content {
    padding: 15px;
}
.brand-gallery {
    grid-template-columns: repeat(1,1fr);
}
.brand-tab {
    padding: 6px 8px;
}
#brand-popup .brand-slider-wrapper button {
    width: 50px;
    height: 50px;
    min-width: 50px;
    font-size: 18px;
}
#brand-popup .brand-popup-inner {
    max-width: 320px;
    padding: 50px;
}
#brand-popup .brand-slider-wrapper img#popup-image {
    aspect-ratio: 1;
}
}