/**
* Theme Name: Xprocal Child
* Description: This is a child theme of Xprocal, generated by Merlin WP.
* Author: Urvisha & Trix/Han Feng
* Template: xprocal
* Version: 1.2.1
*/


@font-face {
    font-family: 'Work Sans';
    src: url('fonts/WorkSans-Bold.eot');
    src: url('fonts/WorkSans-Bold.eot?#iefix') format('embedded-opentype'),
        url('fonts/WorkSans-Bold.woff2') format('woff2'),
        url('fonts/WorkSans-Bold.woff') format('woff'),
        url('fonts/WorkSans-Bold.ttf') format('truetype'),
        url('fonts/WorkSans-Bold.svg#WorkSans-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Work Sans';
    src: url('fonts/WorkSans-BlackItalic.eot');
    src: url('fonts/WorkSans-BlackItalic.eot?#iefix') format('embedded-opentype'),
        url('fonts/WorkSans-BlackItalic.woff2') format('woff2'),
        url('fonts/WorkSans-BlackItalic.woff') format('woff'),
        url('fonts/WorkSans-BlackItalic.ttf') format('truetype'),
        url('fonts/WorkSans-BlackItalic.svg#WorkSans-BlackItalic') format('svg');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Work Sans';
    src: url('fonts/WorkSans-Black.eot');
    src: url('fonts/WorkSans-Black.eot?#iefix') format('embedded-opentype'),
        url('fonts/WorkSans-Black.woff2') format('woff2'),
        url('fonts/WorkSans-Black.woff') format('woff'),
        url('fonts/WorkSans-Black.ttf') format('truetype'),
        url('fonts/WorkSans-Black.svg#WorkSans-Black') format('svg');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Work Sans';
    src: url('fonts/WorkSans-Light.eot');
    src: url('fonts/WorkSans-Light.eot?#iefix') format('embedded-opentype'),
        url('fonts/WorkSans-Light.woff2') format('woff2'),
        url('fonts/WorkSans-Light.woff') format('woff'),
        url('fonts/WorkSans-Light.ttf') format('truetype'),
        url('fonts/WorkSans-Light.svg#WorkSans-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Work Sans';
    src: url('fonts/WorkSans-ExtraLightItalic.eot');
    src: url('fonts/WorkSans-ExtraLightItalic.eot?#iefix') format('embedded-opentype'),
        url('fonts/WorkSans-ExtraLightItalic.woff2') format('woff2'),
        url('fonts/WorkSans-ExtraLightItalic.woff') format('woff'),
        url('fonts/WorkSans-ExtraLightItalic.ttf') format('truetype'),
        url('fonts/WorkSans-ExtraLightItalic.svg#WorkSans-ExtraLightItalic') format('svg');
    font-weight: 200;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Work Sans';
    src: url('fonts/WorkSans-LightItalic.eot');
    src: url('fonts/WorkSans-LightItalic.eot?#iefix') format('embedded-opentype'),
        url('fonts/WorkSans-LightItalic.woff2') format('woff2'),
        url('fonts/WorkSans-LightItalic.woff') format('woff'),
        url('fonts/WorkSans-LightItalic.ttf') format('truetype'),
        url('fonts/WorkSans-LightItalic.svg#WorkSans-LightItalic') format('svg');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Work Sans';
    src: url('fonts/WorkSans-ExtraBold.eot');
    src: url('fonts/WorkSans-ExtraBold.eot?#iefix') format('embedded-opentype'),
        url('fonts/WorkSans-ExtraBold.woff2') format('woff2'),
        url('fonts/WorkSans-ExtraBold.woff') format('woff'),
        url('fonts/WorkSans-ExtraBold.ttf') format('truetype'),
        url('fonts/WorkSans-ExtraBold.svg#WorkSans-ExtraBold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Work Sans';
    src: url('fonts/WorkSans-ExtraBoldItalic.eot');
    src: url('fonts/WorkSans-ExtraBoldItalic.eot?#iefix') format('embedded-opentype'),
        url('fonts/WorkSans-ExtraBoldItalic.woff2') format('woff2'),
        url('fonts/WorkSans-ExtraBoldItalic.woff') format('woff'),
        url('fonts/WorkSans-ExtraBoldItalic.ttf') format('truetype'),
        url('fonts/WorkSans-ExtraBoldItalic.svg#WorkSans-ExtraBoldItalic') format('svg');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Work Sans';
    src: url('fonts/WorkSans-ExtraLight.eot');
    src: url('fonts/WorkSans-ExtraLight.eot?#iefix') format('embedded-opentype'),
        url('fonts/WorkSans-ExtraLight.woff2') format('woff2'),
        url('fonts/WorkSans-ExtraLight.woff') format('woff'),
        url('fonts/WorkSans-ExtraLight.ttf') format('truetype'),
        url('fonts/WorkSans-ExtraLight.svg#WorkSans-ExtraLight') format('svg');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Work Sans';
    src: url('fonts/WorkSans-BoldItalic.eot');
    src: url('fonts/WorkSans-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('fonts/WorkSans-BoldItalic.woff2') format('woff2'),
        url('fonts/WorkSans-BoldItalic.woff') format('woff'),
        url('fonts/WorkSans-BoldItalic.ttf') format('truetype'),
        url('fonts/WorkSans-BoldItalic.svg#WorkSans-BoldItalic') format('svg');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Work Sans';
    src: url('fonts/WorkSans-Italic.eot');
    src: url('fonts/WorkSans-Italic.eot?#iefix') format('embedded-opentype'),
        url('fonts/WorkSans-Italic.woff2') format('woff2'),
        url('fonts/WorkSans-Italic.woff') format('woff'),
        url('fonts/WorkSans-Italic.ttf') format('truetype'),
        url('fonts/WorkSans-Italic.svg#WorkSans-Italic') format('svg');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Work Sans';
    src: url('fonts/WorkSans-Medium.eot');
    src: url('fonts/WorkSans-Medium.eot?#iefix') format('embedded-opentype'),
        url('fonts/WorkSans-Medium.woff2') format('woff2'),
        url('fonts/WorkSans-Medium.woff') format('woff'),
        url('fonts/WorkSans-Medium.ttf') format('truetype'),
        url('fonts/WorkSans-Medium.svg#WorkSans-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Work Sans';
    src: url('fonts/WorkSans-SemiBoldItalic.eot');
    src: url('fonts/WorkSans-SemiBoldItalic.eot?#iefix') format('embedded-opentype'),
        url('fonts/WorkSans-SemiBoldItalic.woff2') format('woff2'),
        url('fonts/WorkSans-SemiBoldItalic.woff') format('woff'),
        url('fonts/WorkSans-SemiBoldItalic.ttf') format('truetype'),
        url('fonts/WorkSans-SemiBoldItalic.svg#WorkSans-SemiBoldItalic') format('svg');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Work Sans';
    src: url('fonts/WorkSans-MediumItalic.eot');
    src: url('fonts/WorkSans-MediumItalic.eot?#iefix') format('embedded-opentype'),
        url('fonts/WorkSans-MediumItalic.woff2') format('woff2'),
        url('fonts/WorkSans-MediumItalic.woff') format('woff'),
        url('fonts/WorkSans-MediumItalic.ttf') format('truetype'),
        url('fonts/WorkSans-MediumItalic.svg#WorkSans-MediumItalic') format('svg');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Work Sans';
    src: url('fonts/WorkSans-SemiBold.eot');
    src: url('fonts/WorkSans-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('fonts/WorkSans-SemiBold.woff2') format('woff2'),
        url('fonts/WorkSans-SemiBold.woff') format('woff'),
        url('fonts/WorkSans-SemiBold.ttf') format('truetype'),
        url('fonts/WorkSans-SemiBold.svg#WorkSans-SemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Work Sans';
    src: url('fonts/WorkSans-Thin.eot');
    src: url('fonts/WorkSans-Thin.eot?#iefix') format('embedded-opentype'),
        url('fonts/WorkSans-Thin.woff2') format('woff2'),
        url('fonts/WorkSans-Thin.woff') format('woff'),
        url('fonts/WorkSans-Thin.ttf') format('truetype'),
        url('fonts/WorkSans-Thin.svg#WorkSans-Thin') format('svg');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Work Sans';
    src: url('fonts/WorkSans-ThinItalic.eot');
    src: url('fonts/WorkSans-ThinItalic.eot?#iefix') format('embedded-opentype'),
        url('fonts/WorkSans-ThinItalic.woff2') format('woff2'),
        url('fonts/WorkSans-ThinItalic.woff') format('woff'),
        url('fonts/WorkSans-ThinItalic.ttf') format('truetype'),
        url('fonts/WorkSans-ThinItalic.svg#WorkSans-ThinItalic') format('svg');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Work Sans';
    src: url('fonts/WorkSans-Regular.eot');
    src: url('fonts/WorkSans-Regular.eot?#iefix') format('embedded-opentype'),
        url('fonts/WorkSans-Regular.woff2') format('woff2'),
        url('fonts/WorkSans-Regular.woff') format('woff'),
        url('fonts/WorkSans-Regular.ttf') format('truetype'),
        url('fonts/WorkSans-Regular.svg#WorkSans-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}



body{font-family: 'Work Sans' !important;}
h1, h2, h3, h4, h5, h6{font-family: 'Work Sans' !important;}
.main-navigation .sub-menu {padding: 0;}
.main-navigation ul.menu ul.sub-menu li.menu-item a, .main-navigation ul.nav-menu ul.sub-menu li.menu-item a {padding: 20px 30px 20px 30px;line-height: 1.1; font-size: 16px;}
.bottom-whatsapp {position: fixed;bottom: 150px;right: 60px;z-index: 99; }
.bottom-whatsapp a{width: 60px;height: 60px; font-size:34px; background: #25D366;border-radius: 50%;color: #FFF;display: flex;align-items: center;justify-content: center; transition:0.2s all;}
.bottom-whatsapp a:hover{background: #002653;}
.elementor-brand-item .elementor-brand-image img{filter: grayscale(100%);}
.elementor-brand-item .elementor-brand-image:hover img{filter:none !important;}
.widget_product_brands ul li.chosen > a:before, .widget_product_brands ul li.current-brand > a:before, .widget_product_brands ul li.current-cat > a:before, .widget_product_categories ul li.chosen > a:before, .widget_product_categories ul li.current-brand > a:before, .widget_product_categories ul li.current-cat > a:before, .widget_rating_filter ul li.chosen > a:before, .widget_rating_filter ul li.current-brand > a:before, .widget_rating_filter ul li.current-cat > a:before {color: #E30016;}
.widget_price_filter .ui-slider .ui-slider-range {background-color: #E30016;}
.widget_price_filter .ui-slider .ui-slider-handle{border-color:#E30016;}
.widget .product-brands .brand-item a{font-weight:400;}

.product-block .count-review{display:none !important;}
/*.product-block .caption-botton{display:none !important;}*/
.product-block .product-caption .woocommerce-loop-product__title a{color:#202020;}
.product-block .product-caption .woocommerce-loop-product__title a:hover{color:#E30016;}
.product-block .product-caption .posted-in a{color: #959595;font-weight: 400;}
.pagination .page-numbers li .page-numbers.current, .pagination .page-numbers li .page-numbers:hover, .woocommerce-pagination .page-numbers li .page-numbers.current, .woocommerce-pagination .page-numbers li .page-numbers:hover{background-color: #E30016;}
.single-product div.product .product_title{color:#202020; font-weight:500;}
.single-product .product_after_title .woocommerce-product-rating, .single-product .product_after_title .sku_wrapper{display:none !important;}
.single-product .product_after_title .product-brand::before{display:none !important; margin-right:0;}
.single-product .xprocal-social-share{display:none !important;}
/*.single-product .price{display:none !important;}*/
/*.single-product .woocommerce-variation-price{display:none !important;}*/
.page-id-6196 .breadcrumb-wrap{display:none;}
.page-id-6196 .site-content{margin:0 !important;}
.page-id-6196 .site-content .col-full{    max-width: 100%;margin:0 !important; padding:0 !important;}
.page-id-6196 .site-content .col-full .elementor-element{--width:100% !important;}
.home .site-content{position:relative;}
.home .site-content:after{content:''; background-image:url(images/home-float.png); width:21.51%; height:1200px; background-repeat:no-repeat; background-size:cover; position:absolute; right:0; bottom:8.5%; display:block;}


body .elementor-tabs-wrapper .elementor-tab-title{font-size: 14px !important;font-weight: 500 !important;line-height:14px !important;letter-spacing: 1px !important;padding:10px 16px !important;margin: 0px 10px 10px 0px  !important;} 

/*24-07-2025*/

ul.products li .product-block .product-transition .product-image { position: relative; display: flex; align-items: center; justify-content: center; text-align: center; height: 250px; }
ul.products li .product-block .product-transition .product-image img { max-height: 250px; width: auto; }
.woosc-table-inner .add_to_cart_inline a.button { padding: 10px 20px !important; }
.woosc-table-inner .add_to_cart_inline a.button:hover { color: #ffffff !important; background: #000000 !important; }
.woocommerce-product-gallery .woocommerce-product-gallery__trigger span { display: none !important; }
.actions .coupon { flex-wrap: wrap; }
.actions .coupon p { margin-top: 10px; }
.actions .coupon button { padding: 16px 20px; }
.woocommerce-form.woocommerce-form-login.login p.form-row.form-row-last .password-input .show-password-input { display: none !important; }
.checkout_coupon.woocommerce-form-coupon .form-row.form-row-last button[type="submit"] { margin-left: 0px; }
.checkout_coupon.woocommerce-form-coupon {max-width: 505px; }




@media only screen and (max-width: 1599.98px) {
    .bottom-whatsapp {bottom: 120px;right: 40px;}
}

@media only screen and (max-width: 1199.98px) {
    .bottom-whatsapp {bottom: 150px;right: 30px;}
    table.cart td.actions .coupon .input-text { min-width: auto !important; max-width: 150px; }
    #order_review .woocommerce-checkout-review-order-table .order-total .amount { font-size: 18px; }
}

@media only screen and (max-width: 1020.98px) {
    ul.menu li.current-menu-item > a, ul.menu li.current-menu-ancestor > a, ul.menu li.current-menu-parent > a { color: #E30016 !important; }
}

@media only screen and (max-width: 767.98px) {
    .bottom-whatsapp {bottom: 80px;right: 10px;}
    .bottom-whatsapp a{width: 40px;height: 40px; font-size:20px;}
    .home .site-content:after{height:500px;}
    /*24-07*/
    .home-sec2.homeIntro .elementor-col-50 .opal-move-right {   position: relative; inset: auto}
    table.cart td.actions .coupon .input-text { max-width: 100%; }
}