@import"https://rsms.me/inter/inter.css";
  @import"https://fonts.cdnfonts.com/css/trajan-pro";
  @import"https://fonts.googleapis.com/css2?family=Cairo:wght@200..1000&family=Cinzel:wght@400..900&family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;
  1,9..40,100..1000&family=Montserrat:ital,wght@0,100..900;
  1,100..900&family=Parkinsans:wght@300..800&family=Poppins:ital,wght@0,100;
  0,200;
  0,300;
  0,400;
  0,500;
  0,600;
  0,700;
  0,800;
  0,900;
  1,100;
  1,200;
  1,300;
  1,400;
  1,500;
  1,600;
  1,700;
  1,800;
  1,900&display=swap";
  /*! tailwindcss v4.0.14 | MIT License | https://tailwindcss.com */.visible {
  visibility:visible
}

.sr-only {
  clip:rect(0,0,0,0);
  white-space:nowrap;
  border-width:0;
  width:1px;
  height:1px;
  margin:-1px;
  padding:0;
  position:absolute;
  overflow:hidden
}

.absolute {
  position:absolute
}

.fixed {
  position:fixed
}

.relative {
  position:relative
}

.static {
  position:static
}

.inset-0 {
  inset:calc(var(--spacing)*0)
}

.inset-x-0 {
  inset-inline:calc(var(--spacing)*0)
}

.inset-y-0 {
  inset-block:calc(var(--spacing)*0)
}

.-top-40 {
  top:calc(var(--spacing)*-40)
}

.top-0 {
  top:calc(var(--spacing)*0)
}

.top-1 {
  top:calc(var(--spacing)*1)
}

.right-0 {
  right:calc(var(--spacing)*0)
}

.left-0 {
  left:calc(var(--spacing)*0)
}

.left-\[calc\(50\%-11rem\)\] {
  left:calc(50% - 11rem)
}

.isolate {
  isolation:isolate
}

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

.z-50 {
  z-index:50
}

.col-span-2 {
  grid-column:span 2/span 2
}

.col-span-3 {
  grid-column:span 3/span 3
}

.-m-1\.5 {
  margin:calc(var(--spacing)*-1.5)
}

.-m-2\.5 {
  margin:calc(var(--spacing)*-2.5)
}

.-mx-3 {
  margin-inline:calc(var(--spacing)*-3)
}

.mx-auto {
  margin-inline:auto
}

.-my-6 {
  margin-block:calc(var(--spacing)*-6)
}

.mt-0 {
  margin-top:calc(var(--spacing)*0)
}

.mt-0\! {
  margin-top:calc(var(--spacing)*0)!important
}

.mt-1 {
  margin-top:calc(var(--spacing)*1)
}

.mt-2 {
  margin-top:calc(var(--spacing)*2)
}

.mt-3 {
  margin-top:calc(var(--spacing)*3)
}

.mt-4 {
  margin-top:calc(var(--spacing)*4)
}

.mt-6 {
  margin-top:calc(var(--spacing)*6)
}

.mt-8 {
  margin-top:calc(var(--spacing)*8)
}

.mt-10 {
  margin-top:calc(var(--spacing)*10)
}

.mr-4 {
  margin-right:calc(var(--spacing)*4)
}

.mb-4 {
  margin-bottom:calc(var(--spacing)*4)
}

.mb-8 {
  margin-bottom:calc(var(--spacing)*8)
}

.mb-10 {
  margin-bottom:calc(var(--spacing)*10)
}

.mb-12 {
  margin-bottom:calc(var(--spacing)*12)
}

.-ml-2 {
  margin-left:calc(var(--spacing)*-2)
}

.block {
  display:block
}

.contents {
  display:contents
}

.flex {
  display:flex
}

.flow-root {
  display:flow-root
}

.grid {
  display:grid
}

.hidden {
  display:none
}

.inline-flex {
  display:inline-flex
}

.aspect-1155\/678 {
  aspect-ratio:1155/678
}

.size-1 {
  width:calc(var(--spacing)*1);
  height:calc(var(--spacing)*1)
}

.size-5 {
  width:calc(var(--spacing)*5);
  height:calc(var(--spacing)*5)
}

.size-6 {
  width:calc(var(--spacing)*6);
  height:calc(var(--spacing)*6)
}

.size-10 {
  width:calc(var(--spacing)*10);
  height:calc(var(--spacing)*10)
}

.size-full {
  width:100%;
  height:100%
}

.h-6 {
  height:calc(var(--spacing)*6)
}

.h-7 {
  height:calc(var(--spacing)*7)
}

.h-20 {
  height:calc(var(--spacing)*20)
}

.h-96 {
  height:calc(var(--spacing)*96)
}

.h-auto {
  height:auto
}

.h-px {
  height:1px
}

.min-h-16 {
  min-height:calc(var(--spacing)*16)
}

.w-3xs {
  width:var(--container-3xs)
}

.w-4 {
  width:calc(var(--spacing)*4)
}

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

.w-5 {
  width:calc(var(--spacing)*5)
}

.w-5\/5 {
  width:100%
}

.w-\[36\.125rem\] {
  width:36.125rem
}

.w-\[80rem\]\! {
  width:80rem!important
}

.w-auto {
  width:auto
}

