/**
* Below function is responsible to calculate the clamp value based on the received parameters
* $font-size-at-min-width - Required font size at minimum width of viewport
* $font-size-at-max-width - Required font size at minimum width of viewport
* $min-width - Minimum width of viewport
* $max-width - Maximum width of viewport
**/
/**
* Below function is responsible to generate the css variable and add to root.
* $suffix - this will be added to the end of the variable name.
* $variable-list - CSS map for list of required variables which include class/tag names and min/max values.
* $is-clamp-variable - Boolean indicating whether it's to generate clamp variable.
* $breakpoint - If this value is present then breakpoint based list will come.
**/
.fw-fw-100 {
  font-weight: var(--fw-100);
}

.fw-fw-200 {
  font-weight: var(--fw-200);
}

.fw-fw-300 {
  font-weight: var(--fw-300);
}

.fw-fw-400 {
  font-weight: var(--fw-400);
}

.fw-fw-450 {
  font-weight: var(--fw-450);
}

.fw-fw-500 {
  font-weight: var(--fw-500);
}

.fw-fw-600 {
  font-weight: var(--fw-600);
}

.fw-fw-700 {
  font-weight: var(--fw-700);
}

.fw-fw-800 {
  font-weight: var(--fw-800);
}

.fw-fw-900 {
  font-weight: var(--fw-900);
}

.text-heritage-red {
  color: var(--heritage-red);
}

.text-heritage-red-hover {
  color: var(--heritage-red-hover);
}

.text-onyx {
  color: var(--onyx);
}

.text-quartz {
  color: var(--quartz);
}

.text-alloy {
  color: var(--alloy);
}

.text-copper {
  color: var(--copper);
}

.text-light-quartz {
  color: var(--light-quartz);
}

.text-dark-stone {
  color: var(--dark-stone);
}

.text-medium-stone {
  color: var(--medium-stone);
}

.text-stone {
  color: var(--stone);
}

.text-medium-quartz {
  color: var(--medium-quartz);
}

.text-dark-quartz {
  color: var(--dark-quartz);
}

.text-grey {
  color: var(--grey);
}

.text-white {
  color: var(--white);
}

.text-dark {
  color: var(--dark);
}

.text-header {
  color: var(--header);
}

.text-gradient-1 {
  color: var(--gradient-1);
}

.bg-heritage-red {
  background-color: var(--heritage-red);
}

.bg-heritage-red-hover {
  background-color: var(--heritage-red-hover);
}

.bg-onyx {
  background-color: var(--onyx);
}

.bg-quartz {
  background-color: var(--quartz);
}

.bg-alloy {
  background-color: var(--alloy);
}

.bg-copper {
  background-color: var(--copper);
}

.bg-light-quartz {
  background-color: var(--light-quartz);
}

.bg-dark-stone {
  background-color: var(--dark-stone);
}

.bg-medium-stone {
  background-color: var(--medium-stone);
}

.bg-stone {
  background-color: var(--stone);
}

.bg-medium-quartz {
  background-color: var(--medium-quartz);
}

.bg-dark-quartz {
  background-color: var(--dark-quartz);
}

.bg-grey {
  background-color: var(--grey);
}

.bg-white {
  background-color: var(--white);
}

.bg-dark {
  background-color: var(--dark);
}

.bg-header {
  background-color: var(--header);
}

.bg-gradient-1 {
  background-color: var(--gradient-1);
}

.gap-lg-1 {
  gap: var(--lg-1);
}

.gap-lg-2 {
  gap: var(--lg-2);
}

.gap-lg-3 {
  gap: var(--lg-3);
}

.gap-lg-4 {
  gap: var(--lg-4);
}

.gap-md-1 {
  gap: var(--md-1);
}

.gap-md-2 {
  gap: var(--md-2);
}

.gap-md-3 {
  gap: var(--md-3);
}

.gap-md-4 {
  gap: var(--md-4);
}

.gap-sm-1 {
  gap: var(--sm-1);
}

.gap-sm-2 {
  gap: var(--sm-2);
}

.gap-sm-3 {
  gap: var(--sm-3);
}

