.brand-top {
  padding-top: 71px;


}

.brand-top__block {
  display: flex;
  justify-content: space-between;
  padding-bottom: 115px;
  border-bottom: 1px solid #dedede;
}

.brand-top__aside {
  max-width: 765px;
  width: 100%;
  margin-right: 30px;
}

.brand-top__title {
  font-family: var(--second-family);
  font-weight: 400;
  font-size: 90px;
  line-height: 100%;
  letter-spacing: -0.03em;
  color: var(--black);
  margin-bottom: 51px;
}

.aside-top-text {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 22px;
  line-height: 130%;
  color: var(--black);
  letter-spacing: -0.03em;
  margin: 0 0 19px 4px;
}

.aside-top-descr {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  color: var(--text-gray);
  margin-left: 4px;
}

.brand-top__picture {
  max-width: 426px;
  width: 100%;
  background-repeat: no-repeat;
  background-size: contain;
  aspect-ratio: 1;
  border-radius: 15px;
}

/* purpose */
.purpose {
  padding-top: 121px;
  padding-bottom: 150px;
}

.purpose__block {
  display: flex;
  justify-content: space-between;
  padding-bottom: 149px;
}

.purpose__box {
  width: 320px;
  margin-right: 30px;
}

.purpose__aside {
  max-width: 650px;
  width: 100%;
}

.purpose__box-text {
  font-family: var(--second-family);
  font-weight: 400;
  font-size: 30px;
  line-height: 130%;
  text-transform: uppercase;
  color: var(--black);
}

.purpose__aside-circle {
  display: flex;
  align-items: center;
  position: relative;
  margin-top: 58px;
  margin-bottom: 30px;
}

.purpose__aside-circle p {
  display: block;
  width: 39px;
  height: 39px;
  border-radius: 50%;
  position: absolute;
}

.purpose__aside-circle span {
  display: block;
  font-family: "Inter", sans-serif;
  font-weight: 300;
  font-size: 21px;
  line-height: 100%;
  color: #4c4d4c;
  margin-left: 70px;
  font-size: 21px;
  margin-left: 188px;

}

.color-1 {
  background-color: #f1cfd4;
  z-index: 7;
}

.color-2 {
  background-color: #bbd3e2;
  left: 28px;
  z-index: 6;
}

.color-3 {
  background-color: #c08c8f;
  left: 57px;
  z-index: 5
}

.color-4 {
  background-color: #f1cfd4;
  z-index: 4;
  left: 82px;
}

.color-5 {
  background-color: #bbd3e2;
  left: 111px;
  z-index: 3;
}

.color-6 {
  background-color: #c08c8f;
  left: 139px;
  z-index: 2
}

.purpose__aside-text {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 22px;
  line-height: 130%;
  letter-spacing: -0.03em;
  color: var(--black);
  max-width: 600px;
  width: 100%;
  margin-bottom: 20px;
}

.purpose__aside-descr {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  color: var(--text-gray);
}

.aside-descr-1 {
  max-width: 585px;
  width: 100%;
  margin-bottom: 21px;
}

.purpose__aside-img {
  margin: 50px 0 17px 0;
}

.purpose__bottom-info {
  border-radius: 15px;
  padding: 51px 140px 49px 223px;
  background-color: var(--violet-1);
  color: #fff;
  position: relative;
}

.purpose__bottom-info::before {
  content: url(../img/quotation-marks.svg);
  display: block;
  width: 42px;
  height: 32px;
  top: 50px;
  left: 50px;
  position: absolute;
  margin-left: auto;
  z-index: 2;
}

.purpose__bottom-info p {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 22px;
  line-height: 130%;
  letter-spacing: -0.03em;
  color: var(--white);
}

.purpose__bottom-info p:not(:last-child) {
  margin-bottom: 30px;
}


/* history-firm */
.history-firm {
  padding-bottom: 99px;
}

.history-firm__title {
  font-family: var(--second-family);
  font-weight: 400;
  font-size: 30px;
  line-height: 130%;
  text-transform: uppercase;
  text-align: center;
  color: var(--black);
  max-width: 805px;
  margin: 0 auto;
  margin-top: 2px;
  margin-bottom: 19px;
}

.history-firm__text {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 22px;
  line-height: 130%;
  letter-spacing: -0.03em;
  text-align: center;
  color: var(--text-gray);
  margin-bottom: 50px;
}

