html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
.close-menu,
.header-mobile,
.get-item--show {
	display: none;
}
/* animation */
@keyframes loading {
	0% { 
		transform: rotate(0); 
	}
	100% { 
		transform: rotate(360deg);
	}
}
@keyframes shake {
  10%, 90% {
    transform: translate3d(-1px, 0, 0);
  }
  
  20%, 80% {
    transform: translate3d(2px, 0, 0);
  }

  30%, 50%, 70% {
    transform: translate3d(-4px, 0, 0);
  }

  40%, 60% {
    transform: translate3d(4px, 0, 0);
  }
}
.rotate {
	animation: loading 5s linear infinite;
}
/* GLOBAL */
body,
a,
button,
input,
select {
	font-family: 'Mont', sans-serif;
 	text-decoration: none;
}
img, svg {
	max-width: 100%;
	height: auto;
}
.container {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	max-width: 1150px;
	position: relative;
	z-index: 1;
}
header,
section,
footer {
	padding-left: 20px;
	padding-right: 20px;
	box-sizing: border-box;
	width: 100%;
	position: relative;
	overflow: hidden;
}
/* HEADER / FOOTER */
header,
footer {
	padding-top: 20px;
	padding-bottom: 20px;
}
.header--inner {
	display: flex;
	align-items: center;
	gap: 70px;
}
.logo {
	margin-right: auto;
}
.social-link {
	display: inline-flex;
	align-items: center;
	gap: 25px;
	font-style: normal;
	font-weight: 600;
	font-size: 22px;
	line-height: 28px;
	color: #000000;
}
footer {
	background: #000;
}
footer .social-link {
	color: #fff;
}
/* welcome */
.welcome {
	background: #F5F1E6;
	overflow: hidden;
	padding-top: 60px;
	padding-bottom: 165px;
	border-bottom-right-radius: 150px;
	border-bottom-left-radius: 150px;
	position: relative;
}
.welcome-title {
	font-style: normal;
	font-weight: 700;
	font-size: 177px;
	line-height: 226px;
	color: #000000;
}
.welcome-subtitle {
	font-style: normal;
	font-weight: 700;
	font-size: 45px;
	line-height: 58px;
	color: #000000;
	margin-top: 3px;
}
.welcome-smile {
	display: flex;
	align-items: center;
	gap: 17px;
	font-style: normal;
	font-weight: 600;
	font-size: 28px;
	line-height: 36px;
	color: #000000;
	margin-top: 32px;
}
.welcome-smile img {
	min-width: 70px;
}
.welcome-smile i {
	background: #85D28E;
	display: inline-block;
	padding-left: 5px;
	padding-right: 5px;
	border-radius: 10px;
}
.welcome-action {
	margin-top: 91px;
	display: flex;
	align-items: center;
	gap: 29px;
}
.welcome-price {
	font-style: normal;
	font-weight: 700;
	font-size: 50px;
	line-height: 64px;
	color: #000000;
}
.welcome-buy {
	background: #000000;
	border-radius: 40px;
	font-style: normal;
	font-weight: 600;
	font-size: 26px;
	line-height: 33px;
	color: #FFFFFF;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	padding-left: 48px;
	padding-right: 48px;
	padding-top: 39px;
	padding-bottom: 39px;
	transition: background .2s linear, color .2s linear;
}
.welcome-buy:hover {
	transition: background .2s linear, color .2s linear;
	background: #FFFFFF;
	color: #000000;
}
.welcome-icon-1 {
    position: absolute;
    bottom: 68px;
    left: 0;
    max-width: 28%;
}
.welcome-icon-2 {
	position: absolute;
    bottom: 0;
    right: 0;
    max-width: 51%;
}
.welcome-icon-3 {
    position: absolute;
    top: 221px;
    right: 200px;
    max-width: 9%;
}
.welcome--inner {
	position: relative;
}
.welcome-user {
    position: absolute;
    top: 138px;
    right: 60px;
    z-index: 1;
    max-width: 26%;
}
/* include */
.include {
	padding-top: 150px;
	padding-bottom: 200px;
}
.include-icon {
    position: absolute;
    right: -40px;
    top: -120px;
    max-width: 49%;
}
.include-title {
	font-style: normal;
	font-weight: 700;
	font-size: 80px;
	line-height: 102px;
	color: #000000;
	margin-bottom: 100px;
}
.include-list {
	display: flex;
	gap: 30px;
}
.include-item {
	box-sizing: border-box;
	width: calc(100% - 15px);
	border: 2px solid #000000;
	border-radius: 40px;
	padding: 40px;
	padding-bottom: 105px;
	position: relative;
}
.include-item h3 {
	font-style: normal;
	font-weight: 700;
	font-size: 35px;
	line-height: 45px;
	color: #000000;
	margin-bottom: 30px;
}
.include-item p {
	font-style: normal;
	font-weight: 500;
	font-size: 28px;
	line-height: 36px;
	color: #000000;
}
.include-item-purple {
	background: #C0B4E4;
}
.include-item-purple i {
	padding-left: 5px;
	padding-right: 5px;
	border-radius: 10px;
	background: #fff;
}
.include-item-light {
	background: #F5F1E6;
}
.include-item-light i {
	padding-left: 5px;
	padding-right: 5px;
	border-radius: 10px;
	background: #85D28E;
}
.include-item-1 {
	position: absolute;
	top: 50px;
	right: 30px;
}
.include-item-2 {
	position: absolute;
	bottom: 0;
	left: 40px;
    max-width: calc(100% - 80px);
}
.include-item-3 {
	position: absolute;
    left: -160px;
    top: 0;
    z-index: -1;
}
.include-item-4 {
	position: absolute;
	right: 0;
    top: 90px;
}
.include-item-5 {
	position: absolute;
	left: 40px;
    bottom: 40px;
    max-width: calc(100% - 80px);
}
.include-item-6 {
	position: absolute;
	right: -150px;
    bottom: 0;
    z-index: -1;
}
/* illustration */
.illustration {
	padding-top: 130px;
	padding-bottom: 130px;
	background: #F5F1E6;
	border-radius: 130px;
}
.title-illustration {
	font-style: normal;
	font-weight: 700;
	font-size: 60px;
	line-height: 77px;
	color: #000000;
	margin-bottom: 65px;
}
.illustration-list {
	position: relative;
	display: flex;
	justify-content: center;
}
.illustration-list:hover img {
    animation: shake 3s linear infinite;
}
.illustration-list li:not(.ill-img-3) {
	position: absolute;
}
.ill-img-1 {
    left: 0;
    top: 7.5%;
    z-index: 5;
}
.ill-img-2 {
    left: 14%;
    top: 17.5%;
    z-index: 4;
}
.ill-img-3 {
	position: relative;
	z-index: 6 !important;
}
.ill-img-4 {
    right: 15.5%;
    top: 6%;
    z-index: 4;
}
.ill-img-5 {
	right: 0;
    top: 17%;
    z-index: 5;
}
/* if-you */
.if-you {
	padding-top: 210px;
	padding-bottom: 170px;
	position: relative;
}
.if-you-title {
	font-style: normal;
	font-weight: 700;
	font-size: 80px;
	line-height: 102px;
	color: #000000;
	margin-bottom: 40px;
}
.if-you-list {
	display: flex;
	flex-wrap: wrap;
	margin-left: -15px;
	margin-right: -15px;
	width: calc(100% + 30px);
}
.if-you-list li {
	position: relative;
	margin-left: 15px;
	margin-right: 15px;
	width: calc(100% / 3 - 30px);
	box-sizing: border-box;
	min-height: 362px;
	padding: 40px;
	background: #80BAFF;
	border: 2px solid #000000;
	border-radius: 40px;
	margin-top: 30px;
}
.if-you-list li:nth-child(2) {
	background: #85D28E;
}
.if-you-list li:nth-child(3) {
	background: #C0B4E4;
}
.if-you-list li:nth-child(4) {
	background: #F1A44C;
}
.if-you-list li:nth-child(5) {
	background: #EDB4DA;
}
.if-you-list p {
	font-style: normal;
	font-weight: 600;
	font-size: 28px;
	line-height: 36px;
	color: #000000;
}
.if-you-list svg {
	position: absolute;
	bottom: 40px;
	right: 40px;
}
.if-you-list--wrapper {
	position: relative;
}
.if-you-list--wrapper > svg {
    position: absolute;
    top: -190px;
    left: 140px;
    z-index: -1;
}
.if-you-subtext {
	font-style: normal;
	font-weight: 700;
	font-size: 35px;
	line-height: 45px;
	color: #000000;
	margin-top: 70px;
}
.if-you-subtext i {
    background: #EEE5CD;
    border-radius: 10px;
    padding-left: 5px;
    padding-right: 5px;
}
.if-you-icon-1 {
    position: absolute;
    top: calc(50% - 467px / 2);
    left: 0;
}
.if-you-icon-2 {
    position: absolute;
    left: 0;
    top: calc(50% - 353px / 2);
    z-index: -1;
}
/* result */
.result {
	padding-top: 130px;
	padding-bottom: 150px;
	border-radius: 130px;
	background: #F5F1E6;
}
.result-title {
	font-style: normal;
	font-weight: 700;
	font-size: 80px;
	line-height: 102px;
	color: #000000;
	margin-bottom: 58px;
}
.result-row-1 {
	display: flex;
	gap: 20px;
	justify-content: space-between;
	align-items: flex-start;
}
.result-item-1 {
	position: relative;
    max-width: 460px;
    text-align: center;
}
.result-item-1 img {
	margin-top: -13px;
}
.result-item-1 svg {
    right: -11%;
    bottom: -17%;
}
.result-row img {
	position: relative;
	z-index: 1;
}
.result-row svg {
	position: absolute;
}
.result-row span {
	position: relative;
	z-index: 2;
	font-style: normal;
	font-weight: 500;
	font-size: 28px;
	line-height: 36px;
	color: #FFFFFF;
	background: #000000;
	border-radius: 46px;
	display: inline-block;
	padding-left: 27px;
	padding-right: 27px;
	padding-top: 9px;
	padding-bottom: 9px;
}
.result-item-2 {
	max-width: 520px;
	position: relative;
	text-align: right;
}
.result-item-2 img {
	margin-top: -13px;
}
.result-item-2 svg {
    bottom: -13%;
    right: -4%;
}
.result-row-2 {
	display: flex;
	gap: 20px;
	justify-content: space-between;
	align-items: flex-end;
}
.result-item-3 {
	max-width: 460px;
	text-align: center;
}
.result-item-3 img {
	margin-top: -13px;
}
.result-item-4 {
	max-width: 623px;
	text-align: right;
	position: relative;
}
.result-item-4 span {
	margin-right: 15px;
}
.result-item-4 img {
	margin-top: -13px;
}
.result-item-4 svg {
    left: 3%;
    top: 14%;
}
/* reviews */
.reviews {
	padding-top: 263px;
	padding-bottom: 263px;
	background-image: url('../img/reviews/bg.png');
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}
.reviews .container {
	max-width: 1190px;
}
.reviews-title {
	font-style: normal;
	font-weight: 700;
	font-size: 80px;
	line-height: 102px;
	color: #000000;
	margin-bottom: 30px;
}
.reviews-list {
	position: relative;
}
.reviews-list li:not(.review-item-1) {
	position: absolute;
}
.review-item-1 {
	position: relative;
    width: 48%;
    z-index: 1;
}
.review-item-2 {
    top: -29%;
    left: calc(50% - 229px / 2);
    width: 31%;
}
.review-item-3 {
	top: -120px;
    right: 0;
    width: 29%;
}
.review-item-4 {
	top: 20%;
    right: 80px;
    width: 28%;
}
.review-item-5 {
	bottom: 0;
	right: 0;
	width: 43%;
}
.review-item-2-under {
	top: 13%;
    left: calc(50% - 269px / 2);
    width: 31%;
}
/* get */
.get {
	padding-top: 150px;
	padding-bottom: 150px;
	background: #F5F1E6;
	border-radius: 130px;
}
.get-title {
	font-style: normal;
	font-weight: 700;
	font-size: 80px;
	line-height: 102px;
	color: #000000;
	margin-bottom: 70px;
}
.get-title span {
	color: #9B62D0;
}
.get-list {
	display: flex;
	flex-direction: column;
	gap: 20px;
	position: relative;
	z-index: 1;
}
.get-item-wrap {
	overflow: hidden;
}
.get-item-wrap:hover .get-item--left svg {
	animation: loading 1s linear infinite;
}
.get-item {
	width: 100%;
	box-sizing: border-box;
	background: #80BAFF;
	border: 2px solid #000000;
	border-radius: 40px;
	display: flex;
	position: relative;
}
.get-item h3 {
	font-style: normal;
	font-weight: 700;
	font-size: 35px;
	line-height: 45px;
	color: #000000;
}
.get-item--left {
	width: 390px;
	min-width: 390px;
	box-sizing: border-box;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 45px;
	padding-right: 20px;
	display: flex;
	gap: 39px;
    align-items: flex-start;
}
.get-item--left svg {
	margin-top: 4px;
}
.get-item--right {
	width: 100%;
	box-sizing: border-box;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 50px;
	padding-right: 40px;
    display: flex;
    align-items: center;
}
.get-item--right li {
	font-style: normal;
	font-weight: 600;
	font-size: 20px;
	line-height: 26px;
	color: #000000;
}
.get-item--right li::before {
	content: "• ";
}
.get-item--right li + li {
	margin-top: 6px;
}
.get-item--center {
	top: -17px;
	bottom: -17px;
	left: 375px;
	width: 30px;
	position: absolute;
	z-index: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
}
.gic-bottom {
    border: 2px solid #000;
    border-radius: 30px;
    height: 30px;
    border-bottom: 0;
    background: #F5F1E6;
    width: 30px;
}
.gic-top {
    border: 2px solid #000;
    border-radius: 30px;
    height: 30px;
    border-top: 0;
    background: #F5F1E6;
    width: 30px;
}
.gic-center {
	height: calc(100% - 84px);
    border-left: 2px dashed black;
}
.gi-green .get-item {
	background: #85D28E;
}
.gi-orange .get-item {
	background: #F1A44C;
}
.gi-red .get-item {
	background: #EDB4DA;
}
.gi-purple .get-item {
	background: #C0B4E4;
}
.gi-yellow .get-item {
	background: #EDD971;
}
.get-free img {
	min-width: 70px;
}
.get-free {
	background: #FFFFFF;
	border: 2px solid #000000;
	border-radius: 40px;
	padding: 29px;
	padding-top: 26px;
	padding-bottom: 26px;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	gap: 29px;
	font-style: normal;
	font-weight: 700;
	font-size: 35px;
	line-height: 45px;
	color: #000000;
	margin-top: 20px;
	position: relative;
	z-index: 1;
}
.get-subtxt {
	font-style: normal;
	font-weight: 700;
	font-size: 28px;
	line-height: 36px;
	color: #000000;
	display: inline-flex;
	align-items: center;
	gap: 5px;
}
.get-subtxt img {
	margin-top: -8px;
	display: inline-block;
}
.get-action {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 15px;
	margin-top: 70px;
	position: relative;
	z-index: 1;
}
.get-action a {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	padding: 39px 119px;
	gap: 10px;
	background: #000000;
	border-radius: 40px;
	font-style: normal;
	font-weight: 600;
	font-size: 26px;
	line-height: 33px;
	text-align: center;
	color: #FFFFFF;
	transition: background .2s linear, color .2s linear;
}
.get-action a:hover {
	transition: background .2s linear, color .2s linear;
	background: #FFFFFF;
	color: #000000;
}
.get--inner {
	position: relative;
}
.get-icon-1 {
	position: absolute;
    bottom: -2%;
    right: -12%;
    width: 100%;
}
/* smm */
.smm {
	padding-top: 200px;
	padding-bottom: 260px;
	position: relative;
}
.smm-title {
	font-style: normal;
	font-weight: 700;
	font-size: 80px;
	line-height: 90px;
	color: #000000;
	margin-bottom: 50px;
}
.smm-list {
	display: flex;
	flex-direction: column;
	gap: 20px;
	align-items: flex-start;
}
.smm-list li {
	background: #F5F1E6;
	border: 2px solid #000000;
	border-radius: 40px;
	box-sizing: border-box;
	display: inline-flex;
	max-width: 615px;
	align-items: center;
	gap: 40px;
	padding-top: 13px;
	padding-bottom: 13px;
	padding-left: 45px;
    padding-right: 45px;
	font-style: normal;
	font-weight: 700;
	font-size: 40px;
	line-height: 51px;
	color: #000000;
	width: 100%;
}
.smm-list li:hover img {
	animation: shake 1s linear infinite;
}
.smm-list li img {
	margin-left: auto;
}
.write-us {
	margin-top: 50px;
	background: #000000;
	border-radius: 40px;
	font-weight: 600;
	font-size: 26px;
	line-height: 33px;
	color: #FFFFFF;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding-left: 97px;
	padding-right: 97px;
	padding-top: 39px;
	padding-bottom: 39px;
	cursor: pointer;
	transition: all .8s ease !important;
}
.write-us:hover {
	transition: all .8s ease !important;
	background: #FFFFFF;
	color: #000000;
}
.smm--inner {
	position: relative;
}
.smm-man {
	position: absolute;
    max-width: 48%;
    bottom: -47%;
    right: -2%;
    z-index: 1;
}
.smm-icon-1 {
	position: absolute;
	top: calc(50% - 124px / 2);
    right: 0;
}
.smm-icon-2 {
	position: absolute;
	right: 0;
    bottom: -130px;
}
/* modal */
.modal {
	display: none;
}
.modal.active {
	display: flex;
	align-items: flex-start;
	justify-content: center;
	position: fixed;
	z-index: 10;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	padding: 20px;
	box-sizing: border-box;
}
.modal-body {
  -ms-overflow-style: none;  /* Internet Explorer 10+ */
    scrollbar-width: none;  /* Firefox */
}
.modal-body::-webkit-scrollbar {
  display: none;
}
.modal-form-overlap {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0,0,0,0.5);
}
.modal-body {
	max-height: calc(100vh - 40px);
    overflow: auto;
	border: 2px solid #000000;
	border-radius: 100px;
	max-width: 1426px;
	width: 100%;
	border-radius: 100px;
	background-color: #80BAFF;
	background-image: url('../img/bg-popup.png');
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	box-sizing: border-box;
	padding-left: 140px;
	padding-right: 140px;
	padding-top: 110px;
	padding-bottom: 140px;
    position: relative;
    z-index: 1;
}
.modal-body h2 {
	font-style: normal;
	font-weight: 700;
	font-size: 80px;
	line-height: 102px;
	color: #000000;
}
.modal-body p {
	font-style: normal;
	font-weight: 600;
	font-size: 40px;
	line-height: 51px;
	color: #000000;
	margin-bottom: 40px;
}
.input-group {
	max-width: 932px;
	display: flex;
	align-items: center;
	width: 100%;
	background: #FFFFFF;
	border: 2px solid #000000;
	border-radius: 40px;
	padding: 34px;
	gap: 25px;
	box-sizing: border-box;
}
.input-group input {
	font-style: normal;
	font-weight: 500;
	font-size: 26px;
	line-height: 33px;
	color: #000000;
	height: auto;
	outline: none;
	border: none;
	width: calc(100% - 34px - 25px);
}
.input-group input::placeholder {
	color: #000000;
}
.input-group + .input-group {
	margin-top: 15px;
}
.overflow-hidden {
	overflow: hidden;
}
.send-form {
	margin-top: 40px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: #000000;
	border-radius: 40px;
	padding-left: 104px;
	padding-right: 104px;
	padding-top: 39px;
	padding-bottom: 39px;
	font-weight: 600;
	font-size: 26px;
	line-height: 33px;
	text-align: center;
	color: #FFFFFF;
	cursor: pointer;
	transition: background .4s ease, color .4s ease;
}
.send-form:hover {
	transition: background .4s ease, color .4s ease;
	background: #FFFFFF;
	color: #000000;
}
.not-active input,
.not-active svg {
	opacity: 0.3;
}
.not-active {
	border-color: rgba(0,0,0,0.3);
}
.modal-thanks .modal-body {
	text-align: center;
	background-color: #85D28E;
}
.modal-thanks .modal-body h2 {
	margin-bottom: 50px;
}
.modal-thanks .modal-body p {
	max-width: 780px;
	margin-left: auto;
	margin-right: auto;
}
/* page-thanks */
.page-thanks {
    background-color: #F5F1E6;
    padding: 50px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 50px;
    position: relative;
    min-height: 100vh;
    justify-content: center;
    box-sizing: border-box;
}
.page-thanks h1 {
    font-style: normal;
    font-weight: 700;
    font-size: 60px;
    line-height: 82px;
    color: #000000;
    text-align: center;
}
.page-thanks h1 span {
	padding-left: 10px;
	padding-right: 10px;
	border-radius: 10px;
	background: #85D28E;
}
/* 1024 */
@media (max-width: 1024px) {
	.modal-thanks .modal-body h2 {
		margin-bottom: 30px;
	}
	.input-group input {
	    font-size: 18px;
	    line-height: 23px;
	    width: calc(100% - 24px - 17px);
	}
	.input-group {
	    max-width: 100%;
	    border-radius: 28px;
	    padding: 24px;
	    gap: 17px;
	}
	.send-form {
	    margin-top: 28px;
	    border-radius: 28px;
	    padding-left: 70px;
	    padding-right: 70px;
	    padding-top: 27px;
	    padding-bottom: 27px;
	    font-size: 18px;
	    line-height: 23px;
	}
	.modal-body p {
	    font-size: 28px;
	    line-height: 35px;
	    margin-bottom: 28px;
	    margin-top: 14px
	}
	.modal-body h2 {
	    font-size: 56px;
    	line-height: 70px;
	}
	.modal-body {
	    padding-left: 70px;
	    padding-right: 70px;
	    padding-top: 70px;
	    padding-bottom: 70px;
	}
	.write-us {
	    margin-top: 35px;
	    border-radius: 20px;
	    font-size: 18px;
	    line-height: 23px;
	    padding-left: 67px;
	    padding-right: 67px;
	    padding-top: 27px;
	    padding-bottom: 27px;
	}
	.smm-list li svg {
	    max-width: 23px;
    	min-width: 23px;
	}
	.smm-list li img {
		max-width: 66px;
	}
	.smm-title {
	    font-size: 56px;
	    line-height: 63px;
	    margin-bottom: 35px;
	}
	.smm-list li {
	    max-width: 430px;
	    border-radius: 20px;
	    padding-left: 31px;
	    padding-right: 31px;
	    font-size: 28px;
	    line-height: 35px;
        gap: 20px;
	}
	.smm {
	    padding-top: 140px;
	    padding-bottom: 140px;
	}
	.get-icon-1 {
	    right: -7%;
    	width: 94%;
	}
	.get-subtxt {
		font-size: 19px;
    	line-height: 24px;
	}
	.get-action a {
		font-size: 18px;
    	line-height: 23px;
	    padding: 27px 83px;
	}
	.get-action {
		margin-top: 49px
	}
	.get-free {
		border-radius: 20px;
	    padding: 20px;
	    padding-top: 20px;
	    padding-bottom: 20px;
	    gap: 20px;
        font-size: 24px;
    	line-height: 31px;
	}
	.get-item {
		border-radius: 20px;
	}
	.get-item--right {
		padding-left: 30px;
		padding-right: 30px;
	}
	.get-item--center {
	    left: 258px;
	}
	.get-item--left {
	    width: 273px;
    	min-width: 273px;
    	gap: 20px;
    	padding-left: 30px;
	}
	.get-item--left svg {
		max-width: 23px;
		min-width: 23px;
	}
	.get-item h3 {
	    font-size: 24px;
    	line-height: 31px;
	}
	.get-item--right li {
	    font-size: 14px;
    	line-height: 18px;
	}
	.get-title {
	    font-size: 56px;
	    line-height: 70px;
	    margin-bottom: 49px;
	}
	.get {
	    padding-top: 100px;
	    padding-bottom: 100px;
	    background: #F5F1E6;
	    border-radius: 100px;
	}
	.reviews-title {
		font-size: 56px;
    	line-height: 70px;
	}
	.reviews {
	    padding-top: 120px;
    	padding-bottom: 120px;
	}
	.welcome-buy {
	    font-size: 18px;
	    line-height: 23px;
	    padding-left: 33px;
	    padding-right: 33px;
	    padding-top: 27px;
	    padding-bottom: 27px;
	}
	.welcome-price {
	    font-size: 35px;
    	line-height: 44px;
	}
	.welcome-action {
	    margin-top: 64px;
    	gap: 20px;
	}
	.welcome-smile {
	    gap: 12px;
	    font-size: 20px;
	    line-height: 25px;
	    margin-top: 22px;
	}
	.social-link {
	    font-size: 17px;
	    line-height: 22px;
	    gap: 20px;
	}
	.social-link svg {
		max-width: 44px;
	}
	.header--inner {
		gap: 20px;
	}
	.welcome-title {
	    font-size: 123px;
    	line-height: 158px;
	}
	.welcome-subtitle {
	    font-size: 31px;
    	line-height: 40px;
	}
	.welcome {
	    padding-top: 82px;
	    padding-bottom: 115px;
	    border-bottom-right-radius: 100px;
    	border-bottom-left-radius: 100px;
	}
	.include-icon {
	    max-width: 39%;
	    right: 0;
	    top: -50px;
	}
	.include {
	    padding-top: 105px;
    	padding-bottom: 140px;
	}
	.include-title {
	    font-size: 56px;
	    line-height: 70px;
	    margin-bottom: 70px;
	}
	.include-item {
		padding: 20px;
		border-radius: 20px;
		padding-bottom: 70px
	}
	.include-item p {
		font-size: 19px;
    	line-height: 25px;
	}
	.include-item h3 {
	    font-size: 24px;
	    line-height: 31px;
	    margin-bottom: 21px;
	}
	.illustration {
	    padding-top: 91px;
	    padding-bottom: 91px;
	    border-radius: 91px;
	}
	.title-illustration {
		font-size: 42px;
	    line-height: 54px;
	    margin-bottom: 45px;
	}
	.ill-img-3 {
		max-width: 40%;
	}
	.ill-img-1 {
		max-width: 30%;
	}
	.ill-img-2 {
		max-width: 31%;
	}
	.ill-img-4 {
		max-width: 35%;
	}
	.ill-img-5 {
		max-width: 25%;
	}
	.if-you {
	    padding-top: 147px;
    	padding-bottom: 119px;
	}
	.if-you-title {
	    font-size: 56px;
	    line-height: 70px;
	    margin-bottom: 28px;
	}
	.if-you-list--wrapper > svg {
	    display: none
	}
	.if-you-list {
		margin-left: -10px;
	    margin-right: -10px;
	    width: calc(100% + 20px);
	}
	.if-you-list li {
	    margin-left: 10px;
	    margin-right: 10px;
	    width: calc(100% / 3 - 20px);
	    min-height: 1px;
	    padding: 20px;
	    border-radius: 20px;
	    margin-top: 20px;
	    padding-bottom: 50px
	}
	.if-you-icon-1 {
		display: none
	}
	.if-you-list svg {
	    bottom: 20px;
	    right: 20px;
	}
	.if-you-list p {
	    font-size: 19px;
    	line-height: 25px;
	}
	.if-you-subtext {
	    font-size: 24px;
	    line-height: 31px;
	    margin-top: 49px;
	}
	.result {
	    padding-top: 91px;
	    padding-bottom: 91px;
	    border-radius: 91px;
	}
	.result-title {
	    font-size: 56px;
	    line-height: 70px;
	    margin-bottom: 40px;
	}
	.result-row span {
		padding-left: 19px;
	    padding-right: 19px;
	    padding-top: 5px;
    	padding-bottom: 5px;
    	font-size: 19px;
   	 	line-height: 25px;
	}
	.result-item-1 svg {
	    max-width: 32%;
	}
	.result-item-2 svg {
	    max-width: 95%;
	}
	.result-item-4 svg {
	    max-width: 18%;
	}
}
/* 767 */
@media (max-width: 767px) {
	.welcome-price {
	    display: block;
	    position: absolute;
	    top: -40px;
        left: calc(77% - 113px / 2);
	    font-size: 30px;
    	line-height: 38px;
	}
	.result-item-1 .rotate {
		animation: auto;
	}
	.title-illustration {
	    font-size: 35px;
		line-height: 45px;
	}
	.illustration {
	    padding-top: 50px;
	    padding-bottom: 90px;
	    border-radius: 30px;
	}
	.include-item-4 {
	    width: 70px;
    	top: 40px;
	}
	.include-item-5 {
	    bottom: 0;
	    left: 20px;
	    max-width: calc(100% - 40px);
	}
	.include-item-2 {
	    left: 20px;
	    max-width: calc(100% - 40px);
	}
	.include-item-1 {
	    top: 25px;
	    right: 15px;
	    max-width: 20px;
	}
	.include-item {
	    padding-bottom: 45px;
	    min-height: 280px;
	    width: 100%
	}
	.include-item h3 {
		font-size: 18px;
		line-height: 23px;
		margin-bottom: 14px;
	}
	.include-item p {
		font-size: 15px;
		line-height: 19px;
	}
	.include-item-3,
	.include-item-6 {
		display: none
	}
	.include-list {
		flex-direction: column;
		gap: 20px;
	}
	.include-title {
		margin-bottom: 30px;
		font-size: 35px;
		line-height: 45px;
	}
	.include {
	    padding-top: 80px;
	    padding-bottom: 80px;
	}
	.include-icon {
		display: none
	}
	.welcome-smile i {
	    background: #A9CAF1;
	}
	.welcome-icon-1 {
	    width: 312px;
	    max-width: none;
	    bottom: -20px;
	    left: -50px;
	}
	.welcome-icon-3 {
	    width: 61px;
	    max-width: none;
	    right: 24px;
	    top: 80px;
	}
	.welcome-icon-2 {
		display: none
	}
	.welcome-user {
	    width: 192px;
	    max-width: none;
	    bottom: -84px;
	    top: auto;
	    /* left: calc(50% - 192px / 2); */
        left: calc(36% - 192px / 2);
	    right: auto;
	    z-index: 1;
	}
	.welcome-buy {
		width: 100%;
		box-sizing: border-box;
		border-radius: 25px;
		padding: 25px
		font-size: 22px;
		line-height: 28px;
	}
	.welcome-action {
		width: 100%;
		margin-top: 252px;
	    z-index: 10;
    	position: relative;
	}
	.welcome-smile {
	    gap: 7px;
	    font-size: 15px;
		line-height: 19px;
	    margin-top: 10px;
	}
	.welcome-smile img {
		min-width: 35px;
		max-width: 35px;
	}
	.welcome-subtitle {
		margin-top: 0;
		font-size: 23px;
		line-height: 29px;
	}
	.welcome-title {
	    font-size: 77px;
		line-height: 70px;
		margin-bottom: 10px;
	}
	.welcome {
	    padding-top: 5px;
	    padding-bottom: 97px;
	    border-bottom-right-radius: 30px;
	    border-bottom-left-radius: 30px;
	    z-index: 1
	}
	footer {
		padding-top: 40px;
		padding-bottom: 40px;
	}
	footer .header--inner {
	    flex-direction: column;
    	align-items: flex-start;
	}
	.header-mobile--inner {
		display: flex;
		align-items: center;
		gap: 20px;
		justify-content: space-between
	}
	.header-mobile--inner .logo {
		margin-right: 0
	}
	.header-mobile {
		display: block;
		background: #F5F1E6;
		padding-top: 20px;
		padding-bottom: 20px;
	}
	header {
		display: none
	}
	header.active {
	    position: fixed;
	    top: 0;
	    left: 0;
	    right: 0;
	    bottom: 0;
	    z-index: 99;
	    background: #fff;
	    display: block
	}
	header.active .header--inner,
	footer .header--inner {
	    flex-direction: column;
    	align-items: flex-start;
    	gap: 30px;
	}
	header.active .logo,
	footer .logo {
		margin-bottom: 10px;
	}
	header.active .social-link svg,
	footer .social-link svg {
		max-width: 55px;
	}
	header.active .social-link,
	footer .social-link {
	    font-size: 22px;
	    line-height: 28px;
	    gap: 25px;
	}
	.open-menu {
		display: block;
	    border: none;
	    outline: none;
	    background: none;
	    padding: 0;
	    cursor: pointer;
	}
	header.active .close-menu {
		display: block;
	    border: none;
	    outline: none;
	    background: none;
	    padding: 0;
	    margin-bottom: 15px;
	    cursor: pointer;
	}
	.page-thanks h1 {
	    font-size: 33px;
    	line-height: 49px;
	}
	.page-thanks {
		gap: 20px;
		padding: 20px
	}
	.if-you {
	    padding-top: 130px;
	    padding-bottom: 80px;
	}
	.if-you-icon-2 {
		display: none
	}
	.if-you-title {
	    font-size: 35px;
		line-height: 45px;
	    margin-bottom: 30px;
	}
	.if-you-list {
	    margin-left: 0px;
	    margin-right: 0px;
	    width: 100%;
	    gap: 30px;
	}
	.if-you-list p {
		font-size: 22px;
		line-height: 28px;
	}
	.if-you-list li {
		width: 100%;
		margin-top: 0;
		margin-left: 0;
		margin-right: 0;
		padding: 30px;
		min-height: 280px;
	}
	.if-you-list svg {
		max-width: 30px;
	}
	.if-you-subtext {
	    font-size: 20px;
		line-height: 26px;
	    margin-top: 30px;
	}
	.if-you-subtext br {
		display: none
	}
	.result {
	    padding-top: 30px;
	    padding-bottom: 40px;
	    border-radius: 30px;
	}
	.result-title {
	    font-size: 35px;
		line-height: 45px;
		margin-bottom: 30px
	}
	.result-row span {
		font-size: 15px;
		line-height: 19px;
	    padding-left: 12px;
    	padding-right: 12px;
	}
	.reviews {
	    padding-top: 80px;
	    padding-bottom: 80px;
	}
	.reviews-title {
	    font-size: 35px;
		line-height: 45px;
		margin-bottom: 0
	}
	.reviews-list li:not(.review-item-1),
	.review-item-1 {
		position: static;
		width: 100%;
	    text-align: center;
	}
	.reviews-list {
		display: flex;
		flex-direction: column;
		justify-content: center;
	}
	.reviews-list li + li {
		margin-top: -35px
	}
	.reviews-list li:nth-child(2) {
		z-index: 2;
	}
	.reviews-list li:nth-child(5) {
		z-index: 3;
	}
	.reviews-list li:nth-child(6) {
		z-index: 4;
	}
	.reviews-list li:nth-child(7) {
		z-index: 5;
	}
	.reviews {
		background-image: url('../img/reviews/reviews-bg.png');
	    background-size: cover;
	}
	.get {
	    padding-top: 30px;
	    padding-bottom: 50px;
	    border-radius: 30px;
	}
	.get-title {
	    font-size: 35px;
		line-height: 45px;
		margin-bottom: 20px;
	}
	.get-item {
		flex-direction: column;
	}
	.get-item--center {
	    top: 54px;
    	left: -17px;
    	right: -17px;
    	bottom: auto;
	    flex-direction: row;
        width: calc(100% + 34px);
	}
	.gic-top {
	    border-top: 2px solid #000;
    	border-left: none;
	}
	.gic-bottom {
	    border-bottom: 2px solid #000;
    	border-right: none;
	}
	.gic-center {
		height: auto;
	    border-left: none;
	    border-top: 2px dashed black;
	    width: calc(100% - 84px);
	}
	.get-item h3 {
		font-size: 23px;
		line-height: 29px;
	}
	.get-item--left svg {
	    min-width: 20px;
    	max-width: 20px;
	}
	.get-item--left {
		min-width: 100%;
		width: 100%;
	}
	.get-item--right li {
	    font-size: 18px;
		line-height: 23px;
	}
	/* .get-item--right:not(.active) li:not(:first-child) {
		display: none
	}
	.get-item--right:not(.active) ul {
		max-width: 90%;
	}
	.get-item--right:not(.active) li:first-child {
		white-space: nowrap;
		text-overflow: ellipsis;
		overflow: hidden;
	} */
	.get-list {
		gap: 30px;
	}
	.get-item--show {
		display: block;
	    padding: 0;
	    margin: 0;
	    outline: 0;
	    border-radius: 0;
	    border: none;
	    background: none;
	    position: absolute;
	    right: 14px;
	    bottom: 10px;
	    cursor: pointer;
	}
	.get-item--show.active {
		transform: rotate(180deg);
	}
	.get-item--right {
		padding-bottom: 30px;
    	padding-top: 30px;
	}
	.get-free {
		flex-direction: column;
	    align-items: center;
	    justify-content: center;
	    text-align: center;
	    margin-top: 30px;
	    font-size: 23px;
		line-height: 29px;
	}
	.get-action {
	    margin-top: 40px;
	}
	.get-action a {
	    font-size: 22px;
		line-height: 28px;
	    border-radius: 25px;
	}
	.get-icon-1{
		display: none
	}
	.if-you-icon-1 {
		display: block;
	    top: 0;
	    left: auto;
	    right: 0;
	    -webkit-transform: scaleX(-1) !important;
	    transform: scaleX(-1) !important;
	    width: 163px;
	}
	.smm {
	    padding-top: 80px;
	    padding-bottom: 354px;
	}
	.smm-title {
	    margin-bottom: 30px;
	    font-size: 30px;
		line-height: 38px;
	}
	.smm-list li {
	    padding-left: 25px;
	    padding-right: 20px;
	    font-size: 23px;
		line-height: 29px;
	    gap: 0px;
	    padding-top: 16px;
	    padding-bottom: 16px;
	}
	.smm-list li img {
	    max-width: 60px;
	    margin-left: 10px;
	}
	.smm-list li svg {
	    max-width: 20px;
	    min-width: 20px;
	    margin-right: 18px;
	}
	.write-us {
		width: 100%;
		margin-top: 40px;
		border-radius: 25px;
		font-size: 22px;
		line-height: 28px;
		padding-left: 30px;
		padding-right: 30px;
	}
	.smm-icon-1 {
	    top: auto;
	    bottom: -90px;
	    width: 59px;
	    right: 0;
	}
	.smm-icon-2 {
	    bottom: 0;
	    width: 390px;
	    right: 0;
	    max-width: none;
	}
	.smm-man {
	    right: auto;
	    bottom: -430px;
	    left: calc(50% - 280px / 2);
	    width: 280px;
	    max-width: 280px;
	}
	.modal-body {
	    border-radius: 30px;
	    padding-top: 30px;
	    padding-left: 20px;
	    padding-right: 20px;
	    padding-bottom: 50px;
	}
	.modal-body h2 {
	    font-size: 35px;
		line-height: 40px;
	}
	.modal-body p {
	    margin-top: 10px;
	    font-size: 23px;
		line-height: 29px;
	}
	.send-form {
		width: 100%;
		padding-left: 20px;
		padding-right: 20px;
		border-radius: 25px;
		font-size: 23px;
		line-height: 29px;
		text-align: center;
		margin-top: 30px;
	}
	.input-group {
	    border-radius: 25px;
	    gap: 10px;
	}
	.input-group svg {
		width: 20px;
	}
}
/* 480 */
@media (max-width: 480px) {
	.result-title {
	    margin-bottom: 50px;
	}
	.result-row {
		flex-direction: column-reverse;
		gap: 30px;
	}
	.result-row + .result-row  {
		margin-top: 30px;
	}
	.result-item-2 img {
	    margin-top: -8px;
	}
	.result-item-2 svg {
	    bottom: auto;
	    right: -20%;
	    top: -30%;
	    max-width: 200px;
	}
	.if-you-icon-2 {
		display: none
	}
	.ill-img-3 {
	    max-width: 80%;
	}
	.ill-img-2 {
	    max-width: 62%;
        left: -10%;
    	top: -5%;
	}
	.ill-img-1 {
	    max-width: 60%;
	    left: -26%;
	    top: auto;
	    bottom: -16%;
	}
	.ill-img-4 {
	    max-width: 70%;
        right: -10%;
	    top: auto;
	    bottom: -10%;
	}
	.ill-img-5 {
	    max-width: 50%;
        right: -10%;
    	top: -10%;
	}
	.illustration-list {
		margin-left: -50px;
	    margin-right: -50px;
	    width: calc(100% + 100px);
	}
}
/* fix */
.welcome-user-label {
	position: absolute;
    top: 328px;
    right: 130px;
    z-index: 1;
    max-width: 24%;
}
.welcome-price {
	display: flex;
	flex-direction: column;
    align-items: flex-start;
}
.old-price {
	font-size: 43px;
	line-height: 55px;
	position: relative;
	display: inline-block;
	margin-bottom: -5px;
}
.old-price::before {
	content: "";
	height: 3px;
	background: #CB3B3B;
	transform: rotate(-5deg);
	display: block;
	width: 100%;
	position: absolute;
	top: calc(50% - 6px / 2);
	left: 0;
}
.old-price + span {
	font-size: 72px;
	line-height: 1;
}
.new--label {
	display: inline-flex;
	background: #E74237;
	border-radius: 8px;
	box-sizing: border-box;
	padding-left: 9px;
	padding-right: 9px;
	font-style: normal;
	font-weight: 600;
	font-size: 18px;
	line-height: 140%;
	text-align: center;
	color: #FFFFFF;
}
.get-action {
    flex-direction: row;
    justify-content: flex-start;
}
/* .get-action .old-price {
	font-size: 30px;
	line-height: 38px;
}
.get-action .old-price::before {
	height: 2px;
	top: calc(50% - 4px / 2);
} */
/* .get-action .old-price + span {
	font-size: 50px;
	line-height: 1;
} */
.take-bf {
	font-size: 18px;
	line-height: 23px;
	color: #000000;
	max-width: 210px;
	font-weight: 700;
}
@media (max-width: 1200px) {
	.welcome-user-label {
	    position: absolute;
	    top: 36%;
	    right: 10%;
	    z-index: 1;
	    max-width: 24%;
	}
}
@media (max-width: 1024px) {
	.get-action .old-price {
		font-size: 21px;
		line-height: 27px;
	}
	.get-action .old-price + span {
		font-size: 35px;
	}
	.take-bf {
		font-size: 13px;
		line-height: 16px;
		max-width: 147px;
	}
	.new--label {
	    border-radius: 6px;
	    padding-left: 6px;
	    padding-right: 6px;
	    font-size: 13px;
        height: 20px;
    	align-items: center;
    	line-height: 1;
	}
	.old-price::before {
		height: 2px;
		top: calc(50% - 4px / 2);
	}
	.old-price {
		font-size: 30px;
		line-height: 38px;
	}
	.old-price + span {
		font-size: 50px;
	}
	.welcome-user-label {
		top: 64%;
		max-width: 22%;
	}
}
@media (max-width: 855px) {
	.welcome-user-label {
	    top: 44%;
	}
}
@media (max-width: 767px) {
	.new--label {
		font-size: 13px;
		line-height: 140%;
		height: auto;
		padding-top: 3px;
		padding-bottom: 1px;
	}
	.take-bf {
		margin-left: 9px;
		font-size: 12px;
		line-height: 13px;
		max-width: 141px;
		align-self: center;
	}
	.get-action .old-price::before {
		width: 80px
	}
	.get-action .old-price {
		width: 100%;
	}
	.get-action .welcome-price {
		flex-direction: row;
		flex-wrap: wrap;
	}
	.get-action a {
		width: 100%;
		box-sizing: border-box;
	}
	.get-action {
		flex-direction: column-reverse;
	}
	.get-action .welcome-price {
		position: static;
		width: 100%;
	}
	.welcome-price {
		top: -62px
	}
	.old-price {
		font-size: 19px;
		line-height: 24px;
	}
	.old-price + span {
		font-size: 32px;
	}
	.welcome-user-label {
        bottom: 96px;
	    top: auto;
	    left: calc(36% - 222px / 2);
	    width: 154px;
	    max-width: none;
	}
}