body {
  background: #FFF;
}

main {
  padding: 0 20px;
}

main .title {
  position: relative;
  color: #0D42FF;
  font-size: 60px;
  font-style: normal;
  font-weight: 800;
  line-height: 75.2px;
  text-transform: uppercase;
  padding-top: 160px;
  margin-bottom: 20px;
}

main .title::after {
  content: "";
  position: absolute;
  bottom: -20px;
  left: 0;
  width: 100%;
  height: 1px;
  background: #E6EAF0;
}


main .links {
  margin-bottom: 94px;
}

main .links .links__link {
  display: flex;
  align-items: start;
  width: 100%;
  position: relative;
  gap: 10px;
  padding-top: 20px;
  margin-bottom: 20px;
}

main .links .links__link::after {
  content: "";
  position: absolute;
  bottom: -20px;
  left: 0;
  width: 100%;
  height: 1px;
  background: #E6EAF0;
}

main .links .links__link:last-child:after {
  display: none;
}

main .links .links__link a {
  max-width: 1044px;
  color: #35383A;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.1px;
  text-decoration-line: underline;
  text-transform: uppercase;
}

main .links .links__link:last-child a {
  max-width: 776px;
}


main .files {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}

main .files .files__file {
  display: flex;
  align-items: start;
  width: 400px;
  min-height: 100px;
  position: relative;
  gap: 10px;
  margin: 0 0 20px 20px;
}

main .files .files__file::before {
  content: "";
  position: absolute;
  top: -20px;
  left: 0;
  width: 100%;
  height: 1px;
  background: #E6EAF0;
}

main .files .files__file::after {
  content: "";
  position: absolute;
  top: 0;
  left: -20px;
  width: 1px;
  height: 100%;
  background: #E6EAF0;
}

main .files .files__file:first-child {
  margin: 0 0 20px;
}

main .files .files__file a {
  color: #35383A;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.1px;
  text-decoration-line: underline;
  text-transform: uppercase;
  text-decoration: none;
}

main .files .files__file:nth-child(1) a {
  width: 296px;
}

main .files .files__file:nth-child(2) a {
  width: 286px;
}

main .files .files__file:nth-child(3) a {
  width: 323px;
}


.description.active {
  display: flex;
  flex-direction: column;
  position: relative;
  width: 100%;
  padding-top: 20px;
  margin-bottom: 20px;
}

main .description::after {
  content: "";
  position: absolute;
  bottom: -20px;
  left: 0;
  width: 100%;
  height: 1px;
  background: #E6EAF0;
}

.description.left.active {
  align-items: start;
}

.description.right.active {
  align-items: end;
}

main .description p {
  width: 666px;
  color: #35383A;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
