@import url(https://fonts.googleapis.com/css2?family=Sora:wght@100..800&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Kanit:ital,wght@0,300;0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap);
@charset "UTF-8";
* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  -webkit-appearence: none;
  -webkit-apparence: none;
  background: transparent;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-decoration: none;
  list-style: none;
}

main {
  max-width: 100vw;
  overflow-x: hidden;
}

button {
  border: 0 solid transparent;
}

.m_advanced_search__wrapper, .m_tox-cat__wrapper, .m_tox__wrapper, .m_jobs__wrapper, .m_protocols__wrapper, .m_publications__wrapper, .m_childs__wrapper, .m_faqs__wrapper, .m_map__wrapper, .m_facts_figures__wrapper, .m_form__wrapper, .m_video__wrapper, .m_news__wrapper, .m_columns__wrapper, .m_image__wrapper, .m_editor__wrapper, .m_textImg__wrapper, .m_hero, .m_search__wrapper, .m_article__related-header .wrapper, .m_archive__header, .bottombar__subfooter, .topbar__desktop .container, .grid--lg {
  max-width: 1400px;
  margin: 0 auto;
}

.m_archive__protocol .m_archive__container, .m_archive__tox_info .tox_results, .m_article__publication .wrapper, .m_tox-cat__container, .m_tox__container, .m_jobs__block, .m_protocols__container, .m_publications__container, .m_childs__container, .m_faqs__container, .m_facts_figures__container, .m_news__container, .m_columns__container, .m_textImg__block, .m_404__wrapper, .bottombar__wrapper, .m_panel, .grid-template, .grid {
  width: 100%;
  max-width: 1025px;
  margin: 0 auto;
  padding: 0;
  list-style: none;
}
@media screen and (min-width: 1025px) {
  .m_archive__protocol .m_archive__container, .m_archive__tox_info .tox_results, .m_article__publication .wrapper, .m_tox-cat__container, .m_tox__container, .m_jobs__block, .m_protocols__container, .m_publications__container, .m_childs__container, .m_faqs__container, .m_facts_figures__container, .m_news__container, .m_columns__container, .m_textImg__block, .m_404__wrapper, .bottombar__wrapper, .m_panel, .grid-template, .grid {
    max-width: 1400px;
    padding: 0;
  }
}
@supports (display: grid) {
  .m_archive__protocol .m_archive__container, .m_archive__tox_info .tox_results, .m_article__publication .wrapper, .m_tox-cat__container, .m_tox__container, .m_jobs__block, .m_protocols__container, .m_publications__container, .m_childs__container, .m_faqs__container, .m_facts_figures__container, .m_news__container, .m_columns__container, .m_textImg__block, .m_404__wrapper, .bottombar__wrapper, .m_panel, .grid-template, .grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-column-gap: 20px;
    grid-row-gap: 30px;
  }
  @media screen and (min-width: 1025px) {
    .m_archive__protocol .m_archive__container, .m_archive__tox_info .tox_results, .m_article__publication .wrapper, .m_tox-cat__container, .m_tox__container, .m_jobs__block, .m_protocols__container, .m_publications__container, .m_childs__container, .m_faqs__container, .m_facts_figures__container, .m_news__container, .m_columns__container, .m_textImg__block, .m_404__wrapper, .bottombar__wrapper, .m_panel, .grid-template, .grid {
      grid-template-columns: repeat(24, 1fr);
      grid-column-gap: 40px;
      grid-row-gap: 30px;
    }
  }
}
.grid--full {
  width: 100%;
  padding: 25px;
  list-style: none;
}
@media screen and (min-width: 1025px) {
  .grid--full {
    padding: 0;
  }
}
@supports (display: grid) {
  .grid--full {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-column-gap: 20px;
    grid-row-gap: 30px;
  }
  @media screen and (min-width: 1025px) {
    .grid--full {
      grid-template-columns: repeat(24, 1fr);
      grid-column-gap: 40px;
      grid-row-gap: 30px;
    }
  }
}
@supports (display: grid) {
  @media screen and (min-width: 0px) {
    .cs--1 {
      grid-column: auto/span 1;
    }
  }
}

@media screen and (min-width: 0px) {
  .rs--1 {
    grid-row: auto/span 1;
  }
}

@media screen and (min-width: 0px) {
  .os--1 {
    order: 1;
  }
}

@supports (display: grid) {
  @media screen and (min-width: 0px) {
    .cs--2 {
      grid-column: auto/span 2;
    }
  }
}

@media screen and (min-width: 0px) {
  .rs--2 {
    grid-row: auto/span 2;
  }
}

@media screen and (min-width: 0px) {
  .os--2 {
    order: 2;
  }
}

@supports (display: grid) {
  @media screen and (min-width: 0px) {
    .cs--3 {
      grid-column: auto/span 3;
    }
  }
}

@media screen and (min-width: 0px) {
  .rs--3 {
    grid-row: auto/span 3;
  }
}

@media screen and (min-width: 0px) {
  .os--3 {
    order: 3;
  }
}

@supports (display: grid) {
  @media screen and (min-width: 0px) {
    .cs--4 {
      grid-column: auto/span 4;
    }
  }
}

@media screen and (min-width: 0px) {
  .rs--4 {
    grid-row: auto/span 4;
  }
}

@media screen and (min-width: 0px) {
  .os--4 {
    order: 4;
  }
}

@supports (display: grid) {
  @media screen and (min-width: 0px) {
    .cs--5 {
      grid-column: auto/span 5;
    }
  }
}

@media screen and (min-width: 0px) {
  .rs--5 {
    grid-row: auto/span 5;
  }
}

@media screen and (min-width: 0px) {
  .os--5 {
    order: 5;
  }
}

@supports (display: grid) {
  @media screen and (min-width: 0px) {
    .cs--6 {
      grid-column: auto/span 6;
    }
  }
}

@media screen and (min-width: 0px) {
  .rs--6 {
    grid-row: auto/span 6;
  }
}

@media screen and (min-width: 0px) {
  .os--6 {
    order: 6;
  }
}

@supports (display: grid) {
  @media screen and (min-width: 0px) {
    .cs--7 {
      grid-column: auto/span 7;
    }
  }
}

@media screen and (min-width: 0px) {
  .rs--7 {
    grid-row: auto/span 7;
  }
}

@media screen and (min-width: 0px) {
  .os--7 {
    order: 7;
  }
}

@supports (display: grid) {
  @media screen and (min-width: 0px) {
    .cs--8 {
      grid-column: auto/span 8;
    }
  }
}

@media screen and (min-width: 0px) {
  .rs--8 {
    grid-row: auto/span 8;
  }
}

@media screen and (min-width: 0px) {
  .os--8 {
    order: 8;
  }
}

@supports (display: grid) {
  @media screen and (min-width: 0px) {
    .cs--9 {
      grid-column: auto/span 9;
    }
  }
}

@media screen and (min-width: 0px) {
  .rs--9 {
    grid-row: auto/span 9;
  }
}

@media screen and (min-width: 0px) {
  .os--9 {
    order: 9;
  }
}

@supports (display: grid) {
  @media screen and (min-width: 0px) {
    .cs--10 {
      grid-column: auto/span 10;
    }
  }
}

@media screen and (min-width: 0px) {
  .rs--10 {
    grid-row: auto/span 10;
  }
}

@media screen and (min-width: 0px) {
  .os--10 {
    order: 10;
  }
}

@supports (display: grid) {
  @media screen and (min-width: 0px) {
    .cs--11 {
      grid-column: auto/span 11;
    }
  }
}

@media screen and (min-width: 0px) {
  .rs--11 {
    grid-row: auto/span 11;
  }
}

@media screen and (min-width: 0px) {
  .os--11 {
    order: 11;
  }
}

@supports (display: grid) {
  @media screen and (min-width: 0px) {
    .cs--12 {
      grid-column: auto/span 12;
    }
  }
}

@media screen and (min-width: 0px) {
  .rs--12 {
    grid-row: auto/span 12;
  }
}

@media screen and (min-width: 0px) {
  .os--12 {
    order: 12;
  }
}

@supports (display: grid) {
  @media screen and (min-width: 0px) {
    .cs--13 {
      grid-column: auto/span 13;
    }
  }
}

@media screen and (min-width: 0px) {
  .rs--13 {
    grid-row: auto/span 13;
  }
}

@media screen and (min-width: 0px) {
  .os--13 {
    order: 13;
  }
}

@supports (display: grid) {
  @media screen and (min-width: 0px) {
    .cs--14 {
      grid-column: auto/span 14;
    }
  }
}

@media screen and (min-width: 0px) {
  .rs--14 {
    grid-row: auto/span 14;
  }
}

@media screen and (min-width: 0px) {
  .os--14 {
    order: 14;
  }
}

@supports (display: grid) {
  @media screen and (min-width: 0px) {
    .cs--15 {
      grid-column: auto/span 15;
    }
  }
}

@media screen and (min-width: 0px) {
  .rs--15 {
    grid-row: auto/span 15;
  }
}

@media screen and (min-width: 0px) {
  .os--15 {
    order: 15;
  }
}

@supports (display: grid) {
  @media screen and (min-width: 0px) {
    .cs--16 {
      grid-column: auto/span 16;
    }
  }
}

@media screen and (min-width: 0px) {
  .rs--16 {
    grid-row: auto/span 16;
  }
}

@media screen and (min-width: 0px) {
  .os--16 {
    order: 16;
  }
}

@supports (display: grid) {
  @media screen and (min-width: 0px) {
    .cs--17 {
      grid-column: auto/span 17;
    }
  }
}

@media screen and (min-width: 0px) {
  .rs--17 {
    grid-row: auto/span 17;
  }
}

@media screen and (min-width: 0px) {
  .os--17 {
    order: 17;
  }
}

@supports (display: grid) {
  @media screen and (min-width: 0px) {
    .cs--18 {
      grid-column: auto/span 18;
    }
  }
}

@media screen and (min-width: 0px) {
  .rs--18 {
    grid-row: auto/span 18;
  }
}

@media screen and (min-width: 0px) {
  .os--18 {
    order: 18;
  }
}

@supports (display: grid) {
  @media screen and (min-width: 0px) {
    .cs--19 {
      grid-column: auto/span 19;
    }
  }
}

@media screen and (min-width: 0px) {
  .rs--19 {
    grid-row: auto/span 19;
  }
}

@media screen and (min-width: 0px) {
  .os--19 {
    order: 19;
  }
}

@supports (display: grid) {
  @media screen and (min-width: 0px) {
    .cs--20 {
      grid-column: auto/span 20;
    }
  }
}

@media screen and (min-width: 0px) {
  .rs--20 {
    grid-row: auto/span 20;
  }
}

@media screen and (min-width: 0px) {
  .os--20 {
    order: 20;
  }
}

@supports (display: grid) {
  @media screen and (min-width: 0px) {
    .cs--21 {
      grid-column: auto/span 21;
    }
  }
}

@media screen and (min-width: 0px) {
  .rs--21 {
    grid-row: auto/span 21;
  }
}

@media screen and (min-width: 0px) {
  .os--21 {
    order: 21;
  }
}

@supports (display: grid) {
  @media screen and (min-width: 0px) {
    .cs--22 {
      grid-column: auto/span 22;
    }
  }
}

@media screen and (min-width: 0px) {
  .rs--22 {
    grid-row: auto/span 22;
  }
}

@media screen and (min-width: 0px) {
  .os--22 {
    order: 22;
  }
}

@supports (display: grid) {
  @media screen and (min-width: 0px) {
    .cs--23 {
      grid-column: auto/span 23;
    }
  }
}

@media screen and (min-width: 0px) {
  .rs--23 {
    grid-row: auto/span 23;
  }
}

@media screen and (min-width: 0px) {
  .os--23 {
    order: 23;
  }
}

@supports (display: grid) {
  @media screen and (min-width: 0px) {
    .cs--24 {
      grid-column: 1/-1;
    }
  }
}

@media screen and (min-width: 0px) {
  .rs--24 {
    grid-row: auto/span 24;
  }
}

@media screen and (min-width: 0px) {
  .os--24 {
    order: 24;
  }
}

@supports (display: grid) {
  @media screen and (min-width: 500px) {
    .cxs--1 {
      grid-column: auto/span 1;
    }
  }
}

@media screen and (min-width: 500px) {
  .rxs--1 {
    grid-row: auto/span 1;
  }
}

@media screen and (min-width: 500px) {
  .oxs--1 {
    order: 1;
  }
}

@supports (display: grid) {
  @media screen and (min-width: 500px) {
    .cxs--2 {
      grid-column: auto/span 2;
    }
  }
}

@media screen and (min-width: 500px) {
  .rxs--2 {
    grid-row: auto/span 2;
  }
}

@media screen and (min-width: 500px) {
  .oxs--2 {
    order: 2;
  }
}

@supports (display: grid) {
  @media screen and (min-width: 500px) {
    .cxs--3 {
      grid-column: auto/span 3;
    }
  }
}

@media screen and (min-width: 500px) {
  .rxs--3 {
    grid-row: auto/span 3;
  }
}

@media screen and (min-width: 500px) {
  .oxs--3 {
    order: 3;
  }
}

@supports (display: grid) {
  @media screen and (min-width: 500px) {
    .cxs--4 {
      grid-column: auto/span 4;
    }
  }
}

@media screen and (min-width: 500px) {
  .rxs--4 {
    grid-row: auto/span 4;
  }
}

@media screen and (min-width: 500px) {
  .oxs--4 {
    order: 4;
  }
}

@supports (display: grid) {
  @media screen and (min-width: 500px) {
    .cxs--5 {
      grid-column: auto/span 5;
    }
  }
}

@media screen and (min-width: 500px) {
  .rxs--5 {
    grid-row: auto/span 5;
  }
}

@media screen and (min-width: 500px) {
  .oxs--5 {
    order: 5;
  }
}

@supports (display: grid) {
  @media screen and (min-width: 500px) {
    .cxs--6 {
      grid-column: auto/span 6;
    }
  }
}

@media screen and (min-width: 500px) {
  .rxs--6 {
    grid-row: auto/span 6;
  }
}

@media screen and (min-width: 500px) {
  .oxs--6 {
    order: 6;
  }
}

@supports (display: grid) {
  @media screen and (min-width: 500px) {
    .cxs--7 {
      grid-column: auto/span 7;
    }
  }
}

@media screen and (min-width: 500px) {
  .rxs--7 {
    grid-row: auto/span 7;
  }
}

@media screen and (min-width: 500px) {
  .oxs--7 {
    order: 7;
  }
}

@supports (display: grid) {
  @media screen and (min-width: 500px) {
    .cxs--8 {
      grid-column: auto/span 8;
    }
  }
}

@media screen and (min-width: 500px) {
  .rxs--8 {
    grid-row: auto/span 8;
  }
}

@media screen and (min-width: 500px) {
  .oxs--8 {
    order: 8;
  }
}

@supports (display: grid) {
  @media screen and (min-width: 500px) {
    .cxs--9 {
      grid-column: auto/span 9;
    }
  }
}

@media screen and (min-width: 500px) {
  .rxs--9 {
    grid-row: auto/span 9;
  }
}

@media screen and (min-width: 500px) {
  .oxs--9 {
    order: 9;
  }
}

@supports (display: grid) {
  @media screen and (min-width: 500px) {
    .cxs--10 {
      grid-column: auto/span 10;
    }
  }
}

@media screen and (min-width: 500px) {
  .rxs--10 {
    grid-row: auto/span 10;
  }
}

@media screen and (min-width: 500px) {
  .oxs--10 {
    order: 10;
  }
}

@supports (display: grid) {
  @media screen and (min-width: 500px) {
    .cxs--11 {
      grid-column: auto/span 11;
    }
  }
}

@media screen and (min-width: 500px) {
  .rxs--11 {
    grid-row: auto/span 11;
  }
}

@media screen and (min-width: 500px) {
  .oxs--11 {
    order: 11;
  }
}

@supports (display: grid) {
  @media screen and (min-width: 500px) {
    .cxs--12 {
      grid-column: auto/span 12;
    }
  }
}

@media screen and (min-width: 500px) {
  .rxs--12 {
    grid-row: auto/span 12;
  }
}

@media screen and (min-width: 500px) {
  .oxs--12 {
    order: 12;
  }
}

@supports (display: grid) {
  @media screen and (min-width: 500px) {
    .cxs--13 {
      grid-column: auto/span 13;
    }
  }
}

@media screen and (min-width: 500px) {
  .rxs--13 {
    grid-row: auto/span 13;
  }
}

@media screen and (min-width: 500px) {
  .oxs--13 {
    order: 13;
  }
}

@supports (display: grid) {
  @media screen and (min-width: 500px) {
    .cxs--14 {
      grid-column: auto/span 14;
    }
  }
}

@media screen and (min-width: 500px) {
  .rxs--14 {
    grid-row: auto/span 14;
  }
}

@media screen and (min-width: 500px) {
  .oxs--14 {
    order: 14;
  }
}

@supports (display: grid) {
  @media screen and (min-width: 500px) {
    .cxs--15 {
      grid-column: auto/span 15;
    }
  }
}

@media screen and (min-width: 500px) {
  .rxs--15 {
    grid-row: auto/span 15;
  }
}

@media screen and (min-width: 500px) {
  .oxs--15 {
    order: 15;
  }
}

@supports (display: grid) {
  @media screen and (min-width: 500px) {
    .cxs--16 {
      grid-column: auto/span 16;
    }
  }
}

@media screen and (min-width: 500px) {
  .rxs--16 {
    grid-row: auto/span 16;
  }
}

@media screen and (min-width: 500px) {
  .oxs--16 {
    order: 16;
  }
}

@supports (display: grid) {
  @media screen and (min-width: 500px) {
    .cxs--17 {
      grid-column: auto/span 17;
    }
  }
}

@media screen and (min-width: 500px) {
  .rxs--17 {
    grid-row: auto/span 17;
  }
}

@media screen and (min-width: 500px) {
  .oxs--17 {
    order: 17;
  }
}

@supports (display: grid) {
  @media screen and (min-width: 500px) {
    .cxs--18 {
      grid-column: auto/span 18;
    }
  }
}

@media screen and (min-width: 500px) {
  .rxs--18 {
    grid-row: auto/span 18;
  }
}

@media screen and (min-width: 500px) {
  .oxs--18 {
    order: 18;
  }
}

@supports (display: grid) {
  @media screen and (min-width: 500px) {
    .cxs--19 {
      grid-column: auto/span 19;
    }
  }
}

@media screen and (min-width: 500px) {
  .rxs--19 {
    grid-row: auto/span 19;
  }
}

@media screen and (min-width: 500px) {
  .oxs--19 {
    order: 19;
  }
}

@supports (display: grid) {
  @media screen and (min-width: 500px) {
    .cxs--20 {
      grid-column: auto/span 20;
    }
  }
}

@media screen and (min-width: 500px) {
  .rxs--20 {
    grid-row: auto/span 20;
  }
}

@media screen and (min-width: 500px) {
  .oxs--20 {
    order: 20;
  }
}

@supports (display: grid) {
  @media screen and (min-width: 500px) {
    .cxs--21 {
      grid-column: auto/span 21;
    }
  }
}

@media screen and (min-width: 500px) {
  .rxs--21 {
    grid-row: auto/span 21;
  }
}

@media screen and (min-width: 500px) {
  .oxs--21 {
    order: 21;
  }
}

@supports (display: grid) {
  @media screen and (min-width: 500px) {
    .cxs--22 {
      grid-column: auto/span 22;
    }
  }
}

@media screen and (min-width: 500px) {
  .rxs--22 {
    grid-row: auto/span 22;
  }
}

@media screen and (min-width: 500px) {
  .oxs--22 {
    order: 22;
  }
}

@supports (display: grid) {
  @media screen and (min-width: 500px) {
    .cxs--23 {
      grid-column: auto/span 23;
    }
  }
}

@media screen and (min-width: 500px) {
  .rxs--23 {
    grid-row: auto/span 23;
  }
}

@media screen and (min-width: 500px) {
  .oxs--23 {
    order: 23;
  }
}

@supports (display: grid) {
  @media screen and (min-width: 500px) {
    .cxs--24 {
      grid-column: 1/-1;
    }
  }
}

@media screen and (min-width: 500px) {
  .rxs--24 {
    grid-row: auto/span 24;
  }
}

@media screen and (min-width: 500px) {
  .oxs--24 {
    order: 24;
  }
}

@supports (display: grid) {
  @media screen and (min-width: 600px) {
    .cxsl--1 {
      grid-column: auto/span 1;
    }
  }
}

@media screen and (min-width: 600px) {
  .rxsl--1 {
    grid-row: auto/span 1;
  }
}

@media screen and (min-width: 600px) {
  .oxsl--1 {
    order: 1;
  }
}

@supports (display: grid) {
  @media screen and (min-width: 600px) {
    .cxsl--2 {
      grid-column: auto/span 2;
    }
  }
}

@media screen and (min-width: 600px) {
  .rxsl--2 {
    grid-row: auto/span 2;
  }
}

@media screen and (min-width: 600px) {
  .oxsl--2 {
    order: 2;
  }
}

@supports (display: grid) {
  @media screen and (min-width: 600px) {
    .cxsl--3 {
      grid-column: auto/span 3;
    }
  }
}

@media screen and (min-width: 600px) {
  .rxsl--3 {
    grid-row: auto/span 3;
  }
}

@media screen and (min-width: 600px) {
  .oxsl--3 {
    order: 3;
  }
}

@supports (display: grid) {
  @media screen and (min-width: 600px) {
    .cxsl--4 {
      grid-column: auto/span 4;
    }
  }
}

@media screen and (min-width: 600px) {
  .rxsl--4 {
    grid-row: auto/span 4;
  }
}

@media screen and (min-width: 600px) {
  .oxsl--4 {
    order: 4;
  }
}

@supports (display: grid) {
  @media screen and (min-width: 600px) {
    .cxsl--5 {
      grid-column: auto/span 5;
    }
  }
}

@media screen and (min-width: 600px) {
  .rxsl--5 {
    grid-row: auto/span 5;
  }
}

@media screen and (min-width: 600px) {
  .oxsl--5 {
    order: 5;
  }
}

@supports (display: grid) {
  @media screen and (min-width: 600px) {
    .cxsl--6 {
      grid-column: auto/span 6;
    }
  }
}

@media screen and (min-width: 600px) {
  .rxsl--6 {
    grid-row: auto/span 6;
  }
}

@media screen and (min-width: 600px) {
  .oxsl--6 {
    order: 6;
  }
}

@supports (display: grid) {
  @media screen and (min-width: 600px) {
    .cxsl--7 {
      grid-column: auto/span 7;
    }
  }
}

@media screen and (min-width: 600px) {
  .rxsl--7 {
    grid-row: auto/span 7;
  }
}

