/* ========================================================= */
/* IMPORT COLORS                                             */
/* ========================================================= */
@import url('./il-custome-color.css');
@import url('./il-font-imports.css');


/* ========================================================= */
/* FONT SIZE UTILITIES (7px–35px)                            */
/* Bootstrap Naming: fs-#, fs-sm-#, fs-md-#                  */
/* ========================================================= */
.fs-7 {
  --bs-body-font-size: 7px !important;
  font-size: var(--bs-body-font-size) !important;
}

.fs-8 {
  --bs-body-font-size: 8px !important;
  font-size: var(--bs-body-font-size) !important;
}

.fs-9 {
  --bs-body-font-size: 9px !important;
  font-size: var(--bs-body-font-size) !important;
}

.fs-10 {
  --bs-body-font-size: 10px !important;
  font-size: var(--bs-body-font-size) !important;
}

.fs-11 {
  --bs-body-font-size: 11px !important;
  font-size: var(--bs-body-font-size) !important;
}

.fs-12 {
  --bs-body-font-size: 12px !important;
  font-size: var(--bs-body-font-size) !important;
}

.fs-13 {
  --bs-body-font-size: 13px !important;
  font-size: var(--bs-body-font-size) !important;
}

.fs-14 {
  --bs-body-font-size: 14px !important;
  font-size: var(--bs-body-font-size) !important;
}

.fs-15 {
  --bs-body-font-size: 15px !important;
  font-size: var(--bs-body-font-size) !important;
}

.fs-16 {
  --bs-body-font-size: 16px !important;
  font-size: var(--bs-body-font-size) !important;
}

.fs-17 {
  --bs-body-font-size: 17px !important;
  font-size: var(--bs-body-font-size) !important;
}

.fs-18 {
  --bs-body-font-size: 18px !important;
  font-size: var(--bs-body-font-size) !important;
}

.fs-19 {
  --bs-body-font-size: 19px !important;
  font-size: var(--bs-body-font-size) !important;
}

.fs-20 {
  --bs-body-font-size: 20px !important;
  font-size: var(--bs-body-font-size) !important;
}

.fs-21 {
  --bs-body-font-size: 21px !important;
  font-size: var(--bs-body-font-size) !important;
}

.fs-22 {
  --bs-body-font-size: 22px !important;
  font-size: var(--bs-body-font-size) !important;
}

.fs-23 {
  --bs-body-font-size: 23px !important;
  font-size: var(--bs-body-font-size) !important;
}

.fs-24 {
  --bs-body-font-size: 24px !important;
  font-size: var(--bs-body-font-size) !important;
}

.fs-25 {
  --bs-body-font-size: 25px !important;
  font-size: var(--bs-body-font-size) !important;
}

.fs-26 {
  --bs-body-font-size: 26px !important;
  font-size: var(--bs-body-font-size) !important;
}

.fs-27 {
  --bs-body-font-size: 27px !important;
  font-size: var(--bs-body-font-size) !important;
}

.fs-28 {
  --bs-body-font-size: 28px !important;
  font-size: var(--bs-body-font-size) !important;
}

.fs-29 {
  --bs-body-font-size: 29px !important;
  font-size: var(--bs-body-font-size) !important;
}

.fs-30 {
  --bs-body-font-size: 30px !important;
  font-size: var(--bs-body-font-size) !important;
}

.fs-31 {
  --bs-body-font-size: 31px !important;
  font-size: var(--bs-body-font-size) !important;
}

.fs-32 {
  --bs-body-font-size: 32px !important;
  font-size: var(--bs-body-font-size) !important;
}

.fs-33 {
  --bs-body-font-size: 33px !important;
  font-size: var(--bs-body-font-size) !important;
}

.fs-34 {
  --bs-body-font-size: 34px !important;
  font-size: var(--bs-body-font-size) !important;
}

.fs-35 {
  --bs-body-font-size: 35px !important;
  font-size: var(--bs-body-font-size) !important;
}

.fs-36 {
  --bs-body-font-size: 36px !important;
  font-size: var(--bs-body-font-size) !important;
}

.fs-40 {
  --bs-body-font-size: 40px !important;
  font-size: var(--bs-body-font-size) !important;
}

.fs-45 {
  --bs-body-font-size: 45px !important;
  font-size: var(--bs-body-font-size) !important;
}

.fs-48 {
  --bs-body-font-size: 48px !important;
  font-size: var(--bs-body-font-size) !important;
}

.fs-55 {
  --bs-body-font-size: 55px !important;
  font-size: var(--bs-body-font-size) !important;
}

.fs-56 {
  --bs-body-font-size: 56px !important;
  font-size: var(--bs-body-font-size) !important;
}

.fs-60 {
  --bs-body-font-size: 60px !important;
  font-size: var(--bs-body-font-size) !important;
}

.fs-72 {
  --bs-body-font-size: 72px !important;
  font-size: var(--bs-body-font-size) !important;
}

/* ========================================================= */
/* WIDTH UTILITIES                                           */
/* ========================================================= */
.w-20 {
  width: 20% !important;
}

.w-65 {
  width: 65% !important;
}

.w-85 {
  width: 85% !important;
}


/* ========================================================= */
/* FONT WEIGHTS                                               */
/* ========================================================= */
.fw-800 {
  font-weight: 800 !important;
}

.fw-900 {
  font-weight: 900 !important;
}


