@import url('https://p.typekit.net/p.css?s=1&k=bzj5msg&ht=tk&f=38215.38220.38221&a=113699540&app=typekit&e=css');
@tailwind components;
:root {
  --font-family: 'korolev-rounded', sans-serif;
}
[dir='rtl']:root {
  --font-family: 'Almarai', sans-serif;
}

button:disabled {
  background: #cccccc;
  color: #eeeeee;
}

/* Pagination buttons */
[dir='rtl'] .pagination-button-icon {
  transform: rotate(180deg);
}
* {
  /* outline: 1px solid red; */
}
body {
  @apply font-default;
}

.nui-input-wrapper .nui-input,
.nui-input-label,
.nui-listbox-label {
  @apply !font-default;
  font-size: 1rem !important;
}

.nui-checkbox .nui-checkbox-label-text {
  font-size: 1rem !important;
}

.nui-input-wrapper .nui-input-error-text {
  font-size: 0.85rem !important;
}

.nui-pagination-link {
  margin-bottom: 0 !important;
}

@layer components {
  .button {
    @apply rounded-full px-4 py-2;
  }

  .button-main {
    @apply bg-atlantis-600 !text-white;
  }
  .button-success {
    @apply bg-atlantis-200 text-atlantis-700;
  }
  .label {
    @apply mb-1 inline-block pb-1 font-sans text-[.825rem] font-medium leading-none text-atlantis-950;
  }
}
/*
 * The Typekit service used to deliver this font or fonts for use on websites
 * is provided by Adobe and is subject to these Terms of Use
 * http://www.adobe.com/products/eulas/tou_typekit. For font license
 * information, see the list below.
 *
 * korolev-rounded:
 *   - http://typekit.com/eulas/00000000000000007735df3b
 *   - http://typekit.com/eulas/00000000000000007735df4b
 *   - http://typekit.com/eulas/00000000000000007735df46
 *
 * © 2009-2023 Adobe Systems Incorporated. All Rights Reserved.
 */
/*{"last_published":"2023-09-14 07:24:52 UTC"}*/

@font-face {
  font-family: 'korolev-rounded';
  src:
    url('https://use.typekit.net/af/707cd6/00000000000000007735df3b/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3')
      format('woff2'),
    url('https://use.typekit.net/af/707cd6/00000000000000007735df3b/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3')
      format('woff'),
    url('https://use.typekit.net/af/707cd6/00000000000000007735df3b/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3')
      format('opentype');
  font-display: auto;
  font-style: normal;
  font-weight: 300;
  font-stretch: normal;
}

@font-face {
  font-family: 'korolev-rounded';
  src:
    url('https://use.typekit.net/af/ff32b3/00000000000000007735df4b/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3')
      format('woff2'),
    url('https://use.typekit.net/af/ff32b3/00000000000000007735df4b/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3')
      format('woff'),
    url('https://use.typekit.net/af/ff32b3/00000000000000007735df4b/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3')
      format('opentype');
  font-display: auto;
  font-style: normal;
  font-weight: 500;
  font-stretch: normal;
}

@font-face {
  font-family: 'korolev-rounded';
  src:
    url('https://use.typekit.net/af/4a3b3d/00000000000000007735df46/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3')
      format('woff2'),
    url('https://use.typekit.net/af/4a3b3d/00000000000000007735df46/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3')
      format('woff'),
    url('https://use.typekit.net/af/4a3b3d/00000000000000007735df46/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3')
      format('opentype');
  font-display: auto;
  font-style: normal;
  font-weight: 700;
  font-stretch: normal;
}

@font-face {
  font-family: 'Encode Sans Semi Condensed';
  src: url('~/assets/fonts/EncodeSansSemiCondensed/EncodeSansSemiCondensed-Thin.ttf');
  font-weight: 100;
  font-style: normal;
}
@font-face {
  font-family: 'Encode Sans Semi Condensed';
  src: url('~/assets/fonts/EncodeSansSemiCondensed/EncodeSansSemiCondensed-ExtraLight.ttf');
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: 'Encode Sans Semi Condensed';
  src: url('~/assets/fonts/EncodeSansSemiCondensed/EncodeSansSemiCondensed-Light.ttf');
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: 'Encode Sans Semi Condensed';
  src: url('~/assets/fonts/EncodeSansSemiCondensed/EncodeSansSemiCondensed-Regular.ttf');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'Encode Sans Semi Condensed';
  src: url('~/assets/fonts/EncodeSansSemiCondensed/EncodeSansSemiCondensed-Medium.ttf');
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: 'Encode Sans Semi Condensed';
  src: url('~/assets/fonts/EncodeSansSemiCondensed/EncodeSansSemiCondensed-SemiBold.ttf');
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: 'Encode Sans Semi Condensed';
  src: url('~/assets/fonts/EncodeSansSemiCondensed/EncodeSansSemiCondensed-Bold.ttf');
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: 'Encode Sans Semi Condensed';
  src: url('~/assets/fonts/EncodeSansSemiCondensed/EncodeSansSemiCondensed-ExtraBold.ttf');
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: 'Encode Sans Semi Condensed';
  src: url('~/assets/fonts/EncodeSansSemiCondensed/EncodeSansSemiCondensed-Black.ttf');
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: 'Almarai';
  src: url('~/assets/fonts/Almarai/Almarai-Regular.ttf');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'Almarai';
  src: url('~/assets/fonts/Almarai/Almarai-Bold.ttf');
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: 'Almarai';
  src: url('~/assets/fonts/Almarai/Almarai-ExtraBold.ttf');
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: 'Almarai';
  src: url('~/assets/fonts/Almarai/Almarai-Light.ttf');
  font-weight: 300;
  font-style: normal;
}

.nui-checkbox-outer {
  /* @apply !outline-none; */
}

.nui-input-wrapper .nui-input:focus-within {
  outline-offset: 0;
}

.scroll-none::-webkit-scrollbar {
  width: 0rem;
  height: 0rem;
}

.scroll-thin::-webkit-scrollbar {
  width: 0.5rem;
  height: 0.5rem;
}

.scroll-thin::-webkit-scrollbar-track {
  background: theme('colors.base.light-gray');
  border-radius: 4rem;
}
.scroll-thin::-webkit-scrollbar-thumb {
  background: theme('colors.sunshade.500');
  border-radius: 4rem;
}

.nui-radio-outer {
  outline: none !important;
}

.carousel__slide {
  align-items: start !important;
  color: repeating-linear-gradient(
    to right,
    #00fa11 0%,
    #23fc02 50%,
    #44ff00 100%
  );
}