.gap-sm-4 {
  gap: var(--sm-4);
}

.gap-xs-1 {
  gap: var(--xs-1);
}

.gap-xs-2 {
  gap: var(--xs-2);
}

.gap-auto {
  gap: auto;
}

.gap-0 {
  gap: 0;
}

.gap-10 {
  gap: 10px;
}

.gap-20 {
  gap: 20px;
}

.gap-30 {
  gap: 30px;
}

.gap-40 {
  gap: 40px;
}

.gap-50 {
  gap: 50px;
}

.gap-60 {
  gap: 60px;
}

.gap-70 {
  gap: 70px;
}

.gap-80 {
  gap: 80px;
}

.gap-90 {
  gap: 90px;
}

.gap-100 {
  gap: 100px;
}

.pe-lg-1 {
  padding-right: var(--lg-1);
}

.pe-lg-2 {
  padding-right: var(--lg-2);
}

.pe-lg-3 {
  padding-right: var(--lg-3);
}

.pe-lg-4 {
  padding-right: var(--lg-4);
}

.pe-md-1 {
  padding-right: var(--md-1);
}

.pe-md-2 {
  padding-right: var(--md-2);
}

.pe-md-3 {
  padding-right: var(--md-3);
}

.pe-md-4 {
  padding-right: var(--md-4);
}

.pe-sm-1 {
  padding-right: var(--sm-1);
}

.pe-sm-2 {
  padding-right: var(--sm-2);
}

.pe-sm-3 {
  padding-right: var(--sm-3);
}

.pe-sm-4 {
  padding-right: var(--sm-4);
}

.pe-xs-1 {
  padding-right: var(--xs-1);
}

.pe-xs-2 {
  padding-right: var(--xs-2);
}

.pe-auto {
  padding-right: auto;
}

.pe-0 {
  padding-right: 0;
}

.pe-10 {
  padding-right: 10px;
}

.pe-20 {
  padding-right: 20px;
}

.pe-30 {
  padding-right: 30px;
}

.pe-40 {
  padding-right: 40px;
}

.pe-50 {
  padding-right: 50px;
}

.pe-60 {
  padding-right: 60px;
}

.pe-70 {
  padding-right: 70px;
}

.pe-80 {
  padding-right: 80px;
}

.pe-90 {
  padding-right: 90px;
}

.pe-100 {
  padding-right: 100px;
}

.ps-lg-1 {
  padding-left: var(--lg-1);
}

.ps-lg-2 {
  padding-left: var(--lg-2);
}

.ps-lg-3 {
  padding-left: var(--lg-3);
}

.ps-lg-4 {
  padding-left: var(--lg-4);
}

.ps-md-1 {
  padding-left: var(--md-1);
}

.ps-md-2 {
  padding-left: var(--md-2);
}

.ps-md-3 {
  padding-left: var(--md-3);
}

.ps-md-4 {
  padding-left: var(--md-4);
}

.ps-sm-1 {
  padding-left: var(--sm-1);
}

.ps-sm-2 {
  padding-left: var(--sm-2);
}

.ps-sm-3 {
  padding-left: var(--sm-3);
}

.ps-sm-4 {
  padding-left: var(--sm-4);
}

.ps-xs-1 {
  padding-left: var(--xs-1);
}

.ps-xs-2 {
  padding-left: var(--xs-2);
}

.ps-auto {
  padding-left: auto;
}

.ps-0 {
  padding-left: 0;
}

.ps-10 {
  padding-left: 10px;
}

.ps-20 {
  padding-left: 20px;
}

.ps-30 {
  padding-left: 30px;
}

.ps-40 {
  padding-left: 40px;
}

.ps-50 {
  padding-left: 50px;
}

.ps-60 {
  padding-left: 60px;
}

.ps-70 {
  padding-left: 70px;
}

.ps-80 {
  padding-left: 80px;
}

.ps-90 {
  padding-left: 90px;
}

.ps-100 {
  padding-left: 100px;
}

.pb-lg-1 {
  padding-bottom: var(--lg-1);
}

.pb-lg-2 {
  padding-bottom: var(--lg-2);
}

.pb-lg-3 {
  padding-bottom: var(--lg-3);
}