/* ========================================================= */
/* BACKGROUND COLORS                                          */
/* ========================================================= */
.text-gray {
  --bs-text-opacity: 1;
  --bs-body-color-rgb: var(--gray-rgb);
  --bs-body-color: var(--gray);
  color: rgba(var(--bs-body-color-rgb), var(--bs-text-opacity)) !important;
}

.text-cool-blue-gray {
  --bs-text-opacity: 1;
  --bs-body-color-rgb: var(--bs-cool-blue-gray-rgb);
  --bs-body-color: var(--bs-cool-blue-gray);
  color: rgba(var(--bs-body-color-rgb), var(--bs-text-opacity)) !important;
}

.text-iblue-dark {
  --bs-text-opacity: 1;
  --bs-body-color-rgb: var(--iblue-dark-rgb);
  --bs-body-color: var(--iblue-dark);
  color: rgba(var(--bs-body-color-rgb), var(--bs-text-opacity)) !important;
}

.bg-iblue-dark {
  --bs-bg-opacity: 1;
  --bs-body-bg-rgb: var(--iblue-dark-rgb);
  --bs-body-bg: var(--iblue-dark);
  background-color: rgba(var(--bs-body-bg-rgb), var(--bs-bg-opacity)) !important;
}

.bg-gray3 {
  --bs-bg-opacity: 1;
  --bs-body-bg-rgb: var(--gray3-rgb);
  --bs-body-bg: var(--gray3);
  background-color: rgba(var(--bs-body-bg-rgb), var(--bs-bg-opacity)) !important;
}

.bg-vivid-orange {
  --bs-bg-opacity: 1;
  --bs-body-bg-rgb: var(--bs-vivid-orange-rgb);
  --bs-body-bg: var(--bs-vivid-orange);
  background-color: rgba(var(--bs-body-bg-rgb), var(--bs-bg-opacity)) !important;
}

.bg-il-orange {
  --bs-bg-opacity: 1;
  --bs-body-bg-rgb: var(--il-orange-rgb);
  --bs-body-bg: var(--il-orange);
  background-color: rgba(var(--bs-body-bg-rgb), var(--bs-bg-opacity)) !important;
}

.text-vivid-orange {
  --bs-text-opacity: 1;
  --bs-body-color-rgb: var(--bs-vivid-orange-rgb);
  --bs-body-color: var(--bs-vivid-orange);
  color: rgba(var(--bs-body-color-rgb), var(--bs-text-opacity)) !important;
}

.text-vivid-Orange {
  --bs-text-opacity: 1;
  --bs-body-color-rgb: var(--bs-vivid-Orange-rgb);
  --bs-body-color: var(--bs-vivid-Orange);
  color: rgba(var(--bs-body-color-rgb), var(--bs-text-opacity)) !important;
}


.border-tangerine-orange {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-tangerine-orange-rgb), var(--bs-border-opacity)) !important;
}

.border-burnt-sienna {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-burnt-sienna-rgb), var(--bs-border-opacity)) !important;
}

.bg-seashell {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-seashell-rgb), var(--bs-bg-opacity)) !important;
}

.border-gainsboro {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-gainsboro-rgb), var(--bs-border-opacity)) !important;
}


.text-il-orange {
  --bs-text-opacity: 1;
  --bs-body-color-rgb: var(--il-orange-rgb);
  --bs-body-color: var(--il-orange);
  color: rgba(var(--bs-body-color-rgb), var(--bs-text-opacity)) !important;
}

.bg-ilorange-light {
  --bs-bg-opacity: 1;
  --bs-body-bg-rgb: var(--light-il-orange-rgb);
  --bs-body-bg: var(--light-il-orange);
  background-color: rgba(var(--bs-body-bg-rgb), var(--bs-bg-opacity)) !important;
}

.bg-iblue2 {
  --bs-bg-opacity: 1;
  --bs-body-bg-rgb: var(--blue-light-rgb);
  --bs-body-bg: var(--blue-light);
  background-color: rgba(var(--bs-body-bg-rgb), var(--bs-bg-opacity)) !important;
}

.text-orangeP {
  --bs-text-opacity: 1;
  --bs-body-color-rgb: var(--bs-orangeP-rgb);
  --bs-body-color: var(--bs-orangeP);
  color: rgba(var(--bs-body-color-rgb), var(--bs-text-opacity)) !important;
}

.text-iblue2 {
  --bs-text-opacity: 1;
  --bs-body-color-rgb: var(--bs-iblue2-rgb);
  --bs-body-color: var(--bs-iblue2);
  color: rgba(var(--bs-body-color-rgb), var(--bs-text-opacity)) !important;
}

.text-pOrange {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-pOrange-rgb), var(--bs-text-opacity)) !important;
}

.text-tangerine-orange {
  --bs-text-opacity: 1;
  --bs-body-color-rgb: var(--bs-tangerine-orange-rgb);
  --bs-body-color: var(--bs-tangerine-orange);
  color: rgba(var(--bs-body-color-rgb), var(--bs-text-opacity)) !important;
}

.text-slate-gray {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-slate-gray-rgb), var(--bs-text-opacity)) !important;
}

.text-white {
  --bs-text-opacity: 1;
  --bs-body-color-rgb: var(--bs-white-rgb);
  --bs-body-color: var(--bs-white);
  color: rgba(var(--bs-body-color-rgb), var(--bs-text-opacity)) !important;
}

.text-dark {
  --bs-text-opacity: 1;
  --bs-body-color-rgb: var(--bs-dark-rgb);
  --bs-body-color: var(--bs-dark);
  color: rgba(var(--bs-body-color-rgb), var(--bs-text-opacity)) !important;
}

