Lắc xì 2024

Lắc Xì 2024

Lac xi 2024

Banner Ending

<div class="py-8 md:py-10 lg:py-14 block_brand">
	<div class="mx-auto w-full max-w-6xl px-5 md:px-8 lg:px-8 relative">
		<div class="landing-fadeUp-child section_thankyou">
			<div class="mb-4 text-center md:mb-8">
				<h2 class="text-xl lg:text-3xl font-bold mb-2" style="color:#DC0C5A">CẢM ƠN SỰ ĐỒNG HÀNH CỦA BẠN CÙNG LẮC XÌ 2024!</h2>
			</div>

			<div class="text-center max-w-4xl mx-auto text-base lg:text-lg">
				<div class="soju__prose w-full">
					<p>
						Với tinh thần vui là chính, lì xì là không thể thiếu, Lắc Xì 2024 đã phát triệu bao lì xì cùng vô số thẻ quà giá trị. Hóa rồng thành công, năm mới hanh thông là thông điệp MoMo gửi đến mọi nhà. Mỗi năm một vẻ, Lắc Xì đã trở thành một phần không thể thiếu trong mỗi dịp Tết đến xuân về.
					</p>

					<p>
						Cảm ơn bạn thêm một mùa đồng hành cùng Lắc Xì!<br/>
						Cảm ơn các đối tác đã cùng MoMo mang đến khách hàng những phần quà hấp dẫn!
					</p>
				</div>
			</div>

			<div class="item-center list-statistical -mx-2.5 flex flex-row flex-wrap justify-center mt-5 md:mt-8">
				<div class="block-item mb-8 lg:mb-0 basis-1 px-2.5 md:basis-1/4">
					<div class="text-center">
						<div class="thumb-banner">
							<img alt="người chơi" src="https://homepage.momocdn.net/img/momo-upload-api-240302102117-638449716777630969.png"/>
						</div>

						<div class="text-center mt-5">
							<h3 class="heading-shadow font-lixi text-center text-xl font-bold uppercase leading-snug sm:mt-4">12 Triệu+</h3>

							<div class="font-semibold text-base md:text-lg sub-title mt-1">
								Người chơi
							</div>
						</div>
					</div>
				</div>

				<div class="block-item mb-8 lg:mb-0 basis-1 px-2.5 md:basis-1/4">
					<div class="text-center">
						<div class="thumb-banner">
							<img alt="Lượt Lắc" src="https://homepage.momocdn.net/img/momo-upload-api-240302102144-638449717048114522.png"/>
						</div>

						<div class="text-center mt-5">
							<h3 class="heading-shadow font-lixi text-center text-xl font-bold uppercase leading-snug sm:mt-4">300 Triệu+</h3>

							<div class="font-semibold text-base md:text-lg sub-title mt-1">
								Lượt Lắc/ Quay
							</div>
						</div>
					</div>
				</div>

				<div class="block-item mb-8 lg:mb-0 basis-1 px-2.5 md:basis-1/4">
					<div class="text-center">
						<div class="thumb-banner">
							<img alt="Thẻ quà" src="https://homepage.momocdn.net/img/momo-upload-api-240302102200-638449717207132357.png"/>
						</div>

						<div class="text-center mt-5">
							<h3 class="heading-shadow font-lixi text-center text-xl font-bold uppercase leading-snug sm:mt-4">270 Triệu+</h3>

							<div class="font-semibold text-base md:text-lg sub-title mt-1">
								Thẻ quà và bao Lì xì đã gửi đến người chơi
							</div>
						</div>
					</div>
				</div>

				<div class="block-item mb-8 lg:mb-0 basis-1 px-2.5 md:basis-1/4">
					<div class="text-center">
						<div class="thumb-banner">
							<img alt="Heo đất" src="https://homepage.momocdn.net/img/momo-upload-api-240426112638-638497275983192148.png"/>
						</div>

						<div class="text-center mt-5">
							<h3 class="heading-shadow font-lixi text-center text-xl font-bold uppercase leading-snug sm:mt-4">35 Triệu+</h3>

							<div class="font-semibold text-base md:text-lg sub-title mt-1">
								Lượt quyên góp
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
<style type="text/css">.section_thankyou h2 {
    font-family: "K2D", sans-serif;
    font-weight: 800;
  }

  .section_thankyou .soju__prose {
    text-align: justify;
    text-align-last: center;
  }

  .section_thankyou .list-statistical .block-item {
    flex-basis: 25%;
  }

  .section_thankyou .list-statistical .block-item .thumb-banner {
    width: 100%;
    aspect-ratio: 1;
    overflow: hidden;
    border-radius: 6px;
  }

  .section_thankyou .list-statistical .block-item h3 {
    font-family: "K2D", sans-serif;
    font-weight: 800;
    color: #DC0C5A;
  }

  .section_thankyou .list-statistical .block-item .sub-title {
    line-height: 1.3;
  }

  @media (max-width: 767px) {
    .section_thankyou .list-statistical .block-item {
      flex-basis: 50%;
    }
  }
