@font-face {
    font-family: 'Century\ Gothic';
    src: url('../fonts/Century\ Gothic.ttf');
  }
  @font-face {
    font-family: 'GOTHICB0';
    src: url('../fonts/GOTHICB0.TTF');
  }
  @font-face {
    font-family: 'SansSerifFLF';
    src: url('../fonts/SansSerifFLF-Demibold.otf');
  }

  #scrollUp{
    display: none!important;
}
.header-area .header-top {
    background-color: #6e8674;
    padding: 2px;
    height: 4rem;
}
.header-top .text{
padding: 6px;
font-family: 'Century\ Gothic';
/* font-family: 'SansSerifFLF'; */
color: #f7f8fa;
line-height: 22px;
text-align: center;
padding: 8px 20px;
border: unset;
color: #f7f8fa;
font-size: 16px;
letter-spacing:0px;
width: 100%;
font-weight: unset;
margin: 0;


}
.mobile-header-area .menu-wrap{
  padding-top: 5px;
padding-bottom: 4px;
}
.header-middle .smaller{
    /* width: 90%; */
    margin: auto;
}
.header-middle .smaller .col-12{
    padding: 0;
    padding-top: 12px;
}
.header-middle .smaller .col-12 .whats{
    color: #232323;
    margin-right: 15px;
    text-align: right;
    font-size: 12px;
    letter-spacing: .02em;
    font-family: 'Century\ Gothic';
    margin: 0px 12px 0px 2px;

}
.search-group .form-control#search{
  padding: .375rem 0 .375rem 25px;
}
.header-middle .smaller .col-12 .whats a{
    color: #232323;
    cursor: pointer;
}
.flex{
    display: flex;
    justify-content: flex-end;
    align-items: center;

}
form.search-form{
    display: flex;
    align-items: center;
}
.header-middle-wrap .left{
    display: flex;
justify-content: end;
align-items: center;
padding: 0;
margin-bottom: 0rem;
}
.currency-switcher .flag{
    display: flex;
}
.currency-switcher .flag img{
    width: 17px;
}
.header-top-right{
    display: flex;
align-items: center;
justify-content: center;
}
.wish-list a{
    display: flex;
align-items: center;
}
.brand-area {
    display: flex;
    justify-content: flex-start;
    margin-bottom: 2rem;
}  
.currency-switcher .currency-list-open{
    top: 30px;
}
.currency-switcher .currency-list::before {
display: none;
}
.currency-switcher .currency-list{
    padding: 0;
}
.currency-switcher .currency-list .single-currency{
    padding: 4px 15px;
    margin-bottom: 0;
}
.currency-switcher .currency-list .single-currency .currency-text{
    color: #06142e;
    text-transform: uppercase;
    font-family: 'SansSerifFLF';
    color: #232323;
    margin-left: 2px;
    margin-right: 2px;
    font-size: 12px;
}
.currency-switcher .currency-list-open{
    padding: 9px 0;
min-width: 100px;
outline: 0;
background: white;
max-height: 300px;
overflow: auto;
width: 112px;
box-shadow: 0 1px 4px #00000026;
}
.currency-switcher .currency-list .single-currency span svg{
    width: 24px;
    height: 24px;
}
.currency-switcher .currency-list .single-currency .currency-text:hover{
    color: #06142e;
    text-decoration: underline;
}
.currency-switcher .currency{
    font-family: 'Century\ Gothic';

}
.currency-switcher .currency{
    font-size: 12px;
}
.search-group label{
    width: 147px;
    color: #909190;
font-size: 12px;
line-height: 1.2em;
letter-spacing: 0.05em;
padding-left: 16px;
font-family: Lato, sans-serif;
font-family: 'Century\ Gothic';

}
.search-group #one{
    display: flex ;
}
.search-group svg {
    width: 15px;
    height: 15px;
}

.search-group #tow{
    border: unset;
    padding: unset;
}
.search-group svg{
    transform: rotate(275deg);
}
.brand-logo img {
  margin-top: -9px;
    width: 200px;
}


