@media (max-width: 1200px) {
  .fintech-block-wrap {
    width: inherit;
    padding: 0 48px;
  }
}
@media (max-width: 756px) {
  .fintech-block-wrap {
    padding: 0;
  }
}

.fintech-block {
  padding: 116px 114px;
  background-size: cover;
  background-color: rgba(21, 101, 192, 0.5400000214576721);
  background-image: url("../images/background.png");
}
@media (max-width: 1200px) {
  .fintech-block {
    padding: 116px 48px;
  }
}
@media (max-width: 756px) {
  .fintech-block {
    padding: 50px 0px 50px 16px;
  }
}

.fintech-text {
  color: #FFFFFF;
  height: auto;
  text-align: left;
  line-height: 64px;
  max-width: 656px;
  display: inline-block;
}
@media (max-width: 1200px) {
  .fintech-text {
    font-size: 44px;
    line-height: 52px;
  }
}
@media (max-width: 756px) {
  .fintech-text {
    font-size: 36px;
    line-height: 44px;
  }
}

.description-block {
  margin: 76px 0;
  height: 112px;
  display: flex;
  position: relative;
}
@media (max-width: 1200px) {
  .description-block {
    width: inherit;
    padding: 0 48px;
  }
}
@media (max-width: 756px) {
  .description-block {
    padding: 0 16px;
    height: unset;
  }
}

.description-text {
  left: 113px;
  color: var(--dl-color-cifrotech-black);
  max-width: 888px;
  height: auto;
  position: absolute;
  text-align: left;
  line-height: 28px;
}
@media (max-width: 1200px) {
  .description-text {
    max-width: 643px;
  }
}
@media (max-width: 756px) {
  .description-text {
    position: unset;
  }
}

.top-line {
  top: 14px;
  left: 0px;
  width: 100px;
  height: 1px;
  position: absolute;
}
.bottom-line {
  top: 100px;
  left: 488px;
  width: 855px;
  height: 1px;
  position: absolute;
}
@media (max-width: 1200px) {
  .bottom-line {
    top: 127px;
    left: 660px;
  }
}
@media (max-width: 756px) {
  .top-line {
    display: none;
  }
  .bottom-line {
    display: none;
  }
}

.aboutus-block {
  padding: 76px 456px 76px 114px;
  background-color: rgba(245, 245, 245, 1);
}
@media (max-width: 1200px) {
  .aboutus-block {
    padding: 76px 48px 76px 48px;
  }
}
@media (max-width: 756px) {
  .aboutus-block {
    padding: 76px 16px 76px 16px;
  }
}

.aboutus-inner {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  max-width: 774px;
}

.aboutus-title {
  color: var(--dl-color-cifrotech-black);
  line-height: 28px;
}
 
.aboutus-description {
  color: var(--dl-color-cifrotech-black);
  line-height: 24px;
}
 
.projects-block {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  padding: 76px 114px;
  gap: 24px;
}
@media (max-width: 1200px) {
  .projects-block {
    padding: 76px 48px;
  }
}
@media (max-width: 756px) {
  .projects-block {
    padding: 76px 16px 76px 16px;
  }
}

.projects-title {
  color: var(--dl-color-cifrotech-black);
  line-height: 28px;
}
 
.projects-items-wrap {
  gap: 24px;
  width: inherit;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  flex-shrink: 0;
}
@media (max-width: 756px) {
  .projects-items-wrap {
    flex-direction: column;
    margin: 0 auto;
  }
}

.project-item {
  gap: 16px;
  width: 318px;
  display: flex;
  align-items: flex-start;
  flex-shrink: 0;
  flex-direction: column;
}
@media (max-width: 756px) {
  .project-item {
    width: 380px;
  }
}

.project-item-text {
  display: flex;
  align-self: stretch;
  align-items: flex-start;
  flex-direction: column;
}

.project-item-text span:last-child {
  color: rgba(85, 95, 113, 1);
  height: auto;
  align-self: stretch;
  text-align: left;
  line-height: 24px;
}

.image {
  width: 318px;
  height: 159px;
  display: flex;
  overflow: hidden;
  position: relative;
  align-self: stretch;
  align-items: flex-start;
}
@media (max-width: 756px) {
  .image {
    width: auto;
    height: auto;
  }
}