@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;600;700;900&display=swap');


:root {
  /* Primary — Ajrak deep madder red */
  --color-primary:       #8B1A1A;
  --color-primary-light: #B02828;
  --color-primary-dark:  #5C0A0A;

  /* Gold — Ajrak saffron accent */
  --color-gold:          #C8930A;
  --color-gold-light:    #E8B84B;

  /* Backgrounds */
  --color-background:    #FDF5EE;   /* warm ivory */
  --color-surface:       #FFFBF5;
  --color-card-bg:       #FFFBF5;

  /* Text */
  --color-text-primary:    #0a0a0a;
  --color-text-secondary:  #111111;
  --color-text-hint:       #444444;
  --color-text-on-primary: #FFFFFF;

  /* Status */
  --color-status-pending:             #F57F17;
  --color-status-visit-scheduled:     #0277BD;
  --color-status-visit-in-process:    #1565C0;
  --color-status-visited:             #4527A0;
  --color-status-approved:            #00695C;
  --color-status-rejected:            #8B1A1A;
  --color-status-breeding-in-process: #E65100;
  --color-status-completed:           #2E7D32;
  --color-status-in-process:          #1565C0;

  /* Utility */
  --color-divider: #E8D8D0;
  --color-shadow:  rgba(139, 26, 26, 0.12);
  --color-error:   #8B1A1A;
  --color-success: #2E7D32;
  --color-warning: #F57F17;
}

*, ::before, ::after{
  --tw-border-spacing-x:       0;
  --tw-border-spacing-y:       0;
  --tw-translate-x:       0;
  --tw-translate-y:       0;
  --tw-rotate:       0;
  --tw-skew-x:       0;
  --tw-skew-y:       0;
  --tw-scale-x:       1;
  --tw-scale-y:       1;
  --tw-pan-x:        ;
  --tw-pan-y:        ;
  --tw-pinch-zoom:        ;
  --tw-scroll-snap-strictness:       proximity;
  --tw-gradient-from-position:        ;
  --tw-gradient-via-position:        ;
  --tw-gradient-to-position:        ;
  --tw-ordinal:        ;
  --tw-slashed-zero:        ;
  --tw-numeric-figure:        ;
  --tw-numeric-spacing:        ;
  --tw-numeric-fraction:        ;
  --tw-ring-inset:        ;
  --tw-ring-offset-width:       0px;
  --tw-ring-offset-color:       #fff;
  --tw-ring-color:       rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow:       0 0 #0000;
  --tw-ring-shadow:       0 0 #0000;
  --tw-shadow:       0 0 #0000;
  --tw-shadow-colored:       0 0 #0000;
  --tw-blur:        ;
  --tw-brightness:        ;
  --tw-contrast:        ;
  --tw-grayscale:        ;
  --tw-hue-rotate:        ;
  --tw-invert:        ;
  --tw-saturate:        ;
  --tw-sepia:        ;
  --tw-drop-shadow:        ;
  --tw-backdrop-blur:        ;
  --tw-backdrop-brightness:        ;
  --tw-backdrop-contrast:        ;
  --tw-backdrop-grayscale:        ;
  --tw-backdrop-hue-rotate:        ;
  --tw-backdrop-invert:        ;
  --tw-backdrop-opacity:        ;
  --tw-backdrop-saturate:        ;
  --tw-backdrop-sepia:        ;
  --tw-contain-size:        ;
  --tw-contain-layout:        ;
  --tw-contain-paint:        ;
  --tw-contain-style:        ;
}

::backdrop{
  --tw-border-spacing-x:       0;
  --tw-border-spacing-y:       0;
  --tw-translate-x:       0;
  --tw-translate-y:       0;
  --tw-rotate:       0;
  --tw-skew-x:       0;
  --tw-skew-y:       0;
  --tw-scale-x:       1;
  --tw-scale-y:       1;
  --tw-pan-x:        ;
  --tw-pan-y:        ;
  --tw-pinch-zoom:        ;
  --tw-scroll-snap-strictness:       proximity;
  --tw-gradient-from-position:        ;
  --tw-gradient-via-position:        ;
  --tw-gradient-to-position:        ;
  --tw-ordinal:        ;
  --tw-slashed-zero:        ;
  --tw-numeric-figure:        ;
  --tw-numeric-spacing:        ;
  --tw-numeric-fraction:        ;
  --tw-ring-inset:        ;
  --tw-ring-offset-width:       0px;
  --tw-ring-offset-color:       #fff;
  --tw-ring-color:       rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow:       0 0 #0000;
  --tw-ring-shadow:       0 0 #0000;
  --tw-shadow:       0 0 #0000;
  --tw-shadow-colored:       0 0 #0000;
  --tw-blur:        ;
  --tw-brightness:        ;
  --tw-contrast:        ;
  --tw-grayscale:        ;
  --tw-hue-rotate:        ;
  --tw-invert:        ;
  --tw-saturate:        ;
  --tw-sepia:        ;
  --tw-drop-shadow:        ;
  --tw-backdrop-blur:        ;
  --tw-backdrop-brightness:        ;
  --tw-backdrop-contrast:        ;
  --tw-backdrop-grayscale:        ;
  --tw-backdrop-hue-rotate:        ;
  --tw-backdrop-invert:        ;
  --tw-backdrop-opacity:        ;
  --tw-backdrop-saturate:        ;
  --tw-backdrop-sepia:        ;
  --tw-contain-size:        ;
  --tw-contain-layout:        ;
  --tw-contain-paint:        ;
  --tw-contain-style:        ;
}

/* ! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com */

/*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/

*,
::before,
::after {
  box-sizing: border-box; /* 1 */
  border-width: 0; /* 2 */
  border-style: solid; /* 2 */
  border-color: #e5e7eb; /* 2 */
}

::before,
::after {
  --tw-content: '';
}

/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
6. Use the user's configured `sans` font-variation-settings by default.
7. Disable tap highlights on iOS
*/

html,
:host {
  line-height: 1.5; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
  -moz-tab-size: 4; /* 3 */
  -o-tab-size: 4;
     tab-size: 4; /* 3 */
  font-family: Frutiger, ui-sans-serif, system-ui, sans-serif; /* 4 */
  font-feature-settings: normal; /* 5 */
  font-variation-settings: normal; /* 6 */
  -webkit-tap-highlight-color: transparent; /* 7 */
}

/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/

body {
  margin: 0; /* 1 */
  line-height: inherit; /* 2 */
}

/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/

hr {
  height: 0; /* 1 */
  color: inherit; /* 2 */
  border-top-width: 1px; /* 3 */
}

/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/

abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

/*
Remove the default font size and weight for headings.
*/

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}

/*
Reset links to optimize for opt-in styling instead of opt-out.
*/

a {
  color: inherit;
  text-decoration: inherit;
}

/*
Add the correct font weight in Edge and Safari.
*/

b,
strong {
  font-weight: bolder;
}

/*
1. Use the user's configured `mono` font-family by default.
2. Use the user's configured `mono` font-feature-settings by default.
3. Use the user's configured `mono` font-variation-settings by default.
4. Correct the odd `em` font sizing in all browsers.
*/

code,
kbd,
samp,
pre {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */
  font-feature-settings: normal; /* 2 */
  font-variation-settings: normal; /* 3 */
  font-size: 1em; /* 4 */
}

/*
Add the correct font size in all browsers.
*/

small {
  font-size: 80%;
}

/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/

table {
  text-indent: 0; /* 1 */
  border-color: inherit; /* 2 */
  border-collapse: collapse; /* 3 */
}

/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-feature-settings: inherit; /* 1 */
  font-variation-settings: inherit; /* 1 */
  font-size: 100%; /* 1 */
  font-weight: inherit; /* 1 */
  line-height: inherit; /* 1 */
  letter-spacing: inherit; /* 1 */
  color: inherit; /* 1 */
  margin: 0; /* 2 */
  padding: 0; /* 3 */
}

/*
Remove the inheritance of text transform in Edge and Firefox.
*/

button,
select {
  text-transform: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/

button,
input:where([type='button']),
input:where([type='reset']),
input:where([type='submit']) {
  -webkit-appearance: button; /* 1 */
  background-color: transparent; /* 2 */
  background-image: none; /* 2 */
}

/*
Use the modern Firefox focus style for all focusable elements.
*/

:-moz-focusring {
  outline: auto;
}

/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/

:-moz-ui-invalid {
  box-shadow: none;
}

/*
Add the correct vertical alignment in Chrome and Firefox.
*/

progress {
  vertical-align: baseline;
}

/*
Correct the cursor style of increment and decrement buttons in Safari.
*/

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}

/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/

[type='search'] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/*
Remove the inner padding in Chrome and Safari on macOS.
*/

::-webkit-search-decoration {
  -webkit-appearance: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/*
Add the correct display in Chrome and Safari.
*/

summary {
  display: list-item;
}

/*
Removes the default spacing and border for appropriate elements.
*/

blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}

fieldset {
  margin: 0;
  padding: 0;
}

legend {
  padding: 0;
}

ol,
ul,
menu {
  list-style: none;
  margin: 0;
  padding: 0;
}

/*
Reset default styling for dialogs.
*/

dialog {
  padding: 0;
}

/*
Prevent resizing textareas horizontally by default.
*/

textarea {
  resize: vertical;
}

/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/

input::-moz-placeholder, textarea::-moz-placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}