.cart-ff{
  padding-bottom: unset;
}
.cart-ff .Shopping{
    width: 20px;
    height: 23px;
    margin-right: 0px;
    margin-bottom: 3px;
}
.cart-ff .btn-text{
    color: #323232;
    font-size: 12px;
    letter-spacing: .02em;
    /* display: inline-block !important;     */
    font-family: 'Century\ Gothic';
    margin: 0;
    display: flex;
    align-items: center;

}
.cart-ff .btn-text .totalCountItem{
    background-color: #e8e8e8;
    color: #323232;
    margin-left: 8px;
    display: flex;
    text-align: center;
    border-radius: 50%;
    justify-content: center;
    line-height: unset;
    /* min-width: 23px;
    min-height: 23px; */
    align-items: center;
    width: 23px;
    height: 23px;
}
.wish-list{
    margin-left: 25px;
}
.wish-list svg{
    width: 18px;
height: 18px;
margin-right: 8px;
}
.wish-list p{
    color: #323232;
    font-size: 12px;
    letter-spacing: .02em;
    display: inline-block !important;    
    font-family: 'Century\ Gothic';
    margin: 0;
}
.account-switcher p, .account-switcher .lang{
    color: #232323;
    display: inline-block;
vertical-align: middle;
margin-left: 25px;
font-size: 12px;
letter-spacing: .02em;
/* font-family: 'Century\ Gothic'; */
margin: 0;
/* display: flex;
align-items: center; */
}
.account-switcher p{
  color: #323232;
}
.account-switcher  a.lang{
    color: #323232;
font-family: 'Century\ Gothic';

}
.account-switcher {
    margin-right: 0;
    margin-left: 30px;
  }
  .header-area .header-middle {
    padding: 0rem 0 1rem 0;
  }
  .header-area .header-bottom .menu-area .main-menu ,.header-area .header-bottom{
  background-color:   #f8f8f8;
  }
  .header-area .header-bottom .menu-area .main-menu .menu-item .menu-link{
    color: #3c3c3c;
    font-family: 'Century\ Gothic';
    
  }
  .header-area .header-bottom .menu-area .main-menu .menu-item .menu-link, .nav-link{
    /* text-decoration: underline; */
    border-bottom: 1px solid transparent;
  }
  .header-area .header-bottom .menu-area .main-menu .menu-item .menu-link:hover{
    /* text-decoration: underline; */
    border-bottom: 1px solid #3c3c3c;
    transition: unset;
  }
  .nav-link:hover, .nav-link:focus{
    border-bottom: 1px solid #3c3c3c;
    transition: unset;
  }
  .header-area .header-bottom .menu-area .main-menu .menu-item.mega-menu-parent .mega-menu-area {
    background: #fff;
}
.header-area .header-bottom .menu-area .main-menu .menu-item.mega-menu-parent .mega-menu .mega-menu-item .mega-menu-title{
    color: #323232;
    /* display: inline-block; */
vertical-align: middle;
margin-left: 25px;
font-size: 12px;
letter-spacing: .02em;
font-family: 'GOTHICB0'!important;
margin: 0;
}
.header-area .header-bottom .menu-area .main-menu .menu-item.mega-menu-parent .mega-menu .mega-menu-item .menu-items .mega-menu-items .mega-menu-link{
    color: #3c3c3c;
    display: inline-block;
vertical-align: middle;
margin-left: 25px;
font-size: 12px;
letter-spacing: .02em;
font-family: 'Century\ Gothic';
margin: 0;
   
}
.header-area .header-bottom .menu-area .main-menu .menu-item.mega-menu-parent .mega-menu .mega-menu-item .menu-items .mega-menu-items .mega-menu-link:hover{
text-decoration: underline;
color: #3c3c3c;

}
.header-area .header-bottom .menu-area .main-menu .menu-item.mega-menu-parent .mega-menu .mega-menu-item .menu-items .mega-menu-items{
    margin-bottom: 0;
}
.header-area .header-bottom{
    line-height: unset;
}
.footer-area{
    padding: unset;
}
.footer-area .footer-widget-area {
    padding: 3.5rem 0 0rem 0;
}
.footer-area .footer-bottom {
    padding: 0;
}
.footer-area .footer-widget-area .single-widget .widget-title{
    font-family: 'SansSerifFLF';
    margin: 0 0 15px;
    letter-spacing: .05em;
    text-transform: uppercase;
    font-size: 15px;
}
footer{
    background-color: #1b291e!important;
}
.footer-area .footer-widget-area .widget-menu .menu-item .menu-link{
    /* font-family: 'SansSerifFLF'; */
    font-family: 'Century\ Gothic';
font-weight: 400;
    font-size: 12px;
    line-height: 28px;
    letter-spacing: .05em;
    transition: all ease .3s;
    text-transform: uppercase;
    color: #cfcfcf;
}
.footer-area .footer-widget-area .widget-menu .menu-item .menu-link:hover{
color: white;
text-decoration: underline;
}
.footer-area .footer-widget-area .widget-menu .menu-item{
    margin-bottom: 0;
}
footer .container{
    width: 82%;
    margin: auto;
}
footer .container .col-lg-2,footer .container .col-lg-3 {
    width: 20%;
}
footer .container .col-lg-5{
    width: 40%;
}
.footer-area .footer-widget-area .single-widget .widget-title{
    text-align: left;
}
.footer-area .footer-widget-area .newsletter-widget .newsletter-text{
    margin: 0;
    text-align: left;
    color: #fff;
    margin-bottom: 10px;
    /* line-height: 28px; */
    font-family: 'Century\ Gothic';
font-size: 12px;

}
.footer-area .footer-widget-area .newsletter-widget .newsletter-form .form-group .form-control{
    border-radius: 0px;
    color: #cfcfcf;
    font-size: 12px;
    width: 62%;
    margin-right: 1rem;
    padding: 10px;
    line-height: 22px;
    background-color: #232323;
    font-family: 'Century\ Gothic';
    border: 1px solid #d3d3d3;

    height: auto;


}
.footer-area .footer-widget-area .newsletter-widget .newsletter-form .form-group .subscribe-btn{
    color: #232323;
border: 1px solid #ffffff;
background-color: #ffffff;
width: 120px;
margin: 0;
font-family: 'Century\ Gothic';
padding: 8px 0;
height: auto;
font-weight: unset;
font-size: 15px;

}
.footer-area .footer-widget-area .newsletter-widget .newsletter-form .form-group .subscribe-btn:hover{
    color: #232323;
    background-color: white;

}
.footer-area .footer-widget-area .newsletter-widget .newsletter-form .form-group{
    align-items:center ;
}
.footer-area .footer-bottom{
    display: flex;
    justify-content: space-between;
    /* padding: 0 11.5rem; */
  
}
.footer-area .footer-bottom .container{
    width: 82%;
    margin: auto;
    display: flex;
justify-content: space-between;
}

.copyright p{
    margin: 0;
    text-align: left;
    color: #cfcfcf;
    font-family: 'Century\ Gothic';
/* font-family: 'SansSerifFLF'; */
/* font-weight: 600; */
font-size: 13px;
line-height: 22px;
letter-spacing: .02em;
text-transform: capitalize;
}
.copyright p:first-child{
    margin-bottom: 4px;
}
.copyright p a{
    color: #cfcfcf;
    font-family: 'Century\ Gothic';
/* font-family: 'SansSerifFLF'; */
font-size: 13px;
/* font-weight: 600; */

letter-spacing: .02em;
}
.footer-area .footer-bottom{
    padding-top: 40px;
padding-bottom: 15px;
border-top: 1px solid #282828;
}
.payment svg{
    width: 50px;
height: 50px;
margin: 0 0px 0 12px;
}
.footer-area .footer-widget-area .single-widget {
    margin-bottom: 0rem;
}

