@import url('https://fonts.googleapis.com/css2?family=Anton&display=swap');
.user-site .left-text {
  font-family: "Anton", sans-serif !important;
  font-size: 32px;
  font-weight: 500;
}
.main-sidebar {
  background: #191970;
}
.user-site .header {
  background: linear-gradient(to right, #F5493E, #FFC6B8);
  border-bottom: 1px solid #F5493E;
  box-shadow: 0 2px 10px 0 #F5493E;
}
.user-site .btn-primary,
.user-site .menu .nav-link.active,
.user-site .menu .nav-link:hover,
.user-site .img-overview .title {
  background: linear-gradient(to right, #F5493E, #FFC6B8);
}
.user-site .btn-primary {
  border-color: #F5493E;
}
.user-site .text-primary {
  color: #F5493E !important;
}
.user-site .text-primary,
.user-site .menu .title {
  background: linear-gradient(to right, #F5493E, #FFC6B8);
  -webkit-background-clip: text;
}
.user-site .progress {
  background: #a4c6c6;
}
.user-site .progress .progress-bar {
  background: linear-gradient(to right, #F5493E, #FFC6B8);
}
.user-site .overview .inventory-title {
  color: #F5493E;
}
.user-site .overview .product-tab .product-item {
  color: #F5493E;
}
.user-site .overview .product-tab .product-item .card-body {
  border-top: solid 5px #F5493E;
}
.user-site .overview .product-tab .btn-get-more .card {
  background: linear-gradient(to right, #F5493E, #FFC6B8);
}
.login-layout .page-header,
.login-layout .page-footer {
  background: linear-gradient(to right, #F5493E, #FFC6B8);
  box-shadow: 3px 5px 14px -2px #F5493E;
}
.ribbon::before {
  border-top-color: #F5493E;
  border-right-color: #F5493E;
}

.bg-orange-gradient,
.user-site .bg-primary {
  background: linear-gradient(to right, #F5493E, #FFC6B8);
}
.bg-info-gradient {
  background: linear-gradient(to right, #00d1ff, #4d99b1);
}
.user-site .pagination .page-item .page-link {
  color: #F5493E;
}
.user-site .pagination .page-item.active .page-link {
  background: linear-gradient(to right, #F5493E, #FFC6B8);
  border-color: transparent;
  color: #fff;
}

.fqa-item {
  border-left: 3px solid #12a4ed;
  border-radius: 6px;
}
.fqa-item .card-header {
  cursor: pointer;
  background: rgba(18, 164, 237, 0.08) !important;
  color: #12a4ed !important;
}
.fqa-item .card-body {
  margin-top: -1px;
}