@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap');

/**
 * Swiper 11.1.14
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2024 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: September 12, 2024
 */

@font-face{
  font-family:swiper-icons;

  src:url('data:application/font-woff;charset=utf-8;base64, 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');

  font-weight:400;

  font-style:normal
}

:root{
  --swiper-theme-color:#007aff
}

:host{
  position:relative;
  display:block;
  margin-left:auto;
  margin-right:auto;
  z-index:1
}

.swiper{
  margin-left:auto;
  margin-right:auto;
  position:relative;
  overflow:hidden;
  list-style:none;
  padding:0;
  z-index:1;
  display:block
}

.swiper-vertical>.swiper-wrapper{
  flex-direction:column
}

.swiper-wrapper{
  position:relative;
  width:100%;
  height:100%;
  z-index:1;
  display:flex;
  transition-property:transform;
  transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);
  box-sizing:content-box
}

.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{
  transform:translate3d(0px,0,0)
}

.swiper-horizontal{
  touch-action:pan-y
}

.swiper-vertical{
  touch-action:pan-x
}

.swiper-slide{
  flex-shrink:0;
  width:100%;
  height:100%;
  position:relative;
  transition-property:transform;
  display:block
}

.swiper-slide-invisible-blank{
  visibility:hidden
}

.swiper-autoheight,.swiper-autoheight .swiper-slide{
  height:auto
}

.swiper-autoheight .swiper-wrapper{
  align-items:flex-start;
  transition-property:transform,height
}

.swiper-backface-hidden .swiper-slide{
  transform:translateZ(0);
  backface-visibility:hidden
}

.swiper-3d.swiper-css-mode .swiper-wrapper{
  perspective:1200px
}

.swiper-3d .swiper-wrapper{
  transform-style:preserve-3d
}

.swiper-3d{
  perspective:1200px
}

.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide{
  transform-style:preserve-3d
}

.swiper-css-mode>.swiper-wrapper{
  overflow:auto;
  scrollbar-width:none;
  -ms-overflow-style:none
}

.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{
  display:none
}

.swiper-css-mode>.swiper-wrapper>.swiper-slide{
  scroll-snap-align:start start
}

.swiper-css-mode.swiper-horizontal>.swiper-wrapper{
  scroll-snap-type:x mandatory
}

.swiper-css-mode.swiper-vertical>.swiper-wrapper{
  scroll-snap-type:y mandatory
}

.swiper-css-mode.swiper-free-mode>.swiper-wrapper{
  scroll-snap-type:none
}

.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{
  scroll-snap-align:none
}

.swiper-css-mode.swiper-centered>.swiper-wrapper::before{
  content:'';
  flex-shrink:0;
  order:9999
}

.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{
  scroll-snap-align:center center;
  scroll-snap-stop:always
}

.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{
  margin-inline-start:var(--swiper-centered-offset-before)
}

.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before{
  height:100%;
  min-height:1px;
  width:var(--swiper-centered-offset-after)
}

.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{
  margin-block-start:var(--swiper-centered-offset-before)
}

.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before{
  width:100%;
  min-width:1px;
  height:var(--swiper-centered-offset-after)
}

.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:100%;
  pointer-events:none;
  z-index:10
}

.swiper-3d .swiper-slide-shadow{
  background:rgba(0,0,0,.15)
}