@media screen and (min-width: 600px) {
  .oxsl--7 {
    order: 7;
  }
}

@supports (display: grid) {
  @media screen and (min-width: 600px) {
    .cxsl--8 {
      grid-column: auto/span 8;
    }
  }
}

@media screen and (min-width: 600px) {
  .rxsl--8 {
    grid-row: auto/span 8;
  }
}

@media screen and (min-width: 600px) {
  .oxsl--8 {
    order: 8;
  }
}

@supports (display: grid) {
  @media screen and (min-width: 600px) {
    .cxsl--9 {
      grid-column: auto/span 9;
    }
  }
}

@media screen and (min-width: 600px) {
  .rxsl--9 {
    grid-row: auto/span 9;
  }
}

@media screen and (min-width: 600px) {
  .oxsl--9 {
    order: 9;
  }
}

@supports (display: grid) {
  @media screen and (min-width: 600px) {
    .cxsl--10 {
      grid-column: auto/span 10;
    }
  }
}

@media screen and (min-width: 600px) {
  .rxsl--10 {
    grid-row: auto/span 10;
  }
}

@media screen and (min-width: 600px) {
  .oxsl--10 {
    order: 10;
  }
}

@supports (display: grid) {
  @media screen and (min-width: 600px) {
    .cxsl--11 {
      grid-column: auto/span 11;
    }
  }
}

@media screen and (min-width: 600px) {
  .rxsl--11 {
    grid-row: auto/span 11;
  }
}

@media screen and (min-width: 600px) {
  .oxsl--11 {
    order: 11;
  }
}

@supports (display: grid) {
  @media screen and (min-width: 600px) {
    .cxsl--12 {
      grid-column: auto/span 12;
    }
  }
}

@media screen and (min-width: 600px) {
  .rxsl--12 {
    grid-row: auto/span 12;
  }
}

@media screen and (min-width: 600px) {
  .oxsl--12 {
    order: 12;
  }
}

@supports (display: grid) {
  @media screen and (min-width: 600px) {
    .cxsl--13 {
      grid-column: auto/span 13;
    }
  }
}

@media screen and (min-width: 600px) {
  .rxsl--13 {
    grid-row: auto/span 13;
  }
}

@media screen and (min-width: 600px) {
  .oxsl--13 {
    order: 13;
  }
}

@supports (display: grid) {
  @media screen and (min-width: 600px) {
    .cxsl--14 {
      grid-column: auto/span 14;
    }
  }
}

@media screen and (min-width: 600px) {
  .rxsl--14 {
    grid-row: auto/span 14;
  }
}

@media screen and (min-width: 600px) {
  .oxsl--14 {
    order: 14;
  }
}

@supports (display: grid) {
  @media screen and (min-width: 600px) {
    .cxsl--15 {
      grid-column: auto/span 15;
    }
  }
}

@media screen and (min-width: 600px) {
  .rxsl--15 {
    grid-row: auto/span 15;
  }
}

@media screen and (min-width: 600px) {
  .oxsl--15 {
    order: 15;
  }
}

@supports (display: grid) {
  @media screen and (min-width: 600px) {
    .cxsl--16 {
      grid-column: auto/span 16;
    }
  }
}

@media screen and (min-width: 600px) {
  .rxsl--16 {
    grid-row: auto/span 16;
  }
}

@media screen and (min-width: 600px) {
  .oxsl--16 {
    order: 16;
  }
}

@supports (display: grid) {
  @media screen and (min-width: 600px) {
    .cxsl--17 {
      grid-column: auto/span 17;
    }
  }
}

@media screen and (min-width: 600px) {
  .rxsl--17 {
    grid-row: auto/span 17;
  }
}

@media screen and (min-width: 600px) {
  .oxsl--17 {
    order: 17;
  }
}

@supports (display: grid) {
  @media screen and (min-width: 600px) {
    .cxsl--18 {
      grid-column: auto/span 18;
    }
  }
}

@media screen and (min-width: 600px) {
  .rxsl--18 {
    grid-row: auto/span 18;
  }
}

@media screen and (min-width: 600px) {
  .oxsl--18 {
    order: 18;
  }
}

@supports (display: grid) {
  @media screen and (min-width: 600px) {
    .cxsl--19 {
      grid-column: auto/span 19;
    }
  }
}

@media screen and (min-width: 600px) {
  .rxsl--19 {
    grid-row: auto/span 19;
  }
}

@media screen and (min-width: 600px) {
  .oxsl--19 {
    order: 19;
  }
}

@supports (display: grid) {
  @media screen and (min-width: 600px) {
    .cxsl--20 {
      grid-column: auto/span 20;
    }
  }
}

@media screen and (min-width: 600px) {
  .rxsl--20 {
    grid-row: auto/span 20;
  }
}

@media screen and (min-width: 600px) {
  .oxsl--20 {
    order: 20;
  }
}

@supports (display: grid) {
  @media screen and (min-width: 600px) {
    .cxsl--21 {
      grid-column: auto/span 21;
    }
  }
}

@media screen and (min-width: 600px) {
  .rxsl--21 {
    grid-row: auto/span 21;
  }
}

@media screen and (min-width: 600px) {
  .oxsl--21 {
    order: 21;
  }
}

@supports (display: grid) {
  @media screen and (min-width: 600px) {
    .cxsl--22 {
      grid-column: auto/span 22;
    }
  }
}

@media screen and (min-width: 600px) {
  .rxsl--22 {
    grid-row: auto/span 22;
  }
}

@media screen and (min-width: 600px) {
  .oxsl--22 {
    order: 22;
  }
}

@supports (display: grid) {
  @media screen and (min-width: 600px) {
    .cxsl--23 {
      grid-column: auto/span 23;
    }
  }
}

@media screen and (min-width: 600px) {
  .rxsl--23 {
    grid-row: auto/span 23;
  }
}

@media screen and (min-width: 600px) {
  .oxsl--23 {
    order: 23;
  }
}

@supports (display: grid) {
  @media screen and (min-width: 600px) {
    .cxsl--24 {
      grid-column: 1/-1;
    }
  }
}

@media screen and (min-width: 600px) {
  .rxsl--24 {
    grid-row: auto/span 24;
  }
}

@media screen and (min-width: 600px) {
  .oxsl--24 {
    order: 24;
  }
}

@supports (display: grid) {
  @media screen and (min-width: 769px) {
    .csm--1 {
      grid-column: auto/span 1;
    }
  }
}

@media screen and (min-width: 769px) {
  .rsm--1 {
    grid-row: auto/span 1;
  }
}

@media screen and (min-width: 769px) {
  .osm--1 {
    order: 1;
  }
}

@supports (display: grid) {
  @media screen and (min-width: 769px) {
    .csm--2 {
      grid-column: auto/span 2;
    }
  }
}

@media screen and (min-width: 769px) {
  .rsm--2 {
    grid-row: auto/span 2;
  }
}

@media screen and (min-width: 769px) {
  .osm--2 {
    order: 2;
  }
}

@supports (display: grid) {
  @media screen and (min-width: 769px) {
    .csm--3 {
      grid-column: auto/span 3;
    }
  }
}

@media screen and (min-width: 769px) {
  .rsm--3 {
    grid-row: auto/span 3;
  }
}

@media screen and (min-width: 769px) {
  .osm--3 {
    order: 3;
  }
}

@supports (display: grid) {
  @media screen and (min-width: 769px) {
    .csm--4 {
      grid-column: auto/span 4;
    }
  }
}

@media screen and (min-width: 769px) {
  .rsm--4 {
    grid-row: auto/span 4;
  }
}

@media screen and (min-width: 769px) {
  .osm--4 {
    order: 4;
  }
}

@supports (display: grid) {
  @media screen and (min-width: 769px) {
    .csm--5 {
      grid-column: auto/span 5;
    }
  }
}

@media screen and (min-width: 769px) {
  .rsm--5 {
    grid-row: auto/span 5;
  }
}

@media screen and (min-width: 769px) {
  .osm--5 {
    order: 5;
  }
}

@supports (display: grid) {
  @media screen and (min-width: 769px) {
    .csm--6 {
      grid-column: auto/span 6;
    }
  }
}

@media screen and (min-width: 769px) {
  .rsm--6 {
    grid-row: auto/span 6;
  }
}

@media screen and (min-width: 769px) {
  .osm--6 {
    order: 6;
  }
}

@supports (display: grid) {
  @media screen and (min-width: 769px) {
    .csm--7 {
      grid-column: auto/span 7;
    }
  }
}

@media screen and (min-width: 769px) {
  .rsm--7 {
    grid-row: auto/span 7;
  }
}

@media screen and (min-width: 769px) {
  .osm--7 {
    order: 7;
  }
}

@supports (display: grid) {
  @media screen and (min-width: 769px) {
    .csm--8 {
      grid-column: auto/span 8;
    }
  }
}

@media screen and (min-width: 769px) {
  .rsm--8 {
    grid-row: auto/span 8;
  }
}

@media screen and (min-width: 769px) {
  .osm--8 {
    order: 8;
  }
}

@supports (display: grid) {
  @media screen and (min-width: 769px) {
    .csm--9 {
      grid-column: auto/span 9;
    }
  }
}

@media screen and (min-width: 769px) {
  .rsm--9 {
    grid-row: auto/span 9;
  }
}

@media screen and (min-width: 769px) {
  .osm--9 {
    order: 9;
  }
}

@supports (display: grid) {
  @media screen and (min-width: 769px) {
    .csm--10 {
      grid-column: auto/span 10;
    }
  }
}

@media screen and (min-width: 769px) {
  .rsm--10 {
    grid-row: auto/span 10;
  }
}

@media screen and (min-width: 769px) {
  .osm--10 {
    order: 10;
  }
}

@supports (display: grid) {
  @media screen and (min-width: 769px) {
    .csm--11 {
      grid-column: auto/span 11;
    }
  }
}

@media screen and (min-width: 769px) {
  .rsm--11 {
    grid-row: auto/span 11;
  }
}

@media screen and (min-width: 769px) {
  .osm--11 {
    order: 11;
  }
}

@supports (display: grid) {
  @media screen and (min-width: 769px) {
    .csm--12 {
      grid-column: auto/span 12;
    }
  }
}

@media screen and (min-width: 769px) {
  .rsm--12 {
    grid-row: auto/span 12;
  }
}

@media screen and (min-width: 769px) {
  .osm--12 {
    order: 12;
  }
}

@supports (display: grid) {
  @media screen and (min-width: 769px) {
    .csm--13 {
      grid-column: auto/span 13;
    }
  }
}

@media screen and (min-width: 769px) {
  .rsm--13 {
    grid-row: auto/span 13;
  }
}

@media screen and (min-width: 769px) {
  .osm--13 {
    order: 13;
  }
}

@supports (display: grid) {
  @media screen and (min-width: 769px) {
    .csm--14 {
      grid-column: auto/span 14;
    }
  }
}

@media screen and (min-width: 769px) {
  .rsm--14 {
    grid-row: auto/span 14;
  }
}

@media screen and (min-width: 769px) {
  .osm--14 {
    order: 14;
  }
}

@supports (display: grid) {
  @media screen and (min-width: 769px) {
    .csm--15 {
      grid-column: auto/span 15;
    }
  }
}

@media screen and (min-width: 769px) {
  .rsm--15 {
    grid-row: auto/span 15;
  }
}

@media screen and (min-width: 769px) {
  .osm--15 {
    order: 15;
  }
}

@supports (display: grid) {
  @media screen and (min-width: 769px) {
    .csm--16 {
      grid-column: auto/span 16;
    }
  }
}

@media screen and (min-width: 769px) {
  .rsm--16 {
    grid-row: auto/span 16;
  }
}

@media screen and (min-width: 769px) {
  .osm--16 {
    order: 16;
  }
}

@supports (display: grid) {
  @media screen and (min-width: 769px) {
    .csm--17 {
      grid-column: auto/span 17;
    }
  }
}

@media screen and (min-width: 769px) {
  .rsm--17 {
    grid-row: auto/span 17;
  }
}

@media screen and (min-width: 769px) {
  .osm--17 {
    order: 17;
  }
}

@supports (display: grid) {
  @media screen and (min-width: 769px) {
    .csm--18 {
      grid-column: auto/span 18;
    }
  }
}

@media screen and (min-width: 769px) {
  .rsm--18 {
    grid-row: auto/span 18;
  }
}

@media screen and (min-width: 769px) {
  .osm--18 {
    order: 18;
  }
}

@supports (display: grid) {
  @media screen and (min-width: 769px) {
    .csm--19 {
      grid-column: auto/span 19;
    }
  }
}

@media screen and (min-width: 769px) {
  .rsm--19 {
    grid-row: auto/span 19;
  }
}

@media screen and (min-width: 769px) {
  .osm--19 {
    order: 19;
  }
}

@supports (display: grid) {
  @media screen and (min-width: 769px) {
    .csm--20 {
      grid-column: auto/span 20;
    }
  }
}

@media screen and (min-width: 769px) {
  .rsm--20 {
    grid-row: auto/span 20;
  }
}

@media screen and (min-width: 769px) {
  .osm--20 {
    order: 20;
  }
}

@supports (display: grid) {
  @media screen and (min-width: 769px) {
    .csm--21 {
      grid-column: auto/span 21;
    }
  }
}

@media screen and (min-width: 769px) {
  .rsm--21 {
    grid-row: auto/span 21;
  }
}

@media screen and (min-width: 769px) {
  .osm--21 {
    order: 21;
  }
}

@supports (display: grid) {
  @media screen and (min-width: 769px) {
    .csm--22 {
      grid-column: auto/span 22;
    }
  }
}

@media screen and (min-width: 769px) {
  .rsm--22 {
    grid-row: auto/span 22;
  }
}

@media screen and (min-width: 769px) {
  .osm--22 {
    order: 22;
  }
}

@supports (display: grid) {
  @media screen and (min-width: 769px) {
    .csm--23 {
      grid-column: auto/span 23;
    }
  }
}

@media screen and (min-width: 769px) {
  .rsm--23 {
    grid-row: auto/span 23;
  }
}

@media screen and (min-width: 769px) {
  .osm--23 {
    order: 23;
  }
}

@supports (display: grid) {
  @media screen and (min-width: 769px) {
    .csm--24 {
      grid-column: 1/-1;
    }
  }
}

@media screen and (min-width: 769px) {
  .rsm--24 {
    grid-row: auto/span 24;
  }
}

@media screen and (min-width: 769px) {
  .osm--24 {
    order: 24;
  }
}

@supports (display: grid) {
  @media screen and (min-width: 980px) {
    .cmd--1 {
      grid-column: auto/span 1;
    }
  }
}

@media screen and (min-width: 980px) {
  .rmd--1 {
    grid-row: auto/span 1;
  }
}

@media screen and (min-width: 980px) {
  .omd--1 {
    order: 1;
  }
}

@supports (display: grid) {
  @media screen and (min-width: 980px) {
    .cmd--2 {
      grid-column: auto/span 2;
    }
  }
}

@media screen and (min-width: 980px) {
  .rmd--2 {
    grid-row: auto/span 2;
  }
}

@media screen and (min-width: 980px) {
  .omd--2 {
    order: 2;
  }
}

@supports (display: grid) {
  @media screen and (min-width: 980px) {
    .cmd--3 {
      grid-column: auto/span 3;
    }
  }
}

@media screen and (min-width: 980px) {
  .rmd--3 {
    grid-row: auto/span 3;
  }
}

@media screen and (min-width: 980px) {
  .omd--3 {
    order: 3;
  }
}

@supports (display: grid) {
  @media screen and (min-width: 980px) {
    .cmd--4 {
      grid-column: auto/span 4;
    }
  }
}

@media screen and (min-width: 980px) {
  .rmd--4 {
    grid-row: auto/span 4;
  }
}

@media screen and (min-width: 980px) {
  .omd--4 {
    order: 4;
  }
}

@supports (display: grid) {
  @media screen and (min-width: 980px) {
    .cmd--5 {
      grid-column: auto/span 5;
    }
  }
}

@media screen and (min-width: 980px) {
  .rmd--5 {
    grid-row: auto/span 5;
  }
}

@media screen and (min-width: 980px) {
  .omd--5 {
    order: 5;
  }
}

@supports (display: grid) {
  @media screen and (min-width: 980px) {
    .cmd--6 {
      grid-column: auto/span 6;
    }
  }
}

@media screen and (min-width: 980px) {
  .rmd--6 {
    grid-row: auto/span 6;
  }
}

@media screen and (min-width: 980px) {
  .omd--6 {
    order: 6;
  }
}

@supports (display: grid) {
  @media screen and (min-width: 980px) {
    .cmd--7 {
      grid-column: auto/span 7;
    }
  }
}

@media screen and (min-width: 980px) {
  .rmd--7 {
    grid-row: auto/span 7;
  }
}

@media screen and (min-width: 980px) {
  .omd--7 {
    order: 7;
  }
}

@supports (display: grid) {
  @media screen and (min-width: 980px) {
    .cmd--8 {
      grid-column: auto/span 8;
    }
  }
}

@media screen and (min-width: 980px) {
  .rmd--8 {
    grid-row: auto/span 8;
  }
}

@media screen and (min-width: 980px) {
  .omd--8 {
    order: 8;
  }
}

@supports (display: grid) {
  @media screen and (min-width: 980px) {
    .cmd--9 {
      grid-column: auto/span 9;
    }
  }
}

@media screen and (min-width: 980px) {
  .rmd--9 {
    grid-row: auto/span 9;
  }
}

@media screen and (min-width: 980px) {
  .omd--9 {
    order: 9;
  }
}

@supports (display: grid) {
  @media screen and (min-width: 980px) {
    .cmd--10 {
      grid-column: auto/span 10;
    }
  }
}

@media screen and (min-width: 980px) {
  .rmd--10 {
    grid-row: auto/span 10;
  }
}

@media screen and (min-width: 980px) {
  .omd--10 {
    order: 10;
  }
}

@supports (display: grid) {
  @media screen and (min-width: 980px) {
    .cmd--11 {
      grid-column: auto/span 11;
    }
  }
}

@media screen and (min-width: 980px) {
  .rmd--11 {
    grid-row: auto/span 11;
  }
}

@media screen and (min-width: 980px) {
  .omd--11 {
    order: 11;
  }
}

@supports (display: grid) {
  @media screen and (min-width: 980px) {
    .cmd--12 {
      grid-column: auto/span 12;
    }
  }
}

@media screen and (min-width: 980px) {
  .rmd--12 {
    grid-row: auto/span 12;
  }
}

@media screen and (min-width: 980px) {
  .omd--12 {
    order: 12;
  }
}

@supports (display: grid) {
  @media screen and (min-width: 980px) {
    .cmd--13 {
      grid-column: auto/span 13;
    }
  }
}

@media screen and (min-width: 980px) {
  .rmd--13 {
    grid-row: auto/span 13;
  }
}

@media screen and (min-width: 980px) {
  .omd--13 {
    order: 13;
  }
}

@supports (display: grid) {
  @media screen and (min-width: 980px) {
    .cmd--14 {
      grid-column: auto/span 14;
    }
  }
}

@media screen and (min-width: 980px) {
  .rmd--14 {
    grid-row: auto/span 14;
  }
}

@media screen and (min-width: 980px) {
  .omd--14 {
    order: 14;
  }
}

@supports (display: grid) {
  @media screen and (min-width: 980px) {
    .cmd--15 {
      grid-column: auto/span 15;
    }
  }
}

@media screen and (min-width: 980px) {
  .rmd--15 {
    grid-row: auto/span 15;
  }
}

@media screen and (min-width: 980px) {
  .omd--15 {
    order: 15;
  }
}

@supports (display: grid) {
  @media screen and (min-width: 980px) {
    .cmd--16 {
      grid-column: auto/span 16;
    }
  }
}

@media screen and (min-width: 980px) {
  .rmd--16 {
    grid-row: auto/span 16;
  }
}

@media screen and (min-width: 980px) {
  .omd--16 {
    order: 16;
  }
}

@supports (display: grid) {
  @media screen and (min-width: 980px) {
    .cmd--17 {
      grid-column: auto/span 17;
    }
  }
}

@media screen and (min-width: 980px) {
  .rmd--17 {
    grid-row: auto/span 17;
  }
}

@media screen and (min-width: 980px) {
  .omd--17 {
    order: 17;
  }
}

@supports (display: grid) {
  @media screen and (min-width: 980px) {
    .cmd--18 {
      grid-column: auto/span 18;
    }
  }
}

@media screen and (min-width: 980px) {
  .rmd--18 {
    grid-row: auto/span 18;
  }
}

@media screen and (min-width: 980px) {
  .omd--18 {
    order: 18;
  }
}

@supports (display: grid) {
  @media screen and (min-width: 980px) {
    .cmd--19 {
      grid-column: auto/span 19;
    }
  }
}

@media screen and (min-width: 980px) {
  .rmd--19 {
    grid-row: auto/span 19;
  }
}

@media screen and (min-width: 980px) {
  .omd--19 {
    order: 19;
  }
}

@supports (display: grid) {
  @media screen and (min-width: 980px) {
    .cmd--20 {
      grid-column: auto/span 20;
    }
  }
}

@media screen and (min-width: 980px) {
  .rmd--20 {
    grid-row: auto/span 20;
  }
}

@media screen and (min-width: 980px) {
  .omd--20 {
    order: 20;
  }
}

@supports (display: grid) {
  @media screen and (min-width: 980px) {
    .cmd--21 {
      grid-column: auto/span 21;
    }
  }
}

@media screen and (min-width: 980px) {
  .rmd--21 {
    grid-row: auto/span 21;
  }
}

@media screen and (min-width: 980px) {
  .omd--21 {
    order: 21;
  }
}

@supports (display: grid) {
  @media screen and (min-width: 980px) {
    .cmd--22 {
      grid-column: auto/span 22;
    }
  }
}

@media screen and (min-width: 980px) {
  .rmd--22 {
    grid-row: auto/span 22;
  }
}

@media screen and (min-width: 980px) {
  .omd--22 {
    order: 22;
  }
}

@supports (display: grid) {
  @media screen and (min-width: 980px) {
    .cmd--23 {
      grid-column: auto/span 23;
    }
  }
}

@media screen and (min-width: 980px) {
  .rmd--23 {
    grid-row: auto/span 23;
  }
}

@media screen and (min-width: 980px) {
  .omd--23 {
    order: 23;
  }
}

@supports (display: grid) {
  @media screen and (min-width: 980px) {
    .cmd--24 {
      grid-column: 1/-1;
    }
  }
}

@media screen and (min-width: 980px) {
  .rmd--24 {
    grid-row: auto/span 24;
  }
}

@media screen and (min-width: 980px) {
  .omd--24 {
    order: 24;
  }
}

@supports (display: grid) {
  @media screen and (min-width: 1025px) {
    .clg--1 {
      grid-column: auto/span 1;
    }
  }
}

