@media screen and (max-width: 900px) {
	.HHsejyxiKf {
		padding: 32px 16px;
	}

	.HHsejyxiKf .sGJJUOByyO {
		max-width: 343px;
		padding: 16px;
		flex-direction: column;
		gap: 4px;
		background: url("../img/card-img-mobile.png"), #94C7FF;
		background-size: cover;
		background-position: center;
		background-repeat: no-repeat;
	}

	.HHsejyxiKf .sGJJUOByyO:hover {
		box-shadow: none;
	}

	.HHsejyxiKf .sGJJUOByyO .WivxDBDHua {
		margin-top: 38px;
	}

	.HHsejyxiKf .sGJJUOByyO .WivxDBDHua .jfqUdTqmsm p {
		font-weight: 600;
	}

	.HHsejyxiKf .sGJJUOByyO .exmyBqbOaM {
		max-width: 311px;
		min-height: auto;
		width: 100%;
		gap: 10px;
	}

	.HHsejyxiKf .sGJJUOByyO .exmyBqbOaM .ugHgVmzPjG {
		position: absolute;
		top: -175px;
	}

	.HHsejyxiKf .sGJJUOByyO .exmyBqbOaM .qRXGiNvfrP:hover {
		box-shadow: none;
		border: 1px solid #FFF;
		background: url("../img/button-img.webp"), linear-gradient(180deg, #0E5BB0 0%, #1881F3 53.85%, #0E4B8D 100%);
		background-size: cover;
		background-position: center;
		background-repeat: no-repeat;
	}

	.HHsejyxiKf .sGJJUOByyO .exmyBqbOaM .qRXGiNvfrP:active {
		background: url("../img/button-img.webp"), linear-gradient(180deg, #0E4B8D 0%, #78B8FF 46.15%, #0E5BB0 100%);
		box-shadow: 0px 4px 4px 0px #FFF;
		border: none;
		background-size: cover;
		background-position: center;
		background-repeat: no-repeat;
	}
}

@media screen and (max-width: 768px) {

	/* cookie */
	.QcqSGODpYz {
		right: auto;
		bottom: 0;
		left: 50%;
		transform: translateX(-50%);
	}

	.QcqSGODpYz .NDLBfjgtCY .oCASevyFpE.SZqVYcVBaT:hover {
		border: none;
		background: linear-gradient(180deg, #E4E4E4 0%, #7E7E7E 221.25%);
	}

	.QcqSGODpYz .NDLBfjgtCY .oCASevyFpE.SZqVYcVBaT:active {
		border: 1px solid rgba(235, 235, 235, 0.2);
		background: linear-gradient(180deg, #7E7E7E -80%, #E4E4E4 221.25%);
	}

	.QcqSGODpYz .NDLBfjgtCY .oCASevyFpE.rAeoJqCive {
		background: linear-gradient(0deg, #2F7C2F 3.33%, #2DC732 100%);
	}

	.QcqSGODpYz .NDLBfjgtCY .oCASevyFpE.rAeoJqCive:hover {
		border: none;
		background: linear-gradient(0deg, #2F7C2F 3.33%, #2DC732 100%);
	}

	.QcqSGODpYz .NDLBfjgtCY .oCASevyFpE.rAeoJqCive:active {
		border: 1px solid #2DC732;
		background: linear-gradient(0deg, #2DC732 3.33%, #2F7C2F 100%);
	}

	/* age modal */
	.AYTCDxvAEI .qzzqIgPvzN {
		width: 344px;
	}

	.AYTCDxvAEI .qzzqIgPvzN .yNAEuUCcfH .oZkFDpNsCX {
		width: 100%;
		font-family: "Plus Jakarta Sans";
		font-size: 16px;
		font-weight: 500;
		line-height: 24px;
		border: none;
		padding: 16px 12px;
		border-radius: 8px;
	}

	.AYTCDxvAEI .qzzqIgPvzN .yNAEuUCcfH .oZkFDpNsCX.jSNsvlKtsP:hover {
		border: none;
		background: linear-gradient(0deg, #2F7C2F 3.33%, #2DC732 100%);
	}

	.AYTCDxvAEI .qzzqIgPvzN .yNAEuUCcfH .oZkFDpNsCX.jSNsvlKtsP:active {
		border: 1px solid #2DC732;
		background: linear-gradient(0deg, #2DC732 3.33%, #2F7C2F 100%);
		box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.5);
	}

	.AYTCDxvAEI .qzzqIgPvzN .yNAEuUCcfH .oZkFDpNsCX.oHTjsSazIK:hover {
		background: transparent;
	}

	.AYTCDxvAEI .qzzqIgPvzN .yNAEuUCcfH .oZkFDpNsCX.oHTjsSazIK:active {
		background: #BCBCBC;
	}

	.AYTCDxvAEI .umRKveqLJH {
		width: 344px;
	}

	.AYTCDxvAEI .umRKveqLJH .GieohjcfoD {
		width: 40px;
		height: 40px;
	}

	.AYTCDxvAEI .umRKveqLJH .iJjVdkbMjg h5 {
		font-size: 18px;
		line-height: 24px;
	}

	.AYTCDxvAEI .umRKveqLJH .iJjVdkbMjg p {
		font-size: 16px;
		line-height: 24px;
	}

	/* header */
	header {
		padding: 12px 16px;
	}

	header .HctHzERaec {
		width: 106.4px;
		height: 28px;
	}

	header .hoVsjZytzA {
		display: none;
	}

	header .yMCDSqCeRc {
		display: initial;
	}

	.gVwWEbZIBR {
		position: fixed;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		z-index: 7;
		background: linear-gradient(180deg, #050E1E 0%, #163E84 100%);
	}

	.gVwWEbZIBR .ozUyjYOSnW {
		position: absolute;
		top: 12px;
		right: 16px;
	}

	.gVwWEbZIBR .fHFdqUHjMZ {
		margin-top: 120px;
		display: flex;
		align-items: center;
		gap: 12px;
		justify-content: center;
		flex-direction: column;
	}

	.gVwWEbZIBR .fHFdqUHjMZ a {
		color: #FFF;
		font-family: "Plus Jakarta Sans";
		font-size: 18px;
		font-weight: 400;
		line-height: 26px;
		padding: 4px 8px;
	}

	.gVwWEbZIBR .fHFdqUHjMZ a.active {
		border-radius: 8px;
		background: #2B73FF;
		font-weight: 700;
	}

	.gVwWEbZIBR .gXPweZYshz {
		width: 288px;
		height: 288px;
		position: absolute;
		bottom: 118px;
		left: 50%;
		transform: translateX(-50%);
	}

	/* banner */
	.XFJbdhDofP {
		padding: 16px;
		justify-content: center;
	}

	.XFJbdhDofP .GrLrwawCoT {
		gap: 8px;
	}

	.XFJbdhDofP .GrLrwawCoT h1 {
		text-align: center;
		font-size: 22px;
		line-height: 30px;
		min-height: 60px;
	}

	.XFJbdhDofP .GrLrwawCoT p {
		text-align: center;
		line-height: 26px;
	}

	.XFJbdhDofP .GrLrwawCoT p span {
		color: #FFF;
		text-align: center;
		text-shadow: 0px 4px 10px #000;
		-webkit-text-stroke-width: 0.5px;
		-webkit-text-stroke-color: #000;
		font-family: "Plus Jakarta Sans";
		font-size: 18px;
		font-weight: 400;
		line-height: 26px;
	}

	.XFJbdhDofP .VSKpkMsQah {
		width: 83px;
		height: 83px;
		position: absolute;
		right: 16px;
		opacity: 0.2;
	}

	/* footer */
	footer {
		padding: 16px;
	}

	footer .eRZxbAPPsl {
		padding: 16px;
		gap: 16px;
	}

	footer .eRZxbAPPsl .YWXieyoUcv {
		width: 59px;
		height: 32px;
	}

	footer .eRZxbAPPsl .IugImSeMRc {
		width: 108px;
		height: 32px;
	}

	footer .eRZxbAPPsl .FHJxSiXdqA {
		width: 93px;
		height: 28px;
	}

	footer .eRZxbAPPsl .MbXVSgLBeL {
		width: 36px;
		height: 36px;
	}

	footer .eRZxbAPPsl .MgEzcCuYKx {
		width: 27px;
		height: 34px;
	}

	footer .eRZxbAPPsl .MgEzcCuYKx img {
		object-fit: contain;
	}

	footer .eRZxbAPPsl .wjzOkLwADJ {
		width: 30px;
		height: 36px;
	}

	footer .vOdOwlgQpy .pZMGtaBZIp {
		gap: 8px;
		padding: 16px 14px;
	}

	footer .vOdOwlgQpy .pZMGtaBZIp a {
		font-size: 16px;
		font-weight: 500;
		line-height: 24px;
	}

	/* content */
	.uZhZWququJ {
		margin: 0 auto;
		padding: 16px;
		border-radius: 0;
		background: transparent;
		backdrop-filter: blur(0);
		display: flex;
		flex-direction: column;
		gap: 16px;
	}

	.uZhZWququJ .HcwZxgaKUS {
		gap: 6px;
	}

	.uZhZWququJ .HcwZxgaKUS h1 {
		line-height: 26px;
	}
}

@media screen and (max-width: 374px) {
	.QcqSGODpYz {
		width: 335px;
	}

	.qzzqIgPvzN {
		width: 311px !important;
	}

	.umRKveqLJH {
		width: 311px !important;
	}
}