.header {
  position: relative;
  z-index: 100; }
  .header.header_sticky {
    position: sticky; }

.about-header {
  background-image: url("img/about-bg.png");
  background-size: cover;
  height: 887px;
  padding: 24px;
  position: relative; }
  .about-header .breadcrumbs {
    color: #FFFFFF; }

.about-header__overlay {
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0), #FFFFFF);
  height: 316px;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 5; }

.about-header__content {
  position: absolute;
  display: flex;
  flex-direction: column;
  align-content: center;
  justify-content: center;
  align-items: center;
  height: 100%;
  width: 100%;
  margin: 0 -24px;
  gap: 32px;
  color: #FFFFFF;
  z-index: 10; }

.about-header__title {
  font-size: 80px;
  font-weight: 500;
  line-height: 88px; }

.about-header__description {
  font-size: 32px;
  font-weight: 400;
  line-height: 38px;
  max-width: 40%;
  text-align: center; }

.about-header__button {
  margin-top: 48px;
  color: #262119;
  width: 200px;
  text-align: center; }

.about-content {
  background-color: #FFFFFF;
  padding: 80px 24px 24px 24px; }

.about-content__text {
  font-size: 48px;
  font-weight: 400;
  line-height: 67px;
  max-width: 727px;
  margin-left: 196px; }

.about-content-block {
  margin-top: 178px;
  padding: 32px 32px 0;
  display: flex;
  flex-direction: row;
  gap: 81px; }

.about-content-block__text {
  font-size: 32px;
  font-weight: 400;
  line-height: 45px;
  max-width: 447px; }