.text-light-dark {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-light-dark-rgb), var(--bs-text-opacity)) !important;
}

.bg-white {
  --bs-bg-opacity: 1;
  --bs-body-bg-rgb: var(--bs-white-rgb);
  --bs-body-bg: var(--bs-white);
  background-color: rgba(var(--bs-body-bg-rgb), var(--bs-bg-opacity)) !important;
}

.bg-dark {
  --bs-bg-opacity: 1;
  --bs-body-bg-rgb: var(--bs-dark-rgb);
  --bs-body-bg: var(--bs-dark);
  background-color: rgba(var(--bs-body-bg-rgb), var(--bs-bg-opacity)) !important;

}

.bg-pink-light {
  --bs-bg-opacity: 1;
  --bs-body-bg-rgb: var(--pink-light-rgb);
  --bs-body-bg: var(--pink-light);
  background-color: rgba(var(--bs-body-bg-rgb), var(--bs-bg-opacity)) !important;
}

.bg-igray-light {
  --bs-bg-opacity: 1;
  --bs-body-bg-rgb: var(--igray-light-rgb);
  --bs-body-bg: var(--igray-light);
  background-color: rgba(var(--bs-body-bg-rgb), var(--bs-bg-opacity)) !important;
}

.bg-iorange-light {
  --bs-bg-opacity: 1;
  --bs-body-bg-rgb: var(--bs-iorange-light-rgb);
  --bs-body-bg: var(--bs-iorange-light);
  background-color: rgba(var(--bs-body-bg-rgb), var(--bs-bg-opacity)) !important;
}

.bg-light-pink {
  --bs-bg-opacity: 1;
  --bs-body-bg-rgb: var(--light-pink-rgb);
  --bs-body-bg: var(--light-pink);
  background-color: rgba(var(--bs-body-bg-rgb), var(--bs-bg-opacity)) !important;
}

.bg-light-blue {
  --bs-bg-opacity: 1;
  --bs-body-bg-rgb: var(--light-blue-rgb);
  --bs-body-bg: var(--light-blue);
  background-color: rgba(var(--bs-body-bg-rgb), var(--bs-bg-opacity)) !important;
}

.bg-pale-grey {
  --bs-bg-opacity: 1;
  --bs-body-bg-rgb: var(--bs-pale-grey-rgb);
  --bs-body-bg: var(--bs-pale-grey);
  background-color: rgba(var(--bs-body-bg-rgb), var(--bs-bg-opacity)) !important;
}

.bg-icream-light {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-icream-light-rgb), var(--bs-bg-opacity)) !important;
}

.bg-peach-cream {
  --bs-bg-opacity: 1;
  --bs-body-bg-rgb: var(--bs-peach-cream-rgb);
  --bs-body-bg: var(--bs-peach-cream);
  background-color: rgba(var(--bs-body-bg-rgb), var(--bs-bg-opacity)) !important;
}

.bg-cream-beige {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-cream-beige-rgb), var(--bs-bg-opacity)) !important;
}

.border-vivid-Orange {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-vivid-Orange-rgb), var(--bs-border-opacity)) !important;
}

.border-opacity-0-1 {
  --bs-border-opacity: 0 !important;

  &:hover {
    --bs-border-opacity: 1 !important;
  }
}

.border-peach {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-peach-rgb), var(--bs-border-opacity)) !important;
}

.border-vivid-tangelo {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-vivid-tangelo-rgb), var(--bs-border-opacity)) !important;
}

.border-soft-gray {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-soft-gray-rgb), var(--bs-border-opacity)) !important;
}

.border-il-blue {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-il-blue-rgb), var(--bs-border-opacity)) !important;
}

.border-blue2 {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-blue2-rgb), var(--bs-border-opacity)) !important;
}

.border-navy-blue {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-navy-blue-rgb), var(--bs-border-opacity)) !important;
}

.border-ocean-blue {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-ocean-blue-rgb), var(--bs-border-opacity)) !important;
}

.table.bg-none {
  --bs-table-bg: none !important;
}

.border-iblue-dark {
  --bs-border-opacity: 1;
  /* --bs-table-border-color: #134961; */
  border-color: rgba(19, 73, 97, var(--bs-border-opacity)) !important;

}

.bg-none {
  background: none !important;
}

.bg-gradient-blue {
  background: var(--Blue-Gradient, linear-gradient(180deg, var(--bs-navy-blue) 0.49%, var(--iblue-dark) 100%));
}

.bg-gradient-soft-pink {
  background: transparent linear-gradient(180deg, #FFF3F3 0%, #FFF9F6 100%) 0% 0% no-repeat padding-box;
}

.border-iorange-bright {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-pumpkin-orange-rgb), var(--bs-border-opacity)) !important;
}

.bg-navy-blue {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-navy-blue-rgb), var(--bs-bg-opacity)) !important;
}

.bg-ibeige-light {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--ibeige-light-rgb), var(--bs-bg-opacity)) !important;
}

/* Base gradient text class */
.text-gradient {
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
  color: transparent !important;
}

