/*body {*/
/*  font-family: "Open Sans", sans-serif;*/
/*  font-weight: 400;*/
/*  color: #666;*/
/*  font-size: 12px;*/
/*  line-height: 20px;*/
/*  width: 100%;*/
/*}*/
/*h1, h2, h3, h4, h5, h6 {*/
/*  color: #444;*/
/*}*/
/* Override the bootstrap defaults */
/*h1 {*/
/*  font-size: 33px;*/
/*}*/
/*h2 {*/
/*  font-size: 27px;*/
/*}*/
/*h3 {*/
/*  font-size: 21px;*/
/*}*/
/*h4 {*/
/*  font-size: 15px;*/
/*}*/
/*footer h5 {*/
/*  font-size: 12px;*/
/*}*/
/*h6 {*/
/*  font-size: 10.2px;*/
/*}*/
/*a {*/
/*  color: #23a1d1;*/
/*  text-decoration: none;*/
/*}*/
/*a:hover {*/
/*  text-decoration: none;*/
/*}*/
/* Chrome border line */
/*button:focus {*/
/*  outline: none !important;*/
/*}*/
/*legend {*/
/*  font-size: 18px;*/
/*  padding: 7px 0;*/
/*  margin-bottom: 20px;*/
/*  border-bottom: 1px solid #e5e5e5;*/
/*}*/
/*label {*/
/*  font-size: 12px;*/
/*  font-weight: normal;*/
/*}*/
/*.list-unstyled a {*/
/*  text-decoration: none;*/
/*}*/
/*.nav-tabs {*/
/*  margin-bottom: 15px;*/
/*}*/
/*div.required .col-form-label:before, div.required .form-label:before {*/
/*  content: "* ";*/
/*  color: #F00;*/
/*  font-weight: bold;*/
/*}*/
/*.form-switch-lg {*/
/*  font-size: 20px;*/
/*  min-height: 30px;*/
/*  line-height: 30px;*/
/*}*/
/*@media (min-width: 768px) {*/
/*  .col-form-label {*/
/*    text-align: right;*/
/*  }*/
/*}*/
/*#alert {*/
/*  z-index: 9999;*/
/*  pointer-events: all;*/
/*}*/
/*#alert .alert {*/
/*  min-width: 400px;*/
/*  position: relative;*/
/*  margin-bottom: 15px;*/
/*}*/
/*@media (min-width: 1300px) {*/
/*  #alert .alert {*/
/*    right: 50px;*/
/*  }*/
/*}*/
/*@media (min-width: 1400px) {*/
/*  #alert .alert {*/
/*    right: 0px;*/
/*  }*/
/*}*/
/*@media (min-width: 1600px) {*/
/*  #alert .alert {*/
/*    right: 100px;*/
/*  }*/
/*}*/
/*@media (min-width: 1800px) {*/
/*  #alert .alert {*/
/*    right: 200px;*/
/*  }*/
/*}*/
/*@media (min-width: 2000px) {*/
/*  #alert .alert {*/
/*    right: 300px;*/
/*  }*/
/*}*/
/*@media (min-width: 2200px) {*/
/*  #alert .alert {*/
/*    right: 400px;*/
/*  }*/
/*}*/
/*@media (min-width: 2400px) {*/
/*  #alert .alert {*/
/*    right: 500px;*/
/*  }*/
/*}*/
/*@media (min-width: 2600px) {*/
/*  #alert .alert {*/
/*    right: 600px;*/
/*  }*/
/*}*/
/*@media (min-width: 2800px) {*/
/*  #alert .alert {*/
/*    right: 700px;*/
/*  }*/
/*}*/
/*@media (min-width: 3000px) {*/
/*  #alert .alert {*/
/*    right: 800px;*/
/*  }*/
/*}*/
/*@media (min-width: 3200px) {*/
/*  #alert .alert {*/
/*    right: 900px;*/
/*  }*/
/*}*/
/*@media (min-width: 3400px) {*/
/*  #alert .alert {*/
/*    right: 1000px;*/
/*  }*/
/*}*/
/*@media (min-width: 3600px) {*/
/*  #alert .alert {*/
/*    right: 1100px;*/
/*  }*/
/*}*/
/*@media (min-width: 3800px) {*/
/*  #alert .alert {*/
/*    right: 1200px;*/
/*  }*/
/*}*/
/*@media (min-width: 4000px) {*/
/*  #alert .alert {*/
/*    right: 1300px;*/
/*  }*/
/*}*/
/* top */
/*#top {*/
/*  background-color: #EEEEEE;*/
/*  border-bottom: 1px solid #e2e2e2;*/
/*  padding: 10px 0;*/
/*  margin: 0 0 20px 0;*/
/*  min-height: 44px;*/
/*  position: relative;*/
/*}*/
/*#top .nav > .list-inline > .list-inline-item, #top .nav > .list-inline .list-inline-item > a, #top .nav > .list-inline .list-inline-item .dropdown > a {*/
/*  color: #888;*/
/*  text-shadow: 0 1px 0 #FFF;*/
/*}*/
/*#top .btn-link {*/
/*  color: #888;*/
/*  text-shadow: 0 1px 0 #FFF;*/
/*  text-decoration: none;*/
/*}*/
/*#top .btn-link:hover {*/
/*  color: #444;*/
/*}*/
/*#top a {*/
/*  font-size: 1.1em;*/
/*  text-decoration: none;*/
/*}*/
/*footer a {*/
/*  font-size: 1.1em;*/
/*  text-decoration: none;*/
/*}*/
/* logo */
/*#logo {*/
/*  margin: 0 0 10px 0;*/
/*}*/
/*#logo img {*/
/*  max-width: 200px;*/
/*}*/
/* search */
/*#search {*/
/*  margin-bottom: 10px;*/
/*}*/
/*#search .form-control-lg {*/
/*  height: 40px;*/
/*  font-size: 12px;*/
/*  line-height: 20px;*/
/*  padding: 0 10px;*/
/*}*/
/*#search .btn-lg {*/
/*  font-size: 15px;*/
/*  line-height: 18px;*/
/*  padding: 0.57rem 35px;*/
/*  text-shadow: 0 1px 0 #FFF;*/
/*}*/
/* cart */
/*#header-cart {*/
/*  margin-bottom: 10px;*/
/*}*/
/*#header-cart .btn-lg {*/
/*  color: #FFF;*/
/*  height: 40px;*/
/*  padding: 0 1rem;*/
/*}*/
/*#header-cart .btn:hover {*/
/*  color: #FFF;*/
/*}*/
/*#header-cart .dropdown-menu {*/
/*  background: #eee;*/
/*}*/
/*#header-cart .dropdown-menu li {*/
/*  min-width: 427px;*/
/*}*/
/*@media (max-width: 768px) {*/
/*  #header-cart .dropdown-menu li {*/
/*    min-width: 100%;*/
/*  }*/
/*}*/
/* menu */
/*#menu {*/
/*  background-color: #229ac8;*/
/*  background-image: linear-gradient(to bottom, #23a1d1, #1f90bb);*/
/*  background-repeat: repeat-x;*/
/*  border: 1px solid #1f90bb;*/
/*  border-color: #1f90bb #1f90bb #145e7a;*/
/*  min-height: 40px;*/
/*  border-radius: 4px;*/
/*}*/
/*#menu.navbar {*/
/*  padding: 0 1rem;*/
/*  margin-bottom: 20px;*/
/*}*/
/*#menu .dropdown-menu {*/
/*  padding-bottom: 0;*/
/*  margin-top: 0;*/
/*  border-top-left-radius: 0;*/
/*  border-top-right-radius: 0;*/
/*}*/
/*#menu .dropdown-inner {*/
/*  display: table;*/
/*}*/
/*#menu .dropdown-inner ul {*/
/*  display: table-cell;*/
/*}*/
/*#menu .dropdown-inner ul li a:hover {*/
/*  color: #ffffff;*/
/*  background-image: linear-gradient(to bottom, #23a1d1, #1f90bb);*/
/*}*/
/*#menu .dropdown-inner a {*/
/*  min-width: 160px;*/
/*  display: block;*/
/*  padding: 3px 20px;*/
/*  clear: both;*/
/*  line-height: 20px;*/
/*  color: #333333;*/
/*  font-size: 12px;*/
/*}*/
/*#menu .see-all {*/
/*  display: block;*/
/*  margin-top: 0.5em;*/
/*  border-top: 1px solid #DDD;*/
/*  padding: 3px 20px;*/
/*  -webkit-border-radius: 0 0 4px 4px;*/
/*  -moz-border-radius: 0 0 4px 4px;*/
/*  border-radius: 0 0 3px 3px;*/
/*  font-size: 12px;*/
/*}*/
/*#menu .see-all:hover, #menu .see-all:focus {*/
/*  text-decoration: none;*/
/*  color: #ffffff;*/
/*  background-color: #229ac8;*/
/*  background-image: linear-gradient(to bottom, #23a1d1, #1f90bb);*/
/*  background-repeat: repeat-x;*/
/*}*/
/*#menu #category {*/
/*  float: left;*/
/*  font-size: 16px;*/
/*  font-weight: 700;*/
/*  line-height: 40px;*/
/*  color: #fff;*/
/*  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);*/
/*}*/
/*#menu .navbar-toggler i {*/
/*  color: #fff;*/
/*  border-color: #fff;*/
/*  font-size: 0.9em;*/
/*}*/
/*#menu .navbar-nav > li > a {*/
/*  color: #fff;*/
/*  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);*/
/*  padding: 10px 15px 10px 15px;*/
/*  min-height: 15px;*/
/*  background-color: transparent;*/
/*}*/
/*#menu .navbar-nav > li > a:hover {*/
/*  background-color: rgba(0, 0, 0, 0.1);*/
/*}*/
/*@media (min-width: 768px) {*/
/*  #menu .dropdown:hover .dropdown-menu {*/
/*    display: block;*/
/*  }*/
/*}*/
/*@media (max-width: 767px) {*/
/*  #menu {*/
/*    border-radius: 4px;*/
/*  }*/
/*  #menu div.dropdown-inner > ul .list-unstyled {*/
/*    display: block;*/
/*  }*/
/*  #menu div.dropdown-menu {*/
/*    margin-left: 0 !important;*/
/*    padding-bottom: 10px;*/
/*    background-color: rgba(0, 0, 0, 0.1);*/
/*  }*/
/*  #menu .dropdown-inner {*/
/*    display: block;*/
/*  }*/
/*  #menu .dropdown-inner a {*/
/*    width: 100%;*/
/*    color: #fff;*/
/*  }*/
/*  #menu .dropdown-menu a:hover {*/
/*    background: rgba(0, 0, 0, 0.1);*/
/*  }*/
/*  #menu .dropdown-menu ul li a :hover {*/
/*    background: rgba(0, 0, 0, 0.1);*/
/*  }*/
/*  #menu .see-all {*/
/*    margin-top: 0;*/
/*    border: none;*/
/*    border-radius: 0;*/
/*    color: #fff;*/
/*  }*/
/*}*/
/* content */
/*#content {*/
/*  min-height: 600px;*/
/*}*/
/* footer */
/*footer {*/
/*  margin-top: 30px;*/
/*  padding-top: 30px;*/
/*  padding-bottom: 1px;*/
/*  background-color: #303030;*/
/*  border-top: 1px solid #ddd;*/
/*  color: #e2e2e2;*/
/*}*/
/*footer hr {*/
/*  border-top: none;*/
/*  border-bottom: 1px solid #666;*/
/*}*/
/*footer a {*/
/*  color: #ccc;*/
/*}*/
/*footer a:hover {*/
/*  color: #fff;*/
/*}*/
/*footer h5 {*/
/*  font-family: "Open Sans", sans-serif;*/
/*  font-size: 13px;*/
/*  font-weight: bold;*/
/*  color: #fff;*/
/*  margin-top: 10px;*/
/*  margin-bottom: 10px;*/
/*}*/
/* breadcrumb */
/*.breadcrumb {*/
/*  margin: 0 0 20px 0;*/
/*  padding: 8px 0;*/
/*  border: 1px solid #ddd;*/
/*  background-color: #f5f5f5;*/
/*}*/
/*.breadcrumb i {*/
/*  font-size: 15px;*/
/*}*/
/*.breadcrumb > li.breadcrumb-item {*/
/*  text-shadow: 0 1px 0 #FFF;*/
/*  padding: 0 20px;*/
/*  position: relative;*/
/*  white-space: nowrap;*/
/*}*/
/*.breadcrumb > li.breadcrumb-item > a {*/
/*  text-decoration: none;*/
/*}*/
/*.breadcrumb > li.breadcrumb-item:after {*/
/*  content: "";*/
/*  display: block;*/
/*  position: absolute;*/
/*  top: -3px;*/
/*  right: -5px;*/
/*  width: 26px;*/
/*  height: 26px;*/
/*  border-right: 1px solid #DDD;*/
/*  border-bottom: 1px solid #DDD;*/
/*  -webkit-transform: rotate(-45deg);*/
/*  -moz-transform: rotate(-45deg);*/
/*  -o-transform: rotate(-45deg);*/
/*  transform: rotate(-45deg);*/
/*}*/
/*.breadcrumb > li.breadcrumb-item + li:before {*/
/*  content: "";*/
/*  padding: 0;*/
/*}*/
/*.pagination {*/
/*  margin: 0;*/
/*}*/
/* buttons */
/*.btn-light {*/
/*  color: #777;*/
/*  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);*/
/*  background-image: linear-gradient(to bottom, #eeeeee, #dddddd);*/
/*  background-repeat: repeat-x;*/
/*  border-color: #dddddd #dddddd #b3b3b3 #b7b7b7;*/
/*}*/
/*.btn-light:hover, .btn-light:focus, .btn-light:active, .btn-light.active, .btn-light.disabled, .btn-light[disabled] {*/
/*  color: #333;*/
/*  background-color: #e6e6e6;*/
/*  border-color: #adadad;*/
/*  background-position: 0;*/
/*}*/
/*.btn-primary {*/
/*  color: #ffffff;*/
/*  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);*/
/*  background-image: linear-gradient(to bottom, #23a1d1, #1f90bb);*/
/*  background-repeat: repeat-x;*/
/*  border-color: #1f90bb #1f90bb #145e7a;*/
/*}*/
/*.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled] {*/
/*  background-position: 0;*/
/*}*/
/*.btn-warning {*/
/*  color: #ffffff;*/
/*  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);*/
/*  background-image: linear-gradient(to bottom, #fbb450, #f89406);*/
/*  background-repeat: repeat-x;*/
/*  border-color: #f89406 #f89406 #ad6704;*/
/*}*/
/*.btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active, .btn-warning.disabled, .btn-warning[disabled] {*/
/*  box-shadow: inset 0 1000px 0 rgba(0, 0, 0, 0.1);*/
/*}*/
/*.btn-danger {*/
/*  color: #ffffff;*/
/*  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);*/
/*  background-image: linear-gradient(to bottom, #ee5f5b, #bd362f);*/
/*  background-repeat: repeat-x;*/
/*  border-color: #bd362f #bd362f #802420;*/
/*}*/
/*.btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active, .btn-danger.disabled, .btn-danger[disabled] {*/
/*  box-shadow: inset 0 1000px 0 rgba(0, 0, 0, 0.1);*/
/*}*/
/*.btn-success {*/
/*  color: #ffffff;*/
/*  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);*/
/*  background-image: linear-gradient(to bottom, #62c462, #51a351);*/
/*  background-repeat: repeat-x;*/
/*  border-color: #51a351 #51a351 #387038;*/
/*}*/
/*.btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .btn-success.disabled, .btn-success[disabled] {*/
/*  box-shadow: inset 0 1000px 0 rgba(0, 0, 0, 0.1);*/
/*}*/
/*.btn-info {*/
/*  color: #ffffff;*/
/*  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);*/
/*  background-image: linear-gradient(to bottom, #e06342, #dc512c);*/
/*  background-repeat: repeat-x;*/
/*  border-color: #dc512c #dc512c #a2371a;*/
/*}*/
/*.btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active, .btn-info.disabled, .btn-info[disabled] {*/
/*  background-image: none;*/
/*  background-color: #df5c39;*/
/*}*/
/*.btn-link {*/
/*  border-color: rgba(0, 0, 0, 0);*/
/*  cursor: pointer;*/
/*  color: #23A1D1;*/
/*  border-radius: 0;*/
/*}*/
/*.btn-link, .btn-link:active, .btn-link[disabled] {*/
/*  background-color: rgba(0, 0, 0, 0);*/
/*  background-image: none;*/
/*  box-shadow: none;*/
/*}*/
/*.btn-inverse {*/
/*  color: #ffffff;*/
/*  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);*/
/*  background-color: #363636;*/
/*  background-image: linear-gradient(to bottom, #444444, #222222);*/
/*  background-repeat: repeat-x;*/
/*  border-color: #222222 #222222 #000000;*/
/*}*/
/*.btn-inverse:hover, .btn-inverse:focus, .btn-inverse:active, .btn-inverse.active, .btn-inverse.disabled, .btn-inverse[disabled] {*/
/*  background-color: #222222;*/
/*  background-image: linear-gradient(to bottom, #333333, #111111);*/
/*}*/
/*.product-thumb {*/
/*  border: 1px solid #ddd;*/
/*  margin-bottom: 15px;*/
/*}*/
/*.product-thumb h4 {*/
/*  font-weight: bold;*/
/*}*/
/*.product-thumb .image {*/
/*  text-align: center;*/
/*  margin-bottom: 15px;*/
/*}*/
/*.product-thumb .image a:hover {*/
/*  opacity: 0.8;*/
/*}*/
/*.product-thumb .description {*/
/*  padding: 15px;*/
/*}*/
/*.product-thumb .button-group {*/
/*  display: flex;*/
/*  border-top: 1px solid #ddd;*/
/*  background-color: #eee;*/
/*}*/
/*.product-thumb .button-group button {*/
/*  flex: 33%;*/
/*  border-radius: 0;*/
/*  display: inline-block;*/
/*  border: none;*/
/*  background-color: #eee;*/
/*  color: #888;*/
/*  line-height: 38px;*/
/*  font-weight: bold;*/
/*  text-align: center;*/
/*  text-transform: uppercase;*/
/*}*/
/*.product-thumb .button-group button:hover {*/
/*  color: #444;*/
/*  background-color: #ddd;*/
/*  text-decoration: none;*/
/*  cursor: pointer;*/
/*}*/
/*.product-thumb .button-group button + button {*/
/*  border-left: 1px solid #ddd;*/
/*}*/
/*@media (min-width: 960px) {*/
/*  .product-list .product-thumb {*/
/*    display: flex;*/
/*  }*/
/*  .product-list .product-thumb .image {*/
/*    flex-direction: column;*/
/*    margin-bottom: 0px;*/
/*  }*/
/*  .product-list .product-thumb .content {*/
/*    flex-direction: column;*/
/*    flex: 75%;*/
/*    position: relative;*/
/*  }*/
/*  .product-list .product-thumb .button-group {*/
/*    position: absolute;*/
/*    bottom: 0px;*/
/*    width: 100%;*/
/*    border-left: 1px solid #ddd;*/
/*  }*/
/*}*/
/*.rating {*/
/*  padding-bottom: 10px;*/
/*}*/
/*.rating .fa-stack {*/
/*  width: 20px;*/
/*}*/
/*.rating.fa-star {*/
/*  color: #999;*/
/*  font-size: 15px;*/
/*}*/
/*.rating .fa-star {*/
/*  color: #FC0;*/
/*  font-size: 15px;*/
/*}*/
/*.rating .fa-star + .fa-star {*/
/*  color: #E69500;*/
/*}*/
/* product list */
/*.price {*/
/*  color: #444;*/
/*}*/
/*.price-new {*/
/*  font-weight: 600;*/
/*}*/
/*.price-old {*/
/*  color: #dc512c;*/
/*  text-decoration: line-through;*/
/*}*/
/*.price-tax {*/
/*  color: #999;*/
/*  font-size: 12px;*/
/*  display: block;*/
/*}*/
/* BS4 Changes */
/*.navbar-light .navbar-toggler {*/
/*  font-size: 15px;*/
/*  font-stretch: expanded;*/
/*  color: #FFF;*/
/*  padding: 6px 12px;*/
/*  background-color: #229ac8;*/
/*  background-image: linear-gradient(to bottom, #23a1d1, #1f90bb);*/
/*  background-repeat: repeat-x;*/
/*  border-color: #1f90bb #1f90bb #145e7a;*/
/*}*/
/*.form-check .form-check-input {*/
/*  margin-top: 0.25rem;*/
/*}*/
/* Theme Custom CSS */
/*#display-control #compare-total.a {*/
/*  margin-top: -2px;*/
/*  padding: 0.35rem 0.565rem;*/
/*}*/
/*#product-product h1 {*/
/*  margin-top: 20px;*/
/*  margin-bottom: 10px;*/
/*}*/
/*#information-contact .card {*/
/*  margin-bottom: 20px;*/
/*}*/
/*#cookie {*/
/*  position: fixed;*/
/*  bottom: 0;*/
/*  left: 0;*/
/*  width: 100%;*/
/*  height: 150px;*/
/*  z-index: 9999;*/
/*  opacity: 0.95;*/
/*  color: #ecf0f1;*/
/*  background: #343a40;*/
/*}*/
/*#cookie div {*/
/*  font-size: 16px;*/
/*  color: #FFFFFF;*/
/*}*/
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Raleway:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Alike&family=Source+Code+Pro:ital,wght@0,200..900;1,200..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Alike&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Source+Code+Pro:ital,wght@0,200..900;1,200..900&display=swap');

