.baner {
  display: flex;
  flex-direction: column;
  position: relative;
  padding: 39px 0px;
  width: 100%;
  border-radius: 20px;
  border: 4px solid #F3FCFF;
  background: #2B19FF;
  margin-top: 70px;
  align-items: center;
}
.baner img {
  width: -moz-fit-content;
  width: fit-content;
  position: absolute;
  top: 120px;
  right: 125px;
}
.baner h3 {
  color: #F3FCFF;
  text-align: center;
  font-family: Gilroy;
  font-size: 50px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.baner h2 {
  color: #F3FCFF;
  text-align: center;
  font-family: "Druk Cyr";
  font-size: 128px;
  font-style: normal;
  font-weight: 900;
  line-height: normal;
  text-transform: uppercase;
}
.baner p {
  color: #FFF;
  text-align: center;
  font-family: Gilroy;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  padding: 19px 63px;
  border-radius: 20px;
  border: 2px solid #FFF;
  width: 672px;
}

.history {
  display: flex;
  flex-direction: column;
  gap: 38px;
  padding-top: 120px;
}
.history .head {
  display: flex;
  flex-direction: column;
  gap: 38px;
}
.history .head .maintitle {
  display: flex;
  align-items: center;
  gap: 20px;
}
.history .head .maintitle p {
  color: #170C2C;
  text-align: center;
  font-family: Gilroy;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  padding: 23px 105px;
  border-radius: 10px;
  border: 2px solid #D7D4FF;
}
.history .head .maintitle h2 {
  color: #170C2C;
  font-family: Gilroy;
  font-size: 44px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.history .head .desc {
  color: #170C2C;
  font-family: Gilroy;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.history .stats {
  display: flex;
  align-items: end;
  justify-content: space-between;
}
.history .stats .item {
  display: flex;
  flex-direction: column;
  align-items: start;
}
.history .stats .item h4 {
  color: #2B19FF;
  font-family: "Druk Cyr";
  font-size: 124px;
  font-style: normal;
  font-weight: 900;
  line-height: 100%;
  text-transform: uppercase;
}
.history .stats .item h5 {
  color: #2B19FF;
  font-family: Gilroy;
  font-size: 38.624px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.certs {
  display: flex;
  flex-direction: column;
  gap: 40px;
  padding-top: 120px;
}
.certs .head {
  display: flex;
  flex-direction: column;
  gap: 38px;
}
.certs .head .maintitle {
  display: flex;
  align-items: center;
  gap: 20px;
}
.certs .head .maintitle p {
  color: #170C2C;
  text-align: center;
  font-family: Gilroy;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  padding: 23px 105px;
  border-radius: 10px;
  border: 2px solid #D7D4FF;
}
.certs .head .maintitle h2 {
  color: #170C2C;
  font-family: Gilroy;
  font-size: 44px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.certs .head .desc {
  color: #170C2C;
  font-family: Gilroy;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.certs .list {
  display: flex;
  justify-content: space-between;
}
.certs .list .item {
  padding: 121px 25px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 10px;
  border: 2px solid #D7D4FF;
  background: #FFF;
}

.video {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  padding: 143px 238px;
  background-image: url("../images/blurvideo.png");
  background-repeat: no-repeat;
  background-size: cover;
  gap: 16px;
  border-radius: 30px;
  border: 2.04px solid #D7D4FF;
  margin-top: 120px;
  cursor: pointer;
}
.video h4 {
  color: #FFF;
  text-align: center;
  font-family: Gilroy;
  font-size: 50px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

.sponsorWrapper {
  display: flex;
  flex-direction: column;
  gap: 50px;
  padding-top: 120px;
  padding-bottom: 120px;
}
.sponsorWrapper .title {
  display: flex;
  gap: 20px;
  align-items: center;
}
.sponsorWrapper .title p {
  color: #170C2C;
  text-align: center;
  font-family: Gilroy;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  padding: 23px 78px;
  border-radius: 10px;
  border: 2px solid #D7D4FF;
}
.sponsorWrapper .title h4 {
  color: #170C2C;
  font-family: Gilroy;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.sponsorWrapper .ribbon {
  display: flex;
  overflow: hidden;
  padding: 38px 0px;
  border-top: 1px solid #D4D4D4;
  border-bottom: 1px solid #D4D4D4;
  background: #FFF;
  width: 100%;
  position: relative;
  gap: 32px;
}
.sponsorWrapper .ribbon-content {
  display: flex;
  gap: 32px;
  animation: scroll-left 30s linear infinite;
  flex-shrink: 0;
}
@keyframes scroll-left {
  from {
    transform: translateX(0%);
  }
  to {
    transform: translateX(-100%);
  }
}

@media screen and (max-width: 1200px) {
  #wrapper .baner {
    margin-top: 60px;
    padding: 30px 22px 27px 22px;
  }
  #wrapper .baner h3 {
    font-size: 24px;
  }
  #wrapper .baner h2 {
    font-size: 128px;
    line-height: 100%;
    padding-bottom: 20px;
  }
  #wrapper .baner p {
    font-size: 16px;
    text-align: center;
    padding: 20px 40px;
    width: 100%;
  }
  #wrapper .baner img {
    width: 96px;
    height: 103px;
    transform: rotate(-9deg);
    top: 134px;
    right: 0;
  }
  #wrapper .promoWrapper {
    border-radius: 25px;
  }
  #wrapper .certs {
    gap: 25px;
  }
  #wrapper .history, #wrapper .certs {
    padding-top: 80px;
  }
  #wrapper .history .head, #wrapper .certs .head {
    flex-direction: column;
    gap: 15px;
    align-items: center;
  }
  #wrapper .history .head *, #wrapper .certs .head * {
    text-align: center;
  }
  #wrapper .history .head .title, #wrapper .certs .head .title {
    flex-direction: column;
    gap: 25px;
    align-items: center;
  }
  #wrapper .history .head .title p, #wrapper .certs .head .title p {
    font-size: 20px;
  }
  #wrapper .history .head .title h2, #wrapper .certs .head .title h2 {
    font-size: 26px;
  }
  #wrapper .history .head .desc, #wrapper .certs .head .desc {
    font-size: 18px;
  }
  #wrapper .history .list, #wrapper .certs .list {
    flex-direction: column;
    gap: 25px;
    align-items: center;
  }
  #wrapper .history .list .item, #wrapper .certs .list .item {
    padding: 90px 19px;
    width: -moz-fit-content;
    width: fit-content;
  }
  #wrapper .history .list .item img, #wrapper .certs .list .item img {
    width: 245px;
    height: 126px;
  }
  #wrapper .history .stats, #wrapper .certs .stats {
    flex-direction: column;
    align-items: center;
    gap: 19px;
  }
  #wrapper .history .stats .item, #wrapper .certs .stats .item {
    align-items: center;
  }
  #wrapper .history .stats .item *, #wrapper .certs .stats .item * {
    text-align: center;
  }
  #wrapper .history .stats .item h4, #wrapper .certs .stats .item h4 {
    font-size: 116px;
  }
  #wrapper .history .stats .item h5, #wrapper .certs .stats .item h5 {
    font-size: 34px;
  }
  #wrapper .history .stats .item:not(:nth-child(3)):after, #wrapper .certs .stats .item:not(:nth-child(3)):after {
    content: "";
    width: 220px;
    height: 2px;
    background: #D9D9D9;
    margin-top: 26px;
  }
  .video {
    padding: 87px 23px;
    gap: 14px;
    background-position: center;
    background-size: 300%;
    margin-top: 80px;
  }
  .video h4 {
    font-size: 25px;
    text-align: center;
  }
  .sponsorWrapper {
    padding-bottom: 80px;
  }
  .sponsorWrapper .title {
    flex-direction: column;
    gap: 25px;
    align-items: center;
  }
  .sponsorWrapper .title p {
    font-size: 20px;
  }
  .sponsorWrapper .title h4 {
    font-size: 18px;
    text-align: center;
  }
  .sponsorWrapper .ribbon {
    padding: 20px 0px;
  }
  .sponsorWrapper .ribbon img {
    width: 172px;
    height: 50px;
  }
}/*# sourceMappingURL=about.css.map */