@media screen and (max-width: 767px) {
  [data-color="tiu"].hero-second {
    align-items: flex-end;
    height: 591px; } }
[data-color="tiu"] .hero-second__title {
  color: #333;
  max-width: 833px;
  margin-bottom: 25px;
  font-weight: 900; }
  @media screen and (max-width: 767px) {
    [data-color="tiu"] .hero-second__title {
      margin-bottom: 20px;
      font-size: 30px; } }
  [data-color="tiu"] .hero-second__title span {
    color: #01AEF0; }
[data-color="tiu"] .hero-second__descr {
  background: #3695D8; }
  @media screen and (max-width: 767px) {
    [data-color="tiu"] .hero-second__descr {
      width: 352px;
      max-width: calc(100vw - 60px);
      font-size: 14px; } }
[data-color="tiu"] .hero-second__content-image {
  right: -6%; }
  @media screen and (max-width: 767px) {
    [data-color="tiu"] .hero-second__content-image {
      right: -18%; } }
@media screen and (max-width: 767px) {
  [data-color="tiu"] .hero-second__content-image {
    top: 0;
    transform: translateY(0%);
    max-width: 100%; } }
@media screen and (max-width: 767px) {
  [data-color="tiu"] .hero-second__content-image-lot {
    top: 0;
    transform: translateY(-100%); } }

.hero-second__bg {
  background-size: 57vw 100%;
  background-repeat: no-repeat; }
  @media screen and (max-width: 767px) {
    .hero-second__bg {
      background-image: unset; } }

[data-color="tiu"].default-about__inner {
  background: #DEE7F2; }

[data-color="tiu"].default_goals-second {
  background: #F2F6FB; }

[data-color="tiu"] .default_tasks-info {
  background: #F2F6FB; }

[data-color="tiu"].default_prototype-second {
  background: #F2F6FB; }

[data-color="tiu"].default-design-adapt {
  background: #F2F6FB; }
[data-color="tiu"] .default-design-adapt__gallery {
  --background: #F2F6FB; }
[data-color="tiu"] .default-design-adapt__inner {
  background: #DEE7F2; }

[data-color="tiu"].technologies_used-second {
  background: #F2F6FB; }

[data-color="tiu"].more-pojects-second {
  background: #F2F6FB; }

.discuss-project--project {
  background: #fff; }

.header {
  background: #3695D8;
  --bgDrop: #3695D8; }
  .header::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(51, 51, 51, 0.7); }
  .header .container {
    position: relative;
    z-index: 5; }

/*# sourceMappingURL=tiu.css.map */