@font-face {
  font-family: 'Gilroy';
  src: url('./fonts/gilroy/Gilroy-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Gilroy';
  src: url('./fonts/gilroy/Gilroy-Bold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: 'Gilroy';
  src: url('./fonts/gilroy/Gilroy-Medium.woff') format('woff');
  font-weight: medium;
  font-style: normal;
}



:root {
  --primaryColor: #008001;
  --secondaryColor: #E1A21E;
  --white: #ffffff;
}

body {
  font-family: "Poppins", "Montserrat", "Raleway", "Open Sans", sans-serif;
  font-weight: 400;
  color: #666;
  font-size: 12px;
  line-height: 20px;
  width: 100%;
  box-sizing: border-box;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: #444;
}

/* Override the bootstrap defaults */
h1 {
  font-size: 33px;
}

h2 {
  font-size: 27px;
}

h3 {
  font-size: 21px;
}

h4 {
  font-size: 15px;
}

footer h5 {
  font-size: 12px;
}

h6 {
  font-size: 10.2px;
}

a {
  /* color: #23a1d1; */
  color: #000000;
  text-decoration: none;
}

a:hover {
  text-decoration: none;
}

/* Chrome border line */
button:focus {
  outline: none !important;
}

legend {
  font-size: 18px;
  padding: 7px 0;
  margin-bottom: 20px;
  border-bottom: 1px solid #e5e5e5;
}

label {
  font-size: 12px;
  font-weight: normal;
}

.list-unstyled a {
  text-decoration: none;
}

.nav-tabs {
  margin-bottom: 15px;
}

div.required .col-form-label:before,
div.required .form-label:before {
  content: "* ";
  color: #F00;
  font-weight: bold;
}

.form-switch-lg {
  font-size: 20px;
  min-height: 30px;
  line-height: 30px;
}

@media (min-width: 768px) {
  .col-form-label {
    text-align: right;
  }
}

#alert {
  z-index: 9999;
  pointer-events: all;
}

#alert .alert {
  min-width: 400px;
  position: relative;
  margin-bottom: 15px;
}

