/*
 Theme Name:   Twenty Twenty-One Child
 Theme URI:    https://wordpress.org/themes/twentytwentyone/
 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.
 Author:       Test
 Author URI:   http://example.com
 Template:     twentytwentyone
 Version:      1.
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 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
 Text Domain:  twentytwentyone

*/




:root {

    --global-primary : #111;
    --global-secondary : #333;
    --global-accent : #111;
    --global-font-family : 'Inter', sans-serif;
    --global-red: #EC412D;
    --general-transition : all 0.3s ease;

}


/*h1
36

h2 
32*/

/*padding
60px
50px
30px*/

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #999;
  opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #999;
}

::-ms-input-placeholder { /* Microsoft Edge */
  color: #999;
}

body {
    overflow-x: hidden;
}

html, body {
    margin: 0;
    padding: 0;
    background-color: #fff;
}
.color-global-primary {
    color: var(--global-primary) !important;
}
.color-global-secondary {
    color: var(--global-secondary) !important;
}
.color-global-accent {
    color: var(--global-accent) !important;
}
.color-global-red {
    color: var(--global-red) !important;
}
.global-font {
    font-family: var(--global-font-family) !important;
}
.text-white {
    color: #fff !important;
}


.d-none {
    display: none !important;
}
.mb-0 {
    margin-bottom: 0 !important;
}



/*for Contact Form 7*/

.cfwrap {
    width: 480px;
    margin: 0;
    max-width: 100%;
}
.cfwrap .spacer {
    margin-bottom: 1.25rem;
}
.cfwrap label {
    width: 100%;
    display: block;
    font-size: 12px;
    font-weight: 500;
    margin: 0;
    color: #555
}
.cfwrap input[type=text], 
.cfwrap input[type=email], 
.cfwrap input[type=url], 
.cfwrap input[type=password], 
.cfwrap input[type=search], 
.cfwrap input[type=number], 
.cfwrap input[type=tel], 
.cfwrap input[type=date], 
.cfwrap input[type=month], 
.cfwrap input[type=week], 
.cfwrap input[type=time], 
.cfwrap input[type=datetime], 
.cfwrap input[type=datetime-local], 
.cfwrap input[type=color], 
.cfwrap textarea {
    border: 1px solid #ddd;
    line-height: 1;
    font-size: 16px;
    margin: 0;
    padding: 14px 16px;
    border-radius: 4px;
    width: 100%;
}
.cfwrap * {
    font-family: Inter, sans-serif;
}
.wpcf7-form-control-wrap {
    width: 100% !important;
    display: block;
}
.cfwrap .wpcf7-submit ,
.cfwrap .wpcf7-submit:hover,
.cfwrap .wpcf7-submit:focus,
.cfwrap .wpcf7-submit:active {
    background-color: #fff !important;
    line-height: 1;
    color: #000 !important;
    border: 2px solid #000 !important;
    width: 160px;
    font-size: 16px;
    border-radius: 0;
}
.cfwrap .wpcf7-submit:hover {
    background-color: #f5f5f5 !important;
}
.cfwrap .wpcf7-not-valid-tip ,
.wpcf7 form.invalid .wpcf7-response-output, 
.wpcf7 form.unaccepted .wpcf7-response-output, 
.wpcf7 form.payment-required .wpcf7-response-output {
    font-size: 13px;
}