.w-full {
  width:100%
}

.w-screen {
  width:100vw
}

.max-w-2xl {
  max-width:var(--container-2xl)
}

.max-w-7xl {
  max-width:var(--container-7xl)
}

.max-w-lg {
  max-width:var(--container-lg)
}

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

.max-w-xl {
  max-width:var(--container-xl)
}

.flex-auto {
  flex:auto
}

.flex-none {
  flex:none
}

.-translate-x-1\/2 {
  --tw-translate-x: -50% ;
  translate:var(--tw-translate-x)var(--tw-translate-y)
}

.-translate-x-full {
  --tw-translate-x:-100%;
  translate:var(--tw-translate-x)var(--tw-translate-y)
}

.rotate-\[30deg\] {
  rotate:30deg
}

.transform {
  transform:var(--tw-rotate-x)var(--tw-rotate-y)var(--tw-rotate-z)var(--tw-skew-x)var(--tw-skew-y)
}

.transform-gpu {
  transform:translateZ(0)var(--tw-rotate-x)var(--tw-rotate-y)var(--tw-rotate-z)var(--tw-skew-x)var(--tw-skew-y)
}

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

.flex-col {
  flex-direction:column
}

.items-center {
  align-items:center
}

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

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

.justify-center {
  justify-content:center
}

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

.gap-4 {
  gap:calc(var(--spacing)*4)
}

.gap-8 {
  gap:calc(var(--spacing)*8)
}

.gap-16 {
  gap:calc(var(--spacing)*16)
}

:where(.space-y-2>:not(:last-child)) {
  --tw-space-y-reverse:0;
  margin-block-start:calc(calc(var(--spacing)*2)*var(--tw-space-y-reverse));
  margin-block-end:calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-y-reverse)))
}

:where(.space-y-8>:not(:last-child)) {
  --tw-space-y-reverse:0;
  margin-block-start:calc(calc(var(--spacing)*8)*var(--tw-space-y-reverse));
  margin-block-end:calc(calc(var(--spacing)*8)*calc(1 - var(--tw-space-y-reverse)))
}

.gap-x-3 {
  column-gap:calc(var(--spacing)*3)
}

.gap-x-4 {
  column-gap:calc(var(--spacing)*4)
}

.gap-x-6 {
  column-gap:calc(var(--spacing)*6)
}

.gap-x-8 {
  column-gap:calc(var(--spacing)*8)
}

.gap-y-1 {
  row-gap:calc(var(--spacing)*1)
}

.gap-y-2 {
  row-gap:calc(var(--spacing)*2)
}

.gap-y-10 {
  row-gap:calc(var(--spacing)*10)
}

.gap-y-16 {
  row-gap:calc(var(--spacing)*16)
}

:where(.divide-y>:not(:last-child)) {
  --tw-divide-y-reverse:0;
  border-bottom-style:var(--tw-border-style);
  border-top-style:var(--tw-border-style);
  border-top-width:calc(1px*var(--tw-divide-y-reverse));
  border-bottom-width:calc(1px*calc(1 - var(--tw-divide-y-reverse)))
}

:where(.divide-gray-500\/25>:not(:last-child)) {
  border-color:color-mix(in oklab,var(--color-gray-500)25%,transparent)
}

.self-start {
  align-self:flex-start
}

.overflow-hidden {
  overflow:hidden
}

.overflow-y-auto {
  overflow-y:auto
}

.rounded-full {
  border-radius:3.40282e38px
}

.rounded-lg {
  border-radius:var(--radius-lg)
}

.rounded-md {
  border-radius:var(--radius-md)
}

.rounded-xl {
  border-radius:var(--radius-xl)
}

.bg-\[\#0F3759\] {
  background-color:#0f3759
}

.bg-\[\#1C5381\] {
  background-color:#1c5381
}

.bg-\[\#F9FAFB\] {
  background-color:#f9fafb
}

.bg-\[var\(--color-darkblue\)\] {
  background-color:var(--color-darkblue)
}

.bg-\[var\(--color-lightGray\)\] {
  background-color:var(--color-lightGray)
}

.bg-\[var\(--color-primary\)\] {
  background-color:var(--color-primary)
}

.bg-gray-200 {
  background-color:var(--color-gray-200)
}

.bg-gray-900\/10 {
  background-color:color-mix(in oklab,var(--color-gray-900)10%,transparent)
}

.bg-white {
  background-color:var(--color-white)
}

.bg-white\/30 {
  background-color:color-mix(in oklab,var(--color-white)30%,transparent)
}

.bg-linear-to-tr {
  --tw-gradient-position:to top right in oklab;
  background-image:linear-gradient(var(--tw-gradient-stops))
}

.bg-\[url\(\/images\/Pattern\.svg\)\] {
  background-image:url(/images/Pattern.svg)
}

.from-\[\#ff80b5\] {
  --tw-gradient-from:#ff80b5;
  --tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))
}

.to-\[\#9089fc\] {
  --tw-gradient-to:#9089fc;
  --tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))
}

.bg-cover {
  background-size:cover
}

.bg-center {
  background-position:50%
}

.object-fill {
  object-fit:fill
}

.object-none {
  object-fit:none
}

.p-1\.5 {
  padding:calc(var(--spacing)*1.5)
}

