/*
Theme Name: Twenty Twenty-One Child
Theme URI: https://wordpress.org/themes/twentytwentyone/
Template: twentytwentyone
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Twenty Twenty-One is a blank canvas for your ideas and it makes the block editor your best brush. With new block patterns, which allow you to create a beautiful layout in a matter of seconds, this theme’s soft colors and eye-catching — yet timeless — design will let your work shine. Take it for a spin! See how Twenty Twenty-One elevates your portfolio, business website, or personal blog.
Tags: one-column,accessibility-ready,custom-colors,custom-menu,custom-logo,editor-style,featured-images,footer-widgets,block-patterns,rtl-language-support,sticky-post,threaded-comments,translation-ready,blog,portfolio
Version: 2.4.1731646503
Updated: 2024-11-15 04:55:03

*/

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Wix+Madefor+Text:ital,wght@0,400..800;1,400..800&display=swap');

p {font-family: "Poppins", Sans-serif;font-size: 16px;font-weight: 400;line-height: 1.6;}
#zak-content>.zak-container {padding-left: 0;padding-right: 0;max-width:100%;}
body { overflow-x: hidden;}
:root :where(a:where(:not(.wp-element-button))) {text-decoration: none;}
.text-center{text-align:center;}
::-webkit-scrollbar{width:8px;height: 6px;}
::-webkit-scrollbar-track{background:#f1f1f1;}
::-webkit-scrollbar-thumb{background:#333;border-radius: 10px;}


.whastapp_icon { position: fixed; bottom: 20px; right: 20px; z-index: 99999; cursor: pointer; }
.whastapp_icon img { width: 55px; }


/*Start default spacing*/
.mt-0{margin-top: 0px !important;}
.mt-10{margin-top: 10px !important;}
.mt-20{margin-top: 20px !important;}
.mt-30{margin-top: 30px !important;}
.mt-40{margin-top: 40px !important;}
.mt-50{margin-top: 50px !important;}

.mb-0{margin-bottom: 0px !important;}
.mb-10{margin-bottom: 10px !important;}
.mb-20{margin-bottom: 20px !important;}
.mb-30{margin-bottom: 30px !important;}
.mb-40{margin-bottom: 40px !important;}
.mb-50{margin-bottom: 50px !important;}
/*End default spacing*/

h1.wp-block-post-title{display: none;}

body h1.wp-block-heading{font-size: 58px !important;}
body h2.wp-block-heading{font-size: 44px !important;}

body h1, body h2, body h3, body h4, body h5, body h6{font-family: "Poppins", serif !important;text-transform: uppercase; font-weight: 700 !important;}
body,p,li,span,a{ font-family: "Wix Madefor Text", sans-serif !important;font-weight: 400;}

.custom_btn a { background:linear-gradient(90deg, rgb(173 11 23) 0%, hsl(357.65deg 93.01% 44.96%) 100%) !important; color: #fff; border-radius: 60px !important; border: unset; display: flex ; align-items: center; justify-content: space-between; box-shadow: 0px 2px 36px rgba(0, 0, 0, .06); font-size: 18px; font-weight: 600 !important; position: relative; white-space: nowrap; transition: .8s; height: 55px; padding: 5px 30px 5px !important; width: fit-content; cursor: pointer; border: 1px solid #d30912;text-transform: uppercase;}
.custom_btn a:hover {
    background: #fff !important;
    color: #222;
}
.custom_btn svg { height: 35px !important;  width: 35px !important;  border-radius: 50%;  padding: 10px;  position: absolute;    transition: .5s; right: 20px; animation: wobble 1s ease infinite; top: 9px; display:none;}

.custom_btn a:hover svg { background: linear-gradient(90deg, hsla(29, 100%, 38%, 1) 0%, hsla(29, 100%, 66%, 1) 100%) !important; right: calc(100% - 50px); }

.elementor-element.icons { display: flex; align-items: center; justify-content: center; gap: 30px; }
.icons img.attachment-full { width: auto !important; height: 36px !important; margin: 15px; }

/* header */
header#masthead ul li ul.sub-menu{padding:15px;}
footer#colophon ul.sub-menu { display: none; }
header#masthead ul li ul.sub-menu a{color:#000 !important;padding: 10px 0; line-height: 1.2;;}
header#masthead {width: 100%; top: 0; z-index: 99; position: absolute; max-width: 100%; padding-inline: 40px; padding-block: 10px; flex-wrap: nowrap;}
header#masthead .site-logo { width: 30%; padding: 0; margin: 0; border: 0;text-align:left;}
main#main { padding: 0; }
header#masthead .site-logo img.custom-logo { height: auto; width: 120px; }
header#masthead ul li a { color: #fff !important; font-size: 15px; text-transform: uppercase; font-weight: 500;background: transparent !important;text-decoration: unset !important;padding-block: 0;}
header#masthead ul li a:hover { color: #db0810 !important; }
header#masthead .header_main { padding-block: 10px !important; }
/* header#masthead ul li:last-child a { background: #ff9634; padding: 12px 25px; border-radius: 30px;position: relative;    margin-left: 15px;}
header#masthead ul li:last-child a:after { content: ""; position: absolute; width: calc(100% + 5px); height: calc(100% + 5px); animation: pulseInOut 2s linear infinite; z-index: -1; background-color: #ff9634; border-radius: 30px; left: 0; top: 0; } */
#main .banner-first { min-height: 65vh !important; }


.youtube_right { background: #000; max-height: 465px; overflow-x: hidden;    display: block; }
.youtube_right .elementor-widget-video {
    margin-bottom: 20px !important;
}
.youtube_main .e-con-inner { background: #000; margin-bottom: 70px; }


.gift_sec .elementor-widget-container { border-radius: 4px !important; }
.subtitle p { font-size: 12px; margin-bottom: 1px; background:#ffe1e2; width: fit-content; display: block; padding: 4px 18px; border-radius: 80px; color: #ba0a15; font-weight: 700; text-transform: uppercase; position: relative; left: -4px; }
.header-main .logo .hfe-site-logo-container img { height: 120px; }
header#masthead{padding: 0px;}
.wobble {animation-name: wobble}
.top-bar .elementor-icon-box-wrapper svg path { fill: white; }
.top-bar .elementor-icon-box-wrapper h3.elementor-icon-box-title a{color: white !important; transition: all 0.2s ease-in;}
.top-bar .elementor-icon-box-wrapper h3.elementor-icon-box-title a:hover{opacity: 0.6;}
.top-bar .e-con-inner .elementor-widget-icon-box:nth-child(2) .elementor-icon-box-icon { margin-right: 2px; }
.top-bar .elementor-widget-icon-box .elementor-icon-box-wrapper { display: flex ; align-items: center; justify-content: center; gap: 5px; }
/* footer */
footer#colophon{ background: #111; max-width: 100%;padding-bottom: 0;}
footer#colophon .logo img { width: 140px; }
footer#colophon .logo figure { text-align: left; }
footer#colophon aside.widget-area { display: block; margin: 0 40px; max-width: 100%;}
footer#colophon aside.widget-area .wp-block-columns>.wp-block-column { width: 30%; }
footer#colophon aside.widget-area .wp-block-columns { align-items: flex-start; }
footer#colophon aside.widget-area .wp-block-columns p.heading {color: #fff; font-size: 22px; text-transform: uppercase; font-weight: 500; font-family: "Cormorant Garamond", serif !important; margin-bottom: -12px;}
footer#colophon ul li a, footer#colophon p { color: #fff !important; text-decoration: unset; font-size: 14px; }
footer#colophon .site-info .powered-by { color: #fff; font-size: 16px; text-wrap-mode: nowrap; }
footer#colophon .site-info .site-name { display: none; }
footer#colophon .site-info { margin: 0; padding: 8px 40px; border-top: 1px solid #6666663b; text-align: center; justify-content: center; align-items: center; flex-direction: row-reverse; background-color: #181818; display: flex; }
footer#colophon .site-info > div{flex: 1;}
footer#colophon .site-info a { color: #fff; }
footer#colophon .contact li { color: #fff; font-size: 16px; display: flex; align-items: flex-start; margin-bottom: 5px; position: relative; padding-left: 25px; padding-top: 5px;}
footer#colophon .contact li.emaiil { text-wrap-mode: nowrap; }
footer#colophon .contact li:before { content: ''; width: 20px; height: 20px; background: url(https://sistagging.com/xq-studio/wp-content/uploads/2024/11/Email.svg); display: inline-block; margin-right: 10px; position: absolute; left: 0; top: 10px; filter: invert(1) brightness(8.5); background-size: 16px; background-repeat: no-repeat !important; }
footer#colophon .contact li.phone:before {  background: url(https://sistagging.com/xq-studio/wp-content/uploads/2024/11/phone.svg);}
footer#colophon .contact li.address:before { background: url(https://sistagging.com/xq-studio/wp-content/uploads/2024/11/location.svg);}
footer#colophon .site-info .privacy-policy { margin: 0 !important; display: flex ; margin-right: 12px !important; position: relative; justify-content: end; }
footer#colophon .site-info .privacy-policy-link, footer#colophon .site-info .powered-by, footer#colophon .site-info .powered-by a { font-size: 14px !important; margin: 0px; text-align: start; }
footer#colophon a:hover { color: #db0810 !important; }
footer#colophon a {transition: all 0.2s ease-in;}
footer#colophon aside.widget-area .wp-block-columns>.wp-block-column.logo > p { margin-top: -12px; }

.animated { animation: unset !important; }
/* slider */
.logo_grid .e-grid { border-bottom: 1px solid #eee; }
.logo_grid .e-grid > .elementor-widget-image:not(.logo_grid .e-grid > .elementor-widget-image:last-child)::before { content: ""; background-color: #eee; width: 1px; height: 100%; position: absolute; top: 0; transform: translateX(114px); }
.logo_grid .e-grid > .elementor-widget-image:not(.logo_grid .e-grid > .elementor-widget-image:last-child){position: static !important;}
.logo_grid .e-grid > .elementor-widget-image img{object-fit: contain;width: 80% !important; margin-block: 20px;}

/* products_sec */
.products_sec .woocommerce { max-width: 95% !important; margin-left: 0 !important; }
.products_sec .woocommerce li.product { overflow: hidden; text-align: center; }
.products_sec .woocommerce li.product h2 { font-size: 16px; font-weight: 600; font-family: "Wix Madefor Text", sans-serif !important; text-transform: capitalize; padding-inline: 15px; letter-spacing: 0.4px; margin-top: 16px; border-top: 1px solid #eee; padding-block: 12px; background-color: #f7f7f7; transition: all 0.2s ease-in; margin-bottom: 0px !important; }
.products_sec .woocommerce li.product:hover h2{color: #f09f54 !important;}
div .products_sec .woocommerce li.product .woocommerce-LoopProduct-link img { padding: 20px; height: 200px !important;object-fit: contain;}
div .products_sec .woocommerce li.product { border: 1px solid #eee; overflow: hidden; border-radius: 12px; }
.products_sec .woocommerce li:first-child { margin-left: 0px !important; }
.woocommerce .woocommerce-LoopProduct-link span.price { display: none !important; }
div .products_sec .woocommerce li.product .woocommerce-LoopProduct-link { width: 100%; }
            /* Hidden Product read more */
    .products_sec .woocommerce li.product a.button { display: none; padding: 6px 16px; font-size: 14px; font-weight: 500; background: transparent !important; border-radius: 30px; color: #d20766 !important; border: 1px solid; margin-block: 5px 15px; margin-inline: auto; }
    .products_sec .woocommerce li.product a.button:hover{background:#d20766 !important; color: #fff !important;}

/* All in one section */
#all-in-iconBox .elementor-widget-icon-box { background-color: #1d73c3; padding: 40px 15px; border-radius:4px; border: 1px solid #1d73c3; }
#all-in-iconBox .elementor-widget-icon-box .elementor-icon { background-color: #ffae63; border-radius: 31px; padding: 5px; }
#all-in-iconBox .elementor-widget-icon-box h3 span { letter-spacing: 1px; text-transform: capitalize; font-weight: 600; font-size: 22px;color:#fff; }
#all-in-iconBox .elementor-widget-icon-box p{color:#fff;}
.all-in-image img { height: 150px !important; object-position: 0px -145px !important; }

/* Gallery section */
.gallery-sec .gallery .gallery-icon > a { position: relative; overflow: hidden; border-radius: 12px;  }
.gallery-sec .gallery .gallery-icon > a::before { content: ""; position: absolute; top: 0; left: 0; transition: all 0.2s ease-in; width: 100%; height: 100%; background-color: #00000030; opacity: 0; }
.gallery-sec .gallery .gallery-icon > a:hover::before { opacity: 1; }

/* Counter Section */
.counter-card .elementor-counter-title { color: #1a1a1a !important; text-align: center; font-weight: 600 !important; margin-top: 10px !important;}
.counter-card .elementor-counter-number { font-size: 62px !important; font-weight: 700;  }
.counter-card { background-color: #fff; padding: 35px; border-radius: 12px; border: 0px; }

/* contact-page */
/* contact us */
.contact_detail .elementor-icon-box-icon svg { filter: invert(1) brightness(8.5); }
.contact_detail .elementor-icon-box-wrapper a { font-weight: 500 !important; font-size: 16px !important; }
.contact-sec form input, .contact-sec form select, .contact-sec form textarea { border-radius: 4px !important; border: 1px solid #ddd; font-size: 14px !important; min-height: 43px; outline: unset !important;font-size: 13px !important; font-weight: 500;}
.contact-sec form .gfield textarea { height: 140px !important; }
.contact-sec form .gform_footer input.gform_button { width: 100%; background: #fc8b22 !important; font-size: 18px !important; text-transform: uppercase; border: 0; color: #fff !important; outline: unset; font-weight: 400; font-family: "Wix Madefor Text", sans-serif !important; border: 1px solid #fc8b22 !important; transition: all 0.2s ease-in; border-radius: 8px; }
.contact-sec form .gform_footer input.gform_button:hover{background: #fff !important; color: #fc8b22 !important;}
.contact-sec .gform_wrapper.gravity-theme .gform_fields { grid-row-gap: 24px; }
.contact-sec form .ginput_container { display: flex; }
.has-background-white .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) {background:transparent;color: #111;text-decoration: unset; outline: unset;}
.site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) img{outline: unset !important;}
.contact-sec .gform_validation_errors { display: none; }
div .contact-sec .validation_message {padding: 2px 10px !important; background: #ff0000d6; border: 0; font-size: 12px !important; margin-top: 4px; border-radius: 4px; color: #fff;}
.contact_detail .elementor-element:hover a { color: #6a6a6a; }
.contact_detail .elementor-element a:hover{opacity: 0.6;}
.gift_sec figure.elementor-image-box-img img { height: 180px !important; object-fit: contain; width: 100% !important; max-width: 100% !important; }
.contact-sec form .instruction.validation_message { display: none; }
.contact-sec .gform_wrapper.gravity-theme .gform_footer{position: relative;}
.contact-sec .gform_wrapper.gravity-theme .gform_footer .gform_ajax_spinner { position: absolute; z-index: 1; top: 41%; left: 60%; }

.contact-list .elementor-icon-list-item svg { padding: 3px; width: 23px; height: 24px; border-radius: 5px; }
/* contact-page */

/* Insight_page */
.Insight_page .custom-posts-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(32%, 1fr)); gap: 20px; }
.Insight_page .custom-posts-grid .post-item { background: #fff; padding: 16px; border-radius: 18px; overflow: hidden; border: 1px solid #ddd; }
.Insight_page .custom-posts-grid .post-image img { transition: all 0.425s ease-in-out; }
.Insight_page .custom-posts-grid .post-image:hover img { transform: scale(1.2); }
.Insight_page .custom-posts-grid .post-image { overflow: hidden; border-radius: 12px; }
.Insight_page .custom-posts-grid .post-item .post-title a { font-size: 20px; font-weight: 700 !important; color: #121212 !important; margin-top: 7px;}
.Insight_page .custom-posts-grid .post-item .btn { font-size: 14px; background: transparent; padding: 0; font-weight: 500; color: #ffa000; border-radius: 0; margin-block: 10px !important; display: inline-block; border-bottom: 2px solid; font-weight: 600; font-size: 16px; margin-top: 30px !important; position: relative; }
.Insight_page .custom-posts-grid .post-item .btn:hover::after{transform: translateX(3px) rotate(45deg);}
.Insight_page .custom-posts-grid .post-item .post-title { display: flex; margin-block: 10px; }
.Insight_page .custom-posts-grid .post-item .post-excerpt { color: #636363; font-size: 16px; line-height: 1.6; }
.Insight_page .custom-posts-grid .post-item .post-date { font-size: 12px; margin-top: 15px; width: fit-content; padding: 6px 16px; background: #ffe9d5; border-radius: 4px; line-height: 1; color: #ff9634; font-weight: 700; text-transform: uppercase; position: relative;}
.Insight_page .custom-posts-grid .post-item .btn::after { content: "\2197"; width: 10px; height: 10px; font-size: 18px; position: absolute; right: -25px; top: 2px; display: block; transition: all 0.3s ease-in-out; transform: rotate(45deg); }
.Insight_page .post-item .post-image img { height: 240px !important; object-fit: cover;border-radius: 8px;}
.Insight_page .custom-posts-grid .post-item .btn:focus, .Insight_page .custom-posts-grid .post-item .btn:hover { color: #ffba7a !important; }
.pagination { border: 0; padding: 0; text-align: center; }
.pagination .page-numbers { padding: 6px 18px; border: 1px solid #02335E; color: #02335E; font-size: 16px; line-height: 1; font-family: 'avenir_lt_std65_medium' !important; border-radius: 30px; cursor: pointer; margin-inline: 2px;}
.pagination .page-numbers:hover, .pagination .page-numbers.current{background:#02335E;color: #fff;}

.moreinfo li.elementor-icon-list-item strong { color: #02335e; }
.moreinfo a{ text-decoration: unset !important; color: #230C38 !important; }
.moreinfo a:hover{color: #02335e !important;}

/* shop-page */
body.woocommerce .content-area { max-width: 100%;padding-inline: 0;}
body.woocommerce .content-area>main#main{margin-inline: 0;}
.custom-shop-category-banner { height: 65vh; display: flex; align-items: center; justify-content: center; background: url(https://sistagging.com/xq-studio/wp-content/uploads/2024/11/bgss-scaled.jpg) no-repeat center / cover; position: relative;margin-bottom: 0;}
.custom-shop-category-banner:before { content: ''; background: #000000c2; width: 100%; height: 100%; position: absolute; }
.custom-shop-category-banner .banner-content { position: relative;z-index: 4; color: #fff; text-align: center;}
body.popup-active { overflow: hidden;}
.password-overlay .password-popup { width: 90%; max-width: 540px; }
.password-overlay .password-popup h2 { font-size: 30px; }
.password-overlay .password-popup form { text-align: left; font-size: 14px; margin-top: 20px;}
.password-overlay .password-popup form input { margin: 0 0 20px; outline: unset;}
.password-overlay .password-popup form label {font-size: 15px; margin-bottom: 6px; display: block;}
.password-overlay .password-popup form button { width: 100%; background: #f1008d !important; border-radius: 4px; text-transform: uppercase;line-height: 1; padding-block: 16px;outline: unset;}
.password-overlay .password-popup form button:hover{background: #c50073 !important;}
.password-overlay { display: flex; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.7); z-index: 9999; justify-content: center; align-items: center; } 
.password-popup { background: white; padding: 20px; border-radius: 8px; width: 300px; text-align: center; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); } 
.password-popup input { width: 100%; padding: 10px; margin: 10px 0; border: 1px solid #ccc; border-radius: 4px; } 
.password-popup button { padding: 10px 20px; background-color: #007cba; color: white; border: none; border-radius: 4px; cursor: pointer; } 
.password-popup button:hover { background-color: #005f8a; }

.main_category_div { margin-block: 60px !important; }
.main_category_div { margin: 60px auto !important; max-width: 1140px; }
.main_category_div ul.products li { padding: 0px 0 20px !important; border-radius: 8px; text-align: center;overflow: hidden;}

.main_category_div ul.products li h2 { padding-inline: 15px; font-size: 22px !important; text-align: center; }
.woocommerce nav.woocommerce-breadcrumb, .woocommerce header.woocommerce-products-header { display: none; }
.main_category_div ul.products li:hover h2 { color: #f09f54; }

.main_category_div .left_sidebar_div { width: 30%; padding-right: 40px; }
.main_category_div { display: flex; flex-wrap: wrap; }
.main_category_div .subcategory-list { padding: 0; list-style: none; font-size: 16px; }
.main_category_div .main_content_div { width: 75%;padding-left: 40px;}
.woocommerce .main_category_div .main_content_div ul.products li.product img { height: 180px !important; margin-bottom: 10px; }
.woocommerce .main_category_div .main_content_div ul.products li.product h2 { font-size: 18px !important; }
.woocommerce .main_category_div .main_content_div ul.products li.product a.button { font-size: 14px; width: fit-content; margin-inline: auto; padding: 10px 20px !important; text-transform: uppercase; border-radius: 30px; border: 0; background: transparent linear-gradient(270deg, #f90f7f 0%, #af0050 100%) 0% 0% no-repeat padding-box !important; }
.woocommerce .main_category_div .main_content_div ul.products li.product:hover a.button{opacity: 0.8;}
.woocommerce .main_category_div .main_content_div ul.products li.product span.price { margin-block: 8px; font-size: 14px; font-weight: 800;color: #f09f54;}
.woocommerce .main_category_div .main_content_div ul.products li.product span.price span { font-weight: 600; }
.main_category_div .subcategory-list li ul li { margin-block: 0px; padding-left: 22px; }
.main_category_div .subcategory-list li ul li::before { content: ""; background-color: #fe9a3d; border: none !important; border-radius: 50%; width: 4px; height: 4px; left: 12px; top: 16px; display: block; position: absolute; }
.main_category_div .subcategory-list li ul li a { font-size: 14px; padding-top: 2px; }
/* -------------------- */

body.archive,body.single-product { background-color: #f5f5f5 !important; }
body.archive .banner-content h2 { font-size: 44px; max-width: 75%; margin: 0 auto; }
body.archive .main_category_div { max-width: 1240px !important; padding: 0 20px; justify-content: space-between; gap: 20px; width: 100%; }
.main_category_div .left_sidebar_div { width: 18%; background: #323232; border-radius: 10px; padding: 10px 20px; box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px; height: fit-content; position: sticky; top: 110px; }
.main_category_div .left_sidebar_div > .subcategory-list > li>a { background-color: #424242; }
.main_category_div .left_sidebar_div p { color: white; }
.main_category_div .left_sidebar_div .category-list { padding-left: 0px; list-style-type: none; }
.main_category_div .subcategory-list a { margin-bottom: 0px !important; display: block; color: #fff; }
.main_category_div .subcategory-list a:focus{color: white !important;}
.main_category_div .left_sidebar_div .category-list > li > a { font-weight: 600; background-color: #f5f5f5; width: 100%; display: block; padding: 2px 14px; border-radius: 8px; margin-bottom: 5px; color: #404040; }
.main_category_div .left_sidebar_div .category-list .subcategory-list { padding-left: 30px; margin-block: 10px 10px; }
.main_category_div .left_sidebar_div .category-list .subcategory-list > li::before { content: ""; width: 7px; height: 7px; border-right: 2px solid #000; position: absolute; left: -16px; top: 10px; border-bottom: 2px solid #000; transform: rotate(-45deg); border-radius: 2px; border-color: #959595; }
.main_category_div .left_sidebar_div .category-list .subcategory-list > li { padding-bottom: 8px; position: relative; }
body.archive .main_category_div .category_content_div { flex: 1; background-color: white; padding: 30px; border-radius: 10px; box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px; }
body.archive .main_category_div .category_content_div .products li,.filter-content .product-list .product-item,.filter-data .filtered-product { margin: 0px !important; border: 1px solid #eee; padding: 0px !important; margin-bottom: 0px; }
.woocommerce .main_category_div ul.products li.product img,.filter-content .product-list .product-item img,.filter-data .filtered-product img { height: 200px !important; object-fit: contain; border-radius: 20px; background-color: white; padding: 20px; }
body.archive .main_category_div .category_content_div .products li h2,.filter-content .product-list .product-item h2,.filter-data .filtered-product h3 { font-size: 15px !important; font-weight: 600 !important; padding-block: 12px; border-top: 1px solid #eee; text-align: center; margin-top: 0px; transition: all 0.15s ease-in; font-family: "Wix Madefor Text", sans-serif !important; background-color: #f7f7f7; margin-bottom: 0px; }
/* .main_category_div .subcategory-list li::before { content: ""; position: absolute; left: 14px; top: 15px; width: 6px; height: 6px; border-top: 2px solid orange; border-left: 2px solid orange; transform: rotate(135deg); } */
.main_category_div .subcategory-list li { padding-left: 0px; margin-block: 8px; position: relative; border-radius: 6px; transition: all 0.2s ease-in; padding-block: 4px; }
/* .main_category_div .subcategory-list li:hover { background-color: #424242; } */
.main_category_div .left_sidebar_div > .subcategory-list > li>a { background-color: #4e4e4e; padding: 2px 8px; border-radius: 5px; }
body.archive .main_category_div .category_content_div .products li > a { width: 100% !important; height: 100%; display: flex ; flex-direction: column; }
body.archive .main_category_div .category_content_div ul.products { gap: 16px; }
body.archive .main_category_div .category_content_div ul.products::before{content: none !important;}




/* Single Post */
body.single-post .post-banner,body.single-post article.post .entry-content > .elementor,body.single-post article.post .entry-content > p { max-width: 990px !important; margin: 0 auto; }
body.single-post header#masthead { position: static; background: black; margin-bottom: 40px; }
body.single-post .post-banner img { max-width: 100% !important; object-fit: cover !important; height: 65vh !important; border-radius: 20px; }
body.single-post .post-banner h1 { font-size: 36px !important; margin-top: 40px; }
article.post { margin-top: 40px; }
body.single-post footer.entry-footer { display: none !important; }
.post-navigation { max-width: 990px; }
.post-navigation .nav-links .post-title { display: none; }
.post-navigation .nav-links a, .post-navigation .nav-links a p { text-decoration: none !important; color: #545454 !important; }
.post-navigation .nav-links a { border-bottom: 2px solid #f7a000; transition: all 0.2s ease-in; padding-bottom: 2px; }
.post-navigation .nav-links a:hover{opacity: 0.7;}



/* Single Product */
body.single-product .entry.product { padding: 0 20px; gap: 10px; display: flex ; flex-direction: row; flex-wrap: wrap; max-width: 1240px; width: 100%; margin: 50px auto;}
body.single-product .woocommerce-product-gallery .woocommerce-product-gallery__image { border-radius: 8px; overflow: hidden;}
body.single-product .woocommerce-product-gallery .woocommerce-product-gallery__image img { max-width: 100% !important; position: unset !important;object-fit: cover; }
body.single-product .woocommerce-product-gallery .woocommerce-product-gallery__image img.zoomImg{display: none !important;}
body.single-product .summary.entry-summary { flex: 1.5 !important; background-color: white; padding: 10px 30px !important; border-radius: 8px; box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px; }
body.single-product .entry.product > div { flex: 2; float: unset !important; width: 100% !important; height: max-content; min-width: 1px !important; box-shadow: none; border-radius: 8px; height: auto; margin: 0px !important; }
body.single-product .woocommerce-product-gallery .woocommerce-product-gallery__trigger{z-index: 2 !important; display: none;}
body.single-product .summary.entry-summary h1,body.single-product .related.products h2 { font-size: 28px !important; display: inline; font-family: 'Wix Madefor Text' !important; font-weight: 600 !important; }
body.single-product .summary.entry-summary h1 + .price,body.single-product .woocommerce-variation-add-to-cart { display: none; }
body.single-product .summary.entry-summary table.variations th,body.single-product .summary.entry-summary table.variations td { padding: 0px; border: 0px; }
body.single-product table.variations tr { display: grid ; }
body.single-product .summary.entry-summary table.variations th.label { padding-bottom: 5px;}
body.single-product .summary.entry-summary table.variations th.label label { font-size: 14px; color: #5c5c5c; padding-left: 2px; margin-top: 10px !important; display: block; }
body.single-product table.variations td .reset_variations { display: none !important; }
body.single-product table.variations td select { width: -webkit-fill-available; border: 1px solid #ddd; border-radius: 12px; max-width: 100%; box-shadow: none !important; outline: none !important; font-size: 14px; width: 100%;}
body.single-product .summary.entry-summary h1 { font-size: 22px !important; }
body.single-product .single_variation_wrap { display: flex ; flex-direction: column-reverse; position: relative; border-top: 1px solid #ddd; padding-top: 20px; margin-top: 30px; }
body.single-product .woocommerce-variation.single_variation { display: flex ; flex-direction: column-reverse; }
body.single-product .single_variation_wrap > p { position: absolute; top: 52px; }
body.single-product .lead_days { position: relative; font-weight: 600; font-size: 20px; color: #2166ab;     margin-bottom: 20px;}
.single-product .woocommerce-variation-price{margin: 0px !important;}
/* body.single-product .lead_days::before{content: "Lead Days: "; font-weight: 600; font-size: 20px; color: #2166ab;} */
body.single-product .two-btn { margin-top: 30px; }
body.single-product .quote-btn button { background: linear-gradient(90deg, hsla(29, 100%, 38%, 1) 0%, hsla(29, 100%, 66%, 1) 100%) !important; border-radius: 40px; padding: 8px 40px; border: 1px solid #f09f54; transition: all 0.2s ease-in; outline: none !important; font-weight: 400; font-size: 18px;}
body.single-product div.product .product_meta { margin-block: 0px 0 !important; padding-top: 0px; }
body.single-product .quote-btn button:hover{background: white !important; color: #f7a000 !important;}
body.single-product .product_meta span { display: none; }
body.single-product .entry.product .related.products { flex: 1; background-color: #ffffff; border-radius: 8px; padding: 10px 15px; position: sticky; top: 110px; height: fit-content; }
body.single-product .related.products h2 { text-align: left; margin-bottom: 15px; font-size: 16px !important;color: #000000;}
body.single-product .entry.product .related.product > ul{justify-content: center;}
body.single-product .woocommerce-Price-amount.amount bdi { color: #d10f70; font-weight: 700; font-size: 20px; }
body.single-product .woocommerce-Price-amount.amount bdi span { color: black !important; }
body.single-product span#lead_days_info p { font-size: 20px; color: green; font-weight: 700; }
body.single-product span#lead_days_info p strong { color: black; font-weight: 500; padding-right: 5px; }
body.single-product .woocommerce-variation-description { margin-bottom: 0px; }
body.single-product .woocommerce-product-gallery .flex-control-thumbs { padding: 0px; display: flex ; flex-direction: row; gap: 15px; }
body.single-product .woocommerce-product-gallery .flex-control-thumbs li { width: 20%; margin: 0px; border: 1px solid #ddd; border-radius: 12px; overflow: hidden; padding: 14px; background-color: white; }
body.single-product .related ul.products { display: grid !important; grid-template-columns: 1fr 1fr; gap: 12px; margin-top: 20px; border-radius: 8px; overflow: hidden; }
body.single-product .related ul.products::before,body.single-product .related ul.products::after{display: none;}
.woocommerce-product-gallery .flex-control-thumbs::after{content: none !important;}
body.single-product .woocommerce-product-gallery .woocommerce-product-gallery__image img { max-width: 100% !important; aspect-ratio: 1; }
body.single-product .woocommerce-product-gallery { background-color: white; padding: 10px; flex: 1.5 !important; height: fit-content !important; position: sticky; top: 110px; }
body.single-product #page .related ul.products li a { display: flex ;  }
body.single-product #page .related ul.products li a img { padding: 4px; width: 100% !important; aspect-ratio: 1; height: 90px !important; object-fit: contain; /* border: 1px solid #cfcfcf61; */ border-radius: 10px; background-color: #fff; }
body.single-product #page .related ul.products li a { display: flex ; gap: 0px; transition: all 0.2s ease-in-out; width: 100%; flex-direction: column; justify-content: center; align-items: center; }
body.single-product #page .related ul.products li { width: 100% !important; max-width: 100% !important; display: flex ; flex-wrap: nowrap; margin-inline: 0px; padding: 0; background-color: #f7f7f7; margin-bottom: 0px; border-radius: 10px; margin-bottom: 10px; border: 1px solid #ddd; overflow: hidden;}
body.single-product #page .related ul.products li a h2 { font-size: 13px !important; font-weight: 300 !important; text-transform: capitalize; color: #000; line-height: 1.3; transition: all 0.2s ease-in-out; margin: 0px; padding-block: 7px; width: 100%; text-align: center; background-color: #f5f5f5; border-top: 1px solid #ddd; }
body.single-product div.product .product_meta .full-description { margin-bottom: 5px; }
body.single-product .acf-specifications-table th { background-color: #4f6881; color: white; text-align: left; }
body.single-product .acf-specifications-table th, .acf-specifications-table td {border-color: #ddd; vertical-align: top; transition: all 0.1s ease-in; }
body.single-product .acf-specifications-table tr td:first-child { text-wrap-mode: nowrap; font-weight: 500; border-right: 1px solid #ddd; }
body.single-product .acf-specifications-table tr:nth-child(even) td { background-color: #f4f4f4; }
body.single-product .acf-specifications-table th { border-color: #939393; }
body.single-product .acf-specifications-table tbody tr:hover td{background-color: #c3c3c3;}
div#lead-days-loader::before { content: ""; background-color: #55383800; width: 20px; height: 20px; position: absolute; top: -50px; right: 50%; border-radius: 50%; border: 3px solid #000; border-right: 3px solid white; animation: spin-infinite 1s linear infinite; z-index: 999; }
div#lead-days-loader{position: relative; font-size: 0px !important;}
div#lead-days-loader::after { content: ""; background-color: #ffffffe8; width: 100%; height: 100px; position: absolute; top: 0; left: 0; transform: translateY(-94%); border-radius: 5px;}
body.single-product .product-banner { background-image: url(https://sistagging.com/xq-studio/wp-content/uploads/2024/11/Banner-1.webp); background-position: center right; background-repeat: no-repeat; background-size: cover; margin: 0px; height: 65vh; padding: 0px !important; position: relative; display: flex ; justify-content: center; align-items: center; }
body.single-product .product-banner::after { content: ""; background-color: black; position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 1; opacity: 0.75; }
body.single-product .product-banner h2 { position: relative; z-index: 2; color: white; font-size: 64px; }
body.single-product #page .related ul.products li a:hover h2 { color: orange; }
.shop-here-grid > .elementor-element .elementor-image-box-img { overflow: hidden; border-radius: 12px; }
.shop-here-grid > .elementor-element .elementor-image-box-img:hover img { transform: scale(1.2); }
.shop-here-grid > .elementor-element:hover a { color: #ff9639; }
.shop-here-grid > .elementor-element a { transition: all 0.225s ease-in; }
.single-product div.product .product_meta .prod_spec { width: 100%; overflow-x: auto; }

/* New Shop Here Page */
.page-id-956{background-color: #f9f9f9 !important;}
.shop-here-grid > .elementor-element { border: 1px solid #ddd; background-color: white; }
.shop-here-grid > .elementor-element img { width: 100%; height: 240px !important; object-fit: cover; }
.shop-here-grid .elementor-image-box-title a { font-weight: 600; font-size: 24px; font-family: 'Wix Madefor Text' !important; }


/* Custom Single Category Pgae */
.term-corporate-gifts .custom-shop-category-banner { background: url(https://sistagging.com/xq-studio/wp-content/uploads/2024/11/2148334998.webp) no-repeat center / cover; }
.term-premium-gifts .custom-shop-category-banner { background: url(https://sistagging.com/xq-studio/wp-content/uploads/2024/11/2148231182.webp) no-repeat center / cover; }


/* Enquiry Popup */ 
body.single-product .pum-overlay { background-color: rgb(0 0 0 / 20%); overflow: hidden !important; }
body.single-product .pum-container { max-width: 600px !important; width: 100% !important; margin: 0px !important; position: absolute !important; right: 0; transform: translateX(-50%); background-color: white !important; border-radius: 12px !important; overflow: hidden !important; max-height: 85vh !important; top: 10% !important; }
body.single-product .pum-container .gform_wrapper .gform_heading h2 { color: black; font-size: 28px; font-family: 'Wix Madefor Text' !important; padding: 5px 10px; border-radius: 10px; text-transform: capitalize; text-align: center; }
body.single-product .pum-container .gform_body { margin-top: 15px; overflow: hidden; max-width: 100%; padding: 10px 10px 10px 10px; }
body.single-product .pum-container button.pum-close { position: absolute; font-size: 0px !important; background-color: transparent !important; box-shadow: none !important; }
body.single-product .pum-container button.pum-close::after { content: url("https://sistagging.com/xq-studio/wp-content/uploads/2024/11/iconamoon-close.svg"); position: absolute; right: 27px; top: 27px; background-color: #eeeeeede; height: 35px; width: 35px; padding: 6px 0 0px 1px; border-radius: 6px; border: 1px solid transparent; transition: all 0.2s ease-in; }
button.pum-close:hover::after { border: 1px solid #ddd !important; }
body.single-product .pum-container .gform_body .gform_fields .gfield_label { color: #5f5f5f; font-weight: 500; font-size: 14px; padding-left: 3px; }
body.single-product .pum-container .gform_body .gform_fields .gfield_label .gfield_required { display: none; }
body.single-product .pum-container .gform_body .gform_fields .ginput_container input, body.single-product .pum-container .gform_body .gform_fields .ginput_container textarea { border: 1px solid #ddd; border-radius: 8px; max-height: 120px; height: 40px; width: 100%; max-width: 100%; }
body.single-product .pum-container .gform_body .gform_fields .ginput_container textarea{height: 100px !important;}
body.single-product .pum-container .gform_footer input { background: linear-gradient(90deg, rgb(250, 121, 0) 0%, hsla(29, 100%, 66%, 1) 100%) !important; border-radius: 40px; padding: 8px 40px; border: 1px solid #d8781e; transition: all 0.2s ease-in; outline: none !important; margin-top: 6px; font-size: 16px; font-weight: 400; width: 50%; }
body.single-product .pum-container .gform_footer { justify-content: center; margin-top: 12px !important; padding-top: 0px; }
body.single-product .pum-container .gform_body .gform_fields { display: grid ; grid-template-columns: 1fr 1fr !important; gap: 10px;}
body.single-product .pum-container .gform_body .gform_fields .gfield { grid-column: unset; }
body.single-product .pum-container .gform_body .gform_fields #field_2_8 { order: 0; }
body.single-product .pum-container .gform_body .gform_fields #field_2_7 { order: 1; grid-column: span 2; }
body.single-product .pum-container .gform_footer input:hover{color: #d8781e !important; background: white !important;}
body.single-product .pum-container .gform_body .gfield_error .gfield_validation_message { background-color: #cf2727; color: white; border: 0px; padding: 5px; border-radius: 5px; font-size: 13px; width: fit-content; }
body.single-product .pum-container .gform_wrapper .gform_validation_errors { display: none; }


/* Product Filter Page */
.page-template-product-filter .header-main { position: static; background-color: #111; }
.page-template-product-filter .filter-container { padding-block: 60px; max-width: 1240px; margin: 0 auto; padding-inline: 20px; display: flex ; gap: 20px; }
.page-template-product-filter .filter-sidebar { width: 23%; border: 1px solid #ddd; background-color: #f8f8f8; padding: 20px 20px; border-radius: 12px; height: fit-content; position: sticky; top: 110px; }
.page-template-product-filter .filter-content { flex: 1; background-color: #fff; border: 1px solid #ddd; border-radius: 12px; padding: 20px 30px; position: relative;}
.page-template-product-filter .filter-sidebar select { width: 100%; border: 1px solid #ddd; border-radius: 8px; font-size: 14px; padding: 8px; margin-block: 10px; outline: none !important; }
.page-template-product-filter .filter-sidebar label { font-size: 14px; color: #222; margin-block: 0px; display: block; }
.page-template-product-filter .filter-sidebar .irs--flat .irs-handle { width: 18px; background-color: #fc8617; border-radius: 50%; height: 18px; }
.page-template-product-filter .filter-sidebar .irs--flat .irs-handle > i { display: none !important;  cursor: pointer; }
.page-template-product-filter .irs--flat .irs-bar { background-color: #ffcb9b !important; }
.page-template-product-filter .irs--flat .irs-from, .page-template-product-filter .irs--flat .irs-to, .irs--flat .irs-single { color: #fff !important; font-size: 10px; line-height: 1.333; text-shadow: none; padding: 1px 5px; background-color: #f17500 !important; border-radius: 4px; }
.page-template-product-filter .irs--flat .irs-handle>i{background-color: #fc8617 !important;}
.page-template-product-filter span.irs.irs-with-grid { margin-top: 15px; }    
.page-template-product-filter .price-range,.page-template-product-filter .lead-range { margin-top: 10px; }
.page-template-product-filter .product-list { display: grid ; grid-template-columns: repeat(auto-fill, minmax(22%, 1fr)); gap: 20px; }
.page-template-product-filter .filter-content .product-list .product-item,.filter-data .filtered-product { border-radius: 8px; overflow: hidden; }
.page-template-product-filter .filter-content .product-list .product-item img,.filter-data .filtered-product img{border-radius: 0px !important;}
.page-template-product-filter .filter-content .product-list .product-item h2,.filter-data .filtered-product h3 { background-color: #e0e0e0; padding-block: 10px; text-transform: capitalize; }
.page-template-product-filter #load-more-products { background: linear-gradient(90deg, hsl(29deg 96.76% 43.59%) 0%, hsla(29, 100%, 66%, 1) 100%) !important; border-radius: 40px; padding: 8px 40px; border: 1px solid #f09f54; transition: all 0.2s ease-in; outline: none !important; font-weight: 400; font-size: 18px; margin-top: 30px; }
.page-template-product-filter #load-more-products:hover{background: white !important; color: #f7a000 !important;}
.page-template-product-filter .Product_data { text-align: center; }
.page-template-product-filter .product-category .filter-data { display: grid ; grid-template-columns: repeat(auto-fill, minmax(22%, 1fr)); gap: 20px; }
.page-template-product-filter #product-list p:first-child { background-color: #10bd6c; color: white; padding: 15px 20px; border-radius: 10px; font-size: 15px; margin-block: 10px 20px; }
.page-template-product-filter .product-list .product-category { background-color: #f8f8f8; padding: 30px 30px; border-radius: 12px; margin-bottom: 20px; }
.page-template-product-filter .product-category h2:first-child { display: flex ; justify-content: space-between; align-items: center; font-size: 24px; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #ddd; }
.page-template-product-filter .product-category h2:first-child a.see-all-link { font-size: 14px; color: #f09f54; font-weight: 600; text-transform: capitalize; }
.page-template-product-filter .product-category { background-color: #f9f9f9; padding: 15px 20px; border-radius: 12px; margin-bottom: 15px; }
.page-template-product-filter .product-category h2:first-child a.see-all-link:hover { opacity: 0.6; }


.page-template-product-filter #loader { width: 50px; aspect-ratio: 1; border-radius: 50%; padding: 3px; background: radial-gradient(farthest-side, #ffa516 95%, #0000) 50% 0 / 12px 12px no-repeat, radial-gradient(farthest-side, #0000 calc(100% - 5px), #ffa516 calc(100% - 4px)) content-box; animation: l6 2s infinite; font-size: 0px !important; position: absolute; left: 50%; top: 50%; }
.page-template-product-filter #loader + div { display: none; }
.page-template-product-filter #loader[style="display: none;"] + div { display: block; }
  @keyframes l6 {to{transform: rotate(1turn)}}
  


/* Animations */
@keyframes pulseInOut {
    0% {
      opacity: 1;
      transform: scale(.3)
    }
  
    100% {
      opacity: 0;
      transform: scale(1.5)
    }
}
@keyframes spin-infinite{
    from{transform: rotate(0deg);}
    to{transform: rotate(360deg);}
}

@keyframes wobble {
    from,to {
        transform: none
    }

    15% {
        transform: translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)
    }

    30% {
        transform: translate3d(20%,0,0) rotate3d(0,0,1,3deg)
    }

    45% {
        transform: translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)
    }

    60% {
        transform: translate3d(10%,0,0) rotate3d(0,0,1,2deg)
    }

    75% {
        transform: translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)
    }
}


.loader {border: 4px solid #f3f3f3; border-top: 4px solid #ff9634; border-radius: 50%; width: 20px; height: 20px; animation: spin 1s linear infinite; position: absolute; top: 32%; right: 20px; transform: translate(-50%, -50%);}
.password-overlay .password-popup form .button { position: relative; }



/* contact_page */
.contact_us form input, .contact_us form textarea, .contact_us form select{ border: 0; border-radius: 8px; font-size: 16px; outline: unset !important;width:100%; }
.contact_us form label { font-size: 16px; color: #fff;width:100%; }
.contact_us form .d-flex label.first {padding-right: 10px !important;width:50%;}
.contact_us form .d-flex label.last {padding-left: 10px !important; width:50%;}
.contact_us form .d-flex { display: flex; width: 100%; }
.contact_us form textarea {height: 120px;}
.contact_us form.invalid input { border: 1px solid red; }
.contact_us form input[type="submit"] { background: #bb0810 !important; color: #fff !important;border:0 !important; font-size:18px !important; }
.contact_us form input[type="submit"]:hover{ background:#bb0810 !important; color: #fff !important; }
.contact_us form span.wpcf7-not-valid-tip, .contact_us form .wpcf7-response-output{position: absolute; bottom: 0; font-size: 16px; background: red; color: #fff; border: 0; border-radius: 4px;}
.contact_us form span.wpcf7-not-valid-tip { bottom: -45px; padding: 0px 6px; }
.contactpage_inner{box-shadow: 0 0 22px rgba(0,0,0,0.06); -webkit-box-shadow: 0 0 22px rgba(0,0,0,0.06);  padding: 0 0 0 30px; border-radius:12px;    margin-bottom: 40px !important;}
body.page-id-150 {background: #eefcfd;}
.contact_us a:focus, .contact_us a:active{color:#181818 !important;}
.contact_us .wpcf7 form.sent .wpcf7-response-output { border-color: #46b450; display: block; position: absolute; background: green; color: #fff; border: 0; bottom: -20px; width: 100%; left: -10px; border-radius: 0 0 12px 12px; }
.contact_us form .recaptcha { margin-bottom: 20px !important; display: block; }



@keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }
@keyframes slide-down { 0% { transform: translateY(-100%) } 100% { transform: translateY(0%); } }
@keyframes slide-in-left {
    from{transform: translateX(-100%);}
    to{transform: translateX(0%);}
}


/* Responsive View */
@media (min-width: 1024px) and (max-width: 1250px){
    .logo_grid .e-grid > .elementor-widget-image:not(.logo_grid .e-grid > .elementor-widget-image:last-child)::before{transform: translateX(90px);}
    
}
@media (max-width: 1200px){
    body.single-product .entry.product { display: grid ; grid-template-columns: 1fr 1fr; gap: 40px 10px; }
    body.single-product .entry.product .related.products { grid-column: 1 / span 2; }
    body.single-product .related ul.products { grid-template-columns: repeat(auto-fill, minmax(22%, 1fr));}
    body.single-product #page .related ul.products li { max-width: 100% !important; padding: 0px !important; }
	body.single-product .entry.product .related.products,body.single-product .woocommerce-product-gallery{position: static;}
	body.single-product #page .related ul.products li a img{height: unset !important;}
}
@media only screen and (min-width: 1024px){
    .header-main.fixed { position: fixed; top: 0 !important; animation: slide-down 0.3s ease-in forwards; background-color: #111; }
}
@media only screen and (max-width: 1024px) {
	body.active .header-main nav.hfe-nav-menu__layout-horizontal, body.active .header-main nav.hfe-nav-menu__layout-horizontal ul { visibility: visible; opacity: 1; }
    .header-main .hfe-nav-menu__toggle { margin: 0px !important; margin-left: auto !important; }
    .header-main nav.hfe-nav-menu__layout-horizontal { position: fixed !important; height: 100vh !important; width: 80% !important; left: 0 !important; top: 0 !important; background-color: #282b2b !important; transition: all 0.3s linear;}
    .header-main nav.hfe-nav-menu__layout-horizontal ul { display: flex !important ; position: static !important; flex-direction: column; align-items: start !important; justify-content: start !important; }
    .header-main nav.hfe-nav-menu__layout-horizontal ul li { padding: 15px 10px; border-bottom: 1px solid #454545 !important; }
    .hfe-active-menu+nav{animation: slide-in-left 0.3s linear forwards;}
}
@media only screen and (max-width: 992px) {
    .logo_grid .e-grid > .elementor-widget-image:not(.logo_grid .e-grid > .elementor-widget-image:last-child)::before{transform: translateX(80px);}
    .custom_btn a { font-size: 16px; }
    div .products_sec .woocommerce li.product .woocommerce-LoopProduct-link img { padding: 10px; aspect-ratio: 1; height: unset !important;}
    #page .products_sec .woocommerce ul.products li { width: 100% !important; max-width: 100% !important; margin: 0px !important; }
    #page .products_sec .woocommerce ul.products { display: grid ; grid-template-columns: 1fr 1fr 1fr; gap: 10px; }
    #page .products_sec .woocommerce ul.products::before{content: none !important;}
    .counter-card .elementor-counter-number { font-size: 42px !important; }
    .counter-card { padding: 25px;}
    body.single-product .product-banner h2 { font-size: 32px; }
    .header-main .logo .hfe-site-logo-container img{height: 68px;}
    body.archive .main_category_div>div { max-width: 95%; margin: 0 auto; width: 100%; }
    body.archive .main_category_div { display: unset !important; }
    body.archive .main_category_div .subcategory-list { display: flex ; gap: 0px; }
    body.archive .main_category_div .subcategory-list li { background-color: #00000000; padding-inline: 20px 20px; }
    .main_category_div .left_sidebar_div { margin-bottom: 20px !important; }
    body.archive .main_category_div .category_content_div ul.products { justify-content: start; }
    body.archive .main_category_div .category_content_div .products li { flex-basis: 30%; }
	body.archive .main_category_div > .left_sidebar_div > .subcategory-list > li { padding-inline: 10px; }
	body.archive .main_category_div > .left_sidebar_div > .subcategory-list > li > a { font-size: 14px; }
	.header-main { top: 0 !important; }
    body.archive .banner-content h2 { font-size: 32px;}
    .top-bar{display: none;}
	.main_category_div .left_sidebar_div{position: static;}
}
@media only screen and (max-width: 768px){
    .logo_grid .e-grid > .elementor-widget-image:not(.logo_grid .e-grid > .elementor-widget-image:last-child)::before{display: none;}
    .logo_grid > .elementor-element { display: grid !important ; grid-template-columns: 1fr 1fr 1fr; }
    .site-footer section > .wp-block-columns { display: grid ; grid-template-columns: 1fr 1fr; }
    .site-footer section > .wp-block-columns .wp-block-column { width: 100% !important; }
    .custom_btn a{height: 48px;}
    footer#colophon .site-info .privacy-policy-link, footer#colophon .site-info .powered-by, footer#colophon .site-info .powered-by a{font-size: 11px;}
    footer#colophon aside.widget-area .wp-block-columns>.wp-block-column { margin-bottom: 0px; }
    .custom_btn svg { height: 30px !important; width: 30px !important;}
    .page-template-product-filter .filter-sidebar{width: 25%; padding: 15px;}
    .page-template-product-filter .filter-content {padding: 15px;}
    .filter-data .filtered-product img,.page-template-product-filter .filter-content .product-list .product-item img { height: 140px !important; }
    .filter-data .filtered-product h3,.page-template-product-filter .filter-content .product-list .product-item h2{ padding-block: 7px;font-size: 14px !important;}
    .page-template-product-filter .filter-sidebar select { font-size: 12px !important; }
    
}
@media only screen and (max-width: 600px) {
.password-overlay .password-popup h2{font-size: 24px; line-height: 1.2;}
body.single-product .related ul.products{grid-template-columns: repeat(auto-fill, minmax(42%, 1fr));}
body.single-product .entry.product { display: unset;}
body.single-product .woocommerce-product-gallery .woocommerce-product-gallery__image img { max-width: 100% !important; aspect-ratio: 1; margin: 0 auto; }
body.single-product .woocommerce-product-gallery .flex-control-thumbs li{padding: 0;border-radius: 4px;}
body.single-product .product-banner{height: 340px;}
body.single-product .entry.product > div,body.single-product .entry.product .related.products { margin: 0px auto 20px !important; max-width: 92%; }
body.single-product .product-banner h2,body.archive .banner-content h2 { font-size: 28px; }
body.archive .banner-content p{font-size: 12px;}
body.archive .main_category_div .category_content_div .products li { flex-basis: 48%; }
body.single-product .pum-container { max-width: 95% !important; }
.page-template-product-filter .filter-container { flex-direction: column; }
.page-template-product-filter .filter-sidebar { position: static; width: 100%; }
.page-template-product-filter #load-more-products { font-size: 13px; padding: 7px 30px; }
.page-template-product-filter .filter-content{min-height: 300px;}
.page-template-product-filter .filter-container { padding: 30px 15px; }
.page-template-product-filter #product-list p:first-child { font-size: 12px; padding: 10px; }
.page-template-product-filter .product-category .filter-data { grid-template-columns: repeat(auto-fill, minmax(33%, 1fr));}
.page-template-product-filter #loader { left: 45%; top: 45%; }
#page .products_sec .woocommerce ul.products {grid-template-columns: 1fr 1fr;}
.products_sec .woocommerce li.product h2{margin-top: 0;}

	.elementor-element.icons{    gap: 15px;
    flex-wrap: wrap;}
	.icons img.attachment-full{    height: 20px !important;}
	.youtube_right{max-height:unset;}
	
}
@media only screen and (max-width: 550px) {
    .site-footer section > .wp-block-columns { display: grid ; grid-template-columns: 1fr; }
    .contact-sec form .gform_footer input.gform_button { height: 45px; padding: 0px 5px; }
    footer#colophon aside.widget-area .wp-block-columns>.wp-block-column .widget_nav_menu { margin-top: 15px; }
}
@media only screen and (max-width: 485px) {
	    body.archive .main_category_div .category_content_div .products li {flex-basis: 100%;}
}


/*scroll to top */
/* Style the Scroll to Top button */
.scroll-to-top { display: none; position: fixed; bottom: 10px; right: 20px; background-color: #1a6fbd; color: white; border-radius: 50%; padding: 13px 15px; font-size: 20px; text-align: center; cursor: pointer; box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1); z-index: 1000; width: 60px; height: 60px; transition: all 0.2s ease-in;}
.scroll-to-top:hover { background-color: #1b588f; }

.slider_logo figure img.swiper-slide-image { width: auto; height: 70px; margin-bottom: 30px; }

/* watsapp icon */
/* Container for WhatsApp floating icon */
#whatsapp-icon-container {
    position: fixed;
    bottom: 80px;
    right: 20px;
    z-index: 9999;
}

/* Style for the WhatsApp floating icon link */
.whatsapp-icon { display: inline-block; background-color: #25D366; border-radius: 50%; padding: 15px; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3); width: 60px; height: 60px; display: flex ; justify-content: center; align-items: center; }

/* Style for WhatsApp icon image */
.whatsapp-icon img {
    width: 30px;
    height: 30px;
}

/* Hover effect for WhatsApp icon */
.whatsapp-icon:hover {
    background-color: #128C7E;
}