.how-it-works-child {
  position: absolute;
  top: 0;
  left: -3px;
  background-color: #f6f8fc;
  width: 1440px;
  height: 938px;
}
.mask-group-icon {
  position: relative;
  left: 365px;
  width: 950px;
  height: 513px;
  object-fit: cover;
}
.how-it-works-item {
  position: absolute;
  top: 0;
  left: 1px;
  background-color: var(--primary-main700);
  width: 1440px;
  height: 71px;
}
.how-it-works2,
.how-to-put {
  font-family: var(--subheading-2-sh2-italics);
}
.how-it-works2 {
  position: relative;
  top: -200px;
  font-size: var(--heading-2-h2-extrabold-size);
  color: #55c2c3;
  width: 600px;
  margin-left: 94px;
  font-weight: 700;
  font-family: "Libre Baskerville";
}
.how-to-put {
  font-size: var(--subheading-1-sh1-extrabold-size);
  color: var(--primary-main700);
}
.how-to-put,
.should-there-be,
.we-have-a {
  position: relative;
}
hr.liner {
    background-color: var(--color-darkslategray-100);
    width: 129px;
    height: 2px;
    margin: 30px auto;
}
.should-there-be {
  font-size: var(--subheading-2-sh2-italics-size);
  font-family: var(--subheading-2-sh2-italics);
  text-align: center;
  font-weight: 700;
}
.we-have-a {
  top: -200px;
  font-size: var(--paragraph-3-p3-bold-size);
  margin-left: 95px;
}
.register-child {
  position: relative;
  top: 0;
  left: 0;
  background-color: #303753;
  width: 1187px;
  height: 357px;
}
.user-icon1 {
  position: absolute;
  top: 54px;
  left: 121px;
  width: 94.21px;
  height: 95px;
  overflow: hidden;
}
.caption-video {
 font-family: 'Lato';
font-style: normal;
font-weight: 700;
font-size: 14px;
line-height: 17px;
text-align: center;
}
.need-to-register {
  margin: 0;
}
.as-a-customer-container {
  position: absolute;
  top: 206px;
  left: 50px;
  line-height: 150%;
  display: inline-block;
  width: 235.02px;
  height: 42px;
}
.user-registration {
  position: absolute;
  top: 172px;
  left: 70px;
  font-size: var(--paragraph-1-p1-bold-size);
  display: inline-block;
  text-align: left;
  width: 224px;
}
.puzzle-icon {
  position: absolute;
  top: 54px;
  left: 773px;
  width: 95px;
  height: 95px;
  overflow: hidden;
}
.once-payment-is {
  top: 203px;
  left: 710px;
  line-height: 150%;
  width: 220px;
  height: 68px;
}
.once-payment-is,
.process,
.we-provide-the {
  position: absolute;
  display: inline-block;
}
.process {
  top: 165px;
  left: 774px;
  font-size: var(--paragraph-1-p1-bold-size);
  text-align: left;
  width: 91.23px;
}
.we-provide-the {
  top: 206px;
  left: 983px;
  line-height: 150%;
  color: var(--text-color-2);
  width: 172px;
  height: 46px;
}
.sparkles-icon {
  position: absolute;
  top: 58px;
  left: 1022px;
  width: 95px;
  height: 95px;
  overflow: hidden;
}
.finish,
.post-job {
  position: absolute;
  top: 168px;
  left: 1033px;
  font-size: var(--paragraph-1-p1-bold-size);
  display: inline-block;
  text-align: left;
  width: 71.4px;
}
.post-job {
  top: 165px;
  left: 428px;
  width: 103px;
}
.external-link-icon {
  position: absolute;
  top: 54px;
  left: 430px;
  width: 98.91px;
  height: 95px;
  overflow: hidden;
}
.then-post-the {
  position: absolute;
  top: 203px;
  left: 322px;
  line-height: 150%;
  display: inline-block;
  width: 314px;
  height: 95px;
}
.arrow-icon,
.register-inner,
.register-item {
  position: absolute;
  top: 100.32px;
  left: 288px;
  width: 59.5px;
  height: 7.36px;
}
.arrow-icon,
.register-inner {
  left: 621px;
}
.arrow-icon {
  left: 924px;
}
.register-wrapper,
.register1 {
  position: relative;
  top: 0;
  left: 0;
  width: 1187px;
  height: 357px;
}
.register-wrapper {
  top: -145px;
  text-align: center;
  color: var(--gray-6);
  margin: auto;
}
.how-to-place-container {
  position: absolute;
  top: 232px;
  left: 10px;
}
.how-to-place-container1,
.how-to-place-container2 {
  position: absolute;
  top: 232px;
  left: 410px;
}
.how-to-place-container2 {
  left: 803px;
}
.movie-2801-2-icon,
.movie-2801-3-icon {
  position: absolute;
  top: 0;
  left: 386.94px;
  width: 238.12px;
  height: 238.12px;
  overflow: hidden;
}
.movie-2801-3-icon {
  left: 773.88px;
}
.movie-2801-1-parent {
  position: absolute;
  top: 1642px;
  left: 214px;
  width: 1012px;
  height: 266px;
  text-align: center;
}
.movie-2801-1-icon {
  position: absolute;
  top: 0;
  left: 0;
  width: 238.12px;
  height: 238.12px;
  overflow: hidden;
}
.movie-2801-1-container,
.movie-2801-1-group {
  position: absolute;
  top: 1956px;
  left: 214px;
  width: 1012px;
  height: 266px;
  text-align: center;
}
.movie-2801-1-container {
  top: 2270px;
}
.how-it-works-inner,
.rectangle-div {
  position: absolute;
  top: 1577px;
  left: 656px;
  background-color: var(--color-darkslategray-100);
  width: 129px;
  height: 2px;
}
.rectangle-div {
  top: 1438px;
}
.mask-group-icon1 {
  position: absolute;
  top: 257px;
  left: 0;
  width: 1440px;
  height: 697px;
  object-fit: cover;
  display: none;
}

.how-it-works {
  position: relative;
  background-color: var(--color-whitesmoke-200);
  width: 100%;
    height: 2630px;
    margin-top: -130px;
  overflow: hidden;
  text-align: left;
  font-size: var(--caption-1-c1-semibold-size);
  color: var(--color-black);
  font-family: var(--paragraph-2-p2-regular);
}


.video-sec {
    margin-top: -80px;
}