.section-1 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 20px;
  padding: 200px 0;
  background: radial-gradient(50% 55.07% at 50% -17.63%, #55e1dd 3.37%, #0131b9 42.81%, #020816 100%);
}
.section-1 h1 {
  font-size: 48px;
  font-weight: 400;
  color: #ffffff;
  text-align: center;
  font-family: "PoppinsRegular";
}
.section-1 p {
  font-size: 16px;
  font-weight: 400;
  color: #ffffff;
  text-align: center;
}

.section-2 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 20px;
  padding: 100px 0;
  position: relative;
  z-index: 1;
}
.section-2 h1 {
  font-size: 36px;
  font-weight: 700;
  text-transform: uppercase;
  color: #999999;
  font-family: "PoppinsBold";
  text-align: center;
}
.section-2 p {
  font-size: 16px;
  font-weight: 400;
  color: #999999;
  text-align: center;
  font-family: "PoppinsRegular";
}
.section-2 .service-overview-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.section-2 .service-overview-content .item {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: 1fr;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
}
.section-2 .service-overview-content .item img {
  width: 100%;
}
.section-2 .service-overview-content .item.item-second .img-mobile {
  display: none;
}
.section-2 .service-overview-content .item.item-second .img-desktop {
  display: block;
}
.section-2 .service-overview-content .item:nth-child(2) {
  flex-direction: row-reverse;
}
.section-2 .service-overview-content .item .item-content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 20px;
  margin-left: 124px;
}
.section-2 .service-overview-content .item .item-content.second {
  margin-left: 100px;
}
.section-2 .service-overview-content .item .item-content p {
  text-align: left;
}
.section-2 .service-overview-content .item .item-content .desktop-text {
  display: block;
}
.section-2 .service-overview-content .item .item-content .mobile-text {
  display: none;
}
.section-2 .service-overview-content .item .item-content .buttom-custom a {
  text-decoration: none;
  color: #ffffff;
  font-size: 16px;
  font-weight: 500;
  font-family: "PoppinsMedium";
}

.section-3 {
  background-image: url(../images/517c90c32b769213ec7ed692addcabff03ccc979.jpg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
  height: 200px;
  backdrop-filter: blur(25px);
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  padding: 64px 133px;
  gap: 20px;
  margin-top: 44px;
}
.section-3 .section-3-content h1 {
  font-size: 56px;
  font-weight: 400;
  color: #ffffff;
  font-family: "PoppinsRegular";
}
.section-3 .section-3-content h1.mobile-title {
  display: none;
}
.section-3 .section-3-content p {
  font-size: 16px;
  color: #999999;
  font-weight: 300;
}
.section-3 .section-3-social {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 10px;
}
.section-3 .section-3-social img {
  width: 28px;
  height: 28px;
}
.section-3 .section-3-social p {
  font-size: 24px;
  font-weight: 600;
  color: #ffffff;
  font-family: "PoppinsSemiBold";
}
.section-3::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.66);
  z-index: -2;
}
.section-3::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background-image: url(../images/Gradient.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.section-2-for-user {
  padding: 80px 120px;
}
.section-2-for-user .content-img img {
  width: 100%;
}

.why-choose-w3ap {
  padding: 80px 80px;
}

.why-choose-w3ap,
.section-2-for-user {
  display: flex;
  flex-direction: column;
  gap: 20px;
  position: relative;
  background-image: url(../images/144f6c4bac341de0ff04498ed7298778db88ae75.jpg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  backdrop-filter: blur(25px);
}
.why-choose-w3ap::before,
.section-2-for-user::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.66);
  z-index: -2;
}
.why-choose-w3ap .w3ap-title-section,
.why-choose-w3ap .w3ap-title,
.why-choose-w3ap .buttom-custom,
.section-2-for-user .w3ap-title-section,
.section-2-for-user .w3ap-title,
.section-2-for-user .buttom-custom {
  margin: 0 auto;
}
.why-choose-w3ap .ellipse3,
.section-2-for-user .ellipse3 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.why-choose-w3ap h1,
.section-2-for-user h1 {
  font-size: 36px;
  font-weight: 700;
  color: #999999;
  font-family: "PoppinsSemiBold";
  text-align: center;
}
.why-choose-w3ap p,
.section-2-for-user p {
  font-size: 16px;
  font-weight: 400;
  color: #999999;
  text-align: center;
  font-family: "PoppinsRegular";
}
.why-choose-w3ap .buttom-custom,
.section-2-for-user .buttom-custom {
  color: #ffffff;
  font-size: 16px;
  font-weight: 500;
  font-family: "PoppinsMedium";
}
.why-choose-w3ap .content-img img,
.section-2-for-user .content-img img {
  width: 100%;
  height: 480px;
  object-fit: cover;
  border: 1px solid rgba(179, 179, 179, 0.3176470588);
  border-radius: 10px;
}
.why-choose-w3ap .connect,
.section-2-for-user .connect {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: stretch;
  margin: 30px 38px;
  padding: 40px;
  border: 1px solid rgba(179, 179, 179, 0.3176470588);
  border-radius: 10px;
  gap: 40px;
}
.why-choose-w3ap .connect .connect-line,
.section-2-for-user .connect .connect-line {
  position: relative;
}
.why-choose-w3ap .connect .connect-line .connect-line-text,
.section-2-for-user .connect .connect-line .connect-line-text {
  width: 1px;
  height: 100%;
  background-color: #999999;
}
.why-choose-w3ap .connect .connect-line img,
.section-2-for-user .connect .connect-line img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 60px;
}
.why-choose-w3ap .connect .connect-item,
.section-2-for-user .connect .connect-item {
  padding: 0 20px;
}
.why-choose-w3ap .connect .connect-item h2,
.section-2-for-user .connect .connect-item h2 {
  font-size: 24px;
  font-weight: 500;
  color: white;
  font-family: "PoppinsMedium";
  text-align: left;
}
.why-choose-w3ap .connect .connect-item p,
.section-2-for-user .connect .connect-item p {
  font-size: 16px;
  font-weight: 400;
  color: #999999;
  text-align: left;
}
.why-choose-w3ap a,
.section-2-for-user a {
  text-decoration: none;
}

