/*
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=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=Jost:ital,wght@0,100..900;1,100..900&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Barlow: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&family=Jost:ital,wght@0,100..900;1,100..900&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,html { 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;}

/*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 p { line-height: 1.3 !important; }
body h1, body h2, body h3, body h4, body h5, body h6{font-family: "Jost", serif !important;text-transform: uppercase; font-weight: 600 !important; line-height: 1.2 !important;}
body,p,li,span,a{ font-family: "Barlow", sans-serif !important;font-weight: 400;}

.custom_btn a { background: linear-gradient(90deg, rgb(250, 121, 0) 0%, hsla(29, 100%, 66%, 1) 100%) !important; color: #fff; border-radius: 50px !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 60px 5px 25px !important; width: fit-content; cursor: pointer; border: 1px solid #d8781e; }
.custom_btn a:hover {background: #fff !important; padding: 5px 25px 5px 60px !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;}
.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); }

/* header */
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: 80px; }
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: 0; margin-inline: 15px; position: relative;}
header#masthead ul li a:hover { color: #ff9634 !important; }
header#masthead .header_main { padding-block: 10px !important; }
header#masthead ul li.current-menu-item a::before { content: ""; width: 100%; height: 2px; background-color: #fe9a3d; position: absolute; left: 0; bottom: -10px; display: inline-block; opacity: 1 !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; }
.home .header-main { position: static; background-image: none !important; background-color: #0d131c !important; }
.subtitle p { font-size: 14px; margin-bottom: 1px; width: fit-content; display: block; padding: 0px 4px; border-radius: 30px; color: #ff9634; font-weight: 600; letter-spacing: 2px; text-transform: uppercase; position: relative; font-family: 'JOST' !important; }
.header-main .logo .hfe-site-logo-container img { height: 70px; }
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: #131924; max-width: 100%;padding-bottom: 0;}
footer#colophon .logo img { width: 110px; }
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; margin-bottom: -12px;}
footer#colophon ul li a, footer#colophon p { color: #fff !important; text-decoration: unset; font-size: 16px; }
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: #0d131c; 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: 30px; padding-top: 0;}
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); top: 7px;}
footer#colophon .contact li.address:before { background: url(https://sistagging.com/xq-studio/wp-content/uploads/2024/11/location.svg); top: 7px;}
footer#colophon .site-info .privacy-policy {display: none;}
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: orange !important; }
footer#colophon a {transition: all 0.2s ease-in; color: white;}
footer#colophon aside.widget-area .wp-block-columns>.wp-block-column.logo > p { margin-top: -12px; }
footer#colophon .powered-by { width: 100%; display: flex ; justify-content: center; }
footer#colophon .site-info .powered-by a { padding-left: 4px; }
.footer-icon-list .elementor-icon-list-icon { filter: invert(1) brightness(30.5); }

