*,

::after,

::before {

	box-sizing: border-box;

}



body {

	background-color: rgb(25, 25, 25);

	color: rgb(255, 255, 255);

	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";

	font-weight: 400;

	-webkit-tap-highlight-color: transparent;

	overscroll-behavior-y: contain;

}



a {

	background-color: transparent;

}



a {

	color: inherit;

	text-decoration: none;

}



a>* {

	opacity: inherit;

}



img {

	border-style: none;

}



button,

input,

optgroup,

select,

textarea {

	font-family: inherit;

	font-size: 100%;

	line-height: 1.15;

	margin: 0px;

}



.iNalyR {

	position: fixed;

	inset: 0px;

	width: 100%;

	height: 100%;

	overflow-y: scroll;

	background-color: rgb(25, 25, 25);

	animation: 0.6s ease 0s 1 normal forwards running none;

}



.kFvxMW {

	width: 100%;

	height: 100%;

	position: absolute;

	top: 0px;

	background-image: url(../image/bg.svg);

	background-repeat: no-repeat;

	background-position: right top;

	z-index: -1;

}



.dkABgj {

	position: relative;

}



.fKYomj {

	position: relative;

	padding: 40px 0px;

	width: 1024px;

	max-width: 1024px;

	margin: auto;

}



@media (max-width: 1024px) {

	.fKYomj {

		padding: 20px 32px;

		width: auto;

		max-width: none;

	}

}



@media (max-width: 768px) {

	.fKYomj {

		padding: 16px;

		width: auto;

		max-width: none;

	}

}



.Xa-Dqf {

	display: flex;

	width: 100%;

	-webkit-box-align: center;

	align-items: center;

	-webkit-box-pack: justify;

	justify-content: space-between;

	margin-bottom: 60px;

}



@media (max-width: 1024px) {

	.Xa-Dqf {

		margin-bottom: 40px;

	}

}



@media (max-width: 768px) {

	.Xa-Dqf {

		margin-bottom: 24px;

	}

}



.kqMsJP {

	width: 148px;

	height: 65px;

}



@media (max-width: 1024px) {

	.kqMsJP {

		width: 69px;

		height: 30px;

	}

}



.fxRGWV {

	outline: none;

	background: none;

	display: flex;

	padding: 8px 12px;

	-webkit-box-pack: center;

	justify-content: center;

	-webkit-box-align: center;

	align-items: center;

	border-radius: 4px;

	border: 1px solid white;

	color: rgb(255, 255, 255);

	font-size: 16px;

	font-weight: 400;

}



@media (max-width: 1024px) {

	.fxRGWV {

		padding: 4px 8px;

		font-size: 14px;

	}

}



.dUKJRk {

	display: flex;

	gap: 12px;

	-webkit-box-pack: center;

	justify-content: center;

	margin-bottom: 48px;

}



@media (max-width: 1024px) {

	.dUKJRk {

		margin-bottom: 24px;

		gap: 16px;

	}

}



@media (max-width: 768px) {

	.dUKJRk {

		flex-direction: column;

		-webkit-box-align: center;

		align-items: center;

		gap: 8px;

		width: 328px;

		margin-left: auto;

		margin-right: auto;

	}

}



.koaMzM {

	display: flex;

	flex-direction: column;

	-webkit-box-pack: start;

	justify-content: flex-start;

	gap: 12px;

	max-width: 248px;

}



@media (max-width: 1024px) {

	.koaMzM {

		max-width: 184px;

		gap: 6px;

	}

}



@media (max-width: 768px) {

	.koaMzM {

		max-width: 100%;

		order: 2;

		gap: 4px;

	}

}



.iJEmyk {

	font-size: 32px;

	font-style: normal;

	font-weight: 510;

	color: rgb(0, 210, 190);

}



@media (max-width: 768px) {

	.iJEmyk {

		font-weight: 400;

	}

}



@media (max-width: 1024px) {

	.iJEmyk {

		font-size: 20px;

	}

}



.kneXrS {

	font-size: 60px;

	font-weight: 1000;

	line-height: 110%;

	margin: 0px;

	padding: 0px;

}



@media (max-width: 1024px) {

	.kneXrS {

		font-size: 42px;

		font-weight: 700;

	}

}



@media (max-width: 768px) {

	.kneXrS {

		font-size: 40px;

	}

}



.fkjlCY {

	font-size: 20px;

	font-weight: 274;

	line-height: 150%;

	letter-spacing: -0.528px;

	margin: 0px;

	padding: 0px;

}



