/*! tailwindcss v4.1.7 | MIT License | https://tailwindcss.com */
@layer properties;
@font-face {
  font-family: Pinar;
  src: url('../font/Pinar/Pinar-Bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Pinar;
  src: url('../font/Pinar/Pinar-FD-Black.woff2') format('woff2');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Estedad;
  src: url('../font/Estedad/Estedad-FD-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Estedad;
  src: url('../font/Estedad/Estedad-FD-Medium.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Estedad;
  src: url('../font/Estedad/Estedad-FD-SemiBold.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Estedad;
  src: url('../font/Estedad/Estedad-FD-Bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Estedad;
  src: url('../font/Estedad/Estedad-FD-ExtraBold.woff2') format('woff2');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Estedad;
  src: url('../font/Estedad/Estedad-FD-Black.woff2') format('woff2');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'isax';
  src: url('../font/isax/iconsax.eot?68506481');
  src: url('../font/isax/iconsax.eot?68506481#iefix') format('embedded-opentype'), url('../font/isax/iconsax.woff2?68506481') format('woff2'), url('../font/isax/iconsax.woff?68506481') format('woff'), url('../font/isax/iconsax.ttf?68506481') format('truetype'), url('../font/isax/iconsax.svg?68506481#isax') format('svg');
  font-weight: normal;
  font-style: normal;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'isax';
    src: url('../font/isax/iconsax.svg?68506481#isax') format('svg');
  }
}
.isax {
  font-family: 'isax' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.isax.isax-24hr-service:before {
  content: '\eb12';
}
.isax.isax-3d-cube:before {
  content: '\e858';
}
.isax.isax-activity-chart:before {
  content: '\e969';
}
.isax.isax-activity-chart-favorite:before {
  content: '\e84e';
}
.isax.isax-activity-square:before {
  content: '\e88a';
}
.isax.isax-add:before {
  content: '\e9d0';
}
.isax.isax-add-circle:before {
  content: '\e887';
}
.isax.isax-add-layer:before {
  content: '\eb3e';
}
.isax.isax-add-square:before {
  content: '\ea5a';
}
.isax.isax-airdrop:before {
  content: '\e9fc';
}
.isax.isax-airplane:before {
  content: '\e83b';
}
.isax.isax-airplane-square:before {
  content: '\e966';
}
.isax.isax-airpod:before {
  content: '\e971';
}
.isax.isax-airpods:before {
  content: '\eae2';
}
.isax.isax-alarm:before {
  content: '\e81f';
}
.isax.isax-align-bottom:before {
  content: '\e9f8';
}
.isax.isax-align-left:before {
  content: '\e804';
}
.isax.isax-align-right:before {
  content: '\e9ad';
}
.isax.isax-align-top:before {
  content: '\eaf8';
}
.isax.isax-align-x-center:before {
  content: '\ea6a';
}
.isax.isax-align-y-center:before {
  content: '\e9b6';
}
.isax.isax-aquarius:before {
  content: '\eb42';
}
.isax.isax-archive-book:before {
  content: '\e9f6';
}
.isax.isax-archive-closed:before {
  content: '\e81d';
}
.isax.isax-archive-open:before {
  content: '\ea77';
}
.isax.isax-arrow-down:before {
  content: '\e81b';
}
.isax.isax-arrow-down-circle:before {
  content: '\e85e';
}
.isax.isax-arrow-down-thick-1:before {
  content: '\e9f5';
}
.isax.isax-arrow-down-thick-3:before {
  content: '\e93b';
}
.isax.isax-arrow-left:before {
  content: '\e87f';
}
.isax.isax-arrow-left-circle:before {
  content: '\e929';
}
.isax.isax-arrow-left-thick-1:before {
  content: '\e91d';
}
.isax.isax-arrow-left-thick-3:before {
  content: '\e92a';
}
.isax.isax-arrow-right:before {
  content: '\ea95';
}
.isax.isax-arrow-right-circle:before {
  content: '\e991';
}
.isax.isax-arrow-right-thick-1:before {
  content: '\eaee';
}
.isax.isax-arrow-right-thick-2:before {
  content: '\e8a0';
}
.isax.isax-arrow-right-thick-3:before {
  content: '\e952';
}
.isax.isax-arrow-up:before {
  content: '\e89a';
}
.isax.isax-arrow-up-circle:before {
  content: '\eaf9';
}
.isax.isax-arrow-up-down:before {
  content: '\eadf';
}
.isax.isax-arrow-up-thick-1:before {
  content: '\ea64';
}
.isax.isax-arrow-up-thick-3:before {
  content: '\eb1b';
}
.isax.isax-auto-brightness:before {
  content: '\e947';
}
.isax.isax-award:before {
  content: '\e986';
}
.isax.isax-award-2:before {
  content: '\e883';
}
.isax.isax-award-3:before {
  content: '\ea30';
}
.isax.isax-background-layer:before {
  content: '\e807';
}
.isax.isax-backspace:before {
  content: '\e95e';
}
.isax.isax-bank:before {
  content: '\e8dd';
}
.isax.isax-bank-card:before {
  content: '\e9e1';
}
.isax.isax-bank-card-add:before {
  content: '\e816';
}
.isax.isax-bank-card-convert:before {
  content: '\ea2b';
}
.isax.isax-bank-card-diagonal:before {
  content: '\ea55';
}
.isax.isax-bank-card-receive:before {
  content: '\eb31';
}
.isax.isax-bank-card-send:before {
  content: '\eb62';
}
.isax.isax-bank-card-slash:before {
  content: '\e9a9';
}
.isax.isax-bank-card-tick-1:before {
  content: '\eb21';
}
.isax.isax-bank-card-tick-2:before {
  content: '\e809';
}
.isax.isax-bank-card-x-1:before {
  content: '\e8e6';
}
.isax.isax-bank-card-x-2:before {
  content: '\ea21';
}
.isax.isax-bank-cards:before {
  content: '\e821';
}
.isax.isax-bar-graph-1:before {
  content: '\ea8f';
}
.isax.isax-bar-graph-2:before {
  content: '\eac6';
}
.isax.isax-bar-graph-3:before {
  content: '\eb46';
}
.isax.isax-bar-graph-4:before {
  content: '\ea80';
}
.isax.isax-bar-graph-5:before {
  content: '\e9b0';
}
.isax.isax-barcode:before {
  content: '\e964';
}
.isax.isax-basket-1:before {
  content: '\e9ba';
}
.isax.isax-basket-2:before {
  content: '\eab2';
}
.isax.isax-basket-3:before {
  content: '\eab4';
}
.isax.isax-basket-happy:before {
  content: '\eb16';
}
.isax.isax-basket-tick-1:before {
  content: '\eb8a';
}
.isax.isax-basket-tick-2:before {
  content: '\e9bf';
}
.isax.isax-basket-time:before {
  content: '\e90a';
}
.isax.isax-basket-x:before {
  content: '\e909';
}
.isax.isax-basket-x-1:before {
  content: '\e9c6';
}
.isax.isax-battery-1:before {
  content: '\ea2c';
}
.isax.isax-battery-2:before {
  content: '\e9de';
}
.isax.isax-battery-charging:before {
  content: '\ea4f';
}
.isax.isax-battery-disable:before {
  content: '\eb74';
}
.isax.isax-battery-empty:before {
  content: '\e950';
}
.isax.isax-battery-full:before {
  content: '\ea06';
}
.isax.isax-bell-1:before {
  content: '\eb5a';
}
.isax.isax-bell-2:before {
  content: '\e80d';
}
.isax.isax-bell-3:before {
  content: '\e9a7';
}
.isax.isax-bezier:before {
  content: '\e825';
}
.isax.isax-bill:before {
  content: '\e95f';
}
.isax.isax-birdhouse:before {
  content: '\e8da';
}
.isax.isax-blend-1:before {
  content: '\e860';
}
.isax.isax-blend-2:before {
  content: '\e82d';
}
.isax.isax-bluetooth:before {
  content: '\e9f3';
}
.isax.isax-bluetooth-2:before {
  content: '\e8fa';
}
.isax.isax-bluetooth-circle:before {
  content: '\ea05';
}
.isax.isax-bluetooth-rectangle:before {
  content: '\e8b4';
}
.isax.isax-blur:before {
  content: '\eb06';
}
.isax.isax-bold:before {
  content: '\ea83';
}
.isax.isax-book-closed:before {
  content: '\ea44';
}
.isax.isax-book-open:before {
  content: '\e9cd';
}
.isax.isax-book-square:before {
  content: '\eae5';
}
.isax.isax-book-with-bookmark:before {
  content: '\ea7d';
}
.isax.isax-bookmark-add:before {
  content: '\e9d8';
}
.isax.isax-bookmark-minus:before {
  content: '\eb69';
}
.isax.isax-bookmark-minus-2:before {
  content: '\e9ea';
}
.isax.isax-bookmark-slash:before {
  content: '\e955';
}
.isax.isax-bookmark-tick:before {
  content: '\e9d5';
}
.isax.isax-bookmarks:before {
  content: '\ea1b';
}
.isax.isax-bookmarks-add:before {
  content: '\e83e';
}
.isax.isax-bookmarks-minus:before {
  content: '\eabe';
}
.isax.isax-bookmarks-x:before {
  content: '\ea1a';
}
.isax.isax-bounding-box:before {
  content: '\eb2d';
}
.isax.isax-bounding-circle:before {
  content: '\e981';
}
.isax.isax-box:before {
  content: '\ea57';
}
.isax.isax-box-add:before {
  content: '\e9b4';
}
.isax.isax-box-dashed:before {
  content: '\ea96';
}
.isax.isax-box-rotate:before {
  content: '\ea92';
}
.isax.isax-box-scan:before {
  content: '\e817';
}
.isax.isax-box-search:before {
  content: '\e984';
}
.isax.isax-box-square:before {
  content: '\e838';
}
.isax.isax-box-swap:before {
  content: '\ea2f';
}
.isax.isax-box-tick:before {
  content: '\e863';
}
.isax.isax-box-time:before {
  content: '\e889';
}
.isax.isax-box-x:before {
  content: '\eab9';
}
.isax.isax-briefcase:before {
  content: '\eafb';
}
.isax.isax-briefcase-tick:before {
  content: '\e951';
}
.isax.isax-briefcase-time:before {
  content: '\eb6d';
}
.isax.isax-briefcase-x:before {
  content: '\eb09';
}
.isax.isax-broom:before {
  content: '\e97a';
}
.isax.isax-brush-1:before {
  content: '\eb1c';
}
.isax.isax-brush-2:before {
  content: '\eaed';
}
.isax.isax-brush-3:before {
  content: '\e9ff';
}
.isax.isax-brush-4:before {
  content: '\ea94';
}
.isax.isax-brush-5:before {
  content: '\eacc';
}
.isax.isax-brush-tools:before {
  content: '\e8e2';
}
.isax.isax-bubbles:before {
  content: '\e925';
}
.isax.isax-building-1:before {
  content: '\e875';
}
.isax.isax-building-2:before {
  content: '\e826';
}
.isax.isax-building-3:before {
  content: '\e8ca';
}
.isax.isax-building-4:before {
  content: '\e845';
}
.isax.isax-buildings-1:before {
  content: '\eab6';
}
.isax.isax-buildings-2:before {
  content: '\eb60';
}
.isax.isax-bulb:before {
  content: '\eaa4';
}
.isax.isax-bulb-charge:before {
  content: '\e880';
}
.isax.isax-bulb-slash:before {
  content: '\e82e';
}
.isax.isax-bus:before {
  content: '\e92d';
}
.isax.isax-cake:before {
  content: '\ea32';
}
.isax.isax-calculator:before {
  content: '\e83a';
}
.isax.isax-calendar-1:before {
  content: '\e881';
}
.isax.isax-calendar-2:before {
  content: '\ead1';
}
.isax.isax-calendar-3:before {
  content: '\eaff';
}
.isax.isax-calendar-add:before {
  content: '\eaf7';
}
.isax.isax-calendar-circle:before {
  content: '\eae7';
}
.isax.isax-calendar-edit:before {
  content: '\e9ab';
}
.isax.isax-calendar-search:before {
  content: '\eaf4';
}
.isax.isax-calendar-tick:before {
  content: '\ea8b';
}
.isax.isax-calendar-x:before {
  content: '\e802';
}
.isax.isax-camera:before {
  content: '\e94e';
}
.isax.isax-camera-slash:before {
  content: '\eb10';
}
.isax.isax-car:before {
  content: '\e8a7';
}
.isax.isax-card-coin:before {
  content: '\eb5f';
}
.isax.isax-card-edit:before {
  content: '\eb17';
}
.isax.isax-cast:before {
  content: '\e9fb';
}
.isax.isax-cd:before {
  content: '\e90e';
}
.isax.isax-change-shape-1:before {
  content: '\eb05';
}
.isax.isax-change-shape-2:before {
  content: '\eb92';
}
.isax.isax-chart-square:before {
  content: '\ea4d';
}
.isax.isax-chart-tick:before {
  content: '\ea02';
}
.isax.isax-chart-x:before {
  content: '\ea76';
}
.isax.isax-chevron-down:before {
  content: '\eb75';
}
.isax.isax-chevron-down-circle:before {
  content: '\e906';
}
.isax.isax-chevron-down-square:before {
  content: '\e89e';
}
.isax.isax-chevron-left:before {
  content: '\e8ec';
}
.isax.isax-chevron-left-circle:before {
  content: '\ea20';
}
.isax.isax-chevron-left-square:before {
  content: '\eb57';
}
.isax.isax-chevron-right:before {
  content: '\e9c4';
}
.isax.isax-chevron-right-circle:before {
  content: '\e9d9';
}
.isax.isax-chevron-right-square:before {
  content: '\eaad';
}
.isax.isax-chevron-up:before {
  content: '\eacd';
}
.isax.isax-chevron-up-circle:before {
  content: '\e8dc';
}
.isax.isax-chevron-up-square:before {
  content: '\eb8d';
}
.isax.isax-chrome:before {
  content: '\e83d';
}
.isax.isax-circle:before {
  content: '\ea0c';
}
.isax.isax-clipboard:before {
  content: '\e814';
}
.isax.isax-clipboard-in:before {
  content: '\e90d';
}
.isax.isax-clipboard-out:before {
  content: '\e870';
}
.isax.isax-clipboard-text-1:before {
  content: '\e805';
}
.isax.isax-clipboard-text-2:before {
  content: '\ea68';
}
.isax.isax-clipboard-tick:before {
  content: '\eb29';
}
.isax.isax-clipboard-x:before {
  content: '\eb82';
}
.isax.isax-clock:before {
  content: '\e8a3';
}
.isax.isax-cloud:before {
  content: '\e86c';
}
.isax.isax-cloud-add:before {
  content: '\eaef';
}
.isax.isax-cloud-change:before {
  content: '\e97d';
}
.isax.isax-cloud-connection:before {
  content: '\e8b6';
}
.isax.isax-cloud-fog:before {
  content: '\e9c7';
}
.isax.isax-cloud-lightning:before {
  content: '\e9a0';
}
.isax.isax-cloud-minus:before {
  content: '\e92e';
}
.isax.isax-cloud-notif:before {
  content: '\ea5b';
}
.isax.isax-cloud-rain:before {
  content: '\eaac';
}
.isax.isax-cloud-snow:before {
  content: '\ea84';
}
.isax.isax-cloud-sunny:before {
  content: '\e907';
}
.isax.isax-cloud-tick:before {
  content: '\e945';
}
.isax.isax-cloud-x-1:before {
  content: '\e9b1';
}
.isax.isax-cloud-x-circle:before {
  content: '\ea04';
}
.isax.isax-code-1:before {
  content: '\ea6f';
}
.isax.isax-code-2:before {
  content: '\ea34';
}
.isax.isax-code-circle:before {
  content: '\e9d4';
}
.isax.isax-code-clipboard:before {
  content: '\eae4';
}
.isax.isax-code-tag:before {
  content: '\e8bd';
}
.isax.isax-coffee:before {
  content: '\ea37';
}
.isax.isax-coins-2:before {
  content: '\e985';
}
.isax.isax-coins-3:before {
  content: '\eaa6';
}
.isax.isax-coins-4:before {
  content: '\e96c';
}
.isax.isax-color-filter:before {
  content: '\e8f2';
}
.isax.isax-color-filter-square:before {
  content: '\e867';
}
.isax.isax-color-swatch:before {
  content: '\e81c';
}
.isax.isax-columns:before {
  content: '\ea85';
}
.isax.isax-command:before {
  content: '\e8c7';
}
.isax.isax-command-square:before {
  content: '\e99a';
}
.isax.isax-compass-1:before {
  content: '\e839';
}
.isax.isax-compass-2:before {
  content: '\ea59';
}
.isax.isax-component:before {
  content: '\e84f';
}
.isax.isax-convert:before {
  content: '\e954';
}
.isax.isax-copy:before {
  content: '\e9c1';
}
.isax.isax-copy-tick:before {
  content: '\e81e';
}
.isax.isax-copyright:before {
  content: '\eb24';
}
.isax.isax-courthouse:before {
  content: '\e8bf';
}
.isax.isax-cpu:before {
  content: '\ea13';
}
.isax.isax-cpu-charge:before {
  content: '\e866';
}
.isax.isax-cpu-setting:before {
  content: '\eacf';
}
.isax.isax-creative-commons:before {
  content: '\eb0d';
}
.isax.isax-crop:before {
  content: '\eb01';
}
.isax.isax-crown-1:before {
  content: '\e97b';
}
.isax.isax-crown-2:before {
  content: '\e992';
}
.isax.isax-cue-cards:before {
  content: '\eaa5';
}
.isax.isax-cursor-circle:before {
  content: '\e960';
}
.isax.isax-cursor-circle-1:before {
  content: '\e900';
}
.isax.isax-cursor-square:before {
  content: '\ead7';
}
.isax.isax-cursor-square-1:before {
  content: '\e9e4';
}
.isax.isax-devices-1:before {
  content: '\ead9';
}
.isax.isax-devices-2:before {
  content: '\eadd';
}
.isax.isax-diamonds:before {
  content: '\e868';
}
.isax.isax-directions:before {
  content: '\eb35';
}
.isax.isax-directions-square:before {
  content: '\eb2b';
}
.isax.isax-discount-badge:before {
  content: '\ead8';
}
.isax.isax-discount-circle:before {
  content: '\e942';
}
.isax.isax-dislike:before {
  content: '\eaa8';
}
.isax.isax-document-1:before {
  content: '\ea12';
}
.isax.isax-document-2:before {
  content: '\ea03';
}
.isax.isax-document-cloud:before {
  content: '\e99b';
}
.isax.isax-document-code-1:before {
  content: '\e9ce';
}
.isax.isax-document-code-2:before {
  content: '\e9e3';
}
.isax.isax-document-copy:before {
  content: '\e98a';
}
.isax.isax-document-download:before {
  content: '\e937';
}
.isax.isax-document-favorite:before {
  content: '\eb45';
}
.isax.isax-document-favorite-1:before {
  content: '\ea14';
}
.isax.isax-document-filter:before {
  content: '\e856';
}
.isax.isax-document-forward:before {
  content: '\eb3f';
}
.isax.isax-document-previous:before {
  content: '\ea1e';
}
.isax.isax-document-sketch:before {
  content: '\e82a';
}
.isax.isax-document-text-1:before {
  content: '\eb53';
}
.isax.isax-document-text-2:before {
  content: '\e94f';
}
.isax.isax-document-upload:before {
  content: '\e89c';
}
.isax.isax-dollar-circle:before {
  content: '\eb19';
}
.isax.isax-dollar-square:before {
  content: '\e91c';
}
.isax.isax-download-1:before {
  content: '\eb8e';
}
.isax.isax-download-2:before {
  content: '\ea69';
}
.isax.isax-download-square:before {
  content: '\ea89';
}
.isax.isax-driver-1:before {
  content: '\eb85';
}
.isax.isax-driver-2:before {
  content: '\ea8e';
}
.isax.isax-driver-refresh:before {
  content: '\eaa7';
}
.isax.isax-driving:before {
  content: '\e96d';
}
.isax.isax-drop:before {
  content: '\e848';
}
.isax.isax-earphones:before {
  content: '\e824';
}
.isax.isax-edit-1:before {
  content: '\e8ff';
}
.isax.isax-edit-2:before {
  content: '\eb28';
}
.isax.isax-emoji-happy:before {
  content: '\ea19';
}
.isax.isax-emoji-normal:before {
  content: '\e8f6';
}
.isax.isax-emoji-sad:before {
  content: '\e936';
}
.isax.isax-eraser:before {
  content: '\e91a';
}
.isax.isax-eraser-square:before {
  content: '\eb7e';
}
.isax.isax-external-circle:before {
  content: '\e8ef';
}
.isax.isax-external-drive:before {
  content: '\e88e';
}
.isax.isax-external-square:before {
  content: '\e8ed';
}
.isax.isax-eye:before {
  content: '\e8b9';
}
.isax.isax-eye-slash:before {
  content: '\e978';
}
.isax.isax-female:before {
  content: '\e8e0';
}
.isax.isax-filter:before {
  content: '\e888';
}
.isax.isax-filter-add:before {
  content: '\e9f9';
}
.isax.isax-filter-edit:before {
  content: '\e970';
}
.isax.isax-filter-search:before {
  content: '\eab1';
}
.isax.isax-filter-square:before {
  content: '\e88d';
}
.isax.isax-filter-tick:before {
  content: '\eac3';
}
.isax.isax-filter-x:before {
  content: '\e973';
}
.isax.isax-fingerprint-circle:before {
  content: '\e8cb';
}
.isax.isax-fingerprint-scan:before {
  content: '\e9ec';
}
.isax.isax-first-character:before {
  content: '\e92c';
}
.isax.isax-flag-1:before {
  content: '\ea2d';
}
.isax.isax-flag-2:before {
  content: '\eb0e';
}
.isax.isax-flash-1:before {
  content: '\e9a6';
}
.isax.isax-flash-circle-1:before {
  content: '\ea25';
}
.isax.isax-flash-circle-2:before {
  content: '\e9d6';
}
.isax.isax-flash-slash:before {
  content: '\e8eb';
}
.isax.isax-flash-speed:before {
  content: '\ea35';
}
.isax.isax-flask:before {
  content: '\e931';
}
.isax.isax-flow-chart-1:before {
  content: '\e87d';
}
.isax.isax-flow-chart-2:before {
  content: '\e800';
}
.isax.isax-folder-1:before {
  content: '\e820';
}
.isax.isax-folder-2:before {
  content: '\e90f';
}
.isax.isax-folder-add:before {
  content: '\e897';
}
.isax.isax-folder-cloud:before {
  content: '\e8ee';
}
.isax.isax-folder-connection:before {
  content: '\e9aa';
}
.isax.isax-folder-favorite:before {
  content: '\ea3c';
}
.isax.isax-folder-minus:before {
  content: '\e944';
}
.isax.isax-folder-open:before {
  content: '\eac7';
}
.isax.isax-folder-x:before {
  content: '\e902';
}
.isax.isax-footer:before {
  content: '\e9d2';
}
.isax.isax-foreground-layer:before {
  content: '\ea7b';
}
.isax.isax-game-controller:before {
  content: '\ea78';
}
.isax.isax-gameboy:before {
  content: '\ea26';
}
.isax.isax-gas-station:before {
  content: '\e87e';
}
.isax.isax-gemini:before {
  content: '\eb67';
}
.isax.isax-gemini-2:before {
  content: '\ea17';
}
.isax.isax-ghost:before {
  content: '\eb71';
}
.isax.isax-gift:before {
  content: '\e8a9';
}
.isax.isax-git-arrows:before {
  content: '\ea8a';
}
.isax.isax-git-commit:before {
  content: '\ea86';
}
.isax.isax-git-pull-request:before {
  content: '\e859';
}
.isax.isax-git-pull-request-square:before {
  content: '\e9b3';
}
.isax.isax-glasses:before {
  content: '\e9f1';
}
.isax.isax-globe:before {
  content: '\e9f2';
}
.isax.isax-globe-edit:before {
  content: '\ea61';
}
.isax.isax-globe-refresh:before {
  content: '\e8d5';
}
.isax.isax-globe-search:before {
  content: '\ea7c';
}
.isax.isax-gps:before {
  content: '\ea29';
}
.isax.isax-gps-slash:before {
  content: '\eb4b';
}
.isax.isax-grammarly:before {
  content: '\ea62';
}
.isax.isax-grid-apps:before {
  content: '\e91f';
}
.isax.isax-grid-apps-2:before {
  content: '\ea07';
}
.isax.isax-grid-apps-add:before {
  content: '\e812';
}
.isax.isax-grid-apps-equals:before {
  content: '\e918';
}
.isax.isax-grid-lock:before {
  content: '\e996';
}
.isax.isax-grid-quadrants:before {
  content: '\ea0a';
}
.isax.isax-grid-table:before {
  content: '\ea41';
}
.isax.isax-grid-table-edit:before {
  content: '\ea45';
}
.isax.isax-grid-table-eraser:before {
  content: '\e92f';
}
.isax.isax-grid-uneven:before {
  content: '\e9d7';
}
.isax.isax-group:before {
  content: '\e9cc';
}
.isax.isax-hamburger-menu:before {
  content: '\e847';
}
.isax.isax-hashtag:before {
  content: '\e9af';
}
.isax.isax-hashtag-down:before {
  content: '\e949';
}
.isax.isax-hashtag-up:before {
  content: '\e9e5';
}
.isax.isax-header:before {
  content: '\eafc';
}
.isax.isax-headphones:before {
  content: '\e9ef';
}
.isax.isax-headphones-active:before {
  content: '\e8e7';
}
.isax.isax-heart:before {
  content: '\e801';
}
.isax.isax-heart-add:before {
  content: '\e999';
}
.isax.isax-heart-circle:before {
  content: '\eb8b';
}
.isax.isax-heart-edit:before {
  content: '\e86f';
}
.isax.isax-heart-monitor-square:before {
  content: '\eab5';
}
.isax.isax-heart-search:before {
  content: '\eb30';
}
.isax.isax-heart-slash:before {
  content: '\ea40';
}
.isax.isax-heart-tag:before {
  content: '\eb7c';
}
.isax.isax-heart-tick:before {
  content: '\eb6e';
}
.isax.isax-heart-x:before {
  content: '\e8a4';
}
.isax.isax-hearts:before {
  content: '\e87b';
}
.isax.isax-hierarchy-1:before {
  content: '\e8cd';
}
.isax.isax-hierarchy-1-square:before {
  content: '\e9b5';
}
.isax.isax-hierarchy-2:before {
  content: '\eb22';
}
.isax.isax-hierarchy-2-square:before {
  content: '\e9b7';
}
.isax.isax-hierarchy-3:before {
  content: '\eaf3';
}
.isax.isax-history:before {
  content: '\e9b2';
}
.isax.isax-home-1:before {
  content: '\eb26';
}
.isax.isax-home-2:before {
  content: '\e90b';
}
.isax.isax-home-shield:before {
  content: '\e98b';
}
.isax.isax-home-trend-down:before {
  content: '\eae8';
}
.isax.isax-home-trend-up:before {
  content: '\eb33';
}
.isax.isax-home-wifi:before {
  content: '\e8fb';
}
.isax.isax-hospital:before {
  content: '\e9f7';
}
.isax.isax-hourglass:before {
  content: '\e81a';
}
.isax.isax-house-1:before {
  content: '\eb61';
}
.isax.isax-house-2:before {
  content: '\ea22';
}
.isax.isax-inbox-1:before {
  content: '\e80c';
}
.isax.isax-inbox-2:before {
  content: '\e963';
}
.isax.isax-inbox-3:before {
  content: '\e9df';
}
.isax.isax-inbox-4:before {
  content: '\eb8c';
}
.isax.isax-inbox-in-1:before {
  content: '\e974';
}
.isax.isax-inbox-in-2:before {
  content: '\e99d';
}
.isax.isax-inbox-notif:before {
  content: '\e905';
}
.isax.isax-inbox-out-1:before {
  content: '\eaf0';
}
.isax.isax-inbox-out-2:before {
  content: '\e8bb';
}
.isax.isax-infinite:before {
  content: '\e9ed';
}
.isax.isax-info-badge:before {
  content: '\eb54';
}
.isax.isax-info-circle:before {
  content: '\e9ca';
}
.isax.isax-instagram:before {
  content: '\eaa2';
}
.isax.isax-italic:before {
  content: '\eb00';
}
.isax.isax-item-rotate-left:before {
  content: '\ea4c';
}
.isax.isax-item-rotate-right:before {
  content: '\eb32';
}
.isax.isax-judge:before {
  content: '\e8db';
}
.isax.isax-kanban:before {
  content: '\ea6b';
}
.isax.isax-key:before {
  content: '\ea9b';
}
.isax.isax-key-square:before {
  content: '\e9d3';
}
.isax.isax-keyboard-1:before {
  content: '\eac4';
}
.isax.isax-keyboard-2:before {
  content: '\e879';
}
.isax.isax-lamp-1:before {
  content: '\e9a3';
}
.isax.isax-lamp-2:before {
  content: '\eb72';
}
.isax.isax-language-circle:before {
  content: '\eab3';
}
.isax.isax-language-square:before {
  content: '\e8a2';
}
.isax.isax-layers-1:before {
  content: '\e832';
}
.isax.isax-layers-2:before {
  content: '\e9c9';
}
.isax.isax-layout-1:before {
  content: '\e8f5';
}
.isax.isax-layout-2:before {
  content: '\e933';
}
.isax.isax-layout-3:before {
  content: '\e9bc';
}
.isax.isax-layout-4:before {
  content: '\ea81';
}
.isax.isax-layout-5:before {
  content: '\ea5e';
}
.isax.isax-layout-6:before {
  content: '\ea99';
}
.isax.isax-layout-7:before {
  content: '\eabd';
}
.isax.isax-layout-8:before {
  content: '\e93c';
}
.isax.isax-layout-half:before {
  content: '\e917';
}
.isax.isax-level:before {
  content: '\e855';
}
.isax.isax-lifebuoy:before {
  content: '\e8f4';
}
.isax.isax-like:before {
  content: '\e96a';
}
.isax.isax-like-badge:before {
  content: '\e846';
}
.isax.isax-like-dislike:before {
  content: '\eb2c';
}
.isax.isax-like-tag:before {
  content: '\ea27';
}
.isax.isax-line-spacing:before {
  content: '\ea1f';
}
.isax.isax-link-1:before {
  content: '\e99c';
}
.isax.isax-link-2:before {
  content: '\e94c';
}
.isax.isax-link-3:before {
  content: '\e993';
}
.isax.isax-link-4:before {
  content: '\eaa0';
}
.isax.isax-link-circle:before {
  content: '\ea58';
}
.isax.isax-link-square:before {
  content: '\e884';
}
.isax.isax-location:before {
  content: '\e8b1';
}
.isax.isax-location-add:before {
  content: '\eb66';
}
.isax.isax-location-minus:before {
  content: '\e8df';
}
.isax.isax-location-slash:before {
  content: '\eafa';
}
.isax.isax-location-tick:before {
  content: '\eac0';
}
.isax.isax-location-x:before {
  content: '\e982';
}
.isax.isax-lock-1:before {
  content: '\eaba';
}
.isax.isax-lock-2:before {
  content: '\e8d9';
}
.isax.isax-lock-circle:before {
  content: '\e854';
}
.isax.isax-lock-slash:before {
  content: '\eace';
}
.isax.isax-login:before {
  content: '\ea4a';
}
.isax.isax-login-2:before {
  content: '\e836';
}
.isax.isax-logout-1:before {
  content: '\e829';
}
.isax.isax-logout-2:before {
  content: '\eb11';
}
.isax.isax-loop:before {
  content: '\e93e';
}
.isax.isax-magic-star:before {
  content: '\ead5';
}
.isax.isax-magic-wand:before {
  content: '\e8d4';
}
.isax.isax-mail:before {
  content: '\ea73';
}
.isax.isax-mail-edit:before {
  content: '\e903';
}
.isax.isax-mail-notif:before {
  content: '\e946';
}
.isax.isax-mail-search:before {
  content: '\e8de';
}
.isax.isax-mail-speed:before {
  content: '\eb89';
}
.isax.isax-mail-star:before {
  content: '\e914';
}
.isax.isax-main-component:before {
  content: '\e9e7';
}
.isax.isax-male:before {
  content: '\e831';
}
.isax.isax-map-1:before {
  content: '\eb44';
}
.isax.isax-map-2:before {
  content: '\eaeb';
}
.isax.isax-map-3:before {
  content: '\eb56';
}
.isax.isax-mask:before {
  content: '\e97e';
}
.isax.isax-mask-1:before {
  content: '\ea9a';
}
.isax.isax-mask-2:before {
  content: '\eabc';
}
.isax.isax-mask-3:before {
  content: '\ea82';
}
.isax.isax-math-1:before {
  content: '\e850';
}
.isax.isax-math-2:before {
  content: '\e916';
}
.isax.isax-maximize:before {
  content: '\ead3';
}
.isax.isax-maximize-1:before {
  content: '\e930';
}
.isax.isax-maximize-2:before {
  content: '\e9ac';
}
.isax.isax-maximize-3:before {
  content: '\e921';
}
.isax.isax-maximize-3-square:before {
  content: '\e9bd';
}
.isax.isax-maximize-circle:before {
  content: '\e84b';
}
.isax.isax-media-backward:before {
  content: '\e976';
}
.isax.isax-media-backward-10s:before {
  content: '\ea3a';
}
.isax.isax-media-backward-15s:before {
  content: '\ea8d';
}
.isax.isax-media-backward-5s:before {
  content: '\ea71';
}
.isax.isax-media-forward:before {
  content: '\e861';
}
.isax.isax-media-forward-10s:before {
  content: '\e80b';
}
.isax.isax-media-forward-15s:before {
  content: '\e8a5';
}
.isax.isax-media-forward-5s:before {
  content: '\eb2a';
}
.isax.isax-media-next:before {
  content: '\e8fd';
}
.isax.isax-media-previous:before {
  content: '\e994';
}
.isax.isax-media-repeat:before {
  content: '\eb39';
}
.isax.isax-media-repeat-single:before {
  content: '\eb04';
}
.isax.isax-media-sliders-1:before {
  content: '\eb0b';
}
.isax.isax-media-sliders-2:before {
  content: '\e80f';
}
.isax.isax-media-sliders-3:before {
  content: '\e8a8';
}
.isax.isax-menu-4-dots:before {
  content: '\eb59';
}
.isax.isax-menu-meatballs:before {
  content: '\e939';
}
.isax.isax-message-add:before {
  content: '\e979';
}
.isax.isax-message-circle:before {
  content: '\eadb';
}
.isax.isax-message-dash-1:before {
  content: '\e97c';
}
.isax.isax-message-dash-2:before {
  content: '\eb34';
}
.isax.isax-message-dash-add:before {
  content: '\eac9';
}
.isax.isax-message-dash-tick:before {
  content: '\ea18';
}
.isax.isax-message-dash-time:before {
  content: '\ea51';
}
.isax.isax-message-dash-x:before {
  content: '\e822';
}
.isax.isax-message-dots:before {
  content: '\e989';
}
.isax.isax-message-dots-favorite:before {
  content: '\e98d';
}
.isax.isax-message-edit:before {
  content: '\e8f1';
}
.isax.isax-message-minus:before {
  content: '\e878';
}
.isax.isax-message-notif:before {
  content: '\eb0f';
}
.isax.isax-message-search:before {
  content: '\eb13';
}
.isax.isax-message-square:before {
  content: '\e904';
}
.isax.isax-message-text:before {
  content: '\e998';
}
.isax.isax-messages-1:before {
  content: '\e894';
}
.isax.isax-messages-2:before {
  content: '\e8c9';
}
.isax.isax-messages-3:before {
  content: '\e8a6';
}
.isax.isax-messages-4:before {
  content: '\e97f';
}
.isax.isax-mic-1:before {
  content: '\eae9';
}
.isax.isax-mic-2:before {
  content: '\eac2';
}
.isax.isax-mic-slash-1:before {
  content: '\eb91';
}
.isax.isax-mic-slash-2:before {
  content: '\e87a';
}
.isax.isax-milk:before {
  content: '\eb27';
}
.isax.isax-minus:before {
  content: '\e818';
}
.isax.isax-minus-circle:before {
  content: '\e9a2';
}
.isax.isax-minus-square:before {
  content: '\ea87';
}
.isax.isax-mirror:before {
  content: '\e82c';
}
.isax.isax-mobile:before {
  content: '\e8b7';
}
.isax.isax-money-1:before {
  content: '\e899';
}
.isax.isax-money-2:before {
  content: '\eaaa';
}
.isax.isax-money-3:before {
  content: '\eaae';
}
.isax.isax-money-4:before {
  content: '\ea33';
}
.isax.isax-money-5:before {
  content: '\eaec';
}
.isax.isax-money-add:before {
  content: '\eb5d';
}
.isax.isax-money-change:before {
  content: '\eb36';
}
.isax.isax-money-forbidden:before {
  content: '\ea97';
}
.isax.isax-money-in:before {
  content: '\e843';
}
.isax.isax-money-out:before {
  content: '\e886';
}
.isax.isax-money-tick:before {
  content: '\eb14';
}
.isax.isax-money-time:before {
  content: '\eb40';
}
.isax.isax-money-x:before {
  content: '\e80a';
}
.isax.isax-monitor:before {
  content: '\e819';
}
.isax.isax-monitor-message:before {
  content: '\e8af';
}
.isax.isax-monitor-record:before {
  content: '\e923';
}
.isax.isax-moon:before {
  content: '\e810';
}
.isax.isax-more-circle:before {
  content: '\eb3b';
}
.isax.isax-more-square:before {
  content: '\e94a';
}
.isax.isax-mouse:before {
  content: '\e837';
}
.isax.isax-music:before {
  content: '\eb1e';
}
.isax.isax-music-circle-dashed:before {
  content: '\e811';
}
.isax.isax-music-dashboard:before {
  content: '\ea0d';
}
.isax.isax-music-list:before {
  content: '\eae6';
}
.isax.isax-music-multi:before {
  content: '\e8d0';
}
.isax.isax-music-playlist:before {
  content: '\e93d';
}
.isax.isax-music-square-1:before {
  content: '\ea15';
}
.isax.isax-music-square-2:before {
  content: '\eb3a';
}
.isax.isax-music-square-3:before {
  content: '\e869';
}
.isax.isax-music-square-4:before {
  content: '\e85a';
}
.isax.isax-music-square-add:before {
  content: '\eaf6';
}
.isax.isax-music-square-search:before {
  content: '\eb1d';
}
.isax.isax-music-square-x:before {
  content: '\e833';
}
.isax.isax-musicnote:before {
  content: '\eb7f';
}
.isax.isax-not-allowed-1:before {
  content: '\e932';
}
.isax.isax-not-allowed-2:before {
  content: '\e91e';
}
.isax.isax-not-allowed-3:before {
  content: '\ea4b';
}
.isax.isax-note:before {
  content: '\ea9c';
}
.isax.isax-note-add:before {
  content: '\ea43';
}
.isax.isax-note-favorite:before {
  content: '\eb5e';
}
.isax.isax-note-text:before {
  content: '\ea7a';
}
.isax.isax-note-x:before {
  content: '\e93f';
}
.isax.isax-notepad:before {
  content: '\e82b';
}
.isax.isax-notes-1:before {
  content: '\ea7e';
}
.isax.isax-notes-2:before {
  content: '\ea5f';
}
.isax.isax-notif-circle:before {
  content: '\eb7d';
}
.isax.isax-notif-favorite:before {
  content: '\e9ee';
}
.isax.isax-notif-square:before {
  content: '\eb41';
}
.isax.isax-notif-text-square:before {
  content: '\e808';
}
.isax.isax-nut:before {
  content: '\e997';
}
.isax.isax-omega-circle:before {
  content: '\e873';
}
.isax.isax-omega-square:before {
  content: '\eb18';
}
.isax.isax-package:before {
  content: '\e983';
}
.isax.isax-page-with-bookmark-1:before {
  content: '\e85f';
}
.isax.isax-page-with-bookmark-2:before {
  content: '\ea70';
}
.isax.isax-paintbucket-1:before {
  content: '\eb77';
}
.isax.isax-paintbucket-2:before {
  content: '\e9dd';
}
.isax.isax-paintbucket-circle:before {
  content: '\e972';
}
.isax.isax-paintbucket-square:before {
  content: '\eb15';
}
.isax.isax-paperclip-1:before {
  content: '\e990';
}
.isax.isax-paperclip-2:before {
  content: '\ea38';
}
.isax.isax-paperclip-circle:before {
  content: '\eac1';
}
.isax.isax-paperclip-square:before {
  content: '\e8b5';
}
.isax.isax-password-check:before {
  content: '\eb49';
}
.isax.isax-pause:before {
  content: '\e865';
}
.isax.isax-pause-circle:before {
  content: '\eb7a';
}
.isax.isax-pen-path-1:before {
  content: '\e940';
}
.isax.isax-pen-path-2:before {
  content: '\eadc';
}
.isax.isax-pen-tool-1:before {
  content: '\eb4c';
}
.isax.isax-pen-tool-2:before {
  content: '\eac5';
}
.isax.isax-pen-tool-add:before {
  content: '\ea8c';
}
.isax.isax-pen-tool-minus:before {
  content: '\ea2a';
}
.isax.isax-pen-tool-square:before {
  content: '\e8b2';
}
.isax.isax-pen-tool-x:before {
  content: '\ea1c';
}
.isax.isax-percentage-circle:before {
  content: '\ea88';
}
.isax.isax-percentage-square:before {
  content: '\ead6';
}
.isax.isax-person-card:before {
  content: '\eb47';
}
.isax.isax-pet:before {
  content: '\e8f0';
}
.isax.isax-phone:before {
  content: '\e8ba';
}
.isax.isax-phone-add:before {
  content: '\e857';
}
.isax.isax-phone-minus:before {
  content: '\e862';
}
.isax.isax-phone-outgoing:before {
  content: '\eab8';
}
.isax.isax-phone-receive:before {
  content: '\e8c2';
}
.isax.isax-phone-ringing:before {
  content: '\e9be';
}
.isax.isax-phone-slash:before {
  content: '\ea11';
}
.isax.isax-phone-tick:before {
  content: '\e8d3';
}
.isax.isax-phone-x:before {
  content: '\eb02';
}
.isax.isax-picture:before {
  content: '\e893';
}
.isax.isax-picture-1:before {
  content: '\e96e';
}
.isax.isax-picture-add:before {
  content: '\e94d';
}
.isax.isax-picture-download:before {
  content: '\e834';
}
.isax.isax-picture-edit:before {
  content: '\e8aa';
}
.isax.isax-picture-favorite:before {
  content: '\eb6f';
}
.isax.isax-picture-slash:before {
  content: '\e891';
}
.isax.isax-picture-tick:before {
  content: '\eb4a';
}
.isax.isax-picture-upload:before {
  content: '\e9c8';
}
.isax.isax-picture-x:before {
  content: '\e9eb';
}
.isax.isax-pie-chart:before {
  content: '\e827';
}
.isax.isax-play:before {
  content: '\e977';
}
.isax.isax-play-circle:before {
  content: '\ea6d';
}
.isax.isax-play-circle-add:before {
  content: '\e959';
}
.isax.isax-play-circle-dashed:before {
  content: '\e9bb';
}
.isax.isax-play-circle-x:before {
  content: '\e8ce';
}
.isax.isax-play-octagon:before {
  content: '\e920';
}
.isax.isax-play-square:before {
  content: '\e89d';
}
.isax.isax-plug:before {
  content: '\e8ae';
}
.isax.isax-pop-in-circle:before {
  content: '\ea65';
}
.isax.isax-pop-in-square:before {
  content: '\eb4e';
}
.isax.isax-pop-out:before {
  content: '\e968';
}
.isax.isax-pop-out-player:before {
  content: '\e852';
}
.isax.isax-presentation-chart:before {
  content: '\eacb';
}
.isax.isax-printer:before {
  content: '\e94b';
}
.isax.isax-printer-slash:before {
  content: '\eb78';
}
.isax.isax-qr-code:before {
  content: '\e91b';
}
.isax.isax-question-message:before {
  content: '\ea53';
}
.isax.isax-quote-end:before {
  content: '\eb73';
}
.isax.isax-quote-start-circle:before {
  content: '\eb6b';
}
.isax.isax-quote-end-circle:before {
  content: '\e941';
}
.isax.isax-quote-end-square:before {
  content: '\eb0a';
}
.isax.isax-quote-start:before {
  content: '\eb2e';
}
.isax.isax-quote-start-square:before {
  content: '\e9cb';
}
.isax.isax-radar-1:before {
  content: '\ead2';
}
.isax.isax-radar-2:before {
  content: '\ea60';
}
.isax.isax-radar-3:before {
  content: '\ea9f';
}
.isax.isax-radial-chart:before {
  content: '\ea91';
}
.isax.isax-radio:before {
  content: '\ea49';
}
.isax.isax-ram-1:before {
  content: '\e87c';
}
.isax.isax-ram-2:before {
  content: '\ea50';
}
.isax.isax-ranking:before {
  content: '\ea0b';
}
.isax.isax-ranking-1:before {
  content: '\e9fe';
}
.isax.isax-reblog:before {
  content: '\eaf2';
}
.isax.isax-receipt:before {
  content: '\eb7b';
}
.isax.isax-receipt-2:before {
  content: '\e8f7';
}
.isax.isax-receipt-3:before {
  content: '\e8e3';
}
.isax.isax-receipt-4:before {
  content: '\e938';
}
.isax.isax-receipt-add:before {
  content: '\e9c0';
}
.isax.isax-receipt-discount-1:before {
  content: '\e84c';
}
.isax.isax-receipt-discount-2:before {
  content: '\e956';
}
.isax.isax-receipt-edit:before {
  content: '\e8ad';
}
.isax.isax-receipt-list:before {
  content: '\e8d6';
}
.isax.isax-receipt-minus-1:before {
  content: '\e853';
}
.isax.isax-receipt-minus-2:before {
  content: '\eae3';
}
.isax.isax-receipt-search:before {
  content: '\e872';
}
.isax.isax-receipt-square:before {
  content: '\eaa1';
}
.isax.isax-receipt-text:before {
  content: '\e82f';
}
.isax.isax-receive-diagonal-down:before {
  content: '\eb1f';
}
.isax.isax-receive-diagonal-square:before {
  content: '\ea10';
}
.isax.isax-record-circle:before {
  content: '\e922';
}
.isax.isax-recover:before {
  content: '\e919';
}
.isax.isax-redo:before {
  content: '\e948';
}
.isax.isax-redo-square:before {
  content: '\e8e5';
}
.isax.isax-refresh:before {
  content: '\e803';
}
.isax.isax-refresh-circle:before {
  content: '\eb65';
}
.isax.isax-refresh-left-square:before {
  content: '\e926';
}
.isax.isax-refresh-right-square:before {
  content: '\eb03';
}
.isax.isax-refresh-square:before {
  content: '\eb51';
}
.isax.isax-repeat:before {
  content: '\eb50';
}
.isax.isax-repeat-circle:before {
  content: '\e8bc';
}
.isax.isax-retweet:before {
  content: '\e8c3';
}
.isax.isax-rotate-left:before {
  content: '\eb5b';
}
.isax.isax-rotate-right:before {
  content: '\e85b';
}
.isax.isax-route-1:before {
  content: '\e835';
}
.isax.isax-route-2:before {
  content: '\e9f0';
}
.isax.isax-rows-1:before {
  content: '\ea1d';
}
.isax.isax-rows-2:before {
  content: '\e86b';
}
.isax.isax-ruler:before {
  content: '\ea16';
}
.isax.isax-ruler-and-pen:before {
  content: '\eb63';
}
.isax.isax-safebox-1:before {
  content: '\e8f9';
}
.isax.isax-safebox-2:before {
  content: '\e84d';
}
.isax.isax-sagittarius:before {
  content: '\ea47';
}
.isax.isax-scan-1:before {
  content: '\e9a1';
}
.isax.isax-scan-2:before {
  content: '\e876';
}
.isax.isax-scan-3:before {
  content: '\ea01';
}
.isax.isax-scan-4:before {
  content: '\e813';
}
.isax.isax-scissors:before {
  content: '\ea3f';
}
.isax.isax-scissors-square:before {
  content: '\ea42';
}
.isax.isax-scroll-horizontal-square:before {
  content: '\e95c';
}
.isax.isax-search-favorite-1:before {
  content: '\e823';
}
.isax.isax-search-favorite-2:before {
  content: '\e9a4';
}
.isax.isax-search-normal-1:before {
  content: '\ea23';
}
.isax.isax-search-normal-2:before {
  content: '\e8ac';
}
.isax.isax-search-status-1:before {
  content: '\ea28';
}
.isax.isax-search-status-2:before {
  content: '\eac8';
}
.isax.isax-search-zoom-in:before {
  content: '\eaaf';
}
.isax.isax-search-zoom-in-2:before {
  content: '\eb76';
}
.isax.isax-search-zoom-out-1:before {
  content: '\e844';
}
.isax.isax-search-zoom-out-2:before {
  content: '\e8d1';
}
.isax.isax-send-1:before {
  content: '\e842';
}
.isax.isax-send-2:before {
  content: '\e806';
}
.isax.isax-send-diagonal-square:before {
  content: '\e8be';
}
.isax.isax-send-diagonal-up:before {
  content: '\e965';
}
.isax.isax-setting-1:before {
  content: '\e864';
}
.isax.isax-setting-2:before {
  content: '\e84a';
}
.isax.isax-setting-3:before {
  content: '\e8c8';
}
.isax.isax-shapes-1:before {
  content: '\eb6c';
}
.isax.isax-shapes-2:before {
  content: '\e9e8';
}
.isax.isax-share:before {
  content: '\e89f';
}
.isax.isax-shield:before {
  content: '\e93a';
}
.isax.isax-shield-card:before {
  content: '\e99e';
}
.isax.isax-shield-lock:before {
  content: '\ead0';
}
.isax.isax-shield-search:before {
  content: '\eb68';
}
.isax.isax-shield-slash:before {
  content: '\e85d';
}
.isax.isax-shield-tick:before {
  content: '\ead4';
}
.isax.isax-shield-time:before {
  content: '\e911';
}
.isax.isax-shield-user:before {
  content: '\e841';
}
.isax.isax-shield-x:before {
  content: '\ea5d';
}
.isax.isax-ship:before {
  content: '\ea90';
}
.isax.isax-shop:before {
  content: '\eb25';
}
.isax.isax-shop-add:before {
  content: '\eb81';
}
.isax.isax-shop-minus:before {
  content: '\ea6c';
}
.isax.isax-shopping-cart:before {
  content: '\e83c';
}
.isax.isax-shuffle-1:before {
  content: '\e8fc';
}
.isax.isax-shuffle-2:before {
  content: '\eada';
}
.isax.isax-sidebar-left:before {
  content: '\eb2f';
}
.isax.isax-sidebar-right:before {
  content: '\eaea';
}
.isax.isax-signpost:before {
  content: '\eb0c';
}
.isax.isax-simcard-1:before {
  content: '\e9a5';
}
.isax.isax-simcard-2:before {
  content: '\e8cf';
}
.isax.isax-simcards:before {
  content: '\e95a';
}
.isax.isax-size:before {
  content: '\ea66';
}
.isax.isax-slider:before {
  content: '\e9da';
}
.isax.isax-slideshow-horizontal-1:before {
  content: '\e828';
}
.isax.isax-slideshow-horizontal-2:before {
  content: '\e8c0';
}
.isax.isax-slideshow-vertical-1:before {
  content: '\eab0';
}
.isax.isax-slideshow-vertical-2:before {
  content: '\eb84';
}
.isax.isax-smart-car:before {
  content: '\e962';
}
.isax.isax-smart-home:before {
  content: '\eb90';
}
.isax.isax-smileys:before {
  content: '\eade';
}
.isax.isax-snow:before {
  content: '\e90c';
}
.isax.isax-sort:before {
  content: '\e895';
}
.isax.isax-sound:before {
  content: '\eb64';
}
.isax.isax-sound-circle:before {
  content: '\e885';
}
.isax.isax-speaker:before {
  content: '\e957';
}
.isax.isax-speedometer:before {
  content: '\e9cf';
}
.isax.isax-square:before {
  content: '\ea24';
}
.isax.isax-star:before {
  content: '\eb1a';
}
.isax.isax-star-slash:before {
  content: '\e8e8';
}
.isax.isax-star-speed:before {
  content: '\e910';
}
.isax.isax-status:before {
  content: '\e85c';
}
.isax.isax-stickynote:before {
  content: '\ea08';
}
.isax.isax-stickynote-round:before {
  content: '\e987';
}
.isax.isax-stop-circle:before {
  content: '\ea93';
}
.isax.isax-stopwatch:before {
  content: '\e8d2';
}
.isax.isax-stopwatch-play:before {
  content: '\eb6a';
}
.isax.isax-stopwatch-pause:before {
  content: '\ea3e';
}
.isax.isax-story:before {
  content: '\e98e';
}
.isax.isax-subtitles:before {
  content: '\eb79';
}
.isax.isax-sun:before {
  content: '\eb86';
}
.isax.isax-sun-fog:before {
  content: '\e9b9';
}
.isax.isax-swap-horizontal:before {
  content: '\e8d7';
}
.isax.isax-swap-horizontal-circle:before {
  content: '\e9f4';
}
.isax.isax-swap-horizontal-square:before {
  content: '\eb52';
}
.isax.isax-swap-vertical:before {
  content: '\e9fd';
}
.isax.isax-swap-vertical-circle:before {
  content: '\e9b8';
}
.isax.isax-swap-vertical-square:before {
  content: '\e8ab';
}
.isax.isax-tag-1:before {
  content: '\eafe';
}
.isax.isax-tag-2:before {
  content: '\eb43';
}
.isax.isax-task-list:before {
  content: '\eb83';
}
.isax.isax-task-list-square:before {
  content: '\e86d';
}
.isax.isax-teacher:before {
  content: '\ea2e';
}
.isax.isax-telescope:before {
  content: '\e896';
}
.isax.isax-text:before {
  content: '\e9ae';
}
.isax.isax-text-align-center:before {
  content: '\e92b';
}
.isax.isax-text-align-justify-center:before {
  content: '\eb20';
}
.isax.isax-text-align-justify-left:before {
  content: '\e98c';
}
.isax.isax-text-align-justify-right:before {
  content: '\e8c1';
}
.isax.isax-text-align-left:before {
  content: '\eb70';
}
.isax.isax-text-align-right:before {
  content: '\ea72';
}
.isax.isax-text-block:before {
  content: '\e96f';
}
.isax.isax-therefore:before {
  content: '\e901';
}
.isax.isax-tick-circle:before {
  content: '\e95d';
}
.isax.isax-tick-square:before {
  content: '\eb48';
}
.isax.isax-ticket-1:before {
  content: '\eb08';
}
.isax.isax-ticket-2:before {
  content: '\ea46';
}
.isax.isax-ticket-discount:before {
  content: '\e8cc';
}
.isax.isax-ticket-star:before {
  content: '\eae0';
}
.isax.isax-ticket-tear:before {
  content: '\e9c5';
}
.isax.isax-toggle-off-round:before {
  content: '\e975';
}
.isax.isax-toggle-off-square:before {
  content: '\ea9d';
}
.isax.isax-toggle-on-round:before {
  content: '\eb80';
}
.isax.isax-toggle-on-square:before {
  content: '\eb87';
}
.isax.isax-translate:before {
  content: '\eb3d';
}
.isax.isax-trash:before {
  content: '\e927';
}
.isax.isax-trash-square:before {
  content: '\ea98';
}
.isax.isax-tree:before {
  content: '\e88b';
}
.isax.isax-trend-down-square:before {
  content: '\e851';
}
.isax.isax-trend-up:before {
  content: '\e9fa';
}
.isax.isax-triangle:before {
  content: '\eb88';
}
.isax.isax-trophy:before {
  content: '\e86a';
}
.isax.isax-truck:before {
  content: '\eab7';
}
.isax.isax-truck-speed:before {
  content: '\eaa3';
}
.isax.isax-truck-tick:before {
  content: '\e9a8';
}
.isax.isax-truck-time:before {
  content: '\e8e4';
}
.isax.isax-truck-x:before {
  content: '\e830';
}
.isax.isax-tuning-knob:before {
  content: '\ea48';
}
.isax.isax-underline:before {
  content: '\e935';
}
.isax.isax-undo:before {
  content: '\e892';
}
.isax.isax-undo-square:before {
  content: '\e934';
}
.isax.isax-unlock:before {
  content: '\e8e9';
}
.isax.isax-upload-1:before {
  content: '\e928';
}
.isax.isax-upload-2:before {
  content: '\eb07';
}
.isax.isax-upload-square:before {
  content: '\e8ea';
}
.isax.isax-uppercase-lowercase:before {
  content: '\e9c3';
}
.isax.isax-user-1:before {
  content: '\e8a1';
}
.isax.isax-user-1-add:before {
  content: '\ea5c';
}
.isax.isax-user-1-minus:before {
  content: '\eb4d';
}
.isax.isax-user-1-square:before {
  content: '\eae1';
}
.isax.isax-user-1-tag:before {
  content: '\ea54';
}
.isax.isax-user-1-tick:before {
  content: '\e8b0';
}
.isax.isax-user-1-x:before {
  content: '\eb8f';
}
.isax.isax-user-2:before {
  content: '\eb37';
}
.isax.isax-user-2-add:before {
  content: '\e9d1';
}
.isax.isax-user-2-circle:before {
  content: '\e874';
}
.isax.isax-user-2-circle-add:before {
  content: '\ea31';
}
.isax.isax-user-2-edit:before {
  content: '\e967';
}
.isax.isax-user-2-minus:before {
  content: '\ea3d';
}
.isax.isax-user-2-search:before {
  content: '\e943';
}
.isax.isax-user-2-tag:before {
  content: '\eafd';
}
.isax.isax-user-2-tick:before {
  content: '\eabb';
}
.isax.isax-user-2-x:before {
  content: '\ea0f';
}
.isax.isax-user-octagon:before {
  content: '\e961';
}
.isax.isax-users:before {
  content: '\e958';
}
.isax.isax-verify:before {
  content: '\e96b';
}
.isax.isax-video:before {
  content: '\e890';
}
.isax.isax-video-2:before {
  content: '\e8d8';
}
.isax.isax-video-add:before {
  content: '\e9e0';
}
.isax.isax-video-horizontal:before {
  content: '\e89b';
}
.isax.isax-video-slash:before {
  content: '\e882';
}
.isax.isax-video-tick:before {
  content: '\eabf';
}
.isax.isax-video-time:before {
  content: '\ea09';
}
.isax.isax-video-vertical:before {
  content: '\e88f';
}
.isax.isax-video-x:before {
  content: '\e988';
}
.isax.isax-voice-square:before {
  content: '\ea56';
}
.isax.isax-volume-add:before {
  content: '\e913';
}
.isax.isax-volume-high:before {
  content: '\e8f3';
}
.isax.isax-volume-low:before {
  content: '\e849';
}
.isax.isax-volume-minus:before {
  content: '\e877';
}
.isax.isax-volume-mute:before {
  content: '\e995';
}
.isax.isax-volume-slash:before {
  content: '\e83f';
}
.isax.isax-volume-x:before {
  content: '\ea7f';
}
.isax.isax-wallet-1:before {
  content: '\ea3b';
}
.isax.isax-wallet-2:before {
  content: '\eb23';
}
.isax.isax-wallet-3:before {
  content: '\eaf5';
}
.isax.isax-wallet-4:before {
  content: '\eaf1';
}
.isax.isax-wallet-add:before {
  content: '\e8b8';
}
.isax.isax-wallet-add-1:before {
  content: '\e8f8';
}
.isax.isax-wallet-minus:before {
  content: '\e815';
}
.isax.isax-wallet-money:before {
  content: '\e86e';
}
.isax.isax-wallet-open:before {
  content: '\ea9e';
}
.isax.isax-wallet-open-add:before {
  content: '\e95b';
}
.isax.isax-wallet-open-change:before {
  content: '\ea00';
}
.isax.isax-wallet-open-tick:before {
  content: '\eaa9';
}
.isax.isax-wallet-open-time:before {
  content: '\e9e9';
}
.isax.isax-wallet-open-x:before {
  content: '\e980';
}
.isax.isax-wallet-search:before {
  content: '\eb38';
}
.isax.isax-wallet-tick:before {
  content: '\e9db';
}
.isax.isax-wallet-x:before {
  content: '\e8b3';
}
.isax.isax-warning-octagon:before {
  content: '\eaca';
}
.isax.isax-warning-triangle:before {
  content: '\e908';
}
.isax.isax-watch-1:before {
  content: '\e8c6';
}
.isax.isax-watch-2:before {
  content: '\e9e2';
}
.isax.isax-watch-activity:before {
  content: '\e9c2';
}
.isax.isax-weight-scale:before {
  content: '\e80e';
}
.isax.isax-weights:before {
  content: '\e915';
}
.isax.isax-wifi:before {
  content: '\e9e6';
}
.isax.isax-wifi-square:before {
  content: '\ea52';
}
.isax.isax-wind-1:before {
  content: '\eb5c';
}
.isax.isax-wind-2:before {
  content: '\e8c5';
}
.isax.isax-x:before {
  content: '\eb93';
}
.isax.isax-x-circle:before {
  content: '\ea75';
}
.isax.isax-x-square:before {
  content: '\e871';
}
@layer theme, base, components, utilities;
@layer theme {
  :root, :host {
    --color-red-50: oklch(97.1% 0.013 17.38);
    --color-red-100: oklch(93.6% 0.032 17.717);
    --color-red-300: oklch(80.8% 0.114 19.571);
    --color-red-500: oklch(63.7% 0.237 25.331);
    --color-red-600: oklch(57.7% 0.245 27.325);
    --color-orange-50: oklch(98% 0.016 73.684);
    --color-orange-300: oklch(83.7% 0.128 66.29);
    --color-orange-500: oklch(70.5% 0.213 47.604);
    --color-orange-600: oklch(64.6% 0.222 41.116);
    --color-green-50: oklch(98.2% 0.018 155.826);
    --color-green-100: oklch(96.2% 0.044 156.743);
    --color-green-300: oklch(87.1% 0.15 154.449);
    --color-green-500: oklch(72.3% 0.219 149.579);
    --color-green-600: oklch(62.7% 0.194 149.214);
    --color-blue-50: oklch(97% 0.014 254.604);
    --color-blue-300: oklch(80.9% 0.105 251.813);
    --color-blue-500: oklch(62.3% 0.214 259.815);
    --color-blue-600: oklch(54.6% 0.245 262.881);
    --color-blue-700: oklch(48.8% 0.243 264.376);
    --color-blue-800: oklch(42.4% 0.199 265.638);
    --color-slate-50: oklch(98.4% 0.003 247.858);
    --color-slate-100: oklch(96.8% 0.007 247.896);
    --color-slate-200: oklch(92.9% 0.013 255.508);
    --color-slate-300: oklch(86.9% 0.022 252.894);
    --color-slate-400: oklch(70.4% 0.04 256.788);
    --color-slate-500: oklch(55.4% 0.046 257.417);
    --color-slate-600: oklch(44.6% 0.043 257.281);
    --color-slate-700: oklch(37.2% 0.044 257.287);
    --color-slate-800: oklch(27.9% 0.041 260.031);
    --color-slate-900: oklch(20.8% 0.042 265.755);
    --color-gray-400: oklch(70.7% 0.022 261.325);
    --color-white: #fff;
    --spacing: 0.25rem;
    --container-sm: 24rem;
    --container-xl: 36rem;
    --container-2xl: 42rem;
    --container-3xl: 48rem;
    --container-4xl: 56rem;
    --container-5xl: 64rem;
    --container-6xl: 72rem;
    --text-sm: 0.875rem;
    --text-sm--line-height: calc(1.25 / 0.875);
    --text-base: 1rem;
    --text-base--line-height: calc(1.5 / 1);
    --text-lg: 1.125rem;
    --text-lg--line-height: calc(1.75 / 1.125);
    --text-xl: 1.25rem;
    --text-xl--line-height: calc(1.75 / 1.25);
    --text-2xl: 1.5rem;
    --text-2xl--line-height: calc(2 / 1.5);
    --text-3xl: 1.875rem;
    --text-3xl--line-height: calc(2.25 / 1.875);
    --text-4xl: 2.25rem;
    --text-4xl--line-height: calc(2.5 / 2.25);
    --text-5xl: 3rem;
    --text-5xl--line-height: 1;
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --font-weight-black: 900;
    --radius-lg: 0.5rem;
    --radius-xl: 0.75rem;
    --radius-2xl: 1rem;
    --radius-3xl: 1.5rem;
    --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
    --animate-spin: spin 1s linear infinite;
    --animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
    --blur-xl: 24px;
    --blur-2xl: 40px;
    --blur-3xl: 64px;
    --default-transition-duration: 150ms;
    --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    --color-primary-50: #5EB0FD;
    --color-primary-200: #0E89FB;
    --color-primary-300: #047EF1;
    --color-primary-400: #0374DD;
    --color-primary-500: #0466C8;
    --color-primary-700: #0353A4;
    --color-primary-800: #002855;
  }
}
@layer base {
  *, ::after, ::before, ::backdrop, ::file-selector-button {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0 solid;
  }
  html, :host {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    font-family: Estedad, sans-serif;
    font-feature-settings: normal;
    font-variation-settings: normal;
    -webkit-tap-highlight-color: transparent;
  }
  hr {
    height: 0;
    color: inherit;
    border-top-width: 1px;
  }
  abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
  }
  h1, h2, h3, h4, h5, h6 {
    font-size: inherit;
    font-weight: inherit;
  }
  a {
    color: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
  }
  b, strong {
    font-weight: bolder;
  }
  code, kbd, samp, pre {
    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
    font-feature-settings: var(--default-mono-font-feature-settings, normal);
    font-variation-settings: var(--default-mono-font-variation-settings, normal);
    font-size: 1em;
  }
  small {
    font-size: 80%;
  }
  sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
  }
  sub {
    bottom: -0.25em;
  }
  sup {
    top: -0.5em;
  }
  table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
  }
  :-moz-focusring {
    outline: auto;
  }
  progress {
    vertical-align: baseline;
  }
  summary {
    display: list-item;
  }
  ol, ul, menu {
    list-style: none;
  }
  img, svg, video, canvas, audio, iframe, embed, object {
    display: block;
    vertical-align: middle;
  }
  img, video {
    max-width: 100%;
    height: auto;
  }
  button, input, select, optgroup, textarea, ::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    border-radius: 0;
    background-color: transparent;
    opacity: 1;
  }
  :where(select:is([multiple], [size])) optgroup {
    font-weight: bolder;
  }
  :where(select:is([multiple], [size])) optgroup option {
    padding-inline-start: 20px;
  }
  ::file-selector-button {
    margin-inline-end: 4px;
  }
  ::placeholder {
    opacity: 1;
  }
  @supports (not (-webkit-appearance: -apple-pay-button))  or (contain-intrinsic-size: 1px) {
    ::placeholder {
      color: currentcolor;
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
    }
  }
  textarea {
    resize: vertical;
  }
  ::-webkit-search-decoration {
    -webkit-appearance: none;
  }
  ::-webkit-date-and-time-value {
    min-height: 1lh;
    text-align: inherit;
  }
  ::-webkit-datetime-edit {
    display: inline-flex;
  }
  ::-webkit-datetime-edit-fields-wrapper {
    padding: 0;
  }
  ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {
    padding-block: 0;
  }
  :-moz-ui-invalid {
    box-shadow: none;
  }
  button, input:where([type="button"], [type="reset"], [type="submit"]), ::file-selector-button {
    appearance: button;
  }
  ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
    height: auto;
  }
  [hidden]:where(:not([hidden="until-found"])) {
    display: none !important;
  }
}
@layer utilities {
  .visible {
    visibility: visible;
  }
  .absolute {
    position: absolute;
  }
  .fixed {
    position: fixed;
  }
  .relative {
    position: relative;
  }
  .static {
    position: static;
  }
  .sticky {
    position: sticky;
  }
  .-top-2 {
    top: calc(var(--spacing) * -2);
  }
  .-top-5 {
    top: calc(var(--spacing) * -5);
  }
  .-top-10 {
    top: calc(var(--spacing) * -10);
  }
  .-top-12 {
    top: calc(var(--spacing) * -12);
  }
  .top-0 {
    top: calc(var(--spacing) * 0);
  }
  .top-5 {
    top: calc(var(--spacing) * 5);
  }
  .top-28 {
    top: calc(var(--spacing) * 28);
  }
  .-right-5 {
    right: calc(var(--spacing) * -5);
  }
  .-right-10 {
    right: calc(var(--spacing) * -10);
  }
  .right-0 {
    right: calc(var(--spacing) * 0);
  }
  .\!bottom-0 {
    bottom: calc(var(--spacing) * 0) !important;
  }
  .-bottom-5 {
    bottom: calc(var(--spacing) * -5);
  }
  .-bottom-10 {
    bottom: calc(var(--spacing) * -10);
  }
  .bottom-0 {
    bottom: calc(var(--spacing) * 0);
  }
  .-left-2 {
    left: calc(var(--spacing) * -2);
  }
  .-left-3 {
    left: calc(var(--spacing) * -3);
  }
  .left-0 {
    left: calc(var(--spacing) * 0);
  }
  .left-4 {
    left: calc(var(--spacing) * 4);
  }
  .left-5 {
    left: calc(var(--spacing) * 5);
  }
  .left-8 {
    left: calc(var(--spacing) * 8);
  }
  .-z-0 {
    z-index: calc(0 * -1);
  }
  .z-0 {
    z-index: 0;
  }
  .z-10 {
    z-index: 10;
  }
  .z-20 {
    z-index: 20;
  }
  .order-1 {
    order: 1;
  }
  .order-2 {
    order: 2;
  }
  .container {
    width: 100%;
    @media (width >= 40rem) {
      max-width: 40rem;
    }
    @media (width >= 48rem) {
      max-width: 48rem;
    }
    @media (width >= 64rem) {
      max-width: 64rem;
    }
    @media (width >= 80rem) {
      max-width: 80rem;
    }
    @media (width >= 96rem) {
      max-width: 96rem;
    }
  }
  .m-auto {
    margin: auto;
  }
  .mx-auto {
    margin-inline: auto;
  }
  .my-8 {
    margin-block: calc(var(--spacing) * 8);
  }
  .my-10 {
    margin-block: calc(var(--spacing) * 10);
  }
  .my-16 {
    margin-block: calc(var(--spacing) * 16);
  }
  .my-auto {
    margin-block: auto;
  }
  .\!mt-8 {
    margin-top: calc(var(--spacing) * 8) !important;
  }
  .mt-4 {
    margin-top: calc(var(--spacing) * 4);
  }
  .mt-6 {
    margin-top: calc(var(--spacing) * 6);
  }
  .mt-8 {
    margin-top: calc(var(--spacing) * 8);
  }
  .mt-10 {
    margin-top: calc(var(--spacing) * 10);
  }
  .mt-12 {
    margin-top: calc(var(--spacing) * 12);
  }
  .mt-16 {
    margin-top: calc(var(--spacing) * 16);
  }
  .mt-20 {
    margin-top: calc(var(--spacing) * 20);
  }
  .mr-auto {
    margin-right: auto;
  }
  .mb-4 {
    margin-bottom: calc(var(--spacing) * 4);
  }
  .mb-8 {
    margin-bottom: calc(var(--spacing) * 8);
  }
  .mb-10 {
    margin-bottom: calc(var(--spacing) * 10);
  }
  .mb-12 {
    margin-bottom: calc(var(--spacing) * 12);
  }
  .mb-28 {
    margin-bottom: calc(var(--spacing) * 28);
  }
  .mb-48 {
    margin-bottom: calc(var(--spacing) * 48);
  }
  .ml-1 {
    margin-left: calc(var(--spacing) * 1);
  }
  .box-content {
    box-sizing: content-box;
  }
  .block {
    display: block;
  }
  .flex {
    display: flex;
  }
  .grid {
    display: grid;
  }
  .hidden {
    display: none;
  }
  .inline {
    display: inline;
  }
  .inline-block {
    display: inline-block;
  }
  .inline-flex {
    display: inline-flex;
  }
  .table {
    display: table;
  }
  .h-3\/4 {
    height: calc(3/4 * 100%);
  }
  .h-96 {
    height: calc(var(--spacing) * 96);
  }
  .h-full {
    height: 100%;
  }
  .h-screen {
    height: 100vh;
  }
  .max-h-96 {
    max-height: calc(var(--spacing) * 96);
  }
  .max-h-\[300px\] {
    max-height: 300px;
  }
  .max-h-\[350px\] {
    max-height: 350px;
  }
  .max-h-\[600px\] {
    max-height: 600px;
  }
  .w-3\/4 {
    width: calc(3/4 * 100%);
  }
  .w-80 {
    width: calc(var(--spacing) * 80);
  }
  .w-96 {
    width: calc(var(--spacing) * 96);
  }
  .w-full {
    width: 100%;
  }
  .\!max-w-6xl {
    max-width: var(--container-6xl) !important;
  }
  .max-w-2xl {
    max-width: var(--container-2xl);
  }
  .max-w-4xl {
    max-width: var(--container-4xl);
  }
  .max-w-5xl {
    max-width: var(--container-5xl);
  }
  .max-w-6xl {
    max-width: var(--container-6xl);
  }
  .max-w-96 {
    max-width: calc(var(--spacing) * 96);
  }
  .max-w-\[500px\] {
    max-width: 500px;
  }
  .max-w-full {
    max-width: 100%;
  }
  .max-w-xl {
    max-width: var(--container-xl);
  }
  .flex-1 {
    flex: 1;
  }
  .transform {
    transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
  }
  .animate-pulse {
    animation: var(--animate-pulse);
  }
  .cursor-pointer {
    cursor: pointer;
  }
  .resize {
    resize: both;
  }
  .grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .flex-col {
    flex-direction: column;
  }
  .flex-col-reverse {
    flex-direction: column-reverse;
  }
  .flex-row {
    flex-direction: row;
  }
  .flex-wrap {
    flex-wrap: wrap;
  }
  .items-center {
    align-items: center;
  }
  .justify-between {
    justify-content: space-between;
  }
  .justify-center {
    justify-content: center;
  }
  .gap-1 {
    gap: calc(var(--spacing) * 1);
  }
  .gap-2 {
    gap: calc(var(--spacing) * 2);
  }
  .gap-4 {
    gap: calc(var(--spacing) * 4);
  }
  .gap-5 {
    gap: calc(var(--spacing) * 5);
  }
  .gap-6 {
    gap: calc(var(--spacing) * 6);
  }
  .gap-8 {
    gap: calc(var(--spacing) * 8);
  }
  .gap-10 {
    gap: calc(var(--spacing) * 10);
  }
  .gap-16 {
    gap: calc(var(--spacing) * 16);
  }
  .overflow-x-hidden {
    overflow-x: hidden;
  }
  .rounded-2xl {
    border-radius: var(--radius-2xl);
  }
  .rounded-3xl {
    border-radius: var(--radius-3xl);
  }
  .rounded-full {
    border-radius: calc(infinity * 1px);
  }
  .rounded-lg {
    border-radius: var(--radius-lg);
  }
  .rounded-xl {
    border-radius: var(--radius-xl);
  }
  .border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  .border-b {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }
  .border-slate-300 {
    border-color: var(--color-slate-300);
  }
  .border-b-slate-300 {
    border-bottom-color: var(--color-slate-300);
  }
  .bg-primary-500\/90 {
    background-color: color-mix(in srgb, #0466C8 90%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-primary-500) 90%, transparent);
    }
  }
  .bg-slate-100 {
    background-color: var(--color-slate-100);
  }
  .bg-slate-100\/25 {
    background-color: color-mix(in srgb, oklch(96.8% 0.007 247.896) 25%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-slate-100) 25%, transparent);
    }
  }
  .bg-slate-200 {
    background-color: var(--color-slate-200);
  }
  .bg-slate-800\/75 {
    background-color: color-mix(in srgb, oklch(27.9% 0.041 260.031) 75%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-slate-800) 75%, transparent);
    }
  }
  .bg-white {
    background-color: var(--color-white);
  }
  .bg-white\/70 {
    background-color: color-mix(in srgb, #fff 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 70%, transparent);
    }
  }
  .bg-gradient-to-b {
    --tw-gradient-position: to bottom in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
  }
  .bg-gradient-to-bl {
    --tw-gradient-position: to bottom left in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
  }
  .bg-gradient-to-br {
    --tw-gradient-position: to bottom right in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
  }
  .bg-gradient-to-tl {
    --tw-gradient-position: to top left in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
  }
  .from-blue-800 {
    --tw-gradient-from: var(--color-blue-800);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-slate-200 {
    --tw-gradient-from: var(--color-slate-200);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-slate-200\/50 {
    --tw-gradient-from: color-mix(in srgb, oklch(92.9% 0.013 255.508) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-slate-200) 50%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .via-blue-500 {
    --tw-gradient-via: var(--color-blue-500);
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }
  .via-slate-50 {
    --tw-gradient-via: var(--color-slate-50);
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }
  .to-blue-700 {
    --tw-gradient-to: var(--color-blue-700);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-slate-50 {
    --tw-gradient-to: var(--color-slate-50);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-slate-100 {
    --tw-gradient-to: var(--color-slate-100);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-white {
    --tw-gradient-to: var(--color-white);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .bg-bottom {
    background-position: bottom;
  }
  .object-cover {
    object-fit: cover;
  }
  .p-2 {
    padding: calc(var(--spacing) * 2);
  }
  .p-3 {
    padding: calc(var(--spacing) * 3);
  }
  .p-6 {
    padding: calc(var(--spacing) * 6);
  }
  .p-10 {
    padding: calc(var(--spacing) * 10);
  }
  .px-4 {
    padding-inline: calc(var(--spacing) * 4);
  }
  .px-6 {
    padding-inline: calc(var(--spacing) * 6);
  }
  .px-8 {
    padding-inline: calc(var(--spacing) * 8);
  }
  .\!py-0 {
    padding-block: calc(var(--spacing) * 0) !important;
  }
  .\!py-16 {
    padding-block: calc(var(--spacing) * 16) !important;
  }
  .py-4 {
    padding-block: calc(var(--spacing) * 4);
  }
  .py-8 {
    padding-block: calc(var(--spacing) * 8);
  }
  .py-20 {
    padding-block: calc(var(--spacing) * 20);
  }
  .\!pt-10 {
    padding-top: calc(var(--spacing) * 10) !important;
  }
  .pt-0 {
    padding-top: calc(var(--spacing) * 0);
  }
  .pb-0 {
    padding-bottom: calc(var(--spacing) * 0);
  }
  .pb-10 {
    padding-bottom: calc(var(--spacing) * 10);
  }
  .text-center {
    text-align: center;
  }
  .text-right {
    text-align: right;
  }
  .align-bottom {
    vertical-align: bottom;
  }
  .align-top {
    vertical-align: top;
  }
  .text-2xl {
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
  }
  .text-3xl {
    font-size: var(--text-3xl);
    line-height: var(--tw-leading, var(--text-3xl--line-height));
  }
  .text-4xl {
    font-size: var(--text-4xl);
    line-height: var(--tw-leading, var(--text-4xl--line-height));
  }
  .text-lg {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
  }
  .text-sm {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
  .text-xl {
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
  }
  .leading-8 {
    --tw-leading: calc(var(--spacing) * 8);
    line-height: calc(var(--spacing) * 8);
  }
  .leading-10 {
    --tw-leading: calc(var(--spacing) * 10);
    line-height: calc(var(--spacing) * 10);
  }
  .leading-\[175\%\] {
    --tw-leading: 175%;
    line-height: 175%;
  }
  .leading-none {
    --tw-leading: 1;
    line-height: 1;
  }
  .font-black {
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
  }
  .font-bold {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }
  .font-medium {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }
  .tracking-\[\.5rem\] {
    --tw-tracking: .5rem;
    letter-spacing: .5rem;
  }
  .text-blue-600 {
    color: var(--color-blue-600);
  }
  .text-gray-400 {
    color: var(--color-gray-400);
  }
  .text-primary-500 {
    color: var(--color-primary-500);
  }
  .text-primary-800 {
    color: var(--color-primary-800);
  }
  .text-slate-100 {
    color: var(--color-slate-100);
  }
  .text-slate-400 {
    color: var(--color-slate-400);
  }
  .text-slate-500 {
    color: var(--color-slate-500);
  }
  .text-slate-600 {
    color: var(--color-slate-600);
  }
  .text-white {
    color: var(--color-white);
  }
  .text-white\/80 {
    color: color-mix(in srgb, #fff 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-white) 80%, transparent);
    }
  }
  .italic {
    font-style: italic;
  }
  .underline {
    text-decoration-line: underline;
  }
  .shadow-xl {
    --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-slate-500\/10 {
    --tw-shadow-color: color-mix(in srgb, oklch(55.4% 0.046 257.417) 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-slate-500) 10%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }
  .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,);
  }
  .filter {
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .backdrop-blur-xl {
    --tw-backdrop-blur: blur(var(--blur-xl));
    -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,);
  }
  .transition {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, visibility, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .ease-in-out {
    --tw-ease: var(--ease-in-out);
    transition-timing-function: var(--ease-in-out);
  }
  .backface-hidden {
    backface-visibility: hidden;
  }
  .ltr {
    direction: ltr;
  }
  .rtl {
    direction: rtl;
  }
  .visited\:text-white\/80 {
    &:visited {
      color: color-mix(in srgb, #fff 80%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-white) 80%, transparent);
      }
    }
  }
  .lg\:-top-5 {
    @media (width >= 64rem) {
      top: calc(var(--spacing) * -5);
    }
  }
  .lg\:-top-10 {
    @media (width >= 64rem) {
      top: calc(var(--spacing) * -10);
    }
  }
  .lg\:-right-12 {
    @media (width >= 64rem) {
      right: calc(var(--spacing) * -12);
    }
  }
  .lg\:-bottom-10 {
    @media (width >= 64rem) {
      bottom: calc(var(--spacing) * -10);
    }
  }
  .lg\:bottom-10 {
    @media (width >= 64rem) {
      bottom: calc(var(--spacing) * 10);
    }
  }
  .lg\:-left-5 {
    @media (width >= 64rem) {
      left: calc(var(--spacing) * -5);
    }
  }
  .lg\:-left-10 {
    @media (width >= 64rem) {
      left: calc(var(--spacing) * -10);
    }
  }
  .lg\:left-auto {
    @media (width >= 64rem) {
      left: auto;
    }
  }
  .lg\:order-1 {
    @media (width >= 64rem) {
      order: 1;
    }
  }
  .lg\:order-2 {
    @media (width >= 64rem) {
      order: 2;
    }
  }
  .lg\:col-span-1 {
    @media (width >= 64rem) {
      grid-column: span 1 / span 1;
    }
  }
  .lg\:col-span-2 {
    @media (width >= 64rem) {
      grid-column: span 2 / span 2;
    }
  }
  .lg\:col-span-3 {
    @media (width >= 64rem) {
      grid-column: span 3 / span 3;
    }
  }
  .lg\:my-10 {
    @media (width >= 64rem) {
      margin-block: calc(var(--spacing) * 10);
    }
  }
  .lg\:my-16 {
    @media (width >= 64rem) {
      margin-block: calc(var(--spacing) * 16);
    }
  }
  .lg\:my-32 {
    @media (width >= 64rem) {
      margin-block: calc(var(--spacing) * 32);
    }
  }
  .lg\:mt-8 {
    @media (width >= 64rem) {
      margin-top: calc(var(--spacing) * 8);
    }
  }
  .lg\:mt-10 {
    @media (width >= 64rem) {
      margin-top: calc(var(--spacing) * 10);
    }
  }
  .lg\:mt-16 {
    @media (width >= 64rem) {
      margin-top: calc(var(--spacing) * 16);
    }
  }
  .lg\:mt-24 {
    @media (width >= 64rem) {
      margin-top: calc(var(--spacing) * 24);
    }
  }
  .lg\:mb-12 {
    @media (width >= 64rem) {
      margin-bottom: calc(var(--spacing) * 12);
    }
  }
  .lg\:mb-56 {
    @media (width >= 64rem) {
      margin-bottom: calc(var(--spacing) * 56);
    }
  }
  .lg\:block {
    @media (width >= 64rem) {
      display: block;
    }
  }
  .lg\:hidden {
    @media (width >= 64rem) {
      display: none;
    }
  }
  .lg\:h-\[600px\] {
    @media (width >= 64rem) {
      height: 600px;
    }
  }
  .lg\:max-h-\[500px\] {
    @media (width >= 64rem) {
      max-height: 500px;
    }
  }
  .lg\:max-h-\[600px\] {
    @media (width >= 64rem) {
      max-height: 600px;
    }
  }
  .lg\:grid-cols-2 {
    @media (width >= 64rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .lg\:grid-cols-3 {
    @media (width >= 64rem) {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  .lg\:grid-cols-4 {
    @media (width >= 64rem) {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  .lg\:grid-cols-6 {
    @media (width >= 64rem) {
      grid-template-columns: repeat(6, minmax(0, 1fr));
    }
  }
  .lg\:flex-row {
    @media (width >= 64rem) {
      flex-direction: row;
    }
  }
  .lg\:justify-start {
    @media (width >= 64rem) {
      justify-content: flex-start;
    }
  }
  .lg\:gap-6 {
    @media (width >= 64rem) {
      gap: calc(var(--spacing) * 6);
    }
  }
  .lg\:gap-8 {
    @media (width >= 64rem) {
      gap: calc(var(--spacing) * 8);
    }
  }
  .lg\:gap-12 {
    @media (width >= 64rem) {
      gap: calc(var(--spacing) * 12);
    }
  }
  .lg\:gap-24 {
    @media (width >= 64rem) {
      gap: calc(var(--spacing) * 24);
    }
  }
  .lg\:gap-28 {
    @media (width >= 64rem) {
      gap: calc(var(--spacing) * 28);
    }
  }
  .lg\:rounded-3xl {
    @media (width >= 64rem) {
      border-radius: var(--radius-3xl);
    }
  }
  .lg\:rounded-4xl {
    @media (width >= 64rem) {
      border-radius: 2.5rem;
    }
  }
  .lg\:p-10 {
    @media (width >= 64rem) {
      padding: calc(var(--spacing) * 10);
    }
  }
  .lg\:p-16 {
    @media (width >= 64rem) {
      padding: calc(var(--spacing) * 16);
    }
  }
  .lg\:p-20 {
    @media (width >= 64rem) {
      padding: calc(var(--spacing) * 20);
    }
  }
  .lg\:px-10 {
    @media (width >= 64rem) {
      padding-inline: calc(var(--spacing) * 10);
    }
  }
  .lg\:py-16 {
    @media (width >= 64rem) {
      padding-block: calc(var(--spacing) * 16);
    }
  }
  .lg\:py-40 {
    @media (width >= 64rem) {
      padding-block: calc(var(--spacing) * 40);
    }
  }
  .lg\:pb-16 {
    @media (width >= 64rem) {
      padding-bottom: calc(var(--spacing) * 16);
    }
  }
  .lg\:text-3xl {
    @media (width >= 64rem) {
      font-size: var(--text-3xl);
      line-height: var(--tw-leading, var(--text-3xl--line-height));
    }
  }
  .lg\:text-4xl {
    @media (width >= 64rem) {
      font-size: var(--text-4xl);
      line-height: var(--tw-leading, var(--text-4xl--line-height));
    }
  }
  .lg\:text-5xl {
    @media (width >= 64rem) {
      font-size: var(--text-5xl);
      line-height: var(--tw-leading, var(--text-5xl--line-height));
    }
  }
  .lg\:text-lg {
    @media (width >= 64rem) {
      font-size: var(--text-lg);
      line-height: var(--tw-leading, var(--text-lg--line-height));
    }
  }
  .lg\:text-xl {
    @media (width >= 64rem) {
      font-size: var(--text-xl);
      line-height: var(--tw-leading, var(--text-xl--line-height));
    }
  }
  .lg\:leading-10 {
    @media (width >= 64rem) {
      --tw-leading: calc(var(--spacing) * 10);
      line-height: calc(var(--spacing) * 10);
    }
  }
  .lg\:leading-\[150\%\] {
    @media (width >= 64rem) {
      --tw-leading: 150%;
      line-height: 150%;
    }
  }
  .\32 xl\:pl-20 {
    @media (width >= 96rem) {
      padding-left: calc(var(--spacing) * 20);
    }
  }
}
@layer base {
  body {
    overflow-x: hidden;
    background-color: var(--color-slate-50);
    color: var(--color-slate-600);
  }
  h1, h2, h3, h4, h5, h6 {
    font-family: Pinar;
    --tw-leading: 175%;
    line-height: 175%;
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
  }
  h1 {
    font-size: var(--text-3xl);
    line-height: var(--tw-leading, var(--text-3xl--line-height));
    @media (width >= 64rem) {
      font-size: var(--text-5xl);
      line-height: var(--tw-leading, var(--text-5xl--line-height));
    }
  }
  h2 {
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
  }
  h3 {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
  }
  a, button {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--color-slate-700);
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: 300ms;
    transition-duration: 300ms;
    --tw-ease: var(--ease-in-out);
    transition-timing-function: var(--ease-in-out);
  }
  a {
    color: var(--color-slate-500);
    text-decoration-line: none;
    &:visited {
      color: var(--color-slate-500);
    }
    &:hover {
      @media (hover: hover) {
        color: var(--color-blue-700);
      }
    }
  }
  .img-responsive {
    max-width: 100%;
  }
  input, textarea, select {
    outline-style: var(--tw-outline-style);
    outline-width: 0px;
  }
  .container {
    margin-inline: auto;
    max-width: 1440px !important;
    padding-inline: calc(var(--spacing) * 4);
  }
}
@layer components {
  .section {
    position: relative;
    padding-block: calc(var(--spacing) * 16);
    @media (width >= 64rem) {
      padding-block: calc(var(--spacing) * 32);
    }
  }
  .section .section-title {
    margin-bottom: calc(var(--spacing) * 12);
    @media (width >= 64rem) {
      margin-bottom: calc(var(--spacing) * 16);
    }
    .title {
      font-size: var(--text-3xl);
      line-height: var(--tw-leading, var(--text-3xl--line-height));
      color: var(--color-primary-800);
      @media (width >= 64rem) {
        font-size: var(--text-4xl);
        line-height: var(--tw-leading, var(--text-4xl--line-height));
      }
    }
    .title.small {
      font-size: var(--text-2xl);
      line-height: var(--tw-leading, var(--text-2xl--line-height));
      @media (width >= 64rem) {
        font-size: var(--text-3xl);
        line-height: var(--tw-leading, var(--text-3xl--line-height));
      }
    }
    .description {
      margin-top: calc(var(--spacing) * 6);
      max-width: var(--container-3xl);
      --tw-leading: calc(var(--spacing) * 8);
      line-height: calc(var(--spacing) * 8);
      --tw-font-weight: var(--font-weight-semibold);
      font-weight: var(--font-weight-semibold);
      @media (width >= 64rem) {
        margin-top: calc(var(--spacing) * 8);
      }
    }
  }
  .section .section-title.row {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: calc(var(--spacing) * 10);
    @media (width >= 64rem) {
      flex-direction: row;
    }
  }
  .section .section-title.center {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    .description {
      max-width: var(--container-xl);
    }
  }
  .section .section-content {
    position: relative;
    z-index: 20;
  }
  .section .section-more {
    margin-top: calc(var(--spacing) * 10);
    text-align: center;
    @media (width >= 64rem) {
      margin-top: calc(var(--spacing) * 20);
    }
  }
  .section-row {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    gap: calc(var(--spacing) * 10);
    @media (width >= 64rem) {
      flex-direction: row;
    }
    @media (width >= 96rem) {
      gap: calc(var(--spacing) * 32);
    }
    .col-image {
      position: relative;
      width: 100%;
      flex: 1;
      &:before {
        position: absolute;
        top: calc(var(--spacing) * 24);
        left: calc(var(--spacing) * 4);
        z-index: calc(10 * -1);
        height: calc(2/4 * 100%);
        width: calc(3/4 * 100%);
        border-radius: var(--radius-3xl);
        background-color: var(--color-slate-100);
        --tw-content: '';
        content: var(--tw-content);
        @media (width >= 64rem) {
          top: calc(var(--spacing) * 40);
        }
        @media (width >= 64rem) {
          left: calc(var(--spacing) * 28);
        }
      }
      .image-1 {
        position: relative;
        top: calc(var(--spacing) * -10);
        margin-left: calc(var(--spacing) * 10);
        height: 400px;
        max-width: 500px;
        @media (width >= 64rem) {
          margin-left: calc(var(--spacing) * 0);
        }
        @media (width >= 64rem) {
          height: 650px;
        }
      }
      .image-1:after {
        position: absolute;
        top: calc(var(--spacing) * 0);
        left: calc(var(--spacing) * 0);
        z-index: 10;
        height: 100%;
        width: 100%;
        border-radius: var(--radius-3xl);
        border-top-left-radius: 80px;
        --tw-gradient-position: to top in oklab;
        background-image: linear-gradient(var(--tw-gradient-stops));
        --tw-gradient-from: color-mix(in srgb, #0466C8 40%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          --tw-gradient-from: color-mix(in oklab, var(--color-primary-500) 40%, transparent);
        }
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
        --tw-gradient-to: color-mix(in srgb, #0466C8 5%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          --tw-gradient-to: color-mix(in oklab, var(--color-primary-500) 5%, transparent);
        }
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
        --tw-content: '';
        content: var(--tw-content);
      }
      .image-1 img {
        height: 100%;
        width: 100%;
        border-radius: var(--radius-3xl);
        border-top-left-radius: 80px;
        object-fit: cover;
      }
      .image-2 {
        position: absolute;
        bottom: calc(var(--spacing) * 0);
        left: calc(var(--spacing) * 0);
        z-index: 10;
        border-radius: 40px;
        border-style: var(--tw-border-style);
        border-width: 8px;
        border-color: var(--color-white);
      }
      .image-2:after {
        position: absolute;
        top: calc(var(--spacing) * 0);
        left: calc(var(--spacing) * 0);
        z-index: 10;
        height: 100%;
        width: 100%;
        border-radius: 32px;
        --tw-gradient-position: to top right in oklab;
        background-image: linear-gradient(var(--tw-gradient-stops));
        --tw-gradient-from: color-mix(in srgb, #0466C8 30%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          --tw-gradient-from: color-mix(in oklab, var(--color-primary-500) 30%, transparent);
        }
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
        --tw-gradient-to: color-mix(in srgb, #0466C8 0%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          --tw-gradient-to: color-mix(in oklab, var(--color-primary-500) 0%, transparent);
        }
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
        --tw-content: '';
        content: var(--tw-content);
      }
      .image-2 img {
        height: 250px;
        width: 250px;
        border-radius: 32px;
        object-fit: cover;
        @media (width >= 64rem) {
          height: 400px;
        }
        @media (width >= 64rem) {
          width: 350px;
        }
      }
      .img-dots {
        position: absolute;
        top: calc(var(--spacing) * 32);
        left: calc(var(--spacing) * 0);
        z-index: calc(10 * -1);
        @media (width >= 64rem) {
          top: calc(var(--spacing) * 48);
        }
        @media (width >= 64rem) {
          left: calc(var(--spacing) * 20);
        }
      }
    }
    .col-text {
      flex: 1;
      .title {
        margin-bottom: calc(var(--spacing) * 6);
        font-size: var(--text-2xl);
        line-height: var(--tw-leading, var(--text-2xl--line-height));
        color: var(--color-primary-800);
        @media (width >= 64rem) {
          margin-bottom: calc(var(--spacing) * 10);
        }
        @media (width >= 64rem) {
          font-size: var(--text-4xl);
          line-height: var(--tw-leading, var(--text-4xl--line-height));
        }
      }
      .description {
        max-width: var(--container-xl);
        font-size: var(--text-lg);
        line-height: var(--tw-leading, var(--text-lg--line-height));
        --tw-leading: calc(var(--spacing) * 8);
        line-height: calc(var(--spacing) * 8);
        --tw-font-weight: var(--font-weight-medium);
        font-weight: var(--font-weight-medium);
        color: var(--color-slate-600);
      }
      .links {
        margin-top: calc(var(--spacing) * 8);
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        gap: calc(var(--spacing) * 2);
        @media (width >= 64rem) {
          margin-top: calc(var(--spacing) * 12);
        }
        @media (width >= 64rem) {
          justify-content: flex-start;
        }
        @media (width >= 64rem) {
          gap: calc(var(--spacing) * 4);
        }
      }
    }
  }
  .section-row.bg-circle {
    position: relative;
    &:before {
      position: absolute;
      top: calc(var(--spacing) * 0);
      bottom: calc(var(--spacing) * 0);
      left: calc(var(--spacing) * 0);
      z-index: calc(10 * -1);
      margin-block: auto;
      height: calc(var(--spacing) * 96);
      width: calc(3/4 * 100%);
      background-color: var(--color-primary-300);
      opacity: 10%;
      --tw-blur: blur(var(--blur-3xl));
      filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
      --tw-content: '';
      content: var(--tw-content);
      @media (width >= 64rem) {
        height: 500px;
      }
      @media (width >= 64rem) {
        width: 500px;
      }
      @media (width >= 64rem) {
        --tw-translate-x: calc(var(--spacing) * -60);
        translate: var(--tw-translate-x) var(--tw-translate-y);
      }
    }
  }
  .section-row.reverse {
    @media (width >= 64rem) {
      flex-direction: row-reverse;
    }
    .col-image {
      position: relative;
      width: 100%;
      flex: 1;
      &:before {
        right: calc(var(--spacing) * 4);
        left: auto;
        @media (width >= 64rem) {
          right: calc(var(--spacing) * 28);
        }
      }
      .image-1 {
        margin-right: calc(var(--spacing) * 10);
        margin-left: calc(var(--spacing) * 0);
        @media (width >= 64rem) {
          margin-right: auto;
        }
      }
      .image-1:after {
        right: calc(var(--spacing) * 0);
        left: auto;
        border-top-left-radius: var(--radius-3xl);
        border-top-right-radius: 80px;
      }
      .image-1 img {
        border-top-left-radius: var(--radius-3xl);
        border-top-right-radius: 80px;
      }
      .image-2 {
        right: calc(var(--spacing) * 0);
        left: auto;
      }
      .image-2:after {
        right: calc(var(--spacing) * 0);
        left: auto;
      }
      .img-dots {
        right: calc(var(--spacing) * 0);
        left: auto;
        @media (width >= 64rem) {
          right: calc(var(--spacing) * 20);
        }
      }
    }
  }
  .section-row.reverse.bg-circle {
    &:before {
      right: calc(var(--spacing) * 0);
      left: auto;
      @media (width >= 64rem) {
        --tw-translate-x: calc(var(--spacing) * 60);
        translate: var(--tw-translate-x) var(--tw-translate-y);
      }
    }
  }
  .btn, a.btn {
    display: inline-flex;
    height: calc(var(--spacing) * 14);
    cursor: pointer;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: calc(var(--spacing) * 3);
    border-radius: var(--radius-xl);
    padding-inline: calc(var(--spacing) * 6);
    @media (width >= 64rem) {
      height: calc(var(--spacing) * 16);
    }
    @media (width >= 64rem) {
      gap: calc(var(--spacing) * 5);
    }
    @media (width >= 64rem) {
      padding-inline: calc(var(--spacing) * 8);
    }
    .btn-icon {
      font-size: var(--text-xl);
      line-height: var(--tw-leading, var(--text-xl--line-height));
      @media (width >= 64rem) {
        font-size: var(--text-2xl);
        line-height: var(--tw-leading, var(--text-2xl--line-height));
      }
    }
    .btn-text {
      --tw-font-weight: var(--font-weight-medium);
      font-weight: var(--font-weight-medium);
    }
  }
  .btn.btn-sm, a.btn.btn-sm {
    height: calc(var(--spacing) * 14);
    gap: calc(var(--spacing) * 3);
    padding-inline: calc(var(--spacing) * 4);
    .btn-text {
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
    }
  }
  .btn.btn-lg, a.btn.btn-lg {
    height: calc(var(--spacing) * 16);
    gap: calc(var(--spacing) * 4);
    padding-inline: calc(var(--spacing) * 12);
    @media (width >= 64rem) {
      height: calc(var(--spacing) * 20);
    }
    @media (width >= 64rem) {
      padding-inline: calc(var(--spacing) * 20);
    }
    .btn-text {
      font-size: var(--text-lg);
      line-height: var(--tw-leading, var(--text-lg--line-height));
      --tw-font-weight: var(--font-weight-bold);
      font-weight: var(--font-weight-bold);
    }
    .btn-icon {
      font-size: var(--text-3xl);
      line-height: var(--tw-leading, var(--text-3xl--line-height));
    }
  }
  .btn-square, a.btn-square {
    height: calc(var(--spacing) * 16);
    width: calc(var(--spacing) * 16);
    padding: calc(var(--spacing) * 0);
  }
  .btn-primary, a.btn-primary {
    background-color: var(--color-primary-500);
    color: var(--color-white);
    --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-shadow-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 15%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-blue-500) 15%, transparent) var(--tw-shadow-alpha), transparent);
    }
    &:hover {
      @media (hover: hover) {
        --tw-shadow-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 35%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-blue-500) 35%, transparent) var(--tw-shadow-alpha), transparent);
        }
      }
    }
  }
  .btn-white, a.btn-white {
    background-color: var(--color-white);
    color: var(--color-blue-500);
    --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-shadow-color: color-mix(in srgb, #fff 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-white) 10%, transparent) var(--tw-shadow-alpha), transparent);
    }
    &:hover {
      @media (hover: hover) {
        --tw-shadow-color: color-mix(in srgb, #fff 20%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-white) 20%, transparent) var(--tw-shadow-alpha), transparent);
        }
      }
    }
  }
  .btn-linear-primary, a.btn-linear-primary {
    border-style: var(--tw-border-style);
    border-width: 2px;
    border-color: var(--color-primary-400);
    background-color: transparent;
    color: var(--color-primary-500);
    &:visited {
      background-color: transparent;
    }
    &:hover {
      @media (hover: hover) {
        --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      }
    }
    &:hover {
      @media (hover: hover) {
        --tw-shadow-color: color-mix(in srgb, #0466C8 15%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-primary-500) 15%, transparent) var(--tw-shadow-alpha), transparent);
        }
      }
    }
  }
  .btn-linear-secondary, a.btn-linear-secondary {
    border-style: var(--tw-border-style);
    border-width: 2px;
    border-color: var(--color-slate-900);
    background-color: transparent;
    color: var(--color-slate-900);
    &:visited {
      background-color: transparent;
    }
    &:hover {
      @media (hover: hover) {
        --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      }
    }
    &:hover {
      @media (hover: hover) {
        --tw-shadow-color: color-mix(in srgb, oklch(55.4% 0.046 257.417) 15%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-slate-500) 15%, transparent) var(--tw-shadow-alpha), transparent);
        }
      }
    }
  }
  .btn-linear-gray, a.btn-linear-gray {
    border-style: var(--tw-border-style);
    border-width: 2px;
    border-color: var(--color-slate-300);
    background-color: transparent;
    color: var(--color-slate-400);
    &:visited {
      background-color: transparent;
    }
    &:hover {
      @media (hover: hover) {
        --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      }
    }
    &:hover {
      @media (hover: hover) {
        --tw-shadow-color: color-mix(in srgb, oklch(55.4% 0.046 257.417) 15%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-slate-500) 15%, transparent) var(--tw-shadow-alpha), transparent);
        }
      }
    }
  }
  .btn-linear-white, a.btn-linear-white {
    border-style: var(--tw-border-style);
    border-width: 2px;
    border-color: var(--color-white);
    background-color: transparent;
    color: var(--color-white);
    --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-shadow-color: color-mix(in srgb, #fff 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-white) 10%, transparent) var(--tw-shadow-alpha), transparent);
    }
    &:visited {
      background-color: transparent;
    }
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, #fff 5%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-white) 5%, transparent);
        }
      }
    }
    &:hover {
      @media (hover: hover) {
        --tw-shadow-color: color-mix(in srgb, #fff 15%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-white) 15%, transparent) var(--tw-shadow-alpha), transparent);
        }
      }
    }
  }
  .link {
    display: inline-flex;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    .link-icon {
      font-size: var(--text-xl);
      line-height: var(--tw-leading, var(--text-xl--line-height));
    }
  }
  .dropdown {
    position: relative;
  }
  .dropdown > a {
    position: relative;
    display: inline-block;
  }
  .dropdown.hover:hover > a, .dropdown.toggle.active > a {
    color: var(--color-primary-200);
    &:visited {
      color: var(--color-primary-200);
    }
  }
  .dropdown > a::after {
    position: relative;
    top: calc(var(--spacing) * 0);
    right: calc(var(--spacing) * 2);
    bottom: calc(var(--spacing) * 0);
    margin-block: auto;
    display: inline-block;
    font-family: 'isax' !important;
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
    --tw-leading: 0;
    line-height: 0;
    color: var(--color-primary-500);
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: 500ms;
    transition-duration: 500ms;
    --tw-ease: var(--ease-in-out);
    transition-timing-function: var(--ease-in-out);
    --tw-content: '\eb75';
    content: var(--tw-content);
  }
  .dropdown.hover:hover > a::after, .dropdown.toggle.active > a::after {
    rotate: 180deg;
  }
  .dropdown .dropdown-menu {
    visibility: hidden;
    top: 100%;
    right: calc(var(--spacing) * 0);
    z-index: 10;
    border-radius: var(--radius-lg);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-slate-100);
    background-color: color-mix(in srgb, oklch(98.4% 0.003 247.858) 95%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-slate-50) 95%, transparent);
    }
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 2);
    opacity: 0%;
    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-shadow-color: color-mix(in srgb, oklch(55.4% 0.046 257.417) 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-slate-500) 10%, transparent) var(--tw-shadow-alpha), transparent);
    }
    --tw-backdrop-blur: blur(var(--blur-3xl));
    -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,);
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: 200ms;
    transition-duration: 200ms;
    --tw-ease: var(--ease-in-out);
    transition-timing-function: var(--ease-in-out);
    @media (width >= 64rem) {
      min-width: calc(var(--spacing) * 72);
    }
  }
  .dropdown.hover .dropdown-menu {
    position: absolute;
  }
  .dropdown.toggle .dropdown-menu {
    position: relative;
    top: calc(var(--spacing) * 0);
    display: none;
  }
  .dropdown.hover:hover .dropdown-menu {
    visibility: visible;
    opacity: 100%;
  }
  .dropdown.toggle.active .dropdown-menu {
    visibility: visible;
    display: block;
    opacity: 100%;
  }
  .dropdown .dropdown-menu a {
    margin-block: calc(var(--spacing) * 2);
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: calc(var(--spacing) * 3);
    border-radius: var(--radius-lg);
    padding-inline: calc(var(--spacing) * 2);
    padding-block: calc(var(--spacing) * 2);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
    color: var(--color-slate-600);
    &:visited {
      color: var(--color-slate-600);
    }
    @media (width >= 64rem) {
      padding-inline: calc(var(--spacing) * 3);
    }
    @media (width >= 64rem) {
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
    }
  }
  .dropdown .dropdown-menu a:hover {
    color: var(--color-primary-500);
    @media (width >= 64rem) {
      background-color: color-mix(in srgb, #5EB0FD 10%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-primary-50) 10%, transparent);
      }
    }
    .icon {
      color: var(--color-blue-500);
    }
  }
  .box {
    position: relative;
    border-radius: var(--radius-xl);
    background-color: var(--color-white);
    padding: calc(var(--spacing) * 3);
    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-shadow-color: color-mix(in srgb, oklch(55.4% 0.046 257.417) 5%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-slate-500) 5%, transparent) var(--tw-shadow-alpha), transparent);
    }
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: 500ms;
    transition-duration: 500ms;
    &:hover {
      @media (hover: hover) {
        --tw-shadow-color: color-mix(in srgb, oklch(55.4% 0.046 257.417) 10%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-slate-500) 10%, transparent) var(--tw-shadow-alpha), transparent);
        }
      }
    }
    @media (width >= 64rem) {
      padding: calc(var(--spacing) * 4);
    }
    .box-link-wrapper {
      position: absolute;
      top: calc(var(--spacing) * 0);
      left: calc(var(--spacing) * 0);
      z-index: 10;
      height: 100%;
      width: 100%;
    }
  }
  .box-product {
    padding-block: calc(var(--spacing) * 4);
    text-align: center;
    @media (width >= 64rem) {
      padding-inline: calc(var(--spacing) * 4);
    }
    @media (width >= 64rem) {
      padding-block: calc(var(--spacing) * 8);
    }
    .box-image {
      margin-inline: auto;
      margin-bottom: calc(var(--spacing) * 10);
      height: calc(var(--spacing) * 48);
      max-width: 100%;
      border-radius: var(--radius-lg);
      object-fit: contain;
    }
    .box-title {
      font-size: var(--text-lg);
      line-height: var(--tw-leading, var(--text-lg--line-height));
      --tw-font-weight: var(--font-weight-bold);
      font-weight: var(--font-weight-bold);
      color: var(--color-primary-700);
      transition-property: all;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
      --tw-duration: 500ms;
      transition-duration: 500ms;
    }
    .box-description {
      margin-top: calc(var(--spacing) * 2);
      --tw-leading: calc(var(--spacing) * 8);
      line-height: calc(var(--spacing) * 8);
      --tw-font-weight: var(--font-weight-medium);
      font-weight: var(--font-weight-medium);
      color: var(--color-slate-500);
    }
    &:hover .box-title {
      color: var(--color-primary-400);
    }
    &:hover {
      --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  .box-post {
    position: relative;
    border-radius: var(--radius-xl);
    &:before, &:after {
      position: absolute;
      bottom: calc(var(--spacing) * 0);
      left: calc(var(--spacing) * 0);
      z-index: 0;
      height: calc(3/4 * 100%);
      width: 100%;
      border-radius: var(--radius-xl);
      transition-property: all;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
      --tw-duration: 500ms;
      transition-duration: 500ms;
      --tw-content: '';
      content: var(--tw-content);
    }
    &:before {
      --tw-gradient-position: to top in oklab;
      background-image: linear-gradient(var(--tw-gradient-stops));
      --tw-gradient-from: var(--color-slate-700);
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      --tw-gradient-to: color-mix(in srgb, oklch(98.4% 0.003 247.858) 0%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-to: color-mix(in oklab, var(--color-slate-50) 0%, transparent);
      }
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
    &:after {
      height: 100%;
      --tw-gradient-position: to top in oklab;
      background-image: linear-gradient(var(--tw-gradient-stops));
      --tw-gradient-from: var(--color-primary-500);
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      --tw-gradient-to: color-mix(in srgb, #0466C8 50%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-to: color-mix(in oklab, var(--color-primary-500) 50%, transparent);
      }
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      opacity: 0%;
    }
    &:hover:before {
      opacity: 0%;
    }
    &:hover:after {
      opacity: 100%;
    }
    .box-image {
      height: 250px;
      width: 100%;
      border-radius: var(--radius-xl);
      object-fit: cover;
      @media (width >= 64rem) {
        height: 400px;
      }
    }
    .box-content {
      position: absolute;
      bottom: calc(var(--spacing) * 6);
      z-index: 10;
      width: 100%;
      @media (width >= 64rem) {
        bottom: calc(var(--spacing) * 8);
      }
    }
    .box-title, .box-categories {
      margin-inline: calc(var(--spacing) * 4);
    }
    .box-title {
      display: inline-block;
      font-size: var(--text-lg);
      line-height: var(--tw-leading, var(--text-lg--line-height));
      --tw-leading: calc(var(--spacing) * 8);
      line-height: calc(var(--spacing) * 8);
      --tw-font-weight: var(--font-weight-bold);
      font-weight: var(--font-weight-bold);
      color: var(--color-white);
      @media (width >= 64rem) {
        font-size: var(--text-xl);
        line-height: var(--tw-leading, var(--text-xl--line-height));
      }
    }
    .box-categories {
      margin-bottom: calc(var(--spacing) * 5);
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      gap: calc(var(--spacing) * 3);
      & li {
        display: inline-block;
        border-radius: var(--radius-lg);
        background-color: var(--color-primary-500);
        padding-inline: calc(var(--spacing) * 3);
        padding-block: calc(var(--spacing) * 1);
        font-size: var(--text-sm);
        line-height: var(--tw-leading, var(--text-sm--line-height));
        color: var(--color-white);
        &:visited {
          color: var(--color-white);
        }
      }
    }
    .box-link-wrapper {
      position: absolute;
      top: calc(var(--spacing) * 0);
      left: calc(var(--spacing) * 0);
      z-index: 20;
      height: 100%;
      width: 100%;
    }
    .box-icon {
      position: absolute;
      top: calc(var(--spacing) * 48);
      right: calc(var(--spacing) * 0);
      left: calc(var(--spacing) * 0);
      z-index: 30;
      margin: auto;
      height: calc(var(--spacing) * 10);
      width: calc(var(--spacing) * 10);
      font-size: var(--text-4xl);
      line-height: var(--tw-leading, var(--text-4xl--line-height));
      color: var(--color-white);
      opacity: 0%;
      transition-property: all;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
      --tw-duration: 500ms;
      transition-duration: 500ms;
    }
    &:hover .box-icon {
      @media (width >= 64rem) {
        top: calc(var(--spacing) * 40);
      }
      @media (width >= 64rem) {
        opacity: 100%;
      }
    }
  }
  .box-comment {
    margin-bottom: calc(var(--spacing) * 6);
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 4);
    border-radius: var(--radius-2xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-slate-300);
    background-color: var(--color-white);
    padding: calc(var(--spacing) * 4);
    @media (width >= 64rem) {
      padding: calc(var(--spacing) * 6);
    }
    &.reply {
      margin-right: calc(var(--spacing) * 10);
      @media (width >= 64rem) {
        margin-right: calc(var(--spacing) * 24);
      }
    }
    .box-top {
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      gap: calc(var(--spacing) * 3);
      @media (width >= 64rem) {
        flex-direction: row;
      }
      @media (width >= 64rem) {
        align-items: center;
      }
    }
    .comment-author {
      display: flex;
      flex-direction: row;
      align-items: center;
      gap: calc(var(--spacing) * 3);
      color: var(--color-slate-500);
    }
    .comment-author .icon-wrapper {
      display: flex;
      height: calc(var(--spacing) * 12);
      width: calc(var(--spacing) * 12);
      flex-direction: row;
      align-items: center;
      justify-content: center;
      border-radius: var(--radius-xl);
      background-color: var(--color-slate-100);
      font-size: var(--text-2xl);
      line-height: var(--tw-leading, var(--text-2xl--line-height));
      color: var(--color-slate-500);
    }
    .comment-date {
      display: flex;
      flex-direction: row;
      align-items: center;
      gap: calc(var(--spacing) * 2);
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
      color: var(--color-slate-500);
      .icon {
        font-size: var(--text-lg);
        line-height: var(--tw-leading, var(--text-lg--line-height));
      }
    }
    .box-content {
      padding-top: calc(var(--spacing) * 2);
      --tw-leading: calc(var(--spacing) * 8);
      line-height: calc(var(--spacing) * 8);
    }
    .box-bottom {
      display: flex;
      flex-direction: row;
      justify-content: flex-end;
    }
    .link-reply {
      display: flex;
      flex-direction: row;
      align-items: center;
      gap: calc(var(--spacing) * 1);
      .title {
        font-size: var(--text-sm);
        line-height: var(--tw-leading, var(--text-sm--line-height));
      }
    }
  }
  .modal-wrapper {
    position: fixed;
    top: calc(var(--spacing) * 0);
    left: calc(var(--spacing) * 0);
    z-index: 999;
    height: 100%;
    width: 100%;
    background-color: color-mix(in srgb, oklch(20.8% 0.042 265.755) 75%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-slate-900) 75%, transparent);
    }
    pointer-events: none;
    opacity: 0%;
    transition-property: opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: 300ms;
    transition-duration: 300ms;
    .modal {
      position: fixed;
      display: flex;
      height: 100%;
      width: 100%;
      align-items: center;
      justify-content: center;
    }
    .modal-box {
      margin-inline: auto;
      width: 100%;
      max-width: var(--container-sm);
      border-radius: var(--radius-2xl);
      background-color: var(--color-white);
      padding: calc(var(--spacing) * 2);
      --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      @media (width >= 64rem) {
        max-width: var(--container-4xl);
      }
      @media (width >= 64rem) {
        padding: calc(var(--spacing) * 4);
      }
    }
    .modal-top {
      position: relative;
      margin-top: calc(var(--spacing) * 2);
      margin-bottom: calc(var(--spacing) * 3);
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: space-between;
      border-bottom-style: var(--tw-border-style);
      border-bottom-width: 1px;
      border-color: var(--color-slate-200);
      padding-bottom: calc(var(--spacing) * 2);
      @media (width >= 64rem) {
        margin-bottom: calc(var(--spacing) * 4);
      }
      @media (width >= 64rem) {
        padding-bottom: calc(var(--spacing) * 4);
      }
      .title {
        --tw-font-weight: var(--font-weight-bold);
        font-weight: var(--font-weight-bold);
        color: var(--color-slate-700);
        @media (width >= 64rem) {
          font-size: var(--text-xl);
          line-height: var(--tw-leading, var(--text-xl--line-height));
        }
      }
      .link-close {
        font-size: var(--text-3xl);
        line-height: var(--tw-leading, var(--text-3xl--line-height));
        color: var(--color-slate-800);
        &:visited {
          color: var(--color-slate-800);
        }
        &:hover {
          @media (hover: hover) {
            color: var(--color-blue-500);
          }
        }
      }
    }
  }
  .modal-wrapper.show {
    pointer-events: auto;
    opacity: 100%;
  }
  .modal-box.has-image {
    display: flex;
    flex-direction: column-reverse;
    gap: calc(var(--spacing) * 2);
    @media (width >= 64rem) {
      flex-direction: row;
    }
    @media (width >= 64rem) {
      gap: calc(var(--spacing) * 8);
    }
    .modal-box-content {
      flex: 1;
    }
    .modal-box-image {
      position: relative;
    }
    .modal-box-image img {
      height: calc(var(--spacing) * 24);
      width: 100%;
      border-radius: var(--radius-lg);
      object-fit: cover;
      @media (width >= 64rem) {
        height: 100%;
      }
      @media (width >= 64rem) {
        max-width: 300px;
      }
    }
    .modal-box-image .link-close {
      position: absolute;
      top: calc(var(--spacing) * 2);
      left: calc(var(--spacing) * 2);
      z-index: 10;
      font-size: var(--text-3xl);
      line-height: var(--tw-leading, var(--text-3xl--line-height));
      color: var(--color-white);
      opacity: 75%;
      &:visited {
        color: var(--color-white);
      }
      &:hover {
        @media (hover: hover) {
          opacity: 100%;
        }
      }
      @media (width >= 64rem) {
        top: calc(var(--spacing) * 5);
      }
      @media (width >= 64rem) {
        left: calc(var(--spacing) * 5);
      }
    }
  }
  input, textarea, select, button {
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: 300ms;
    transition-duration: 300ms;
    --tw-outline-style: none !important;
    outline-style: none !important;
  }
  .form-input {
    margin-bottom: calc(var(--spacing) * 3);
    @media (width >= 64rem) {
      margin-bottom: calc(var(--spacing) * 4);
    }
  }
  .form-input label {
    margin-bottom: calc(var(--spacing) * 2);
    display: inline-block;
    width: 100%;
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    color: var(--color-slate-600);
  }
  .form-input label[for] {
    cursor: pointer;
  }
  .input-wrapper {
    position: relative;
  }
  .input-wrapper .icon {
    position: absolute;
    top: calc(var(--spacing) * 3);
    right: calc(var(--spacing) * 3);
    height: calc(var(--spacing) * 5);
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
    color: var(--color-slate-400);
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: 500ms;
    transition-duration: 500ms;
    @media (width >= 64rem) {
      top: calc(var(--spacing) * 4);
    }
  }
  .input-wrapper textarea.input + .icon {
    top: calc(var(--spacing) * 4) !important;
    bottom: auto;
  }
  .input-wrapper .input {
    height: calc(var(--spacing) * 11);
    width: 100%;
    border-radius: var(--radius-lg);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-slate-300);
    background-color: var(--color-slate-50);
    padding: calc(var(--spacing) * 3);
    color: var(--color-slate-600);
    &:focus {
      border-color: var(--color-primary-500);
    }
    @media (width >= 64rem) {
      height: calc(var(--spacing) * 12);
    }
  }
  .input-wrapper.has-icon textarea.input {
    height: auto;
    min-height: calc(var(--spacing) * 28);
  }
  .input-wrapper.has-icon .input {
    padding-right: calc(var(--spacing) * 10);
  }
  .input-wrapper .input:focus + .icon {
    color: var(--color-blue-500);
  }
  .input::placeholder {
    direction: rtl !important;
  }
  .input.d-ltr {
    direction: ltr !important;
  }
  .input.d-ltr::placeholder {
    text-align: right;
  }
  .form-buttons {
    margin-top: calc(var(--spacing) * 2);
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: calc(var(--spacing) * 3);
  }
  .form-input .error {
    margin-top: calc(var(--spacing) * 1);
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    color: var(--color-red-500);
  }
  .form-search {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: calc(var(--spacing) * 3);
    border-radius: var(--radius-xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-slate-200);
    background-color: var(--color-white);
    padding: calc(var(--spacing) * 1);
    & input[type="text"] {
      width: 100%;
      flex: 1;
      padding-right: calc(var(--spacing) * 2);
      @media (width >= 64rem) {
        min-width: calc(var(--spacing) * 80);
      }
    }
    & button {
      display: flex;
      height: calc(var(--spacing) * 10);
      width: calc(var(--spacing) * 10);
      align-items: center;
      justify-content: center;
      border-radius: var(--radius-lg);
      --tw-border-style: none;
      border-style: none;
      background-color: var(--color-slate-100);
      background-color: transparent;
      font-size: var(--text-2xl);
      line-height: var(--tw-leading, var(--text-2xl--line-height));
      color: var(--color-slate-400);
    }
  }
  .alert {
    margin-bottom: calc(var(--spacing) * 4);
    border-radius: var(--radius-2xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-inline: calc(var(--spacing) * 6);
    padding-block: calc(var(--spacing) * 4);
  }
  .alert.alert-danger {
    border-color: var(--color-red-300);
    background-color: var(--color-red-50);
    color: var(--color-red-600);
  }
  .alert.alert-success {
    border-color: var(--color-green-300);
    background-color: var(--color-green-50);
    color: var(--color-green-600);
  }
  .alert.alert-warning {
    border-color: var(--color-orange-300);
    background-color: var(--color-orange-50);
    color: var(--color-orange-600);
  }
  .alert.alert-info {
    border-color: var(--color-blue-300);
    background-color: var(--color-blue-50);
    color: var(--color-blue-600);
  }
}
.swiper-nav {
  font-size: var(--text-3xl);
  line-height: var(--tw-leading, var(--text-3xl--line-height));
  @media (width >= 64rem) {
    font-size: var(--text-4xl);
    line-height: var(--tw-leading, var(--text-4xl--line-height));
  }
  & a {
    color: var(--color-slate-400);
    &:visited {
      color: var(--color-slate-400);
    }
    &:hover {
      @media (hover: hover) {
        color: var(--color-primary-500);
      }
    }
  }
  & a.swiper-button-disabled {
    color: var(--color-slate-300);
  }
}
.swiper-pagination-bullet {
  background-color: var(--color-slate-500) !important;
  &.swiper-pagination-bullet-active {
    background-color: var(--color-primary-500) !important;
  }
}
.pagination, .wp-pagenavi {
  margin-inline: auto;
  margin-top: calc(var(--spacing) * 10);
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  gap: calc(var(--spacing) * 2);
  direction: ltr;
  @media (width >= 64rem) {
    justify-content: center;
  }
  & a, & span {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    border-radius: var(--radius-xl);
    padding-inline: calc(var(--spacing) * 5) !important;
    padding-block: calc(var(--spacing) * 3) !important;
  }
  & a {
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-slate-200) !important;
    background-color: var(--color-white);
    color: var(--color-slate-500);
    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    &:visited {
      color: var(--color-slate-500);
    }
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-slate-400) !important;
      }
    }
    &:hover {
      @media (hover: hover) {
        color: var(--color-slate-700);
      }
    }
  }
  .pages, .last {
    display: none;
    @media (width >= 64rem) {
      display: inline-flex;
    }
  }
  .current {
    --tw-border-style: none;
    border-style: none;
    background-color: var(--color-slate-500);
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
    color: var(--color-white);
  }
  .pages, .extend {
    --tw-border-style: none;
    border-style: none;
  }
}
.wp-pagenavi a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--radius-xl);
  padding-inline: calc(var(--spacing) * 8);
  padding-block: calc(var(--spacing) * 3);
}
.breadcrumb ul {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  gap: calc(var(--spacing) * 2);
  color: var(--color-slate-300);
  @media (width >= 64rem) {
    gap: calc(var(--spacing) * 3);
  }
  & a {
    color: var(--color-slate-500);
    &:visited {
      color: var(--color-slate-500);
    }
  }
}
.breadcrumb.light {
  color: var(--color-slate-100);
  & a {
    color: var(--color-slate-300);
    &:visited {
      color: var(--color-slate-200);
    }
  }
}
body {
  background-image: url('../img/bg-header-water.png');
  background-position: top;
  background-repeat: no-repeat;
}
#header {
  position: relative;
}
#header:before {
  position: absolute;
  top: calc(var(--spacing) * 0);
  left: calc(var(--spacing) * 0);
  z-index: 10;
  height: 6px;
  width: 100%;
  --tw-gradient-position: to right in oklab;
  background-image: linear-gradient(var(--tw-gradient-stops));
  --tw-gradient-from: var(--color-primary-400);
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  --tw-gradient-via: var(--color-primary-500);
  --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-via-stops);
  --tw-gradient-to: var(--color-primary-700);
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  --tw-content: '';
  content: var(--tw-content);
}
#header-nav {
  position: relative;
  z-index: 50;
  padding-block: calc(var(--spacing) * 2);
  @media (width >= 64rem) {
    padding-block: calc(var(--spacing) * 6);
  }
}
.sticky-nav.navbar-fixed {
  position: fixed !important;
  top: calc(var(--spacing) * -40);
  right: calc(var(--spacing) * 0);
  left: calc(var(--spacing) * 0);
  z-index: 50;
  margin-inline: auto;
  width: 100%;
  background-color: color-mix(in srgb, #fff 70%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-white) 70%, transparent);
  }
  --tw-backdrop-blur: blur(var(--blur-2xl));
  -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,);
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  --tw-duration: 500ms;
  transition-duration: 500ms;
}
.sticky-nav.show {
  visibility: visible !important;
  top: calc(var(--spacing) * 0);
  opacity: 100% !important;
  --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  --tw-shadow-color: color-mix(in srgb, oklch(44.6% 0.043 257.281) 5%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-slate-600) 5%, transparent) var(--tw-shadow-alpha), transparent);
  }
  .img-logo {
    max-width: calc(var(--spacing) * 36) !important;
  }
}
#header-nav-mobile {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding-inline: calc(var(--spacing) * 4);
  padding-block: calc(var(--spacing) * 2);
  @media (width >= 64rem) {
    display: none;
  }
}
.btn-navigation {
  display: inline-flex;
  height: calc(var(--spacing) * 12);
  width: calc(var(--spacing) * 12);
  cursor: pointer;
  align-items: center;
  justify-content: center;
  border-radius: var(--radius-lg);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-slate-300);
  background-color: var(--color-white);
  font-size: var(--text-2xl);
  line-height: var(--tw-leading, var(--text-2xl--line-height));
  color: var(--color-slate-400);
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  --tw-duration: 300ms;
  transition-duration: 300ms;
  --tw-ease: var(--ease-in-out);
  transition-timing-function: var(--ease-in-out);
  &:hover {
    @media (hover: hover) {
      border-color: var(--color-primary-500);
    }
  }
  &:hover {
    @media (hover: hover) {
      color: var(--color-primary-500);
    }
  }
}
.sidebar-navigation .overlay {
  visibility: hidden;
  position: fixed;
  top: calc(var(--spacing) * 0);
  left: calc(var(--spacing) * 0);
  z-index: 99;
  height: 100%;
  width: 100%;
  background-color: color-mix(in srgb, oklch(55.4% 0.046 257.417) 70%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-slate-500) 70%, transparent);
  }
  opacity: 0%;
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  --tw-duration: 500ms;
  transition-duration: 500ms;
  --tw-ease: var(--ease-in-out);
  transition-timing-function: var(--ease-in-out);
}
.sidebar-navigation.active .overlay {
  visibility: visible;
  opacity: 100%;
}
.sidebar-navigation .navigation-content {
  position: fixed;
  top: calc(var(--spacing) * 0);
  right: calc(var(--spacing) * -80);
  z-index: 100;
  display: flex;
  height: 100%;
  width: 100%;
  max-width: calc(var(--spacing) * 72);
  flex-direction: column;
  gap: calc(var(--spacing) * 4);
  overflow-x: hidden;
  overflow-y: auto;
  background-color: var(--color-white);
  padding: calc(var(--spacing) * 6);
  --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  --tw-duration: 500ms;
  transition-duration: 500ms;
  --tw-ease: var(--ease-in-out);
  transition-timing-function: var(--ease-in-out);
}
.sidebar-navigation.active .navigation-content {
  right: calc(var(--spacing) * 0);
}
.sidebar-navigation .navigation-menu {
  display: flex;
  flex-direction: column;
  gap: calc(var(--spacing) * 8);
  & > li > a {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    .icon {
      font-size: var(--text-lg);
      line-height: var(--tw-leading, var(--text-lg--line-height));
    }
  }
}
#main-sidebar-navigation .navigation-top {
  margin-top: calc(var(--spacing) * 8);
  margin-bottom: calc(var(--spacing) * 12);
  & img {
    margin-inline: auto;
    max-width: calc(var(--spacing) * 28);
  }
}
#main-sidebar-navigation .dropdown-menu {
  gap: calc(var(--spacing) * 4);
  --tw-border-style: none;
  border-style: none;
  background-color: var(--color-white);
  padding: calc(var(--spacing) * 0);
  --tw-shadow: none;
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  & > li:last-child > a {
    margin-bottom: calc(var(--spacing) * 0);
    padding-bottom: calc(var(--spacing) * 0);
  }
}
#main-sidebar-navigation .navigation-bottom {
  margin-top: auto;
}
#header-nav-desktop {
  display: none;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: calc(var(--spacing) * 4);
  @media (width >= 64rem) {
    display: grid;
  }
  .item-logo {
    padding-inline: calc(var(--spacing) * 16);
  }
  & > ul {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: calc(var(--spacing) * 6);
    @media (width >= 80rem) {
      gap: calc(var(--spacing) * 10);
    }
    @media (width >= 96rem) {
      gap: calc(var(--spacing) * 16);
    }
  }
  & > ul > li > a {
    display: inline-flex;
    padding-block: calc(var(--spacing) * 4);
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-slate-600);
    &:visited {
      color: var(--color-slate-600);
    }
    &:hover {
      @media (hover: hover) {
        color: var(--color-primary-500);
      }
    }
  }
  .menu-1 {
    margin-right: auto;
    margin-left: calc(var(--spacing) * 0);
  }
  .menu-2 {
    margin-right: calc(var(--spacing) * 0);
    margin-left: auto;
  }
  .item-logo {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
  }
}
#section-features {
  padding-top: calc(var(--spacing) * 20);
  padding-bottom: calc(var(--spacing) * 10);
}
#box-features-wrapper {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: calc(var(--spacing) * 12);
  padding-inline: calc(var(--spacing) * 8);
  padding-block: calc(var(--spacing) * 8);
  @media (width >= 64rem) {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  @media (width >= 64rem) {
    gap: calc(var(--spacing) * 24);
  }
  @media (width >= 64rem) {
    padding-inline: calc(var(--spacing) * 10);
  }
  @media (width >= 64rem) {
    padding-block: calc(var(--spacing) * 24);
  }
  position: relative;
  border-radius: var(--radius-3xl);
  --tw-gradient-position: to right in oklab;
  background-image: linear-gradient(var(--tw-gradient-stops));
  --tw-gradient-from: var(--color-primary-500);
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  --tw-gradient-to: var(--color-primary-700);
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  color: var(--color-white);
  &::before {
    position: absolute;
    top: calc(var(--spacing) * 0);
    right: calc(var(--spacing) * 0);
    z-index: 0;
    height: 100%;
    width: 100%;
    border-top-right-radius: var(--radius-3xl);
    background-image: url('../img/bg-features.png');
    background-position: right top;
    background-repeat: no-repeat;
    opacity: 10%;
    --tw-content: '';
    content: var(--tw-content);
    @media (width >= 64rem) {
      width: calc(1/2 * 100%);
    }
    @media (width >= 64rem) {
      background-size: cover;
    }
    @media (width >= 64rem) {
      opacity: 40%;
    }
  }
}
#section-features .box-feature {
  position: relative;
  z-index: 10;
  text-align: center;
  .box-icon {
    margin-bottom: calc(var(--spacing) * 6);
    text-align: center;
  }
  .box-icon > img {
    margin-inline: auto;
    display: inline-block;
  }
  .box-title {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }
  .box-description {
    margin-inline: auto;
    margin-top: calc(var(--spacing) * 4);
    max-width: 300px;
    --tw-leading: calc(var(--spacing) * 8);
    line-height: calc(var(--spacing) * 8);
  }
}
.swiper-slide .box-product {
  margin: calc(var(--spacing) * 4);
  margin-bottom: calc(var(--spacing) * 6);
}
#section-customers {
  .img-customer {
    height: calc(var(--spacing) * 16);
    width: calc(var(--spacing) * 32);
    object-fit: fill;
    opacity: 70%;
    --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,);
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: 500ms;
    transition-duration: 500ms;
    @media (width >= 64rem) {
      height: calc(var(--spacing) * 20);
    }
    @media (width >= 64rem) {
      width: calc(var(--spacing) * 40);
    }
  }
  .img-customer:hover {
    opacity: 100%;
    --tw-grayscale: grayscale(0%);
    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,);
  }
}
#footer {
  position: relative;
  padding-top: calc(var(--spacing) * 20);
  .footer-content {
    position: relative;
    z-index: 10;
  }
  &:before {
    position: absolute;
    top: 240px;
    left: calc(var(--spacing) * 0);
    z-index: 0;
    height: calc(100% - 240px);
    width: 100%;
    --tw-gradient-position: to bottom right in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
    --tw-gradient-from: var(--color-slate-200);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    --tw-gradient-to: var(--color-slate-100);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    --tw-content: '';
    content: var(--tw-content);
  }
}
#box-footer-cta {
  position: relative;
  &:before, &:after {
    position: absolute;
    top: calc(var(--spacing) * 0);
    right: calc(var(--spacing) * 0);
    height: 100%;
    width: calc(100% - 10px);
    border-top-left-radius: 64px;
    border-bottom-left-radius: var(--radius-2xl);
    --tw-content: '';
    content: var(--tw-content);
    @media (width >= 96rem) {
      width: calc(100% - 50px);
    }
  }
  &:before {
    z-index: 0;
    --tw-gradient-position: to top left in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
    --tw-gradient-from: var(--color-primary-500);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    --tw-gradient-to: var(--color-primary-700);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  &:after {
    z-index: 10;
    background-image: url('../img/bg-footer-cta.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    opacity: 5%;
  }
  .box-content {
    position: relative;
    z-index: 20;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: calc(var(--spacing) * 10);
    padding-inline: calc(var(--spacing) * 6);
    padding-block: calc(var(--spacing) * 16);
    text-align: center;
    color: var(--color-white);
    @media (width >= 64rem) {
      justify-content: space-between;
    }
    @media (width >= 64rem) {
      padding-inline: calc(var(--spacing) * 0);
    }
    @media (width >= 64rem) {
      padding-block: calc(var(--spacing) * 28);
    }
    @media (width >= 80rem) {
      flex-direction: row;
    }
    @media (width >= 80rem) {
      text-align: right;
    }
  }
  .box-title {
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
    --tw-leading: calc(var(--spacing) * 10);
    line-height: calc(var(--spacing) * 10);
    @media (width >= 64rem) {
      font-size: var(--text-3xl);
      line-height: var(--tw-leading, var(--text-3xl--line-height));
    }
    @media (width >= 96rem) {
      font-size: var(--text-4xl);
      line-height: var(--tw-leading, var(--text-4xl--line-height));
    }
  }
  .box-description {
    margin-top: calc(var(--spacing) * 6);
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
    @media (width >= 64rem) {
      margin-top: calc(var(--spacing) * 10);
    }
  }
}
#footer-main {
  padding-top: calc(var(--spacing) * 10);
  @media (width >= 64rem) {
    padding-top: calc(var(--spacing) * 16);
  }
}
.box-footer {
  .box-title {
    margin-bottom: calc(var(--spacing) * 4);
    display: flex;
    flex-direction: row;
    align-items: center;
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-primary-800);
    @media (width >= 64rem) {
      margin-bottom: calc(var(--spacing) * 6);
    }
    &:before {
      margin-left: calc(var(--spacing) * 2);
      display: inline-block;
      height: 6px;
      width: calc(var(--spacing) * 8);
      border-radius: calc(infinity * 1px);
      background-color: var(--color-primary-500);
      --tw-content: '';
      content: var(--tw-content);
    }
  }
}
.list-links {
  & li {
    margin-bottom: calc(var(--spacing) * 4);
  }
  & a {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }
}
.list-contact {
  .item-title {
    margin-bottom: calc(var(--spacing) * 2);
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    color: var(--color-slate-500);
    @media (width >= 64rem) {
      margin-bottom: calc(var(--spacing) * 3);
    }
  }
  .item-title .icon {
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
  }
  .item-content {
    margin-right: calc(var(--spacing) * 8);
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }
  & a {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--color-slate-600);
    &:visited {
      color: var(--color-slate-600);
    }
    &:hover {
      @media (hover: hover) {
        color: var(--color-primary-500);
      }
    }
  }
  .list-contact-links {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 2);
  }
}
.list-social {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: calc(var(--spacing) * 3);
  & a {
    display: inline-block;
    width: calc(var(--spacing) * 7);
    opacity: 80%;
    &:hover {
      @media (hover: hover) {
        opacity: 100%;
      }
    }
  }
}
#footer-about {
  margin-block: calc(var(--spacing) * 8);
  border-top-style: var(--tw-border-style);
  border-top-width: 1px;
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 1px;
  --tw-border-style: dashed;
  border-style: dashed;
  border-color: var(--color-slate-300);
  padding-block: calc(var(--spacing) * 8);
  .box-title {
    margin-bottom: calc(var(--spacing) * 6);
  }
  .box-text {
    --tw-leading: calc(var(--spacing) * 8);
    line-height: calc(var(--spacing) * 8);
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }
}
#footer-bottom {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: calc(var(--spacing) * 5);
  padding-bottom: calc(var(--spacing) * 8);
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  color: var(--color-slate-500);
  @media (width >= 64rem) {
    flex-direction: row;
  }
  .copyright {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: calc(var(--spacing) * 1);
    .icon {
      font-size: var(--text-lg);
      line-height: var(--tw-leading, var(--text-lg--line-height));
    }
  }
  .developer {
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 1);
    & > a {
      display: inline-flex;
      align-items: center;
      gap: calc(var(--spacing) * 1);
      color: var(--color-slate-400);
      &:visited {
        color: var(--color-slate-400);
      }
      &:hover {
        @media (hover: hover) {
          color: var(--color-slate-400);
        }
      }
    }
    .icon {
      font-size: var(--text-xl);
      line-height: var(--tw-leading, var(--text-xl--line-height));
    }
    .datim {
      --tw-font-weight: var(--font-weight-bold);
      font-weight: var(--font-weight-bold);
      color: var(--color-slate-500);
    }
  }
}
#btn-chat-float-wrapper {
  position: fixed;
  right: calc(var(--spacing) * -32);
  bottom: calc(var(--spacing) * 5);
  z-index: 30;
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  --tw-duration: 500ms;
  transition-duration: 500ms;
  &.show {
    right: calc(var(--spacing) * 5);
  }
  & button {
    position: relative;
    z-index: 0;
    display: inline-flex;
    height: calc(var(--spacing) * 12);
    width: calc(var(--spacing) * 12);
    cursor: pointer;
    align-items: center;
    justify-content: center;
    border-radius: calc(infinity * 1px);
    background-color: var(--color-primary-500);
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
    color: var(--color-white);
    --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    @media (width >= 64rem) {
      height: calc(var(--spacing) * 16);
    }
    @media (width >= 64rem) {
      width: calc(var(--spacing) * 16);
    }
    @media (width >= 64rem) {
      font-size: var(--text-3xl);
      line-height: var(--tw-leading, var(--text-3xl--line-height));
    }
  }
  & button::before {
    position: absolute;
    top: calc(var(--spacing) * 0);
    left: calc(var(--spacing) * 0);
    z-index: calc(10 * -1);
    height: 100%;
    width: 100%;
    border-radius: calc(infinity * 1px);
    background-color: var(--color-slate-500);
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: 500ms;
    transition-duration: 500ms;
    --tw-content: '';
    content: var(--tw-content);
  }
  & button.active {
    color: var(--color-slate-200);
  }
  & button.active::before {
    --tw-scale-x: 125%;
    --tw-scale-y: 125%;
    --tw-scale-z: 125%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
  & ul {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: calc(var(--spacing) * 1);
    padding-bottom: calc(var(--spacing) * 4);
    @media (width >= 64rem) {
      gap: calc(var(--spacing) * 3);
    }
  }
  & a {
    display: inline-flex;
    height: calc(var(--spacing) * 12);
    width: calc(var(--spacing) * 12);
    align-items: center;
    justify-content: center;
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-slate-300);
    background-color: var(--color-slate-50);
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
    color: var(--color-slate-500);
    &:visited {
      color: var(--color-slate-500);
    }
    &:hover {
      @media (hover: hover) {
        color: var(--color-slate-400);
      }
    }
    @media (width >= 64rem) {
      height: calc(var(--spacing) * 14);
    }
    @media (width >= 64rem) {
      width: calc(var(--spacing) * 14);
    }
    @media (width >= 64rem) {
      font-size: var(--text-2xl);
      line-height: var(--tw-leading, var(--text-2xl--line-height));
    }
  }
  & a img {
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: 500ms;
    transition-duration: 500ms;
  }
  & a:hover img {
    opacity: 70%;
  }
}
#page-header {
  position: relative;
  background-color: var(--color-primary-500);
  padding-block: calc(var(--spacing) * 20);
  color: var(--color-white);
  @media (width >= 64rem) {
    padding-block: calc(var(--spacing) * 32);
  }
  &:not(.no-overlay):before {
    position: absolute;
    top: calc(var(--spacing) * 0);
    left: calc(var(--spacing) * 0);
    z-index: 10;
    height: 100%;
    width: 100%;
    --tw-gradient-position: to top left in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
    --tw-gradient-from: var(--color-primary-500);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    --tw-gradient-to: var(--color-primary-700);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    opacity: 90%;
    --tw-content: '';
    content: var(--tw-content);
  }
  .page-header-text {
    position: relative;
    z-index: 20;
  }
  .sub-title {
    margin-bottom: calc(var(--spacing) * 10);
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    @media (width >= 64rem) {
      margin-bottom: calc(var(--spacing) * 16);
    }
    @media (width >= 64rem) {
      font-size: var(--text-xl);
      line-height: var(--tw-leading, var(--text-xl--line-height));
    }
  }
  .title {
    font-size: var(--text-3xl);
    line-height: var(--tw-leading, var(--text-3xl--line-height));
    --tw-leading: calc(var(--spacing) * 10);
    line-height: calc(var(--spacing) * 10);
    @media (width >= 64rem) {
      font-size: var(--text-4xl);
      line-height: var(--tw-leading, var(--text-4xl--line-height));
    }
    @media (width >= 64rem) {
      --tw-leading: calc(var(--spacing) * 10);
      line-height: calc(var(--spacing) * 10);
    }
  }
  .title.small {
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
    @media (width >= 64rem) {
      font-size: var(--text-3xl);
      line-height: var(--tw-leading, var(--text-3xl--line-height));
    }
    @media (width >= 64rem) {
      --tw-leading: calc(var(--spacing) * 10);
      line-height: calc(var(--spacing) * 10);
    }
  }
  .description {
    margin-top: calc(var(--spacing) * 4);
    max-width: var(--container-2xl);
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
    --tw-leading: calc(var(--spacing) * 8);
    line-height: calc(var(--spacing) * 8);
    @media (width >= 64rem) {
      margin-top: calc(var(--spacing) * 10);
    }
    @media (width >= 64rem) {
      --tw-leading: calc(var(--spacing) * 10);
      line-height: calc(var(--spacing) * 10);
    }
  }
  .links {
    margin-top: calc(var(--spacing) * 10);
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: calc(var(--spacing) * 5);
  }
  .bg-image {
    position: absolute;
    top: calc(var(--spacing) * 0);
    left: calc(var(--spacing) * 0);
    z-index: 0;
    height: 100%;
    width: 100%;
    object-fit: cover;
  }
}
#page-header.center {
  text-align: center;
  .description {
    margin-inline: auto;
  }
}
.img-overlay {
  position: absolute;
  top: calc(var(--spacing) * 0);
  left: calc(var(--spacing) * 0);
  z-index: 20;
  height: 100%;
  width: 100%;
  --tw-gradient-position: to top left in oklab;
  background-image: linear-gradient(var(--tw-gradient-stops));
  --tw-gradient-from: var(--color-primary-500);
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  --tw-gradient-to: var(--color-primary-700);
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  opacity: 10%;
}
.list-contact-items {
  display: flex;
  flex-direction: column;
  gap: calc(var(--spacing) * 10);
  & li {
    display: flex;
    flex-direction: row;
    gap: calc(var(--spacing) * 4);
  }
  .item-icon {
    display: flex;
    height: calc(var(--spacing) * 12);
    width: calc(var(--spacing) * 12);
    align-items: center;
    justify-content: center;
    border-radius: var(--radius-lg);
    background-color: var(--color-slate-200);
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
    color: var(--color-slate-500);
  }
  .item-content {
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: calc(var(--spacing) * 4);
    .item-title {
      margin-top: calc(var(--spacing) * 3);
    }
    .item-text {
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      gap: calc(var(--spacing) * 8);
      --tw-font-weight: var(--font-weight-medium);
      font-weight: var(--font-weight-medium);
      color: var(--color-slate-600);
    }
  }
}
.section-products {
  --tw-gradient-position: to bottom left in oklab;
  background-image: linear-gradient(var(--tw-gradient-stops));
  --tw-gradient-from: var(--color-slate-200);
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  --tw-gradient-via: var(--color-slate-50);
  --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-via-stops);
  --tw-gradient-to: var(--color-slate-50);
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  .section-content {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: calc(var(--spacing) * 6);
    @media (width >= 40rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    @media (width >= 64rem) {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    @media (width >= 64rem) {
      gap: calc(var(--spacing) * 8);
    }
  }
}
.section-product {
  padding-block: calc(var(--spacing) * 32);
  @media (width >= 64rem) {
    padding-block: calc(var(--spacing) * 48);
  }
}
.section-product-row {
  position: relative;
  z-index: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: calc(var(--spacing) * 8);
  @media (width >= 64rem) {
    flex-direction: row;
  }
  @media (width >= 64rem) {
    gap: calc(var(--spacing) * 16);
  }
  &.reverse {
    @media (width >= 64rem) {
      flex-direction: row-reverse;
    }
  }
  .col-image {
    position: relative;
    display: flex;
    flex: 40;
    align-items: center;
    justify-content: center;
    & img {
      max-width: 100%;
      border-radius: var(--radius-2xl);
      object-fit: fill;
    }
    &:before {
      position: absolute;
      top: calc(var(--spacing) * 0);
      right: calc(var(--spacing) * 0);
      bottom: calc(var(--spacing) * 0);
      left: calc(var(--spacing) * 0);
      z-index: calc(10 * -1);
      margin: auto;
      height: calc(var(--spacing) * 96);
      width: calc(var(--spacing) * 96);
      border-radius: calc(infinity * 1px);
      --tw-gradient-position: to bottom in oklab;
      background-image: linear-gradient(var(--tw-gradient-stops));
      --tw-gradient-from: var(--color-slate-100);
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      --tw-gradient-to: var(--color-slate-50);
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      --tw-content: '';
      content: var(--tw-content);
    }
  }
  .col-text {
    flex: 60;
    .title {
      font-size: var(--text-2xl);
      line-height: var(--tw-leading, var(--text-2xl--line-height));
      --tw-font-weight: var(--font-weight-bold);
      font-weight: var(--font-weight-bold);
      color: var(--color-primary-700);
      &:visited {
        color: var(--color-primary-700);
      }
      &:hover {
        @media (hover: hover) {
          color: var(--color-primary-500);
        }
      }
      @media (width >= 64rem) {
        font-size: var(--text-3xl);
        line-height: var(--tw-leading, var(--text-3xl--line-height));
      }
    }
    .sub-title {
      margin-top: calc(var(--spacing) * 4);
      font-size: var(--text-lg);
      line-height: var(--tw-leading, var(--text-lg--line-height));
      --tw-font-weight: var(--font-weight-medium);
      font-weight: var(--font-weight-medium);
      color: var(--color-slate-500);
    }
    .description {
      margin-top: calc(var(--spacing) * 8);
      --tw-leading: calc(var(--spacing) * 8);
      line-height: calc(var(--spacing) * 8);
    }
    .links {
      margin-top: calc(var(--spacing) * 10);
      display: flex;
      flex-direction: row;
      justify-content: flex-end;
    }
  }
}
.product-detail {
  font-size: var(--text-lg);
  line-height: var(--tw-leading, var(--text-lg--line-height));
  --tw-leading: calc(var(--spacing) * 10);
  line-height: calc(var(--spacing) * 10);
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  & img {
    max-width: 100%;
    border-radius: var(--radius-xl);
  }
  & p {
    margin-block: calc(var(--spacing) * 3);
  }
}
#carousel-images {
  .item-image {
    height: calc(var(--spacing) * 24);
    width: calc(var(--spacing) * 28);
    border-radius: var(--radius-xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-slate-200);
    object-fit: contain;
    padding: calc(var(--spacing) * 1);
    @media (width >= 64rem) {
      height: calc(var(--spacing) * 24);
    }
  }
}
#carousel-images-wrapper {
  position: relative;
  margin-top: calc(var(--spacing) * 4);
  @media (width >= 64rem) {
    margin-top: calc(var(--spacing) * 8);
  }
  .carousel-nav {
    position: absolute;
    top: calc(var(--spacing) * 0);
    bottom: calc(var(--spacing) * 0);
    z-index: 10;
    margin-block: auto;
    display: flex;
    height: calc(var(--spacing) * 10);
    width: calc(var(--spacing) * 10);
    align-items: center;
    justify-content: center;
    border-radius: var(--radius-xl);
    background-color: var(--color-slate-200);
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
    @media (width >= 64rem) {
      height: calc(var(--spacing) * 10);
    }
    @media (width >= 64rem) {
      width: calc(var(--spacing) * 10);
    }
  }
  .carousel-nav.swiper-button-disabled {
    background-color: var(--color-slate-100);
    color: var(--color-slate-300);
  }
  .carousel-nav.right {
    right: calc(var(--spacing) * -2);
    @media (width >= 64rem) {
      right: calc(var(--spacing) * -6);
    }
  }
  .carousel-nav.left {
    left: calc(var(--spacing) * -2);
    @media (width >= 64rem) {
      left: calc(var(--spacing) * -6);
    }
  }
}
.page-content-text {
  font-size: var(--text-lg);
  line-height: var(--tw-leading, var(--text-lg--line-height));
  --tw-leading: calc(var(--spacing) * 8);
  line-height: calc(var(--spacing) * 8);
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  & p {
    margin-bottom: calc(var(--spacing) * 8);
  }
  & h2, & h3 {
    margin-top: calc(var(--spacing) * 10);
    margin-bottom: calc(var(--spacing) * 3);
  }
  & > figure {
    margin-inline: auto;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
  }
  & img {
    margin-inline: auto;
    margin-block: calc(var(--spacing) * 4);
    display: block;
    max-width: 100%;
    border-radius: var(--radius-xl);
  }
  & li:before {
    margin-left: calc(var(--spacing) * 2);
    display: inline-block;
    height: calc(var(--spacing) * 2);
    width: calc(var(--spacing) * 2);
    border-radius: var(--radius-lg);
    background-color: var(--color-slate-500);
    --tw-content: '';
    content: var(--tw-content);
  }
}
.list-header-categories {
  margin-top: calc(var(--spacing) * 10);
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: calc(var(--spacing) * 3);
  & > li > a {
    display: inline-block;
    border-radius: var(--radius-xl);
    background-color: color-mix(in srgb, #fff 15%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 15%, transparent);
    }
    padding-inline: calc(var(--spacing) * 6);
    padding-block: calc(var(--spacing) * 2);
    color: var(--color-slate-200);
    &:visited {
      color: var(--color-slate-200);
    }
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, #fff 25%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-white) 25%, transparent);
        }
      }
    }
    &:hover {
      @media (hover: hover) {
        color: var(--color-white);
      }
    }
  }
  & > li > a.active {
    background-color: color-mix(in srgb, #fff 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 30%, transparent);
    }
  }
  .dropdown.hover:hover > a, .dropdown.toggle.active > a {
    background-color: color-mix(in srgb, #fff 25%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 25%, transparent);
    }
    color: var(--color-slate-200) !important;
  }
  .dropdown > a::after {
    color: var(--color-slate-300);
  }
  .dropdown .dropdown-menu {
    min-width: 200px;
    text-align: right;
  }
  .dropdown .dropdown-menu a {
    padding-inline: calc(var(--spacing) * 2);
    color: var(--color-slate-600);
    &:visited {
      color: var(--color-slate-600);
    }
    &:hover {
      @media (hover: hover) {
        color: var(--color-slate-500);
      }
    }
  }
  .dropdown .dropdown-menu a.active {
    color: var(--color-blue-600);
  }
}
.wpcf7 .screen-reader-response {
  display: none;
}
.wpcf7 .wpcf7-not-valid-tip {
  display: inline-block;
  padding-top: calc(var(--spacing) * 1);
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  color: var(--color-red-500);
}
.wpcf7 form .wpcf7-response-output {
  margin-bottom: calc(var(--spacing) * 5);
  border-radius: var(--radius-xl);
  border-style: var(--tw-border-style);
  border-width: 1px;
  padding: calc(var(--spacing) * 4);
  --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.wpcf7 form.submitting .wpcf7-response-output, .wpcf7 form.init .wpcf7-response-output {
  display: none;
}
.wpcf7 form.sent .wpcf7-response-output {
  border-color: var(--color-green-500);
  background-color: var(--color-green-100);
  color: var(--color-green-500);
  --tw-shadow-color: color-mix(in srgb, oklch(72.3% 0.219 149.579) 10%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-green-500) 10%, transparent) var(--tw-shadow-alpha), transparent);
  }
}
.wpcf7 form.failed .wpcf7-response-output, .wpcf7 form.aborted .wpcf7-response-outputو .wpcf7 form.spam .wpcf7-response-output {
  border-color: var(--color-red-500);
  background-color: var(--color-red-100);
  color: var(--color-red-500);
  --tw-shadow-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 10%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-red-500) 10%, transparent) var(--tw-shadow-alpha), transparent);
  }
}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output {
  border-color: var(--color-orange-500);
  background-color: var(--color-orange-50);
  color: var(--color-orange-500);
  --tw-shadow-color: color-mix(in srgb, oklch(70.5% 0.213 47.604) 10%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-orange-500) 10%, transparent) var(--tw-shadow-alpha), transparent);
  }
}
.wpcf7-form .wpcf7-spinner {
  background-color: var(--color-white);
}
.wpcf7-form .wpcf7-spinner:before {
  display: none;
}
.wpcf7-form .wpcf7-spinner:after {
  margin-inline: calc(var(--spacing) * 5);
  display: none;
  animation: var(--animate-spin);
  font-family: 'isax' !important;
  font-size: var(--text-2xl);
  line-height: var(--tw-leading, var(--text-2xl--line-height));
  color: var(--color-slate-700);
  --tw-content: '\e803' !important;
  content: var(--tw-content) !important;
}
.wpcf7-form.submitting .wpcf7-spinner:after {
  display: inline-block;
}
.wpcf7-form .wpcf7-quiz-label {
  margin-bottom: calc(var(--spacing) * 2);
  display: block;
}
.wpcf7 form .wpcf7-response-output {
  margin-inline: calc(var(--spacing) * 0);
}
@property --tw-rotate-x {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-y {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-z {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-x {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-y {
  syntax: "*";
  inherits: false;
}
@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-gradient-position {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-from {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-via {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-to {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-stops {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-via-stops {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-from-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 0%;
}
@property --tw-gradient-via-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 50%;
}
@property --tw-gradient-to-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-leading {
  syntax: "*";
  inherits: false;
}
@property --tw-font-weight {
  syntax: "*";
  inherits: false;
}
@property --tw-tracking {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-ring-inset {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 0px;
}
@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}
@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-blur {
  syntax: "*";
  inherits: false;
}
@property --tw-brightness {
  syntax: "*";
  inherits: false;
}
@property --tw-contrast {
  syntax: "*";
  inherits: false;
}
@property --tw-grayscale {
  syntax: "*";
  inherits: false;
}
@property --tw-hue-rotate {
  syntax: "*";
  inherits: false;
}
@property --tw-invert {
  syntax: "*";
  inherits: false;
}
@property --tw-opacity {
  syntax: "*";
  inherits: false;
}
@property --tw-saturate {
  syntax: "*";
  inherits: false;
}
@property --tw-sepia {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-drop-shadow-size {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-blur {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-brightness {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-contrast {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-grayscale {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-hue-rotate {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-invert {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-opacity {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-saturate {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-sepia {
  syntax: "*";
  inherits: false;
}
@property --tw-ease {
  syntax: "*";
  inherits: false;
}
@property --tw-duration {
  syntax: "*";
  inherits: false;
}
@property --tw-outline-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-content {
  syntax: "*";
  inherits: false;
  initial-value: "";
}
@property --tw-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-z {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-scale-x {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-scale-y {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-scale-z {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
@keyframes pulse {
  50% {
    opacity: 0.5;
  }
}
@layer properties {
  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
    *, ::before, ::after, ::backdrop {
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-border-style: solid;
      --tw-gradient-position: initial;
      --tw-gradient-from: #0000;
      --tw-gradient-via: #0000;
      --tw-gradient-to: #0000;
      --tw-gradient-stops: initial;
      --tw-gradient-via-stops: initial;
      --tw-gradient-from-position: 0%;
      --tw-gradient-via-position: 50%;
      --tw-gradient-to-position: 100%;
      --tw-leading: initial;
      --tw-font-weight: initial;
      --tw-tracking: initial;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
      --tw-backdrop-blur: initial;
      --tw-backdrop-brightness: initial;
      --tw-backdrop-contrast: initial;
      --tw-backdrop-grayscale: initial;
      --tw-backdrop-hue-rotate: initial;
      --tw-backdrop-invert: initial;
      --tw-backdrop-opacity: initial;
      --tw-backdrop-saturate: initial;
      --tw-backdrop-sepia: initial;
      --tw-ease: initial;
      --tw-duration: initial;
      --tw-outline-style: solid;
      --tw-content: "";
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --tw-scale-x: 1;
      --tw-scale-y: 1;
      --tw-scale-z: 1;
    }
  }
}