.p-2\.5 {
  padding:calc(var(--spacing)*2.5)
}

.p-6 {
  padding:calc(var(--spacing)*6)
}

.px-3 {
  padding-inline:calc(var(--spacing)*3)
}

.px-6 {
  padding-inline:calc(var(--spacing)*6)
}

.px-7 {
  padding-inline:calc(var(--spacing)*7)
}

.py-2\.5 {
  padding-block:calc(var(--spacing)*2.5)
}

.py-4 {
  padding-block:calc(var(--spacing)*4)
}

.py-6 {
  padding-block:calc(var(--spacing)*6)
}

.py-16 {
  padding-block:calc(var(--spacing)*16)
}

.py-20 {
  padding-block:calc(var(--spacing)*20)
}

.py-24 {
  padding-block:calc(var(--spacing)*24)
}

.py-32 {
  padding-block:calc(var(--spacing)*32)
}

.pt-2 {
  padding-top:calc(var(--spacing)*2)
}

.pt-3 {
  padding-top:calc(var(--spacing)*3)
}

.pt-4 {
  padding-top:calc(var(--spacing)*4)
}

.pt-16 {
  padding-top:calc(var(--spacing)*16)
}

.pr-10 {
  padding-right:calc(var(--spacing)*10)
}

.pb-1 {
  padding-bottom:calc(var(--spacing)*1)
}

.pb-2 {
  padding-bottom:calc(var(--spacing)*2)
}

.pb-3 {
  padding-bottom:calc(var(--spacing)*3)
}

.pb-4 {
  padding-bottom:calc(var(--spacing)*4)
}

.pl-9 {
  padding-left:calc(var(--spacing)*9)
}

.pl-10 {
  padding-left:calc(var(--spacing)*10)
}

.pl-50 {
  padding-left:calc(var(--spacing)*50)
}

.text-center {
  text-align:center
}

.text-left {
  text-align:left
}

.align-top {
  vertical-align:top
}

.font-ar {
  font-family:var(--font-ar)
}

.font-sans {
  font-family:var(--font-sans)
}

.font-serif {
  font-family:var(--font-serif)
}

.text-2xl {
  font-size:var(--text-2xl);
  line-height:var(--tw-leading,var(--text-2xl--line-height))
}

.text-3xl {
  font-size:var(--text-3xl);
  line-height:var(--tw-leading,var(--text-3xl--line-height))
}

.text-4xl {
  font-size:var(--text-4xl);
  line-height:var(--tw-leading,var(--text-4xl--line-height))
}

.text-5xl {
  font-size:var(--text-5xl);
  line-height:var(--tw-leading,var(--text-5xl--line-height))
}

.text-base {
  font-size:var(--text-base);
  line-height:var(--tw-leading,var(--text-base--line-height))
}

.text-base\/6 {
  font-size:var(--text-base);
  line-height:calc(var(--spacing)*6)
}

.text-base\/7 {
  font-size:var(--text-base);
  line-height:calc(var(--spacing)*7)
}

.text-base\/8 {
  font-size:var(--text-base);
  line-height:calc(var(--spacing)*8)
}

.text-lg {
  font-size:var(--text-lg);
  line-height:var(--tw-leading,var(--text-lg--line-height))
}

.text-sm {
  font-size:var(--text-sm);
  line-height:var(--tw-leading,var(--text-sm--line-height))
}

.text-sm\/6 {
  font-size:var(--text-sm);
  line-height:calc(var(--spacing)*6)
}

.text-sm\/7 {
  font-size:var(--text-sm);
  line-height:calc(var(--spacing)*7)
}

.text-xl {
  font-size:var(--text-xl);
  line-height:var(--tw-leading,var(--text-xl--line-height))
}

.text-xs {
  font-size:var(--text-xs);
  line-height:var(--tw-leading,var(--text-xs--line-height))
}

.text-xs\/7 {
  font-size:var(--text-xs);
  line-height:calc(var(--spacing)*7)
}

.leading-6 {
  --tw-leading:calc(var(--spacing)*6);
  line-height:calc(var(--spacing)*6)
}

.leading-7 {
  --tw-leading:calc(var(--spacing)*7);
  line-height:calc(var(--spacing)*7)
}

.font-bold {
  --tw-font-weight:var(--font-weight-bold);
  font-weight:var(--font-weight-bold)
}

.font-light {
  --tw-font-weight:var(--font-weight-light);
  font-weight:var(--font-weight-light)
}

.font-medium {
  --tw-font-weight:var(--font-weight-medium);
  font-weight:var(--font-weight-medium)
}

.font-normal {
  --tw-font-weight:var(--font-weight-normal);
  font-weight:var(--font-weight-normal)
}

.font-semibold {
  --tw-font-weight:var(--font-weight-semibold);
  font-weight:var(--font-weight-semibold)
}

.tracking-tight {
  --tw-tracking:var(--tracking-tight);
  letter-spacing:var(--tracking-tight)
}

.tracking-widest {
  --tw-tracking:var(--tracking-widest);
  letter-spacing:var(--tracking-widest)
}

.text-balance {
  text-wrap:balance
}

.text-pretty {
  text-wrap:pretty
}

.text-\[\#EDEFF3\] {
  color:#edeff3
}

