@font-face {
  font-family: "GTAmericaMono-bold";
  src: url(../fonts/GTAmericaMono-Bold/GT-America-Bold.ttf) format("truetype"); }
@font-face {
  font-family: "Almarai-Bold";
  src: url(../fonts/Almarai-Bold.ttf) format("truetype"); }
@font-face {
  font-family: "Almarai-ExtraBold";
  src: url(../fonts/Almarai-ExtraBold.ttf) format("truetype"); }
@font-face {
  font-family: "Almarai-Light";
  src: url(../fonts/Almarai-Light.ttf) format("truetype"); }
@font-face {
  font-family: "Almarai";
  src: url(../fonts/Almarai-Regular.ttf) format("truetype"); }
.svg-container {
  position: relative; }
  .svg-container .point {
    cursor: pointer; }

.content-container {
  position: absolute;
  background-color: rgba(255, 255, 255, 0.9);
  border: 1px solid #dd364a;
  opacity: 0;
  height: 20rem;
  z-index: -1;
  visibility: hidden;
  padding: 30px 5px 30px 5px;
  top: 50%;
  left: 22%;
  right: 22%;
  transform: translate(0%, -50%);
  transition: all 0.3s ease; }
  .content-container .close-btn {
    width: 2rem;
    position: absolute;
    left: unset;
    top: -1px;
    right: -1px;
    cursor: pointer; }

.content-container.active {
  opacity: 1;
  z-index: 10;
  visibility: visible; }

.desc-container {
  position: relative;
  width: 100%;
  max-height: calc(20rem - 60px);
  overflow: scroll;
  -webkit-overflow-scrolling: touch;
  padding: 1rem; }

.desc-container::-webkit-scrollbar-track-piece:end {
  background-color: transparent;
  margin-bottom: 20px; }

.desc-container::-webkit-scrollbar-track-piece:start {
  background: transparent;
  margin-top: 40px; }

.desc-container::-webkit-scrollbar {
  width: 5px; }

/* Track */
.desc-container::-webkit-scrollbar-track {
  box-shadow: unset; }

/* Handle */
.desc-container::-webkit-scrollbar-thumb {
  background: #dd364a;
  border-radius: 10px; }

.desc-container {
  position: relative; }
  .desc-container .title-container {
    font-family: "Akrobat";
    font-weight: 900; }
    .desc-container .title-container .h3 {
      font-size: 1.75rem;
      font-family: "Akrobat" !important;
      font-weight: 900; }
    .desc-container .title-container .order {
      display: inline-flex;
      background-color: #dd364a;
      height: 2.5rem;
      width: 2.5rem;
      border-radius: 50%; }
      .desc-container .title-container .order span {
        font-size: 1.5rem;
        text-align: center;
        color: white; }
  .desc-container p {
    font-family: "Raleway";
    font-size: 1rem; }
  .desc-container .time {
    font-family: "GTAmericaMono-bold";
    font-size: 1.5rem;
    color: #dd364a; }

@media (max-width: 1023.5px) {
  .content-container {
    left: 15px;
    right: 15px; } }
.italic {
  font-style: italic; }

html:lang(ar) .content-container .close-btn {
  width: 2rem;
  position: absolute;
  left: -1px;
  top: -1px;
  right: unset;
  cursor: pointer; }
html:lang(ar) .desc-container .title-container {
  font-family: "Akrobat","Almarai"; }
  html:lang(ar) .desc-container .title-container .h3 {
    font-family: "Akrobat","Almarai" !important; }
  html:lang(ar) .desc-container .title-container .order {
    font-family: "Akrobat","Almarai"; }
    html:lang(ar) .desc-container .title-container .order span {
      font-family: "Akrobat","Almarai"; }
html:lang(ar) .desc-container p {
  font-family: "Akrobat","Almarai"; }
html:lang(ar) .desc-container .time {
  font-family: "Almarai-Bold"; }

/*# sourceMappingURL=index.css.map */