@font-face {
  font-family: 'TheSansArabic';
  src: url("../fonts/newSansArabic/BahijTheSansArabic-ExtraLight.ttf") format("truetype");
  font-weight: 200;
  font-style: normal; }

@font-face {
  font-family: 'TheSansArabic';
  src: url("../fonts/newSansArabic/BahijTheSansArabic-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal; }

@font-face {
  font-family: 'TheSansArabic';
  src: url("../fonts/newSansArabic/BahijTheSansArabic-Plain.ttf") format("truetype");
  font-weight: 400;
  font-style: normal; }

@font-face {
  font-family: 'TheSansArabic';
  src: url("../fonts/newSansArabic/Bahij_TheSansArabic-SemiBold.ttf") format("truetype");
  font-weight: 500;
  font-style: normal; }

@font-face {
  font-family: 'TheSansArabic';
  src: url("../fonts/newSansArabic/BahijTheSansArabic-Bold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal; }

@font-face {
  font-family: 'TheSansArabic';
  src: url("../fonts/newSansArabic/BahijTheSansArabic-ExtraBold.ttf") format("truetype");
  font-weight: 800;
  font-style: normal; }

.popup-new-launch {
  font-family: TheSansArabic;
  font-weight: 500; }
  .popup-new-launch .modal-content {
    position: relative;
    border-radius: 18px;
    background: linear-gradient(180deg, #f9f9fb 0.32%, #ededf4 28.58%, #ededf4 105.42%); }
    .popup-new-launch .modal-content:after {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      height: 100%;
      background-image: url(../images/popup-new-launch/bannerBG.png);
      background-repeat: no-repeat;
      background-size: contain;
      z-index: 0; }
    .popup-new-launch .modal-content .modal-body {
      z-index: 1; }
    .popup-new-launch .modal-content .modal-body .close {
      font-size: 2rem; }
    .popup-new-launch .modal-content .modal-body .title {
      color: #4e387a;
      font-size: 46px;
      font-weight: 400; }
    .popup-new-launch .modal-content .modal-body .desc {
      font-size: 15px;
      font-weight: 400; }
    .popup-new-launch .modal-content .modal-body .btn-redirect {
      height: 50px;
      padding: 13px 54px;
      border-radius: 24px;
      background: #510b76;
      color: #fff;
      margin-top: 2rem;
      text-transform: uppercase; }
      .popup-new-launch .modal-content .modal-body .btn-redirect .icon {
        vertical-align: sub;
        margin-left: 8px; }
      .popup-new-launch .modal-content .modal-body .btn-redirect:hover {
        background: #430465; }
    .popup-new-launch .modal-content .modal-body .btn-later {
      background-color: transparent;
      padding: 0;
      margin-top: 5rem;
      color: #ec8223; }
      .popup-new-launch .modal-content .modal-body .btn-later:hover {
        color: #da6e0f;
        text-decoration: underline; }
    .popup-new-launch .modal-content .modal-body .col-white {
      background-color: rgba(255, 255, 255, 0.4);
      border-radius: 0 18px 18px 0; }
      .popup-new-launch .modal-content .modal-body .col-white .app-desc {
        width: 260px;
        font-size: 13px; }
      .popup-new-launch .modal-content .modal-body .col-white .gap-2 {
        gap: 0.75rem; }

@media (min-width: 992px) {
  .popup-new-launch .modal-xl {
    max-width: 1200px; } }

html[dir='rtl'] body,
html[dir='rtl'] .popup-new-launch {
  text-align: right; }

html[dir='rtl'] .close {
  float: left; }

html[dir='rtl'] .popup-new-launch .modal-content .modal-body .col-white {
  border-radius: 18px 0 0 18px; }

html[dir='rtl'] .popup-new-launch .icon {
  margin-left: 0;
  margin-right: 8px; }

html[dir='rtl'] .popup-new-launch .flip-x svg {
  transform: scaleX(-1); }

html,
body {
  height: 100%; }

.not-found {
  font-family: TheSansArabic;
  font-weight: 500;
  background: linear-gradient(180deg, #f9f9fb 0.32%, #ededf466 28.58%, #ededf473 105.42%); }
  .not-found .not-found-content {
    display: flex;
    align-items: center;
    height: 80%;
    position: relative;
    border-radius: 18px; }
    .not-found .not-found-content:after {
      content: '';
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      height: 100%;
      background-image: url(../images/banner.png);
      background-repeat: no-repeat;
      background-size: contain;
      z-index: 0;
      opacity: 0.1;
      border-radius: 1rem; }
    .not-found .not-found-content .not-found-body {
      z-index: 1; }
      .not-found .not-found-content .not-found-body .title {
        color: #4e387a;
        font-size: 36px;
        font-weight: 400; }
      .not-found .not-found-content .not-found-body .desc {
        font-size: 15px;
        font-weight: 400; }
      .not-found .not-found-content .not-found-body .btn-redirect {
        height: 50px;
        padding: 13px 54px;
        border-radius: 24px;
        background: #510b76;
        color: #fff;
        margin-top: 2rem; }
        .not-found .not-found-content .not-found-body .btn-redirect .icon {
          vertical-align: sub;
          margin-left: 8px; }
        .not-found .not-found-content .not-found-body .btn-redirect:hover {
          background: #430465; }

/*# sourceMappingURL=Popup-style.css.map */