.text-\[\#F5C463\] {
  color:#f5c463
}

.text-\[\#ceb37f\] {
  color:#ceb37f
}

.text-\[\#fff\] {
  color:#fff
}

.text-\[var\(--color-darkblue\)\] {
  color:var(--color-darkblue)
}

.text-\[var\(--color-darkgray\)\] {
  color:var(--color-darkgray)
}

.text-\[var\(--color-primary\)\] {
  color:var(--color-primary)
}

.text-\[var\(--color-secondary\)\] {
  color:var(--color-secondary)
}

.text-\[var\(--color-textgray\)\] {
  color:var(--color-textgray)
}

.text-gray-400 {
  color:var(--color-gray-400)
}

.text-gray-600 {
  color:var(--color-gray-600)
}

.text-white {
  color:var(--color-white)
}

.text-white\/90 {
  color:color-mix(in oklab,var(--color-white)90%,transparent)
}

.uppercase {
  text-transform:uppercase
}

.opacity-0 {
  opacity:0
}

.opacity-20 {
  opacity:.2
}

.shadow-xl {
  --tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a),0 8px 10px -6px var(--tw-shadow-color,#0000001a);
  box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)
}

.shadow-xs {
  --tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);
  box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)
}

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

.ring-gray-400\/10 {
  --tw-ring-color:color-mix(in oklab,var(--color-gray-400)10%,transparent)
}

.ring-white\/10 {
  --tw-ring-color:color-mix(in oklab,var(--color-white)10%,transparent)
}

.blur-3xl {
  --tw-blur:blur(var(--blur-3xl));
  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(var(--blur-sm));
  -webkit-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,);
  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,)
}

@media (hover:hover) {
  .hover\:bg-\[var\(--color-darkblue\)\]:hover {
  background-color:var(--color-darkblue)
}

.hover\:bg-gray-200:hover {
  background-color:var(--color-gray-200)
}

.hover\:bg-indigo-50:hover {
  background-color:var(--color-indigo-50)
}

.hover\:bg-white\/7:hover {
  background-color:color-mix(in oklab,var(--color-white)7%,transparent)
}

.hover\:text-\[\#ceb37f\]:hover {
  color:#ceb37f
}

.hover\:text-\[var\(--color-darkblue\)\]:hover {
  color:var(--color-darkblue)
}

.hover\:text-\[var\(--color-primary\)\]:hover {
  color:var(--color-primary)
}

.hover\:text-white:hover {
  color:var(--color-white)
}

.hover\:text-white\/70:hover {
  color:color-mix(in oklab,var(--color-white)70%,transparent)
}

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


}

.focus-visible\:outline-2:focus-visible {
  outline-style:var(--tw-outline-style);
  outline-width:2px
}

.focus-visible\:outline-offset-2:focus-visible {
  outline-offset:2px
}

.focus-visible\:outline-white:focus-visible {
  outline-color:var(--color-white)
}

@media (width>=40rem) {
  .sm\:-top-80 {
  top:calc(var(--spacing)*-80)
}

.sm\:left-\[calc\(50\%-30rem\)\] {
  left:calc(50% - 30rem)
}

.sm\:mb-8 {
  margin-bottom:calc(var(--spacing)*8)
}

.sm\:-ml-4 {
  margin-left:calc(var(--spacing)*-4)
}

.sm\:flex {
  display:flex
}

.sm\:w-5\/5\! {
  width:100%!important
}

.sm\:w-\[57rem\] {
  width:57rem
}

.sm\:w-\[72\.1875rem\] {
  width:72.1875rem
}

.sm\:max-w-sm {
  max-width:var(--container-sm)
}

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

.sm\:justify-center {
  justify-content:center
}

.sm\:gap-y-20 {
  row-gap:calc(var(--spacing)*20)
}

.sm\:rounded-xl {
  border-radius:var(--radius-xl)
}

.sm\:p-8 {
  padding:calc(var(--spacing)*8)
}

.sm\:px-6 {
  padding-inline:calc(var(--spacing)*6)
}

.sm\:py-12 {
  padding-block:calc(var(--spacing)*12)
}

.sm\:py-16 {
  padding-block:calc(var(--spacing)*16)
}

.sm\:py-20 {
  padding-block:calc(var(--spacing)*20)
}

.sm\:py-24 {
  padding-block:calc(var(--spacing)*24)
}

.sm\:py-32 {
  padding-block:calc(var(--spacing)*32)
}

.sm\:py-48 {
  padding-block:calc(var(--spacing)*48)
}

.sm\:pt-0 {
  padding-top:calc(var(--spacing)*0)
}

.sm\:pt-4 {
  padding-top:calc(var(--spacing)*4)
}

.sm\:pb-4 {
  padding-bottom:calc(var(--spacing)*4)
}

.sm\:text-2xl {
  font-size:var(--text-2xl);
  line-height:var(--tw-leading,var(--text-2xl--line-height))
}

.sm\:text-3xl\/12 {
  font-size:var(--text-3xl);
  line-height:calc(var(--spacing)*12)
}

.sm\:text-4xl {
  font-size:var(--text-4xl);
  line-height:var(--tw-leading,var(--text-4xl--line-height))
}

.sm\:text-4xl\/12 {
  font-size:var(--text-4xl);
  line-height:calc(var(--spacing)*12)
}

.sm\:text-5xl {
  font-size:var(--text-5xl);
  line-height:var(--tw-leading,var(--text-5xl--line-height))
}

.sm\:text-lg\/8 {
  font-size:var(--text-lg);
  line-height:calc(var(--spacing)*8)
}

.sm\:ring-1 {
  --tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentColor);
  box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)
}

