

/* Body */
@import url('https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&amp;display=swap');
@import url('https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@200;300;400&display=swap');


body {
  font-family: 'Ubuntu', sans-serif;
  font-size: 13px;
   /*background-color: #f0f2f.5;*/
    /*background: #fbfaff;*/
    background: #e7eeff42;
}

::-webkit-scrollbar-button {
  width: 0;
  height: 0;
  display: none;
}
::-webkit-scrollbar-corner {
  background-color: transparent;
}
::-webkit-scrollbar-thumb {
  height: 6px;
  border: 4px solid transparent;
  background-clip: padding-box;
  -webkit-border-radius: 7px;
  border-radius: 7px;
  background-color: rgba(0,0,0,.15);
  -webkit-box-shadow: inset -1px -1px 0 rgba(0,0,0,.05), inset 1px 1px 0 rgba(0,0,0,.05);
  box-shadow: inset -1px -1px 0 rgba(0,0,0,.05), inset 1px 1px 0 rgba(0,0,0,.05);
}
::-webkit-scrollbar {
  width:4px;
  background-color: #ffffff;
}
::-webkit-scrollbar-thumb {
  height: 50px;
  background: hsla(0, 0%, 53.3%, 0.4);
}
.schedule .nav-link {
  padding: 14px 0;
  text-align: center;
  line-height: 16px;
  font-size: 10px;
  text-transform: uppercase;
  font-weight: 500;
}
.schedule .nav-link p.mb-0.font-weight-bold {
  font-size: 13px;
}
.schedule .nav-link.active, .schedule .nav-link:focus {
  color: #28a744 !important;
}

/* Extra */
.small, small {
  font-size: 12px;
}

.account-setup video {
  width: 100%;
  position: absolute;
  z-index: -1;
  bottom: 0;
}

.btn-light {
  color: #212529 !important;
}

.back-page {
  font-size: 19px;
  vertical-align: bottom;
}

div,a {
  outline: none !important;
  text-decoration: none !important;
}

a:hover {
  color: #ffffff;
}

.osahan-icofont {
  padding: 6px;
  background: black;
  border-radius: 50px;
  font-size: 18px;
  color: #fff;
  margin-right: 8px;
}

/* Detail Page */
.list-card-osahan-2 .img {
  width: 100%;
  border-radius: 5px;
  background: #fff;
  margin-bottom: 15px;
}

.pd-f a {
  height: 59px;
}

.rating-stars .icofont-star {
  font-size: 10px;
  background: #000000;
  color: #fff;
  padding: 2px;
  text-shadow: 0px 0px 1px #d2b128;
  border-radius: 5px;
}

.osahan-radio .btn {
  border-radius: 23px !important;
  font-size: 12px;
  margin: 0 4px 0 0px;
  border: 1px solid #ff6000;
  color: #ff6000;
  background: transparent;
  padding: 5px 11px;
}

.osahan-radio .btn.active {
  background: #ff6000 !important;
  border-color: #ff6000 !important;
}

a.selected {
  color: #28a745 !important;
}

.fixed-bottom-padding {
  padding-bottom: 59px;
}

.fixed-bottom-auto {
  height: auto !important;
}

.fixed-bottom {
    border-radius: 7px;
    box-shadow: 10px -1px 10px rgb(0 0 0 / 8%);
    /*height: 64px;*/
    
    height: 74px;

    /*background: #2f4858!important;*/
    background: #131313!important;
}

.fixed-bottom .btn, .fixed-bottom.btn {
  height: 59px;
  border-radius: 0px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: 500;
  padding: 12px 14px;
  border: none;
}

.fixed-bottom-bar {
  padding-bottom: 58px;
}

.h-auto {
  height: auto;
}

.modal-footer .btn {
  border-radius: 0px;
}

.slick-dots {
  bottom: 20px !important;
  
}

.landing-page .zindex {
  right: 0;
  z-index: 9;
}

/* Cart Page */

.sc-osahan-logo {
  height: 30px;
}

.index-osahan-logo {
  height: 90px;
  box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important;
  border-radius: 17px;
}

.as-osahan-logo {
  width: 40px;
}

.osahan-logo {
height: 48px;
  /*box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important;*/
  /*border-radius: 17px;*/
}

.lo{
    padding-left: 9px;
}

.pp-osahan-logo {
  height: 30px;
}

.p-osahan-logo {
  height: 34px;
}

.gs-logo {
  height: 100px;
  box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important;
  border-radius: 17px;
}

.border-custom-radio ::after {
  display: none;
}

.cart-items .img-fluid {
  /*width: 92px;*/
  /*height: 92px;*/
  /*height: 124px;*/

  /*object-fit: scale-down;*/
  /*min-width: 92px;*/
  /*padding: 7px;*/
  /*border-radius: 6px;*/

    width: 103px;
    height: 133px;
    object-fit: scale-down;
    min-width: 102px;
    padding: 7px;
    border-radius: 13px;
}

.cart-items{
    border-radius: 0.75rem;
}


.cart-items-number .form-control {
  max-width: 30px;
  text-align: center;
  padding: 0px;
  height: 30px;
  border: none !important;
  background: transparent;
  color: #5d6671;
}

.cart-items h5{
  font-size: 15px;
  font-family: 'whitneybook';
      font-weight: 600;
}

.cart-items-number .btn {
  width: 28px;
  background: #fff;
  height: 28px;
  border-radius: 3px !important;
  color: #000;
  font-size: 17px;
  box-shadow: 0px 0px 3px #dedede;
  line-height: 18px;
  text-align: center;
  padding: 0px;
  margin: 0px !important;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none !important;
  font-family: 'whitneybook';
  font-weight: bolder;
}

.cart-items-number .btn:hover, .cart-items-number .btn:focus {
    background: #ffffff!important;
    color: #0d7e77;
}

.cart-items-number .input-group-prepend {
  height: 28px;
  width: 28px;
}

.cart-items-number .input-group-append {
  height: 28px;
  width: 28px;
}

.cart-items-number {
  border-radius:3px;
  padding: 3px;
  background: #e2e2e2b5;
  width: 90px;
  height: 34px;
}

/* List Page */
.border-custom-radio .custom-control-label::before {
  width: 100%;
  height: 100%;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  border-radius: .25rem!important;
  background: transparent !important;
  box-shadow: none !important;
}

.border-custom-radio .custom-control-input:checked~.custom-control-label::before {
  border-color: #28a744;
  border: 2px solid #28a744;
}

.list-card-image .price {
  font-size: 14px;
}

