@import url('https://fonts.googleapis.com/css?family=Tajawal');

body {
  background: #c94b4b;  /* fallback for old browsers */
  background: -webkit-radial-gradient(circle, #bb4857, #b54454, #af3f50, #aa3b4d, #a4374a);  /* Chrome 10-25, Safari 5.1-6 */
  background-image: radial-gradient(circle, #b13e3e, #99313b, #802637, #671c30, #4f1328);
  background-attachment: fixed;
  overflow-y: scroll;
}
.main-color {
  color: #24195d;
}
.main-color-lighter {
  color: #24195d94;
}
.logo-gg {
  width: 35vw;
  min-width: 300px;
}
.letter-spacing-10 {
  letter-spacing: 10px;
}
.letter-spacing-4 {
  letter-spacing: 4px;
}
.smoothing {
  -webkit-font-smoothing: antialiased;
}
.text-shadow-soft {
  text-shadow: 0.5px 1px 1px black;
}
.not-link:hover {
  text-decoration: none !important;
}
.bg-soft-white {
  background-color: #ffffffb3;
}
.font-size-2em {
  font-size: 2em;
}
.border-0 {
  border: none;
}
.max-card {
  max-width: 630px;
}
.jcarousel {
  position: relative;
  overflow: hidden;
  width: 100%;
}
.jcarousel ul {
  width: 10000em;
  position: relative;
  list-style: none;
  margin: 0;
  padding: 0;
}
.jcarousel li {
  float: left;
}
.jcarousel li img {
  width: 200px;
  height: 200px;
  filter: drop-shadow(1px 1px 10px rgba(0, 0, 0, 0.30));
}
.jcarousel-control-prev, .jcarousel-control-next {
  position: absolute;
  height: -webkit-fill-available;
  line-height: 200px;
  font-size: 3em;
  color: white !important;
  text-shadow: 0.5px 0.5px 1px black;
}
.jcarousel-control-prev {
  left: 10px;
}
.jcarousel-control-next {
  right: 10px;
}
.soft-list .list-group-item {
  background-color: #ffffffa6;
  border: 1px solid rgba(0, 0, 0, 0.08);
}
.card {
  border: none !important;
}
.social-logos {
  font-size: 2.1em;
  color: white;
}
.social-logos:hover {
  color: #e7e3e3;
}
.fading {
  position: absolute;
  background: linear-gradient(to right, #8f3347 0%, rgba(255, 255, 255, 0.1) 50%, #8f3347 100%);
  z-index: 2;
  width: 100%;
  height: 100%;
}
.logo-acelera {
  height: 30px;
  filter: opacity(0.8);
}
.text-soft-light {
  color: rgba(255,255,255,.6) !important;
}
.text-tajawal {
  font-family: Tajawal, sans-serif;
}
.cursor-pointer {
  cursor: pointer;
}
.soft-list .list-group-item:hover {
  background-color: rgb(241, 241, 241);
}
#arrowOnde {
  height: fit-content;
}

@media (max-width: 767.98px) {
  .letter-spacing-10 {
    letter-spacing: 0;
  }
  .letter-spacing-4 {
    letter-spacing: 0;
  }
  .mobile-friend {
    font-size: 2em;
  }
}
@media (max-width: 492px) {
  #arrowOnde {
    margin-top: 16px;
  }
}