@media (min-width: 1300px) {
  #alert .alert {
    right: 50px;
  }
}

@media (min-width: 1400px) {
  #alert .alert {
    right: 0px;
  }
}

@media (min-width: 1600px) {
  #alert .alert {
    right: 100px;
  }
}

@media (min-width: 1800px) {
  #alert .alert {
    right: 200px;
  }
}

@media (min-width: 2000px) {
  #alert .alert {
    right: 300px;
  }
}

@media (min-width: 2200px) {
  #alert .alert {
    right: 400px;
  }
}

@media (min-width: 2400px) {
  #alert .alert {
    right: 500px;
  }
}

@media (min-width: 2600px) {
  #alert .alert {
    right: 600px;
  }
}

@media (min-width: 2800px) {
  #alert .alert {
    right: 700px;
  }
}

@media (min-width: 3000px) {
  #alert .alert {
    right: 800px;
  }
}

@media (min-width: 3200px) {
  #alert .alert {
    right: 900px;
  }
}

@media (min-width: 3400px) {
  #alert .alert {
    right: 1000px;
  }
}

@media (min-width: 3600px) {
  #alert .alert {
    right: 1100px;
  }
}

@media (min-width: 3800px) {
  #alert .alert {
    right: 1200px;
  }
}

@media (min-width: 4000px) {
  #alert .alert {
    right: 1300px;
  }
}

