@media (max-width: 519px) {
  .desktop {
    display: none !important;
  }
}

@media (min-width: 520px) {
  .mobile {
    display: none !important;
  }
}

html {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-family: 'DM Sans', 'Segoe UI', 'Helvetica Neue', sans-serif;
  font-size: 100%;
  -webkit-font-smoothing: antialiased;
  box-sizing: border-box;
  margin: 0px;
  height: 100%;
}

body {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  box-sizing: border-box;
  margin: 0px;
  height: 100%;
}

.mobile {
  padding: 24px 0px;
  background-color: #292929;
}

.desktop {
  border-collapse: separate;
  padding: 32px 0px;
  border: 0;
  font: inherit;
  font-size: 100%;
  -webkit-font-smoothing: antialiased;
  box-sizing: border-box;
  min-width: 520px;
  position: relative;
  background-color: #292929;
  width: 100%;
}

.p {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  box-sizing: border-box;
  position: relative;
  align-self: stretch;
  font-weight: 200;
  color: #4a4a4a;
  text-align: center;
  letter-spacing: 0;
  line-height: 24px;
  width: 100%;
}

.span {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  -webkit-font-smoothing: antialiased;
  box-sizing: border-box;
  color: #4a4a4a;
}

.space-row {
  height: 32px;
}

.mobile .space-row {
  height: 24px;
}

/* style="height: 8px" */
.space-row-8 {
  height: 8px;
}

/* style="height: 12px" */
.space-row-12 {
  height: 12px;
}

.space-row-16 {
  height: 16px;
}

.logo {
  border-collapse: separate;
  padding: 16px;
  border: 0;
  font: inherit;
  font-size: 100%;
  -webkit-font-smoothing: antialiased;
  box-sizing: border-box;
  position: relative;
  text-align: left;
  height: 0px;
}

.mobile .logo {
  padding: 11.25px;
}

.logomark {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  -webkit-font-smoothing: antialiased;
  box-sizing: border-box;
  position: relative;
  width: 100%;
  height: 52px;
  text-align: left;
}

.logotype {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 24px;
  -webkit-font-smoothing: antialiased;
  box-sizing: border-box;
  position: relative;
  width: fit-content;
  font-family: 'Nunito', 'Segoe UI', 'Helvetica Neue', sans-serif;
  font-weight: 700;
  color: #4a4a4a;
  letter-spacing: 0;
  line-height: 24px;
  white-space: nowrap;
  text-align: left;
}

.mobile .logotype {
  font-size: 18px;
  line-height: 18px;
}

.hero-section {
  border-collapse: separate;
  padding: 40px 24px;
  border: 0;
  font: inherit;
  font-size: 100%;
  -webkit-font-smoothing: antialiased;
  box-sizing: border-box;
  position: relative;
  width: 100%;
  background-color: #FCFAF8;
  text-align: left;
  height: 0px;
}

.mobile .hero-section {
  padding: 24px;
}

.hero-section-content {
  border-collapse: separate;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  -webkit-font-smoothing: antialiased;
  box-sizing: border-box;
  max-width: 640px;
  position: relative;
  width: 100%;
  text-align: left;
}

.title-wrapper {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 34px;
  -webkit-font-smoothing: antialiased;
  box-sizing: border-box;
  position: relative;
  align-self: stretch;
  margin-top: -1px;
  font-weight: 600;
  color: #252323;
  text-align: center;
  letter-spacing: 0;
  line-height: 33.8px;
  width: 100%;
}

.title-wrapper-2 {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 26px;
  -webkit-font-smoothing: antialiased;
  box-sizing: border-box;
  position: relative;
  align-self: stretch;
  margin-top: -1px;
  font-weight: 600;
  color: #252323;
  text-align: center;
  letter-spacing: 0;
  line-height: 33.8px;
  width: 100%;
}

.mobile .title-wrapper {
  font-size: 22px;
  line-height: 28.6px;
}

.text-wrapper-2 {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  box-sizing: border-box;
  position: relative;
  width: fit-content;
  font-weight: 600;
  color: #ffffff;
  text-align: center;
  letter-spacing: 0;
  line-height: 21px;
  white-space: nowrap;
}

