/* start global */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
body {
  font-family: Inter, sans-serif;
}
.bg-blue {
  background-color: #742bfc;
}
.bg-blue-light {
  background-color: #3b6bff;
}
.bg-body-blue {
  background-color: #417aff;
}
.bg-strong {
  background-color: #f7fafc;
}
.bg-orange {
  background-color: #efa51c;
}
.bg-orange-ligth {
  background-color: #fdf7ec;
}
.bg-orange-ligth-light {
  background-color: #fcf1f2;
}
.bg-fctory {
  background-color: #ffffff;
}
.bg-green {
  background-color: #d0fae4;
}
.text-green {
  color: #499967;
}
.text-blue {
  color: #742bfc;
}
.w-30p {
  width: 30px;
}
.w-55p {
  width: 55px;
}
.h-30p {
  height: 30px;
}
.h-55p {
  height: 55px;
}
.h-15vh {
  min-height: 15vh;
}
.h-10vh {
  min-height: 10vh;
}
.w-90 {
  width: 96%;
}
.h-90p {
  height: 90px;
}
.w-90p {
  width: 90px;
}
.w-20p {
  width: 20px;
}
.h-20p {
  height: 20px;
}
.cursor {
  cursor: pointer;
}
.fts-13p {
  font-size: 13px;
}
.border-green {
  border: 4px solid #26fa267e;
}
/* end global */

/* start header */
.add span {
  padding: 0.625rem;
  cursor: pointer;
  transition: 0.3s background-color ease-in-out;
  border-radius: 10px;
}
.add span:hover {
  background-color: #e4e4e4;
}
.btnAdd {
  background-color: #5538f7;
  transition: 0.3s all linear;
}
.btnAdd:hover {
  background-color: #5538f7;
  transform: translateY(-3px);
  box-shadow: 3px 3px 10px gray;
}
.btnAdd:focus {
  background-color: #5538f7 !important;
  border: 0;
}
/* end header */
/* start conetnt */
.input:focus {
  box-shadow: 0 0 0 0px transparent !important;
  outline: 0 !important;
}
.input-search::placeholder {
  color: #c5c5c5;
}
.input-group {
  border: 1px solid #eeeeee;
  transition: 0.5s all linear;
}
.input-group:focus-within {
  border: 1px solid #742bfc;
}
.found {
  min-height: 50vh;
}
.input-file,
select {
  cursor: pointer;
}
.close {
  transition: 0.3s all linear;
  cursor: pointer;
}
.close:hover {
  color: black !important;
}
.input-product,
select,
textarea {
  background-color: #f0f0f0;
  display: block;
  width: 100%;
  padding-block: 10px !important;
}
.input-product:focus,
select:focus,
textarea:focus {
  border: 1px solid #5538f7 !important;
  outline: 0;
  background-color: white !important;
}
textarea {
  resize: none;
}
select {
  appearance: none;
}
.checkboxes {
  transition: 0.3s all ease-in-out;
}
.checkboxes:hover {
  color: black !important;
}
.product {
  scrollbar-width: none;
}
.icone-start,
.icone-heart {
  right: -0.5rem;
  font-size: 0.625rem;
}
.icone-start {
  top: -0.5rem;
}
.icone-heart {
  bottom: -0.5rem;
}
.tel a {
  text-decoration: none;
}
.tel span,
.tel a,
.delete span {
  transition: 0.3s all ease-in-out;
}
.tel a:hover {
  background-color: #d0fae4 !important;
}
.tel span:hover {
  color: yellow;
}
.delete span:not(:last-child):hover {
  background-color: #eef2ff;
}
.delete span:last-child:hover {
  background-color: #ffb3b3;
}
.delete span:nth-child(1):hover {
  color: yellow;
}
.delete span:nth-child(2):hover {
  color: red;
}
.delete span:nth-child(3):hover {
  color: #742bfc;
}
.delete span:nth-child(4):hover {
  color: red;
}
.circle-icone {
  position: relative;
}
.circle-icone::after {
  content: "";
  position: absolute;
  height: 50px;
  width: 50px;
  right: 0;
  top: 0;
  border-radius: 50%;
  border: 4px solid #20ff20;
}
.foundstar,
.foundheart {
  background-color: #f0f0f0;
  transition: 0.3s all linear;
  cursor: pointer;
}
.foundstar:hover {
  background-color: #fefbeb;
}
.foundheart:hover {
  background-color: #fcf0f1;
}
.foundstar:hover .icon-phone {
  background-color: #20ff20;
}
.foundheart:hover .icon-phone {
  background-color: red;
}
.box-star {
  right: -15px;
  top: -15px;
}
.box-heart {
  right: -15px;
  bottom: -15px;
}
/* end conetnt */