/*
Theme Name: Hardware Tools Store
Theme URI: https://www.ovationthemes.com/products/free-hardware-store-wordpress-theme
Author: pewilliams
Author URI: https://www.ovationthemes.com/
Description: Hardware Tools Store is your go-to WordPress theme for creating a dynamic online store catered to hardware, tools shop, diy supplies, tool rental, construction tools, home improvement, industrial tools, workshop supplies, trade tools, tool warehouse, tool accessories, carpentry tools, machinery store and other tool needs. Whether you’re selling power tools, hand tools, or construction equipment, this theme is designed to showcase your products effectively and attract customers. With its user-friendly interface and intuitive design, the Hardware Tools Store theme allows you to easily set up and manage your online store without any technical expertise. Its multipurpose functionality makes it suitable for various businesses, including carpentry hardware stores, construction companies, and home maintenance services. The theme’s responsive design ensures that your website looks great and functions seamlessly across all devices, from desktop computers to smartphones and tablets. In addition to its sleek and professional appearance, the Hardware Tools Store theme comes with a variety of built-in features to enhance the shopping experience for your customers. From product galleries and search filters to secure payment gateways and order tracking systems, this theme provides everything you need to run a successful online store. With its robust features, responsive design, and easy customization options, the Hardware Tools Store WordPress Theme is the perfect choice for anyone looking to establish a powerful online presence in the hardware and tool industry. Demo: https://trial.ovationthemes.com/hardware-tools-store-pro/
Requires at least: 6.1
Tested up to: 6.8
Requires PHP: 5.6
Version: 2.1
License: GNU General Public License
License URI: https://www.gnu.org/licenses/gpl-3.0.en.html
Text Domain: hardware-tools-store
Tags: e-commerce, portfolio, blog, one-column, two-columns, custom-colors, custom-menu, custom-logo, sticky-post, threaded-comments, right-sidebar, left-sidebar, grid-layout, custom-background, rtl-language-support, featured-images, wide-blocks, editor-style, full-site-editing, block-patterns, block-styles, style-variations, template-editing, translation-ready

Hardware Tools Store WordPress Theme, Copyright 2024 pewilliams
Hardware Tools Store is distributed under the terms of the GNU GPL

*/