/* Specific gradient colors */
.text-orange-red-gradient {
  background: linear-gradient(180deg, #f58820 0%, #b02a30 100%);
}

.text-orange-red-gradient2 {
  background: transparent linear-gradient(270deg, #F16522 0%, #B02A30 100%) 0% 0% no-repeat padding-box;
}

.text-blue-gradient {
  background: transparent linear-gradient(270deg, #256CB4 0%, #00447C 100%) 0% 0% no-repeat padding-box;
}

.top-10 {
  top: 10%;
}

.end-10 {
  right: 10%;
}

.start-10 {
  left: 10%;
}

.bottom-5 {
  bottom: 5% !important;
}

.p-12 {
  padding: 12px !important;
}

.lh-30 {
  line-height: 30px !important;
}

.z-10 {
  z-index: 10;
}





/* ========================================================= */
/* RESPONSIVE UTILITIES (ONE BLOCK PER BREAKPOINT)           */
/* FS + WIDTH included                                       */
/* ========================================================= */

/* SM ≥ 576px */
@media (min-width: 576px) {

  /* font sizes */
  .fs-sm-7 {
    --bs-body-font-size: 7px !important;
    font-size: var(--bs-body-font-size) !important;
  }


  .fs-sm-8 {
    --bs-body-font-size: 8px !important;
    font-size: var(--bs-body-font-size) !important;
  }

  .fs-sm-9 {
    --bs-body-font-size: 9px !important;
    font-size: var(--bs-body-font-size) !important;
  }

  .fs-sm-10 {
    --bs-body-font-size: 10px !important;
    font-size: var(--bs-body-font-size) !important;
  }

  .fs-sm-11 {
    --bs-body-font-size: 11px !important;
    font-size: var(--bs-body-font-size) !important;
  }

  .fs-sm-12 {
    --bs-body-font-size: 12px !important;
    font-size: var(--bs-body-font-size) !important;
  }

  .fs-sm-13 {
    --bs-body-font-size: 13px !important;
    font-size: var(--bs-body-font-size) !important;
  }

  .fs-sm-14 {
    --bs-body-font-size: 14px !important;
    font-size: var(--bs-body-font-size) !important;
  }

  .fs-sm-15 {
    --bs-body-font-size: 15px !important;
    font-size: var(--bs-body-font-size) !important;
  }

  .fs-sm-16 {
    --bs-body-font-size: 16px !important;
    font-size: var(--bs-body-font-size) !important;
  }

  .fs-sm-17 {
    --bs-body-font-size: 17px !important;
    font-size: var(--bs-body-font-size) !important;
  }

  .fs-sm-18 {
    --bs-body-font-size: 18px !important;
    font-size: var(--bs-body-font-size) !important;
  }

  .fs-sm-19 {
    --bs-body-font-size: 19px !important;
    font-size: var(--bs-body-font-size) !important;
  }

  .fs-sm-20 {
    --bs-body-font-size: 20px !important;
    font-size: var(--bs-body-font-size) !important;
  }

  .fs-sm-21 {
    --bs-body-font-size: 21px !important;
    font-size: var(--bs-body-font-size) !important;
  }

  .fs-sm-22 {
    --bs-body-font-size: 22px !important;
    font-size: var(--bs-body-font-size) !important;
  }

  .fs-sm-23 {
    --bs-body-font-size: 23px !important;
    font-size: var(--bs-body-font-size) !important;
  }

  .fs-sm-24 {
    --bs-body-font-size: 24px !important;
    font-size: var(--bs-body-font-size) !important;
  }

  .fs-sm-25 {
    --bs-body-font-size: 25px !important;
    font-size: var(--bs-body-font-size) !important;
  }

  .fs-sm-26 {
    --bs-body-font-size: 26px !important;
    font-size: var(--bs-body-font-size) !important;
  }

  .fs-sm-27 {
    --bs-body-font-size: 27px !important;
    font-size: var(--bs-body-font-size) !important;
  }

  .fs-sm-28 {
    --bs-body-font-size: 28px !important;
    font-size: var(--bs-body-font-size) !important;
  }

  .fs-sm-29 {
    --bs-body-font-size: 29px !important;
    font-size: var(--bs-body-font-size) !important;
  }

  .fs-sm-30 {
    --bs-body-font-size: 30px !important;
    font-size: var(--bs-body-font-size) !important;
  }

  .fs-sm-31 {
    --bs-body-font-size: 31px !important;
    font-size: var(--bs-body-font-size) !important;
  }

  .fs-sm-32 {
    --bs-body-font-size: 32px !important;
    font-size: var(--bs-body-font-size) !important;
  }

  .fs-sm-33 {
    --bs-body-font-size: 33px !important;
    font-size: var(--bs-body-font-size) !important;
  }

  .fs-sm-34 {
    --bs-body-font-size: 34px !important;
    font-size: var(--bs-body-font-size) !important;
  }

  .fs-sm-35 {
    --bs-body-font-size: 35px !important;
    font-size: var(--bs-body-font-size) !important;
  }

  .fs-sm-36 {
    --bs-body-font-size: 36px !important;
    font-size: var(--bs-body-font-size) !important;
  }

  .fs-sm-40 {
    --bs-body-font-size: 40px !important;
    font-size: var(--bs-body-font-size) !important;
  }

  .fs-sm-45 {
    --bs-body-font-size: 45px !important;
    font-size: var(--bs-body-font-size) !important;
  }

  .fs-sm-48 {
    --bs-body-font-size: 48px !important;
    font-size: var(--bs-body-font-size) !important;
  }

  .fs-sm-55 {
    --bs-body-font-size: 55px !important;
    font-size: var(--bs-body-font-size) !important;
  }

  .fs-sm-56 {
    --bs-body-font-size: 56px !important;
    font-size: var(--bs-body-font-size) !important;
  }

  .fs-sm-60 {
    --bs-body-font-size: 60px !important;
    font-size: var(--bs-body-font-size) !important;
  }

  .fs-sm-72 {
    --bs-body-font-size: 72px !important;
    font-size: var(--bs-body-font-size) !important;
  }

  /* width */
  .w-sm-65 {
    width: 65% !important;
  }

  .w-sm-85 {
    width: 85% !important;
  }

  .w-sm-400px {
    width: 400px !important;
    /* max-width: 100% !important; */
  }

  .w-sm-500px {
    width: 500px !important;
  }
}

/* MD ≥ 768px */
@media (min-width: 768px) {

  /* font sizes */
  .fs-md-7 {
    --bs-body-font-size: 7px !important;
    font-size: var(--bs-body-font-size) !important;
  }


  .fs-md-8 {
    --bs-body-font-size: 8px !important;
    font-size: var(--bs-body-font-size) !important;
  }

  .fs-md-9 {
    --bs-body-font-size: 9px !important;
    font-size: var(--bs-body-font-size) !important;
  }

  .fs-md-10 {
    --bs-body-font-size: 10px !important;
    font-size: var(--bs-body-font-size) !important;
  }

  .fs-md-11 {
    --bs-body-font-size: 11px !important;
    font-size: var(--bs-body-font-size) !important;
  }

  .fs-md-12 {
    --bs-body-font-size: 12px !important;
    font-size: var(--bs-body-font-size) !important;
  }

  .fs-md-13 {
    --bs-body-font-size: 13px !important;
    font-size: var(--bs-body-font-size) !important;
  }

  .fs-md-14 {
    --bs-body-font-size: 14px !important;
    font-size: var(--bs-body-font-size) !important;
  }

  .fs-md-15 {
    --bs-body-font-size: 15px !important;
    font-size: var(--bs-body-font-size) !important;
  }

  .fs-md-16 {
    --bs-body-font-size: 16px !important;
    font-size: var(--bs-body-font-size) !important;
  }

  .fs-md-17 {
    --bs-body-font-size: 17px !important;
    font-size: var(--bs-body-font-size) !important;
  }

  .fs-md-18 {
    --bs-body-font-size: 18px !important;
    font-size: var(--bs-body-font-size) !important;
  }

  .fs-md-19 {
    --bs-body-font-size: 19px !important;
    font-size: var(--bs-body-font-size) !important;
  }

  .fs-md-20 {
    --bs-body-font-size: 20px !important;
    font-size: var(--bs-body-font-size) !important;
  }

  .fs-md-21 {
    --bs-body-font-size: 21px !important;
    font-size: var(--bs-body-font-size) !important;
  }

  .fs-md-22 {
    --bs-body-font-size: 22px !important;
    font-size: var(--bs-body-font-size) !important;
  }

  .fs-md-23 {
    --bs-body-font-size: 23px !important;
    font-size: var(--bs-body-font-size) !important;
  }

  .fs-md-24 {
    --bs-body-font-size: 24px !important;
    font-size: var(--bs-body-font-size) !important;
  }

  .fs-md-25 {
    --bs-body-font-size: 25px !important;
    font-size: var(--bs-body-font-size) !important;
  }

  .fs-md-26 {
    --bs-body-font-size: 26px !important;
    font-size: var(--bs-body-font-size) !important;
  }

  .fs-md-27 {
    --bs-body-font-size: 27px !important;
    font-size: var(--bs-body-font-size) !important;
  }

  .fs-md-28 {
    --bs-body-font-size: 28px !important;
    font-size: var(--bs-body-font-size) !important;
  }

  .fs-md-29 {
    --bs-body-font-size: 29px !important;
    font-size: var(--bs-body-font-size) !important;
  }

  .fs-md-30 {
    --bs-body-font-size: 30px !important;
    font-size: var(--bs-body-font-size) !important;
  }

  .fs-md-31 {
    --bs-body-font-size: 31px !important;
    font-size: var(--bs-body-font-size) !important;
  }

  .fs-md-32 {
    --bs-body-font-size: 32px !important;
    font-size: var(--bs-body-font-size) !important;
  }

  .fs-md-33 {
    --bs-body-font-size: 33px !important;
    font-size: var(--bs-body-font-size) !important;
  }

  .fs-md-34 {
    --bs-body-font-size: 34px !important;
    font-size: var(--bs-body-font-size) !important;
  }

  .fs-md-35 {
    --bs-body-font-size: 35px !important;
    font-size: var(--bs-body-font-size) !important;
  }

  .fs-md-36 {
    --bs-body-font-size: 36px !important;
    font-size: var(--bs-body-font-size) !important;
  }

  .fs-md-40 {
    --bs-body-font-size: 40px !important;
    font-size: var(--bs-body-font-size) !important;
  }

  .fs-md-45 {
    --bs-body-font-size: 45px !important;
    font-size: var(--bs-body-font-size) !important;
  }

  .fs-md-48 {
    --bs-body-font-size: 48px !important;
    font-size: var(--bs-body-font-size) !important;
  }

  .fs-md-55 {
    --bs-body-font-size: 55px !important;
    font-size: var(--bs-body-font-size) !important;
  }

  .fs-md-56 {
    --bs-body-font-size: 56px !important;
    font-size: var(--bs-body-font-size) !important;
  }

  .fs-md-60 {
    --bs-body-font-size: 60px !important;
    font-size: var(--bs-body-font-size) !important;
  }

  .fs-md-72 {
    --bs-body-font-size: 72px !important;
    font-size: var(--bs-body-font-size) !important;
  }

  /* width */
  .w-md-65 {
    width: 65% !important;
  }

  .w-md-85 {
    width: 85% !important;
  }

  .w-md-50 {
    width: 50%;
  }
  
  .w-md-25 {
    width: 25% !important;
  }

  .w-md-75 {
    width: 75% !important;
  }

  .carousel-md-none {
    .carousel-item {
      display: inline-block;
      position: static;
      margin: 0 auto;
    }

    .carousel-inner {
      display: flex;
      flex-wrap: wrap;
    }
  }

  .card-height.ei {
    min-height: 370px;
  }

}

.smallBusiness {
  .card-img {
    max-height: 250px;
  }
}


/* LG ≥ 992px */
@media (min-width: 992px) {

  /* font sizes */
  .fs-lg-7 {
    --bs-body-font-size: 7px !important;
    font-size: var(--bs-body-font-size) !important;
  }


  .fs-lg-8 {
    --bs-body-font-size: 8px !important;
    font-size: var(--bs-body-font-size) !important;
  }

  .fs-lg-9 {
    --bs-body-font-size: 9px !important;
    font-size: var(--bs-body-font-size) !important;
  }

  .fs-lg-10 {
    --bs-body-font-size: 10px !important;
    font-size: var(--bs-body-font-size) !important;
  }

  .fs-lg-11 {
    --bs-body-font-size: 11px !important;
    font-size: var(--bs-body-font-size) !important;
  }

  .fs-lg-12 {
    --bs-body-font-size: 12px !important;
    font-size: var(--bs-body-font-size) !important;
  }

  .fs-lg-13 {
    --bs-body-font-size: 13px !important;
    font-size: var(--bs-body-font-size) !important;
  }

  .fs-lg-14 {
    --bs-body-font-size: 14px !important;
    font-size: var(--bs-body-font-size) !important;
  }

  .fs-lg-15 {
    --bs-body-font-size: 15px !important;
    font-size: var(--bs-body-font-size) !important;
  }

  .fs-lg-16 {
    --bs-body-font-size: 16px !important;
    font-size: var(--bs-body-font-size) !important;
  }

  .fs-lg-17 {
    --bs-body-font-size: 17px !important;
    font-size: var(--bs-body-font-size) !important;
  }

  .fs-lg-18 {
    --bs-body-font-size: 18px !important;
    font-size: var(--bs-body-font-size) !important;
  }

  .fs-lg-19 {
    --bs-body-font-size: 19px !important;
    font-size: var(--bs-body-font-size) !important;
  }

  .fs-lg-20 {
    --bs-body-font-size: 20px !important;
    font-size: var(--bs-body-font-size) !important;
  }

  .fs-lg-21 {
    --bs-body-font-size: 21px !important;
    font-size: var(--bs-body-font-size) !important;
  }

  .fs-lg-22 {
    --bs-body-font-size: 22px !important;
    font-size: var(--bs-body-font-size) !important;
  }

  .fs-lg-23 {
    --bs-body-font-size: 23px !important;
    font-size: var(--bs-body-font-size) !important;
  }

  .fs-lg-24 {
    --bs-body-font-size: 24px !important;
    font-size: var(--bs-body-font-size) !important;
  }

  .fs-lg-25 {
    --bs-body-font-size: 25px !important;
    font-size: var(--bs-body-font-size) !important;
  }

  .fs-lg-26 {
    --bs-body-font-size: 26px !important;
    font-size: var(--bs-body-font-size) !important;
  }

  .fs-lg-27 {
    --bs-body-font-size: 27px !important;
    font-size: var(--bs-body-font-size) !important;
  }

  .fs-lg-28 {
    --bs-body-font-size: 28px !important;
    font-size: var(--bs-body-font-size) !important;
  }

  .fs-lg-29 {
    --bs-body-font-size: 29px !important;
    font-size: var(--bs-body-font-size) !important;
  }

  .fs-lg-30 {
    --bs-body-font-size: 30px !important;
    font-size: var(--bs-body-font-size) !important;
  }

  .fs-lg-31 {
    --bs-body-font-size: 31px !important;
    font-size: var(--bs-body-font-size) !important;
  }

  .fs-lg-32 {
    --bs-body-font-size: 32px !important;
    font-size: var(--bs-body-font-size) !important;
  }

  .fs-lg-33 {
    --bs-body-font-size: 33px !important;
    font-size: var(--bs-body-font-size) !important;
  }

  .fs-lg-34 {
    --bs-body-font-size: 34px !important;
    font-size: var(--bs-body-font-size) !important;
  }

  .fs-lg-35 {
    --bs-body-font-size: 35px !important;
    font-size: var(--bs-body-font-size) !important;
  }

  .fs-lg-36 {
    --bs-body-font-size: 36px !important;
    font-size: var(--bs-body-font-size) !important;
  }

  .fs-lg-40 {
    --bs-body-font-size: 40px !important;
    font-size: var(--bs-body-font-size) !important;
  }

  .fs-lg-45 {
    --bs-body-font-size: 45px !important;
    font-size: var(--bs-body-font-size) !important;
  }

  .fs-lg-48 {
    --bs-body-font-size: 48px !important;
    font-size: var(--bs-body-font-size) !important;
  }

  .fs-lg-55 {
    --bs-body-font-size: 55px !important;
    font-size: var(--bs-body-font-size) !important;
  }

  .fs-lg-56 {
    --bs-body-font-size: 56px !important;
    font-size: var(--bs-body-font-size) !important;
  }

  .fs-lg-60 {
    --bs-body-font-size: 60px !important;
    font-size: var(--bs-body-font-size) !important;
  }

  .fs-lg-72 {
    --bs-body-font-size: 72px !important;
    font-size: var(--bs-body-font-size) !important;
  }

  /* width */
  .w-lg-65 {
    width: 65% !important;
  }

  .w-lg-85 {
    width: 85% !important;
  }

  .bg-lg-off-white {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-off-white-rgb), var(--bs-bg-opacity)) !important;
  }

  .lg-shadow {
    box-shadow: var(--bs-box-shadow) !important;
  }

  .bg-lg-white {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity)) !important;
  }

  .bg-lg-none {
    background: none !important;
  }

}