ul.top_bar_info_list {
    display: flex;
    margin: 0;
    padding: 0;
    list-style-type: none;
    flex-wrap: wrap;
    justify-content: flex-end;
    font-family: var(--global-font-family) !important;
}
ul.top_bar_info_list li {
    margin: 0 0 0 1rem;
    padding: 0;
    list-style-type: none;
    display: block;
    line-height: 1;
}
ul.top_bar_info_list li a {
    display: inline-flex;
    align-items: center;
    text-decoration: none;
    color: #fff;
    flex-wrap: nowrap;
}
ul.top_bar_info_list li figure ,
ul.top_bar_info_list li p {
    margin: 0;
}
ul.top_bar_info_list li figure {
    width: 22px;
    height: 22px;
    margin: 0 4px 0 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
ul.top_bar_info_list li figure img {
    width: 100%;
    height: 100%;
}
ul.top_bar_info_list li p {
    font-size: 13px;
}
.d-sm-block {
    display: block !important;
}
.footer_menu ul.elementor-nav-menu {
    column-count: 2;
    display: inline-block;
}
.footer_menu ul.elementor-nav-menu li a ,
.footer_menu ul.elementor-nav-menu li a:hover ,
.footer_menu ul.elementor-nav-menu li a:focus,
.footer_menu ul.elementor-nav-menu li a:active {
    padding: 8px 6px;
}

.products_menu_one .elementor-nav-menu--main {
    width: 100%;
}
.products_menu_one ul.elementor-nav-menu {
    justify-content: space-between;
    width: 100%;
}
.products_menu_one ul.elementor-nav-menu li.menu-item .sub-menu-toggle {
    display: none !important;
}

.loop_template_one .elementor-widget-wc-add-to-cart .elementor-button-wrapper .add_to_cart_button {
    width: 100%;
}
.loop_template_one .elementor-widget-wc-add-to-cart .elementor-button-wrapper .added_to_cart  {
    width: 100%;
    text-align: center;
    display: block;
    padding: 8px 8px;
    font-size: 16px;
    font-weight: 500;
}
.loop_template_one .elementor-widget-woocommerce-product-title {
    overflow: hidden;
}

.loop_template_one .product_title a ,
.woo_custom_product_archive .woocommerce ul.products.columns-4 li.product .woocommerce-loop-product__title {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
}
.user_reviews_one .swiper .swiper-slide .elementor-testimonial {
    position: relative;
    display: flex;
    flex-direction: column-reverse;
    height: 100%;
}
.user_reviews_one .swiper .swiper-slide .elementor-testimonial .elementor-testimonial__header {
    padding: 10px 24px 24px 24px !important;    
    align-items: center;
}
.user_reviews_one .swiper .swiper-slide .elementor-testimonial .elementor-testimonial__content {
    padding: 24px 24px 10px 24px !important;    
    flex-grow: 1;    
}
.best_selling_product_col > .elementor-widget-wrap ,
.product_col > .elementor-widget-wrap {
    transition: var(--general-transition) !important;
}
.best_selling_product_col:hover > .elementor-widget-wrap ,
.product_col:hover > .elementor-widget-wrap {
    transition: var(--general-transition)  !important;
    transform: translateY(-6px);
}
.product_image_col > .elementor-element-populated {
    padding: 0 !important;
}

/*for Woocommerce Cart Page*/
.woo_custom_cart .woocommerce {

}
.woo_custom_cart .woocommerce-cart-form .shop_table * ,
.woo_custom_checkout .woocommerce * {
    font-family: var(--global-font-family);
}
.woo_custom_cart .woocommerce-cart-form .shop_table td {
    vertical-align: middle;
    font-size: 14px;
}
.woo_custom_cart .woocommerce-cart-form .shop_table thead tr {
    background-color: #f5f5f5;
}
.woo_custom_cart .woocommerce-cart-form .shop_table thead tr th {
    font-size: 14px;
    font-weight: 600;
}
.woo_custom_cart .woocommerce-cart-form .shop_table tbody tr.cart_item .product-thumbnail img {
    width: 100px !important;
    height: 100px !important;
    max-width: 100px;
}
.woo_custom_cart .woocommerce-cart-form .shop_table tbody tr.cart_item .product-remove .remove {
    color: red;
}
.woo_custom_cart .woocommerce-cart-form .shop_table tbody tr.cart_item .product-remove .remove:hover {
    background-color: red !important;
    color: #fff !important;
}
.woo_custom_cart .woocommerce-cart-form .shop_table tbody tr.cart_item .product-name ,
.woo_custom_cart .woocommerce-cart-form .shop_table tbody tr.cart_item .product-price ,
.woo_custom_cart .woocommerce-cart-form .shop_table tbody tr.cart_item .product-quantity ,
.woo_custom_cart .woocommerce-cart-form .shop_table tbody tr.cart_item .product-subtotal {
    text-align: left;
}
.woo_custom_cart .woocommerce-cart-form .shop_table button ,
.woo_custom_cart .cart-collaterals .checkout-button   {
    background-color: #fff !important;
    color: #333 !important;
    border-color: #333 !important;
    font-size: 14px;
}
.woo_custom_cart .woocommerce-cart-form .shop_table button:hover ,
.woo_custom_cart .woocommerce-cart-form .shop_table button:focus ,
.woo_custom_cart .woocommerce-cart-form .shop_table button:active ,
.woo_custom_cart .cart-collaterals .checkout-button:hover ,
.woo_custom_cart .cart-collaterals .checkout-button:focus ,
.woo_custom_cart .cart-collaterals .checkout-button:active ,
.woo_custom_product_archive .woocommerce ul.products.columns-4 li.product .add_to_cart_button:hover ,
.woo_custom_product_archive .woocommerce ul.products.columns-4 li.product .add_to_cart_button:focus ,
.woo_custom_product_archive .woocommerce ul.products.columns-4 li.product .add_to_cart_button:active {
    background-color: #333 !important;
    color: #fff !important;
    text-decoration: none !important;
}
.woo_custom_cart .cart-collaterals .cart_totals h2 {
    font-size: 20px;
    margin: 0;
    padding: 0.75rem;
    background: #f5f5f5;
    font-weight: 600;
}
.woo_custom_cart .cart-collaterals table {
    font-size: 14px;
}
.woo_custom_cart .cart-collaterals .checkout-button {
    font-size: 16px;
    font-weight: 600;
    text-decoration: none;
}


/*for Woocommerce Product Archive Page*/
.woo_custom_product_archive .woocommerce ul.products.columns-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}
@media screen and (max-width: 1024px) {
    .woo_custom_product_archive .woocommerce ul.products.columns-4 {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;       
    }
}
@media screen and (max-width: 767px) {
    .woo_custom_product_archive .woocommerce ul.products.columns-4 {
       grid-template-columns: repeat(2, minmax(0, 1fr)) !important;       
    }
}
@media screen and (max-width: 575px) {
    .woo_custom_product_archive .woocommerce ul.products.columns-4 {
       grid-template-columns: repeat(1, minmax(0, 1fr)) !important;       
    }
}
.woo_custom_product_archive .woocommerce ul.products.columns-4 li.product {
    width: 100% !important;
    border: 1px solid #eee;
}
.woo_custom_product_archive .woocommerce ul.products.columns-4 li.product .woocommerce-loop-product__title ,
.woo_custom_product_archive .woocommerce ul.products.columns-4 li.product .price {
    background-color: #f7f7f7;
    margin: 0;
    padding: 0.5rem;
    font-size: 18px;
    font-weight: 500;
    text-align: right;
}
.woo_custom_product_archive .woocommerce ul.products.columns-4 li.product .price {
    font-size: 20px;
    font-weight: 700;
}
.woo_custom_product_archive .woocommerce ul.products.columns-4 li.product .added_to_cart {
    background-color: #ddd;
    width: 100%;
}
.woo_custom_product_archive .woocommerce ul.products.columns-4 li.product .added_to_cart ,
.woo_custom_product_archive .woocommerce ul.products.columns-4 li.product .add_to_cart_button  {
    width: 100%;
    text-align: center;
    display: block;
    padding: 8px 8px;
    font-size: 16px;
    font-weight: 500;
}
.woo_custom_product_archive .woocommerce ul.products.columns-4 li.product .add_to_cart_button  {
    background-color: #333 !important;
    color: #fff !important;
}