.about-content-block__img {
  width: 612px;
  height: 647px;
  background: radial-gradient(52.29% 52.29% at 50% 50%, #D9D9D9 0%, rgba(217, 217, 217, 0) 100%); }

.about-content-block__img-overlay {
  background-image: url("img/about-image-cube.png");
  background-repeat: no-repeat;
  background-position: bottom;
  background-size: contain;
  width: 100%;
  height: 100%; }

.about-values {
  margin-top: 184px; }

.about-values__title {
  font-size: 48px;
  font-weight: 400;
  line-height: 67px;
  margin-left: 196px;
  max-width: 746px;
  margin-bottom: 104px; }

.about-values-block {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  height: 428px;
  max-width: 856px;
  margin-left: auto;
  margin-right: auto;
  padding: 32px;
  margin-bottom: 16px;
  border-radius: 8px;
  background-repeat: no-repeat;
  background-position: center; }

.about-values-block_theme-linear {
  background-image: url("img/about-values-linear.png"), linear-gradient(180deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.0580941) 99.99%, rgba(255, 255, 255, 0) 100%);
  filter: drop-shadow(2px 4px 30px rgba(0, 0, 0, 0.05));
  border: 2px solid #FAFAFA; }

.about-values-block_theme-sphere {
  background-image: url("img/about-values-sphere.png"), linear-gradient(180deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.0580941) 99.99%, rgba(255, 255, 255, 0) 100%);
  filter: drop-shadow(2px 4px 30px rgba(0, 0, 0, 0.05));
  border: 2px solid #FAFAFA; }

.about-values-block_theme-rubik {
  background-image: url("img/about-values-rubik.png"), radial-gradient(42.59% 56.71% at 54.66% 50%, rgba(153, 153, 153, 0.2) 24.51%, rgba(153, 153, 153, 0.068) 94.27%);
  border: 2px solid #FAFAFA; }

.about-values-block_theme-prime {
  background-image: url("img/about-values-prime.png"); }

.about-values-block__title {
  font-size: 32px;
  font-weight: 500;
  line-height: 38px;
  max-width: 416px; }

.about-values-block__title_color-white {
  color: #FFFFFF; }

.about-values-block__description {
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
  max-width: 244px;
  color: #666666; }

.about-values-block__description_rubik {
  font-size: 18px;
  font-weight: 400;
  line-height: 25px; }

.about-values-block__description_color-white {
  color: #FFFFFF; }

.about-start {
  background-image: url("img/about-start-bg.png");
  background-size: cover;
  height: 715px;
  padding: 0 24px;
  position: relative; }

.about-start__overlay {
  background: linear-gradient(to top, rgba(0, 0, 0, 0), #FFFFFF);
  height: 70%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0; }

.about-start__content {
  display: flex;
  flex-direction: column;
  align-content: center;
  justify-content: center;
  align-items: flex-start;
  margin-left: 196px;
  max-width: 661px;
  height: 100%;
  gap: 66px;
  position: absolute;
  z-index: 10; }

.about-start__title {
  font-size: 56px;
  font-weight: 500;
  line-height: 67px; }

.about-start__button {
  margin-top: 48px;
  color: #262119;
  width: 200px;
  text-align: center; }

.about-social {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 32px;
  margin-top: 16px;
  background-color: #FFFFFF; }

.about-social__title {
  font-size: 32px;
  font-weight: 500;
  line-height: 38px;
  max-width: 220px; }

.about-social__list {
  display: flex;
  flex-direction: row;
  gap: 38px; }

.about-legal {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 24px 24px 24px 32px;
  margin-top: 16px; }

.about-legal__blocks {
  display: flex;
  flex-direction: row;
  gap: 24px; }

.about-legal__title {
  font-size: 32px;
  font-weight: 500;
  line-height: 38px;
  max-width: 359px; }

.about-legal-chat {
  background-image: url("img/about-legal-heart.png");
  background-position: 92% 92%;
  background-color: #FCE7E7;
  background-repeat: no-repeat;
  width: 380px;
  padding: 32px 24px;
  border-radius: 8px;
  height: 421px; }

.about-legal-chat__title {
  font-size: 24px;
  font-weight: 500;
  line-height: 29px;
  margin-bottom: 8px; }

.about-legal-chat__description {
  font-size: 18px;
  font-weight: 400;
  line-height: 25px;
  margin-bottom: 32px;
  width: 80%; }

.about-legal-chat__button {
  max-width: 137px; }

.about-legal-documents {
  background: linear-gradient(199.89deg, rgba(153, 153, 153, 0.2) 24.28%, rgba(153, 153, 153, 0.068) 91.29%);
  width: 371px;
  padding: 32px 24px 32px 42px;
  border-radius: 8px;
  height: 421px; }

.about-legal-documents__title {
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
  margin-bottom: 24px; }

.about-legal-documents ul {
  margin: 0;
  padding: 0; }

.about-legal-documents__item {
  list-style-type: none;
  margin: 14px 0; }

.fr .about-legal-chat__button {
  max-width: 80%; }

@media only screen and (max-width: 1024px) {
  .about-header {
    height: auto;
    min-height: 672px;
    background-position: 30% 50%;
    padding: 16px; }
  .about-header__content {
    text-align: center; }
  .about-header__title {
    font-size: 56px;
    font-weight: 500;
    line-height: 56px;
    max-width: 50%; }
  .about-header__description {
    max-width: 70%; }
  .about-header__overlay {
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(255, 255, 255, 0.5), #FFFFFF);
    height: 116px;
    bottom: -5px; }
  .about-content {
    padding: 12px; }
  .about-content__text {
    margin-left: 0; }
  .about-content__text {
    font-size: 24px;
    font-weight: 400;
    line-height: 34px; }
  .about-content-block {
    padding: 12px;
    gap: 32px;
    margin-top: 56px; }
  .about-content-block__text {
    font-size: 18px;
    font-weight: 400;
    line-height: 25px; }
  .about-content-block__img {
    width: 300px;
    height: 300px;
    filter: none;
    background: radial-gradient(52.29% 52.29% at 50% 50%, #D9D9D9 0%, rgba(217, 217, 217, 0) 100%); }
  .about-content-block__img-overlay {
    background-image: url("img/about-image-cube-mob.png");
    background-size: cover; }
  .about-values {
    margin-top: 64px; }
  .about-values__title {
    font-size: 24px;
    font-weight: 400;
    line-height: 34px;
    margin-left: 0;
    margin-bottom: 64px; }
  .about-values-block {
    flex-direction: row;
    padding: 24px 12px;
    height: 420px; }
  .about-values-block__title {
    font-size: 24px;
    font-weight: 500;
    line-height: 29px;
    width: 40%; }
  .about-values-block__description {
    width: 50%;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px; }
  .about-values-block_theme-sphere {
    background-image: url("img/about-values-sphere-tab.png");
    background-size: cover; }
  .about-values-block_theme-rubik {
    background-color: #99999911;
    background-image: url("img/about-values-rubik-tab.png");
    background-image: url("img/about-values-rubik-tab.png"), radial-gradient(42.59% 56.71% at 54.66% 50%, rgba(153, 153, 153, 0.2) 24.51%, rgba(153, 153, 153, 0.068) 94.27%);
    background-position: 50% 70%; }
  .about-start {
    padding: 0 12px;
    height: 564px; }
  .about-start__overlay {
    top: -5px; }
  .about-start__content {
    margin-left: 0; }
  .about-start__title {
    font-size: 28px;
    font-weight: 500;
    line-height: 34px;
    width: 50%; }
  .about-start__button {
    margin-top: 0; }
  .about-social {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    padding: 24px;
    margin-top: 16px;
    gap: 32px; }
  .about-social__title {
    font-size: 32px;
    font-weight: 500;
    line-height: 38px; }
  .about-social__list {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 80%; }
  .about-legal {
    padding: 24px 12px;
    flex-direction: column; }
  .about-legal__blocks {
    flex-direction: row;
    gap: 16px; }
  .about-legal__title {
    font-size: 28px;
    font-weight: 500;
    line-height: 34px;
    max-width: 80%; }
  .about-legal-chat {
    padding: 24px 12px;
    height: 404px;
    width: 50%;
    display: flex;
    flex-direction: column; }
  .about-legal-chat__description {
    margin-bottom: 24px; }
  .about-legal-documents {
    padding: 24px 12px;
    height: 404px;
    width: 50%; } }

@media only screen and (max-width: 500px) {
  .about-header {
    height: auto;
    min-height: 672px;
    background-position: 30% 50%;
    padding: 16px; }
  .about-header__content {
    text-align: center;
    position: relative;
    top: 150px;
    margin: 0; }
  .about-header__title {
    font-size: 36px;
    font-weight: 500;
    line-height: 43px;
    max-width: 100%; }
  .about-header__description {
    font-size: 24px;
    font-weight: 500;
    line-height: 29px;
    max-width: 100%; }
  .about-header__overlay {
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(255, 255, 255, 0.5), #FFFFFF);
    height: 116px;
    bottom: -5px; }
  .about-content {
    padding: 12px; }
  .about-content__text {
    margin-left: 0; }
  .about-content-block {
    flex-direction: column;
    padding: 12px;
    gap: 32px; }
  .about-content-block__img-overlay {
    background-image: url("img/about-image-cube-mob.png");
    background-size: cover; }
  .about-values {
    margin-top: 64px; }
  .about-values__title {
    margin-left: 0;
    margin-bottom: 64px; }
  .about-values-block {
    flex-direction: column;
    padding: 24px 12px;
    height: 420px; }
  .about-values-block__title {
    font-size: 20px;
    font-weight: 500;
    line-height: 24px;
    width: 90%; }
  .about-values-block__description {
    max-width: none;
    width: 100%;
    font-size: 18px;
    font-weight: 500; }
  .about-values-block_theme-linear {
    background-image: url("img/about-values-linear-mob.png");
    background-image: url("img/about-values-linear-mob.png"), linear-gradient(180deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.0580941) 99.99%, rgba(255, 255, 255, 0) 100%);
    filter: drop-shadow(2px 4px 30px rgba(0, 0, 0, 0.05));
    border: 2px solid #FAFAFA; }
  .about-values-block_theme-sphere {
    background-image: url("img/about-values-sphere-mob.png");
    background-size: cover; }
  .about-values-block_theme-rubik {
    background-color: #99999911;
    background-image: url("img/about-values-rubik-mob.png");
    background-image: url("img/about-values-rubik-mob.png"), radial-gradient(42.59% 56.71% at 54.66% 50%, rgba(153, 153, 153, 0.2) 24.51%, rgba(153, 153, 153, 0.068) 94.27%);
    background-position: 50% 40%; }
  .about-social {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    padding: 24px;
    margin-top: 16px;
    gap: 32px; }
  .about-social__title {
    font-size: 20px;
    font-weight: 500;
    line-height: 24px;
    max-width: 100%; }
  .about-social__list {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    gap: 16px;
    width: 100%; }
  .about-legal {
    flex-direction: column; }
  .about-legal__blocks {
    flex-direction: column;
    gap: 16px; }
  .about-start {
    padding: 0 12px;
    height: 564px; }
  .about-start__overlay {
    top: -5px; }
  .about-start__title {
    width: 90%; }
  .about-start__content {
    margin-left: 0; }
  .about-legal {
    padding: 24px 12px; }
  .about-legal-chat {
    padding: 24px 12px;
    width: 100%;
    height: 315px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    background-position: 12px 24px; }
  .about-legal-chat__description {
    margin-bottom: 24px; }
  .about-legal-documents {
    padding: 24px 12px;
    height: 404px;
    width: auto; } }