.why-choose-w3ap {
  background-image: unset;
  backdrop-filter: unset;
}
.why-choose-w3ap::before {
  display: none;
}

.how-it-works {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  padding: 130px 121px;
  border-bottom: 1px solid #999999;
  position: relative;
}
.how-it-works .ellipse {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.how-it-works .how-it-works-title h1 {
  font-size: 36px;
  font-weight: 700;
  color: #999999;
  margin-top: 10px;
  font-family: "PoppinsSemiBold";
}
.how-it-works .step {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.how-it-works .step .step-number {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 80px;
  cursor: pointer;
}
.how-it-works .step .step-number p {
  font-size: 20px;
  font-weight: 400;
  font-family: "PoppinsRegular";
  color: #999999;
}
.how-it-works .step .step-number .svg-arr {
  display: block;
}
.how-it-works .step .step-number .svg-arr-white {
  display: none;
}
.how-it-works .step .step-number:hover p {
  color: #ffffff;
}
.how-it-works .step .step-number:hover .svg-arr {
  display: none;
}
.how-it-works .step .step-number:hover .svg-arr-white {
  display: block;
}
.how-it-works .step .step-number.active p {
  color: #ffffff;
}
.how-it-works .step .step-number.active .svg-arr {
  display: none;
}
.how-it-works .step .step-number.active .svg-arr-white {
  display: block;
}

.integration-tools {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 20px;
  padding: 80px 80px;
  position: relative;
}
.integration-tools .ellipse-3 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.integration-tools h1 {
  font-size: 36px;
  font-weight: 400;
  color: #999999;
  font-family: "PoppinsRegular";
}
.integration-tools .features {
  display: flex;
  align-items: center;
  justify-content: space-around;
  gap: 20px;
}
.integration-tools .features .feature-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border: 1px solid #4d4d4d;
  border-radius: 12px;
  padding: 48px 36px;
  gap: 14px;
  cursor: pointer;
  transition: all 0.5s ease;
  position: relative;
}
.integration-tools .features .feature-item img {
  width: 60px;
  height: 60px;
}
.integration-tools .features .feature-item .frame-custom {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: -1;
  transition: opacity 0.5s ease, visibility 0.5s ease;
}
.integration-tools .features .feature-item:hover .frame-custom {
  opacity: 1;
  visibility: visible;
}
.integration-tools .features .feature-item p {
  text-align: center;
}
.integration-tools .features .feature-item .feature-item-title {
  font-size: 20px;
  font-weight: 400;
  color: #e5e5e5;
}
.integration-tools .features .feature-item .feature-item-description {
  font-size: 16px;
  font-weight: 400;
  color: #999999;
}
.integration-tools .features .feature-item .feature-item-description.desktop {
  display: block;
}
.integration-tools .features .feature-item .feature-item-description.mobile {
  display: none;
}

.campaign-options,
.partner-campaign {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 20px;
  position: relative;
  padding: 130px 121px;
}
.campaign-options .ellipse-3,
.partner-campaign .ellipse-3 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.campaign-options h1,
.partner-campaign h1 {
  font-size: 36px;
  font-weight: 700;
  color: #999999;
  font-family: "PoppinsBold";
  text-align: center;
  margin-bottom: 30px;
}
.campaign-options .campaign-item,
.partner-campaign .campaign-item {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-column-gap: 20px;
  grid-row-gap: 20px;
}
.campaign-options .campaign-item .item,
.partner-campaign .campaign-item .item {
  border-radius: 20px;
  border: 1px solid rgba(179, 179, 179, 0.2588235294);
  background-color: #0f0f0f;
  padding: 54px 20px;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 30px;
}
.campaign-options .campaign-item .item img,
.partner-campaign .campaign-item .item img {
  width: 25px;
  height: 25px;
}
.campaign-options .campaign-item .item div p,
.partner-campaign .campaign-item .item div p {
  font-size: 20px;
  font-weight: 400;
  color: #ffffff;
  font-family: "PoppinsRegular";
}
.campaign-options .campaign-item .item div p:nth-child(2),
.partner-campaign .campaign-item .item div p:nth-child(2) {
  font-size: 16px;
  font-weight: 400;
  color: #999999;
  font-family: "PoppinsRegular";
}
.campaign-options .buttom-custom,
.partner-campaign .buttom-custom {
  color: #ffffff;
  font-size: 16px;
  font-weight: 500;
  font-family: "PoppinsMedium";
}
.campaign-options a,
.partner-campaign a {
  text-decoration: none;
}

.partner-campaign .campaign-item.campaign-item-two {
  display: grid;
  grid-template-columns: 900px 400px;
  grid-column-gap: 20px;
  grid-row-gap: 20px;
}
.partner-campaign .campaign-item.campaign-item-two .campaign-item-two-content {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-column-gap: 20px;
  grid-row-gap: 20px;
}
.partner-campaign .campaign-item.campaign-item-two .item-last {
  align-items: flex-start;
  justify-content: center;
  padding: 40% 20px;
}
.partner-campaign .note {
  margin-top: 30px;
  font-size: 16px;
  font-weight: 400;
  color: #999999;
  font-family: "PoppinsRegular";
  text-align: center;
}
.partner-campaign .buttom-custom {
  margin-top: 45px;
}

.step-detail {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
  gap: 20px;
  padding: 130px 121px;
  position: relative;
}
.step-detail .title h1 {
  font-size: 32px;
  font-weight: 400;
  color: #ffffff;
  font-family: "PoppinsRegular";
}
.step-detail .title p {
  font-size: 16px;
  font-weight: 400;
  font-family: "PoppinsRegular";
  color: #ffffff;
  padding-top: 65px;
}
.step-detail .title .desktop-text {
  display: block;
}
.step-detail .title .mobile-text {
  display: none;
}
.step-detail img {
  width: 50%;
}
.step-detail .ellipse-4 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}