/*for Woocommerce Checkout page*/
.woo_custom_checkout .woocommerce label {
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 0.25rem;
    color: #888;
}
.product_col_title > .elementor-widget-container {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 66px;
}


/*Fibo Search Woocommerce*/
.fibo-search-wrap .dgwt-wcas-search-form .dgwt-wcas-sf-wrapp {
    background: transparent;
    padding: 0;
}
.fibo-search-wrap .dgwt-wcas-search-form button.dgwt-wcas-search-submit {
    background-color: #181818;
}
.fibo-search-wrap .dgwt-wcas-search-form button.dgwt-wcas-search-submit svg path {
    fill: white;
}











@media screen and (min-width: 1025px) {
    .slides_banner_one .swiper-slide .swiper-slide-inner {
        width: 1280px;
        padding-left: 0;
        max-width: 100%;
    }
    .slides_banner_one .swiper-slide {
        overflow-x: hidden;
    }
    .slides_banner_one .swiper-slide .swiper-slide-inner .swiper-slide-contents {
        background: var(--global-red);
        padding: 20px 40px 20px 2px;
        position: relative;
        z-index: 1;
    }
    .slides_banner_one .swiper-slide .swiper-slide-inner .swiper-slide-contents:before {
        content: "";
        background: var(--global-red);
        bottom: 0;
        height: 100%;
        left: 0;
        width: 1000rem;
        position: absolute;
        top: 0;
        right: 0;
        left: -1000rem;
        margin-left: 1px;
    }
    .slides_banner_one .swiper-slide .swiper-slide-inner .swiper-slide-contents .elementor-slide-heading small {
        font-size: 0.65em;
        line-height: 1.25;
        font-weight: 600;
    }
}
/*ends min-width 1025px*/



@media screen and (max-width: 1320px) {
    .slides_banner_one .swiper-slide .swiper-slide-inner .swiper-slide-contents {
        padding: 20px;
    }   
}
/*ends max-width 1320px*/



@media screen and (max-width: 1024px) {
    .slides_banner_one .swiper-slide  .swiper-slide-bg {
        background-position: left center;
    }
}
/*ends max-width 1024px*/



@media screen and (max-width: 767px) {
    .d-sm-block {
        display: none;
    }
    ul.top_bar_info_list {
        justify-content: center;
    }
}
/*ends max-width 767px*/



@media screen and (max-width: 360px) {
    .footer_menu ul.elementor-nav-menu {
        column-count: initial;
        display: block;
    }
}
/*ends max-width 360px*/