:root {
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
}

html {
  scroll-behavior: smooth;
}

body {
  overflow-x: hidden;
}

.kss-acc-body {
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows 0.45s var(--ease-out);
}

.kss-acc-body > div {
  overflow: hidden;
}

.kss-acc-open .kss-acc-body {
  grid-template-rows: 1fr;
}

.kss-acc-open .kss-acc-icon {
  transform: rotate(45deg);
}

.kss-acc-icon {
  transition: transform 0.35s var(--ease-out);
}

.kss-slider-track {
  transition: transform 0.7s var(--ease-out);
}

.kss-fade-slide {
  opacity: 0;
  transform: translateY(24px) scale(0.985);
  transition:
    opacity 0.7s var(--ease-out),
    transform 0.7s var(--ease-out);
  pointer-events: none;
}

.kss-fade-slide.kss-active {
  opacity: 1;
  transform: translateY(0) scale(1);
  pointer-events: auto;
}

.kss-marquee-pause:hover .kss-marquee {
  animation-play-state: paused;
}

.kss-ba-handle {
  cursor: ew-resize;
  touch-action: none;
}

.kss-ba-top {
  will-change: clip-path;
}

.kss-notify {
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  transition:
    max-height 0.4s var(--ease-out),
    opacity 0.4s var(--ease-out),
    margin 0.4s var(--ease-out);
}

.kss-notify.kss-show {
  max-height: 200px;
  opacity: 1;
  margin-top: 1rem;
}

.kss-mobile-menu {
  transform: translateY(-110%);
  transition:
    transform 0.5s var(--ease-out),
    opacity 0.4s var(--ease-out);
  opacity: 0;
}

.kss-mobile-menu.kss-menu-open {
  transform: translateY(0);
  opacity: 1;
}

.kss-hotspot-tip {
  opacity: 0;
  transform: translateY(10px) scale(0.96);
  transition:
    opacity 0.35s var(--ease-out),
    transform 0.35s var(--ease-out);
  pointer-events: none;
}

.kss-hotspot.kss-hotspot-open .kss-hotspot-tip,
.kss-hotspot:hover .kss-hotspot-tip {
  opacity: 1;
  transform: translateY(0) scale(1);
  pointer-events: auto;
}

.kss-tab-panel {
  display: none;
}

.kss-tab-panel.kss-tab-active {
  display: block;
}

.kss-spin {
  animation: kss-spinner 0.8s linear infinite;
}

@keyframes kss-spinner {
  to {
    transform: rotate(360deg);
  }
}

.kss-grain::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background-image: radial-gradient(
    rgba(255, 255, 255, 0.09) 1px,
    transparent 1px
  );
  background-size: 4px 4px;
  opacity: 0.5;
}

.kss-outline-text {
  -webkit-text-stroke: 1.5px rgba(15, 23, 42, 0.35);
  color: transparent;
}

.kss-outline-text-light {
  -webkit-text-stroke: 1.5px rgba(255, 255, 255, 0.4);
  color: transparent;
}

.kss-scrollbar-none {
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.kss-scrollbar-none::-webkit-scrollbar {
  display: none;
}

.kss-field .iti {
  width: 100%;
}

.kss-field .iti__country-container,
.kss-field .iti__dropdown-content {
  font-family: inherit;
}

.kss-field .iti__selected-flag {
  border-radius: 1rem 0 0 1rem;
}

@media (max-width: 768px) {
  .kss-marquee {
    animation-duration: 45s !important;
  }
}
@media (max-width: 768px) {
  html, body{
    overflow-x:hidden;
    max-width:100%;
  }
}