* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  text-decoration: none;
}

body {
  background: #F5F5F5;
}

.container {
  width: 1080px;
  margin: 0 auto;
}

.navigation {
  display: flex;
  justify-content: space-between;
}
.navigation .logo {
  margin-top: 28px;
}
.navigation ul {
  margin-left: 30px;
  display: flex;
  margin-top: 39px;
}
.navigation ul li {
  list-style-type: none;
  padding-right: 30px;
}
.navigation ul li a {
  font-style: normal;
  font-weight: 400;
  font-size: 17px;
  line-height: 18px;
  letter-spacing: 0.18px;
  color: #222222;
  transition: 0.4s;
}
.navigation ul li a:hover {
  color: red;
}
.navigation .header__button {
  margin-top: 20px;
}
.navigation .header__button i {
  padding-right: 8px;
  padding-left: 14px;
  font-size: 10px;
}
.navigation .header__button span {
  font-style: normal;
  font-weight: 400;
  font-size: 17px;
  line-height: 18px;
}
.navigation .header__button a {
  display: inline-block;
  border: 1px solid rgba(8, 8, 41, 0.2);
  border-radius: 14px;
  padding: 17px 37px;
}

.main__header .main__block {
  display: flex;
  justify-content: space-between;
}
.main__header .main__block .main__text-block {
  margin-top: 152px;
}
.main__header .main__block .main__text-block h1 {
  width: 470px;
  font-style: normal;
  font-weight: 400;
  font-size: 63px;
  line-height: 79px;
  letter-spacing: 2.16px;
  color: #080829;
  margin-bottom: 31px;
}
.main__header .main__block .main__text-block p {
  width: 495px;
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 29px;
  letter-spacing: 0.36px;
  color: #080829;
}
.main__header .main__block .main__text-block a {
  margin-top: 43px;
  display: inline-block;
  background: #3F53D8;
  border-radius: 14px;
  padding: 16px 36px;
  color: #FFFFFF;
  transition: 1s;
}
.main__header .main__block .main__text-block a:hover {
  background: rgb(222, 123, 123);
}
.main__header .main__block .main__text-block img {
  margin-left: 34px;
}
.main__header .main__block .main__img-block img {
  width: 600px;
  padding-top: 90px;
}

.more__than {
  margin-top: 138px;
}
.more__than .more__text h2 {
  font-style: normal;
  font-weight: 700;
  font-size: 22px;
  line-height: 31px;
  letter-spacing: 0.48px;
  color: #080829;
  text-align: center;
  margin-bottom: 50px;
}
.more__than .more__block {
  display: flex;
}

.features {
  margin-top: 181px;
}
.features .features__text {
  text-align: center;
}
.features .features__text h2 {
  font-style: normal;
  font-weight: 400;
  font-size: 43px;
  line-height: 56px;
  margin-bottom: 28px;
}
.features .features__text p {
  width: 554px;
  margin: auto;
  font-weight: 400;
  font-size: 18px;
  line-height: 29px;
  text-align: center;
  letter-spacing: 0.36px;
  color: #545479;
}
.features .features__block {
  display: flex;
  justify-content: space-between;
  margin-top: 100px;
}
.features .features__block .features__cards {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 214px;
}
.features .features__block .features__cards .features__img {
  background: rgba(63, 83, 216, 0.3);
  border-radius: 20px;
  padding: 22px;
  width: 90px;
  margin-bottom: 31px;
}
.features .features__block .features__cards h2 {
  font-weight: 400;
  font-size: 24px;
  line-height: 34px;
  text-align: center;
  letter-spacing: 0.02px;
}

.collaborate {
  margin-top: 230px;
}
.collaborate .collaborate__block {
  display: flex;
  justify-content: space-between;
}
.collaborate .collaborate__block .collaborate__text {
  margin-left: 128px;
}
.collaborate .collaborate__block .collaborate__text h1 {
  width: 344px;
  font-weight: 400;
  font-size: 42px;
  line-height: 56px;
  letter-spacing: 1.44px;
  color: #080829;
}
.collaborate .collaborate__block .collaborate__text .collab__text-top {
  width: 402px;
  font-weight: 400;
  font-size: 18px;
  line-height: 29px;
  letter-spacing: 0.36px;
  color: #545479;
  margin-top: 28px;
  margin-bottom: 35px;
}
.collaborate .collaborate__block .collaborate__text .collab__text-bottom {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 29px;
  letter-spacing: 0.36px;
  color: #080829;
  width: 380px;
  padding-bottom: 14px;
  padding-left: 30px;
}
.collaborate .collaborate__block .collaborate__text .more {
  font-size: 18px;
  width: 331px;
}
.collaborate .collaborate__block .collaborate__text a {
  background: #3F53D8;
  border-radius: 14px;
  padding: 16px 36px;
  display: inline-block;
  margin-top: 48px;
  color: #FFFFFF;
  text-transform: capitalize;
}

