/* screen - home */

.home {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  height: 3467px;
  width: 1920px;
}

.home .overlap-group2 {
  height: 2175px;
  position: relative;
  width: 1920px;
}

.home .overlap-group {
  height: 2175px;
  left: 0;
  position: absolute;
  top: 0;
  width: 1920px;
}

.home .cases {
  height: 1280px;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 895px;
  width: 1920px;
}

.home .slider {
  height: 896px;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 1920px;
}

.home .menu-white {
  height: 21px;
  left: 140px;
  object-fit: cover;
  position: absolute;
  top: 58px;
  width: 161px;
}

.home .path {
  height: 14px;
  left: 140px;
  object-fit: cover;
  position: absolute;
  top: 640px;
  width: 107px;
}

.home .title {
  color: #ffffff;
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-xl);
  font-weight: 400;
  left: 278px;
  letter-spacing: -0.80px;
  line-height: 104px;
  position: absolute;
  top: 594px;
  white-space: nowrap;
}

.home .slider-mockup {
  align-items: flex-end;
  background-color: #111111;
  display: flex;
  height: 1080px;
  min-width: 1920px;
  padding: 140.8px 295.0px;
}

.home .overlap-group1 {
  height: 768px;
  position: relative;
  width: 1329px;
}

.home .forma-container {
  height: 768px;
  left: 0;
  position: absolute;
  top: 0;
  width: 1329px;
}

.home .forma {
  height: 72px;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 696px;
  width: 1329px;
}

.home .forma-1 {
  height: 722px;
  left: 147px;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 1035px;
}

.home .forma-2 {
  height: 714px;
  left: 151px;
  object-fit: cover;
  position: absolute;
  top: 3px;
  width: 1027px;
}

.home .forma-3 {
  background: linear-gradient(90deg, #575758 0%, #bbc3c6 2.15%, #c4c6cd 42.41%, #c6c7cf 50.77%, #bbc3c6 95.07%, #4a494a 100%);
  height: 7px;
  left: 31px;
  position: absolute;
  top: 704px;
  width: 1268px;
}

.home .forma-4 {
  height: 18px;
  left: 31px;
  object-fit: cover;
  position: absolute;
  top: 712px;
  width: 1267px;
}

.home .forma-5 {
  background: linear-gradient(90deg, #333334 0%, #868689 4.62%, #b7bdc0 48.77%, #7e7e81 94.19%, #2c2c2d 100%);
  height: 7px;
  left: 544px;
  position: absolute;
  top: 704px;
  width: 241px;
}

.home .your-design-here {
  height: 669px;
  left: 156px;
  object-fit: cover;
  position: absolute;
  top: 8px;
  width: 1017px;
}

.home .footer {
  background-color: #ffffff;
  display: flex;
  flex-shrink: 1;
  height: 212px;
  justify-content: space-between;
  width: 1920px;
}

.home .copyright {
  align-self: flex-end;
  color: #808080;
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-m);
  font-weight: 400;
  height: 21px;
  letter-spacing: -0.32px;
  line-height: 20px;
  margin-bottom: 103.5px;
  margin-left: 140px;
  white-space: nowrap;
  width: 141px;
}

.home .cleverson-ferrara {
  color: #000000;
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-l);
  font-weight: 700;
  height: 23px;
  letter-spacing: -0.36px;
  line-height: 45px;
  margin-right: 138px;
  margin-top: 75px;
  text-align: right;
  white-space: nowrap;
  width: 181px;
}