/* XL ≥ 1200px */
@media (min-width: 1200px) {

  /* font sizes */
  .fs-xl-7 {
    --bs-body-font-size: 7px !important;
    font-size: var(--bs-body-font-size) !important;
  }


  .fs-xl-8 {
    --bs-body-font-size: 8px !important;
    font-size: var(--bs-body-font-size) !important;
  }

  .fs-xl-9 {
    --bs-body-font-size: 9px !important;
    font-size: var(--bs-body-font-size) !important;
  }

  .fs-xl-10 {
    --bs-body-font-size: 10px !important;
    font-size: var(--bs-body-font-size) !important;
  }

  .fs-xl-11 {
    --bs-body-font-size: 11px !important;
    font-size: var(--bs-body-font-size) !important;
  }

  .fs-xl-12 {
    --bs-body-font-size: 12px !important;
    font-size: var(--bs-body-font-size) !important;
  }

  .fs-xl-13 {
    --bs-body-font-size: 13px !important;
    font-size: var(--bs-body-font-size) !important;
  }

  .fs-xl-14 {
    --bs-body-font-size: 14px !important;
    font-size: var(--bs-body-font-size) !important;
  }

  .fs-xl-15 {
    --bs-body-font-size: 15px !important;
    font-size: var(--bs-body-font-size) !important;
  }

  .fs-xl-16 {
    --bs-body-font-size: 16px !important;
    font-size: var(--bs-body-font-size) !important;
  }

  .fs-xl-17 {
    --bs-body-font-size: 17px !important;
    font-size: var(--bs-body-font-size) !important;
  }

  .fs-xl-18 {
    --bs-body-font-size: 18px !important;
    font-size: var(--bs-body-font-size) !important;
  }

  .fs-xl-19 {
    --bs-body-font-size: 19px !important;
    font-size: var(--bs-body-font-size) !important;
  }

  .fs-xl-20 {
    --bs-body-font-size: 20px !important;
    font-size: var(--bs-body-font-size) !important;
  }

  .fs-xl-21 {
    --bs-body-font-size: 21px !important;
    font-size: var(--bs-body-font-size) !important;
  }

  .fs-xl-22 {
    --bs-body-font-size: 22px !important;
    font-size: var(--bs-body-font-size) !important;
  }

  .fs-xl-23 {
    --bs-body-font-size: 23px !important;
    font-size: var(--bs-body-font-size) !important;
  }

  .fs-xl-24 {
    --bs-body-font-size: 24px !important;
    font-size: var(--bs-body-font-size) !important;
  }

  .fs-xl-25 {
    --bs-body-font-size: 25px !important;
    font-size: var(--bs-body-font-size) !important;
  }

  .fs-xl-26 {
    --bs-body-font-size: 26px !important;
    font-size: var(--bs-body-font-size) !important;
  }

  .fs-xl-27 {
    --bs-body-font-size: 27px !important;
    font-size: var(--bs-body-font-size) !important;
  }

  .fs-xl-28 {
    --bs-body-font-size: 28px !important;
    font-size: var(--bs-body-font-size) !important;
  }

  .fs-xl-29 {
    --bs-body-font-size: 29px !important;
    font-size: var(--bs-body-font-size) !important;
  }

  .fs-xl-30 {
    --bs-body-font-size: 30px !important;
    font-size: var(--bs-body-font-size) !important;
  }

  .fs-xl-31 {
    --bs-body-font-size: 31px !important;
    font-size: var(--bs-body-font-size) !important;
  }

  .fs-xl-32 {
    --bs-body-font-size: 32px !important;
    font-size: var(--bs-body-font-size) !important;
  }

  .fs-xl-33 {
    --bs-body-font-size: 33px !important;
    font-size: var(--bs-body-font-size) !important;
  }

  .fs-xl-34 {
    --bs-body-font-size: 34px !important;
    font-size: var(--bs-body-font-size) !important;
  }

  .fs-xl-35 {
    --bs-body-font-size: 35px !important;
    font-size: var(--bs-body-font-size) !important;
  }

  .fs-xl-36 {
    --bs-body-font-size: 36px !important;
    font-size: var(--bs-body-font-size) !important;
  }

  .fs-xl-40 {
    --bs-body-font-size: 40px !important;
    font-size: var(--bs-body-font-size) !important;
  }

  .fs-xl-45 {
    --bs-body-font-size: 45px !important;
    font-size: var(--bs-body-font-size) !important;
  }

  .fs-xl-48 {
    --bs-body-font-size: 48px !important;
    font-size: var(--bs-body-font-size) !important;
  }

  .fs-xl-55 {
    --bs-body-font-size: 55px !important;
    font-size: var(--bs-body-font-size) !important;
  }

  .fs-xl-56 {
    --bs-body-font-size: 56px !important;
    font-size: var(--bs-body-font-size) !important;
  }

  .fs-xl-60 {
    --bs-body-font-size: 60px !important;
    font-size: var(--bs-body-font-size) !important;
  }

  .fs-xl-72 {
    --bs-body-font-size: 72px !important;
    font-size: var(--bs-body-font-size) !important;
  }

  /* width */
  .w-xl-65 {
    width: 65% !important;
  }

  .w-xl-85 {
    width: 85% !important;
  }
}