.build {
  margin-top: 300px;
  margin-bottom: 80px;
}
.build .build__block {
  display: flex;
  justify-content: space-between;
}
.build .build__block .build__text {
  padding-top: 120px;
}
.build .build__block .build__text h1 {
  width: 321px;
  font-weight: 400;
  font-size: 42px;
  line-height: 56px;
  letter-spacing: 1.44px;
  color: #080829;
}
.build .build__block .build__text p {
  width: 414px;
  font-weight: 400;
  font-size: 18px;
  line-height: 29px;
  letter-spacing: 0.36px;
  color: #545479;
  margin-top: 27px;
}
.build .build__block .build__text .build__text-inside {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 43px;
}
.build .build__block .build__text .build__text-inside img {
  margin-right: 24px;
}
.build .build__block .build__text a {
  background: #3F53D8;
  border-radius: 14px;
  padding: 16px 36px;
  display: inline-block;
  margin-top: 48px;
  color: #FFFFFF;
  text-transform: capitalize;
}

.get__access .get__block {
  display: flex;
  justify-content: space-between;
}
.get__access .get__block .get__img img {
  width: 700px;
}
.get__access .get__block .get__text {
  margin-left: 100px;
}
.get__access .get__block .get__text h1 {
  width: 355px;
  font-weight: 400;
  font-size: 43px;
  line-height: 56px;
  letter-spacing: 1.44px;
  color: #080829;
}
.get__access .get__block .get__text p {
  font-weight: 400;
  font-size: 17px;
  line-height: 29px;
  letter-spacing: 0.36px;
  color: #545479;
  padding-top: 27px;
  padding-bottom: 34px;
}

.fast__run {
  margin-top: 177px;
}
.fast__run .fast__text h1 {
  font-style: normal;
  font-weight: 400;
  font-size: 43px;
  line-height: 56px;
  letter-spacing: 1.44px;
  color: #080829;
  text-align: center;
}
.fast__run .fast__block {
  margin-top: 82px;
  display: flex;
  justify-content: space-between;
}
.fast__run .fast__block .fast__cards h3 {
  font-style: normal;
  font-weight: 400;
  font-size: 27px;
  line-height: 34px;
  letter-spacing: 0.56px;
  color: #080829;
  margin-top: 39px;
  margin-bottom: 20px;
}
.fast__run .fast__block .fast__cards p {
  width: 334px;
  font-style: normal;
  font-weight: 400;
  font-size: 17px;
  line-height: 29px;
  letter-spacing: 0.36px;
  color: #545479;
}