.text-wrapper-3 {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 18px;
  -webkit-font-smoothing: antialiased;
  box-sizing: border-box;
  position: relative;
  align-self: stretch;
  margin-top: -1px;
  font-weight: 600;
  color: #252323;
  letter-spacing: 0;
  line-height: 23.4px;
  width: 100%;
  text-align: left;
}

.mobile .text-wrapper-3 {
  font-size: 16px;
  line-height: 21px;
}

.text-wrapper-4 {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  box-sizing: border-box;
  position: relative;
  align-self: stretch;
  font-weight: 400;
  color: #4a4a4a;
  letter-spacing: 0;
  line-height: 24px;
  width: 100%;
  text-align: left;
}

.mobile .text-wrapper-4 {
  font-size: 14px;
  line-height: 19.6px;
}

.text-wrapper-5 {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 14px;
  -webkit-font-smoothing: antialiased;
  box-sizing: border-box;
  position: relative;
  width: fit-content;
  margin-top: -1px;
  font-weight: 700;
  color: #ED671B;
  text-align: center;
  letter-spacing: 0;
  line-height: 16.8px;
  white-space: nowrap;
}

.text-wrapper-6 {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 14px;
  -webkit-font-smoothing: antialiased;
  box-sizing: border-box;
  position: relative;
  align-self: stretch;
  font-weight: 400;
  color: #4a4a4a;
  text-align: center;
  letter-spacing: 0;
  line-height: 21px;
  width: 100%;
}

.text-wrapper-7 {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  -webkit-font-smoothing: antialiased;
  box-sizing: border-box;
  color: #ED671B;
}

.text-wrapper-8 {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 13px;
  -webkit-font-smoothing: antialiased;
  box-sizing: border-box;
  position: relative;
  width: fit-content;
  margin-top: -1px;
  font-weight: 400;
  color: #ED671B;
  text-align: center;
  letter-spacing: 0;
  line-height: 19.5px;
  white-space: nowrap;
}

.footer-wrapper {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 26px;
  font-weight: 600;
  -webkit-font-smoothing: antialiased;
  box-sizing: border-box;
  position: relative;
  align-self: stretch;
  /* color: #4a4a4a; */
  text-align: center;
  letter-spacing: 0;
  /* line-height: 21px; */
  width: 100%;
}

.image-holder {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  -webkit-font-smoothing: antialiased;
  box-sizing: border-box;
  position: relative;
  align-self: stretch;
  width: 100%;
  object-fit: cover;
  text-align: left;
}

.mobile .image-holder {
  height: 206px;
}

.button {
  border-collapse: separate;
  -webkit-font-smoothing: antialiased;
  box-sizing: border-box;
  height: 45px;
  padding: 0px 24px;
  background-color: #ED671B;
  border-radius: 8px;
  position: relative;
  text-align: left;
}

.button-2 {
  border-collapse: separate;
  -webkit-font-smoothing: antialiased;
  box-sizing: border-box;
  padding: 8px 0px;
  position: relative;
  text-align: left;
  height: 0px;
}

.blog-list-section {
  border-collapse: separate;
  padding: 0px 24px;
  border: 0;
  font: inherit;
  font-size: 100%;
  -webkit-font-smoothing: antialiased;
  box-sizing: border-box;
  position: relative;
  width: 100%;
  text-align: left;
}

table.card-row {
  border-collapse: separate;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  -webkit-font-smoothing: antialiased;
  box-sizing: border-box;
  max-width: 640px;
  position: relative;
  width: 100%;
  text-align: left;
  height: 0px;
}

.card {
  border-collapse: separate;
  padding: 0;
  border: 1px solid;
  font: inherit;
  font-size: 100%;
  -webkit-font-smoothing: antialiased;
  box-sizing: border-box;
  min-width: 180px;
  position: relative;
  border-radius: 8px;
  overflow: hidden;
  border-color: #d7d7d7;
  width: 100%;
  text-align: left;
}

