@font-face {
  font-family: 'Montserrat';
  src: url(/assets/Montserrat/Montserrat-Regular-949efd65ba9a02a120d693ba6606767d990ee821c30fb59a1cb9a95d2c7882ff.ttf) format("truetype");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'Montserrat';
  src: url(/assets/Montserrat/Montserrat-Bold-1ccf938fb9495bf2f2a8b1eb1df2c1ebedfa0741a10141888eca7130abb3efc1.ttf) format("truetype");
  font-weight: 700;
  font-style: normal; }
html {
  font-family: Montserrat !important; }

header {
  padding: 10px;
  border-bottom: 2px solid var(--base-color); }
  header img {
    max-height: 60px; }
    @media (max-width: 639px) {
      header img {
        max-height: 50px; } }

footer {
  background-color: #F9F9F9;
  background-image: url(/assets/landing_pages/dots-766735a4d4db57d25cd591ef71148b83c96049031b8dd2ccadbfb37f79c6e60c.png);
  background-repeat: no-repeat;
  background-position: 300px 50px;
  background-size: 120px; }

.content-background {
  background-image: url(/assets/landing_pages/circul-e1eeaf95a075f83e251481b050d630090545a8da6d7ec32ef5da3d66a9bcceb1.svg), url(/assets/landing_pages/dots-766735a4d4db57d25cd591ef71148b83c96049031b8dd2ccadbfb37f79c6e60c.png), url(/assets/landing_pages/dots-766735a4d4db57d25cd591ef71148b83c96049031b8dd2ccadbfb37f79c6e60c.png);
  background-position: 100px 50px, 85% 50px, 18% 90%;
  background-repeat: no-repeat;
  background-size: 200px, 100px, 100px; }
  @media (max-width: 1199px) {
    .content-background {
      background-position: -100px 50px, 85% 30%, 5% 90%; } }

.footer-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 8px;
  padding-top: 32px;
  padding-bottom: 32px;
  font-size: 13px;
  text-align: center;
  border-top: 1px solid #e1e1e1;
  background: #fff; }

.footer-container p {
  margin-bottom: 0;
  max-width: 800px; }

.footer-container a {
  color: #da2343; }

.footer-container a:hover {
  text-decoration: underline; }

.main-content-grid {
  display: grid;
  grid-template-columns: .8fr 1.2fr;
  grid-gap: 30px;
  grid-template-areas: "form text";
  padding-top: 50px !important;
  padding-bottom: 50px !important; }
  .main-content-grid__with-image {
    grid-template-columns: 1fr 1fr;
    grid-template-areas: "text image" "form image"; }
  @media (max-width: 959px) {
    .main-content-grid {
      grid-gap: 10px;
      grid-template-columns: 1fr;
      grid-template-areas: "text" "form"; } }
  @media (max-width: 1199px) {
    .main-content-grid__with-image {
      grid-template-columns: 1.1fr .9fr;
      grid-template-areas: "text text" "form image"; } }
  @media (max-width: 639px) {
    .main-content-grid {
      grid-template-columns: 1fr;
      padding-top: 25px !important;
      padding-bottom: 25px !important; }
      .main-content-grid__with-image {
        grid-template-areas: "text" "form" "image"; }
        .main-content-grid__with-image .image-container {
          margin-top: -70px;
          margin-left: -15px;
          margin-right: -15px;
          z-index: 0; } }
  .main-content-grid .text-container {
    grid-area: text; }
  .main-content-grid .form-container {
    grid-area: form; }
  .main-content-grid .image-container {
    grid-area: image; }

.form-card {
  border-radius: 20px;
  border: 2px solid var(--base-color);
  background-color: #F9F9F9;
  padding: 15px 25px;
  z-index: 1; }

.uk-container {
  padding-top: 15px;
  padding-bottom: 15px; }

.cursor-pointer {
  cursor: pointer; }

*[uk-toggle][aria-expanded="true"] {
  display: none; }

form input.is-invalid {
  border-color: #f0506e; }
form .help-block {
  color: #f0506e;
  font-size: 12px; }
form fieldset {
  border: 0;
  margin: 0px;
  padding: 0px; }

.content-access-file {
  border: 1px solid #000000;
  background-color: #F9F9F9;
  border-radius: 10px;
  padding: 15px 20px;
  display: grid;
  grid-template-areas: "svg-icon title number-of-uses last-used download" "svg-icon metadata number-of-uses last-used download";
  grid-template-columns: 30px .8fr .5fr 1.5fr 1fr;
  align-items: center;
  gap: 0px 30px; }
  @media (max-width: 959px) {
    .content-access-file {
      grid-template-areas: "svg-icon title title" "svg-icon metadata metadata" "number-of-uses number-of-uses download" "last-used last-used download";
      grid-template-columns: 30px 1fr 1fr;
      gap: 0px 10px; } }
  @media (max-width: 639px) {
    .content-access-file {
      grid-template-areas: "svg-icon title" "metadata metadata" "number-of-uses number-of-uses" "last-used last-used" "download download";
      grid-template-columns: 30px 1fr;
      grid-template-rows: 1fr 20px 20px 40px 40px;
      gap: 10px; } }
  .content-access-file > :nth-child(1) {
    grid-area: svg-icon; }
  .content-access-file > :nth-child(2) {
    grid-area: title; }
  .content-access-file > :nth-child(3) {
    grid-area: metadata; }
  .content-access-file > :nth-child(4) {
    grid-area: number-of-uses; }
  .content-access-file > :nth-child(5) {
    grid-area: last-used; }
  .content-access-file > :nth-child(6) {
    grid-area: download; }

.disabled-button {
  color: #9B9B9B !important;
  border: 1px solid #9B9B9B !important;
  background-color: transparent !important; }
  .disabled-button:active {
    pointer-events: none; }