.benefits {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 20px;
  padding: 130px 121px;
  position: relative;
}
.benefits h1 {
  font-size: 36px;
  font-weight: 700;
  color: #999999;
  font-family: "PoppinsBold";
  text-align: center;
}
.benefits img {
  width: 100%;
  border-radius: 12px;
  border: 1px solid #b3b3b3;
}
.benefits .ellipse-4 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: unset;
  z-index: -1;
}
.benefits .benefit-item {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-column-gap: 0px;
  grid-row-gap: 30px;
  margin-top: 60px;
  width: 100%;
}
.benefits .benefit-item .item {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 10px;
}
.benefits .benefit-item .item img {
  width: 46px;
  height: 46px;
  border: unset;
}
.benefits .benefit-item .item p {
  margin-top: 20px;
}
.benefits .benefit-item .item p:nth-child(2) {
  font-size: 24px;
  font-weight: 400;
  color: #ffffff;
  font-family: "PoppinsRegular";
}
.benefits .benefit-item .item p:nth-child(3) {
  font-size: 16px;
  font-weight: 400;
  color: #999999;
  font-family: "PoppinsRegular";
}
.benefits .benefit-item .line {
  width: 1px;
  height: 50px;
  background-color: #999999;
  margin: 0 auto;
}
.benefits .benefit-item .line.mobile-line {
  display: none;
}
.benefits .benefit-item .line.desktop-line {
  display: block;
}
.benefits .buttom-custom {
  color: #ffffff;
  font-size: 16px;
  font-weight: 500;
  font-family: "PoppinsMedium";
}
.benefits a {
  text-decoration: none;
}