.dropdown:hover >.dropdown-menu{
    display: block !important;
  }
  .dropdown-submenu:hover > .dropdown-menu{
    display: block !important;
      left: 100%;
      margin-top: -37px;
  }
  
  .dropdown-item{
    font-size: small; /* 13px */
  }
  .dropdown-toggle::after{
    /* font-size: var(--font-md); */
    margin-bottom: -2px;
  }
  .dropdown-menu li a.active{
    color:#fff;
  }
  
  .custom-toggle-arrow{
        font-size: 18px;
        margin-top: 1px;
        line-height: 12px;
  }
  .dropdown-toggle::after{
    display: none;
  }
  .nav-link{
    font-weight: 300;
font-size: 14px;
text-transform: uppercase;
font-family: 'Century\ Gothic';
display: inline-block;
position: relative;
padding: 1.7rem 0;
color: #3c3c3c;
  }
  .nav-link:hover, .nav-link:focus{
    color: #3c3c3c;
    /* text-decoration: underline; */
  }
  nav{
    padding: 0 11rem;
  }
  .dropdown-menu{
    min-width: 100%;
width: 20rem;
transform: translateY(0);
background-color: white;
box-shadow: 0 1px 4px #00000026;
padding: 5px 0 5px 15px;
font-family: 'Century\ Gothic';
font-size: 12px;
color: #232323;
left: -25px;

top: 40px;
}
  .dropdown-menu a.dropdown-item{
    display: flex;
align-items: center;
justify-content: space-between;
font-size: 12px;
  }
  .dropdown-item:focus, .dropdown-item:hover{
    color: #232323;
background-color: white;
text-decoration: unset;
  }
  .dropdown-menu li{
    border-bottom: 1px solid #ebebeb;
    width: 90%;

  }
  .dropdown-menu li:last-child{
    border-bottom:unset;


  }
  .dropdown-menu li.dropdown-submenu{
    border-bottom: unset;
    width: 100%;
  }
  .dropdown-menu li:hover{
text-decoration: underline;
padding-right: 20px;
  }
  .dropdown-menu li.dropdown-submenu:hover{
text-decoration: none;
padding-right: unset;
border-bottom: unset;
  }

  .header-area .header-bottom .menu-area .main-menu .menu-item{
    margin: 0;
  }
  .header-area .header-bottom .menu-area .main-menu .menu-item .menu-link, .nav-link{
    padding: .5rem 0 0px 0;
    font-family: 'SansSerifFLF';
    font-family: 'Century\ Gothic';
/* font-weight: 600; */
font-size: 14px;
margin-bottom: 1rem;
  }
  .header-area .header-bottom .menu-area .main-menu .menu-item .menu-link:hover{

  }
  .dropdown-submenu:hover > .dropdown-menu{
    left: 60%;
  }
  .header-area .header-middle{
padding: unset;
  }
  .header-area .header-middle .container{
    width: 83%;
margin: auto;
  }
  .mega-menu-area .container{
    width: 86%;
  }
  .header-area .header-bottom .menu-area .main-menu .menu-item.mega-menu-parent .mega-menu{
    align-items: unset;
    padding-bottom: 2rem;
  }

  .mega-menu-banner img{
    width: 130px;
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .mega-menu-item p{
    margin: 0;
    text-align: center;
  }
  .mega-title{
    color: #323232;
    font-size: 12px;
letter-spacing: .02em;
font-family: 'GOTHICB0';
margin: 0;
  }

  .header-area .header-bottom .menu-area .main-menu .menu-item.mega-menu-parent .mega-menu .mega-item{
text-align: center;
display: grid;
  }
  .mega-menu-banner p, p.price{ 
color: #3c3c3c;
font-size: 12px;
font-family: 'Century\ Gothic';

  }

  .mega-menu-banner p:hover, p.price:hover{
text-decoration: underline;
  }
  .image2 img{
    width: 200px;
  }
  .cart-ff .Shopping, svg.icon.icon-wishlist{
transition: transform .3s ease;

  }
  .cart-ff .Shopping:hover, svg.icon.icon-wishlist:hover{
    transform: scale(1.15);

  }
  .footer-area .footer-widget-area .widget-menu .menu-item .menu-link:hover{
    padding-left: 0;
  }
  #owl-carousel1{
    margin-top: .8rem;
  }
  @media(max-width:1200px){
    .trend .container {
        padding: 0 0rem;
    }
    .last-section img{
        padding: 5rem 0rem
    }
    nav {
        padding: 0 3rem;
    }
    .first-section .row {
    padding: 0 2rem;
    }
    .header-area .header-bottom .menu-area .main-menu .menu-item .menu-link, .nav-link{
        font-size: 12px;
    }
    .header-area .header-middle .container {
        width: 92%;
        margin: auto;
    }
    .header-middle .smaller .col-lg-6{
        width: 60%;
    } 
    .header-middle .smaller .col-lg-6:first-child{
width: 40%;
    } 
  }
  @media(max-width:1035px){
    .header-middle .smaller .col-lg-6{
        width: 65%;
    } 
    .header-middle .smaller .col-lg-6:first-child{
width: 35%;
    } 
    nav {
        padding: 0 6rem;
      }
  }
  @media(max-width:991.5px){
.header-top{
    background: #6e8674;
}
.mobile-header-area {
    padding: 0;
  }
  .first-section .row {
    padding: 0 0rem;
  }
  footer .container ,.footer-area .footer-bottom .container{
    width: 96%;
    margin: auto;
    max-width: 97%;
  }
.header-left button{
  background: unset;
  border: unset;
  padding-right: 23px;
  padding-left: 4px;
}
.mobile-header-area .brand-logo .brand-image {
  max-width: 130px;
  margin-top: 1px;    }
  }
  .only-mobile{
    display: none;
  }


  @media(max-width:767.5px){
    .only-mobile{
      display: block;
    }
    footer .container .col-lg-5, footer .container .col-lg-2, footer .container .col-lg-3{
      width: 100%;
    }
    #list-item{
      display: none;
      /* transition: transform .7s ease-in-out; */
      transition: width 1s;
      transition-delay: .5s;
      margin-bottom: 1rem;


    }
    #list-item2{
      display: none;
      /* transition: transform .7s ease-in-out; */
      transition: width 1s;
      transition-delay: .5s;
      margin-bottom: 1rem;


    }
    .footer-area .footer-widget-area .single-widget .widget-title{
      border-bottom: 1px solid white;
      padding-bottom: 10px;
      display: flex;
justify-content: space-between;
    
    }
    .footer-area .footer-widget-area .single-widget .widget-title.Newsletter{
      border-bottom: unset;
      padding-bottom: 0;
margin-top: 3rem;
    }
    .footer-area .footer-widget-area .single-widget .widget-title i{
      color: white;
    }
    .footer-area .footer-widget-area .single-widget .widget-title i:hover{
      color: white;
    }
    .footer-area .footer-widget-area .newsletter-widget .newsletter-form .form-group .subscribe-btn{
      width: 20%;
    }
    .footer-area .footer-widget-area .newsletter-widget .newsletter-form .form-group .form-control{
      width: 80%;
    }
    .footer-area .footer-bottom .container{
      display: block;
      text-align: center;
    }
    .copyright p{
      text-align: center;
      font-size: 15px;
    }
    .payment{
      margin-top: 2rem;
    }
  }

  @media(max-width:500.5px){
    .footer-area .footer-widget-area .newsletter-widget .newsletter-form .form-group .subscribe-btn{
      width: 45%;
    }
    .footer-area .footer-widget-area .newsletter-widget .newsletter-form .form-group .form-control{
      width: 55%;
    }
    .footer-area .footer-widget-area .single-widget .widget-title{
      padding-bottom: 15px;
    }
    .footer-area .footer-widget-area .newsletter-widget .newsletter-form .form-group .form-control, .footer-area .footer-widget-area .newsletter-widget .newsletter-form .form-group .subscribe-btn{
      /* line-height: 20px; */
    }
    .copyright p{
      font-size: 12px;
    }
  }



