body {
  background-color: #fafafa;
}

.active-card {
  display: block !important;
}

.inactive-card {
  display: none;
}

.nav-link {
  color: #4c4a45 !important;
}

.nav-link:hover {
  color: #ffb600 !important;
  font-weight: 700 !important;
  text-decoration: none !important;
}

.btn-warning-custom {
  color: #000000;
  background-color: #ffb600;
  border-color: #ffb600;
}

.text-theme-blue {
  color: #1d488f;
}

.text-theme-dark-blue {
  color: #071c62;
}

.text-theme-yellow {
  color: #ffb600;
}

.background-theme-blue {
  background-color: #1d488f;
}

.background-theme-yellow {
  background-color: #ffb600;
}

.text-justify {
  text-align: justify !important;
}

@media (max-width: 768px) {
  .carousel-inner .carousel-item > div {
    display: none;
  }
  .carousel-inner .carousel-item > div:first-child {
    display: block;
  }

  .card-image {
    max-height: 230px;
    width: auto;
  }

  .background-start {
    background: url(../images/backgroup-left.png);
    background-repeat: no-repeat;
    background-position: top left;
    background-size: contain;
  }

  .nav-link.active {
    color: #ffb600 !important;
    font-weight: 700 !important;
    text-decoration: none !important;
  }
}

.carousel-inner .carousel-item.active,
.carousel-inner .carousel-item-next,
.carousel-inner .carousel-item-prev {
  display: flex;
}

.min-height-download {
  padding-top: 100px;
  padding-bottom: 100px;
}

.min-height-landing {
  min-height: 643px;
}

/* display 3 */
@media (min-width: 768px) {
  .nav-link.active {
    color: #ffb600 !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    border-bottom: solid 4px #ffb600 !important;
  }

  .carousel-inner .carousel-item-right.active,
  .carousel-inner .carousel-item-next {
    transform: translateX(25%);
  }

  .carousel-inner .carousel-item-left.active,
  .carousel-inner .carousel-item-prev {
    transform: translateX(-25%);
  }

  .card-image {
    max-height: 230px;
    width: auto;
  }

  .background-download {
    background: url(../images/phones.png), #1d488f;
    background-repeat: no-repeat;
    background-position: right;
    min-height: 845px;
  }

  .min-height-download {
    min-height: 845px;
  }

  .background-start {
    background: url(../images/backgroup-left.png),
      url(../images/backgroup-right.png);
    background-repeat: no-repeat;
    background-position: top left, top right;
    background-size: 44%, contain;
  }
}

.carousel-inner .carousel-item-right,
.carousel-inner .carousel-item-left {
  transform: translateX(0);
}

.shadow-custom {
  position: absolute;
  width: 534px;
  height: 94px;
  left: 756px;
  top: 737px;

  background: radial-gradient(
    50% 50% at 50% 50%,
    #989898 0%,
    rgba(217, 217, 217, 0) 100%
  );
}