.list-card-image a.btn {
  border: 3px solid #f1f2f5;
  width: 33px;
  background: #fff;
  height: 33px;
  border-radius: 50px !important;
  color: #ff6000;
  font-size: 17px;
  box-shadow: 0px 0px 3px #dedede;
  line-height: 0px;
  text-align: center;
  padding: 0px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.list-card-image a.btn:hover, .list-card-image a.btn:focus {
  background: #ff6000;
  color: #ffffff;
}

/* Landing Page */
.landing-page .slick-dots {
  bottom: 80px !important;
}

.c-it p {
  font-size: 11px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.c-it img {
  height: 40px;
}

.opt {
  font-size: 23px !important;
}

/* Bootstrap custom */
.bg-success {
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#28a745+0,5ad363+100 */
  background: #28a745;
 /* Old browsers */
  background: -moz-linear-gradient(-45deg,  #28a745 0%, #5ad363 100%);
 /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg,  #28a745 0%,#5ad363 100%);
 /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg,  #28a745 0%,#5ad363 100%);
 /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#28a745', endColorstr='#5ad363',GradientType=1 );
 /* IE6-9 fallback on horizontal gradient */;
}

.btn-success {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#28a745+0,5ad363+100 */
  background: #28a745;
 /* Old browsers */
  background: -moz-linear-gradient(-45deg,  #28a745 0%, #5ad363 100%);
 /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg,  #28a745 0%,#5ad363 100%);
 /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg,  #28a745 0%,#5ad363 100%);
 /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#28a745', endColorstr='#5ad363',GradientType=1 );
 /* IE6-9 fallback on horizontal gradient */;
}

.btn-lg {
  font-size: 14px !important;
  padding: 12px 14px;
  font-weight: 500;
}

label {
  margin: 0 0 2px 0;
  font-size: 12px;
  color: #4a4949;
}

.form-control {
  border-bottom: 1px solid #cacdd0;
  border-top: 0px;
  height:50px;
  border-left: 0px;
  border-right: 0px;
  background-color: transparent;
  border-radius: 5px;
  font-size: 13px;
  box-shadow: none !important;
    border: 1px solid #ced4da;
    font-family: 'whitneybook';
    font-weight: 600;
}

.form-control:focus {
  border-color: #28a744;
}

.input-group .btn {
  border-right: none;
  border-left: none;
  border-top: none;
  border-radius: 0px;
  border-bottom: 1px solid #cacdd0;
}

.btn {
  font-size: 13px;
}

.btn.focus, .btn:focus {
  box-shadow: none !important;
}

.badge {
  font-size: 11px;
  padding: 7px 9px;
  font-weight: 500;
}

.badge-success {
  color: #28a745;
  background-color: rgb(40 167 69 / 15%);
}

.badge-warning {
  color: #eab002;
  background-color: rgb(255 193 7 / 15%);
}

.badge-danger {
  color: #ff6000;
  background-color: rgb(255 96 0 / 15%);
}

.badge-info {
  color: #17a2b8;
  background-color: rgb(23 162 184 / 15%);
}

.badge-primary {
  color: #007bff;
  background-color: rgb(0 123 255 / 15%);
}

.badge-dark {
  color: #343a40;
  background-color: rgb(52 58 64 / 15%);
}

.bg-danger {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ff6000+0,f5bb50+100 */
  background: #ff6000;
 /* Old browsers */
  background: -moz-linear-gradient(-45deg,  #ff6000 0%, #f5bb50 100%);
 /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg,  #ff6000 0%,#f5bb50 100%);
 /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg,  #ff6000 0%,#f5bb50 100%);
 /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff6000', endColorstr='#f5bb50',GradientType=1 );
 /* IE6-9 fallback on horizontal gradient */;
}

.bg-info {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#17a2b8+0,1a68ce+100 */
  background: #17a2b8;
 /* Old browsers */
  background: -moz-linear-gradient(-45deg,  #17a2b8 0%, #1a68ce 100%);
 /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg,  #17a2b8 0%,#1a68ce 100%);
 /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg,  #17a2b8 0%,#1a68ce 100%);
 /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#17a2b8', endColorstr='#1a68ce',GradientType=1 );
 /* IE6-9 fallback on horizontal gradient */;
}

.modal-dialog {
  padding: 0px;
  margin: 0px;
  border: none !important;
  width: 100%;
  max-width: 100%;
}

.modal-content {
  border: none;
  border-radius: 0px;
  height: 100vh;
}

.modal-body {
  overflow: auto;
}

.rounded {
  border-radius: .40rem!important;
}

/* Filter */
.filter .custom-control-label::before {
  right: 1rem;
  left: auto;
  margin: auto;
  top: 0;
  bottom: 0;
}

.filter .custom-control-label::after {
  left: auto;
  right: 1rem;
  margin: auto;
  top: 0;
  bottom: 0;
}

.custom-control-input:checked~.custom-control-label::before {
  color: #fff;
  border-color: #28a744;
  background-color: #28a744;
}

/* Dark Mode */
.theme-switch-wrapper {
  position: fixed;
  bottom: 12px;
  right: 12px;
  z-index: 99999;
  width: 40px;
  height: 40px;
  border-radius: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.fixed-bottom-padding .theme-switch-wrapper {
  bottom: 70px;
}

.theme-switch {
  width: 40px;
  height: 40px;
  background: #000;
  color: #fff;
  border-radius: 50px;
  font-size: 20px;
  margin: 0px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.dark .theme-switch {
  background: #fff;
  color: #000;
}

.theme-switch-wrapper em {
  display: none;
}

.theme-switch-wrapper #checkbox {
  display: none;
}

.dark body {
  background-color: #000;
  color: #ffffff;
}

.dark .bg-white {
  background-color: #1b1b1b!important;
}

.dark .border-bottom, .dark .border-top, .dark .border-left, .dark .border-right {
  border-color: #292929!important;
}

.dark .text-dark {
  color: #e4e4e4!important;
}

.dark .modal-content {
  background-color: #000;
}

.dark .bg-light {
  background-color: #101010!important;
}

.dark .modal-header {
  border-bottom: 1px solid #292929;
}

.dark .close {
  color: #fff !important;
}

.dark .btn {
  color: #ffffff;
}

.dark a.text-dark:focus, .dark a.text-dark:hover {
  color: #ffffff!important;
}

.dark .list-card-image a.btn, .dark .cart-items-number .btn {
  border: 3px solid #252525;
  background: #000;
  box-shadow: none;
}

.dark .cart-items-number {
  background: #000000;
}

.dark .hc-nav-trigger {
  color: #28a744;
}

.dark label {
  color: #ffffff;
}

.dark .hc-offcanvas-nav .nav-container, .dark .hc-offcanvas-nav .nav-wrapper, .dark .hc-offcanvas-nav ul {
  background: #25282e;
}

.dark .hc-offcanvas-nav li:not(.custom-content) a {
  color: #a3a6a9;
  background: rgba(0, 0, 0, 0);
  border-bottom: 1px solid #33353e;
}

.dark .hc-offcanvas-nav li:not(.custom-content) a:hover {
  color: #ffffff;
  background: #000000 !important;
  border-bottom: 1px solid #000000;
}

.dark .hc-offcanvas-nav li.nav-close a, .dark .hc-offcanvas-nav li.nav-back a {
  border-top: 1px solid #33353e;
  border-bottom: 1px solid #33353e;
}

.dark  .hc-offcanvas-nav .nav-item {
  background: rgba(0, 0, 0, 0);
  border-bottom: 1px solid #343a40;
}

.dark .hc-offcanvas-nav ul.bottom-nav {
  border-top: 1px solid #343a40;
}

.dark .form-control {
  border-bottom: 1px solid #333538;
  background-color: transparent !important;
  font-size: 13px;
  box-shadow: none !important;
  color: #fff;
}

.dark .text-muted {
  color: #99a2ab!important;
}

.dark .list-card-image img {
  margin: 0;
  background: #fff;
  padding: 17px;
  min-width: 100%;
  max-width: 100%;
  border-radius: 6px;
  box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important;
}

.dark .slick-dots li.slick-active button:before {
  opacity: .75;
  color: #fff;
}

.dark .slick-dots li button:before {
  color: #fff;
}

.dark .list-card-osahan-2 .img {
  width: 100%;
  padding: 22px;
  margin-bottom: 15px;
}
.dark .schedule .nav-link.active, .dark .schedule .nav-link:focus {
  color: #28a744 !important;
  background: #1b1b1b;
  border-color: #292929;
}
.dark .schedule .nav-link:hover{
  background: #1b1b1b;
  border-color: #292929;
}
.dark .nav-tabs {
  border-bottom: 1px solid #292929;
}


.addtocart{
    color: #fff!important;
    background-color: #272d5a;
    padding: 10px 16px 7px 13px!important;
}

.offer-section .col-lg-6{
    width: 50%;
    padding-left: 7px;
    padding-right: 7px
}

.offer-section .col-lg-12{
   padding-left: 7px;
    padding-right: 7px
}


.offer-section img{
    width: 100%;
    border-radius: 7px;
    /*margin-bottom: 11px;*/
}

.tef{
    padding-bottom: 17px;
    padding-top: 17px;
}


.price{

    font-size: 17px!important;
    font-weight: 600;
    color: #000;
}

.act-price{
    text-decoration: line-through;
    font-size: 13px;

}


.slick-slide img {
    display: block;
    width: 100%;
    background: #fff;
    border-radius: 155px;
    padding: 8px 6px 0;
    /*box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important;*/

}


.main-slide .slick-slide img {
    display: block;
    width: 100%;
    background: #fff;
    border-radius: 5px;
    padding: 0!important;
  }

.main-slide .slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin-left: -13px!important;
}


.sar{
    font-size: 15px;
}


.wt{
     
    /*background: #131313;*/
   background: #231f20;
    height: 80px;

}

.p-3 {
    /*padding: 18px 3px 20px 8px!important;*/

        padding: 18px 7px 20px 5px!important;
}


.pc{
   padding: 0 6px 0;
   /*background: #f8faff;*/
    background: #f8faff;
   border-radius: 10px;
}
.p-name{
    padding: 1px 9px;
    font-size: 15px;
}


.sales-price{
  margin-bottom: 13px!important;
  font-size: 17px!important;
  /*font-weight: 500;*/
      font-weight: 600;
    font-family: 'whitneybook';
}

.real-price{
  
  text-decoration: line-through;
  color: #aaa;
  /*font-weight: 400;*/
  font-size: 14px;
  font-family: 'whitneybook';
  font-weight: 700;
  
}

.sbb h6{
    font-family: 'whitneybook';
  font-weight: 700;
}

.add-to-cart-btn{
    background: #0d7e77;
    border: none;
    padding: 6px 14px 6px 12px;
    border-radius: 6px;
    color: #fff;
    margin-bottom: 13px;
    margin-left: 9px;
    font-size: 13px;

}


@media (max-width: 400px){
  .add-to-cart-btn {
    background: #0d7e77;
    border: none;
    padding: 6px 14px 7px 7px;
    border-radius: 6px;
    color: #fff;
    margin-bottom: 13px;
    margin-left: 0px;
    font-size: 13px;
    width: 100%;
    font-family: 'Roboto', sans-serif;
}


.product-details-btn {
    background: #ed7745;
    border: none;
    /* padding: 6px 11px 7px 5px; */
    border-radius: 6px;
    color: #fff;
    margin-bottom: 0;
    margin-left: auto;
    font-size: 13px;
    position: relative;
    right: 3px;
    left: -13px;
    width: fit-content;
}


}


.text-muted {
    color: #ffffff!important;
}

.text-success {
    color: #000!important;
    font-family: 'whitneybook';
    font-weight: bolder;
}

a.selected {
    color: #ed7745 !important;
}


.shopp .col-6{
    padding-left: 1px!important;
    padding-right: 4px!important;
}


.pr-2, .px-2 {
    padding-right: .5rem!important;
    padding-left: 8px;
    margin-bottom: 13px;
    }

    .text-l{
      margin-left: 5px!important;
    }


    .trash-icon{
      float: right;
      padding-left: -20px;
      padding-right: 40px;
      position: absolute;
      right: 0;
      /* top: 0; */
      /*bottom: 26px;*/
       bottom: 36px;
    }

    .trash-icon i{

    color: #f80000;
    font-size: 16px;

    }

  .to{
      margin-right: 13px;
    }

  .product-details-btn{
    /*background: #0d7e77;*/
    background: #df8418;
    border: none;
    /* padding: 6px 11px 7px 5px; */
    border-radius: 6px;
    color: #fff;
    margin-bottom: 0;
    margin-left: auto;
    font-size: 13px;
    position: relative;
    right: 3px;
    left: 10px;
    font-family: 'Roboto', sans-serif;
    }


.product-page-image, .product-image-gallery, .product-image-slider-thumbnails {
    position: relative;
}
.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.product-image-slider .slick-prev {
    left: 15px;
}


.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
}

.slick-initialized .slick-slide {
    display: block;
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}

.product-image-gallery .product-gallery-item img {
    width: 100%;
}


.product-image-slider .slick-next {
    right: 15px;
}


.product-image-slider .slick-prev, .product-image-slider .slick-next {
    z-index: 2;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    /* border: 1px solid #ddd; */
    background: #fff;
    box-shadow: 0px 0px 5px rgb(0 0 0 / 5%);
    opacity: 1;
    /*visibility: hidden;*/
}
.zoom-images-button {
    background: #fff;
    border: 1px solid #ddd;
    font-size: 19px;
    color: #777;
    width: 50px;
    height: 50px;
    line-height: 45px;
    text-align: center;
    display: block;
    position: absolute;
    bottom: 15px;
    left: 15px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    box-shadow: 0px 0px 4px rgb(0 0 0 / 5%);
    -moz-box-shadow: 0px 0px 4px rgba(0,0,0,0.05);
    -webkit-box-shadow: 0px 0px 4px rgb(0 0 0 / 5%);
}

.product-image-slider-thumbnails {
}
.product-image-slider-thumbnails {
    margin-top: 15px;
}
.product-page-image, .product-image-gallery, .product-image-slider-thumbnails {
    position: relative;
    margin-top: 20px;
}
.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}


.product-image-slider-thumbnails .slick-prev {
    left: 0px;
}
.product-image-slider-thumbnails .slick-prev, .product-image-slider-thumbnails .slick-next {
    width: 25px;
    height: 100%;
    border: 1px solid #eee;
    border-radius: 0px;
}


.slick-slider .slick-track, .slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    /* transform: translate3d(0, 0, 0); */
}
.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}


.product-image-slider-thumbnails {
    margin-top: 15px;
}

.product-image-slider-thumbnails .item {
    /* padding-right: 7px; */
    padding-left: 7px;
    }

   
.full-col{
  padding-left: 0;
  padding-right: 0;
}

.pro-name{
   
    padding-left: 21px;
    padding-top: 24px;
    padding-bottom: 10px;
    background: #fff;
    margin-top: 21px;

}

.product-image-slider-thumbnails .item {
    padding-right: 7px;
    padding-left: 7px;
    opacity: 0.6;
    transition: all 0.2s linear 0s;
    -moz-transition: all 0.2s linear 0s;
    -o-transition: all 0.2s linear 0s;
    -webkit-transition: all 0.2s linear 0s;
}

.product-image-slider-thumbnails .item:hover, .product-image-slider-thumbnails .item.slick-current {
    opacity: 1;
}


.details{
  margin:7px 0;
}


 .product-filters .size-selector .entry {
        display: inline-block;
        position: relative;
        height: 27px;
        line-height: 25px;
        border: 1px solid #e58a1f;
        padding-left: 10px;
        padding-right: 10px;
        margin-right: 8px;
        margin-bottom: 8px;
        cursor: pointer;
    }

    .product-filters .size-selector .entry.active {
    border-color: #df8418;
    background: #df8418;
    color: #fff;
}
      
 .details label{
    font-size: 16px;
    margin-bottom: 13px;
    font-family: 'Roboto', sans-serif;
        }

 .pd {
    font-size: 17px;
    font-family: 'Roboto', sans-serif;
    /* color: #888585; */
}

.de1 {
   
    color: #888585;
    margin-bottom: 5px;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
}

.msf{
    font-family: 'Roboto', sans-serif;
}

.hg{
      /*padding: 12px!important;*/
      
    padding: 17px!important;
    font-family: 'Averta';
}


.log-btm{
      /*padding: 23px 7px 9px 5px!important;*/
      padding: 6px 7px 9px 5px!important;
}

.c-logo{
    color: #000!important;
   padding-left: 7px;
}


.ig-bottom{
  margin-bottom: 6px!important;
}


.cart-3{
  padding: 6px 7px 20px 5px!important;
    margin: 10px 0 0;
}


.pro-d .slick-slide img {
    display: block;
    width: 100%;
     background: #fff; 
    border-radius: 5px;
     padding: 0!important; 
}

.ess-img{
  position: relative;
  margin-bottom: 11px;
}

.ess-img:after{
  content:'';
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  right: 0;
  background: linear-gradient(0deg, rgb(0 0 0 / 34%) 0%, rgba(253,187,45,0) 100%);
  border-radius: 7px;
}


.offer-text{
    position: absolute;
    /* top: 0; */
    bottom: 0;
    color: #fff;
    z-index: 2;
    text-align: center;
    left: 0;
    right: 0;
    font-family: 'DM Serif Display', serif;
    font-size: 20px;
    line-height: 22px;
}


.pd-1{
      padding: 18px 7px 20px 17px!important;
}


.cat-n{
        /*font-family: 'DM Serif Display', serif;*/
    font-size: 14px;
    font-family: 'whitneybook';
    font-weight: 600;
        margin-bottom: 0!important;
}


.os-1{
    /*padding: 1px 7px 20px 5px!important;*/
    padding: 1px 7px 8px 5px!important;
        
}


.near_slider .slick-slide img {
    
    /*padding: 11px 12px 10px;*/
     padding: 0;
        
}


.text-logo{
    /*width: 138px;*/
    /*width: 147px;*/
     width: 100px;
}


.fn h6{
    font-family: 'Roboto', sans-serif;
}


/*=============================== category css ===============================*/


	.black-show{
		width:80%;
		background-color:#fff;
		padding:5px;
	}

	.black-show img{
		width:100%;
	}

	.black-show .flexslider{
		border:none !important;
	}

	.black-show .flex-control-paging li a.flex-active {
	    background: #000;
	    background: rgba(255,255,255,0.9);
	    cursor: pointer;
	}

	.black-icon , .black-flash-icon , .cyber-icon , .cyber-flash-icon, .christ-icon , .christ-flash-icon{
		width:35px;
		height:35px;

		background-size:100%;
		position:absolute;
		top:0;
		right:0;
	}


    .w-sub-btn{
    	margin-top: 5px;
    }

    .top50-icon{
		width:50px;
		height:60px;
	
		position: absolute;
	    top: 0;
	    right: 0;
	    z-index: 2;
	}
    .m-flex{
		display:flex;
		align-items: center;
	}
	.m-header-element{
		margin-left:20px;
		position:relative;
	}
	
	
.fixed-bottom p{
        font-size: 23px!important;
}


.foo {
    position: relative;
    color: orange;
    overflow: hidden;
}
.foo:after {
    content: "";
    position: absolute;
    width: 90%;
    top: 50%;
    margin-left: 10px;
    border-top: 3px solid orange;
}


/*.sh:after{*/
/*      content: '';*/
/*    display: inline-block;*/
/*    width: 100%;*/
/*    height: 100%;*/
/*    margin-right: -100%;*/
/*    border-bottom: 1px solid #d0cbcb;*/
/*    margin-bottom: 5px;*/
    /* margin-right: -5px; */
/*    margin-left: 11px;*/
/*}*/

/*.sh{*/
    /*position:relative;*/
/*    overflow:hidden;*/
/*}*/

/*.shh{*/
    /*position:relative;*/
/*    overflow:hidden;*/
/*}*/

/*.shh:after{*/
/*       content: '';*/
/*    display: inline-block;*/
/*    width: 100%;*/
/*    height: 100%;*/
/*    margin-right: -100%;*/
/*    border-bottom: 1px solid #d0cbcb;*/
/*    margin-bottom: 5px;*/
/*     margin-left: 11px;*/
   
/*}*/


/*.pcb{*/
    /*position:relative;*/
/*    overflow:hidden;*/
/*}*/

/*.pcb:after{*/
/*      content: '';*/
/*    display: inline-block;*/
/*    width: 100%;*/
/*    height: 100%;*/
/*    margin-right: -100%;*/
/*    border-bottom: 1px solid #d0cbcb;*/
/*    margin-bottom: 5px;*/
/*     margin-left: 11px;*/
/*}*/


/*test===============================================================*/


.layout-sidebar-large .main-header {
  position: fixed;
  width: 100%;
  height: 80px;
  box-shadow: 0 1px 15px rgba(0, 0, 0, 0.04), 0 1px 6px rgba(0, 0, 0, 0.04);
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: space-between;
  background: #fff;
  z-index: 100; }
  .layout-sidebar-large .main-header .menu-toggle {
    width: 90px;
    display: flex;
    flex-direction: column;
    align-items: center;
    cursor: pointer;
    margin-right: 12px; }
    .layout-sidebar-large .main-header .menu-toggle div {
      width: 24px;
      height: 1px;
      background: #47404f;
      margin: 3px 0; }
  .layout-sidebar-large .main-header .search-bar {
    display: flex;
    align-items: center;
    justify-content: left;
    background: #f8f9fa;
    border: 1px solid #eee;
    border-radius: 20px;
    position: relative;
    width: 230px;
    height: 40px; }
    .layout-sidebar-large .main-header .search-bar input {
      background: transparent;
      border: 0;
      color: #212121;
      font-size: .8rem;
      line-height: 2;
      height: 100%;
      outline: initial !important;
      padding: .5rem 1rem;
      width: calc(100% - 32px); }
    .layout-sidebar-large .main-header .search-bar .search-icon {
      font-size: 18px;
      width: 24px;
      display: inline-block; }
  .layout-sidebar-large .main-header .logo {
    width: 120px; }
    .layout-sidebar-large .main-header .logo img {
      width: 60px;
      height: 60px;
      margin: 0 auto;
      display: block; }
  .layout-sidebar-large .main-header .header-icon {
    font-size: 19px;
    cursor: pointer;
    height: 36px;
    width: 36px;
    line-height: 36px;
    display: inline-block;
    text-align: center;
    border-radius: 8px;
    margin: 0 2px; }
    .layout-sidebar-large .main-header .header-icon:hover {
      background: #f8f9fa; }
    .layout-sidebar-large .main-header .header-icon.dropdown-toggle:after {
      display: none; }
  .layout-sidebar-large .main-header .header-part-right {
    display: flex;
    align-items: center; }
    .layout-sidebar-large .main-header .header-part-right .user {
      margin-right: 2rem; }
      .layout-sidebar-large .main-header .header-part-right .user img {
        width: 36px;
        height: 36px;
        border-radius: 50%; }
  .layout-sidebar-large .main-header .notification-dropdown {
    padding: 0;
    max-height: 260px;
    cursor: pointer; }
    .layout-sidebar-large .main-header .notification-dropdown .dropdown-item {
      display: flex;
      align-items: center;
      padding: 0;
      height: 72px;
      border-bottom: 1px solid #dee2e6; }
      .layout-sidebar-large .main-header .notification-dropdown .dropdown-item .notification-icon {
        background: #eee;
        height: 100%;
        width: 44px;
        display: flex;
        align-items: center;
        justify-content: center; }
        .layout-sidebar-large .main-header .notification-dropdown .dropdown-item .notification-icon i {
          font-size: 18px; }
      .layout-sidebar-large .main-header .notification-dropdown .dropdown-item .notification-details {
        padding: .25rem .75rem; }
      .layout-sidebar-large .main-header .notification-dropdown .dropdown-item:active {
        color: inherit;
        background: inherit; }

@media (max-width: 991px) {
  .layout-sidebar-large .main-header .search-bar {
    width: 180px; }
  .layout-sidebar-large .main-header .menu-toggle {
    width: 24px;
    margin-right: 36px; } }

@media (max-width: 767px) {
  .layout-sidebar-large .main-header .search-bar {
    display: none; }
  .layout-sidebar-large .main-header .menu-toggle {
    width: 24px;
    margin-right: 36px; } }

@media (max-width: 576px) {
  .layout-sidebar-large .main-header {
    height: 70px;
    padding: 0 1.5rem; }
    .layout-sidebar-large .main-header .logo {
      width: 60px; }
    .layout-sidebar-large .main-header .search-bar {
      display: none; }
    .layout-sidebar-large .main-header .menu-toggle {
      width: 60px; }
    .layout-sidebar-large .main-header .header-part-right .user {
      margin-right: 0;
      padding-right: 0; }
  .layout-sidebar-large .notification-dropdown {
    left: -0px !important; } }

@media (max-width: 360px) {
  .layout-sidebar-large .main-header .menu-toggle {
    margin: 0; } }

.app-admin-wrap {
  width: 100%; }


.main-content-wrap {
     width: 72%;
    float: right;
    margin-top: 13px;
  transition: all .24s ease-in-out;
  padding: 2rem 2rem 0;
  position: relative;
  min-height: calc(100vh - 80px);
  background: #fff; }
  .main-content-wrap.sidenav-open {
    width: calc(100% - 120px); }

.layout-sidebar-large .sidebar-left-secondary,
.layout-sidebar-large .sidebar-left {
  position: fixed;
  top: 80px;
  height: calc(100vh - 80px);
  background: #fff;
  box-shadow: 0 4px 20px 1px rgba(0, 0, 0, 0.06), 0 1px 4px rgba(0, 0, 0, 0.08); }

.layout-sidebar-large .sidebar-left {
  left: 0;
  z-index: 90;
  transition: all .24s ease-in-out; }
  .layout-sidebar-large .sidebar-left.open {
    left: 0; }
  .layout-sidebar-large .sidebar-left .logo {
    display: none; }
  .layout-sidebar-large .sidebar-left .navigation-left {
    list-style: none;
    text-align: center;
    width: 120px;
    height: 100%;
    margin: 0;
    padding: 0; }
    .layout-sidebar-large .sidebar-left .navigation-left .nav-item {
      position: relative;
      display: block;
      width: 100%;
      color: #332e38;
      cursor: pointer;
      border-bottom: 1px solid #dee2e6; }
      .layout-sidebar-large .sidebar-left .navigation-left .nav-item:focus, .layout-sidebar-large .sidebar-left .navigation-left .nav-item:active {
        outline: none; }
      .layout-sidebar-large .sidebar-left .navigation-left .nav-item.lvl1 {
        text-align: center; }
      .layout-sidebar-large .sidebar-left .navigation-left .nav-item.active {
        color: #663399; }
        .layout-sidebar-large .sidebar-left .navigation-left .nav-item.active .nav-item-hold {
          color: #663399; }
      .layout-sidebar-large .sidebar-left .navigation-left .nav-item .nav-item-hold {
        display: block;
        width: 100%;
        padding: 26px 0;
        color: #47404f; }
        .layout-sidebar-large .sidebar-left .navigation-left .nav-item .nav-item-hold:focus, .layout-sidebar-large .sidebar-left .navigation-left .nav-item .nav-item-hold:active {
          outline: none; }
        .layout-sidebar-large .sidebar-left .navigation-left .nav-item .nav-item-hold .nav-icon,
        .layout-sidebar-large .sidebar-left .navigation-left .nav-item .nav-item-hold .feather {
          font-size: 32px;
          height: 32px;
          width: 32px;
          display: block;
          margin: 0 auto 6px; }
        .layout-sidebar-large .sidebar-left .navigation-left .nav-item .nav-item-hold .nav-text {
          font-size: 13px;
          display: block;
          font-weight: 400; }
        .layout-sidebar-large .sidebar-left .navigation-left .nav-item .nav-item-hold a {
          color: #332e38; }
      .layout-sidebar-large .sidebar-left .navigation-left .nav-item.active .triangle {
        position: absolute;
        width: 0;
        height: 0;
        right: 0;
        bottom: 0;
        border-style: solid;
        border-width: 0 0 30px 30px;
        border-color: transparent transparent #663399 transparent; }

.layout-sidebar-large .sidebar-left-secondary {
  left: calc(-220px - 20px);
  z-index: 89;
  width: 220px;
  padding: .75rem 0;
  transition: all .24s ease-in-out;
  background: #fff; }
  .layout-sidebar-large .sidebar-left-secondary.open {
    left: 120px; }
  .layout-sidebar-large .sidebar-left-secondary header {
    display: none; }
  .layout-sidebar-large .sidebar-left-secondary .childNav {
    list-style: none;
    padding: 0;
    display: none; }
    .layout-sidebar-large .sidebar-left-secondary .childNav li.nav-item {
      display: block; }
      .layout-sidebar-large .sidebar-left-secondary .childNav li.nav-item a {
        color: #332e38;
        text-transform: capitalize;
        display: flex;
        align-items: center;
        font-size: 13px;
        cursor: pointer;
        padding: 12px 24px;
        transition: .15s all ease-in; }
        .layout-sidebar-large .sidebar-left-secondary .childNav li.nav-item a:hover {
          background: #eee; }
        .layout-sidebar-large .sidebar-left-secondary .childNav li.nav-item a.open {
          color: #663399; }
        .layout-sidebar-large .sidebar-left-secondary .childNav li.nav-item a .nav-icon {
          font-size: 18px;
          margin-right: 8px;
          vertical-align: middle;
          color: #70657b; }
        .layout-sidebar-large .sidebar-left-secondary .childNav li.nav-item a .item-name {
          vertical-align: middle;
          font-weight: 400; }
        .layout-sidebar-large .sidebar-left-secondary .childNav li.nav-item a .dd-arrow {
          margin-left: auto;
          font-size: 11px;
          transition: all .3s ease-in; }
  .layout-sidebar-large .sidebar-left-secondary > .childNav {
    margin: 0; }
  .layout-sidebar-large .sidebar-left-secondary li.nav-item.open > div > a > .dd-arrow {
    transform: rotate(90deg); }
  .layout-sidebar-large .sidebar-left-secondary li.nav-item.open > div > .childNav {
    max-height: 1000px;
    overflow: visible; }
  .layout-sidebar-large .sidebar-left-secondary li.nav-item > div > a > .dd-arrow {
    transition: all .4s ease-in-out; }
  .layout-sidebar-large .sidebar-left-secondary li.nav-item > div > .childNav {
    max-height: 0;
    overflow: hidden;
    background: #fff;
    transition: all .4s ease-in-out; }
    .layout-sidebar-large .sidebar-left-secondary li.nav-item > div > .childNav li.nav-item a {
      padding: 12px 12px 12px 50px; }

.layout-sidebar-large .sidebar-overlay {
  display: none;
  position: fixed;
  width: calc(100% - 120px - 220px);
  height: calc(100vh - 80px);
  bottom: 0;
  right: 0;
  background: rgba(0, 0, 0, 0);
  z-index: 101;
  cursor: w-resize; }
  .layout-sidebar-large .sidebar-overlay.open {
    display: block; }


  .sidebar-left-secondary,
  .sidebar-left {
    top: 70px !important;
    height: calc(100vh - 70px); }
  .sidebar-left {
    left: calc(-90px - 20px); }
    .sidebar-left .navigation-left {
      width: 90px; }
      .sidebar-left .navigation-left .nav-item.active .triangle {
        border-width: 0 0 24px 24px; }
      .sidebar-left .navigation-left .nav-item .nav-item-hold {
        padding: 16px 0; }
  .sidebar-left-secondary {
    left: calc(-190px - 20px);
    width: 190px; }
    .sidebar-left-secondary.open {
      left: 90px; }


      .main-content .col-lg-4{
        width: 33%;
      }


      .layout-sidebar-large .sidebar-left-secondary.open {
    left: 120px;
}


@media (min-width: 992px){
.col-6 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
}
}


/*010101010101010100101010101010101010101 HALF MODAL010101010101010101010100110*/


/* ===================footer click modal============================= */


.modal.modal-left .modal-dialog,
.modal.modal-right .modal-dialog,
.modal.modal-top .modal-dialog,
.modal.modal-bottom .modal-dialog {
  -webkit-transform: translate3d(0%, 0, 0);
  -ms-transform: translate3d(0%, 0, 0);
  -o-transform: translate3d(0%, 0, 0);
  transform: translate3d(0%, 0, 0);
}

/* Left & Right */

.modal.modal-left .modal-dialog,
.modal.modal-right .modal-dialog {
  position: fixed;
  margin: auto;
  width: 500px;
  max-width: 100%;
  height: 100%;
}

.modal.modal-left .modal-content,
.modal.modal-right .modal-content {
  height: 100%;
  overflow-y: auto;
}

.modal.modal-left .modal-body,
.modal.modal-right .modal-body {
  padding: 15px 15px 80px;
}

.modal.modal-left.fade .modal-dialog {
  left: -500px;
  -webkit-transition: opacity 0.3s linear, left 0.3s ease-out;
  -moz-transition: opacity 0.3s linear, left 0.3s ease-out;
  -o-transition: opacity 0.3s linear, left 0.3s ease-out;
  transition: opacity 0.3s linear, left 0.3s ease-out;
}

.modal.modal-left.fade.show .modal-dialog {
  left: 0;
}

.modal.modal-right.fade .modal-dialog {
  right: -500px;
  -webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
  -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
  -o-transition: opacity 0.3s linear, right 0.3s ease-out;
  transition: opacity 0.3s linear, right 0.3s ease-out;
}

.modal.modal-right.fade.show .modal-dialog {
  right: 0;
}

.modal.modal-left .modal-content,
.modal.modal-right .modal-content,
.modal.modal-top .modal-content,
.modal.modal-bottom .modal-content,
.modal.modal-full .modal-content {
  border-radius: 0;
  border: none;
}

.modal.modal-left .modal-dialog.modal-sm,
.modal.modal-right .modal-dialog.modal-sm {
  width: 300px;
}

.modal.modal-left .modal-dialog.modal-lg,
.modal.modal-right .modal-dialog.modal-lg {
  width: 800px;
}

.modal.modal-left .modal-dialog.modal-xl,
.modal.modal-right .modal-dialog.modal-xl {
  width: 1140px;
}

/* Top and Bottom */

.modal.modal-top .modal-dialog,
.modal.modal-bottom .modal-dialog {
  position: fixed;
  margin: auto;
  width: 100%;
  max-width: 100%;
  height: auto;
}

.modal.modal-top .modal-content,
.modal.modal-bottom .modal-content {
  height: auto;
  overflow-y: auto;
  background: #303030;
  border-radius: 15px 15px 0 0;

}


.menu-scroll{
 height: 483px!important;
  overflow-y: scroll!important;
}


.modal.modal-top .modal-body,
.modal.modal-bottom .modal-body {
  padding: 15px 15px;
}

/* Top */

.modal.modal-top.fade .modal-dialog {
  top: -100%;
  -webkit-transition: opacity 0.3s linear, top 0.3s ease-out;
  -moz-transition: opacity 0.3s linear, top 0.3s ease-out;
  -o-transition: opacity 0.3s linear, top 0.3s ease-out;
  transition: opacity 0.3s linear, top 0.3s ease-out;
}

.modal.modal-top.fade.show .modal-dialog {
  top: 0;
}

/* Bottom */

.modal.modal-bottom.fade .modal-dialog {
  bottom: -100%;
  -webkit-transition: opacity 0.3s linear, bottom 0.3s ease-out;
  -moz-transition: opacity 0.3s linear, bottom 0.3s ease-out;
  -o-transition: opacity 0.3s linear, bottom 0.3s ease-out;
  transition: opacity 0.3s linear, bottom 0.3s ease-out;
}

.modal.modal-bottom.fade.show .modal-dialog {
  bottom: 0;
}

.modal.modal-bottom.fade .modal-dialog {
  bottom: -100%;
}

/* Full Screen */

.modal.modal-full .modal-dialog {
  position: fixed;
  margin: auto;
  width: 100%;
  max-width: 100%;
  height: 100%;
}

.modal.modal-full .modal-content {
  height: 100%;
  overflow-y: auto;
}

.modal.modal-full .close-modal {
  position: fixed;
  top: 0;
  right: 3rem;
}

/* Footer */

.modal-footer-fixed {
  position: fixed;
  bottom: 0;
  width: 100%;
  background: #fff;
  border-radius: 0;
}

/* XS */

.modal.modal-left.xs .modal-body,
.modal.modal-right.xs .modal-body {
  padding: 15px;
}

/* Full screen modal menu indicators */

a.has-sub:after { font-family: "FontAwesome"; }
a.has-sub:after { content: "\f107"; margin-left: 1rem; }
a.has-sub[aria-expanded="true"]:after { content: "\f106"; }


.modal-open{
  padding-right: 0px!important
}

.modal{
    background: #0000006e;
}


.catagory-card img {
    /* width: 46%; */
    width: 100%!important;
    margin: 0 auto;
}

.card .card-body {
    /* padding: 1rem; */
    padding: 3px;
}

.catagory-card a {
    display: block;
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
}

.catagory-card span {
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms;
    display: block;
    /*font-size: 14px;*/
    font-weight: 700;
    /* line-height: 1; */
    line-height: 16px;
    color: #10171b!important;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
   
    padding-top: 4px;
    /* text-align: left; */
   font-family: 'whitneybook';
    font-weight: 600;
}

.catagory-card {
    position: relative;
    z-index: 1;
    text-align: center;
    border-radius: 0.75rem;
    /* height: 89px; */
    /*padding: 8px 0;*/
    background: #ffffff00!important;
}

.g-3, .gy-3 {
    --bs-gutter-y: 1rem;
}

.g-3, .gx-3 {
    --bs-gutter-x: 1rem;
}


/*.row>* {*/
/*    padding-right: calc(var(--bs-gutter-x)/ 4);*/
/*    padding-left: calc(var(--bs-gutter-x)/ 4);*/
/*    margin-top: var(--bs-gutter-y);*/
/*}*/


.text-close{
    width: 40px;
    position: absolute;
    top: -6%;
    z-index: 9999;
    right: 45%;
    color: #ffffff;
    opacity: 1;
    background-color: #0d7e77!important;
    height: 40px;
    border-radius: 50%;
    font-weight: 400;
    line-height: 0px;
    text-shadow: 0 1px 0 #fff0;
}

.text-cl-btn{
    
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 19px;
}


.sub-cat .x-first-menu {
    height: 54px!important;
}

.sub-cat .ic-spa {
    /* position: relative; */
    /*top: 26px;*/
    /*left: -16px;*/
    position: relative;
    top: 12px!important;
    left: -4px!important;
    align-items: center;
}


.sub-cat .x-first-menu{
    text-align: left!important;
}
.text-close:focus{
        outline: none!important;

}
.close:hover {
    color: #fff!important;
}

.hm{
    font-size: 21px;
    padding-right: 9px;
    /*color: #2f4858;  */
    color: #080808;
}

.hm:hover{
    color:#000;
}


/*index page css*/


            .ifShowYouLike .el-products {
                /* width:100%;
		padding:0 5px;
		-webkit-overflow-scrolling: touch; */
                display: flex;
                flex-wrap: wrap;
            }

            .ifShowYouLike .el-products>.x-product {
                width: calc(50% - 10px);
                margin: 10px 5px;
            }

            .ifShowYouLike .el-products li {
                width: 50%;
                float: left;
                padding: 5px;
            }

            .ifShowYouLike .el-products:after {
                display: block;
                clear: both;
                content: '';
            }

            .el-list-product {
                text-align: left;

            }

            .el-list-product .img {
                width: 100%;
                position: relative;
                overflow: hidden;
            }


            .el-list-product .img::after {
                content: '';
                display: block;
                margin-top: 125%;
            }

            .el-list-product .img img {
                width: 100%;
                display: block;
                position: absolute;
                left: 0;
                top: 0;
            }

            .lower-price {
                font-size: 15px;
                color: #e64545;
            }

            .higher-price {
                font-size: 13px;
                color: #999;
            }

            .el-list-product a {
                text-decoration: none;
            }

            .ifShowYouLike {
                text-align: center;
                display: none;
                border-top: 10px solid #f7f7f7;
                padding: 0px 10px;
            }

            .ifShowYouLike h3 {
                padding-top: 10px;
            }

            .y-loading {
                margin: 10px 0;
            }


            /*.x-first-menu {*/
            /*    height: 60px!important;*/
            /*}*/


            .x-category-page .x-secondary-menu>.__bd {
                height: calc(100% - 0px);
                padding-bottom: 20px;
                padding-top: 0;
            }


            .x-leaf-icons>.__leaf>.__title {
                font-size: 12px;
                color: #666;
                margin-top: 6px;
                line-height: 15px;
            }

            .__title font {
                color: #5a5a5a;
            }

            .x-first-menu {
                height: 81px !important;
                cursor: pointer;
                padding-left: 0px;
                font-size: 12px;
                text-transform: capitalize;
                font-family: 'Roboto', sans-serif !important;
                text-align: center;
                border-bottom: 1px solid #2f48581c;
                padding-bottom: 16px;
                text-align: center;

            }


            .x-first-menus {

                background: #efefef;
                height: 940px!important;
            }

            .x-first-menu.active {
                background-color: #ffffff;
                border-bottom: 3px solid #0d7e77;
                color: #0d7e77;
                /*border-left: 3px solid #ed7745;    */
            }


            /*.x-first-menu.active:after{*/

            /*    left: 0;*/
            /*    content: '';*/
            /*    position: absolute;*/
            /*    background: #ff6000;*/
            /*    width: 3px;*/
            /*    border-radius: 50px;*/
            /*    height: 79px;*/

            /*}*/

            /*.x-first-menu.active.ic-spa{*/
            /*    top: 49px;*/
            /*}*/


            .x-new-menu-page .x-secondary-menu {
                background-color: #f7f7f7;
                padding-left: 6px;
                padding-right: 0px;
            }

            .x-new-menu-page .x-secondary-menu {
                background-color: #ffffff;
            }

            .x-leaf-icons>.__leaf {
                width: 33.333%;
                text-align: center;
                padding: 10px 5px !important;
            }

            .x-leaf-icons>.__leaf>.__image {
                padding-left: 12px;
                padding-right: 12px;
                display: block;
                background: #e6e6e6;
                padding-bottom: 14px;
                padding-top: 11px;
                border-radius: 6px;
            }

            .x-category-page .__secondary_box>.__bd {
                padding-top: 1px;
            }

            .x-category-page .__secondary_box>.__hd {
                padding-top: 10px;
                padding-left: 10px;
                font-weight: 600;
                font-family: 'Roboto', sans-serif;
            }


            .ic-ig {
                float: left;
                margin: 0 auto;
                display: block;
                position: relative;
                left: 34%;
                top: 13px;
            }

            .ic-spa {
                /*position: relative;*/
                /*   top: 26px;*/
                /*   left: -16px;*/

                position: relative;
                top: 26px;
                left: -16px;
            }


            .cat-icon {
                font-size: 28px;
                text-align: center;
                position: relative;
                left: 22%;
                top: 10px;

            }


            .cat-icon2 {
                font-size: 28px;
                text-align: center;
                position: relative;
                left: 13%;
                top: 10px;
            }

            .cat-icon3 {
                font-size: 28px;
                text-align: center;
                position: relative;
                top: 10px;
                left: 33px;
            }


            .cat-icon4 {
                font-size: 32px;
                text-align: center;
                position: relative;
                left: 22%;
                top: 10px;
            }


            /*.x-new-menu-page{*/
            /*    height:500px!important;*/
            /*}*/
          

.card {
    border-color: transparent !important;
    border-radius: 0.75rem;
    /*-webkit-box-shadow: 0 0 32px -7px rgb(0 0 0 / 10%);*/
    /*-moz-box-shadow: 0 0 32px -7px rgba(0,0,0,0.1);*/
    /*box-shadow: 0 0 32px -7px rgb(0 0 0 / 10%);*/
}

.whatsappbtn{
    color: #ffffff!important;
    background-color: #5ad363!important;
    border-color: #5ad363!important;
}


@media only screen and (min-width: 1200px) and (max-width:5000px){
.custom-container {
    max-width: 1000px!important;
}
}


.container {
    width: 100%;
    padding-right: 1px!important;
    padding-left: 1px!important;
    margin-right: auto;
    margin-left: auto;
}


@media only screen and (min-width:992px) and (max-width:1200px){
    
    
.custom-container{
        max-width: 940px!important;
}
    
}


@media only screen and (min-width:1200px) and (max-width:1600px){
    
    
.custom-container{
        max-width: 1000px!important;
}
    
}


@media (min-width: 768px){
.modal-content {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 50%!important;
    margin: 0 auto;
}
}


.mb-2{
    width:100%;
}


@media (min-width:768px){
    
  .pro-name h5{
      font-size:24px;
  }
      
      
 .product-details-btn {
    
    padding: 12px 20px 9px 12px!important;
    font-size: 16px;  
      
 }  
 
 
 .de1 {
    color: #888585;
    margin-bottom: 5px;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-weight: 300;
    line-height: 27px;
      
}
}
    

@media (max-width:530px){
.cart-items h5 {
    font-size: 15px;
    font-family: 'Roboto', sans-serif;
    /*width: 220px;*/
    
}

}


@media (max-width:600px){
.cart-items h5 {
    font-size: 14px;
    font-family: 'whitneybook';
    /*width: 220px;*/
        overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box!important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-decoration-line: none!important;
        font-weight: 600;
}

}


.ft_count {
    position: absolute;
    width: 18px;
    height: 18px;
    display: flex;
    /*background: #1ca299;*/
    background: #da831c;
    border-radius: 50px;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    /*top: 5px;*/
    top: -11px;
    right: 14px;
    color: #fff;
    font-weight: 600;
}


.slick-dotted.slick-slider {
    margin-bottom: 0px!important;
}


/*-----------------media quiry-------------*/

@media (min-width: 1200px){
.ft_count {
    /*right: 92px;*/
    /*right: 48px;*/
    
}
}


@media only screen and (max-width:1200px) and (min-width:992px){
    
    
  .ft_count {
        /*right: 80px;  */
        /*right: 120px;*/
        /*right: 38px;*/
    
}

}


@media only screen and (max-width:992px) and (min-width:768px){
  
   .ft_count {
        /*right: 45px;*/
        /*right: 83px;*/
        /*right: 22px;*/
    
} 
  
}
  
  
  @media only screen and (max-width:768px) and (min-width:576px){ 
      
      
      .ft_count {
        /*right: 37px;  */
        right: 0px;
    
}   
      
}


 @media only screen and (max-width:576px) and (min-width:450px){ 
     
    .ft_count {
        /*right: 28px;  */
        /*right: 58px;*/
            right: 0px;
    
}  
     
 }
    

 @media only screen and (max-width:450px) and (min-width:300px){ 
     
    .ft_count {
        /*right: 13px;  */
        /*right: 31px;*/
        right: -8px;

    
}  
     
 }
   

@media (max-width:380px) { 

.hg {
    /* padding: 12px!important; */
    padding: 14px 0 !important;
}

}


.cont {
    padding: 10px;
}


.swiper-button-prev, .swiper-button-next{
    display:none;
    
}


.new-arrivals{
    margin-bottom:25px;
    
}


.new-arrivals img{
    border-radius:6px;
        border: solid #e7eeff42;
    background: #e7eeff42;
    padding: 0 0 0;
   
}

.slick-dots li {
    position: relative;
    display: inline-block;
    width: 15px!important;
    height: 15px!important;
    margin: 0 0px!important;
}


.col-res{

    flex: 0 0 50%;
    max-width: 50%;
    /*display: flex;*/
    float:left;
}

.bb{
   height: 300px;
}


.new-arrival .row{
    
    margin-right: 0px!important;
    margin-left: 0px!important;

}


.rl{
    position:relative;
}

.sr-cl{
    width: 97%;
    background: rgb(0 0 0);
    position: absolute;
    left: 0;
    right: 0px;
    margin: 0 auto;
    /* display: block; */
    height: 62px;
    top: 6px;
    border: 5px solid #332e2e;
    padding: 4px 12px;
}


.cate-count{
        top: 6px!important;
}


@media only screen and (max-width: 768px) and (min-width: 576px){
.cate-count {
    /* right: 37px; */
    right: 18px!important;
}

}


@media (max-width:576px){
     

.pro-size{
    margin-top:2px!important;
    padding: 1px 0!important;
    margin-bottom: 1px;
}
}


.spp{
    margin-bottom: 0!important;
}

/*@media (max-width:576px){*/

/*.p-name{*/
/*    margin-left: 0!important;*/
/*}*/
/*}*/


 @font-face {
      font-family: 'Averta';
      src: url('https://static.hopscotch.in/web2/fonts/averta-regular-webfont.woff2') format('woff2'),
      url('https://static.hopscotch.in/web2/fonts/averta-regular-webfont.woff') format('woff');
      font-weight: 400;
      font-style: normal;
      font-display: swap;
    }

    @font-face {
      font-family: 'Averta';
      src: url('https://static.hopscotch.in/web2/fonts/averta-semibold-webfont.woff2') format('woff2'),
      url('https://static.hopscotch.in/web2/fonts/averta-semibold-webfont.woff') format('woff');
      font-weight: 600;
      font-style: normal;
      font-display: swap;
    }

    @font-face {
      font-family: 'Averta';
      src: url('https://static.hopscotch.in/web2/fonts/averta-bold-webfont.woff2') format('woff2'),
      url('https://static.hopscotch.in/web2/fonts/averta-bold-webfont.woff') format('woff');
      font-weight: 700;
      font-style: normal;
      font-display: swap;
    }


.p-n1{
        font-family: 'whitneybook';
    font-weight: 600;
    font-size: 18px;
}

.p-d-name{
    font-family: 'whitneybook';
     overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box!important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-decoration-line: none!important;

}

.p-name h6{
    font-family: 'whitneybook';
    font-weight: 600;
    font-size: 15px;
     overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 2; /* number of lines to show */
           line-clamp: 2; 
   -webkit-box-orient: vertical;
}


.blk{
    background-color:#000!important;
        
}


@media (min-width:380px){
    .blk {
    background-color: #000!important;
    padding: 6px!important;
}
}

.blk .bx{
    color:#fff;
    font-size: 22px;
    padding-right: 3px;
    
}

.blk .text-success{
    color:#fff!important;
        font-size: 15px;
        padding-left: 8px;
    padding-top: 2px;
        font-family: 'whitneybook';
}

.near_sliderr a{
    width: 33%;
    float: left;
}


/*new product inner page*/

.col-4{
    flex: 0 0 50%;
    max-width: 33.33%;
    padding-left: 10px;
    padding-right: 10px;
}

.col-4 img{
    width:100%;
    margin-bottom: 8px;
}


@media (min-width:992px){
.prd-1{
   max-width: 20%; 
}
}

.prd-1 p{
    text-align:center;
    font-family: 'whitneybook';
    font-weight: 600;
    font-size: 14px;
    background: #ffebb0;
    color: #000;
    border-radius: 5px;
}

.sub-pro{
    margin-bottom: 25px;
    margin-top:25px;
}

.sub-pro img{
    width:100%;
    border: 5px solid #fff;

}


.p-33{
     padding: 3px 7px 20px 5px!important;

}

/*.w-btn{*/
/*    position: fixed;*/
    /* top: 0; */
/*    bottom: 7px;*/
/*    width: 90%;*/
/*    left: 0;*/
/*    right: 0;*/
/*    margin: 0 auto;*/
/*    padding: 10px;*/
/*    font-size: 17px;*/
/*}*/

.tp{
    padding-bottom: 20px;
}


/*@media (min-width:768px){*/
/*.w-btn {*/
/*    position: inherit;*/
    /* top: 0; */
/*    bottom: 7px;*/
/*    width: 40%;*/
/*    left: 0;*/
/*    right: 0;*/
/*    margin: 0;*/
/*    padding: 10px;*/
/*    font-size: 17px;*/
/*}*/
/*}*/


.osahan-body{
    background: #fff;
    margin-bottom: 10px;
}

.pik-bg{
    margin: 10px 0 10px;
    background: #fff;

}


.h-co img{
    width:100%;
    
}

.h-co .h-col-4{
    flex: 0 0 50%;
    max-width: 33.33%;
    padding-left: 10px;
    padding-right: 10px;
}


.ad-container{
        width: 93%;
       
}

.h-co p{
    text-align:center;
    font-family: 'whitneybook';
    font-weight: 600;
}


.near {
    background:#fff;
}

.cart-icon-wrap{
    margin-right:18px;
}


.caa{
    margin-top: 0!important;
}

.cart-name{
    
    padding: 13px;
    margin-bottom: 0px!important;

}

@media (max-width:650px){
.carb{
    display: inline-block!important;
}

.carb .whatsappbtn{
  padding: 9px;
  font-size: 15px;
  width: 100%;
}
}

.gobtn-btn{
    margin-bottom: 13px!important;
    font-size: 16px!important;
    /* font-weight: 500; */
    /* font-weight: 500; */
    color: #282c3f;
    font-size: 13px;
    font-family: 'whitneybook';
    font-weight: 400;
        background: #df8418;
    padding: 5px 17px 4px 12px;
    border-radius: 6px;
    margin-top: 10px;
    margin-left: 20px;
    color: #fff;
}


a.text-success:focus, a.text-success:hover {
    color: #ffffff!important;
}

.ccv{
    background:transparent;
}

.pro-p1{
   
    font-size: 15px;
    /*line-height: 1.5;*/
    color: #6d6d70;
    /*font-family: 'whitneybook';*/
    font-weight: 500;
    font-family: 'Inter', sans-serif;
}


#cartBody h2{
    font-family: 'whitneybook';
    font-size: 13px!important;
    font-weight: 700;
}


#cartBody .sales-price {
    margin-bottom: 2px!important;
    font-size: 15px!important;
}


.cart-col{
    flex: 0 0 50%;
    max-width: 33.33%!important;
    padding-left: 10px;
    padding-right: 10px;
}

@media (min-width:450px){
.catagory-card span {
   
    font-size: 16px;
}
}


@media (max-width:768px){
.cat-product{
    max-width:50%;
    flex: 0 0 50%;
}

}

.h-co .col-3:nth-child(1){
    
    padding-right: 3px;

}


.h-co .col-3:nth-child(2){
    padding-left: 3px;
    
}
.h-co .col-3:nth-child(3){
    
    padding-right: 3px;

    
}

.h-co .col-3:nth-child(4){
    padding-left: 3px;
 
}


@media (min-width:768px){
  
.h-co .col-3:nth-child(1){
    
    padding-right: 15px;

}


.h-co .col-3:nth-child(2){
    padding-left: 15px;
    
}
.h-co .col-3:nth-child(3){
    
    padding-right: 15px;

    
}

.h-co .col-3:nth-child(4){
    padding-left: 15px;
 
}
  
  .pc {
    padding: 0 6px 0;
    /* background: #f8faff; */
    background: none;
    
}


}


@media (max-width:768px){
    .h-co p {
    text-align: center;
    font-family: 'whitneybook';
    font-weight: 600;
    padding-bottom: 8px;
}
}


.h-co{
    padding-bottom: 14px;
}