</style>


<div class="py-8 md:py-10 lg:py-14 block_brand">
	<div class="mx-auto w-full max-w-6xl px-5 md:px-8 lg:px-8 landing-fadeUp-child relative">
		<div class="mb-5 text-center md:mb-8">
			<h2 class="mx-auto max-w-xs md:max-w-sm lg:max-w-md">Đối tác đồng hành</h2>
		</div>

		<div class="mb-5 block text-center last:mb-0 sm:mb-12 last:sm:mb-0 mx-auto" style="aspect-ratio:764/354; max-width:764px;">
			<div class="flex flex-wrap justify-center ">
				<div class="box-doitac">
					<div class="content-doitac">
						<picture> <source media="(min-width: 650px)" srcset="https://homepage.momocdn.net/img/momo-upload-api-240313143418-638459372581729617.png"/> 
						<img alt="Đối tác kim cương" class="mx-auto block max-w-full" loading="lazy" src="https://homepage.momocdn.net/img/momo-upload-api-240313143418-638459372581729617.png"/>
						</picture>
					</div>
				</div>
			</div>
		</div>

		<div class="mb-5 block text-center last:mb-0 sm:mb-12 last:sm:mb-0 mx-auto" style="aspect-ratio:764/256; max-width:764px;">
			<div class="flex flex-wrap justify-center ">
				<div class="box-doitac">
					<div class="content-doitac">
						<picture> <source media="(min-width: 650px)" srcset="https://homepage.momocdn.net/img/momo-upload-api-240125112903-638417789439441683.png"/> 
						<img alt="Đối tác bạch kim" class="mx-auto block max-w-full" loading="lazy" srcset="https://homepage.momocdn.net/img/momo-upload-api-240125112903-638417789439441683.png"/>
						</picture>
					</div>
				</div>
			</div>
		</div>

		<div class="block text-center last:mb-0 last:sm:mb-0 mx-auto" style="aspect-ratio:764/406; max-width:764px;">
			<div class="flex flex-wrap justify-center ">
				<div class="box-doitac">
					<div class="content-doitac">
						<picture> <source media="(min-width: 650px)" srcset="https://homepage.momocdn.net/img/momo-upload-api-240125112922-638417789625668018.png"/> 
						<img alt="Đối tác vàng" class="mx-auto block max-w-full" loading="lazy" srcset="https://homepage.momocdn.net/img/momo-upload-api-240125112922-638417789625668018.png"/>
						</picture>
					</div>
				</div>
			</div>
		</div>

		<div class="block-element-1 pointer-events-none absolute hidden select-none items-center justify-center xl:flex animation-item" data-animation="fadeInUp" data-delay="1000">
			<img alt="element-brand 1" src="https://homepage.momocdn.net/img/momo-upload-api-240124111716-638416918366772142.png"/>
		</div>

		<div class="block-element-2 pointer-events-none absolute hidden select-none items-center justify-center xl:flex animation-item" data-animation="fadeInUp" data-delay="800">
			<img alt="element-brand 2" src="https://homepage.momocdn.net/img/momo-upload-api-240124111806-638416918864475333.png"/>
		</div>
	</div>
</div>
<style type="text/css">#doi-tac .block-element-1 {
    animation-delay: 2000ms;
    width: calc(400/1920 *100%);
    bottom: 0;
    left: -18%;
  }

  #doi-tac .block-element-2 {
    animation-delay: 2000ms;
    width: calc(400/1920 *100%);
    bottom: 90%;
    right: -19%;
  }
</style>
