@import url('https://fonts.googleapis.com/css2?family=Playfair:ital,opsz,wght@0,5..1200,300..900;1,5..1200,300..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;
        font-family: "Poppins", sans-serif;
    }
    :root{
        --primary-font: "Poppins", sans-serif;
        --seondary-font: "Playfair", serif;
/*        --primary-color: #97C940;
        --secondary-color: #ff8a00;
        --lightgreen-color: #e7ffbe;*/

      --primary-color: #4A8B3A;
      --secondary-color: #D9A441;
      --accent: #5B3A1A;
      --background-light: #F5F9F3;
      --background-dark: #2F3E2E;
      --text-primary: #2C2C2C;
      --text-secondary: #5E6D54;
      --highlight: #E89F2D;
      --success: #8DBF47;
      --neutral: #FFF8E7;
    }
    body, html {
    font-size: 14px;
    letter-spacing: normal;
    color: #333;
    background-color: rgba(0,0,0,0);
    margin: 0;
    }

    a:hover{text-decoration:none; color:#000;}
    a:focus{text-decoration:none; outline: none;}
    h1,h2,h3,h4,h5,h6,p, pre {
        margin: 0;
    }
    a{
        color: #000;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
        text-decoration: none;
    }
      .padd0{padding:0;}  
    /* */
    .widget-header-top{background: #009746;} 
    .widget-header-top p{text-align: center;font-size: 14px;padding: 5px 0;font-weight: 300;color: var(--neutral);letter-spacing: .5px;} 
    .widget-header-top p span{
        display: block;
        font-size: 14px;
        color: #fff;
        font-weight: 300;
        } 
        .widget-header-top-section{
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
        .widget-header-top-section .coupon_code_widget{}
        .widget-header-top-section .coupon_code_widget .coupon_code{
    background: #e6662c;
    padding: 4px 10px;
    border-radius: 4px;
    font-weight: 500;
    /* text-transform: uppercase; */
    letter-spacing: 2px;
    color: #fff;
    font-size: 13px;
}
    .widget-header-top button{
        position: absolute;
        right: -70px;
        top: 15px;
        background: none;
        border: none;
        transform: translateY(-50%);
        display: none;
        } 
.widget-header{
  box-shadow: 0px 1px 5px #c1c1c1bf;
  position: sticky;
  z-index: 99;
  top: 0;
  background: #fff;
}
.widget-header .menu-box{
    width: 100%;
}
.widget-header .menu-box  ul{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 30px;
    list-style: none;
}
.widget-header .menu-box  ul li{}
.widget-header .menu-box  ul li a{
    font-weight: 400;
    font-size: 14px;
    letter-spacing: .5px;
    transition: .3s linear;
}
.widget-header .menu-box  ul li a:hover{
    color: var(--secondary-color);
}
.widget-header .inner-widget-logo{
  padding: 0 0 5px;
}

.widget-header .inner-widget-logo a img{
  width: 70%;
}
.headermenus{}
.headermenus li{}
.headermenus li a{}
.headermenus li a:hover{}



.widget-header .inner-widget-search{
  text-align: right;
  padding-top: 35px;
}
.widget-header .inner-widget-search form{
  display: inline-block;
  position: relative;
  background: #f2f1eb;
  border-radius: 15px;
}
.widget-header .inner-widget-search form input{
  border: none;
  padding: 14px;
  background: none;
  min-width: 350px;
  outline: none;
  font-size: 16px;
  font-family: "Jost", sans-serif;
  font-weight: 400;
}
.widget-header .inner-widget-search form button{
  border: none;
  background: none;
  position: absolute;
  right: 5px;
  top: 12px;
}
.widget-header .inner-widget-search form button svg{width:auto;height: 22px;}

.widget-header .inner-widget-button{
  padding-top: 36px;
  text-align: right;
}
.widget-header .inner-widget-button .acbtn{
  padding: 4px 12px;
  border-radius: 3px;
  font-size: 14px;
  margin-right: 18px;
  background: var(--secondary-color);
  color: #fff;
  letter-spacing: .5px;
}
.widget-header .inner-widget-button .trackbtn{
  float: right;
  margin-right: 15px;
  font-size: 25px;
}
.widget-header .inner-widget-button .trackbtn svg{width:auto;height: 28px;margin-top: 5px;}
.widget-header .inner-widget-button .cartbtn{
  position: relative;
}
.widget-header .inner-widget-button .cartbtn svg{width:auto;height: 25px;}
.widget-header .inner-widget-button .cartbtn span{
  position: absolute;
  background: #c97b5a;
  color: #fff;
  width: 20px;
  height: 20px;
  text-align: CENTER;
  border-radius: 50%;
  right: -10px;
  top: -5px;
}
.widget-header .inner-widget-button .btntoggle{
  float: RIGHT;
  margin-left: 26px;
}
.widget-header .inner-widget-button .btntoggle span{
  width: 36px;
  height: 1px;
  display: block;
  background: #000;
  /* margin-left: 20px; */
  margin-bottom: 10px;
}

/*************************************************************************************************/      

    .shop-widget {
        margin-right: 0;
        padding-right: 0;
        padding-top: 33px;
        text-align: right;
        padding-left: 0;
        width: 25%;
    } 
    .shop-widget .iconbox{
        display: inline-block;
        vertical-align: top;
        position: relative;
        margin: 0;
        padding-bottom: 0;
        padding-top: 7px;
        margin-bottom: 0;
        margin-left: 10px;
    }
    .shop-widget .iconbox i {
        font-size: 26px;
    }
    .shop-widget .iconbox .icon-search {
        background: url(../images/search.svg);
    }
    .shop-widget .iconbox .icon {
        width: 25px;
        height: 25px;
        display: block;
        background-size: 100% 100%;
        background-position: center center;
        background-repeat: no-repeat;
    }  
    .shop-widget .iconbox-btn {
        display: inline-block;
        vertical-align: top;
        position: relative;
        margin: 0;
        padding-bottom: 0;
        margin-bottom: 0;
        margin-right: 30px;
        font-family: 'Roboto', sans-serif;
    } 
    .shop-widget .new-account-btn:before {
        content: "";
        position: absolute;
        width: 1px;
        height: 40px;
        background: #b3b3b3;
        right: -20px;
    }
    .shop-widget .new-account-btn span.mainhead {
        display: block;
        font-weight: 500;
        font-size: 14px;
        color: #000;
        letter-spacing: .05em;
    }
    
    .shop-widget .new-account-btn a {
        font-size: 14px;
        font-weight: 500;
        color: #000;
        text-transform: uppercase;
    }
    
    .searchbox{
        position: absolute;
        display: none;
        z-index: 9;
        padding: 10px;
        background: #fff;
        bottom: 0;
        right: 0;
        /* padding-top: 5%; */
        top: 0;
        left: 0;
    }
    .searchbox .buttonclose{
        background: none;
        border: none;
        color: #fff;
        font-size: 34px;
        position: absolute;
        right: 15px;
        top: 15px;
    }
    
    .shop-widget .iconbox span {
        border-radius: 50%;
        background: #97c940;
        color: #fff;
        position: absolute;
        right: -8px;
        top: 0px;
        text-align: center;
        padding: 4px 0 0 0;
        width: 20px;
        height: 20px;
        line-height: normal;
        font-size: 0.64286rem;
        letter-spacing: 0;
    }
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    .widget-menu{
  position: fixed;
  z-index: -9999;
  right: -100%;
  width: 390px;
  top: 0;
  max-width: 100%;
  background: #fff;
  bottom: 0;
  -webkit-transition: .6s;
  transition: .6s;
  box-shadow: 1px 0px 5px #c1c1c1bf;
}
.menubg{
  background-color: rgba(255, 255, 255, 0.4);
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: none;
  z-index: 99;
}
.menubg:before{content:""; position: absolute;}
.widget-menu button{
  position: absolute;
  right: 40px;
  top: 20px;
  background: none;
  border: none;
  color: #000;
}
.widget-menu button svg{ }
.widget-menu .menubtn{
  display: block;
  background: #59702f;
  padding: 13px 15px;
  border-radius: 5px;
  position: relative;
  min-height: 50px;
  padding-left: 50px;
  font-size: 17px;
  color: #fff;
  font-family: "Jost", sans-serif;
  margin-bottom: 10px;
  }

  .widget-menu .menubtn svg{
  position: absolute;
  top: 10px;
  left: 12px;
}


    .widget-menu .menu-box{
    padding: 5% 10%;
    margin-top: 40px;
    }
    .widget-menu .menu-box > ul{
        padding: 0;
        list-style: none;
        margin: 0;
    }
    .widget-menu .menu-box > ul > li{
        display: block;
        /* padding-bottom: 10px; */
        position: relative;
    }
    .widget-menu .menu-box > ul > li > a{
     text-transform: uppercase;
     color: #000000;
     position:relative;
     font-weight: 600;
     font-size: 16px;
     font-family: "Jost", sans-serif;
     line-height: normal;
     letter-spacing: .2em;
     padding: 10px 10px;
     display: block;
     letter-spacing: 0.5px;
    }
         
    
    .widget-menu .menu-box > ul > li > ul{
        position: absolute;
        display: block;
        left: -3px;
        top: 100%;
        visibility: hidden;
        overflow: hidden;
        opacity: 0;
        z-index: 10;
        -webkit-transition: top .15s ease-out;
        -o-transition: top .15s ease-out;
        transition: top .15s ease-out;
        width: 290px;
        padding: 0;
        list-style: none;
        text-align: left;
        padding: 15px 25px;
        background: #ffffff;
        border-top: 1px solid #000;
        }
    .widget-menu .menu-box > ul > li > ul > li{
        /* color: #fff; */
    }
    .widget-menu .menu-box > ul > li > ul > li > a{
        color: #0a0a0a;
        padding: 7px 5px;
        display: block;
        font-weight: 400;
        font-size: 16px;
        line-height: normal;
        letter-spacing: 0px;
        transition: .2s;
        text-transform: uppercase;
    }
    .widget-menu .menu-box > ul > li > ul > li > a:hover{
        color: #524640;
    }
    .widget-menu .menu-box > ul > li:hover > a:before{width:100%;}
    .widget-menu .menu-box > ul > li:hover > ul{visibility: visible;
        opacity: 1;
        overflow: visible;}
    
        
  
    .widget-menu .cart-box .iconheart{
        position: absolute;
        right: 86px;
        top: -4px;
    }
    .widget-menu .cart-box .iconheart i{
        font-size: 24px;
        color: #000;
    }
    .widget-menu .cart-box .iconmenu{
        display: inline-block;
        position: absolute;
        right: 15px;
        top: 5px;
        }
    .widget-menu .cart-box .iconmenu i{
        width: 35px;
        height: 1px;
        background: #fff;
        display: block;
        margin-bottom: 7px;
        -webkit-transition: width .3s ease-in-out;
        -o-transition: width .3s ease-in-out;
        transition: width .3s ease-in-out;
        }
    /* SLIDER */

    .mainslider{
        padding: 0;
    }
    .widget-slider img{width:100%;}
    /* FEATURED BOX */
    .featuredbox{
        padding: 20px 0;
    }
  
    .featuredbox .box-one span.right-text{
        position: absolute;
        right: 30px;
        top: 43px;
        font-family: Tuesday Night;
        font-size: 60px;
        font-weight: 400;
        color: #c4c4c4;
        line-height: 64px;
        width: 180px;
    }
    .featuredbox .innerbox{
        padding: 0;
        padding-bottom: 8px;
    }
    .featuredbox .innerbox figure{
        position: relative;
    }
    .featuredbox .innerbox figure img{
        width: 100%;
    }
    .featuredbox .box-two{
        padding-left: 0;
    }
    .featuredbox .box-two span.left-text{position: absolute;
        left: 30px;
        top: 43px;
        font-family: Tuesday Night;
        font-size: 60px;
        font-weight: 400;
        color: #c4c4c4;
        line-height: 64px;
         }
    .featuredbox .box-two span.left-text-two{
        left: 30px;
        top: 15px;
        font-family: Lato,sans-serif;
        font-size: 24px;
        font-weight: 400;
        color: #000000;
        letter-spacing: 1px;
        line-height: 64px;
        position: absolute;
        }

/* HOME ABOUT US */
.homeabout{
    padding: 50px 0;
}
.homeabout-left{
    position: relative;
    z-index: 1;
}
.homeabout-left:before{
    content: "";
    width: 100%;
    height: 100%;
    background: #fce379;
    position: absolute;
    z-index: -1;
    border-radius: 10px;
    outline: 1px solid #edd469;
    outline-offset: -10px;
}
.homeabout-left figure{}
.homeabout-left figure img{width: 100%;}
.homeabout-right{}
.homeabout-right .headbox{
    position: relative;
    z-index: 1;
    padding-left: 65px;
    padding-bottom: 15px;
}
.homeabout-right .headbox img{width: 50px;position: absolute;left: 0;top: 0;}
.homeabout-right .headbox h3{
    font-size: 32px;
    letter-spacing: 0;
    color: #000;
    margin: 0;
    text-align: left;
    font-weight: 600;
    font-family: var(--seondary-font);
    line-height: 1;
}
.homeabout-right .headbox span{
    font-size: 16px;
    font-weight: 500;
    color: #ea5f21;
}
.homeabout-right p{
  font-size: 15px;
  text-align: justify;
  padding: 0 0 20px;
}

.homeabout-right .call{
    font-size: 16px;
    display: inline-flex;
    align-items: center;
    justify-content: start;
    gap: 10px;
    margin-top: 10px;
    background: #c1e5d1;
    padding: 12px 15px;
    border-radius: 5px;
    color: #009746;
    font-weight: 700;
}
.homeabout-right .call i{
    color: #009746;
    font-size: 28px;
}



    /* FEATURED PRODUCT */
    .featured-product{
        padding: 30px 0;
        background: #5e6d541a;
        background: url('../images/ayurvedabg.webp');
        background-size: cover;
        /* background-attachment: fixed; */
        position: relative;
        z-index: 1;
    } 
    .featured-product:before{
        content: "";
        width: 100%;
        height: 100%;
        background: #5e6d54d9;
        background: rgb(255 255 255 / 75%);
        /* background: rgb(0 0 0 / 80%); */
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        backdrop-filter: blur(2px);
    }
    .featured-product .tabnav ul{
  padding: 0;
  list-style: none;
}
    .featured-product .tabnav ul li.navtype{
  display: inline-block;
  font-size: 16px;
  padding: 0 18px;
  font-family: "Jost", sans-serif;
  font-weight: 600;
  position: relative;
  padding-left: 30px;
}
    .featured-product .tabnav ul li.navtype svg{
  position: absolute;
  left: 0;
}
    .featured-product .tabnav ul li.tabnav{
  display: inline-block;
  border: 1px solid #59702f;
  padding: 7px 13px;
  margin-bottom: 10px;
  margin-right: 10px;
  border-radius: 8px;
}
.featured-product .tabnav ul li.tabnav.active{background: #c3e57a3d;}
    .featured-product .tabnav ul li.tabnav a{
  display: block;
  position: relative;
}
    .featured-product .tabnav ul li.tabnav a img{
  width: 40px;
  margin-left: -5px;
}
    .featured-product .tabnav ul li.tabnav a span{
  font-family: "Jost", sans-serif;
  font-size: 17px;
  font-weight: 500;
}



    .featured-product .section-heading{
        padding-bottom: 20px;
    } 
    .featured-product .section-heading span.head-text-two{
        display: block;
        margin: 0 0 0 10px;
        font-family: Tuesday Night;
        color: #ff8a00;
        font-size: 42px;
        line-height: 27px;
        font-weight: 400;
        text-align: CENTER;
        } 
    .featured-product .section-heading span.head-text-three{
        color: #5a5a5a;
        font-family: Cormorant;
        font-size: 22px;
        line-height: 1.136em;
        font-style: italic;
        letter-spacing: 0;
        text-transform: none;
        display: block;
        text-align: CENTER;
        } 
    .featured-product .section-heading h3.head-text-one{
        font-size: 32px;
        color: #000;
        font-weight: 700;
        font-family: var(--seondary-font);
        } 
    /* PRODUCT GRID */
    .progrid{
    margin: 0 0 20px;
    }  
    .progrid .probox{
        transition: .3s;
        text-align: center;
        border: 1px solid #eee;
        border-radius: 5px;
        overflow: hidden;
        background: var(--background-light);
    }
    .progrid .probox:hover{
        /* box-shadow: 0 5px 10px 0 rgb(0 0 0 / 10%); */
    }
.progrid .probox .contentdiv{padding: 10px 10px 0;}
.progrid .probox .contentdiv p{text-align: left;padding: 0 0 5px;color: #777;}
    .progrid figure{
        position: relative;
        overflow:hidden;
        height: 250px;
        margin: 0;
    }  
    .progrid figure div{width: 100%; height: 100%;}
    .progrid figure img{
        height: 100%;
        margin: auto;
    }
    .progrid figure .shortrating{
  position: absolute;
  left: 10px;
  top: 8px;
  font-family: "Jost", sans-serif;
  font-size: 16px;
}
    .progrid figure .shortrating i{
  color: #80a03c;
}   
.progrid figure .offertag{
  position: absolute;
  right: 0;
  top: 7px;
  border-radius: 5px;
  font-weight: 700;
  right: 9px;
  background: #80a03c82;
  font-family: "Jost", sans-serif;
  padding: 0 8px;
  font-size: 17px;
}
    .progrid figure .deskimg{display:block;}
    .progrid figure .mobimg{display:none;}
    
    .progrid:hover figure .deskimg{/* display:none; */}
    .progrid:hover figure .mobimg{display:block;}
    .progrid a{display: block;}
    .progrid .detbox{
        text-align: left;
    }
    .probox .procontent{padding: 10px;text-align: left;}
    .probox .procontent .protitle{
    font-size: 18px;
    font-weight: 500;
    text-align: left;
    color: var(--text-primary);
}
.probox .procontent .protitle .qty{
    color: var(--text-secondary);
    font-size: 13px;
    display: block;
}
    .progrid .detbox h3{
        font-size: 18px;
        font-weight: 400;
        padding: 0 5px;
        }  
        .progrid .detbox h3 span{font-size: 13px;display: block;color: var(--text-secondary);padding: 5px 0 0;}
    .progrid .detbox .subhead{
        font-size: 18px;
        line-height: 25px;
        font-style: italic;
        color: #5f5f5f;
        display:block;
        font-family:'Cormorant,serif';
        text-align: CENTER;
        margin-bottom: 4px;
        }  
    .progrid .detbox .currentprice{
        font-size: 20px;
        font-weight: 600;
        color: #000;
        display: inline-block;
        padding: 10px 0px;
        color: green;
    }  
    .progrid .detbox .offerprice{
        font-size: 18px;
        text-decoration: line-through;
        color: #b0b0b0;
        font-family: "Jost", sans-serif;
    }  
    .progrid .ratingbox{
        text-align: CENTER;
        padding-top: 5px;
        padding-bottom: 20px;
    }
    .progrid .ratingbox i{
        color: #ff8a00;
    }
    .progrid button.addtowish{
      width: 25%;
      background: #333;
      border: none;
      color: #fff;
      padding: 7px 0;
      height: 50px;
      float: left;
      font-size: 21px;
      }
      .progrid .outofstock,
    .progrid .addtocart{
        padding: 0px 15px;
        background: #009746;
        outline: none;
        border: none;
        font-weight: 600;
        font-size: 18px;
        width: 100%;
        border-radius: 0;
        height: 50px;
        margin-bottom: 0;
        color: #ffffff;
        transition: .3s;
        text-transform: uppercase;
        line-height: 1;
        display: flex;
        align-items: center;
        justify-content: center;
        background: var(--text-secondary);
        font-weight: 400;
        letter-spacing: 1px;
    }
    .progrid .addtocart:hover{
        background: var(--primary-color);
        color: #fff;
    }
    .progrid .outofstock{
    background: #d88b8b;
}
.progrid .addtocart img{width: 22px; margin-right: 6px;}
    .progrid figure .featurebtn{
        position: absolute;
        left: 0;
        right: 0;
        top: -100px;
        text-align: CENTER;
        -webkit-transition: top .5s ease-in-out;
        -o-transition: top .5s ease-in-out;
        transition: top .5s ease-in-out;
    }
    .progrid figure .featurebtn button{
        display: inline-block;
        width: 40px;
        height: 40px;
        border: 1px solid #ffffff;
        color: #fff;
        font-size: 18px;
        background: #97c940;
        padding-top: 5px;
    }

    .progrid:hover .featurebtn{top: 100px;z-index: 9;}
    .progrid figure:before{content:"";/* position:absolute; *//* z-index: 0; */left:0;right:0;top:0;bottom:0;}
    .progrid:hover figure:before{z-index:9;/* background: #fbf9fa9e; */}
    .progrid figure .featurebtn button:hover{background: #ff8a00;border-color: #ff8a00;color:#fff;}
    
    /* ABOUT US */
    .widget-home-about{
        background: #dedede26;
        padding: 70px 0;
        /* background: #374523; */
        /* background: #e7ffbe75; */
    }
   
    .widget-home-about .innerbox h3{
        font-family: Lato,sans-serif;
        font-size: 30px;
        line-height: 1.267em;
        letter-spacing: .05em;
        text-transform: uppercase;
        color: #000;
        margin: 0;
        font-weight: 500;
        margin-bottom: 15px;
        }
    .widget-home-about .innerbox p.subshort{
        color: #363636;
        font-family: var(--seondary-font);
        font-size: 18px;
        line-height: 1.136em;
        font-style: italic;
        }
    .widget-home-about .innerbox p.shortdesc{
        color: #000000;
        font-family: var(--seondary-font);
        font-size: 22px;
        line-height: 1.136em;
        font-weight: 300;
        margin-bottom: 20px;
        /* margin: 0; */
        }
        
      .widget-home-about .innerbox span.shorthead{display: block;
        font-size: 20px;
        margin-top: 5px;
        margin-bottom: 6px;}

    .widget-home-about .innerbox-image img{
        width: 100%;
    }
    .widget-home-about .innerbox .readmorebtn{
        display: inline-block;
        padding: 15px 45px;
        border: 1px solid #fff;
        text-transform: uppercase;
        font-family: Lato,sans-serif;
        font-size: 14px;
        letter-spacing: 1px;
        background: #97c940;
        color: #e7ffbe;
        font-weight: 600;
    }
    .widget-home-about .innerbox .readmorebtn:hover{background: #ff8a00;color:#fff;}
    /* FOOTER */
    
    
    footer{
        background: #000;
        padding-top: 3%;
        padding-bottom: 0;
        background: #ffffff;
        background: #ffffff75;
    }
    footer .quicklink{}
footer .quicklink .logo{}
footer .quicklink .logo img{width: 100%;}
    footer .footerhead{
        text-align: center;
        font-family: Tuesday Night;
        font-size: 54px;
        color: #ff8a00;
        margin-bottom: 20px;
    }
    footer .footerlogo{
        text-align: center;
    }
    footer .footerlogo img{
        width: 20%;
    }
  
    footer .footer-left h3{
        font-family: Lato,sans-serif;
        font-size: 20px;
        color: #000;
        letter-spacing: 1px;
        margin: 0;
        margin-bottom: 15px;
    }
    footer .footer-left a{
        display: block;
        font-family: var(--seondary-font);
        font-size: 18px;
        line-height: normal;
        font-style: normal;
        color: #000000;
    }
    footer .footer-middle{text-align:center;padding-bottom: 5%;}
    footer .footer-middle p{
        font-family: var(--seondary-font);
        font-size: 20px;
        text-align: center;
        line-height: normal;
        color: #000000;
    }
    footer .footer-middle a{width: 43px;display: inline-block;border: 1px solid #5a5a5a;padding: 5px 0;font-size: 18px;color: #000000;margin-bottom: 20px;margin-right: 8px;}
    footer .footer-right{
        text-align: right;
        padding-bottom: 25px;
    }
    footer .footer-right h3{
        font-family: Lato,sans-serif;
        font-size: 20px;
        color: #000;
        letter-spacing: 1px;
        margin: 0;
        margin-bottom: 15px;
    }
    footer .footer-right a{
        display: inline-block;
        /* display: block; */
        font-family: var(--seondary-font);
        font-size: 19px;
        line-height: normal;
        color: #000000;
        margin-left: 20px;
    }
    
    footer .copyright{
        border-top: 1px solid #ddd;
    }
    footer .copyright .copyrightbox{
        padding: 20px 0;
    }
    footer .copyright p{
        font-size: 14px;
        text-align: CENTER;
        line-height: normal;
        color: #000000;
        margin-bottom: 0;
        margin-top: 0;
        text-transform: uppercase;
        }
    footer .copyright p a{
        color: #000000 !important;
        font-weight: 700;
    }
    footer .footer-links{
        border-top: 1px solid #b0c985;
    }
    footer .footer-links a{
        font-size: 14px;
        display: inline-block;
        padding: 10px 15px;
        font-family: Lato,sans-serif;
        /* font-size: 20px; */
        color: #576a35;
        letter-spacing: 1px;
    }
    
    /* RIGHT POPUP */
    .sidemenu{
        position: fixed;
        top: 0;
        right: -525px;
        width: 525px;
        height: 100%;
        min-height: 100%;
        padding: 3% 25px 0 25px;
        background-color: #e7ffbe;
        text-align: left;
        overflow: hidden;
        visibility: hidden;
        z-index: 9999;
        -webkit-backface-visibility: hidden;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-box-shadow: -3px 0 3px rgb(0 0 0 / 4%);
        box-shadow: -3px 0 3px rgb(0 0 0 / 4%);
        -webkit-transition: all .6s cubic-bezier(.77,0,.175,1);
        -o-transition: all .6s cubic-bezier(.77,0,.175,1);
        transition: all .6s cubic-bezier(.77,0,.175,1);
        }
    .sideactive{right: 0;
        visibility: visible;} 
        
    .sidemenu .closebtn{
        position: absolute;
        top: 10%;
        right: 10%;
        width: 50px;
        height: 50px;
        background: none;
        border: none;
        z-index: 999;
    } 
    .sidemenulogo{
        text-align: center;
        display: block;
        padding-bottom: 20px;
    }
    .sidemenulogo img{
        width: 50%;
    }
    
    .sidemenu .closebtn:before{content:"";position:absolute;width: 40px;height: 1px;background: #000;transform: rotate(48deg);} 
    .sidemenu .closebtn:after{content:"";position:absolute;width: 40px;height: 1px;background: #000;transform: rotate(135deg);} 
     
    .sidemenu .sidemenu-widget h3{
        text-align: center;
        font-family: Tuesday Night;
        font-size: 54px;
        color: #ff8a00;
        margin-bottom: 20px;
        }
    .sidemenu .sidemenu-widget p{font-family: Cormorant;
        font-size: 22px;
        text-align: CENTER;
        line-height: normal;
        color: #d5d5d5;
        font-style: italic;}
    
    .sidemenu .sidemenu-widget a{width: 43px;display: inline-block;border: 1px solid #97c940;padding: 5px 0;font-size: 18px;color: #97c940;margin-bottom: 20px;margin-right: 8px;}
    .sidemenu .sidemenudata{
        padding-top: 15%;
        text-align: center;
        padding: 5px 125px;
    }
    .sidemenu .sidemenudata h3{
        font-family: Lato,sans-serif;
        font-size: 20px;
        text-align: center;
        color: #000;
        letter-spacing: 3px;
        margin: 0;
        margin-bottom: 15px;
    }
    .sidemenu .sidemenudata a{
        display: block;
        color: #333;
        font-size: 16px;
        line-height: normal;
        padding: 5px 5px;
        text-align: left;
        font-weight: 500;
        text-transform: uppercase;
    }
    hr{
        border-color: var(--primary-color);
    }
    /* SUBSCRIBE BOX */
    .subscribebox{
        position:fixed;
        z-index:99;
        width:450px;
        padding: 15px 35px;
        bottom: 5%;
        background:#fff;
        -webkit-box-shadow: 0 0 7px 0 rgb(0 0 0 / 7%);
        box-shadow: 0 0 7px 0 rgb(0 0 0 / 7%);
        left: 5%;
        min-height: 250px;
        padding-top: 126px;
        }
    .subscribebox h3{
        text-align: CENTER;
        font-family: 'Lato', sans-serif;
        text-transform: uppercase;
        color: #000;
        position: absolute;
        font-weight: 500;
        letter-spacing: 2px;
        margin: 0;
        top: 75px;
        font-size: 28px;
        left: 0;
        right: 0;
    }
    .subscribebox span{
        font-family: Tuesday Night;
        font-size: 40px;
        position: absolute;
        display: block;
        text-align: CENTER;
        width: 100%;
        top: 30px;
        color: #c8c8c8;
        left: 0;
        right: 0;
    }
    .subscribebox form{
        float: left;
        width: 100%;
    }
    .subscribebox form input{
        width: 70%;
        border: 1px solid #000;
        padding: 10px;
        float: left;
        outline: none;
        font-style: italic;
        font-family: 'Cormorant', serif;
        font-size: 20px;
        height: 52px;
    }
    .subscribebox form button{
        float: left;
        width: 30%;
        padding: 16px;
        border: none;
        background: #000;
        color: #fff;
        font-family: 'Lato', sans-serif;
        font-size: 14px;
        letter-spacing: 2px;
    }
    .subscribebox p{display: block;
        float: left;
        width: 100%;
        margin: 0;
        padding-top: 5px;
        font-size: 17px;
        font-style: italic;
        font-family: 'Cormorant', serif;}
  
    
    .subscribebox button.closebtn{
        position: absolute;
        top: 5%;
        right: 2%;
        width: 50px;
        height: 50px;
        background: none;
        border: none;
        text-align: center;
        z-index: 999;
    } 
    .subscribebox button.closebtn:before{content:"";position:absolute;width: 40px;height: 1px;background: #000;transform: rotate(48deg);left: 0;} 
    .subscribebox button.closebtn:after{content:"";position:absolute;width: 40px;height: 1px;background: #000;transform: rotate(135deg);left: 0;} 
    .subscribebox.actsubcribe{display:none;}
    
    /* BREADCRUMB */
    .widget-breadcrumb{
        background: #f4f4f4;
        padding: 36px 0;
        text-align: CENTER;
        background: var(--secondary-color);
    }
    .widget-breadcrumb ul{
        margin: 0;
        padding: 0;
        list-style: none;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 10px;
    }
    .widget-breadcrumb ul li{
        display: flex;
        align-items: center;
        text-transform: uppercase;
        color: var(--neutral);
        position: relative;
        font-weight: 500;
        font-size: 14px;
        letter-spacing: 2px;
    }
    .widget-breadcrumb ul li a{
        color: var(--text-secondary);
        font-weight: 300;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 10px;
        vertical-align: middle;
    }
    .widget-breadcrumb ul li a:after{content:"\f105";font: normal normal normal 14px/1 FontAwesome;color: var(--text-secondary);margin-top: -2px;}
    
    /* PAGE CONTENT */
    .widget-content{
        padding: 5% 0;
    } 
    .widget-content .pagehead{
        text-align: CENTER;
    } 
    .widget-content .pagehead span{
        display: inline-block;
        font-family: Tuesday Night;
        font-size: 54px;
        color: #939393;
    } 
    .widget-content .pagehead h3{
        margin: 0;
        position: relative;
        top: -12px;
        font-family: Lato,sans-serif;
        font-size: 22px;
        color: #000;
        letter-spacing: 2px;
    } 
    
    .widget-content .page-content p{
        font-size: 20px;
        font-family: 'Cormorant', serif;
        color: #000;
        font-weight: 500;
    } 
    /* BLOG */
    .widget-blog{padding: 3% 0;} 
    .widget-blog .pagehead{
        text-align: CENTER;
        padding-bottom: 20px;
    } 
    .widget-blog .pagehead span{
        display: inline-block;
        font-family: Tuesday Night;
        font-size: 54px;
        color: #d1d1d1;
        color: #ff8a00;
    } 
    .widget-blog .pagehead h3{
        margin: 0;
        position: relative;
        top: -12px;
        font-family: Lato,sans-serif;
        font-size: 22px;
        color: #000;
        letter-spacing: 2px;
        text-transform: uppercase;
    } 
    .widget-blog .bloggrid{
        padding-bottom: 30px;
    }
    
    .widget-blog .bloggrid figure img{width:100%;}
    .widget-blog .bloggrid .datebox{padding: 10px 15px 0 15px;background: #f2f2f28a;text-align: CENTER;font-size: 16px;font-size: 20px;font-style: italic;font-family: 'Cormorant', serif;color: #000;font-weight: 600;}
    .widget-blog .bloggrid .datebox span.datetext{padding: 0 15px;color: #ff8a00;}
    .widget-blog .bloggrid .datebox span.authortext{letter-spacing: 1px;color: #ff8a00;}
    .widget-blog .bloggrid .contentbox{
        padding: 0 15px 15px 15px;
        background: #f8f8f8;
        text-align: center;
        padding-bottom: 25px;
    }
    .widget-blog .bloggrid .contentbox p{
        margin: 0;
        font-size: 16px;
        padding: 0 15px;
        font-family: Lato,sans-serif;
        margin-bottom: 10px;
    }
    .widget-blog .bloggrid .contentbox a{
        font-size: 20px;
        display: inline-block;
        
        font-family: 'Cormorant', serif;
        color: #ff8a00;
        font-weight: 600;
        text-transform: capitalize;
        font-style: italic;
        padding: 0px 10px;
    }
    .widget-blog .bloggrid .contentbox h3{margin:0;font-family: Lato,sans-serif;font-size: 20px;color: #000;font-weight: 400;padding-top: 10px;text-transform: uppercase;padding-bottom: 10px;letter-spacing: 1px;}
    .blogcontent{
        font-size: 22px;
        font-family: var(--seondary-font);
        font-weight: 400;
        color: #000;
    }
    
    /* PRODUCT VIEW */
    
    
    .widget-product-view{
        padding: 30px 0;
        padding-bottom: 25px;
    }
    .widget-product-view .product-detail{
    padding-left: 15px;
    }
 
    .widget-product-view .product-detail .product-head h3{
        font-family: var(--seondary-font);
        text-transform: uppercase;
        color: #000;
        position: relative;
        font-weight: 500;
        font-size: 2em;
        margin-bottom: 0;
    }
    .widget-product-view .product-detail .product-price .currentprice{
        font-family: 'Cormorant,serif';
        font-size: 45px;
        padding: 0 5px;
        font-family: "Jost", sans-serif;
        font-weight: 700;
        color: #000;
    }
    .widget-product-view .product-detail .product-price .offerprice{
        font-family: 'Cormorant,serif';
        font-size: 30px;
        text-decoration: line-through;
        color: #a7a7a7;
        font-family: "Jost", sans-serif;
        font-weight: 300;
    }
     
    .widget-product-view .product-detail .productrating i{
        color: #80a03c;
    }
    .widget-product-view .product-detail .productrating a{
        font-size: 15px;
        line-height: 25px;
        color: #3d3d3d;
        /* font-family: 'Cormorant,serif'; */
        display: inline-block;
        margin-left: 20px;
    }
    
    .widget-product-view .product-detail .productdesc{
        padding: 25px 15px;
    }
    .widget-product-view .product-detail .productdesc p{
        font-family: 'Cormorant,serif';
        font-size: 17px;
        color: #838383;
        font-weight: 400;
        margin: 0;
    }
    .widget-product-view .product-detail .productcart{
    }
.widget-product-view .product-detail .productcart form{
    display: flex;
    align-items: center;
    justify-content: start;
    gap: 15px;
}
    .widget-product-view .product-detail .productcart .qtybox{
    display: flex;
    align-items: center;
    }
    .widget-product-view .product-detail .productcart .qtybox button.minus{
        width: 45px;
        height: 45px;
        color: #000000;
        text-align: center;
        padding-top: 0;
        border: 1px solid #000000;
        position: relative;
        background: #ffffff;
        border-radius: 5px 0 0 5px;
        border-right: none;
    }
    .widget-product-view .product-detail .productcart .qtybox button.plus{
     width: 45px;
     height: 45px;
     font-size: 20px;
     color: #797979;
     text-align: center;
     border: 1px solid #000000;
     position: relative;
     background: #ffffff;
     border-radius: 0 5px 5px 0;
     border-left: none;
    }
    .widget-product-view .product-detail .productcart .qtybox input[type='text']{
        width: 119px;
        height: 45px;
        float: left;
        text-align: center;
        outline: none;
        border: none;
        border-top: 1px solid #000000;
        border-bottom: 1px solid #000000;
        font-weight: 600;
        border-right: none;
        font-size: 18px;
    }
    .widget-product-view .product-detail .productcart .crtbox{
    }
    
    .widget-product-view .product-detail .productcart .crtbox button{
        background: #80a03c;
        border: none;
        padding: 8px  39px;
        color: #fff;
        font-weight: 600;
        font-family: 'jost', sans-serif;
        letter-spacing: 1px;
        font-size: 20px;
        border-radius: 5px;
    }
    .widget-product-view .product-detail .productcart .crtbox button:hover{
        background: #5c7624;
    }
    
    .widget-product-view .product-detail .productcart .crtbox .outofstock:hover,
    .widget-product-view .product-detail .productcart .crtbox .outofstock{background: #d88b8b;}
    .widget-product-view .product-detail .productcart .qtybox button.plus:before{content: "";position: absolute;width: 20px;height: 2px;background: #000000;left: 10px;top: 20px;margin: 0 auto;}
    .widget-product-view .product-detail .productcart .qtybox button.plus:after{content:"";position:absolute;width: 2px;height: 20px;background: #000;top: 10px;right: 23px;}
    .widget-product-view .product-detail .productcart .qtybox button.minus:before{content:"";position:absolute;width: 20px;height: 2px;background: #000000;left: 7px;right: 0;margin: 0 auto;}
    .widget-product-view .product-detail .productwish{
        padding-top: 25px;
        padding-bottom: 15px;
    }
    .widget-product-view .product-detail .productwish a{
        display: inline-block;
        font-size: 24px;
        font-style: italic;
        font-family: var(--seondary-font);
        font-weight: 400;
    }
    .widget-product-view .product-detail .productwish a i{
        font-size: 22px;
        color: #97c940;
    }
     
    .widget-product-view .product-detail .productlist a{
        display: block;
        font-family: 'Lato', sans-serif;
        letter-spacing: 2px;
    }
    .widget-product-view .product-grid{
    }
    .widget-product-view .product-grid .thumbnail-grid{
        padding: 0;
        width: 17%;
    }
    .widget-product-view .product-grid .thumbnail-grid ul{
        padding: 0;
        list-style: none;
    }
    .widget-product-view .product-grid .thumbnail-grid ul li{
        display: block;
        margin-bottom: 10px;
    }
    .widget-product-view .product-grid .thumbnail-grid ul li img{
        width: 100%;
        border: 1px solid #eee;
    }
    .widget-product-view .product-grid .slide-list{
        width: 83%;
        padding-right: 0;
    }
    .widget-product-view .product-grid .slide-list img{
        width: 100%;
        border: 1px solid #eee;
    }
    .widget-product-view .product-grid .tag{
        position: absolute;
        top: 20px;
        right: 20px;
        font-family: 'jost', sans-serif;
        color: #fff;
        letter-spacing: 0;
        padding: 5px 13px;
        font-weight: 800;
        text-transform: uppercase;
    }
    .widget-product-view .product-grid .tag.new{/* background: #97c940d6; */background: #80a03cba;color: #000;}
    /* TAB GRID */
    .widget-product-view .product-reviews{
        padding-top: 4%;
    }
    .widget-product-view .product-reviews .tab-grid ul{
        padding: 0;
        list-style: none;
        margin: 0;
    }
    .widget-product-view .product-reviews .tab-grid ul li{
        display: inline-block;
        margin-right: 4px;
    }
    .widget-product-view .product-reviews .tab-grid ul li a{
        display: inline-block;
        padding: 7px 30px;
        border: 1px solid #97c940;
        font-family: 'Cormorant', serif;
        font-style: italic;
        font-size: 20px;
        font-weight: 700;
        color: #000;
        letter-spacing: 1px;
    }
    .widget-product-view .product-reviews .tab-grid ul li a:hover{background: #ff8a00;color:#fff;border-color: #ff8a00;}
    .widget-product-view .product-reviews .tab-grid ul li a.active{background: #97c940;color:#fff;border-color: #97c940;}

    .widget-product-view .product-reviews .tab-grid-widget .innerbox{
        padding: 10px 0;
        display: none;
    }
    .widget-product-view .product-reviews .tab-grid-widget .innerbox.activetab{display:block;}
    .widget-product-view .product-reviews .tab-grid-widget .innerbox p{
        margin: 0;
        font-size: 16px;
        font-family: 'Cormorant,serif';
        font-size: 17px;
        letter-spacing: 1px;
        color: #636363;
    }
    /* LOGIN REGISTRATION */
    .widget-account{
        padding: 40px 0;
        background: var(--background-light);
    }
    .widget-account .box-inner-log-reg{
        padding: 30px;
        background: var(--background-dark);
        border-radius: 10px;
    }
    .widget-account .box-inner-log-reg .head-box{
        text-align: center;
        padding-bottom: 20px;
    }
    .widget-account .box-inner-log-reg .head-box p{color: #fff;}
    .widget-account .box-inner-log-reg .head-box span{
        font-size: 14px;
        font-weight: 500;
        color: var(--secondary-color);
        letter-spacing: .5px;
    }
    .widget-account .box-inner-log-reg .head-box h3{
        font-family: var(--seondary-font);
        font-weight: 700;
        font-size: 30px;
        color: #fff;
    }
    .widget-account .box-inner-log-reg .formbox form .inp-grp{
            margin: 0 0 20px;
            position: relative;
            z-index: 1;
    }
    .widget-account .box-inner-log-reg .formbox form .inp-grp label{
        display: block;
        color: #ffffff73;
        font-weight: 300;
        letter-spacing: .5px;
        position: absolute;
        top: -8px;
        left: 10px;
        font-size: 12px;
        background: var(--background-dark);
        padding: 0 5px;
    }
    .widget-account .box-inner-log-reg .formbox form .inp-grp input{
        width: 100%;
        padding: 10px 15px;
        font-size: 16px;
        color: #ddd;
        border-radius: 3px;
        border: none;
        outline: none;
        background: transparent;
        border: 1px solid var(--primary-color);
    }
    .widget-account .box-inner-log-reg .formbox form .inp-grp input::placeholder{
        color: #3e583c;
        font-size: 15px;
    }
    .widget-account .box-inner-log-reg .formbox form .inp-grp button{
        border: 0;
        padding: 9px 35px;
        width: 100%;
        font-size: 15px;
        margin: 15px 0 0;
        letter-spacing: 1px;
        background: var(--primary-color);
        color: #fff;
        border-radius: 2px;
        transition: .3s;
    }
    .widget-account .box-inner-log-reg .formbox form .inp-grp button:hover{
        background: var(--secondary-color);
    }
    .widget-account .box-inner-log-reg .formbox .forgetpassword{
        font-size: 13px;
        font-family: var(--secondary-color);
        color: var(--text-secondary);
        font-weight: 400;
        display: inline-block;
        position: absolute;
        bottom: -22px;
        white-space: nowrap;
        right: 0;
        }
    .widget-account .box-inner-log-reg .formbox .showhidepassword{
        position: absolute;
        right: 10px;
        top: 50%;
        transform: translateY(-50%);
        color: var(--text-secondary);
        z-index: 9;
    }
    .widget-account .box-inner-log-reg .formbox .showhidepassword.bi-eye{
        color: var(--secondary-color);
    }
    .widget-account .box-inner-log-reg .box-widget-bottom{
        text-align: center;
    }
    .widget-account .box-inner-log-reg .box-widget-bottom span{
        display: inline-block;
        font-size: 14px;
        font-weight: 200;
        color: #fff;
    }
    .widget-account .box-inner-log-reg .box-widget-bottom a{
    font-size: 13px;
    color: var(--secondary-color);
    font-weight: 500;
    text-decoration: underline;
    }
    .widget-account .box-inner-log-reg .box-widget-bottom a:hover{
        color: #fff;
    }
    /* LOADING BAR */
    /** LOADING CSS ***/
    
    .lds-ring {
      display: inline-block;
      position: relative;
      width: 80px;
      height: 80px;
    }
    .lds-ring div {
      box-sizing: border-box;
      display: block;
      position: absolute;
      width: 64px;
      height: 64px;
      margin: 8px;
      border: 8px solid #fff;
      border-radius: 50%;
      animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
      border-color: #fff transparent transparent transparent;
    }
    .lds-ring div:nth-child(1) {
      animation-delay: -0.45s;
    }
    .lds-ring div:nth-child(2) {
      animation-delay: -0.3s;
    }
    .lds-ring div:nth-child(3) {
      animation-delay: -0.15s;
    }
    @keyframes lds-ring {
      0% {
        transform: rotate(0deg);
      }
      100% {
        transform: rotate(360deg);
      }
    }
    
    .pagemessage{
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 99999;

    }
.pagemessage .successbox {
    background: #8bc34a7a;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #4CAF50;
    padding: 20px;
    color: #fff;
    border-radius: 5px;
}
    .pagemessage .pagecover{
        position: fixed;
        top: 0;
        right: 0;
        width: 100%;
        text-align: center;
        bottom: 0;
        left: 0;
        background: #000000b0;
        height: 100%;
        padding-top: 15%;
    }
    
    .pagemessage .successmessage{
        text-align: center;
        padding: 15px;
        background: #4caf50;
        text-transform: uppercase;
        color: #fff;
        font-weight: 400;
        font-family: 'Poppins', sans-serif;
        letter-spacing: 1px;
    }
    .pagemessage .failedmessage{
        text-align: center;
        padding: 15px;
        background: #F44336;
        text-transform: uppercase;
        color: #fff;
        font-weight: 400;
        font-family: 'Poppins', sans-serif;
        letter-spacing: 1px;
    }
    /** END LOADING **/
    
    .widget-page{padding:50px 0;padding-top: 20px;}
    .widget-page .head{
        font-family: Lato,sans-serif;
        font-size: 30px;
        line-height: 1.267em;
        letter-spacing: .05em;
        text-transform: uppercase;
        color: #000;
        margin: 0;
        margin-top: 3px;
        text-align: CENTER;
        margin-bottom: 20px;
        }
    /***************************************************/
    /************* ACCOUNT PANEL ******/
    .account-panel-widget{padding: 30px 0;}
    .account-panel-widget .innerbox-widget{width:60%; margin:0 auto;float: inherit;}
    .account-panel-widget .innerbox-widget .frmbox-widget{
        border: 2px solid #eee;
        padding: 15px 30px;
        border-radius: 10px;
    }
    .account-panel-widget .innerbox-widget .frmbox-widget .headtext{
        padding: 0;
        padding-top: 15px;
        padding-bottom: 15px;
        /* padding: 0; */
    }
    .account-panel-widget .innerbox-widget .frmbox-widget .headtext h4{
        margin: 0;
        font-family: 'Poppins', sans-serif;
        font-size: 24px;
        color: #000;
    }
    .account-panel-widget .innerbox-widget .frmbox-widget .headtext p{
        margin: 0;
    }
    .account-panel-widget .innerbox-widget .frminner{
        border: 2px solid #eee;
        padding: 10px 13px;
        margin-bottom: 15px;
        border-radius: 3px;
    }
    .account-panel-widget .innerbox-widget .frminner label{
        display: block;
        text-transform: uppercase;
        position: absolute;
        top: -10px;
        background: #fff;
        font-family: 'Poppins', sans-serif;
        padding: 0 6px;
        left: 5px;
        font-weight: 500;
        letter-spacing: 1px;
    }
    .account-panel-widget .innerbox-widget .frminner input[type='text']{
        padding: 7px 0;
        width: 100%;
        border: none;
        outline: none;
    }
    .account-panel-widget .innerbox-widget .frminner input[type='password']{
        padding: 7px 0;
        width: 100%;
        border: none;
        outline: none;
    }
    .account-panel-widget .innerbox-widget .frminner input[type='submit']{
        width: 100%;
        padding: 10px;
        border: none;
        background: #f58220;
        color: #fff;
        font-family: 'Poppins', sans-serif;
        text-transform: uppercase;
        letter-spacing: 1px;
        border-radius: 2px;
    }
    .account-panel-widget .innerbox-widget .frminner.lastdiv {
        border:
        none;
        padding: 0;
        margin-bottom: 10px;
        }
    .account-panel-widget .innerbox-widget .frgtpass{
        text-align: CENTER;
    }
    .account-panel-widget .innerbox-widget .frgtpass a{
        display: inline-block;
        font-size: 16px;
        font-weight: 600;
        color: #000000;
        margin-bottom: 10px;
    }
    .account-panel-widget .innerbox-widget .frm-text-box{
        padding-top: 10%;
    }
    .account-panel-widget .innerbox-widget .frm-text-box h3{
        margin: 0;
        font-size: 16px;
        text-align: center;
        color: #000000;
        margin-bottom: 10px;
        font-weight: 600;
    }
    .account-panel-widget .innerbox-widget .frm-text-box a.btncreate{
        display: block;
        text-align: CENTER;
        border: 2px solid #e2781d;
        color: #e97c1e;
        margin-bottom: 10px;
        font-weight: 600;
        padding: 6px;
        text-transform: uppercase;
        border-radius: 5px;
        letter-spacing: 1px;
    }
    .account-panel-widget .innerbox-widget .frm-text-box p{
        margin-top: 15px;
        font-size: 15px;
    }
    .account-panel-widget .innerbox-widget .frm-text-box p a.terms{
        display: block;
        font-weight: 600;
        color: #000000;
    }
    .account-panel-widget .innerbox-widget .frm-text-box p a{
        font-weight: 600;
        color: #000000;
    }
    .account-panel-widget .innerbox-widget .msgpop{padding:0; padding-bottom:15px;}
    .errormsg{
        text-align: CENTER;
        background: #9b00001f;
        color: #fff;
        padding: 5px 10px;
        border-radius: 4px;
        color: #9b0000;
        display: inline-block;
        }
    .successmsg{text-align: CENTER;
        background: #067a481f;
        color: #fff;
         
        padding: 5px 10px;
        border-radius: 4px;
        color: #067a48; display: inline-block;}
    .account-panel-widget .account-widget-left{
    height: 100%;
    }
    .account-panel-widget .account-widget-left ul{
        background: var(--background-dark);
        height: 100%;
        border-radius: 5px;
        list-style: none;
        padding: 0;
        margin: 0;
    }
    .account-panel-widget .account-widget-left ul li{}
     
    .account-panel-widget .account-widget-left ul li a{
        font-size: 15px;
        display: block;
        padding: 10px;
        font-weight: 300;
        color: #fff;
        border-bottom: 1px solid #334f32;
        transition: .3s linear;
    }
    .account-panel-widget .account-widget-left ul li a:hover{
        background: #334f32;
    }
    .account-panel-widget .account-widget-left ul li:last-child a{border:none;}
    
  
    .account-panel-widget .widget-outerbox .peagehead{
        padding-top: 0;
        margin-bottom: 15px;
    }
    .account-panel-widget .widget-outerbox .peagehead h3{
        font-size: 22px;
        padding-bottom: 5px;
        position: relative;
        font-family: var(--seondary-font);
        color: #000;
        font-weight: 700;
    }
    .account-panel-widget .widget-outerbox .peagehead h3:before{content:"";position:absolute;width:100px;height:2px;background: #bdbdbd;bottom: 0;}
    
    
    .icontogglepass{position: absolute;right: 5px;top: 15px;background: none;border: none;color: #7e7e7e;}    
    .account-panel-widget .widget-outerbox .tablebox{
        display: table;
        width: 100%;
        border-top: 2px solid var(--lightgreen-color);
        border-bottom: 2px solid var(--lightgreen-color);
        padding-top: 10px;
        padding-bottom: 10px;
        }
    .account-panel-widget .widget-outerbox .tablebox .tblbody{display: table-row-group;}
    .account-panel-widget .widget-outerbox .tablebox .tblrow{display: table-row;}
    .account-panel-widget .widget-outerbox .tablebox .tblrow .tblcell{padding: 3px 0;}
    .account-panel-widget .widget-outerbox .tablebox .tblrow .tblcell .subtext{
        font-size: 18px;
        color: #000;
        }
    .account-panel-widget .widget-outerbox .tablebox .tblrow .tblcell .subhead{
        font-weight: 400;
        font-size: 14px;
        padding: 0;
        background: none;
        color: var(--text-secondary);
        box-shadow: none;
        }
    .account-panel-widget .widget-outerbox .tablebox .tblrow .tblcell .subbtn{
        font-size: 14px;
        text-transform: uppercase;
        padding: 0px 0 3px 0px;
        display: inline-block;
        /* border-bottom: 1px solid #000; */
        font-weight: 400;
        font-family: 'Lato', sans-serif;
        background: var(--primary-color);
        padding: 4px 20px;
        border-radius: 2px;
        color: #fff;
        }
    .account-panel-widget .widget-outerbox h4{
        font-size: 25px;
        font-weight: 400;
        font-family: var(--seondary-font);
        color: #000;
        padding: 10px 0 0;
    } 
        .updtinfomartionform{
        padding-top: 20px;
    }
    .updtinfomartionform label{
        display: block;
        letter-spacing: 1px;
        font-weight: 400;
    }
    .updtinfomartionform select{
        width: 100%;
        padding: 10px 15px;
        outline: none;
        border: none;
        background: #eee;
        -webkit-appearance: none;
        -moz-appearance: none;
        -o-appearance: none;
        appearance: none;
        outline: 0;
        background-image: url(../image/selicon.svg);
        background-repeat: no-repeat;
        background-position: 100% center;
        -webkit-background-size: 35px 7px;
        -moz-background-size: 35px 7px;
        -o-background-size: 35px 7px;
        background-size: 35px 7px;
        padding-right: 30px;
        margin-bottom: 10px;
        font-family: "Roboto",sans-serif;
        font-size: 16px;
    }
    .updtinfomartionform input[type='text']{
        width: 100%;
        padding: 10px 15px;
        outline: none;
        border: none;
        font-size: 16px;
        background: #eee;
        margin-bottom: 10px;
    }
    .updtinfomartionform input[type='submit']{
        width: 100%;
        padding: 15px;
        background: var(--primary-color);
        color: #fff;
        letter-spacing: 2px;
        font-size: 14px;
        margin-top: 10px;
        margin-bottom: 15px;
        outline: none;
        border: none;
        }

    #changepasswordmodal .modal-dialog{
        width: 500px;
    }
    #changepasswordmodal .modal-dialog .modal-content{
        border-radius: 0;
    }
    #changepasswordmodal .modal-dialog .modal-content .modal-body{
        border-radius: 0;
        padding: 30px;
        padding-bottom: 50px;
    }
    #changepasswordmodal .modal-dialog .modal-content .modal-body h3{
        margin: 0;
        /* font-size: 28px; */
        font: 18px 'Poppins', sans-serif;
        margin-bottom: 15px;
    }

    #changepasswordmodal .modal-dialog .modal-content .modal-body .frmchng label{
        display: block;
        font-size: 14px;
        font-weight: 400;
        letter-spacing: 1px;
    }
    #changepasswordmodal .modal-dialog .modal-content .modal-body .frmchng input[type='password']{
        padding: 10px;
        margin-bottom: 10px;
        width: 100%;
        background: #eee;
        border: 1px solid #eee;
    }
    #changepasswordmodal .modal-dialog .modal-content .modal-body .frmchng input[type='submit']{
        display: block;
        padding: 15px;
        background: #000;
        width: 100%;
        border: none;
        color: #fff;
        text-transform: uppercase;
        letter-spacing: 2px;
    } 
    
    /************ ORDER VIEW PANEL ************/
    .order-main-box{padding: 15px;border-radius: 5px;background: #f9f9f9;margin: 0 0 20px;position: relative;z-index: 1;}
    .order-main-box .order-head{padding: 0;border-bottom: 1px solid #eee;padding-bottom: 5px;}
    .order-main-box .order-head .ordercancelbyuser{
        padding: 4px 10px;
        color: #000;
        border-radius: 4px;
        line-height: 1;
        font-weight: 400;
        letter-spacing: .5px;
        transition: .3s linear;
        background: #eee;
    }
    .order-main-box .order-head .ordercancelbyuser:hover{
        background: #c00000;
        color: #fff;
    }
    .order-main-box .order-head .orderno-total .repayamount{
    background: green;
    color: #fff;
    padding: 4px 10px;
    display: inline-block;
    border-radius: 3px;
    font-weight: 400;
    letter-spacing: .5px;
}
    .order-main-box .order-head .cancelorder{
        background: #eee;
        padding: 4px 10px;
        color: #fff;
        border-radius: 4px;
        line-height: 1;
        font-weight: 400;
        letter-spacing: .5px;
        transition: .3s linear;
    }
    .order-main-box .order-head div{display: inline-block;width: 49%;}
    .order-main-box .order-head .orderno-tag{padding: 0;}
    .order-main-box .order-head .orderno-tag span{font-size: 14px;display: block;}
    .order-main-box .order-head .orderno-tag span:nth-child(1){font-weight: 600;}
    .order-main-box .order-head .orderno-date{padding: 0;text-align: center;}
    .order-main-box .order-head .orderno-date span{font-weight: 400;font-size: 14px;display: block;}
    .order-main-box .order-head .orderno-total{padding: 0;text-align: end;}
    .order-main-box .order-head .orderno-total span{
        font-size: 15px;
        font-weight: 400;
        display: block;
        padding: 0 0 10px;
        }
     .order-main-box .order-head .orderno-pay{text-align: right;width: 20%;}
     .order-main-box .order-head .orderno-pay span{font-size: 14px;display: block;}
.order-main-box .order-head .orderno-pay span b{
    font-weight: 600;
    color: #555;
}
    .order-main-box .itemdet{padding-top: 10px;}  
    .order-main-box .itemdet .figureimg{width: 7%;display: inline-block;}
.order-main-box .itemdet .figureimg figure{margin: 0;}    
.order-main-box .itemdet .figureimg img{width:100%;}  

    .order-main-box .itemdet .prodet h3{margin-bottom: 0;font-size: 15px;margin-top: 0;font-weight: 500;}
    .order-main-box .itemdet .prodet .articleno{display: block;letter-spacing: 4px;font-size: 16px;}
    .order-main-box .itemdet .prodet .pricedata{font-size: 14px;padding: 5px 0 0;display: inline-block;color: #666;} 
    .widget-checkout-panel .loginprof{
        padding: 0 5px;
        clear: both;
    }
    .widget-checkout-panel .loginprof .figurebox{
        width: 50px;
        float: left;
        height: 50px;
        background: #000;
        padding: 5px;
        text-align: center;
        padding-top: 10px;
        font-size: 20px;
        border-radius: 4px;
        margin-right: 9px;
        /* border: 2px solid #e3e3e3; */
    }
    .widget-checkout-panel .loginprof .figurebox span{
        color: #ffffff;
        font-weight: 600;
    }
    .widget-checkout-panel .loginprof .detailbox {
        width: calc(60px - 100%);
        float: left;
    }
    .widget-checkout-panel .loginprof .detailbox span.head{
        display: block;
        font-size: 16px;
    }
    .widget-checkout-panel .loginprof .detailbox span.btnhref{
        display: block;
        text-align: left;
        padding: 0;
    }
    .widget-checkout-panel .loginprof .detailbox span.btnhref a{
        color: var(--primary-color);
        font-weight: 600;
    }
    
 .checkoutwrapper1{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #fff;
    z-index: 999;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;

}

    .widget-checkout-panel .checkoutwrapper h4{
    font-size: 22px;
    color: green;
}
    .widget-checkout-panel .checkoutwrapper p{
    font-size: 16px;
    color: #000;
}
    .widget-checkout-panel .checkoutwrapper p:nth-child(3){
    font-size: 14px;
}
    
    /** CART PAGE **/
    .cartpanel{padding:30px 0;}
    
    .cartpanel .cart-widget-grid{}
    .cartpanel .cart-widget-grid .innergrid{
    margin: 0 0 20px;
}
    .cartpanel .cart-widget-grid .innergrid .cart-title {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 15px 0;
        border-top: 1px solid #f4f4f4;
        border-bottom: 1px solid #f4f4f4;
        background: #eee;
        padding: 10px 15px;
        border-radius: 5px;
    }
    .cartpanel .cart-widget-grid .innergrid .cart-title h2{
        font-size: 26px;
        font-weight: 700;
        font-family: var(--seondary-font);
    }

    .cartpanel .cart-widget-grid .innergrid .item-wrap ul{
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        align-items: start;
        justify-content: space-between;
        list-style: none;
        padding: 10px 0;
        border-bottom: 1px solid #ddd;
        margin: 0;
        }
    .cartpanel .cart-widget-grid .innergrid .item-wrap ul li.item-info {
        display: flex;
    }
    .cartpanel .cart-widget-grid .innergrid .item-wrap ul li:first-child {
        width: 60%;
        align-items: start;
        justify-content: start;
    }
    .cartpanel .cart-widget-grid .innergrid .item-wrap ul li {
        width: 20%;
    }
    .cartpanel .cart-widget-grid .innergrid .item-wrap ul li.item-qty {
        text-align: center;
    }
    .cartpanel .cart-widget-grid .innergrid .item-wrap ul li.item-price {
        text-align: right;
    }
.cartpanel .cart-widget-grid .innergrid .item-wrap ul li.item-price .money{font-size: 18px;color: var(--primary-color);font-weight: 600;}
    .cartpanel .cart-widget-grid .innergrid .item-wrap ul li.item-info .item-title {
        margin-left: 15px;
    }
    .cartpanel .cart-widget-grid .innergrid .item-wrap ul li.item-info .item-title a {
        display: block;
        font-size: 18px;
        font-weight: 500;
    }
.cartpanel .cart-widget-grid .innergrid .item-wrap ul li.item-info .item-title a.removebtn{display: none;}
    .cartpanel .cart-widget-grid .innergrid  .item-wrap ul li.item-info .item-title span.item-option {
        font-size: 16px;
        display: block;
    }
    .cartpanel .cart-widget-grid .innergrid .item-wrap ul li.item-info .item-title span.item-option span {
        font-weight: 600;
    }
    .cartpanel .cart-widget-grid .innergrid  .item-wrap ul li.item-info .item-title span.item-option span:last-child {
        font-weight: 400;
        color: var(--text-secondary);
    }

    .cartpanel .cart-widget-grid .innergrid .item-wrap ul li .item-img img{width: 90px;border-radius: 5px;}
    
    
    
    .cartpanel .cart-widget-grid .cart-buttons {
        margin: 0;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 15px 0;
        border-bottom: 2px solid #ff8a0024;
    }
    .cartpanel .cart-widget-grid .cart-buttons a{
        padding: 10px 15px;
        text-align: center;
        display:
        inline-block;
        border-radius: 5px;
        letter-spacing: 1px;
        font-weight: 300;
        color: #fff;
        background: var(--primary-color);
        }
    .removebtn{
    } 
    
    .cartpanel .cart-total{box-shadow: 0 0 20px -3px rgb(0 0 0 / 15%);"Jost", font-family: sans-serif;background: #fff;border-radius: 10px;padding: 15px;}
    
    .cartpanel .cart-total .cart-total-widget{ }
    .cartpanel .cart-total .cart-total-widget .coupon-area{ }
    .cartpanel .cart-total .cart-total-widget .coupon-area form{ }
    .cartpanel .cart-total .cart-total-widget .coupon-area form .fields{background: #eee;padding: 15px;border-radius: 5px;margin: 0 0 10px;}
    .cartpanel .cart-total .cart-total-widget .coupon-area form .fields input{width: 100%;padding: 10px;border: 1px solid #ddd;outline: none;border-radius: 5px;}
    .cartpanel .cart-total .cart-total-widget .coupon-area form .fields button{display: block;background: #858484;color: #fff;outline: none;border: none;width: 100%;padding: 8px;font-size: 16px;margin: 5px 0 0;transition: .3s linear;border-radius: 5px;}
    .cartpanel .cart-total .cart-total-widget .coupon-area form .fields button:hover{background: var(--primary-color);}
    .cartpanel .cart-total .cart-total-widget .coupon-area .couponcode{background: #00974652;padding: 15px;border-radius: 3px;line-height: 1;text-align: center;outline: 1px dashed #009746;outline-offset: -5px;}
    .cartpanel .cart-total .cart-total-widget .coupon-area .couponcode span{font-size: 18px;letter-spacing: 5px;font-weight: 600;line-height: 1;}
    .cartpanel .cart-total .cart-total-widget .coupon-area .removecoupon{display: block;background: #858484;color: #fff;outline: none;border: none;width: 100%;padding: 8px;font-size: 16px;margin: 5px 0 0;transition: .3s linear;border-radius: 5px;}
    .cartpanel .cart-total .cart-total-widget .coupon-area .removecoupon:hover{background: #009746;}
    .cartpanel .cart-total .cart-total-widget .coupon-area .couponmsg{}
    .cartpanel .cart-total .cart-total-widget .coupon-area .couponmsg .errmsg{color: red;}
    .cartpanel .cart-total .cart-total-widget .coupon-area .couponmsg .succmsg{color: green;}
    .cartpanel .cart-total .cart-total-widget .cart-sub-total{
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 10px 0;
        /* border-top: 1px solid var(--primary-color); */
        border-bottom: 1px solid #f3f3f3;
        }
    .cartpanel .cart-total .cart-total-widget .cart-sub-total span.subtotal-title{
        text-transform: uppercase;
        /* font-family: 'Poppins', sans-serif; */
        font-size:16px;
        font-weight: 600;
    } 
    .cartpanel .cart-total .cart-total-widget .cart-sub-total span.subtotal{
         font-size:16px;
         font-weight: 500;
    } 
    .cartpanel .cart-total .cart-total-widget .cart-sub-total span.subtotal-title a,
    .cartpanel .cart-total .cart-total-widget .cart-sub-total span.subtotal a{
    font-size: 13px;
    color: #42a5ff;
    text-decoration: underline;
    text-transform: capitalize;
    font-weight: 500;
}

.shippingcalculate-panel{
    position: fixed;
    top: 0;
    right: -310px;
    background: #fff;
    width: 300px;
    height: 100%;
    z-index: 999;
    pointer-events: none;
    visibility: hidden;
    opacity: 0;
    transition: .3s linear;
}
.shippingcalculate-panel.active{
    pointer-events: auto;
    visibility: visible;
    opacity: 1;
    right: 0;
}
.shippingcalculate-panel > a{
    position: absolute;
    top: 5px;
    left: 10px;
    z-index: 9999;
}
.panelhead{
    position: absolute;
    top: 0;
    width: 100%;
    background: #fff;
    padding: 15px 10px 10px;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 5px;
}
.panelhead label{
    padding: 0 0 5px;
    font-size: 13px;
    font-weight: 500;
}
.panelhead input{
    width: 100%;
    border: 1px solid #e4e1e1;
    padding: 5px 10px;
    outline: none;
}
.panelhead .panelhead-btn{
    margin: 10px 0 0;
    display: flex;
    align-items: center;
    justify-content: start;
    gap: 5px;
}
.panelhead button{
    background: var(--primary-color);
    border: none;
    outline: none;
    color: #fff;
    padding: 6px;
    border-radius: 4px;
}
.panelhead button:hover{}
.panelbody{
    height: 100%;
    background: #eee;
    padding: 15px;
    padding-top: 48%;
    overflow: auto;
}
.panelbody .panel-loading{
}
.panelbody .panel-loading .loadingbox{
    width: 40px;
    height: 40px;
    border: 2px solid green;
    border-top: 2px solid #eee;
    border-radius: 50%;
    animation: spin 1s linear infinite;
    margin: auto;
}
@keyframes spin{
    to{transform: rotate(360deg);}
}
.panelbodyhead{}
.panelbodyhead h3{
    font-size: 15px;
    padding: 0 0 10px;
}
.panelbody .courierdata{
    background: #ffffff;
    margin: 0 0 10px;
    border-radius: 3px;
    padding: 10px;
    display: block;
    line-height: 1;
    font-size: 15px;
    color: #666;
    font-weight: 500;
    transition: .3s linear;
}
.panelbody .courierdata:hover{
    color: #000;
}
.panelbody .courierdata.active{
    border: 1px solid var(--primary-color);
    color: var(--primary-color);
}
.panelbody .courierdata h4 span{
    color: #000;
    font-weight: 500;
}

    .checkoutbtn{
        text-align: CENTER;
        padding-top: 15px;
    }
    .checkoutbtn a{
        padding: 10px 15px;
        text-align: center;
        display: inline-block;
        text-transform: uppercase;
        font-family: "Jost", sans-serif;
        border: none;
        margin-top: 0;
        border-radius: 6px;
        font-weight: 600;
        color: #fff;
        background: var(--primary-color);
    }
    .checkoutbtn a:hover{
        background: var(--secondary-color);
    }

    #removeCart .modal-content{border-radius:0;box-shadow:none;border: none;} 
    #removeCart h3{
        margin: 0;
        margin-bottom: 12px;
        font-size: 16px;
        font-weight: 300;
        color: #404040;
    }
    #removeCart button.btnopenclose{
        display: inline-block;
        padding: 5px 30px;
        border: none;
        font-size: 16px;
        background: #8f0101;
        color: #fff;
        margin-right: 0;
        margin-bottom: 15px;
        display: inline-block;
        padding: 3px 23px;
        background: #ffffff;
        color: #2b2b31;
        letter-spacing: 2;
        font-family: 'Poppins', sans-serif;
        margin-bottom: 15px;
        font-weight: 500;
        border: 2px solid #2b2b31;
        border-radius: 5px;
    }
    .alertmsg-success{    text-align: center;
        padding: 15px;
        background: #4caf50;
        text-transform: uppercase;
        color: #fff;
        font-weight: 400;
        font-family: 'Poppins', sans-serif;
        letter-spacing: 1px;}
    .delcartitemmsg{padding-right:0;text-align: center;} 
    .cartpanel .carhead{
        padding: 10px 0;
        margin-bottom: 0;
    }
.cartpanel .carhead img{width: 100px; margin: 0 0 20px;}
    .cartpanel .carhead .cartemtytxt{font-family: 'Poppins', sans-serif;margin: 0;font-size: 20px;color: var(--text-secondary);display: block;font-weight: 300;}
    .cartpanel .carhead .cartemtytxt2{var(:'Poppins', sans-serif);color: var(--text-primary);}
    .btncntnu {
        display: inline-block;
        padding: 10px 23px;
        color: #ffffff;
        margin-bottom: 15px;
        font-weight: 400;
        border-radius: 5px;
        transition: .3s;
        border: 2px solid #6cab00;
        background: var(--primary-color);
        letter-spacing: .5px;
    }
    .btncntnu:hover{
        background: var(--highlight);
        color: #fff;
        border: 2px solid #da7702;
    }
    .nocartitem{display:block; padding-top:30px; }  
    
    
    /*** CHECKOUT PAGE ***/
    
    .widget-checkout-panel{
        overflow: hidden;
    }
    .widget-checkout-panel .widget-leftpanel{
 
        padding-right: 5%;
    }
    .widget-checkout-panel .widget-leftpanel .header-widget-checkout{
        padding-top: 40px;
    }
    .widget-checkout-panel .widget-leftpanel .header-widget-checkout h3{
        font-family: 'jost', sans-serif;
        margin: 0;
        font-weight: 700;
        color: #000;
        text-transform: uppercase;
    }
    .widget-checkout-panel .widget-leftpanel .breadcrumb-widget{
        padding-top: 10px;
    }
    .widget-checkout-panel .widget-leftpanel .breadcrumb-widget ul{
        padding: 0;
        list-style: none;
        margin: 0;
    }
    .widget-checkout-panel .widget-leftpanel .breadcrumb-widget ul li{
        display: inline-block;
        padding: 0;
    }
    .widget-checkout-panel .widget-leftpanel .breadcrumb-widget ul li:first-child{padding-left:0;}
    .widget-checkout-panel .widget-leftpanel .breadcrumb-widget ul li a{
        display: inline-block;
        color: #000000;
        font-size: 16px;
        font-family: 'jost', sans-serif;
        'jost', font-family: sans-serif;
    }
    .widget-checkout-panel .widget-leftpanel .breadcrumb-widget ul li i{
        font-size: 10px;
        margin-left: 5px;
        margin-right: 5px;
    }
    
    .widget-checkout-panel .widget-leftpanel .widget-login-panel{
        padding: 15px 0;
        clear: both;
    } 
    .widget-checkout-panel .widget-leftpanel .widget-login-panel .innerlogin-widget{
        display: flex;
        align-items: center;
    } 
    .widget-checkout-panel .widget-leftpanel .widget-login-panel .innerlogin-widget h4{
        margin: 0;
        font-weight: 700;
        color: #000000;
        font-family: var(--seondary-font);
        font-size: 26px;
    } 
    .widget-checkout-panel .widget-leftpanel .widget-login-panel .innerlogin-widget p{
        margin: 0;
        font-family: var(--primary-font);
        font-size: 16px;
        text-align: end;
    } 
    .widget-checkout-panel .widget-leftpanel .widget-login-panel .innerlogin-widget p a{
        color: var(--primary-color);
        font-family: var(--primary-font);
        font-weight: 600;
    } 
    .widget-checkout-panel .widget-leftpanel .form-widget-panel{
    } 
    .widget-checkout-panel .widget-leftpanel .form-widget-panel .outerform{
        position: relative;
        margin: 0 0 25px;
    } 
    .widget-checkout-panel .widget-leftpanel .form-widget-panel .outerform label{
        display: block;
        position: absolute;
        top: -8px;
        left: 10px;
        padding: 0px 5px;
        font-family: var(--primary-font);
        font-size: 13px;
        font-weight: 500;
        color: var(--text-secondary);
        background: #fff;
    } 
    .widget-checkout-panel .widget-leftpanel .form-widget-panel .outerform input[type='text'], .widget-checkout-panel .widget-leftpanel .form-widget-panel .outerform input[type='email'], .widget-checkout-panel .widget-leftpanel .form-widget-panel .outerform input[type='number']{
        width: 100%;
        border: none;
        padding: 15px 10px 10px;
        outline: none;
        border-radius: 5px;
        color: #000;
        border: 1px solid #ddd;
    } 
    
    .widget-checkout-panel .widget-leftpanel .form-widget-panel .outerform select{border: none;-webkit-appearance: none;-moz-appearance: none;appearance: none;padding: 6px;width: 100%;outline:none;color: #000;background: none;border: 1px solid #ddd;padding: 10px;border-radius: 5px;}
    .widget-checkout-panel .widget-leftpanel .form-widget-panel .outerform  span{
        position: absolute;
        right: 20px;
        z-index: -1;
        top: 20px;
        border-left: 1px solid #9b9797;
        padding-left: 10px;
        }
    .paddleft{padding-left:0;}  
    .widget-checkout-panel .widget-leftpanel .widget-btn-panel{
        /* padding-top: 15px; */
        padding: 15px 0 15px 0;
    }
    .widget-checkout-panel .widget-leftpanel .widget-btn-panel .innerbtn-widget{
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-wrap: wrap;
        gap: 10px;
        }
    .widget-checkout-panel .widget-leftpanel  .widget-btn-panel .innerbtn-widget span{
        order: 1;
    }
    .widget-checkout-panel .widget-leftpanel  .widget-btn-panel .innerbtn-widget span a{
        color: var(--secondary-color);
    }
    .widget-checkout-panel .widget-leftpanel  .widget-btn-panel .innerbtn-widget span a i{
        font-size: 10px;
    }
    .widget-checkout-panel .widget-leftpanel  .widget-btn-panel .innerbtn-widget button{
        padding: 10px 15px;
        background: var(--primary-color);
        color: #fff;
        border-radius: 4px;
        border: none;
        transition: .3s linear;
        order: 2;
    }
    .widget-checkout-panel .widget-leftpanel .widget-btn-panel .innerbtn-widget button:hover{
        background: var(--secondary-color);
    }
    .widget-checkout-panel .widget-rightpanel{background: rgb(250, 250, 250);padding: 2%;min-height: 100vh;}
    .widget-checkout-panel .widget-rightpanel:after{
        content: "";
        display: block;
        position: absolute;
        top: 0px;
        left: 0;
        bottom: 0px;
        background: rgb(250, 250, 250);
        z-index: -1;
        }
    .widget-checkout-panel .footercheckout{
        border-top: 1px solid #eee;
        padding: 8px 0;
        margin: 0 0 20px;
    }
    .widget-checkout-panel .footercheckout p{
        margin: 0;
        color: var(--text-primary);
        font-family: var(--primary-font);
        font-size: 15px;
    }
    
    .widget-checkout-panel .widget-rightpanel .list-grid-checkout{
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
        list-style: none;
        padding: 15px 0;
        border-bottom: 1px solid #c5c5c55e;
        'jost', font-family: sans-serif;
        }
    .widget-checkout-panel .widget-rightpanel .list-grid-checkout .listimg{display: flex; width: 80%;}
    .widget-checkout-panel .widget-rightpanel .list-grid-checkout .listimg figure{/* border: 2px solid #59702f; */position:relative;border-radius: 10px;margin-right: 10px;font-family: 'jost', sans-serif;}
    .widget-checkout-panel .widget-rightpanel .list-grid-checkout .listimg figure span{
        position: absolute;
        top: -8px;
        right: 5px;
        background: #c97b5a;
        color: #fff;
        min-width: 30px;
        min-height: 15px;
        padding: 0;
        font-size: 10px;
        text-align: CENTER;
        border-radius: 20px;
    }
     
    .widget-checkout-panel .widget-rightpanel .list-grid-checkout .listimg figure img{width: 60px;border-radius: 7px;}
    .widget-checkout-panel .widget-rightpanel .list-grid-checkout .listprice{display: flex;text-align: right;/* width: 20%; */}
    .widget-checkout-panel .widget-rightpanel .widget-price-checkout{
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 10px 0;
        border-bottom: 1px solid #e5e5e5;
        }
    .widget-checkout-panel .widget-rightpanel .widget-price-checkout .totalprice{
        font-size: 22px;
        font-weight: 600;
        'jost', font-family: sans-serif;
    }
    .widget-checkout-panel .widget-rightpanel .widget-price-checkout .totalprice-text{
        font-size: 22px;
        font-weight: 700;
        color: #59702f;
        font-family: 'jost', sans-serif;
    }
    .widget-checkout-panel .widget-rightpanel .widget-price-checkout .totalprice-text span{
        font-size: 16px;
        margin-right: 7px;
        font-weight: 300;
        color: #59702f;
    }
    
    .beforelogin{
        text-align: center;
        padding-bottom: 20px;
    }
    .beforelogin p{
        font-size: 20px;
        text-align: center;
        padding: 0 15%;
        font-family: 'jost', sans-serif;
        }
        .beforelogin a{
        display: inline-block;
        padding: 3px 15px;
        border: 2px solid #eee;
        text-align: CENTER;
        border: 2px solid #59702f;
        color: #ffffff;
        margin-bottom: 10px;
        font-weight: 600;
        /* padding: 6px; */
        text-transform: uppercase;
        letter-spacing: 2px;
        border-radius: 5px;
        font-family: 'jost', sans-serif;
        background: #59702f;
    }
        .beforelogin span{
        display: inline-block;
        padding: 0 6px;
        font-size: 16px;
    }
    
   
    .shippingbox ul{
        padding: 0;
        list-style: none;
        padding: 15px;
        border: 1px solid var(--primary-color);
        border-radius: 10px;
        padding-bottom: 8px;
        width: 50%;
    }
    .shippingbox ul li{
        padding: 5px 0;
        position: relative;
        border-bottom: 1px solid #ddd;
    }
    .shippingbox ul li:last-child{border-bottom:none;}
    .shippingbox ul li .txt{
        text-transform: uppercase;
        color: #656565;
        letter-spacing: 1px;
        font-weight: 600;
        display: block;
    }
    .shippingbox ul li .txtdet{
    }
    .shippingbox ul li .txtchange{position: absolute;right: 0;color: #4caf50;top: 0;}
    .shippingbox ul li .txtchange a{color: green; font-size: 12PX;}
    /* CONTACT PAGE */
    .emergency-widget {
           padding-top: 30px;
        padding-bottom: 30px;
    }
    /*.emergency-widget .innerbox-widget-grid {
        padding: 4em;
        border-radius: 15px;
        min-height: 95px;
        background-image: url(../image/bg.png);
        background-size: cover;
        background-position: 50%;
        background-repeat: no-repeat;
        background-color: #fbfbfb;
    }*/
  
    .emergency-widget .innerbox-widget-grid .grid-box .iconbox {
        position: absolute;
    }
    .emergency-widget .innerbox-widget-grid .detbox {
        display: block;
        padding-left: 60px;
    }
    .emergency-widget .innerbox-widget-grid .grid-box .iconbox i {
        font-size: 45px;
        color: #92c23e;
    }
    .emergency-widget .innerbox-widget-grid .detbox .detbox-head {
        color: #ff8a00;
        display: block;
        font-weight: bold;
        font-size: 2em;
        letter-spacing: 1px;
        line-height: 35px;
        text-transform: uppercase;
    }
    .emergency-widget .innerbox-widget-grid .detbox .detbox-text {
        display: block;
        color: #2d2d2d;
        font-size: 18px;
    }
    .maparea{padding:0;border: 2px solid var(--lightgreen-color);padding: 5px;border-radius: 10px;margin-top: 15px;}
    .maparea iframe{width:100%;border:none;border-radius: 10px;/* margin-top: 15px; */display: block;}
    .contact-area{
        padding-left: 15px;
        padding-top: 25px;
    }
    
    .contact-area h3{
        margin: 0;
        margin-bottom: 0;
        padding-left: 15px;
        font-size: 2em;
        font-weight: bold;
        text-transform: uppercase;
        text-align: CENTER;
        color: #000;
    }
    .contact-area h5{    text-align: center;
        font-size: 15px;
        margin: 0;
        margin-bottom: 20px;}
    .contact-area form{
        display: inline-block;
        width: 100%;
    }
    .contact-area form label{
        display: block;
    }
    .contact-area form label span{
        display: block;
        margin-bottom: 4px;
        text-transform: uppercase;
        letter-spacing: 1px;
        color: #151515;
    }
    .contact-area form label input[type='text'], .contact-area form label input[type='email'],.contact-area form label textarea{
        display: block;
        width: 100%;
        border: 2px solid var(--primary-color);
        padding: 13px;
        margin-bottom: 10px;
        border-radius: 5px;
        outline: none;
    }
    .contact-area form button{
        display: inline-block;
        padding: 10px 40px;
        text-transform: uppercase;
        background: #7fc453;
        color: #fff;
        text-transform: uppercase;
        letter-spacing: 1px;
        border: none;
        font-weight: 600;
        border-radius: 3px;
        }
        
        
    /* MOBILE HEADER */
    .mobheader{
        background: #fff;
        padding: 10px 0;
        border-bottom: 1px solid #eeee;
    } 
    .mobheader .moblogo{
        padding: 0;
        float: left;
        width: 50%;
    } 
    .mobheader .moblogo img{width:150px;} 
    .mobheader .menumob{
        width: 50%;
        float: left;
        text-align: right;
        padding-top: 16px;
        padding-right: 0;
        position: relative;
    }
    .mobheader .menumob a.iconheart{
        display: inline-block;
        font-size: 24px;
        padding: 0 5px;
        position: absolute;
        right: 90px;
        top: 12px;
    }
    .mobheader .menumob a.iconmenu{
        width: 30px;
        /* height: 40px; */
        display: inline-block;
        position: absolute;
        right: 5px;
        top: 20px;
    }
    .mobheader .menumob a.iconmenu i{
        width: 100%;
        display: block;
        height: 1px;
        background: #000;
        margin-bottom: 3px;
        background: #000;
        display: block;
        margin-bottom: 7px;
        -webkit-transition: width .3s ease-in-out;
        -o-transition: width .3s ease-in-out;
        transition: width .3s ease-in-out;
    }
    .mobheader .menumob a.iconlogin{display: inline-block;
        font-size: 24px;
        padding: 0 5px;
        position: absolute;
        right: 47px;
        top: 12px;}
    
    .whatsappicon{
        width: 50px;
        height: 50px;
        display: inline-block;
        position: fixed;
        bottom: 50px;
        right: 20px;
        z-index: 9;
    }
    .whatsappicon img{
        width: 100%;
    }
    
    
    /* NEWSLETTER */
    
    .widget-newsletter{
        background: url('../image/newbg.webp');
        background-size: cover;
        padding: 60px 0;
        background-position: center;
        color: #fff;
        text-align: center;
        position: relative;
        z-index: 1;
        }
.widget-newsletter:before{
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgb(0 0 0 / 50%);
    z-index: -1;
}
    .widget-newsletter h3{
        font-size: 32px;
        font-weight: 700;
        font-family: var(--seondary-font);
    }
    .widget-newsletter .maintitle{
        padding: 0 0 15px;
    }
    .widget-newsletter p{
        font-size: 15px;
        font-weight: 200;
    }
    .widget-newsletter .innerbox{
        /* float: left; */
        width: 700px;
        margin: 0 auto;
        display: inline-block;
    }
    .widget-newsletter .innerbox .box-one{
        width: 50%;
        float: left;
        padding-right: 5px;
    }
    .widget-newsletter .innerbox .box-one input{
        width: 100%;
        outline:0;
        border: none;
        padding: 15px;
        border-right: 2px solid #000;
        color: #000;
    }
    .widget-newsletter .innerbox .box-two{
        width: 50%;
        float: left;
        padding-left: 5px;
    }
    .widget-newsletter .innerbox .box-two input{
        width: 100%;
        border: none;
        outline:0;
        padding: 15px;
        color: #000;
    }
    .widget-newsletter .innerbox .box-three{
        width: 100%;
        float: left;
        padding: 10px 0 5px;
    }
    .widget-newsletter .innerbox .box-three textarea{
        width: 100%;
        border: none;
        outline:0;
        padding: 15px;
        color: #000;
    }
    .widget-newsletter .innerbox .box-four{
        width: 100%;
        float: left;
        margin: auto;
    }
    .widget-newsletter .innerbox .box-four button{
        display: block;
        border: none;
        padding: 15px 31px;
        width: 100%;
        background: #97c940;
    }
    
    
    /* POPUP */
    /* POPUP */
    .coverpagepopup{
        position: fixed;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
        /* background: #000; */
        background-color: #000000bf;
        background-image: -webkit-gradient(linear, left top, right top, from(#b10f57), color-stop(#D10946), color-stop(#FF286B), to(#AE005E));
        background-image: linear-gradient(to right, #0b1527b5, #191e2787, #0d1a389c, #151e3087);
        opacity: 1;
        z-index: 9999;
        display:none;
    }
    .coverpagepopup .innerbox{
        width: 500px;
        margin: 0 auto;
        margin-top: 5%;
        position: relative;
        padding: 10px;
        background: #ffffff40;
    }

    .coverpagepopup .innerbox a img{
        width: 100%;
    }
    .coverpagepopup  button{
        position: absolute;
        right: 20px;
        background: #ffffff2b;
        border: none;
        color: #fff;
        font-size: 25px;
        width: 40px;
        height: 40px;
        top: 20px;
    }
    
    .search-widget{
        padding-top: 30px;
        padding-right: 0;
        width: 50%;
    }
    .search-widget form{
        position: relative;
    }
    .search-widget form input{
        width: 100%;
        border: 1px solid #ddd;
        padding: 10px;
        border-radius: 2px;
        outline: none;
    }
    .search-widget form button{
        position: absolute;
        right: 0;
        padding: 11px;
        border: none;
        text-transform: uppercase;
        letter-spacing: 1px;
        background: #2196F3;
        color: #fff;
        border-radius: 0 2px 2px 0;
    }
    .search-widget form button i{ }
    
    
    .search-widget .typedbox{
        position: absolute;
        z-index: 1;
        width: 80%;
        padding: 10px;
        background: #fff;
        border: 1px solid #eee;
        height: 42px;
        overflow: hidden;
    }
    
    .search-widget form span{position: absolute;
        right: 20%;
        top: 10px;
        font-size: 16px;
        color: #000;
        text-decoration: underline;
        display: none;}
    
   
    footer .quicklink h3{
        display: block;
        font-size: 24px;
        color: var(--text-primary);
        font-weight: 700;
        font-family: var(--seondary-font);
        padding: 0 0 10px;
    }

    footer .quicklink ul{
        list-style: none;
        margin: 0;
        padding: 0;
    }
     
    footer .quicklink ul li a{
        font-size: 14px;
        font-weight: 400;
        display: block;
        color: var(--text-secondary);
        padding: 0 0 5px;
        transition: .3s linear;
    }
 footer .quicklink ul li a:hover{
     color: #222;
 }
    footer .contactfooter span{
    
        }
    footer .quicklink > a{
        font-size: 14px;
        display: block;
        color: var(--text-secondary);
        font-weight: 500;
        padding: 0 0 15px;
    }
    footer .quicklink > a span{
    display: block;
    font-size: 12px;
    line-height: 1;
    color: var(--text-primary);
}
        
    footer .contactfooter .social{
        padding-bottom: 15px;
    }    
    footer .contactfooter .social span{
        margin-bottom: 10px;
        margin-top: 30px;
    } 
    .social{padding: 15px 0 0;}   
    .social a{
        display: inline-block;
        font-size: 18px;
        width: 37px;
        text-align: center;
        height: 37px;
        padding-top: 5px;
        color: #fff;
        background: var(--accent);
        border-radius: 50px;
    }    
  
    #typed{text-transform:uppercase;}
    
    
    .productgridthumbnails{padding: 0;width: 15%;}
    .productgridthumbnails img{width:100%;}
    
    .productgrid{
        width: 85%;
        padding-right: 0;
    }
    .productgrid img{width:100%;}
    
    .productgridthumbnails .slick-track{margin:0; width:100% !important;}
    .productgridthumbnails .slick-slide{width: 100% !important;margin-bottom: 10px;}
    
    
    .footergrid{
        padding: 70px 0;
        padding-bottom: 30px;
    }
    .footergrid .gridbox{
        width: 20%;
        text-align: center;
    }
    .footergrid .gridbox figure{
        padding-bottom: 15px;
    }
    .footergrid .gridbox figure img{width: 110px;max-width: 100%;opacity: 0.8;filter: grayscale(100%);}
    .footergrid .gridbox h3{
        margin: 0;
        text-transform: uppercase;
        font-size: 18px;
        color: #000;
        opacity: 0.8;
        font-family: "Jost", sans-serif;
    }
    .footergrid .gridbox:hover img{opacity:1;}
    .footergrid .gridbox:hover h3{opacity:1;}
    .footergrid .gridbox p{
        font-size: 15px;
        text-align: justify;
    }
    .prodet{display: inline-block;width: 85%;padding-left: 15px;}
    
    .scrollcart{
        position: fixed;
        z-index: 999;
        bottom: 20px;
        left: 20px;
        background: #ff9800;
        width: 80px;
        height: 80px;
        text-align: CENTER;
        padding-top: 20px;
        border-radius: 50%;
        box-shadow: #ff98003b 1px 0px 8px 0;
    }
    .scrollcart i{
        font-size: 34px;
        color: #fff;
    }
    
    .cartqty{
    background: var(--primary-color);
    display: block;
    width: fit-content;
    border-radius: 3px;
    margin: 10px 0 0;
}
    .cartqty .btnvalchange{
        width: 25px;
        height: 30px;
        background: none;
        font-size: 17px;
        border: none;
        color: #fff;
    }
    .cartqty input[type='number']{
        width: 30px;
        height: 30px;
        text-align: center;
        border: none;
        outline: none;
        background: transparent;
        color: #fff;
    }
    
    
    /* REVIEW FORM */

    .reviewform span.head{
        display: block;
        font-size: 26px;
        font-family: "Jost", sans-serif;
        font-weight: 700;
        color: #000;
    }
    .reviewform span.list{
        display: block;
        font-size: 16px;
    }
    .reviewform span.list span{
        color: #f10;
    }
    .reviewform span.list input{
        display: block;
        margin-top: 5px;
        padding: 8px 10px;
        border: 1px solid #d5d5d5;
        margin-bottom: 10px;
        width: 100%;
        outline:0;
        border-radius: 5px;
    }
    .reviewform span.list textarea{
        display: block;
        padding: 8px 10px;
        border: 1px solid #d5d5d5;
        margin-bottom: 10px;
        width: 100%;
        outline:0;
        border-radius: 5px;
    }
    .reviewform button{
        padding: 15px 25px;
        font-size: 14px;
        letter-spacing: 2px;
        border: none;
        background: #000;
        color: #fff;
    }
    
    /*============ rating system ===========*/
    
     
    .rate {
    }
    .rate:not(:checked) > input {
        /* position:absolute; */
        /* top:-9999px; */
    }
    .rate:not(:checked) > label {
        float:right;
        width:1em;
        overflow:hidden;
        white-space:nowrap;
        cursor:pointer;
        font-size: 40px;
        color:#ccc;
    }
    .rate:not(:checked) > label:before {
        content: "\eeb8";
        font-family: 'boxicons';
    }
    .rate > input:checked ~ label {
        color: #000;    
    }
    .rate:not(:checked) > label:hover,
    .rate:not(:checked) > label:hover ~ label {
        color: #80a03c;
    }
    .rate > input:checked + label:hover,
    .rate > input:checked + label:hover ~ label,
    .rate > input:checked ~ label:hover,
    .rate > input:checked ~ label:hover ~ label,
    .rate > label:hover ~ input:checked ~ label {
        color: #c59b08;
    }
    
    .reviewlist{
        padding-top: 20px;
    }
    .reviewlist ul{
        padding: 0;
        list-style: none;
    }
    .reviewlist ul li{
        position: relative;
        padding-left: 70px;
        margin-bottom: 20px;
    }
    .reviewlist ul li .reviewicon{
        position: absolute;
        left: 0;
        width: 60px;
        height: 60px;
        display: block;
        background: #ff9800;
        text-align: center;
        padding-top: 14px;
        font-size: 21px;
        font-weight: 700;
        border-radius: 50%;
        color: #fff;
        text-transform: uppercase;
    }
    .reviewlist ul li .reviewtext{
        text-transform: uppercase;
        font-weight: 500;
        letter-spacing: 1px;
        color: #000;
    }
    .reviewlist ul li .reviewtext2{
        margin: 0;
    }
    .reviewlist ul li .reviewrating{
        margin: 0;
    }
    
    .reviewsectionwidget{background: #eeeeee61;
        padding: 5% 0;}
    .reviewsectionwidget form{}
.reviewsectionwidget form .fields{
    
}
.reviewsectionwidget form .fields .rate{
    display: flex;
    align-items: center;
}
    .widget-testimonial{
        padding: 60px 0;
        background: #ff98000f;
    } 
    .widget-testimonial .head{
        margin: 0;
        font-size: 32px;
        font-family: 'Jost', sans-serif;
        font-weight: 300;
        color: #ff9800;
        margin-bottom: 25px;
        text-transform: uppercase;
    } 
    .widget-testimonial .head span{
        display: block;
        color: #000;
    } 
    .widget-testimonial .text-para{
        font-size: 18px;
        padding: 0 7em;
        margin-bottom: 30px;
        } 
        
    .widget-testimonial .testimonialbox{
        padding: 0px 20em;
    }
    .widget-testimonial .testimonialbox .innertestimonial-box{
        background: #ffffff;
        padding: 3em;
        box-shadow: 4px 6px 2px 1px #f5822021;
        border-radius: 12px;
        padding-bottom: 30px;
        margin-bottom: 40px;
    }

    .widget-testimonial .testimonialbox .innertestimonial-box .text-box p{
        font-size: 16px;
        color: #000000;
        text-align: CENTER;
        font-weight: 300;
        /* font-family: 'Playfair Display', sans-serif; */
    }
    .widget-testimonial .testimonialbox .innertestimonial-box .rating-box{
        text-align: CENTER;
        color: #fff;
        padding-bottom: 25px;
    }
    .widget-testimonial .testimonialbox .innertestimonial-box .rating-box .testimonial-rating{
        display: inline-block;
    }
    .widget-testimonial .testimonialbox .innertestimonial-box .rating-box .testimonial-rating i{
        color: #f58220;
    }
    
     
    .widget-testimonial .testimonialbox .innertestimonial-box .icon-box{
        display: block;
        width: 100%;
        text-align: CENTER;
    }
    .widget-testimonial .testimonialbox .innertestimonial-box .icon-box .icon{
        width: 50px;
        height: 50px;
        display: inline-block;
        text-align: CENTER;
        background: #f58220;
        padding: 5px;
        color: #fff;
        font-size: 28px;
        font-weight: 900;
        border-radius: 30px;
    }
    .widget-testimonial .testimonialbox .innertestimonial-box .icon-box .icon-text{
        display: inline-block;
        height: 50px;
        padding-left: 7px;
    }
    .widget-testimonial .testimonialbox .innertestimonial-box .icon-box .icon-text .icon-head{
        display: block;
        text-transform: uppercase;
        font-weight: 300;
        letter-spacing: 1px;
        color: #000000;
        font-size: 17px;
    }
    .widget-testimonial .testimonialbox .innertestimonial-box .icon-box .icon-text .icon-subhead{
        text-transform: uppercase;
        font-size: 14px;
        letter-spacing: 1px;
        display: block;
        text-align: left;
        color: #000000;
    }    
    
    /* POPUP */
    .coverpagepopup{
        position: fixed;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
        /* background: #000; */
        background-color: #000000bf;
        background-image: -webkit-gradient(linear, left top, right top, from(#b10f57), color-stop(#D10946), color-stop(#FF286B), to(#AE005E));
        background-image: linear-gradient(to right, #0b1527b5, #191e2787, #0d1a389c, #151e3087);
        opacity: 1;
        z-index: 9999;
    }
    .coverpagepopup .innerbox{
        width: 500px;
        margin: 0 auto;
        margin-top: 5%;
        position: relative;
        padding: 10px;
        background: #ffffff40;
    }
 
    .coverpagepopup .innerbox a img{
        width: 100%;
    }
    .coverpagepopup  button{
        position: absolute;
        right: 20px;
        background: #ffffff2b;
        border: none;
        color: #fff;
        font-size: 25px;
        width: 40px;
        height: 40px;
        top: 20px;
    }    
        
   
    
    
    
    
    
    
    /* PAYMENT PAGE */
  
    .paymentpage .innerbox .boxinner{
        background: #eeeeee17;
        text-align: center;
        padding: 5%;
        box-shadow: #eee 1px 1px 1px 1px;
    }

    .paymentpage .innerbox .boxinner .errhead{
        font-weight: 800;
        letter-spacing: 1px;
    }
    .paymentpage .innerbox .boxinner .errlink{
        display: inline-block;
        background: #2196f336;
        padding: 10px 20px;
        border-radius: 3px;
        text-transform: uppercase;
        font-weight: 700;
        color: #03A9F4;
    }
    .paymentpage .innerbox .boxinner p{
        font-size: 16px;
    }
    
    .paymentpage .innerbox .boxinner .pendinghead{
        font-weight: 800;
        letter-spacing: 1px;
        color:#FFC107;
    }
    .paymentpage .innerbox .boxinner .failedhead{
        font-weight: 800;
        letter-spacing: 1px;
        color:#FFC107;
    }
    
    /* LOGIN PAGE GOOGLE AND FACEBOOK */
     .fbbox{
      border: 1px solid #eee;
      margin-top:15px;
      padding: 10px;
      box-shadow: #eee -1px 4px 7px 0px;
      border-radius: 4px;
      height: 70px;
      }
             .fbbox figure{width: 50px;
        float: left;}
             .fbbox figure img{border-radius: 2px;width: 100%;}
             .fbbox .fbtext{float: left;
        text-align: left;
        padding-left: 10px;}
             .fbbox .fbtext span{display: block;
        margin-bottom: 5px;
        color: #adadad;
        padding-top: 2px;}
             .fbbox .fbtext h3{ margin: 0;
        font-size: 18px;
        text-transform: uppercase;}
             .facebookdata{
        padding: 5%;
        padding-top: 5%;
        box-shadow: #eee -1px 4px 7px 0px;
        border-radius: 4px;
        border: 1px solid #eee;
        }
             .facebookdata form{
        margin-top: 20px;
    }
             .facebookdata form label{display: block;
        border: 2px solid #eee; position:relative;
        padding: 10px;
        border-radius: 5px; margin-bottom: 15px;}
             .facebookdata form label input[type='text'],.facebookdata form label input[type='email']{border: none;
        padding: 5px;
        width: 100%;}
             .facebookdata form label span{display: block;
        position: absolute;
        top: -10px;
        background: #ffff;
        padding: 0 7px;
        color: #7e7e7e;
        font-weight: 500;
        text-transform: uppercase;}
             .facebookdata form input[type='submit']{width: 100%;
        border: none;
        padding: 10px;
        text-transform: uppercase;
        background: #2196f3;
        color: #fff;
        border-radius: 2px;
        font-size: 16px;
        letter-spacing: 1px;
        }
        .logocmpny{    margin-top: 15%;
        text-align: center;}
        .logocmpny img{    width: 240px;
        max-width: 100%;}
    
    .cntbtn {
        display: block;
        text-align: CENTER;
        background: #2196f3;
        color: #fff;
        padding: 10px;
        text-transform: uppercase;
        letter-spacing: 2px;
        border-radius: 2px;
    }
    
    /* ----------------------------- */
    .socialloginbox{
        text-align: center;
        border-top: 1px solid #eee;
        padding-top: 10px;
        padding-bottom: 10px;
        border-bottom: 1px solid #eee;
    }
    .socialloginbox span{
        display: block;
        text-transform: uppercase;
        letter-spacing: 1px;
        font-weight: 500;
        margin-bottom: 7px;
    }
    .socialloginbox a {
        display: inline-block;
        width: 99px;
        border-radius: 4px;
        color: #fff;
        padding: 6px;
        font-size: 20px;
        border: none;
    }
     
    .socialloginbox a.facebook{
        background: #4267B2;
    }
    .socialloginbox a.google{
        background: #db4a39;
    }
    .readmore{
        display: inline-block;
        padding: 6px 20px;
        /* background: #ff9800; */
        color: #333;
        letter-spacing: 1px;
        border-radius: 2px;
        font-weight: 500;
        font-size: 18px;
        font-family: "Jost", sans-serif;
        text-decoration: underline;
    }
    .readmore:hover{/* background: #ff9800a1; */color: #59702f;/* font-family: "Jost", sans-serif; */}
    
    
/* widget-stories */
.widget-stories{
  padding: 40px 0;
  padding-bottom: 0;
}     
.widget-stories .head{
  padding-bottom: 10px;
}     
.widget-stories .head h3{
  font-size: 32px;
  letter-spacing: 0;
  color: #000;
  font-weight: 700;
  font-family: var(--seondary-font);
}     


.grid-stories ul{
  padding: 0;
  list-style: none;
}
.grid-stories ul li{
  width: 20%;
  padding: 1%;
  float: left;
}

.grid-stories ul li .inner figure img{width:100%;}
.grid-stories ul li .inner span.ratingbx{
  display: block;
  padding: 6px 0;
}
.grid-stories ul li .inner span.ratingbx i{
  color: #80a03c;
}
.grid-stories ul li .inner span.reviewby{
  font-family: "Jost", sans-serif;
  font-size: 20px;
  font-weight: 600;
  color: #000;
}
.grid-stories ul li .inner p{
  margin: 0;
  font-family: "Jost", sans-serif;
  font-size: 16px;
}

/* widget-about */
.widget-about{padding: 30px 0;padding-top: 5%;}

.widget-about .head h3{font-size: 32px;color: #000;font-weight: 700;font-family: var(--seondary-font);text-align: center;color: var(--text-primary);}
.widget-about .head span{
  font-weight: 400;
  text-align: center;
  display: block;
  font-size: 20px;
  letter-spacing: 1px;
  color: var(--text-secondary);
  }
  .widget-about .gridbox:nth-child(even) .widget-box{padding-right: 25%; text-align: left;}
  .widget-about .gridbox:nth-child(odd) .widget-box{padding-left: 25%;  text-align: right;}
.widget-about .widget-box span{
  font-family: var(--seondary-font);
  display: block;
  font-size: 5em;
  font-weight: 500;
  color: var(--secondary-color);
  line-height: 1;
}    
.widget-about .widget-box h3{
  margin: 0;
  font-family: var(--seondary-font);
  color: #000;
  font-weight: 700;
  padding: 0 0 10px;
}    
.widget-about .widget-box p{
  font-size: 16px;
  font-weight: 300;
  color: #000;
}    
/* widget-blogs */ 
.widget-blogs{
  padding: 40px 0;
}

.widget-blogs .head h3{
  font-size: 32px;
  letter-spacing: 0;
  color: #000;
  margin: 0;
  margin-top: 3px;
  text-align: left;
  font-weight: 500;
  font-family: "Jost", sans-serif;
  margin-bottom: 30px;
  }
.widget-blogs .bloggrid{}      
.widget-blogs .bloggrid ul{
  padding: 0;
  list-style: none;
}      
.widget-blogs .bloggrid ul li{
  width: 33.33%;
  padding: 0 15px;
  display: inline-block;
}      
.widget-blogs .bloggrid ul li .inner{}      
.widget-blogs .bloggrid ul li .inner figure{}      
.widget-blogs .bloggrid ul li .inner figure img{width:100%;}      
.widget-blogs .bloggrid ul li .inner h3{
  font-family: "Jost", sans-serif;
  font-size: 20px;
  color: #000;
}      
.widget-blogs .bloggrid ul li .inner p{
  font-size: 18px;
  font-family: "Jost", sans-serif;
}      

/* widget-mob-header */
.widget-mob-header{
  box-shadow: 0px 1px 5px #c1c1c1bf;
  padding: 2px 10px 8px;
  position: sticky;
  top: 0;
  z-index: 999;
  background: #fff;
}
.widget-mob-header .mob-logo{
  position: relative;
  display: flex;
  align-items: center;
  justify-content: start;
  gap: 15px;
}
.widget-mob-header .mob-logo .mobhead{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.widget-mob-header .mob-logo .btntoggle{
  display: inline-block;
}
.widget-mob-header .mob-logo .btntoggle span{
  width: 30px;
  display: block;
  height: 1px;
  background: #868686;
  margin-bottom: 9px;
}
.widget-mob-header .mob-logo .btntoggle span:last-child{margin: 0;}
.widget-mob-header .mob-logo .logo{}
.widget-mob-header .mob-logo .logo img{
  width: 110px;
}

.widget-mob-header .mob-btn{display: flex;align-items: center;justify-content: end;gap: 20px;height: 100%;}
.widget-mob-header .mob-btn a{
  position: relative;
}
.widget-mob-header .mob-btn a.searchtoggle{display: none;}
.widget-mob-header .mob-btn a svg{
  width: auto;
  height: 22px;
}
.widget-mob-header .mob-btn a i{
  font-size: 24px;
  color: #000;
}
.widget-mob-header .mob-btn a span{
  position: absolute;
  top: -12px;
  right: -8px;
  background: #c97b5a;
  width: 14px;
  font-size: 10px;
  text-align: CENTER;
  color: #fff;
  border-radius: 50%;
}
.widget-cat{box-shadow: 0px 3px 3px #00000021;position: relative;z-index: 1;}
.widget-cat .widget-cat-inner{
  padding: 10px;
  /* overflow: scroll; */
  overflow-x: auto;
  overflow-y: hidden;
  box-sizing: border-box;
  scrollbar-width: thin;
  scrollbar-color: black;
}
.widget-cat .widget-cat-inner ul{
  list-style: none;
  padding: 0;
  margin: 0;
  /* width: 100%; */
}
.widget-cat .widget-cat-inner ul li{
  /* width: 77px; */
  padding: 0 15px;
  /* display: inline-block; */
  display: table-cell;
  border-right: 1px solid #5a713047;
  position: relative;
}
.widget-cat .widget-cat-inner ul li img{
  width: 45px;
}
.tabcontent{display: none;}

/* storypopup */
.storypopup{
  position: fixed;
  z-index: 999;
  width: 700px;
  width: 90%;
  top: 5%;
  background: #fff;
  padding: 3%;
  margin: 0 auto;
  left: 0;
  right: 0;
  display: none;
  border-radius: 10px;
  box-shadow: 3px 3px 6px #00000021;
}
.storypopup .popupclose{
  position: absolute;
  right: 15px;
  top: 10px;
  background: none;
  border: none;
  font-size: 18px;
  color: #000;
  z-index: 99;
}
.storypopup .row{}
.storypopup .row figure{}
.storypopup .row figure img{width:100%;}
.storypopup .row .storyname{
  margin: 0;
  text-transform: capitalize;
  font-family: "Jost", sans-serif;
  font-size: 27px;
  font-weight: 500;
}
.storypopup .row .storytext{
  font-family: "Jost", sans-serif;
  font-size: 16px;
}
.storypopup .row .ratingbx{}
.storypopup .row .ratingbx i{
  margin-right: 4px;
  color: #80a03c;
}


.searchbox > button{
  background: none;
  border: none;
  font-size: 20px;
  /* float: left; */
  padding-top: 4px;
  position: absolute;
  right: 15px;
  z-index: 9999;
}

.searchbox form{
  display: inline-block;
  position: relative;
  background: #f2f1eb;
  border-radius: 7px;
  width: 85%;
  /* float: left; */
}
.searchbox form input{
  border: none;
  padding: 8px;
  background: none;
  min-width: 350px;
  outline: none;
  font-size: 16px;
  font-family: "Jost", sans-serif;
  font-weight: 400;
}
.searchbox form button{
  border: none;
  background: none;
  position: absolute;
  right: 5px;
  top: 6px;
}
.searchbox form button svg{width:auto;height: 22px;}

.product-price{margin: 15px 0;}
.product-price .innerbox{
  background: rgba(128,160,60,.25);
  padding: 15px;
  text-align: CENTER;
  border-radius: 10px;
}
.product-price .innerbox .offettag{
  font-size: 24px;
  color: #c97b5a;
  font-style: italic;
  font-family: "Jost", sans-serif;
}
.product-price .innerbox .inctx{
  display: block;
  font-family: "Jost", sans-serif;
  font-size: 18px;
}
.shortdesc p{color: #427f2c;font-family: "Jost", sans-serif;font-size: 16px;margin-top: 0;}

.widget-description{padding: 30px 0;background: #ecefe2; font-size: 18px;}


.mobcat{
  padding-top: 10px;
  display: flow-root;
  width: 100%;
} 
.mobcat .imgbox{
  width: 20%;
  float: left;
} 
.mobcat .imgbox a{} 
.mobcat .imgbox a img{
  width: 100%;
} 
.mobcat .detbox{
  width: 80%;
  float: left;
  padding-left: 15px;
  position: relative;
} 
.mobcat .detbox a{
  display: block;
  font-size: 18px;
  font-weight: 600;
} 

.mobcat .detbox .ptag{
  display: block;
} 
.mobcat .detbox .psku{} 
.mobcat .detbox .cartqty{
} 
.mobcat .detbox .removebtn{
  display: block;
} 
.mobcat .detbox .mobdelbtn{
    position: absolute;
    right: 0;
    bottom: 0;
}
.paybox{
  position: fixed;
  margin: 0 auto;
  width: 400px;
  max-width: 100%;
  background: #4CAF50;
  z-index: 99999;
  padding: 3%;
  left: 0;
  right: 0;
  top: 0;
} 
.paybox h3{
  margin: 0;
  text-align: CENTER;
  font-size: 20px;
  color: #ffffff;
} 
.paybox h4{
  text-align: CENTER;
  color: #fff;
} 
.paybox p{
  text-align: CENTER;
  font-size: 18px;
  color: #fff;
} 

.mobheading{}
.mobheading .headbox{
  padding: 0;
   
}
.mobheading .headbox h3{
  margin: 0;
  position: relative;
}
.mobheading span.productrating{
  position: absolute;
  right: 0;
  font-size: 16px;
  color: #000;
}
.mobheading span.productrating i{
  color: #4CAF50;
}

.widget-description{}
.widget-description p{
  font-size: 18px;
  text-align: justify;
  color: #000;
}
.widget-description h4{
  text-transform: uppercase;
  font-weight: 600;
  color: #000;
}
.widget-description ul{}
.widget-description ul li{
  margin-bottom: 2px;
  color: #000;
}
.widget-description ul li span{
  display: block;
  font-weight: 600;
  color: #000;
}
.checkoutheader{
    padding: 15px 0;
    background: #0080000f;
}
.detcheck-box h3{
    font-size: 20px;
    margin: 0;
}
.detcheck-box span{
    font-weight: 600;
    display: inline-block;
}
.detcheck-box span a{}
.widget-box-thankyou{
    border: 2px solid #ebebeb63;
    margin-top: 40px;
    border-radius: 10px;
    padding: 20px 40px;
    text-align: center;
}
.widget-box-thankyou .iconbox{}
.widget-box-thankyou .iconbox img{}
.widget-box-thankyou h3{
    font-weight: 600;
}
.widget-box-thankyou .dettext{
    padding: 10px 10px 10px 0;
    display: inline-block;
    font-size: 18px;
}
.widget-box-thankyou .thebest{
    background: green;
    padding: 5px 10px;
    margin-top: 20px;
    border-radius: 3px;
    color: #fff;
    margin-bottom: 10px;
}
.widget-box-thankyou .paytext{
    display: block;
    font-weight: 600;
    font-size: 18px;
}
.widget-box-thankyou h4{
    padding: 20px 0 0;
}
.widget-box-thankyou a{
    display: block;
    color: #003f7f;
    font-weight: 600;
}
.personalinfo{
    position: relative;
    z-index: 1;
    padding: 10px 0 0;
}
.personalinfo .editactions{
    position: absolute;
    right: 0;
    top: 0;
}
.personalinfo .editactions a{
    display: block;
    padding: 10px;
    background: var(--background-dark);
    color: #fff;
    font-size: 12px;
    border-radius: 3px;
    text-align: center;
    transition: .3s linear;
}
.personalinfo .editactions a:hover{
    background: var(--secondary-color);
}
.personalinfo .editactions a:nth-child(1){
    margin: 0 0 5px;
}
.personalinfo .editactions a:nth-child(2){}
.personalinfo .inforows{
    padding: 0 0 5px;
}
.personalinfo .inforows span{
    display: inline-block;
    font-weight: 400;
    font-size: 16px;
}
.personalinfo .inforows span:nth-child(1){
    width: 30%;
    color: #000;
}
.personalinfo .inforows span:nth-child(2){
    color: #666;
}
.itm-container{
    padding: 20px 0 20px;
}
.itm-container .itm-row{
    box-shadow: 1px 2px 11px 0 #eee;
}
.itm-container .order-header{
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 40px 15px;
    background: #69982526;
    flex-direction: column;
    width: 50%;
    margin: auto;
}
.itm-container .order-header .header-itm{
    display: flex;
    align-items: center;
}
.itm-container .order-header .header-itm span{
    font-size: 18px;
    font-weight: 500;
}
.itm-container .order-header .header-itm h4{
    font-size: 19px;
    margin: 0;
    font-weight: 500;
    padding-right: 5px;
}
.itm-container .order-details{
    padding: 15px 0;
    border-top: 1px solid #f0f0f0;
    display: flex;
    margin-bottom: 10px;
}
.itm-container .order-details .order-img{}
.itm-container .order-details .order-img img{
    width: 70px;
}
.itm-container .order-details .itm-details{
    padding: 0 20px;
}
.itm-container .order-details .itm-details .name{}
.itm-container .order-details .itm-details .name h3{
    margin: 0;
    font-size: 20px;
}
.itm-container .order-details .itm-details .price{
    padding: 10px 0;
    font-size: 16px;
    font-weight: 500;
}
.itm-container .order-details .itm-details .price .qty{}
.itm-container .order-details .itm-details .price .amount{}
.itm-container .order-details .itm-details .price .tamount{}
.itm-container .payment-btn{
    text-align: center;
    padding: 20px 0;
}
.itm-container .payment-btn a{
    font-size: 20px;
    background: var(--primary-color);
    color: #fff;
    padding: 5px 20px;
    border-radius: 4px;
}
.itm-container .shippingcharge{
    padding: 15px 0;
    background: #f4f4f4;
    margin-bottom: 20px;
    border-radius: 5px;
}
.itm-container .shippingcharge ul{
    display: inline-table;
    padding: 0;
    list-style: none;
    margin: 0;
    width: 100%;
}
.itm-container .shippingcharge ul li{
    padding: 10px  0;
    border-bottom: 1px solid #ccc;
}
.itm-container .shippingcharge h2{
     font-size: 18px;
     display: inline-block;
     font-weight: 600;
}
.itm-container .shippingcharge h3{
    font-size: 18px;
    display: inline-block;
    padding-left: 20px;
}

.razorpay-payment-button{
    padding: 5px 20px;
    background: #1bad00;
    border: none;
    border-radius: 2px;
    color: #fff;
    font-size: 18px;
    transition: .3s;
    font-weight: 600;
    letter-spacing: 1px;
    margin-bottom: 20px;
}
.razorpay-payment-button:hover{
    background: #000;
}
.approved-step{
    list-style: none;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    border-top: 1px solid #f1f1f1;
    margin: 5px 0 0;
    padding: 15px 0 0;
}
.approved-step li{
}
.approved-step li:nth-child(odd){position: relative;z-index: 1;color: #888;padding-left: 15px;}
.approved-step li:nth-child(odd):before{
    content: "";
    width: 10px;
    height: 10px;
    background: #ddd;
    position: absolute;
    top: 50%;
    left: 0;
    border-radius: 50px;
    transform: translateY(-50%);
}
.approved-step li.active:nth-child(odd):before{background: green;}
.approved-step li:nth-child(even){
    flex: 1;
    background: #e3e3e3;
    height: 2px;
}
.approved-step li.active:nth-child(odd){color: green; font-weight: 500;}
.approved-step li.active:nth-child(even){background: green;}
.cancelordertitle{
    position: absolute;
    top: 90px;
    right: 20px;
    color: red;
    width: 40%;
    text-align: end;
}
.cancelordertitle p{}
.usercancelorder-wrapper{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgb(0 0 0 / 55%);
    z-index: 999;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}
.usercancelorder-wrapper.active{
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}
.cancelform-wrapper{
    background: #fff;
    padding: 30px;
    width: 40%;
    border-radius: 5px;
    position: relative;
    z-index: 9;
}
.cancelform-wrapper .closecancelform{
    position: absolute;
    top: 10px;
    right: 15px;
    font-size: 18px;
    z-index: 99;
}
.cancelform-wrapper h3{
    font-size: 22px;
    padding: 0 0 10px;
}
.cancelform-wrapper form{}
.cancelform-wrapper form .fields{
    padding: 0 0 15px;
}
.cancelform-wrapper form .fields label{
    display: block;
    font-weight: 400;
    padding: 0 0 3px;
    font-size: 14px;
    color: #666;
}
.cancelform-wrapper form .fields select{
    width: 100%;
    padding: 7px;
    border: 1px solid #ddd;
    border-radius: 5px;
    outline: none;
}
.cancelform-wrapper form .fields textarea{
    width: 100%;
    height: 100px;
    border: 1px solid #ddd;
    border-radius: 5px;
    padding: 5px 10px;
    outline: none;
}
.cancelform-wrapper form .fields-btn{}
.cancelform-wrapper form .fields-btn button{
    background: green;
    color: #fff;
    padding: 10px 15px;
    border: none;
    outline: none;
    border-radius: 5px;
}
.cancelform-wrapper form .fields-btn button:hover{}
.cancelform-wrapper form .fields#otherreason-field{display: none;}






@media only screen and (max-width: 48em) {
    .widget-page{padding: 20px 15px;}
    .order-main-box .order-head .col-md-3:nth-child(even){}
    .order-main-box .order-head .col-md-3:nth-child(even) span{}
    .usercancelorder-wrapper{padding: 15px;}
    .cancelform-wrapper{width: 100%; padding: 15px;}
    .order-main-box .order-head .ordercancelbyuser{right: 0;}
    .cancelform-wrapper h3{font-size: 18px;}
    .approved-step{
    padding: 10px 0  34px;
}
    .cancelordertitle{
    width: 100%;
    padding: 0;
    text-align: start;
    top: initial;
    bottom: 5px;
    right: initial;
    left: 0;
}
    .cancelordertitle p{
    font-size: 12px;
    line-height: 1.3;
}
    .itm-container .order-header{width: 100%;}
    .shippingbox ul{width: 100%;}
    .mobcat .detbox .cartqty input{width: 30px; height: 32px; text-align: center;}
    .emergency-widget{padding: 20px 0;}
    .emergency-widget .innerbox-widget-grid .grid-box{
    margin: 0 0 20px;
}
    .emergency-widget .innerbox-widget-grid .grid-box .iconbox{}
    .emergency-widget .innerbox-widget-grid .grid-box .iconbox i{}
    .emergency-widget .innerbox-widget-grid .detbox{}
    .emergency-widget .innerbox-widget-grid .detbox .detbox-head{
    font-size: 1.4em;
}
    .emergency-widget .innerbox-widget-grid .detbox .detbox-text{}
    .order-main-box .itemdet .figureimg{width: 20%;}
    .prodet{width: 78%; padding-left: 10px;}
    .order-main-box .itemdet .prodet h3{
    font-size: 15px;
}
    .order-main-box .itemdet .prodet span{
    font-size: 14px !important;
}
    .order-main-box{padding: 0;border-bottom: 1px solid #ddd;margin: 0 0 15px;padding: 0 0 10px;}
    .order-main-box .order-head{display: flex;flex-wrap: wrap;}
    .order-main-box .order-head div{width: 50%;}
    .order-main-box .order-head div span{font-size: 13px !important;text-align: start;white-space: nowrap;}
    .personalinfo{
    padding: 10px 0 50px;
}
    .personalinfo .inforows span:nth-child(1){
    width: 40%;
    vertical-align: top;
}
    .personalinfo .inforows span:nth-child(2){width: 57%;}
    .personalinfo .editactions{
    top: initial;
    bottom: 0;
    display: flex;
    align-items: start;
    justify-content: start;
    gap: 10px;
    width: 100%;
}
    
    footer .quicklink{padding: 15px 15px 0;}
    .social{text-align: center;}
    .account-panel-widget .account-widget-left ul{display: flex;align-items: center;justify-content: space-between;padding: 7px 10px;border-radius: 5px;}
    .account-panel-widget .account-widget-left ul li{}
    .account-panel-widget .account-widget-left ul li a{
        font-size: 14px;
        padding: 0;
        border-bottom: none;
    }
    .account-panel-widget .account-widget-left ul li a.active{
        padding: 2px 7px;
        background: var(--secondary-color);
        border-radius: 3px;
    }
    .account-panel-widget{padding: 15px 0;}
    .account-panel-widget .widget-outerbox .peagehead{padding: 15px 0 10px; margin: 0;}
    .cartpanel .cart-widget-grid .cart-buttons{border-bottom: none;}
    .widget-checkout-panel .widget-rightpanel{padding: 0; height: auto;}
    .widget-newsletter p{padding: 0 10%;}
    .widget-mob-header .mob-logo .logo img{width: 80px;}
    .homeabout-right .headbox{
    padding-left: 46px;
}
    .homeabout-right .headbox + p{display: block;padding: 0;}
    .homeabout-right .headbox img{
    width: 38px;
}
    .homeabout-right .headbox h3{
    font-size: 26px;
}
    .homeabout-right .headbox span{
    font-size: 15px;
}
    .homeabout-right .call{font-size: 18px;width: 100%;align-items: center;justify-content: center;}
    .homeabout-right .call i{font-size: 18px;}
    footer .quicklink .logo{text-align: center; display: inline-block;}
    footer .quicklink .logo img{width: 50%;}
    .homeabout{padding: 30px 0;}
    .homeabout-right{padding: 20px 10px 0;}
    .homeabout-right p{display: none;}
  .widget-header-top p{font-size: 10px;letter-spacing: 0.50px;}
  .widget-header-top p span{font-size: 10px;letter-spacing: 0;}
  .widget-header-top button{top: 11px;}
    .widget-header-top button svg{width: 15px;}
  .featured-product .tabnav ul li.tabnav a img{display:none;}
  .featured-product .tabnav ul li.tabnav{
  padding: 2px 10px;
  margin: 0;
  margin-bottom: 7px;
  }
  .featured-product .tabnav ul li.tabnav a span{font-weight: 400;}
  .featured-product .tabnav ul li.navtype{padding: 0;padding-left: 23px;font-size: 13px;}
  .featured-product .tabnav ul li.navtype svg{
  height: 15px;
  }
    .progrid .probox .contentdiv{padding: 8px 5px 0}
  .progrid .detbox h3{font-size: 14px;min-height: 44px;}
    .progrid .detbox h3 span{font-size: 12px;}
  .progrid .addtocart{font-size: 14px;height: 35px;padding: 0 5px;}
  .progrid button.addtowish{font-size: 18px;height: 35px;}
  .progrid .detbox .currentprice{font-size: 14px;padding: 4px 8px;}
  .tabnav{padding: 0;}
  .featured-product .section-heading h3.head-text-one, .widget-stories .head h3,.widget-about .head h3{font-size: 22px;padding-left: 15px;}
  .widget-about .head span{font-size: 18px; margin-top: 15px;}
  .grid-stories ul li{/* width: 100%; */padding: 0 15px;/* display: inline-block; */display: table-cell;float: inherit;border-right: 1px solid #5a713047;position: relative;}
  .grid-stories ul li.homegrid{/* width: 50%; */display: table-cell;position: relative;float: inherit;}
  .widget-about .widget-box span{font-size: 3em;}
  .widget-about .widget-box h3{font-size: 18px;}
  .widget-about .widget-box p{font-size: 16px; font-weight: 400;}
  .widget-blogs .head h3{font-size: 18px;}
  .widget-blogs .bloggrid ul li{width: 49%;padding: 0 4px;}
  .widget-blogs .bloggrid ul li .inner h3{font-size: 16px;}
  .widget-blogs .bloggrid ul li .inner p{font-size: 14px;}
  .widget-newsletter h3{font-size: 2em;padding: 0;letter-spacing: 1px;}
  .storypopup{top:2%;position: fixed;}
  .progrid figure .shortrating{font-size: 11px;}
  .grid-stories ul li .inner p{font-size:14px;min-height: 65px;}
  .cartpanel .carhead .cartemtytxt{font-size:16px;}
  .cartpanel .cart-widget-grid .innergrid .cart-buttons a{padding:5px 10px;letter-spacing: 0;margin-bottom: 10px;}
  .cartpanel .cart-widget-grid .innergrid .cart-buttons{display: flex;width: 100%;gap: 15px;justify-content: center;align-items: center;}
  .beforelogin p{padding:15px 5%; font-size:16px;}
  .widget-checkout-panel .widget-leftpanel .widget-login-panel .innerlogin-widget{display:block;}
  .beforelogin span{display:block;}
  .widget-checkout-panel .loginprof .detailbox span.head{width:200px;}
  
  .widget-product-view .product-detail .productcart .qtybox input[type='text']{width: 50px;height: 32px;border: 1px solid #000;border-top: 0;border-bottom: 0;border-radius:0;font-weight: 800;}
  .widget-product-view .product-detail .product-price .currentprice{font-size:24px;}
  .grid-stories{overflow-x: auto;
  overflow-y: hidden;
  box-sizing: border-box;
  scrollbar-width: thin;
  scrollbar-color: black;}
  .grid-stories ul li .inner{width: 150px;padding-right: 5px;}
  .product-price{
    margin: 0;
    width: 80%;
}
  .widget-product-view .product-detail .productcart .crtbox .addtocartbtn{
  float: left;
  border-radius: 0;
  height: 50px;
  width: 20%;
}
.widget-product-view .product-detail .productcart .crtbox .addtocartbtn svg{fill:#fff;}
  .widget-product-view .product-detail .productcart .crtbox a.buynowbtn{
  border-radius: 0;
  height: 55px;
  float: left;
  width: 80%;
  background: #80a03c;
}
.whatsappicon{bottom:60px;}
.widget-product-view .product-detail .productcart{
    width: 20%;
}
    .widget-product-view .product-detail .productcart form{justify-content: center;}
.widget-product-view .product-detail .productcart .qtybox button.plus{
  border: 1px solid #000;
  border-radius: 4px 4px 0 0;
  height: 27px;
  width: 50px;
}
.widget-product-view .product-detail .productcart .qtybox button.minus{
  width: 50px;
  height: 27px;
  border-radius: 0 0 4px 4px;
  border: 1px solid #000;
}
.widget-product-view .product-detail .productcart .qtybox button.plus:before{
  width: 15px;
  top: 13px;
  left: 15px;
  height: 1px;
}
.widget-product-view .product-detail .productcart .qtybox button.plus:after{
  top: 6px;
  left: 22px;
  height: 15px;
  width: 1px;
}
.widget-product-view .product-detail .productcart .qtybox button.minus:before{width: 16px;left: 0px;height: 1px;}
.shortdesc{padding:0;}
}

 @media only screen and (max-width: 48em) {
     .widget-breadcrumb{padding: 10px 0;}
     .cartpanel{padding: 10px 0 20px;}
        .widget-mob-header .mob-logo{padding: 0;}
        .widget-newsletter{padding: 40px 0;}
        .widget-mob-header .mob-btn{padding-top: 18px;}
        .widget-mob-header .mob-logo .btntoggle{}
    .featuredbox{
        padding: 15px 0;
        padding-bottom: 0;
    }
    .featuredbox .box-two{padding:0 15px;}
    .featuredbox .innerbox {
        padding: 0;
        padding-bottom: 15px;
    }
    .featured-product{
    padding: 20px 0 10px;
}
    .featured-product .section-heading {
        padding: 0;
        padding-bottom: 10px;
    }
    .progrid{}
    .progrid figure img {
        width: 100%;
        border: 1px solid #eee;
    }
     .progrid figure{height: 180px;}
    .widget-home-about{padding:20px 0;}
    footer .footer-right{text-align:left;}
    footer .footer-right a{margin:0; margin-right:15px;}
    .sidemenu{width:100%;}
    .sidemenu .sidemenudata{padding:0;}
    .widget-slider{padding-top: 0;}
    .widget-product-view .product-detail .productcart .qtybox{flex-direction: column;width: 20%;}
    .widget-product-view .product-detail .productcart .crtbox {
        position: fixed;
        left: 0;
        bottom: 0;
        right: 0;
        background: #fff;
        z-index: 999;
    }
    .widget-product-view .product-detail .productcart .crtbox button {
        background: #000;
        border: none;
        padding: 15px 20px;
        font-size: 16px;
        width: 80%;
        border-radius: 0;
        height: 50px;
        }
    
    .widget-product-view .product-detail .productwish {
         
        float: left;
        width: 100%;
    }
    .widget-product-view .product-reviews .tab-grid ul li{width:100%;}
    .widget-product-view .product-reviews .tab-grid ul li a{width:100%;}
    .widget-product-view .product-grid{padding:0 15px;position: relative;margin: 20px 0;}
    
    .widget-newsletter .innerbox{width:90%; }
    .widget-newsletter .innerbox .box-one, .widget-newsletter .innerbox .box-two, .widget-newsletter .innerbox .box-three{width:100%;padding: 0 0 10px;}
    .coverpagepopup .innerbox{width:90%;}
    .coverpagepopup button{z-index:99; background:#000;}
    .widget-newsletter .innerbox .box-one input{border:none;}
    .footergrid .gridbox{width: 32%;float: left;padding-bottom: 20px;}
        .footergrid .gridbox h3{
    font-size: 13px;
}
    .widget-product-view{padding-top:30px;}
    .productgridthumbnails{float:left;}
    .productgrid {float:left;}
    .footergrid{padding-top:30px;}
    .widget-product-view .product-detail{
    padding: 0;
    display: flex;
    align-items: center;
    gap: 5px;
    }
    .widget-testimonial .testimonialbox {
        padding: 0px 20px;
    }
    }