* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}

body {
  font-size: 1rem;
  height: 100vh;
  margin: 0;
  display: flex;
  flex-direction: column;
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
}

a,
a:visited {
  cursor: pointer;
  /*   color: inherit; */
  text-decoration: none;
}

.banner {
  background-color: #128474;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI2LjAuMiwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAxMzg2LjUgNDQxLjUiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDEzODYuNSA0NDEuNTsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtmaWxsOm5vbmU7c3Ryb2tlOiM5NkM5M0Q7c3Ryb2tlLW1pdGVybGltaXQ6MTA7fQoJLnN0MXtmaWxsOm5vbmU7c3Ryb2tlOiNDRURCMjk7c3Ryb2tlLW1pdGVybGltaXQ6MTA7fQoJLnN0MntmaWxsOiNDRURCMjk7fQoJLnN0M3tmaWxsOiM5NkM5M0Q7fQo8L3N0eWxlPgo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNODY1LjgsMjQ2LjZjMzAuMSwwLDU0LjQtMjQuNCw1NC40LTU0LjRjMC0zMC4xLTI0LjQtNTQuNC01NC40LTU0LjRzLTU0LjQsMjQuNC01NC40LDU0LjQKCUM4MTEuMywyMjIuMyw4MzUuNywyNDYuNiw4NjUuOCwyNDYuNnoiLz4KPHBhdGggY2xhc3M9InN0MCIgZD0iTTQxMS42LDM2My4yYzM0LjMsMCw2Mi4xLTI3LjgsNjIuMS02Mi4xYzAtMzQuMy0yNy44LTYyLjEtNjIuMS02Mi4xcy02Mi4xLDI3LjgtNjIuMSw2Mi4xCglDMzQ5LjUsMzM1LjQsMzc3LjMsMzYzLjIsNDExLjYsMzYzLjJ6Ii8+CjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xMjAuOCw0MTMuNGM0OC41LDAsODcuOS0zOS4zLDg3LjktODcuOWMwLTQ4LjUtMzkuMy04Ny45LTg3LjktODcuOWMtNDguNSwwLTg3LjksMzkuMy04Ny45LDg3LjkKCUMzMi45LDM3NCw3Mi4zLDQxMy40LDEyMC44LDQxMy40eiIvPgo8cGF0aCBjbGFzcz0ic3QxIiBkPSJNNDY3LjEsMjkwLjRjODAuMSwwLDE0NS02NC45LDE0NS0xNDVjMC04MC4xLTY0LjktMTQ1LTE0NS0xNDVzLTE0NSw2NC45LTE0NSwxNDUKCUMzMjIuMiwyMjUuNSwzODcuMSwyOTAuNCw0NjcuMSwyOTAuNHoiLz4KPHBhdGggY2xhc3M9InN0MSIgZD0iTTYzLjksMjgwLjJjMzUsMCw2My40LTI4LjQsNjMuNC02My40cy0yOC40LTYzLjQtNjMuNC02My40Yy0zNSwwLTYzLjQsMjguNC02My40LDYzLjRTMjguOSwyODAuMiw2My45LDI4MC4yeiIKCS8+CjxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik0yMjksMzQ5YzIxLjUsMCwzOS0xNy40LDM5LTM5YzAtMjEuNS0xNy40LTM5LTM5LTM5cy0zOSwxNy40LTM5LDM5QzE5MCwzMzEuNiwyMDcuNSwzNDksMjI5LDM0OXoiLz4KPHBhdGggY2xhc3M9InN0MiIgZD0iTTE5OSwyOTAuNWMyLjUsMCw0LjUtMiw0LjUtNC41cy0yLTQuNS00LjUtNC41cy00LjUsMi00LjUsNC41UzE5Ni41LDI5MC41LDE5OSwyOTAuNXoiLz4KPHBhdGggY2xhc3M9InN0MCIgZD0iTTEyNTUuNCwyODguOWM2Ni4zLDAsMTIwLjEtNTMuOCwxMjAuMS0xMjAuMWMwLTY2LjMtNTMuOC0xMjAuMS0xMjAuMS0xMjAuMWMtNjYuMywwLTEyMC4xLDUzLjgtMTIwLjEsMTIwLjEKCUMxMTM1LjMsMjM1LjEsMTE4OS4xLDI4OC45LDEyNTUuNCwyODguOXoiLz4KPHBhdGggY2xhc3M9InN0MSIgZD0iTTEzMDYuNCw0MTUuMWM0NCwwLDc5LjYtMzUuNiw3OS42LTc5LjZjMC00NC0zNS42LTc5LjYtNzkuNi03OS42Yy00NCwwLTc5LjYsMzUuNi03OS42LDc5LjYKCUMxMjI2LjgsMzc5LjUsMTI2Mi41LDQxNS4xLDEzMDYuNCw0MTUuMXoiLz4KPHBhdGggY2xhc3M9InN0MSIgZD0iTTk0OS41LDQ0MWM2OS4xLDAsMTI1LjEtNTYsMTI1LjEtMTI1LjFzLTU2LTEyNS4xLTEyNS4xLTEyNS4xYy02OS4xLDAtMTI1LjEsNTYtMTI1LjEsMTI1LjEKCVM4ODAuNCw0NDEsOTQ5LjUsNDQxeiIvPgo8cGF0aCBjbGFzcz0ic3QzIiBkPSJNODQ3LjksMjQ5LjdjMy4zLDAsNi0yLjcsNi02YzAtMy4zLTIuNy02LTYtNmMtMy4zLDAtNiwyLjctNiw2Qzg0MS45LDI0Nyw4NDQuNiwyNDkuNyw4NDcuOSwyNDkuN3oiLz4KPHBhdGggY2xhc3M9InN0MyIgZD0iTTQ3MywyOTcuNWMzLjYsMCw2LjUtMi45LDYuNS02LjVzLTIuOS02LjUtNi41LTYuNXMtNi41LDIuOS02LjUsNi41UzQ2OS40LDI5Ny41LDQ3MywyOTcuNXoiLz4KPHBhdGggY2xhc3M9InN0MyIgZD0iTTEyMywyNDIuNWMyLjUsMCw0LjUtMiw0LjUtNC41cy0yLTQuNS00LjUtNC41cy00LjUsMi00LjUsNC41UzEyMC41LDI0Mi41LDEyMywyNDIuNXoiLz4KPHBhdGggY2xhc3M9InN0MiIgZD0iTTQ3LjcsMjg2LjRjNC41LDAsOC4xLTMuNiw4LjEtOC4xYzAtNC41LTMuNi04LjEtOC4xLTguMXMtOC4xLDMuNi04LjEsOC4xQzM5LjYsMjgyLjgsNDMuMiwyODYuNCw0Ny43LDI4Ni40eiIKCS8+CjxwYXRoIGNsYXNzPSJzdDMiIGQ9Ik0xMzMzLDI2Ni4zYzMuMywwLDYtMi43LDYtNmMwLTMuMy0yLjctNi02LTZjLTMuMywwLTYsMi43LTYsNkMxMzI3LDI2My42LDEzMjkuNywyNjYuMywxMzMzLDI2Ni4zeiIvPgo8cGF0aCBjbGFzcz0ic3QyIiBkPSJNMTI0Mi44LDI5Ni45YzQuNCwwLDgtMy42LDgtOHMtMy42LTgtOC04Yy00LjQsMC04LDMuNi04LDhTMTIzOC4zLDI5Ni45LDEyNDIuOCwyOTYuOXoiLz4KPC9zdmc+Cg==);
  background-repeat: no-repeat;
  background-size: 130rem;
  background-position: center -21rem;
  height: 9.6rem;
}

