.bg-dark {
  background-color: #000 !important;
}

.logo {
  height: 70px;
}

.hero-dsk {
  background-image: url("../images/hero_dsk.jpg");
  background-size: cover;
  background-position: center;
  min-height: 55vw;
  margin-top: -100px;
}

.hero-dsk .hero-content {
  width: 46vw;
}

.hero-dsk .hero-content a {
  text-decoration: none;
}

.hero-dsk .hero-content .link span.offer-top,
.hero-dsk .hero-content .link span.offer-bottom {
  font-size: 2.5vw;
}

.hero-dsk .hero-content .link span.offer-middle {
  font-size: 5vw;
  font-weight: bold;
}

.hero-dsk .hero-content .link span.terms {
  font-size: 0.5vw;
  text-decoration: none;
}

.hero-dsk .hero-content .link .btn-hero {
  margin: 2vw 12vw;
  padding: 1vw;
  font-size: 1.5vw;
  display: block;
  background: rgb(247, 247, 247);
  position: relative;
  overflow: hidden;
  box-shadow: 1px 4px 20px rgba(34, 37, 38, 0.78);
  border-radius: 92px;
  color: #172952;
  transition: all 0.2s ease;
  text-decoration: none;
  cursor: pointer;
}

.hero-dsk .hero-content .link .btn-hero:hover {
  transform: scale(1.05);
}

.hero-dsk .icon_number {
  fill: rgba(255, 255, 255, 0.631372549);
  stroke: #fff;
  width: 1.5vw;
}

.hero-dsk span.step {
  padding: 1vw 2vw;
  font-size: 0.8vw;
  line-height: 1.1em;
}

.hero-mbl {
  background: rgb(21, 66, 98);
  background: linear-gradient(318deg, rgb(68, 12, 21) 19%, rgb(69, 9, 34) 67%);
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  top: -1px;
}

.hero-mbl .hero-content {
  width: 100%;
}

.hero-mbl .hero-content span.offer-top {
  font-size: 8vw;
  line-height: 1em;
}

.hero-mbl .hero-content span.offer-bottom {
  font-size: 6vw;
}

.hero-mbl .hero-content span.offer-middle {
  font-size: 10vw;
  line-height: 1.5em;
  font-weight: bold;
}

.hero-mbl .hero-content span.terms {
  font-size: 2vw;
  text-decoration: none;
  margin-top: 40px;
}

.hero-mbl .hero-content .btn-hero {
  margin: 2vw 12vw;
  padding: 1vw;
  font-size: 5.5vw;
  display: block;
  background: rgb(247, 247, 247);
  position: relative;
  overflow: hidden;
  box-shadow: 1px 4px 20px rgba(34, 37, 38, 0.78);
  border-radius: 92px;
  color: #172952;
  transition: all 0.2s ease;
  text-decoration: none;
  cursor: pointer;
}

.hero-mbl .hero-content .btn-hero:hover {
  transform: scale(1.05);
}

.hero-mbl .icon_number {
  fill: rgba(255, 255, 255, 0.631372549);
  stroke: #fff;
  width: 7vw;
}

.hero-mbl span.step {
  padding: 3vw 1vw;
  font-size: 3vw;
  line-height: 1.1em;
}

.hero-mbl .hero-content a {
  text-decoration: none;
}

footer {
  background-color: #222222;
}

footer img.footer-icon {
  height: 60px;
  max-width: 130px;
  width: 100%;
  object-fit: contain;
  object-position: center;
  opacity: 0.75;
  display: inline-block;
}

@media (max-width: 1400px) {
  .hero-dsk {
    margin-top: -50px;
    min-height: 55vw;
  }
}
@media (max-width: 767px) {
  .logo {
    height: 60px;
  }
  .hero-mbl .hero-content span.terms {
    margin-top: 20px;
  }
}