@media(max-width:991px){
  .header-middle {
    background-color: unset;
  }
  
  .offcanvas-header .menu-title{
      margin: 0;

      text-transform: capitalize;
font-size: 16px;
font-family: 'GOTHICB0';
color: #232323;

  }
  .offcanvas-header .btn-close{
      opacity: 1;
      font-size: 26px;
      padding: 0;
  }
  .offcanvas-header .btn-close:hover{
      opacity: 1;
  }
  .menu-offcanvas{
      padding: 1rem 0;
  }
  nav {
      padding: 0;
  }
  
  .menu-offcanvas .mobile-menu-area .main-menu .menu-list .menu-item .menu-link{
      font-weight: 300;
      text-transform: uppercase;
      color: #3c3c3c;
      font-family: 'Century\ Gothic';
      font-size: 12px;

  }
  .menu-offcanvas .mobile-menu-area .offcanvas-header{
    padding-top: 5px;
    margin-bottom: 1.4rem;
  }
  .menu-offcanvas .mobile-menu-area .main-menu .menu-list .menu-item{
      border-bottom: 1px solid #e6e6e6;
  }
  .account-btn, .account, .wishlist-btn{
      padding: 15px 0px !important;
      border-top: 1px solid #e6e6e6;
  }
  .account-btn .title{
      margin:0;
      margin-left: 5px;
color: #232323;
font-size: 12px;
  }
  .account , .wishlist-btn .btn-left{
      display:flex;
      align-items: center;

  }
  .account p, .wishlist-btn .btn-left p{
    margin : 0   ;
    margin-left: 5px;
    color: #232323;
    font-size: 12px;
 }
}

/* style shopping modal */
.section.empty-wish-list{
  padding: 0;
}
.offcanvas.offcanvas-end .offcanvas-header{
  border-bottom: unset;
margin: 0;
padding: 13px 20px 0;
 }
 .offcanvas .offcanvas-header .offcanvas-title{
    font-family: 'SansSerifFLF';
font-size: 20px;
text-transform: capitalize;
color: #232323;
line-height: 22px;
letter-spacing: .02em;
font-weight: 600;

 }
 .number-item, p.free{
margin: 0;
padding-left: 20px;
padding-right: 20px;

font-family: 'Century\ Gothic';

color: #727272;
margin-top: 8px;
margin-bottom: 0;
font-size: 12px;
 }
 p.free{
  text-align: left;
  padding-left: 0;
  padding-bottom: 3rem;
 }
 .shipping{
margin: 0;
color: #304836;
font-size: 12px;
font-family: 'Century\ Gothic';
line-height: 22px;
letter-spacing: .02em;
font-weight: 600;
margin-top: 1.5rem;
 }
 .empty-wish-list .container{
  padding-left: 0;
 }
 .offcanvas.offcanvas-end{
  width: 420px;
 }
 .offcanvas-header .btn-close{
  background: unset;
  display: flex;
  justify-content: center;
align-items: center;
 }
 .offcanvas-header .btn-close svg{
  display: block;
width: 18px;
height: 18px;
fill: #232323;
padding: 0;
 }
 .offcanvas-start{
  width: 370px;
 }
 .empty-wish-list .empty-box-title{
  margin: 0;
padding-left: 20px;
padding-right: 20px;

font-family: 'Century\ Gothic';
text-transform: unset;
color: #727272;
margin-top: 8px;
margin-bottom: 0;
font-size: 12px;
 }
 .section {
  padding: 0rem 0;
}
a.Shopping{
  background: #f8f8f8;
  border-color: #727272;
  color: #304836;
font-family: 'Century\ Gothic';
font-family: 'SansSerifFLF';

font-size: 14px;
font-weight: 500;
text-align: center;
text-transform: uppercase;
letter-spacing: .05em;
line-height: 22px;
min-width: 130px;
padding: 0;
margin: auto;
cursor: pointer;
border: 1px solid;
width: 100%;
padding-top: 10px;
padding-bottom: 10px;

}

.shopping-div{
  display: flex;
justify-content: center;
align-items: center;
margin-top: 3rem;
}
.offcanvas.offcanvas-end .offcanvas-body{
  padding: 0rem 20px;
}
.no-with-empty-cart{
  display: none;
}
.cart-product-item .single-grid-product .product-top a{
  width: 100%;
  display: inline-block;
}
.cart-product-item .single-grid-product .product-top .product-thumbnal{
  object-fit: contain;
  width: 100%;
  height: 100%;

}
.cart-product-item .single-grid-product .product-top{
  width: 23%;
}
.cart-product-item .single-grid-product .product-info{
  width: 75%;
  min-width: unset;
}
.cart-product-item .single-grid-product .product-info .product-link{
  font-family: 'Century\ Gothic';
font-size: 12px;
font-weight: 500;
line-height: 20px;
letter-spacing: .02em;
color: #232323;
text-transform: capitalize;
width: 100%;
display: inline-block;
}
.cart-product-item .single-grid-product .product-info .product-price{
  text-align: left;
  line-height: 20px;
letter-spacing: 0em;
color: #232323;
font-family: 'SansSerifFLF';
font-size: 14px;
}
.single-grid-product .product-info .product-price .price{
  display: inline-block;
  font-size: unset;
  font-weight: 900;
  color: #232323;
  font-family: 'SansSerifFLF';
  font-weight: bold;
  margin-bottom: 22px;

}
.single-grid-product .product-info a{
  margin-bottom: 0.5rem;
  font-family: 'Century\ Gothic';

}
.last-section{
display: flex;
justify-content: space-between;
}

.cart-product-item .single-grid-product .product-info .qtybutton.inc::before , .cart-product-item .single-grid-product .product-info .qtybutton.dec::before {
  display: none;
}

