@media (max-height: 730px) and (max-width: 600px) {
  .token-box-s1 {
    bottom: -235px
  }
}

@media (min-height: 731px) and (max-height: 800px) and (max-width: 600px) {
  .token-box-s1 {
    bottom: -200px
  }
}

.mr-8 {
  margin-right: 3rem;
}

.logo-dark {
  max-width: 15vw;
  max-height: 1rem;
}

.logo-light {
  max-width: 15vw;
  max-height: 1rem;
}

@media (max-width: 992px) {
  .logo-dark {
    max-width: 200px !important;
  }

  .logo-light {
    max-width: 200px !important;
  }
}

.wgs-logo-s2 img {
  max-width: 15vh !important;
}

.btn-disabled {
  cursor: none !important;
  opacity: 0.5 !important;
}

/* slider */
.slidecontainer {
  width: 100%;
}

.slider {
  -webkit-appearance: none;
  width: 100%;
  height: 5px;
  /* background: #d3d3d3; */
  background: white;
  outline: none;
  opacity: 0.7;
  -webkit-transition: .2s;
  transition: opacity .2s;
}

.slider:hover {
  opacity: 1;
}

.slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 32px;
  height: 32px;
  border: 0;
  background: url('favicon-32x32.png');
  cursor: pointer;
}

.slider::-moz-range-thumb {
  width: 32px;
  height: 32px;
  border: 0;
  background: url('favicon-32x32.png');
  cursor: pointer;
}

.owl-prev {
  background-image: linear-gradient(to right, #fe4350 0%, #ff6c3f 100%) !important;
  color: white !important;
}

.owl-next {
  background-image: linear-gradient(to right, #fe4350 0%, #ff6c3f 100%) !important;
  color: white !important;
}

/* custom CSS */
.check-again-button {
  margin-top: 2rem;
}

@media (max-height: 768px) {
  .check-again-button {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
}

.checked-eshop-url-title {
  color: darkred;
}

@media (min-width: 1366px) {
  .checked-eshop-url-title {
    font-size: 4rem;
  }
}