/* 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: 2rem;
  }
  /* Since positioning the image, we need to help out the caption */
  .carousel-caption {
    bottom: 3rem;
    z-index: 10;
  }

  .carousel-caption-holder {
    /* width: fit-content;
    padding: 1rem;
    border-radius: 1rem;
    background-color: rgba(188, 108, 37, 0.8); */
    font-family: 'Barlow', sans-serif;
  }

  /* Declare heights because of positioning of img element */
  .carousel-item .header{
    height: 80vh;
    -webkit-filter: blur(3px);
    filter: blur(3px) brightness(60%);
  }


  /* 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: .75rem;
    margin-left: .75rem;
  }
  /* rtl:end:ignore */


  /* Featurettes
  ------------------------- */

  .featurette-divider {
    margin: 2.5rem 0;
    background-color: var(--pakistan-green);
  }

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