@media screen and (min-width: 1025px) {
  .rlg--1 {
    grid-row: auto/span 1;
  }
}

@media screen and (min-width: 1025px) {
  .olg--1 {
    order: 1;
  }
}

@supports (display: grid) {
  @media screen and (min-width: 1025px) {
    .clg--2 {
      grid-column: auto/span 2;
    }
  }
}

@media screen and (min-width: 1025px) {
  .rlg--2 {
    grid-row: auto/span 2;
  }
}

@media screen and (min-width: 1025px) {
  .olg--2 {
    order: 2;
  }
}

@supports (display: grid) {
  @media screen and (min-width: 1025px) {
    .clg--3 {
      grid-column: auto/span 3;
    }
  }
}

@media screen and (min-width: 1025px) {
  .rlg--3 {
    grid-row: auto/span 3;
  }
}

@media screen and (min-width: 1025px) {
  .olg--3 {
    order: 3;
  }
}

@supports (display: grid) {
  @media screen and (min-width: 1025px) {
    .clg--4 {
      grid-column: auto/span 4;
    }
  }
}

@media screen and (min-width: 1025px) {
  .rlg--4 {
    grid-row: auto/span 4;
  }
}

@media screen and (min-width: 1025px) {
  .olg--4 {
    order: 4;
  }
}

@supports (display: grid) {
  @media screen and (min-width: 1025px) {
    .clg--5 {
      grid-column: auto/span 5;
    }
  }
}

@media screen and (min-width: 1025px) {
  .rlg--5 {
    grid-row: auto/span 5;
  }
}

@media screen and (min-width: 1025px) {
  .olg--5 {
    order: 5;
  }
}

@supports (display: grid) {
  @media screen and (min-width: 1025px) {
    .clg--6 {
      grid-column: auto/span 6;
    }
  }
}

@media screen and (min-width: 1025px) {
  .rlg--6 {
    grid-row: auto/span 6;
  }
}

@media screen and (min-width: 1025px) {
  .olg--6 {
    order: 6;
  }
}

@supports (display: grid) {
  @media screen and (min-width: 1025px) {
    .clg--7 {
      grid-column: auto/span 7;
    }
  }
}

@media screen and (min-width: 1025px) {
  .rlg--7 {
    grid-row: auto/span 7;
  }
}

@media screen and (min-width: 1025px) {
  .olg--7 {
    order: 7;
  }
}

@supports (display: grid) {
  @media screen and (min-width: 1025px) {
    .clg--8 {
      grid-column: auto/span 8;
    }
  }
}

@media screen and (min-width: 1025px) {
  .rlg--8 {
    grid-row: auto/span 8;
  }
}

@media screen and (min-width: 1025px) {
  .olg--8 {
    order: 8;
  }
}

@supports (display: grid) {
  @media screen and (min-width: 1025px) {
    .clg--9 {
      grid-column: auto/span 9;
    }
  }
}

@media screen and (min-width: 1025px) {
  .rlg--9 {
    grid-row: auto/span 9;
  }
}

@media screen and (min-width: 1025px) {
  .olg--9 {
    order: 9;
  }
}

@supports (display: grid) {
  @media screen and (min-width: 1025px) {
    .clg--10 {
      grid-column: auto/span 10;
    }
  }
}

@media screen and (min-width: 1025px) {
  .rlg--10 {
    grid-row: auto/span 10;
  }
}

@media screen and (min-width: 1025px) {
  .olg--10 {
    order: 10;
  }
}

@supports (display: grid) {
  @media screen and (min-width: 1025px) {
    .clg--11 {
      grid-column: auto/span 11;
    }
  }
}

@media screen and (min-width: 1025px) {
  .rlg--11 {
    grid-row: auto/span 11;
  }
}

@media screen and (min-width: 1025px) {
  .olg--11 {
    order: 11;
  }
}

@supports (display: grid) {
  @media screen and (min-width: 1025px) {
    .clg--12 {
      grid-column: auto/span 12;
    }
  }
}

@media screen and (min-width: 1025px) {
  .rlg--12 {
    grid-row: auto/span 12;
  }
}

@media screen and (min-width: 1025px) {
  .olg--12 {
    order: 12;
  }
}

@supports (display: grid) {
  @media screen and (min-width: 1025px) {
    .clg--13 {
      grid-column: auto/span 13;
    }
  }
}

@media screen and (min-width: 1025px) {
  .rlg--13 {
    grid-row: auto/span 13;
  }
}

@media screen and (min-width: 1025px) {
  .olg--13 {
    order: 13;
  }
}

@supports (display: grid) {
  @media screen and (min-width: 1025px) {
    .clg--14 {
      grid-column: auto/span 14;
    }
  }
}

@media screen and (min-width: 1025px) {
  .rlg--14 {
    grid-row: auto/span 14;
  }
}

@media screen and (min-width: 1025px) {
  .olg--14 {
    order: 14;
  }
}

@supports (display: grid) {
  @media screen and (min-width: 1025px) {
    .clg--15 {
      grid-column: auto/span 15;
    }
  }
}

@media screen and (min-width: 1025px) {
  .rlg--15 {
    grid-row: auto/span 15;
  }
}

@media screen and (min-width: 1025px) {
  .olg--15 {
    order: 15;
  }
}

@supports (display: grid) {
  @media screen and (min-width: 1025px) {
    .clg--16 {
      grid-column: auto/span 16;
    }
  }
}

@media screen and (min-width: 1025px) {
  .rlg--16 {
    grid-row: auto/span 16;
  }
}

@media screen and (min-width: 1025px) {
  .olg--16 {
    order: 16;
  }
}

@supports (display: grid) {
  @media screen and (min-width: 1025px) {
    .clg--17 {
      grid-column: auto/span 17;
    }
  }
}

@media screen and (min-width: 1025px) {
  .rlg--17 {
    grid-row: auto/span 17;
  }
}

@media screen and (min-width: 1025px) {
  .olg--17 {
    order: 17;
  }
}

@supports (display: grid) {
  @media screen and (min-width: 1025px) {
    .clg--18 {
      grid-column: auto/span 18;
    }
  }
}

@media screen and (min-width: 1025px) {
  .rlg--18 {
    grid-row: auto/span 18;
  }
}

@media screen and (min-width: 1025px) {
  .olg--18 {
    order: 18;
  }
}

@supports (display: grid) {
  @media screen and (min-width: 1025px) {
    .clg--19 {
      grid-column: auto/span 19;
    }
  }
}

@media screen and (min-width: 1025px) {
  .rlg--19 {
    grid-row: auto/span 19;
  }
}

@media screen and (min-width: 1025px) {
  .olg--19 {
    order: 19;
  }
}

@supports (display: grid) {
  @media screen and (min-width: 1025px) {
    .clg--20 {
      grid-column: auto/span 20;
    }
  }
}

@media screen and (min-width: 1025px) {
  .rlg--20 {
    grid-row: auto/span 20;
  }
}

@media screen and (min-width: 1025px) {
  .olg--20 {
    order: 20;
  }
}

@supports (display: grid) {
  @media screen and (min-width: 1025px) {
    .clg--21 {
      grid-column: auto/span 21;
    }
  }
}

@media screen and (min-width: 1025px) {
  .rlg--21 {
    grid-row: auto/span 21;
  }
}

@media screen and (min-width: 1025px) {
  .olg--21 {
    order: 21;
  }
}

@supports (display: grid) {
  @media screen and (min-width: 1025px) {
    .clg--22 {
      grid-column: auto/span 22;
    }
  }
}

@media screen and (min-width: 1025px) {
  .rlg--22 {
    grid-row: auto/span 22;
  }
}

@media screen and (min-width: 1025px) {
  .olg--22 {
    order: 22;
  }
}

@supports (display: grid) {
  @media screen and (min-width: 1025px) {
    .clg--23 {
      grid-column: auto/span 23;
    }
  }
}

@media screen and (min-width: 1025px) {
  .rlg--23 {
    grid-row: auto/span 23;
  }
}

@media screen and (min-width: 1025px) {
  .olg--23 {
    order: 23;
  }
}

@supports (display: grid) {
  @media screen and (min-width: 1025px) {
    .clg--24 {
      grid-column: 1/-1;
    }
  }
}

@media screen and (min-width: 1025px) {
  .rlg--24 {
    grid-row: auto/span 24;
  }
}

@media screen and (min-width: 1025px) {
  .olg--24 {
    order: 24;
  }
}

@supports (display: grid) {
  @media screen and (min-width: 1201px) {
    .cxl--1 {
      grid-column: auto/span 1;
    }
  }
}

@media screen and (min-width: 1201px) {
  .rxl--1 {
    grid-row: auto/span 1;
  }
}

@media screen and (min-width: 1201px) {
  .oxl--1 {
    order: 1;
  }
}

@supports (display: grid) {
  @media screen and (min-width: 1201px) {
    .cxl--2 {
      grid-column: auto/span 2;
    }
  }
}

@media screen and (min-width: 1201px) {
  .rxl--2 {
    grid-row: auto/span 2;
  }
}

@media screen and (min-width: 1201px) {
  .oxl--2 {
    order: 2;
  }
}

@supports (display: grid) {
  @media screen and (min-width: 1201px) {
    .cxl--3 {
      grid-column: auto/span 3;
    }
  }
}

@media screen and (min-width: 1201px) {
  .rxl--3 {
    grid-row: auto/span 3;
  }
}

@media screen and (min-width: 1201px) {
  .oxl--3 {
    order: 3;
  }
}

@supports (display: grid) {
  @media screen and (min-width: 1201px) {
    .cxl--4 {
      grid-column: auto/span 4;
    }
  }
}

@media screen and (min-width: 1201px) {
  .rxl--4 {
    grid-row: auto/span 4;
  }
}

@media screen and (min-width: 1201px) {
  .oxl--4 {
    order: 4;
  }
}

@supports (display: grid) {
  @media screen and (min-width: 1201px) {
    .cxl--5 {
      grid-column: auto/span 5;
    }
  }
}

@media screen and (min-width: 1201px) {
  .rxl--5 {
    grid-row: auto/span 5;
  }
}

@media screen and (min-width: 1201px) {
  .oxl--5 {
    order: 5;
  }
}

@supports (display: grid) {
  @media screen and (min-width: 1201px) {
    .cxl--6 {
      grid-column: auto/span 6;
    }
  }
}

@media screen and (min-width: 1201px) {
  .rxl--6 {
    grid-row: auto/span 6;
  }
}

@media screen and (min-width: 1201px) {
  .oxl--6 {
    order: 6;
  }
}

@supports (display: grid) {
  @media screen and (min-width: 1201px) {
    .cxl--7 {
      grid-column: auto/span 7;
    }
  }
}

@media screen and (min-width: 1201px) {
  .rxl--7 {
    grid-row: auto/span 7;
  }
}

@media screen and (min-width: 1201px) {
  .oxl--7 {
    order: 7;
  }
}

@supports (display: grid) {
  @media screen and (min-width: 1201px) {
    .cxl--8 {
      grid-column: auto/span 8;
    }
  }
}

@media screen and (min-width: 1201px) {
  .rxl--8 {
    grid-row: auto/span 8;
  }
}

@media screen and (min-width: 1201px) {
  .oxl--8 {
    order: 8;
  }
}

@supports (display: grid) {
  @media screen and (min-width: 1201px) {
    .cxl--9 {
      grid-column: auto/span 9;
    }
  }
}

@media screen and (min-width: 1201px) {
  .rxl--9 {
    grid-row: auto/span 9;
  }
}

@media screen and (min-width: 1201px) {
  .oxl--9 {
    order: 9;
  }
}

@supports (display: grid) {
  @media screen and (min-width: 1201px) {
    .cxl--10 {
      grid-column: auto/span 10;
    }
  }
}

@media screen and (min-width: 1201px) {
  .rxl--10 {
    grid-row: auto/span 10;
  }
}

@media screen and (min-width: 1201px) {
  .oxl--10 {
    order: 10;
  }
}

@supports (display: grid) {
  @media screen and (min-width: 1201px) {
    .cxl--11 {
      grid-column: auto/span 11;
    }
  }
}

@media screen and (min-width: 1201px) {
  .rxl--11 {
    grid-row: auto/span 11;
  }
}

@media screen and (min-width: 1201px) {
  .oxl--11 {
    order: 11;
  }
}

@supports (display: grid) {
  @media screen and (min-width: 1201px) {
    .cxl--12 {
      grid-column: auto/span 12;
    }
  }
}

@media screen and (min-width: 1201px) {
  .rxl--12 {
    grid-row: auto/span 12;
  }
}

@media screen and (min-width: 1201px) {
  .oxl--12 {
    order: 12;
  }
}

@supports (display: grid) {
  @media screen and (min-width: 1201px) {
    .cxl--13 {
      grid-column: auto/span 13;
    }
  }
}

@media screen and (min-width: 1201px) {
  .rxl--13 {
    grid-row: auto/span 13;
  }
}

@media screen and (min-width: 1201px) {
  .oxl--13 {
    order: 13;
  }
}

@supports (display: grid) {
  @media screen and (min-width: 1201px) {
    .cxl--14 {
      grid-column: auto/span 14;
    }
  }
}

@media screen and (min-width: 1201px) {
  .rxl--14 {
    grid-row: auto/span 14;
  }
}

@media screen and (min-width: 1201px) {
  .oxl--14 {
    order: 14;
  }
}

@supports (display: grid) {
  @media screen and (min-width: 1201px) {
    .cxl--15 {
      grid-column: auto/span 15;
    }
  }
}

@media screen and (min-width: 1201px) {
  .rxl--15 {
    grid-row: auto/span 15;
  }
}

@media screen and (min-width: 1201px) {
  .oxl--15 {
    order: 15;
  }
}

@supports (display: grid) {
  @media screen and (min-width: 1201px) {
    .cxl--16 {
      grid-column: auto/span 16;
    }
  }
}

@media screen and (min-width: 1201px) {
  .rxl--16 {
    grid-row: auto/span 16;
  }
}

@media screen and (min-width: 1201px) {
  .oxl--16 {
    order: 16;
  }
}

@supports (display: grid) {
  @media screen and (min-width: 1201px) {
    .cxl--17 {
      grid-column: auto/span 17;
    }
  }
}

@media screen and (min-width: 1201px) {
  .rxl--17 {
    grid-row: auto/span 17;
  }
}

@media screen and (min-width: 1201px) {
  .oxl--17 {
    order: 17;
  }
}

@supports (display: grid) {
  @media screen and (min-width: 1201px) {
    .cxl--18 {
      grid-column: auto/span 18;
    }
  }
}

@media screen and (min-width: 1201px) {
  .rxl--18 {
    grid-row: auto/span 18;
  }
}

@media screen and (min-width: 1201px) {
  .oxl--18 {
    order: 18;
  }
}

@supports (display: grid) {
  @media screen and (min-width: 1201px) {
    .cxl--19 {
      grid-column: auto/span 19;
    }
  }
}

@media screen and (min-width: 1201px) {
  .rxl--19 {
    grid-row: auto/span 19;
  }
}

@media screen and (min-width: 1201px) {
  .oxl--19 {
    order: 19;
  }
}

@supports (display: grid) {
  @media screen and (min-width: 1201px) {
    .cxl--20 {
      grid-column: auto/span 20;
    }
  }
}

@media screen and (min-width: 1201px) {
  .rxl--20 {
    grid-row: auto/span 20;
  }
}

@media screen and (min-width: 1201px) {
  .oxl--20 {
    order: 20;
  }
}

@supports (display: grid) {
  @media screen and (min-width: 1201px) {
    .cxl--21 {
      grid-column: auto/span 21;
    }
  }
}

@media screen and (min-width: 1201px) {
  .rxl--21 {
    grid-row: auto/span 21;
  }
}

@media screen and (min-width: 1201px) {
  .oxl--21 {
    order: 21;
  }
}

@supports (display: grid) {
  @media screen and (min-width: 1201px) {
    .cxl--22 {
      grid-column: auto/span 22;
    }
  }
}

@media screen and (min-width: 1201px) {
  .rxl--22 {
    grid-row: auto/span 22;
  }
}

@media screen and (min-width: 1201px) {
  .oxl--22 {
    order: 22;
  }
}

@supports (display: grid) {
  @media screen and (min-width: 1201px) {
    .cxl--23 {
      grid-column: auto/span 23;
    }
  }
}

@media screen and (min-width: 1201px) {
  .rxl--23 {
    grid-row: auto/span 23;
  }
}

@media screen and (min-width: 1201px) {
  .oxl--23 {
    order: 23;
  }
}

@supports (display: grid) {
  @media screen and (min-width: 1201px) {
    .cxl--24 {
      grid-column: 1/-1;
    }
  }
}

@media screen and (min-width: 1201px) {
  .rxl--24 {
    grid-row: auto/span 24;
  }
}

@media screen and (min-width: 1201px) {
  .oxl--24 {
    order: 24;
  }
}

@supports (display: grid) {
  @media screen and (min-width: 1441px) {
    .cxxl--1 {
      grid-column: auto/span 1;
    }
  }
}

@media screen and (min-width: 1441px) {
  .rxxl--1 {
    grid-row: auto/span 1;
  }
}

@media screen and (min-width: 1441px) {
  .oxxl--1 {
    order: 1;
  }
}

@supports (display: grid) {
  @media screen and (min-width: 1441px) {
    .cxxl--2 {
      grid-column: auto/span 2;
    }
  }
}

@media screen and (min-width: 1441px) {
  .rxxl--2 {
    grid-row: auto/span 2;
  }
}

@media screen and (min-width: 1441px) {
  .oxxl--2 {
    order: 2;
  }
}

@supports (display: grid) {
  @media screen and (min-width: 1441px) {
    .cxxl--3 {
      grid-column: auto/span 3;
    }
  }
}

@media screen and (min-width: 1441px) {
  .rxxl--3 {
    grid-row: auto/span 3;
  }
}

@media screen and (min-width: 1441px) {
  .oxxl--3 {
    order: 3;
  }
}

@supports (display: grid) {
  @media screen and (min-width: 1441px) {
    .cxxl--4 {
      grid-column: auto/span 4;
    }
  }
}

@media screen and (min-width: 1441px) {
  .rxxl--4 {
    grid-row: auto/span 4;
  }
}

@media screen and (min-width: 1441px) {
  .oxxl--4 {
    order: 4;
  }
}

@supports (display: grid) {
  @media screen and (min-width: 1441px) {
    .cxxl--5 {
      grid-column: auto/span 5;
    }
  }
}

@media screen and (min-width: 1441px) {
  .rxxl--5 {
    grid-row: auto/span 5;
  }
}

@media screen and (min-width: 1441px) {
  .oxxl--5 {
    order: 5;
  }
}

@supports (display: grid) {
  @media screen and (min-width: 1441px) {
    .cxxl--6 {
      grid-column: auto/span 6;
    }
  }
}

@media screen and (min-width: 1441px) {
  .rxxl--6 {
    grid-row: auto/span 6;
  }
}

@media screen and (min-width: 1441px) {
  .oxxl--6 {
    order: 6;
  }
}

@supports (display: grid) {
  @media screen and (min-width: 1441px) {
    .cxxl--7 {
      grid-column: auto/span 7;
    }
  }
}

@media screen and (min-width: 1441px) {
  .rxxl--7 {
    grid-row: auto/span 7;
  }
}

@media screen and (min-width: 1441px) {
  .oxxl--7 {
    order: 7;
  }
}

@supports (display: grid) {
  @media screen and (min-width: 1441px) {
    .cxxl--8 {
      grid-column: auto/span 8;
    }
  }
}

@media screen and (min-width: 1441px) {
  .rxxl--8 {
    grid-row: auto/span 8;
  }
}

@media screen and (min-width: 1441px) {
  .oxxl--8 {
    order: 8;
  }
}

@supports (display: grid) {
  @media screen and (min-width: 1441px) {
    .cxxl--9 {
      grid-column: auto/span 9;
    }
  }
}

@media screen and (min-width: 1441px) {
  .rxxl--9 {
    grid-row: auto/span 9;
  }
}

@media screen and (min-width: 1441px) {
  .oxxl--9 {
    order: 9;
  }
}

@supports (display: grid) {
  @media screen and (min-width: 1441px) {
    .cxxl--10 {
      grid-column: auto/span 10;
    }
  }
}

@media screen and (min-width: 1441px) {
  .rxxl--10 {
    grid-row: auto/span 10;
  }
}

@media screen and (min-width: 1441px) {
  .oxxl--10 {
    order: 10;
  }
}

@supports (display: grid) {
  @media screen and (min-width: 1441px) {
    .cxxl--11 {
      grid-column: auto/span 11;
    }
  }
}

@media screen and (min-width: 1441px) {
  .rxxl--11 {
    grid-row: auto/span 11;
  }
}

@media screen and (min-width: 1441px) {
  .oxxl--11 {
    order: 11;
  }
}

@supports (display: grid) {
  @media screen and (min-width: 1441px) {
    .cxxl--12 {
      grid-column: auto/span 12;
    }
  }
}

@media screen and (min-width: 1441px) {
  .rxxl--12 {
    grid-row: auto/span 12;
  }
}

@media screen and (min-width: 1441px) {
  .oxxl--12 {
    order: 12;
  }
}

@supports (display: grid) {
  @media screen and (min-width: 1441px) {
    .cxxl--13 {
      grid-column: auto/span 13;
    }
  }
}

@media screen and (min-width: 1441px) {
  .rxxl--13 {
    grid-row: auto/span 13;
  }
}

@media screen and (min-width: 1441px) {
  .oxxl--13 {
    order: 13;
  }
}

@supports (display: grid) {
  @media screen and (min-width: 1441px) {
    .cxxl--14 {
      grid-column: auto/span 14;
    }
  }
}

@media screen and (min-width: 1441px) {
  .rxxl--14 {
    grid-row: auto/span 14;
  }
}

@media screen and (min-width: 1441px) {
  .oxxl--14 {
    order: 14;
  }
}

@supports (display: grid) {
  @media screen and (min-width: 1441px) {
    .cxxl--15 {
      grid-column: auto/span 15;
    }
  }
}

@media screen and (min-width: 1441px) {
  .rxxl--15 {
    grid-row: auto/span 15;
  }
}

@media screen and (min-width: 1441px) {
  .oxxl--15 {
    order: 15;
  }
}

@supports (display: grid) {
  @media screen and (min-width: 1441px) {
    .cxxl--16 {
      grid-column: auto/span 16;
    }
  }
}

@media screen and (min-width: 1441px) {
  .rxxl--16 {
    grid-row: auto/span 16;
  }
}

@media screen and (min-width: 1441px) {
  .oxxl--16 {
    order: 16;
  }
}

@supports (display: grid) {
  @media screen and (min-width: 1441px) {
    .cxxl--17 {
      grid-column: auto/span 17;
    }
  }
}