.sm\:ring-white\/10 {
  --tw-ring-color:color-mix(in oklab,var(--color-white)10%,transparent)
}


}

@media (width>=48rem) {
  .md\:order-1 {
  order:1
}

.md\:order-2 {
  order:2
}

.md\:mt-0 {
  margin-top:calc(var(--spacing)*0)
}

.md\:flex {
  display:flex
}

.md\:w-3\/5\! {
  width:60%!important
}

.md\:items-center {
  align-items:center
}

.md\:justify-between {
  justify-content:space-between
}

.md\:pt-0 {
  padding-top:calc(var(--spacing)*0)
}

.md\:pt-8 {
  padding-top:calc(var(--spacing)*8)
}

.md\:pb-8 {
  padding-bottom:calc(var(--spacing)*8)
}

.md\:text-3xl {
  font-size:var(--text-3xl);
  line-height:var(--tw-leading,var(--text-3xl--line-height))
}

.md\:text-4xl {
  font-size:var(--text-4xl);
  line-height:var(--tw-leading,var(--text-4xl--line-height))
}

.md\:text-5xl {
  font-size:var(--text-5xl);
  line-height:var(--tw-leading,var(--text-5xl--line-height))
}


}

@media (width>=64rem) {
  .lg\:static {
  position:static
}

.lg\:order-first {
  order:-9999
}

.lg\:mx-0 {
  margin-inline:calc(var(--spacing)*0)
}

.lg\:-mr-6 {
  margin-right:calc(var(--spacing)*-6)
}

.lg\:ml-8 {
  margin-left:calc(var(--spacing)*8)
}

.lg\:ml-auto {
  margin-left:auto
}

.lg\:flex {
  display:flex
}

.lg\:hidden {
  display:none
}

.lg\:aspect-square {
  aspect-ratio:1
}

.lg\:h-80 {
  height:calc(var(--spacing)*80)
}

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

.lg\:w-auto {
  width:auto
}

.lg\:max-w-lg {
  max-width:var(--container-lg)
}

.lg\:max-w-none {
  max-width:none
}

.lg\:max-w-sm {
  max-width:var(--container-sm)
}

.lg\:flex-1 {
  flex:1
}

.lg\:flex-auto {
  flex:auto
}

.lg\:translate-x-0 {
  --tw-translate-x:calc(var(--spacing)*0);
  translate:var(--tw-translate-x)var(--tw-translate-y)
}

.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-5 {
  grid-template-columns:repeat(5,minmax(0,1fr))
}

.lg\:flex-row {
  flex-direction:row
}

.lg\:items-center {
  align-items:center
}

.lg\:justify-end {
  justify-content:flex-end
}

.lg\:gap-12 {
  gap:calc(var(--spacing)*12)
}

.lg\:gap-x-12 {
  column-gap:calc(var(--spacing)*12)
}

.lg\:gap-y-16 {
  row-gap:calc(var(--spacing)*16)
}

.lg\:px-8 {
  padding-inline:calc(var(--spacing)*8)
}

.lg\:py-8 {
  padding-block:calc(var(--spacing)*8)
}

.lg\:py-56 {
  padding-block:calc(var(--spacing)*56)
}

.lg\:pt-4 {
  padding-top:calc(var(--spacing)*4)
}

.lg\:pl-4 {
  padding-left:calc(var(--spacing)*4)
}


}

@media (width>=80rem) {
  .xl\:gap-x-12 {
  column-gap:calc(var(--spacing)*12)
}

.xl\:px-8 {
  padding-inline:calc(var(--spacing)*8)
}


}

@media (prefers-color-scheme:dark) {
  .dark\:text-\[var\(--color-secondary\)\] {
  color:var(--color-secondary)
}


}

*,:after,:before,::backdrop {
  box-sizing:border-box;
  border:0 solid;
  margin:0;
  padding:0
}

::file-selector-button {
  box-sizing:border-box;
  border:0 solid;
  margin:0;
  padding:0
}

html,:host {
  -webkit-text-size-adjust:100%;
  -moz-tab-size:4;
  tab-size:4;
  line-height:1.5;
  font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");
  font-feature-settings:var(--default-font-feature-settings,normal);
  font-variation-settings:var(--default-font-variation-settings,normal);
  -webkit-tap-highlight-color:transparent
}

body {
  line-height:inherit
}

hr {
  height:0;
  color:inherit;
  border-top-width:1px
}

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

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

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

b,strong {
  font-weight:bolder
}

code,kbd,samp,pre {
  font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);
  font-feature-settings:var(--default-mono-font-feature-settings,normal);
  font-variation-settings:var(--default-mono-font-variation-settings,normal);
  font-size:1em
}

small {
  font-size:80%
}

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

sub {
  bottom:-.25em
}

sup {
  top:-.5em
}