input::placeholder,
textarea::placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}

/*
Set the default cursor for buttons.
*/

button,
[role="button"] {
  cursor: pointer;
}

/*
Make sure disabled buttons don't get the pointer cursor.
*/

:disabled {
  cursor: default;
}

/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/

img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block; /* 1 */
  vertical-align: middle; /* 2 */
}

/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/

img,
video {
  max-width: 100%;
  height: auto;
}

/* Make elements with the HTML hidden attribute stay hidden by default */

[hidden]:where(:not([hidden="until-found"])) {
  display: none;
}

html {
    scroll-behavior: smooth;
    -webkit-font-smoothing: antialiased;
  }

body {
    background-color: var(--color-background);
    color: var(--color-text-primary);
    font-size: 1.0625rem;
    font-weight: 600;
  }

h1, h2, h3, h4, h5, h6 {
    font-weight: 800;
  }

p, li, span, a, td, th, label, input, textarea, select {
    font-weight: 600;
    color: inherit;
  }

img{
  display:       block;
  max-width:       100%;
}

/* ── Rich HTML content rendered from RichEditor ─────────────────── */

.rich-content h1,
  .rich-content h2,
  .rich-content h3,
  .rich-content h4,
  .rich-content h5,
  .rich-content h6 {
    font-family: Georgia, serif;
    font-weight: 700;
    color: #0a0a0a;
    margin-top: 1.25em;
    margin-bottom: 0.5em;
    line-height: 1.3;
  }

.rich-content h1 { font-size: 1.6rem; }

.rich-content h2 { font-size: 1.35rem; }

.rich-content h3 { font-size: 1.15rem; }

.rich-content h4 { font-size: 1rem; }

.rich-content p {
    margin-bottom: 0.85em;
    line-height: 1.7;
    font-size: 1rem;
    font-weight: 600;
  }

.rich-content p:last-child { margin-bottom: 0; }

.rich-content ul,
  .rich-content ol {
    padding-left: 1.75rem;
    margin-bottom: 0.85em;
    margin-top: 0.25em;
    font-size: 1rem;
  }

.rich-content li { margin-bottom: 0.3em; line-height: 1.75; font-size: 1rem; font-weight: 600; }