.swiper-3d .swiper-slide-shadow-left{
  background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-3d .swiper-slide-shadow-right{
  background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-3d .swiper-slide-shadow-top{
  background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-3d .swiper-slide-shadow-bottom{
  background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-lazy-preloader{
  width:42px;
  height:42px;
  position:absolute;
  left:50%;
  top:50%;
  margin-left:-21px;
  margin-top:-21px;
  z-index:10;
  transform-origin:50%;
  box-sizing:border-box;
  border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));
  border-radius:50%;
  border-top-color:transparent
}

.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{
  animation:swiper-preloader-spin 1s infinite linear
}

.swiper-lazy-preloader-white{
  --swiper-preloader-color:#fff
}

.swiper-lazy-preloader-black{
  --swiper-preloader-color:#000
}

@keyframes swiper-preloader-spin{
  0%{
    transform:rotate(0deg)
  }

  100%{
    transform:rotate(360deg)
  }
}

.swiper-virtual .swiper-slide{
  -webkit-backface-visibility:hidden;
  transform:translateZ(0)
}

.swiper-virtual.swiper-css-mode .swiper-wrapper::after{
  content:'';
  position:absolute;
  left:0;
  top:0;
  pointer-events:none
}

.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{
  height:1px;
  width:var(--swiper-virtual-size)
}

.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{
  width:1px;
  height:var(--swiper-virtual-size)
}

:root{
  --swiper-navigation-size:44px
}

.swiper-button-next,.swiper-button-prev{
  position:absolute;
  top:var(--swiper-navigation-top-offset,50%);
  width:calc(var(--swiper-navigation-size)/ 44 * 27);
  height:var(--swiper-navigation-size);
  margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));
  z-index:10;
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:center;
  color:var(--swiper-navigation-color,var(--swiper-theme-color))
}

.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{
  opacity:.35;
  cursor:auto;
  pointer-events:none
}

.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{
  opacity:0;
  cursor:auto;
  pointer-events:none
}

.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{
  display:none!important
}

.swiper-button-next svg,.swiper-button-prev svg{
  width:100%;
  height:100%;
  -o-object-fit:contain;
     object-fit:contain;
  transform-origin:center
}

.swiper-rtl .swiper-button-next svg,.swiper-rtl .swiper-button-prev svg{
  transform:rotate(180deg)
}

.swiper-button-prev,.swiper-rtl .swiper-button-next{
  left:var(--swiper-navigation-sides-offset,10px);
  right:auto
}

.swiper-button-next,.swiper-rtl .swiper-button-prev{
  right:var(--swiper-navigation-sides-offset,10px);
  left:auto
}

.swiper-button-lock{
  display:none
}

.swiper-button-next:after,.swiper-button-prev:after{
  font-family:swiper-icons;
  font-size:var(--swiper-navigation-size);
  text-transform:none!important;
  letter-spacing:0;
  font-variant:initial;
  line-height:1
}

.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{
  content:'prev'
}

.swiper-button-next,.swiper-rtl .swiper-button-prev{
  right:var(--swiper-navigation-sides-offset,10px);
  left:auto
}

.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{
  content:'next'
}

.swiper-pagination{
  position:absolute;
  text-align:center;
  transition:.3s opacity;
  transform:translate3d(0,0,0);
  z-index:10
}

.swiper-pagination.swiper-pagination-hidden{
  opacity:0
}

.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{
  display:none!important
}

.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{
  bottom:var(--swiper-pagination-bottom,8px);
  top:var(--swiper-pagination-top,auto);
  left:0;
  width:100%
}

