:root {
  --dark-color: #08211f;
  --light-color: #3e9f98;
  --white: #fff;
  --blue:#023E8A;
}

* {
  margin: 0px;
  padding: 0px;
  font-family: Poppins;
}

.light-text {
  color: var(--light-color);
}

.blue-text {
  color: var(--blue);
}

.blue-bg {
  background-color: var(--blue);
  color: white;
}

.blue-bg:hover {
  color: cyan;
}


.dark-text {
  color: var(--dark-color);
}

.light-bg {
  background-color: var(--light-color);
}

.dark-bg {
  background-color: var(--dark-color);
}
.navbar {
  height: 80px;
  background-color: var(--white);
}

label{
  color: #aaa;
  font-size: .8rem;
}
.nav-link{
  display: flex;
  align-items: center;
}
.text-shadow {
  text-shadow: 1px 1px 30px rgba(54, 54, 54, 0.5),
    -1px -1px 30px rgba(54, 54, 54, 0.5);
}

.hero{
  margin-top:30px;
}


.auth-img{
  background-size: cover;
  background-position: center;
}
.product{
  position: relative;
}
.product-img{
  width:100%;
}

.product-desc>h5{
  font-weight: 1000;
  font-size:1rem;
}

.product-desc>.rating>i{
  color: gold;
}

.product .discount{
  position: absolute;
  top:10px;
  left:20px;
  cursor: pointer;
  background-color: var(--blue);
}

.product .product-icon{
  height: 30px;
  width: 30px;
  background-color: white;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 15px;
  position: absolute;
  cursor: pointer;
}

.product .product-icon:hover{
  background-color: var(--blue);
  color: var(--white);
}
.product .product-icon.wish{
  top:10px;
  right:20px;
}
.product .product-icon.cart{
  top:50px;
  right:20px;
}
.social-links > li {
  list-style: none;
}

.social-links a {
  text-decoration: none;
  color: var(--white);
}
.social-links a:hover {
  color: var(--blue);
}

.butt {
  border-bottom: 5px solid var(--dark-color);
}

.footer {
  width: 100%;
  min-height: 50px;
  color: var(--white);
  background-color: black
}

@media screen and (max-width: 500px) {
  
}
.myalert{
  padding:18px 30px;
  border-radius: 5px;
  color: white;
  font-family: Verdana, Geneva, Tahoma, sans-serif;
  font-size:17px;
  position: fixed;
  top: 75px;
  right: 50px;
  width: 330px;
  z-index: 10000;
}
.myalert-danger{
  background-color: #ff4444;
}
.myalert-info{
  background-color: #0099CC;
}
.myalert-success{
  background-color:#2BBBAD;
}
.myalert-warning{
  background-color: #FF8800;
}