.cart-product-item .single-grid-product .product-info .cart-quantity{
  width: 94px;
  margin-top: -6px;
background-color: unset;
border: 1px solid #c7c7c7
}
.cart-product-item .single-grid-product .product-info input.qty-input{
  background-color: unset;
  padding: 11px 5px 10px 5px;
  color: #232323;
  font-family: 'Century\ Gothic';
  width: 60px;
  font-size: 13px;

}
.cart-product-item .single-grid-product .product-info .increase-btn svg{
  fill:#5a5a5a ;
  font-family: 'Century\ Gothic';

}
.cart-product-item .single-grid-product{
  border-bottom: 1px solid #c7c7c7;
padding-bottom: 2rem;
margin-bottom: 1rem;
display: flex;
justify-content: center;
flex-direction: unset;
margin-top: 3rem;
}
.offcanvas.offcanvas-end .offcanvas-body .cart-product-list .cart-product-item{
  height: 26rem;
  overflow-y: scroll;

}
.offcanvas.offcanvas-end .offcanvas-body .total-bottom-part{
  padding: 0;
}

.section-you-may-like .title{
  font-size: 18px;
  font-weight: 600;
  font-family: 'SansSerifFLF';
  text-transform: capitalize;
color: #232323;

line-height: 24px;
letter-spacing: .05em;
margin: 0 0 22px;
}

#owl-carouselmh .product-top{
  width: 28%;
  margin-right: 2rem;
}
#owl-carouselmh .product-info{
  width: 73%;
}
.owl-carousel#owl-carouselmh  .owl-item img {
  height: 100%;
}
#owl-carouselmh .item{
display: flex;
justify-content: space-between;
}
#owl-carouselmh .product-link{
  font-family: 'Century\ Gothic';
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: .02em;
  color: #232323;
  text-transform: capitalize;
  width: 100%;
  display: inline-block;
  margin-bottom: 1rem;

}
#owl-carouselmh .product-price{
  text-align: left;
line-height: 20px;
letter-spacing: 0em;
color: #232323;
font-family: 'SansSerifFLF';
font-size: 14px;
height: 3rem;
}
#owl-carouselmh .details{
  font-family: 'Century\ Gothic';
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: .02em;
  color: #232323;
  text-transform: capitalize;
  width: 100%;
  cursor: pointer;
  display: inline-block;text-decoration: underline;
}
.owl-theme#owl-carouselmh .owl-dots {
  display: block;
}
.owl-theme#owl-carouselmh .owl-dots .owl-dot span{
  width: 12px;
  height: 12px;
  background: white!important;
  border: 1px solid #232323;
}
.owl-theme#owl-carouselmh .owl-dots .owl-dot.active span, .owl-theme#owl-carouselmh .owl-dots .owl-dot:hover span{
  background: #232323!important;
}
.cart-product-item {
  border-bottom: unset;
}
.CartTool{
  display: flex;
  justify-content: center;
  margin-top: 3rem;
  padding-bottom: 17px;
}
.CartTool .cart-ff{
  text-align: center;
padding: 16px 30px;

border: 1px solid #e2e2e2;
/* border-top: 1px solid #e2e2e2; */
/* border-bottom: 1px solid #e2e2e2; */
cursor: pointer;
pointer-events: auto
}
.CartTool .cart-ff:first-child{
  border-right: unset;
}
.cart1-detailes, .cart2-detailes{
  display: none;
}
#cart1, #cart2{
  z-index: 100000;
  position: absolute;
  bottom: 0;
  background: white;
  width: 100%;
  height: 29rem;
  border-top: 1px solid #e3e3e3;
  padding: 27px;
  width: 100%;
  max-width: 100%;
  padding-top: 30px;
}
#cart1{
  height: 31rem;
}
#cart1 .title p, #cart2 .title p{
  margin-bottom: 7px;
  color: #232323;
  text-transform: capitalize;

  font-family: 'SansSerifFLF';
  font-family: 'Century\ Gothic';

  margin: 0;
  font-size: 14px;
  font-weight: 800;
letter-spacing: .05em;
}
#cart1 .title svg, #cart2 .title svg{
margin-right: 10px;
}
#cart1 .title .cart-title, #cart2 .title .cart-title{
  color: #232323;
  text-transform: capitalize;
  /* font-family: 'SansSerifFLF'; */
  font-family: 'Century\ Gothic';

font-size: 14px;
letter-spacing: .05em;
}
#cart1 textarea{
  display: block;
width: 100%;
min-height: 9.5rem;
max-height: 9.5rem;
border: 1px solid #c7c7c7;
padding: 10px;
font-size: 12px;
}
#cart2 input{
  border: 1px solid #c7c7c7;
  font-size: 12px;
  height: 4rem;
  width: 100%;
  padding: 10px;
}
#cart2 span{
display: block;
margin-top: 8px;
font-size: 12px;
margin-bottom: 10px;
}
.offcanvas.offcanvas-end .offcanvas-body .view-cart-go a:hover {
  color: #232323;
}
#cart1 a, #cart2 a{
  display: block;
margin-top: 15px;
margin-bottom: 10px;
width: 100%;
font-family: 'SansSerifFLF';
text-transform: uppercase;
text-align: center;
padding: .8rem;
}
#cart1 a.save, #cart2 a.save{
color: white;
background-color: #304836;
border: 1px solid #232323;
}
#cart1 a.cancel, #cart2 a.cancel{
background-color: #f8f8f8;
border: 1px solid #727272;
color: #304836;
}
#cart1 .title svg path, #cart2 .title svg path{
fill: #232323;
}
#cart1 .title , #cart2 .title {
  display: flex;