/* top */
#top {
  /* background-color: #EEEEEE; */
  /* border-bottom: 1px solid #e2e2e2; */
  padding: 10px 0;
  margin: 0 0 20px 0;
  min-height: 44px;
  /* min-height: 12px; */
  position: relative;
  
}

#top .nav>.list-inline>.list-inline-item,
#top .nav>.list-inline .list-inline-item>a,
#top .nav>.list-inline .list-inline-item .dropdown>a {
  /* color: #888; */
  color: #E2A21E;
  font-weight: 600;
  /* text-shadow: 0 1px 0 #FFF; */
}

#top .btn-link {
  color: #888;
  text-shadow: 0 1px 0 #FFF;
  text-decoration: none;
}

#top .btn-link:hover {
  color: #444;
}

#top a {
  font-size: 1.1em;
  text-decoration: none;
}

footer a {
  font-size: 1.1em;
  text-decoration: none;
}

/* logo */
#logo {
  margin: 0 0 10px 0;
}

#logo img {
  max-width: 200px;
}

/* search */
#search {
  margin-bottom: 0px;
}

#search .form-control-lg {
  height: 40px;
  font-size: 12px;
  line-height: 20px;
  padding: 0 10px;
}

#search .btn-lg {
  font-size: 15px;
  line-height: 18px;
  padding: 0.57rem 35px;
  text-shadow: 0 1px 0 #FFF;
}
#search-mobile-wb {
  margin-bottom: 0px;
}