.rectangle {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  -webkit-font-smoothing: antialiased;
  box-sizing: border-box;
  position: relative;
  align-self: stretch;
  width: 100%;
  object-fit: cover;
  text-align: left;
  max-height: 125px;
}

.frame {
  border-collapse: separate;
  padding: 16px;
  border: 0;
  font: inherit;
  font-size: 100%;
  -webkit-font-smoothing: antialiased;
  box-sizing: border-box;
  position: relative;
  width: 100%;
  text-align: left;
}

.title-subtitle {
  border-collapse: separate;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  -webkit-font-smoothing: antialiased;
  box-sizing: border-box;
  position: relative;
  width: 100%;
  text-align: left;
}

.caret-right {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  -webkit-font-smoothing: antialiased;
  box-sizing: border-box;
  position: relative;
  width: 14px;
  height: 14px;
  text-align: left;
}

/* Social section styles */
.social-text {
  border-collapse: separate;
  padding: 0px 24px;
  border: 0;
  font: inherit;
  font-size: 100%;
  -webkit-font-smoothing: antialiased;
  box-sizing: border-box;
  max-width: 640px;
  position: relative;
  width: 100%;
  text-align: left;
}

.social-links {
  border-collapse: separate;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  -webkit-font-smoothing: antialiased;
  box-sizing: border-box;
  position: relative;
  width: 100%;
  text-align: left;
  height: 0px;
}

.socials {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  -webkit-font-smoothing: antialiased;
  box-sizing: border-box;
  width: 24px;
  height: 24px;
  position: relative;
  text-align: left;
}

.footer {
  border-collapse: separate;
  padding: 0 24px;
  border: 0;
  font: inherit;
  font-size: 100%;
  -webkit-font-smoothing: antialiased;
  box-sizing: border-box;
  max-width: 640px;
  position: relative;
  width: 100%;
  /* background-color: transparent; */
  text-align: left;
}

.small-text {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 13px;
  -webkit-font-smoothing: antialiased;
  box-sizing: border-box;
  position: relative;
  align-self: stretch;
  margin-top: -1px;
  font-weight: 400;
  color: transparent;
  text-align: center;
  letter-spacing: 0;
  line-height: 19.5px;
  width: 100%;
}


.additional-info {
  border-collapse: separate;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  -webkit-font-smoothing: antialiased;
  box-sizing: border-box;
  position: relative;
  width: 100%;
  text-align: left;
  height: 0px;
}

.button-link {
  text-decoration: none;
}

/* <td style="padding: 0px; width: 50%"></td> */
.column-50 {
  position: relative;
  width: 50%;
}

.column-3 {
  position: relative;
  width: 33.33%;
}

/* <td style="width: 12px; min-width: 12px; padding: 0px"></td> */
.column-space {
  width: 12px;
  min-width: 12px;
  padding: 0px
}

/* <td style="width: 60px; min-width: 60px; padding: 0px"></td> */
.column-space-60px {
  width: 60px;
  min-width: 60px;
  padding: 0px
}

.column-space-8px {
  width: 8px;
  min-width: 8px;
  padding: 0px
}

.column-space-5_62px {
  width: 5.62px;
  min-width: 5.62px;
  padding: 0px
}

.social-icon { 
  position: relative; 
  width: 24px; 
  height: 24px;
}

/* style="position: relative; width: 100%" */
.container {
  position: relative;
  width: 100%;
}

/* style="height: 100%" */
.table-spacer {
  height: 100%
}

.list {
  list-style: decimal outside none;
  font: inherit;
  font-size: 14px;
  -webkit-font-smoothing: antialiased;
  box-sizing: border-box;
  position: relative;
  align-self: stretch;
  font-weight: 400;
  color: #4a4a4a;
  letter-spacing: 0;
  line-height: 21px;
  width: 100%;
  text-align: left;
}

.light-text {
  color:#d7d7d7 !important;
}

.text-link {
  color: #ED671B !important;
  text-decoration: none !important;
  font-weight: 600 !important;
}

.border-primary {
  border-color: #ED671B !important;
}

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

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