align-items: center;
margin-bottom: 7px;
}
.offcanvas.offcanvas-end .offcanvas-body .total-bottom-part{
  border-top: unset;
  padding-bottom: 4rem;
}
.offcanvas.offcanvas-end .offcanvas-body .total-count h3{
  width: 120px;
text-align: left;
color: #232323;
font-family: 'SansSerifFLF';
font-family: 'Century\ Gothic';

display: inline-block;
font-size: 14px;
line-height: 20px;
letter-spacing: .02em;
font-weight: 900;

}
.offcanvas.offcanvas-end .offcanvas-body .total-count h4{
  width: calc(100% - 120px);
  text-align: right;
color: #232323;
/* font-family: 'SansSerifFLF'; */
/* font-family: 'Century\ Gothic'; */

display: inline-block;
font-size: 15px;
line-height: 20px;
letter-spacing: .02em;
font-family: 'GOTHICB0';

font-weight: 900;
}
.offcanvas.offcanvas-end .offcanvas-body .proceed-to-btn{
  margin: 5px 0;
  opacity: .6;
  background: #304836;
  border: 1px solid #232323;
  color: #f8f8f8;
  font-family: 'Century\ Gothic';
display: block
;

}
.view-cart-go{
  margin-top: 15px;
background: #f8f8f8;
border: 1px solid #727272;
color: #304836;
display: block;
width: 100%;
padding: 8px;
}
.offcanvas.offcanvas-end .offcanvas-body .view-cart-go a{
  text-decoration: none;
  text-transform: uppercase;
font-weight: 600;
font-size: 14px;
letter-spacing: .02em;
color: #304836;
}
.offcanvas.offcanvas-end .offcanvas-body .proceed-to-btn{
  padding: 8px;
  text-transform: uppercase;
font-weight: 600;
font-size: 14px;
letter-spacing: .02em;
}
.offcanvas.offcanvas-end .offcanvas-body .proceed-to-btn:hover {
  background-color: #304836;
}
.terms-section{
  display: flex;
  padding-top: 15px;
  padding-bottom: 5px;

}
.terms-section input{
  margin-right: 5px;
}
.terms-section label, .terms-section a{
  color: #3c3c3c;
  font-size: 12px;
  font-family: 'Century\ Gothic';
  text-transform: unset;
  line-height: 22px;
  text-decoration: none;
}
.terms-section a{
  cursor: pointer;
  color: #3c3c3c!important;
  text-decoration: underline!important;
  margin-left: 3px;
}
#exampleModal .modal-dialog {
  max-width: 73%;
  margin: 16.75rem auto;
}
#exampleModal .modal-header{
  border-bottom: unset;
}
#exampleModal .modal-header{
  justify-content: flex-end;
  padding: 0;
}
#exampleModal .modal-header .btn-close{
  /* color: white; */
  /* background-color: #000; */
  background: unset;
  /* background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath d='M 38.982422 6.9707031 A 2.0002 2.0002 0 0 0 37.585938 7.5859375 L 24 21.171875 L 10.414062 7.5859375 A 2.0002 2.0002 0 0 0 8.9785156 6.9804688 A 2.0002 2.0002 0 0 0 7.5859375 10.414062 L 21.171875 24 L 7.5859375 37.585938 A 2.0002 2.0002 0 1 0 10.414062 40.414062 L 24 26.828125 L 37.585938 40.414062 A 2.0002 2.0002 0 1 0 40.414062 37.585938 L 26.828125 24 L 40.414062 10.414062 A 2.0002 2.0002 0 0 0 38.982422 6.9707031 z'%fff/path%3E%3C/svg%3E");  width: 30px; */
  width: 20px;
  height: 20px;
  line-height: 0;
  font-size: 25px;
  letter-spacing: 0;
  background-color: black;
  opacity: 1;
  color: white;
  border: unset;
  border-radius: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

#exampleModal .modal-title{
  overflow: hidden;
  white-space: normal;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  text-transform: uppercase;
  margin: 0;
  padding: 0;
  font-size: 14px
  ;
  text-align: center;
  color: #232323;
  font-family: 'Century\ Gothic';

}
#exampleModal .modal-body p{
  color: #232323;
  font-family: 'Century\ Gothic';
  text-align: left;
  font-size: 12px;
}
.w3-light-grey{
  height: 10px;
  border-radius: 8px;
  background-color: #f1f1f1;
  margin-top: 1.8rem;
}
.w3-grey{
  height: 10px;
  border-radius: 8px;
background-color: #304836!important;
}
.mobile-header-area .header-right .header-btn{
  position: unset;
  margin-right: 1.3rem;
}
.mobile-header-area .header-right .header-btn.cart-btn .btn-left .count{
  background-color: #e8e8e8;
  color: #232323;
  font-family: 'Century\ Gothic';
  display: flex;
  justify-content: center;
  align-content: center;
  align-items: center;
  text-align: center;
}
.mobile-header-area .header-right .header-btn .btn-left .count{
  right: -6px;
top: -4px;
width: 23px;
height: 23px;
font-family: 'Century\ Gothic';

}

/* profile side */
.overlay-profile {
  display: none;
  background: #000;
  opacity: .8;
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 3;
  cursor: pointer;
  top: 0;
}
.content{
  margin-right: 3rem;
}
.sidebar-profile{
  width: 370px;
  background: #ddd;
  border-right: 1px solid #fff;
  position: fixed;
  right: -370px;
  height: 100%;
  transition: .3s;
  z-index: 4;
  top: 0;
  padding: 13px 20px;
  background-color: white;
}
.btn{
  background-color: unset;
  border-color: unset;
  display: block;
  border: unset;
  padding: 0;
}
.btn:hover{
  background-color: unset;
  border-color: unset;
  display: block;
  border: unset;
  padding: 0;

}
.sidebar-profile p{
  margin: unset;
}
.header-profile-side, .header-profile-side2{
  display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 1.8rem;
}
.sidebar-profile .form-group{
  margin-top: 12px;
}
.sidebar-profile .form-group label{
display: block;
color: #232323;
line-height: 22px;
letter-spacing: .02em;
font-size: 12px;
text-transform: capitalize;
font-family: 'Century\ Gothic';
margin-bottom: 8px;
}
.sidebar-profile .form-group label span{
  color: red;
  margin-left: 5px;
}
.sidebar-profile .form-group input{
  width: 100%;
  font-size: 12px;
padding: 8px 14px;
color: #868686;
border: 1px solid #c7c7c7;
}
.header-profile-side .title, .header-profile-side2 .title{
  text-transform: capitalize;
  font-size: 16px;
  font-family: 'GOTHICB0';
  list-style: 22px;
  color: #232323;
}
.header-profile-side a, .header-profile-side2 a{
  font-size: 26px;
color: #232323;
}
.body-profile-side button.login{
  background: unset;
  border: unset;
  color: white;
background-color: #304836;
border: 1px solid #232323;
display: block;
margin-top: 15px;
margin-bottom: 10px;
width: 100%;
font-family: 'SansSerifFLF';
text-transform: uppercase;
text-align: center;
padding: .8rem;
}

.body-profile-side button.create{
  background: unset;
  border: unset;
  display: block;
margin-top: 15px;
margin-bottom: 10px;
width: 100%;
font-family: 'SansSerifFLF';
text-transform: uppercase;
text-align: center;
padding: .9rem;
background-color: #f8f8f8;
border: 1px solid #727272;
color: #304836;

}
.body-profile-side a.reset-pass{
  display: block;
  color: #3c3c3c;
text-underline-offset: .3rem;
font-size: 12px;
text-align: center;
text-decoration: underline;
line-height: 22px;
letter-spacing: .02em;
font-family: 'Century\ Gothic';

}






.header-left{
  display: flex;
  justify-content: flex-start;
  align-items: center;

}