@media (max-width: 1024px) {
  .section-2 {
    padding: 20px 0;
  }
  .section-2 .service-overview-content {
    gap: 50px;
  }
  .section-2 .service-overview-content .item {
    grid-template-columns: repeat(1, 1fr);
    gap: 50px;
  }
  .section-2 .service-overview-content .item img {
    width: 100%;
  }
  .section-2 .service-overview-content .item.item-second .img-mobile {
    display: block;
  }
  .section-2 .service-overview-content .item.item-second .img-desktop {
    display: none;
  }
  .section-2 .service-overview-content .item .item-content {
    margin: 25px;
  }
  .section-2 .service-overview-content .item .item-content.second {
    margin-left: 25px;
  }
  .section-2 .service-overview-content .item .item-content .desktop-text {
    display: none;
  }
  .section-2 .service-overview-content .item .item-content .mobile-text {
    display: block;
  }
  .section-2 .service-overview-content .item:nth-child(2) {
    flex-direction: column;
  }
  .section-2-for-user {
    margin: unset;
  }
  .section-2-for-user .buttom-custom {
    margin-top: 46px;
    margin-bottom: 80px;
  }
  .why-choose-w3ap .w3ap-title {
    margin-top: 60px;
  }
  .why-choose-w3ap .connect .connect-item {
    padding: 0 45px;
  }
  .why-choose-w3ap .connect .connect-item h2,
  .why-choose-w3ap .connect .connect-item p {
    text-align: center;
  }
  .why-choose-w3ap,
  .section-2-for-user {
    padding: 20px;
  }
  .why-choose-w3ap .content-img img,
  .section-2-for-user .content-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .why-choose-w3ap .connect,
  .section-2-for-user .connect {
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 50px;
    margin: 0;
    padding: 20px;
    border: none;
  }
  .why-choose-w3ap .connect .connect-line .connect-line-text,
  .section-2-for-user .connect .connect-line .connect-line-text {
    width: 310px;
    height: 1px;
    background-color: #999999;
  }
  .why-choose-w3ap .connect .connect-line img,
  .section-2-for-user .connect .connect-line img {
    transform: translate(-50%, -50%) rotate(90deg);
  }
  .campaign-options {
    padding: 50px 20px;
  }
  .campaign-options .campaign-item {
    grid-template-columns: repeat(1, 1fr);
  }
  .section-3 {
    flex-direction: column;
    align-items: flex-start;
    padding: 20px;
    height: auto;
    gap: 10px;
    margin-top: 30px;
  }
  .section-3 .section-3-content h1 {
    display: none;
  }
  .section-3 .section-3-content h1.mobile-title {
    display: block;
    font-size: 24px;
  }
  .section-3 .section-3-content p {
    font-size: 12px;
  }
  .section-3 .section-3-social img {
    width: 14px;
    height: 14px;
  }
  .section-3 .section-3-social p {
    font-size: 12px;
  }
  .how-it-works {
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 50px;
    padding: 50px;
  }
  .how-it-works .how-it-works-title {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
  }
  .step-detail {
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 50px;
    padding: 20px;
  }
  .step-detail img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .step-detail .title h1,
  .step-detail .title p {
    text-align: center;
  }
  .step-detail .title p {
    padding-top: 20px;
  }
  .step-detail .title .desktop-text {
    display: none;
  }
  .step-detail .title .mobile-text {
    display: block;
  }
  .benefits {
    padding: 50px 20px;
  }
  .benefits img {
    height: 380px;
  }
  .benefits .benefit-item {
    grid-template-columns: repeat(1, 1fr);
  }
  .benefits .benefit-item .item {
    align-items: center;
    justify-content: center;
  }
  .benefits .benefit-item .item p {
    text-align: center;
  }
  .benefits .benefit-item .item p:nth-child(2) {
    font-size: 20px;
  }
  .benefits .benefit-item .item p:nth-child(3) {
    font-size: 14px;
  }
  .benefits .benefit-item .line {
    transform: rotate(90deg);
  }
  .benefits .benefit-item .line.mobile-line {
    display: block;
  }
  .benefits .benefit-item .line.desktop-line {
    display: none;
  }
  .integration-tools {
    padding: 50px 20px;
  }
  .integration-tools .features {
    flex-direction: column;
    gap: 30px;
  }
  .integration-tools .features .feature-item {
    padding: 48px 30px;
  }
  .integration-tools .features .feature-item .feature-item-title {
    font-size: 16px;
    font-weight: 400;
  }
  .integration-tools .features .feature-item .feature-item-description {
    font-size: 12px;
    font-weight: 400;
  }
  .integration-tools .features .feature-item .feature-item-description.desktop {
    display: none;
  }
  .integration-tools .features .feature-item .feature-item-description.mobile {
    display: block;
  }
  .partner-campaign {
    padding: 50px 20px;
  }
  .partner-campaign .campaign-item.campaign-item-two {
    grid-template-columns: repeat(1, 1fr);
  }
  .partner-campaign .campaign-item.campaign-item-two .campaign-item-two-content {
    grid-template-columns: repeat(1, 1fr);
  }
  .partner-campaign .campaign-item.campaign-item-two .item-last {
    padding: 20px;
  }
}
@media (min-width: 1919px) {
  .section-2-for-user .content-img img {
    height: unset;
  }
}

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