@font-face {
  font-family: "Effra";
  src: url(../fonts/Effra_Rg.ttf) format("truetype");
  font-weight: 400;
}

@font-face {
  font-family: "Effra";
  src: url(../fonts/Effra-medium.ttf) format("truetype");
  font-weight: 600;
}

@font-face {
  font-family: "Effra";
  src: url(../fonts/alfont_com_AlFont_com_Dalton-Maag-Effra-Bold.ttf)
    format("truetype");
  font-weight: 700;
}
:root {
  font-family: "Effra";
  line-height: 1.5;
  color-scheme: light dark;
  color: #0f2837;
  background-color: #faf9f7;

  font-synthesis: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-text-size-adjust: 100%;
}

* {
  font-family: "Effra" !important;
  margin: 0;
  padding: 0;
}

.text-center.mb-4
  .py-4.flex.flex-row.gap-4.mx-auto.items-center
  span:nth-of-type(4) {
  display: none !important;
}

.section-wrapper {
  padding-top: 1px;
  background-color: #b41832;
}

.container-fluid.card.dashboard {
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
  background-color: white;
  margin-bottom: 50px;
}

form#formbuilder-form {
  padding: 10px 70px;
}

.form-fields input {
  border: 1px solid lightgray;
  width: 100%;
  padding: 10px;
}

.form-group {
  padding: 20px 0px;
  text-align: start;
}

.d-flex.submission-form-actions {
  padding-bottom: 20px !important;
}

.d-flex.submission-form-actions input {
  background-color: #b41933;
  padding: 8px 18px;
  border-radius: 2px;
  color: white;
}

h1 {
  font-size: 32px;
}

select#field-9,
#field-14,
#field-17,
#field-20,
#field-30,
#field-35,
#field-6,
#field-5 {
  border: 1px solid lightgray;
  padding: 10px;
  border-radius: 2px;
  width: 100%;
}

textarea#field-19,
textarea#field-29,
textarea#field-32 {
  border: 1px solid lightgray;
  width: 100%;
  height: 180px;
}

div#field-24 div label,
div#field-26 div label,
div#field-36 div label,
div#field-43 div label,
div#field-44 div label {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  padding: 10px 10px 0px 10px;
}

input#field-24_0,
input#field-24_1 {
  margin-top: 8px !important;
  max-width: 100px;
  margin-left: auto;
}

ul.error-list {
  color: red;
  background: #ff00001a;
  border: 2px solid red;
  margin: 10px 4px;
  text-align: start;
  padding: 8px 15px;
  max-width: 670px;
  margin-right: auto;
  margin-left: auto;
}

.form.form-wrapper.no-sections-navigation {
  padding-top: 20px;
  padding-bottom: 20px;
}

.errorlist {
  color: red;
}

.field-errors .errorlist {
  margin-top: 10px;
}

form input {
  background: white !important;
}