table {
  text-indent:0;
  border-color:inherit;
  border-collapse:collapse
}

:-moz-focusring {
  outline:auto
}

progress {
  vertical-align:baseline
}

summary {
  display:list-item
}

ol,ul,menu {
  list-style:none
}

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

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

button,input,select,optgroup,textarea {
  font:inherit;
  font-feature-settings:inherit;
  font-variation-settings:inherit;
  letter-spacing:inherit;
  color:inherit;
  opacity:1;
  background-color:#0000;
  border-radius:0
}

::file-selector-button {
  font:inherit;
  font-feature-settings:inherit;
  font-variation-settings:inherit;
  letter-spacing:inherit;
  color:inherit;
  opacity:1;
  background-color:#0000;
  border-radius:0
}

:where(select:is([multiple],[size])) optgroup {
  font-weight:bolder
}

:where(select:is([multiple],[size])) optgroup option {
  padding-inline-start:20px
}

::file-selector-button {
  margin-inline-end:4px
}

::placeholder {
  opacity:1;
  color:color-mix(in oklab,currentColor 50%,transparent)
}

textarea {
  resize:vertical
}

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

::-webkit-date-and-time-value {
  min-height:1lh;
  text-align:inherit
}

::-webkit-datetime-edit {
  display:inline-flex
}

::-webkit-datetime-edit-fields-wrapper {
  padding:0
}

::-webkit-datetime-edit {
  padding-block:0
}

::-webkit-datetime-edit-year-field {
  padding-block:0
}

::-webkit-datetime-edit-month-field {
  padding-block:0
}

::-webkit-datetime-edit-day-field {
  padding-block:0
}

::-webkit-datetime-edit-hour-field {
  padding-block:0
}

::-webkit-datetime-edit-minute-field {
  padding-block:0
}

::-webkit-datetime-edit-second-field {
  padding-block:0
}

::-webkit-datetime-edit-millisecond-field {
  padding-block:0
}

::-webkit-datetime-edit-meridiem-field {
  padding-block:0
}

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

button,input:where([type=button],[type=reset],[type=submit]) {
  -webkit-appearance:button;
  -moz-appearance:button;
  appearance:button
}

::file-selector-button {
  -webkit-appearance:button;
  -moz-appearance:button;
  appearance:button
}

::-webkit-inner-spin-button {
  height:auto
}

::-webkit-outer-spin-button {
  height:auto
}

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

@layer theme {
  :root,:host {
  --font-sans:InterVariable,sans-serif;
  --font-serif:"Trajan Pro",serif;
  --font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
  --color-indigo-50:oklch(.962 .018 272.314);
  --color-gray-200:oklch(.928 .006 264.531);
  --color-gray-400:oklch(.707 .022 261.325);
  --color-gray-500:oklch(.551 .027 264.364);
  --color-gray-600:oklch(.446 .03 256.802);
  --color-gray-900:oklch(.21 .034 264.665);
  --color-white:#fff;
  --spacing:.25rem;
  --container-3xs:16rem;
  --container-sm:24rem;
  --container-lg:32rem;
  --container-xl:36rem;
  --container-2xl:42rem;
  --container-7xl:80rem;
  --text-xs:.75rem;
  --text-xs--line-height:calc(1/.75);
  --text-sm:.875rem;
  --text-sm--line-height:calc(1.25/.875);
  --text-base:1rem;
  --text-base--line-height: 1.5 ;
  --text-lg:1.125rem;
  --text-lg--line-height:calc(1.75/1.125);
  --text-xl:1.25rem;
  --text-xl--line-height:calc(1.75/1.25);
  --text-2xl:1.5rem;
  --text-2xl--line-height:calc(2/1.5);
  --text-3xl:1.875rem;
  --text-3xl--line-height: 1.2 ;
  --text-4xl:2.25rem;
  --text-4xl--line-height:calc(2.5/2.25);
  --text-5xl:3rem;
  --text-5xl--line-height:1;
  --font-weight-light:300;
  --font-weight-normal:400;
  --font-weight-medium:500;
  --font-weight-semibold:600;
  --font-weight-bold:700;
  --tracking-tight:-.025em;
  --tracking-widest:.1em;
  --radius-md:.375rem;
  --radius-lg:.5rem;
  --radius-xl:.75rem;
  --blur-sm:8px;
  --blur-3xl:64px;
  --default-font-family:var(--font-sans);
  --default-font-feature-settings:var(--font-sans--font-feature-settings);
  --default-font-variation-settings:var(--font-sans--font-variation-settings);
  --default-mono-font-family:var(--font-mono);
  --default-mono-font-feature-settings:var(--font-mono--font-feature-settings);
  --default-mono-font-variation-settings:var(--font-mono--font-variation-settings);
  --font-ar:Cairo,sans-serif
}


}