.history-firm__descr {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  text-align: center;
  color: var(--text-gray);
  max-width: 656px;
  margin: 0 auto;
  margin-bottom: 100px;
}

.history-firm__block {
  display: flex;
  justify-content: space-between;
  padding-top: 50px;
  padding-bottom: 50px;
}

.history-aside {
  width: calc((100% - (24px *1)) / 2);
}

.history-picture {
  width: calc((100% - (24px *1)) / 2);
  background-repeat: no-repeat;
  background-size: contain;
  aspect-ratio: 0.78;
  border-radius: 15px;
}

.history-aside-title {
  font-family: var(--second-family);
  font-weight: 400;
  font-size: 30px;
  line-height: 130%;
  text-transform: uppercase;
  color: var(--black);
  margin-top: 9px;
}

.history-aside-block {
  display: flex;
  padding-top: 60px;
}



.chronology-info-text {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  color: var(--text-gray);
  margin-bottom: 31px;
  max-width: 480px;
  width: 100%;
}

.chronology-block {
  border: 1px solid var(--gray-line);
  border-radius: 5px;
  padding: 0px 10px;
  width: 92px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  line-height: 100%;
  text-align: center;
  color: var(--black);
}

.chronology-line {
  width: 2px;
  height: 50px;
  background-color: #854790;
  margin: 0 auto;
}

.info-text-1 {
  margin-bottom: 35px;
}

.info-text-2 {
  margin-bottom: 39px;
}

.line-1 {
  height: 36px;
}

.line-2 {
  height: 32px;
}

.line-3 {
  height: 29px;
}

.line-4 {
  height: 95px;
}

.line-5 {
  height: 94px;
}

.line-6 {
  height: 47px;
}

/* ------------------------------------------------------ */

.history-firm__box {
  display: flex;
  justify-content: space-between;
}

.history-firm__box-title {
  max-width: 554px;
  width: 100%;
  font-family: var(--second-family);
  font-weight: 400;
  font-size: 30px;
  line-height: 130%;
  text-transform: uppercase;
  color: var(--black);
}

.history-firm__fl {
  width: calc((100% - (24px *1)) / 2);
}

.history-firm__box-info {
  width: calc((100% - (24px *1)) / 2);
}

.history-firm__box-text {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  color: var(--text-gray);
}

.box-content p {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  line-height: 100%;
  color: var(--black);
}

.box-content-img {
  display: flex;
  align-items: center;
  padding-top: 22px;
}

.history-firm__box {
  padding-top: 67px;
  padding-bottom: 120px;
}

.box-content-img img {
  width: 91px;
  margin-right: 20px;
}

.box-content-img p {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  line-height: 100%;
  color: var(--black);
}

.marketplace-block {
  border-radius: 15px;
  background: var(--gray-background);
  height: 154px;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 154px;
  flex-wrap: wrap;
  padding: 30px;
  justify-content: space-between;
  padding: 30px 54px;
}

.marketplace-block img:not(:last-child) {
  margin-right: 15px;
}

.about-brand-title {
  max-width: 495px;
  margin: 0 auto;
  margin-top: 120px;
  margin-bottom: 20px;
}

.about-brand-title h3 {
  font-family: var(--second-family);
  font-weight: 400;
  font-size: 45px;
  line-height: 120%;
  letter-spacing: -0.03em;
  text-align: center;
  color: var(--black);
}

.brand-top-none {
  display: none;
}

/* --------------------------- */
.flex-block {
  position: relative;
  display: flex;
  align-items: flex-start;
}

.flex-block::before {
  content: "";
  position: absolute;
  top: 0;
  left: 46px;
  left: 2.8em;
  height: 100%;
  border-left: 2px solid #dedede;
}

.flex-block:first-child::before {
  top: 30%;
}

.flex-block:last-child::before {
  height: 13%;
}

.chronology-block {
  margin-right: 20px;
  background-color: white;
  z-index: 5;

}

.block::before {
  left: 15px;
  left: 45px;
}

.chronology-1 {
  margin-top: 8px;
}

.chronology-2 {
  margin-top: -5px;
}

.chronology-3 {
  margin-top: -6px;
}

.marketplace-5 {
  max-width: 127px;
  width: 100%;
}

.marketplace-4 {
  max-width: 251px;
  width: 100%;
}