.pb-lg-4 {
  padding-bottom: var(--lg-4);
}

.pb-md-1 {
  padding-bottom: var(--md-1);
}

.pb-md-2 {
  padding-bottom: var(--md-2);
}

.pb-md-3 {
  padding-bottom: var(--md-3);
}

.pb-md-4 {
  padding-bottom: var(--md-4);
}

.pb-sm-1 {
  padding-bottom: var(--sm-1);
}

.pb-sm-2 {
  padding-bottom: var(--sm-2);
}

.pb-sm-3 {
  padding-bottom: var(--sm-3);
}

.pb-sm-4 {
  padding-bottom: var(--sm-4);
}

.pb-xs-1 {
  padding-bottom: var(--xs-1);
}

.pb-xs-2 {
  padding-bottom: var(--xs-2);
}

.pb-auto {
  padding-bottom: auto;
}

.pb-0 {
  padding-bottom: 0;
}

.pb-10 {
  padding-bottom: 10px;
}

.pb-20 {
  padding-bottom: 20px;
}

.pb-30 {
  padding-bottom: 30px;
}

.pb-40 {
  padding-bottom: 40px;
}

.pb-50 {
  padding-bottom: 50px;
}

.pb-60 {
  padding-bottom: 60px;
}

.pb-70 {
  padding-bottom: 70px;
}

.pb-80 {
  padding-bottom: 80px;
}

.pb-90 {
  padding-bottom: 90px;
}

.pb-100 {
  padding-bottom: 100px;
}

.pt-lg-1 {
  padding-top: var(--lg-1);
}

.pt-lg-2 {
  padding-top: var(--lg-2);
}

.pt-lg-3 {
  padding-top: var(--lg-3);
}

.pt-lg-4 {
  padding-top: var(--lg-4);
}

.pt-md-1 {
  padding-top: var(--md-1);
}

.pt-md-2 {
  padding-top: var(--md-2);
}

.pt-md-3 {
  padding-top: var(--md-3);
}

.pt-md-4 {
  padding-top: var(--md-4);
}

.pt-sm-1 {
  padding-top: var(--sm-1);
}

.pt-sm-2 {
  padding-top: var(--sm-2);
}

.pt-sm-3 {
  padding-top: var(--sm-3);
}

.pt-sm-4 {
  padding-top: var(--sm-4);
}

.pt-xs-1 {
  padding-top: var(--xs-1);
}

.pt-xs-2 {
  padding-top: var(--xs-2);
}

.pt-auto {
  padding-top: auto;
}

.pt-0 {
  padding-top: 0;
}

.pt-10 {
  padding-top: 10px;
}

.pt-20 {
  padding-top: 20px;
}

.pt-30 {
  padding-top: 30px;
}

.pt-40 {
  padding-top: 40px;
}

.pt-50 {
  padding-top: 50px;
}

.pt-60 {
  padding-top: 60px;
}

.pt-70 {
  padding-top: 70px;
}

.pt-80 {
  padding-top: 80px;
}

.pt-90 {
  padding-top: 90px;
}

.pt-100 {
  padding-top: 100px;
}

.me-lg-1 {
  margin-right: var(--lg-1);
}

.me-lg-2 {
  margin-right: var(--lg-2);
}

.me-lg-3 {
  margin-right: var(--lg-3);
}

.me-lg-4 {
  margin-right: var(--lg-4);
}

.me-md-1 {
  margin-right: var(--md-1);
}

.me-md-2 {
  margin-right: var(--md-2);
}

.me-md-3 {
  margin-right: var(--md-3);
}

.me-md-4 {
  margin-right: var(--md-4);
}

.me-sm-1 {
  margin-right: var(--sm-1);
}

.me-sm-2 {
  margin-right: var(--sm-2);
}

.me-sm-3 {
  margin-right: var(--sm-3);
}

.me-sm-4 {
  margin-right: var(--sm-4);
}

.me-xs-1 {
  margin-right: var(--xs-1);
}

.me-xs-2 {
  margin-right: var(--xs-2);
}

.me-auto {
  margin-right: auto;
}

