/* screen - al-motion */

.al-motion {
  align-items: flex-start;
  background-color: var(--white);
  border: 1px none;
  display: flex;
  height: 5324px;
  overflow: hidden;
  width: 1440px;
}

.al-motion .overlap-group {
  height: 6661px;
  margin-left: -500px;
  margin-top: -10px;
  position: relative;
  width: 2456px;
}

.al-motion .frame-7 {
  align-items: flex-start;
  background-color: var(--concrete);
  display: flex;
  height: 6661px;
  left: 430px;
  padding: 10px 0px;
  position: absolute;
  top: 0;
  width: 1676px;
}

.al-motion .rectangle-32 {
  background-color: #d9d9d9;
  height: 232px;
  min-width: 232px;
  position: relative;
}

.al-motion .bg {
  background: linear-gradient(180deg, rgb(109.68, 20.61, 255) 0%, rgb(24.8, 5.49, 56.31) 100%);
  height: 700px;
  left: 500px;
  position: absolute;
  top: 10px;
  width: 1440px;
}

.al-motion .frame-3 {
  align-items: center;
  display: flex;
  flex-direction: column;
  height: 167px;
  justify-content: center;
  left: 913px;
  position: absolute;
  top: 276px;
  width: 568px;
}

.al-motion .title {
  height: 71px;
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  text-align: center;
  width: 568px;
}

.al-motion .creating-flows-demanding-attention {
  height: 21px;
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  text-align: center;
  width: 568px;
}

.al-motion .rectangle-20 {
  background: linear-gradient(180deg, rgb(83.78, 30.72, 234.81) 0%, rgb(203.34, 49.13, 216.75) 100%);
  height: 622px;
  left: 11px;
  position: absolute;
  top: 905px;
  transform: rotate(-2.15deg);
  width: 2434px;
}

.al-motion .neopera1 {
  display: flex;
  flex-direction: column;
  gap: 80px;
  height: 753px;
  left: 805px;
  position: absolute;
  top: 810px;
  width: 829px;
}

.al-motion .frame-6 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 3px;
  height: 64px;
  margin-left: 165px;
  position: relative;
  width: 490px;
}

.al-motion .a-new-god {
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent;
  background: linear-gradient(180deg, rgb(83.78, 30.72, 234.81) 0%, rgb(203.34, 49.13, 216.75) 100%);
  background-clip: text;
  height: 23px;
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  text-fill-color: transparent;
  width: 474px;
}

.al-motion .neopera {
  height: 38px;
  letter-spacing: 0;
  line-height: normal;
  margin-right: -12.00px;
  position: relative;
  white-space: nowrap;
  width: 502px;
}

.al-motion .group-42 {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 35px;
  margin-left: 165px;
  margin-right: 164px;
  max-height: 536px;
}

.al-motion .group-41 {
  display: flex;
  width: 502px;
}

.al-motion .videoshooting-with-p {
  height: 191px;
  letter-spacing: 0;
  line-height: normal;
  width: 500px;
}

.al-motion .rectangle-21 {
  background: linear-gradient(180deg, rgb(83.78, 30.72, 234.81) 0%, rgb(203.34, 49.13, 216.75) 100%);
  height: 622px;
  left: 11px;
  position: absolute;
  top: 1728px;
  transform: rotate(-2.15deg);
  width: 2434px;
}

.al-motion .hexvix {
  display: flex;
  flex-direction: column;
  gap: 80px;
  height: 753px;
  left: 805px;
  position: absolute;
  top: 1633px;
  width: 829px;
}

.al-motion .ing {
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent;
  background: linear-gradient(180deg, rgb(83.78, 30.72, 234.81) 0%, rgb(203.34, 49.13, 216.75) 100%);
  background-clip: text;
  height: 23px;
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  text-fill-color: transparent;
  width: 460px;
}

.al-motion .hexvix-1 {
  height: 38px;
  letter-spacing: 0;
  line-height: normal;
  margin-right: -12.00px;
  position: relative;
  white-space: nowrap;
  width: 502px;
}

.al-motion .creative-lead-on-cre {
  height: 191px;
  letter-spacing: 0;
  line-height: normal;
  width: 500px;
}

.al-motion .rectangle-22 {
  background: linear-gradient(180deg, rgb(83.78, 30.72, 234.81) 0%, rgb(203.34, 49.13, 216.75) 100%);
  height: 622px;
  left: 11px;
  position: absolute;
  top: 2551px;
  transform: rotate(-2.15deg);
  width: 2434px;
}

.al-motion .receeve {
  display: flex;
  flex-direction: column;
  height: 753px;
  left: 805px;
  position: absolute;
  top: 2456px;
  width: 829px;
}

.al-motion .group-42-1 {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 35px;
  margin-left: 165px;
  margin-right: 164px;
  margin-top: 80px;
  max-height: 483px;
}

.al-motion .ing-the-plat {
  height: 138px;
  letter-spacing: 0;
  line-height: normal;
  width: 500px;
}

.al-motion .button_-pos {
  cursor: pointer;
  display: flex;
  height: 76px;
  margin-left: 140px;
  margin-top: 13px;
  transition: all 0.2s ease;
  width: 315px;
}