@media (max-width:1250px) {


  .line-3 {
    height: 64px;
  }

  .line-5 {
    height: 69px;
  }

  .line-6 {
    height: 123px;
  }

  .flex-block::before {
    left: 2.4em;
  }

  .flex-block:last-child::before {
    height: 11%;
  }

  .marketplace-block {
    justify-content: center;
  }

  .marketplace-block img:not(:last-child) {
    margin-right: 25px;
  }

}

@media (max-width:1100px) {

  .marketplace-1,
  .marketplace-2,
  .marketplace-3,
  .marketplace-4,
  .marketplace-5 {
    margin-bottom: 20px;
  }
}

@media (max-width:1024px) {
  .purpose__bottom-info {
    padding: 50px 60px 50px 152px;
  }


  .line-3 {
    height: 88px;
  }

  .line-5 {
    height: 89px;
  }

  .line-6 {
    height: 181px;
  }

  .line-4 {
    height: 125px;
  }



}


@media (max-width:992px) {
  .brand-top__title {
    font-size: 75px;
  }

  .line-4 {
    height: 138px;
  }

  .line-5 {
    height: 112px;
  }

  .flex-block:last-child::before {
    height: 0%;
  }




}

@media (max-width:840px) {

  /* ------------------------------ */
  .history-firm__block {
    flex-direction: column-reverse;
  }

  .history-picture {
    aspect-ratio: 1.24;
    width: 100%;
    margin-bottom: 100px;
  }

  .history-aside {
    width: 100%;
  }

  .flex-block::before {
    left: 2.8em;
  }


  /* ------------------------------------ */
  .brand-top__title {
    font-size: 55px;
  }

  .brand-top-none {
    display: block;
    border-bottom: 1px solid #dedede;
    padding-bottom: 50px;
  }

  .brand-top__aside .aside-top-text {
    display: none;
  }

  .brand-top__aside .aside-top-descr {
    display: none;
  }

  .brand-top__block {
    padding-bottom: 30px;
    border-bottom: none;
    flex-direction: row-reverse;
  }

  .history-firm__box {
    flex-direction: column;
  }

  .history-firm__fl {
    width: 100%;
    margin-bottom: 40px;
  }

  .history-firm__box-title {
    max-width: 100%;
  }

  .history-firm__box-info {
    width: 100%;
  }

  .marketplace-1 {
    order: 1;
  }

  .marketplace-2 {
    order: 2;
  }

  .marketplace-3 {
    order: 4;
  }

  .marketplace-4 {
    order: 5;
  }

  .marketplace-5 {
    order: 3;
  }



}

@media (max-width:768px) {

  .purpose__block {
    flex-direction: column;
    padding-bottom: 100px;
  }

  .purpose__box-text {
    margin-bottom: 40px;
  }

  .purpose__aside-text {
    max-width: 100%;
  }

  .purpose__aside {
    max-width: 100%;
  }

  .aside-descr-1 {
    max-width: 100%;
  }

  .purpose {
    padding-top: 70px;
  }

  .purpose__block {
    padding-bottom: 100px;
  }

  .purpose__bottom-info {
    padding: 104px 50px 50px 50px;
  }

  .purpose__bottom-info::before {
    top: 40px;
    left: 40px;
  }

  .marketplace-1 {
    width: 30%;
  }

  .marketplace-2 {
    width: 28%;
  }

  .marketplace-5 {
    width: 18%;
  }

  .marketplace-3 {
    width: 33%;
  }

  .marketplace-4 {
    width: 36%;
  }


}

