@font-face {
  font-family: 'TCLSans-Unity-Bold';
  src: url("../font/gotham-medium/Gotham-Bold.otf");
}

@font-face {
  font-family: 'TCLSans-Unity-Book';
  src: url("../font/gotham-medium/Gotham-Book-Regular.otf");
}

@font-face {
  font-family: 'TCLSans-Unity-Medium';
  src: url("../font/gotham-medium/Gotham-Medium.woff2");
}

.gst-wrapper {
  font-family: 'TCLSans-Unity-Book', sans-serif;
  font-size: 0.94rem;
}

.gst-wrapper h1 {
  font-family: 'TCLSans-Unity-Bold', sans-serif;
  font-size: 2.2rem;
}

.gst-wrapper img.w-100 {
  width: 100%;
}

.gst-wrapper h1.outstanding {
  font-size: min(max(24px, 5vw), 48px);
  font-family: 'TCLSans-Unity-Medium',sans-serif;
  font-weight: 500;
  line-height: min(max(34px, 5vw), 58px);
  margin-bottom: min(max(24px, 5vw), 40px);
}
.gst-wrapper h2,.gst-wrapper h3,.gst-wrapper h4 {
  font-family: 'TCLSans-Unity-Medium',sans-serif;
}
.gst-wrapper p {
  font-size: 18px;
  font-size: min(max(16px, 3vw), 18px);
  line-height: min(max(24px, 3vw), 28px);;
  padding-bottom: 12px;
}

.gst-wrapper .blockquote {
  font-size: 14px;
  -webkit-filter: opacity(0.4);
  filter: opacity(0.4);
}

.gst-wrapper .pr-1 {
  padding-right: 1rem;
}

.gst-wrapper .game-bar {
  border: 1px solid rgb(0 0 0 / 20%);
  padding: 8px 24px;
  border-radius: 20px;
  margin-right: 16px;
  max-width: none;
  align-self: center;
  font-weight: 600;
}

.gst-wrapper .game-bar:hover {
  border: 1px solid rgb(0 0 0 / 70%);
  cursor: pointer;
}

.gst-wrapper .game-bar.tns-nav-active {
  border: 1px solid rgb(0 0 0 / 100%);
}

.gst-wrapper .screen-size {
  border: 1px solid #000;
  padding: 12px 24px;
  border-radius: 20px;
  margin-right: 16px;
  max-width: none;
}

.gst-wrapper header.c725 .mobile {
  display: block;
}

.gst-wrapper header.c725 .regular {
  display: none;
}

.gst-wrapper img.logo {
  max-width: 8rem;
  padding-bottom: 1rem;
}

.gst-wrapper .features section.row{
  padding: 1rem;
}

.gst-wrapper .app {
  padding-bottom: 3rem;
}

.gst-wrapper .app:last-child {
  padding-bottom: 0;
}

.gst-wrapper .apps {
  background-color: #F8F9FB; 
  padding: 3rem;
}

.gst-wrapper .intro-video-container {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%;
}

.gst-wrapper .intro-video-container .intro-video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.gst-wrapper .custom-controls {
  list-style-type: none;
  display: flex;
  justify-content: center;
  gap: 0.5rem;
}

.gst-wrapper .custom-controls li:hover {
  opacity: 0.6;
  cursor: pointer;
}

.gst-wrapper .custom-nav {
  list-style-type: none;
  display: flex;
  justify-content: center;
  gap: 0.5rem;
}

.gst-wrapper .custom-nav li:hover {
  opacity: 0.6;
  cursor: pointer;
}

@media (min-width: 992px) {
  .gst-wrapper header.c725 .mobile {
    display: none;
  }
  .gst-wrapper header.c725 .regular {
    display: block;
  }
  .gst-wrapper .features section.row{ 
    padding: 3rem 2rem;
  }  
}

@media (max-width: 991.98px) {
  .gst-wrapper h1 {
    font-size: calc(1.375rem + 1.5vw);
  }
  .gst-wrapper {
    font-size: 0.7rem;
  }
  .gst-wrapper .features {
    padding-top: 1rem;
  }
  .gst-wrapper small {
    font-size: 0.575rem;
  }
  .gst-wrapper img.logo {
    max-width: 4.4rem;
    padding-bottom: 0.7rem;
  }
}