/* search side */
.overlay-profile2 {
  display: none;
  background: #000;
  opacity: .8;
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 3;
  cursor: pointer;
  top: 0;
}

.sidebar-profile2{
  width: 370px;
  background: #ddd;
  border-right: 1px solid #fff;
  position: fixed;
  left: -370px;
  height: 100%;
  transition: .3s;
  z-index: 4;
  top: 0;
  background-color: white;
  /* padding-bottom: 3rem; */
overflow-y: scroll;
  padding: 13px 20px;
  padding-bottom: 0!important;
}
.menu-wrap .content2 .triggerSidebar2 svg{
  transform: rotateY(180deg);
}
.header-profile-side2 .title{
  margin: unset;
}
.sidebar-profile2 .search-btn svg{
  transform: rotateY(180deg);
}
.sidebar-profile2 .search-box{
  display: flex;
  justify-content: space-between;
  padding-right: 10px
}
.sidebar-profile2 .search-box button{
  padding: 0;
}
.sidebar-profile2 .search-box button svg path{
fill: #232323;
}
.sidebar-profile2 .search-box input{
  border: unset;
  font-size: 12px;
  padding: 3px 10px;
  color: #232323;
  font-family: 'Century\ Gothic';

}
.header-profile-side2{
  margin-bottom: 3rem;
}
.trending .title, .Popular .title{
  margin: 0;
  margin-top: 25px;
  font-size: 12px;
  color: #232323;
  font-family: 'GOTHICB0';
  text-transform: uppercase;
  letter-spacing: .02em;
  line-height: 22px;
  border-bottom: 1px solid #e8e8e8;
  padding-bottom: 6px;
}
.Popular .title{
  margin-top: 15px
}
.trending ul{
  max-height: 82px;
  overflow: auto;
  margin-top: 15px;
}
.trending ul li{
  display: inline-block;
  vertical-align: top;
  padding: 0 5px 0 0 ;
  margin: 0 0 10px;
}
.trending ul li a{
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 5px 10px 5px 7px;
  text-transform: lowercase;
  background-color: #f7f7f7;
  color: #868686;
  padding: 5px 10px 5px 7px;

  text-decoration: none;
font-size: 12px;
letter-spacing: .02em;
line-height: 22px;
}
.trending ul li a span{
color: #868686;
text-transform: lowercase;
letter-spacing: .02em;
line-height: 22px;
font-size: 11px;
font-family: 'Century\ Gothic';
margin: 0 0 0 4px;
font-weight: 600;
}
.trending ul li a svg{
  transform: rotateY(180deg);
  width: 20px;
height: 20px;
padding: 2px;


}
.Popular{
  margin-bottom: 0;
}
.Popular .items .single-item p{
  margin: 0;
  text-align: center;
}
.Popular .items{
  font-size: 0;
  display: block;
  overflow: auto;
  white-space: nowrap;
  padding-bottom: 4rem;
  margin-top: 15px;
}
.Popular .items .single-item{
  width: 235px;
margin: 0;
display: inline-block;
vertical-align: top;
padding: 0 15px 0 0;
} 
.Popular .items .single-item .sub-title{
  text-overflow: ellipsis;
font-size: 12px;
font-family: 'Century\ Gothic';
letter-spacing: .02em;
line-height: 22px;
margin-bottom: 10px;
color: #232323;
cursor: pointer;
padding-top: 15px;
}
.Popular .items .single-item .price{
  font-size: 14px;
  font-family: 'Century\ Gothic';
  letter-spacing: .02em;
  line-height: 22px;
}
.Popular .items .sold{
  font-size: 12px;
  display: block;
  position: relative;
  right: -15.3rem;
  top: 0rem;
  margin-bottom: -3rem;
  color: white;
  background: #c1c1c1;
  width: max-content;
  padding: 0px 6px;
  font-weight: 600;

  font-family: 'Century\ Gothic';
  letter-spacing: .02em;
  line-height: 20px;
  text-transform: capitalize;
  z-index: 100;
}
.Popular .items .single-item .image-box{
  transition: 0.5s all ease-in-out;
transition: transform .64s ease;
}
.Popular .items .single-item .image-box img{
  width: 220px;
height: 280px;
object-fit: cover;

}

.Popular .items .single-item .image-box .hover-image{
  display: none;

}
.Popular .items .single-item .image-box:hover .back-image{
  display: none;
}
.Popular .items .single-item .image-box:hover .hover-image{
  display: block;
  transform: scale(1.06);
  width: 220px;
  height: 280px;
  object-fit: cover;
  transition: transform .64s ease;

}
.offcanvas-header, .menu-offcanvas .mobile-menu-area .main-menu .menu-list .menu-item .menu-link, .account-btn, .account , .wishlist-btn{
  padding-left: 2rem!important;
  padding-right: 2rem!important;
}
.menu-bottom .whats{
  padding-left: 2rem!important;
  padding-right: 2rem!important;
  margin: 0;
}
.wishlist-btn{
  display: flex;
}
.wishlist-btn p{
  margin: 0;
}
.menu-offcanvas .mobile-menu-area .main-menu .menu-list .menu-item{
  margin-bottom: 0;
}
.account-btn, .account, .wishlist-btn, .offcanvas .whats{
  border-top: 1px solid #e6e6e6;
  padding-top: 10px;
  padding-bottom: 10px;
}

.country-section p.title{
  margin: 0;
background: #f8f8f8;
padding: 10px 20px;
text-transform: uppercase;
font-size: 12px;
letter-spacing: .02em;
font-family: 'GOTHICB0';
color: #232323;
line-height: 20px;
}
.country-section ul{
  display: flex;
align-items: center;
flex-wrap: wrap;
padding: 10px !important;
max-height: 300px;
overflow: auto;
}

.country-section ul li{
  display: flex;
align-items: center;
justify-content: center;
padding: 10px;
}
.country-section ul li p{
  margin: 0;
  color: #06142e;
  text-transform: uppercase;
  margin-left: 2px;
  margin-right: 2px;
  font-family: 'Century\ Gothic';
  font-size: 12px;
}

.country-section ul li svg{
  margin-right: 6px;
}

.account-btn .title, .account p, .wishlist-btn p, .menu-bottom .whats a, .menu-bottom .whats{
  margin-left: 5px;
  color: #323232;
  font-family: 'Century\ Gothic';
  font-size: 12px;
  letter-spacing: .02em;
  line-height: 20px;
/* font-weight: 600; */

}
.menu-bottom .whats{
  padding-bottom: 1.5rem
}