#search-mobile-wb .form-control-lg {
  height: 40px;
  font-size: 12px;
  line-height: 20px;
  padding: 0 10px;
}

#search-mobile-wb .btn-lg {
  font-size: 15px;
  line-height: 18px;
  padding: 0.57rem 35px;
  text-shadow: 0 1px 0 #FFF;
}
/* cart */
#header-cart {
  margin-bottom: 10px;
}

#header-cart .btn-lg {
  color: #FFF;
  height: 40px;
  padding: 0 1rem;
  background-color: green;
}

#header-cart .btn:hover {
  color: #FFF;
}

#header-cart .dropdown-menu {
  background: #eee;
}

#header-cart .dropdown-menu li {
  min-width: 427px;
}

@media (max-width: 768px) {
  #header-cart .dropdown-menu li {
    min-width: 100%;
  }
}

/* menu */
#menu {
  background-color: #229ac8;
  background-image: linear-gradient(to bottom, #23a1d1, #1f90bb);
  background-repeat: repeat-x;
  border: 1px solid #1f90bb;
  border-color: #1f90bb #1f90bb #145e7a;
  min-height: 40px;
  border-radius: 4px;
}

#menu.navbar {
  padding: 0 1rem;
  margin-bottom: 20px;
}

#menu .dropdown-menu {
  padding-bottom: 0;
  margin-top: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

#menu .dropdown-inner {
  display: table;
}

#menu .dropdown-inner ul {
  display: table-cell;
}

#menu .dropdown-inner ul li a:hover {
  color: #ffffff;
  background-image: linear-gradient(to bottom, #23a1d1, #1f90bb);
}

#menu .dropdown-inner a {
  min-width: 160px;
  display: block;
  padding: 3px 20px;
  clear: both;
  line-height: 20px;
  color: #333333;
  font-size: 12px;
}

#menu .see-all {
  display: block;
  margin-top: 0.5em;
  border-top: 1px solid #DDD;
  padding: 3px 20px;
  -webkit-border-radius: 0 0 4px 4px;
  -moz-border-radius: 0 0 4px 4px;
  border-radius: 0 0 3px 3px;
  font-size: 12px;
}

#menu .see-all:hover,
#menu .see-all:focus {
  text-decoration: none;
  color: #ffffff;
  background-color: #229ac8;
  background-image: linear-gradient(to bottom, #23a1d1, #1f90bb);
  background-repeat: repeat-x;
}

#menu #category {
  float: left;
  font-size: 16px;
  font-weight: 700;
  line-height: 40px;
  color: #fff;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
}

#menu .navbar-toggler i {
  color: #fff;
  border-color: #fff;
  font-size: 0.9em;
}

#menu .navbar-nav>li>a {
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  padding: 10px 15px 10px 15px;
  min-height: 15px;
  background-color: transparent;
}

#menu .navbar-nav>li>a:hover {
  background-color: rgba(0, 0, 0, 0.1);
}

@media (min-width: 768px) {
  #menu .dropdown:hover .dropdown-menu {
    display: block;
  }
}

