@font-face {
  font-family: "roobert-light";
  src: url("../assets/fonts/Roobert-Light.otf");
}

@font-face {
  font-family: "roobert-regular";
  src: url("../assets/fonts/Roobert-Regular.ttf");
}

@font-face {
  font-family: "roobert-medium";
  src: url("../assets/fonts/Roobert-Medium.otf");
}

@font-face {
  font-family: "roobert-semiBold";
  src: url("../assets/fonts/Roobert-SemiBold.ttf");
}

@font-face {
  font-family: "roobert-bold";
  src: url("../assets/fonts/Roobert-Bold.ttf");
}

.ts-container {
  margin-left: 30px;
  margin-right: 30px;
}

@media (min-width: 1400px) {
  .ts-container {
    margin-left: 96px;
    margin-right: 96px;
  }
}

body {
  font-family: "roobert-regular", sans-serif;
}

.wrapper {
  width: 100%;
  overflow: hidden;
}

.ts-title__xl {
  font-family: "roobert-light", sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: clamp(70px, 12vw, 180px);
  line-height: 90%;
}

.ts-desc__md {
  font-family: "roobert-medium", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: clamp(18px, 5vw, 30px);
  line-height: 110%;
  letter-spacing: -0.01em;
}

.ts-desc__sm {
  font-family: "roobert-medium", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: clamp(16px, 4vw, 18px);
  line-height: 130%;
  letter-spacing: -0.01em;
}

@-webkit-keyframes rotation {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(359deg);
  }
}

@media (max-width: 991px) {
  .mobile-hide {
    display: none;
  }
}

body {
  background-color: black;
}

.ts-hero {
  width: 100%;
  padding: 203px 0 76px;
  background-image: url("../assets/images/Hero-BG.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}

.ts-hero__content {
  position: relative;
}

.ts-hero .ts-title__xl,
.ts-hero .ts-desc__md {
  position: relative;
  z-index: 3;
}

.ts-hero .ts-desc__md {
  max-width: 375px;
}

.ts-hero__link img {
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}

.ts-hero__link img:hover {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.ts-hero .ts-hero__link-container {
  position: relative;
  z-index: 1;
}

.ts-hero .ts-mobile,
.ts-hero .ts-cards,
.ts-hero .ts-code {
  position: absolute;
  max-width: 100%;
}

.ts-hero .ts-code {
  top: 0%;
  left: 40%;
  width: 298px;
  max-width: 51%;
}

.ts-hero .ts-mobile {
  top: 15%;
  right: 1%;
  width: 387px;
  z-index: 4;
  max-width: 56%;
}

.ts-hero .ts-cards {
  top: 53%;
  left: calc(50% - 170px);
  width: 347px;
  max-width: 51%;
  z-index: 5;
}

.ts-hero__slider {
  margin-top: 170px;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 400px auto;
      grid-template-columns: 400px auto;
  gap: 138px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
  margin-left: 30px;
}

.ts-hero__slider .slider-details {
  max-width: 382px;
}

.ts-hero__slider .slider article {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 200%;
  -webkit-animation: bannermove 20s linear infinite;
          animation: bannermove 20s linear infinite;
}

.ts-hero__slider .slider article .ts-slider-container {
  width: 100%;
}

.ts-hero__slider .slider article .ts-slider-container ul li {
  margin: 0 19px;
}

.ts-hero__slider .slider article.paused {
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
}

.ts-hero__slider .slider ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  list-style-type: none;
  padding-left: 0;
  margin: 0;
}

@-webkit-keyframes "bannermove" {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
}

@keyframes "bannermove" {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
}

@media (min-width: 1400px) {
  .ts-hero__slider {
    margin-left: 96px;
  }
}

.ts-hero .ts-circle-text-1 {
  position: absolute;
  width: 261px;
  right: 0;
  top: 50%;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  max-width: 45%;
}

.ts-hero .ts-circle-text-1 img {
  -webkit-animation: rotation 20s infinite linear;
}

.ts-hero .ts-circle-text-2 {
  position: absolute;
  width: 281px;
  left: 0;
  bottom: 0;
  -webkit-transform: translate(-50%, 60%);
          transform: translate(-50%, 60%);
}

.ts-hero .ts-circle-text-2 img {
  -webkit-animation: rotation 20s infinite linear;
}

@media (max-width: 1200px) {
  .ts-hero__slider {
    gap: 63px;
  }
}

@media (max-width: 991px) {
  .ts-hero {
    padding: 107px 0 57px;
  }
  .ts-hero .ts-code {
    right: -30px;
    left: auto;
  }
  .ts-hero .ts-mobile {
    top: 77%;
    right: 1%;
  }
  .ts-hero .ts-cards {
    top: 114%;
    left: 0%;
  }
  .ts-hero__content {
    margin-bottom: 60vw;
  }
  .ts-hero__slider {
    padding-top: 50vw;
    -ms-grid-columns: auto;
        grid-template-columns: auto;
    gap: 63px;
    display: none;
  }
  .ts-hero .ts-circle-text-1 {
    right: 15px;
    top: 138%;
  }
}

@media (max-width: 767px) {
  .ts-hero__slider {
    margin-top: 70vw;
    -ms-grid-columns: auto;
        grid-template-columns: auto;
    gap: 63px;
  }
}

.ts-hero .slider-sm {
  -ms-grid-columns: auto;
      grid-template-columns: auto;
  gap: 30px;
}

.ts-section-2 {
  height: 100vh;
  background-color: #000030;
}
/*# sourceMappingURL=index.css.map */