* {
  padding: 0;
  margin: 0; }

html,
body {
  width: 100%;
  height: 100%;
  font-family: 'Montserrat', sans-serif;
  font-size: 16px; }

.container {
  display: grid;
  height: 100%;
  grid-template-columns: minmax(200px, 300px) 1fr;
  grid-template-rows: 1fr 170px;
  gap: 0px 0px;
  grid-auto-flow: row;
  grid-template-areas: "sidebar content" "footer footer"; }

.sidebar {
  grid-area: sidebar;
  background-color: #f5f5f5; }
  .sidebar__logo {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 15px 0; }
    .sidebar__logo img {
      width: 80%;
      max-width: 80%;
      height: auto; }
  .sidebar__lang-switch {
    position: relative;
    width: 100%;
    max-width: 200px;
    margin: auto auto;
    border: solid 1px #d0d0d0;
    box-sizing: border-box; }
    .sidebar__lang-switch:hover .lang-switch__value {
      background-color: #FFF;
      transition: all 0.5s ease; }
    .sidebar__lang-switch:hover .lang-switch__options {
      visibility: visible;
      opacity: 1;
      transition: all 0.5s ease; }
    .sidebar__lang-switch .arrow, .sidebar__lang-switch .content .accordition__header:after, .content .sidebar__lang-switch .accordition__header:after {
      position: absolute;
      right: 6px;
      top: 50%;
      margin-top: -6px;
      z-index: 3; }
    .sidebar__lang-switch .lang-switch {
      background-color: #FFF;
      cursor: pointer; }
      .sidebar__lang-switch .lang-switch__value {
        width: 100%;
        height: 30px;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        position: relative;
        z-index: 2;
        padding: 0 15px;
        box-sizing: border-box;
        transition: all 0.5s ease; }
      .sidebar__lang-switch .lang-switch__options {
        display: flex;
        width: 100%;
        position: absolute;
        top: 100%;
        left: -1px;
        background-color: #FFF;
        visibility: hidden;
        opacity: 0;
        transition: all 0.5s ease;
        border: solid 1px #d0d0d0;
        box-shadow: 0px 4px 6px 0px #00000047;
        z-index: 1;
        overflow: hidden; }
        .sidebar__lang-switch .lang-switch__options li a {
          width: 100%;
          min-height: 30px;
          display: flex;
          justify-content: flex-start;
          align-items: center;
          padding: 0 15px;
          box-sizing: border-box;
          position: relative;
          transition: all 0.3s ease; }
          .sidebar__lang-switch .lang-switch__options li a:after {
            content: "";
            width: calc(100% - 30px);
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            margin: auto;
            border-bottom: solid 1px #d0d0d0; }
          .sidebar__lang-switch .lang-switch__options li a:hover {
            background-color: #f7f7f7;
            transition: all 0.3s ease; }
        .sidebar__lang-switch .lang-switch__options li:last-of-type a:after {
          content: none; }
    .sidebar__lang-switch a {
      text-decoration: none;
      color: #000; }

.content {
  grid-area: content;
  background-color: #FFF;
  padding: 30px 60px;
  display: flex;
  align-items: flex-start;
  flex-direction: column; }
  .content h1 {
    font-weight: 500;
    margin-bottom: 20px; }
  .content .accordition {
    width: 100%;
    list-style: none;
    padding: 0;
    margin: 0; }
    .content .accordition__item.active .accordition__body {
      display: block;
      height: auto;
      opacity: 1;
      padding: 30px; }
    .content .accordition__item.active .accordition__header:after {
      transform: rotate(180deg); }
    .content .accordition__header {
      min-height: 50px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      box-sizing: border-box;
      border-bottom: solid 1px #d0d0d0;
      cursor: pointer;
      padding: 0 15px;
      margin: 0; }
      .content .accordition__header:hover {
        background-color: #f7f7f7;
        transition: all 0.3s ease; }
      .content .accordition__header:after {
        content: ""; }
    .content .accordition__body {
      height: 0;
      opacity: 0;
      transition: all 0.3s ease;
      padding: 0 30px;
      overflow: hidden; }
      .content .accordition__body > h2, .content .accordition__body h3, .content .accordition__body h4, .content .accordition__body h5, .content .accordition__body ul, .content .accordition__body p {
        margin-bottom: 15px; }
      .content .accordition__body ul {
        margin-left: 30px; }

.footer {
  grid-area: footer;
  display: flex;
  justify-content: space-between;
  background-color: #1e1647;
  padding: 30px; }

.arrow, .content .accordition__header:after {
  width: 13px;
  height: 13px;
  display: flex;
  background-size: cover;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg fill='%23000000' height='200px' width='200px' version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 330 330' xml:space='preserve'%3E%3Cg id='SVGbgCarrier' stroke-width='0'%3E%3C/g%3E%3Cg id='SVGtracerCarrier' stroke-linecap='round' stroke-linejoin='round'%3E%3C/g%3E%3Cg id='SVGiconCarrier'%3E%3Cpath id='XMLID_225_' d='M325.607 79.393c-5.857-5.857-15.355-5.858-21.213 0.001l-139.39 139.393L25.607 79.393 c-5.857-5.857-15.355-5.858-21.213 0.001c-5.858 5.858-5.858 15.355 0 21.213l150.004 150c2.813 2.813 6.628 4.393 10.606 4.393 s7.794-1.581 10.606-4.394l149.996-150C331.465 94.749 331.465 85.251 325.607 79.393z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E"); }

span.flag {
  display: inline-flex;
  margin-right: 10px;
  display: inline-flex;
  margin-right: 10px;
  width: 16px;
  height: 16px;
  background-position: center center; }
  span.flag--ae {
    background-image: url(./flag-ae.svg); }
  span.flag--al {
    background-image: url(./flag-al.svg); }
  span.flag--am {
    background-image: url(./flag-am.svg); }
  span.flag--ao {
    background-image: url(./flag-ao.svg); }
  span.flag--ar {
    background-image: url(./flag-ar.svg); }
  span.flag--at {
    background-image: url(./flag-at.svg); }
  span.flag--au {
    background-image: url(./flag-au.svg); }
  span.flag--ba {
    background-image: url(./flag-ba.svg); }
  span.flag--be {
    background-image: url(./flag-be.svg); }
  span.flag--bg {
    background-image: url(./flag-bg.svg); }
  span.flag--bh {
    background-image: url(./flag-bh.svg); }
  span.flag--bn {
    background-image: url(./flag-bn.svg); }
  span.flag--br {
    background-image: url(./flag-br.svg); }
  span.flag--bw {
    background-image: url(./flag-bw.svg); }
  span.flag--by {
    background-image: url(./flag-by.svg); }
  span.flag--ca {
    background-image: url(./flag-ca.svg); }
  span.flag--ch {
    background-image: url(./flag-ch.svg); }
  span.flag--cl {
    background-image: url(./flag-cl.svg); }
  span.flag--cn {
    background-image: url(./flag-cn.svg); }
  span.flag--cu {
    background-image: url(./flag-cu.svg); }
  span.flag--cy {
    background-image: url(./flag-cy.svg); }
  span.flag--cz {
    background-image: url(./flag-cz.svg); }
  span.flag--de {
    background-image: url(./flag-de.svg); }
  span.flag--dk {
    background-image: url(./flag-dk.svg); }
  span.flag--dz {
    background-image: url(./flag-dz.svg); }
  span.flag--ee {
    background-image: url(./flag-ee.svg); }
  span.flag--eg {
    background-image: url(./flag-eg.svg); }
  span.flag--es {
    background-image: url(./flag-es.svg); }
  span.flag--fi {
    background-image: url(./flag-fi.svg); }
  span.flag--fr {
    background-image: url(./flag-fr.svg); }
  span.flag--gb {
    background-image: url(./flag-gb.svg); }
  span.flag--ge {
    background-image: url(./flag-ge.svg); }
  span.flag--gh {
    background-image: url(./flag-gh.svg); }
  span.flag--gr {
    background-image: url(./flag-gr.svg); }
  span.flag--hr {
    background-image: url(./flag-hr.svg); }
  span.flag--hu {
    background-image: url(./flag-hu.svg); }
  span.flag--id {
    background-image: url(./flag-id.svg); }
  span.flag--il {
    background-image: url(./flag-il.svg); }
  span.flag--in {
    background-image: url(./flag-in.svg); }
  span.flag--ir {
    background-image: url(./flag-ir.svg); }
  span.flag--is {
    background-image: url(./flag-is.svg); }
  span.flag--it {
    background-image: url(./flag-it.svg); }
  span.flag--jo {
    background-image: url(./flag-jo.svg); }
  span.flag--jp {
    background-image: url(./flag-jp.svg); }
  span.flag--kg {
    background-image: url(./flag-kg.svg); }
  span.flag--kr {
    background-image: url(./flag-kr.svg); }
  span.flag--kw {
    background-image: url(./flag-kw.svg); }
  span.flag--kz {
    background-image: url(./flag-kz.svg); }
  span.flag--lb {
    background-image: url(./flag-lb.svg); }
  span.flag--lt {
    background-image: url(./flag-lt.svg); }
  span.flag--lu {
    background-image: url(./flag-lu.svg); }
  span.flag--lv {
    background-image: url(./flag-lv.svg); }
  span.flag--ly {
    background-image: url(./flag-ly.svg); }
  span.flag--ma {
    background-image: url(./flag-ma.svg); }
  span.flag--md {
    background-image: url(./flag-md.svg); }
  span.flag--me {
    background-image: url(./flag-me.svg); }
  span.flag--mk {
    background-image: url(./flag-mk.svg); }
  span.flag--mn {
    background-image: url(./flag-mn.svg); }
  span.flag--mr {
    background-image: url(./flag-mr.svg); }
  span.flag--mw {
    background-image: url(./flag-mw.svg); }
  span.flag--mx {
    background-image: url(./flag-mx.svg); }
  span.flag--my {
    background-image: url(./flag-my.svg); }
  span.flag--mz {
    background-image: url(./flag-mz.svg); }
  span.flag--na {
    background-image: url(./flag-na.svg); }
  span.flag--ng {
    background-image: url(./flag-ng.svg); }
  span.flag--nl {
    background-image: url(./flag-nl.svg); }
  span.flag--no {
    background-image: url(./flag-no.svg); }
  span.flag--nz {
    background-image: url(./flag-nz.svg); }
  span.flag--om {
    background-image: url(./flag-om.svg); }
  span.flag--pe {
    background-image: url(./flag-pe.svg); }
  span.flag--ph {
    background-image: url(./flag-ph.svg); }
  span.flag--pl {
    background-image: url(./flag-pl.svg); }
  span.flag--pt {
    background-image: url(./flag-pt.svg); }
  span.flag--qa {
    background-image: url(./flag-qa.svg); }
  span.flag--ro {
    background-image: url(./flag-ro.svg); }
  span.flag--rs {
    background-image: url(./flag-rs.svg); }
  span.flag--ru {
    background-image: url(./flag-ru.svg); }
  span.flag--sa {
    background-image: url(./flag-sa.svg); }
  span.flag--sd {
    background-image: url(./flag-sd.svg); }
  span.flag--se {
    background-image: url(./flag-se.svg); }
  span.flag--sg {
    background-image: url(./flag-sg.svg); }
  span.flag--si {
    background-image: url(./flag-si.svg); }
  span.flag--sk {
    background-image: url(./flag-sk.svg); }
  span.flag--sn {
    background-image: url(./flag-sn.svg); }
  span.flag--sy {
    background-image: url(./flag-sy.svg); }
  span.flag--sz {
    background-image: url(./flag-sz.svg); }
  span.flag--td {
    background-image: url(./flag-td.svg); }
  span.flag--th {
    background-image: url(./flag-th.svg); }
  span.flag--tj {
    background-image: url(./flag-tj.svg); }
  span.flag--tm {
    background-image: url(./flag-tm.svg); }
  span.flag--tn {
    background-image: url(./flag-tn.svg); }
  span.flag--tr {
    background-image: url(./flag-tr.svg); }
  span.flag--tw {
    background-image: url(./flag-tw.svg); }
  span.flag--ua {
    background-image: url(./flag-ua.svg); }
  span.flag--us {
    background-image: url(./flag-us.svg); }
  span.flag--uz {
    background-image: url(./flag-uz.svg); }
  span.flag--vn {
    background-image: url(./flag-vn.svg); }
  span.flag--xk {
    background-image: url(./flag-xk.svg); }
  span.flag--ye {
    background-image: url(./flag-ye.svg); }
  span.flag--za {
    background-image: url(./flag-za.svg); }
  span.flag--en {
    background-image: url(./flag-en.svg); }
  span.flag--ie {
    background-image: url(./flag-ie.svg); }
  span.flag--ci {
    background-image: url(./flag-ci.svg); }
  span.flag--ve {
    background-image: url(./flag-ve.svg); }
  span.flag--li {
    background-image: url(./flag-li.svg); }
  span.flag--ke {
    background-image: url(./flag-ke.svg); }
  span.flag--hk {
    background-image: url(./flag-hk.svg); }
  span.flag--az {
    background-image: url(./flag-az.svg); }
  span.flag--en, span.flag--uk {
    background-image: url(./flag-gb.svg); }
  span.flag--cs {
    background-image: url(./flag-cz.svg); }

/*# sourceMappingURL=changelog.min.css.map */