/* 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;}
.home-banner h2 span { font-weight: 600; font-family: Jost !important; color: #fe9a3d; }
.home-banner .elementor-icon-box-wrapper .elementor-icon-box-title span { font-size: 22px !important; font-family: Jost !important; font-weight: 500; color: #f78a24; }

/* 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: 18px; font-weight: 500 !important; font-family: "Jost", 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: white; padding: 40px 20px; border-radius: 25px; border: 1px solid #ffd6b1; }
#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; }
.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 .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: "Jost", sans-serif !important; border: 1px solid #fc8b22 !important; transition: all 0.2s ease-in; border-radius: 8px; }
.contact-sec form .gform_footer .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-icon-box-wrapper a:hover{opacity: 0.6;}
.gift_sec figure.elementor-image-box-img img { height: 220px !important; object-fit: cover; 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:nth-child(2) svg path { fill: none; fill: orange; }
.contact-list .elementor-icon-list-item svg { padding: 3px; width: 23px; height: 24px; border-radius: 5px; }
.contact-list .elementor-icon-list-item svg path { fill: orange; }
.contact-sec form .gfield_error input, 
.contact-sec form .gfield_error select, 
.contact-sec form .gfield_error textarea {
    border-color: #f00 !important;
}
/* 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: 9; 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: "Jost", 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: 'Jost' !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; position: relative; z-index: 3;}
body.single-product .quote-btn button::after{content: ""; position: absolute; width: calc(100% + 5px); height: calc(100% + 5px); animation: pulseInOut 2s linear infinite; z-index: -1; background-color: #fe9a3d69; border-radius: 30px; left: 0; top: 0;}
body.single-product div.product .product_meta .quote-btn { margin-block: 0px !important; position: absolute; top: -27px; right: 0; }
body.single-product .quote-btn button[disabled] { filter: grayscale(0.7); cursor: not-allowed !important; position: static !important; margin-block: -10px 30px; color: white !important; }
body.single-product div.product .product_meta .quote-btn.disbale_btn { position: static; }
#page .blockUI.blockOverlay { z-index: 14 !important; border: none; margin: 0px; padding: 0px; width: 100%; height: 110% !important; top: 0px; left: 0px; background: rgb(255, 255, 255) !important; opacity: 0.8 !important; cursor: wait; position: absolute; }
@keyframes pulseInOut{
    0% {
        opacity: 1;
        transform: scale(.3);
    }
    100% {
        opacity: 0;
        transform: scale(1.5);
    }
}
.banner-sub-title span { font-weight: 600; }
a#scrollToTopBtn::before { content: ""; background: url(https://sistagging.com/xq-studio/wp-content/uploads/2025/01/fluent-arrow-sort-up-16-regular.svg) no-repeat; width: 30px; height: 30px; background-size: 30px; position: absolute; top: -5px; left: -4px; transform: translate(50%, 50%); transition: all 0.3s ease-in; }
a#scrollToTopBtn::after { content: ""; background: url(https://sistagging.com/xq-studio/wp-content/uploads/2025/01/fluent-arrow-sort-up-16-regular.svg) no-repeat; width: 30px; height: 30px; background-size: 30px; position: absolute; top: -5px; left: -4px; transform: translate(50%, 170%); transition: all 0.3s ease-in; }
a#scrollToTopBtn{overflow: hidden;}
a#scrollToTopBtn:hover::after{transform: translate(50%, 50%);}
a#scrollToTopBtn:hover::before{transform: translate(50%, -170%);}
body.single-product div.product .product_meta { margin-block: 0px 0 !important; padding-top: 0px; position: relative; }
body.single-product .quote-btn button:hover:not(body.single-product .quote-btn button[disabled]: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: 500 !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: 44px; }
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: 380px !important; object-fit: cover; }
.shop-here-grid .elementor-image-box-title a { font-weight: 600; font-size: 24px; text-transform: capitalize !important; font-family: 'Jost' !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: 'Jost' !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; }

body{overflow-x:hidden !important;}
/* 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; }
header#masthead ul li.current-menu-item a { color: #fe9a3d !important; position: relative; }
  @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)
    }
}

@keyframes rotation {
    from {transform: rotate(0deg);}
    to {transform: rotate(1turn);}
}

.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; }


@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%);}
}
.animation-float{animation: float 10s ease-in-out infinite; opacity: 0.7; }
.animation-float-1{ opacity: 0.7; animation: float 20s ease-in-out infinite; }
.animation-float-1 img { width: 65% !important; background-color: #fe9a3d; border-radius: 50%; padding: 6px; animation: radius 25s linear infinite alternate forwards; }
@keyframes float{
    0% {transform: translateY(0%)}
    50% {transform: translateY(-30px)}
    100% {transform: translateY(0%)}
}
@keyframes radius{
    0%, 100% {
        border-radius: 63% 37% 54% 46% / 55% 48% 52% 45%;
    }
    14% {
        border-radius: 40% 60% 54% 46% / 49% 60% 40% 51%;
    }
    28% {
        border-radius: 54% 46% 38% 62% / 49% 70% 30% 51%;
    }
    42% {
        border-radius: 61% 39% 55% 45% / 61% 38% 62% 39%;
    }
    56% {
        border-radius: 61% 39% 67% 33% / 70% 50% 50% 30%;
    }
    70% {
        border-radius: 50% 50% 34% 66% / 56% 68% 32% 44%;
    }
    84% {
        border-radius: 46% 54% 50% 50% / 35% 61% 39% 65%;
    }
}
.company-cards .e-con-inner > .elementor-element { background-color: #f5f5f5 !important; padding: 0; border-radius: 20px; overflow: hidden}
.company-cards .e-con-inner > .elementor-element img { height: 400px !important; object-fit: cover; }
.company-cards .e-con-inner > .elementor-element:nth-child(2){flex-direction: column-reverse;}
.brand_gallery .gallery figure.gallery-item img { height: 220px !important; object-fit: cover; }
.company-cards .e-con-inner > .elementor-element .elementor-widget-heading { width: 100%; position: absolute; height: 35%; bottom: 0; display: flex ; align-items: center; justify-content: start; padding-left: 30px; background-image: linear-gradient(to top, #000000ad, #000000ad, #0000008f, #ffffff00); transition: all 0.3s ease-in;}
.company-cards .e-con-inner > .elementor-element .elementor-widget-heading .elementor-heading-title { color: white; text-transform: capitalize; font-size: 30px; }

.company-cards .e-con-inner > .elementor-element .elementor-widget-heading > .elementor-widget-container { height: auto; }
.company-cards .e-con-inner > .elementor-element:hover .elementor-widget-heading { height: 100%;background-image: linear-gradient(to top, #000000ad, #000000ad, #0000008f, #0000008f);}


/* new Contact Design */
.contact-info-area > .elementor-widget-wrap > div:not(.contact-info-area > .elementor-widget-wrap > div:first-child) { flex-direction: column; height: 50%; background-color: white; border-radius: 20px; border: 1px solid #eee; padding: 20px; }
/* .contact-info-area > .elementor-widget-wrap > div.elementor-widget-html { height: 60% !important; } */
.contact-info-area > .elementor-widget-wrap > div.elementor-widget-html > .elementor-widget-container { margin: 0px; height: 100%; }
.contact-info-area > .elementor-widget-wrap > div.elementor-widget-html > .elementor-widget-container iframe{height: 100%; border-radius: 20px !important; overflow: hidden;}
.contact-form-container > .elementor-widget-wrap { background-color: white; padding: 20px !important; border: 1px solid #eee; border-radius: 20px !important; }
.contact-sec form input, .contact-sec form select, 
.contact-sec form textarea { border-radius: 8px !important; border: none; font-size: 14px !important; min-height: 43px; outline: unset !important; font-size: 16px !important; font-weight: 500; background-color: #f6f6f6; padding-inline: 15px !important; }
.contact-info-area .elementor-widget-icon-list .elementor-icon-list-items .elementor-icon-list-item { border: 1px solid #fe9a3d3b; border-radius: 12px; padding: 10px 15px !important; display: flex ; justify-content: start; align-items: center; gap: 2px; }
.contact-info-area .elementor-widget-icon-list .elementor-icon-list-items .elementor-icon-list-item a{display: flex ; justify-content: start; align-items: center; gap: 2px; transition: all 0.2s ease-in;}
.contact-info-area .elementor-widget-icon-list .elementor-icon-list-items .elementor-icon-list-item a:hover span{color: #f17500;}
.contact-info-area .elementor-widget-icon-list .elementor-icon-list-items{display: flex; flex-direction: column; gap: 10px;}
.contact-info-area .elementor-widget-icon-list .elementor-icon-list-items .elementor-icon-list-item svg { width: 40px; height: 40px; background-color: #fc8b221f; padding: 8px; border-radius: 50%; }
.contact-sec form .gform_fields .validation_message { background: transparent; border: none; background: #f00; color: #fff; width: fit-content; padding: 2px 5px 4px !important; line-height: 1; }

.maps-grid .e-con-inner > .elementor-element { background-color: #f8f8f8; border-radius: 12px; }
.maps-grid .e-con-inner > .elementor-element iframe { border-radius: 8px !important; overflow: hidden; }
.custom_btn a:hover span { font-weight: 500; }
footer#colophon .widget_nav_menu ul li::before { content: ""; position: absolute; width: 20px; height: 20px; background: url(https://sistagging.com/xq-studio/wp-content/uploads/2025/01/mdi-tick-all-1.svg) no-repeat; background-size: 20px; left: 0; top: 10px; }
footer#colophon .widget_nav_menu ul li { padding-left: 30px; position: relative; }


/* 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: #131924 !important; }
}

@media only screen and (max-width: 1024px) {
    .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;}
    body.single-product .product-banner{height: 30vh;}
}

@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; padding: 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: 55px;}
    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;}
    body.single-product div.product .product_meta .quote-btn { position: static; margin-block: 30px !important; }
    .contact-info-area > .elementor-widget-wrap > div:not(.contact-info-area > .elementor-widget-wrap > div:first-child) { height: 60%; }
    .contact-info-area > .elementor-widget-wrap > div.elementor-widget-html { height: 40% !important; }
}

@media (min-width:768px) and (max-width: 1024px){
    .custom-shop-category-banner {height: 40vh;}
}   

@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; }
    .contact-info-area > .elementor-widget-wrap > div:not(.contact-info-area > .elementor-widget-wrap > div:first-child) { height: auto !important; }
    .contact-form-container{padding-inline: 15px;}
    .home-banner .elementor-icon-box-wrapper .elementor-icon-box-title span { padding-left: 10px; font-size: 16px !important; }
    .home-banner .elementor-icon-box-wrapper { justify-content: center; max-width: fit-content; margin: 0 auto; align-items: center; }
    .home-banner .elementor-icon-box-wrapper .elementor-icon-box-title { display: flex ; }
    .contact-info-area > .elementor-widget-wrap > div:not(.contact-info-area > .elementor-widget-wrap > div:first-child){padding: 10px;}
    .page-template-product-filter h2.product-heading { font-size: 28px; margin-bottom: 20px; text-transform: capitalize; }

}
@media only screen and (max-width: 600px) {
    .custom-shop-category-banner {height: 60vh;}
    .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: 260px;}
    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;}
    .column-reverse .elementor-container { flex-direction: column-reverse; }
    .brand_gallery .gallery figure.gallery-item img{ height: 200px !important;}
    .brand_gallery .gallery figure.gallery-item { padding-right: 0px !important; }
    .brand_gallery .elementor-image-gallery .gallery { margin: 0 !important; }
    footer#colophon aside.widget-area { margin: 0 15px; }
    footer#colophon .site-info .powered-by, footer#colophon .site-info .powered-by a{font-size: 10px !important;}
    br{display: none !important;}
    .page-template-product-filter .product-list {grid-template-columns: repeat(auto-fill, minmax(31%, 1fr));}
}

@media only screen and (max-width: 550px) {
    .custom-shop-category-banner {height: 55vh;}
    .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; }
	.banner .post-inner { text-align: center !important; }
}

@media only screen and (max-width: 485px) {
    .custom-shop-category-banner {height: 47vh;}
    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: #fe9a3d; color: white; border-radius: 50%; padding: 8px; font-size: 20px; text-align: center; cursor: pointer; box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1); z-index: 1000; width: 50px; height: 50px; transition: all 0.2s ease-in; font-size: 0px !important;}
.scroll-to-top:hover { background-color: #ff7e06; }
/* 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: 8px; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3); width: 50px; height: 50px; display: flex ; justify-content: center; align-items: center; }

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

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