html,body {
  font-family: "Space Grotesk", sans-serif;
}

.app-title-font {
  font-family: "Raleway", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

.app-menu-font {
  font-family: "Wix Madefor Text", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

.app-main-font {
  font-family: "Space Grotesk", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

.wix-madefor-display {
  font-family: "Wix Madefor Display", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

.app-brand {
  font-size: 2rem;
  font-weight: bold;
  /* font-size: calc(0.025 * min(100cqw, 1e+11px)); */
}

.app-rounded {
  border-radius: 22px;
}

ul.top-menu > li > a.nav-link {
  color: var(--bs-dark) !important;
}
ul.top-menu > li > a.nav-link:hover {
  color: var(--bs-primary) !important;
}
ul.top-menu > li > a.nav-link.active {
  color: var(--bs-primary) !important;
}

.content-wrapper {
  background-color: rgb(245,245,245);
  padding: 7rem 2rem;
}

.app-bg-gray {
  background-color: rgb(245,245,245);  
}

.btn.btn-dark:hover {
  background-color: var(--bs-primary);
  border-color: var(--bs-primary);
}

.banner-title {
  background-color: var(--bs-black);
  padding: 4rem 0 10rem;
  color: var(--bs-light);
}

/* GLightbox customization - begin  */
  .goverlay, .glightbox-mobile .goverlay {
    background: rgba(255,255,255,.98);
  }

  .glightbox-clean .gprev, .glightbox-clean .gnext, .glightbox-clean .gclose {
    background-color: transparent;
    color: #000;
    filter:invert(1);
  }
  .glightbox-clean .gprev:hover, .glightbox-clean .gnext:hover, .glightbox-clean .gclose:hover {
      background-color: transparent !important;      
    }

  @media screen and (max-width: 769px) {
    .goverlay {
      background: rgba(255,255,255,.98);
    }
    .glightbox-clean .gprev, .glightbox-clean .gnext, .glightbox-clean .gclose {
      background-color: transparent;
    }
    .glightbox-clean .gprev:hover, .glightbox-clean .gnext:hover, .glightbox-clean .gclose:hover {
      background-color: transparent !important;      
    }
  }
/* GLightbox customization - end  */


@media screen and (min-width: 576px) {
  
}