* {
  font-family: "Montserrat", sans-serif !important;
}

/* Font Weight */
.fw-thin {
  font-weight: 100 !important;
}
.fw-extra-light {
  font-weight: 200 !important;
}
.fw-light {
  font-weight: 300 !important;
}
.fw-regular {
  font-weight: 400 !important;
} /* Normal */
.fw-medium {
  font-weight: 500 !important;
}
.fw-semi-bold {
  font-weight: 600 !important;
}
.fw-bold {
  font-weight: 700 !important;
}
.fw-extra-bold {
  font-weight: 800 !important;
}
.fw-black {
  font-weight: 900 !important;
}

/* Margins */
/* Margin - All Sides */
.m-0 {
  margin: 0 !important;
}
.m-4 {
  margin: 4px !important;
}
.m-8 {
  margin: 8px !important;
}
.m-12 {
  margin: 12px !important;
}
.m-16 {
  margin: 16px !important;
}
.m-24 {
  margin: 24px !important;
}
.m-32 {
  margin: 32px !important;
}
.m-40 {
  margin: 40px !important;
}
.m-48 {
  margin: 48px !important;
}
.m-56 {
  margin: 56px !important;
}
.m-64 {
  margin: 64px !important;
}

/* Margin - Top */
.mt-0 {
  margin-top: 0 !important;
}
.mt-4 {
  margin-top: 4px !important;
}
.mt-8 {
  margin-top: 8px !important;
}
.mt-12 {
  margin-top: 12px !important;
}
.mt-16 {
  margin-top: 16px !important;
}
.mt-24 {
  margin-top: 24px !important;
}
.mt-32 {
  margin-top: 32px !important;
}
.mt-40 {
  margin-top: 40px !important;
}
.mt-48 {
  margin-top: 48px !important;
}
.mt-56 {
  margin-top: 56px !important;
}
.mt-64 {
  margin-top: 64px !important;
}

/* Margin - Bottom */
.mb-0 {
  margin-bottom: 0 !important;
}
.mb-4 {
  margin-bottom: 4px !important;
}
.mb-8 {
  margin-bottom: 8px !important;
}
.mb-12 {
  margin-bottom: 12px !important;
}
.mb-16 {
  margin-bottom: 16px !important;
}
.mb-24 {
  margin-bottom: 24px !important;
}
.mb-32 {
  margin-bottom: 32px !important;
}
.mb-40 {
  margin-bottom: 40px !important;
}
.mb-48 {
  margin-bottom: 48px !important;
}
.mb-56 {
  margin-bottom: 56px !important;
}
.mb-64 {
  margin-bottom: 64px !important;
}

/* Margin - Left */
.ml-0 {
  margin-left: 0 !important;
}
.ml-4 {
  margin-left: 4px !important;
}
.ml-8 {
  margin-left: 8px !important;
}
.ml-12 {
  margin-left: 12px !important;
}
.ml-16 {
  margin-left: 16px !important;
}
.ml-24 {
  margin-left: 24px !important;
}
.ml-32 {
  margin-left: 32px !important;
}
.ml-40 {
  margin-left: 40px !important;
}
.ml-48 {
  margin-left: 48px !important;
}
.ml-56 {
  margin-left: 56px !important;
}
.ml-64 {
  margin-left: 64px !important;
}

/* Margin - Right */
.mr-0 {
  margin-right: 0 !important;
}
.mr-4 {
  margin-right: 4px !important;
}
.mr-8 {
  margin-right: 8px !important;
}
.mr-12 {
  margin-right: 12px !important;
}
.mr-16 {
  margin-right: 16px !important;
}
.mr-24 {
  margin-right: 24px !important;
}
.mr-32 {
  margin-right: 32px !important;
}
.mr-40 {
  margin-right: 40px !important;
}
.mr-48 {
  margin-right: 48px !important;
}
.mr-56 {
  margin-right: 56px !important;
}
.mr-64 {
  margin-right: 64px !important;
}

/* Margin - Vertical (Top & Bottom) */
.my-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.my-4 {
  margin-top: 4px !important;
  margin-bottom: 4px !important;
}
.my-8 {
  margin-top: 8px !important;
  margin-bottom: 8px !important;
}
.my-12 {
  margin-top: 12px !important;
  margin-bottom: 12px !important;
}
.my-16 {
  margin-top: 16px !important;
  margin-bottom: 16px !important;
}
.my-24 {
  margin-top: 24px !important;
  margin-bottom: 24px !important;
}
.my-32 {
  margin-top: 32px !important;
  margin-bottom: 32px !important;
}
.my-40 {
  margin-top: 40px !important;
  margin-bottom: 40px !important;
}
.my-48 {
  margin-top: 48px !important;
  margin-bottom: 48px !important;
}
.my-56 {
  margin-top: 56px !important;
  margin-bottom: 56px !important;
}
.my-64 {
  margin-top: 64px !important;
  margin-bottom: 64px !important;
}

/* Margin - Horizontal (Left & Right) */
.mx-0 {
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.mx-4 {
  margin-left: 4px !important;
  margin-right: 4px !important;
}
.mx-8 {
  margin-left: 8px !important;
  margin-right: 8px !important;
}
.mx-12 {
  margin-left: 12px !important;
  margin-right: 12px !important;
}
.mx-16 {
  margin-left: 16px !important;
  margin-right: 16px !important;
}
.mx-24 {
  margin-left: 24px !important;
  margin-right: 24px !important;
}
.mx-32 {
  margin-left: 32px !important;
  margin-right: 32px !important;
}
.mx-40 {
  margin-left: 40px !important;
  margin-right: 40px !important;
}
.mx-48 {
  margin-left: 48px !important;
  margin-right: 48px !important;
}
.mx-56 {
  margin-left: 56px !important;
  margin-right: 56px !important;
}
.mx-64 {
  margin-left: 64px !important;
  margin-right: 64px !important;
}

.welcome-container {
  border-radius: 8px;
  box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px,
    rgba(0, 0, 0, 0.08) 0px 0px 0px 1px !important;
}
.title {
  font-weight: 400 !important;
  padding: 0 !important;
  margin: 0 !important;
}

.description-container {
  box-shadow: rgba(14, 63, 126, 0.04) 0px 0px 0px 1px,
    rgba(42, 51, 69, 0.04) 0px 1px 1px -0.5px,
    rgba(42, 51, 70, 0.04) 0px 3px 3px -1.5px,
    rgba(42, 51, 70, 0.04) 0px 6px 6px -3px,
    rgba(14, 63, 126, 0.04) 0px 12px 12px -6px,
    rgba(14, 63, 126, 0.04) 0px 24px 24px -12px !important;
}

.border-outline {
  border-radius: 8px !important;
  border: 2px solid #dd7040;
  transition: transform 0.4s ease, box-shadow 0.4s ease;
  box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px,
    rgba(0, 0, 0, 0.08) 0px 0px 0px 1px !important;
}

.border-outline:hover {
  transform: scale(1.1);
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
}

.tag {
  border-radius: 8px !important;
}

.form-container {
  border: 1px solid #dd7040;
  border-radius: 8px;
  box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px,
    rgba(0, 0, 0, 0.08) 0px 0px 0px 1px !important;
}