@media screen and (min-width: 1441px) {
  .rxxl--17 {
    grid-row: auto/span 17;
  }
}

@media screen and (min-width: 1441px) {
  .oxxl--17 {
    order: 17;
  }
}

@supports (display: grid) {
  @media screen and (min-width: 1441px) {
    .cxxl--18 {
      grid-column: auto/span 18;
    }
  }
}

@media screen and (min-width: 1441px) {
  .rxxl--18 {
    grid-row: auto/span 18;
  }
}

@media screen and (min-width: 1441px) {
  .oxxl--18 {
    order: 18;
  }
}

@supports (display: grid) {
  @media screen and (min-width: 1441px) {
    .cxxl--19 {
      grid-column: auto/span 19;
    }
  }
}

@media screen and (min-width: 1441px) {
  .rxxl--19 {
    grid-row: auto/span 19;
  }
}

@media screen and (min-width: 1441px) {
  .oxxl--19 {
    order: 19;
  }
}

@supports (display: grid) {
  @media screen and (min-width: 1441px) {
    .cxxl--20 {
      grid-column: auto/span 20;
    }
  }
}

@media screen and (min-width: 1441px) {
  .rxxl--20 {
    grid-row: auto/span 20;
  }
}

@media screen and (min-width: 1441px) {
  .oxxl--20 {
    order: 20;
  }
}

@supports (display: grid) {
  @media screen and (min-width: 1441px) {
    .cxxl--21 {
      grid-column: auto/span 21;
    }
  }
}

@media screen and (min-width: 1441px) {
  .rxxl--21 {
    grid-row: auto/span 21;
  }
}

@media screen and (min-width: 1441px) {
  .oxxl--21 {
    order: 21;
  }
}

@supports (display: grid) {
  @media screen and (min-width: 1441px) {
    .cxxl--22 {
      grid-column: auto/span 22;
    }
  }
}

@media screen and (min-width: 1441px) {
  .rxxl--22 {
    grid-row: auto/span 22;
  }
}

@media screen and (min-width: 1441px) {
  .oxxl--22 {
    order: 22;
  }
}

@supports (display: grid) {
  @media screen and (min-width: 1441px) {
    .cxxl--23 {
      grid-column: auto/span 23;
    }
  }
}

@media screen and (min-width: 1441px) {
  .rxxl--23 {
    grid-row: auto/span 23;
  }
}

@media screen and (min-width: 1441px) {
  .oxxl--23 {
    order: 23;
  }
}

@supports (display: grid) {
  @media screen and (min-width: 1441px) {
    .cxxl--24 {
      grid-column: 1/-1;
    }
  }
}

@media screen and (min-width: 1441px) {
  .rxxl--24 {
    grid-row: auto/span 24;
  }
}

@media screen and (min-width: 1441px) {
  .oxxl--24 {
    order: 24;
  }
}

@supports (display: grid) {
  @media screen and (min-width: 1600px) {
    .cfull--1 {
      grid-column: auto/span 1;
    }
  }
}

@media screen and (min-width: 1600px) {
  .rfull--1 {
    grid-row: auto/span 1;
  }
}

@media screen and (min-width: 1600px) {
  .ofull--1 {
    order: 1;
  }
}

@supports (display: grid) {
  @media screen and (min-width: 1600px) {
    .cfull--2 {
      grid-column: auto/span 2;
    }
  }
}

@media screen and (min-width: 1600px) {
  .rfull--2 {
    grid-row: auto/span 2;
  }
}

@media screen and (min-width: 1600px) {
  .ofull--2 {
    order: 2;
  }
}

@supports (display: grid) {
  @media screen and (min-width: 1600px) {
    .cfull--3 {
      grid-column: auto/span 3;
    }
  }
}

@media screen and (min-width: 1600px) {
  .rfull--3 {
    grid-row: auto/span 3;
  }
}

@media screen and (min-width: 1600px) {
  .ofull--3 {
    order: 3;
  }
}

@supports (display: grid) {
  @media screen and (min-width: 1600px) {
    .cfull--4 {
      grid-column: auto/span 4;
    }
  }
}

@media screen and (min-width: 1600px) {
  .rfull--4 {
    grid-row: auto/span 4;
  }
}

@media screen and (min-width: 1600px) {
  .ofull--4 {
    order: 4;
  }
}

@supports (display: grid) {
  @media screen and (min-width: 1600px) {
    .cfull--5 {
      grid-column: auto/span 5;
    }
  }
}

@media screen and (min-width: 1600px) {
  .rfull--5 {
    grid-row: auto/span 5;
  }
}

@media screen and (min-width: 1600px) {
  .ofull--5 {
    order: 5;
  }
}

@supports (display: grid) {
  @media screen and (min-width: 1600px) {
    .cfull--6 {
      grid-column: auto/span 6;
    }
  }
}

@media screen and (min-width: 1600px) {
  .rfull--6 {
    grid-row: auto/span 6;
  }
}

@media screen and (min-width: 1600px) {
  .ofull--6 {
    order: 6;
  }
}

@supports (display: grid) {
  @media screen and (min-width: 1600px) {
    .cfull--7 {
      grid-column: auto/span 7;
    }
  }
}

@media screen and (min-width: 1600px) {
  .rfull--7 {
    grid-row: auto/span 7;
  }
}

@media screen and (min-width: 1600px) {
  .ofull--7 {
    order: 7;
  }
}

@supports (display: grid) {
  @media screen and (min-width: 1600px) {
    .cfull--8 {
      grid-column: auto/span 8;
    }
  }
}

@media screen and (min-width: 1600px) {
  .rfull--8 {
    grid-row: auto/span 8;
  }
}

@media screen and (min-width: 1600px) {
  .ofull--8 {
    order: 8;
  }
}

@supports (display: grid) {
  @media screen and (min-width: 1600px) {
    .cfull--9 {
      grid-column: auto/span 9;
    }
  }
}

@media screen and (min-width: 1600px) {
  .rfull--9 {
    grid-row: auto/span 9;
  }
}

@media screen and (min-width: 1600px) {
  .ofull--9 {
    order: 9;
  }
}

@supports (display: grid) {
  @media screen and (min-width: 1600px) {
    .cfull--10 {
      grid-column: auto/span 10;
    }
  }
}

@media screen and (min-width: 1600px) {
  .rfull--10 {
    grid-row: auto/span 10;
  }
}

@media screen and (min-width: 1600px) {
  .ofull--10 {
    order: 10;
  }
}

@supports (display: grid) {
  @media screen and (min-width: 1600px) {
    .cfull--11 {
      grid-column: auto/span 11;
    }
  }
}

@media screen and (min-width: 1600px) {
  .rfull--11 {
    grid-row: auto/span 11;
  }
}

@media screen and (min-width: 1600px) {
  .ofull--11 {
    order: 11;
  }
}

@supports (display: grid) {
  @media screen and (min-width: 1600px) {
    .cfull--12 {
      grid-column: auto/span 12;
    }
  }
}

@media screen and (min-width: 1600px) {
  .rfull--12 {
    grid-row: auto/span 12;
  }
}

@media screen and (min-width: 1600px) {
  .ofull--12 {
    order: 12;
  }
}

@supports (display: grid) {
  @media screen and (min-width: 1600px) {
    .cfull--13 {
      grid-column: auto/span 13;
    }
  }
}

@media screen and (min-width: 1600px) {
  .rfull--13 {
    grid-row: auto/span 13;
  }
}

@media screen and (min-width: 1600px) {
  .ofull--13 {
    order: 13;
  }
}

@supports (display: grid) {
  @media screen and (min-width: 1600px) {
    .cfull--14 {
      grid-column: auto/span 14;
    }
  }
}

@media screen and (min-width: 1600px) {
  .rfull--14 {
    grid-row: auto/span 14;
  }
}

@media screen and (min-width: 1600px) {
  .ofull--14 {
    order: 14;
  }
}

@supports (display: grid) {
  @media screen and (min-width: 1600px) {
    .cfull--15 {
      grid-column: auto/span 15;
    }
  }
}

@media screen and (min-width: 1600px) {
  .rfull--15 {
    grid-row: auto/span 15;
  }
}

@media screen and (min-width: 1600px) {
  .ofull--15 {
    order: 15;
  }
}

@supports (display: grid) {
  @media screen and (min-width: 1600px) {
    .cfull--16 {
      grid-column: auto/span 16;
    }
  }
}

@media screen and (min-width: 1600px) {
  .rfull--16 {
    grid-row: auto/span 16;
  }
}

@media screen and (min-width: 1600px) {
  .ofull--16 {
    order: 16;
  }
}

@supports (display: grid) {
  @media screen and (min-width: 1600px) {
    .cfull--17 {
      grid-column: auto/span 17;
    }
  }
}

@media screen and (min-width: 1600px) {
  .rfull--17 {
    grid-row: auto/span 17;
  }
}

@media screen and (min-width: 1600px) {
  .ofull--17 {
    order: 17;
  }
}

@supports (display: grid) {
  @media screen and (min-width: 1600px) {
    .cfull--18 {
      grid-column: auto/span 18;
    }
  }
}

@media screen and (min-width: 1600px) {
  .rfull--18 {
    grid-row: auto/span 18;
  }
}

@media screen and (min-width: 1600px) {
  .ofull--18 {
    order: 18;
  }
}

@supports (display: grid) {
  @media screen and (min-width: 1600px) {
    .cfull--19 {
      grid-column: auto/span 19;
    }
  }
}

@media screen and (min-width: 1600px) {
  .rfull--19 {
    grid-row: auto/span 19;
  }
}

@media screen and (min-width: 1600px) {
  .ofull--19 {
    order: 19;
  }
}

@supports (display: grid) {
  @media screen and (min-width: 1600px) {
    .cfull--20 {
      grid-column: auto/span 20;
    }
  }
}

@media screen and (min-width: 1600px) {
  .rfull--20 {
    grid-row: auto/span 20;
  }
}

@media screen and (min-width: 1600px) {
  .ofull--20 {
    order: 20;
  }
}

@supports (display: grid) {
  @media screen and (min-width: 1600px) {
    .cfull--21 {
      grid-column: auto/span 21;
    }
  }
}

@media screen and (min-width: 1600px) {
  .rfull--21 {
    grid-row: auto/span 21;
  }
}

@media screen and (min-width: 1600px) {
  .ofull--21 {
    order: 21;
  }
}

@supports (display: grid) {
  @media screen and (min-width: 1600px) {
    .cfull--22 {
      grid-column: auto/span 22;
    }
  }
}

@media screen and (min-width: 1600px) {
  .rfull--22 {
    grid-row: auto/span 22;
  }
}

@media screen and (min-width: 1600px) {
  .ofull--22 {
    order: 22;
  }
}

@supports (display: grid) {
  @media screen and (min-width: 1600px) {
    .cfull--23 {
      grid-column: auto/span 23;
    }
  }
}

@media screen and (min-width: 1600px) {
  .rfull--23 {
    grid-row: auto/span 23;
  }
}

@media screen and (min-width: 1600px) {
  .ofull--23 {
    order: 23;
  }
}

@supports (display: grid) {
  @media screen and (min-width: 1600px) {
    .cfull--24 {
      grid-column: 1/-1;
    }
  }
}

@media screen and (min-width: 1600px) {
  .rfull--24 {
    grid-row: auto/span 24;
  }
}

@media screen and (min-width: 1600px) {
  .ofull--24 {
    order: 24;
  }
}

@supports (display: grid) {
  @media screen and (min-width: 1460px) {
    .cmaxpad--1 {
      grid-column: auto/span 1;
    }
  }
}

@media screen and (min-width: 1460px) {
  .rmaxpad--1 {
    grid-row: auto/span 1;
  }
}

@media screen and (min-width: 1460px) {
  .omaxpad--1 {
    order: 1;
  }
}

@supports (display: grid) {
  @media screen and (min-width: 1460px) {
    .cmaxpad--2 {
      grid-column: auto/span 2;
    }
  }
}

@media screen and (min-width: 1460px) {
  .rmaxpad--2 {
    grid-row: auto/span 2;
  }
}

@media screen and (min-width: 1460px) {
  .omaxpad--2 {
    order: 2;
  }
}

@supports (display: grid) {
  @media screen and (min-width: 1460px) {
    .cmaxpad--3 {
      grid-column: auto/span 3;
    }
  }
}

@media screen and (min-width: 1460px) {
  .rmaxpad--3 {
    grid-row: auto/span 3;
  }
}

@media screen and (min-width: 1460px) {
  .omaxpad--3 {
    order: 3;
  }
}

@supports (display: grid) {
  @media screen and (min-width: 1460px) {
    .cmaxpad--4 {
      grid-column: auto/span 4;
    }
  }
}

@media screen and (min-width: 1460px) {
  .rmaxpad--4 {
    grid-row: auto/span 4;
  }
}

@media screen and (min-width: 1460px) {
  .omaxpad--4 {
    order: 4;
  }
}

@supports (display: grid) {
  @media screen and (min-width: 1460px) {
    .cmaxpad--5 {
      grid-column: auto/span 5;
    }
  }
}

@media screen and (min-width: 1460px) {
  .rmaxpad--5 {
    grid-row: auto/span 5;
  }
}

@media screen and (min-width: 1460px) {
  .omaxpad--5 {
    order: 5;
  }
}

@supports (display: grid) {
  @media screen and (min-width: 1460px) {
    .cmaxpad--6 {
      grid-column: auto/span 6;
    }
  }
}

@media screen and (min-width: 1460px) {
  .rmaxpad--6 {
    grid-row: auto/span 6;
  }
}

@media screen and (min-width: 1460px) {
  .omaxpad--6 {
    order: 6;
  }
}

@supports (display: grid) {
  @media screen and (min-width: 1460px) {
    .cmaxpad--7 {
      grid-column: auto/span 7;
    }
  }
}

@media screen and (min-width: 1460px) {
  .rmaxpad--7 {
    grid-row: auto/span 7;
  }
}

@media screen and (min-width: 1460px) {
  .omaxpad--7 {
    order: 7;
  }
}

@supports (display: grid) {
  @media screen and (min-width: 1460px) {
    .cmaxpad--8 {
      grid-column: auto/span 8;
    }
  }
}

@media screen and (min-width: 1460px) {
  .rmaxpad--8 {
    grid-row: auto/span 8;
  }
}

@media screen and (min-width: 1460px) {
  .omaxpad--8 {
    order: 8;
  }
}

@supports (display: grid) {
  @media screen and (min-width: 1460px) {
    .cmaxpad--9 {
      grid-column: auto/span 9;
    }
  }
}

@media screen and (min-width: 1460px) {
  .rmaxpad--9 {
    grid-row: auto/span 9;
  }
}

@media screen and (min-width: 1460px) {
  .omaxpad--9 {
    order: 9;
  }
}

@supports (display: grid) {
  @media screen and (min-width: 1460px) {
    .cmaxpad--10 {
      grid-column: auto/span 10;
    }
  }
}

@media screen and (min-width: 1460px) {
  .rmaxpad--10 {
    grid-row: auto/span 10;
  }
}

@media screen and (min-width: 1460px) {
  .omaxpad--10 {
    order: 10;
  }
}

@supports (display: grid) {
  @media screen and (min-width: 1460px) {
    .cmaxpad--11 {
      grid-column: auto/span 11;
    }
  }
}

@media screen and (min-width: 1460px) {
  .rmaxpad--11 {
    grid-row: auto/span 11;
  }
}

@media screen and (min-width: 1460px) {
  .omaxpad--11 {
    order: 11;
  }
}

@supports (display: grid) {
  @media screen and (min-width: 1460px) {
    .cmaxpad--12 {
      grid-column: auto/span 12;
    }
  }
}

@media screen and (min-width: 1460px) {
  .rmaxpad--12 {
    grid-row: auto/span 12;
  }
}

@media screen and (min-width: 1460px) {
  .omaxpad--12 {
    order: 12;
  }
}

@supports (display: grid) {
  @media screen and (min-width: 1460px) {
    .cmaxpad--13 {
      grid-column: auto/span 13;
    }
  }
}

@media screen and (min-width: 1460px) {
  .rmaxpad--13 {
    grid-row: auto/span 13;
  }
}

@media screen and (min-width: 1460px) {
  .omaxpad--13 {
    order: 13;
  }
}

@supports (display: grid) {
  @media screen and (min-width: 1460px) {
    .cmaxpad--14 {
      grid-column: auto/span 14;
    }
  }
}

@media screen and (min-width: 1460px) {
  .rmaxpad--14 {
    grid-row: auto/span 14;
  }
}

@media screen and (min-width: 1460px) {
  .omaxpad--14 {
    order: 14;
  }
}

@supports (display: grid) {
  @media screen and (min-width: 1460px) {
    .cmaxpad--15 {
      grid-column: auto/span 15;
    }
  }
}

@media screen and (min-width: 1460px) {
  .rmaxpad--15 {
    grid-row: auto/span 15;
  }
}

@media screen and (min-width: 1460px) {
  .omaxpad--15 {
    order: 15;
  }
}

@supports (display: grid) {
  @media screen and (min-width: 1460px) {
    .cmaxpad--16 {
      grid-column: auto/span 16;
    }
  }
}

@media screen and (min-width: 1460px) {
  .rmaxpad--16 {
    grid-row: auto/span 16;
  }
}

@media screen and (min-width: 1460px) {
  .omaxpad--16 {
    order: 16;
  }
}

@supports (display: grid) {
  @media screen and (min-width: 1460px) {
    .cmaxpad--17 {
      grid-column: auto/span 17;
    }
  }
}

@media screen and (min-width: 1460px) {
  .rmaxpad--17 {
    grid-row: auto/span 17;
  }
}

@media screen and (min-width: 1460px) {
  .omaxpad--17 {
    order: 17;
  }
}

@supports (display: grid) {
  @media screen and (min-width: 1460px) {
    .cmaxpad--18 {
      grid-column: auto/span 18;
    }
  }
}

@media screen and (min-width: 1460px) {
  .rmaxpad--18 {
    grid-row: auto/span 18;
  }
}

@media screen and (min-width: 1460px) {
  .omaxpad--18 {
    order: 18;
  }
}

@supports (display: grid) {
  @media screen and (min-width: 1460px) {
    .cmaxpad--19 {
      grid-column: auto/span 19;
    }
  }
}

@media screen and (min-width: 1460px) {
  .rmaxpad--19 {
    grid-row: auto/span 19;
  }
}

@media screen and (min-width: 1460px) {
  .omaxpad--19 {
    order: 19;
  }
}

@supports (display: grid) {
  @media screen and (min-width: 1460px) {
    .cmaxpad--20 {
      grid-column: auto/span 20;
    }
  }
}

@media screen and (min-width: 1460px) {
  .rmaxpad--20 {
    grid-row: auto/span 20;
  }
}

@media screen and (min-width: 1460px) {
  .omaxpad--20 {
    order: 20;
  }
}

@supports (display: grid) {
  @media screen and (min-width: 1460px) {
    .cmaxpad--21 {
      grid-column: auto/span 21;
    }
  }
}

@media screen and (min-width: 1460px) {
  .rmaxpad--21 {
    grid-row: auto/span 21;
  }
}

@media screen and (min-width: 1460px) {
  .omaxpad--21 {
    order: 21;
  }
}

@supports (display: grid) {
  @media screen and (min-width: 1460px) {
    .cmaxpad--22 {
      grid-column: auto/span 22;
    }
  }
}

@media screen and (min-width: 1460px) {
  .rmaxpad--22 {
    grid-row: auto/span 22;
  }
}

@media screen and (min-width: 1460px) {
  .omaxpad--22 {
    order: 22;
  }
}

@supports (display: grid) {
  @media screen and (min-width: 1460px) {
    .cmaxpad--23 {
      grid-column: auto/span 23;
    }
  }
}

@media screen and (min-width: 1460px) {
  .rmaxpad--23 {
    grid-row: auto/span 23;
  }
}

@media screen and (min-width: 1460px) {
  .omaxpad--23 {
    order: 23;
  }
}

@supports (display: grid) {
  @media screen and (min-width: 1460px) {
    .cmaxpad--24 {
      grid-column: 1/-1;
    }
  }
}

@media screen and (min-width: 1460px) {
  .rmaxpad--24 {
    grid-row: auto/span 24;
  }
}

@media screen and (min-width: 1460px) {
  .omaxpad--24 {
    order: 24;
  }
}

