/* ---------------------------------------------------------------------------
   CSS giriş dosyası
   Çıktı: assets/css/style.css        (npm run build  /  npm run dev)

   SIRALAMA ÖNEMLİ.
   Bu sıra, elimizdeki derlenmiş style.css'in kaskad sırasını birebir korur.
   Özellikle base/reset.css, Tailwind preflight'ından ÖNCE gelir — yani
   preflight onu ezer. Mevcut görünüm bu davranışa dayanıyor; reset'i
   @layer base içine almak sırayı tersine çevirir ve görünümü değiştirir.

   theme-vars.css ise kendi içinde @layer base ile sarılı olduğu için,
   dosya sırasından bağımsız olarak preflight'tan SONRA yerleşir.
--------------------------------------------------------------------------- */

/* 1. Vendor — Swiper (assets/js/script.js içindeki Swiper sürümüyle eşleşir) */

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

  src:url(data:application/font-woff;charset=utf-8;base64,\ d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA);

  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:translateZ(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:#00000026
}

.swiper-3d .swiper-slide-shadow-left{
  background-image:linear-gradient(to left,#00000080,#0000)
}

.swiper-3d .swiper-slide-shadow-right{
  background-image:linear-gradient(to right,#00000080,#0000)
}

.swiper-3d .swiper-slide-shadow-top{
  background-image:linear-gradient(to top,#00000080,#0000)
}

.swiper-3d .swiper-slide-shadow-bottom{
  background-image:linear-gradient(to bottom,#00000080,#0000)
}

.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(0)
  }

  to{
    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-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:translateZ(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,.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(0,-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:translate(-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,.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:0;
  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
}

/* 2. data-detect-scroll-position yardımcıları */

@property --percent-start {
  syntax: '<percentage>';

  inherits: false;

  initial-value: 0;
}

@property --percent-end {
  syntax: '<percentage>';

  inherits: false;

  initial-value: 0;
}

[data-detect-scroll-position*='fade-y'] {
  --percent-start: 100%;
  --percent-end: 100%;
  transition:
      --percent-start 0.1s linear,
      --percent-end 0.1s linear;
  -webkit-mask-image:
      linear-gradient(
         180deg,
         rgba(255, 255, 255, var(--percent-start)),
         #000,
         #000,
         rgba(255, 255, 255, var(--percent-end))
      ),
      linear-gradient(270deg, #000 8px, transparent 0);
  mask-image:
      linear-gradient(
         180deg,
         rgba(255, 255, 255, var(--percent-start)),
         #000,
         #000,
         rgba(255, 255, 255, var(--percent-end))
      ),
      linear-gradient(270deg, #000 8px, transparent 0);
}

[data-detect-scroll-position*='fade-y']:not(.scroll-at-top) {
  --percent-start: 0%;
}

[data-detect-scroll-position*='fade-y']:not(.scroll-at-bottom) {
  --percent-end: 0%;
}

[data-detect-scroll-position*='fade-x'] {
  --percent-start: 100%;
  --percent-end: 100%;
  transition:
      --percent-start 0.1s linear,
      --percent-end 0.1s linear;
  -webkit-mask-image: linear-gradient(
      90deg,
      rgba(255, 255, 255, var(--percent-start)),
      #000,
      #000,
      rgba(255, 255, 255, var(--percent-end))
   );
  mask-image: linear-gradient(
      90deg,
      rgba(255, 255, 255, var(--percent-start)),
      #000,
      #000,
      rgba(255, 255, 255, var(--percent-end))
   );
}

[data-detect-scroll-position*='fade-x']:not(.scroll-at-left) {
  --percent-start: 0%;
}

[data-detect-scroll-position*='fade-x']:not(.scroll-at-right) {
  --percent-end: 0%;
}

/* 3. Proje değişkenleri + akışkan tipografi (.range-*) */

:root {
  --header-height: 180px;
  --width-container: 1680px;
  --gap: 30px;
  --font-family: 'Segoe UI';
  --h1: clamp(32px, 3.75vw, 72px);
  --h2: clamp(28px, 2.5vw, 48px);
  --h3: clamp(24px, 1.875vw, 36px);
  --h4: clamp(22px, 1.563vw, 30px);
  --h5: clamp(18px, 1.25vw, 24px);
  --h6: clamp(16px, 1.042vw, 20px);
  --p: clamp(14px, 0.938vw, 18px);
  --li: clamp(14px, 0.938vw, 18px);
  --max-vw: 1560;
  --min-vw: 375;
  --max-vw-container: 1920;
  --min-vw-container: 1280;
}

@media screen and (max-width: 1280px) {
  :root {
    --header-height: 100px;
  }
}

.range-fs {
  --range-fs: clamp(
      calc(var(--minv-fs) * 1px),
      calc(
         var(--minv-fs) * 1px + (var(--maxv-fs) - var(--minv-fs)) *
            ((100vw - (var(--min-vw) * 1px)) / (var(--max-vw) - var(--min-vw)))
      ),
      calc(var(--maxv-fs) * 1px)
   );
}

.range-1 {
  --range-1: clamp(
      calc(var(--minv-1) * 1px),
      calc(
         var(--minv-1) * 1px + (var(--maxv-1) - var(--minv-1)) *
            ((100vw - (var(--min-vw) * 1px)) / (var(--max-vw) - var(--min-vw)))
      ),
      calc(var(--maxv-1) * 1px)
   );
}

.range-2 {
  --range-2: clamp(
      calc(var(--minv-2) * 1px),
      calc(
         var(--minv-2) * 1px + (var(--maxv-2) - var(--minv-2)) *
            ((100vw - (var(--min-vw) * 1px)) / (var(--max-vw) - var(--min-vw)))
      ),
      calc(var(--maxv-2) * 1px)
   );
}

.range-3 {
  --range-3: clamp(
      calc(var(--minv-3) * 1px),
      calc(
         var(--minv-3) * 1px + (var(--maxv-3) - var(--minv-3)) *
            ((100vw - (var(--min-vw) * 1px)) / (var(--max-vw) - var(--min-vw)))
      ),
      calc(var(--maxv-3) * 1px)
   );
}

.range-4 {
  --range-4: clamp(
      calc(var(--minv-4) * 1px),
      calc(
         var(--minv-4) * 1px + (var(--maxv-4) - var(--minv-4)) *
            ((100vw - (var(--min-vw) * 1px)) / (var(--max-vw) - var(--min-vw)))
      ),
      calc(var(--maxv-4) * 1px)
   );
}

.range-5 {
  --range-5: clamp(
      calc(var(--minv-5) * 1px),
      calc(
         var(--minv-5) * 1px + (var(--maxv-5) - var(--minv-5)) *
            ((100vw - (var(--min-vw) * 1px)) / (var(--max-vw) - var(--min-vw)))
      ),
      calc(var(--maxv-5) * 1px)
   );
}

.range-container {
  --range-container: clamp(
      calc(var(--minv-container) * 1px),
      calc(
         var(--minv-container) * 1px + (var(--maxv-container) - var(--minv-container)) *
            ((100vw - (var(--min-vw-container) * 1px)) / (var(--max-vw-container) - var(--min-vw-container)))
      ),
      calc(var(--maxv-container) * 1px)
   );
}

/* 4. İkon fontu — dosyalar assets/font/iconfont/ içine gelecek */

@font-face {
  font-family: iconfont;

  src: url(../../assets/font/iconfont/iconfont.eot);

  src:
      url(../../assets/font/iconfont/iconfont.eot?#iefix) format('embedded-opentype'),
      url(../../assets/font/iconfont/iconfont.woff) format('woff'),
      url(../../assets/font/iconfont/iconfont.ttf) format('truetype'),
      url(../../assets/font/iconfont/iconfont.svg#iconfont) format('svg');

  font-weight: 400;

  font-style: normal;
}

[class*='icon-']:before {
  display: inline-block;
  font-family: iconfont;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* 5. Projeye özel reset / temel öğeler / .text-editor / [popover] */

*,
*:before,
*:after {
  box-sizing: border-box;
}

* {
  margin: 0;
  font-family: var(--font-family), sans-serif;
}

html {
  -webkit-text-size-adjust: none;
  -moz-text-size-adjust: none;
  text-size-adjust: none;
}

body {
  min-height: 100dvh;
  line-height: 1.5;
  background-color: var(--bodyColor);
  -webkit-font-smoothing: antialiased;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}

img,
picture,
video,
canvas {
  display: block;
  max-width: 100%;
}

svg {
  display: block;
  overflow: visible;
}

input,
button,
textarea,
select {
  font: inherit;
}

p,
h1,
h2,
h3,
h4,
h5,
h6 {
  overflow-wrap: break-word;
}

h1,
h2,
h3,
h4 {
  text-wrap: balance;
}

#root,
#__next {
  isolation: isolate;
}

body,
h1,
h2,
h3,
h4,
p,
figure,
blockquote,
dl,
dd {
  margin-block-end: 0;
}

ul[role='list'],
ol[role='list'] {
  list-style: none;
}

a:not([class]) {
  -webkit-text-decoration-skip: ink;
  text-decoration-skip-ink: auto;
  color: currentColor;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

:target {
  scroll-margin-block: 5ex;
}

input[type='search']::-ms-clear,
input[type='search']::-ms-reveal {
  display: none;
  height: 0px;
  width: 0px;
}

input[type='search']::-webkit-search-decoration,
input[type='search']::-webkit-search-cancel-button,
input[type='search']::-webkit-search-results-button,
input[type='search']::-webkit-search-results-decoration {
  display: none;
}

input[type='date']::-webkit-inner-spin-button,
input[type='date']::-webkit-calendar-picker-indicator {
  display: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

input[type='file']::-webkit-file-upload-button {
  cursor: pointer;
}

a:focus,
a:focus-visible,
input:focus,
input:focus-visible,
button:focus,
button:focus-visible,
textarea:focus,
textarea:focus-visible,
select:focus,
select:focus-visible {
  outline: none;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type='number'] {
  -moz-appearance: textfield;
}

input[type='checkbox'] {
  -moz-appearance: none;
  appearance: none;
  -webkit-appearance: none;
  outline: none;
}

.text-editor {
  display: flex;
  flex-direction: column;
  gap: clamp(16px, 1.563vw, 30px);
}

.text-editor h1,
.text-editor h2,
.text-editor h3,
.text-editor h4,
.text-editor h5,
.text-editor h6 {
  color: #000;
  text-wrap: balance;
}

.text-editor h1,
.text-editor h2,
.text-editor h3 {
  letter-spacing: -0.02em;
  line-height: 1.125;
}

.text-editor h4,
.text-editor h5,
.text-editor h6 {
  line-height: 1.25;
}

.text-editor ul li,
.text-editor ol,
.text-editor li,
.text-editor p {
  color: #0009;
  line-height: 1.6;
}

.text-editor h1 {
  font-size: var(--h1);
}

.text-editor h2 {
  font-size: var(--h2);
}

.text-editor h3 {
  font-size: var(--h3);
}

.text-editor h4 {
  font-size: var(--h4);
}

.text-editor h5 {
  font-size: var(--h5);
}

.text-editor h6 {
  font-size: var(--h6);
}

.text-editor p {
  font-size: var(--p);
}

.text-editor ul li,
.text-editor ol,
.text-editor li {
  font-size: var(--li);
}

.text-editor ul,
.text-editor ol {
  display: flex;
  flex-direction: column;
  gap: clamp(0.25rem, 0.417vw, 0.5rem);
  padding-left: 1.25rem;
}

:is(.text-editor ul, .text-editor ol)::marker {
  color: inherit;
}

.text-editor ul {
  list-style: disc;
}

.text-editor ol {
  list-style: decimal;
}

.text-editor a {
  color: #0009;
  transition: 0.35s ease color;
}

:is(.text-editor a):hover {
  text-decoration: underline;
}

.text-editor strong,
.text-editor b {
  font-weight: 700;
}

.text-editor em,
.text-editor i {
  font-style: italic;
}

@media screen and (max-width: 768px) {
  .text-editor br {
    content: '';
  }

  :is(.text-editor br):after {
    content: ' ';
  }
}

.text-editor.white h1,
.text-editor.white h2,
.text-editor.white h3,
.text-editor.white h4,
.text-editor.white h5,
.text-editor.white h6 {
  color: #fff;
}

.text-editor.white ul li,
.text-editor.white ol,
.text-editor.white li,
.text-editor.white p,
.text-editor.white a {
  color: #fff9;
}

.armut {
  color: red;
}

body:has([popover]:popover-open) {
  overflow: hidden;
}

[popover] {
  opacity: 0;
  transition-duration: 0.3s;
  transition-property: all;
  transition-timing-function: ease-out;
  transition-behavior: allow-discrete;
}

.fx:is([popover] .content-wrapper) {
  transition-property: all;
  transition-duration: 0.6s;
  transition-timing-function: cubic-bezier(0.77, 0.16, 0.09, 0.94);
  transition-behavior: allow-discrete;
  opacity: 0;
  transform: translateY(10%) translateZ(0);
}

[popover]:popover-open {
  opacity: 1;
}

.fx:is([popover]:popover-open .content-wrapper) {
  opacity: 1;
  transform: translateY(0) translateZ(0);
}

@starting-style {
  [popover]:popover-open {
    opacity: 0;
  }

  .fx:is([popover]:popover-open .content-wrapper) {
    opacity: 0;
    transform: translateY(10%) translateZ(0);
  }
}

.swiper-button-lock {
  display: none !important;
}

.logo-wrapper {
  opacity: 0;
  transform: translateY(-20px);
  transition: opacity 0.5s ease;
}

/* Hero'daki iletişim kartının giriş animasyonu.
   .hero-section ile sınırlı: .content-wrapper adı popup'ların içinde de
   kullanılıyor, oradaki [popover] geçişlerine karışmamalı.
   fill-mode "both" gecikme boyunca opacity:0'ı tutar, JS'e gerek kalmaz. */

@keyframes content-reveal {
  from {
    opacity: 0;
    transform: translateY(20px);
  }

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

.hero-section .content-wrapper {
  animation: content-reveal 0.9s cubic-bezier(0.22, 0.61, 0.36, 1) 0.5s both;
}

@media (prefers-reduced-motion: reduce) {
  .hero-section .content-wrapper {
    animation: none;
  }
}

/* 6. Tema renklerinin CSS değişkeni dökümü (@layer base ile sarılı) */

/* Tema renklerinin CSS degiskeni dokumu (authored).
   @layer base icinde -> Tailwind preflight'indan SONRA yerlesir. */

/* 7. Tailwind */

*, ::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.17 | 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;
}

*{
  scrollbar-color:initial;
  scrollbar-width:initial
}

:root{
  --inherit:inherit;
  --current:currentColor;
  --transparent:transparent;
  --black:#000000;
  --white:#FFFFFF;
  --slate-50:#f8fafc;
  --slate-100:#f1f5f9;
  --slate-200:#e2e8f0;
  --slate-300:#cbd5e1;
  --slate-400:#94a3b8;
  --slate-500:#64748b;
  --slate-600:#475569;
  --slate-700:#334155;
  --slate-800:#1e293b;
  --slate-900:#0f172a;
  --slate-950:#020617;
  --gray-50:#f9fafb;
  --gray-100:#f3f4f6;
  --gray-200:#e5e7eb;
  --gray-300:#d1d5db;
  --gray-400:#9ca3af;
  --gray-500:#6b7280;
  --gray-600:#4b5563;
  --gray-700:#374151;
  --gray-800:#1f2937;
  --gray-900:#111827;
  --gray-950:#030712;
  --zinc-50:#fafafa;
  --zinc-100:#f4f4f5;
  --zinc-200:#e4e4e7;
  --zinc-300:#d4d4d8;
  --zinc-400:#a1a1aa;
  --zinc-500:#71717a;
  --zinc-600:#52525b;
  --zinc-700:#3f3f46;
  --zinc-800:#27272a;
  --zinc-900:#18181b;
  --zinc-950:#09090b;
  --neutral-50:#fafafa;
  --neutral-100:#f5f5f5;
  --neutral-200:#e5e5e5;
  --neutral-300:#d4d4d4;
  --neutral-400:#a3a3a3;
  --neutral-500:#737373;
  --neutral-600:#525252;
  --neutral-700:#404040;
  --neutral-800:#262626;
  --neutral-900:#171717;
  --neutral-950:#0a0a0a;
  --stone-50:#fafaf9;
  --stone-100:#f5f5f4;
  --stone-200:#e7e5e4;
  --stone-300:#d6d3d1;
  --stone-400:#a8a29e;
  --stone-500:#78716c;
  --stone-600:#57534e;
  --stone-700:#44403c;
  --stone-800:#292524;
  --stone-900:#1c1917;
  --stone-950:#0c0a09;
  --red-50:#fef2f2;
  --red-100:#fee2e2;
  --red-200:#fecaca;
  --red-300:#fca5a5;
  --red-400:#f87171;
  --red-500:#ef4444;
  --red-600:#dc2626;
  --red-700:#b91c1c;
  --red-800:#991b1b;
  --red-900:#7f1d1d;
  --red-950:#450a0a;
  --orange-50:#fff7ed;
  --orange-100:#ffedd5;
  --orange-200:#fed7aa;
  --orange-300:#fdba74;
  --orange-400:#fb923c;
  --orange-500:#f97316;
  --orange-600:#ea580c;
  --orange-700:#c2410c;
  --orange-800:#9a3412;
  --orange-900:#7c2d12;
  --orange-950:#431407;
  --amber-50:#fffbeb;
  --amber-100:#fef3c7;
  --amber-200:#fde68a;
  --amber-300:#fcd34d;
  --amber-400:#fbbf24;
  --amber-500:#f59e0b;
  --amber-600:#d97706;
  --amber-700:#b45309;
  --amber-800:#92400e;
  --amber-900:#78350f;
  --amber-950:#451a03;
  --yellow-50:#fefce8;
  --yellow-100:#fef9c3;
  --yellow-200:#fef08a;
  --yellow-300:#fde047;
  --yellow-400:#facc15;
  --yellow-500:#eab308;
  --yellow-600:#ca8a04;
  --yellow-700:#a16207;
  --yellow-800:#854d0e;
  --yellow-900:#713f12;
  --yellow-950:#422006;
  --lime-50:#f7fee7;
  --lime-100:#ecfccb;
  --lime-200:#d9f99d;
  --lime-300:#bef264;
  --lime-400:#a3e635;
  --lime-500:#84cc16;
  --lime-600:#65a30d;
  --lime-700:#4d7c0f;
  --lime-800:#3f6212;
  --lime-900:#365314;
  --lime-950:#1a2e05;
  --green-50:#f0fdf4;
  --green-100:#dcfce7;
  --green-200:#bbf7d0;
  --green-300:#86efac;
  --green-400:#4ade80;
  --green-500:#22c55e;
  --green-600:#16a34a;
  --green-700:#15803d;
  --green-800:#166534;
  --green-900:#14532d;
  --green-950:#052e16;
  --emerald-50:#ecfdf5;
  --emerald-100:#d1fae5;
  --emerald-200:#a7f3d0;
  --emerald-300:#6ee7b7;
  --emerald-400:#34d399;
  --emerald-500:#10b981;
  --emerald-600:#059669;
  --emerald-700:#047857;
  --emerald-800:#065f46;
  --emerald-900:#064e3b;
  --emerald-950:#022c22;
  --teal-50:#f0fdfa;
  --teal-100:#ccfbf1;
  --teal-200:#99f6e4;
  --teal-300:#5eead4;
  --teal-400:#2dd4bf;
  --teal-500:#14b8a6;
  --teal-600:#0d9488;
  --teal-700:#0f766e;
  --teal-800:#115e59;
  --teal-900:#134e4a;
  --teal-950:#042f2e;
  --cyan-50:#ecfeff;
  --cyan-100:#cffafe;
  --cyan-200:#a5f3fc;
  --cyan-300:#67e8f9;
  --cyan-400:#22d3ee;
  --cyan-500:#06b6d4;
  --cyan-600:#0891b2;
  --cyan-700:#0e7490;
  --cyan-800:#155e75;
  --cyan-900:#164e63;
  --cyan-950:#083344;
  --sky-50:#f0f9ff;
  --sky-100:#e0f2fe;
  --sky-200:#bae6fd;
  --sky-300:#7dd3fc;
  --sky-400:#38bdf8;
  --sky-500:#0ea5e9;
  --sky-600:#0284c7;
  --sky-700:#0369a1;
  --sky-800:#075985;
  --sky-900:#0c4a6e;
  --sky-950:#082f49;
  --blue-50:#eff6ff;
  --blue-100:#dbeafe;
  --blue-200:#bfdbfe;
  --blue-300:#93c5fd;
  --blue-400:#60a5fa;
  --blue-500:#3b82f6;
  --blue-600:#2563eb;
  --blue-700:#1d4ed8;
  --blue-800:#1e40af;
  --blue-900:#1e3a8a;
  --blue-950:#172554;
  --indigo-50:#eef2ff;
  --indigo-100:#e0e7ff;
  --indigo-200:#c7d2fe;
  --indigo-300:#a5b4fc;
  --indigo-400:#818cf8;
  --indigo-500:#6366f1;
  --indigo-600:#4f46e5;
  --indigo-700:#4338ca;
  --indigo-800:#3730a3;
  --indigo-900:#312e81;
  --indigo-950:#1e1b4b;
  --violet-50:#f5f3ff;
  --violet-100:#ede9fe;
  --violet-200:#ddd6fe;
  --violet-300:#c4b5fd;
  --violet-400:#a78bfa;
  --violet-500:#8b5cf6;
  --violet-600:#7c3aed;
  --violet-700:#6d28d9;
  --violet-800:#5b21b6;
  --violet-900:#4c1d95;
  --violet-950:#2e1065;
  --purple-50:#faf5ff;
  --purple-100:#f3e8ff;
  --purple-200:#e9d5ff;
  --purple-300:#d8b4fe;
  --purple-400:#c084fc;
  --purple-500:#a855f7;
  --purple-600:#9333ea;
  --purple-700:#7e22ce;
  --purple-800:#6b21a8;
  --purple-900:#581c87;
  --purple-950:#3b0764;
  --fuchsia-50:#fdf4ff;
  --fuchsia-100:#fae8ff;
  --fuchsia-200:#f5d0fe;
  --fuchsia-300:#f0abfc;
  --fuchsia-400:#e879f9;
  --fuchsia-500:#d946ef;
  --fuchsia-600:#c026d3;
  --fuchsia-700:#a21caf;
  --fuchsia-800:#86198f;
  --fuchsia-900:#701a75;
  --fuchsia-950:#4a044e;
  --pink-50:#fdf2f8;
  --pink-100:#fce7f3;
  --pink-200:#fbcfe8;
  --pink-300:#f9a8d4;
  --pink-400:#f472b6;
  --pink-500:#ec4899;
  --pink-600:#db2777;
  --pink-700:#be185d;
  --pink-800:#9d174d;
  --pink-900:#831843;
  --pink-950:#500724;
  --rose-50:#fff1f2;
  --rose-100:#ffe4e6;
  --rose-200:#fecdd3;
  --rose-300:#fda4af;
  --rose-400:#fb7185;
  --rose-500:#f43f5e;
  --rose-600:#e11d48;
  --rose-700:#be123c;
  --rose-800:#9f1239;
  --rose-900:#881337;
  --rose-950:#4c0519;
  --textColor:#000000;
  --bodyColor:#FFFFFF;
  --main-50:#f6f6f6;
  --main-100:#e7e7e7;
  --main-200:#d1d1d1;
  --main-300:#b0b0b0;
  --main-400:#888888;
  --main-500:#6d6d6d;
  --main-600:#5d5d5d;
  --main-700:#4f4f4f;
  --main-800:#454545;
  --main-900:#3d3d3d;
  --main-950:#000000
}

.container{
  width:100%
}

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

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

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

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

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

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

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

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

.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
}

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

.pointer-events-auto{
  pointer-events:auto
}

.visible{
  visibility:visible
}

.static{
  position:static
}

.fixed{
  position:fixed
}

.absolute{
  position:absolute
}

.relative{
  position:relative
}

.inset-0{
  inset:0px
}

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

.left-0{
  left:0px
}

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

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

.top-0{
  top:0px
}

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

.z-1{
  z-index:1
}

.z-10{
  z-index:10
}

.z-100{
  z-index:100
}

.z-2{
  z-index:2
}

.z-20{
  z-index:20
}

.z-3{
  z-index:3
}

.z-\[-1\]{
  z-index:-1
}

.z-\[100\]{
  z-index:100
}

.z-\[10\]{
  z-index:10
}

.z-\[120\]{
  z-index:120
}

.z-\[2\]{
  z-index:2
}

.z-\[70\]{
  z-index:70
}

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

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

.m-0{
  margin:0px
}

.m-1{
  margin:0.25rem
}

.mx-\[10px\]{
  margin-left:10px;
  margin-right:10px
}

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

.my-\[20px\]{
  margin-top:20px;
  margin-bottom:20px
}

.my-auto{
  margin-top:auto;
  margin-bottom:auto
}

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

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

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

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

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

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

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

.block{
  display:block
}

.inline-block{
  display:inline-block
}

.inline{
  display:inline
}

.flex{
  display:flex
}

.grid{
  display:grid
}

.\!hidden{
  display:none !important
}

.hidden{
  display:none
}

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

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

.size-\[--range-1\]{
  width:var(--range-1);
  height:var(--range-1)
}

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

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

.\!h-full{
  height:100% !important
}

.h-1{
  height:0.25rem
}

.h-\[--header-height\]{
  height:var(--header-height)
}

.h-\[100vh\]{
  height:100vh
}

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

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

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

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

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

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

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

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

.h-auto{
  height:auto
}

.h-dvh{
  height:100dvh
}

.h-fit{
  height:-moz-fit-content;
  height:fit-content
}

.h-full{
  height:100%
}

.h-max{
  height:-moz-max-content;
  height:max-content
}

.h-px{
  height:1px
}

.max-h-\[90dvh\]{
  max-height:90dvh
}

.max-h-\[calc\(100dvh-\(var\(--range-1\)\*2\)\)\]{
  max-height:calc(100dvh - (var(--range-1) * 2))
}

.max-h-full{
  max-height:100%
}

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

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

.w-\[--range-1\]{
  width:var(--range-1)
}

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

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

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

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

.w-auto{
  width:auto
}

.w-dvw{
  width:100dvw
}

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

.w-full{
  width:100%
}

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

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

.min-w-\[130px\]{
  min-width:130px
}

.max-w-\[--range-container\]{
  max-width:var(--range-container)
}

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

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

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

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

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

.max-w-\[90dvw\]{
  max-width:90dvw
}

.max-w-\[calc\(100dvw-\(var\(--range-1\)\*2\)\)\]{
  max-width:calc(100dvw - (var(--range-1) * 2))
}

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

.shrink-0{
  flex-shrink:0
}

.\!translate-y-\[125\%\]{
  --tw-translate-y:125% !important;
  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)) !important
}

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

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

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

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

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

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

.cursor-pointer{
  cursor:pointer
}

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

.resize-none{
  resize:none
}

.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
}

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

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

.items-center{
  align-items:center
}

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

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

.justify-center{
  justify-content:center
}

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

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

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

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

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

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

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

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

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

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

.divide-white\/10 > :not([hidden]) ~ :not([hidden]){
  border-color:rgb(255 255 255 / 0.1)
}

.self-stretch{
  align-self:stretch
}

.overflow-hidden{
  overflow:hidden
}

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

.overflow-x-hidden{
  overflow-x:hidden
}

.overscroll-none{
  overscroll-behavior:none
}

.whitespace-nowrap{
  white-space:nowrap
}

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

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

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

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

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

.border{
  border-width:1px
}

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

.border-solid{
  border-style:solid
}

.border-main-500{
  --tw-border-opacity:1;
  border-color:rgb(109 109 109 / var(--tw-border-opacity, 1))
}

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

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

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

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

.bg-\[\#E0EFF2\]{
  --tw-bg-opacity:1;
  background-color:rgb(224 239 242 / var(--tw-bg-opacity, 1))
}

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

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

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

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

.bg-black\/75{
  background-color:rgb(0 0 0 / 0.75)
}

.bg-black\/80{
  background-color:rgb(0 0 0 / 0.8)
}

.bg-main-500{
  --tw-bg-opacity:1;
  background-color:rgb(109 109 109 / var(--tw-bg-opacity, 1))
}

.bg-transparent{
  background-color:transparent
}

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

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

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

.bg-white\/40{
  background-color:rgb(255 255 255 / 0.4)
}

.bg-white\/75{
  background-color:rgb(255 255 255 / 0.75)
}

.bg-cover{
  background-size:cover
}

.bg-center{
  background-position:center
}

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

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

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

.p-0{
  padding:0px
}

.p-\[--gap\]{
  padding:var(--gap)
}

.p-\[--range-1\]{
  padding:var(--range-1)
}

.p-\[--range-2\]{
  padding:var(--range-2)
}

.p-\[15px_30px\]{
  padding:15px 30px
}

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

.p-\[38px_70px\]{
  padding:38px 70px
}

.p-\[50px_60px\]{
  padding:50px 60px
}

.px-\[--gap\]{
  padding-left:var(--gap);
  padding-right:var(--gap)
}

.px-\[--range-1\]{
  padding-left:var(--range-1);
  padding-right:var(--range-1)
}

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

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

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

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

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

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

.text-center{
  text-align:center
}

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

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

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

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

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

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

.font-\[500\]{
  font-weight:500
}

.font-medium{
  font-weight:500
}

.font-semibold{
  font-weight:600
}

.uppercase{
  text-transform:uppercase
}

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

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

.leading-normal{
  line-height:1.5
}

.leading-snug{
  line-height:1.375
}

.leading-tight{
  line-height:1.25
}

.tracking-\[0\.08em\]{
  letter-spacing:0.08em
}

.tracking-\[0\.12em\]{
  letter-spacing:0.12em
}

.text-\[\#019B07\]{
  --tw-text-opacity:1;
  color:rgb(1 155 7 / var(--tw-text-opacity, 1))
}

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

.text-\[\#1E1E1E\]\/60{
  color:rgb(30 30 30 / 0.6)
}

.text-black\/50{
  color:rgb(0 0 0 / 0.5)
}

.text-inherit{
  color:inherit
}

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

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

.text-white\/75{
  color:rgb(255 255 255 / 0.75)
}

.underline{
  text-decoration-line:underline
}

.underline-offset-2{
  text-underline-offset:2px
}

.opacity-0{
  opacity:0
}

.shadow-\[0px_10px_10px_rgba\(0\2c 0\2c 0\2c 0\.1\)\]{
  --tw-shadow:0px 10px 10px rgba(0,0,0,0.1);
  --tw-shadow-colored:0px 10px 10px var(--tw-shadow-color);
  box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-popup{
  --tw-shadow:0 10px 40px rgba(0, 0, 0, 0.15);
  --tw-shadow-colored:0 10px 40px 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
}

.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-md{
  --tw-backdrop-blur:blur(12px);
  backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)
}

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

.backdrop-blur-sm{
  --tw-backdrop-blur:blur(4px);
  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, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration:150ms
}

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

.duration-350{
  transition-duration:350ms
}

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

.scrollbar::-webkit-scrollbar-track{
  background-color:var(--scrollbar-track);
  border-radius:var(--scrollbar-track-radius)
}

.scrollbar::-webkit-scrollbar-track:hover{
  background-color:var(--scrollbar-track-hover, var(--scrollbar-track))
}

.scrollbar::-webkit-scrollbar-track:active{
  background-color:var(--scrollbar-track-active, var(--scrollbar-track-hover, var(--scrollbar-track)))
}

.scrollbar::-webkit-scrollbar-thumb{
  background-color:var(--scrollbar-thumb);
  border-radius:var(--scrollbar-thumb-radius)
}

.scrollbar::-webkit-scrollbar-thumb:hover{
  background-color:var(--scrollbar-thumb-hover, var(--scrollbar-thumb))
}

.scrollbar::-webkit-scrollbar-thumb:active{
  background-color:var(--scrollbar-thumb-active, var(--scrollbar-thumb-hover, var(--scrollbar-thumb)))
}

.scrollbar::-webkit-scrollbar-corner{
  background-color:var(--scrollbar-corner);
  border-radius:var(--scrollbar-corner-radius)
}

.scrollbar::-webkit-scrollbar-corner:hover{
  background-color:var(--scrollbar-corner-hover, var(--scrollbar-corner))
}

.scrollbar::-webkit-scrollbar-corner:active{
  background-color:var(--scrollbar-corner-active, var(--scrollbar-corner-hover, var(--scrollbar-corner)))
}

.scrollbar{
  scrollbar-width:auto;
  scrollbar-color:var(--scrollbar-thumb, initial) var(--scrollbar-track, initial)
}

.scrollbar::-webkit-scrollbar{
  display:block;
  width:var(--scrollbar-width, 16px);
  height:var(--scrollbar-height, 16px)
}

.scrollbar-thin::-webkit-scrollbar-track{
  background-color:var(--scrollbar-track);
  border-radius:var(--scrollbar-track-radius)
}

.scrollbar-thin::-webkit-scrollbar-track:hover{
  background-color:var(--scrollbar-track-hover, var(--scrollbar-track))
}

.scrollbar-thin::-webkit-scrollbar-track:active{
  background-color:var(--scrollbar-track-active, var(--scrollbar-track-hover, var(--scrollbar-track)))
}

.scrollbar-thin::-webkit-scrollbar-thumb{
  background-color:var(--scrollbar-thumb);
  border-radius:var(--scrollbar-thumb-radius)
}

.scrollbar-thin::-webkit-scrollbar-thumb:hover{
  background-color:var(--scrollbar-thumb-hover, var(--scrollbar-thumb))
}

.scrollbar-thin::-webkit-scrollbar-thumb:active{
  background-color:var(--scrollbar-thumb-active, var(--scrollbar-thumb-hover, var(--scrollbar-thumb)))
}

.scrollbar-thin::-webkit-scrollbar-corner{
  background-color:var(--scrollbar-corner);
  border-radius:var(--scrollbar-corner-radius)
}

.scrollbar-thin::-webkit-scrollbar-corner:hover{
  background-color:var(--scrollbar-corner-hover, var(--scrollbar-corner))
}

.scrollbar-thin::-webkit-scrollbar-corner:active{
  background-color:var(--scrollbar-corner-active, var(--scrollbar-corner-hover, var(--scrollbar-corner)))
}

.scrollbar-thin{
  scrollbar-width:thin;
  scrollbar-color:var(--scrollbar-thumb, initial) var(--scrollbar-track, initial)
}

.scrollbar-thin::-webkit-scrollbar{
  display:block;
  width:8px;
  height:8px
}

.scrollbar-track-main-50{
  --scrollbar-track:#f6f6f6 !important
}

.scrollbar-track-main-500\/10{
  --scrollbar-track:rgb(109 109 109 / 0.1) !important
}

.scrollbar-thumb-main-200{
  --scrollbar-thumb:#d1d1d1 !important
}

.scrollbar-thumb-main-500{
  --scrollbar-thumb:#6d6d6d !important
}

.scrollbar-track-rounded-none{
  --scrollbar-track-radius:0px
}

.scrollbar-thumb-rounded-none{
  --scrollbar-thumb-radius:0px
}

.scrollbar-w-0\.5{
  --scrollbar-width:0.125rem
}

.scrollbar-w-\[4px\]{
  --scrollbar-width:4px
}

.scrollbar-h-\[4px\]{
  --scrollbar-height:4px
}

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

.\[--maxv-1\:18\]{
  --maxv-1:18
}

.\[--maxv-1\:22\]{
  --maxv-1:22
}

.\[--maxv-1\:30\]{
  --maxv-1:30
}

.\[--maxv-1\:54\]{
  --maxv-1:54
}

.\[--maxv-1\:60\]{
  --maxv-1:60
}

.\[--maxv-2\:90\]{
  --maxv-2:90
}

.\[--maxv-4\:16\]{
  --maxv-4:16
}

.\[--maxv-container\:1560\]{
  --maxv-container:1560
}

.\[--maxv-container\:1800\]{
  --maxv-container:1800
}

.\[--maxv-fs\:18\]{
  --maxv-fs:18
}

.\[--minv-1\:12\]{
  --minv-1:12
}

.\[--minv-1\:14\]{
  --minv-1:14
}

.\[--minv-1\:16\]{
  --minv-1:16
}

.\[--minv-1\:20\]{
  --minv-1:20
}

.\[--minv-1\:30\]{
  --minv-1:30
}

.\[--minv-1\:36\]{
  --minv-1:36
}

.\[--minv-2\:30\]{
  --minv-2:30
}

.\[--minv-4\:8\]{
  --minv-4:8
}

.\[--minv-container\:1260\]{
  --minv-container:1260
}

.\[--minv-fs\:16\]{
  --minv-fs:16
}

.\[font-size\:--range-fs\]{
  font-size:var(--range-fs)
}

.placeholder\:text-\[\#1E1E1E\]\/70::-moz-placeholder{
  color:rgb(30 30 30 / 0.7)
}

.placeholder\:text-\[\#1E1E1E\]\/70::placeholder{
  color:rgb(30 30 30 / 0.7)
}

.after\:absolute::after{
  content:var(--tw-content);
  position:absolute
}

.after\:left-\[4px\]::after{
  content:var(--tw-content);
  left:4px
}

.after\:top-\[4px\]::after{
  content:var(--tw-content);
  top:4px
}

.after\:h-\[12px\]::after{
  content:var(--tw-content);
  height:12px
}

.after\:w-\[12px\]::after{
  content:var(--tw-content);
  width:12px
}

.after\:rounded-none::after{
  content:var(--tw-content);
  border-radius:0px
}

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

.after\:duration-300::after{
  content:var(--tw-content);
  transition-duration:300ms
}

.checked\:\!bg-\[\#1E1E1E\]:checked{
  --tw-bg-opacity:1 !important;
  background-color:rgb(30 30 30 / var(--tw-bg-opacity, 1)) !important
}

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

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

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

.peer:checked ~ .peer-checked\:\!bg-\[\#1E1E1E\]{
  --tw-bg-opacity:1 !important;
  background-color:rgb(30 30 30 / var(--tw-bg-opacity, 1)) !important
}

.peer:checked ~ .peer-checked\:bg-white\/25{
  background-color:rgb(255 255 255 / 0.25)
}

.peer:checked ~ .peer-checked\:after\:translate-x-\[22px\]::after{
  content:var(--tw-content);
  --tw-translate-x:22px;
  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

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

.hover\:border-main-500:hover{
  --tw-border-opacity:1;
  border-color:rgb(109 109 109 / var(--tw-border-opacity, 1))
}

.hover\:border-main-600:hover{
  --tw-border-opacity:1;
  border-color:rgb(93 93 93 / var(--tw-border-opacity, 1))
}

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

.hover\:bg-main-500:hover{
  --tw-bg-opacity:1;
  background-color:rgb(109 109 109 / var(--tw-bg-opacity, 1))
}

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

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

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

@media (max-width: 480px){
  .xs\:h-\[50px\]{
    height:50px
  }

  .xs\:w-full{
    width:100%
  }

  .xs\:gap-\[20px\]{
    gap:20px
  }

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

@media (max-width: 624px){
  .xsm\:relative{
    position:relative
  }

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

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

  .xsm\:flex{
    display:flex
  }

  .xsm\:h-\[34px\]{
    height:34px
  }

  .xsm\:w-full{
    width:100%
  }

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

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

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

  .xsm\:flex-col{
    flex-direction:column
  }

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

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

  .xsm\:gap-\[12px\]{
    gap:12px
  }

  .xsm\:gap-\[15px\]{
    gap:15px
  }

  .xsm\:p-\[10px_15px\]{
    padding:10px 15px
  }

  .xsm\:p-\[20px\]{
    padding:20px
  }

  .xsm\:p-\[20px_20px\]{
    padding:20px 20px
  }

  .xsm\:p-\[26px_20px\]{
    padding:26px 20px
  }

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

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

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

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

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

  .xsm\:opacity-100{
    opacity:1
  }
}

@media (max-width: 768px){
  .sm\:bottom-0{
    bottom:0px
  }

  .sm\:bottom-3{
    bottom:0.75rem
  }

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

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

  .sm\:h-\[38px\]{
    height:38px
  }

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

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

  .sm\:flex-col{
    flex-direction:column
  }

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

  .sm\:gap-4{
    gap:1rem
  }

  .sm\:gap-\[16px\]{
    gap:16px
  }

  .sm\:p-\[34px_28px\]{
    padding:34px 28px
  }

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

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

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

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

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

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

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

@media (max-width: 1024px){
  .md\:mx-auto{
    margin-left:auto;
    margin-right:auto
  }

  .md\:h-\[48px\]{
    height:48px
  }

  .md\:h-\[50px\]{
    height:50px
  }

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

  .md\:w-full{
    width:100%
  }

  .md\:min-w-\[75dvw\]{
    min-width:75dvw
  }

  .md\:flex-col{
    flex-direction:column
  }

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

  .md\:gap-\[20px\]{
    gap:20px
  }
}

@media (max-width: 1280px){
  .lg\:h-svh{
    height:100svh
  }

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

  .lg\:p-\[60px\]{
    padding:60px
  }
}

@media (max-width: 1440px){
  .xl\:mb-0{
    margin-bottom:0px
  }

  .xl\:gap-7{
    gap:1.75rem
  }
}

@media (min-width: 625px){
  .min-xsm\:absolute{
    position:absolute
  }

  .min-xsm\:bottom-4{
    bottom:1rem
  }

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

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

  .min-xsm\:translate-y-\[20px\]{
    --tw-translate-y:20px;
    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))
  }
}

@media (min-width: 769px){
  .min-sm\:hover\:bg-main-600:hover{
    --tw-bg-opacity:1;
    background-color:rgb(93 93 93 / var(--tw-bg-opacity, 1))
  }
}

@media (min-width: 1025px){
  .min-md\:min-w-\[1440px\]{
    min-width:1440px
  }

  .min-md\:min-w-\[768px\]{
    min-width:768px
  }

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

@media (min-width: 1281px){
  .min-lg\:overflow-hidden{
    overflow:hidden
  }

  .min-lg\:hover\:bg-black\/85:hover{
    background-color:rgb(0 0 0 / 0.85)
  }
}

.\[\&\.scrolling-down\]\:-translate-y-full.scrolling-down{
  --tw-translate-y:-100%;
  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))
}

.\[\&\.toggle\]\:pointer-events-auto.toggle{
  pointer-events:auto
}

.\[\&\.toggle\]\:opacity-100.toggle{
  opacity:1
}

.\[\&_\*\]\:rounded-\[--range-4\] *{
  border-radius:var(--range-4)
}

.\[\&_a\:hover\]\:text-black a:hover{
  --tw-text-opacity:1;
  color:rgb(0 0 0 / var(--tw-text-opacity, 1))
}

.\[\&_a\]\:text-black\/50 a{
  color:rgb(0 0 0 / 0.5)
}

.\[\&_a\]\:duration-300 a{
  transition-duration:300ms
}