/* FLEXBOX */

.d-flex {
  display: flex !important;
}

.flex-d {
  flex-direction: column !important;
}

.flex-dr {
  flex-direction: row !important;
}

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

.justify-between {
  justify-content: space-between !important;
}

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

.flex-wrap {
  flex-wrap: wrap !important;
}

.bg-gray {
  background-color: #f9f9f9 !important;
}

/* SPASCING SETTING */

.ptb-07 {
  padding-top: 0.7rem;
  padding-bottom: 0.7rem;
}

.p-1 {
  padding: 1rem !important;
}

.p-2 {
  padding: 2rem !important;
}

.p-3 {
  padding: 3rem !important;
}

.p-4 {
  padding: 4rem !important;
}

.pt-4 {
  padding-top: 4rem !important;
}

.pb-0s {
  padding-bottom: 0.5rem !important;
}

.pt-0s {
  padding-top: 0.5rem !important;
}

.pb-4 {
  padding-bottom: 4rem !important;
}

.pr-1 {
  padding-right: 1rem !important;
}

.pl-1 {
  padding-left: 1rem !important;
}

.m-0 {
  margin: 0 auto !important;
}

.mt-2 {
  margin-top: 2rem !important;
}

.mt-4 {
  margin-top: 4rem;
}

.mt-6 {
  margin-top: 6rem !important;
}

.mt-8 {
  margin-top: 8rem !important;
}

.mt-10 {
  margin-top: 10rem !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.h-20 {
  height: 20vh !important;
}

.h-30 {
  height: 30vh !important;
}

.h-50 {
  height: 50vh !important;
}

.h-50p {
  height: 50% !important;
}

.h-100 {
  height: 100vh !important;
}

.h-100p {
  height: 100% !important;
}

.gap-0s {
  gap: 0.5rem !important;
}

.gap-1 {
  gap: 1rem !important;
}

.gap-2 {
  gap: 2rem !important;
}

.gap-4 {
  gap: 4rem !important;
}

.gap-6 {
  gap: 6rem !important;
}

.gap-8 {
  gap: 8rem !important;
}

.op-70 {
  opacity: 70%;
}

.scale09 {
  scale: 0.9;
}

/* FONTS SETTING */

p {
  margin: 0;
  font-size: 16px;
  line-height: 170%;
  font-weight: 500;
  color: rgb(90, 90, 90);
  letter-spacing: -0.3px;
}

h1 {
  color: #051d49;
  margin: 0;
  letter-spacing: -1px;
}

.lh-150 {
  line-height: 150% !important;
}

/* FONT SIZING */

.fs-30 {
  font-size: 30px !important;
}

.fs-35 {
  font-size: 35px !important;
}

.fs-40 {
  font-size: 40px !important;
}

/* COLORING */

.white {
  color: #fff;
}

.orange {
  color: #dd3d03;
}

.text-center {
  text-align: center !important;
}

span.orangegradient {
  background: #008869;
  background: linear-gradient(to bottom, #008869 54%, #dafff6 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.button-primary {
  width: 60%;
  padding: 0.8rem;
  background-color: #1faef9;
  color: #fff;
  font-weight: 500;
  font-size: 16px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  border-radius: 99px;
  text-decoration: none;
  text-align: center;
  gap: 1rem;
}

.button-secondary {
  width: 40%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  text-align: center;
  background-color: #008869;
  color: #fff;
  font-weight: 500;
  font-size: 16px;
  border-radius: 99px;
  text-decoration: none;
}

.button-primary:hover {
  background-color: #1b85be;
  transition: 0.3s;
}

.button-secondary:hover {
  background-color: #046851;
  transition: 0.3s;
}

.btn-cta:hover {
  background-color: #3dc972;
  transition: 0.3s;
}

.border-red {
  border: 1px solid red;
}

.border-green {
  border: 1px solid green;
}

.border-black {
  border: 1px solid black;
}

.border-black05 {
  border: 1px solid rgba(0, 0, 0, 0.082);
}

.b-radius-24 {
  border-radius: 24px;
}

.b-radius-32 {
  border-radius: 32px;
}

.b-radius-99 {
  border-radius: 99px;
}