@media (max-width:640px) {

  .breadcrumbs__info {
    margin-top: 27px;
  }

  .breadcrumbs__info li::before {
    margin-right: 5px;
  }

  .brand-top {
    padding-top: 50px;
  }

  .brand-top__picture {
    max-width: 138px;
    aspect-ratio: 0.85;
    margin-right: 20px;
  }

  .brand-top__block {
    padding-bottom: 28px;
  }

  .aside-top-descr {
    margin-left: 0;
  }

  .brand-top__title {
    font-size: 45px;
  }

  .brand-top__title {
    margin-bottom: 0px;
    line-height: 120%;
    letter-spacing: -0.03em;
    max-width: 365px;
    width: 100%;
  }

  .aside-top-text {
    font-size: 16px;
    line-height: 150%;
    letter-spacing: 0;
    margin: 0 0 10px 0px;
  }

  .aside-top-descr {
    font-size: 14px;
    letter-spacing: 0;
  }

  .purpose {
    padding-top: 50px;
  }

  .purpose__block {
    padding-bottom: 100px;
  }

  .purpose__bottom-info::before {
    top: 30px;
    left: 30px;
  }

  .purpose__bottom-info {
    padding: 102px 36px 29px 30px;
  }

  .purpose__aside-text {
    font-size: 16px;
    line-height: 150%;
    letter-spacing: 0;
    margin-bottom: 11px;
  }

  .purpose__aside-descr {
    font-size: 14px;
    letter-spacing: 0;
  }

  .aside-descr-1 {
    margin-bottom: 10px;
  }

  .purpose__aside-circle {
    margin-top: 47px;
  }

  .purpose__aside-img {
    margin: 38px 0 17px 0;
  }

  .purpose__bottom-info p {
    font-size: 16px;
    line-height: 150%;
    letter-spacing: 0;
  }

  .purpose__bottom-info p:not(:last-child) {
    margin-bottom: 24px;
  }


  .purpose {

    padding-bottom: 99px;
  }

  .history-firm__text {

    font-size: 17px;
    line-height: 150%;
    margin-bottom: 9px;
  }

  .history-firm__descr {

    font-size: 14px;
    letter-spacing: 0;
  }

  .history-firm__title {

    margin-bottom: 29px;
  }

  .history-firm__block {
    flex-direction: column-reverse;
  }

  .history-picture {
    aspect-ratio: 1.24;
    width: 100%;
    margin-bottom: 100px;
  }

  .history-aside {
    width: 100%;
  }

  .history-firm__descr {
    margin-bottom: -21px;
  }

  .history-picture {
    margin-bottom: 93px;
  }

  .history-aside-block {
    padding-top: 40px;
  }

  .history-firm__box {
    padding-top: 16px;
    padding-bottom: 98px;
  }

  .history-firm__box-title {
    max-width: 558px;
  }

  .marketplace-block {
    padding: 21px 46px 11px 44px;
  }

  .history-firm__box {
    padding-bottom: 99px;
  }

  .marketplace-block img:not(:last-child) {
    margin-right: 44px;
  }

  .marketplace-1 {
    width: 32%;
  }

  .marketplace-2 {
    width: 30%;
  }

  .marketplace-5 {
    width: 20%;
  }

  .marketplace-3 {
    width: 35%;
  }

  .marketplace-4 {
    width: 39%;
  }

  .marketplace-block img:not(:last-child) {
    margin-right: 36px;
  }

  .about-brand-title {
    margin-top: 100px;
  }

  .history-firm {
    padding-bottom: 80px;
  }


  .marketplace-3 {
    margin-left: 37px;
    margin-top: 4px;
  }

  .marketplace-4 {
    margin-top: -8px;
    margin-left: 5px;
  }

  .marketplace-1,
  .marketplace-2,
  .marketplace-3,
  .marketplace-4,
  .marketplace-5 {
    margin-bottom: 0px;
  }




}

@media (max-width:600px) {
  .marketplace-block {
    padding: 21px 28px 11px 27px;
  }

  .chronology-info-text {
    font-size: 14px;
  }

  .flex-block::before {
    left: 2.4em;
  }

  .marketplace-3 {
    margin-top: 0px;
    margin-left: 0;
  }

  .marketplace-4 {
    margin-right: 0 !important;
  }


}



