*,
: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 / .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 / .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: 
}
*,
:before,
:after {
  box-sizing:border-box;
  border-width:0;
  border-style:solid;
  border-color:#e5e7eb
}
:before,
:after {
  --tw-content: ""
}
html,
:host {
  line-height:1.5;
  -webkit-text-size-adjust:100%;
  -moz-tab-size:4;
  -o-tab-size:4;
  tab-size:4;
  font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";
  font-feature-settings:normal;
  font-variation-settings:normal;
  -webkit-tap-highlight-color:transparent
}
body {
  margin:0;
  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;
  text-decoration:inherit
}
b,
strong {
  font-weight:bolder
}
code,
kbd,
samp,
pre {
  font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;
  font-feature-settings:normal;
  font-variation-settings:normal;
  font-size:1em
}
small {
  font-size:80%
}
sub,
sup {
  font-size:75%;
  line-height:0;
  position:relative;
  vertical-align:baseline
}
sub {
  bottom:-.25em
}
sup {
  top:-.5em
}
table {
  text-indent:0;
  border-color:inherit;
  border-collapse:collapse
}
button,
input,
optgroup,
select,
textarea {
  font-family:inherit;
  font-feature-settings:inherit;
  font-variation-settings:inherit;
  font-size:100%;
  font-weight:inherit;
  line-height:inherit;
  letter-spacing:inherit;
  color:inherit;
  margin:0;
  padding:0
}
button,
select {
  text-transform:none
}
button,
input:where([type=button]),
input:where([type=reset]),
input:where([type=submit]) {
  -webkit-appearance:button;
  background-color:transparent;
  background-image:none
}
:-moz-focusring {
  outline:auto
}
:-moz-ui-invalid {
  box-shadow:none
}
progress {
  vertical-align:baseline
}
::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height:auto
}
[type=search] {
  -webkit-appearance:textfield;
  outline-offset:-2px
}
::-webkit-search-decoration {
  -webkit-appearance:none
}
::-webkit-file-upload-button {
  -webkit-appearance:button;
  font:inherit
}
summary {
  display:list-item
}
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
}
dialog {
  padding:0
}
textarea {
  resize:vertical
}
input::-moz-placeholder,
textarea::-moz-placeholder {
  opacity:1;
  color:#9ca3af
}
input::placeholder,
textarea::placeholder {
  opacity:1;
  color:#9ca3af
}
button,
[role=button] {
  cursor:pointer
}
:disabled {
  cursor:default
}
img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display:block;
  vertical-align:middle
}
img,
video {
  max-width:100%;
  height:auto
}
[hidden]:where(:not([hidden=until-found])) {
  display:none
}
.\!container {
  width:100%!important
}
.container {
  width:100%
}
@media (min-width: 640px) {
  .\!container {
    max-width:640px!important
  }
  .container {
    max-width:640px
  }
}
@media (min-width: 768px) {
  .\!container {
    max-width:768px!important
  }
  .container {
    max-width:768px
  }
}
@media (min-width: 1024px) {
  .\!container {
    max-width:1024px!important
  }
  .container {
    max-width:1024px
  }
}
@media (min-width: 1280px) {
  .\!container {
    max-width:1280px!important
  }
  .container {
    max-width:1280px
  }
}
@media (min-width: 1536px) {
  .\!container {
    max-width:1536px!important
  }
  .container {
    max-width:1536px
  }
}
.sr-only {
  position:absolute;
  width:1px;
  height:1px;
  padding:0;
  margin:-1px;
  overflow:hidden;
  clip:rect(0,0,0,0);
  white-space:nowrap;
  border-width:0
}
.not-sr-only {
  position:static;
  width:auto;
  height:auto;
  padding:0;
  margin:0;
  overflow:visible;
  clip:auto;
  white-space:normal
}
.pointer-events-none {
  pointer-events:none
}
.pointer-events-auto {
  pointer-events:auto
}
.visible {
  visibility:visible
}
.invisible {
  visibility:hidden
}
.collapse {
  visibility:collapse
}
.static {
  position:static
}
.fixed {
  position:fixed
}
.absolute {
  position:absolute
}
.relative {
  position:relative
}
.sticky {
  position:sticky
}
.inset-0 {
  top:0;
  right:0;
  bottom:0;
  left:0
}
.bottom-0 {
  bottom:0
}
.left-0 {
  left:0
}
.left-4 {
  left:1rem
}
.right-0 {
  right:0
}
.top-0 {
  top:0
}
.top-1\/2 {
  top:50%
}
.top-4 {
  top:1rem
}
.isolate {
  isolation:isolate
}
.isolation-auto {
  isolation:auto
}
.z-10 {
  z-index:10
}
.z-40 {
  z-index:40
}
.z-50 {
  z-index:50
}
.order-1 {
  order:1
}
.order-2 {
  order:2
}
.col-span-2 {
  grid-column:span 2 / span 2
}
.col-span-full {
  grid-column:1 / -1
}
.float-start {
  float:inline-start
}
.float-end {
  float:inline-end
}
.float-right {
  float:right
}
.float-left {
  float:left
}
.float-none {
  float:none
}
.clear-start {
  clear:inline-start
}
.clear-end {
  clear:inline-end
}
.clear-left {
  clear:left
}
.clear-right {
  clear:right
}
.clear-both {
  clear:both
}
.clear-none {
  clear:none
}
.m-0 {
  margin:0
}
.-mx-3 {
  margin-left:-.75rem;
  margin-right:-.75rem
}
.mx-2 {
  margin-left:.5rem;
  margin-right:.5rem
}
.mx-auto {
  margin-left:auto;
  margin-right:auto
}
.-mb-3 {
  margin-bottom:-.75rem
}
.mb-1 {
  margin-bottom:.25rem
}
.mb-12 {
  margin-bottom:3rem
}
.mb-2 {
  margin-bottom:.5rem
}
.mb-3 {
  margin-bottom:.75rem
}
.mb-4 {
  margin-bottom:1rem
}
.mb-6 {
  margin-bottom:1.5rem
}
.mb-8 {
  margin-bottom:2rem
}
.ml-1 {
  margin-left:.25rem
}
.ml-2 {
  margin-left:.5rem
}
.mr-1 {
  margin-right:.25rem
}
.mr-2 {
  margin-right:.5rem
}
.mr-8 {
  margin-right:2rem
}
.mr-auto {
  margin-right:auto
}
.mt-0\.5 {
  margin-top:.125rem
}
.mt-1 {
  margin-top:.25rem
}
.mt-10 {
  margin-top:2.5rem
}
.mt-12 {
  margin-top:3rem
}
.mt-2 {
  margin-top:.5rem
}
.mt-3 {
  margin-top:.75rem
}
.mt-4 {
  margin-top:1rem
}
.mt-6 {
  margin-top:1.5rem
}
.mt-8 {
  margin-top:2rem
}
.box-border {
  box-sizing:border-box
}
.box-content {
  box-sizing:content-box
}
.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
}
.line-clamp-4 {
  overflow:hidden;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:4
}
.line-clamp-none {
  overflow:visible;
  display:block;
  -webkit-box-orient:horizontal;
  -webkit-line-clamp:none
}
.block {
  display:block
}
.inline-block {
  display:inline-block
}
.inline {
  display:inline
}
.flex {
  display:flex
}
.inline-flex {
  display:inline-flex
}
.table {
  display:table
}
.inline-table {
  display:inline-table
}
.table-caption {
  display:table-caption
}
.table-cell {
  display:table-cell
}
.table-column {
  display:table-column
}
.table-column-group {
  display:table-column-group
}
.table-footer-group {
  display:table-footer-group
}
.table-header-group {
  display:table-header-group
}
.table-row-group {
  display:table-row-group
}
.table-row {
  display:table-row
}
.flow-root {
  display:flow-root
}
.grid {
  display:grid
}
.inline-grid {
  display:inline-grid
}
.contents {
  display:contents
}
.list-item {
  display:list-item
}
.hidden {
  display:none
}
.h-10 {
  height:2.5rem
}
.h-12 {
  height:3rem
}
.h-14 {
  height:3.5rem
}
.h-16 {
  height:4rem
}
.h-20 {
  height:5rem
}
.h-24 {
  height:6rem
}
.h-32 {
  height:8rem
}
.h-40 {
  height:10rem
}
.h-48 {
  height:12rem
}
.h-5 {
  height:1.25rem
}
.h-64 {
  height:16rem
}
.h-8 {
  height:2rem
}
.h-96 {
  height:24rem
}
.h-auto {
  height:auto
}
.h-full {
  height:100%
}
.h-screen {
  height:100vh
}
.max-h-96 {
  max-height:24rem
}
.min-h-\[150px\] {
  min-height:150px
}
.min-h-\[200px\] {
  min-height:200px
}
.min-h-\[300px\] {
  min-height:300px
}
.min-h-screen {
  min-height:100vh
}
.w-10 {
  width:2.5rem
}
.w-12 {
  width:3rem
}
.w-14 {
  width:3.5rem
}
.w-16 {
  width:4rem
}
.w-20 {
  width:5rem
}
.w-24 {
  width:6rem
}
.w-32 {
  width:8rem
}
.w-40 {
  width:10rem
}
.w-5 {
  width:1.25rem
}
.w-64 {
  width:16rem
}
.w-72 {
  width:18rem
}
.w-8 {
  width:2rem
}
.w-80 {
  width:20rem
}
.w-96 {
  width:24rem
}
.w-full {
  width:100%
}
.min-w-0 {
  min-width:0px
}
.min-w-\[600px\] {
  min-width:600px
}
.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-7xl {
  max-width:80rem
}
.max-w-\[85vw\] {
  max-width:85vw
}
.max-w-none {
  max-width:none
}
.flex-1 {
  flex:1 1 0%
}
.flex-shrink {
  flex-shrink:1
}
.flex-shrink-0 {
  flex-shrink:0
}
.shrink {
  flex-shrink:1
}
.flex-grow,
.grow {
  flex-grow:1
}
.table-auto {
  table-layout:auto
}
.table-fixed {
  table-layout:fixed
}
.caption-top {
  caption-side:top
}
.caption-bottom {
  caption-side:bottom
}
.border-collapse {
  border-collapse:collapse
}
.border-separate {
  border-collapse:separate
}
.-translate-x-1\/2 {
  --tw-translate-x: -50%;
  transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(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)) skew(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)) skew(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)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.rotate-6 {
  --tw-rotate: 6deg;
  transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.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)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.transform,