@media (max-width: 1024px) {

	.fkjlCY {

		font-size: 14px;

		letter-spacing: -0.308px;

	}

}



@media (max-width: 768px) {

	.fkjlCY {

		font-size: 13px;

		letter-spacing: -0.286px;

	}

}



.eKPXkp {

	border: none;

	outline: none;

	background: none rgb(0, 210, 190);

	width: 100%;

	height: 58px;

	padding: 18px;

	display: flex;

	-webkit-box-pack: center;

	justify-content: center;

	-webkit-box-align: center;

	align-items: center;

	gap: 8px;

	border-radius: 10px;

	color: rgb(1, 1, 1);

	font-size: 24px;

	font-weight: 590;

}



@media (max-width: 1024px) {

	.eKPXkp {

		font-size: 16px;

		border-radius: 4px;

		height: 42px;

		padding: 10px;

		margin-top: 6px;

	}

}



@media (max-width: 768px) {

	.eKPXkp {

		margin-top: 16px;

		font-weight: 700;

		height: 36px;

		order: 4;

	}

}



@media (max-width: 768px) {

	.koaMzM .main-title-box-watch-now-button {

		display: none;

	}

}



.cVTAFp {

	width: auto;

	height: 322px;

	border-radius: 20px;

}



@media (max-width: 768px) {

	.cVTAFp {

		width: 100%;

		min-height: 176px;

		height: auto;

		order: 1;

	}

}



@media (max-width: 1024px) {

	.cVTAFp {

		width: auto;

		height: 218px;

	}

}



.dSzhvw {

	display: flex;

	flex-direction: column;

	-webkit-box-align: center;

	align-items: center;

	gap: 8px;

}



@media (max-width: 768px) {

	.dSzhvw {

		gap: 8px;

		order: 3;

		flex-direction: row;

	}

}



@media (max-width: 1024px) {

	.dSzhvw {

		gap: 4px;

	}

}



.ctBOky {

	display: flex;

	width: 157px;

	height: 100px;

	padding: 13px 10px;

	flex-direction: column;

	-webkit-box-pack: center;

	justify-content: center;

	-webkit-box-align: center;

	align-items: center;

	gap: 8px;

	border-radius: 10px;

	background: rgb(22, 22, 22);

}



@media (max-width: 1024px) {

	.ctBOky {

		width: 83px;

		height: 53px;

		padding: 7px 5px;

		gap: 4px;

		border-radius: 5px;

	}

}



@media (max-width: 768px) {

	.ctBOky {

		padding: 8px;

		gap: 8px;

		border-radius: 10px;

	}

}



.kEnhEm {

	color: rgb(217, 217, 217);

	font-size: 32px;

	font-weight: 1000;

}



@media (max-width: 768px) {

	.kEnhEm {

		font-size: 16px;

	}

}



@media (max-width: 1024px) {

	.kEnhEm {

		font-size: 18px;

	}

}



.eNyASs {

	color: rgb(0, 210, 190);

}



.daBzcu {

	font-size: 16px;

	font-weight: 400;

	color: rgb(94, 94, 94);

}



@media (max-width: 768px) {

	.daBzcu {

		font-size: 10px;

	}

}



@media (max-width: 1024px) {

	.daBzcu {

		font-size: 8px;

	}

}



.joXnHv {

	display: grid;

	-webkit-box-align: center;

	align-items: center;

	grid-template-columns: auto auto;

	margin-top: 12px;

	gap: 8px;

}



@media (max-width: 1024px) {

	.joXnHv {

		margin-top: 8px;

		gap: 4px;

	}

}



@media (max-width: 768px) {

	.joXnHv {

		margin-top: 0px;

	}

}



.jJYlwd {

	grid-column: 1 / 3;

}



@media (max-width: 768px) {

	.jJYlwd {

		grid-column: 1 / 2;

	}

}



.cucVPa {

	margin-left: -24px;

	border-radius: 50%;

	border: 2px solid transparent;

	background: linear-gradient(rgb(164, 69, 179) 4%, rgb(212, 24, 114) 54%, rgb(255, 0, 102)) border-box border-box;

}



@media (max-width: 1024px) {

	.cucVPa {

		width: 26px;

		height: 26px;

		margin-left: -13px;

	}

}



.cucVPa:first-child {

	margin-left: 0px;

}



.iDEJGk {

	font-size: 24px;

	font-weight: 1000;

	background: linear-gradient(136deg, rgb(164, 69, 179) 3.79%, rgb(212, 24, 114) 48.03%, rgb(255, 0, 102) 97.19%) text;

	-webkit-text-fill-color: transparent;

}



