.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: -0.125em;

  fill: currentColor;

}


    .section-title {
        background-color: #1976d2;
        color: white;
        padding: 0.5rem 1rem;
        margin-bottom: 1rem;
    }

.navbar-bg-custom {
        background-color: #1976d2;
        color: white;
    }


.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;

}



/* -------------- Start Carousel.css -------------- */



/* GLOBAL STYLES

-------------------------------------------------- */

/* Padding below the footer and lighter body text */



body {

  padding-top: 3rem;

  /* padding-bottom: 3rem; */

  color: rgb(var(--bs-tertiary-color-rgb));

}



/* CUSTOMIZE THE CAROUSEL

-------------------------------------------------- */



/* Carousel base class */

.carousel {

  margin-bottom: 4rem;

}



/* Since positioning the image, we need to help out the caption */

.carousel-caption {

  bottom: 3rem;

  z-index: 10;

}



/* Declare heights because of positioning of img element */

.carousel-item {

  height: 32rem;

}



/* MARKETING CONTENT

-------------------------------------------------- */



/* Center align the text within the three columns below the carousel */

.marketing .col-lg-4 {

  margin-bottom: 1.5rem;

  text-align: center;

}



/* rtl:begin:ignore */

.marketing .col-lg-4 p {

  margin-right: 0.75rem;

  margin-left: 0.75rem;

}



/* rtl:end:ignore */



/* Featurettes

------------------------- */



.featurette-divider {

  margin: 5rem 0;

  /* Space out the Bootstrap <hr> more */

}



/* Thin out the marketing headings */

/* rtl:begin:remove */

.featurette-heading {

  letter-spacing: -0.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;

  }

}



/* -------------- End Carousel.css -------------- */



.stats {

  background-color: aliceblue;

  display: inline-block;

  padding: 6px;

  border-radius: 4px;

}