@import url('https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100..900;1,100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    scroll-behavior: smooth;
    text-decoration: none;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    color: #333;
    /* transition: 0.3s; */
    -webkit-tap-highlight-color: transparent; /* For iOS & Android Chrome */
    tap-highlight-color: transparent;         /* Standard (non-prefixed) */
    outline: none;                            /* Removes blue outline on tap */
}
.std-number-field::-webkit-outer-spin-button,
.std-number-field::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
.std-number-field[type=number] {
  -moz-appearance: textfield;
}
body{
    background-color: #f2f4f7;
    position: relative;
}

.fit-screen{
    min-height: 100vh;
    width: 100%;
}
.center-page{
    display: flex;
    align-items: center;
    justify-content: center;
}
.container{
    max-width: 1250px;
    padding: 0 20px;
    margin: 0 auto;
}
.v-center{
    display: flex;
    align-items: center;
}
.h-center{
    display: flex;
    justify-content: center;
}
/* Header  */
.sticky-header {
  position: -webkit-sticky; /* For Safari */
  position: sticky;
  top: 0;
  width: 100%;
  z-index: 1000; 
}
nav{
    background: linear-gradient(90deg, rgba(29,95,171,1) 0%, oklch(57.431% 0.14557 249.512) 35%, rgba(29,95,171,1) 100%);
    padding: 10px 0;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.10);
    position: -webkit-sticky; /* For Safari */
    position: sticky;
    top: 0;
    width: 100%;
    z-index: 1000; 
    height: 68px;
    display: flex;
    align-items: center;
}
.brand .title{
    font-size: 20px;
    font-weight: 800;
    color: #fff;
    font-family: "Jost",'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    display: flex; 
    align-items: center;
    height: 48px;
}
/* Navbar */
.navbar{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    width: 100%;
}
.nav-rights{
    display: flex;
    align-items: center;
    gap: 30px;
}
.nav-menu{
    display: flex;
    align-items: center;
    gap: 25px;
    justify-content: end;
}
.nav-menu a{
    font-size: 16px;
    font-weight: bold;
    color: #fff;
}
.nav-menu a:hover{
    color: #8bc9f6;
}
.nav-search{
    margin-left: 20px;
}
.nav-search form{
    display: flex;
    align-items: center;
    background: #fff;
    /* border-radius: 4px; */
}
.nav-search input.search{
    padding: 4px 10px;
    outline: none;
    font-size: 14px;
    background: transparent;
    border: none;
    width: 180px;
    font-family: "Poppins",'Segoe UI';
}
.nav-search .search-btn{
    background: transparent;
    outline: none;
    border: none;
    background: transparent;
    padding: 2px 10px 2px 4px;
}
button{
    cursor: pointer;
}
.nav-search .search-btn i{
    /* color: #fff; */
    font-size: 15px;
}
.nav-icons{
    display: flex;
    align-items: center;
    justify-content: end;
    gap: 25px;
}
.nav-icons a i{
    color: #fff;
    font-size: 16px;
}
.nav-icons a i:hover{
    color: #8bc9f6;
}
.cart-icon{
    display: flex;
}
.cart-icon .cart-count{
    color: #fff;
    font-weight: bold;
    font-size: 13px;
    margin-top: -10px;
    margin-left: 3px;
}

/*********************************
 ***********LOGIN STYLE***********  
 *********************************/
.login-container{
    min-height: calc(100vh - 70px);
}
.login-box{
    width: 500px;
    background: #fff;
    /* border: 1px solid #e4e4e4; */
    border-radius: 0px;
    box-shadow: 0 0px 4px rgba(0, 0, 0, 0.10);
    padding: 40px 30px;        
}
.heading{
    text-align: center;
    line-height: 1.3em;
    font-size: 24px;
    margin-bottom: 40px;
    font-weight: 400;
}
.login-box .input-box{
    display: flex;
    align-items: center;
    margin-bottom: 20px;
    gap: 10px;
}
.login-box label{
    width: 30%;
    font-size: 14px;
}
.login-box input[type='text'],
.login-box input[type='email'],
.login-box input[type='tel'],
.login-box input[type='password']{
    width: 70%;
    outline: none;
    padding: 8px 10px;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 14px;
}
.sumbit-btn{
    padding: 8px 30px;
    border-radius: 4px;
    border: 1px solid tomato;
    background: tomato;
    font-size: 14px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    margin-top: 10px;
    font-weight: 500;
    transition: 0.3s;
}
.sumbit-btn:hover{
    background: rgb(240, 89, 63);

}
.login-box .form-bottom{
    display: flex;
    align-items: center;
    gap: 30px;
}
.link-sm-primary{
    color: #003399;
    font-weight: 400;
    font-size: 14px;
    transition: all 0.3s ease;
}
.link-sm-primary:hover{
    text-decoration: underline;
}