.swiper-pagination-bullets-dynamic{
  overflow:hidden;
  font-size:0
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{
  transform:scale(.33);
  position:relative
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{
  transform:scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{
  transform:scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{
  transform:scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{
  transform:scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{
  transform:scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{
  transform:scale(.33)
}

.swiper-pagination-bullet{
  width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));
  height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));
  display:inline-block;
  border-radius:var(--swiper-pagination-bullet-border-radius,50%);
  background:var(--swiper-pagination-bullet-inactive-color,#000);
  opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)
}

button.swiper-pagination-bullet{
  border:none;
  margin:0;
  padding:0;
  box-shadow:none;
  -webkit-appearance:none;
  -moz-appearance:none;
       appearance:none
}

.swiper-pagination-clickable .swiper-pagination-bullet{
  cursor:pointer
}

.swiper-pagination-bullet:only-child{
  display:none!important
}

.swiper-pagination-bullet-active{
  opacity:var(--swiper-pagination-bullet-opacity, 1);
  background:var(--swiper-pagination-color,var(--swiper-theme-color))
}

.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{
  right:var(--swiper-pagination-right,8px);
  left:var(--swiper-pagination-left,auto);
  top:50%;
  transform:translate3d(0px,-50%,0)
}

.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{
  margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;
  display:block
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{
  top:50%;
  transform:translateY(-50%);
  width:8px
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{
  display:inline-block;
  transition:.2s transform,.2s top
}

.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{
  margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{
  left:50%;
  transform:translateX(-50%);
  white-space:nowrap
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{
  transition:.2s transform,.2s left
}

.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{
  transition:.2s transform,.2s right
}

.swiper-pagination-fraction{
  color:var(--swiper-pagination-fraction-color,inherit)
}

.swiper-pagination-progressbar{
  background:var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,.25));
  position:absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{
  background:var(--swiper-pagination-color,var(--swiper-theme-color));
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:100%;
  transform:scale(0);
  transform-origin:left top
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{
  transform-origin:right top
}

.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{
  width:100%;
  height:var(--swiper-pagination-progressbar-size,4px);
  left:0;
  top:0
}

.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{
  width:var(--swiper-pagination-progressbar-size,4px);
  height:100%;
  left:0;
  top:0
}

.swiper-pagination-lock{
  display:none
}

.swiper-scrollbar{
  border-radius:var(--swiper-scrollbar-border-radius,10px);
  position:relative;
  touch-action:none;
  background:var(--swiper-scrollbar-bg-color,rgba(0,0,0,.1))
}

.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{
  display:none!important
}

.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{
  position:absolute;
  left:var(--swiper-scrollbar-sides-offset,1%);
  bottom:var(--swiper-scrollbar-bottom,4px);
  top:var(--swiper-scrollbar-top,auto);
  z-index:50;
  height:var(--swiper-scrollbar-size,4px);
  width:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))
}

.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{
  position:absolute;
  left:var(--swiper-scrollbar-left,auto);
  right:var(--swiper-scrollbar-right,4px);
  top:var(--swiper-scrollbar-sides-offset,1%);
  z-index:50;
  width:var(--swiper-scrollbar-size,4px);
  height:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))
}

.swiper-scrollbar-drag{
  height:100%;
  width:100%;
  position:relative;
  background:var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,.5));
  border-radius:var(--swiper-scrollbar-border-radius,10px);
  left:0;
  top:0
}

.swiper-scrollbar-cursor-drag{
  cursor:move
}

.swiper-scrollbar-lock{
  display:none
}

.swiper-zoom-container{
  width:100%;
  height:100%;
  display:flex;
  justify-content:center;
  align-items:center;
  text-align:center
}

.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{
  max-width:100%;
  max-height:100%;
  -o-object-fit:contain;
     object-fit:contain
}

.swiper-slide-zoomed{
  cursor:move;
  touch-action:none
}

.swiper .swiper-notification{
  position:absolute;
  left:0;
  top:0;
  pointer-events:none;
  opacity:0;
  z-index:-1000
}

.swiper-free-mode>.swiper-wrapper{
  transition-timing-function:ease-out;
  margin:0 auto
}

.swiper-grid>.swiper-wrapper{
  flex-wrap:wrap
}

.swiper-grid-column>.swiper-wrapper{
  flex-wrap:wrap;
  flex-direction:column
}

.swiper-fade.swiper-free-mode .swiper-slide{
  transition-timing-function:ease-out
}

.swiper-fade .swiper-slide{
  pointer-events:none;
  transition-property:opacity
}

.swiper-fade .swiper-slide .swiper-slide{
  pointer-events:none
}

.swiper-fade .swiper-slide-active{
  pointer-events:auto
}

.swiper-fade .swiper-slide-active .swiper-slide-active{
  pointer-events:auto
}

.swiper.swiper-cube{
  overflow:visible
}

.swiper-cube .swiper-slide{
  pointer-events:none;
  backface-visibility:hidden;
  z-index:1;
  visibility:hidden;
  transform-origin:0 0;
  width:100%;
  height:100%
}

.swiper-cube .swiper-slide .swiper-slide{
  pointer-events:none
}

.swiper-cube.swiper-rtl .swiper-slide{
  transform-origin:100% 0
}

.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{
  pointer-events:auto
}

.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-prev{
  pointer-events:auto;
  visibility:visible
}

.swiper-cube .swiper-cube-shadow{
  position:absolute;
  left:0;
  bottom:0px;
  width:100%;
  height:100%;
  opacity:.6;
  z-index:0
}

.swiper-cube .swiper-cube-shadow:before{
  content:'';
  background:#000;
  position:absolute;
  left:0;
  top:0;
  bottom:0;
  right:0;
  filter:blur(50px)
}

.swiper-cube .swiper-slide-next+.swiper-slide{
  pointer-events:auto;
  visibility:visible
}

.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top{
  z-index:0;
  backface-visibility:hidden
}

.swiper.swiper-flip{
  overflow:visible
}

.swiper-flip .swiper-slide{
  pointer-events:none;
  backface-visibility:hidden;
  z-index:1
}

.swiper-flip .swiper-slide .swiper-slide{
  pointer-events:none
}

.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{
  pointer-events:auto
}

.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top{
  z-index:0;
  backface-visibility:hidden
}

.swiper-creative .swiper-slide{
  backface-visibility:hidden;
  overflow:hidden;
  transition-property:transform,opacity,height
}

.swiper.swiper-cards{
  overflow:visible
}

.swiper-cards .swiper-slide{
  transform-origin:center bottom;
  backface-visibility:hidden;
  overflow:hidden
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

b,
strong {
  font-weight: bolder;
}

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

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

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

small {
  font-size: 80%;
}

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

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

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

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

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

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

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

button,
select {
  text-transform: none;
}

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

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

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

:-moz-focusring {
  outline: auto;
}

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

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

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

progress {
  vertical-align: baseline;
}

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

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

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

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

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

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

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

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

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

summary {
  display: list-item;
}

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

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

fieldset {
  margin: 0;
  padding: 0;
}

legend {
  padding: 0;
}

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

/*
Reset default styling for dialogs.
*/

dialog {
  padding: 0;
}

/*
Prevent resizing textareas horizontally by default.
*/

textarea {
  resize: vertical;
}

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

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

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

/*
Set the default cursor for buttons.
*/

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

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

:disabled {
  cursor: default;
}

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

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

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

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

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

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

.container{
  width:100%
}

@media (min-width: 640px){
  .container{
    max-width:640px
  }
}

@media (min-width: 768px){
  .container{
    max-width:768px
  }
}

@media (min-width: 1024px){
  .container{
    max-width:1024px
  }
}

@media (min-width: 1280px){
  .container{
    max-width:1280px
  }
}

@media (min-width: 1440px){
  .container{
    max-width:1440px
  }
}

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

.visible{
  visibility:visible
}

.invisible{
  visibility:hidden
}

.fixed{
  position:fixed
}

.absolute{
  position:absolute
}

.relative{
  position:relative
}

.-inset-0\.5{
  inset:-0.125rem
}

.inset-0{
  inset:0px
}

.inset-y-0{
  top:0px;
  bottom:0px
}

.bottom-\[30px\]{
  bottom:30px
}

.bottom-\[53px\]{
  bottom:53px
}

.left-0{
  left:0px
}

.left-1{
  left:0.25rem
}

.left-\[-12px\]{
  left:-12px
}

.right-0{
  right:0px
}

.right-1{
  right:0.25rem
}

.right-3{
  right:0.75rem
}

.right-\[40px\]{
  right:40px
}

.top-0{
  top:0px
}

.top-1{
  top:0.25rem
}

.top-\[-12px\]{
  top:-12px
}

.top-\[27px\]{
  top:27px
}

.z-10{
  z-index:10
}

.z-50{
  z-index:50
}

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

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

.ml-\[20px\]{
  margin-left:20px
}

.mr-3{
  margin-right:0.75rem
}

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

.mt-7{
  margin-top:1.75rem
}

.mt-\[115px\]{
  margin-top:115px
}

.mt-\[120px\]{
  margin-top:120px
}

.mt-\[15px\]{
  margin-top:15px
}

.mt-\[40px\]{
  margin-top:40px
}

.mt-\[6px\]{
  margin-top:6px
}

.block{
  display:block
}

.inline-block{
  display:inline-block
}

.flex{
  display:flex
}

.inline-flex{
  display:inline-flex
}

.table{
  display:table
}

.grid{
  display:grid
}

.hidden{
  display:none
}

.size-6{
  width:1.5rem;
  height:1.5rem
}

.size-\[697px\]{
  width:697px;
  height:697px
}

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

.h-10{
  height:2.5rem
}

.h-2{
  height:0.5rem
}

.h-6{
  height:1.5rem
}

.h-\[400px\]{
  height:400px
}

.h-\[41px\]{
  height:41px
}

.h-\[60px\]{
  height:60px
}

.h-\[65px\]{
  height:65px
}

.h-\[80px\]{
  height:80px
}

.h-dvh{
  height:100dvh
}

.h-full{
  height:100%
}

.max-h-\[480px\]{
  max-height:480px
}

.max-h-\[844px\]{
  max-height:844px
}

.max-h-dvh{
  max-height:100dvh
}

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

.w-10{
  width:2.5rem
}

.w-\[165px\]{
  width:165px
}

.w-\[2px\]{
  width:2px
}

.w-\[400px\]{
  width:400px
}

.w-\[40px\]{
  width:40px
}

.w-\[51px\]{
  width:51px
}

.w-\[65px\]{
  width:65px
}

.w-\[825px\]{
  width:825px
}

.w-\[99\%\]{
  width:99%
}

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

.w-full{
  width:100%
}

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

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

.max-w-\[136\.5px\]{
  max-width:136.5px
}

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

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

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

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

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

.grow{
  flex-grow:1
}

.border-collapse{
  border-collapse:collapse
}

.scale-\[2\.4\]{
  --tw-scale-x:2.4;
  --tw-scale-y:2.4;
  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

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

.flex-col{
  flex-direction:column
}

.flex-wrap{
  flex-wrap:wrap
}

.items-center{
  align-items:center
}

.items-stretch{
  align-items:stretch
}

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

.justify-center{
  justify-content:center
}

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

.gap-1{
  gap:0.25rem
}

.gap-2{
  gap:0.5rem
}

.gap-3{
  gap:0.75rem
}

.gap-36{
  gap:9rem
}

.gap-4{
  gap:1rem
}

.gap-5{
  gap:1.25rem
}

.gap-6{
  gap:1.5rem
}

.gap-7{
  gap:1.75rem
}

.gap-\[46px\]{
  gap:46px
}

.gap-\[47px\]{
  gap:47px
}

.gap-\[78px\]{
  gap:78px
}

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

.overflow-auto{
  overflow:auto
}

.overflow-hidden{
  overflow:hidden
}

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

.rounded-\[1\.25rem\]{
  border-radius:1.25rem
}

.rounded-\[100px\]{
  border-radius:100px
}

.rounded-\[20px\]{
  border-radius:20px
}

.rounded-\[24px\]{
  border-radius:24px
}

.rounded-\[32px\]{
  border-radius:32px
}

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

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

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

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

.border{
  border-width:1px
}

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

.border-\[1px\]{
  border-width:1px
}

.border-\[2px\]{
  border-width:2px
}

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

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

.border-\[\#999\]{
  --tw-border-opacity:1;
  border-color:rgb(153 153 153 / var(--tw-border-opacity))
}

.border-\[\#A724AA\]{
  --tw-border-opacity:1;
  border-color:rgb(167 36 170 / var(--tw-border-opacity))
}

.border-\[\#fff\]{
  --tw-border-opacity:1;
  border-color:rgb(255 255 255 / var(--tw-border-opacity))
}

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

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

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

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

.border-gray-50\/10{
  border-color:rgb(249 250 251 / 0.1)
}

.border-gray-50\/60{
  border-color:rgb(249 250 251 / 0.6)
}

.border-opacity-50{
  --tw-border-opacity:0.5
}

.bg-\[\#247EB8\]{
  --tw-bg-opacity:1;
  background-color:rgb(36 126 184 / var(--tw-bg-opacity))
}

.bg-\[\#740058\]{
  --tw-bg-opacity:1;
  background-color:rgb(116 0 88 / var(--tw-bg-opacity))
}

.bg-\[\#C5C5C5\]{
  --tw-bg-opacity:1;
  background-color:rgb(197 197 197 / var(--tw-bg-opacity))
}

.bg-\[\#F06522\]{
  --tw-bg-opacity:1;
  background-color:rgb(240 101 34 / var(--tw-bg-opacity))
}

.bg-\[\#FF4F64\]{
  --tw-bg-opacity:1;
  background-color:rgb(255 79 100 / var(--tw-bg-opacity))
}

.bg-\[\#FF9D00\]{
  --tw-bg-opacity:1;
  background-color:rgb(255 157 0 / var(--tw-bg-opacity))
}

.bg-\[\]{
  background-color:
}

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

.bg-transparent{
  background-color:transparent
}

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

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

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

.bg-gray-50\/60{
  background-color:rgb(249 250 251 / 0.6)
}

.bg-gray-50\/40{
  background-color:rgb(249 250 251 / 0.4)
}

.bg-gray-50\/45{
  background-color:rgb(249 250 251 / 0.45)
}

.bg-opacity-50{
  --tw-bg-opacity:0.5
}

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

.from-\[\#FEEDA0\]{
  --tw-gradient-from:#FEEDA0 var(--tw-gradient-from-position);
  --tw-gradient-to:rgb(254 237 160 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)
}

.to-\[\#FFD100\]{
  --tw-gradient-to:#FFD100 var(--tw-gradient-to-position)
}

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

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

.p-1{
  padding:0.25rem
}

.p-2{
  padding:0.5rem
}

.p-3{
  padding:0.75rem
}

.p-4{
  padding:1rem
}

.p-5{
  padding:1.25rem
}

.p-\[40px\]{
  padding:40px
}

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

.px-10{
  padding-left:2.5rem;
  padding-right:2.5rem
}

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

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

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

.px-\[100px\]{
  padding-left:100px;
  padding-right:100px
}

.px-\[18px\]{
  padding-left:18px;
  padding-right:18px
}

.px-\[20px\]{
  padding-left:20px;
  padding-right:20px
}

.px-\[40px\]{
  padding-left:40px;
  padding-right:40px
}

.px-\[47px\]{
  padding-left:47px;
  padding-right:47px
}

.px-\[60px\]{
  padding-left:60px;
  padding-right:60px
}

.px-\[7px\]{
  padding-left:7px;
  padding-right:7px
}

.px-\[80px\]{
  padding-left:80px;
  padding-right:80px
}

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

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

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

.py-\[21px\]{
  padding-top:21px;
  padding-bottom:21px
}

.py-\[220px\]{
  padding-top:220px;
  padding-bottom:220px
}

.py-\[22px\]{
  padding-top:22px;
  padding-bottom:22px
}

.py-\[26px\]{
  padding-top:26px;
  padding-bottom:26px
}

.py-\[40px\]{
  padding-top:40px;
  padding-bottom:40px
}

.py-\[5px\]{
  padding-top:5px;
  padding-bottom:5px
}

.py-\[9px\]{
  padding-top:9px;
  padding-bottom:9px
}

.pb-3{
  padding-bottom:0.75rem
}

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

.pb-\[75px\]{
  padding-bottom:75px
}

.pl-10{
  padding-left:2.5rem
}

.pl-5{
  padding-left:1.25rem
}

.pl-6{
  padding-left:1.5rem
}

.pl-\[28px\]{
  padding-left:28px
}

.pl-\[33px\]{
  padding-left:33px
}

.pl-\[40px\]{
  padding-left:40px
}

.pl-\[43px\]{
  padding-left:43px
}

.pl-\[90px\]{
  padding-left:90px
}

.pr-1{
  padding-right:0.25rem
}

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

.pr-2{
  padding-right:0.5rem
}

.pr-\[10px\]{
  padding-right:10px
}

.pr-\[30px\]{
  padding-right:30px
}

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

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

.pt-\[30px\]{
  padding-top:30px
}

.pt-\[40px\]{
  padding-top:40px
}

.pt-\[70px\]{
  padding-top:70px
}

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

.text-left{
  text-align:left
}

.text-center{
  text-align:center
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.font-black{
  font-weight:900
}

.font-bold{
  font-weight:700
}

.font-extrabold{
  font-weight:800
}

.font-normal{
  font-weight:400
}

.uppercase{
  text-transform:uppercase
}

.leading-\[22px\]{
  line-height:22px
}

.leading-none{
  line-height:1
}

.text-\[\#0196BC\]{
  --tw-text-opacity:1;
  color:rgb(1 150 188 / var(--tw-text-opacity))
}

.text-\[\#0872B9\]{
  --tw-text-opacity:1;
  color:rgb(8 114 185 / var(--tw-text-opacity))
}

.text-\[\#350028\]{
  --tw-text-opacity:1;
  color:rgb(53 0 40 / var(--tw-text-opacity))
}

.text-\[\#5A5A5A\]{
  --tw-text-opacity:1;
  color:rgb(90 90 90 / var(--tw-text-opacity))
}

.text-\[\#5F0048\]{
  --tw-text-opacity:1;
  color:rgb(95 0 72 / var(--tw-text-opacity))
}

.text-\[\#8E35AC\]{
  --tw-text-opacity:1;
  color:rgb(142 53 172 / var(--tw-text-opacity))
}

.text-\[\#D106A5\]{
  --tw-text-opacity:1;
  color:rgb(209 6 165 / var(--tw-text-opacity))
}

.text-\[\#DEDEDE\]{
  --tw-text-opacity:1;
  color:rgb(222 222 222 / var(--tw-text-opacity))
}

.text-\[\#FFEE70\]{
  --tw-text-opacity:1;
  color:rgb(255 238 112 / var(--tw-text-opacity))
}

.text-\[\#fff\]{
  --tw-text-opacity:1;
  color:rgb(255 255 255 / var(--tw-text-opacity))
}

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

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

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

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

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

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

.opacity-10{
  opacity:0.1
}

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

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

.transition{
  transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration:150ms
}

:root {
  --main-color: #fff;
  --bottom-leftover: 0px;
  --jakarta-font-family: 'Plus Jakarta Sans';
  --rem-font-family: 'REM';
  --montserrat-font-family: 'Montserrat';
  /*--content-max-width: 393px;*/
  --header-max-height: 100px;
  --content-max-width: 100%;
  --content-max-height: calc(945px - 100px);
  --bs-body-font-family: var(--jakarta-font-family);
}

:root .hidden-navigation {
  --navigation-height: 0;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

/*.font-roboto {*/

/*    font-family: var(--roboto-font-family), sans-serif;*/

/*}*/

.font-rem {
  font-family: var(--rem-font-family), sans-serif;
}

.font-montserrat {
  font-family: var(--montserrat-font-family), sans-serif;
}

/* Custom styles */

body {
  background-color: #FFF;
  font-family: var(--bs-body-font-family), sans-serif;
}

html {
  font-size: 16px;
}

.header {
  /*max-height: var(--header-max-height);*/
  .active {
    font-weight: 800;
    color: #FFF;
  }
  border-bottom: 1px solid transparent;
  /* Viền ban đầu */
  -o-border-image: linear-gradient(to right, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.02)) 1;
     border-image: linear-gradient(to right, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.02)) 1
}

.main-content {
  max-width: var(--content-max-width);
  /* max-height: var(--content-max-height); */
  margin-right: auto;
  margin-left: auto;
  /* padding-bottom: calc(var(--navigation-height) + var(--bottom-leftover)); */
  background: var(--main-color);
}

.content {
  max-height: var(--content-max-height);
  height: var(--content-max-height);
}

.header-bg {
  background: linear-gradient(117deg, #0096BD 5.45%, #D801A4 97.56%);
}

.winner {
  background: linear-gradient(117deg, #0096BD 5.45%, #D801A4 97.56%);
}

.bg-content {
  background: linear-gradient(117deg, #0096BD 5.45%, #D801A4 97.56%);
}

.winner-content {
  background: rgba(255, 255, 255, 0.30);
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
}

.custom-text-shadow {
  text-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
}

.list-table-winner li {
  background: linear-gradient(117deg, #5600c4 5.45%, #CF00E2 97.56%);
}

.list-table ul::-webkit-scrollbar {
  width: 10px;
  margin-left: 5px;
}

.list-table ul::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0.2);
  border-radius: 5px;
}

.list-table ul::-webkit-scrollbar-thumb {
  background: linear-gradient(0deg, #02008F 0%, #02008F 100%), #FFF;
  border-radius: 20px;
}

.list-table-ranking li {
  border-radius: 20px;
  border: 1px solid #FFF;
  background: linear-gradient(to right, #180db3 1%, rgba(59, 130, 246, 0) 97.56%);
  color: #FFF;
}

.list-table-ranking li:nth-child(1) .rank {
  color: black;
  background-image: url('../assets/images/ranking-1.png');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.list-table-ranking li:nth-child(2) .rank {
  color: black;
  background-image: url('../assets/images/ranking-2.png');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.list-table-ranking li:nth-child(3) .rank {
  color: black;
  background-image: url('../assets/images/ranking-3.png');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.logo-content::before {
  content: "";
  width: 108px;
  height: 20px;
  background-image: url('../assets/images/logo-content.png');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

.home-play-game {
  border-radius: 20px;
  background: linear-gradient(285deg, #D801A4 -12.96%, #FEEDA0 71.06%);
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
  width: 100%;
  max-width: 400px;
  height: 60px;
}

.pagination-home .active {
  background: #FEEDA0;
}

.profile-btn button:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}

#subscriber {
  background-color: #3EAFAD;
  transition: background-color 0.5s ease-in-out;
}

#subscriber button {
  /*Tạo hiêu ứng trượt ngang khi thay đổi left button absolute mượt mà*/
  transition: left 0.5s ease-in-out;
}

#subscriber span {
  /*Tạo hiêu ứng trượt ngang khi thay đổi text-align button absolute mượt mà*/
  transition: right 0.5s ease-in-out;
}

.hover\:bg-gray-700:hover{
  --tw-bg-opacity:1;
  background-color:rgb(55 65 81 / var(--tw-bg-opacity))
}

.hover\:text-black:hover{
  --tw-text-opacity:1;
  color:rgb(0 0 0 / var(--tw-text-opacity))
}

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

.focus\:border-\[\#A724AA\]:focus{
  --tw-border-opacity:1;
  border-color:rgb(167 36 170 / var(--tw-border-opacity))
}

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

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

.focus\:ring-inset:focus{
  --tw-ring-inset:inset
}

.focus\:ring-white:focus{
  --tw-ring-opacity:1;
  --tw-ring-color:rgb(255 255 255 / var(--tw-ring-opacity))
}

@media (min-width: 640px){
  .sm\:static{
    position:static
  }

  .sm\:inset-auto{
    inset:auto
  }

  .sm\:ml-6{
    margin-left:1.5rem
  }

  .sm\:pr-0{
    padding-right:0px
  }
}

@media (min-width: 1024px){
  .lg\:block{
    display:block
  }

  .lg\:hidden{
    display:none
  }

  .lg\:px-\[140px\]{
    padding-left:140px;
    padding-right:140px
  }
}

@media (min-width: 1280px){
  .xl\:block{
    display:block
  }

  .xl\:hidden{
    display:none
  }

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

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