.container-in {
  max-width: 1340px;
  padding: 0 20px;
  margin: 0 auto;
}
@media screen and (max-width: 1340px) {
  .container-in {
    max-width: 100vw;
    padding: 0 1.493vw;
  }
}
@media screen and (max-width: 767px) {
  .container-in {
    padding: 0 2.778vw;
  }
}

html {
  scroll-behavior: smooth;
}

.block-glossary-hero {
  margin: 60px 0;
}
@media screen and (max-width: 1340px) {
  .block-glossary-hero {
    margin: 4.478vw 0;
  }
}
@media screen and (max-width: 767px) {
  .block-glossary-hero {
    margin: 7.634vw 0;
  }
}
.block-glossary-hero .block-glossary-hero__wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 40px;
}
@media screen and (max-width: 1340px) {
  .block-glossary-hero .block-glossary-hero__wrapper {
    gap: 2.985vw;
  }
}
@media screen and (max-width: 767px) {
  .block-glossary-hero .block-glossary-hero__wrapper {
    gap: 5.089vw;
  }
}
.block-glossary-hero .block-glossary-hero__wrapper .text__wrapper .title {
  text-align: center;
  font-size: 55px;
  font-weight: 500;
  line-height: 120%;
  margin-bottom: 0;
}
@media screen and (max-width: 1340px) {
  .block-glossary-hero .block-glossary-hero__wrapper .text__wrapper .title {
    font-size: 4.104vw;
  }
}
@media screen and (max-width: 767px) {
  .block-glossary-hero .block-glossary-hero__wrapper .text__wrapper .title {
    font-size: 8.906vw;
  }
}
.block-glossary-hero .block-glossary-hero__wrapper .glossary-navigation {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 12px;
}
@media screen and (max-width: 1340px) {
  .block-glossary-hero .block-glossary-hero__wrapper .glossary-navigation {
    gap: 0.896vw;
  }
}
@media screen and (max-width: 767px) {
  .block-glossary-hero .block-glossary-hero__wrapper .glossary-navigation {
    gap: 1.527vw;
  }
}
.block-glossary-hero .block-glossary-hero__wrapper .glossary-navigation .navigation-item {
  padding: 8px;
  border-radius: 6px;
  border: 1px solid #272742;
  font-size: 15px;
  font-weight: 600;
  line-height: 20px;
  text-decoration: none;
  color: #272742;
  background-color: #fff;
  transition: all 0.3s;
}
@media screen and (max-width: 1340px) {
  .block-glossary-hero .block-glossary-hero__wrapper .glossary-navigation .navigation-item {
    padding: 0.597vw;
    border-radius: 0.448vw;
    font-size: 1.119vw;
    line-height: 1.493vw;
  }
}
@media screen and (max-width: 767px) {
  .block-glossary-hero .block-glossary-hero__wrapper .glossary-navigation .navigation-item {
    padding: 2.036vw;
    border-radius: 1.527vw;
    font-size: 3.817vw;
    line-height: 5.089vw;
  }
}
.block-glossary-hero .block-glossary-hero__wrapper .glossary-navigation .navigation-item:hover {
  color: #fff;
  background-color: #272742;
}

.block-glossary-content {
  margin: 60px 0;
}
@media screen and (max-width: 1340px) {
  .block-glossary-content {
    margin: 4.478vw 0;
  }
}
@media screen and (max-width: 767px) {
  .block-glossary-content {
    margin: 7.634vw 0;
  }
}
.block-glossary-content .block-glossary-content__wrapper {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
@media screen and (max-width: 1340px) {
  .block-glossary-content .block-glossary-content__wrapper {
    gap: 2.239vw;
  }
}
@media screen and (max-width: 767px) {
  .block-glossary-content .block-glossary-content__wrapper {
    gap: 7.634vw;
  }
}
.block-glossary-content .block-glossary-content__wrapper .glossary-content__item .item-title {
  font-size: 38px;
  font-weight: 600;
  line-height: 120%;
  color: #272742;
  margin-bottom: 20px;
  scroll-margin-top: 50vh;
}
@media screen and (max-width: 1340px) {
  .block-glossary-content .block-glossary-content__wrapper .glossary-content__item .item-title {
    font-size: 2.836vw;
    margin-bottom: 1.493vw;
  }
}
@media screen and (max-width: 767px) {
  .block-glossary-content .block-glossary-content__wrapper .glossary-content__item .item-title {
    font-size: 8.906vw;
    margin-bottom: 5.089vw;
  }
}
.block-glossary-content .block-glossary-content__wrapper .glossary-content__item .item-content {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
@media screen and (max-width: 1340px) {
  .block-glossary-content .block-glossary-content__wrapper .glossary-content__item .item-content {
    gap: 1.493vw;
  }
}
@media screen and (max-width: 767px) {
  .block-glossary-content .block-glossary-content__wrapper .glossary-content__item .item-content {
    gap: 5.089vw;
  }
}
.block-glossary-content .block-glossary-content__wrapper .glossary-content__item .item-content .term-item {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
@media screen and (max-width: 1340px) {
  .block-glossary-content .block-glossary-content__wrapper .glossary-content__item .item-content .term-item {
    gap: 0.896vw;
  }
}
@media screen and (max-width: 767px) {
  .block-glossary-content .block-glossary-content__wrapper .glossary-content__item .item-content .term-item {
    gap: 3.053vw;
  }
}
.block-glossary-content .block-glossary-content__wrapper .glossary-content__item .item-content .term-item .term-title {
  font-size: 24px;
  font-weight: 500;
  line-height: 120%;
  color: #272742;
  margin-bottom: 0;
  text-decoration: none;
  transition: all 0.3s;
}
@media screen and (max-width: 1340px) {
  .block-glossary-content .block-glossary-content__wrapper .glossary-content__item .item-content .term-item .term-title {
    font-size: 1.791vw;
  }
}
@media screen and (max-width: 767px) {
  .block-glossary-content .block-glossary-content__wrapper .glossary-content__item .item-content .term-item .term-title {
    font-size: 5.598vw;
  }
}
.block-glossary-content .block-glossary-content__wrapper .glossary-content__item .item-content .term-item .term-title:hover {
  color: #B984FF;
}
.block-glossary-content .block-glossary-content__wrapper .glossary-content__item .item-content .term-item .term-short-descripion {
  color: rgba(39, 39, 66, 0.7);
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
  margin-bottom: 0;
}
@media screen and (max-width: 1340px) {
  .block-glossary-content .block-glossary-content__wrapper .glossary-content__item .item-content .term-item .term-short-descripion {
    font-size: 1.343vw;
    line-height: 1.791vw;
  }
}
@media screen and (max-width: 767px) {
  .block-glossary-content .block-glossary-content__wrapper .glossary-content__item .item-content .term-item .term-short-descripion {
    font-size: 4.071vw;
    line-height: 5.089vw;
  }
}