/* GLOBAL STYLES
-------------------------------------------------- */
/* Padding below the footer and lighter body text */
/* Variables */
body {
  padding-top: 3rem;
  padding-bottom: 3rem; }

.navbar {
  box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.07), 0 2px 4px rgba(0, 0, 0, 0.05); }

.navbar-dark {
  background-color: #2176ae; }

.btn {
  border-radius: 4px; }

.btn-primary {
  background-color: #57b8ff;
  border: 0; }
  .btn-primary:hover, .btn-primary:focus, .btn-primary:focus-visible, .btn-primary:active {
    color: #fff;
    background-color: #008bf0; }

.btn-secondary {
  background-color: #2176ae;
  border: 0; }
  .btn-secondary:hover, .btn-secondary:focus, .btn-secondary:focus-visible, .btn-secondary:active {
    color: #fff;
    background-color: #113c58; }

a {
  color: #fbb13c; }
  a:hover, a:focus, a:focus-visible, a:active {
    color: #cd7f04; }

.text-emphasis {
  color: #fbb13c; }

ol {
  padding-left: 0; }
  ol li {
    margin-left: 26px;
    font-weight: bold;
    margin-bottom: 12px; }

/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */
/* Carousel base class */
.carousel {
  margin-bottom: 4rem; }
  .carousel .carousel-item {
    position: relative;
    height: 32rem;
    background-image: var(--background);
    background-size: cover;
    background-position: center; }
    .carousel .carousel-item:before {
      position: absolute;
      content: '';
      display: block;
      top: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.25); }
    .carousel .carousel-item .carousel-caption {
      bottom: 3rem;
      z-index: 10; }

/* MARKETING CONTENT
-------------------------------------------------- */
.marketing .col-lg-4 {
  margin-bottom: 1.5rem;
  text-align: center; }
  .marketing .col-lg-4 h2 {
    max-width: 244px;
    margin: 0 auto; }
    @media screen and (max-width: 768px) {
      .marketing .col-lg-4 h2 {
        max-width: unset; } }
  .marketing .col-lg-4 p {
    margin-right: .75rem;
    margin-left: .75rem; }
  .marketing .col-lg-4 picture {
    display: block;
    position: relative;
    height: 140px;
    width: 140px;
    background-color: #ccc;
    border-radius: 50%;
    overflow: hidden;
    margin: 0 auto; }
    .marketing .col-lg-4 picture img {
      display: block;
      position: absolute;
      height: 100%;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%); }

/* rtl:end:ignore */
/* Featurettes
------------------------- */
.featurette picture {
  display: block;
  position: relative;
  background-color: #ccc;
  overflow: hidden;
  padding: 0 0 100%;
  margin: 0 auto; }
  .featurette picture img {
    display: block;
    position: absolute;
    height: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }

.featurette-divider {
  margin: 5rem 0;
  /* Space out the Bootstrap <hr> more */ }

/* Thin out the marketing headings */
/* rtl:begin:remove */
.featurette-heading {
  letter-spacing: -.05rem; }

/* rtl:end:remove */
/* RESPONSIVE CSS
-------------------------------------------------- */
@media (min-width: 40em) {
  /* Bump up size of carousel content */
  .carousel-caption p {
    margin-bottom: 1.25rem;
    font-size: 1.25rem;
    line-height: 1.4; }

  .featurette-heading {
    font-size: 50px; } }
@media (min-width: 62em) {
  .featurette-heading {
    margin-top: 7rem; } }
.bd-placeholder-img {
  font-size: 1.125rem;
  text-anchor: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; }

@media (min-width: 768px) {
  .bd-placeholder-img-lg {
    font-size: 3.5rem; } }
.b-example-divider {
  width: 100%;
  height: 3rem;
  background-color: rgba(0, 0, 0, 0.1);
  border: solid rgba(0, 0, 0, 0.15);
  border-width: 1px 0;
  box-shadow: inset 0 0.5em 1.5em rgba(0, 0, 0, 0.1), inset 0 0.125em 0.5em rgba(0, 0, 0, 0.15); }

.b-example-vr {
  flex-shrink: 0;
  width: 1.5rem;
  height: 100vh; }

.bi {
  vertical-align: -.125em;
  fill: currentColor; }

.nav-scroller {
  position: relative;
  z-index: 2;
  height: 2.75rem;
  overflow-y: hidden; }

.nav-scroller .nav {
  display: flex;
  flex-wrap: nowrap;
  padding-bottom: 1rem;
  margin-top: -1px;
  overflow-x: auto;
  text-align: center;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch; }

.btn-bd-primary {
  --bd-violet-bg: #712cf9;
  --bd-violet-rgb: 112.520718, 44.062154, 249.437846;
  --bs-btn-font-weight: 600;
  --bs-btn-color: var(--bs-white);
  --bs-btn-bg: var(--bd-violet-bg);
  --bs-btn-border-color: var(--bd-violet-bg);
  --bs-btn-hover-color: var(--bs-white);
  --bs-btn-hover-bg: #6528e0;
  --bs-btn-hover-border-color: #6528e0;
  --bs-btn-focus-shadow-rgb: var(--bd-violet-rgb);
  --bs-btn-active-color: var(--bs-btn-hover-color);
  --bs-btn-active-bg: #5a23c8;
  --bs-btn-active-border-color: #5a23c8; }

.bd-mode-toggle {
  z-index: 1500; }

.bd-mode-toggle .dropdown-menu .active .bi {
  display: block !important; }

/*# sourceMappingURL=main.css.map */