.saying__about {
  margin-top: 192px;
}
.saying__about .saying__text h1 {
  width: 670px;
  margin: auto;
  font-weight: 400;
  font-size: 44px;
  line-height: 56px;
  letter-spacing: 1.44px;
  color: #080829;
  text-align: center;
}
.saying__about .saying__block .star__icon {
  margin-left: 180px;
}
.saying__about .saying__block .star__icon i {
  font-size: 20px;
  color: #3F53D8;
  margin-top: 82px;
  margin-bottom: 34px;
}
.saying__about .saying__block .disab {
  opacity: 0.2;
}
.saying__about .saying__block p {
  margin: auto;
  width: 718px;
  font-weight: 400;
  font-size: 30px;
  line-height: 45px;
  letter-spacing: 0.64px;
  color: #080829;
  margin-bottom: 34px;
}
.saying__about .saying__block h4 {
  font-size: 23px;
  padding-left: 175px;
}
.saying__about .saying__block .saying__cards {
  width: 746px;
  padding-top: 40px;
  margin: auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.saying__about .saying__block .saying__cards .arrows i {
  font-size: 30px;
  color: #080829;
}

.statistics {
  margin-top: 198px;
}
.statistics .statistics__block {
  display: flex;
  justify-content: space-between;
}
.statistics .statistics__block .statistics__img {
  display: flex;
  align-items: center;
}
.statistics .statistics__block .statistics__img img {
  padding: 9px;
  border: 3px solid #000;
  opacity: 0.6;
}
.statistics .statistics__block .statistics__img span {
  margin-left: 24px;
  font-weight: 400;
  font-size: 18px;
  line-height: 30px;
  letter-spacing: 0.4px;
}
.statistics .statistics__block .statistics__item {
  display: flex;
}
.statistics .statistics__block .statistics__item .statistics__cards {
  width: 190px;
  margin-right: 62px;
}
.statistics .statistics__block .statistics__item .statistics__cards h2 {
  font-weight: 400;
  font-size: 44px;
  line-height: 58px;
  letter-spacing: 1.44px;
}
.statistics .statistics__block .statistics__item .statistics__cards span {
  color: #3F53D8;
}
.statistics .statistics__block .statistics__item .statistics__cards p {
  font-weight: 400;
  font-size: 17px;
  line-height: 27px;
  color: #545479;
}

.social__networks {
  margin-top: 175px;
}
.social__networks .social__text {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 95px;
}
.social__networks .social__text h1 {
  width: 600px;
  font-weight: 400;
  font-size: 47px;
  line-height: 56px;
  text-align: right;
  letter-spacing: 1.44px;
}
.social__networks .social__block {
  display: flex;
  justify-content: center;
  margin-bottom: 40px;
}
.social__networks .social__block .social__cards {
  width: 179px;
  background: #F5F5F5;
  box-shadow: 0px 20px 100px rgba(91, 91, 91, 0.02);
  margin-right: 87px;
  padding: 41px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.social__networks .social__block .social__cards:nth-child(odd) {
  position: relative;
  top: 40px;
}
.social__networks .social__block2 {
  display: flex;
  justify-content: center;
}
.social__networks .social__block2 .social__cards {
  width: 179px;
  background: #F5F5F5;
  box-shadow: 0px 20px 100px rgba(91, 91, 91, 0.02);
  margin-right: 87px;
  padding: 41px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.social__networks .social__block2 .social__cards:nth-child(odd) {
  position: relative;
  top: 20px;
}

.read {
  margin-top: 177px;
}
.read .read__text h2 {
  text-align: center;
  font-style: normal;
  font-weight: 400;
  font-size: 43px;
  line-height: 56px;
  letter-spacing: 1.44px;
  color: #080829;
  margin-bottom: 86px;
}
.read .read__block {
  display: flex;
  justify-content: center;
}
.read .read__block .read__cards {
  width: 360px;
  margin-right: 30px;
}
.read .read__block .read__cards button {
  padding: 11px 22px;
  background: rgba(162, 89, 255, 0.3);
  border-radius: 10px;
  display: inline-block;
  margin-top: 31px;
  margin-bottom: 27px;
  border: none;
}
.read .read__block .read__cards .orqa__rang {
  background: #D9DEFF;
}
.read .read__block .read__cards .rang__orqa {
  background: rgba(250, 91, 104, 0.3);
}
.read .read__block .read__cards h2 {
  font-style: normal;
  font-weight: 400;
  font-size: 24px;
  line-height: 39px;
  letter-spacing: 0.52px;
  color: #080829;
  margin-bottom: 20px;
}
.read .read__block .read__cards span {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 18px;
  letter-spacing: 0.36px;
  color: #080829;
  margin-top: 22px;
  display: inline-block;
}
.read .read__block .read__cards .april {
  margin-right: 22px;
}

.footer__top {
  margin-top: 179px;
  background: #080829;
}
.footer__top .footer__container {
  width: 1590px;
  margin: 0 auto;
}
.footer__top .footer__container .footer__top-text {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.footer__top .footer__container .footer__top-text h1 {
  width: 849px;
  text-align: center;
  font-weight: 400;
  font-size: 66px;
  line-height: 79px;
  letter-spacing: 2.16px;
  color: #FFFFFF;
}
.footer__top .footer__container .footer__top-text .button__img a {
  padding: 16px 36px;
  background: #3F53D8;
  border-radius: 14px;
  color: #FFFFFF;
  font-size: 20px;
  margin-top: 65px;
  display: inline-block;
}
.footer__top .footer__container .footer__top-text .button__img img {
  padding-top: 40px;
  padding-left: 30px;
}
.footer__top .footer__container .footer__img2 {
  text-align: end;
  display: flex;
  justify-content: flex-end;
}

.footer {
  padding-top: 120px;
}
.footer .footer__block {
  display: flex;
  justify-content: space-between;
}
.footer .footer__block .footer__nav {
  width: 700px;
  display: flex;
  justify-content: space-between;
}
.footer .footer__block .footer__nav .footer__navbar {
  display: flex;
  flex-direction: column;
}
.footer .footer__block .footer__nav .footer__navbar h3 {
  font-weight: 400;
  font-size: 18px;
  line-height: 29px;
  text-transform: uppercase;
  color: #080829;
}
.footer .footer__block .footer__nav .footer__navbar a {
  font-weight: 400;
  font-size: 19px;
  line-height: 30px;
  letter-spacing: 0.2px;
  color: #080829;
  padding-top: 30px;
}
.footer .footer__block .footer__nav .footer__navbar-phone h3 {
  font-weight: 400;
  font-size: 18px;
  line-height: 29px;
  text-transform: uppercase;
  color: #080829;
}
.footer .footer__block .footer__nav .footer__navbar-phone i {
  margin-top: 20px;
  font-size: 22px;
}
.footer .footer__block .footer__nav .footer__navbar-phone span {
  font-weight: 400;
  font-size: 22px;
  line-height: 30px;
  letter-spacing: 0.2px;
  color: #080829;
  margin-left: 14px;
}
.footer .footer__block .footer__nav .footer__navbar-phone .media {
  margin-top: 36px;
}
.footer .footer__block .footer__nav .footer__navbar-phone .media i {
  cursor: pointer;
  margin-right: 24px;
  font-size: 25px;
}
.footer .bottom__text {
  margin-top: 89px;
  display: flex;
  justify-content: space-between;
  padding-bottom: 62px;
}
.footer .bottom__text p {
  font-size: 20px;
}/*# sourceMappingURL=index.css.map */