ul.list-primary {
  list-style: none;
  margin-left: 0.7rem;

}
  /* Remove default bullets */

  ul.list-primary li::before {
    content: "\2022";
    color: var(--primary-color);
    font-weight: bold; /* If you want it to be bold */
    display: inline-block; /* Needed to add space between the bullet and the text */
    text-indent: -.7rem;
  }
.card__hint .hint-body-container {
  display: flex;
  flex-direction: row;
    transition: max-height 1s ease-in-out;

}
.card__hint .hint-body-container .hint-content {
  width: 66.666667%;

}
.card__hint .hint-body-container .hint-image {
  display: none;

}
.container-page .col-left.card__hint .hint-body-container .hint-image + .col-right {
  width: 100%;

}
.card__hint .hint-body-container .hint-image {
  overflow: hidden;

}
@media (min-width: 640px) {
      .card__hint .hint-body-container .hint-content {
    width: 66.666667%;

  }

      .card__hint .hint-body-container .hint-image {
    display: block;
    width: 33.333333%;
    align-self: flex-end;

  }
    }
.container-page {
  display: flex;
  width: 100%;

}
@media (min-width: 1024px) {
    .container-page .col-left {
    width: 50%;
    margin-right: 1.25rem;

  }

    .container-page .col-right {
    width: 50%;
    margin-left: 1.25rem;
    display: block;

  }
  }
.container-page .col-left.hidden + .col-right {
  width: 100%;

}
.card-list-item {
  display: flex;
  width: 100%;
  border-width: 1px;
  border-style: solid;
  margin-left: -1px;
  margin-right: -1px;
  width: calc(100% + 2px);
  border-color: var(--border-color);

}
.card-list-item .col-main {
  border-left-width: 4px;
    border-left-color: transparent;
    border-left-style: solid;
    padding-top: 1rem;
    padding-bottom: 1rem;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    display: flex;
    width: 100%;
    flex-grow: 0;
    flex-direction: column;

}
.card-list-item .col-main .label {
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 600;
  margin-bottom: 0.5rem;

}
.card-list-item .col-main a {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 700;
  line-height: 1.25;

}
.card-list-item .col-date {
  width: 8rem;
  flex-grow: 1;
  font-size: 0.75rem;
  line-height: 1rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
  padding-left: 0.25rem;
  padding-right: 0.25rem;

}
.card-list-item .col-actions {
  width: 3.5rem;
  flex-grow: 1;
  padding-top: 1rem;
  padding-bottom: 1rem;
  padding-left: 0.25rem;
  padding-right: 0.25rem;

}
.card-list-item.highlighted {
    border-left-color: var(--primary-color);
  }
.card-list-item.highlighted .col-main {
      border-color: var(--primary-color);
    }
/*border-color: var(--primary-darker-color);*/
/*background-color: var(--primary-light-color);*/
.card-list-item:hover .col-main {
      border-color: var(--primary-darker-color);
    }
.card-list-item:hover a,
    .card-list-item:hover a:hover,
    .card-list-item:hover span {
      color: var(--text-color);
    }
/*body[data-ac-activated] .container-item {*/
/*  &:hover {*/
/*    background-color: transparent;*/
/*    border-color: var(--primary-color);*/
/**/
/*    .col-main {*/
/*      border-color: var(--primary-color);*/
/*    }*/
/*  }*/
/*}*/
.form-group.has-error > label {
      color: var(--danger-dark-color)
    }
