:root {
  /* --blue-color: rgb(1, 83, 123);
  --background-color: rgb(255, 255, 255);
  --navtop-background-color: #caebfd;
  --navtop-background-color1: #92d5ff;
  --tr-background-color: rgb(173, 173, 173);
  --icon-bar-color: rgb(0, 0, 0);
  --border-color: rgba(198, 198, 198, 0.941);
  --font-color: rgb(0, 0, 0);
  --cart-shadow: #fae6e8;
  --button-background: white;
  --cart-green: #00fb04;
  --nav-color: black; */

  --color: #02a624;
  --blue-color: #3c3cf4;

/* dark blue */
  --blue-color: #02022f;;
  /* --blue-color: #1f90de; */
  --blue-color-light: #5ca9e1;
  --background-color: rgb(255, 255, 255);
  --navtop-background-color: #2e2e2e;
  --navtop-background-color1: #c9e7f9;
  --tr-background-color: rgb(173, 173, 173);
  --icon-bar-color: rgb(242, 242, 242);
  --border-color: rgba(198, 198, 198, 0.941);
  --font-color: rgb(96, 96, 96);
  --font-color: rgb(0, 0, 0);
  --cart-shadow: #fae6e8;
  --button-background: white;
  --cart-green: #52ff0d;
  --success-green: #21a5679f;

  --nav-color: rgb(255, 255, 255);
  --svg-fill: rgb(255, 255, 255);

  --dark: rgb(0, 0, 0);
}
body{
  /* background-color: var(--navtop-background-color); */
} 
.search-view {
  background: var(--background-color);
  box-shadow: 3px 4px 7px 1px #7d7c7c;
} 
a {
  color: var(--color);
  transition: all 0.25s ease;
  text-decoration: none;
}
.prd a {
  color: var(--font-color); 
}
.carousel-control-next,
.carousel-control-prev {
  background-color: #0000003b;
  width: 2rem;
}

footer {
  background-color: beige;
}
.dark {
  background-color: var(var(--dark));
}
.gradient1{
 background:  linear-gradient(
    126deg,
    #e125db0f 31.41%,
    #a4edcf 46.55%,
    #fffa07 69.55%,
    #ff30f1 100%
  ) !important
}
.gradient {
  background: linear-gradient(
    78.23deg,
    #ff0256 11.41%,
    #df00d0 52.55%,
    #5103ec 75.55%,
    #ff6969 100%
  ) !important;
} 
.text-gradient {
  background: linear-gradient(
    38.23deg,
    #ff0256 11.41%,
    #df00d0 52.55%,
    #5103ec 75.55%,
    #ff6969 100%
  );
  text-shadow: 2px 2px 0
    linear-gradient(
      38.23deg,
      #ff0256 11.41%,
      #df00d0 52.55%,
      #5103ec 75.55%,
      #ff6969 100%
    );
  background-color: transparent;
  background-clip: border-box;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.text-gradient {
  background: linear-gradient(58.23deg);
  background-color: transparent;
  background-clip: border-box;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.text-lg {
  font-size: large;
  font-weight: bold;
}
.carousel-light {
  background-color: #fbfafa1c;
}
.amount {
  color: var(--blue-color);
  font-weight: bold;
  white-space: nowrap;
}
.blue,
.blue > a {
  background-color: var(--blue-color);
  border: 0px solid var(--blue-color);
  border-radius: 0px;
  color: white;
  text-decoration: none;
}
.blue:hover,
.blue:hover a {
  background-color: var(--blue-color-light);
  border: 0px solid var(--blue-color-light);
  border-radius: 0px;
  color: white;
  text-decoration: none;
}

.red,
.red > a {
  background-color: red;
  color: white;
  border: 0px solid red;
  border-radius: 0px;
  cursor: pointer;
  text-decoration: none;
}

.red:hover,
.red:hover a {
  background-color: #f55;
  color: white;
  border: 0px solid #f55;
  border-radius: 0px;
  cursor: pointer;
  text-decoration: none;
}

.bg-purple {
  background-color: #df00d0;
}
.text-purple,
.purple {
  color: #df00d0;
}

ul::marker{
  marker: red;
}


.nav-tabs {
  box-shadow: inset 0px 0px 12px rgb(192, 188, 188);
}

.nav-tabs {
  background-color: #f7f7f7aa;
}

.nav-tabs button.active {
  border-bottom: 2px solid #12f !important;
  background-color: #f1efefaa;
}

ol.breadcrumb li:last-child a:hover,
.breadcrumb * a:hover {
  color: rgb(0, 83, 40);
} 

.nav-item.hover:hover {
  background-color: rgb(208, 208, 208);
}