.layouts-full {
    background-color: #eff1f6;
    min-height: 101vh;
}
.layouts-full .top-container .top_main_container{
    color: #ffffff;
    display: flex;
    flex-wrap: nowrap;
    width: 75%;
    margin:  0 auto;
    justify-content: space-between;
}
.layouts-full .full-layout-footer-container .top_main_container{width: 75%; margin: 0 auto;}
.root-category-container{
    width: 75%;
    margin:  0 auto;
}
.spacer {
    display: none;
}

    .layouts-full .top-container {
        background-color: #151515;
        color: #ffffff;
        display: flex;
        flex-wrap: nowrap;
        height: 70px;

    }

        .layouts-full .top-container .logo-container {
            margin-bottom: 13px;
            margin-top: 13px;
            width: 300px;
            overflow: hidden;
        }

            .layouts-full .top-container .logo-container img {
                height: 100%;
            }

        .layouts-full .top-container .menu-container {
            display: flex;
            flex-wrap: nowrap;
            padding: 16px 0px;
            width: auto;
        }

            .layouts-full .top-container .menu-container .menu-item {
                font-size: 1.1rem;
            }

            .layouts-full .top-container .menu-container .menu-item-title {
                padding: 5px 20px;
            }

            .layouts-full .top-container .menu-container .menu-item-active {
                color: var(--custom-color);
            }

        .layouts-full .top-container .search-container {
            padding: 16px 0px;
            width: 550px;
        }

        .layouts-full .top-container .search-box {
            background-color: #ffffff;
            border-radius: 5px;
            border: solid 0px #ffffff;
            display: flex;
          
        }

        .layouts-full .top-container .search-box input {
            border: none;
            color: #000000;
            outline: none;
            padding: 9px 5px;
            width: calc(100% - 30px);
            border-radius: 5px;
        }

            .layouts-full .top-container .search-box .search-button-container {
                color: #ffffff;
                padding: 9px 15px;
                border-radius: 4px 0 0 4px;
                text-align: left;
              background: #ffc10a;
             
            }

                .layouts-full .top-container .search-box .search-button-container .fa { 
                    color: #000000;;
                    font-size: 1.25rem;
                }

        .layouts-full .top-container .spacer {
            width: calc(100vw - 500px - 350px - 100px - 32px - 60px - 300px);
        }

        .layouts-full .top-container .shopping-cart-container {
            color: #ffffff;
            width: 100px;
        }

        .layouts-full .top-container .shopping-cart-container-body {
            display: flex;
        }

            .layouts-full .top-container .shopping-cart-container .icon {
                color: var(--custom-color);
                font-size: 18px;

            }

            .layouts-full .top-container .shopping-cart-container .rows-count {
                font-size: 10px;

            }

        .layouts-full .top-container .user-container {
            display: flex;
            margin-right: 20px;
        }

            .layouts-full .top-container .user-container .icon {
                background-color: var(--custom-color);
                border-radius: 16px;
                font-size: 18px;
                height: 32px;
                margin-top: 18px;
                padding-top: 4px;
                text-align: center;
                width: 32px;
            }

            .layouts-full .top-container .user-container .text {
                font-size: 14px;
                line-height: 1;
                margin-top: 19px;
                text-align: center;
                width: 60px;
            }
            .layouts-full .categories-container {background-color: #ffc10a;}
    .layouts-full .categories-container .catogery_container_main {
        
        display: flex;
        /* flex-wrap: wrap; */
        justify-content: center;
        padding: 0px 0px;
        white-space: nowrap;
        width: 75%;
        margin: 0 auto;
    }
.views-main .root-categories-container .root-category-container.clickable {
    padding: 0px;
    margin: 0;
    width: 100%;
}
.views-main .root-categories-container .root-category-container.clickable img {
    width: 100% !important;
}
        .layouts-full .categories-container .root-category-container {
            padding: 0px 10px;
            white-space: nowrap;
        }

        .layouts-full .categories-container .root-category-container .clickable {
            cursor: pointer;
            padding: 20px 0;
        }
        .layouts-full .categories-container .child-categories-container {
            background-color: #ffffff;
            border-radius: 0;
            margin-top: 0px;
            padding: 10px 20px;
            position: absolute;
            z-index: 9999;
            max-height: 400px;
            overflow: auto;
        }
        .child-category-container.ng-scope .child-category-title.clickable {
            padding: 0;
        }
        .child-category-container .child-category-title.all-items.clickable {
            padding: 0;
        }.child-category-container .child-category-title.all-items.clickable {
            padding: 0;
        }

        .layouts-full .categories-container .child-category-container {
            margin-top: 10px;
        }


    .layouts-full .bread-crumbs {
        margin: 10px 20px;
    }

        .layouts-full .bread-crumbs .fa {
            font-size: 0.7rem;
            margin: 0px 5px;
        }

    .layouts-full .full-layout-footer-container {
        background-color: #282828;
        color: #ffffff;
        padding: 50px 20px;
    }

        .layouts-full .full-layout-footer-container a {
            color: #ffffff;
        }

            .layouts-full .full-layout-footer-container a.active {
                color: var(--custom-color);
            }

        .layouts-full .full-layout-footer-container .footer-line {
            margin-top: 10px;
        }

            .layouts-full .full-layout-footer-container .logo-container img {
                height: auto;
                margin-top: 30px;
                width: 100%;
                object-fit: cover;
                max-width: 300px;
            }

        .layouts-full .full-layout-footer-container .brand-container {
            font-size: 1.25rem;
        }


    .user-modal .buttons-container {
        text-align: left;
    }
    .layouts-full .top_upper_container .user-container {
        display: flex;
    }
    .layouts-full .top_upper_container {background: #111;;}
    .layouts-full .top_upper_container .user-container{width: 75%;margin: 0 auto;}
    .layouts-full .top_upper_container .user-container .icon {
        background-color: #ffc10a;
        border-radius: 16px;
        font-size: 18px;
        height: 32px;
        margin-top: 18px;
        padding-top: 4px;
        text-align: center;
        width: 32px;
    }
    .layouts-full .full-layout-footer-container .footer-line span:first-child {
        color: #ff8200;
    }
    .layouts-full .top_upper_container .user-container .text {
        font-size: 14px;
        line-height: 1;
        margin-top: 19px;
        text-align: center;
        color: #fff;
    }
    /* Track */
.layouts-full .categories-container .child-categories-container::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px grey; 
    border-radius: 10px;
  }
   
  /* Handle */
  .layouts-full .categories-container .child-categories-container::-webkit-scrollbar-thumb {
    background: #ff8200; 
    border-radius: 10px;
  }
  
  /* Handle on hover */
  .layouts-full .categories-container .child-categories-container::-webkit-scrollbar-thumb:hover {
    background: #ff8200; 
  }
  .layouts-full .categories-container .child-categories-container::-webkit-scrollbar {
    width: 2px;
  }
    .layouts-full .top_upper_container .user-container .profile_txt{display: flex;align-items: center;gap: 8px;}

    .menu-item-title.clickable.menu-item-active:nth-child(1) {
        padding-right: 0;
    }
    .layouts-full .categories-container .root-category-container .root-category-title {
        position: relative;
        text-align: center;
    }
    .layouts-full .categories-container .root-category-container .root-category-title:after {
            content: "";
            background: #151515;
            height: 2px;
            left: 0;
            width: 0;
            right: 0;
            margin: auto;
            display: block;
            position: absolute;
            margin-top: 5px;
            transition: all 350msease-out 0s;
            -moz-transition: all 350ms ease-out 0s;
            -o-transition: all 350ms ease-out 0s;
            -webkit-transition: all 350msease-out 0s;
            }
    
    .layouts-full .categories-container .root-category-container .root-category-title:hover:after {
        width: 25px;
    }
 .full-layout-footer-container .top_main_container .footer_heading h3{color:var(--custom-color);font-weight: 500;margin-bottom: 20px;}
    /* .header {
        position: relative;
        background: #151515;
        z-index: 11
    }
    
    .header-nav {
        position: relative;
        z-index: 1;
        padding: 15px 0 0;
        display: flex;
        align-items: center;
        justify-content: space-between;
        background: #111;
        color: #fff
    }
    
    .header-nav-inner {
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-direction: row-reverse;
    }
    
    .header-nav .header-nav-right {
        text-align: left;
        display: flex;
        justify-content: flex-start;
        gap: 30px;
    }
    
    .header-nav-right>div+div {
        padding-left: 0;
        margin-left: 0;
        border-left: 1px solid #252525
    }
    .user-info button {
        color: #fff;
        cursor: pointer;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        text-transform: capitalize
    }
    .btn-unstyle {
        background-color: transparent;
        border: none;
        padding: 0;
        text-align: inherit;
    }
    nav.header-nav .container {
        max-width: 1440px;
        width: 100%;
    } */






    /* ------------------- */

.views-catalog .filters-container .filter-header span:before{color:#ffc10a}
.multi-items-image-indicator span,body .views-catalog .filters-container .child-category-container .selected,.full-layout-footer-container .top_main_container .footer_heading h3,.layouts-full .full-layout-footer-container .footer-line span:first-child{color:#ffc10a}
.price-box{display:flex;justify-content:center;position:relative}
.price-box a{background:#ffc10a;border-radius:2px;padding:5px 35px;margin-bottom:10px;color:#000;font-size:14px;text-decoration:none}
a.hover-add-btn{position:absolute;opacity:0;visibility:hidden;transition:.5s ease-in-out;background:#000;color:#fff}
.catalog-element-container:hover a.hover-add-btn{opacity:1;visibility:visible}
.views-catalog .catalog-element-container .catalog-element:hover{box-shadow:0 0 4px 4px #dfe1e9}
a.hover-add-btn svg{position:relative;top:-1px}
.results-container.ng-scope{margin-bottom:30px}
.views-catalog .catalog-element-container .catalog-element:hover a.price-btn{visibility:hidden;opacity:0}


/* 12-02-2025  */

.layouts-full .top-container .menu-container .menu-item-active,.views-catalog .paging-container .current-page{color:#ffc10a!important}
.table-button.secondary,.simple-button.primary,.simple-button.secondary{border-color:#ffc10a;color:#ffc10a}
.simple-button.primary{background-color:#ffc10a;color:#fff}
.views-catalog .catalog-element-container:hover .catalog-element .image-container img{transform:scale(1.2)}
.layouts-full .categories-container .child-categories-container{max-height:unset;overflow:unset}
.layouts-full .top_upper_container .icon{display:none}
.top-con-meu.menu-container{display:flex;align-items:center;margin-top:19px}
.top-con-meu .menu-item-title.clickable{color:#fff;padding:0 25px;font-weight:700;font-size:16px}
.top-main-bar{display:flex;margin:auto;background:#000;padding:10px 0}
.top-menubar{display:flex;width:100%}
.top-main-bar .menu-container{width:100%;display:flex;align-items:anchor-center}
.top-main-bar .menu-item{color:#fff;padding-right:30px}
.top_upper_container{width:100px;display:flex}
.layouts-full .top_upper_container .user-container .text{margin-top:0}
.inner-topbar{display:flex}
.inner-topbar{display:flex;width:75%;margin:auto}
body .layouts-full .top_upper_container .user-container{display:flex;width:100%;margin:0}
.menu-item-title.clickable.menu-item-active{color:#ffc10a}
.menu-item-title.clickable{font-weight:700}
.cart-heading{margin-right:15px}
.cart-heading p{color:#fff;font-size:16px;margin:0}
.top_main_container span.fa.fa-shopping-bag{font-size:40px;color:#ffc10a}
.layouts-full .top-container .shopping-cart-container .rows-count{font-size:14px;padding-left:0px;    position: relative;left: -5px;top: 8px;}
.top_main_container .shopping-cart-container{display:flex}
body .layouts-full .top-container .shopping-cart-container{width:auto;display:flex;align-items:center}
.views-catalog .catalog-element-container .catalog-element {padding: 15px 0 0 0;}
.multi-items-container {display: flex;justify-content: space-between;}
.multi-items-image {order: 2;}   
.left-text-line p {color: #fff;margin: 0px;}
.left-text-line { display: flex;width: 450px;justify-content: center;padding-left: 0px;align-items: center;}
.logo-container img {width: 100%;padding-left: 10px;}

.product-list{display:flex;justify-content:flex-start;flex-wrap:wrap;margin:30px 30px 0}
.product-items{width:20%;padding:15px}
.product-text h1{font-size:1.2rem;font-weight:500}
.product-text p{color:#5c5c5c}
.product-id a{background:#ffc10a;border-radius:2px;padding:5px 0;margin-bottom:10px;color:#000;font-size:14px;text-decoration:none;display:block;text-align:center}
a.hover-show-btn{position:absolute;opacity:0;visibility:hidden;transition:.5s ease-in-out;top:0;width:100%;left:0;width:100%;background:#000;color:#fff}
.product-id{position:relative;width:100%;max-width:100px;margin:auto}
.product-items:hover .inner-items{box-shadow:0 0 4px 4px #dfe1e9}
.product-items:hover .hover-show-btn{opacity:1;visibility:visible}
.product-items:hover a{opacity:0;visibility:hidden}
.product-items:hover img{transform:scale(1.1)}
.product-img img{transition:.3s ease-in-out;width:100%}
.inner-items{background-color:#fff;border-radius:8px;padding:15px;overflow:hidden;height: 100%;}



/* --------------- 25-02-2025  --------------------- */

.filter-body.ng-scope{background:#fff;border:none!important;border-radius:5px;padding:10px 0}
.root-category-container.clickable.filter-hover:hover{background:#000000e8}
.root-category-container.clickable.filter-hover{margin:0!important;padding:5px 20px;width:100%}
.root-category-container.clickable.filter-hover:hover span.ng-binding{color:#fff}
.root-category-container.clickable.filter-hover:hover span:before{color:#fff}
.hover-select{padding:5px 10px}
body .views-catalog .filters-container .child-category-container .selected,.brand-container .hover-select.selected {background:#ffc10a!important;color:#fff}
.views-catalog .filters-container .child-category-container{padding:0!important}
.views-catalog .results-container .total-results{background:#403e37f2;padding:5px 10px!important;width:160px;margin:auto auto 0 20px;text-transform:capitalize;font-weight:500;font-size:14px;border-radius:5px;color:#fff;text-align:center!important}
.pagination_style{background:#fff;width:30px;display:flex;justify-content:center;align-items:center;border-radius:30px!important;height:30px}
.views-catalog .paging-container .current-page{background:#ffc10a;color:#fff!important}
.bread_filter_box{background:url(https://www.mahardhi.com/prestashop/MT03/tooltrex/01/themes/toolstore/assets/img/dac36416d7adcb63e60e40e2876a381b.jpg);background-position:center;background-repeat:no-repeat;background-size:cover;padding:50px 0;position:relative;z-index:99}
.bread_filter_box:after{content:"";position:absolute;background-color:#0000007a;width:100%;left:0;top:0;height:100%;z-index:-1}
.bread-crumbs{display:flex;justify-content:center;align-items:baseline;color:#fff}
.selected-filters-container{justify-content:center}
.bread-crumbs span{text-transform:capitalize;font-size:16px}
.selected-filter-container.ng-scope{border-radius:5px;padding:5px 10px}
.views-catalog .filters-container .child-category-container .hover-select:hover {background: #000000e8;}
.views-catalog .filters-container .child-category-container .hover-select:hover span { color: #fff;}
.brand-container .hover-select:hover {background: #000000e8;}
.brand-container .hover-select:hover span {color: #fff;}
.brand-container {margin: 0 !important;}
.views-catalog .filters-container .brand-container .selected {color: #fff!important;}
.views-catalog .filters-container .brand-container .hover-select {padding: 5px 20px;}
.views-catalog .filters-container .filter-container {margin: 15px 0 30px 0;}

/* --------------- 25-02-2025  --------------------- */

@media (max-width:1399px){
    .layouts-full .top-container .search-container {width: auto;}
    .contact-form-box {max-width: 80%!important}   
}

@media  (min-width: 767px) and (max-device-width: 1200px) {
    .categories-container span.ng-binding {font-size: 11px;}
    .product-items {width: 50%;padding: 20px;margin-bottom: 10px;}
}

@media (max-width:1365px){
    .contact-form-box {max-width: 65%!important}   
}




@media (max-width:768px) {

.left-text-line p {color: #fff;margin: 0px;font-size: 9px;}
.top-main-bar .menu-container {justify-content: end;}
.top_upper_container {width: 150px;}
.layouts-full .top-container .top_main_container {width: 95%;}
.cart-heading {display: none;}
.layouts-full .top-container .top_main_container{width:95%}
.cart-heading{display:none}
.layouts-full .top-container .logo-container img{width:100%;height:auto}
.layouts-full .top-container .logo-container{display:flex;align-items:center;width:100px}
.top_main_container span.fa.fa-shopping-bag{font-size:28px}
.inner-topbar{width:95%}
.top-main-bar .menu-item{padding-right:10px}
.menu-item-title.clickable{font-weight:400}
.layouts-full .top-container .search-box .search-button-container .fa {font-size: 14px;}
.layouts-full .top-container .search-box .search-button-container {padding: 8px 10px;}
.mobile-footer {width: 100%;}
.layouts-full .full-layout-footer-container {padding: 15px 0 15px 0;}
.views-main .gallery-items-container {flex-wrap: wrap;}
.views-main .gallery10-brand-container {width: 100%!important;}
.product-items {width: 100%;padding: 0;margin-bottom: 30px;}

body .contact-form-box{max-width:90%!important;flex-wrap:wrap;margin-top:30px;margin-bottom:30px}
.left-form-design,.right-form-fields{width: 100%!important;}
body .left-form-design{order:1;margin-bottom:25px}
body .right-form-fields{order:2}

}



.views-contact-us .bread_filter_box {margin-bottom: 30px;}
.left-form-design img{width:100%;border-radius:10px;height:100%;object-fit:cover}
.contact-form-box{display:flex;justify-content:space-between;width:100%;max-width:50%;margin:auto;padding:20px;background:#fff;margin-top:50px;margin-bottom:50px;border-radius:10px;box-shadow:#959da533 0 8px 24px}
.left-form-design,.right-form-fields{width:48%}
.right-form-fields{border-radius:10px}
.heading-contact-form{color:#000;font-size:28px;font-weight:700;text-align:center}
.views-contact-us .field-title{font-size:16px !important;font-weight:600;text-transform:capitalize;color:#000}
.field-title{padding-bottom:5px}
.field-value input,.field-value textarea{background:#eff1f6;border:1px solid #dee3ef !important;border-radius:4px;padding:8px 0}
.buttons-container button{min-width:120px;padding:8px 0;font-weight:600}
.views-contact-us .contact-form-box .buttons-container {text-align: center;}
.views-contact-us .contact-form-box .buttons-container button:hover {background: #000;opacity: 1;border-color: #000;}
.views-contact-us .contact-form-box .buttons-container button {transition: 0.2s ease-in-out;}
.left-form-design:before{content:"";position:absolute;top:0;left:0;background:#0000000a;z-index:99;width:100%;height:100%;border-radius:10px}
.left-form-design{position:relative}
.views-contact-us input:focus-visible,.views-contact-us textarea:focus-visible  {outline: none;border-color: #dee3ef !important;}
.quantity-box span,.quantity-carton span{font-weight:600;font-size:14px}
.quantity-carton{padding:5px 10px}
.product-quantity{background:#000000d4;border-radius:3px;    color: #fff;}
.quantity-box{padding:5px 10px;border-left:2px solid #fff;    color: #fff;}

.product-quantity{position:absolute;bottom:0;width:100%;left:0}
.inner-items{position:relative;left:0;padding-bottom:50px;background:#fff}

.views-shopping-cart table tbody tr:nth-child(odd){background:#f0f0f0}
.views-shopping-cart table tbody tr{border-color:#e1e1e1}
.views-shopping-cart .data-table-container table thead tr{background:#FFC107}
.views-shopping-cart .data-table-container table thead tr th{padding-top:15px;padding-bottom:15px}
.views-shopping-cart .data-table-container table tr td{padding-top:10px;padding-bottom:10px}
.views-shopping-cart .buttons  button{color:#000;padding:7px 0;transition:.3s ease-in-out;border:none}
.views-shopping-cart .buttons button:first-child{background-color:#ffc107}
.views-shopping-cart .buttons button:hover{background:#000!important;opacity:1;color:#fff}
.views-shopping-cart .buttons button:last-child{background:#f0f0f0}
.views-shopping-cart .data-table-container table  thead tr th span{font-size:16px;color:#000}
.views-shopping-cart .data-table-container table thead tr th span{font-size:16px;color:#000}
.views-shopping-cart .data-table-container table tr td button{background:#000000c7;border-color:#000000c7;transition:.2s ease-in-out}
.views-shopping-cart .data-table-container table tr td button span{color:#fff}
.views-shopping-cart .data-table-container table tr  td button:hover{background:#ffc107;opacity:1;border-color:#ffc107}
.views-shopping-cart .data-table-container table tr td button:hover span{color:#000}
.views-catalog .catalog-element-container .catalog-element,.catalog-element-container.clickable.ng-scope,.height-box{height:100%}

#scrollTopBtn{position:fixed;bottom:20px;right:20px;border:none;cursor:pointer;padding:0;border-radius:5px;background-color:#000;outline:none}
#scrollTopBtn i{color:#fff;padding:14px 18px;border-radius:5px;font-size:16px}
#scrollTopBtn i:after{position:absolute;top:0;background:#000;height:0;width:100%;z-index:-1;content:"";left:0;border-radius:4px;transition:.4s ease-in-out;opacity:1}
#scrollTopBtn:hover i:after{background:#ffc10a;height:100%}
#scrollTopBtn:hover i{background:transparent}

@media (min-width:1500px) and (max-width:1700px) {
.left-text-line{padding-left:5px}
}
@media (min-width:1400px) and (max-width:1499px) {
.left-text-line{padding-left:20px}
}
@media (min-width:1100px) and (max-width:1399px) {
.left-text-line{padding-left:35px}
}