.grid-template {
  position: fixed;
  top: 0;
  left: 50%;
  height: 100%;
  z-index: 10000;
  transform: scaleY(0) translateX(-50%);
  transform-origin: top;
  transition: transform 0.4s ease;
  pointer-events: none;
}
@media screen and (max-width: 1459px) {
  .grid-template {
    padding-left: 30px;
    padding-right: 30px;
    max-width: 100%;
  }
}
@media screen and (max-width: 499px) {
  .grid-template {
    padding-left: 25px;
    padding-right: 25px;
  }
}
.grid-template--active {
  transform: scaleY(1) translateX(-50%);
}
.grid-template span {
  background: rgba(106, 63, 207, 0.4);
  display: block;
}
@supports (display: grid) {
  @media screen and (min-width: 1025px) {
    .grid-template span {
      grid-column: auto/span 1;
    }
  }
}
.grid-template span {
  background: rgba(106, 63, 207, 0.4);
  display: block;
}
@supports (display: grid) {
  @media screen and (min-width: 1025px) {
    .grid-template span {
      grid-column: auto/span 1;
    }
  }
}
.grid-template span {
  background: rgba(106, 63, 207, 0.4);
  display: block;
}
@supports (display: grid) {
  @media screen and (min-width: 1025px) {
    .grid-template span {
      grid-column: auto/span 1;
    }
  }
}
.grid-template span {
  background: rgba(106, 63, 207, 0.4);
  display: block;
}
@supports (display: grid) {
  @media screen and (min-width: 1025px) {
    .grid-template span {
      grid-column: auto/span 1;
    }
  }
}
.grid-template span {
  background: rgba(106, 63, 207, 0.4);
  display: block;
}
@supports (display: grid) {
  @media screen and (min-width: 1025px) {
    .grid-template span {
      grid-column: auto/span 1;
    }
  }
}
.grid-template span {
  background: rgba(106, 63, 207, 0.4);
  display: block;
}
@supports (display: grid) {
  @media screen and (min-width: 1025px) {
    .grid-template span {
      grid-column: auto/span 1;
    }
  }
}
.grid-template span {
  background: rgba(106, 63, 207, 0.4);
  display: block;
}
@supports (display: grid) {
  @media screen and (min-width: 1025px) {
    .grid-template span {
      grid-column: auto/span 1;
    }
  }
}
.grid-template span {
  background: rgba(106, 63, 207, 0.4);
  display: block;
}
@supports (display: grid) {
  @media screen and (min-width: 1025px) {
    .grid-template span {
      grid-column: auto/span 1;
    }
  }
}
.grid-template span {
  background: rgba(106, 63, 207, 0.4);
  display: block;
}
@supports (display: grid) {
  @media screen and (min-width: 1025px) {
    .grid-template span {
      grid-column: auto/span 1;
    }
  }
}
.grid-template span {
  background: rgba(106, 63, 207, 0.4);
  display: block;
}
@supports (display: grid) {
  @media screen and (min-width: 1025px) {
    .grid-template span {
      grid-column: auto/span 1;
    }
  }
}
.grid-template span {
  background: rgba(106, 63, 207, 0.4);
  display: block;
}
@supports (display: grid) {
  @media screen and (min-width: 1025px) {
    .grid-template span {
      grid-column: auto/span 1;
    }
  }
}
.grid-template span {
  background: rgba(106, 63, 207, 0.4);
  display: block;
}
@supports (display: grid) {
  @media screen and (min-width: 1025px) {
    .grid-template span {
      grid-column: auto/span 1;
    }
  }
}
.grid-template span {
  background: rgba(106, 63, 207, 0.4);
  display: block;
}
@supports (display: grid) {
  @media screen and (min-width: 1025px) {
    .grid-template span {
      grid-column: auto/span 1;
    }
  }
}
.grid-template span {
  background: rgba(106, 63, 207, 0.4);
  display: block;
}
@supports (display: grid) {
  @media screen and (min-width: 1025px) {
    .grid-template span {
      grid-column: auto/span 1;
    }
  }
}
.grid-template span {
  background: rgba(106, 63, 207, 0.4);
  display: block;
}
@supports (display: grid) {
  @media screen and (min-width: 1025px) {
    .grid-template span {
      grid-column: auto/span 1;
    }
  }
}
.grid-template span {
  background: rgba(106, 63, 207, 0.4);
  display: block;
}
@supports (display: grid) {
  @media screen and (min-width: 1025px) {
    .grid-template span {
      grid-column: auto/span 1;
    }
  }
}
.grid-template span {
  background: rgba(106, 63, 207, 0.4);
  display: block;
}
@supports (display: grid) {
  @media screen and (min-width: 1025px) {
    .grid-template span {
      grid-column: auto/span 1;
    }
  }
}
.grid-template span {
  background: rgba(106, 63, 207, 0.4);
  display: block;
}
@supports (display: grid) {
  @media screen and (min-width: 1025px) {
    .grid-template span {
      grid-column: auto/span 1;
    }
  }
}
.grid-template span {
  background: rgba(106, 63, 207, 0.4);
  display: block;
}
@supports (display: grid) {
  @media screen and (min-width: 1025px) {
    .grid-template span {
      grid-column: auto/span 1;
    }
  }
}
.grid-template span {
  background: rgba(106, 63, 207, 0.4);
  display: block;
}
@supports (display: grid) {
  @media screen and (min-width: 1025px) {
    .grid-template span {
      grid-column: auto/span 1;
    }
  }
}
.grid-template span {
  background: rgba(106, 63, 207, 0.4);
  display: block;
}
@supports (display: grid) {
  @media screen and (min-width: 1025px) {
    .grid-template span {
      grid-column: auto/span 1;
    }
  }
}
.grid-template span {
  background: rgba(106, 63, 207, 0.4);
  display: block;
}
@supports (display: grid) {
  @media screen and (min-width: 1025px) {
    .grid-template span {
      grid-column: auto/span 1;
    }
  }
}
.grid-template span {
  background: rgba(106, 63, 207, 0.4);
  display: block;
}
@supports (display: grid) {
  @media screen and (min-width: 1025px) {
    .grid-template span {
      grid-column: auto/span 1;
    }
  }
}
.grid-template span {
  background: rgba(106, 63, 207, 0.4);
  display: block;
}
@supports (display: grid) {
  @media screen and (min-width: 1025px) {
    .grid-template span {
      grid-column: auto/span 1;
    }
  }
}

.objectfit--contain, .objectfit--cover {
  display: block;
  overflow: hidden;
  width: 100%;
  height: 100%;
  position: relative;
}
.objectfit--contain img, .objectfit--cover img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: block;
}
.objectfit--contain picture, .objectfit--cover picture {
  width: 100%;
}
.objectfit--contain source, .objectfit--cover source {
  position: absolute;
}
.objectfit--contain img {
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center center;
     object-position: center center;
}
.objectfit--cover img {
  -o-object-position: center center;
     object-position: center center;
  -o-object-fit: cover;
     object-fit: cover;
}

[lazy-src] {
  opacity: 0;
  transition: opacity 0.3s ease;
}

.text--hidden {
  text-indent: -9999px;
  opacity: 0;
  font-size: 0;
  overflow: hidden;
  width: 0;
  height: 0;
}

.isHidden {
  position: absolute;
  transform: scale(0) !important;
  overflow: hidden !important;
  font-size: 0 !important;
  pointer-events: none !important;
  opacity: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  height: 0 !important;
  width: 0 !important;
}

@media screen and (max-width: 1024px) {
  .xsHidden {
    transform: scale(0) !important;
    overflow: hidden !important;
    font-size: 0 !important;
    pointer-events: none !important;
    opacity: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    height: 0 !important;
    width: 0 !important;
    display: none !important;
  }
}

@media screen and (min-width: 1025px) {
  .xlHidden {
    transform: scale(0) !important;
    overflow: hidden !important;
    font-size: 0 !important;
    pointer-events: none !important;
    opacity: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    height: 0 !important;
    width: 0 !important;
    display: none !important;
  }
}

.burger-wrapper .label, .gform_wrapper.gravity-theme .gform_validation_errors h2, .m_content .gallery-caption, .m_content figure figcaption, .m_content p span, .m_content p a:not(.btn),
.m_content li a:not(.btn), .m_content li,
.m_content p, .m_content p b,
.m_content p strong, p {
  font-size: 18px;
  color: #2C2C2C;
  font-family: "Sora", sans-serif;
  font-style: normal;
  font-weight: 300;
  text-transform: none;
  line-height: 1.5;
}

li {
  font-size: 18px;
  font-family: "Sora", sans-serif;
  font-style: normal;
  font-weight: 300;
  line-height: 1.3;
}

.gform_wrapper.gravity-theme button.add_list_item,
.gform_wrapper.gravity-theme button.delete_list_item, a {
  font-family: "Sora", sans-serif;
  font-style: normal;
  font-weight: 400;
  text-transform: none;
  color: #2C2C2C;
}

.small,
small {
  font-size: 14px;
  font-size: 0.875rem;
  font-family: "Sora", sans-serif;
  font-style: normal;
  font-weight: 400;
  text-transform: none;
}

b,
cite,
strong {
  font-family: "Sora", sans-serif;
  font-style: normal;
  font-weight: 700;
}

.em,
em {
  font-family: "Sora", sans-serif;
  font-style: italic;
  font-weight: 400;
  text-transform: none;
}

code {
  font-size: 14px;
  font-size: 0.875rem;
  color: #2C2C2C;
  background: rgba(157, 195, 110, 0.5);
  padding: 20px;
}

hr {
  height: 1px;
  background: rgba(44, 44, 44, 0.1);
  margin-top: 20px;
  margin-bottom: 20px;
}

address {
  font-family: "Sora", sans-serif;
  font-weight: 400;
  font-style: normal;
  text-transform: none;
}

time {
  font-family: "Sora", sans-serif;
  font-weight: 400;
  font-style: normal;
  text-transform: none;
}

u {
  text-decoration: underline;
}

del,
s {
  text-decoration: line-through;
}

img {
  width: 100%;
  height: 100%;
  max-width: 100%;
  display: block;
}

.overflow {
  overflow: hidden;
}

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

.m_tox-cat__block, .m_protocols__block, .m_faqs__container, .m_facts_figures__block, .m_columns__block, .m_textImg__block, .m_search__block, .m_404__wrapper {
  box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.1);
}

.m_tox-cat__block:hover, .m_protocols__block:hover, .m_search__block:hover, .m_tox-cat__block:focus, .m_protocols__block:focus, .m_search__block:focus {
  box-shadow: 0 29px 52px rgba(0, 0, 0, 0.15), 0 25px 16px rgba(0, 0, 0, 0.005);
}

[data-block] {
  padding-inline: 15px;
  margin-block: 60px;
}
@media screen and (min-width: 1025px) {
  [data-block] {
    padding-inline: 30px;
    margin-block: 100px;
  }
}

.m_tox__filters .filters__header-btn, .gform_wrapper.gravity-theme .gform_footer .gform_button, .m_content a.btn, .btn {
  display: inline-block;
  font-family: "Sora", sans-serif;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 2px;
}

.m_tox__filters .filters__header-btn, .gform_wrapper.gravity-theme .gform_footer .gform_button, .btn__primary {
  border-radius: 10px;
  padding: 20px;
  background-color: #D4704C;
  color: white;
  border: none;
  cursor: pointer;
  transition: 0.3s ease;
}
.gform_wrapper.gravity-theme .gform_footer .gform_button:hover, .gform_wrapper.gravity-theme .gform_footer .gform_button:focus, .btn__primary:hover, .btn__primary:focus {
  background-color: #2C2C2C;
}

.btn__secondary {
  border-radius: 10px;
  padding: 20px;
  background-color: transparent;
  color: #D4704C;
  border: 1px solid #D4704C;
  cursor: pointer;
  transition: 0.3s ease;
}
.btn__secondary:hover, .btn__secondary:focus {
  background-color: #2C2C2C;
  border-color: #2C2C2C;
  color: white;
}

.btn__tertiary {
  color: #2C2C2C;
  position: relative;
  display: flex;
  align-items: center;
}
.btn__tertiary:after {
  content: "";
  width: 18px;
  height: 15px;
  background: url("../images/arrow_block.svg") no-repeat center;
  background-size: contain;
  margin-left: 10px;
  transition: transform 0.3s ease;
}
.btn__tertiary:hover:after, .btn__tertiary:focus:after {
  transform: translateX(10px);
}

input[type=checkbox] + label::before {
  width: 16px;
  height: 16px;
  background: white;
  border: 1px solid black;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  border-radius: 3px;
}

input[type=checkbox] + label::after {
  width: 10px;
  height: 10px;
  background: black;
  border: 0 solid white;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 4px;
}

input[type=checkbox] {
  opacity: 0;
  position: absolute;
}

input[type=checkbox] + label {
  display: block;
  position: relative;
  padding-left: 31px !important;
  cursor: pointer;
}
input[type=checkbox] + label::before, input[type=checkbox] + label::after {
  content: "";
  display: block;
  cursor: pointer;
}
input[type=checkbox] + label::after {
  opacity: 0;
}

input[type=checkbox]:checked + label::after {
  opacity: 1;
}

input[type=checkbox]:focus ~ label:before {
  box-shadow: 0 0 0 2px #2C2C2C;
}

.m_content p b,
.m_content p strong {
  font-weight: 700;
}
.m_content p a:not(.btn),
.m_content li a:not(.btn) {
  color: black;
  text-decoration: underline;
  transition: color 0.3s ease;
}
.m_content p a:not(.btn):hover, .m_content p a:not(.btn):focus,
.m_content li a:not(.btn):hover,
.m_content li a:not(.btn):focus {
  color: #D4704C;
}
.m_content ol,
.m_content ul {
  max-width: 750px;
  margin: 25px 0;
  list-style: none;
  padding-left: 22px;
}
.m_content li {
  position: relative;
  margin-bottom: 10px;
}
.m_content li::before {
  color: black;
  /* color of bullet or square */
  content: "•";
  /* Unicode of character to precede the list item */
  display: inline-block;
  font-size: 1.4em;
  /* use em or % */
  left: -22px;
  /* use em, line up bullet flush with left hand side */
  position: absolute;
  /* Set the bullet positioned absolutely top left */
  top: -0.3em;
  /* use em or % */
}
.m_content h1,
.m_content h2,
.m_content h3,
.m_content h4,
.m_content h5,
.m_content h6 {
  margin-bottom: 40px;
  max-width: 750px;
}
.m_content p + h1,
.m_content p + h2,
.m_content p + h3,
.m_content p + h4,
.m_content p + h5,
.m_content p + h6 {
  margin-top: 40px;
}
.m_content p + p {
  margin-top: 30px;
}
.m_content p:last-of-type {
  margin-bottom: 0;
}
.m_content blockquote {
  position: relative;
  padding-left: 30px;
  margin-top: 30px;
  margin-bottom: 30px;
  font-family: "Sora", sans-serif;
  font-weight: 400;
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 1.5;
}
.m_content blockquote:before {
  content: "";
  width: 3px;
  height: 100%;
  background-color: rgba(44, 44, 44, 0.5);
  position: absolute;
  top: 0;
  left: 0;
}
.m_content blockquote p {
  font-family: "Sora", sans-serif;
  font-weight: 400;
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 1.5;
}
.m_content p small {
  font-size: 13px;
  font-size: 0.8125rem;
}
.m_content p > img,
.m_content figure > img {
  border-radius: 40px;
}
.m_content p > img + img {
  margin-top: 30px;
}
.m_content figure {
  max-width: 100%;
  padding: 25px 0;
  margin-bottom: 40px;
}
@media screen and (min-width: 1025px) {
  .m_content figure {
    margin-bottom: 60px;
  }
}
.m_content figure figcaption {
  font-size: 14px;
  font-size: 0.875rem;
  font-family: "Sora", sans-serif;
  text-align: center;
  margin-top: 1rem;
}
.m_content .gallery {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 25px;
}
.m_content .gallery-item {
  display: flex;
  flex-direction: column;
}
.m_content .gallery-caption {
  margin-top: 20px;
}
.gform_wrapper.gravity-theme label {
  display: inline-block;
  font-family: "Sora", sans-serif;
  color: #2C2C2C;
  font-size: 14px !important;
  font-weight: 600 !important;
  letter-spacing: 1px;
}
.gform_wrapper.gravity-theme input + label {
  font-size: 1rem !important;
}
.gform_wrapper.gravity-theme input[type=text],
.gform_wrapper.gravity-theme input[type=number],
.gform_wrapper.gravity-theme input[type=email],
.gform_wrapper.gravity-theme input[type=tel],
.gform_wrapper.gravity-theme input[type=url],
.gform_wrapper.gravity-theme textarea,
.gform_wrapper.gravity-theme select {
  width: 100%;
  padding: 15px 20px !important;
  color: #2C2C2C;
  font-family: "Sora", sans-serif;
  font-size: 1rem !important;
  font-weight: 300;
  border-color: rgba(44, 44, 44, 0.15);
  border-style: solid;
  border-width: 1px;
  border-radius: 10px;
  background-color: #F0F0F0;
}
.gform_wrapper.gravity-theme input[type=text]::-moz-placeholder, .gform_wrapper.gravity-theme input[type=number]::-moz-placeholder, .gform_wrapper.gravity-theme input[type=email]::-moz-placeholder, .gform_wrapper.gravity-theme input[type=tel]::-moz-placeholder, .gform_wrapper.gravity-theme input[type=url]::-moz-placeholder, .gform_wrapper.gravity-theme textarea::-moz-placeholder, .gform_wrapper.gravity-theme select::-moz-placeholder {
  color: #2C2C2C;
}
.gform_wrapper.gravity-theme input[type=text]::placeholder,
.gform_wrapper.gravity-theme input[type=number]::placeholder,
.gform_wrapper.gravity-theme input[type=email]::placeholder,
.gform_wrapper.gravity-theme input[type=tel]::placeholder,
.gform_wrapper.gravity-theme input[type=url]::placeholder,
.gform_wrapper.gravity-theme textarea::placeholder,
.gform_wrapper.gravity-theme select::placeholder {
  color: #2C2C2C;
}
.gform_wrapper.gravity-theme input[type=text]:focus-visible,
.gform_wrapper.gravity-theme input[type=number]:focus-visible,
.gform_wrapper.gravity-theme input[type=email]:focus-visible,
.gform_wrapper.gravity-theme input[type=tel]:focus-visible,
.gform_wrapper.gravity-theme input[type=url]:focus-visible,
.gform_wrapper.gravity-theme textarea:focus-visible,
.gform_wrapper.gravity-theme select:focus-visible {
  border-color: rgba(44, 44, 44, 0.5019607843);
  outline: 1px solid rgba(44, 44, 44, 0.5019607843);
}
.gform_wrapper.gravity-theme .gfield {
  position: relative;
  margin-bottom: 5px;
}
.gform_wrapper.gravity-theme .gfield_label {
  font-size: 14px !important;
}
.gform_wrapper.gravity-theme .gfield legend.gfield_label {
  font-family: "Kanit", sans-serif;
  font-size: 22px !important;
  font-weight: 600;
  text-transform: uppercase;
  margin-bottom: 20px;
}
.gform_wrapper.gravity-theme .gfield select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.gform_wrapper.gravity-theme .gfield .ginput_container_select,
.gform_wrapper.gravity-theme .gfield .ginput_address_country {
  position: relative;
}
.gform_wrapper.gravity-theme .gfield .ginput_container_select:before,
.gform_wrapper.gravity-theme .gfield .ginput_address_country:before {
  content: "";
  width: 16px;
  height: 16px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 6px 0 6px;
  border-color: #2C2C2C transparent transparent transparent;
  position: absolute;
  top: 26px;
  right: 1rem;
  transform: translateY(-50%);
}
.gform_wrapper.gravity-theme .ginput_complex > span {
  display: block;
  position: relative;
}
.gform_wrapper.gravity-theme .ginput_complex input + label,
.gform_wrapper.gravity-theme .ginput_complex select + label {
  font-size: 0.813rem !important;
  margin-top: 5px;
  background: transparent;
}
.gform_wrapper.gravity-theme .gfield_description,
.gform_wrapper.gravity-theme .instruction {
  color: #2C2C2C;
  font-family: "Sora", sans-serif;
  font-size: 0.813rem;
}
.gform_wrapper.gravity-theme .gfield_description *,
.gform_wrapper.gravity-theme .instruction * {
  font-style: italic !important;
}
.gform_wrapper.gravity-theme .ginput_container_address span:not(.ginput_full, :last-of-type, :nth-last-of-type(2)),
.gform_wrapper.gravity-theme .ginput_full:not(:last-of-type) {
  margin-bottom: 15px !important;
}
.gform_wrapper.gravity-theme .gfield_radio .gchoice,
.gform_wrapper.gravity-theme .gfield_checkbox .gchoice {
  margin: 15px 0;
}
.gform_wrapper.gravity-theme .gfield_radio .gchoice:first-child,
.gform_wrapper.gravity-theme .gfield_checkbox .gchoice:first-child {
  margin-top: 0;
}
.gform_wrapper.gravity-theme .gfield_radio .gchoice label,
.gform_wrapper.gravity-theme .gfield_checkbox .gchoice label {
  font-weight: 400 !important;
}
.gform_wrapper.gravity-theme .gfield_consent_label {
  font-weight: 400 !important;
}
.gform_wrapper.gravity-theme .ginput_container_time {
  flex-basis: unset !important;
  max-width: unset !important;
}
.gform_wrapper.gravity-theme .gfield_time_hour,
.gform_wrapper.gravity-theme .gfield_time_minute,
.gform_wrapper.gravity-theme .gfield_time_ampm {
  width: 100px !important;
}
.gform_wrapper.gravity-theme label.gfield_label_file {
  margin-bottom: 10px;
}
.gform_wrapper.gravity-theme .ginput_container_fileupload {
  position: relative;
}
.gform_wrapper.gravity-theme .ginput_container_fileupload input[type=file] {
  display: block;
  width: 100%;
  padding: 15px;
  border: var(--block_form_input_borders_size) solid white;
}
.gform_wrapper.gravity-theme .ginput_container_fileupload .gform_fileupload_rules {
  opacity: 0;
  font-size: 0;
}
.gform_wrapper.gravity-theme button.add_list_item,
.gform_wrapper.gravity-theme button.delete_list_item {
  text-transform: uppercase;
  margin: 15px;
}
.gform_wrapper.gravity-theme .gform_footer {
  display: flex;
  align-items: center;
}
.gform_wrapper.gravity-theme .gform_footer .gform_button[type=submit] {
  border: none;
}
.gform_wrapper.gravity-theme .gform_footer .gform_ajax_spinner {
  height: 24px;
  width: 24px;
  margin-left: 25px;
}
.gform_wrapper.gravity-theme .gform_validation_errors {
  margin-bottom: 40px !important;
  box-shadow: none !important;
  border-radius: 20px !important;
  border: none !important;
  padding: 25px !important;
  background-color: #FFE5DC !important;
}
.gform_wrapper.gravity-theme .gform_validation_errors p {
  font-family: "Sora", sans-serif;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 300;
  letter-spacing: 1px;
  display: flex;
  align-items: center;
  gap: 20px;
}
.gform_wrapper.gravity-theme .gform_validation_errors p:before {
  display: block;
  content: "";
  width: 37px;
  height: 40px;
  background: url("../images/gform_error.svg") no-repeat center;
  background-size: 100%;
}
.gform_wrapper.gravity-theme .gform_validation_errors .gform-icon--close {
  display: none;
}
.gform_wrapper.gravity-theme .gfield_validation_message {
  font-family: "Sora", sans-serif !important;
  font-size: 14px !important;
  margin: 10px 0;
  border: none;
  background-color: transparent;
  padding-left: 0;
}
.gform_wrapper.gravity-theme .validation_message {
  padding: 0;
}
.gform_wrapper.gravity-theme .gfield_error {
  --block_form_label_color: $accent;
}
.gform_wrapper.gravity-theme .gfield_error input[type=text],
.gform_wrapper.gravity-theme .gfield_error input[type=number],
.gform_wrapper.gravity-theme .gfield_error input[type=email],
.gform_wrapper.gravity-theme .gfield_error input[type=tel],
.gform_wrapper.gravity-theme .gfield_error input[type=url],
.gform_wrapper.gravity-theme .gfield_error textarea,
.gform_wrapper.gravity-theme .gfield_error select,
.gform_wrapper.gravity-theme .gfield_error legend,
.gform_wrapper.gravity-theme .gfield_error label,
.gform_wrapper.gravity-theme .gfield_error .gfield_validation_message,
.gform_wrapper.gravity-theme .gfield_error .gfield_description {
  color: #E0364B !important;
  border-color: #E0364B !important;
}
.gform_wrapper.gravity-theme .gfield_error .gfield_description {
  font-weight: 300 !important;
  border: none !important;
  background-color: transparent !important;
  padding-left: 0 !important;
}
.gform_wrapper.gravity-theme .gfield_error .gfield_required {
  color: #E0364B !important;
}
.gform_wrapper.gravity-theme .gfield_error input {
  outline: 1px solid #E0364B;
}
.gform_wrapper.gravity-theme [aria-invalid=true] + label {
  color: #E0364B !important;
}
.gform_wrapper.gravity-theme .gfield_required {
  color: rgba(44, 44, 44, 0.5019607843) !important;
  font-weight: 400 !important;
  font-style: normal !important;
}
.gform_wrapper.gravity-theme .gfield_required_text {
  display: inline-block;
  margin-left: 5px;
}