@media (max-width:480px) {
  .brand-top__block {
    flex-direction: column-reverse;
  }

  .brand-top-none {
    border-bottom: none;
    padding-bottom: 20px;
  }

  .brand-top__picture {
    max-width: 100%;
    aspect-ratio: 1.26;
    margin-right: 0;
    margin-bottom: 30px;
  }

  .brand-top__title {
    font-size: 35px;
  }

  .purpose__block {
    padding-bottom: 70px;
  }

  .purpose__bottom-info {
    padding: 102px 20px 30px 20px;
  }

  .purpose__bottom-info::before {
    left: 20px;
  }

  .marketplace-block {
    padding: 20px;
  }

  .marketplace-5 {
    margin-right: 27px;
  }

  .line-1 {
    height: 43px;
  }

  .line-3 {
    height: 89px;
  }

  .line-4 {
    height: 134px;
  }

  .line-5 {
    height: 105px;
  }

  .line-6 {
    height: 176px;
  }


  .history-firm__title {
    text-align: left;
  }

  .history-firm__text {
    text-align: left;
  }

  .history-firm__descr {
    text-align: left;
  }

  .history-picture {
    aspect-ratio: 1;
  }

  .marketplace-block {
    padding: 45px 13%;
    height: 348px;
    justify-content: space-between;
    flex-direction: column;
  }

  .marketplace-1 {
    width: 55%;
  }

  .marketplace-2 {
    width: 55%;
  }

  .marketplace-3 {
    width: 59%;
  }

  .marketplace-4 {
    width: 69%;
  }

  .marketplace-5 {
    width: 36%;
  }

  .marketplace-block img:not(:last-child) {
    margin-right: 0;
  }

  .flex-block::before {
    left: 36px;
  }

  .chronology-1 {
    margin-top: -3px;
  }

  .marketplace-5 {
    margin-right: 0;
  }

  .marketplace-4 {
    margin-left: 0;
  }

  .about-brand-title {
    margin: 80px 10px 20px 10px;
  }

  .history-firm__box {
    padding-bottom: 80px;
  }




}

@media (max-width:340px) {

  .marketplace-block {
    padding: 44px 78px 45px 78px;
    height: 348px;
    justify-content: space-between;
    flex-direction: column;
  }

  .marketplace-1 {
    width: 81%;
  }

  .marketplace-2 {
    width: 76%;
  }

  .marketplace-3 {
    width: 89%;
  }

  .marketplace-4 {
    width: 100%;
  }

  .marketplace-5 {
    width: 50%;
  }

  .marketplace-block img:not(:last-child) {
    margin-right: 0;
  }

  .about-brand-title h3 {
    font-size: 35px;
  }



  .brand-top {
    padding-top: 29px;
  }

  .brand-top__title {
    max-width: 291px;
  }

  .purpose {
    padding-top: 59px;
  }

  .purpose {
    padding-bottom: 76px;
  }

  .history-firm__title {
    margin-bottom: 18px;
  }

  .history-picture {
    aspect-ratio: 1;
  }

  .history-picture {
    margin-bottom: 50px;
  }

  .history-aside-block {
    padding-top: 23px;
  }

  .brand-top__picture {
    margin-bottom: 15px;
    margin-left: 2px;
  }

  .brand-top__title {
    font-size: 25px;
  }

  .purpose__block {
    padding-bottom: 80px;
  }

  .purpose__bottom-info {
    padding: 102px 17px 30px 20px;
  }

  .purpose__box-text {
    font-size: 25px;
  }

  .purpose__box-text {
    margin-bottom: 31px;
  }


  .history-firm__title {
    font-size: 25px;
    text-align: left;
  }

  .history-firm__text {
    text-align: left;
  }

  .history-firm__descr {
    text-align: left;
  }

  .history-firm__block {
    padding-top: 62px;
  }

  .history-aside-title {
    font-size: 25px;
  }

  .history-firm__box-title {
    font-size: 25px;
  }

  .history-firm__fl {
    margin-bottom: 30px;
  }


  .box-content-img {
    padding-top: 20px;
  }

  .history-firm__box {
    padding-bottom: 80px;
  }

  .about-brand-title {
    margin-top: 80px;
    padding: 0 21px;
  }

  .history-firm {
    padding-bottom: 61px;
  }


  .about-brand-title h3 {
    font-size: 25px;
  }


  .marketplace-5 {
    order: 0;
  }

  .marketplace-2 {
    order: 1;
  }

  .marketplace-1 {
    order: 2;
  }

  .marketplace-5 {
    margin-right: 0;
  }

  .brand-top__block {
    padding-bottom: 30px;
  }

  .flex-block::before {
    left: 35px;
  }


  /* about_brand.css | http://bor.inet20qf.beget.tech/css/about_brand.css */
  .marketplace-block {
    justify-content: flex-start;
  }


  .marketplace-5 {
    margin-bottom: 41px;
  }

  .marketplace-2 {
    margin-bottom: 39px;
  }

  .marketplace-3 {
    margin-bottom: 48px;
  }

  .marketplace-1 {
    margin-bottom: 39px;
  }

}