@media (max-width: 767px) {
  #menu {
    border-radius: 4px;
  }

  #menu div.dropdown-inner>ul .list-unstyled {
    display: block;
  }

  #menu div.dropdown-menu {
    margin-left: 0 !important;
    padding-bottom: 10px;
    background-color: rgba(0, 0, 0, 0.1);
  }

  #menu .dropdown-inner {
    display: block;
  }

  #menu .dropdown-inner a {
    width: 100%;
    color: #fff;
  }

  #menu .dropdown-menu a:hover {
    background: rgba(0, 0, 0, 0.1);
  }

  #menu .dropdown-menu ul li a :hover {
    background: rgba(0, 0, 0, 0.1);
  }

  #menu .see-all {
    margin-top: 0;
    border: none;
    border-radius: 0;
    color: #fff;
  }
}

/* content */
#content {
  min-height: 600px;
}

/* footer */
footer {
  margin-top: 30px;
  padding-top: 30px;
  padding-bottom: 1px;
  background-color: var(--primaryColor);
  border-top: 1px solid #ddd;
  color: #e2e2e2;
}

footer hr {
  border-top: none;
  border-bottom: 1px solid #666;
}

footer a {
  color: #ccc;
}

footer a:hover {
  color: #fff;
}

footer h5 {
  font-family: "Open Sans", sans-serif;
  font-size: 13px;
  font-weight: bold;
  color: #fff;
  margin-top: 10px;
  margin-bottom: 10px;
}

/* breadcrumb */
.breadcrumb {
  margin: 0 0 20px 0;
  padding: 8px 0;
  border: 1px solid #ddd;
  background-color: #f5f5f5;
  display:none;
}

.breadcrumb i {
  font-size: 15px;
}

.breadcrumb>li.breadcrumb-item {
  text-shadow: 0 1px 0 #FFF;
  padding: 0 20px;
  position: relative;
  white-space: nowrap;
}

.breadcrumb>li.breadcrumb-item>a {
  text-decoration: none;
}

.breadcrumb>li.breadcrumb-item:after {
  content: "";
  display: block;
  position: absolute;
  top: -3px;
  right: -5px;
  width: 26px;
  height: 26px;
  border-right: 1px solid #DDD;
  border-bottom: 1px solid #DDD;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.breadcrumb>li.breadcrumb-item+li:before {
  content: "";
  padding: 0;
}

.pagination {
  margin: 0;
}

/* buttons */
.btn-light {
  color: #777;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  background-image: linear-gradient(to bottom, #eeeeee, #dddddd);
  background-repeat: repeat-x;
  border-color: #dddddd #dddddd #b3b3b3 #b7b7b7;
}

.btn-light:hover,
.btn-light:focus,
.btn-light:active,
.btn-light.active,
.btn-light.disabled,
.btn-light[disabled] {
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad;
  background-position: 0;
}