@media (max-width: 1024px) {

	.iDEJGk {

		font-size: 16px;

	}

}



.eNyASs {

	color: rgb(0, 210, 190);

}



.djoXRw {

	color: rgb(222, 222, 222);

	font-size: 20px;

	font-weight: 400;

}



@media (max-width: 768px) {

	.djoXRw {

		font-size: 12px;

		grid-column: 1 / 3;

	}

}



@media (max-width: 1024px) {

	.djoXRw {

		font-size: 10px;

	}

}



.dUKJRk .main-watch-now-button {

	display: none;

}



@media (max-width: 768px) {

	.dUKJRk .main-watch-now-button {

		display: flex;

	}

}



.dOMKii {

	margin-bottom: 48px;

	width: 100%;

	display: flex;

	-webkit-box-pack: center;

	justify-content: center;

	-webkit-box-align: center;

	align-items: center;

}



@media (max-width: 1024px) {

	.dOMKii {

		margin-bottom: 24px;

	}

}



.CeNNi {

	display: flex;

	-webkit-box-pack: center;

	justify-content: center;

	-webkit-box-align: center;

	align-items: center;

	margin-bottom: 20px;

	gap: 12px;

}



@media (max-width: 1024px) {

	.CeNNi {

		gap: 34px;

		margin-bottom: 7px;

	}

}



@media (max-width: 768px) {

	.CeNNi {

		font-size: 12px;

		grid-column: 1 / 3;

		margin-bottom: 24px;

		flex-direction: column;

		gap: 12px;

	}

}



@media (max-width: 768px) {

	.gFPHmY {

		order: 1;

	}

}



@media (max-width: 1024px) {

	.dbtyFr {

		width: 340px;

		height: 330px;

	}

}



@media (max-width: 768px) {

	.dbtyFr {

		width: 328px;

		height: 310px;

	}

}



.envaEZ {

	display: flex;

	flex-direction: column;

	gap: 24px;

}



@media (max-width: 1024px) {

	.envaEZ {

		gap: 14px;

	}

}



@media (max-width: 768px) {

	.envaEZ {

		gap: 8px;

		order: 2;

	}

}



.ieMwCY {

	display: flex;

	-webkit-box-pack: center;

	justify-content: center;

	-webkit-box-align: center;

	align-items: center;

	gap: 12px;

}



.lTZxd {

	margin: 0px;

	padding: 0px;

	font-size: 36px;

	font-weight: 1000;

	line-height: 110%;

}



@media (max-width: 1024px) {

	.lTZxd {

		font-size: 24px;

	}

}



.gAonlH {

	position: relative;

}



@media (max-width: 1024px) {

	.gAonlH {

		width: 40px;

		height: 40px;

	}

}



@media (max-width: 768px) {

	.gAonlH {

		width: 30px;

		height: 30px;

	}

}



@media (max-width: 1024px) {

	.lfBsnr {

		width: 40px;

		height: 40px;

	}

}



@media (max-width: 768px) {

	.lfBsnr {

		width: 30px;

		height: 30px;

	}

}



.cZTWWE {

	margin: 0px;

}



@media (max-width: 768px) {

	.cZTWWE {

		gap: 8px;

		list-style: none;

		padding: 0px;

	}

}



.lmvwJb {

	color: rgb(217, 217, 217);

	font-size: 24px;

	font-weight: 400;

	line-height: 36px;

	letter-spacing: 2px;

}



@media (max-width: 1024px) {

	.lmvwJb {

		font-size: 16px;

		line-height: 24px;

		letter-spacing: 1.154px;

	}

}



@media (max-width: 768px) {

	.lmvwJb {

		text-align: center;

	}

}



.IZwrh {

	border: none;

	outline: none;

	background: none rgba(172, 172, 172, 0.6);

	position: sticky;

	top: 0px;

	left: 100%;

	bottom: 64px;

	border-radius: 50%;

	width: 60px;

	height: 60px;

	padding: 8px;

	display: none;

}



@media (max-width: 1024px) {

	.IZwrh {

		width: 48px;

		height: 48px;

		bottom: 20px;

	}

}



@media (max-width: 768px) {

	.IZwrh {

		bottom: 16px;

	}

}



.fQSTvy {

	width: 100%;

	height: 100%;

	transform: rotate(180deg);

}



.gXSLOJ {

	height: 1000px;

	background: linear-gradient(0deg, rgb(167, 0, 100) 8.91%, rgba(255, 11, 231, 0) 99.86%);

	position: absolute;

	bottom: 0px;

	width: 100%;

	z-index: -2;

}