@layer base {
  *,:after,:before,::backdrop {
  box-sizing:border-box;
  border:0 solid;
  margin:0;
  padding:0
}

::file-selector-button {
  box-sizing:border-box;
  border:0 solid;
  margin:0;
  padding:0
}

html,:host {
  -webkit-text-size-adjust:100%;
  -moz-tab-size:4;
  tab-size:4;
  line-height:1.5;
  font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");
  font-feature-settings:var(--default-font-feature-settings,normal);
  font-variation-settings:var(--default-font-variation-settings,normal);
  -webkit-tap-highlight-color:transparent
}

body {
  line-height:inherit
}

hr {
  height:0;
  color:inherit;
  border-top-width:1px
}

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

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

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

b,strong {
  font-weight:bolder
}

code,kbd,samp,pre {
  font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);
  font-feature-settings:var(--default-mono-font-feature-settings,normal);
  font-variation-settings:var(--default-mono-font-variation-settings,normal);
  font-size:1em
}

small {
  font-size:80%
}

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

sub {
  bottom:-.25em
}

sup {
  top:-.5em
}

table {
  text-indent:0;
  border-color:inherit;
  border-collapse:collapse
}

:-moz-focusring {
  outline:auto
}

progress {
  vertical-align:baseline
}

summary {
  display:list-item
}

ol,ul,menu {
  list-style:none
}

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

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

button,input,select,optgroup,textarea {
  font:inherit;
  font-feature-settings:inherit;
  font-variation-settings:inherit;
  letter-spacing:inherit;
  color:inherit;
  opacity:1;
  background-color:#0000;
  border-radius:0
}

::file-selector-button {
  font:inherit;
  font-feature-settings:inherit;
  font-variation-settings:inherit;
  letter-spacing:inherit;
  color:inherit;
  opacity:1;
  background-color:#0000;
  border-radius:0
}

:where(select:is([multiple],[size])) optgroup {
  font-weight:bolder
}

:where(select:is([multiple],[size])) optgroup option {
  padding-inline-start:20px
}

::file-selector-button {
  margin-inline-end:4px
}

::placeholder {
  opacity:1;
  color:color-mix(in oklab,currentColor 50%,transparent)
}

textarea {
  resize:vertical
}

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

::-webkit-date-and-time-value {
  min-height:1lh;
  text-align:inherit
}

::-webkit-datetime-edit {
  display:inline-flex
}

::-webkit-datetime-edit-fields-wrapper {
  padding:0
}

::-webkit-datetime-edit {
  padding-block:0
}

::-webkit-datetime-edit-year-field {
  padding-block:0
}

::-webkit-datetime-edit-month-field {
  padding-block:0
}

::-webkit-datetime-edit-day-field {
  padding-block:0
}

::-webkit-datetime-edit-hour-field {
  padding-block:0
}

::-webkit-datetime-edit-minute-field {
  padding-block:0
}

::-webkit-datetime-edit-second-field {
  padding-block:0
}

::-webkit-datetime-edit-millisecond-field {
  padding-block:0
}

::-webkit-datetime-edit-meridiem-field {
  padding-block:0
}

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

button,input:where([type=button],[type=reset],[type=submit]) {
  -webkit-appearance:button;
  -moz-appearance:button;
  appearance:button
}

::file-selector-button {
  -webkit-appearance:button;
  -moz-appearance:button;
  appearance:button
}

::-webkit-inner-spin-button {
  height:auto
}

::-webkit-outer-spin-button {
  height:auto
}

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


}

@layer components,utilities;
  :root {
  --color-primary:#1c5381;
  --color-secondary:#bf933c;
  --color-darkblue:#0f3759;
  --color-lightGray:#f9fafb;
  --color-textgray:#6b7280;
  --color-darkgray:#585d66
}

iframe {
  filter:brightness()contrast(1.1)sepia(0)hue-rotate(114.592deg);
  border-radius:16px;
  width:60%;
  overflow:hidden
}

@keyframes marquee {
  0% {
  transform:translate(0)
}

to {
  transform:translate(-40%)
}


}

.marquee {
  width:100%;
  display:flex;
  position:relative;
  overflow:hidden
}

.marquee-content {
  white-space:nowrap;
  will-change:transform;
  animation:40s linear infinite marquee;
  display:flex
}

.marquee-inner {
  display:flex
}

/*@keyframes fillBar {
  0% {
  opacity:1;
  width:0%
}

to {
  opacity:1;
  width:31.84%
}


}*/


@keyframes moveStripes {
  0% { background-position: 0 0; }
  100% { background-position: 40px 0; }
}


