@font-face {
    font-family: 'FactorB';
    src: url('/fonts/FactorB-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
  }
@font-face {
    font-family: 'FactorB';
    src: url('/fonts/FactorB-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
  }
:root {
  --color-yellow:#FDE843;
    --color-red: #E14458;
    --color-orange:#D56134;
    --color-purple:#A97CDF;
    --color-blue:#362FAE;
    --color-sky: #9DCDE7;
    --color-green:#069070;
    --color-lima:#BCEEC5;
    --color-gray:#C0C0C0;
    --color-salmon:#FFA3AC;
    --fontFamily-title: 'FactorB', sans-serif;
    --fontFamily-body: 'FactorB', sans-serif;
    --fontSize-body: 21px;
    --textColor: #000;
    --max-width:1225px;
}
* {box-sizing: border-box;}
html, body {
    font-family: var(--fontFamily-body);
    font-size: var( --fontSize-body);

}
p, ul, ol { line-height: 1.5;}

h1,h2,h3,h4,h5,h6,p.display-1, p.display-2 {
  margin: 0px;
  font-weight: 400;
}

.display-1 {font-size: clamp(1.3rem, 2vw, 40px)}
.display-2 {font-size: clamp(1.2rem, 3rem, 32px)}
/* .display-3 {font-size: clamp(1.4rem, 4rem, 32px)}
.display-4 {font-size: clamp(1.4rem, 4rem, 32px)} */

.lh-05 {
  line-height: .5 !important;
}

.lh-1 {
  line-height: 1 !important;
}
.lh-12 {
  line-height: 1.2 !important;
}
.lh-0 {
  line-height: 0 !important;
}
.lh-2 {
  line-height: 2 !important;
}
section {
  padding: 4vw 0px;
  position: relative;
  z-index: 1;
}
@media screen and (max-width:768px) {
  section {
    margin: 50px 0px !important;
    padding: 50px 0px !important;
  }
}
.cover {
  padding: 0px !important;
}

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

.fw-regular {
  font-weight: normal !important;
}

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

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

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

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

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

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

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

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

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

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


.m-1 { margin: 0.25rem !important; }
.m-2 { margin: 0.5rem !important; }
.m-3 { margin: 1rem !important; }
.m-4 { margin: 1.5rem !important; }
.m-5 { margin: 3rem !important; }

.mt-1 { margin-top: 0.25rem !important; }
.mt-2 { margin-top: 0.5rem !important; }
.mt-3 { margin-top: 1rem !important; }
.mt-4 { margin-top: 1.5rem !important; }
.mt-5 { margin-top: 3rem !important; }

.mr-1 { margin-right: 0.25rem !important; }
.mr-2 { margin-right: 0.5rem !important; }
.mr-3 { margin-right: 1rem !important; }
.mr-4 { margin-right: 1.5rem !important; }
.mr-5 { margin-right: 3rem !important; }

.mb-1 { margin-bottom: 0.25rem !important; }
.mb-2 { margin-bottom: 0.5rem !important; }
.mb-3 { margin-bottom: 1rem !important; }
.mb-4 { margin-bottom: 1.5rem !important; }
.mb-5 { margin-bottom: 3rem !important; }

.ml-1 { margin-left: 0.25rem !important; }
.ml-2 { margin-left: 0.5rem !important; }
.ml-3 { margin-left: 1rem !important; }
.ml-4 { margin-left: 1.5rem !important; }
.ml-5 { margin-left: 3rem !important; }

.mx-auto { margin-right: auto !important; margin-left: auto !important; }
.my-auto { margin-top: auto !important; margin-bottom: auto !important; }

.m-auto { margin: auto !important; }
.mt-auto { margin-top: auto !important; }
.mr-auto { margin-right: auto !important; }
.mb-auto { margin-bottom: auto !important; }
.ml-auto { margin-left: auto !important; }

.m-0 { margin: 0 !important; }
.mt-0 { margin-top: 0 !important; }
.mr-0 { margin-right: 0 !important; }
.mb-0 { margin-bottom: 0 !important; }
.ml-0 { margin-left: 0 !important; }