.container {
  max-width: 1200px; }

.main-banner {
  height: 100%; }
  .main-banner .hero-image {
    height: 100vh; }

.card-gallery {
  padding: 0; }

.promotion .promotion-image {
  height: 100vh !important;
  padding-top: 122px;
  background-color: #f6f5f4 !important;
}

.app-store-btn {
  background-image: url("./../assets/images/app-store.png");
  background-size: cover;
  background-repeat: no-repeat;
  height: 70px;
  width: 236px; }

.play-store-btn {
  background-image: url("./../assets/images/play-store.png");
  background-size: cover;
  background-repeat: no-repeat;
  height: 70px;
  width: 236px; }

.step-1 .number-circle, .step-1 .number-caption,
.step-2 .number-circle, .step-2 .number-caption,
.step-3 .number-circle, .step-3 .number-caption {
  cursor: pointer; }

.steps-counter .active .number-circle {
  background-color: black;
  color: white; }

.mobile-img {
  margin-left: 250px; }

.footer-logo img {
  width: 100%;
  max-width: 300px; }

.carousel-inner {
  width: 92%;
  margin: 0 auto; }

.frames-slider-mobile .carousel-inner {
  width: 84%;
  margin: 0 auto; }

.carousel-control-prev {
  justify-content: left;
  opacity: 1 !important; }

.carousel-control-next {
  justify-content: flex-end;
  opacity: 1 !important; }

.carousel-control-prev-icon,
.carousel-control-next-icon {
  background-image: none !important; }
  .carousel-control-prev-icon img,
  .carousel-control-next-icon img {
    width: 100%; }

.frames-slider-mobile {
  display: none; }

.step-img {
  max-height: 650px; }

@media (max-width: 1200px) {
  .mobile-img {
    margin: 0; } }
@media (max-width: 992px) {
  .t-md-c {
    text-align: center; }

  .j-c-md-c {
    justify-content: center !important; } }
@media (max-width: 767px) {
  .frames-slider {
    display: none; }

  .frames-slider-mobile {
    display: block; }

  .nav-logo {
    padding: 14px 0 !important; } }
@media (max-width: 567px) {
  .nav-logo {
    padding: 14px 0 !important; } }

/*# sourceMappingURL=custom.css.map */