.me-0 {
  margin-right: 0;
}

.me-10 {
  margin-right: 10px;
}

.me-20 {
  margin-right: 20px;
}

.me-30 {
  margin-right: 30px;
}

.me-40 {
  margin-right: 40px;
}

.me-50 {
  margin-right: 50px;
}

.me-60 {
  margin-right: 60px;
}

.me-70 {
  margin-right: 70px;
}

.me-80 {
  margin-right: 80px;
}

.me-90 {
  margin-right: 90px;
}

.me-100 {
  margin-right: 100px;
}

.ms-lg-1 {
  margin-left: var(--lg-1);
}

.ms-lg-2 {
  margin-left: var(--lg-2);
}

.ms-lg-3 {
  margin-left: var(--lg-3);
}

.ms-lg-4 {
  margin-left: var(--lg-4);
}

.ms-md-1 {
  margin-left: var(--md-1);
}

.ms-md-2 {
  margin-left: var(--md-2);
}

.ms-md-3 {
  margin-left: var(--md-3);
}

.ms-md-4 {
  margin-left: var(--md-4);
}

.ms-sm-1 {
  margin-left: var(--sm-1);
}

.ms-sm-2 {
  margin-left: var(--sm-2);
}

.ms-sm-3 {
  margin-left: var(--sm-3);
}

.ms-sm-4 {
  margin-left: var(--sm-4);
}

.ms-xs-1 {
  margin-left: var(--xs-1);
}

.ms-xs-2 {
  margin-left: var(--xs-2);
}

.ms-auto {
  margin-left: auto;
}

.ms-0 {
  margin-left: 0;
}

.ms-10 {
  margin-left: 10px;
}

.ms-20 {
  margin-left: 20px;
}

.ms-30 {
  margin-left: 30px;
}

.ms-40 {
  margin-left: 40px;
}

.ms-50 {
  margin-left: 50px;
}

.ms-60 {
  margin-left: 60px;
}

.ms-70 {
  margin-left: 70px;
}

.ms-80 {
  margin-left: 80px;
}

.ms-90 {
  margin-left: 90px;
}

.ms-100 {
  margin-left: 100px;
}

.mb-lg-1 {
  margin-bottom: var(--lg-1);
}

.mb-lg-2 {
  margin-bottom: var(--lg-2);
}

.mb-lg-3 {
  margin-bottom: var(--lg-3);
}

.mb-lg-4 {
  margin-bottom: var(--lg-4);
}

.mb-md-1 {
  margin-bottom: var(--md-1);
}

.mb-md-2 {
  margin-bottom: var(--md-2);
}

.mb-md-3 {
  margin-bottom: var(--md-3);
}

.mb-md-4 {
  margin-bottom: var(--md-4);
}

.mb-sm-1 {
  margin-bottom: var(--sm-1);
}

.mb-sm-2 {
  margin-bottom: var(--sm-2);
}

.mb-sm-3 {
  margin-bottom: var(--sm-3);
}

.mb-sm-4 {
  margin-bottom: var(--sm-4);
}

.mb-xs-1 {
  margin-bottom: var(--xs-1);
}

.mb-xs-2 {
  margin-bottom: var(--xs-2);
}

.mb-auto {
  margin-bottom: auto;
}

.mb-0 {
  margin-bottom: 0;
}

.mb-10 {
  margin-bottom: 10px;
}

.mb-20 {
  margin-bottom: 20px;
}

.mb-30 {
  margin-bottom: 30px;
}

.mb-40 {
  margin-bottom: 40px;
}

.mb-50 {
  margin-bottom: 50px;
}

.mb-60 {
  margin-bottom: 60px;
}

.mb-70 {
  margin-bottom: 70px;
}

.mb-80 {
  margin-bottom: 80px;
}

.mb-90 {
  margin-bottom: 90px;
}

.mb-100 {
  margin-bottom: 100px;
}

.mt-lg-1 {
  margin-top: var(--lg-1);
}

.mt-lg-2 {
  margin-top: var(--lg-2);
}

.mt-lg-3 {
  margin-top: var(--lg-3);
}

.mt-lg-4 {
  margin-top: var(--lg-4);
}