.gform_confirmation_wrapper .gform_confirmation_message {
  color: #2C2C2C !important;
  font-family: "Sora", sans-serif !important;
  font-size: 14px;
  font-size: 0.875rem;
  background-color: #D8E4C6 !important;
  box-shadow: none;
  border-radius: 20px;
  border: none;
  padding: 25px;
  margin-bottom: 40px;
  display: flex;
  align-items: center;
  gap: 20px;
}
.gform_confirmation_wrapper .gform_confirmation_message:before {
  display: block;
  content: "";
  width: 37px;
  height: 40px;
  background: url("../images/gform_confirm.svg") no-repeat center;
  background-size: 100%;
}

.m_headline:not(.m_headline__intern) {
  position: relative;
  max-width: 740px;
  padding-left: 30px;
  margin-bottom: 60px;
}
@media screen and (min-width: 1025px) {
  .m_headline:not(.m_headline__intern) {
    padding-left: 60px;
  }
}
.m_headline:not(.m_headline__intern):before {
  content: "";
  width: 8px;
  height: 100%;
  background-color: rgba(44, 44, 44, 0.1);
  position: absolute;
  top: 0;
  left: 0;
}
.m_headline:not(.m_headline__intern) .m_headline__content {
  margin-top: 25px;
}

.loader {
  width: 48px;
  height: 48px;
  border: 5px dotted #D4704C;
  border-radius: 50%;
  display: inline-block;
  position: relative;
  box-sizing: border-box;
  animation: rotation 2s linear infinite;
}
.loader__wrapper {
  width: 100%;
  display: flex;
  justify-content: center;
}

@keyframes rotation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
#xyz_pagination {
  margin-top: 40px;
}
@media screen and (max-width: 1024px) {
  #xyz_pagination {
    margin-top: 30px;
    margin-bottom: 30px;
  }
}
#xyz_pagination .pagination__list {
  display: flex;
  justify-content: center;
  align-items: center;
}
#xyz_pagination button.page {
  cursor: pointer;
}
#xyz_pagination .page {
  display: inline-block;
  font-size: 22px;
  font-size: 1.375rem;
  font-family: "Kanit", sans-serif;
  font-weight: 600;
  color: #2C2C2C;
  line-height: 1;
  margin: 0 10px;
  padding: 8px;
}
#xyz_pagination .page.current {
  position: relative;
  z-index: 0;
  color: white;
}
#xyz_pagination .page.current:before {
  content: "";
  aspect-ratio: 1/1;
  width: auto;
  height: 100%;
  background-color: #2C2C2C;
  border-radius: 10px;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: -1;
}
#xyz_pagination .prev,
#xyz_pagination .next {
  display: inline-block;
  position: relative;
  overflow: hidden;
}
#xyz_pagination .prev svg,
#xyz_pagination .next svg {
  vertical-align: middle;
}
#xyz_pagination .next svg {
  transform: rotate(-0.5turn);
}

