*,
*::before,
*::after {
  box-sizing: border-box !important;
}
:root {
  --theme-color1: #2956ed;
  --theme-color2: #f879a8;
  --theme-color3: #ff4f90;
  --theme-color4: #4c72f1;
  --theme-color5: #2e54dd;
}

/* .bg-dark-blue */
.bg-theme-primary {
  background-color: var(--theme-color1);
}
/* .bg-gradient-dark-pink  */
.bg-theme-gradient-secondary {
  background-color: transparent;
  background-image: linear-gradient(
    180deg,
    var(--theme-color2) 0%,
    var(--theme-color3) 100%
  );
}
/* .bg-gradient-blue */
.bg-theme-gradient-tertiary {
  background-color: transparent;
  background-image: linear-gradient(
    180deg,
    var(--theme-color4) 0%,
    var(--theme-color5) 100%
  );
}
.fs-7 {
  font-size: 0.9rem;
}

.shake {
  position: relative;
  display: inline-block;
}

.shake:hover {
  animation: shake 0.2s;
}

@keyframes shake {
  10%,
  90% {
    transform: translateX(-1px);
  }

  20%,
  80% {
    transform: translateX(2px);
  }

  30%,
  70% {
    transform: translateX(-2px);
  }

  40%,
  60% {
    transform: translateX(2px);
  }

  50% {
    transform: translateX(-2px);
  }
}

.text-truncate-3 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}


@media (min-width: 992px) {
  .navbar-expand-lg .navbar-nav .nav-link {
    padding-right: .4rem !important;
    padding-left: .4rem !important;
  }
}