.header {
  box-shadow: 0px 4px 16px -1px rgba(82, 86, 89, 0.5);
}

.header-block {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: space-between;
  margin: 0 auto;
  max-width: 80rem;
  padding: 4px 1.6rem;
  gap: 8px;
}

@media (min-width: 768px) {
  .header-block {
    flex-direction: row;
  }
}

.lang-switcher {
  display: flex;
  margin-left: auto;
  gap: 8px;
  flex-direction: column;
}

@media (min-width: 1024px) {
  .lang-switcher {
    flex-direction: row;
  }
}

.content {
  display: flex;
  flex: 1;
  flex-direction: column;
  width: 100%;
}

#tabs {
  display: grid;
  grid-template-columns: 1fr 1fr;
  list-style: none;
}

@media (min-width: 767px) {
  #tabs {
    display: flex;
    width: 100%;
    overflow-x: auto;
  }
}

#tabs .tab-item.active {
  border-bottom: 2px solid #128474;
}

#tabs .tab-item {
  word-break: keep-all;
}

#tabs .tab {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 4px 12px;
  text-align: center;
  flex-direction: column;
  color: #128474;
}

.tab-contents {
  display: none;
}

.tab-contents.active {
  display: flex;
  flex: 1;
}

.download-file {
  margin: auto;
  max-width: 360px;
  text-align: center;
  font-weight: 500;
  font-size: 1.4rem;
  padding: 6px 16px;
  border-radius: 4px;
  transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  color: rgb(255, 255, 255);
  background-color: rgb(18, 132, 116);
  box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 1px -2px, rgba(0, 0, 0, 0.14) 0px 2px 2px 0px, rgba(0, 0, 0, 0.12) 0px 1px 5px 0px;
}

.trust-arc-wrapper {
  position: absolute;
  bottom: 20px;
  left: 20px;
  z-index: 999;
  max-width: 160px;
}

.trust-arc-wrapper img {
  width: 100%;
}
