@import url("https://fonts.googleapis.com/css2?family=Alegreya+Sans:wght@100;400;500&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Alegreya+Sans:wght@100;400;500&family=Jost:wght@100;400;500&display=swap");

:root {
  --bs-primary: #28a97d;
  --bs-dark: #0d0e0f;
  --bs-success: #28a97d;
  --bs-success-transparent: #28a97e50;
  --bs-card-testimonial-height: 500px;
  --bs-purple: rgba(240, 248, 254, 0.5);
}

.bg-purple {
    background-color: var(--bs-purple) !important;
}

#appChatBot {
  z-index: 1000001;
}

.bg-gradient-special {
  background: linear-gradient(
      155deg,
      rgba(255, 220, 229, 0.5),
      rgba(199, 229, 255, 0.5)
    );
  background-attachment: fixed;
}

.line-middle {
  display: block;
  height: 1px;
  width: 100%;
}

.offcanvas {
  z-index: 100000;
}

.navbar-vertical .navbar-nav>.nav-item .nav-link.active i {
  color: #222222 !important;
}
.card-img-top 
{
  mask-image:linear-gradient(to bottom, black 40%, transparent 90%);
}

.circle-rounded {
  background-color: #222;
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
  display: inline-block;
}


.rating span {
  color: lightgray;
  transition: color 0.3s;
}
.h-75 {
  height: 75%;
}