/* start */
@import url("https://fonts.googleapis.com/css?family=Open+Sans&display=swap");

body {
  font-family: var(--font-family);
}

.multi-level-menu-wrapper {
  /* position: fixed; */
  /* top: 0;
  bottom: 0;
  left: 0; */
  margin: auto;
  /* width: 300px; */
  /* background-color: var(--backgroundColor); */
  overflow: hidden;
}
.multi-level-menu-wrapper ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.multi-level-menu-wrapper ul li {
  color: #232323;
}
.multi-level-menu-wrapper ul li:hover {
  /* background-color: var(--backgroundHover); */
  cursor: pointer;
}
.multi-level-menu-wrapper ul li a {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 20px;
  text-decoration: none;
  /* color: #232323; */
  letter-spacing: .02em;
  line-height: 20px;
  font-family: 'Century\ Gothic';

  padding: 11px 20px 12px;
font-size: 12px;
color: #000;

border-bottom: 1px solid #f8f8f8;
}
.multi-level-menu-wrapper ul li a .icon {
  margin-right: 10px;
  height: 30px;
  width: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.multi-level-menu-wrapper ul li.hasSubMenu {
  padding-right: 50px;
  position: relative;
}
.multi-level-menu-wrapper ul li.hasSubMenu .trigger {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 50px;
}
.multi-level-menu-wrapper .mainMenu,
.multi-level-menu-wrapper .subMenu {
  background-color: white;
  color: #000;
  z-index: 1000000;
}
.multi-level-menu-wrapper .subMenu {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 100%;
  width: 100%;
  margin: auto;
  transition: all ease-in-out 0.5s;
  /* display: none; */
  /* visibility: hidden; */
}
.multi-level-menu-wrapper .subMenu.active {
  right: 0;
  /* display: block; */
  /* visibility: visible; */
  transition: all ease-in-out 0.5s;

}
.multi-level-menu-wrapper .subMenu .backTrigger {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 10px 20px;
  text-decoration: none;
  /* color: var(--textColor); */
}
.multi-level-menu-wrapper .subMenu .backTrigger:hover {
  /* background-color: var(--backgroundHover); */
  cursor: pointer;
}
.multi-level-menu-wrapper .subMenu .backTrigger svg {

  margin-right: 10px;
}
.multi-level-menu-wrapper .subMenu .backTrigger{
  background: #f8f8f8;

}
.multi-level-menu-wrapper .subMenu .backTrigger .pre-title{
  /* padding: 13px 20px; */
  line-height: 15px;
  letter-spacing: .02em;
  font-size: 14px;
  font-family: 'Century\ Gothic';
text-align: center;
color: #232323;
margin-left: 8rem;
}
.multi-level-menu-wrapper .subMenu .backTrigger svg path{
fill:#232323 ;
}

.mainMenu li.base , .mainMenu li.hasSubMenu{
  border-bottom: 1px solid #e6e6e6;
  /* display: inline-block; */
}
.mainMenu li.base a, .mainMenu li.hasSubMenu a{
  color: #000000;
  font-family: 'Century\ Gothic';
font-size: 14px;
letter-spacing: .04em;
line-height: 15px;
padding: 11px 20px 12px;
}

.offcanvas-header .btn-close{
  position: unset;
}
#exampleModal-si button.btn-close{
position: unset;
position: absolute;
right: -1rem;
top: -1rem;
}
#exampleModal-si .modal-dialog{
  max-width: 81%;
  margin: 20rem auto;
}
#exampleModal-si .modal-dialog h5{
  overflow: hidden;
white-space: normal;
display: -webkit-box;
-webkit-line-clamp: 1;
text-overflow: ellipsis;
-webkit-box-orient: vertical;
text-transform: uppercase;
margin: 0;
padding: 0;
font-size: 16px;
font-family: 'Century\ Gothic';
text-align: center;
color: #232323;
margin-bottom: 25px;
margin-top: 25px;

}
#exampleModal-si .modal-dialog p{
  position: relative;
overflow-x: hidden;
overflow-y: auto;
max-height: 80vh;
line-height: 22px;
letter-spacing: .02em;
font-size: 12px;
font-family: 'Century\ Gothic';
color: #232323;
}
.pic-section{
  margin-top: 4rem;
text-align: center;

}
.pic-section .title{
  font-family: 'GOTHICB0';
color: #232323;
font-size: 12px;
}
.pic-section .first-img{
  width: 10rem;
margin-bottom: 15px;
margin-top: 15px;
  
}
.pic-section .sub-title, .pic-section .price{
  line-height: 22px;
  letter-spacing: .02em;
  font-size: 12px;
  font-family: 'Century\ Gothic';
  color: #232323;
}
.pic-section .sec-img{
  width: 20rem;
margin-bottom: 10rem;
}

@media(max-width:575px){
  .mobile-header-area .container-fluid{
padding-left: 0;
padding-right: 0;
background-color: #f8f8f8;
/* box-shadow: 0 1px 3px #0000001a; */
position: relative;
box-shadow: unset;

  }
  .mobile-header-area .menu-wrap{
    /* box-shadow: 0 1px 3px #0000001a; */
    margin-bottom: 1.5rem;
box-shadow: 0 4px 2px -2px #0000000f;

  }
  #owl-carousel-fade img{
    height: 405px!important;
  }
  .offcanvas-start, .sidebar-profile2{
    /* width: 90%; */
  }
  .offcanvas.offcanvas-end {
    width: 90%;
  }
  #owl-carouselmh.owl-theme .owl-dots{
    margin-top: 2rem;
  }
  .wishlist-btn{
    display: flex;
    align-items: center!important;
  }
}
@media(max-width:360px){
  .offcanvas-start, .sidebar-profile2 {
    width: 95%;
  }
}
::-moz-selection { /* Code for Firefox */
  color: white;
  background: #acacac;
}

::selection {
  color: white;
  background: #acacac;
}

#owl-carousel-fadeup .owl-nav{
  /* position: unset!important; */
  display: flex;
justify-content: space-evenly;
position: relative;
top: -3.7rem;
margin-bottom: 0;
}
#owl-carousel-fadeup .owl-nav button i{
  color: white;
}

#owl-carousel-fadeup button.owl-prev, #owl-carousel-fadeup button.owl-next{
  position: unset;
border: unset;
}

.header-top #owl-carousel-fadeup-mobile .text{
  font-size: 16px;
  padding: unset;
  height: 6rem;
  padding: 5px 15px;
}



.owl-theme#owl-carouselmh .owl-nav.disabled{
  display: none!important;
}