/* XXL ≥ 1400px */
@media (min-width: 1400px) {

  /* font sizes */
  .fs-xxl-7 {
    --bs-body-font-size: 7px !important;
    font-size: var(--bs-body-font-size) !important;
  }


  .fs-xxl-8 {
    --bs-body-font-size: 8px !important;
    font-size: var(--bs-body-font-size) !important;
  }

  .fs-xxl-9 {
    --bs-body-font-size: 9px !important;
    font-size: var(--bs-body-font-size) !important;
  }

  .fs-xxl-10 {
    --bs-body-font-size: 10px !important;
    font-size: var(--bs-body-font-size) !important;
  }

  .fs-xxl-11 {
    --bs-body-font-size: 11px !important;
    font-size: var(--bs-body-font-size) !important;
  }

  .fs-xxl-12 {
    --bs-body-font-size: 12px !important;
    font-size: var(--bs-body-font-size) !important;
  }

  .fs-xxl-13 {
    --bs-body-font-size: 13px !important;
    font-size: var(--bs-body-font-size) !important;
  }

  .fs-xxl-14 {
    --bs-body-font-size: 14px !important;
    font-size: var(--bs-body-font-size) !important;
  }

  .fs-xxl-15 {
    --bs-body-font-size: 15px !important;
    font-size: var(--bs-body-font-size) !important;
  }

  .fs-xxl-16 {
    --bs-body-font-size: 16px !important;
    font-size: var(--bs-body-font-size) !important;
  }

  .fs-xxl-17 {
    --bs-body-font-size: 17px !important;
    font-size: var(--bs-body-font-size) !important;
  }

  .fs-xxl-18 {
    --bs-body-font-size: 18px !important;
    font-size: var(--bs-body-font-size) !important;
  }

  .fs-xxl-19 {
    --bs-body-font-size: 19px !important;
    font-size: var(--bs-body-font-size) !important;
  }

  .fs-xxl-20 {
    --bs-body-font-size: 20px !important;
    font-size: var(--bs-body-font-size) !important;
  }

  .fs-xxl-21 {
    --bs-body-font-size: 21px !important;
    font-size: var(--bs-body-font-size) !important;
  }

  .fs-xxl-22 {
    --bs-body-font-size: 22px !important;
    font-size: var(--bs-body-font-size) !important;
  }

  .fs-xxl-23 {
    --bs-body-font-size: 23px !important;
    font-size: var(--bs-body-font-size) !important;
  }

  .fs-xxl-24 {
    --bs-body-font-size: 24px !important;
    font-size: var(--bs-body-font-size) !important;
  }

  .fs-xxl-25 {
    --bs-body-font-size: 25px !important;
    font-size: var(--bs-body-font-size) !important;
  }

  .fs-xxl-26 {
    --bs-body-font-size: 26px !important;
    font-size: var(--bs-body-font-size) !important;
  }

  .fs-xxl-27 {
    --bs-body-font-size: 27px !important;
    font-size: var(--bs-body-font-size) !important;
  }

  .fs-xxl-28 {
    --bs-body-font-size: 28px !important;
    font-size: var(--bs-body-font-size) !important;
  }

  .fs-xxl-29 {
    --bs-body-font-size: 29px !important;
    font-size: var(--bs-body-font-size) !important;
  }

  .fs-xxl-30 {
    --bs-body-font-size: 30px !important;
    font-size: var(--bs-body-font-size) !important;
  }

  .fs-xxl-31 {
    --bs-body-font-size: 31px !important;
    font-size: var(--bs-body-font-size) !important;
  }

  .fs-xxl-32 {
    --bs-body-font-size: 32px !important;
    font-size: var(--bs-body-font-size) !important;
  }

  .fs-xxl-33 {
    --bs-body-font-size: 33px !important;
    font-size: var(--bs-body-font-size) !important;
  }

  .fs-xxl-34 {
    --bs-body-font-size: 34px !important;
    font-size: var(--bs-body-font-size) !important;
  }

  .fs-xxl-35 {
    --bs-body-font-size: 35px !important;
    font-size: var(--bs-body-font-size) !important;
  }

  .fs-xxl-36 {
    --bs-body-font-size: 36px !important;
    font-size: var(--bs-body-font-size) !important;
  }

  .fs-xxl-40 {
    --bs-body-font-size: 40px !important;
    font-size: var(--bs-body-font-size) !important;
  }

  .fs-xxl-45 {
    --bs-body-font-size: 45px !important;
    font-size: var(--bs-body-font-size) !important;
  }

  .fs-xxl-48 {
    --bs-body-font-size: 48px !important;
    font-size: var(--bs-body-font-size) !important;
  }

  .fs-xxl-55 {
    --bs-body-font-size: 55px !important;
    font-size: var(--bs-body-font-size) !important;
  }

  .fs-xxl-56 {
    --bs-body-font-size: 56px !important;
    font-size: var(--bs-body-font-size) !important;
  }

  .fs-xxl-60 {
    --bs-body-font-size: 60px !important;
    font-size: var(--bs-body-font-size) !important;
  }

  .fs-xxl-72 {
    --bs-body-font-size: 72px !important;
    font-size: var(--bs-body-font-size) !important;
  }

  /* width */
  .w-xxl-65 {
    width: 65% !important;
  }

  .w-xxl-85 {
    width: 85% !important;
  }
}