.btn-primary {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-image: linear-gradient(to bottom, #23a1d1, #1f90bb);
  background-repeat: repeat-x;
  border-color: #1f90bb #1f90bb #145e7a;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.btn-primary.disabled,
.btn-primary[disabled] {
  background-position: 0;
}

.btn-warning {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-image: linear-gradient(to bottom, #fbb450, #f89406);
  background-repeat: repeat-x;
  border-color: #f89406 #f89406 #ad6704;
}

.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active,
.btn-warning.active,
.btn-warning.disabled,
.btn-warning[disabled] {
  box-shadow: inset 0 1000px 0 rgba(0, 0, 0, 0.1);
}

.btn-danger {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-image: linear-gradient(to bottom, #ee5f5b, #bd362f);
  background-repeat: repeat-x;
  border-color: #bd362f #bd362f #802420;
}

.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
.btn-danger.active,
.btn-danger.disabled,
.btn-danger[disabled] {
  box-shadow: inset 0 1000px 0 rgba(0, 0, 0, 0.1);
}

.btn-success {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-image: linear-gradient(to bottom, #62c462, #51a351);
  background-repeat: repeat-x;
  border-color: #51a351 #51a351 #387038;
}

.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.btn-success.disabled,
.btn-success[disabled] {
  box-shadow: inset 0 1000px 0 rgba(0, 0, 0, 0.1);
}

.btn-info {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-image: linear-gradient(to bottom, #e06342, #dc512c);
  background-repeat: repeat-x;
  border-color: #dc512c #dc512c #a2371a;
}

.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info.active,
.btn-info.disabled,
.btn-info[disabled] {
  background-image: none;
  background-color: #df5c39;
}

.btn-link {
  border-color: rgba(0, 0, 0, 0);
  cursor: pointer;
  color: #23A1D1;
  border-radius: 0;
}

.btn-link,
.btn-link:active,
.btn-link[disabled] {
  background-color: rgba(0, 0, 0, 0);
  background-image: none;
  box-shadow: none;
}

.btn-inverse {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #363636;
  /* background-image: linear-gradient(to bottom, #444444, #222222); */
  background-repeat: repeat-x;
  border-color: #222222 #222222 #000000;
}

.btn-inverse:hover,
.btn-inverse:focus,
.btn-inverse:active,
.btn-inverse.active,
.btn-inverse.disabled,
.btn-inverse[disabled] {
  background-color: #222222;
  background-image: linear-gradient(to bottom, #333333, #111111);
}

.product-thumb {
  border: 1px solid #ddd;
  margin-bottom: 15px;
  position: relative;
  border-radius: 8px;
  background-color:#fff;
}



.product-thumb h4 {
  font-weight: bold;
  
}

.product-thumb .image {
  text-align: center;
  margin-bottom: 8px;
  padding: 4px;
}

.product-thumb .image a:hover {
  opacity: 0.8;
}

.product-thumb .description {
  padding: 4px;
  position: relative;

}

.product-thumb .btn-add {
  position: absolute;
  right: 0;
  bottom: 0;
  padding: 4px 12px;
}

.product-thumb .button-group {
  display: flex;
  border-top: 1px solid #ddd;
  background-color: #eee;
}



.product-thumb .button-group button {
  flex: 33%;
  border-radius: 0;
  display: inline-block;
  border: none;
  background-color: #eee;
  color: #888;
  line-height: 38px;
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
}

.product-thumb .button-group button:hover {
  color: #444;
  background-color: #ddd;
  text-decoration: none;
  cursor: pointer;
}

.product-thumb .button-group button+button {
  border-left: 1px solid #ddd;
}
.image-round{
    border-radius:8px;
}

@media (min-width: 960px) {
  .product-list .product-thumb {
    display: flex;
  }

  .product-list .product-thumb .image {
    flex-direction: column;
    margin-bottom: 0px;
  }

  .product-list .product-thumb .content {
    flex-direction: column;
    flex: 75%;
    position: relative;
  }

  .product-list .product-thumb .button-group {
    position: absolute;
    bottom: 0px;
    width: 100%;
    border-left: 1px solid #ddd;
  }
}

.rating {
  padding-bottom: 10px;
}

.rating .fa-stack {
  width: 20px;
}

.rating.fa-star {
  color: #999;
  font-size: 15px;
}

.rating .fa-star {
  color: #FC0;
  font-size: 15px;
}

.rating .fa-star+.fa-star {
  color: #E69500;
}

/* product list */
.price {
  color: #444;
}

.price-new {
  font-weight: 600;
}

.price-old {
  color: gray;
  /*#dc512c;*/
  text-decoration: line-through;
  font-size: 9px;
}

.price-tax {
  color: #999;
  font-size: 10px;
  display: block;
}

/* BS4 Changes */
.navbar-light .navbar-toggler {
  font-size: 15px;
  font-stretch: expanded;
  color: #FFF;
  padding: 6px 12px;
  background-color: #229ac8;
  background-image: linear-gradient(to bottom, #23a1d1, #1f90bb);
  background-repeat: repeat-x;
  border-color: #1f90bb #1f90bb #145e7a;
}

.form-check .form-check-input {
  margin-top: 0.25rem;
}

/* Theme Custom CSS */
#display-control #compare-total.a {
  margin-top: -2px;
  padding: 0.35rem 0.565rem;
}

#product-product h1 {
  margin-top: 20px;
  margin-bottom: 10px;
}

#information-contact .card {
  margin-bottom: 20px;
}

#cookie {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 150px;
  z-index: 9999;
  opacity: 0.95;
  color: #ecf0f1;
  background: #343a40;
}

#cookie div {
  font-size: 16px;
  color: #FFFFFF;
  
}

/* CUSTOM NNX */
.heading-viewall-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 10px 0;
}

.heading-viewall-container a{
  font-family: inherit;
  font-size: 14px;
  font-weight: 600;
  color: var(--primaryColor);
  text-decoration: none;
}

.cards-wrapper {
  display: flex;
  margin: 12px 0;
  gap: 12px;
  position: relative;
}

.card-container-wrapper {
  width: 100%;
  display: flex;
  scroll-behavior: smooth;
  overflow-x: scroll;
  /* hide the scroll bar  */
  -ms-overflow-style: none;
  /* IE and Edge */
  scrollbar-width: none;
  /* Firefox */
  -webkit-overflow-scrolling: touch;
  gap: 22px;

}

.card-container-wrapper::-webkit-scrollbar {
  /*Chrome, Safari, Edge*/
    display: none;
}


.card-container {
  width: 180px;
  flex: 0 0 auto;
  height: 300px;
  border: 1px solid #f2f2f2;
  border-radius: 12px;
  box-shadow: 0 0 15px #f2f2f2;
  margin: 12px 0;
  padding-bottom: 12px;
  position: relative;
}

.image-container {
  width: 100%;
  height: 45%;
  border-radius: 12px 12px 0 0;
}

.image-container img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.name-container {
  /*padding: 12px 8px;*/
  /*font-weight: bold;*/
  padding-left: 8px;
}

.name-container h4 {
  font-weight: 600;
  display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
padding-top: 4px;
}

.desc-container {
  padding: 0 8px;
  /* height: 50px;
  overflow: hidden;
  font-size: 10px; */
  color: gray;
}

.desc-container p {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  max-height: 3em;
  /* Assuming a line-height of 1.5em */
  line-height: 1.5em;
}

.price-container {
  padding: 8px 8px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
}

.price-container h4 {
  font-size: 12px;
}

.btn-add {
  all: unset;
  background-color: #F6FFF8;
  padding: 2px 16px;
  border: 1px solid green;
  border-radius: 4px;
  font-weight: 600;
}

.btn-left {
  width: 30px;
  height: 30px;
  /* background-color: transparent; */
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  transform: translateX(-10px);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #f2f2f2;
  box-shadow: 0 0 15px var(--primaryColor);
  z-index: 999;
}

.btn-right {
  width: 30px;
  height: 30px;
  /* background-color: green; */
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  transform: translateX(10px);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 0 15px var(--primaryColor);
  z-index: 999;
  text-align: center;
}

.btn-left i {
  color: black;
  font-size: 24px;
}

.btn-right i {
  color: black;
  font-size: 24px;
}

/* CATEGORY CARD CSS */

.card-wrapper {
  width: 100%;
  margin: 20px auto;
  display: flex;
  flex-wrap: wrap;
  /*justify-content: center;*/

  gap: 8px;
}

.category-card {
  flex: 0 0 auto;
  /*width: 128px;*/
  width: calc(100% / 9 - 1rem);
  height: 180px;
  
  border-radius: 12px;
}

.category-card-img-container {
  width: 100%;
  height: 65%;
  padding: 5px;

  border-radius: 12px;
}

.category-card-img-container img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 12px;

}

.category-card-text-container {
  width: 100%;
  padding: 12px;
  text-align: center;
}

.category-card-text-container h3 {
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
}

/* Header */
.header-cart-wrapper {
  /* position: relative; */
  text-align: center;
  display: flex;
}

.header-cart-wrapper i{
  font-size: 22px;
  font-weight: 600;
  color: var(--primaryColor);
}

.header-cart-wrapper a{
  font-size: 14px;
  font-weight: 500;
  color: var(--secondaryColor);
  margin: 0 12px;
  position: relative;
}

.cart-count-badge {
  position: absolute;
  top: -15px;
  left: 10px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: red;
  color: white;
  font-size: 12px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.line-after-header {
  color: #d9d9d9;
  margin: 0;
  margin-top: 12px;
}

#header {
  margin-top: 22px;
}

.header-container {
  padding: 0 12px;
}

/* PRODUCT LISTING CSS FOR LEFT SIDE CATEGORY LISTING */
.left-category-container {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.left-category-wrapper {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px;
  cursor: pointer;
  
  border-bottom: 1px solid #f2f2f2;
border-radius: 8px;
}

.left-category-wrapper:hover {
  background-color: #EBFEEF;
  border-left: 4px solid var(--primaryColor);
}

.left-thumb-container img {
  width: 60px;
  height: 60px;
  object-fit: cover;
}

.left-name-container a {
  color: black;
  font-size: 12px;
  font-weight: 500;
}

.category-name-heading {
  margin-bottom: 24px;
}

#product-list > div {
width: 20%;
padding: 6px;

}

.product-list-header-sort-pagination{
justify-content: space-between;
}

/* CART PAGE CSS */

.cart-item-row {
  height: 50px;
}

.cart-item-row .img-thumbnail {
  width: 50px;
  height: 50px;
}

#shopping-cart .table {
vertical-align: middle;
}