.transform-cpu {
  transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.transform-gpu {
  transform:translate3d(var(--tw-translate-x),var(--tw-translate-y),0) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.transform-none {
  transform:none
}
.cursor-not-allowed {
  cursor:not-allowed
}
.cursor-pointer {
  cursor:pointer
}
.touch-auto {
  touch-action:auto
}
.touch-none {
  touch-action:none
}
.touch-pan-x {
  --tw-pan-x: pan-x;
  touch-action:var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom)
}
.touch-pan-left {
  --tw-pan-x: pan-left;
  touch-action:var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom)
}
.touch-pan-right {
  --tw-pan-x: pan-right;
  touch-action:var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom)
}
.touch-pan-y {
  --tw-pan-y: pan-y;
  touch-action:var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom)
}
.touch-pan-up {
  --tw-pan-y: pan-up;
  touch-action:var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom)
}
.touch-pan-down {
  --tw-pan-y: pan-down;
  touch-action:var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom)
}
.touch-pinch-zoom {
  --tw-pinch-zoom: pinch-zoom;
  touch-action:var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom)
}
.touch-manipulation {
  touch-action:manipulation
}
.select-none {
  -webkit-user-select:none;
  -moz-user-select:none;
  user-select:none
}
.select-text {
  -webkit-user-select:text;
  -moz-user-select:text;
  user-select:text
}
.select-all {
  -webkit-user-select:all;
  -moz-user-select:all;
  user-select:all
}
.select-auto {
  -webkit-user-select:auto;
  -moz-user-select:auto;
  user-select:auto
}
.resize-none {
  resize:none
}
.resize-y {
  resize:vertical
}
.resize-x {
  resize:horizontal
}
.resize {
  resize:both
}
.snap-none {
  scroll-snap-type:none
}
.snap-x {
  scroll-snap-type:x var(--tw-scroll-snap-strictness)
}
.snap-y {
  scroll-snap-type:y var(--tw-scroll-snap-strictness)
}
.snap-both {
  scroll-snap-type:both var(--tw-scroll-snap-strictness)
}
.snap-mandatory {
  --tw-scroll-snap-strictness: mandatory
}
.snap-proximity {
  --tw-scroll-snap-strictness: proximity
}
.snap-start {
  scroll-snap-align:start
}
.snap-end {
  scroll-snap-align:end
}
.snap-center {
  scroll-snap-align:center
}
.snap-align-none {
  scroll-snap-align:none
}
.snap-normal {
  scroll-snap-stop:normal
}
.snap-always {
  scroll-snap-stop:always
}
.list-inside {
  list-style-position:inside
}
.list-outside {
  list-style-position:outside
}
.appearance-none {
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none
}
.appearance-auto {
  -webkit-appearance:auto;
  -moz-appearance:auto;
  appearance:auto
}
.break-before-auto {
  -moz-column-break-before:auto;
  break-before:auto
}
.break-before-avoid {
  -moz-column-break-before:avoid;
  break-before:avoid
}
.break-before-all {
  -moz-column-break-before:all;
  break-before:all
}
.break-before-avoid-page {
  -moz-column-break-before:avoid;
  break-before:avoid-page
}
.break-before-page {
  -moz-column-break-before:page;
  break-before:page
}
.break-before-left {
  -moz-column-break-before:left;
  break-before:left
}
.break-before-right {
  -moz-column-break-before:right;
  break-before:right
}
.break-before-column {
  -moz-column-break-before:column;
  break-before:column
}
.break-inside-auto {
  -moz-column-break-inside:auto;
  break-inside:auto
}
.break-inside-avoid {
  -moz-column-break-inside:avoid;
  break-inside:avoid
}
.break-inside-avoid-page {
  break-inside:avoid-page
}
.break-inside-avoid-column {
  -moz-column-break-inside:avoid;
  break-inside:avoid-column
}
.break-after-auto {
  -moz-column-break-after:auto;
  break-after:auto
}
.break-after-avoid {
  -moz-column-break-after:avoid;
  break-after:avoid
}
.break-after-all {
  -moz-column-break-after:all;
  break-after:all
}
.break-after-avoid-page {
  -moz-column-break-after:avoid;
  break-after:avoid-page
}
.break-after-page {
  -moz-column-break-after:page;
  break-after:page
}
.break-after-left {
  -moz-column-break-after:left;
  break-after:left
}
.break-after-right {
  -moz-column-break-after:right;
  break-after:right
}
.break-after-column {
  -moz-column-break-after:column;
  break-after:column
}
.grid-flow-row {
  grid-auto-flow:row
}
.grid-flow-col {
  grid-auto-flow:column
}
.grid-flow-dense {
  grid-auto-flow:dense
}
.grid-flow-row-dense {
  grid-auto-flow:row dense
}
.grid-flow-col-dense {
  grid-auto-flow:column dense
}
.grid-cols-1 {
  grid-template-columns:repeat(1,minmax(0,1fr))
}
.grid-cols-2 {
  grid-template-columns:repeat(2,minmax(0,1fr))
}
.flex-row {
  flex-direction:row
}
.flex-row-reverse {
  flex-direction:row-reverse
}
.flex-col {
  flex-direction:column
}
.flex-col-reverse {
  flex-direction:column-reverse
}
.flex-wrap {
  flex-wrap:wrap
}
.flex-wrap-reverse {
  flex-wrap:wrap-reverse
}
.flex-nowrap {
  flex-wrap:nowrap
}
.place-content-center {
  place-content:center
}
.place-content-start {
  place-content:start
}
.place-content-end {
  place-content:end
}
.place-content-between {
  place-content:space-between
}
.place-content-around {
  place-content:space-around
}
.place-content-evenly {
  place-content:space-evenly
}
.place-content-baseline {
  place-content:baseline
}
.place-content-stretch {
  place-content:stretch
}
.place-items-start {
  place-items:start
}
.place-items-end {
  place-items:end
}
.place-items-center {
  place-items:center
}
.place-items-baseline {
  place-items:baseline
}
.place-items-stretch {
  place-items:stretch
}
.content-normal {
  align-content:normal
}
.content-center {
  align-content:center
}
.content-start {
  align-content:flex-start
}
.content-end {
  align-content:flex-end
}
.content-between {
  align-content:space-between
}
.content-around {
  align-content:space-around
}
.content-evenly {
  align-content:space-evenly
}
.content-baseline {
  align-content:baseline
}
.content-stretch {
  align-content:stretch
}
.items-start {
  align-items:flex-start
}
.items-end {
  align-items:flex-end
}
.items-center {
  align-items:center
}
.items-baseline {
  align-items:baseline
}
.items-stretch {
  align-items:stretch
}
.justify-normal {
  justify-content:normal
}
.justify-start {
  justify-content:flex-start
}
.justify-end {
  justify-content:flex-end
}
.justify-center {
  justify-content:center
}
.justify-between {
  justify-content:space-between
}
.justify-around {
  justify-content:space-around
}
.justify-evenly {
  justify-content:space-evenly
}
.justify-stretch {
  justify-content:stretch
}
.justify-items-start {
  justify-items:start
}
.justify-items-end {
  justify-items:end
}
.justify-items-center {
  justify-items:center
}
.justify-items-stretch {
  justify-items:stretch
}
.gap-1 {
  gap:.25rem
}
.gap-1\.5 {
  gap:.375rem
}
.gap-2 {
  gap:.5rem
}
.gap-3 {
  gap:.75rem
}
.gap-4 {
  gap:1rem
}
.gap-5 {
  gap:1.25rem
}
.gap-6 {
  gap:1.5rem
}
.gap-8 {
  gap:2rem
}
.space-y-2>: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(.75rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom:calc(.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))
}
.space-y-8>:not([hidden])~:not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top:calc(2rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom:calc(2rem * var(--tw-space-y-reverse))
}
.space-y-reverse>:not([hidden])~:not([hidden]) {
  --tw-space-y-reverse: 1
}
.space-x-reverse>:not([hidden])~:not([hidden]) {
  --tw-space-x-reverse: 1
}
.divide-x>:not([hidden])~:not([hidden]) {
  --tw-divide-x-reverse: 0;
  border-right-width:calc(1px * var(--tw-divide-x-reverse));
  border-left-width:calc(1px * calc(1 - var(--tw-divide-x-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-y-reverse>:not([hidden])~:not([hidden]) {
  --tw-divide-y-reverse: 1
}
.divide-x-reverse>:not([hidden])~:not([hidden]) {
  --tw-divide-x-reverse: 1
}
.divide-solid>:not([hidden])~:not([hidden]) {
  border-style:solid
}
.divide-dashed>:not([hidden])~:not([hidden]) {
  border-style:dashed
}
.divide-dotted>:not([hidden])~:not([hidden]) {
  border-style:dotted
}
.divide-double>:not([hidden])~:not([hidden]) {
  border-style:double
}
.divide-none>:not([hidden])~:not([hidden]) {
  border-style:none
}
.place-self-auto {
  place-self:auto
}
.place-self-start {
  place-self:start
}
.place-self-end {
  place-self:end
}
.place-self-center {
  place-self:center
}
.place-self-stretch {
  place-self:stretch
}
.self-auto {
  align-self:auto
}
.self-start {
  align-self:flex-start
}
.self-end {
  align-self:flex-end
}
.self-center {
  align-self:center
}
.self-stretch {
  align-self:stretch
}
.self-baseline {
  align-self:baseline
}
.justify-self-auto {
  justify-self:auto
}
.justify-self-start {
  justify-self:start
}
.justify-self-end {
  justify-self:end
}
.justify-self-center {
  justify-self:center
}
.justify-self-stretch {
  justify-self:stretch
}
.overflow-auto {
  overflow:auto
}
.overflow-hidden {
  overflow:hidden
}
.overflow-clip {
  overflow:clip
}
.overflow-visible {
  overflow:visible
}
.overflow-scroll {
  overflow:scroll
}
.overflow-x-auto {
  overflow-x:auto
}
.overflow-y-auto {
  overflow-y:auto
}
.overflow-x-hidden {
  overflow-x:hidden
}
.overflow-y-hidden {
  overflow-y:hidden
}
.overflow-x-clip {
  overflow-x:clip
}
.overflow-y-clip {
  overflow-y:clip
}
.overflow-x-visible {
  overflow-x:visible
}
.overflow-y-visible {
  overflow-y:visible
}
.overflow-x-scroll {
  overflow-x:scroll
}
.overflow-y-scroll {
  overflow-y:scroll
}
.overscroll-auto {
  overscroll-behavior:auto
}
.overscroll-contain {
  overscroll-behavior:contain
}
.overscroll-none {
  overscroll-behavior:none
}
.overscroll-y-auto {
  overscroll-behavior-y:auto
}
.overscroll-y-contain {
  overscroll-behavior-y:contain
}
.overscroll-y-none {
  overscroll-behavior-y:none
}
.overscroll-x-auto {
  overscroll-behavior-x:auto
}
.overscroll-x-contain {
  overscroll-behavior-x:contain
}
.overscroll-x-none {
  overscroll-behavior-x:none
}
.scroll-auto {
  scroll-behavior:auto
}
.scroll-smooth {
  scroll-behavior:smooth
}
.truncate {
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap
}
.overflow-ellipsis,
.text-ellipsis {
  text-overflow:ellipsis
}
.text-clip {
  text-overflow:clip
}
.hyphens-none {
  -webkit-hyphens:none;
  hyphens:none
}
.hyphens-manual {
  -webkit-hyphens:manual;
  hyphens:manual
}
.hyphens-auto {
  -webkit-hyphens:auto;
  hyphens:auto
}
.whitespace-normal {
  white-space:normal
}
.whitespace-nowrap {
  white-space:nowrap
}
.whitespace-pre {
  white-space:pre
}
.whitespace-pre-line {
  white-space:pre-line
}
.whitespace-pre-wrap {
  white-space:pre-wrap
}
.whitespace-break-spaces {
  white-space:break-spaces
}
.text-wrap {
  text-wrap:wrap
}
.text-nowrap {
  text-wrap:nowrap
}
.text-balance {
  text-wrap:balance
}
.text-pretty {
  text-wrap:pretty
}
.break-normal {
  overflow-wrap:normal;
  word-break:normal
}
.break-words {
  overflow-wrap:break-word
}
.break-all {
  word-break:break-all
}
.break-keep {
  word-break:keep-all
}
.rounded {
  border-radius:.25rem
}
.rounded-2xl {
  border-radius:1rem
}
.rounded-3xl {
  border-radius:1.5rem
}
.rounded-full {
  border-radius:9999px
}
.rounded-lg {
  border-radius:.5rem
}
.rounded-xl {
  border-radius:.75rem
}
.rounded-b {
  border-bottom-right-radius:.25rem;
  border-bottom-left-radius:.25rem
}
.rounded-b-xl {
  border-bottom-right-radius:.75rem;
  border-bottom-left-radius:.75rem
}
.rounded-e {
  border-start-end-radius:.25rem;
  border-end-end-radius:.25rem
}
.rounded-l {
  border-top-left-radius:.25rem;
  border-bottom-left-radius:.25rem
}
.rounded-r {
  border-top-right-radius:.25rem;
  border-bottom-right-radius:.25rem
}
.rounded-s {
  border-start-start-radius:.25rem;
  border-end-start-radius:.25rem
}
.rounded-t {
  border-top-left-radius:.25rem;
  border-top-right-radius:.25rem
}
.rounded-bl {
  border-bottom-left-radius:.25rem
}
.rounded-br {
  border-bottom-right-radius:.25rem
}
.rounded-ee {
  border-end-end-radius:.25rem
}
.rounded-es {
  border-end-start-radius:.25rem
}
.rounded-se {
  border-start-end-radius:.25rem
}
.rounded-ss {
  border-start-start-radius:.25rem
}
.rounded-tl {
  border-top-left-radius:.25rem
}
.rounded-tr {
  border-top-right-radius:.25rem
}
.border {
  border-width:1px
}
.border-2 {
  border-width:2px
}
.border-x {
  border-left-width:1px;
  border-right-width:1px
}
.border-y {
  border-top-width:1px;
  border-bottom-width:1px
}
.border-b {
  border-bottom-width:1px
}
.border-b-2 {
  border-bottom-width:2px
}
.border-e {
  border-inline-end-width:1px
}
.border-l {
  border-left-width:1px
}
.border-l-4 {
  border-left-width:4px
}
.border-r {
  border-right-width:1px
}
.border-r-2 {
  border-right-width:2px
}
.border-r-4 {
  border-right-width:4px
}
.border-s {
  border-inline-start-width:1px
}
.border-t {
  border-top-width:1px
}
.border-t-2 {
  border-top-width:2px
}
.border-solid {
  border-style:solid
}
.border-dashed {
  border-style:dashed
}
.border-dotted {
  border-style:dotted
}
.border-double {
  border-style:double
}
.border-hidden {
  border-style:hidden
}
.border-none {
  border-style:none
}
.border-amber-500 {
  --tw-border-opacity: 1;
  border-color:rgb(245 158 11 / var(--tw-border-opacity, 1))
}
.border-blue-100 {
  --tw-border-opacity: 1;
  border-color:rgb(219 234 254 / var(--tw-border-opacity, 1))
}
.border-blue-200 {
  --tw-border-opacity: 1;
  border-color:rgb(191 219 254 / var(--tw-border-opacity, 1))
}
.border-blue-300 {
  --tw-border-opacity: 1;
  border-color:rgb(147 197 253 / 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-200\/50 {
  border-color:#e5e7eb80
}
.border-gray-300 {
  --tw-border-opacity: 1;
  border-color:rgb(209 213 219 / var(--tw-border-opacity, 1))
}
.border-green-200 {
  --tw-border-opacity: 1;
  border-color:rgb(187 247 208 / var(--tw-border-opacity, 1))
}
.border-green-300 {
  --tw-border-opacity: 1;
  border-color:rgb(134 239 172 / var(--tw-border-opacity, 1))
}
.border-green-500 {
  --tw-border-opacity: 1;
  border-color:rgb(34 197 94 / var(--tw-border-opacity, 1))
}
.border-persian-brilliant-bluish-green {
  --tw-border-opacity: 1;
  border-color:rgb(0 206 209 / var(--tw-border-opacity, 1))
}
.border-persian-deep-purplish-pink {
  --tw-border-opacity: 1;
  border-color:rgb(199 21 133 / var(--tw-border-opacity, 1))
}
.border-persian-strong-blue {
  --tw-border-opacity: 1;
  border-color:rgb(0 103 165 / var(--tw-border-opacity, 1))
}
.border-persian-vivid-orange {
  --tw-border-opacity: 1;
  border-color:rgb(255 165 0 / var(--tw-border-opacity, 1))
}
.border-pink-500 {
  --tw-border-opacity: 1;
  border-color:rgb(236 72 153 / var(--tw-border-opacity, 1))
}
.border-purple-200 {
  --tw-border-opacity: 1;
  border-color:rgb(233 213 255 / var(--tw-border-opacity, 1))
}
.border-red-200 {
  --tw-border-opacity: 1;
  border-color:rgb(254 202 202 / var(--tw-border-opacity, 1))
}
.border-red-500 {
  --tw-border-opacity: 1;
  border-color:rgb(239 68 68 / var(--tw-border-opacity, 1))
}
.border-slate-700\/50 {
  border-color:#33415580
}
.border-white {
  --tw-border-opacity: 1;
  border-color:rgb(255 255 255 / var(--tw-border-opacity, 1))
}
.border-white\/20 {
  border-color:#fff3
}
.border-yellow-200 {
  --tw-border-opacity: 1;
  border-color:rgb(254 240 138 / var(--tw-border-opacity, 1))
}
.bg-black\/50 {
  background-color:#00000080
}
.bg-blue-100 {
  --tw-bg-opacity: 1;
  background-color:rgb(219 234 254 / var(--tw-bg-opacity, 1))
}
.bg-blue-50 {
  --tw-bg-opacity: 1;
  background-color:rgb(239 246 255 / var(--tw-bg-opacity, 1))
}
.bg-blue-500 {
  --tw-bg-opacity: 1;
  background-color:rgb(59 130 246 / var(--tw-bg-opacity, 1))
}
.bg-blue-600 {
  --tw-bg-opacity: 1;
  background-color:rgb(37 99 235 / var(--tw-bg-opacity, 1))
}
.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-400 {
  --tw-bg-opacity: 1;
  background-color:rgb(156 163 175 / 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-500 {
  --tw-bg-opacity: 1;
  background-color:rgb(107 114 128 / var(--tw-bg-opacity, 1))
}
.bg-gray-600 {
  --tw-bg-opacity: 1;
  background-color:rgb(75 85 99 / var(--tw-bg-opacity, 1))
}
.bg-green-100 {
  --tw-bg-opacity: 1;
  background-color:rgb(220 252 231 / var(--tw-bg-opacity, 1))
}
.bg-green-50 {
  --tw-bg-opacity: 1;
  background-color:rgb(240 253 244 / var(--tw-bg-opacity, 1))
}
.bg-green-500 {
  --tw-bg-opacity: 1;
  background-color:rgb(34 197 94 / var(--tw-bg-opacity, 1))
}
.bg-green-600 {
  --tw-bg-opacity: 1;
  background-color:rgb(22 163 74 / var(--tw-bg-opacity, 1))
}
.bg-indigo-500 {
  --tw-bg-opacity: 1;
  background-color:rgb(99 102 241 / var(--tw-bg-opacity, 1))
}
.bg-persian-strong-blue {
  --tw-bg-opacity: 1;
  background-color:rgb(0 103 165 / var(--tw-bg-opacity, 1))
}
.bg-persian-vivid-orange {
  --tw-bg-opacity: 1;
  background-color:rgb(255 165 0 / var(--tw-bg-opacity, 1))
}
.bg-purple-100 {
  --tw-bg-opacity: 1;
  background-color:rgb(243 232 255 / var(--tw-bg-opacity, 1))
}
.bg-red-100 {
  --tw-bg-opacity: 1;
  background-color:rgb(254 226 226 / var(--tw-bg-opacity, 1))
}
.bg-red-500 {
  --tw-bg-opacity: 1;
  background-color:rgb(239 68 68 / var(--tw-bg-opacity, 1))
}
.bg-transparent {
  background-color:transparent
}
.bg-white {
  --tw-bg-opacity: 1;
  background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))
}
.bg-white\/10 {
  background-color:#ffffff1a
}
.bg-white\/20 {
  background-color:#fff3
}
.bg-white\/80 {
  background-color:#fffc
}
.bg-yellow-100 {
  --tw-bg-opacity: 1;
  background-color:rgb(254 249 195 / var(--tw-bg-opacity, 1))
}
.bg-yellow-50 {
  --tw-bg-opacity: 1;
  background-color:rgb(254 252 232 / var(--tw-bg-opacity, 1))
}
.bg-yellow-500 {
  --tw-bg-opacity: 1;
  background-color:rgb(234 179 8 / var(--tw-bg-opacity, 1))
}
.bg-gradient-to-b {
  background-image:linear-gradient(to bottom,var(--tw-gradient-stops))
}
.bg-gradient-to-br {
  background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))
}
.bg-gradient-to-l {
  background-image:linear-gradient(to left,var(--tw-gradient-stops))
}
.bg-gradient-to-r {
  background-image:linear-gradient(to right,var(--tw-gradient-stops))
}
.from-amber-500 {
  --tw-gradient-from: #f59e0b var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(245 158 11 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}
.from-blue-50 {
  --tw-gradient-from: #eff6ff var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(239 246 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}
.from-blue-500 {
  --tw-gradient-from: #3b82f6 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(59 130 246 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}
.from-blue-600 {
  --tw-gradient-from: #2563eb var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(37 99 235 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}
.from-blue-700 {
  --tw-gradient-from: #1d4ed8 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(29 78 216 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}
.from-cyan-500 {
  --tw-gradient-from: #06b6d4 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(6 182 212 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}
.from-gray-100 {
  --tw-gradient-from: #f3f4f6 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(243 244 246 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}
.from-gray-50 {
  --tw-gradient-from: #f9fafb var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(249 250 251 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}
.from-gray-500 {
  --tw-gradient-from: #6b7280 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(107 114 128 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}
.from-gray-900 {
  --tw-gradient-from: #111827 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(17 24 39 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}
.from-green-400 {
  --tw-gradient-from: #4ade80 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(74 222 128 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}
.from-green-50 {
  --tw-gradient-from: #f0fdf4 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(240 253 244 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}
.from-persian-brilliant-bluish-green {
  --tw-gradient-from: #00CED1 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(0 206 209 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}
.from-persian-deep-purplish-pink {
  --tw-gradient-from: #C71585 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(199 21 133 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}
.from-persian-strong-blue {
  --tw-gradient-from: #0067A5 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(0 103 165 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}
.from-persian-vivid-orange {
  --tw-gradient-from: #FFA500 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 165 0 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}
.from-persian-vivid-purplish-blue {
  --tw-gradient-from: #6366F1 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(99 102 241 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}
.from-pink-400 {
  --tw-gradient-from: #f472b6 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(244 114 182 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}
.from-pink-500 {
  --tw-gradient-from: #ec4899 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(236 72 153 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}
.from-purple-50 {
  --tw-gradient-from: #faf5ff var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(250 245 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}
.from-purple-500 {
  --tw-gradient-from: #a855f7 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(168 85 247 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}
.from-red-50 {
  --tw-gradient-from: #fef2f2 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(254 242 242 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}
.from-sky-500 {
  --tw-gradient-from: #0ea5e9 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(14 165 233 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}
.from-slate-50 {
  --tw-gradient-from: #f8fafc var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(248 250 252 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}
.from-slate-900 {
  --tw-gradient-from: #0f172a var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(15 23 42 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}
.from-white {
  --tw-gradient-from: #fff var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}
.from-white\/20 {
  --tw-gradient-from: rgb(255 255 255 / .2) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}
.from-yellow-50 {
  --tw-gradient-from: #fefce8 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(254 252 232 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}
.via-blue-50 {
  --tw-gradient-to: rgb(239 246 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #eff6ff var(--tw-gradient-via-position), var(--tw-gradient-to)
}
.via-indigo-50 {
  --tw-gradient-to: rgb(238 242 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #eef2ff var(--tw-gradient-via-position), var(--tw-gradient-to)
}
.via-indigo-500 {
  --tw-gradient-to: rgb(99 102 241 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #6366f1 var(--tw-gradient-via-position), var(--tw-gradient-to)
}
.via-indigo-600 {
  --tw-gradient-to: rgb(79 70 229 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #4f46e5 var(--tw-gradient-via-position), var(--tw-gradient-to)
}
.via-persian-vivid-blue {
  --tw-gradient-to: rgb(30 58 138 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #1E3A8A var(--tw-gradient-via-position), var(--tw-gradient-to)
}
.via-slate-800 {
  --tw-gradient-to: rgb(30 41 59 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #1e293b var(--tw-gradient-via-position), var(--tw-gradient-to)
}
.to-blue-600 {
  --tw-gradient-to: #2563eb var(--tw-gradient-to-position)
}
.to-blue-700 {
  --tw-gradient-to: #1d4ed8 var(--tw-gradient-to-position)
}
.to-blue-800 {
  --tw-gradient-to: #1e40af var(--tw-gradient-to-position)
}
.to-cyan-50 {
  --tw-gradient-to: #ecfeff var(--tw-gradient-to-position)
}
.to-emerald-400 {
  --tw-gradient-to: #34d399 var(--tw-gradient-to-position)
}
.to-emerald-50 {
  --tw-gradient-to: #ecfdf5 var(--tw-gradient-to-position)
}
.to-gray-100 {
  --tw-gradient-to: #f3f4f6 var(--tw-gradient-to-position)
}
.to-gray-200 {
  --tw-gradient-to: #e5e7eb var(--tw-gradient-to-position)
}
.to-gray-50 {
  --tw-gradient-to: #f9fafb var(--tw-gradient-to-position)
}
.to-gray-600 {
  --tw-gradient-to: #4b5563 var(--tw-gradient-to-position)
}
.to-gray-700 {
  --tw-gradient-to: #374151 var(--tw-gradient-to-position)
}
.to-indigo-50 {
  --tw-gradient-to: #eef2ff var(--tw-gradient-to-position)
}
.to-indigo-600 {
  --tw-gradient-to: #4f46e5 var(--tw-gradient-to-position)
}
.to-orange-50 {
  --tw-gradient-to: #fff7ed var(--tw-gradient-to-position)
}
.to-orange-600 {
  --tw-gradient-to: #ea580c var(--tw-gradient-to-position)
}
.to-persian-moderate-bluish-green {
  --tw-gradient-to: #48D1CC var(--tw-gradient-to-position)
}
.to-persian-moderate-orange {
  --tw-gradient-to: #FF8C00 var(--tw-gradient-to-position)
}
.to-persian-moderate-purplish-pink {
  --tw-gradient-to: #DA70D6 var(--tw-gradient-to-position)
}
.to-persian-strong-blue {
  --tw-gradient-to: #0067A5 var(--tw-gradient-to-position)
}
.to-persian-vivid-blue {
  --tw-gradient-to: #1E3A8A var(--tw-gradient-to-position)
}
.to-persian-vivid-purplish-blue {
  --tw-gradient-to: #6366F1 var(--tw-gradient-to-position)
}
.to-pink-50 {
  --tw-gradient-to: #fdf2f8 var(--tw-gradient-to-position)
}
.to-purple-50 {
  --tw-gradient-to: #faf5ff var(--tw-gradient-to-position)
}
.to-purple-600 {
  --tw-gradient-to: #9333ea var(--tw-gradient-to-position)
}
.to-purple-700 {
  --tw-gradient-to: #7e22ce var(--tw-gradient-to-position)
}
.to-rose-50 {
  --tw-gradient-to: #fff1f2 var(--tw-gradient-to-position)
}
.to-rose-500 {
  --tw-gradient-to: #f43f5e var(--tw-gradient-to-position)
}
.to-rose-600 {
  --tw-gradient-to: #e11d48 var(--tw-gradient-to-position)
}
.to-sky-600 {
  --tw-gradient-to: #0284c7 var(--tw-gradient-to-position)
}
.to-slate-50 {
  --tw-gradient-to: #f8fafc var(--tw-gradient-to-position)
}
.to-slate-900 {
  --tw-gradient-to: #0f172a var(--tw-gradient-to-position)
}
.to-teal-600 {
  --tw-gradient-to: #0d9488 var(--tw-gradient-to-position)
}
.to-transparent {
  --tw-gradient-to: transparent var(--tw-gradient-to-position)
}
.to-white {
  --tw-gradient-to: #fff var(--tw-gradient-to-position)
}
.decoration-slice {
  -webkit-box-decoration-break:slice;
  box-decoration-break:slice
}
.decoration-clone {
  -webkit-box-decoration-break:clone;
  box-decoration-break:clone
}
.box-decoration-slice {
  -webkit-box-decoration-break:slice;
  box-decoration-break:slice
}
.box-decoration-clone {
  -webkit-box-decoration-break:clone;
  box-decoration-break:clone
}
.bg-fixed {
  background-attachment:fixed
}
.bg-local {
  background-attachment:local
}
.bg-scroll {
  background-attachment:scroll
}
.bg-clip-border {
  background-clip:border-box
}
.bg-clip-padding {
  background-clip:padding-box
}
.bg-clip-content {
  background-clip:content-box
}
.bg-clip-text {
  -webkit-background-clip:text;
  background-clip:text
}
.bg-repeat {
  background-repeat:repeat
}
.bg-no-repeat {
  background-repeat:no-repeat
}
.bg-repeat-x {
  background-repeat:repeat-x
}
.bg-repeat-y {
  background-repeat:repeat-y
}
.bg-repeat-round {
  background-repeat:round
}
.bg-repeat-space {
  background-repeat:space
}
.bg-origin-border {
  background-origin:border-box
}
.bg-origin-padding {
  background-origin:padding-box
}
.bg-origin-content {
  background-origin:content-box
}
.object-contain {
  -o-object-fit:contain;
  object-fit:contain
}
.object-cover {
  -o-object-fit:cover;
  object-fit:cover
}
.object-fill {
  -o-object-fit:fill;
  object-fit:fill
}
.object-none {
  -o-object-fit:none;
  object-fit:none
}
.object-scale-down {
  -o-object-fit:scale-down;
  object-fit:scale-down
}
.p-0 {
  padding:0
}
.p-1 {
  padding:.25rem
}
.p-12 {
  padding:3rem
}
.p-16 {
  padding:4rem
}
.p-2 {
  padding:.5rem
}
.p-3 {
  padding:.75rem
}
.p-4 {
  padding:1rem
}
.p-5 {
  padding:1.25rem
}
.p-6 {
  padding:1.5rem
}
.p-8 {
  padding:2rem
}
.px-12 {
  padding-left:3rem;
  padding-right:3rem
}
.px-2 {
  padding-left:.5rem;
  padding-right:.5rem
}
.px-2\.5 {
  padding-left:.625rem;
  padding-right:.625rem
}
.px-3 {
  padding-left:.75rem;
  padding-right:.75rem
}
.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-8 {
  padding-left:2rem;
  padding-right:2rem
}
.py-1 {
  padding-top:.25rem;
  padding-bottom:.25rem
}
.py-1\.5 {
  padding-top:.375rem;
  padding-bottom:.375rem
}
.py-12 {
  padding-top:3rem;
  padding-bottom:3rem
}
.py-16 {
  padding-top:4rem;
  padding-bottom:4rem
}
.py-2 {
  padding-top:.5rem;
  padding-bottom:.5rem
}
.py-2\.5 {
  padding-top:.625rem;
  padding-bottom:.625rem
}
.py-3 {
  padding-top:.75rem;
  padding-bottom:.75rem
}
.py-3\.5 {
  padding-top:.875rem;
  padding-bottom:.875rem
}
.py-4 {
  padding-top:1rem;
  padding-bottom:1rem
}
.py-6 {
  padding-top:1.5rem;
  padding-bottom:1.5rem
}
.py-8 {
  padding-top:2rem;
  padding-bottom:2rem
}
.pb-3 {
  padding-bottom:.75rem
}
.pb-4 {
  padding-bottom:1rem
}
.pb-6 {
  padding-bottom:1.5rem
}
.pr-4 {
  padding-right:1rem
}
.pr-6 {
  padding-right:1.5rem
}
.pt-4 {
  padding-top:1rem
}
.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
}
.text-justify {
  text-align:justify
}
.text-start {
  text-align:start
}
.text-end {
  text-align:end
}
.align-baseline {
  vertical-align:baseline
}
.align-top {
  vertical-align:top
}
.align-middle {
  vertical-align:middle
}
.align-bottom {
  vertical-align:bottom
}
.align-text-top {
  vertical-align:text-top
}
.align-text-bottom {
  vertical-align:text-bottom
}
.align-sub {
  vertical-align:sub
}
.align-super {
  vertical-align:super
}
.font-mono {
  font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace
}
.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-6xl {
  font-size:3.75rem;
  line-height:1
}
.text-base {
  font-size:1rem;
  line-height:1.5rem
}
.text-lg {
  font-size:1.125rem;
  line-height:1.75rem
}
.text-sm {
  font-size:.875rem;
  line-height:1.25rem
}
.text-xl {
  font-size:1.25rem;
  line-height:1.75rem
}
.text-xs {
  font-size:.75rem;
  line-height:1rem
}
.font-bold {
  font-weight:700
}
.font-semibold {
  font-weight:600
}
.uppercase {
  text-transform:uppercase
}
.lowercase {
  text-transform:lowercase
}
.capitalize {
  text-transform:capitalize
}
.normal-case {
  text-transform:none
}
.italic {
  font-style:italic
}
.not-italic {
  font-style:normal
}
.normal-nums {
  font-variant-numeric:normal
}
.ordinal {
  --tw-ordinal: ordinal;
  font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)
}
.slashed-zero {
  --tw-slashed-zero: slashed-zero;
  font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)
}
.lining-nums {
  --tw-numeric-figure: lining-nums;
  font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)
}
.oldstyle-nums {
  --tw-numeric-figure: oldstyle-nums;
  font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)
}
.proportional-nums {
  --tw-numeric-spacing: proportional-nums;
  font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)
}
.tabular-nums {
  --tw-numeric-spacing: tabular-nums;
  font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)
}
.diagonal-fractions {
  --tw-numeric-fraction: diagonal-fractions;
  font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)
}
.stacked-fractions {
  --tw-numeric-fraction: stacked-fractions;
  font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)
}
.leading-relaxed {
  line-height:1.625
}
.leading-tight {
  line-height:1.25
}
.tracking-wider {
  letter-spacing:.05em
}
.text-amber-500 {
  --tw-text-opacity: 1;
  color:rgb(245 158 11 / var(--tw-text-opacity, 1))
}
.text-amber-600 {
  --tw-text-opacity: 1;
  color:rgb(217 119 6 / var(--tw-text-opacity, 1))
}
.text-blue-100 {
  --tw-text-opacity: 1;
  color:rgb(219 234 254 / var(--tw-text-opacity, 1))
}
.text-blue-50 {
  --tw-text-opacity: 1;
  color:rgb(239 246 255 / var(--tw-text-opacity, 1))
}
.text-blue-600 {
  --tw-text-opacity: 1;
  color:rgb(37 99 235 / var(--tw-text-opacity, 1))
}
.text-blue-700 {
  --tw-text-opacity: 1;
  color:rgb(29 78 216 / var(--tw-text-opacity, 1))
}
.text-blue-800 {
  --tw-text-opacity: 1;
  color:rgb(30 64 175 / var(--tw-text-opacity, 1))
}
.text-cyan-500 {
  --tw-text-opacity: 1;
  color:rgb(6 182 212 / 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-green-200 {
  --tw-text-opacity: 1;
  color:rgb(187 247 208 / var(--tw-text-opacity, 1))
}
.text-green-500 {
  --tw-text-opacity: 1;
  color:rgb(34 197 94 / var(--tw-text-opacity, 1))
}
.text-green-600 {
  --tw-text-opacity: 1;
  color:rgb(22 163 74 / var(--tw-text-opacity, 1))
}
.text-green-700 {
  --tw-text-opacity: 1;
  color:rgb(21 128 61 / var(--tw-text-opacity, 1))
}
.text-green-800 {
  --tw-text-opacity: 1;
  color:rgb(22 101 52 / var(--tw-text-opacity, 1))
}
.text-persian-brilliant-bluish-green {
  --tw-text-opacity: 1;
  color:rgb(0 206 209 / var(--tw-text-opacity, 1))
}
.text-persian-strong-blue {
  --tw-text-opacity: 1;
  color:rgb(0 103 165 / var(--tw-text-opacity, 1))
}
.text-persian-vivid-orange {
  --tw-text-opacity: 1;
  color:rgb(255 165 0 / var(--tw-text-opacity, 1))
}
.text-pink-500 {
  --tw-text-opacity: 1;
  color:rgb(236 72 153 / var(--tw-text-opacity, 1))
}
.text-pink-600 {
  --tw-text-opacity: 1;
  color:rgb(219 39 119 / var(--tw-text-opacity, 1))
}
.text-purple-600 {
  --tw-text-opacity: 1;
  color:rgb(147 51 234 / var(--tw-text-opacity, 1))
}
.text-purple-700 {
  --tw-text-opacity: 1;
  color:rgb(126 34 206 / var(--tw-text-opacity, 1))
}
.text-purple-800 {
  --tw-text-opacity: 1;
  color:rgb(107 33 168 / var(--tw-text-opacity, 1))
}
.text-red-200 {
  --tw-text-opacity: 1;
  color:rgb(254 202 202 / 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-red-800 {
  --tw-text-opacity: 1;
  color:rgb(153 27 27 / var(--tw-text-opacity, 1))
}
.text-slate-300 {
  --tw-text-opacity: 1;
  color:rgb(203 213 225 / var(--tw-text-opacity, 1))
}
.text-slate-400 {
  --tw-text-opacity: 1;
  color:rgb(148 163 184 / var(--tw-text-opacity, 1))
}
.text-transparent {
  color:transparent
}
.text-white {
  --tw-text-opacity: 1;
  color:rgb(255 255 255 / var(--tw-text-opacity, 1))
}
.text-white\/50 {
  color:#ffffff80
}
.text-white\/90 {
  color:#ffffffe6
}
.text-yellow-500 {
  --tw-text-opacity: 1;
  color:rgb(234 179 8 / var(--tw-text-opacity, 1))
}
.text-yellow-600 {
  --tw-text-opacity: 1;
  color:rgb(202 138 4 / var(--tw-text-opacity, 1))
}
.text-yellow-800 {
  --tw-text-opacity: 1;
  color:rgb(133 77 14 / var(--tw-text-opacity, 1))
}
.underline {
  text-decoration-line:underline
}
.overline {
  text-decoration-line:overline
}
.line-through {
  text-decoration-line:line-through
}
.no-underline {
  text-decoration-line:none
}
.decoration-solid {
  text-decoration-style:solid
}
.decoration-double {
  text-decoration-style:double
}
.decoration-dotted {
  text-decoration-style:dotted
}
.decoration-dashed {
  text-decoration-style:dashed
}
.decoration-wavy {
  text-decoration-style:wavy
}
.antialiased {
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale
}
.subpixel-antialiased {
  -webkit-font-smoothing:auto;
  -moz-osx-font-smoothing:auto
}
.opacity-10 {
  opacity:.1
}
.opacity-50 {
  opacity:.5
}
.bg-blend-normal {
  background-blend-mode:normal
}
.bg-blend-multiply {
  background-blend-mode:multiply
}
.bg-blend-screen {
  background-blend-mode:screen
}
.bg-blend-overlay {
  background-blend-mode:overlay
}
.bg-blend-darken {
  background-blend-mode:darken
}
.bg-blend-lighten {
  background-blend-mode:lighten
}
.bg-blend-color-dodge {
  background-blend-mode:color-dodge
}
.bg-blend-color-burn {
  background-blend-mode:color-burn
}
.bg-blend-hard-light {
  background-blend-mode:hard-light
}
.bg-blend-soft-light {
  background-blend-mode:soft-light
}
.bg-blend-difference {
  background-blend-mode:difference
}
.bg-blend-exclusion {
  background-blend-mode:exclusion
}
.bg-blend-hue {
  background-blend-mode:hue
}
.bg-blend-saturation {
  background-blend-mode:saturation
}
.bg-blend-color {
  background-blend-mode:color
}
.bg-blend-luminosity {
  background-blend-mode:luminosity
}
.mix-blend-normal {
  mix-blend-mode:normal
}
.mix-blend-multiply {
  mix-blend-mode:multiply
}
.mix-blend-screen {
  mix-blend-mode:screen
}
.mix-blend-overlay {
  mix-blend-mode:overlay
}
.mix-blend-darken {
  mix-blend-mode:darken
}
.mix-blend-lighten {
  mix-blend-mode:lighten
}
.mix-blend-color-dodge {
  mix-blend-mode:color-dodge
}
.mix-blend-color-burn {
  mix-blend-mode:color-burn
}
.mix-blend-hard-light {
  mix-blend-mode:hard-light
}
.mix-blend-soft-light {
  mix-blend-mode:soft-light
}
.mix-blend-difference {
  mix-blend-mode:difference
}
.mix-blend-exclusion {
  mix-blend-mode:exclusion
}
.mix-blend-hue {
  mix-blend-mode:hue
}
.mix-blend-saturation {
  mix-blend-mode:saturation
}
.mix-blend-color {
  mix-blend-mode:color
}
.mix-blend-luminosity {
  mix-blend-mode:luminosity
}
.mix-blend-plus-darker {
  mix-blend-mode:plus-darker
}
.mix-blend-plus-lighter {
  mix-blend-mode:plus-lighter
}
.shadow {
  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px 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-2xl {
  --tw-shadow: 0 25px 50px -12px rgb(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 / .1), 0 4px 6px -4px rgb(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 / .1), 0 2px 4px -2px rgb(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 / .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 / .1), 0 8px 10px -6px rgb(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-blue-500\/30 {
  --tw-shadow-color: rgb(59 130 246 / .3);
  --tw-shadow: var(--tw-shadow-colored)
}
.shadow-blue-500\/50 {
  --tw-shadow-color: rgb(59 130 246 / .5);
  --tw-shadow: var(--tw-shadow-colored)
}
.outline-none {
  outline:2px solid transparent;
  outline-offset:2px
}
.outline {
  outline-style:solid
}
.outline-dashed {
  outline-style:dashed
}
.outline-dotted {
  outline-style:dotted
}
.outline-double {
  outline-style:double
}
.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-inset {
  --tw-ring-inset: inset
}
.ring-white {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(255 255 255 / var(--tw-ring-opacity, 1))
}
.blur {
  --tw-blur: blur(8px);
  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)
}
.blur-2xl {
  --tw-blur: blur(40px);
  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)
}
.blur-3xl {
  --tw-blur: blur(64px);
  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 {
  --tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / .1)) drop-shadow(0 1px 1px rgb(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)
}
.grayscale {
  --tw-grayscale: grayscale(100%);
  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)
}
.invert {
  --tw-invert: invert(100%);
  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)
}
.sepia {
  --tw-sepia: sepia(100%);
  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)
}
.filter-none {
  filter:none
}
.backdrop-blur {
  --tw-backdrop-blur: blur(8px);
  -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)
}
.backdrop-blur-lg {
  --tw-backdrop-blur: blur(16px);
  -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)
}
.backdrop-blur-sm {
  --tw-backdrop-blur: blur(4px);
  -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)
}
.backdrop-grayscale {
  --tw-backdrop-grayscale: grayscale(100%);
  -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)
}
.backdrop-invert {
  --tw-backdrop-invert: invert(100%);
  -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)
}
.backdrop-sepia {
  --tw-backdrop-sepia: sepia(100%);
  -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)
}
.backdrop-filter {
  -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)
}
.backdrop-filter-none {
  -webkit-backdrop-filter:none;
  backdrop-filter:none
}
.transition {
  transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;
  transition-timing-function:cubic-bezier(.4,0,.2,1);
  transition-duration:.15s
}
.transition-all {
  transition-property:all;
  transition-timing-function:cubic-bezier(.4,0,.2,1);
  transition-duration:.15s
}
.transition-shadow {
  transition-property:box-shadow;
  transition-timing-function:cubic-bezier(.4,0,.2,1);
  transition-duration:.15s
}
.transition-transform {
  transition-property:transform;
  transition-timing-function:cubic-bezier(.4,0,.2,1);
  transition-duration:.15s
}
.duration-200 {
  transition-duration:.2s
}
.duration-300 {
  transition-duration:.3s
}
.ease-in {
  transition-timing-function:cubic-bezier(.4,0,1,1)
}
.ease-in-out {
  transition-timing-function:cubic-bezier(.4,0,.2,1)
}
.ease-out {
  transition-timing-function:cubic-bezier(0,0,.2,1)
}
.contain-none {
  contain:none
}
.contain-content {
  contain:content
}
.contain-strict {
  contain:strict
}
.contain-size {
  --tw-contain-size: size;
  contain:var(--tw-contain-size) var(--tw-contain-layout) var(--tw-contain-paint) var(--tw-contain-style)
}
.contain-inline-size {
  --tw-contain-size: inline-size;
  contain:var(--tw-contain-size) var(--tw-contain-layout) var(--tw-contain-paint) var(--tw-contain-style)
}
.contain-layout {
  --tw-contain-layout: layout;
  contain:var(--tw-contain-size) var(--tw-contain-layout) var(--tw-contain-paint) var(--tw-contain-style)
}
.contain-paint {
  --tw-contain-paint: paint;
  contain:var(--tw-contain-size) var(--tw-contain-layout) var(--tw-contain-paint) var(--tw-contain-style)
}
.contain-style {
  --tw-contain-style: style;
  contain:var(--tw-contain-size) var(--tw-contain-layout) var(--tw-contain-paint) var(--tw-contain-style)
}
.forced-color-adjust-auto {
  forced-color-adjust:auto
}
.forced-color-adjust-none {
  forced-color-adjust:none
}
@font-face {
  font-family:Vazir;
  src:url(../fonts/Vazir-Regular.woff2) format("woff2");
  font-weight:400;
  font-style:normal
}
@font-face {
  font-family:Vazir;
  src:url(../fonts/Vazir-Bold.woff2) format("woff2");
  font-weight:700;
  font-style:normal
}
body {
  font-family:Vazir,Tahoma,Arial,sans-serif;
  direction:rtl;
  background:url(../images/pattern-2.svg) repeat top center #ffffff;
  background-size:60% auto;
  font-size:14px;
  color:#292929;
  line-height:1.6
}
body a:link,
body a:visited {
  color:#0067a5;
  text-decoration:none
}
body a:hover {
  color:#1e3a8a
}
.center {
  margin:auto;
  max-width:100%
}
.main_wrapper.container-fluid {
  margin:auto!important;
  max-width:100%!important
}
.clearfix:after {
  content:"";
  display:table;
  clear:both
}
.header-main {
  background:#fff;
  box-shadow:0 2px 4px #0000001a;
  position:sticky;
  top:0;
  z-index:1000
}
.header-row {
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:1rem 2rem;
  max-width:1400px;
  margin:0 auto
}
.logo-section {
  flex:0 0 auto;
  display:flex;
  align-items:center;
  justify-content:flex-end
}
.main-logo {
  max-width:250px;
  height:auto
}
.nav-section {
  flex:1;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:0 2rem
}
.besm-section {
  flex:0 0 auto;
  display:flex;
  align-items:center;
  justify-content:flex-start
}
.besm-logo {
  max-width:80px;
  height:auto
}
.mobile-menu-toggle {
  display:none;
  flex-direction:column;
  gap:5px;
  background:none;
  border:none;
  cursor:pointer;
  padding:.5rem;
  z-index:1001
}
.mobile-menu-toggle span {
  width:25px;
  height:3px;
  background:#0067A5;
  border-radius:3px;
  transition:all .3s ease
}
.mobile-menu-toggle.active span:nth-child(1) {
  transform:rotate(45deg) translate(8px,8px)
}
.mobile-menu-toggle.active span:nth-child(2) {
  opacity:0
}
.mobile-menu-toggle.active span:nth-child(3) {
  transform:rotate(-45deg) translate(7px,-7px)
}
.menu {
  list-style:none;
  display:flex;
  gap:1rem;
  flex-wrap:wrap;
  justify-content:center;
  margin:0;
  padding:0
}
.menu-item {
  position:relative
}
.menu-item a {
  color:#4a5568;
  font-weight:500;
  padding:.75rem 1rem;
  border-radius:8px;
  transition:all .3s ease;
  display:block;
  white-space:nowrap
}
.menu-item a:hover {
  background:#B2D4DD;
  color:#0067a5
}
.menu-item.current-menu-item a {
  background:linear-gradient(135deg,#0067A5 0%,#1E3A8A 100%);
  color:#fff
}
.menu-item a .submenu-icon {
  font-size:.75rem;
  margin-right:.5rem;
  transition:transform .3s ease
}
.menu-item-has-children:hover>a .submenu-icon,
.menu-item-has-children.submenu-open>a .submenu-icon {
  transform:rotate(180deg)
}
.menu-item-has-children {
  position:relative
}
.menu-item-has-children .sub-menu {
  display:none;
  position:absolute;
  top:100%;
  right:0;
  background:white;
  min-width:220px;
  box-shadow:0 8px 25px #00000026;
  border-radius:12px;
  padding:.75rem 0;
  z-index:1000;
  margin-top:.5rem;
  list-style:none;
  border:1px solid #e5e7eb
}
.menu-item-has-children:hover .sub-menu {
  display:block
}
.menu-item-has-children .sub-menu li {
  list-style:none;
  margin:0;
  padding:0
}
.menu-item-has-children .sub-menu a {
  display:block;
  padding:.875rem 1.5rem;
  color:#292929;
  text-decoration:none;
  transition:all .3s ease;
  border-bottom:1px solid #f3f4f6;
  font-size:.95rem;
  white-space:nowrap
}
.menu-item-has-children .sub-menu a:hover {
  background:linear-gradient(90deg,#E6F2FF 0%,#B2D4DD 100%);
  color:#0067a5;
  padding-right:2rem;
  font-weight:600
}
.menu-item-has-children .sub-menu li:last-child a {
  border-bottom:none
}
@media (max-width: 768px) {
  html {
    -webkit-text-size-adjust:100%;
    -ms-text-size-adjust:100%
  }
  body {
    padding-top:env(safe-area-inset-top);
    padding-bottom:env(safe-area-inset-bottom);
    padding-left:env(safe-area-inset-left);
    padding-right:env(safe-area-inset-right);
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    overflow-x:hidden;
    position:relative
  }
  .app-container {
    min-height:100vh;
    background:#f5f7fa;
    padding-bottom:80px
  }
  .mobile-menu-toggle {
    display:flex;
    position:fixed;
    top:1rem;
    left:1rem;
    z-index:1002;
    background:white;
    box-shadow:0 4px 15px #0000001a;
    border-radius:12px;
    padding:.75rem
  }
  .header-main {
    position:fixed;
    top:0;
    left:0;
    right:0;
    z-index:1001;
    background:white;
    box-shadow:0 2px 10px #0000001a
  }
  .header-row {
    padding:.75rem 1rem
  }
  .logo-section {
    margin-right:0 !important;
    justify-content: center !important;
    width: 100% !important;
    display: flex !important;
  }
  .main-logo {
    max-width: 120px !important;
    height: auto !important;
  }
  .besm-section{
    display: none !important;
  }
  .nav-section {
    position:fixed;
    top:0;
    right:0;
    left:0;
    bottom:0;
    background:rgba(0,0,0,.5);
    z-index:1000;
    display:none;
    -webkit-backdrop-filter:blur(5px);
    backdrop-filter:blur(5px)
  }
  .nav-section.active {
    display:block
  }
  .menu {
    display:flex;
    flex-direction:column;
    position:absolute;
    top:0;
    right:0;
    width:85%;
    max-width:320px;
    height:100vh;
    background:white;
    box-shadow:-2px 0 20px #00000026;
    padding:1rem 0;
    gap:0;
    max-height:100vh;
    overflow-y:auto;
    z-index:1001;
    transform:translate(100%);
    transition:transform .3s ease
  }
  .menu.mobile-menu-active {
    transform:translate(0)
  }
  .menu-item {
    width:100%;
    border-bottom:1px solid #f0f0f0
  }
  .menu-item:last-child {
    border-bottom:none
  }
  .menu-item a {
    padding:1.25rem 1.5rem;
    border-radius:0;
    border:none;
    white-space:normal;
    font-size:1rem;
    display:flex;
    align-items:center;
    justify-content:space-between;
    transition:all .2s ease
  }
  .menu-item a:active {
    background:#E6F2FF
  }
  .menu-item.current-menu-item a {
    background:linear-gradient(90deg,#0067A5 0%,#1E3A8A 100%);
    color:#fff;
    font-weight:600
  }
  .menu-item-has-children .sub-menu {
    position:static;
    display:none;
    box-shadow:none;
    border:none;
    margin:0;
    padding:0;
    background:#f8f9fa;
    border-radius:0
  }
  .menu-item-has-children.submenu-open .sub-menu {
    display:block
  }
  .menu-item-has-children .sub-menu a {
    padding:1rem 2rem;
    font-size:.95rem;
    border-bottom:1px solid #e5e7eb;
    color:#4a5568
  }
  .menu-item-has-children .sub-menu a:active {
    background:#E6F2FF;
    color:#0067a5
  }
  .menu-item-has-children .sub-menu li:last-child a {
    border-bottom:none
  }
  .search-toggle {
    display:none
  }
  main {
    margin-top:70px;
    padding:1rem;
    padding-bottom:calc(1rem + env(safe-area-inset-bottom))
  }
  .app-container {
    background:linear-gradient(to bottom,#f8f9fa 0%,#ffffff 100%);
    min-height:calc(100vh - 70px)
  }
  section {
    margin-bottom:1.5rem
  }
  .hero-section {
    padding:2rem 1rem;
    margin-bottom:1.5rem;
    border-radius:0
  }
  .hero-row {
    flex-direction:column;
    gap:1.5rem;
    padding:0
  }
  .hero-title {
    font-size:2rem;
    text-align:center
  }
  .hero-subtitle {
    font-size:1.1rem;
    text-align:center
  }
  .hero-portrait {
    flex:1;
    min-width:auto
  }
  .portrait-image {
    max-width:200px;
    margin:0 auto
  }
  .app-card,
  .card,
  [class*=card] {
    border-radius:16px;
    box-shadow:0 2px 12px #00000014;
    margin-bottom:1rem;
    overflow:hidden;
    transition:all .3s cubic-bezier(.4,0,.2,1)
  }
  .app-card:active,
  .card:active {
    transform:scale(.98);
    box-shadow:0 1px 6px #0000001f
  }
  button,
  .btn,
  a[role=button],
  input[type=submit] {
    min-height:48px;
    min-width:48px;
    font-size:1rem;
    border-radius:12px;
    padding:.75rem 1.5rem;
    touch-action:manipulation;
    -webkit-tap-highlight-color:rgba(0,103,165,.1)
  }
  input,
  textarea,
  select {
    font-size:16px!important;
    border-radius:12px;
    padding:.875rem 1rem;
    min-height:48px
  }
  a {
    -webkit-tap-highlight-color:rgba(0,103,165,.1);
    touch-action:manipulation
  }
  img {
    max-width:100%;
    height:auto;
    display:block;
    border-radius:12px
  }
  h1 {
    font-size:1.75rem;
    line-height:1.3;
    margin-bottom:1rem
  }
  h2 {
    font-size:1.5rem;
    line-height:1.3;
    margin-bottom:.875rem
  }
  h3 {
    font-size:1.25rem;
    line-height:1.4;
    margin-bottom:.75rem
  }
  p {
    font-size:1rem;
    line-height:1.6;
    margin-bottom:1rem
  }
  ul,
  ol {
    padding-right:1.5rem;
    margin-bottom:1rem
  }
  li {
    margin-bottom:.5rem;
    line-height:1.6
  }
  .footer-main {
    margin-top:2rem;
    padding:1.5rem 1rem;
    padding-bottom:calc(1.5rem + env(safe-area-inset-bottom));
    text-align:center;
    font-size:.875rem
  }
  #back-top {
    position:fixed;
    bottom:90px;
    left:1rem;
    z-index:998;
    width:48px;
    height:48px;
    background:linear-gradient(135deg,#0067A5 0%,#1E3A8A 100%);
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    box-shadow:0 4px 12px #0067a54d;
    transition:all .3s ease
  }
  #back-top a {
    color:#fff;
    font-size:1.5rem;
    display:flex;
    align-items:center;
    justify-content:center;
    width:100%;
    height:100%
  }
  #back-top:active {
    transform:scale(.95)
  }
  .loading {
    display:flex;
    justify-content:center;
    align-items:center;
    padding:2rem
  }
  .empty-state {
    text-align:center;
    padding:3rem 1rem;
    color:#6b7280
  }
  .pull-to-refresh {
    text-align:center;
    padding:1rem;
    color:#0067a5;
    font-size:.875rem
  }
  .mobile-bottom-nav {
    position:fixed;
    bottom:0;
    left:0;
    right:0;
    background:white;
    box-shadow:0 -2px 10px #0000001a;
    display:flex;
    justify-content:space-around;
    align-items:center;
    padding:.75rem 0;
    padding-bottom:calc(.75rem + env(safe-area-inset-bottom));
    z-index:999
  }
  .mobile-bottom-nav a {
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:.25rem;
    padding:.5rem 1rem;
    color:#6b7280;
    text-decoration:none;
    font-size:.75rem;
    transition:all .2s ease;
    border-radius:12px
  }
  .mobile-bottom-nav a.active {
    color:#0067a5;
    background:#E6F2FF
  }
  .mobile-bottom-nav a i {
    font-size:1.5rem
  }
  .mobile-bottom-nav a i.fa-home,
  .search-toggle button i.fa-search {
    -webkit-text-stroke:1px currentColor;
    -webkit-text-fill-color:transparent
  }
  .app-card {
    background:white;
    border-radius:16px;
    padding:1.5rem;
    margin-bottom:1rem;
    box-shadow:0 2px 8px #00000014;
    transition:all .3s ease
  }
  .app-card:active {
    transform:scale(.98);
    box-shadow:0 1px 4px #0000001a
  }
  html {
    scroll-behavior:smooth;
    -webkit-overflow-scrolling:touch
  }
  button,
  .btn,
  a[role=button] {
    min-height:44px;
    min-width:44px
  }
  img {
    max-width:100%;
    height:auto;
    display:block
  }
  * {
    -webkit-tap-highlight-color:transparent
  }
}
@media (min-width: 769px) and (max-width: 1024px) {
  .menu {
    gap:.75rem
  }
  .menu-item a {
    padding:.625rem .875rem;
    font-size:.9rem
  }
  .menu-item-has-children .sub-menu {
    min-width:200px
  }
}
.hero-section {
  padding:4rem 0;
  background:linear-gradient(135deg,#E6F2FF 0%,#B2D4DD 100%);
  margin-bottom:3rem
}
.hero-row {
  display:flex;
  align-items:center;
  max-width:1200px;
  margin:0 auto;
  padding:0 2rem;
  gap:3rem;
  flex-wrap:wrap
}
.hero-text {
  flex:1;
  min-width:300px;
  display:flex;
  align-items:center;
  justify-content:flex-start
}
.hero-title-wrapper {
  text-align:right
}
.hero-title {
  font-size:3.5rem;
  font-weight:700;
  color:#1e3a8a;
  margin-bottom:1rem;
  line-height:1.2
}
.hero-subtitle {
  font-size:1.5rem;
  color:#4a5568;
  font-weight:500
}
.hero-portrait {
  flex:0 0 400px;
  min-width:300px;
  display:flex;
  justify-content:center;
  align-items:center
}
.portrait-wrapper {
  position:relative
}
.portrait-image {
  max-width:100%;
  height:auto;
  border-radius:20px;
  box-shadow:0 10px 30px #0003
}
.carousel-section {
  padding:3rem 0;
  background:#fff;
  width:100%
}
.carousel-wrapper {
  max-width:1400px;
  margin:0 auto;
  padding:0 2rem
}
.carousel-container {
  position:relative;
  display:flex;
  align-items:center;
  gap:1rem
}
.carousel-control {
  background:linear-gradient(135deg,#0067A5 0%,#1E3A8A 100%);
  color:#fff;
  border:none;
  width:50px;
  height:50px;
  border-radius:50%;
  font-size:2rem;
  cursor:pointer;
  transition:all .3s ease;
  flex-shrink:0
}
.carousel-control:hover {
  transform:scale(1.1);
  box-shadow:0 4px 15px #0067a566
}
.carousel-items {
  display:flex;
  gap:1.5rem;
  overflow-x:auto;
  scroll-behavior:smooth;
  scrollbar-width:none;
  -ms-overflow-style:none;
  flex:1
}
.carousel-items::-webkit-scrollbar {
  display:none
}
.carousel-item {
  flex:0 0 350px;
  background:white;
  border-radius:16px;
  overflow:hidden;
  box-shadow:0 4px 20px #0000001a;
  transition:all .3s ease
}
.carousel-item:hover {
  transform:translateY(-5px);
  box-shadow:0 8px 30px #00000026
}
.carousel-header {
  padding:1.5rem;
  color:#fff !important;
  font-weight:700
}
.carousel-header-purple {
  background:linear-gradient(135deg,#6366F1 0%,#8B008B 100%)
}
.carousel-header-blue {
  background:linear-gradient(135deg,#0067A5 0%,#1E3A8A 100%)
}
.carousel-title {
  font-size:1.25rem;
  margin:0;
  color:#fff !important
}
/* Ensure all text in carousel gradient boxes is white */
.carousel-items .bg-gradient-to-br a,
.carousel-items .bg-gradient-to-br h1,
.carousel-items .bg-gradient-to-br h2,
.carousel-items .bg-gradient-to-br h3,
.carousel-items .bg-gradient-to-br h4,
.carousel-items .bg-gradient-to-br h5,
.carousel-items .bg-gradient-to-br h6,
.carousel-items .bg-gradient-to-br p,
.carousel-items .bg-gradient-to-br span,
.carousel-items .bg-gradient-to-br i,
.carousel-items .bg-gradient-to-br div {
  color:#fff !important
}
/* Ensure all text in share buttons with gradient is white */
.share-btn,
.share-btn *,
.share-btn i,
.share-btn span {
  color:#fff !important
}
/* Ensure all text in category tabs with gradient is white */
.bg-gradient-to-br.text-white i,
.bg-gradient-to-br.text-white span,
.bg-gradient-to-br.text-white * {
  color:#fff !important
}
.carousel-body {
  padding:1.5rem;
  background:white
}
.carousel-excerpt {
  color:#4a5568;
  line-height:1.8;
  margin:0
}
.main-content-section {
  padding:3rem 0;
  background:#fff;
  min-height:600px
}
.main-content-container {
  max-width:1400px;
  margin:0 auto;
  padding:0 2rem
}
.main-content-row {
  display:flex;
  gap:2rem;
  flex-wrap:wrap
}
.main-article {
  flex:1;
  min-width:300px;
  padding-left:2rem
}
.article-content {
  background:white;
  padding:2rem;
  border-radius:16px;
  box-shadow:0 4px 20px #00000014
}
.article-title {
  font-size:2rem;
  font-weight:700;
  color:#1e3a8a;
  margin-bottom:1.5rem;
  border-right:4px solid #0067A5;
  padding-right:1rem
}
.article-text {
  color:#4a5568;
  line-height:2
}
.article-text h3 {
  color:#1e3a8a;
  font-size:1.5rem;
  margin-top:2rem;
  margin-bottom:1rem
}
.article-text h4 {
  color:#0067a5;
  font-size:1.25rem;
  margin-top:1.5rem;
  margin-bottom:.75rem
}
.sidebar {
  flex:0 0 350px;
  min-width:300px;
  padding-right:1.5rem;
  position:sticky;
  top:100px;
  align-self:flex-start
}
.category-tabs {
  display:flex;
  gap:.5rem;
  margin-bottom:2rem;
  flex-wrap:wrap
}
.tab-item {
  flex:1;
  min-width:120px
}
.tab-item a {
  display:block;
  padding:1rem;
  text-align:center;
  font-weight:700;
  color:#fff;
  border-radius:12px;
  transition:all .3s ease;
  text-decoration:none
}
.tab-article a {
  background:linear-gradient(135deg,#0067A5 0%,#1E3A8A 100%)
}
.tab-note a {
  background:linear-gradient(135deg,#48D1CC 0%,#00CED1 100%)
}
.tab-conversation a {
  background:linear-gradient(135deg,#FF8C00 0%,#FFA500 100%)
}
.tab-blog a {
  background:linear-gradient(135deg,#C71585 0%,#DC143C 100%)
}
.tab-item a:hover {
  transform:translateY(-3px);
  box-shadow:0 4px 15px #0003
}
.widget-colomon3 {
  background:white;
  border-radius:16px;
  padding:1.5rem;
  margin-bottom:1.5rem;
  box-shadow:0 4px 20px #00000014;
  transition:all .3s ease;
  position:relative
}
.widget-colomon3:hover {
  transform:translateY(-3px);
  box-shadow:0 8px 30px #0000001f
}
.widget-title {
  font-size:1.25rem;
  font-weight:700;
  margin-bottom:1rem;
  padding-bottom:.75rem;
  border-bottom:3px solid;
  transform:rotate(-90deg);
  transform-origin:left top;
  position:absolute;
  right:-2rem;
  top:2rem;
  white-space:nowrap
}
.widget-article .widget-title {
  color:#fff;
  background:linear-gradient(135deg,#0067A5 0%,#1E3A8A 100%);
  border-color:#0067a5;
  padding:.5rem 1rem;
  border-radius:8px
}
.widget-note .widget-title {
  color:#fff;
  background:linear-gradient(135deg,#48D1CC 0%,#00CED1 100%);
  border-color:#48d1cc;
  padding:.5rem 1rem;
  border-radius:8px
}
.widget-conversation .widget-title {
  color:#fff;
  background:linear-gradient(135deg,#FF8C00 0%,#FFA500 100%);
  border-color:#ff8c00;
  padding:.5rem 1rem;
  border-radius:8px
}
.widget-blog .widget-title {
  color:#fff;
  background:linear-gradient(135deg,#C71585 0%,#DC143C 100%);
  border-color:#c71585;
  padding:.5rem 1rem;
  border-radius:8px
}
.widget-content {
  position:relative;
  padding-right:3rem
}
.widget-link {
  display:flex;
  gap:1rem;
  text-decoration:none;
  color:inherit
}
.widget-photo {
  flex-shrink:0;
  width:120px;
  height:120px;
  border-radius:12px;
  overflow:hidden;
  background:#f0f0f0
}
.widget-photo img {
  width:100%;
  height:100%;
  -o-object-fit:cover;
  object-fit:cover
}
.widget-photo-placeholder {
  width:100%;
  height:100%;
  background:linear-gradient(135deg,#B2D4DD 0%,#5BA3D0 100%)
}
.widget-text-content {
  flex:1
}
.widget-post-title {
  font-size:1.1rem;
  font-weight:700;
  color:#1e3a8a;
  margin-bottom:.5rem;
  line-height:1.4
}
.widget-post-excerpt {
  color:#4a5568;
  font-size:.9rem;
  line-height:1.6
}
.footer-main {
  background:linear-gradient(135deg,#2F4F4F 0%,#4A5568 100%);
  color:#fff;
  padding:2rem 0;
  margin-top:4rem
}
.footer-text {
  color:#ffffffe6;
  font-size:.9rem;
  margin:0
}
#back-top {
  position:fixed;
  bottom:30px;
  left:30px;
  width:50px;
  height:50px;
  background:linear-gradient(135deg,#0067A5 0%,#1E3A8A 100%);
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  box-shadow:0 4px 15px #0067a566;
  z-index:1000;
  transition:all .3s ease
}
#back-top:hover {
  transform:translateY(-5px);
  box-shadow:0 6px 20px #0067a580
}
#back-top a {
  color:#fff;
  font-size:1.5rem;
  text-decoration:none
}
#back-top.hidden {
  display:none
}
.newsletter-section {
  background:linear-gradient(135deg,#0067A5 0%,#1E3A8A 100%);
  color:#fff;
  padding:3rem 0;
  margin-top:3rem
}
.article-formatted-content {
  line-height:2;
  color:#2d3748
}
.article-formatted-content p {
  margin-bottom:1.5rem;
  text-align:justify;
  font-size:1.1rem
}
.article-heading {
  font-weight:700;
  margin-top:2.5rem;
  margin-bottom:1.5rem;
  color:#1e3a8a;
  line-height:1.4
}
.article-h1 {
  font-size:2.5rem;
  border-bottom:3px solid #0067A5;
  padding-bottom:1rem
}
.article-h2 {
  font-size:2rem;
  border-right:4px solid #0067A5;
  padding-right:1rem
}
.article-h3 {
  font-size:1.5rem;
  color:#0067a5
}
.article-h4 {
  font-size:1.25rem;
  color:#4a5568
}
.article-list {
  margin:1.5rem 0;
  padding-right:2rem;
  list-style-position:outside
}
.article-ul {
  list-style-type:disc
}
.article-ol {
  list-style-type:decimal
}
.article-list-item {
  margin-bottom:.75rem;
  line-height:1.8;
  padding-right:.5rem
}
.article-bold {
  font-weight:700;
  color:#1e3a8a
}
.article-italic {
  font-style:italic;
  color:#4a5568
}
.article-link {
  color:#0067a5;
  text-decoration:underline;
  transition:all .3s ease
}
.article-link:hover {
  color:#1e3a8a;
  text-decoration:none
}
.article-code-block {
  background:#1e293b;
  color:#e2e8f0;
  padding:1.5rem;
  border-radius:12px;
  overflow-x:auto;
  margin:1.5rem 0;
  direction:ltr;
  text-align:left;
  font-family:Courier New,monospace;
  font-size:.9rem;
  line-height:1.6;
  border:1px solid #334155
}
.article-code-block code {
  background:transparent;
  color:inherit;
  padding:0;
  border-radius:0;
  font-size:inherit
}
.article-inline-code {
  background:#f1f5f9;
  color:#dc2626;
  padding:.2rem .5rem;
  border-radius:4px;
  font-family:Courier New,monospace;
  font-size:.9em;
  border:1px solid #cbd5e1
}
.article-quote {
  background:linear-gradient(135deg,#E6F2FF 0%,#B2D4DD 100%);
  border-right:4px solid #0067A5;
  padding:1.5rem 2rem;
  margin:2rem 0;
  border-radius:8px;
  font-style:italic;
  color:#2d3748;
  position:relative;
  box-shadow:0 2px 8px #0000001a
}
.article-quote:before {
  content:'"';
  font-size:4rem;
  color:#0067a5;
  position:absolute;
  right:1rem;
  top:.5rem;
  opacity:.3;
  font-family:serif
}
.article-content {
  font-size:1.1rem;
  line-height:2
}
.article-content img {
  max-width:100%;
  height:auto;
  border-radius:12px;
  margin:2rem 0;
  box-shadow:0 4px 20px #0000001a
}
.article-content table {
  width:100%;
  border-collapse:collapse;
  margin:2rem 0;
  background:white;
  border-radius:8px;
  overflow:hidden;
  box-shadow:0 2px 8px #0000001a
}
.article-content table th {
  background:linear-gradient(135deg,#0067A5 0%,#1E3A8A 100%);
  color:#fff;
  padding:1rem;
  text-align:right;
  font-weight:700
}
.article-content table td {
  padding:.75rem 1rem;
  border-bottom:1px solid #e5e7eb
}
.article-content table tr:hover {
  background:#f9fafb
}
.article-content hr {
  border:none;
  border-top:2px solid #e5e7eb;
  margin:2.5rem 0
}
@media print {
  .no-print {
    display:none!important
  }
  .article-content {
    font-size:12pt;
    line-height:1.6
  }
  .article-code-block {
    background:#f5f5f5;
    color:#000;
    border:1px solid #ddd
  }
}
.app-container {
  max-width:100%;
  margin:0 auto;
  padding:0
}
.app-header {
  background:linear-gradient(135deg,#0067A5 0%,#1E3A8A 100%);
  color:#fff;
  padding:1rem;
  position:sticky;
  top:0;
  z-index:100;
  box-shadow:0 2px 10px #0000001a
}
.app-card {
  background:white;
  border-radius:16px;
  padding:1.5rem;
  margin-bottom:1rem;
  box-shadow:0 2px 8px #00000014;
  transition:all .3s ease
}
.app-card-header {
  display:flex;
  align-items:center;
  gap:1rem;
  margin-bottom:1rem
}
.app-card-icon {
  width:48px;
  height:48px;
  border-radius:12px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:linear-gradient(135deg,#E6F2FF 0%,#B2D4DD 100%);
  color:#0067a5;
  font-size:1.5rem
}
.app-card-title {
  font-size:1.25rem;
  font-weight:600;
  color:#1a202c;
  margin:0
}
.app-card-content {
  color:#4a5568;
  line-height:1.6
}
.app-btn {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:.5rem;
  padding:1rem 2rem;
  border-radius:12px;
  font-weight:600;
  text-decoration:none;
  transition:all .3s ease;
  border:none;
  cursor:pointer;
  min-height:48px
}
.app-btn-primary {
  background:linear-gradient(135deg,#0067A5 0%,#1E3A8A 100%);
  color:#fff
}
.app-btn-primary:active {
  transform:scale(.98);
  opacity:.9
}
.app-btn-secondary {
  background:white;
  color:#0067a5;
  border:2px solid #0067A5
}
.app-list {
  list-style:none;
  padding:0;
  margin:0
}
.app-list-item {
  background:white;
  border-radius:12px;
  padding:1rem;
  margin-bottom:.75rem;
  box-shadow:0 1px 4px #0000000d;
  display:flex;
  align-items:center;
  gap:1rem;
  transition:all .2s ease
}
.app-list-item:active {
  transform:scale(.98);
  background:#f7fafc
}
.app-list-icon {
  width:40px;
  height:40px;
  border-radius:10px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#E6F2FF;
  color:#0067a5;
  font-size:1.25rem;
  flex-shrink:0
}
.app-list-content {
  flex:1
}
.app-list-title {
  font-weight:600;
  color:#1a202c;
  margin:0 0 .25rem;
  font-size:1rem
}
.app-list-subtitle {
  color:#718096;
  font-size:.875rem;
  margin:0
}
.app-section {
  padding:1.5rem;
  margin-bottom:1rem
}
.app-section-title {
  font-size:1.5rem;
  font-weight:700;
  color:#1a202c;
  margin:0 0 1.5rem;
  padding-bottom:.75rem;
  border-bottom:3px solid #0067A5
}
.app-badge {
  display:inline-flex;
  align-items:center;
  padding:.375rem .75rem;
  border-radius:20px;
  font-size:.75rem;
  font-weight:600;
  background:#E6F2FF;
  color:#0067a5
}
.app-loading {
  display:flex;
  align-items:center;
  justify-content:center;
  padding:2rem;
  color:#718096
}
.app-empty {
  text-align:center;
  padding:3rem 1.5rem;
  color:#718096
}
.app-empty-icon {
  font-size:4rem;
  color:#cbd5e0;
  margin-bottom:1rem
}
.app-empty-title {
  font-size:1.25rem;
  font-weight:600;
  color:#4a5568;
  margin-bottom:.5rem
}
.app-empty-text {
  font-size:.875rem;
  color:#718096
}
@media (max-width: 768px) {
  .app-container {
    padding-bottom:80px
  }
  .app-section {
    padding:1rem
  }
  .app-card {
    padding:1.25rem;
    margin-bottom:.75rem
  }
  * {
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale
  }
  .logo.widget_media_image{
    width:100%;
    text-align: center;
  }
  a,
  button {
    min-height:44px;
    min-width:44px;
    display:inline-flex;
    align-items:center;
    justify-content:center
  }
}
.font-vazir {
  font-family:Vazir,Tahoma,Arial,sans-serif
}
.admin-card {
  border-radius:1rem;
  border-width:1px;
  --tw-border-opacity: 1;
  border-color:rgb(243 244 246 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));
  --tw-shadow: 0 1px 2px 0 rgb(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);
  transition-property:all;
  transition-timing-function:cubic-bezier(.4,0,.2,1);
  transition-duration:.3s
}
.admin-card:hover {
  --tw-border-opacity: 1;
  border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(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)
}
.admin-btn {
  display:inline-flex;
  cursor:pointer;
  align-items:center;
  justify-content:center;
  gap:.5rem;
  border-radius:.75rem;
  border-style:none;
  padding:.75rem 1.5rem;
  font-size:.875rem;
  line-height:1.25rem;
  font-weight:600;
  transition-property:all;
  transition-timing-function:cubic-bezier(.4,0,.2,1);
  transition-duration:.2s
}
.admin-btn-primary {
  background-image:linear-gradient(to right,var(--tw-gradient-stops));
  --tw-gradient-from: #3b82f6 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(59 130 246 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  --tw-gradient-to: #4f46e5 var(--tw-gradient-to-position);
  --tw-text-opacity: 1;
  color:rgb(255 255 255 / var(--tw-text-opacity, 1));
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(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);
  --tw-shadow-color: rgb(59 130 246 / .3);
  --tw-shadow: var(--tw-shadow-colored)
}
.admin-btn-primary:hover {
  --tw-translate-y: -.125rem;
  transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(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);
  --tw-shadow-color: rgb(59 130 246 / .5);
  --tw-shadow: var(--tw-shadow-colored)
}
.admin-btn-secondary {
  --tw-bg-opacity: 1;
  background-color:rgb(107 114 128 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color:rgb(255 255 255 / var(--tw-text-opacity, 1))
}
.admin-btn-secondary:hover {
  --tw-bg-opacity: 1;
  background-color:rgb(75 85 99 / var(--tw-bg-opacity, 1))
}
.admin-btn-danger {
  --tw-bg-opacity: 1;
  background-color:rgb(239 68 68 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color:rgb(255 255 255 / var(--tw-text-opacity, 1))
}
.admin-btn-danger:hover {
  --tw-bg-opacity: 1;
  background-color:rgb(220 38 38 / var(--tw-bg-opacity, 1))
}
.admin-badge {
  display:inline-flex;
  align-items:center;
  gap:.375rem;
  border-radius:9999px;
  padding:.25rem .75rem;
  font-size:.75rem;
  line-height:1rem;
  font-weight:600
}
@keyframes fade-in {
  0% {
    opacity:0
  }
  to {
    opacity:1
  }
}
.animate-fade-in {
  animation:fade-in .3s ease-out
}
@keyframes slide-up {
  0% {
    opacity:0;
    transform:translateY(10px)
  }
  to {
    opacity:1;
    transform:translateY(0)
  }
}
.animate-slide-up {
  animation:slide-up .4s ease-out
}
.hover\:-translate-y-0\.5:hover {
  --tw-translate-y: -.125rem;
  transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.hover\:-translate-y-1:hover {
  --tw-translate-y: -.25rem;
  transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.hover\:-translate-y-2:hover {
  --tw-translate-y: -.5rem;
  transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(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)) skew(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)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.hover\:gap-3:hover {
  gap:.75rem
}
.hover\:border-blue-300:hover {
  --tw-border-opacity: 1;
  border-color:rgb(147 197 253 / var(--tw-border-opacity, 1))
}
.hover\:bg-amber-50:hover {
  --tw-bg-opacity: 1;
  background-color:rgb(255 251 235 / var(--tw-bg-opacity, 1))
}
.hover\:bg-blue-50:hover {
  --tw-bg-opacity: 1;
  background-color:rgb(239 246 255 / var(--tw-bg-opacity, 1))
}
.hover\:bg-blue-600:hover {
  --tw-bg-opacity: 1;
  background-color:rgb(37 99 235 / var(--tw-bg-opacity, 1))
}
.hover\:bg-blue-700:hover {
  --tw-bg-opacity: 1;
  background-color:rgb(29 78 216 / 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-200:hover {
  --tw-bg-opacity: 1;
  background-color:rgb(229 231 235 / var(--tw-bg-opacity, 1))
}
.hover\:bg-gray-300:hover {
  --tw-bg-opacity: 1;
  background-color:rgb(209 213 219 / 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-gray-600:hover {
  --tw-bg-opacity: 1;
  background-color:rgb(75 85 99 / var(--tw-bg-opacity, 1))
}
.hover\:bg-gray-700:hover {
  --tw-bg-opacity: 1;
  background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1))
}
.hover\:bg-green-200:hover {
  --tw-bg-opacity: 1;
  background-color:rgb(187 247 208 / var(--tw-bg-opacity, 1))
}
.hover\:bg-green-50:hover {
  --tw-bg-opacity: 1;
  background-color:rgb(240 253 244 / var(--tw-bg-opacity, 1))
}
.hover\:bg-green-700:hover {
  --tw-bg-opacity: 1;
  background-color:rgb(21 128 61 / var(--tw-bg-opacity, 1))
}
.hover\:bg-persian-moderate-orange:hover {
  --tw-bg-opacity: 1;
  background-color:rgb(255 140 0 / var(--tw-bg-opacity, 1))
}
.hover\:bg-persian-strong-blue:hover {
  --tw-bg-opacity: 1;
  background-color:rgb(0 103 165 / var(--tw-bg-opacity, 1))
}
.hover\:bg-persian-vivid-blue:hover {
  --tw-bg-opacity: 1;
  background-color:rgb(30 58 138 / var(--tw-bg-opacity, 1))
}
.hover\:bg-pink-50:hover {
  --tw-bg-opacity: 1;
  background-color:rgb(253 242 248 / var(--tw-bg-opacity, 1))
}
.hover\:bg-red-200:hover {
  --tw-bg-opacity: 1;
  background-color:rgb(254 202 202 / 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-500\/20:hover {
  background-color:#ef444433
}
.hover\:bg-slate-700\/50:hover {
  background-color:#33415580
}
.hover\:bg-slate-700\/70:hover {
  background-color:#334155b3
}
.hover\:bg-white:hover {
  --tw-bg-opacity: 1;
  background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))
}
.hover\:bg-gradient-to-r:hover {
  background-image:linear-gradient(to right,var(--tw-gradient-stops))
}
.hover\:from-blue-50:hover {
  --tw-gradient-from: #eff6ff var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(239 246 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}
.hover\:from-orange-50:hover {
  --tw-gradient-from: #fff7ed var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 247 237 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}
.hover\:to-amber-50:hover {
  --tw-gradient-to: #fffbeb var(--tw-gradient-to-position)
}
.hover\:to-indigo-50:hover {
  --tw-gradient-to: #eef2ff var(--tw-gradient-to-position)
}
.hover\:text-amber-700:hover {
  --tw-text-opacity: 1;
  color:rgb(180 83 9 / var(--tw-text-opacity, 1))
}
.hover\:text-blue-700:hover {
  --tw-text-opacity: 1;
  color:rgb(29 78 216 / var(--tw-text-opacity, 1))
}
.hover\:text-blue-800:hover {
  --tw-text-opacity: 1;
  color:rgb(30 64 175 / var(--tw-text-opacity, 1))
}
.hover\:text-gray-300:hover {
  --tw-text-opacity: 1;
  color:rgb(209 213 219 / var(--tw-text-opacity, 1))
}
.hover\:text-green-800:hover {
  --tw-text-opacity: 1;
  color:rgb(22 101 52 / var(--tw-text-opacity, 1))
}
.hover\:text-persian-brilliant-bluish-green:hover {
  --tw-text-opacity: 1;
  color:rgb(0 206 209 / var(--tw-text-opacity, 1))
}
.hover\:text-persian-strong-blue:hover {
  --tw-text-opacity: 1;
  color:rgb(0 103 165 / var(--tw-text-opacity, 1))
}
.hover\:text-persian-vivid-blue:hover {
  --tw-text-opacity: 1;
  color:rgb(30 58 138 / var(--tw-text-opacity, 1))
}
.hover\:text-pink-700:hover {
  --tw-text-opacity: 1;
  color:rgb(190 24 93 / var(--tw-text-opacity, 1))
}
.hover\:text-red-400:hover {
  --tw-text-opacity: 1;
  color:rgb(248 113 113 / var(--tw-text-opacity, 1))
}
.hover\:text-red-700:hover {
  --tw-text-opacity: 1;
  color:rgb(185 28 28 / var(--tw-text-opacity, 1))
}
.hover\:text-red-800:hover {
  --tw-text-opacity: 1;
  color:rgb(153 27 27 / 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\:shadow-2xl:hover {
  --tw-shadow: 0 25px 50px -12px rgb(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)
}
.hover\:shadow-lg:hover {
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(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 / .1), 0 2px 4px -2px rgb(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-xl:hover {
  --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(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-blue-500\/50:hover {
  --tw-shadow-color: rgb(59 130 246 / .5);
  --tw-shadow: var(--tw-shadow-colored)
}
.focus\:border-blue-500:focus {
  --tw-border-opacity: 1;
  border-color:rgb(59 130 246 / var(--tw-border-opacity, 1))
}
.focus\:border-green-500:focus {
  --tw-border-opacity: 1;
  border-color:rgb(34 197 94 / var(--tw-border-opacity, 1))
}
.focus\:border-persian-strong-blue:focus {
  --tw-border-opacity: 1;
  border-color:rgb(0 103 165 / var(--tw-border-opacity, 1))
}
.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-blue-200:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(191 219 254 / var(--tw-ring-opacity, 1))
}
.focus\:ring-blue-500:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1))
}
.focus\:ring-green-200:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(187 247 208 / var(--tw-ring-opacity, 1))
}
.focus\:ring-persian-strong-blue:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(0 103 165 / var(--tw-ring-opacity, 1))
}
.focus\:ring-persian-strong-blue\/20:focus {
  --tw-ring-color: rgb(0 103 165 / .2)
}
.active\:scale-95:active {
  --tw-scale-x: .95;
  --tw-scale-y: .95;
  transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(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)) skew(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:.75rem
}
.group:hover .group-hover\:text-blue-600 {
  --tw-text-opacity: 1;
  color:rgb(37 99 235 / var(--tw-text-opacity, 1))
}
.group:hover .group-hover\:text-persian-strong-blue {
  --tw-text-opacity: 1;
  color:rgb(0 103 165 / var(--tw-text-opacity, 1))
}
.group:hover .group-hover\:text-persian-vivid-orange {
  --tw-text-opacity: 1;
  color:rgb(255 165 0 / var(--tw-text-opacity, 1))
}
@media (min-width: 640px) {
  .sm\:-mx-4 {
    margin-left:-1rem;
    margin-right:-1rem
  }
  .sm\:mx-0 {
    margin-left:0;
    margin-right:0
  }
  .sm\:-mb-4 {
    margin-bottom:-1rem
  }
  .sm\:mb-2 {
    margin-bottom:.5rem
  }
  .sm\:mb-4 {
    margin-bottom:1rem
  }
  .sm\:mb-6 {
    margin-bottom:1.5rem
  }
  .sm\:block {
    display:block
  }
  .sm\:inline {
    display:inline
  }
  .sm\:flex {
    display:flex
  }
  .sm\:table-cell {
    display:table-cell
  }
  .sm\:hidden {
    display:none
  }
  .sm\:h-10 {
    height:2.5rem
  }
  .sm\:h-12 {
    height:3rem
  }
  .sm\:h-14 {
    height:3.5rem
  }
  .sm\:h-64 {
    height:16rem
  }
  .sm\:min-h-\[180px\] {
    min-height:180px
  }
  .sm\:min-h-\[400px\] {
    min-height:400px
  }
  .sm\:w-10 {
    width:2.5rem
  }
  .sm\:w-12 {
    width:3rem
  }
  .sm\:w-14 {
    width:3.5rem
  }
  .sm\:w-20 {
    width:5rem
  }
  .sm\:w-48 {
    width:12rem
  }
  .sm\:w-64 {
    width:16rem
  }
  .sm\:w-auto {
    width:auto
  }
  .sm\:grid-cols-2 {
    grid-template-columns:repeat(2,minmax(0,1fr))
  }
  .sm\:flex-row {
    flex-direction:row
  }
  .sm\:items-center {
    align-items:center
  }
  .sm\:justify-between {
    justify-content:space-between
  }
  .sm\:gap-0 {
    gap:0px
  }
  .sm\:gap-3 {
    gap:.75rem
  }
  .sm\:gap-4 {
    gap:1rem
  }
  .sm\:gap-6 {
    gap:1.5rem
  }
  .sm\: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))
  }
  .sm\:rounded-2xl {
    border-radius:1rem
  }
  .sm\:rounded-3xl {
    border-radius:1.5rem
  }
  .sm\:rounded-xl {
    border-radius:.75rem
  }
  .sm\:p-3 {
    padding:.75rem
  }
  .sm\:p-4 {
    padding:1rem
  }
  .sm\:p-6 {
    padding:1.5rem
  }
  .sm\:px-3 {
    padding-left:.75rem;
    padding-right:.75rem
  }
  .sm\:px-4 {
    padding-left:1rem;
    padding-right:1rem
  }
  .sm\:px-6 {
    padding-left:1.5rem;
    padding-right:1.5rem
  }
  .sm\:py-1\.5 {
    padding-top:.375rem;
    padding-bottom:.375rem
  }
  .sm\:py-2\.5 {
    padding-top:.625rem;
    padding-bottom:.625rem
  }
  .sm\:py-3 {
    padding-top:.75rem;
    padding-bottom:.75rem
  }
  .sm\:py-3\.5 {
    padding-top:.875rem;
    padding-bottom:.875rem
  }
  .sm\:py-4 {
    padding-top:1rem;
    padding-bottom:1rem
  }
  .sm\:pb-4 {
    padding-bottom:1rem
  }
  .sm\:pt-6 {
    padding-top:1.5rem
  }
  .sm\:text-2xl {
    font-size:1.5rem;
    line-height:2rem
  }
  .sm\:text-3xl {
    font-size:1.875rem;
    line-height:2.25rem
  }
  .sm\:text-4xl {
    font-size:2.25rem;
    line-height:2.5rem
  }
  .sm\:text-base {
    font-size:1rem;
    line-height:1.5rem
  }
  .sm\:text-lg {
    font-size:1.125rem;
    line-height:1.75rem
  }
  .sm\:text-sm {
    font-size:.875rem;
    line-height:1.25rem
  }
  .sm\:text-xl {
    font-size:1.25rem;
    line-height:1.75rem
  }
}
@media (min-width: 768px) {
  .md\:col-span-1 {
    grid-column:span 1 / span 1
  }
  .md\:col-span-2 {
    grid-column:span 2 / span 2
  }
  .md\:-mx-6 {
    margin-left:-1.5rem;
    margin-right:-1.5rem
  }
  .md\:-mb-6 {
    margin-bottom:-1.5rem
  }
  .md\:mb-8 {
    margin-bottom:2rem
  }
  .md\:block {
    display:block
  }
  .md\:table-cell {
    display:table-cell
  }
  .md\:hidden {
    display:none
  }
  .md\:h-16 {
    height:4rem
  }
  .md\:h-80 {
    height:20rem
  }
  .md\:min-h-\[200px\] {
    min-height:200px
  }
  .md\:min-h-\[500px\] {
    min-height:500px
  }
  .md\:w-1\/3 {
    width:33.333333%
  }
  .md\:w-16 {
    width:4rem
  }
  .md\:w-2\/3 {
    width:66.666667%
  }
  .md\:w-40 {
    width:10rem
  }
  .md\:w-80 {
    width:20rem
  }
  .md\:w-auto {
    width:auto
  }
  .md\:grid-cols-2 {
    grid-template-columns:repeat(2,minmax(0,1fr))
  }
  .md\:grid-cols-3 {
    grid-template-columns:repeat(3,minmax(0,1fr))
  }
  .md\:flex-row {
    flex-direction:row
  }
  .md\:items-center {
    align-items:center
  }
  .md\:justify-between {
    justify-content:space-between
  }
  .md\:gap-6 {
    gap:1.5rem
  }
  .md\:p-4 {
    padding:1rem
  }
  .md\:p-6 {
    padding:1.5rem
  }
  .md\:p-8 {
    padding:2rem
  }
  .md\:px-8 {
    padding-left:2rem;
    padding-right:2rem
  }
  .md\:py-12 {
    padding-top:3rem;
    padding-bottom:3rem
  }
  .md\:py-16 {
    padding-top:4rem;
    padding-bottom:4rem
  }
  .md\:py-20 {
    padding-top:5rem;
    padding-bottom:5rem
  }
  .md\:py-24 {
    padding-top:6rem;
    padding-bottom:6rem
  }
  .md\:text-2xl {
    font-size:1.5rem;
    line-height:2rem
  }
  .md\:text-3xl {
    font-size:1.875rem;
    line-height:2.25rem
  }
  .md\:text-4xl {
    font-size:2.25rem;
    line-height:2.5rem
  }
  .md\:text-5xl {
    font-size:3rem;
    line-height:1
  }
  .md\:text-lg {
    font-size:1.125rem;
    line-height:1.75rem
  }
  .md\:text-xl {
    font-size:1.25rem;
    line-height:1.75rem
  }
}
@media (min-width: 1024px) {
  .lg\:order-1 {
    order:1
  }
  .lg\:order-2 {
    order:2
  }
  .lg\:col-span-2 {
    grid-column:span 2 / span 2
  }
  .lg\:flex {
    display:flex
  }
  .lg\:table-cell {
    display:table-cell
  }
  .lg\:hidden {
    display:none
  }
  .lg\:h-96 {
    height:24rem
  }
  .lg\:w-1\/2 {
    width:50%
  }
  .lg\:w-1\/4 {
    width:25%
  }
  .lg\:w-96 {
    width:24rem
  }
  .lg\:flex-shrink-0 {
    flex-shrink:0
  }
  .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\:justify-start {
    justify-content:flex-start
  }
  .lg\:gap-12 {
    gap:3rem
  }
  .lg\:gap-8 {
    gap:2rem
  }
  .lg\:p-10 {
    padding:2.5rem
  }
  .lg\:px-8 {
    padding-left:2rem;
    padding-right:2rem
  }
  .lg\:text-right {
    text-align:right
  }
  .lg\:text-4xl {
    font-size:2.25rem;
    line-height:2.5rem
  }
  .lg\:text-5xl {
    font-size:3rem;
    line-height:1
  }
  .lg\:text-6xl {
    font-size:3.75rem;
    line-height:1
  }
}


/* Font family (site text) */
html, body, button, input, textarea, select {
    font-family: Vazir, Tahoma, Arial, sans-serif;
}

/* Comment styles for mobile responsiveness */
.comment-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.comment-list li {
    margin-bottom: 1rem;
    word-wrap: break-word;
    overflow-wrap: break-word;
}

.comment-body {
    word-wrap: break-word;
    overflow-wrap: break-word;
    max-width: 100%;
}

.comment-content {
    word-wrap: break-word;
    overflow-wrap: break-word;
    max-width: 100%;
}

.comment-content p {
    word-wrap: break-word;
    overflow-wrap: break-word;
}

/* WordPress comment form override - Force full width on mobile */
.bozorgi-comment-form,
#commentform,
.comment-form {
    max-width: 100% !important;
    overflow-x: hidden !important;
    width: 100% !important;
}

.bozorgi-comment-form input[type="text"],
.bozorgi-comment-form input[type="email"],
.bozorgi-comment-form input[type="url"],
.bozorgi-comment-form textarea,
#commentform input[type="text"],
#commentform input[type="email"],
#commentform input[type="url"],
#commentform textarea,
.comment-form input[type="text"],
.comment-form input[type="email"],
.comment-form input[type="url"],
.comment-form textarea {
    max-width: 100% !important;
    width: 100% !important;
    box-sizing: border-box !important;
    min-width: 0 !important;
    display: block !important;
}

/* Override WordPress default comment form styles */
#commentform p {
    margin-bottom: 1rem !important;
    width: 100% !important;
}

#commentform p.comment-form-author,
#commentform p.comment-form-email,
#commentform p.comment-form-url {
    width: 100% !important;
    margin-bottom: 1rem !important;
}

#commentform p.comment-form-author input,
#commentform p.comment-form-email input,
#commentform p.comment-form-url input {
    width: 100% !important;
    max-width: 100% !important;
}

#commentform p.comment-form-comment {
    width: 100% !important;
}

#commentform p.comment-form-comment textarea {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
}

/* Ensure comment form doesn't overflow on mobile */
@media (max-width: 640px) {
    .bozorgi-comment-form,
    #commentform,
    .comment-form {
        padding: 0 !important;
        margin: 0 !important;
    }
    
    .bozorgi-comment-form .flex,
    #commentform .flex,
    .comment-form .flex {
        flex-direction: column !important;
    }
    
    .bozorgi-comment-form .flex > *,
    #commentform .flex > *,
    .comment-form .flex > * {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
    }
    
    .bozorgi-comment-form input,
    .bozorgi-comment-form textarea,
    #commentform input,
    #commentform textarea,
    .comment-form input,
    .comment-form textarea {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        display: block !important;
    }
    
    /* Force all form fields to full width */
    #commentform p {
        width: 100% !important;
        max-width: 100% !important;
        display: block !important;
    }
    
    #commentform p.comment-form-author,
    #commentform p.comment-form-email,
    #commentform p.comment-form-url,
    #commentform p.comment-form-comment {
        width: 100% !important;
        max-width: 100% !important;
        float: none !important;
        display: block !important;
    }
}

/* About page - ensure Vision section text is readable on dark gradient */
.bozorgi-about-vision,
.bozorgi-about-vision * {
  color: #ffffff !important;
}

.bozorgi-about-vision a {
  color: #ffffff !important;
  text-decoration: underline;
}

.bozorgi-about-vision .article-formatted-content p,
.bozorgi-about-vision .article-formatted-content span,
.bozorgi-about-vision .article-formatted-content li {
  color: #ffffff !important;
}

/* Hero layout: FORCE Deterministic Layout using LTR Grid
   This guarantees: Col 1 = Left (Image), Col 3 = Right (Feature Box)
   regardless of document direction.
*/
@media (min-width: 1024px) {
  .bozorgi-hero-grid {
    direction: ltr !important;
  }
  
  /* Left Column: Image */
  .bozorgi-hero-image {
    grid-column: 1 !important;
    direction: rtl; /* restore content direction */
  }
  
  /* Center Column: Text */
  .bozorgi-hero-text {
    grid-column: 2 !important;
    direction: rtl;
  }
  
  /* Right Column: Feature Box */
  .bozorgi-hero-feature {
    grid-column: 3 !important;
    direction: rtl;
  }
}