.rich-content strong,
  .rich-content b { font-weight: 700; color: #0a0a0a; }

.rich-content em,
  .rich-content i { font-style: italic; }

.rich-content a {
    color: #8B1A1A;
    text-decoration: underline;
    text-underline-offset: 2px;
  }

.rich-content a:hover { color: #B02828; }

.rich-content blockquote {
    border-left: 3px solid #C8930A;
    padding-left: 1rem;
    margin: 1rem 0;
    color: #444;
    font-style: italic;
  }

.rich-content hr {
    border: none;
    border-top: 1px solid #e5e7eb;
    margin: 1.25rem 0;
  }

.rich-content img {
    max-width: 100%;
    border-radius: 8px;
    margin: 0.75rem 0;
  }

/* Light variant — for dark backgrounds (hero, CTA) */

.rich-content--light h1,
  .rich-content--light h2,
  .rich-content--light h3,
  .rich-content--light h4,
  .rich-content--light strong,
  .rich-content--light b { color: #ffffff; }

.rich-content--light a { color: #E8B84B; }

.rich-content--light blockquote { border-color: #E8B84B; color: rgba(255,255,255,0.75); }

.line-clamp-2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }

/*
   * Ajrak geometric lattice pattern — repeating 45° diamond grid
   * Used as a subtle overlay on dark hero/event backgrounds
   */

.ajrak-pattern {
    position: relative;
  }

.ajrak-pattern::before {
    content: '';
    position: absolute;
    inset: 0;
    pointer-events: none;
    background-image: url('/assets/ajrak-bg-BjXlCwRI.png');
    background-size: 280px auto;
    background-repeat: repeat;
    opacity: 0.08;
    z-index: 0;
  }

.ajrak-pattern > * {
    position: relative;
    z-index: 1;
  }

/*
   * Ajrak decorative border strip — used as section dividers
   * Classic Ajrak alternating maroon / gold stripe chevron edge
   */

/* ── Gallery animations ───────────────────────────────────────────── */

.gallery-card {
    animation: galleryFadeUp 0.45s ease both;
  }

.gallery-fadein {
    animation: fadeIn 0.2s ease both;
  }

/* ── Infinite marquee sliders ─────────────────────────────────────── */

/* Left-to-right  (track drifts in +X direction)                      */

.slider-ltr {
    animation: slider-ltr linear infinite;
  }

/* Right-to-left  (standard marquee, track drifts in -X direction)    */

.slider-rtl {
    animation: slider-rtl linear infinite;
  }

.slider-ltr:hover,
  .slider-rtl:hover {
    animation-play-state: paused;
  }

.pointer-events-none{
  pointer-events:       none;
}

.visible{
  visibility:       visible;
}

.static{
  position:       static;
}

.fixed{
  position:       fixed;
}

.absolute{
  position:       absolute;
}

.relative{
  position:       relative;
}

.inset-0{
  inset:       0px;
}

.inset-x-0{
  left:       0px;
  right:       0px;
}

.-bottom-5{
  bottom:       -1.25rem;
}

.-left-4{
  left:       -1rem;
}

.-right-2{
  right:       -0.5rem;
}

.-right-5{
  right:       -1.25rem;
}

.-top-2{
  top:       -0.5rem;
}

.-top-4{
  top:       -1rem;
}

.bottom-0{
  bottom:       0px;
}

.bottom-0\.5{
  bottom:       0.125rem;
}

.left-0{
  left:       0px;
}

.left-1\/2{
  left:       50%;
}

.left-2\.5{
  left:       0.625rem;
}

.left-4{
  left:       1rem;
}

.right-0{
  right:       0px;
}

.right-4{
  right:       1rem;
}

.right-6{
  right:       1.5rem;
}

.top-0{
  top:       0px;
}

.top-1\/2{
  top:       50%;
}

.top-2\.5{
  top:       0.625rem;
}

.top-4{
  top:       1rem;
}

.top-6{
  top:       1.5rem;
}

.-z-10{
  z-index:       -10;
}

.z-10{
  z-index:       10;
}

.z-50{
  z-index:       50;
}

.z-\[9998\]{
  z-index:       9998;
}

.z-\[9999\]{
  z-index:       9999;
}

.mx-1{
  margin-left:       0.25rem;
  margin-right:       0.25rem;
}

.mx-4{
  margin-left:       1rem;
  margin-right:       1rem;
}

.mx-8{
  margin-left:       2rem;
  margin-right:       2rem;
}

.mx-auto{
  margin-left:       auto;
  margin-right:       auto;
}

.mb-0\.5{
  margin-bottom:       0.125rem;
}

.mb-1{
  margin-bottom:       0.25rem;
}

.mb-10{
  margin-bottom:       2.5rem;
}

.mb-12{
  margin-bottom:       3rem;
}

.mb-2{
  margin-bottom:       0.5rem;
}

.mb-3{
  margin-bottom:       0.75rem;
}

.mb-4{
  margin-bottom:       1rem;
}

.mb-5{
  margin-bottom:       1.25rem;
}

.mb-6{
  margin-bottom:       1.5rem;
}

.mb-7{
  margin-bottom:       1.75rem;
}

.mb-8{
  margin-bottom:       2rem;
}

.mb-auto{
  margin-bottom:       auto;
}

.ml-0\.5{
  margin-left:       0.125rem;
}

.ml-1{
  margin-left:       0.25rem;
}

.ml-2{
  margin-left:       0.5rem;
}

.ml-auto{
  margin-left:       auto;
}

.mt-0\.5{
  margin-top:       0.125rem;
}

.mt-1{
  margin-top:       0.25rem;
}

.mt-1\.5{
  margin-top:       0.375rem;
}

.mt-10{
  margin-top:       2.5rem;
}

.mt-12{
  margin-top:       3rem;
}

.mt-2{
  margin-top:       0.5rem;
}

.mt-3{
  margin-top:       0.75rem;
}

.mt-4{
  margin-top:       1rem;
}

.mt-6{
  margin-top:       1.5rem;
}

.mt-8{
  margin-top:       2rem;
}

.mt-auto{
  margin-top:       auto;
}

.line-clamp-1{
  overflow:       hidden;
  display:       -webkit-box;
  -webkit-box-orient:       vertical;
  -webkit-line-clamp:       1;
}

.line-clamp-2{
  overflow:       hidden;
  display:       -webkit-box;
  -webkit-box-orient:       vertical;
  -webkit-line-clamp:       2;
}

.line-clamp-3{
  overflow:       hidden;
  display:       -webkit-box;
  -webkit-box-orient:       vertical;
  -webkit-line-clamp:       3;
}

.block{
  display:       block;
}

.inline-block{
  display:       inline-block;
}

.flex{
  display:       flex;
}

.inline-flex{
  display:       inline-flex;
}

.table{
  display:       table;
}

.grid{
  display:       grid;
}

.list-item{
  display:       list-item;
}

.hidden{
  display:       none;
}

.aspect-\[16\/9\]{
  aspect-ratio:       16/9;
}

.aspect-\[3\/4\]{
  aspect-ratio:       3/4;
}

.aspect-\[4\/3\]{
  aspect-ratio:       4/3;
}

.aspect-square{
  aspect-ratio:       1 / 1;
}

.aspect-video{
  aspect-ratio:       16 / 9;
}

.h-0\.5{
  height:       0.125rem;
}

.h-1{
  height:       0.25rem;
}

.h-1\.5{
  height:       0.375rem;
}

.h-10{
  height:       2.5rem;
}

.h-11{
  height:       2.75rem;
}

.h-12{
  height:       3rem;
}

.h-14{
  height:       3.5rem;
}

.h-16{
  height:       4rem;
}

.h-2{
  height:       0.5rem;
}

.h-20{
  height:       5rem;
}

.h-24{
  height:       6rem;
}

.h-28{
  height:       7rem;
}

.h-3{
  height:       0.75rem;
}

.h-3\.5{
  height:       0.875rem;
}

.h-32{
  height:       8rem;
}

.h-36{
  height:       9rem;
}

.h-4{
  height:       1rem;
}

.h-44{
  height:       11rem;
}

.h-48{
  height:       12rem;
}

.h-5{
  height:       1.25rem;
}

.h-52{
  height:       13rem;
}

.h-6{
  height:       1.5rem;
}

.h-60{
  height:       15rem;
}

.h-64{
  height:       16rem;
}

.h-7{
  height:       1.75rem;
}

.h-72{
  height:       18rem;
}

.h-8{
  height:       2rem;
}

.h-80{
  height:       20rem;
}

.h-9{
  height:       2.25rem;
}

.h-96{
  height:       24rem;
}

.h-\[500px\]{
  height:       500px;
}

.h-\[700px\]{
  height:       700px;
}

.h-auto{
  height:       auto;
}

.h-full{
  height:       100%;
}

.h-px{
  height:       1px;
}

.max-h-40{
  max-height:       10rem;
}

.max-h-\[75vh\]{
  max-height:       75vh;
}

.max-h-\[85vh\]{
  max-height:       85vh;
}

.min-h-\[280px\]{
  min-height:       280px;
}

.min-h-\[60vh\]{
  min-height:       60vh;
}

.min-h-screen{
  min-height:       100vh;
}

.w-1\.5{
  width:       0.375rem;
}

.w-1\/2{
  width:       50%;
}

.w-1\/3{
  width:       33.333333%;
}

.w-1\/4{
  width:       25%;
}

.w-10{
  width:       2.5rem;
}

.w-11{
  width:       2.75rem;
}

.w-12{
  width:       3rem;
}

.w-14{
  width:       3.5rem;
}

.w-16{
  width:       4rem;
}

.w-2\/3{
  width:       66.666667%;
}

.w-20{
  width:       5rem;
}

.w-24{
  width:       6rem;
}

.w-28{
  width:       7rem;
}

.w-3{
  width:       0.75rem;
}

.w-3\.5{
  width:       0.875rem;
}

.w-3\/4{
  width:       75%;
}

.w-3\/5{
  width:       60%;
}

.w-32{
  width:       8rem;
}

.w-36{
  width:       9rem;
}

.w-4{
  width:       1rem;
}

.w-4\/5{
  width:       80%;
}

.w-40{
  width:       10rem;
}

.w-44{
  width:       11rem;
}

.w-48{
  width:       12rem;
}

.w-5{
  width:       1.25rem;
}

.w-5\/6{
  width:       83.333333%;
}

.w-52{
  width:       13rem;
}

.w-6{
  width:       1.5rem;
}

.w-7{
  width:       1.75rem;
}

.w-72{
  width:       18rem;
}

.w-8{
  width:       2rem;
}

.w-80{
  width:       20rem;
}

.w-9{
  width:       2.25rem;
}

.w-\[500px\]{
  width:       500px;
}

.w-\[700px\]{
  width:       700px;
}

.w-fit{
  width:       -moz-fit-content;
  width:       fit-content;
}

.w-full{
  width:       100%;
}

.w-px{
  width:       1px;
}

.min-w-0{
  min-width:       0px;
}

.max-w-2xl{
  max-width:       42rem;
}

.max-w-3xl{
  max-width:       48rem;
}

.max-w-4xl{
  max-width:       56rem;
}

.max-w-5xl{
  max-width:       64rem;
}

.max-w-6xl{
  max-width:       72rem;
}

.max-w-7xl{
  max-width:       80rem;
}

.max-w-\[180px\]{
  max-width:       180px;
}

.max-w-\[200px\]{
  max-width:       200px;
}

.max-w-full{
  max-width:       100%;
}

.max-w-md{
  max-width:       28rem;
}

.max-w-none{
  max-width:       none;
}

.max-w-sm{
  max-width:       24rem;
}

.max-w-xl{
  max-width:       36rem;
}

.max-w-xs{
  max-width:       20rem;
}

.flex-1{
  flex:       1 1 0%;
}

.flex-shrink-0{
  flex-shrink:       0;
}

.shrink-0{
  flex-shrink:       0;
}

.origin-left{
  transform-origin:       left;
}

.-translate-x-1\/2{
  --tw-translate-x:       -50%;
  transform:       translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.-translate-y-1\/2{
  --tw-translate-y:       -50%;
  transform:       translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.translate-x-1\/2{
  --tw-translate-x:       50%;
  transform:       translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.translate-x-1\/3{
  --tw-translate-x:       33.333333%;
  transform:       translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.translate-y-1{
  --tw-translate-y:       0.25rem;
  transform:       translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.rotate-180{
  --tw-rotate:       180deg;
  transform:       translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.scale-x-0{
  --tw-scale-x:       0;
  transform:       translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.transform{
  transform:       translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

@keyframes pulse{

  50%{
    opacity:       .5;
  }
}

.animate-pulse{
  animation:       pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}

@keyframes spin{

  to{
    transform:       rotate(360deg);
  }
}

.animate-spin{
  animation:       spin 1s linear infinite;
}

.cursor-not-allowed{
  cursor:       not-allowed;
}

.cursor-pointer{
  cursor:       pointer;
}

.cursor-zoom-in{
  cursor:       zoom-in;
}

.select-none{
  -webkit-user-select:       none;
     -moz-user-select:       none;
          user-select:       none;
}

.resize-none{
  resize:       none;
}

.columns-2{
  -moz-columns:       2;
       columns:       2;
}

.break-inside-avoid{
  -moz-column-break-inside:       avoid;
       break-inside:       avoid;
}

.grid-cols-1{
  grid-template-columns:       repeat(1, minmax(0, 1fr));
}

.grid-cols-2{
  grid-template-columns:       repeat(2, minmax(0, 1fr));
}

.flex-row-reverse{
  flex-direction:       row-reverse;
}

.flex-col{
  flex-direction:       column;
}

.flex-wrap{
  flex-wrap:       wrap;
}

.items-start{
  align-items:       flex-start;
}

.items-center{
  align-items:       center;
}

.justify-end{
  justify-content:       flex-end;
}

.justify-center{
  justify-content:       center;
}

.justify-between{
  justify-content:       space-between;
}

.justify-items-center{
  justify-items:       center;
}

.gap-0{
  gap:       0px;
}

.gap-0\.5{
  gap:       0.125rem;
}

.gap-1{
  gap:       0.25rem;
}

.gap-1\.5{
  gap:       0.375rem;
}

.gap-10{
  gap:       2.5rem;
}

.gap-12{
  gap:       3rem;
}

.gap-14{
  gap:       3.5rem;
}

.gap-2{
  gap:       0.5rem;
}

.gap-2\.5{
  gap:       0.625rem;
}

.gap-3{
  gap:       0.75rem;
}

.gap-4{
  gap:       1rem;
}

.gap-5{
  gap:       1.25rem;
}

.gap-6{
  gap:       1.5rem;
}

.gap-8{
  gap:       2rem;
}

.space-y-1\.5 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse:       0;
  margin-top:       calc(0.375rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom:       calc(0.375rem * var(--tw-space-y-reverse));
}

.space-y-2 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse:       0;
  margin-top:       calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom:       calc(0.5rem * var(--tw-space-y-reverse));
}

.space-y-20 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse:       0;
  margin-top:       calc(5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom:       calc(5rem * var(--tw-space-y-reverse));
}

.space-y-3 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse:       0;
  margin-top:       calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom:       calc(0.75rem * var(--tw-space-y-reverse));
}

.space-y-4 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse:       0;
  margin-top:       calc(1rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom:       calc(1rem * var(--tw-space-y-reverse));
}

.space-y-5 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse:       0;
  margin-top:       calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom:       calc(1.25rem * var(--tw-space-y-reverse));
}

.space-y-6 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse:       0;
  margin-top:       calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom:       calc(1.5rem * var(--tw-space-y-reverse));
}

.divide-y > :not([hidden]) ~ :not([hidden]){
  --tw-divide-y-reverse:       0;
  border-top-width:       calc(1px * calc(1 - var(--tw-divide-y-reverse)));
  border-bottom-width:       calc(1px * var(--tw-divide-y-reverse));
}

.divide-ajrak-50 > :not([hidden]) ~ :not([hidden]){
  --tw-divide-opacity:       1;
  border-color:       rgb(253 245 238 / var(--tw-divide-opacity, 1));
}

.divide-gray-100 > :not([hidden]) ~ :not([hidden]){
  --tw-divide-opacity:       1;
  border-color:       rgb(243 244 246 / var(--tw-divide-opacity, 1));
}

.overflow-hidden{
  overflow:       hidden;
}

.overflow-x-auto{
  overflow-x:       auto;
}

.truncate{
  overflow:       hidden;
  text-overflow:       ellipsis;
  white-space:       nowrap;
}

.whitespace-nowrap{
  white-space:       nowrap;
}

.whitespace-pre-line{
  white-space:       pre-line;
}

.break-all{
  word-break:       break-all;
}

.rounded{
  border-radius:       0.25rem;
}

.rounded-2xl{
  border-radius:       1rem;
}

.rounded-3xl{
  border-radius:       1.5rem;
}

.rounded-full{
  border-radius:       9999px;
}

.rounded-lg{
  border-radius:       0.5rem;
}

.rounded-md{
  border-radius:       0.375rem;
}

.rounded-none{
  border-radius:       0px;
}

.rounded-xl{
  border-radius:       0.75rem;
}

.rounded-bl-full{
  border-bottom-left-radius:       9999px;
}

.border{
  border-width:       1px;
}

.border-2{
  border-width:       2px;
}

.border-4{
  border-width:       4px;
}

.border-b{
  border-bottom-width:       1px;
}

.border-l{
  border-left-width:       1px;
}

.border-r{
  border-right-width:       1px;
}

.border-t{
  border-top-width:       1px;
}

.border-dashed{
  border-style:       dashed;
}

.border-\[\#0D4A8F\]{
  --tw-border-opacity:       1;
  border-color:       rgb(13 74 143 / var(--tw-border-opacity, 1));
}

.border-\[\#0D4A8F\]\/30{
  border-color:       rgb(13 74 143 / 0.3);
}

.border-\[\#8B1A1A\]{
  --tw-border-opacity:       1;
  border-color:       rgb(139 26 26 / var(--tw-border-opacity, 1));
}

.border-\[\#8B1A1A\]\/30{
  border-color:       rgb(139 26 26 / 0.3);
}

.border-\[\#D9C7A3\]{
  --tw-border-opacity:       1;
  border-color:       rgb(217 199 163 / var(--tw-border-opacity, 1));
}

.border-ajrak-100{
  --tw-border-opacity:       1;
  border-color:       rgb(245 232 224 / var(--tw-border-opacity, 1));
}

.border-ajrak-200{
  --tw-border-opacity:       1;
  border-color:       rgb(232 216 208 / var(--tw-border-opacity, 1));
}

.border-ajrak-50{
  --tw-border-opacity:       1;
  border-color:       rgb(253 245 238 / var(--tw-border-opacity, 1));
}

.border-ajrak-500{
  --tw-border-opacity:       1;
  border-color:       rgb(192 64 64 / var(--tw-border-opacity, 1));
}

.border-ajrak-700{
  --tw-border-opacity:       1;
  border-color:       rgb(158 32 32 / var(--tw-border-opacity, 1));
}

.border-ajrak-800{
  --tw-border-opacity:       1;
  border-color:       rgb(139 26 26 / var(--tw-border-opacity, 1));
}

.border-ajrak-900{
  --tw-border-opacity:       1;
  border-color:       rgb(92 10 10 / var(--tw-border-opacity, 1));
}

.border-amber-200{
  --tw-border-opacity:       1;
  border-color:       rgb(253 230 138 / var(--tw-border-opacity, 1));
}

.border-blue-500\/30{
  border-color:       rgb(59 130 246 / 0.3);
}

.border-emerald-200{
  --tw-border-opacity:       1;
  border-color:       rgb(167 243 208 / var(--tw-border-opacity, 1));
}

.border-gray-100{
  --tw-border-opacity:       1;
  border-color:       rgb(243 244 246 / var(--tw-border-opacity, 1));
}

.border-gray-200{
  --tw-border-opacity:       1;
  border-color:       rgb(229 231 235 / var(--tw-border-opacity, 1));
}

.border-gray-300{
  --tw-border-opacity:       1;
  border-color:       rgb(209 213 219 / var(--tw-border-opacity, 1));
}

.border-purple-500\/30{
  border-color:       rgb(168 85 247 / 0.3);
}

.border-red-200{
  --tw-border-opacity:       1;
  border-color:       rgb(254 202 202 / var(--tw-border-opacity, 1));
}

.border-red-300{
  --tw-border-opacity:       1;
  border-color:       rgb(252 165 165 / var(--tw-border-opacity, 1));
}

.border-red-400{
  --tw-border-opacity:       1;
  border-color:       rgb(248 113 113 / var(--tw-border-opacity, 1));
}

.border-red-500\/20{
  border-color:       rgb(239 68 68 / 0.2);
}

.border-sky-600{
  --tw-border-opacity:       1;
  border-color:       rgb(2 132 199 / var(--tw-border-opacity, 1));
}

.border-transparent{
  border-color:       transparent;
}

.border-white{
  --tw-border-opacity:       1;
  border-color:       rgb(255 255 255 / var(--tw-border-opacity, 1));
}

.border-white\/10{
  border-color:       rgb(255 255 255 / 0.1);
}

.border-white\/15{
  border-color:       rgb(255 255 255 / 0.15);
}

.border-white\/25{
  border-color:       rgb(255 255 255 / 0.25);
}

.border-white\/30{
  border-color:       rgb(255 255 255 / 0.3);
}

.border-white\/40{
  border-color:       rgb(255 255 255 / 0.4);
}

.bg-\[\#0D4A8F\]{
  --tw-bg-opacity:       1;
  background-color:       rgb(13 74 143 / var(--tw-bg-opacity, 1));
}

.bg-\[\#0D4A8F\]\/10{
  background-color:       rgb(13 74 143 / 0.1);
}

.bg-\[\#0D4A8F\]\/5{
  background-color:       rgb(13 74 143 / 0.05);
}

.bg-\[\#8B1A1A\]{
  --tw-bg-opacity:       1;
  background-color:       rgb(139 26 26 / var(--tw-bg-opacity, 1));
}

.bg-\[\#C8962B\]{
  --tw-bg-opacity:       1;
  background-color:       rgb(200 150 43 / var(--tw-bg-opacity, 1));
}

.bg-ajrak-100{
  --tw-bg-opacity:       1;
  background-color:       rgb(245 232 224 / var(--tw-bg-opacity, 1));
}

.bg-ajrak-50{
  --tw-bg-opacity:       1;
  background-color:       rgb(253 245 238 / var(--tw-bg-opacity, 1));
}

.bg-ajrak-500{
  --tw-bg-opacity:       1;
  background-color:       rgb(192 64 64 / var(--tw-bg-opacity, 1));
}

.bg-ajrak-600{
  --tw-bg-opacity:       1;
  background-color:       rgb(176 40 40 / var(--tw-bg-opacity, 1));
}

.bg-ajrak-600\/80{
  background-color:       rgb(176 40 40 / 0.8);
}

.bg-ajrak-700{
  --tw-bg-opacity:       1;
  background-color:       rgb(158 32 32 / var(--tw-bg-opacity, 1));
}

.bg-ajrak-800{
  --tw-bg-opacity:       1;
  background-color:       rgb(139 26 26 / var(--tw-bg-opacity, 1));
}

.bg-ajrak-800\/60{
  background-color:       rgb(139 26 26 / 0.6);
}

.bg-ajrak-900{
  --tw-bg-opacity:       1;
  background-color:       rgb(92 10 10 / var(--tw-bg-opacity, 1));
}

.bg-ajrak-950{
  --tw-bg-opacity:       1;
  background-color:       rgb(26 8 8 / var(--tw-bg-opacity, 1));
}

.bg-amber-50{
  --tw-bg-opacity:       1;
  background-color:       rgb(255 251 235 / var(--tw-bg-opacity, 1));
}

.bg-amber-500{
  --tw-bg-opacity:       1;
  background-color:       rgb(245 158 11 / var(--tw-bg-opacity, 1));
}

.bg-black{
  --tw-bg-opacity:       1;
  background-color:       rgb(0 0 0 / var(--tw-bg-opacity, 1));
}

.bg-black\/30{
  background-color:       rgb(0 0 0 / 0.3);
}

.bg-black\/40{
  background-color:       rgb(0 0 0 / 0.4);
}

.bg-black\/50{
  background-color:       rgb(0 0 0 / 0.5);
}

.bg-black\/90{
  background-color:       rgb(0 0 0 / 0.9);
}

.bg-black\/95{
  background-color:       rgb(0 0 0 / 0.95);
}

.bg-blue-500\/20{
  background-color:       rgb(59 130 246 / 0.2);
}

.bg-emerald-50{
  --tw-bg-opacity:       1;
  background-color:       rgb(236 253 245 / var(--tw-bg-opacity, 1));
}

.bg-gold-light\/20{
  background-color:       rgb(232 184 75 / 0.2);
}

.bg-gray-100{
  --tw-bg-opacity:       1;
  background-color:       rgb(243 244 246 / var(--tw-bg-opacity, 1));
}

.bg-gray-200{
  --tw-bg-opacity:       1;
  background-color:       rgb(229 231 235 / var(--tw-bg-opacity, 1));
}

.bg-gray-50{
  --tw-bg-opacity:       1;
  background-color:       rgb(249 250 251 / var(--tw-bg-opacity, 1));
}

.bg-gray-900{
  --tw-bg-opacity:       1;
  background-color:       rgb(17 24 39 / var(--tw-bg-opacity, 1));
}

.bg-nature-400\/60{
  background-color:       rgb(77 191 48 / 0.6);
}

.bg-nature-500{
  --tw-bg-opacity:       1;
  background-color:       rgb(56 168 32 / var(--tw-bg-opacity, 1));
}

.bg-purple-500\/20{
  background-color:       rgb(168 85 247 / 0.2);
}

.bg-red-100{
  --tw-bg-opacity:       1;
  background-color:       rgb(254 226 226 / var(--tw-bg-opacity, 1));
}

.bg-red-50{
  --tw-bg-opacity:       1;
  background-color:       rgb(254 242 242 / var(--tw-bg-opacity, 1));
}

.bg-red-500{
  --tw-bg-opacity:       1;
  background-color:       rgb(239 68 68 / var(--tw-bg-opacity, 1));
}

.bg-red-500\/10{
  background-color:       rgb(239 68 68 / 0.1);
}

.bg-sky-500{
  --tw-bg-opacity:       1;
  background-color:       rgb(14 165 233 / var(--tw-bg-opacity, 1));
}

.bg-theme-card{
  --tw-bg-opacity:       1;
  background-color:       rgb(255 251 245 / var(--tw-bg-opacity, 1));
}

.bg-white{
  --tw-bg-opacity:       1;
  background-color:       rgb(255 255 255 / var(--tw-bg-opacity, 1));
}

.bg-white\/10{
  background-color:       rgb(255 255 255 / 0.1);
}

.bg-white\/15{
  background-color:       rgb(255 255 255 / 0.15);
}

.bg-white\/20{
  background-color:       rgb(255 255 255 / 0.2);
}

.bg-white\/30{
  background-color:       rgb(255 255 255 / 0.3);
}

.bg-white\/5{
  background-color:       rgb(255 255 255 / 0.05);
}

.bg-\[url\(\'\/src\/assets\/ajrak-bg\.png\'\)\]{
  background-image:       url('/assets/ajrak-bg-BjXlCwRI.png');
}

.bg-gradient-to-br{
  background-image:       linear-gradient(to bottom right, var(--tw-gradient-stops));
}

.bg-gradient-to-t{
  background-image:       linear-gradient(to top, var(--tw-gradient-stops));
}

.from-ajrak-100{
  --tw-gradient-from:       #F5E8E0 var(--tw-gradient-from-position);
  --tw-gradient-to:       rgb(245 232 224 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:       var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-ajrak-50{
  --tw-gradient-from:       #FDF5EE var(--tw-gradient-from-position);
  --tw-gradient-to:       rgb(253 245 238 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:       var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-ajrak-800{
  --tw-gradient-from:       #8B1A1A var(--tw-gradient-from-position);
  --tw-gradient-to:       rgb(139 26 26 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:       var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-black\/70{
  --tw-gradient-from:       rgb(0 0 0 / 0.7) var(--tw-gradient-from-position);
  --tw-gradient-to:       rgb(0 0 0 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:       var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-black\/80{
  --tw-gradient-from:       rgb(0 0 0 / 0.8) var(--tw-gradient-from-position);
  --tw-gradient-to:       rgb(0 0 0 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:       var(--tw-gradient-from), var(--tw-gradient-to);
}

.via-ajrak-200{
  --tw-gradient-to:       rgb(232 216 208 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops:       var(--tw-gradient-from), #E8D8D0 var(--tw-gradient-via-position), var(--tw-gradient-to);
}

.via-black\/20{
  --tw-gradient-to:       rgb(0 0 0 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops:       var(--tw-gradient-from), rgb(0 0 0 / 0.2) var(--tw-gradient-via-position), var(--tw-gradient-to);
}

.via-black\/30{
  --tw-gradient-to:       rgb(0 0 0 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops:       var(--tw-gradient-from), rgb(0 0 0 / 0.3) var(--tw-gradient-via-position), var(--tw-gradient-to);
}

.to-ajrak-100{
  --tw-gradient-to:       #F5E8E0 var(--tw-gradient-to-position);
}

.to-ajrak-200{
  --tw-gradient-to:       #E8D8D0 var(--tw-gradient-to-position);
}

.to-ajrak-950{
  --tw-gradient-to:       #1A0808 var(--tw-gradient-to-position);
}

.to-transparent{
  --tw-gradient-to:       transparent var(--tw-gradient-to-position);
}

.bg-cover{
  background-size:       cover;
}

.bg-center{
  background-position:       center;
}

.object-contain{
  -o-object-fit:       contain;
     object-fit:       contain;
}

.object-cover{
  -o-object-fit:       cover;
     object-fit:       cover;
}

.object-top{
  -o-object-position:       top;
     object-position:       top;
}

.p-1\.5{
  padding:       0.375rem;
}

.p-10{
  padding:       2.5rem;
}

.p-2{
  padding:       0.5rem;
}

.p-3{
  padding:       0.75rem;
}

.p-4{
  padding:       1rem;
}

.p-5{
  padding:       1.25rem;
}

.p-6{
  padding:       1.5rem;
}

.p-7{
  padding:       1.75rem;
}

.p-8{
  padding:       2rem;
}

.px-1{
  padding-left:       0.25rem;
  padding-right:       0.25rem;
}

.px-16{
  padding-left:       4rem;
  padding-right:       4rem;
}

.px-2{
  padding-left:       0.5rem;
  padding-right:       0.5rem;
}

.px-2\.5{
  padding-left:       0.625rem;
  padding-right:       0.625rem;
}

.px-3{
  padding-left:       0.75rem;
  padding-right:       0.75rem;
}

.px-3\.5{
  padding-left:       0.875rem;
  padding-right:       0.875rem;
}

.px-4{
  padding-left:       1rem;
  padding-right:       1rem;
}

.px-5{
  padding-left:       1.25rem;
  padding-right:       1.25rem;
}

.px-6{
  padding-left:       1.5rem;
  padding-right:       1.5rem;
}

.px-7{
  padding-left:       1.75rem;
  padding-right:       1.75rem;
}

.px-8{
  padding-left:       2rem;
  padding-right:       2rem;
}

.py-0\.5{
  padding-top:       0.125rem;
  padding-bottom:       0.125rem;
}

.py-1{
  padding-top:       0.25rem;
  padding-bottom:       0.25rem;
}

.py-1\.5{
  padding-top:       0.375rem;
  padding-bottom:       0.375rem;
}

.py-10{
  padding-top:       2.5rem;
  padding-bottom:       2.5rem;
}

.py-12{
  padding-top:       3rem;
  padding-bottom:       3rem;
}

.py-14{
  padding-top:       3.5rem;
  padding-bottom:       3.5rem;
}

.py-16{
  padding-top:       4rem;
  padding-bottom:       4rem;
}

.py-2{
  padding-top:       0.5rem;
  padding-bottom:       0.5rem;
}

.py-2\.5{
  padding-top:       0.625rem;
  padding-bottom:       0.625rem;
}

.py-20{
  padding-top:       5rem;
  padding-bottom:       5rem;
}

.py-24{
  padding-top:       6rem;
  padding-bottom:       6rem;
}

.py-3{
  padding-top:       0.75rem;
  padding-bottom:       0.75rem;
}

.py-3\.5{
  padding-top:       0.875rem;
  padding-bottom:       0.875rem;
}

.py-4{
  padding-top:       1rem;
  padding-bottom:       1rem;
}

.py-5{
  padding-top:       1.25rem;
  padding-bottom:       1.25rem;
}

.py-6{
  padding-top:       1.5rem;
  padding-bottom:       1.5rem;
}

.py-7{
  padding-top:       1.75rem;
  padding-bottom:       1.75rem;
}

.py-8{
  padding-top:       2rem;
  padding-bottom:       2rem;
}

.pb-1{
  padding-bottom:       0.25rem;
}

.pb-4{
  padding-bottom:       1rem;
}

.pb-5{
  padding-bottom:       1.25rem;
}

.pb-6{
  padding-bottom:       1.5rem;
}

.pl-16{
  padding-left:       4rem;
}

.pl-\[4\.5rem\]{
  padding-left:       4.5rem;
}

.pr-16{
  padding-right:       4rem;
}

.pr-6{
  padding-right:       1.5rem;
}

.pt-0{
  padding-top:       0px;
}

.pt-0\.5{
  padding-top:       0.125rem;
}

.pt-1{
  padding-top:       0.25rem;
}

.pt-2{
  padding-top:       0.5rem;
}

.pt-28{
  padding-top:       7rem;
}

.pt-3{
  padding-top:       0.75rem;
}

.pt-4{
  padding-top:       1rem;
}

.pt-5{
  padding-top:       1.25rem;
}

.pt-6{
  padding-top:       1.5rem;
}

.pt-8{
  padding-top:       2rem;
}

.text-left{
  text-align:       left;
}

.text-center{
  text-align:       center;
}

.text-right{
  text-align:       right;
}

.font-mono{
  font-family:       ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

.font-sans{
  font-family:       Frutiger, ui-sans-serif, system-ui, sans-serif;
}

.font-serif{
  font-family:       Roboto, ui-sans-serif, system-ui, sans-serif;
}

.text-2xl{
  font-size:       1.5rem;
  line-height:       2rem;
}

.text-3xl{
  font-size:       1.875rem;
  line-height:       2.25rem;
}

.text-4xl{
  font-size:       2.25rem;
  line-height:       2.5rem;
}

.text-5xl{
  font-size:       3rem;
  line-height:       1;
}

.text-\[10px\]{
  font-size:       10px;
}

.text-\[20px\]{
  font-size:       20px;
}

.text-base{
  font-size:       1rem;
  line-height:       1.5rem;
}

.text-lg{
  font-size:       1.125rem;
  line-height:       1.75rem;
}

.text-sm{
  font-size:       0.875rem;
  line-height:       1.25rem;
}

.text-xl{
  font-size:       1.25rem;
  line-height:       1.75rem;
}

.text-xs{
  font-size:       0.75rem;
  line-height:       1rem;
}

.font-bold{
  font-weight:       700;
}

.font-extrabold{
  font-weight:       800;
}

.font-medium{
  font-weight:       500;
}

.font-normal{
  font-weight:       400;
}

.font-semibold{
  font-weight:       600;
}

.uppercase{
  text-transform:       uppercase;
}

.italic{
  font-style:       italic;
}

.leading-\[1\.1\]{
  line-height:       1.1;
}

.leading-none{
  line-height:       1;
}

.leading-relaxed{
  line-height:       1.625;
}

.leading-snug{
  line-height:       1.375;
}

.leading-tight{
  line-height:       1.25;
}

.tracking-\[0\.15em\]{
  letter-spacing:       0.15em;
}

.tracking-\[0\.2em\]{
  letter-spacing:       0.2em;
}

.tracking-wide{
  letter-spacing:       0.025em;
}

.tracking-wider{
  letter-spacing:       0.05em;
}

.tracking-widest{
  letter-spacing:       0.1em;
}

.text-\[\#0D4A8F\]{
  --tw-text-opacity:       1;
  color:       rgb(13 74 143 / var(--tw-text-opacity, 1));
}

.text-\[\#8B1A1A\]{
  --tw-text-opacity:       1;
  color:       rgb(139 26 26 / var(--tw-text-opacity, 1));
}

.text-\[\#B23A48\]{
  --tw-text-opacity:       1;
  color:       rgb(178 58 72 / var(--tw-text-opacity, 1));
}

.text-\[\#C8962B\]{
  --tw-text-opacity:       1;
  color:       rgb(200 150 43 / var(--tw-text-opacity, 1));
}

.text-ajrak-100{
  --tw-text-opacity:       1;
  color:       rgb(245 232 224 / var(--tw-text-opacity, 1));
}

.text-ajrak-200{
  --tw-text-opacity:       1;
  color:       rgb(232 216 208 / var(--tw-text-opacity, 1));
}

.text-ajrak-300{
  --tw-text-opacity:       1;
  color:       rgb(212 168 160 / var(--tw-text-opacity, 1));
}

.text-ajrak-300\/80{
  color:       rgb(212 168 160 / 0.8);
}

.text-ajrak-400{
  --tw-text-opacity:       1;
  color:       rgb(188 112 112 / var(--tw-text-opacity, 1));
}

.text-ajrak-500{
  --tw-text-opacity:       1;
  color:       rgb(192 64 64 / var(--tw-text-opacity, 1));
}

.text-ajrak-600{
  --tw-text-opacity:       1;
  color:       rgb(176 40 40 / var(--tw-text-opacity, 1));
}

.text-ajrak-700{
  --tw-text-opacity:       1;
  color:       rgb(158 32 32 / var(--tw-text-opacity, 1));
}

.text-ajrak-800{
  --tw-text-opacity:       1;
  color:       rgb(139 26 26 / var(--tw-text-opacity, 1));
}

.text-ajrak-900{
  --tw-text-opacity:       1;
  color:       rgb(92 10 10 / var(--tw-text-opacity, 1));
}

.text-ajrak-950{
  --tw-text-opacity:       1;
  color:       rgb(26 8 8 / var(--tw-text-opacity, 1));
}

.text-amber-600{
  --tw-text-opacity:       1;
  color:       rgb(217 119 6 / var(--tw-text-opacity, 1));
}

.text-amber-700{
  --tw-text-opacity:       1;
  color:       rgb(180 83 9 / var(--tw-text-opacity, 1));
}

.text-amber-800{
  --tw-text-opacity:       1;
  color:       rgb(146 64 14 / var(--tw-text-opacity, 1));
}

.text-amber-900{
  --tw-text-opacity:       1;
  color:       rgb(120 53 15 / var(--tw-text-opacity, 1));
}

.text-blue-300{
  --tw-text-opacity:       1;
  color:       rgb(147 197 253 / var(--tw-text-opacity, 1));
}

.text-emerald-700{
  --tw-text-opacity:       1;
  color:       rgb(4 120 87 / var(--tw-text-opacity, 1));
}

.text-gold{
  --tw-text-opacity:       1;
  color:       rgb(200 147 10 / var(--tw-text-opacity, 1));
}

.text-gold-light{
  --tw-text-opacity:       1;
  color:       rgb(232 184 75 / var(--tw-text-opacity, 1));
}

.text-gray-300{
  --tw-text-opacity:       1;
  color:       rgb(209 213 219 / var(--tw-text-opacity, 1));
}

.text-gray-400{
  --tw-text-opacity:       1;
  color:       rgb(156 163 175 / var(--tw-text-opacity, 1));
}

.text-gray-500{
  --tw-text-opacity:       1;
  color:       rgb(107 114 128 / var(--tw-text-opacity, 1));
}

.text-gray-600{
  --tw-text-opacity:       1;
  color:       rgb(75 85 99 / var(--tw-text-opacity, 1));
}

.text-gray-700{
  --tw-text-opacity:       1;
  color:       rgb(55 65 81 / var(--tw-text-opacity, 1));
}

.text-gray-800{
  --tw-text-opacity:       1;
  color:       rgb(31 41 55 / var(--tw-text-opacity, 1));
}

.text-gray-900{
  --tw-text-opacity:       1;
  color:       rgb(17 24 39 / var(--tw-text-opacity, 1));
}

.text-nature-400{
  --tw-text-opacity:       1;
  color:       rgb(77 191 48 / var(--tw-text-opacity, 1));
}

.text-purple-300{
  --tw-text-opacity:       1;
  color:       rgb(216 180 254 / var(--tw-text-opacity, 1));
}

.text-red-400{
  --tw-text-opacity:       1;
  color:       rgb(248 113 113 / var(--tw-text-opacity, 1));
}

.text-red-500{
  --tw-text-opacity:       1;
  color:       rgb(239 68 68 / var(--tw-text-opacity, 1));
}

.text-red-600{
  --tw-text-opacity:       1;
  color:       rgb(220 38 38 / var(--tw-text-opacity, 1));
}

.text-sky-100{
  --tw-text-opacity:       1;
  color:       rgb(224 242 254 / var(--tw-text-opacity, 1));
}

.text-sky-700{
  --tw-text-opacity:       1;
  color:       rgb(3 105 161 / var(--tw-text-opacity, 1));
}

.text-theme-secondary{
  --tw-text-opacity:       1;
  color:       rgb(107 64 64 / var(--tw-text-opacity, 1));
}

.text-white{
  --tw-text-opacity:       1;
  color:       rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.text-white\/20{
  color:       rgb(255 255 255 / 0.2);
}

.text-white\/30{
  color:       rgb(255 255 255 / 0.3);
}

.text-white\/40{
  color:       rgb(255 255 255 / 0.4);
}

.text-white\/50{
  color:       rgb(255 255 255 / 0.5);
}

.text-white\/55{
  color:       rgb(255 255 255 / 0.55);
}

.text-white\/60{
  color:       rgb(255 255 255 / 0.6);
}

.text-white\/65{
  color:       rgb(255 255 255 / 0.65);
}

.text-white\/70{
  color:       rgb(255 255 255 / 0.7);
}

.text-white\/80{
  color:       rgb(255 255 255 / 0.8);
}

.text-white\/90{
  color:       rgb(255 255 255 / 0.9);
}

.accent-ajrak-700{
  accent-color:       #9E2020;
}

.opacity-0{
  opacity:       0;
}

.opacity-10{
  opacity:       0.1;
}

.opacity-15{
  opacity:       0.15;
}

.opacity-20{
  opacity:       0.2;
}

.opacity-40{
  opacity:       0.4;
}

.opacity-50{
  opacity:       0.5;
}

.opacity-60{
  opacity:       0.6;
}

.opacity-80{
  opacity:       0.8;
}

.opacity-\[0\.05\]{
  opacity:       0.05;
}

.shadow-2xl{
  --tw-shadow:       0 25px 50px -12px rgb(0 0 0 / 0.25);
  --tw-shadow-colored:       0 25px 50px -12px var(--tw-shadow-color);
  box-shadow:       var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-lg{
  --tw-shadow:       0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored:       0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow:       var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-md{
  --tw-shadow:       0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --tw-shadow-colored:       0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  box-shadow:       var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-sm{
  --tw-shadow:       0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored:       0 1px 2px 0 var(--tw-shadow-color);
  box-shadow:       var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-xl{
  --tw-shadow:       0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
  --tw-shadow-colored:       0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
  box-shadow:       var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-ajrak-900\/20{
  --tw-shadow-color:       rgb(92 10 10 / 0.2);
  --tw-shadow:       var(--tw-shadow-colored);
}

.outline{
  outline-style:       solid;
}

.ring{
  --tw-ring-offset-shadow:       var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow:       var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow:       var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.ring-2{
  --tw-ring-offset-shadow:       var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow:       var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow:       var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.ring-ajrak-400\/30{
  --tw-ring-color:       rgb(188 112 112 / 0.3);
}

.drop-shadow{
  --tw-drop-shadow:       drop-shadow(0 1px 2px rgb(0 0 0 / 0.1)) drop-shadow(0 1px 1px rgb(0 0 0 / 0.06));
  filter:       var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.drop-shadow-lg{
  --tw-drop-shadow:       drop-shadow(0 10px 8px rgb(0 0 0 / 0.04)) drop-shadow(0 4px 3px rgb(0 0 0 / 0.1));
  filter:       var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.drop-shadow-md{
  --tw-drop-shadow:       drop-shadow(0 4px 3px rgb(0 0 0 / 0.07)) drop-shadow(0 2px 2px rgb(0 0 0 / 0.06));
  filter:       var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.filter{
  filter:       var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.backdrop-blur-sm{
  --tw-backdrop-blur:       blur(4px);
  backdrop-filter:       var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}

.transition-all{
  transition-property:       all;
  transition-timing-function:       cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration:       150ms;
}

.transition-colors{
  transition-property:       color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function:       cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration:       150ms;
}

.transition-opacity{
  transition-property:       opacity;
  transition-timing-function:       cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration:       150ms;
}

.transition-shadow{
  transition-property:       box-shadow;
  transition-timing-function:       cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration:       150ms;
}

.transition-transform{
  transition-property:       transform;
  transition-timing-function:       cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration:       150ms;
}

.duration-150{
  transition-duration:       150ms;
}

.duration-200{
  transition-duration:       200ms;
}

.duration-300{
  transition-duration:       300ms;
}

.duration-500{
  transition-duration:       500ms;
}

.duration-700{
  transition-duration:       700ms;
}

.ease-out{
  transition-timing-function:       cubic-bezier(0, 0, 0.2, 1);
}

@keyframes fadeIn {
  from { opacity: 0; }
  to   { opacity: 1; }
}

@keyframes slideInRight {
  from { opacity: 0; transform: translateX(40px); }
  to   { opacity: 1; transform: translateX(0); }
}

@keyframes scaleIn {
  from { opacity: 0; transform: scale(0.95); }
  to   { opacity: 1; transform: scale(1); }
}

@keyframes galleryFadeUp {
  from { opacity: 0; transform: translateY(18px); }
  to   { opacity: 1; transform: translateY(0); }
}

/* ── Accessibility: darken light gray text globally for older / low-vision users ── */

.text-gray-300 { color: #666666 !important; }

.text-gray-400 { color: #555555 !important; }

.text-gray-500 { color: #3d3d3d !important; }

.text-gray-600 { color: #2a2a2a !important; }

/* ── Rich-content list styles — outside @layer to beat Tailwind preflight ── */

.rich-content ul {
  list-style-type: disc !important;
  list-style-position: outside !important;
}

.rich-content ol {
  list-style-type: decimal !important;
  list-style-position: outside !important;
}

.rich-content ul ul  { list-style-type: circle !important; }

.rich-content ul ul ul { list-style-type: square !important; }

/* Outside @layer so keyframes are globally available */

@keyframes ticker {
  from { transform: translateX(0); }
  to   { transform: translateX(-50%); }
}

.ticker-scroll {
  animation: ticker 25s linear infinite;
}

@media (max-width: 640px) {
  .ticker-scroll {
    animation-duration: 14s;
  }
}

@keyframes progressBar {
  0%   { transform: translateX(-100%); }
  50%  { transform: translateX(0%); }
  100% { transform: translateX(100%); }
}

@keyframes slider-ltr {
  from { transform: translateX(-50%); }
  to   { transform: translateX(0); }
}

@keyframes slider-rtl {
  from { transform: translateX(0); }
  to   { transform: translateX(-50%); }
}

.placeholder\:text-gray-400::-moz-placeholder{
  --tw-text-opacity:       1;
  color:       rgb(156 163 175 / var(--tw-text-opacity, 1));
}

.placeholder\:text-gray-400::placeholder{
  --tw-text-opacity:       1;
  color:       rgb(156 163 175 / var(--tw-text-opacity, 1));
}

.odd\:bg-white:nth-child(odd){
  --tw-bg-opacity:       1;
  background-color:       rgb(255 255 255 / var(--tw-bg-opacity, 1));
}

.hover\:-translate-y-0\.5:hover{
  --tw-translate-y:       -0.125rem;
  transform:       translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.hover\:scale-105:hover{
  --tw-scale-x:       1.05;
  --tw-scale-y:       1.05;
  transform:       translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.hover\:scale-110:hover{
  --tw-scale-x:       1.1;
  --tw-scale-y:       1.1;
  transform:       translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.hover\:border-\[\#0D4A8F\]:hover{
  --tw-border-opacity:       1;
  border-color:       rgb(13 74 143 / var(--tw-border-opacity, 1));
}

.hover\:border-\[\#1A82E0\]\/40:hover{
  border-color:       rgb(26 130 224 / 0.4);
}

.hover\:border-\[\#1A82E0\]\/50:hover{
  border-color:       rgb(26 130 224 / 0.5);
}

.hover\:border-ajrak-300:hover{
  --tw-border-opacity:       1;
  border-color:       rgb(212 168 160 / var(--tw-border-opacity, 1));
}

.hover\:border-ajrak-400:hover{
  --tw-border-opacity:       1;
  border-color:       rgb(188 112 112 / var(--tw-border-opacity, 1));
}

.hover\:border-emerald-400:hover{
  --tw-border-opacity:       1;
  border-color:       rgb(52 211 153 / var(--tw-border-opacity, 1));
}

.hover\:border-gray-400:hover{
  --tw-border-opacity:       1;
  border-color:       rgb(156 163 175 / var(--tw-border-opacity, 1));
}

.hover\:border-sky-400:hover{
  --tw-border-opacity:       1;
  border-color:       rgb(56 189 248 / var(--tw-border-opacity, 1));
}

.hover\:bg-\[\#08325F\]:hover{
  --tw-bg-opacity:       1;
  background-color:       rgb(8 50 95 / var(--tw-bg-opacity, 1));
}

.hover\:bg-\[\#0D4A8F\]:hover{
  --tw-bg-opacity:       1;
  background-color:       rgb(13 74 143 / var(--tw-bg-opacity, 1));
}

.hover\:bg-\[\#0D4A8F\]\/10:hover{
  background-color:       rgb(13 74 143 / 0.1);
}

.hover\:bg-\[\#1A82E0\]:hover{
  --tw-bg-opacity:       1;
  background-color:       rgb(26 130 224 / var(--tw-bg-opacity, 1));
}

.hover\:bg-\[\#5C0A0A\]:hover{
  --tw-bg-opacity:       1;
  background-color:       rgb(92 10 10 / var(--tw-bg-opacity, 1));
}

.hover\:bg-\[\#8B1A1A\]:hover{
  --tw-bg-opacity:       1;
  background-color:       rgb(139 26 26 / var(--tw-bg-opacity, 1));
}

.hover\:bg-ajrak-100:hover{
  --tw-bg-opacity:       1;
  background-color:       rgb(245 232 224 / var(--tw-bg-opacity, 1));
}

.hover\:bg-ajrak-50:hover{
  --tw-bg-opacity:       1;
  background-color:       rgb(253 245 238 / var(--tw-bg-opacity, 1));
}

.hover\:bg-ajrak-700:hover{
  --tw-bg-opacity:       1;
  background-color:       rgb(158 32 32 / var(--tw-bg-opacity, 1));
}

.hover\:bg-emerald-100:hover{
  --tw-bg-opacity:       1;
  background-color:       rgb(209 250 229 / var(--tw-bg-opacity, 1));
}

.hover\:bg-gray-100:hover{
  --tw-bg-opacity:       1;
  background-color:       rgb(243 244 246 / var(--tw-bg-opacity, 1));
}

.hover\:bg-gray-50:hover{
  --tw-bg-opacity:       1;
  background-color:       rgb(249 250 251 / var(--tw-bg-opacity, 1));
}

.hover\:bg-red-50:hover{
  --tw-bg-opacity:       1;
  background-color:       rgb(254 242 242 / var(--tw-bg-opacity, 1));
}

.hover\:bg-red-600:hover{
  --tw-bg-opacity:       1;
  background-color:       rgb(220 38 38 / var(--tw-bg-opacity, 1));
}

.hover\:bg-sky-50:hover{
  --tw-bg-opacity:       1;
  background-color:       rgb(240 249 255 / var(--tw-bg-opacity, 1));
}

.hover\:bg-white\/10:hover{
  background-color:       rgb(255 255 255 / 0.1);
}

.hover\:bg-white\/20:hover{
  background-color:       rgb(255 255 255 / 0.2);
}

.hover\:bg-white\/5:hover{
  background-color:       rgb(255 255 255 / 0.05);
}

.hover\:bg-white\/60:hover{
  background-color:       rgb(255 255 255 / 0.6);
}

.hover\:text-\[\#E8B84B\]:hover{
  --tw-text-opacity:       1;
  color:       rgb(232 184 75 / var(--tw-text-opacity, 1));
}

.hover\:text-ajrak-700:hover{
  --tw-text-opacity:       1;
  color:       rgb(158 32 32 / var(--tw-text-opacity, 1));
}

.hover\:text-ajrak-900:hover{
  --tw-text-opacity:       1;
  color:       rgb(92 10 10 / var(--tw-text-opacity, 1));
}

.hover\:text-gray-600:hover{
  --tw-text-opacity:       1;
  color:       rgb(75 85 99 / var(--tw-text-opacity, 1));
}

.hover\:text-sky-600:hover{
  --tw-text-opacity:       1;
  color:       rgb(2 132 199 / var(--tw-text-opacity, 1));
}

.hover\:text-white:hover{
  --tw-text-opacity:       1;
  color:       rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.hover\:underline:hover{
  text-decoration-line:       underline;
}

.hover\:opacity-100:hover{
  opacity:       1;
}

.hover\:opacity-90:hover{
  opacity:       0.9;
}

.hover\:shadow-lg:hover{
  --tw-shadow:       0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored:       0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow:       var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.hover\:shadow-md:hover{
  --tw-shadow:       0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --tw-shadow-colored:       0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  box-shadow:       var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.hover\:shadow-sm:hover{
  --tw-shadow:       0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored:       0 1px 2px 0 var(--tw-shadow-color);
  box-shadow:       var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.hover\:shadow-xl:hover{
  --tw-shadow:       0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
  --tw-shadow-colored:       0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
  box-shadow:       var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.hover\:shadow-ajrak-100:hover{
  --tw-shadow-color:       #F5E8E0;
  --tw-shadow:       var(--tw-shadow-colored);
}

.focus\:border-transparent:focus{
  border-color:       transparent;
}

.focus\:outline-none:focus{
  outline:       2px solid transparent;
  outline-offset:       2px;
}

.focus\:ring-2:focus{
  --tw-ring-offset-shadow:       var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow:       var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow:       var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.focus\:ring-ajrak-400:focus{
  --tw-ring-opacity:       1;
  --tw-ring-color:       rgb(188 112 112 / var(--tw-ring-opacity, 1));
}

.focus\:ring-ajrak-500:focus{
  --tw-ring-opacity:       1;
  --tw-ring-color:       rgb(192 64 64 / var(--tw-ring-opacity, 1));
}

.focus\:ring-ajrak-600:focus{
  --tw-ring-opacity:       1;
  --tw-ring-color:       rgb(176 40 40 / var(--tw-ring-opacity, 1));
}

.focus\:ring-red-500:focus{
  --tw-ring-opacity:       1;
  --tw-ring-color:       rgb(239 68 68 / var(--tw-ring-opacity, 1));
}

.focus\:ring-offset-2:focus{
  --tw-ring-offset-width:       2px;
}

.active\:bg-ajrak-100:active{
  --tw-bg-opacity:       1;
  background-color:       rgb(245 232 224 / var(--tw-bg-opacity, 1));
}

.active\:bg-ajrak-900:active{
  --tw-bg-opacity:       1;
  background-color:       rgb(92 10 10 / var(--tw-bg-opacity, 1));
}

.disabled\:cursor-not-allowed:disabled{
  cursor:       not-allowed;
}

.disabled\:opacity-30:disabled{
  opacity:       0.3;
}

.disabled\:opacity-40:disabled{
  opacity:       0.4;
}

.disabled\:opacity-50:disabled{
  opacity:       0.5;
}

.disabled\:opacity-60:disabled{
  opacity:       0.6;
}

.group:hover .group-hover\:translate-x-0\.5{
  --tw-translate-x:       0.125rem;
  transform:       translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.group:hover .group-hover\:translate-x-1{
  --tw-translate-x:       0.25rem;
  transform:       translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.group:hover .group-hover\:translate-y-0{
  --tw-translate-y:       0px;
  transform:       translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.group:hover .group-hover\:scale-105{
  --tw-scale-x:       1.05;
  --tw-scale-y:       1.05;
  transform:       translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.group:hover .group-hover\:scale-110{
  --tw-scale-x:       1.1;
  --tw-scale-y:       1.1;
  transform:       translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.group:hover .group-hover\:scale-x-100{
  --tw-scale-x:       1;
  transform:       translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.group:hover .group-hover\:gap-3{
  gap:       0.75rem;
}

.group:hover .group-hover\:border-ajrak-200{
  --tw-border-opacity:       1;
  border-color:       rgb(232 216 208 / var(--tw-border-opacity, 1));
}

.group:hover .group-hover\:border-ajrak-400\/50{
  border-color:       rgb(188 112 112 / 0.5);
}

.group:hover .group-hover\:bg-ajrak-100{
  --tw-bg-opacity:       1;
  background-color:       rgb(245 232 224 / var(--tw-bg-opacity, 1));
}

.group:hover .group-hover\:bg-sky-500\/80{
  background-color:       rgb(14 165 233 / 0.8);
}

.group:hover .group-hover\:text-\[\#1A82E0\]{
  --tw-text-opacity:       1;
  color:       rgb(26 130 224 / var(--tw-text-opacity, 1));
}

.group:hover .group-hover\:text-ajrak-600{
  --tw-text-opacity:       1;
  color:       rgb(176 40 40 / var(--tw-text-opacity, 1));
}

.group:hover .group-hover\:text-ajrak-700{
  --tw-text-opacity:       1;
  color:       rgb(158 32 32 / var(--tw-text-opacity, 1));
}

.group:hover .group-hover\:text-ajrak-900{
  --tw-text-opacity:       1;
  color:       rgb(92 10 10 / var(--tw-text-opacity, 1));
}

.group:hover .group-hover\:text-sky-300{
  --tw-text-opacity:       1;
  color:       rgb(125 211 252 / var(--tw-text-opacity, 1));
}

.group:hover .group-hover\:text-white{
  --tw-text-opacity:       1;
  color:       rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.group:hover .group-hover\:opacity-100{
  opacity:       1;
}

.group:hover .group-hover\:shadow-lg{
  --tw-shadow:       0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored:       0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow:       var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

@media (min-width: 640px){

  .sm\:col-span-2{
    grid-column:       span 2 / span 2;
  }

  .sm\:block{
    display:       block;
  }

  .sm\:flex{
    display:       flex;
  }

  .sm\:h-auto{
    height:       auto;
  }

  .sm\:w-48{
    width:       12rem;
  }

  .sm\:columns-3{
    -moz-columns:       3;
         columns:       3;
  }

  .sm\:grid-cols-2{
    grid-template-columns:       repeat(2, minmax(0, 1fr));
  }

  .sm\:grid-cols-3{
    grid-template-columns:       repeat(3, minmax(0, 1fr));
  }

  .sm\:grid-cols-4{
    grid-template-columns:       repeat(4, minmax(0, 1fr));
  }

  .sm\:flex-row{
    flex-direction:       row;
  }

  .sm\:p-10{
    padding:       2.5rem;
  }

  .sm\:p-8{
    padding:       2rem;
  }

  .sm\:px-5{
    padding-left:       1.25rem;
    padding-right:       1.25rem;
  }

  .sm\:px-6{
    padding-left:       1.5rem;
    padding-right:       1.5rem;
  }

  .sm\:text-3xl{
    font-size:       1.875rem;
    line-height:       2.25rem;
  }

  .sm\:text-4xl{
    font-size:       2.25rem;
    line-height:       2.5rem;
  }

  .sm\:text-5xl{
    font-size:       3rem;
    line-height:       1;
  }
}

@media (min-width: 768px){

  .md\:block{
    display:       block;
  }

  .md\:h-28{
    height:       7rem;
  }

  .md\:h-32{
    height:       8rem;
  }

  .md\:w-28{
    width:       7rem;
  }

  .md\:w-32{
    width:       8rem;
  }

  .md\:w-48{
    width:       12rem;
  }

  .md\:grid-cols-2{
    grid-template-columns:       repeat(2, minmax(0, 1fr));
  }

  .md\:flex-row{
    flex-direction:       row;
  }

  .md\:p-10{
    padding:       2.5rem;
  }

  .md\:p-12{
    padding:       3rem;
  }

  .md\:text-left{
    text-align:       left;
  }

  .md\:text-4xl{
    font-size:       2.25rem;
    line-height:       2.5rem;
  }

  .md\:text-lg{
    font-size:       1.125rem;
    line-height:       1.75rem;
  }
}

@media (min-width: 1024px){

  .lg\:sticky{
    position:       sticky;
  }

  .lg\:top-28{
    top:       7rem;
  }

  .lg\:col-span-2{
    grid-column:       span 2 / span 2;
  }

  .lg\:col-span-3{
    grid-column:       span 3 / span 3;
  }

  .lg\:block{
    display:       block;
  }

  .lg\:flex{
    display:       flex;
  }

  .lg\:hidden{
    display:       none;
  }

  .lg\:columns-4{
    -moz-columns:       4;
         columns:       4;
  }

  .lg\:grid-cols-2{
    grid-template-columns:       repeat(2, minmax(0, 1fr));
  }

  .lg\:grid-cols-3{
    grid-template-columns:       repeat(3, minmax(0, 1fr));
  }

  .lg\:grid-cols-4{
    grid-template-columns:       repeat(4, minmax(0, 1fr));
  }

  .lg\:grid-cols-5{
    grid-template-columns:       repeat(5, minmax(0, 1fr));
  }

  .lg\:text-4xl{
    font-size:       2.25rem;
    line-height:       2.5rem;
  }

  .lg\:text-6xl{
    font-size:       3.75rem;
    line-height:       1;
  }
}