.required {
  color: var(--required-color);
}
.element-add-form {
  display: flex;
  flex-direction: row;

}
.element-add-form .form-action {
  margin-left: 1rem;
  margin-top: 1.25rem;
  display: flex;
  align-self: center;

}
.element-add-form .form-group.has-error + .form-action {
  margin-top: 0px;

}
.element-list {
  margin-bottom: 1rem;
  width: 66.666667%;

}
:root {
  --box-bg-color: var(--secondary-lightest-color);
  --box-border-color: var(--secondary-lightest-color);
  --box-divider-border-color: var(--secondary-lighter-color);
}
:root [data-ac-activated] {
  --box-bg-color: var(--bg-color);
  --box-border-color: var(--border-color);
  --box-divider-border-color: var(--border-color);
}
.box {
  border: 2px solid var(--box-border-color);
  background-color: var(--box-bg-color);
  word-break: break-word;
  margin-bottom: 0.5rem;
  display: flex;
  flex-direction: row;
  border-radius: 0.25rem;
  border-width: 1px;
}
.box-content {
  border-color: var(--box-divider-border-color);
  flex-grow: 1;
  padding: 0.75rem;
}
.box-actions {
  align-self: center;
  border-left-width: 1px;
  padding-right: 0.75rem;
  padding-left: 0.5rem;

}
.tela-startup {
  border: 2px solid #d8e1ea;
  display: flex;
  max-width: 750px;
  padding: 50px 43px 50px 50px;
}
.start {
  width: 700px;
  margin-bottom: -52px;
  margin-left: -50px;

  background: url(../img/foguete-start.svg);
  background-size: 300px;
  /*background-image: url('../img/foguete-start.svg');*/

  background-repeat: no-repeat;
  /*background-attachment: fixed;*/
  /*background-position: center top;*/
  background-position: bottom left;

}
.titulo-startup {
  font-size: 3.375rem !important;
}
@media only screen and (max-width: 600px) and (min-width: 320px) {
  .start {
    width: 0;
    margin: 0;
    background: none;
    text-align: left !important;
  }

    .start .titulo-startup {
      font-size: 2.375rem !important;
      text-align: left !important;

    }

    .start .subtitulo-startup {
      text-align: left !important;

    }
}
@media only screen and (max-width: 425px) {


  .titulo-startup {
    text-align: left !important;

    font-size: 2.175rem !important;

  }

  .subtitulo-startup {
    text-align: left !important;

  }
}
/* @tailwind base; */
.container {
  width: 100%;

}
@media (min-width: 640px) {

  .container {
    max-width: 640px;

  }

}
@media (min-width: 768px) {

  .container {
    max-width: 768px;

  }

}
@media (min-width: 1024px) {

  .container {
    max-width: 1024px;

  }

}
@media (min-width: 1280px) {

  .container {
    max-width: 1280px;

  }

}
@media (min-width: 1536px) {

  .container {
    max-width: 1536px;

  }

}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;

}
.visible {
  visibility: visible;

}
.invisible {
  visibility: hidden;

}
.collapse {
  visibility: collapse;

}
.static {
  position: static;

}
.absolute {
  position: absolute;

}
.relative {
  position: relative;

}
.float-right {
  float: right;

}
.m-0 {
  margin: 0px;

}
.m-3 {
  margin: 0.75rem;

}
.m-4 {
  margin: 1rem;

}
.m-auto {
  margin: auto;

}
.mx-0 {
  margin-left: 0px;
  margin-right: 0px;

}
.mx-1 {
  margin-left: 0.25rem;
  margin-right: 0.25rem;

}
.mx-2 {
  margin-left: 0.5rem;
  margin-right: 0.5rem;

}
.mx-3 {
  margin-left: 0.75rem;
  margin-right: 0.75rem;

}
.mx-auto {
  margin-left: auto;
  margin-right: auto;

}
.my-0 {
  margin-top: 0px;
  margin-bottom: 0px;

}
.my-1\.5 {
  margin-top: 0.375rem;
  margin-bottom: 0.375rem;

}
.my-2 {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;

}
.my-3 {
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;

}
.my-4 {
  margin-top: 1rem;
  margin-bottom: 1rem;

}
.my-5 {
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;

}
.my-8 {
  margin-top: 2rem;
  margin-bottom: 2rem;

}
.my-auto {
  margin-top: auto;
  margin-bottom: auto;

}
.mb-0 {
  margin-bottom: 0px;

}
.mb-1 {
  margin-bottom: 0.25rem;

}
.mb-2 {
  margin-bottom: 0.5rem;

}
.mb-3 {
  margin-bottom: 0.75rem;

}
.mb-4 {
  margin-bottom: 1rem;

}
.mb-\[20px\] {
  margin-bottom: 20px;

}
.ml-0 {
  margin-left: 0px;

}
.ml-1 {
  margin-left: 0.25rem;

}
.ml-2 {
  margin-left: 0.5rem;

}
.ml-3 {
  margin-left: 0.75rem;

}
.ml-4 {
  margin-left: 1rem;

}
.mr-1 {
  margin-right: 0.25rem;

}
.mr-2 {
  margin-right: 0.5rem;

}
.mr-3 {
  margin-right: 0.75rem;

}
.mr-4 {
  margin-right: 1rem;

}
.mr-5 {
  margin-right: 1.25rem;

}
.mr-\[100px\] {
  margin-right: 100px;

}
.mr-\[200px\] {
  margin-right: 200px;

}
.mr-auto {
  margin-right: auto;

}
.mt-0 {
  margin-top: 0px;

}
.mt-1 {
  margin-top: 0.25rem;

}
.mt-2 {
  margin-top: 0.5rem;

}
.mt-3 {
  margin-top: 0.75rem;

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

}
.mt-5 {
  margin-top: 1.25rem;

}
.mt-6 {
  margin-top: 1.5rem;

}
.box-content {
  box-sizing: content-box;

}
.block {
  display: block;

}
.inline {
  display: inline;

}
.flex {
  display: flex;

}
.table {
  display: table;

}
.grid {
  display: grid;

}
.hidden {
  display: none;

}
.h-\[60px\] {
  height: 60px;

}
.h-fit {
  height: -moz-fit-content;
  height: fit-content;

}
.max-h-96 {
  max-height: 24rem;

}
.w-1\/3 {
  width: 33.333333%;

}
.w-1\/4 {
  width: 25%;

}
.w-\[100\%\] {
  width: 100%;

}
.w-\[27\%\] {
  width: 27%;

}
.w-\[300px\] {
  width: 300px;

}
.w-\[50\%\] {
  width: 50%;

}
.w-\[50px\] {
  width: 50px;

}
.w-\[70\%\] {
  width: 70%;

}
.w-\[80\%\] {
  width: 80%;

}
.w-\[90\%\] {
  width: 90%;

}
.w-auto {
  width: auto;

}
.w-full {
  width: 100%;

}
.max-w-3xl {
  max-width: 48rem;

}
.max-w-fit {
  max-width: -moz-fit-content;
  max-width: fit-content;

}
.max-w-lg {
  max-width: 32rem;

}
.max-w-md {
  max-width: 28rem;

}
.max-w-screen-md {
  max-width: 768px;

}
.flex-grow {
  flex-grow: 1;

}
.flex-grow-0 {
  flex-grow: 0;

}
.border-collapse {
  border-collapse: collapse;

}
.transform {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));

}
.cursor-pointer {
  cursor: pointer;

}
.grid-cols-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr));

}
.grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));

}
.flex-row {
  flex-direction: row;

}
.flex-col {
  flex-direction: column;

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

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

}
.items-baseline {
  align-items: baseline;

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

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

}
.gap-0\.5 {
  gap: 0.125rem;

}
.gap-1 {
  gap: 0.25rem;

}
.gap-2 {
  gap: 0.5rem;

}
.gap-4 {
  gap: 1rem;

}
.space-x-0 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(0px * var(--tw-space-x-reverse));
  margin-left: calc(0px * calc(1 - var(--tw-space-x-reverse)));

}
.place-self-end {
  place-self: end;

}
.overflow-auto {
  overflow: auto;

}
.overflow-x-auto {
  overflow-x: auto;

}
.overflow-y-auto {
  overflow-y: auto;

}
.overflow-x-hidden {
  overflow-x: hidden;

}
.whitespace-nowrap {
  white-space: nowrap;

}
.rounded {
  border-radius: 0.25rem;

}
.rounded-lg {
  border-radius: 0.5rem;

}
.border {
  border-width: 1px;

}
.border-0 {
  border-width: 0px;

}
.bg-inherit {
  background-color: inherit;

}
.bg-white {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));

}
.p-0 {
  padding: 0px;

}
.p-1 {
  padding: 0.25rem;

}
.p-1\.5 {
  padding: 0.375rem;

}
.p-2 {
  padding: 0.5rem;

}
.p-3 {
  padding: 0.75rem;

}
.p-4 {
  padding: 1rem;

}
.p-5 {
  padding: 1.25rem;

}
.px-1 {
  padding-left: 0.25rem;
  padding-right: 0.25rem;

}
.px-2 {
  padding-left: 0.5rem;
  padding-right: 0.5rem;

}
.px-3 {
  padding-left: 0.75rem;
  padding-right: 0.75rem;

}
.px-4 {
  padding-left: 1rem;
  padding-right: 1rem;

}
.py-0 {
  padding-top: 0px;
  padding-bottom: 0px;

}
.py-1 {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;

}
.py-2 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;

}
.py-2\.5 {
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;

}
.py-3 {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;

}
.py-4 {
  padding-top: 1rem;
  padding-bottom: 1rem;

}
.pb-0 {
  padding-bottom: 0px;

}
.pb-1 {
  padding-bottom: 0.25rem;

}
.pb-2 {
  padding-bottom: 0.5rem;

}
.pb-3 {
  padding-bottom: 0.75rem;

}
.pb-4 {
  padding-bottom: 1rem;

}
.pb-6 {
  padding-bottom: 1.5rem;

}
.pl-0 {
  padding-left: 0px;

}
.pl-1 {
  padding-left: 0.25rem;

}
.pl-2 {
  padding-left: 0.5rem;

}
.pl-3 {
  padding-left: 0.75rem;

}
.pr-0 {
  padding-right: 0px;

}
.pr-1 {
  padding-right: 0.25rem;

}
.pr-2 {
  padding-right: 0.5rem;

}
.pr-4 {
  padding-right: 1rem;

}
.pr-6 {
  padding-right: 1.5rem;

}
.pt-0 {
  padding-top: 0px;

}
.pt-1 {
  padding-top: 0.25rem;

}
.pt-2 {
  padding-top: 0.5rem;

}
.pt-3 {
  padding-top: 0.75rem;

}
.pt-4 {
  padding-top: 1rem;

}
.pt-5 {
  padding-top: 1.25rem;

}
.text-left {
  text-align: left;

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

}
.text-right {
  text-align: right;

}
.align-middle {
  vertical-align: middle;

}
.text-lg {
  font-size: 1.125rem;
  line-height: 1.75rem;

}
.text-sm {
  font-size: 0.875rem;
  line-height: 1.25rem;

}
.text-xl {
  font-size: 1.25rem;
  line-height: 1.75rem;

}
.font-bold {
  font-weight: 700;

}
.font-semibold {
  font-weight: 600;

}
.capitalize {
  text-transform: capitalize;

}
.normal-case {
  text-transform: none;

}
.italic {
  font-style: italic;

}
.underline {
  text-decoration-line: underline;

}
.shadow {
  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);

}
.outline-0 {
  outline-width: 0px;

}
.filter {
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);

}
.no-results {
  width: 100%;
  padding: 3.5rem;
  text-align: center;

}
@media (min-width: 640px) {

  .sm\:block {
    display: block;

  }

  .sm\:grid {
    display: grid;

  }

  .sm\:hidden {
    display: none;

  }

  .sm\:grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));

  }

}
@media (min-width: 768px) {

  .md\:block {
    display: block;

  }

  .md\:flex {
    display: flex;

  }

  .md\:w-1\/2 {
    width: 50%;

  }

  .md\:w-1\/4 {
    width: 25%;

  }

  .md\:w-2\/5 {
    width: 40%;

  }

  .md\:w-72 {
    width: 18rem;

  }

  .md\:w-\[49\%\] {
    width: 49%;

  }

  .md\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));

  }

  .md\:px-5 {
    padding-left: 1.25rem;
    padding-right: 1.25rem;

  }

}
@media (min-width: 1024px) {

  .lg\:w-60 {
    width: 15rem;

  }

  .lg\:w-96 {
    width: 24rem;

  }

  .lg\:w-\[120px\] {
    width: 120px;

  }

  .lg\:w-\[49\%\] {
    width: 49%;

  }

  .lg\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));

  }

  .lg\:flex-row {
    flex-direction: row;

  }

}