/*********************************
 ***********HOME STYLE************ 
 *********************************/
.page-content{
    display: flex;
    flex-direction: row;
    gap: 30px;
    padding: 40px 0;
    align-items: start;
}
.box-shadow{
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}
.sidebar-menu{
    width: 27%;
    background: #fff;
    margin-right: 10px;
}
.sidebar-title {
    padding: 15px 20px;
    background: linear-gradient(90deg, rgba(29,95,171,1) 0%, oklch(57.431% 0.14557 249.512) 35%, rgba(29,95,171,1) 100%);
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.sidebar-title h3{    
    font-family: "Poppins",'Segoe UI';
    text-transform: uppercase;
    font-weight: 700;
    color: #fff;
    font-size: 18px;
}
.sidebar-toggle{
    display: none;
}
.menu-box{
    padding: 0 20px;
}
.sidebar-menu .menu-item{
   padding: 8px 0px;
   border-bottom: #e1e1e1 1px solid;
   transition: all 0.5s;
}
.sidebar-menu .menu-item:last-child{
   border-bottom: none;
}
.menu-title{
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    user-select: none;
}
.menu-title button{
    outline: none;
    border: 0px solid #003399;
    background-color: transparent;
    padding: 0px 3px;
}
.menu-title button i{
    color: #003399;
    font-size: 14px;
}
.sidebar-menu .menu-item .cat-title{
    color: #003399;
    /* font-size: 13px; */
    text-transform: uppercase;
    font-family: "Poppins",'Segoe UI';
    font-weight: 500;
    font-size: 18px;
    transition: 0.3s;
    display: block;
}
.sidebar-menu .menu-item a:hover{
    color: #439ddf;
}
.sidebar-menu .menu-item .sub-menu{
    background: #00339910;
    overflow: hidden;
    opacity: 1;
    box-sizing: border-box;
    transition: all 0.6s;
    margin-top: 8px;
    display: none;
}
.sidebar-menu .menu-item .sub-menu.active{
    display: block;
}

.sidebar-menu .menu-item .menu-title .show-sub-menu {
    display: block;
}

.sidebar-menu .menu-item .menu-title .hide-sub-menu {
    display: none;
}

/* .sidebar-menu .menu-item:hover .sub-menu{
    height: auto;
    margin-top: 8px;
    opacity: 1;
} */
.sidebar-menu .menu-item .sub-menu a{
    font-size: 16px;
    text-transform: capitalize;
    font-weight: 400;
    display: block;
    padding: 5px 7px;
    border-bottom: 3px solid #fff;
    color: #003399;
}
.sidebar-menu .menu-item .sub-menu a:last-child{
    border-bottom: none;
}
.sidebar-menu .menu-item .sub-menu a:hover{
    /* background: #003399;
    border-bottom: #003399 1px solid; */
    color: #439ddf;
}
.content-box{
    display: block !important;
    width: 73%;
}
.breadcrams{
    display: flex;
    align-items: center;
    gap: 5px;
    padding-bottom: 10px;
    border-bottom: 2px solid #003399;
}
.breadcrams span{

}
.breadcrams a{
    color: #003399;
    font-weight: 600;
}
.breadcrams a:hover{
    color: #439ddf;
}
.filter-container{
    padding: 10px 0;
    display: flex;
    justify-content: space-between;
}
.filter-container .item-show form{
    display: flex;
    align-items: center;
    gap: 7px;
    font-size: 14px;
    font-weight: 600;
}
.filter-container .item-show select{
    font-weight: 400;
    border: 1px solid #121212;
    border-radius: 0;
    padding: 2px 3px;
    outline: none;
    font-size: 14px;
}
.filter-container .pagination{
    display: flex;
    align-items: center;
    gap: 7px;
    font-size: 14px;
    font-weight: 600;
}
.pagination-box {
    display: flex;
    align-items: center;
    gap: 5px;;
}
.pagination-items{
    display: flex;
    align-items: center;
}
.pagination-link{
    /* border: 1px solid #1d62ae; */
    padding: 3px 4px;
    border-right: none;
    display: flex;
    align-items: center;
    justify-content: center;
    /* min-width: 25px;
    min-height: 15px; */
    color: #0591f4;
    font-weight: 400;
    font-size: 15px;
    user-select: none;
}

.my-acc .pagination-link{
    font-size: 14px;
}
/* .pagination-link:last-child{
    border-right: 1px solid #1d62ae;
} */
.pagination-link.first-last {
    /* background: #1d62ae;
    color: #fff; */
    /* font-weight: 500; */
}
.pagination-link.active{
    /* background: #1d62ae;
    color: #fff; */
    color: #1d62ae;
    font-weight: bold;
    text-decoration: underline;
}
.pagination-link:hover{
    color: #74bdf1;
}
.pagination-link.active{
    color: #1d62ae;
}
.pagination-link.prev-next{
    /* display: none; */
    /* font-weight: 500; */
}
.product-group{
    padding: 0px 0 40px 0;
}
.heading-box{
    display: flex;
    justify-content: space-between;
    /* margin-bottom: 10px; */
    border-left: 5px solid #1d62ae;
    /* border-right: 7px solid #1d62ae; */
    padding: 8px 10px;
    background: #1d62ae;
}

.product-group-title{
    display: flex;
    flex-wrap: wrap;
    position: relative;
    align-items: center;
    text-align: center;    
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 1.2;
    color: #fff;
}
.product-group-link{
    text-transform: capitalize;
    font-weight: 600;
    letter-spacing: -0.025em;
    color: #fff;
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: 15px;
}
.product-group-link i{
    color: #fff;
}
.product-group-link:hover{
    color: #439ddf;
}
.product-group-link:hover i{
    color: #439ddf;
}
.product-group-link i{
    margin-top: 2px;
}

.product-box {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 15px;
    padding: 20px 0;}
.home .product-box{
    background-color: #e1e1e1;
}
.product-item{
    background: #fff;
    padding: 10px 10px 14px;
    /* box-shadow: 0 2px 2px #0000001a,0 8px 16px #0000001a; */
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: start;
}
.product-item:hover{
    /* box-shadow: 0 5px 30px rgb(0,0,0,0.07); */
}
.product-item .product-img{
    display: flex;
    justify-content: center;
    margin-bottom: 7px;
}
.product-item .product-img img{
    height: 100px;
    width: auto;
    max-width: 100%;
}
.product-item .product-title h2{
    font-size: 13px;
    line-height: 140%;
    font-weight: 500;
    text-align: center;
}
.product-item .product-title h2 a{
    color: #003399;
    transition: 0.3s;
}
.product-item .product-title h2 a:hover{
    color: #439ddf;
}
.product-item .produt-details{
    margin-top: 6px;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.product-item .produt-details span{
    font-size: 11px;
    line-height: 1.5em;
    font-weight: 500;
}
.cart-container{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    flex-wrap: wrap;
    padding: 15px 0 5px;
}
.qty{
    display: flex;
    align-items: center;
    user-select: none;
}

.qtyBtn,
.qtyInput,
.addCartBtn{
    border: 2px solid #1d62ae;
    outline: none;
    height: 30px;
     display: flex;
    align-items: center;
    justify-content: center;
}
.qtyBtn{
    width: 22px;
    background: #1d62ae;
    color: #fff;
    cursor: pointer;    
}
.qty i{
    color: #fff;
    font-size: 12px;
}
.qtyInput{
    width: 35px;
    font-size: 14px;
    /* font-family: "Poppins",'Segoe UI'; */
    padding: 3px;
    text-align: center;
    font-weight: 500;
}
.addCartBtn{
    padding: 6px 5px;
    font-size: 14px;
    font-weight: 500;
    font-size: 14px;
    color: #fff;
    background: #1d62ae;
    cursor: pointer;
    height: auto;
    min-width: 80px;
}
/* .qtyBtn:hover, */
.addCartBtn:hover{
    background: #439ddf;
    border-color: #439ddf;
}


/*********************************
 ***********CART STYLE************  
 *********************************/
 .cart-table {
    overflow: auto;
 }
.cart-table table{
    width: 100%;
    border-spacing: 0;
    border-collapse: collapse;
}
.cart-table table th{
    background: #ddd;
    padding: 10px 4px;
    font-size: 14px;
    font-weight: 600;
    text-align: center;
    border: 1px solid #ddd;
    white-space: nowrap;
}
.cart-table table td{
    background: #fff;
    padding: 10px;
    border: 1px solid #ddd;
    font-size: 14px;
    font-weight: 500;
}
.text-left{
    text-align: left;
}
.text-center{
    text-align: center;
}
.text-right{
    text-align: right;
}
.wd-100{
    width: 100%;
}
.cart-table table td{
    vertical-align: top;
}
.cart-table .product-img{
    height: auto;
    width: auto;
    max-width: 120px;
    max-height: 160px;
}
.cart-table .product-title{
    font-weight: 500;
    font-size: 13px;
    color: #003399;
    line-height: 100%;
}
.remove-cart{
    background: transparent;
    outline: none;
    border: none;
}
.remove-cart i{
    font-size: 18px;
    color: #003399;
    user-select: none;
}

.cart-action-container{
    padding: 15px 0 0;
}
.action-btn,
.update-cart{
    padding: 8px 30px;
    font-size: 16px;
    background: #1d62ae;
    color: #fff;
    border: none;
    outline: none;
    font-weight: 500;
}

.cart-total{
    display: flex;
    justify-content: space-between;
    /* margin-top: 40px; */
}
.cart-total form{
    width: 35%;
}
.cart-total form .bottom-row{
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding-bottom: 15px;
}
.cart-total form .total-price{
    font-weight: bold;
    font-size: 16px;
}
.cart-total form input,
.cart-total form textarea{
    padding: 4px 8px;
    border: 1px solid #121212;
    outline: none;
    resize: none;
}
.cart-total form label{
    font-weight: 600;
    font-size: 14px;
    width: 50%;
    margin-right: 20px;
}

footer{
    border-top: 1px solid #ddd;
}
.footer-content{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    padding: 30px 0;
    gap: 40px;
}
.footer-column:first-child{
    margin-right: 20px;
}
.footer-column:last-child{
    margin-left: 20px;
}
.footer-map img{
    width: unset;
    height: auto;
}
.footer-heading{
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 20px;
}
.link-group li{
    list-style-type: none;
    margin-bottom: 15px;
    display: flex;
}
.link-group li a{
    color: #666;
    font-size: 15px;
}
.link-group li a,
.footer-desc{
    color: #666;
    font-size: 16px;
    line-height: 160%;
}
.link-group li i{
    color: #333;
    font-size: 13px;
    margin-right: 8px;
    margin-top: 7px;
}
.footer-brand{
    margin-bottom: 10px;
}
.footer-brand .title{
    font-size: 20px;
    font-weight: 800;
    color: #333;
    font-family: "Jost",'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}
.contact-form input,
.contact-form textarea{
    padding: 5px 8px;
    border: 1px solid #333;
    outline: none;
    font-size: 14px;
    margin-bottom: 12px;
    width: 100%;
    resize: none;
}
/* Single product Style  */
.product-info{
    display: flex;
    padding: 20px 0;
    gap: 10px;
}
/* .product-info .col-left{
    display: flex;
    flex-direction: column;
    justify-content: center;
} */
.product-info .product-img{
    max-height: 250px;
    width: auto;
    padding: 0 20px;
    max-width: 250px;
}
/* .product-info .col-right{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
} */
.product-info .product-title{
    font-size: 18px;
    color: #00245b;
    margin-bottom: 15px;
}
.product-info .product-details{
    display: flex;
    flex-direction: column;
    margin-bottom: 20px;
}
.product-info .product-details span{
    font-size: 13px;
    font-weight: 600;
    color: #00245b;
    line-height: 1.4em;
}

/* Swipper Slider  */
.swiper-wrapper{
    user-select: none;
}
.home-img-slider-1 .swiper-pagination-bullet{
    height: 10px;
    width: 10px;
    margin: 0 5px !important;
    /* background: #ddd; */
}
.home-img-slider-1 .swiper-pagination-bullet-active{
    background: #003399;
}
.product-group .swiper-button-next:after, 
.product-group .swiper-button-prev:after {
    font-family: swiper-icons;
    font-size: 20px;
    text-transform: none!important;
    letter-spacing: 0;
    font-variant: initial;
    line-height: 1;
    font-weight: 700;
    color: #003399;
}
.product-group .swiper-button-next:after{
    margin-right: -36px;
} 
.product-group .swiper-button-prev:after {
    margin-left: -36px;
}
.display-none{
    display: none;
}
.swiper-wrapper {
    display: flex;
    align-items: stretch;  /* Makes all .swiper-slide equal height */
}

.swiper-slide {
    display: flex;
    flex-direction: column;
    height: auto;         /* Allow height to grow */
}


/* My Account Style  */
.my-acc .content-box{
    /* background: #fff;
    padding: 20px 30px;
    min-height: 70vh; */
}
/* .my-acc .sidebar-menu{
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.10);
} */
.acc-title{
    font-size: 22px;
    font-weight: bold;
}
.acc-full-name{
    font-weight: 500;
    margin: 20px 0;
    font-size: 14px;
}
.btn-container{
    margin-bottom: 20px;
}
.order-table table,
.view-order-table table{
    border-collapse: collapse;
}

.order-table table th,
.view-order-table table th,
.view-order-table table td,
.order-table table td{
    border: 1px solid #003399;
    padding: 5px;
}
.order-table table th,
.view-order-table table th{
    font-weight: bold;
    font-size: 15px;
    background: #1d62ae;
    color: #fff;
    border: 1px solid #003399;
}
.view-order-table table td,
.order-table table td{
    font-size: 14px;
    font-weight: 500;
    background: #fff;
}

.view-order-table table th{
    text-align: left;
}
.order-table table td a{ 
    color: #215bce;
    font-weight: 500;
}
.order-table table tbody tr:nth-child(even){
    background-color: #0033990f;
}

.my-acc .view-order-table table td button{
    padding: 5px 30px;
    font-size: 14px;
    background: #1d62ae;
    color: #fff;
    border: none;
    outline: none;
    font-weight: 500;
    display: inline-block;
}
.my-acc .view-order-table table td input{
    width: 30px;
    padding: 2px;
    /* text-align: center; */
    /* font-weight: 500; */
}



/* RTE content style  */
.rte-content h1,
.rte-content h2,
.rte-content h3,
.rte-content h4,
.rte-content h5,
.rte-content h6{
    margin: 10px 0;
}
.rte-content p{
    line-height: 150%;   
    margin-bottom: 5px;   
}
.rte-content ol, 
.rte-content ul{
    margin-left: 20px;
}
.rte-content li{
    margin-bottom: 8px;   
}
.rte-content a{
    color: #439ddf;   
}
.rte-content table{
    border-collapse: collapse;
    border-spacing: 0;
}
.rte-content table td{
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 6px;
}



.hidden-price-message{
    font-style: italic;
    font-size: 11px;
    font-weight: bold;
}

@media screen and (max-width: 1120px) {
    .sidebar-menu{
        width: 30%;
    }
    .content-box{
        width: 70%;
    }
    .product-box{
        grid-template-columns: 1fr 1fr 1fr;
    }
}

@media screen and (max-width: 992px) {
    /* Home Page  */
        body{
            position: relative;
        }
        nav{
            position: unset;
        }
        .navbar{
            gap: 0px;
        }
        .nav-right-container{
            position: absolute;
            top: 67px;
            right: 0px;
            min-height: 100%;    
            width: 100%;       
            z-index: 99;
            display: none;
            justify-content: end;
            background-color: #00000063;
        }
        .nav-rights{
            flex-direction: column;
            background: #fff;
            min-width: 340px;
            min-height: 100%;
             padding: 20px;
        }
        .nav-search{
            border: 1px solid #003399;
        }
        .nav-rights .nav-menu{
            flex-direction: column;
        }
        .nav-rights .nav-menu a{
            color: #003399;
        }
        .nav-rights .nav-icons{
            gap: 40px;
        }
        .nav-rights .nav-icons  .cart-count,
        .nav-rights .nav-icons  i{
            color: #003399;            
        }
        .mobile-toggle-menu{
             display: flex;
            align-items: center;
            justify-content: end;
            flex-grow: 1;
            user-select: none;
        }
        .mobile-toggle-menu button{
            background: transparent;
            border: none;
            outline: none;
        }
        .mobile-toggle-menu button i{
            font-size: 18px;
            color: #fff;
        }
        .nav-right-container.hide{
            display: none;
        }
        .nav-right-container.show{
            display: flex;
        }
        .mobile-toggle-menu .toggle-close-btn{
            display: none;
        }
        .sidebar-menu{
            width: 35%;
        }
        .content-box{
            width: 65%;
        }
        .cart-table {
            overflow: auto;
        }
        .cart-table table{            
            min-width: 500px;
        }
        .cart-table table th{            
            font-size: 11px;
            font-weight: 400;
            white-space: nowrap;
            padding: 8px 5px;            
        }
        .cart-table table td{
            font-size: 11px;
            font-weight: 400;
            padding: 5px;
        }
        .cart-table .product-img{           
           max-height: 80px;
        }
        .cart-table .product-title{
            font-weight: 400;
            font-size: 11px;
            line-height: 120%;
        }
        .remove-cart i{
            font-size: 14px;
        }
        .cart-total{
            margin-top: 30px;
            display: flex;
            flex-direction: column;
        }
        .cart-total form{
            width: 100%;
        }
}


@media screen and (max-width: 840px) {
    .sidebar-menu{
            width: 38%;
        }
        .content-box{
            width: 62%;
        }     
}

@media screen and (max-width: 767px) {
        .container{
            padding: 0 10px;
        }
        nav{
            padding: 10px 5px;
            height: 54px;

        }
        .brand .title{
            font-size: 18px;
            display: inline-block;
            height: 34px;
        }
        .nav-right-container{
            top: 54px;
        }
        .heading{
         margin-bottom: 30px;
        }
        .login-container{
            min-height: calc(100vh - 60px);
        }
        .login-box{
            width: 100%;
            padding: 30px 20px;            
        }
        .login-box label{
            width: 30%;
            font-size: 13px;
        }
        .login-box .form-bottom{
            gap: 15px;
        }
        .link-sm-primary{
            font-size: 13px;
        }
        .page-content{
            position: relative;
            flex-direction: column;
            padding: 20px 0;
            gap: 25px;
        }
        .nav-rights {
            flex-direction: column;
            background: #fff;
            min-width: 100%;
            min-height: 100%;
            padding: 20px;
        }
        .sidebar-menu{
            width: 100%;
        }
        .sidebar-title{
            padding: 12px 10px;
        }
        .sidebar-title h3{
            font-size: 13px;
            font-weight: 700;
        }
        .sidebar-toggle{
            display: block;
            user-select: none;
        }
        .sidebar-toggle button{
            background-color: transparent;
            outline: none;
            border: none;
        }
        .sidebar-toggle button i{
            font-size: 13px;
            color: #fff;
        }

        .sidebar-hide-btn{
            display: none;
        }
        .sidebar-menu .menu-box{
            display: none;
        }
        .menu-box.hide{
            display: none;
        }
        .menu-box.show{
            display: block;
        }
        .menu-box {
            padding: 0 15px;
        }
        .sidebar-menu .menu-item {
            padding: 10px 0px;           
        }
        .sidebar-menu .menu-item a {
           font-size: 12px;
        }
        .sidebar-menu .menu-item .sub-menu a {
            font-size: 13px;
            padding: 6px 7px;
        }
        .content-box{
            width: 100%;
        }

        .breadcrams {
            gap: 3px;
            overflow: hidden;
        }
        .breadcrams a{
            font-size: 13px;
            white-space: nowrap;
        }
        .filter-container span,
        .filter-container a{
            font-size: 13px;
        }
        .filter-container .item-show form{
            gap: 4px;
        }
        .filter-container .item-show select {
            font-weight: 400;
            border: 1px solid #121212;
            border-radius: 0;
            padding: 2px 2px;
            outline: none;
            font-size: 12px;
             -webkit-appearance: none;
            -moz-appearance: none;
            text-indent: 1px;
            text-overflow: '';
        }
        .pagination-box{
            gap: 0;
        }

        .product-box {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 8px;
            padding: 10px 0;
        }
        .heading-box{
            padding: 8px 10px;
        }
        .product-group-title{
            font-size: 16px;
        }
        .product-group-link{
            font-size: 13px;
        }

        .footer-content{
            display: grid;
            grid-template-columns: 1fr;
            padding: 25px 0;
            gap: 20px;
        }
        .footer-column:first-child{
            margin-right: 0px;
        }
        .footer-column:last-child{
            margin-left: 0px;
        }
        .footer-heading{
            font-size: 14px;
            margin-bottom: 10px;
        }
        .link-group li{
            margin-bottom: 10px;
        }
        .footer-company,
        .contact-form{
            max-width: 340px;
        }
        .contact-form input, .contact-form textarea {
            padding: 8px;           
        }
}