tfoot#checkout-total{
  border: 1px solid white;
}

.btn-decrement {
  all: unset;
  background-color: var(--primaryColor);
  width: 30px;
  height: 22px;
  text-align: center;
  border-radius: 4px 0 0 4px;
  color: #fff;
  font-size: 14px;
}

.btn-increment {
  all: unset;
  background-color: var(--primaryColor);
  width: 30px;
  height: 22px;
  text-align: center;
  border-radius: 0 4px 4px 0;
  color: #fff;
  font-size: 14px;
}

.product-tappable-anchor {
    background-color: green;
    margin: 0;
    padding: 0;
}

.a-category {
    position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
}

.left-category-wrapper {
    position: relative;
}

.category-btn-container {

  /* width: 100%; */
  height: 30px;
  position: absolute;
  right: 8px;
  bottom: 12px;
}
.subcategory-item{
    display: flex;
    gap: 8px;
    padding: 8px 0;
    flex-wrap:wrap;
    border: 1px solid green;
    padding: 4px;
    min-width: 100px;
    text-align: center;
  justify-content: center;
  border-radius: 4px;
}
.subcategory-item a{
    display: flex;
    align-items: center;
    gap:4px; 
}
.subcategory-item a img{
    width: 25px;height: 25px;
}
.subcategory-container{
    display: flex;
    gap: 8px; 
    padding: 8px 0;
    flex-wrap:wrap;
}
.search-mobile{
    display:none;
}
.header-web{
    justify-content: center;
    align-items: center
}
.web{
    display:block;
}
.mobile{
    display:none;
}

.cart-item-qty-field {
  all: unset;
  text-align: center;
  outline: none;
}

#product-info {
  font-family: "Gilroy";
  font-weight: medium;
}

/* OFFER LABEL */

.offer-label {
	background-color: var(--primaryColor);
	color: #fff;
	border-radius: 4px;
	padding: 0 4px;
	position: absolute;
	top: 8px;
	right: 8px;
	font-size: 10px;
	font-weight: bold;
}

.outofstock-label {
    background-color: red;
	color: #fff;
	border-radius: 4px;
	padding: 0 4px;
	position: absolute;
	top: 8px;
	left: 8px;
	font-size: 10px;
	font-weight: bold;
}

.offer-label-pdp {
	position: static;
	/* height: 50px; */
	display: inline-block;
	padding: 0 8px;
	
	margin: 0 8px;
}

.related-product-container .product-thumb {
    min-height: 413px;
}

.btn-wishlist {
    border: 1px solid var(--primaryColor);
    background-color: white;
}

.btn-compare {
     border: 1px solid var(--primaryColor);
    background-color: white;
}

/* CUSTOM MOBILE CART CSS*/
.mobile-cart-container {
    padding: 8px;
}

.mobile-cart-item {
    /*background-color: #f2f2f2;*/
    height: 120px;
    display: flex;
    margin: 8px 0;
    border-radius: 12px;
    border: 1px solid #f2f2f2;
    position: relative;
}

.mobile-cart-image-container {
    display:flex;
    align-items:center;
    height: 100%;
}

.mobile-cart-image-container a img{
    height: 100px;
    width: 100px;
}

.mobile-cart-info-container {
    display: flex;
    flex-direction: column;
}

.mobile-cart-name-container {
    margin: 8px 8px;
    font-size: 14px;
    font-weight: 500;
    color: #000;
}

.mobile-cart-qty-container {
    margin: 2px 8px;
    font-size: 14px;
    font-weight: 400;
}

.mobile-cart-btn-container {
    position: absolute;
    bottom: 8px;
    right: 8px;
}

.install-ad-banner {
    height: 60px;
    border-radius: 12px;
    border: 1px solid #f2f2f2;
    margin-bottom: 24px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 8px;
    box-shadow: 0 5px 10px #f2f2f2;

}

.add-heading {
    font-size: 14px;
    color: #000;
    font-weight: 500;
}

.install-ad-banner button {
    all: unset;
    padding: 8px;
    color: var(--primaryColor);
    border: 1px solid var(--primaryColor);
    border-radius: 8px;
}


@media (max-width: 600px) {
    .category-card {
  flex: 0 0 auto;
  /*width: 128px;*/
  width: calc(100% / 3 - 1rem);
  height: 180px;
  
  border-radius: 12px;
}
.search-web{
    display:none;
}
.search-mobile{
    display:block;
}
.header-mobile{
    justify-content: space-between;
    align-items: center
}
.web{
    display:none;
}
.mobile{
    display:block;
}

.coupon-btn {
    margin-top: 8px;
}


#product-list > div {
width: 50%;
padding: 6px;

}

#form-cart-edit {
    width: 80px;
}


}