* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}




.bg-gradient {
  background: linear-gradient(to bottom, #000021, #020308, #020308);
}

.input-style {
  background-color: black;
  border: none;
  border-radius: 1rem;
  height: 55px;}

.gradient {
    background: linear-gradient(to right, 
      #AA6B03 10%,   /* First stop at 10% */
      #A77C35 35%,   /* Second stop at 35% */
      #9C7430 50%    /* Third stop at 50% */
    );
  }
body {
  /* background-color: black; */
  min-height: 100vh;
  font-family: "Poppins"!important;
}

a {
  text-decoration: none;
}

.lato {
  font-family: "Lato"!important;
}

.main-bg {
  background-color: #C46F00;
}

.orange-txt {
  color: #EA9507;
}

.orange-border {
  border-color: #EA9507;
}

.pink-txt {
  color: #FA898F;
}

.blue-txt {
  color: #249AD2;
}

.blue-border {
  border-color: #249AD2;
}

.yellow-txt {
  color: #D2AF24;
}

.green-txt {
  color: #15BC25;
}

.blue-bg {
  background-color: #249AD2;
}

.pink-bg {
  background-color: #FA898F;
}

.orange-bg {
  background-color: #EA9507;
}


#search::placeholder {
  color: #EA9507;
}

#search-2::placeholder {
  color: #FA898F;
}

#search-order::placeholder {
  color: #249AD2;
}



.line-through-active::before {
  content: '';
  width: 100%;
  position: absolute;
  background-color: gray;
  height: 2px;
  left: 0;
  top: 10px;
  rotate: 20deg;
}


#person-type::placeholder,#personal-user::placeholder {
color: white;
}

.bg-image {
  background-image: url("../images/bg.webp");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  /* min-height: 100vh; */
}

.swiper-pagination-bullet {
  background-color: #FA898F;
}

.swiper-pagination-bullet {
  background-color: #A6A7A8;
}

.products-swiper .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #FA898F;
}

.orders-swiper .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #249AD2;
}

 .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #EA9507;
}


/* .swiper-pagination {
  background-color: black;
  bottom: 0px;
} */

.products-swiper .swiper-button-prev {
  color: #FA898F;
  border: 1px solid #FA898F;
  border-radius: 20%;
  width: 30px;
  height: 30px;
  left: -40px;
  font-weight: bold;
  
}

.orders-swiper .swiper-button-prev {
  color: #249AD2;
  border: 1px solid #249AD2;
  border-radius: 20%;
  width: 30px;
  height: 30px;
  left: -40px;
  font-weight: bold;
  
}


.orders-swiper .swiper-button-next {
  color: #249AD2;
  border: 1px solid #249AD2;
  border-radius: 20%;
  width: 30px;
  height: 30px;
  right: -40px;
  font-weight: bold;

}
.swiper-button-prev {
  color: #EA9507;
  border: 1px solid #EA9507;
  border-radius: 20%;
  width: 30px;
  height: 30px;
  left: -40px;
  font-weight: bold;
  
}

.swiper-button-prev::after {
  font-size: 20px;
}

.products-swiper .swiper-button-next {
  color: #FA898F;
  border: 1px solid #FA898F;
  border-radius: 20%;
  width: 30px;
  height: 30px;
  right: -40px;
  font-weight: bold;

}

.swiper-button-next {
  color: #EA9507;
  border: 1px solid #EA9507;
  border-radius: 20%;
  width: 30px;
  height: 30px;
  right: -40px;
  font-weight: bold;

}

.swiper-button-next::after {
  font-size: 20px;
}

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
  border: 1px solid #A6A7A8;
  color: #A6A7A8;
  font-weight: bold;
}


.mySwiper .swiper-button-next {
  color: #EA9507;
  border: none;
  border-radius: 100%;
  width: 40px;
  height: 40px;
  right: -50px;;
  background-color: #33434266;
}

.mySwiper .swiper-button-prev {
  color: #EA9507;
  border: none;
  border-radius: 100%;
  width: 40px;
  height: 40px;
  left: -50px;;
  background-color: #33434266;
}

.testimonialSwiper .swiper-button-next {
  color: #EA9507;
  border: none;
  border-radius: 100%;
  width: 40px;
  height: 40px;
  right: -50px;;
  background-color: #33434266;
}

.testimonialSwiper .swiper-button-prev {
  color: #EA9507;
  border: none;
  border-radius: 100%;
  width: 40px;
  height: 40px;
  left: -50px;;
  background-color: #33434266;
}

.products-swiper-2 .swiper-button-next {
  color: #EA9507;
  border: none;
  border-radius: 100%;
  width: 40px;
  height: 40px;
  right: -50px;;
  background-color: #33434266;
}

.products-swiper-2 .swiper-button-prev {
  color: #EA9507;
  border: none;
  border-radius: 100%;
  width: 40px;
  height: 40px;
  left: -50px;;
  background-color: #33434266;
}