.al-motion .button_-pos:hover {
  transform: scale(1.1);
}

.al-motion .group-5 {
  cursor: pointer;
  height: 56px;
  margin-left: 15px;
  margin-top: 11px;
  width: 286px;
}

.al-motion .rectangle-23 {
  background: linear-gradient(180deg, rgb(83.78, 30.72, 234.81) 0%, rgb(203.34, 49.13, 216.75) 100%);
  height: 622px;
  left: 11px;
  position: absolute;
  top: 3373px;
  transform: rotate(-2.15deg);
  width: 2434px;
}

.al-motion .receeve2 {
  display: flex;
  flex-direction: column;
  height: 753px;
  left: 805px;
  position: absolute;
  top: 3279px;
  width: 829px;
}

.al-motion .rectangle-24 {
  background: linear-gradient(180deg, rgb(83.78, 30.72, 234.81) 0%, rgb(203.34, 49.13, 216.75) 100%);
  height: 622px;
  left: 11px;
  position: absolute;
  top: 4196px;
  transform: rotate(-2.15deg);
  width: 2434px;
}

.al-motion .hexvix-2 {
  display: flex;
  flex-direction: column;
  gap: 83px;
  height: 753px;
  left: 805px;
  position: absolute;
  top: 4102px;
  width: 829px;
}

.al-motion .frame-6-1 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 3px;
  height: 61px;
  margin-left: 165px;
  position: relative;
  width: 490px;
}

.al-motion .showreel {
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent;
  background: linear-gradient(180deg, rgb(83.78, 30.72, 234.81) 0%, rgb(203.34, 49.13, 216.75) 100%);
  background-clip: text;
  height: 20px;
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  text-fill-color: transparent;
  width: 460px;
}

.al-motion .ece-otto {
  height: 38px;
  letter-spacing: 0;
  line-height: normal;
  margin-right: -12.00px;
  position: relative;
  white-space: nowrap;
  width: 502px;
}

.al-motion .a-happy-client-is-a {
  height: 191px;
  letter-spacing: 0;
  line-height: normal;
  width: 500px;
}

.al-motion .footer {
  align-items: flex-end;
  background-color: var(--ebony-clay);
  display: flex;
  height: 271px;
  left: 500px;
  mix-blend-mode: normal;
  position: absolute;
  top: 5063px;
  width: 1440px;
}

.al-motion .button_-pos-1 {
  cursor: pointer;
  display: flex;
  flex: 1;
  height: 76px;
  margin-bottom: 97px;
  margin-left: 559px;
  margin-right: 560px;
  position: relative;
  transition: all 0.2s ease;
}

.al-motion .button_-pos-1:hover {
  transform: scale(1.1);
}

.al-motion .group-5-1 {
  height: 56px;
  margin-left: 15px;
  margin-top: 11px;
  width: 286px;
}

.al-motion .group-96 {
  align-items: flex-start;
  cursor: pointer;
  display: flex;
  height: 18px;
  left: 1710px;
  min-width: 90px;
  padding: 1px 0;
  position: absolute;
  top: 50px;
  transition: all 0.2s ease;
}

.al-motion .group-96:hover {
  transform: scale(1.1);
}

.al-motion .group-97 {
  align-items: flex-start;
  cursor: pointer;
  display: flex;
  height: 18px;
  left: 1584px;
  min-width: 106px;
  padding: 1px 0;
  position: absolute;
  top: 50px;
  transition: all 0.2s ease;
}

.al-motion .group-97:hover {
  transform: scale(1.1);
}

.al-motion .group-98 {
  align-items: flex-start;
  cursor: pointer;
  display: flex;
  height: 18px;
  left: 1452px;
  min-width: 112px;
  padding: 1px 0;
  position: absolute;
  top: 50px;
  transition: all 0.2s ease;
}

.al-motion .group-98:hover {
  transform: scale(1.1);
}

.al-motion .group-99 {
  align-items: flex-start;
  cursor: pointer;
  display: flex;
  height: 18px;
  left: 1335px;
  min-width: 97px;
  padding: 1px 0;
  position: absolute;
  top: 50px;
  transition: all 0.2s ease;
}

.al-motion .group-99:hover {
  transform: scale(1.1);
}

.al-motion .group-100 {
  align-items: flex-start;
  cursor: pointer;
  display: flex;
  height: 18px;
  left: 692px;
  min-width: 23px;
  padding: 1px 0;
  position: absolute;
  top: 50px;
  transition: all 0.2s ease;
}

.al-motion .group-100:hover {
  transform: scale(1.1);
}

.al-motion .group-101 {
  cursor: pointer;
  height: 29px;
  left: 640px;
  position: absolute;
  top: 40px;
  transition: all 0.2s ease;
  width: 32px;
}

.al-motion .group-101:hover {
  transform: scale(1.1);
}

.al-motion .receeve-3 {
  height: 38px;
  letter-spacing: 0;
  line-height: normal;
  margin-right: -12.00px;
  position: relative;
  white-space: nowrap;
  width: 502px;
}