a{
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
a:focus,
button:focus{
    outline: 2px solid blue !important;
}
/*navigation css*/
@media screen and (min-width:1000px){
    .wp-block-navigation ul li a{
        padding: 10px 12px;
    } 
    .wp-block-navigation ul li a:hover,
    .wp-block-navigation ul li a:focus,
    .wp-block-navigation .current-menu-item a,
    .wp-block-navigation ul ul li a:hover,
    .wp-block-navigation ul ul li a:focus,
    .wp-block-navigation__submenu-container .current-menu-item a{
        background-color: var(--wp--preset--color--primary-light);
    }
    .wp-block-navigation ul ul li a:hover,
    .wp-block-navigation ul ul li a:focus,
    .wp-block-navigation__submenu-container .current-menu-item a{
        color: var(--wp--preset--color--secondary) !important;
    }
    .wp-block-navigation .has-child .wp-block-navigation__submenu-container{  
        border-top: 2px solid var(--wp--preset--color--secondary);
        border-bottom: 2px solid var(--wp--preset--color--secondary);
        box-shadow: 2px 2px 8px #cfc8d8;
    }
    .wp-block-navigation ul ul li a{
        border-bottom: 1px solid var(--wp--preset--color--border-color);
    }
    .wp-block-navigation ul li:last-child a{
        border-bottom: none;
    }
}
.wp-block-navigation ul ul{
    padding: 0 !important;
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-page-list,
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container{
    width: 100%;
    border: 1px solid var(--wp--preset--color--border-color);
    border-top-color: var(--wp--preset--color--secondary);
    border-bottom-color: var(--wp--preset--color--secondary);
}
.wp-block-navigation__responsive-container.is-menu-open li a,
.wp-block-navigation__responsive-container.is-menu-open li li a,
.wp-block-navigation__responsive-container.is-menu-open li li:last-child a{
    border-bottom: 1px solid var(--wp--preset--color--border-color);
}
.wp-block-navigation__responsive-container.is-menu-open li:last-child a{
    border-bottom: none;
}
.wp-block-navigation__responsive-container.is-menu-open li a:hover,
.wp-block-navigation__responsive-container.is-menu-open li a:focus,
.wp-block-navigation__responsive-container.is-menu-open li.current-menu-item a{
    background-color: var(--wp--preset--color--primary-light) !important;
    color: var(--wp--preset--color--secondary) !important;
}
.wp-block-navigation .wp-block-navigation__submenu-icon{
    background: transparent;
}
@media screen and (max-width:999px) {
    .wp-block-navigation__responsive-container,
    .wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-content{
        display: none;
    }

    .wp-block-navigation__responsive-container-close svg,
    .wp-block-navigation__responsive-container-open svg{
        width: 26px;
        height: 26px;
    }
    
    .wp-block-navigation__responsive-container-open svg{
        fill: var(--wp--preset--color--heading);
    }
    .wp-block-navigation__responsive-container-close svg{
        fill: var(--wp--preset--color--black);
    }

    .wp-block-navigation__responsive-container-close{
        top: 0;
        right: 20px;
    }

    .wp-block-navigation__responsive-container-open:not(.always-shown){
        display: block;
    }

    .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
        display: none; 
    }

    .wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open{
        background-color: var(--wp--preset--color--white);
    }

    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content{
        padding: 1.5em;
        padding-top: 2.5rem;
    }

    .wp-block-navigation .wp-block-navigation__responsive-container-content ul.wp-block-navigation__container {
        width: 100%;
        gap: 0 !important;
        border-bottom: none;
    }
    .wp-block-navigation .wp-block-navigation__responsive-container-content ul.wp-block-navigation__container li.wp-block-navigation-item {
        width: 100%;
        gap: 0 !important;
        border: none !important;
    }
    .wp-block-navigation .wp-block-navigation__responsive-container-content ul.wp-block-navigation__container li.wp-block-navigation-item a {
        width: calc( 100% - 48px );
        padding: 12px 24px 12px;
        line-height: 30px;
        text-align: left;
    }

    /*
    * Submenu Css
    */
    .wp-block-navigation .wp-block-navigation__responsive-container-content ul.wp-block-navigation__container li.wp-block-navigation-item ul.wp-block-navigation__submenu-container {
        width: 100%;
        gap: 0;
        margin: 0;
        padding: 0;
        box-shadow: none;
    }
    .wp-block-navigation .wp-block-navigation__responsive-container-content ul.wp-block-navigation__container li.wp-block-navigation-item ul.wp-block-navigation__submenu-container li.wp-block-navigation-item a{
        gap: 3px;
        font-weight: 300 !important;
    }
    .wp-block-navigation .wp-block-navigation__responsive-container-content ul.wp-block-navigation__container li.wp-block-navigation-item ul.wp-block-navigation__submenu-container li.wp-block-navigation-item a:before {
        content: '--';
    }
}

.wp-block-image img{
    vertical-align: middle;
}

.pos-relative{
    position: relative;
}

form {
    position: relative;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea,
select {
    width: 100%;
    margin: 0;
    padding: 10px 15px;
    border: 1px solid var(--wp--preset--color--border-color);
    outline: 0;
    resize: none;
    line-height: 20px;
    background: none;
    color: var(--wp--preset--color--foreground);
    font-weight: 400;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
select option{
    background: var(--wp--preset--color--base);
    color: var(--wp--preset--color--foreground);
}
select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
select::-ms-expand {
    display: none; /* hide the default arrow in ie10 and ie11 */
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus,
select:focus {
    border-color: var(--wp--preset--color--heading);
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;
    cursor: pointer;
    border: none;
    outline: none;
    padding: 12px 20px;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    background-color: var(--wp--preset--color--primary);
    color: var(--wp--preset--color--black);
    border-radius: 30px;
    text-transform: capitalize;
}
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    text-align: center;
}
button:hover,
html input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover{
    background-color: var(--wp--preset--color--secondary);
    color: var(--wp--preset--color--white);
}
.wpcf7-form label {
    display: block;
    text-transform: uppercase;
    font-size: 12px;
    margin: 0 0 8px;
    color: var(--wp--preset--color--foreground);
    font-weight: 700;
}

.form-group {
    margin-bottom: 30px;
}

.form-group p{
    margin: 0;
}

.form-group.half {
    width: 48%;
    margin-right: 4%;
    float: left;
}

.form-group.half.last {
    margin-right: 0;
}

.form-group.third {
    width: 32%;
    margin-right: 2%;
    float: left;
}

.form-group.third.last {
    margin-right: 0;
}
/*comment*/
.wp-block-comments{
    padding: 20px;
    border: 1px solid var(--wp--preset--color--border-color);
}
.wp-block-comment-template li .wp-block-columns{
    border: 1px solid var(--wp--preset--color--border-color);
    padding: 20px;
}
.wp-block-avatar img{
    border: 1px solid var(--wp--preset--color--border-color);
    padding: 2px;
}
.wp-block-post-comments-form textarea{
    background: var(--wp--preset--color--section-bg);
}
/*pagination*/
.wp-block-query-pagination-numbers .page-numbers{
    padding: var(--wp--preset--spacing--20);
    line-height: 1;
    text-decoration: none;
    color:var(--wp--preset--color--heading);
}
.wp-block-query-pagination-numbers .page-numbers.current{
    background:var(--wp--preset--color--primary);
    color: var(--wp--preset--color--black) !important;
}
.wp-block-query-pagination-numbers .page-numbers:hover{
    color:var(--wp--preset--color--secondary);
}
.wp-block-query-pagination-next, .wp-block-query-pagination-previous{
    background:var(--wp--preset--color--primary);
    font-size: var(--wp--preset--font-size--small);
    line-height: 1;
    padding: 10px;
    color: var(--wp--preset--color--black);
    text-decoration: none;
}
.wp-block-query-pagination-next:hover, .wp-block-query-pagination-previous:hover{
    color: var(--wp--preset--color--white);
    background: var(--wp--preset--color--secondary);
}
/*sidebar css*/
.sidebar-box,.inner-post-box{
    position: relative;
    box-shadow: 0px 4px 9px var(--wp--preset--color--sidebar-shadow-color);
}
.sidebar-heading{
    display: table;
    position: absolute;
    left: 0;
    right: 0;
    top: -25px;
    width: auto;
}
.sidebar-post-title{
    margin-block-start: 10px;
    margin-block-end: 0;
}
.sidebar-box .wp-block-page-list  ul li{
    list-style: square;
}
.sidebar-box .wp-block-archives-list li ,
.sidebar-box .wp-block-categories-list li,
.sidebar-box .wp-block-page-list li{
    list-style: circle;

}
.sidebar-box .wp-block-archives-list li::marker,
.sidebar-box .wp-block-categories-list li::marker,
.sidebar-box .wp-block-page-list li::marker{
    color: var(--wp--preset--color--primary);
}
.sidebar-box .wp-block-archives-list,.sidebar-box .wp-block-categories-list{
    padding-left: 20px;
}
.sidebar-box ul li a{
    text-decoration: none;
}
.sidebar-box .wp-block-tag-cloud a{
    background: var(--wp--preset--color--primary-light);
    color: var(--wp--preset--color--black);
}
.sidebar-box .wp-block-tag-cloud a:hover{
    background: var(--wp--preset--color--background);
    color: var(--wp--preset--color--primary);
}
/*post css*/
.post-title{
    position: relative;
}
.post-title .wp-block-separator{
    width: 57px !important;
}
.post-title .wp-block-separator:after{
    position: absolute;
    content: "";
    width: 10px;
    height: 10px;
    border-radius: 10px;
    background: var(--wp--preset--color--primary);
    top: 0;
    bottom: 0;
    margin: auto;
}
.archieve-readmore .wp-block-separator{
    width: 20px !important;
}
/* scroll top */
p.scroll-top {
    position: absolute;
}
.scroll-top::before{
    font-size: 20px;
    cursor: pointer;
    background: var(--wp--preset--color--primary); 
    color: var(--wp--preset--color--black);
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    content: '\f135'; 
    position: fixed;
    bottom: 30px;
    right: 30px;
    width: 40px;
    height: 40px;
    transform: rotate(-45deg);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    z-index: 99;
}

.scroll-top:hover::before {
    background: var(--wp--preset--color--secondary) !important;
    color: var(--wp--preset--color--white);
}
/*woocommerce*/
.wp-block-group.woocommerce.product{
    margin-block-start: 0;
}
.wc-block-product,
.wc-block-grid__product,
.woocommerce .products li,
.wp-block-woocommerce-related-products li,
.products-block-post-template li {
    text-align: center;
    padding: 10px !important;
    background: var(--wp--preset--color--section-bg);
}
.wc-block-grid__product{
    margin: 0 10px;
}
a.wc-block-grid__product-link,.wc-block-grid__product-image,.wc-block-grid__products .wc-block-grid__product-image img {
    width: 100%;
}
.wc-block-components-product-rating__stars,.wc-block-grid__product-rating,.woocommerce .star-rating {
    margin: 0 auto 0.5em;
    color: #f4bc16;
}
.wc-block-components-product-rating__stars::before,.wc-block-grid__product-rating .star-rating:before{
    color: #cfc8d8;
}
.woocommerce span.onsale,.wc-block-grid .wc-block-grid__product-onsale, .wc-block-grid__product-image .wc-block-grid__product-onsale{
    background-color: var(--wp--preset--color--primary);
    color: var(--wp--preset--color--black);
    padding: 0;
    border-radius: 0px;
    margin: 5px !important;
    min-height: 8px;
    line-height: 26px;
    min-width: 60px;
}
nav.woocommerce-MyAccount-navigation ul li {
    background: var(--wp--preset--color--primary);
    border: 1px solid;
    border-color: var(--wp--preset--color--primary);
    padding: 12px!important;
    margin-bottom: 10px;
}
nav.woocommerce-MyAccount-navigation ul li a{
    color: var(--wp--preset--color--black);
}
nav.woocommerce-MyAccount-navigation ul li:hover {
    background: var(--wp--preset--color--secondary);
    border-color: var(--wp--preset--color--secondary);
}
nav.woocommerce-MyAccount-navigation ul li:hover a{
    color: var(--wp--preset--color--white);
}
.woocommerce ul.products li.product .button{
    padding: var(--wp--preset--spacing--30);
    border-radius: 0;
}
.woocommerce a.added_to_cart,
.added_to_cart.wc-forward{
    background-color: var(--wp--preset--color--primary);
    color: var(--wp--preset--color--white);
    border-radius: 0;
    padding: var(--wp--preset--spacing--30);
    text-decoration: none;
    display: inline-block;
    
}
.added_to_cart.wc-forward{
    margin-left: 10px;
}
.wc-block-components-product-badge{
    box-shadow: 2px 2px 0 0 var(--wp--preset--color--heading);
    border-radius: 0 !important;
    border: solid 2px var(--wp--preset--color--heading) !important;
    padding: 5px 8px !important;
}
.wc-block-grid__product .wc-block-grid__product-title,.wc-block-components-product-name,h2.woocommerce-loop-product__title,.woocommerce-Tabs-panel h2{
  font-size: 18px !important;
  font-weight: bold;
}
.woocommerce #review_form #respond textarea{
   background: var(--wp--preset--color--section-bg);
    border: 1px solid var(--wp--preset--color--border-color);
}
.woocommerce-Tabs-panel--reviews,.wc-block-checkout__form,.woocommerce-Tabs-panel--description{
    padding: 20px !important;
    border: 1px solid var(--wp--preset--color--border-color);
}
.wc-block-checkout__form, .wp-block-woocommerce-checkout-order-summary-block,.wc-block-checkout__actions_row a:hover{
    color: var(--wp--preset--color--heading);
}
.wc-block-components-sidebar-layout.wc-block-cart{
    padding-top: 30px;
}
.wc-block-cart{
    border: 1px solid var(--wp--preset--color--border-color);
    padding: 30px;
    border-radius: 10px;
    color: var(--wp--preset--color--heading);
}
.is-large.wc-block-cart .wc-block-cart-items td:after ,.is-large.wc-block-cart .wc-block-cart-items:after {
    border-color: transparent;
}
.wc-block-cart .wc-block-cart-items th,.wp-block-woocommerce-cart-order-summary-block .wc-block-cart__totals-title{
    padding: 10px !important;
}
.wc-block-cart table.wc-block-cart-items{
    margin: 0 !important;
}
.wp-block-woocommerce-cart .wc-block-cart-items,.wc-block-cart-items__header,.wp-block-woocommerce-checkout-order-summary-block,.wp-block-woocommerce-cart-order-summary-block,.woocommerce-Tabs-panel--description,.is-large.wc-block-cart .wc-block-cart-items{
    border: 1px solid var(--wp--preset--color--border-color);
}
.wc-block-components-totals-wrapper:after{
    border-color:  var(--wp--preset--color--border-color);
    opacity: 1 !important;
}
.wc-block-cart__submit-container a{
    margin-top: 15px;
}
.wc-block-checkout__actions_row a{
    color: var(--wp--preset--color--primary);
}
.wc-block-checkout__actions_row a:hover{
    color: var(--wp--preset--color--heading);
}
.wp-block-woocommerce-cart.alignwide, .wp-block-woocommerce-checkout.alignwide.wc-block-checkout {
    margin-right: auto !important;
    margin-left: auto !important;
}
.wc-block-components-sidebar-layout .wc-block-components-main {
    padding-right: 0 !important;
}
.wc-block-components-notice-banner>.wc-block-components-notice-banner__content .wc-forward:hover {
    background: transparent;
}
@media screen and (max-width:999px){
    .woocommerce-page.search .wp-block-woocommerce-product-template,
    .woocommerce-page .products-block-post-template,
    .wp-block-woocommerce-related-products .wp-block-post-template{
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
    .woocommerce-page .wp-block-query-title{
        font-size: 30px !important;
    }
    .wc-block-components-totals-wrapper{
        padding: 16px 22px;
    }
    .wc-block-cart{
        padding: 0;
        border: none;
    }
    .wc-block-components-sidebar-layout.wc-block-cart{
        padding-top: 0;
    }
}
@media screen and (max-width:600px){
    .woocommerce-page.search .wp-block-woocommerce-product-template,
    .woocommerce-page .products-block-post-template,
    .wp-block-woocommerce-related-products .wp-block-post-template{
        grid-template-columns: 1fr !important;
    }
    .single-product .wp-block-woocommerce-product-meta .wp-block-group{
        display: block !important;
    }
    .woocommerce-page .wp-block-query-title{
        font-size: 25px !important;
    }
    .wp-block-woocommerce-cart:where(:not(.alignleft):not(.alignright):not(.alignfull)){
        max-width: 90% !important;
    }
}
/*header*/
.product-search-box{
    position: relative;
}
.product-search-box:before{
    content: '';
    position: absolute;
    z-index: 99;
    width: 2px;
    height: 48px;
    left: 0;
    background: #D9D9D9;
    opacity: 0.5;
}
.product-cat-box select{
    padding: 0;
    border: none;
    color: #77878F;
    font-size: 14px;
    font-weight: 500;
    text-transform: capitalize;
    font-family: "Public Sans", sans-serif;
}
.product-cat-box button{
    padding: 0;
    background: transparent !important;
    color: #77878F;
}
.product-cat-box svg.dashicon.dashicons-arrow-right-alt2,
.menu-cat-box svg.dashicon.dashicons-arrow-right-alt2 {
    rotate: 86deg;
    height: 15px;
    width: 15px;
}
.menu-cat-box .wp-block-image{
    padding: 10px 3px 10px 0;
}
.menu-cat-box .wc-block-product-categories select{
    background: transparent;
    border: none;
    color: var(--wp--preset--color--black);
    padding: 10px 0 10px 10px;
    font-size: 14px;
    font-weight: 500;
    text-transform: capitalize;
    font-family: "Public Sans", sans-serif;
    border-left: 1px solid #e5e4e4;
}
.menu-cat-box button{
    padding: 0;
    background: transparent !important;
    color: var(--wp--preset--color--black);
}
.product-search-box .wp-block-search__inside-wrapper,.product-search-box input[type="search"]{
    border:none;
    padding-bottom: var(--wp--preset--spacing--20);
    padding-top: var(--wp--preset--spacing--20);
}
.product-search-box input::placeholder{
    font-family: "Public Sans", sans-serif;
    font-size: 14px;
    color: #77878F;
    font-weight: 400;
}
.product-search-box .wp-block-search__button{
    border:none;
    padding: 0;
    border-radius: 50%;
    width: 40px;
    height: 34px;
}
.product-search-box svg.search-icon{
    rotate: 260deg;
}
.header-icons .wc-block-mini-cart__badge{
    background-color: var(--wp--preset--color--primary);
    color: var(--wp--preset--color--heading);
    font-size: 14px;
}
.header-icons .wc-block-mini-cart__badge {
    background-color: var(--wp--preset--color--primary);
    color: var(--wp--preset--color--heading);
    font-size: 12px;
    height: 15px;
    width: 14px;
    display: block;
}
.header-icons .wc-block-mini-cart__button{
    padding-right: 0;
}
.header-icons .wlfmc-counter-icon i{
    font-size: 20px !important;
}
.header-icons .wlfmc-counter-wrapper{
    display: block !important;
    width: auto;
    padding: 0 28px;
}
.header-icons .wlfmc-counter-wrapper .wlfmc-counter{
    display: block !important;
}
.header-icons .wp-block-woocommerce-customer-account a .wc-block-customer-account__account-icon{
    padding: 0;
    height: 20px;
    width: 20px;
}
.top-text span{
    color: var(--wp--preset--color--primary) !important;
}
.switcher-box .gt_selector{
    border: none;
    color: var(--wp--preset--color--white);
    padding: 0;
    background: transparent;
    font-size: 14px;
    font-family: "Public Sans", sans-serif;
    
}
.switcher-box .gtranslate_wrapper{
    position: relative;
}
.switcher-box .gtranslate_wrapper:after{
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    content: "\f078";
    font-size: 12px;
    position: absolute;
    top: 2px;
    right: -18px;
    color: var(--wp--preset--color--white);
}
.switcher-box .selectron23{
    z-index: 999 !important;
}
.switcher-box .selectron23-container > span:before{
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    content: "\f078";
    font-size: 12px;
}
.switcher-box .selectron23-container[data-opened="1"] > span{
    border-bottom: solid 5px transparent !important;
}
.switcher-box .gt_selector option{
    color: var(--wp--preset--color--black);
}
.switcher-box .selectron23-container > span {
    top: 9px !important;
    right: 23px !important;
    border-top: solid 5px transparent !important;
}
.selectron23-container .selectron23-option{
    padding: 18px 34px 9px 9px !important;
}
/*banner*/
.wp-block-cover.banner-image-cover{
    padding: 0 !important;
}
.banner-image-cover .wp-block-cover__inner-container{
    height: 600px;
}
.banner-content-wrapper{
    position: absolute;
    z-index: 999;
    bottom: 0;
    left: 0;
    right: 0;
}
.banner-content-wrapper span{
    color: var(--wp--preset--color--secondary) !important;
}
.banner-text{
    width: 80%;
}
.banner-btn i{
    margin-left: 10px;
    color: #230B34;
    font-size: 18px;
}
.banner-btn a:hover{
    background: var(--wp--preset--color--secondary) !important;
    transition: 0.5s ease all;
    color: var(--wp--preset--color--white) !important;
}
.banner-btn a:hover i{
    color: var(--wp--preset--color--white) !important;
    transition: 0.5s ease all;
}
.banner-img-box .wp-block-image{
    margin-bottom: 0 !important;
}
.banner-img-box img{
    width: 100%;
}
.banner-img-box{
    position: relative;
}
.circle{
    position: absolute;
    z-index: 999;
    top: 27%;
    right: 16%;
    border-radius: 50%;
    height: 130px;
    width: 130px;
    padding: 27px 20px;
}
.circle-inner{
    position: relative;
    top: 56%;
    left: 50%;
    transform: translate(-50%, -50%);
}
/*product*/
.product-box{
    position: relative;
}
.rating-box{
    position: absolute;
    z-index: 999;
    top: 17px;
    left: 17px;
    width: 23%;
}
.cart-icon-box{
    position: absolute;
    z-index: 999;
    bottom: 17px;
    right: 17px;
    width: 45px;
    height: 45px;
    padding: 0;
    border-radius: 50%;
}
.cart-icon img{
    position: relative;
    top: 22px;
    left: 22px;
    transform: translate(-50%, -50%);
}
.product-box span{
    color: #A6B2CA !important;
    text-decoration: line-through;
}
.product-box i {
    position: relative;
    font-size: 12px;
    top: -1px;
    margin-right: 5px;
}
.product-box a{
    text-decoration: none;
    color: var(--wp--preset--color--black);
}
.product-box a:hover{
    color: var(--wp--preset--color--black);
}
.product-box:hover{
    background-color: var(--wp--preset--color--primary) !important;
}
.product-box:hover span,.product-box:hover .product-price{
    color: var(--wp--preset--color--secondary) !important;
}
.product-box:hover .cart-icon-box{
    background-color: var(--wp--preset--color--secondary) !important;
}
.product-box:hover .rating-box{
    background-color: var(--wp--preset--color--white) !important;
}
.product-box:hover .rating-box p{
    color: #230B34 !important;
}
.footer-widgets a:hover,.copyright-text a:hover{
    color: var(--wp--preset--color--primary) !important;
}
.footer-widgets a{
    text-decoration: none;
}
.footer-widgets li{
    list-style-type: none;
}
.footer-widgets .wp-block-social-links a:hover{
    color: var(--wp--preset--color--secondary) !important;
}
/*latest news*/
.blog-box{
    position: relative;
}
.date-box{
    position: absolute;
    left: 10px;
    top: 10px;
    z-index: 999;
    width: 70px;
    height: 70px;
    padding: 0;
    border-radius: 50%;
}
.inner-date-box{
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.blog-meta .wp-block-comments{
    padding: 0;
    border: none;
}
.blog-meta .wp-block-comments h2{
    margin: 0;
    position: relative;
}
.blog-meta .wp-block-post-author-name{
    position: relative;
}
.blog-meta .wp-block-post-author-name:before{
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    content: "\f007";
    font-size: 12px;
    position: absolute;
    top: 0;
    left: 0;
    color: var(--wp--preset--color--black);
    opacity: 0.3;
}
.blog-meta .wp-block-comments h2:after{
    content: '';
    position: absolute;
    z-index: 99;
    width: 3px;
    height: 10px;
    left: -17px;
    top: 5px;
    background: var(--wp--preset--color--black);
}
.blog-meta .wp-block-comments h2:before{
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    content: "\f4ad";
    font-size: 12px;
    position: absolute;
    top: 2px;
    left: 0;
    color: var(--wp--preset--color--black);
    opacity: 0.3;
}
/* --- Block Media Quries
-------------------------------------------------------- */
/* --- > Media Queries
-------------------------------------------------------- */
/* --- > 781px
-------------------------------------------------------- */
@media screen and (max-width:999px) {
    .latest-news .wp-block-post-template,
    .post-grid-layout.wp-block-post-template{
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
    .inner-cover-img h2,.without-cover-img h2{
        font-size: 30px !important;
    }
    
}
@media screen and (max-width:1199px){
    .blog-box .wp-block-cover{
        min-height: 260px !important;
    }
}
@media screen and (max-width: 999px) and (min-width: 782px){
    .page-template-blog-right-sidebar .wp-block-post-template,
    .page-template-blog-left-sidebar .wp-block-post-template,
    .search-results .wp-block-post-template{
        grid-template-columns: 1fr !important;
    }
    .sidebar-col,.post-col{
        flex-basis: 50% !important;
    }
    .page-sidebar-col{
        flex-basis: 40% !important;
    }
    .page-text-col{
        flex-basis: 60% !important;
    }
}
@media screen and (max-width:781px){
    .post-title .wp-block-separator{
        width: 30px !important;
    }
    .post-title h4{
        font-size: 21px;
    }
    .archieve-meta time ,.archieve-meta .wp-block-post-author-name{
        font-size: 13px !important;
    }
    .blog-box .wp-block-cover{
        min-height: 250px !important;
    }
}
@media screen and (max-width:767px){
    .post-grid-layout.wp-block-post-template,
    .page-template-blog-right-sidebar .wp-block-post-template,
    .page-template-blog-left-sidebar .wp-block-post-template,
    .latest-blogs,
    .search-results .wp-block-post-template{
        display: block !important;
    }
    .post-grid-layout.wp-block-post-template li,
    .page-template-blog-right-sidebar .wp-block-post-template li,
    .page-template-blog-left-sidebar .wp-block-post-template li,
    .latest-blogs li,
    .search-results .wp-block-post-template li{
        margin-bottom: 30px;
    }
    .post-grid-layout.wp-block-post-template li:last-child,
    .page-template-blog-right-sidebar .wp-block-post-template li:last-child,
    .page-template-blog-left-sidebar .wp-block-post-template li:last-child,
    .latest-blogs li:last-child,
    .search-results .wp-block-post-template li:last-child{
        margin-bottom: 0;
    }
    .inner-cover-img h2,.without-cover-img h2{
        font-size: 25px !important;
        text-align: center !important;
    }
    .error-heading{
        font-size: 110px !important;
    }
}
@media screen and (min-width:1925px){
    .banner-image-cover{
        min-height: 612px !important;
    }
    .banner-image-cover .wp-block-cover__inner-container{
        height: 612px;
    }
    .banner-content h1{
        font-size: 80px !important;
    }
}
@media screen and (min-width:1972px){
    .banner-image-cover{
        min-height: 712px !important;
    }
    .banner-image-cover .wp-block-cover__inner-container{
        height: 712px;
    }
}
@media screen and (min-width:2300px){
    .banner-image-cover{
        min-height: 800px !important;
    }
    .banner-image-cover .wp-block-cover__inner-container{
        height: 800px;
    }
    .circle{
        right: 21%;
    }
    .banner-text{
        width: 61%;
    }
    .banner-content h1{
        font-size: 80px !important;
    }
}
@media screen and (max-width:1799px){
    .social-box{
        flex-basis: 55% !important;
    }
}
@media screen and (max-width:1612px){
    .top-text{
        flex-basis: 25% !important;
    }
    .top-info-box{
        flex-basis: 45% !important;
    }
}
@media screen and (max-width:1599px){
    .banner-image-cover{
        min-height: 520px !important;
    }
    .banner-image-cover .wp-block-cover__inner-container{
        height: 520px;
    }
}
@media screen and (max-width:1399px){
    .banner-image-cover{
        min-height: 450px !important;
    }
    .banner-image-cover .wp-block-cover__inner-container{
        height: 450px;
    }
}
@media screen and (max-width:1440px){
    .top-info-box .wp-block-columns{
        gap: 10px !important;
    }
    .social-box{
        flex-basis: 52% !important;
    }
    .rating-box{
        width: 25% !important;
    }
}
@media screen and (max-width:1335px){
    .top-info-box p{
        font-size: 12px !important;
        line-height: 12px !important;
    }
    .top-right .wp-block-columns{
        gap: 15px !important;
    }
    .social-box{
        flex-basis: 53% !important;
    }
}
@media screen and (max-width:1299px){
    .top-right .wp-block-columns{
        gap: 10px !important;
    }
    .top-inner:where(:not(.alignleft):not(.alignright):not(.alignfull)){
        max-width: 96% !important;
    }
}
@media screen and (max-width:1299px) and (min-width: 1000px){
    .wp-block-navigation ul li a{
        padding: 10px 8px;
    }
}
@media screen and (max-width:1199px){
    .social-box .social-box-inner{
        display: block !important;
    }
    .social-box{
        flex-basis: 30% !important;
    }
    .middle-header-inner:where(:not(.alignleft):not(.alignright):not(.alignfull)),
    .inner-menu-header:where(:not(.alignleft):not(.alignright):not(.alignfull)){
        max-width: 90% !important;
    }
    .inner-menu-header .wp-block-navigation{
        letter-spacing: 0;
    }
    .top-inner{
        gap: 10px !important;
    }
    .about-sec .wp-block-columns{
        display: grid !important;
        grid-template-columns: auto auto !important;
    }
    .banner-content h1{
        font-size: 50px !important;
    }
    .banner-spacer{
        height: 15px !important;
    }
    .banner-image-cover {
        min-height: 390px !important;
    }
    .banner-image-cover .wp-block-cover__inner-container{
        height: 390px;
    }
    .circle{
        top: 23%;
        right: 10%;
        height: 100px;
        width: 100px;
    }
    .footer-widgets{
        flex-wrap: wrap !important;
    }
    .footer-left-box,.footer-li-1{
        flex-basis: 48% !important;
        text-align: center;
    }
    .footer-li-2,.footer-li-3,.footer-li-4{
        flex-basis: 28% !important;
        text-align: center;
    }
    .footer-widgets .wp-block-social-links{
        justify-content: center !important;
    }
}
@media screen and (max-width:999px){
    .inner-menu-header nav{
        justify-content: center !important;
    }
    .menu-cat-box,.call-box{
        flex-basis: 35% !important;
    }
    .nav-block{
        flex-basis: 30% !important;
    }
    .header-icons .wlfmc-counter-wrapper{
        padding: 0;
    }
}
@media screen and (max-width:991px){
    .top-inner{
        flex-wrap: wrap !important;
    }
    .top-info-box{
        flex-basis: 100% !important;
        order: 1;
    }
    .top-text{
        flex-basis: 38% !important;
        order: 2;
    }
    .top-right{
        flex-basis: 60% !important;
        order: 3;
    }
    .social-box .social-box-inner,.top-info-box .wp-block-group {
        display: flex !important;
        justify-content: center !important;
    }
    .social-box{
        flex-basis: 65% !important;
        border-right: none !important;
    }
    .top-bar{
        padding-top: 10px !important;
    }
    .logo-box h1{
        font-size: 18px !important;
    }
    .banner-content h1 {
        font-size: 35px !important;
    }
    .banner-text {
        width: 100%;
    }
    .banner-image-cover {
        min-height: 319px !important;
    }
    .banner-image-cover .wp-block-cover__inner-container{
        height: 319px;
    }
}
@media screen and (max-width:781px){
    .top-info-box .wp-block-columns,.top-right .wp-block-columns,
    .header-search-wrap .wp-block-columns,.inner-menu-header{
        flex-wrap: nowrap !important;
    }
    .top-text p{
        text-align: center !important;
        padding-top: 10px;
        font-size: 18px !important;
    }
    .switcher-box .gt_selector{
        width: 50%;
    }
    .switcher-box .gtranslate_wrapper:after{
        right: 50px;
    }
    .logo-box h1{
        text-align: center;
        font-size: 25px !important;
    }
    .header-icons,.banner-btn{
        justify-content: center !important;
    }
    .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column.nav-block{
        flex-basis: 25% !important;
    }
    .banner-image-cover {
        min-height: 800px !important;
    }
    .banner-image-cover .wp-block-cover__inner-container{
        height: 800px;
    }
    .banner-content-wrapper{
        text-align: center;
    }
    .slider-shot-heading{
        padding-left: 0 !important;
        text-align: center !important;
    }
    .banner-text{
        width: 80%;
        margin: 15px auto !important;
    }
    .banner-content h1 {
        font-size: 45px !important;
    }
    .circle {
        top: 28%;
        right: 16%;
    }
    .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column.footer-left-box,
    .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column.footer-li-1{
        flex-basis: 45% !important;
    }
    .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column.footer-li-2,
    .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column.footer-li-3,
    .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column.footer-li-4{
        flex-basis: 25% !important;
    }
    .copyright-text{
        display: grid !important;
        gap: 10px !important;
        text-align: center;
    }
    .copyright-text p{
        text-align: center;
    }
    .menu-cat-box{
        background: transparent !important;
    }
    .menu-cat-box .wc-block-product-categories select{
        border-left: none;
    }
}
@media screen and (max-width:599px){
    .about-sec .wp-block-columns{
        display: flex !important;
    }
    .sec-head{
        text-align: center;
    }
    .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column.footer-left-box,
    .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column.footer-li-1,
    .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column.footer-li-2,
    .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column.footer-li-3,
    .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column.footer-li-4{
        flex-basis: 100% !important;
    }
}
@media screen and (max-width:575px){
    .inner-menu-header{
        flex-wrap: wrap !important;
    }
    .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column.menu-cat-box{
        flex-basis: 65% !important;
    }
    .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column.nav-block {
        flex-basis: 30% !important;
    }
    .inner-menu-header nav{
        justify-content: right !important;
    }
    .inner-menu-header{
        gap: 5px !important;
    }
    .call-box .wp-block-group.is-layout-flex{
        justify-content: center !important;
        padding-bottom: 10px !important;
    }
    .banner-image-cover {
        min-height: 700px !important;
    }
    .banner-image-cover .wp-block-cover__inner-container{
        height: 700px;
    }
}
@media screen and (max-width:475px){
    .top-info-box .info-block-1 .wp-block-group{
        display: block !important;
        text-align: center;
    }
    .top-info-box p{
        font-size: 12px !important;
        padding-top: 3px;
    }
    .switcher-box .gt_selector {
        width: 75%;
    }
    .switcher-box .gtranslate_wrapper:after {
        right: 3px;
    }
    .product-search-box .wp-block-search__button{
        width: 53px;
    }
    .banner-text{
        width: 100%;
        margin: 15px auto !important;
    }
    .banner-content h1{
        font-size: 40px !important;
    }
    .circle {
        top: 23%;
        right: 5%;
    }
    .banner-image-cover {
        min-height: 612px !important;
    }
    .banner-image-cover .wp-block-cover__inner-container{
        height: 612px;
    }
    .menu-cat-box .wc-block-product-categories select{
        padding: 10px 0 10px 0;
    }
}
@media screen and (max-width:374px){
    .switcher-box .gt_selector {
        width: 58%;
    }
    .switcher-box .gtranslate_wrapper:after {
        right: -4px;
    }
    .social-box p{
        font-size: 13px !important;
    }
    .social-box{
        padding-right: 0 !important;
    }

}

/*frontpage swiper css start*/
.wp-block-group.hardware-tools-store-swiper {
  overflow: hidden;
  position: relative;
}
.hardware-tools-store-swiper .swiper-slide {
  display: flex;
}
.wp-block-group.hardware-tools-store-swiper-controls {
  position: unset;
}
.wp-block-group.hardware-tools-store-swiper .wp-block-cover.swiper-slide {
  margin-block-start: 0 !important;
}
.hardware-tools-store-pagination.swiper-pagination-clickable.swiper-pagination-bullets {
  position: absolute;
  bottom: 20px;
  z-index: 1;
  width: 100%;
  text-align: center;
  left: 50%;
  transform: translateX(-50%);
}
.hardware-tools-store-pagination.swiper-pagination-clickable.swiper-pagination-bullets span.swiper-pagination-bullet {
  width: 10px;
  height: 10px;
}
.hardware-tools-store-pagination.swiper-pagination-clickable.swiper-pagination-bullets span.swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: var(--wp--preset--color--secondary);
}
.wp-block-group.hardware-tools-store-swiper .hardware-tools-store-swiper-button-prev,
.wp-block-group.hardware-tools-store-swiper .hardware-tools-store-swiper-button-next {
  width: 40px;
  height: 40px;
  border-radius: 0;
  background: #FFFFFF;
  color: #000;
  transition: all ease 0.23s;
  opacity: 0;
  top: 50%;
  margin: -20px 0 0 0;
}
.wp-block-group.hardware-tools-store-swiper .hardware-tools-store-swiper-button-prev{
    left: 0;
}
.wp-block-group.hardware-tools-store-swiper .hardware-tools-store-swiper-button-next{
    right: 0;
}
.wp-block-group.hardware-tools-store-swiper .hardware-tools-store-swiper-button-prev:hover,
.wp-block-group.hardware-tools-store-swiper .hardware-tools-store-swiper-button-next:hover {
  background: var(--wp--preset--color--secondary);
  color: #fff;
}
.wp-block-group.hardware-tools-store-swiper .hardware-tools-store-swiper-button-prev:after,
.wp-block-group.hardware-tools-store-swiper .hardware-tools-store-swiper-button-next:after {
  font-size: 15px;
  font-weight: 900;
}

.hardware-tools-store-swiper-controls.wp-block-group.block-editor-block-list__layout .wp-block.wp-block-html {
  display: none;
}

.hardware-tools-store-swiper-controls.wp-block-group.block-editor-block-list__layout .wp-block.is-selected.wp-block-html {
  display: block !important;
}
/*frontpage swiper css end*/

/*testimonial*/
.tstimonial-box{
    width: 100% !important;
    transition: 0.5s;
    border-color: transparent;
    border-width: 0px 0px 5px 0px;
    border-style: solid;
}
.testimonail-main-img img{
    border: 2px solid transparent;
    transition: 0.5s;
    width: 60px;
    height: 60px;
}
.tstimonial-box h6,.tstimonial-box p{
    transition: 0.5s;
}
.tstimonial-box:hover {
    border-radius: 20px;
    box-shadow: 0 0 20px rgba(18, 79, 106, 0.1);
    border-width: 0px 0px 5px 0px;
    border-color: var(--wp--preset--color--primary);
    border-style: solid;
    transition: 0.5s;
}
.tstimonial-box:hover .testimonail-main-img img{
    border: 2px solid var(--wp--preset--color--secondary);
}
.tstimonial-box:hover h6{
    color: var(--wp--preset--color--secondary) !important;
}
/*testimnail swiper css start*/
.wp-block-group.hardware-tools-store-testimonial-swiper {
  overflow: hidden;
  position: relative;
}
.wp-block-group.hardware-tools-store-testimonial-swiper .swiper-wrapper{
    gap: 30px;
}
.hardware-tools-store-testimonial-swiper .swiper-slide {
  display: flex;
  margin-block-start: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.wp-block-group.hardware-tools-store-testimonial-swiper-controls {
  position: unset;
}
.hardware-tools-store-testimonial-swiper-controls .hardware-tools-store-testimonial-pagination.swiper-pagination-clickable.swiper-pagination-bullets {
  position: absolute;
  bottom: 0;
  z-index: 1;
  width: 100%;
  text-align: center;
  left: 50%;
  transform: translateX(-50%);
  margin-top: 0 !important;
}
.hardware-tools-store-testimonial-swiper-controls .hardware-tools-store-testimonial-pagination.swiper-pagination-clickable.swiper-pagination-bullets span.swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  background-color: var(--wp--preset--color--foreground);
}
.hardware-tools-store-testimonial-swiper-controls .hardware-tools-store-testimonial-pagination.swiper-pagination-clickable.swiper-pagination-bullets span.swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: var(--wp--preset--color--primary);
}
.hardware-tools-store-testimonial-swiper-controls .swiper-button-prev.hardware-tools-store-testimonial-swiper-button-prev,
.hardware-tools-store-testimonial-swiper-controls .swiper-button-next.hardware-tools-store-testimonial-swiper-button-next {
  width: 40px;
  height: 40px;
  border-radius: 0;
  background: transparent;
  color: var(--wp--preset--color--primary);
  transition: all ease 0.23s;
  opacity: 1 !important;
  top: 50%;
  margin: -20px 0 0 0;
}
.hardware-tools-store-testimonial-swiper-controls .swiper-button-prev.hardware-tools-store-testimonial-swiper-button-prev{
    left: 0;
}
.hardware-tools-store-testimonial-swiper-controls .swiper-button-next.hardware-tools-store-testimonial-swiper-button-next{
    right: 0;
}
.hardware-tools-store-testimonial-swiper-controls .swiper-button-prev.hardware-tools-store-testimonial-swiper-button-prev:hover,
.hardware-tools-store-testimonial-swiper-controls .swiper-button-next.hardware-tools-store-testimonial-swiper-button-next:hover {
  background: transparent;
  color: var(--wp--preset--color--heading);
}
.hardware-tools-store-testimonial-swiper-controls .swiper-button-prev.hardware-tools-store-testimonial-swiper-button-prev:after,
.hardware-tools-store-testimonial-swiper-controls .swiper-button-next.hardware-tools-store-testimonial-swiper-button-next:after {
  font-size: 30px;
  font-weight: 900;
}
.hardware-tools-store-testimonial-swiper-controls.wp-block-group.block-editor-block-list__layout .wp-block.wp-block-html {
  display: none;
}

.hardware-tools-store-testimonial-swiper-controls.wp-block-group.block-editor-block-list__layout .wp-block.is-selected.wp-block-html {
  display: block !important;
}
@media screen and (max-width: 1199px){
    .hardware-tools-store-testimonial-swiper:where(:not(.alignleft):not(.alignright):not(.alignfull)){
        max-width: 95% !important;
        padding-right: 40px !important;
        padding-left: 40px !important;
    }
}
/*testimonial swiper css end*/