.eap {
  font-family:var(--e-global-typography-primary-font-family);
}
/*like a bootstrap*/
.row {
--bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(-1 * var(--bs-gutter-y));
  margin-right: calc(-.5 * var(--bs-gutter-x));
  margin-left: calc(-.5 * var(--bs-gutter-x));
}
.row > * {
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  padding-right: calc(var(--bs-gutter-x) * .5);
  padding-left: calc(var(--bs-gutter-x) * .5);
  margin-top: var(--bs-gutter-y);
}
.g-1, .gy-1 {--bs-gutter-y: 0.25rem;}
.g-1, .gx-1 {--bs-gutter-x: 0.25rem;}
.g-2, .gy-2 {--bs-gutter-y: 0.5rem;}
.g-2, .gx-2 {--bs-gutter-x: 0.5rem;}
.g-3, .gx-3 {--bs-gutter-x: 1rem;}
.g-3, .gy-3 {--bs-gutter-y: 1rem;}
.g-4, .gy-4 {--bs-gutter-y: 1.5rem;}
.g-4, .gx-4 {--bs-gutter-x: 1.5rem;}
.g-5, .gy-5 {--bs-gutter-y: 3rem;}
.g-5, .gx-5 {--bs-gutter-x: 3rem;}

.d-flex {display: flex;}
.flex-column {flex-direction: column;}
.flex-wrap { flex-wrap: wrap !important; }
.mt-auto {margin-top: auto !important;}
.m-auto {margin: auto !important;}
.h-100 { height: 100% !important; }

.align-items-center {align-items: center !important;}
.justify-content-center {justify-content: center !important;}

.col-12 { flex: 0 0 auto; width: 100%; }
.col-6 { flex: 0 0 auto;  width: 50%; }
.col-4 { flex: 0 0 auto; width: 33.33333333%;}
.col-3 { flex: 0 0 auto; width: 25%;}

.mb-2 { margin-bottom: .5rem; }
.mb-3 { margin-bottom: 1rem; }


@media (min-width: 576px) {
  .col-sm-6 { flex: 0 0 auto; width: 50%; }
}

@media screen and (min-width: 768px) {
    .d-md-flex {display: flex;}
    .col-md-6 {flex: 0 0 auto; width: 50%;}
    .col-md-4 { flex: 0 0 auto; width: 33.33333333%; }
}
@media screen and (min-width: 992px) {
    .col-lg-4 {flex: 0 0 auto; width: 33.33333333%;}
    .col-lg-3 {flex: 0 0 auto; width: 25%;}
}
@media screen and (min-width: 1024px) {
    .col-tab-4 {flex: 0 0 auto; width: 33.33333333%;}
    .col-tab-3 {flex: 0 0 auto; width: 25%;}
}
@media screen and (min-width: 1366px) {
    .col-lap-4 {flex: 0 0 auto; width: 33.33333333%;}
    .col-lap-3 {flex: 0 0 auto; width: 25%;}
}