.mt-md-1 {
  margin-top: var(--md-1);
}

.mt-md-2 {
  margin-top: var(--md-2);
}

.mt-md-3 {
  margin-top: var(--md-3);
}

.mt-md-4 {
  margin-top: var(--md-4);
}

.mt-sm-1 {
  margin-top: var(--sm-1);
}

.mt-sm-2 {
  margin-top: var(--sm-2);
}

.mt-sm-3 {
  margin-top: var(--sm-3);
}

.mt-sm-4 {
  margin-top: var(--sm-4);
}

.mt-xs-1 {
  margin-top: var(--xs-1);
}

.mt-xs-2 {
  margin-top: var(--xs-2);
}

.mt-auto {
  margin-top: auto;
}

.mt-0 {
  margin-top: 0;
}

.mt-10 {
  margin-top: 10px;
}

.mt-20 {
  margin-top: 20px;
}

.mt-30 {
  margin-top: 30px;
}

.mt-40 {
  margin-top: 40px;
}

.mt-50 {
  margin-top: 50px;
}

.mt-60 {
  margin-top: 60px;
}

.mt-70 {
  margin-top: 70px;
}

.mt-80 {
  margin-top: 80px;
}

.mt-90 {
  margin-top: 90px;
}

.mt-100 {
  margin-top: 100px;
}

.p-lg-1 {
  padding: var(--lg-1);
}

.p-lg-2 {
  padding: var(--lg-2);
}

.p-lg-3 {
  padding: var(--lg-3);
}

.p-lg-4 {
  padding: var(--lg-4);
}

.p-md-1 {
  padding: var(--md-1);
}

.p-md-2 {
  padding: var(--md-2);
}

.p-md-3 {
  padding: var(--md-3);
}

.p-md-4 {
  padding: var(--md-4);
}

.p-sm-1 {
  padding: var(--sm-1);
}

.p-sm-2 {
  padding: var(--sm-2);
}

.p-sm-3 {
  padding: var(--sm-3);
}

.p-sm-4 {
  padding: var(--sm-4);
}

.p-xs-1 {
  padding: var(--xs-1);
}

.p-xs-2 {
  padding: var(--xs-2);
}

.p-auto {
  padding: auto;
}

.p-0 {
  padding: 0;
}

.p-10 {
  padding: 10px;
}

.p-20 {
  padding: 20px;
}

.p-30 {
  padding: 30px;
}

.p-40 {
  padding: 40px;
}

.p-50 {
  padding: 50px;
}

.p-60 {
  padding: 60px;
}

.p-70 {
  padding: 70px;
}

.p-80 {
  padding: 80px;
}

.p-90 {
  padding: 90px;
}

.p-100 {
  padding: 100px;
}

.m-lg-1 {
  margin: var(--lg-1);
}

.m-lg-2 {
  margin: var(--lg-2);
}

.m-lg-3 {
  margin: var(--lg-3);
}

.m-lg-4 {
  margin: var(--lg-4);
}

.m-md-1 {
  margin: var(--md-1);
}

.m-md-2 {
  margin: var(--md-2);
}

.m-md-3 {
  margin: var(--md-3);
}

.m-md-4 {
  margin: var(--md-4);
}

.m-sm-1 {
  margin: var(--sm-1);
}

.m-sm-2 {
  margin: var(--sm-2);
}

.m-sm-3 {
  margin: var(--sm-3);
}

.m-sm-4 {
  margin: var(--sm-4);
}

.m-xs-1 {
  margin: var(--xs-1);
}

.m-xs-2 {
  margin: var(--xs-2);
}

.m-auto {
  margin: auto;
}

.m-0 {
  margin: 0;
}

.m-10 {
  margin: 10px;
}

.m-20 {
  margin: 20px;
}

.m-30 {
  margin: 30px;
}

.m-40 {
  margin: 40px;
}

.m-50 {
  margin: 50px;
}

.m-60 {
  margin: 60px;
}

.m-70 {
  margin: 70px;
}

.m-80 {
  margin: 80px;
}

.m-90 {
  margin: 90px;
}

.m-100 {
  margin: 100px;
}