.wp_pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 14px;
}
.wp_pagination .page-numbers {
  font-size: 22px;
  font-size: 1.375rem;
  font-family: "Kanit", sans-serif;
  line-height: 1;
  color: #2C2C2C;
  font-weight: 600;
  padding: 8px 10px;
}
.wp_pagination .page-numbers.current {
  width: 40px;
  height: 40px;
  color: white;
  background-color: #2C2C2C;
  border-radius: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.wp_pagination .page-numbers.next, .wp_pagination .page-numbers.prev {
  position: relative;
  width: 40px;
  height: 40px;
  text-indent: -9999px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.wp_pagination .page-numbers.next:before, .wp_pagination .page-numbers.prev:before {
  display: block;
  content: ">";
  width: 10px;
  height: 20px;
  color: #2C2C2C;
  background: url("../images/arrow_pagination.svg") no-repeat center;
  background-size: contain;
}
.wp_pagination .page-numbers.prev:before {
  transform: rotate(0.5turn);
}

@supports (display: grid) {
  @media screen and (min-width: 0px) {
    .m_panel__block {
      grid-column: auto/span 4;
    }
  }
}
@supports (display: grid) {
  @media screen and (min-width: 500px) {
    .m_panel__block {
      grid-column: auto/span 2;
    }
  }
}
@supports (display: grid) {
  @media screen and (min-width: 1025px) {
    .m_panel__block {
      grid-column: auto/span 3;
    }
  }
}
input[type=radio] + label::before {
  width: 16px;
  height: 16px;
  background: white;
  border: 1px solid #2C2C2C;
  border-radius: 100%;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}

input[type=radio] + label::after {
  width: 10px;
  height: 10px;
  background: #2C2C2C;
  border: 0 solid #F0F0F0;
  border-radius: 100%;
  position: absolute;
  top: 50%;
  left: 4px;
  transform: translateY(-50%);
}

input[type=radio] {
  opacity: 0;
  position: absolute;
}

input[type=radio] + label {
  display: inline-block;
  position: relative;
  font-size: 14px !important;
  font-weight: 400 !important;
  padding-left: 25px !important;
  cursor: pointer;
}
input[type=radio] + label::after, input[type=radio] + label::before {
  content: "";
  display: block;
  cursor: pointer;
}
input[type=radio] + label::after {
  opacity: 0;
}

input[type=radio]:checked + label::after {
  opacity: 1;
}

input[type=radio]:focus ~ label:before {
  box-shadow: 0 0 0 2px #2C2C2C;
}

select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  padding: 20px 40px 20px 20px !important;
  color: #2C2C2C;
  font-family: "Sora", sans-serif;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 600;
  text-transform: uppercase;
  border-radius: 10px;
  border: 1px solid #D4704C;
  background-color: white;
  cursor: pointer;
}

.select_wrapper {
  position: relative;
}
.select_wrapper:before {
  content: "";
  width: 14px;
  height: 7px;
  background: url("../images/carret.svg") no-repeat center;
  background-size: contain;
  position: absolute;
  top: 50%;
  right: 15px;
  transform: translateY(-50%);
  pointer-events: none;
}

.edd-select {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  width: 0;
  height: 0;
  padding: 0;
  pointer-events: none;
  z-index: -99;
}

.edd-root {
  position: relative;
}
.edd-root .edd-head,
.edd-root .edd-option {
  font-family: "Sora", sans-serif;
}
.edd-root .edd-head:hover, .edd-root .edd-head:focus,
.edd-root .edd-option:hover,
.edd-root .edd-option:focus {
  cursor: pointer;
}
.edd-root .edd-head {
  padding: 15px 20px;
  background-color: #F0F0F0;
  border-radius: 10px;
  border: 1px solid rgba(44, 44, 44, 0.15);
  font-weight: 500;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.edd-root .edd-arrow {
  flex: 0 0 18px;
  width: 14px;
  height: 7px;
  margin-left: 25px;
  background-image: url("../images/dropdown.svg");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  transition: transform 0.15s ease;
}
.edd-root .edd-body {
  position: absolute;
  top: calc(100% - 1px);
  left: 0;
  right: 0;
  background: white;
  border: 1px solid rgba(44, 44, 44, 0.15);
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  transform: scaleY(0);
  transform-origin: top;
  height: 0;
  opacity: 0;
  pointer-events: none;
  overflow: hidden;
  z-index: 9999;
  transition: 0.3s ease;
}
.edd-root-open .edd-arrow {
  transform: rotate(0.5turn);
}
.edd-root-open .edd-head {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  border-bottom: 1px solid rgba(44, 44, 44, 0.15);
}
.edd-root-open .edd-body {
  height: auto;
  opacity: 1;
  pointer-events: all;
  transform: scaleY(1);
}
.edd-root-focused .edd-head {
  outline: -webkit-focus-ring-color auto 1px;
}
.edd-root .edd-items-list {
  background: white;
  overflow: auto;
}
.edd-root .edd-option {
  padding: 0.8rem 1.5rem;
  font-weight: 500;
}
.edd-root .edd-option:hover, .edd-root .edd-option:focus, .edd-root .edd-option-focused {
  cursor: pointer;
  color: white;
  background: #2C2C2C;
}

.h1,
h1, .m_content .h1,
.m_content h1 {
  font-family: "Kanit", sans-serif;
  font-size: 70px;
  font-size: 4.375rem;
  font-weight: 600;
  line-height: 1;
}
@media screen and (max-width: 768px) {
  .h1,
  h1, .m_content .h1,
  .m_content h1 {
    font-size: 30px;
    font-size: 1.875rem;
  }
}

.h2,
h2, .m_content .h2,
.m_content h2 {
  font-family: "Kanit", sans-serif;
  font-weight: 600;
  font-size: 24px;
  font-size: 1.5rem;
  text-transform: uppercase;
  letter-spacing: 2px;
  line-height: 1;
}
@media screen and (max-width: 1024px) {
  .h2,
  h2, .m_content .h2,
  .m_content h2 {
    font-size: 20px;
    font-size: 1.25rem;
  }
}

.h3,
h3, .m_content .h3,
.m_content h3 {
  font-family: "Kanit", sans-serif;
  font-size: 24px;
  font-size: 1.5rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
  line-height: 1;
}
@media screen and (max-width: 1024px) {
  .h3,
  h3, .m_content .h3,
  .m_content h3 {
    font-size: 18px;
    font-size: 1.125rem;
  }
}

.m_archive__tox_info .tox_results .tox_results__item a, .m_map .cluster, .m_facts_figures__content .fact, .h4,
h4, .m_content .h4,
.m_content h4, .m_headline:not(.m_headline__intern) .m_headline__title {
  font-family: "Kanit", sans-serif;
  font-size: 22px;
  font-size: 1.375rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
  line-height: 1;
}
@media screen and (max-width: 1024px) {
  .m_archive__tox_info .tox_results .tox_results__item a, .m_map .cluster, .m_facts_figures__content .fact, .h4,
  h4, .m_content .h4,
  .m_content h4, .m_headline:not(.m_headline__intern) .m_headline__title {
    font-size: 20px;
    font-size: 1.25rem;
  }
}

.autosuggest ul li .title, .h5,
h5, .m_content .h5,
.m_content h5 {
  font-family: "Kanit", sans-serif;
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 1px;
  line-height: 1;
}
@media screen and (max-width: 1024px) {
  .autosuggest ul li .title, .h5,
  h5, .m_content .h5,
  .m_content h5 {
    font-size: 18px;
    font-size: 1.125rem;
  }
}

.h6,
h6 {
  font-family: "Kanit", sans-serif;
  font-size: 18px;
  font-size: 1.125rem;
  text-transform: none;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 1;
}
@media screen and (max-width: 1024px) {
  .h6,
  h6 {
    font-size: 16px;
    font-size: 1rem;
  }
}

.filters {
  margin-top: 25px;
}
@media screen and (min-width: 1025px) {
  .filters {
    margin-top: 40px;
  }
}
.filters .tax_filter {
  position: relative;
  min-width: 250px;
  max-width: 360px;
  width: 100%;
}
@media screen and (max-width: 660px) {
  .filters .tax_filter {
    width: 100%;
  }
}
.filters .tax_filter[data-open=open] .options_list {
  opacity: 1;
  transform: scaleY(1);
  border-top: 1px solid transparent;
}
.filters .tax_filter__label {
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  font-family: "Sora", sans-serif;
  font-weight: 600;
  letter-spacing: 1px;
  margin-bottom: 30px;
}
.filters .tax_filter__header {
  position: relative;
  display: block;
  width: 100%;
  padding: 13px 15px;
  font-family: "Sora", sans-serif;
  font-size: 16px;
  font-size: 1rem;
  text-align: left;
  border: 1px solid rgba(44, 44, 44, 0.15);
  border-radius: 5px;
  background-color: #F0F0F0;
  cursor: pointer;
}
.filters .tax_filter__header:before {
  content: "";
  width: 14px;
  height: 7px;
  background-image: url("../images/dropdown.svg");
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
  z-index: 1;
}
.filters .tax_filter .options_list {
  opacity: 0;
  width: 100%;
  transform: scaleY(0);
  padding: 15px;
  border: 1px solid rgba(44, 44, 44, 0.15);
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  background-color: #F0F0F0;
  position: absolute;
  top: calc(100% - 3px);
  left: 0;
  z-index: 3;
  max-height: 250px;
  overflow: scroll;
  transition: opacity 0.3s ease, transform 0.3s ease;
  transform-origin: top;
}
.filters .tax_filter__item {
  margin-bottom: 10px;
}
.filters .tax_filter__item:last-child {
  margin-bottom: 0;
}

.autosuggest {
  display: none;
  flex-direction: column;
  padding-inline: 15px;
}
@media screen and (max-width: 1024px) {
  .autosuggest {
    max-height: 95%;
    overflow-Y: scroll;
  }
}
.autosuggest ul li {
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #000;
}
.autosuggest ul li .title {
  font-weight: 500;
}
.autosuggest ul li:last-child {
  border-bottom: none;
}
.autosuggest__list {
  max-height: 800px;
  overflow-Y: scroll;
}
.autosuggest__common {
  margin-top: 20px;
}
.autosuggest__common p.h4 {
  margin-bottom: 30px;
}
.autosuggest__close {
  margin-left: auto;
  display: block;
  cursor: pointer;
  margin-bottom: 20px;
}
.autosuggest__form {
  display: block;
  justify-content: space-between;
  align-items: center;
}
.autosuggest__search {
  position: relative;
  flex: 1 0 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 20px;
}
.autosuggest__search-input {
  flex: 1;
  width: 100%;
  background-color: #F0F0F0;
  border: solid 1px rgba(44, 44, 44, 0.15);
  border-radius: 10px;
  padding: 16px 20px;
  font-size: 16px;
  cursor: pointer;
}
.autosuggest__search-input::-moz-placeholder {
  opacity: 0.5;
}
.autosuggest__search-input::placeholder {
  opacity: 0.5;
}
.autosuggest__search-btn {
  height: 60px;
  width: 60px;
  border-radius: 10px;
  padding: 16px 11px;
  background-color: #D4704C;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
@media screen and (max-width: 499px) {
  .autosuggest__search-btn {
    width: 100%;
  }
}
.autosuggest__list {
  margin-top: 30px;
  height: 100%;
  max-height: 600px;
  overflow-Y: scroll;
}
.autosuggest__list li {
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid #000;
}
.autosuggest__list li:first-child {
  margin-top: 0;
  padding-top: 0;
  border-top: none;
}

.dialog-content {
  position: relative;
  background-color: white;
  width: calc(100% - 30px);
  max-width: 800px;
  padding: 30px;
  border-radius: 30px;
  z-index: 99;
}

.dialog-close {
  position: absolute;
  top: 15px;
  right: 30px;
  z-index: 1;
}

.dialog-title {
  margin-bottom: 30px;
}

/**
* 1. Make the dialog container, and its child overlay spread across
*    the entire window.
*/
.dialog-container,
.dialog-overlay {
  position: fixed; /* 1 */
  inset: 0; /* 1 */
}

/**
* 1. Make sure the dialog container and all its descendants sits on
*    top of the rest of the page.
* 2. Make the dialog container a flex container to easily center the
*    dialog.
*/
.dialog-container {
  z-index: 2; /* 1 */
  display: flex; /* 2 */
  justify-content: center;
  align-items: center;
  z-index: 99;
}

/**
* 1. Make sure the dialog container and all its descendants are not
*    visible and not focusable when it is hidden.
*/
.dialog-container[aria-hidden=true] {
  display: none; /* 1 */
}

/**
* 1. Make the overlay look like an overlay.
*/
.dialog-overlay {
  background-color: rgba(43, 46, 56, 0.9); /* 1 */
}

/**
* 1. Vertically and horizontally center the dialog in the page.
* 2. Make sure the dialog sits on top of the overlay.
* 3. Make sure the dialog has an opaque background.
*/
.dialog-content {
  margin: auto; /* 1 */
  z-index: 2; /* 2 */
  position: relative; /* 2 */
  background-color: white; /* 3 */
}

.topbar__logo img {
  max-width: 230px;
  height: 100%;
}
@media screen and (max-width: 1024px) {
  .topbar__logo img {
    max-width: 115px;
  }
}
.topbar__desktop {
  padding: 30px;
}
.topbar__desktop .container--top {
  display: flex;
  align-items: center;
  gap: 30px;
}
.topbar__desktop .container--top .topbar__lang {
  margin-left: auto;
}
.topbar__desktop .container--top .topbar__lang .pll-switcher-select {
  height: 60px;
}
.topbar__desktop .container--bottom {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 30px;
  margin-top: 30px;
}
.topbar__mobile {
  position: relative;
  z-index: 98;
  height: 165px;
  background-color: white;
  padding: 15px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 25px;
}
.topbar__mobile .topbar__contact {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 20px;
}
.topbar__mobile .wrapper {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1;
  overflow: auto;
  width: 100%;
  height: calc(var(--vh, 1vh) * 100 - 165px);
  background-color: white;
  padding-inline: 15px;
  transform: translateX(-100%);
  transition: transform 0.3s ease;
}
.isActive .topbar__mobile .wrapper {
  transform: translateX(0);
}
.topbar__mobile .topbar__mobile-nav-main .menu {
  margin-block: 30px;
}
.topbar__mobile .topbar__mobile-nav-main .menu-item {
  margin-bottom: 50px;
}
.topbar__mobile .topbar__mobile-nav-main .menu-item:last-child {
  margin-bottom: 0;
}
.topbar__mobile .topbar__mobile-nav-main .menu-item a {
  font-family: "Kanit", sans-serif;
  font-size: 24px;
  font-size: 1.5rem;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.topbar__mobile .topbar__mobile-nav-main .menu .current-menu-item a {
  position: relative;
}
.topbar__mobile .topbar__mobile-nav-main .menu .current-menu-item a:before {
  content: "";
  width: 5px;
  height: 5px;
  background-color: #2C2C2C;
  border-radius: 10px;
  position: absolute;
  top: 50%;
  right: -15px;
  transform: translateY(-50%);
}
.topbar__mobile .topbar__lang {
  display: inline-block;
}
.topbar__contact {
  margin-left: auto;
  display: flex;
  align-items: center;
  gap: 20px;
}
.topbar__contact li {
  flex-grow: 1;
  flex-shrink: 1;
}
.topbar__contact li a {
  position: relative;
  width: 100%;
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: 600;
  padding: 15px 20px 15px 50px;
  border: 1px solid #31AE89;
  border-radius: 10px;
}
.topbar__contact li a.unavailable {
  border-color: #E0364B;
}
.topbar__contact li a.unavailable .status {
  color: #E0364B;
}
.topbar__contact li a.phone:before {
  content: "";
  width: 20px;
  height: 20px;
  background: url("../images/call.svg") no-repeat center;
  background-size: contain;
  position: absolute;
  top: 50%;
  left: 20px;
  transform: translateY(-50%);
}
.topbar__contact li a.email:before {
  content: "";
  width: 20px;
  height: 20px;
  background: url("../images/email.svg") no-repeat center;
  background-size: contain;
  position: absolute;
  top: 50%;
  left: 20px;
  transform: translateY(-50%);
}
.topbar__contact li a .status {
  font-size: 8px;
  font-size: 0.5rem;
  text-transform: uppercase;
  color: #31AE89;
}

.topbar__desktop .topbar__nav-main .menu {
  display: flex;
  align-items: center;
  gap: 30px;
}
.topbar__desktop .topbar__nav-main .menu-item a {
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
  position: relative;
}
.topbar__desktop .topbar__nav-main .menu-item a:before {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 2px;
  background-color: #2C2C2C;
  position: absolute;
  bottom: -10px;
  left: calc(50% - 3px);
  opacity: 0;
  transform: translateY(5px);
  transition: 0.3s ease;
}
.topbar__desktop .topbar__nav-main .menu-item a:hover:before, .topbar__desktop .topbar__nav-main .menu-item a:focus:before {
  transform: translateY(0);
  opacity: 1;
}
.topbar__desktop .topbar__nav-main .menu .current-menu-item a:before {
  transform: translateY(0);
  opacity: 1;
}

.topbar__search-wrapper .icon-search {
  height: 60px;
  width: 60px;
  border-radius: 10px;
  padding: 16px 11px;
  background-color: #D4704C;
  display: flex;
  justify-content: center;
  align-items: center;
}
.topbar__search-wrapper .icon-search svg {
  vertical-align: middle;
}
.topbar__search-wrapper .icon-close {
  display: none;
  max-height: 48px;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.topbar__search-wrapper .topbar__search-icon {
  cursor: pointer;
}

.topbar__mobile .topbar__search-wrapper {
  margin-left: auto;
}
.topbar__mobile .icon-search {
  height: 45px;
  width: 45px;
  border-radius: 10px;
  padding: 16px 11px;
  background-color: rgba(44, 44, 44, 0.02);
  border: 1px solid rgba(240, 240, 240, 0.5);
  display: flex;
  justify-content: center;
  align-items: center;
}
.topbar__mobile .icon-search svg {
  vertical-align: middle;
}
.topbar__mobile .icon-search svg path {
  stroke: #2C2C2C;
}

.burger {
  height: 20px;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media screen and (min-width: 1025px) {
  .burger {
    width: 100%;
    height: 100%;
    padding: 10px 0;
  }
}
.burger:hover .burger__line {
  background: #9DC36E;
}
.burger-wrapper {
  height: 40px;
  width: 55px;
  cursor: pointer;
}
.burger-wrapper .label {
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 400;
  letter-spacing: 2px;
  cursor: pointer;
}
.burger__line {
  display: block;
  height: 2px;
  background: #2C2C2C;
  transition: transform 0.15s ease, background-color 0.2s ease;
}
.burger__line:nth-child(1) {
  width: 30px;
}
.burger__line:nth-child(2) {
  width: 15px;
}
.burger__line:nth-child(3) {
  width: 48px;
}
.burger__line:first-child {
  transform-origin: center center;
}
.burger__line:last-child {
  margin-bottom: 0;
  transform-origin: center center;
}

.overflow .burger {
  justify-content: center;
}
.overflow .burger__line {
  width: 30px;
  height: 2px;
  margin-bottom: 0;
}
.overflow .burger__line:first-child {
  transform: translateY(2px) rotate(45deg);
}
.overflow .burger__line:nth-child(2) {
  transform: scale(0);
}
.overflow .burger__line:last-child {
  transform: translateY(-2px) rotate(-45deg);
}

.bottombar {
  padding: 30px;
  margin-top: 100px;
}
@supports (display: grid) {
  @media screen and (min-width: 0px) {
    .bottombar__col {
      grid-column: auto/span 4;
    }
  }
}
@supports (display: grid) {
  @media screen and (min-width: 1025px) {
    .bottombar__col {
      grid-column: auto/span 8;
    }
  }
}
.bottombar__col-title {
  padding-bottom: 25px;
  margin-bottom: 30px;
  border-bottom: 1px solid rgba(44, 44, 44, 0.5);
}
@media screen and (max-width: 1024px) {
  .bottombar__col + .bottombar__col {
    margin-top: 30px;
  }
}
.bottombar .phone {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
}
.bottombar .phone__number {
  font-size: 22px;
  font-size: 1.375rem;
  font-weight: 600;
  color: white;
  border-radius: 10px;
  background-color: #2C2C2C;
}
@media screen and (min-width: 1025px) and (max-width: 1149px) {
  .bottombar .phone__number {
    font-size: 18px;
  }
}
.bottombar .phone__number span {
  position: relative;
  display: inline-block;
  padding: 20px;
}
.bottombar .phone__number span:before {
  content: "";
  width: 1px;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.5);
  position: absolute;
  top: 0;
  right: 0;
}
.bottombar .newsletter {
  margin-top: 30px;
}
.bottombar .support {
  margin-top: 50px;
}
.bottombar .support__intro {
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 300;
  max-width: 300px;
}
.bottombar .partners {
  margin-top: 30px;
}
.bottombar .partners li {
  text-align: left;
  margin-bottom: 30px;
}
.bottombar .partners li:last-child {
  margin-bottom: 0;
}
.bottombar .partners li img {
  max-height: 80px;
  width: unset;
  height: unset;
}
.bottombar__subfooter {
  display: flex;
  border-top: 1px solid rgba(44, 44, 44, 0.5);
  padding-top: 50px;
  margin-top: 50px;
  margin-bottom: 20px;
}
@media screen and (min-width: 1025px) {
  .bottombar__subfooter {
    justify-content: space-between;
    align-items: center;
  }
}
@media screen and (max-width: 1024px) {
  .bottombar__subfooter {
    flex-direction: column;
    text-align: center;
  }
}
.bottombar__subfooter p {
  font-size: 14px;
  font-size: 0.875rem;
  letter-spacing: 1px;
}
.bottombar__nav-footer .menu-item {
  line-height: 1;
  margin-bottom: 30px;
}
.bottombar__nav-footer .menu-item:last-child {
  margin-bottom: 0;
}
.bottombar__nav-footer .menu-item a {
  font-family: "Kanit", sans-serif;
  font-size: 20px;
  font-size: 1.25rem;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.bottombar__nav-footer .menu-item a:hover, .bottombar__nav-footer .menu-item a:focus {
  text-decoration: underline;
}
.bottombar__nav-legal .menu {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 30px;
}
@media screen and (max-width: 1024px) {
  .bottombar__nav-legal .menu {
    justify-content: center;
    margin-bottom: 30px;
  }
}
.bottombar__nav-legal .menu-item a {
  font-size: 14px;
  font-size: 0.875rem;
  text-transform: uppercase;
  letter-spacing: 1px;
  word-break: keep-all;
}
.bottombar__nav-legal .menu-item a:hover, .bottombar__nav-legal .menu-item a:focus {
  text-decoration: underline;
}

.m_404 {
  margin-inline: 15px;
}
.m_404__wrapper {
  border-radius: 40px;
  margin-block: 40px;
  padding: 100px 60px;
}
.m_404__header {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  gap: 30px;
}
@supports (display: grid) {
  @media screen and (min-width: 0px) {
    .m_404__header {
      grid-column: auto/span 4;
    }
  }
}
@supports (display: grid) {
  @media screen and (min-width: 1025px) {
    .m_404__header {
      grid-column: auto/span 10;
      grid-column-start: 2;
    }
  }
}
.m_404__image {
  display: flex;
  justify-content: center;
  align-items: center;
}
@supports (display: grid) {
  @media screen and (min-width: 0px) {
    .m_404__image {
      grid-column: auto/span 4;
    }
  }
}
@supports (display: grid) {
  @media screen and (min-width: 1025px) {
    .m_404__image {
      grid-column: auto/span 10;
      grid-column-start: 13;
    }
  }
}
@media screen and (max-width: 1024px) {
  .m_404__image {
    order: -1;
  }
}
.m_404__image svg {
  height: auto;
}

.m_archive[data-block] {
  margin-top: 70px;
}
.m_archive__header .filters {
  display: flex;
  flex-wrap: wrap;
  gap: 40px;
  margin-bottom: 30px;
}
.m_archive__header .filters .flex {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 30px;
}
@media screen and (min-width: 1025px) {
  .m_archive__header .filters {
    margin-bottom: 60px;
  }
}
.m_archive .xyz_count {
  margin-bottom: 40px;
}
@media screen and (min-width: 1025px) {
  .m_archive .xyz_count {
    margin-bottom: 60px;
  }
}
@supports (display: grid) {
  @media screen and (min-width: 0px) {
    .m_archive .m_news__block {
      grid-column: auto/span 4;
    }
  }
}
@supports (display: grid) {
  @media screen and (min-width: 769px) {
    .m_archive .m_news__block {
      grid-column: auto/span 2;
    }
  }
}
@supports (display: grid) {
  @media screen and (min-width: 1025px) {
    .m_archive .m_news__block {
      grid-column: auto/span 8;
    }
  }
}
.m_archive .m_news__block:first-child {
  grid-row: span 1 !important;
}
@supports (display: grid) {
  @media screen and (min-width: 1025px) {
    .m_archive .m_news__block:first-child {
      grid-column: auto/span 8;
    }
  }
}
.m_archive .m_news__block:first-child .m_news__image {
  aspect-ratio: 350/250 !important;
}

.m_article__content-wrapper {
  max-width: 740px;
  margin: 0 auto;
}
.m_article .date {
  font-family: "Sora", sans-serif;
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: 300;
  text-transform: uppercase;
  letter-spacing: 2px;
  width: 100%;
}

.m_article__related-header {
  padding: 0 15px;
}
.m_article__related .m_news {
  margin-top: 30px;
}
@media screen and (min-width: 1025px) {
  .m_article__related .m_news {
    margin-top: 60px;
  }
}
@supports (display: grid) {
  @media screen and (min-width: 0px) {
    .m_article__related .m_news__block {
      grid-column: auto/span 4;
    }
  }
}
@supports (display: grid) {
  @media screen and (min-width: 769px) {
    .m_article__related .m_news__block {
      grid-column: auto/span 2;
    }
  }
}
@supports (display: grid) {
  @media screen and (min-width: 1025px) {
    .m_article__related .m_news__block {
      grid-column: auto/span 8;
    }
  }
}
.m_article__related .m_news__block:first-child {
  grid-row: span 1 !important;
}
@supports (display: grid) {
  @media screen and (min-width: 1025px) {
    .m_article__related .m_news__block:first-child {
      grid-column: auto/span 8;
    }
  }
}
.m_article__related .m_news__block:first-child .m_news__image {
  aspect-ratio: 350/250 !important;
}

.m_search__query {
  font-family: "Sora", sans-serif;
  font-size: 30px;
  font-size: 1.875rem;
  font-weight: 300;
  letter-spacing: 1px;
}
.m_search .count {
  margin-top: 30px;
}
@media screen and (min-width: 1025px) {
  .m_search .count {
    margin-top: 60px;
  }
}
.m_search__container {
  margin-top: 30px;
}
@media screen and (min-width: 1025px) {
  .m_search__container {
    margin-top: 60px;
  }
}
.m_search__block {
  display: block;
  padding: 30px;
  border-radius: 30px;
  max-width: 1040px;
  transition: 0.3s ease;
}
.m_search__block + .m_search__block {
  margin-top: 30px;
}
.m_search__content {
  display: flex;
  justify-content: space-between;
  gap: 30px;
}
.m_search__content .content {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.m_search__content .content .date {
  font-family: "Sora", sans-serif;
  font-size: 12px;
  font-size: 0.75rem;
  text-transform: uppercase;
  font-weight: 300;
  letter-spacing: 2px;
}
.m_search__content .image {
  aspect-ratio: 1/1;
  width: 100%;
  height: 100%;
  max-width: 120px;
  max-height: 120px;
}
.m_search__content .image img {
  border-radius: 20px;
}
@media screen and (max-width: 768px) {
  .m_search__content .image {
    display: none;
  }
}
.m_search .wp_pagination {
  margin-top: 30px;
}
@media screen and (min-width: 1025px) {
  .m_search .wp_pagination {
    margin-top: 60px;
  }
}

.m_hero {
  position: relative;
  border-radius: 40px;
  overflow: hidden;
  padding: 50px 15px;
}
@media screen and (min-width: 1025px) {
  .m_hero {
    padding: 180px 50px;
  }
}
.m_hero__container-image {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  height: 100%;
  width: 100%;
}
.m_hero__container-content {
  position: relative;
  z-index: 1;
  max-width: 800px;
  background-color: white;
  border-radius: 40px;
  padding: 60px;
}
.m_hero__container-content .m_content {
  margin-top: 30px;
}
.m_hero__btns {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 30px;
  margin-top: 30px;
}
.m_hero__pos-left .m_hero__container-content {
  margin-left: auto;
}
.m_hero__pos-bg:before {
  content: "";
  width: 100%;
  height: 100%;
  background-color: rgba(44, 44, 44, 0.5);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
.m_hero__pos-bg .m_hero__container-content {
  padding: 0;
  background-color: transparent;
}
.m_hero__pos-bg .m_hero__container-content *:not(.btn) {
  color: white;
}

.m_textImg__block {
  border-radius: 40px;
  padding-block: 60px;
}
@media screen and (max-width: 1024px) {
  .m_textImg__block {
    gap: 0;
    padding: 0;
  }
}
.m_textImg__block + .m_textImg__block {
  margin-top: 40px;
}
.m_textImg__image {
  overflow: hidden;
}
@supports (display: grid) {
  @media screen and (min-width: 0px) {
    .m_textImg__image {
      grid-column: auto/span 4;
    }
  }
}
@supports (display: grid) {
  @media screen and (min-width: 1025px) {
    .m_textImg__image {
      grid-column: auto/span 9;
    }
  }
}
@media screen and (max-width: 1024px) {
  .m_textImg__image {
    aspect-ratio: 1/1;
  }
}
.m_textImg__content {
  padding: 30px;
}
@supports (display: grid) {
  @media screen and (min-width: 0px) {
    .m_textImg__content {
      grid-column: auto/span 4;
    }
  }
}
@supports (display: grid) {
  @media screen and (min-width: 1025px) {
    .m_textImg__content {
      grid-column: auto/span 13;
      grid-column-start: 11;
    }
  }
}
@media screen and (min-width: 1025px) {
  .m_textImg__content {
    padding: 100px 0;
  }
}
.m_textImg__content .m_headline__title {
  margin-bottom: 30px;
}
@media screen and (max-width: 1024px) {
  .m_textImg--left .m_textImg__image {
    border-radius: 40px;
    border-bottom-right-radius: 0;
  }
}
@media screen and (min-width: 1025px) {
  .m_textImg--left .m_textImg__image img {
    border-top-right-radius: 40px;
    border-bottom-right-radius: 40px;
  }
}
@supports (display: grid) {
  @media screen and (min-width: 1025px) {
    .m_textImg--right .m_textImg__image {
      grid-column: auto/span 9;
      grid-column-start: 16;
    }
  }
}
@media screen and (max-width: 1024px) {
  .m_textImg--right .m_textImg__image {
    border-radius: 40px;
    border-bottom-left-radius: 0;
  }
}
@media screen and (min-width: 1025px) {
  .m_textImg--right .m_textImg__image {
    order: 1;
  }
  .m_textImg--right .m_textImg__image img {
    border-top-left-radius: 40px;
    border-bottom-left-radius: 40px;
  }
}
@supports (display: grid) {
  @media screen and (min-width: 1025px) {
    .m_textImg--right .m_textImg__content {
      grid-column: auto/span 13;
      grid-column-start: 2;
    }
  }
}

.m_editor__content {
  max-width: 800px;
  margin: 0 auto;
}

.m_image__image {
  aspect-ratio: 1/1;
  border-radius: 40px;
  overflow: hidden;
}
@media screen and (min-width: 1025px) {
  .m_image__image {
    aspect-ratio: 1400/700;
  }
}
.m_image__content {
  margin-top: 40px;
}
.m_image__content .m_headline__title {
  border-bottom: 1px solid #F0F0F0;
  padding-bottom: 30px;
  margin-bottom: 30px;
}

.m_columns__block {
  display: flex;
  flex-direction: column;
  gap: 30px;
  border-radius: 40px;
  padding: 20px;
}
@media screen and (min-width: 1025px) and (max-width: 1200px) {
  .m_columns__block {
    padding: 40px;
  }
}
@media screen and (min-width: 1201px) {
  .m_columns__block {
    padding: 60px;
  }
}
@media screen and (max-width: 1024px) {
  .m_columns__block .btn {
    display: flex;
    justify-content: center;
  }
}
.m_columns__image {
  aspect-ratio: 550/336;
  border-radius: 20px;
  overflow: hidden;
}
.m_columns__content {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
@media screen and (max-width: 1024px) {
  .m_columns__content {
    padding: 10px;
  }
}
.m_columns__title {
  padding-bottom: 30px;
  border-bottom: 1px solid rgba(44, 44, 44, 0.1);
}
.m_columns .m_btns {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 30px;
  margin-top: 30px;
}
@media screen and (min-width: 1025px) {
  .m_columns .m_btns {
    margin-top: 60px;
  }
}

@media screen and (max-width: 1024px) {
  .m_news__container {
    gap: 60px;
  }
}
@supports (display: grid) {
  @media screen and (min-width: 0px) {
    .m_news__block {
      grid-column: auto/span 4;
    }
  }
}
@supports (display: grid) {
  @media screen and (min-width: 769px) {
    .m_news__block {
      grid-column: auto/span 2;
    }
  }
}
@supports (display: grid) {
  @media screen and (min-width: 1025px) {
    .m_news__block {
      grid-column: auto/span 7;
    }
  }
}
.m_news__block:first-child {
  grid-row: span 2;
}
@supports (display: grid) {
  @media screen and (min-width: 1025px) {
    .m_news__block:first-child {
      grid-column: auto/span 10;
    }
  }
}
@media screen and (min-width: 1025px) {
  .m_news__block:first-child .m_news__image {
    aspect-ratio: 550/700;
  }
}
.m_news__block:hover .title, .m_news__block:focus .title {
  text-decoration: underline;
}
.m_news__block:hover .m_news__image picture img, .m_news__block:focus .m_news__image picture img {
  transform: scale(1.05);
}
.m_news__image {
  aspect-ratio: 350/250;
  border-radius: 40px;
  overflow: hidden;
}
.m_news__image img {
  transition: 0.3s ease;
}
.m_news .m_news__image + .m_news__content {
  margin-top: 30px;
}
.m_news__content {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.m_news__content .infos {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.m_news__content .infos * {
  font-family: "Sora", sans-serif;
  font-size: 12px;
  font-size: 0.75rem;
  letter-spacing: 2px;
  text-transform: uppercase;
}
.m_news__content .title {
  border-top: solid 5px #F0F0F0;
  padding-top: 30px;
}
.m_news__content .terms {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 20px;
}
.m_news__content .terms .term {
  font-size: 14px;
  font-size: 0.875rem;
  text-transform: uppercase;
  letter-spacing: 1px;
  border-radius: 10px;
  background-color: #D8E4C6;
  padding: 4px 10px 2px;
}
.m_news .m_btns {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 30px;
}
@media screen and (min-width: 1025px) {
  .m_news .m_btns {
    margin-top: 60px;
  }
}

.m_video {
  overflow: hidden;
}
.m_video__video {
  position: relative;
  border-radius: 40px;
  overflow: hidden;
}
.m_video__overlayImage {
  position: relative;
  aspect-ratio: 16/9;
  border-radius: 40px;
  overflow: hidden;
}
.m_video__overlayImage.disapear {
  display: none;
}
.m_video__player {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
  border-radius: 100px;
  overflow: hidden;
  cursor: pointer;
  transition: 0.3s ease-out;
  background-color: white;
  border: 40px;
  padding: 20px 40px;
  display: flex;
  align-items: center;
  gap: 25px;
}
.m_video__player p {
  order: -1;
  font-size: 16px;
  font-size: 1rem;
  text-transform: uppercase;
}
.m_video__player:hover, .m_video__player:focus {
  transform: translate(-50%, -50%) scale(1.1);
}
.m_video__content {
  margin-top: 40px;
}
.m_video__content .m_headline__title {
  border-bottom: 1px solid #F0F0F0;
  padding-bottom: 30px;
  margin-bottom: 30px;
}

.m_form__content {
  max-width: 680px;
  margin: 0 auto;
}
.m_form__desc {
  margin-top: 30px;
}
@media screen and (min-width: 1025px) {
  .m_form__desc {
    margin-top: 60px;
  }
}

.m_facts_figures__block {
  border-radius: 40px;
  padding: 30px;
}
@supports (display: grid) {
  @media screen and (min-width: 0px) {
    .m_facts_figures__block {
      grid-column: auto/span 4;
    }
  }
}
@supports (display: grid) {
  @media screen and (min-width: 769px) {
    .m_facts_figures__block {
      grid-column: auto/span 2;
    }
  }
}
@supports (display: grid) {
  @media screen and (min-width: 1025px) {
    .m_facts_figures__block {
      grid-column: auto/span 8;
    }
  }
}
@media screen and (min-width: 1025px) {
  .m_facts_figures__block {
    padding: 60px;
  }
}
.m_facts_figures__content .infos {
  border-bottom: 1px solid #F0F0F0;
  padding-bottom: 30px;
  margin-bottom: 30px;
}
.m_facts_figures__content .figure {
  font-family: "Kanit", sans-serif;
  font-size: 70px;
  font-size: 4.375rem;
  font-weight: 700;
  letter-spacing: 2px;
  text-align: center;
}
.m_facts_figures__content .fact {
  text-align: center;
}
.m_map {
  position: relative;
  overflow: hidden;
}
.m_map__container {
  margin-top: 40px;
}
.m_map .map {
  height: 350px;
  z-index: 0;
}
@media screen and (min-width: 769px) {
  .m_map .map {
    height: 450px;
  }
}
@media screen and (min-width: 980px) {
  .m_map .map {
    height: 500px;
  }
}
@media screen and (min-width: 1025px) {
  .m_map .map {
    height: 550px;
  }
}
@media screen and (min-width: 1441px) {
  .m_map .map {
    height: 650px;
  }
}
.m_map .leaflet-popup-content {
  padding: 25px;
  margin: 0;
  position: relative;
  z-index: 0;
}
.m_map .leaflet-popup-content .marker_img {
  margin-bottom: 15px;
}
@media screen and (max-width: 1024px) {
  .m_map .leaflet-popup-content .marker_img {
    display: none;
  }
}
.m_map .leaflet-popup-content a {
  display: block;
  font-size: 18px;
  font-size: 1.125rem;
  font-family: "Sora", sans-serif;
  font-weight: bold;
  color: black;
  text-decoration: underline;
  z-index: 1;
}
.m_map .leaflet-popup-content-wrapper, .m_map .leaflet-popup-tip {
  box-shadow: 0 3px 14px rgba(0, 0, 0, 0.1);
}
.m_map .cluster {
  font-size: 17px;
  height: 40px;
  width: 40px;
  padding: 7px 0;
  text-align: center;
  color: white;
  background: black;
  border-radius: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.m_faqs {
  position: relative;
}
.m_faqs__wrapper {
  border-radius: 40px;
}
.m_faqs__container {
  gap: 0;
  background-color: white;
  border-radius: 40px;
  padding: 30px;
  overflow: hidden;
}
@media screen and (min-width: 1025px) {
  .m_faqs__container {
    padding: 60px;
  }
}
.m_faqs .m_btns {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 30px;
}
@media screen and (min-width: 1025px) {
  .m_faqs .m_btns {
    margin-top: 60px;
  }
}

.m_details {
  position: relative;
  cursor: pointer;
  border-bottom: 1px solid #F0F0F0;
  transition: height 0.2s ease;
}
@supports (display: grid) {
  @media screen and (min-width: 0px) {
    .m_details {
      grid-column: auto/span 4;
    }
  }
}
@supports (display: grid) {
  @media screen and (min-width: 1025px) {
    .m_details {
      grid-column: 1/-1;
    }
  }
}
.m_details:last-child {
  border-bottom: none;
}
.m_details__head {
  position: relative;
  display: block;
  cursor: pointer;
  width: 100%;
  padding-left: 45px;
  padding-block: 30px;
  margin: 0;
  font-family: "Kanit", sans-serif;
  color: #2C2C2C;
  font-size: 18px;
  font-size: 1.125rem;
  text-transform: uppercase;
  text-align: left;
  font-weight: 700;
  letter-spacing: 1px;
  line-height: 1;
  opacity: 0.75;
}
@media screen and (min-width: 1025px) {
  .m_details__head {
    font-size: 24px;
    font-size: 1.5rem;
    padding-left: 50px;
  }
}
.m_details__head:focus-visible {
  outline: 3px solid black;
}
.m_details__head:before, .m_details__head:after {
  content: "";
  width: 20px;
  height: 3px;
  background-color: #D4704C;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
}
.m_details__head:before {
  transform: translateY(-50%) rotate(0.25turn);
}
.m_details__body {
  position: relative;
  padding: 0 0 30px 0;
  opacity: 0;
  visibility: hidden;
  transform: translateY(10px);
  transition: 0.2s ease;
}
@media screen and (min-width: 1025px) {
  .m_details__body {
    padding: 0 0 30px 50px;
  }
}
.m_details.active .m_details__head:before {
  transform: translateY(-50%) rotate(45deg);
}
.m_details.active .m_details__head:after {
  transform: translateY(-50%) rotate(-45deg);
}
.m_details.active .m_details__body {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.m_childs__block {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
@supports (display: grid) {
  @media screen and (min-width: 0px) {
    .m_childs__block {
      grid-column: auto/span 4;
    }
  }
}
@supports (display: grid) {
  @media screen and (min-width: 769px) {
    .m_childs__block {
      grid-column: auto/span 2;
    }
  }
}
@supports (display: grid) {
  @media screen and (min-width: 1025px) {
    .m_childs__block {
      grid-column: auto/span 8;
    }
  }
}
.m_childs__block .title {
  border-bottom: 1px solid #F0F0F0;
  padding-bottom: 30px;
}
.m_childs__block .date {
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: 300;
  text-transform: uppercase;
  letter-spacing: 2px;
}
.m_childs__image {
  aspect-ratio: 16/9;
  border-radius: 40px;
  overflow: hidden;
}

.m_publications__block {
  display: flex;
  border: 1px solid rgba(44, 44, 44, 0.25);
  border-radius: 40px;
}
@supports (display: grid) {
  @media screen and (min-width: 0px) {
    .m_publications__block {
      grid-column: auto/span 4;
    }
  }
}
@supports (display: grid) {
  @media screen and (min-width: 769px) {
    .m_publications__block {
      grid-column: auto/span 2;
    }
  }
}
@supports (display: grid) {
  @media screen and (min-width: 1025px) {
    .m_publications__block {
      grid-column: auto/span 8;
    }
  }
}
.m_publications__block:hover .btn__tertiary:after, .m_publications__block:focus .btn__tertiary:after {
  transform: translateX(10px);
}
.m_publications__content {
  width: 100%;
  padding: 30px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
@media screen and (min-width: 1025px) {
  .m_publications__content {
    padding: 60px;
  }
}
.m_publications__content .title {
  padding-bottom: 30px;
  border-bottom: 1px solid rgba(44, 44, 44, 0.25);
  margin-bottom: 10px;
}
.m_publications__content .date {
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: 300;
  letter-spacing: 2px;
}
.m_publications__content .btn {
  margin-top: auto;
  padding-top: 30px;
}
@media screen and (min-width: 1025px) {
  .m_publications__content .btn {
    padding-top: 60px;
  }
}
.m_publications .m_btns {
  display: flex;
  justify-content: center;
  margin-top: 30px;
}
@media screen and (min-width: 1025px) {
  .m_publications .m_btns {
    margin-top: 60px;
  }
}

.m_protocols__block {
  display: flex;
  flex-direction: column;
  gap: 30px;
  border-radius: 40px;
  padding: 30px;
  transition: 0.3s ease;
}
@supports (display: grid) {
  @media screen and (min-width: 0px) {
    .m_protocols__block {
      grid-column: auto/span 4;
    }
  }
}
@supports (display: grid) {
  @media screen and (min-width: 769px) {
    .m_protocols__block {
      grid-column: auto/span 2;
    }
  }
}
@supports (display: grid) {
  @media screen and (min-width: 1025px) {
    .m_protocols__block {
      grid-column: auto/span 8;
    }
  }
}
.m_protocols__block:hover .btn__tertiary:after, .m_protocols__block:focus .btn__tertiary:after {
  transform: translateX(10px);
}
.m_protocols__content {
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.m_protocols__content .date {
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: 300;
  text-transform: uppercase;
  letter-spacing: 2px;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.m_protocols__content .date:after {
  content: "";
  width: 18px;
  height: 24px;
  background: url("../images/antidote.svg") no-repeat center;
  background-size: contain;
}
.m_protocols__content .btn {
  display: inline-block;
  margin-top: auto;
  padding-top: 30px;
}
.m_protocols .m_btns {
  display: flex;
  justify-content: center;
  margin-top: 30px;
}
@media screen and (min-width: 1025px) {
  .m_protocols .m_btns {
    margin-top: 60px;
  }
}

.m_jobs__block {
  border-bottom: 1px solid #F0F0F0;
  padding: 30px 0;
}
@media screen and (min-width: 1025px) {
  .m_jobs__block {
    padding: 60px 0;
  }
}
@supports (display: grid) {
  @media screen and (min-width: 0px) {
    .m_jobs__block:nth-child(odd) .m_jobs__image {
      grid-column: auto/span 4;
    }
  }
}
@supports (display: grid) {
  @media screen and (min-width: 1025px) {
    .m_jobs__block:nth-child(odd) .m_jobs__image {
      grid-column: auto/span 6;
      grid-column-start: 18;
    }
  }
}
@supports (display: grid) {
  @media screen and (min-width: 0px) {
    .m_jobs__block:nth-child(odd) .m_jobs__content {
      grid-column: auto/span 4;
    }
  }
}
@supports (display: grid) {
  @media screen and (min-width: 1025px) {
    .m_jobs__block:nth-child(odd) .m_jobs__content {
      grid-column: auto/span 14;
      grid-column-start: 2;
    }
  }
}
@supports (display: grid) {
  @media screen and (min-width: 0px) {
    .m_jobs__block:nth-child(even) .m_jobs__image {
      grid-column: auto/span 4;
    }
  }
}
@supports (display: grid) {
  @media screen and (min-width: 1025px) {
    .m_jobs__block:nth-child(even) .m_jobs__image {
      grid-column: auto/span 6;
      grid-column-start: 2;
    }
  }
}
@supports (display: grid) {
  @media screen and (min-width: 0px) {
    .m_jobs__block:nth-child(even) .m_jobs__content {
      grid-column: auto/span 4;
    }
  }
}
@supports (display: grid) {
  @media screen and (min-width: 1025px) {
    .m_jobs__block:nth-child(even) .m_jobs__content {
      grid-column: auto/span 14;
      grid-column-start: 9;
    }
  }
}
.m_jobs__image {
  aspect-ratio: 300/225;
  border-radius: 40px;
  overflow: hidden;
}
@media screen and (min-width: 1025px) {
  .m_jobs__image {
    grid-row-start: 1;
  }
}
.m_jobs__content {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
@media screen and (min-width: 1025px) {
  .m_jobs__content {
    grid-row-start: 1;
  }
}
.m_jobs__content .date {
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: 300;
  text-transform: uppercase;
  letter-spacing: 2px;
  width: 100%;
}
.m_jobs .m_btns {
  display: flex;
  justify-content: center;
  margin-top: 30px;
}
@media screen and (min-width: 1025px) {
  .m_jobs .m_btns {
    margin-top: 60px;
  }
}

@supports (display: grid) {
  @media screen and (min-width: 0px) {
    .m_tox__filters {
      grid-column: auto/span 4;
    }
  }
}
@supports (display: grid) {
  @media screen and (min-width: 1025px) {
    .m_tox__filters {
      grid-column: auto/span 10;
    }
  }
}
@media screen and (min-width: 1025px) {
  .m_tox__filters .filters__header {
    display: none;
  }
}
.m_tox__filters .filters__header-btn {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
}
.m_tox__filters .filters {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 30px;
  padding: 30px;
  border-radius: 40px;
  border: 1px solid rgba(44, 44, 44, 0.15);
  background-color: rgba(44, 44, 44, 0.15);
}
@media screen and (max-width: 1024px) {
  .m_tox__filters .filters {
    display: none;
    margin-top: 20px;
  }
}
@media screen and (min-width: 1025px) {
  .m_tox__filters .filters {
    display: flex;
  }
}
.m_tox__filters button.letter {
  flex: 0 0 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  font-size: 22px;
  font-size: 1.375rem;
  font-family: "Kanit", sans-serif;
  font-weight: 600;
  aspect-ratio: 1/1;
  background-color: white;
  border-radius: 10px;
  cursor: pointer;
  transition: 0.3s ease;
}
.m_tox__filters button.letter.active, .m_tox__filters button.letter:hover, .m_tox__filters button.letter:focus {
  background-color: #2C2C2C;
  color: white;
}
.m_tox__filters .m_btns {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 30px;
}
@media screen and (max-width: 1024px) {
  .m_tox__filters .m_btns {
    display: none;
  }
}
@supports (display: grid) {
  @media screen and (min-width: 0px) {
    .m_tox__results {
      grid-column: auto/span 4;
    }
  }
}
@supports (display: grid) {
  @media screen and (min-width: 1025px) {
    .m_tox__results {
      grid-column: auto/span 12;
      grid-column-start: 13;
    }
  }
}
.m_tox .tox_results__header {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  border-bottom: 1px solid #F0F0F0;
  padding-bottom: 30px;
  margin-bottom: 30px;
}
.m_tox .tox_results__header .tax_count {
  font-size: 24px;
  font-size: 1.5rem;
  font-family: "Kanit", sans-serif;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 2px;
}
.m_tox .tox_results__block {
  margin-bottom: 30px;
}
.m_tox .tox_results__block a {
  position: relative;
  display: flex;
  align-items: center;
  gap: 20px;
  padding: 15px 30px;
  border-radius: 20px;
  border: 1px solid #2C2C2C;
  font-size: 22px;
  font-size: 1.375rem;
  font-family: "Kanit", sans-serif;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 2px;
  -webkit-hyphens: manual;
          hyphens: manual;
}
@media screen and (max-width: 499px) {
  .m_tox .tox_results__block a {
    gap: 10px;
    font-size: 16px;
    font-size: 1rem;
    padding: 15px;
  }
}
.m_tox .tox_results__block a img {
  width: 24px;
  height: 24px;
}
.m_tox .tox_results__block a:hover, .m_tox .tox_results__block a:focus {
  outline: 1px solid #2C2C2C;
}
.m_tox .tox_results__block a:hover:after, .m_tox .tox_results__block a:focus:after {
  transform: translateY(-50%) translateX(5px);
}
.m_tox .tox_results__block a:after {
  content: "";
  width: 18px;
  height: 15px;
  background: url("../images/arrow_block.svg") no-repeat center;
  background-size: 100%;
  margin-left: 10px;
  transition: transform 0.3s ease;
  position: absolute;
  top: 50%;
  right: 30px;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
}
@media screen and (max-width: 499px) {
  .m_tox .tox_results__block a:after {
    right: 15px;
  }
}

.m_tox-cat__block {
  display: flex;
  flex-direction: column;
  border-radius: 40px;
  padding: 30px;
  transition: 0.3s ease;
}
@supports (display: grid) {
  @media screen and (min-width: 0px) {
    .m_tox-cat__block {
      grid-column: auto/span 4;
    }
  }
}
@supports (display: grid) {
  @media screen and (min-width: 769px) {
    .m_tox-cat__block {
      grid-column: auto/span 2;
    }
  }
}
@supports (display: grid) {
  @media screen and (min-width: 1025px) {
    .m_tox-cat__block {
      grid-column: auto/span 8;
    }
  }
}
.m_tox-cat__block:hover .btn__tertiary:after, .m_tox-cat__block:focus .btn__tertiary:after {
  transform: translateX(10px);
}
.m_tox-cat__content {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.m_tox-cat__content .btn {
  display: inline-block;
  margin-top: auto;
  padding-top: 30px;
}
.m_tox-cat__image {
  aspect-ratio: 380/230;
  border-radius: 20px;
  overflow: hidden;
  margin-bottom: 30px;
}
@media screen and (min-width: 1025px) {
  .m_tox-cat__image {
    margin-bottom: 60px;
  }
}
.m_tox-cat__content .head {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.m_tox-cat__content .icon {
  max-width: 24px;
  min-height: 24px;
}
.m_tox-cat .m_btns {
  display: flex;
  justify-content: center;
  margin-top: 30px;
}
@media screen and (min-width: 1025px) {
  .m_tox-cat .m_btns {
    margin-top: 60px;
  }
}

.m_advanced_search__form {
  position: relative;
  width: 100%;
  max-width: 1040px;
  margin: 0 auto;
  border: 1px solid rgba(44, 44, 44, 0.15);
  background-color: #F0F0F0;
  padding: 20px 20px 20px 55px;
  border-radius: 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 30px;
}
@media screen and (min-width: 1025px) {
  .m_advanced_search__form {
    border-radius: 40px;
    padding: 30px 30px 30px 100px;
  }
}
.m_advanced_search__form:has(input[type=text]:focus) {
  border-color: rgba(44, 44, 44, 0.5);
  outline: 1px solid rgba(44, 44, 44, 0.5);
}
.m_advanced_search__form:before {
  content: "";
  width: 15px;
  height: 15px;
  -webkit-mask: url("../images/search.svg") no-repeat center;
          mask: url("../images/search.svg") no-repeat center;
  -webkit-mask-size: 100%;
          mask-size: 100%;
  background-color: #2C2C2C;
  position: absolute;
  top: 50%;
  left: 30px;
  transform: translateY(-50%);
  z-index: 1;
}
@media screen and (min-width: 1025px) {
  .m_advanced_search__form:before {
    width: 24px;
    height: 24px;
    left: 50px;
  }
}
.m_advanced_search__form input[type=text] {
  width: 100%;
  border: none;
  padding: 10px;
  font-family: "Sora", sans-serif;
  font-weight: 300;
  letter-spacing: 2px;
  color: #2C2C2C;
  font-size: 18px;
  font-size: 1.125rem;
}
@media screen and (min-width: 1025px) {
  .m_advanced_search__form input[type=text] {
    font-size: 30px;
    font-size: 1.875rem;
  }
}
.m_advanced_search__form input[type=text]::-moz-placeholder {
  font-family: "Sora", sans-serif;
  font-weight: 300;
  letter-spacing: 2px;
  color: #2C2C2C;
  font-size: 18px;
  font-size: 1.125rem;
}
.m_advanced_search__form input[type=text]::placeholder {
  font-family: "Sora", sans-serif;
  font-weight: 300;
  letter-spacing: 2px;
  color: #2C2C2C;
  font-size: 18px;
  font-size: 1.125rem;
}
@media screen and (min-width: 1025px) {
  .m_advanced_search__form input[type=text]::-moz-placeholder {
    font-size: 30px;
    font-size: 1.875rem;
  }
  .m_advanced_search__form input[type=text]::placeholder {
    font-size: 30px;
    font-size: 1.875rem;
  }
}
.m_advanced_search__form input[type=text]:focus-visible {
  outline: none;
}
.m_article__job .m_headline__intern {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

@supports (display: grid) {
  @media screen and (min-width: 0px) {
    .m_article__publication .content {
      grid-column: auto/span 4;
    }
  }
}
@supports (display: grid) {
  @media screen and (min-width: 1025px) {
    .m_article__publication .content {
      grid-column: auto/span 14;
    }
  }
}
@supports (display: grid) {
  @media screen and (min-width: 0px) {
    .m_article__publication .sidebar {
      grid-column: auto/span 4;
    }
  }
}
@supports (display: grid) {
  @media screen and (min-width: 1025px) {
    .m_article__publication .sidebar {
      grid-column: auto/span 8;
      grid-column-start: 17;
    }
  }
}
.m_article__publication .sidebar .files__list {
  margin-top: 30px;
}
@media screen and (min-width: 1025px) {
  .m_article__publication .sidebar .files__list {
    margin-top: 60px;
  }
}
.m_article__publication .sidebar .files__item + .files__item {
  margin-top: 30px;
}
.m_article__publication .sidebar .files .file {
  display: grid;
  grid-template-columns: 2fr 1fr;
  border-radius: 20px;
  border: 1px solid rgba(44, 44, 44, 0.15);
  padding: 20px 0 20px 30px;
}
.m_article__publication .sidebar .files .file:hover .title, .m_article__publication .sidebar .files .file:focus .title {
  text-decoration: underline;
}
.m_article__publication .sidebar .files .file__icon {
  height: calc(100% + 40px);
  margin-top: -20px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-left: 1px solid rgba(44, 44, 44, 0.15);
}
.m_article__publication .sidebar .files .title {
  margin-bottom: 30px;
}
.m_article__publication .sidebar .files .format {
  position: relative;
  padding-left: 15px;
  margin-left: 10px;
}
.m_article__publication .sidebar .files .format:before {
  content: "";
  width: 4px;
  height: 4px;
  background: url("../images/dot.svg") no-repeat center;
  background-size: contain;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
.m_article__publication .sidebar .files .icon {
  border-left: 1px solid rgba(44, 44, 44, 0.15);
}
.m_article__publication .sidebar .related {
  margin-top: 30px;
}
@media screen and (min-width: 1025px) {
  .m_article__publication .sidebar .related {
    margin-top: 60px;
  }
}
.m_article__publication .sidebar .related__container {
  margin-top: 30px;
}
@media screen and (min-width: 1025px) {
  .m_article__publication .sidebar .related__container {
    margin-top: 60px;
  }
}
.m_article__publication .sidebar .related .m_publications__block + .m_publications__block {
  margin-top: 30px;
}

.m_archive__tox_info .m_archive__header-top {
  display: flex;
  flex-direction: column;
  gap: 60px;
  max-width: 800px;
}
.m_archive__tox_info .m_archive__header-top .disclaimer {
  background-color: #FFE5DC;
  padding: 20px;
  border-radius: 20px;
}
.m_archive__tox_info .m_archive__header-top .disclaimer small {
  display: block;
  margin-top: 20px;
}
.m_archive__tox_info .filters .search_filter.tax_filter {
  max-width: 440px;
}
.m_archive__tox_info .filters .search_filter.tax_filter .tax_filter__input {
  position: relative;
}
.m_archive__tox_info .filters .search_filter.tax_filter .tax_filter__input:before {
  content: "";
  width: 20px;
  height: 20px;
  background-color: #2C2C2C;
  -webkit-mask: url("../images/icon-search.svg");
          mask: url("../images/icon-search.svg");
  -webkit-mask-size: cover;
          mask-size: cover;
  position: absolute;
  top: 50%;
  left: 10px;
  transform: translateY(-50%);
}
.m_archive__tox_info .filters .search_filter.tax_filter .tax_filter__search {
  width: 100%;
  background-color: #F0F0F0;
  border: 1px solid rgba(44, 44, 44, 0.15);
  border-radius: 10px;
  padding: 20px 20px 20px 40px;
  font-size: 16px;
  font-size: 1rem;
}
.m_archive__tox_info .filters .search_filter.tax_filter .tax_filter__search::-moz-placeholder {
  font-family: "Sora", sans-serif;
  font-size: 16px;
  font-size: 1rem;
}
.m_archive__tox_info .filters .search_filter.tax_filter .tax_filter__search::placeholder {
  font-family: "Sora", sans-serif;
  font-size: 16px;
  font-size: 1rem;
}
.m_archive__tox_info .filters .tox_info__category-filter {
  max-width: 100%;
  margin-top: 40px;
}
.m_archive__tox_info .filters .tox_info__category-filter .options {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 30px;
}
@media screen and (max-width: 768px) {
  .m_archive__tox_info .filters .tox_info__category-filter .options {
    flex-direction: column;
    align-items: flex-start;
  }
}
.m_archive__tox_info .filters .tox_info__category-filter .options li {
  margin-bottom: 0 !important;
}
.m_archive__tox_info .filters .tox_info__category-filter .options label {
  display: flex;
  align-items: center;
  gap: 10px;
}
.m_archive__tox_info .filters .tox_info__category-filter .options label img {
  max-width: 24px;
  max-height: 24px;
}
.m_archive__tox_info .filters .flex {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-end;
  gap: 30px;
  margin-top: 40px;
}
.m_archive__tox_info .filters .flex .tax_filter {
  max-width: 440px;
}
@supports (display: grid) {
  @media screen and (min-width: 0px) {
    .m_archive__tox_info .tox_results .col {
      grid-column: auto/span 4;
    }
  }
}
@supports (display: grid) {
  @media screen and (min-width: 1025px) {
    .m_archive__tox_info .tox_results .col {
      grid-column: auto/span 12;
    }
  }
}
.m_archive__tox_info .tox_results__block {
  margin-bottom: 40px;
}
@media screen and (min-width: 1025px) {
  .m_archive__tox_info .tox_results__block {
    margin-bottom: 60px;
  }
}
.m_archive__tox_info .tox_results__header {
  padding-bottom: 25px;
  margin-bottom: 30px;
  border-bottom: 1px solid #F0F0F0;
}
.m_archive__tox_info .tox_results .tox_results__item {
  margin-bottom: 30px;
}
.m_archive__tox_info .tox_results .tox_results__item a {
  position: relative;
  padding: 20px 30px;
  border-radius: 20px;
  border: 1px solid #2C2C2C;
  display: flex;
  align-items: center;
  gap: 20px;
}
@media screen and (max-width: 768px) {
  .m_archive__tox_info .tox_results .tox_results__item a {
    padding: 15px 20px;
  }
}
.m_archive__tox_info .tox_results .tox_results__item a img {
  max-width: 24px;
  max-height: 24px;
}
.m_archive__tox_info .tox_results .tox_results__item a:hover, .m_archive__tox_info .tox_results .tox_results__item a:focus {
  outline: 1px solid #2C2C2C;
}
.m_archive__tox_info .tox_results .tox_results__item a:hover:after, .m_archive__tox_info .tox_results .tox_results__item a:focus:after {
  transform: translateY(-50%) translateX(5px);
}
.m_archive__tox_info .tox_results .tox_results__item a:after {
  content: "";
  width: 18px;
  height: 15px;
  background: url("../images/arrow_block.svg") no-repeat center;
  background-size: 100%;
  margin-left: 10px;
  transition: transform 0.3s ease;
  position: absolute;
  top: 50%;
  right: 30px;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
}

.m_archive__protocol .m_archive__header .m_content {
  margin-top: 30px;
}
@media screen and (min-width: 1025px) {
  .m_archive__protocol .m_archive__header .m_content {
    margin-top: 60px;
  }
}
.m_archive__protocol .m_archive__container {
  margin-top: 40px;
}
@media screen and (min-width: 1025px) {
  .m_archive__protocol .m_archive__container {
    margin-top: 100px;
  }
}
@supports (display: grid) {
  @media screen and (min-width: 0px) {
    .m_archive__protocol .container {
      grid-column: auto/span 4;
    }
  }
}
@supports (display: grid) {
  @media screen and (min-width: 1025px) {
    .m_archive__protocol .container {
      grid-column: auto/span 11;
    }
  }
}
@supports (display: grid) {
  @media screen and (min-width: 1025px) {
    .m_archive__protocol .container + .container {
      grid-column: auto/span 11;
      grid-column-start: 13;
    }
  }
}
@media screen and (max-width: 1024px) {
  .m_archive__protocol .container + .container {
    margin-top: 30px;
  }
}
.m_archive__protocol .container__title {
  text-transform: none;
  padding-bottom: 20px;
  margin-bottom: 30px;
  border-bottom: 1px solid #F0F0F0;
}
.m_archive__protocol .container__block {
  margin-bottom: 30px;
}
.m_archive__protocol .container__block:last-child {
  margin-bottom: 0;
}
.m_archive__protocol .container__block a {
  position: relative;
  display: block;
  padding: 20px 30px;
  border-radius: 20px;
  border: 1px solid #2C2C2C;
  font-size: 22px;
  font-size: 1.375rem;
  font-family: "Kanit", sans-serif;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 2px;
  display: flex;
  align-items: center;
  gap: 20px;
}
.m_archive__protocol .container__block a img {
  max-width: 24px;
  max-height: 24px;
}
.m_archive__protocol .container__block a:hover, .m_archive__protocol .container__block a:focus {
  outline: 1px solid #2C2C2C;
}
.m_archive__protocol .container__block a:hover:after, .m_archive__protocol .container__block a:focus:after {
  transform: translateY(-50%) translateX(5px);
}
.m_archive__protocol .container__block a:after {
  content: "";
  width: 18px;
  height: 15px;
  background: url("../images/arrow_block.svg") no-repeat center;
  background-size: 100%;
  margin-left: 10px;
  transition: transform 0.3s ease;
  position: absolute;
  top: 50%;
  right: 30px;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
}