/*	Defined widths
--------------------------------------- */
/*	Slider settings
--------------------------------------- */
/*	Colors
--------------------------------------- */
/*	Breakpoints
--------------------------------------- */
/*	Other
--------------------------------------- */
/* common border radius */
/* disable text selection */
/*	Font / Text Mixins
======================================================================== */
/*	Font family mixin
    Examples:
    @include f(s,r);
    @include f(gs,l);
--------------------------------------- */
/*	Text mixin
    (dynamic font size and line height)
--------------------------------------- */
.homepage .page-hero {
  height: max(50rem, 85vh - var(--site-header-height));
}
.homepage .page-hero .container {
  height: inherit;
}
.homepage .page-hero .cols {
  height: inherit;
}
.homepage .page-hero__title {
  /*	1) Headlines text group
  --------------------------------------- */
  font-size: calc(var(--fs-rate) * 4.8rem);
  line-height: 1.25;
  font-family: "Poppins-Bold", sans-serif;
  font-weight: 700;
  /*@else if $font-family == 'gs' {

      @if $font-weight == 'l' {
          font-family: 'GeneralSans-light', sans-serif;
          font-weight: 300;
      } @else if $font-weight == 'm' {
          font-family: 'GeneralSans-Medium', sans-serif;
          font-weight: 500;
      } @else {
          font-family: 'GeneralSans-Regular', sans-serif;
          font-weight: 400;
      }
  }*/
}

/*	B4I Academy
--------------------------------------- */
.b4i-academy {
  padding: var(--section-padding-general) 0;
}
.b4i-academy .cols {
  --gap: 5.7rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: var(--gap);
}
.b4i-academy .cols .col.left {
  width: calc(37.24% - (1 / 2) * var(--gap));
  padding-right: 5.7rem;
}
.b4i-academy .cols .col.right {
  width: calc((100% - 37.24%) - 0.5 * var(--gap));
}
@media screen and (max-width: 800px) {
  .b4i-academy .cols .col.left, .b4i-academy .cols .col.right {
    width: 100%;
  }
}
.b4i-academy__title {
  /*	1) Headlines text group
  --------------------------------------- */
  font-size: calc(var(--fs-rate) * 3.9rem);
  line-height: 1.2051282051;
  line-height: normal;
}

/*	Fake masonry
--------------------------------------- */
.masonry-fake {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 1.6rem;
}
.masonry-fake .col-1,
.masonry-fake .col-2 {
  width: calc(50% - 0.8rem);
}
@media screen and (max-width: 500px) {
  .masonry-fake .col-1,
  .masonry-fake .col-2 {
    width: 100%;
  }
}

.card-icon {
  margin-bottom: 1.6rem;
}
.card-icon__icon {
  margin-bottom: 1.6rem;
  width: 2.4rem;
  height: 2.4rem;
  font-size: 0;
  color: var(--purple);
}
.card-icon__title {
  /*	1) Headlines text group
  --------------------------------------- */
  font-size: calc(var(--fs-small-rate) * 2rem);
  /*	2) Display text group
  --------------------------------------- */
  line-height: 1.2;
  margin-bottom: 0.4rem;
  line-height: normal;
}
.card-icon:last-child {
  margin-bottom: 0;
}

/*	Finance
--------------------------------------- */
.finance {
  --gap: 4rem;
  margin: 1.6rem 0 var(--section-padding-general);
}
.finance .cols {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 4rem;
}
.finance .col.left {
  width: calc(57.48% - (1 / 2) * var(--gap));
}
.finance .col.right {
  width: calc((100% - 57.48%) - 0.5 * var(--gap));
  text-align: right;
}
.finance .col.right .btn {
  margin: 0 0 0 auto;
}
@media screen and (max-width: 640px) {
  .finance .col.left, .finance .col.right {
    width: 100%;
    text-align: left;
  }
  .finance .col.left .btn, .finance .col.right .btn {
    margin: 0;
  }
}
.finance__title {
  /*	1) Headlines text group
  --------------------------------------- */
  font-size: calc(var(--fs-rate) * 3.1rem);
  line-height: 1.1935483871;
  margin-bottom: 0.8rem;
}

/*	Courses
--------------------------------------- */
.courses {
  padding: var(--section-padding-general) 0;
}
.courses__title {
  /*	1) Headlines text group
  --------------------------------------- */
  font-size: calc(var(--fs-rate) * 3.9rem);
  line-height: 1.2051282051;
  margin-bottom: 2.4rem;
}
.courses footer {
  margin-top: 2.4rem;
}
.courses footer a {
  margin: 0 auto;
}

/*	FAQ
--------------------------------------- */
.faq {
  padding: var(--section-padding-general) 0;
}
.faq__title {
  /*	1) Headlines text group
  --------------------------------------- */
  font-size: calc(var(--fs-rate) * 3.9rem);
  line-height: 1.2051282051;
}

/*	Gallery
--------------------------------------- */
.gallery {
  padding: var(--section-padding-general) 0;
}

.grid-gallery {
  --gap-v: 1.6rem;
  --gap-h: 4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: var(--gap-h) var(--gap-v);
}
.grid-gallery .card-gallery {
  width: calc(33.3333% - 0.6666666667 * var(--gap-v));
}
@media screen and (max-width: 800px) {
  .grid-gallery .card-gallery {
    width: calc(50% - 0.5 * var(--gap-v));
  }
}
@media screen and (max-width: 500px) {
  .grid-gallery .card-gallery {
    width: 100%;
  }
}
.grid-gallery .card-gallery figcaption {
  padding-right: 2.4rem;
}
.grid-gallery .card-gallery img {
  margin-bottom: 1.6rem;
}
.grid-gallery .card-gallery__title {
  display: block;
  margin-bottom: 0.8rem;
}
/*# sourceMappingURL=homepage.css.map */