.progress-bar {
  background: 
    repeating-linear-gradient(-45deg, #fff3 0, #fff3 10px, #fff0 10px, #fff0 30px),
    linear-gradient(to right, #f5c463, #bf933c);
  background-blend-mode: overlay;
  background-repeat: repeat, no-repeat;
  background-size: 40px 40px, 100% 100%;
  background-position: 10px 0;
  background-position-x: 10px;
  height: 24px;
  border-radius: 12px;
  opacity: 0;
  transition: opacity 1s ease-in, background-color 0.6s ease;
}

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

/*.animate-progress {
  animation:2s ease-out forwards fillBar,1s linear infinite moveStripes
}*/



@keyframes fadeInUp {
  0% {
  opacity:0;
  transform:translateY(50px)
}

to {
  opacity:1;
  transform:translateY(0)
}


}

.animate-fade-in-up {
  opacity:0;
  animation:1.5s ease-out forwards fadeInUp
}

.hidden-opacity {
  opacity:0;
  transition:all .8s ease-out;
  transform:translateY(30px)
}

.visible-opacity {
  opacity:1;
  transform:translateY(0)
}

button,a {
  transition:all .4s ease-in-out
}

@property --tw-translate-x {
  syntax:"*";
  inherits:false;
  initial-value:0
}

@property --tw-translate-y {
  syntax:"*";
  inherits:false;
  initial-value:0
}

@property --tw-translate-z {
  syntax:"*";
  inherits:false;
  initial-value:0
}

@property --tw-rotate-x {
  syntax:"*";
  inherits:false;
  initial-value:rotateX(0)
}

@property --tw-rotate-y {
  syntax:"*";
  inherits:false;
  initial-value:rotateY(0)
}

@property --tw-rotate-z {
  syntax:"*";
  inherits:false;
  initial-value:rotateZ(0)
}

@property --tw-skew-x {
  syntax:"*";
  inherits:false;
  initial-value:skewX(0)
}

@property --tw-skew-y {
  syntax:"*";
  inherits:false;
  initial-value:skewY(0)
}

@property --tw-space-y-reverse {
  syntax:"*";
  inherits:false;
  initial-value:0
}

@property --tw-divide-y-reverse {
  syntax:"*";
  inherits:false;
  initial-value:0
}

@property --tw-border-style {
  syntax:"*";
  inherits:false;
  initial-value:solid
}

@property --tw-gradient-position {
  syntax:"*";
  inherits:false
}

@property --tw-gradient-from {
  syntax:"<color>";
  inherits:false;
  initial-value:#0000
}

@property --tw-gradient-via {
  syntax:"<color>";
  inherits:false;
  initial-value:#0000
}

@property --tw-gradient-to {
  syntax:"<color>";
  inherits:false;
  initial-value:#0000
}

@property --tw-gradient-stops {
  syntax:"*";
  inherits:false
}

@property --tw-gradient-via-stops {
  syntax:"*";
  inherits:false
}

@property --tw-gradient-from-position {
  syntax:"<length-percentage>";
  inherits:false;
  initial-value:0%
}

@property --tw-gradient-via-position {
  syntax:"<length-percentage>";
  inherits:false;
  initial-value:50%
}

@property --tw-gradient-to-position {
  syntax:"<length-percentage>";
  inherits:false;
  initial-value:100%
}

@property --tw-leading {
  syntax:"*";
  inherits:false
}

@property --tw-font-weight {
  syntax:"*";
  inherits:false
}

@property --tw-tracking {
  syntax:"*";
  inherits:false
}

@property --tw-shadow {
  syntax:"*";
  inherits:false;
  initial-value:0 0 #0000
}

@property --tw-shadow-color {
  syntax:"*";
  inherits:false
}

@property --tw-inset-shadow {
  syntax:"*";
  inherits:false;
  initial-value:0 0 #0000
}

@property --tw-inset-shadow-color {
  syntax:"*";
  inherits:false
}

@property --tw-ring-color {
  syntax:"*";
  inherits:false
}

@property --tw-ring-shadow {
  syntax:"*";
  inherits:false;
  initial-value:0 0 #0000
}

@property --tw-inset-ring-color {
  syntax:"*";
  inherits:false
}

@property --tw-inset-ring-shadow {
  syntax:"*";
  inherits:false;
  initial-value:0 0 #0000
}

@property --tw-ring-inset {
  syntax:"*";
  inherits:false
}

@property --tw-ring-offset-width {
  syntax:"<length>";
  inherits:false;
  initial-value:0
}

@property --tw-ring-offset-color {
  syntax:"*";
  inherits:false;
  initial-value:#fff
}

@property --tw-ring-offset-shadow {
  syntax:"*";
  inherits:false;
  initial-value:0 0 #0000
}

@property --tw-blur {
  syntax:"*";
  inherits:false
}

@property --tw-brightness {
  syntax:"*";
  inherits:false
}

@property --tw-contrast {
  syntax:"*";
  inherits:false
}

@property --tw-grayscale {
  syntax:"*";
  inherits:false
}

@property --tw-hue-rotate {
  syntax:"*";
  inherits:false
}

@property --tw-invert {
  syntax:"*";
  inherits:false
}

@property --tw-opacity {
  syntax:"*";
  inherits:false
}

@property --tw-saturate {
  syntax:"*";
  inherits:false
}

@property --tw-sepia {
  syntax:"*";
  inherits:false
}

@property --tw-drop-shadow {
  syntax:"*";
  inherits:false
}

@property --tw-backdrop-blur {
  syntax:"*";
  inherits:false
}

@property --tw-backdrop-brightness {
  syntax:"*";
  inherits:false
}

@property --tw-backdrop-contrast {
  syntax:"*";
  inherits:false
}

@property --tw-backdrop-grayscale {
  syntax:"*";
  inherits:false
}

@property --tw-backdrop-hue-rotate {
  syntax:"*";
  inherits:false
}

@property --tw-backdrop-invert {
  syntax:"*";
  inherits:false
}

@property --tw-backdrop-opacity {
  syntax:"*";
  inherits:false
}

@property --tw-backdrop-saturate {
  syntax:"*";
  inherits:false
}

@property --tw-backdrop-sepia {
  syntax:"*";
  inherits:false
}

@property --tw-outline-style {
  syntax:"*";
  inherits:false;
  initial-value:solid
}