@import url(bootstrap.min.css);

body {
	margin: 0;
	padding: 0;
	font-family: 'Inter', sans-serif;
	color: #000000;
	font-size: 14px;
}

@media(min-width:1200px) {
	.container {
		max-width: 1230px !important
	}
}

.font16 {
	font-size: 16px !important
}

.font18 {
	font-size: 18px !important
}

.font20 {
	font-size: 20px !important
}

.font22 {
	font-size: 22px !important
}

.font24 {
	font-size: 24px !important
}

.font26 {
	font-size: 26px !important
}

.font28 {
	font-size: 28px !important
}

.font30 {
	font-size: 30px !important
}

.font32 {
	font-size: 32px !important
}

.font40 {
	font-size: 40px !important
}

.mtop0 {
	margin-top: 0 !important
}

.mtop5 {
	margin-top: 5px !important
}

.mtop10 {
	margin-top: 10px !important
}

.mtop15 {
	margin-top: 15px !important
}

.mtop20 {
	margin-top: 20px !important
}

.mtop30 {
	margin-top: 30px !important
}

.mtop50 {
	margin-top: 50px !important
}

.mtop100 {
	margin-top: 100px !important
}

@media(min-width:768px) {

	.font-md18 {
		font-size: 18px !important
	}

	.font-md20 {
		font-size: 20px !important
	}

	.font-md22 {
		font-size: 22px !important
	}

	.font-md24 {
		font-size: 24px !important
	}

	.font-md26 {
		font-size: 26px !important
	}

	.font-md28 {
		font-size: 28px !important
	}

	.font-md30 {
		font-size: 30px !important
	}

	.font-md32 {
		font-size: 32px !important
	}

	.font-md36 {
		font-size: 36px !important
	}

	.font-md38 {
		font-size: 38px !important
	}

	.font-md40 {
		font-size: 40px !important
	}

	.font-md44 {
		font-size: 44px !important
	}

	.font-md50 {
		font-size: 50px !important
	}

	.font-md55 {
		font-size: 55px !important
	}

	.font-md58 {
		font-size: 58px !important
	}

	.font-md60 {
		font-size: 60px !important
	}

	.font-md65 {
		font-size: 65px !important
	}

	.font-md70 {
		font-size: 70px !important
	}

	.font-md80 {
		font-size: 80px !important
	}

	.mtop-md0 {
		margin-top: 0 !important
	}

	.mtop-md10 {
		margin-top: 10px !important
	}

	.mtop-md15 {
		margin-top: 15px !important
	}

	.mtop-md20 {
		margin-top: 20px !important
	}

	.mtop-md30 {
		margin-top: 30px !important
	}

	.mtop-md40 {
		margin-top: 40px !important
	}

	.mtop-md50 {
		margin-top: 50px !important
	}

	.mtop-md60 {
		margin-top: 60px !important
	}

	.mtop-md80 {
		margin-top: 80px !important
	}

	.mtop-md100 {
		margin-top: 100px !important
	}
}

.l120 {
	line-height: 120%
}

.l130 {
	line-height: 130%
}

.l140 {
	line-height: 140%
}

.l160 {
	line-height: 160%
}

.weight400 {
	font-weight: 400 !important
}

.weight500 {
	font-weight: 500 !important
}

.weight600 {
	font-weight: 600 !important
}

.weight700 {
	font-weight: 700 !important
}

.weight800 {
	font-weight: 800 !important
}

.weight900 {
	font-weight: 900 !important
}

.relative {
	position: relative;
}

.yellow-clr {
	color: #FFF500;
}

.green-clr {
	color: #70FF00;
}

.green-clr1 {
	color: #449A00;
}
.green-clr3 {
	color: rgb(13, 233, 207);
}

.red-clr {
	color: #F00;
}

.orange-clr {
	color: #FF8A00;
}

.cyan-clr {
	color: #2BE3FB;
}

.cyan-clr1 {
	color:rgb(7, 222, 252)
}


a.action-link1 {
	text-decoration: none;
	text-align: center;
	display: block;
	padding: 15px 0px;
	font-weight: 900;
	font-size: 20px;
	line-height: 30px;
	color: #000;
	border-radius: 15px;
	
	background-image: linear-gradient(0deg, rgb(255, 171, 46) 0%, rgb(255, 111, 4) 100%);
	border: 2px solid rgb(255, 176, 63)
}

a.action-link1:hover {
	
	background-image: linear-gradient(0deg, rgb(255, 111, 4) 0%, rgb(255, 171, 46) 100%);
}

a.action-link {
	text-decoration: none;
	text-align: center;
	display: block;
	padding: 15px 0px;
	font-weight: 900;
	font-size: 18px;
	line-height: 30px;
	color: #fff;
	border-radius: 15px;
	background: linear-gradient( 90deg, #ff8d66 0%, #fa4c9c 48%, #c81ce1 100% );
	/* border: 2px solid rgb(255, 176, 63) */
}

a.action-link:hover {
background: linear-gradient( 90deg, #c81ce1 0%, #fa4c9c 48%, #ff8d66 100% );
}




.main {
	text-align: center;
	display: flex;
	justify-content: center;
}

.item {
	margin-right: 5px;
	width: 100%;
	border-radius: 100%;
	position: relative;
	width: 75px;
	min-width: 75px;
	display: inline-flex;
	align-items: center;
	flex-direction: column;
	justify-content: center;
	border-radius: 10px;
	background: #FFF;
	box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
	overflow: hidden;
}

.item::before {
	content: ':';
	position: absolute;
	z-index: 9;
	right: -25px;
	color: #f01236;
	font-size: 60px;
	top: -10px;
	display: none;
}

.main .item:last-child {
	margin-right: 0px;
}

.main .item:last-child::before {
	content: none;
}

.item h4.count_down {
	font-weight: 900 !important;
	line-height: 100%;
	width: 100%;
	float: left;
	color: #000000;
	font-size: 32px;
	padding: 10px 0px;
	margin: 0px;
	background: #EDEDED;

}

.item h4.line {
	padding: 10px 0px;
	margin: 0px;
	width: 100%;
	text-transform: uppercase;
	font-size: 14px;
}

.rises-time {
	background: #F00;
	padding: 10px;
	display: inline-block;
}

.banner-popup {
	background: rgba(0, 0, 0, 0.8);
	top: 0px !important;
	padding-top: 60px;
  }
@media (min-width:768px) {
	.item {
		margin-right: 20px;
		width: 100px;
	}

	.item h4.count_down {
		font-size: 36px;
	}

	.item h4.line {
		font-size: 16px;
	}

	a.action-link {
padding: 20px 59px;
    font-size: 30px;
    line-height: 38px;
    border-radius: 24px;
    display: inline-flex;
    align-items: center;
    gap: 15px;
    justify-content: center;
	}

	a.action-link1 {
		padding: 30px 40px;
		font-size: 32px;
		line-height: 38px;
		border-radius: 24px;
		display: flex;
		align-items: center;
		gap: 15px;
		justify-content: center;
	}

	.rises-time {
		padding: 10px 50px;
	}
}




.footer-section {
	padding: 30px 0px;
	    background: #000000;
}


ul.legal-link {
	margin: 0px;
	padding: 0px;
}

ul.legal-link li {
	margin: 3px;
	display: inline-flex;
	color: #fff;
}

ul.legal-link li a {
	text-decoration: none;
	color: #fff;
}

ul.legal-link li a:hover {
	text-decoration: none;
	color: #fff;
}


@media (min-width:768px) {
	.footer-section {
		padding: 60px 0px;
	}

	ul.legal-link li {
margin: 2px;
    display: inline-flex;
	}
}

.embed-responsive-16by9::before {
	padding-top: 56.25%;
}

.embed-responsive::before {
	display: block;
	content: "";
}


.modal-header {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 15px;
	border-bottom: 0 solid #dee2e6;
	flex-direction: column;
}

#ouibounce-modal .modal-header {
	background-color: #ff0056;
	border-radius: 5;
}

#ouibounce-modal .modal-body {
	padding: 20px;
	position: relative;
	flex: 1 1 auto;
}

#ouibounce-modal .modal-header .close {
	border-radius: 50%;
	padding: 5px 8px;
	background-color: #f4eeee;
	opacity: 1;
	color: #fff;
	margin: -29px -23px 0.9rem auto;
	border: 2px solid #fff;
}

.banner-popup .close {
	position: absolute;
	top: -13px;
	z-index: 99;
	background: #000000;
	opacity: 1;
	border: 3px solid white;
	width: 37px;
	height: 37px;
	line-height: 22px;
	border-radius: 50%;
	right: -13px;
	color: #fff;
}

button.close {
	padding: 0;
	border: 0;

}

.close span {
	font-size: 30px;
	font-weight: 700;
}

a.nothanks {
	color: #F00;
	text-decoration: none;
}


.coupon {
	background: #004FA7;
	padding: 5px 15px;
	display: inline-block;
	margin: 15px 0px;
}



.welcome-section {
	padding: 30px 0px;
	background: url(../images/header-section2.png) no-repeat center center / cover;
	overflow: hidden;
	position: relative;
}

.preheadline {
	border-radius: 15px;
	background: #FFF500;
	display: inline-block;
	padding: 5px 10px;
	text-align: center;
	color: #000;
}

.video-frame {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	padding: 30px;
	align-items: center;
	display: flex;
	justify-content: center;
}

.video-border {
	border-radius: 10px;
	background: #575757;
	padding: 10px;
	overflow: hidden;
}

.feature-box {
	border-radius: 10px;
	background: rgba(0, 0, 0, 0.30);
    border: 1px solid #f0f8ff54;
	
	padding: 10px;
	color: #fff;
}

ul.feature-list {
	margin: 0px;
	padding: 0px;
}

ul.feature-list li {
	list-style: none;
	background: url(../images/ai-tick.png) no-repeat left top;
	padding-left: 50px;
	margin-bottom: 15px;
	background-position: 0px 5px;

}

ul.feature-list li:last-child {
	margin-bottom: 0px;
}

.hurry-up {
	border-radius: 10px;
	border: 2px dashed #FFF;
	background: rgba(0, 0, 0, 0.80);
	display: block;
	padding: 15px;
	width: 100%;
}

.postheadline {
	border-radius: 4px;
  background: #fbfbfb21;
  display: inline-block;
	padding: 15px;
}

.rectangle-18 {
	
	border: 10px solid #ffffff;
	border-radius: 20px;
	background: #fff;
	background-clip: border-box;
	background-clip: padding-box;
	box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.2);
}

.logo-img img {
	width: 250px;
}

.border-gradient {
	background: linear-gradient(90deg, rgba(0, 255, 240, 0.00) 0%, #00FFF0 50%, rgba(0, 255, 240, 0.00) 100%);
	height: 1px;
}

@media (min-width: 768px) {
}

@media (min-width:768px) {
	.logo-img img {
		width: 350px;
	}



	.welcome-section {
padding: 40px 0px 0 0;
    overflow: hidden;
	}

	.preheadline {
		padding: 5px 20px;
		border-radius: 65px;
	}

	.postheadline {
		padding: 12px 30px;
	}

	.feature-box {
		padding: 20px;
	}

	.header-cta-block {
		border-radius: 20px 20px 10px 10px;
		background: rgba(0, 0, 0, 0.30);
		padding: 0px 40px 40px 40px;
		border: 1px solid #f0f8ff54;
	}
}




.cta-section {
	padding: 30px 0px;
}

.hurry-up1 {
	border-radius: 13px;
	background: #000;
	display: inline-flex;
	flex-direction: column;
	overflow: hidden;
}

.hurry-up1 .hurry {
	background: #F00;
	padding: 10px 30px;
}

.hurry-up1 .act {
	padding: 10px 30px 10px 15px;
}

.timer-set {
	display: flex;
	flex-direction: column;
	gap: 20px;
	align-items: center;
	justify-content: center;
}

@media (min-width:768px) {
	.cta-section {
		padding: 80px 0px;
	}

	.hurry-up1 {
		border-radius: 13px;
		background: #000;
		display: inline-flex;
		flex-direction: row;
	}

	.timer-set {
		flex-direction: row;
	}

}




.step-section {
	background: #372169 url(../images/step-section.png) no-repeat center center / cover;
	padding: 30px 0px;
	position: relative;
}

.step-box {
	background: linear-gradient(180deg, rgba(0, 133, 255, 0.20) 0%, rgba(168, 90, 229, 0.00) 100%);
	border-radius: 10px;
	height: 100%;
}

.step-title {
	border-radius: 10px 10px 0px 0px;
	background: #ff8a00;
	display: block;
	padding: 10px 15px;
	color: #fff;
}

.step-title1 {
	border-radius: 10px 10px 0px 0px;
	background: #000;
	display: block;
	padding: 10px 15px;
	color: #fff;
}

.step-content {
	
	
	padding: 15px;
	text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.50);
	border-radius: 0 0px 10px 10px;
	background: #000;
}

.step-content1 {
	
	background: #fff;
	padding: 15px;
	
	border-radius: 0 0px 10px 10px;

}

.step-box-section {
	background-color: rgb(255, 255, 255);
	box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.1);
	border-radius: 20px;
	padding: 30px 20px 30px 20px;
}

.step-box-section2 {
	background-image: linear-gradient(to bottom right, rgb(255, 194, 0) 0%, rgb(255, 41, 0) 100%);
	box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.1);
	border-radius: 20px;
	padding: 30px 20px 30px 20px;
}

.step-box-section3 {
	background-color: rgb(255, 255, 255);
	box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.1);
	border-radius: 20px;
	padding: 30px 20px 30px 20px;
}

@media (min-width:768px) {
	.step-section {
		padding: 100px 0px;
	}

	.step-title {
		padding: 10px 30px;
	}

	.step-title1 {
		padding: 10px 30px;
	}

	.step-content {
		padding: 30px;
		height: calc(100% - 60px);
		display: flex;
		align-items: flex-start;
		justify-content: center;
		flex-direction: column;
	}

	.step-content1 {
		padding: 30px;
		height: calc(100% - 60px);
		display: flex;
		align-items: flex-start;
		justify-content: center;
		flex-direction: column;
	}

	.step-box-section {
		background-color: rgb(255, 255, 255);
		box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.1);
		border-radius: 20px;
		padding: 30px 30px 100px 30px;
	}

	.step-box-section2 {
		background-image: linear-gradient(to bottom right, rgb(255, 194, 0) 0%, rgb(255, 41, 0) 100%);
		box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.1);
		border-radius: 20px;
		padding: 30px 30px 100px 30px;
		margin-top: -60px;
	}

	.step-box-section3 {
		background-color: rgb(255, 255, 255);
		box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.1);
		border-radius: 20px;
		padding: 30px 30px 30px 30px;
		margin-top: -60px;
	}
}


.seeing-section {
	padding: 30px 0px;
	background: url(../images/seeing-section.png) no-repeat center top / cover;
}

.seeing-section1 {
	padding: 30px 0px 0px 0px;
	background: url(../images/seeing-section1.png) no-repeat center center / cover;
}

.seeing-block {
	border-radius: 10px 10px 0px 0px;
	background: #000;
	padding: 0px 15px 15px 15px;
}

.dales {
	top: -25px;
	position: relative;
}

.traffic-section {
	padding: 30px 0px;
	background: #0085FF url(../images/traffic-sectio.png) no-repeat center center / cover;
}

.sites-section {
	padding: 30px 0px;
	background: #1C142E url(../images/sites-section.png) no-repeat center center / cover;
}

.power-section {
	padding: 30px 0px;
	background: url(../images/power-section.png) no-repeat center center / cover;
}

.chance-section {
	padding: 30px 0px;
	background: #DBFBFF url(../images/chance-section.png) no-repeat center center / cover;
}

.chnace-block {
	border: 1px solid rgb(255, 120, 1);
	background-color: rgb(12, 12, 26);
	height: calc(100% - 130px);
	margin-top: 130px;
	border-radius: 12px;
}

.chnace-block .content {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	gap: 15px;
	text-align: center;
	padding: 25px 15px;
}

.chnace-block .img-set {
	margin-top: -90px;
	width: 100%;
}

.slow-dwon {
	background: #1C142E url(../images/slow-down.png) no-repeat center center / cover;
	padding: 30px 0px;
}

.turth-section {
	padding: 30px 0px 0px 0px;
	background: url(../images/truth-section.png) no-repeat center center / cover;
}

.seeing-block1 {
	border-radius: 10px 10px 10px 10px;
	background-image: linear-gradient(0deg, rgb(255, 71, 2) 0%, rgb(255, 160, 13) 100%);
	padding: 0px 15px 15px 15px;
}

@media (min-width: 768px) {
	.seeing-block1 {
		padding: 0px 30px 30px 30px;
	}
}

@media (min-width:768px) {
	.seeing-section {
		padding: 100px 0px;
	}

	.seeing-section1 {
		padding: 100px 0px 80px 0px;
	}

	.traffic-section {
		padding: 100px 0px;
	}

	.dales {
		top: -50px;
	}

	.seeing-block {
		padding: 0px 30px 100px 30px;
	}

	.sites-section {
		padding: 100px 0px;
	}

	.power-section {
		padding: 100px 0px;
	}

	.chance-section {
		padding: 100px 0px;
	}

	.chnace-block {
		height: calc(100% - 160px);
		margin-top: 160px;
	}

	.chnace-block .content {
		padding: 30px 10px;
	}

	.chnace-block .img-set {
		margin-top: -160px;
	}

	.slow-dwon {
		padding: 100px 0px;
	}

	.turth-section {
		padding: 100px 0px 50px 0px;
	}
}

.problem-section {
	padding: 30px 0px 0px 0px;
	background: url(../images/probelm-section.png) no-repeat center center / cover;
}

.problem-title {
	background: url(../images/exists.png) no-repeat center center;
	background-size: 100% 100%;
	display: inline-block;
	padding: 15px;
}

.problem-flex {
	display: flex;
	align-items: center;
	flex-direction: row;
	gap: 15px;
}

@media (min-width:768px) {
	.problem-section {
		padding: 100px 0px;
	}

	.problem-title {
		padding: 30px 70px;
	}
}

.sturgle-section {
	padding: 30px 0px;
	background: url(../images/strugle-section.png) no-repeat center center / cover;
}

.stugle-title {
	background: #FF8A00;
	padding: 10px 15px;
	border-radius: 10px 10px 0 0;
}

.stugle-content {
	padding: 15px 15px 0px 15px;
	border-radius: 0px 0px 53px 53px;
	
	background: #fff;
}

.simple-content {
	padding: 15px 15px 0px 15px;
	border-radius: 53px 53px 53px 53px;
	background: #fff;
}

.text-shadow {
	text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.50);
}

.intro-section {
	padding: 30px 0px;
	background: url(../images/intro-section.png) no-repeat center center / cover;
	position: relative;
	overflow: hidden;
}

.intro-block {
	border-radius: 15px;
	background: #1C142E;
	padding: 15px;
}

.profit-section {
	padding: 30px 0px;
	background: url(../images/profit-bg.png) no-repeat center center / cover;
}

.profit-block {
	border-radius: 15px;
	background: linear-gradient(180deg, #0085FF 0%, #A85AE5 100%);
	padding: 25px 15px;
}

@media (min-width:768px) {
	.sturgle-section {
		padding: 100px 0px;
	}

	.stugle-title {
		padding: 10px 30px;
	}

	.simple-content {
		padding: 60px 30px 60px 30px;
	}


	.stugle-content {
		padding: 30px 30px 0px 30px;
	}

	.stugle-content img {
		margin-top: -40px;
	}

	.intro-section {
		padding: 100px 0px;
	}

	.intro-block {
		padding: 50px;
		border-radius: 50px;
	}

	.profit-section {
		padding: 100px 0px;
	}

	.profit-block {
		padding: 30px 90px;
		border-radius: 39px;
	}
}


.everything-section {
	padding: 30px 0px;
	background: url(../images/everthin-bgg.png) no-repeat center center / cover;
}

.e-title {
	border-radius: 20px;
	background: #F00;
	padding: 10px;
	display: block;
	text-align: center;
}

.e-content {
	border-radius: 15px;
	background: #FFF500;
	padding: 15px;
	margin-top: 15px;
	text-align: center;
}

.demo-section {
	padding: 30px 0px;
	background: url(../images/demo-section.png) no-repeat center center / cover;
}

.buisiness-section {
	padding: 30px 0px;
	background: url(../images/buisiness-section.png) no-repeat center center / cover;
}

.b-content {
	border-radius: 15px;
	background: #1C142E;
	padding: 15px 0px;
	display: block;
	text-align: center;
	margin-top: 15px;
}

.difference-section {
	padding: 30px 0px;
	background: url(../images/difference-section.png) no-repeat center center / cover;
}

.difference-title {
	background: #0090FF;
	display: flex;
	align-items: center;
	gap: 15px;
	justify-content: center;
	padding: 15px;
	border-radius: 15px;
}

.difference-title.green {
	background: #449A00;
}

.diff-block {
	background: #FFF;
	padding: 15px;
	border-radius: 15px;
	margin-top: 15px;
}

ul.sad-list {
	margin: 0px;
	padding: 0px;
}

ul.sad-list li {
	list-style: none;
	background: url(../images/sad-emoji.png) no-repeat left top;
	padding-left: 50px;
	margin-bottom: 15px;
	background-position: 0px 5px;
	min-height: 45px;
}

ul.sad-list li:last-child {
	margin-bottom: 0px;
}

ul.happy-list {
	margin: 0px;
	padding: 0px;
}

ul.happy-list li {
	list-style: none;
	background: url(../images/happy-emoji.png) no-repeat left top;
	padding-left: 50px;
	margin-bottom: 15px;
	background-position: 0px 5px;
	min-height: 45px;
}

ul.happy-list li:last-child {
	margin-bottom: 0px;
}

.treating-section {
	padding: 30px 0px;
	background: url(../images/treating-section.png) no-repeat center center / cover;
}

.zero-section {
	padding: 30px 0px;
	background: url(../images/zero-section.png) no-repeat center center / cover;
}

.zero-section .b-content {
	background: #449A00 !important;
	color: #fff !important;
}

@media (min-width:768px) {
	.everything-section {
		padding: 100px 0px;
	}

	.e-content {
		border-radius: 21px;
		padding: 15px 30px;
		min-height: 160px;
	}

	.demo-section {
		padding: 100px 0px;
	}

	.buisiness-section {
		padding: 100px 0px;
	}

	.b-content {
		border-radius: 21px;
		padding: 20px 10px;
	}

	.difference-section {
		padding: 100px 0px;
	}

	.diff-block {
		padding: 30px;
		min-height: 80%;
	}

	.treating-section {
		padding: 100px 0px;
	}

	.zero-section {
		padding: 100px 0px;
	}
}


.bonus-section {
	padding: 30px 0px;
	background: url(../images/bonus-bg.webp) no-repeat center center / cover;
	background-attachment: fixed;
}

.bonus-bg {
	border-radius: 20px;
	background: #FFF;
	padding: 0px 15px 15px 15px;
	border-radius: 15px;
	border-right: solid 2px #ff8a00;
	border-bottom: solid 2px #ff8a00
}

.bonus-number {
	border-radius: 20px;
	background: #ff8a00;
	display: inline-block;
	padding: 10px 30px;
	margin-top: -25px;
	color: #000000 !important;
}

.money-section {
	background: url(../images/money-section.png) no-repeat center center / cover;
	padding: 30px 0px;
}
.gm-title {
  color: transparent;
  /* background: linear-gradient(90deg, #ff9b59 0%, #ff705f 38%, #ff5a76 70%, #d63adf 100%); */
  background: linear-gradient( 90deg, #ff965c 0%, #ff6d69 32%, #ee42a6 67%, #9e3bf0 100% );
    background-clip: border-box;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

.monye-block {
	border-radius: 15px;
	
	

	border-radius: 15px;
background: #11111182;
  padding: 20px 20px 40px 20px;
  border: 1px solid #888;
	padding: 15px;
}

@media (min-width:768px) {
	.bonus-section {
		padding: 100px 0px;
	}

	.bonus-bg {
		padding: 0px 30px 30px 30px;
		border-radius: 30px;
	}

	.money-section {
		padding: 100px 0px;
	}

	.monye-block {
		border-radius: 32px;
		padding: 30px;
	}
}


.beyond-section {
	padding: 30px 0px;
	background: url(../images/beyond-section.png) no-repeat center center / cover;
}

.beyond-flex {
	border-radius: 15px;
	border: 1px solid #17FFA2;
	background: #FFF;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	padding: 10px 15px;
	flex-direction: column;
	text-align: center;
}

.price-btn-block {
	border: 3px solid #fff;
	background: #FF8A00;
	padding: 20px;
	border-radius: 20px;
}

.price-white {
	background: #FFF;
	padding: 15px;
	border-radius: 20px;
}

.why-section {
	padding: 30px 0px;
	background: url(../images/why-section.png) no-repeat center center / cover;
}

.success-section {
	padding: 30px 0px;
	background: #EFFDFF url(../images/success-section.png) no-repeat center bottom / cover;
}

@media (min-width:768px) {
	.beyond-section {
		padding: 100px 0px;
	}

	.beyond-flex {
		padding: 15px 25px;
		flex-direction: row;
		text-align: left;
		border-radius: 57.35px;
	}

	.price-btn-block {
		padding: 50px 20px;
	}

	.price-white {
		padding: 30px;
	}

	.why-section {
		padding: 100px 0px;
	}

	.success-section {
		padding: 100px 0px;
	}
}


.faq-section {
	padding: 30px 0px;
	background: #ffffff url(../images/faq-section.webp) no-repeat center top / cover;
	overflow: hidden;
}

.question {
	display: flex;
	align-items: flex-start;
	gap: 15px;
	flex-direction: row;
}

.question .que {
	border-radius: 10px;
	background: #FF951F;
	display: inline-flex;
	padding: 0px 8px;
	color: #000;
}

.question .ans {
	border-radius: 10px;
	background: #CDEFA1;
	display: inline-flex;
	padding: 0px 8px;
	font-weight: 600 !important;
	color: #021D30;
}

.faq-white {
	background: #FFFFFFD4;
	padding: 30px 15px 15px 15px;
	margin-top: -25px;
	border-radius: 20px;
	border-top: 4px solid #ff8700;
	border-bottom: 4px solid #ff8700;

}

.faq-title {
	background: #000;
	display: inline-block;
	padding: 8px 15px;
	transform: skew(-5deg, 0deg);
	border-radius: 15px;
}

@media (min-width:768px) {
	.faq-section {
		padding: 100px 0px;
	}

	.faq-white {
		padding: 50px 100px 30px 100px;
		margin-top: -50px;
	}
}





@media (min-width:768px) {
	.video-section1 {
		
		background-image: url(../images/video-frame.png);
		background-repeat: no-repeat;
		background-size: 100% 100%;
		padding: 40px 0px;
	}
}

@media (max-width:768px) {
	.video-section1 {
		
		background-image: url(../images/video-frame.png);
		background-repeat: no-repeat;
		background-size: 100% 100%;
		padding: 25px 0px;
	}
}

@media (max-width:576px) {
	.video-section1 {
		
		background-image: url(../images/video-frame.png);
		background-repeat: no-repeat;
		background-size: 100% 100%;
		padding: 15px 0px;
	}
}



.highlight {
	background: #fea424;
	display: inline-block;
	padding: 5px;
	border-radius: 9px;
}

@media (min-width: 768px) {
	.highlight {
		background: url(../images/highlight.png) no-repeat center center;
		background-size: auto;
		background-size: auto;
		background-size: 100% 100%;
		border: none;
		padding: 0px 15px 0px 15px;
	}
}
.head-lebal1 {
    padding-bottom: 9px;
    padding-top: 9px;
    border-radius: 10px;
    color: #fff;
    background-color: #ffffff21;
  }
@media (min-width: 768px) {
	.head-lebal1 {
		padding-bottom: 9px;
		padding-top: 9px;
		border-radius: 10px;
		color: #fff;
		background-color: #ffffff21;
	}
}

.pink-color {
	color: rgb(255, 29, 135);
}



.sec-2 {
	padding: 81px 0 100px 0;
	background: #000 url(../images/sec-2.png) no-repeat center top/ cover;
}

.demo-video-card {
	border-radius: 20px;
	background-image: linear-gradient(to bottom right, rgb(255, 194, 0) 0%, rgb(255, 41, 0) 100%);
	background-image: linear-gradient(to bottom right, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 100%);
	position: relative;
	z-index: 9;
	padding: 0px 10px 20px 10px;
}

@media (min-width: 768px) {
	.sec-2 {
		padding: 81px 0 100px 0;
		background: #000 url(../images/sec-2.png) no-repeat center top/ cover;
		overflow: hidden;
		margin-top: -68px;
	}

	.header-icon {
		position: absolute;
		left: -65px;
		top: 17%;
		width: 18%;
		z-index: 1;
	}

	.header-icon1 {
		position: absolute;
		left: 0%;
		top: 8%;
		width: 7%;
	}

	.header-icon2 {
		
		position: absolute;
		right: -5%;
		top: 21%;
		width: 15%;
		z-index: 1;
	}


	.header-icon3 {
		position: absolute;
		left: -2%;
		bottom: 36%;
		width: 9%;
	}

	.header-icon4 {
		

		position: absolute;
		right: -3%;
		top: 4%;
		width: 18%;
		z-index: 1;
	}

	.header-icon5 {
		position: absolute;
		right: -3%;
		bottom: 8%;
		width: 10%;
	}

	.header-icon6 {
		position: absolute;
		left: -6%;
		bottom: -12px;
		width: 20%;
		z-index: 9999;
	}

	.header-icon7 {
		position: absolute;
		right: -3%;
		bottom: 33%;
		width: 10%;
	}

	

}


.get {
	border-radius: 26px;
	background: #00FF38;
	transform: rotate(-7.564deg);
	display: inline-block;
	padding: 0px 15px;
  }

.h-bg-blue {
	position: relative;
}

.p1-img {
	position: absolute;
	top: 20px;
	z-index: 99;
}

.p2-img {
	position: absolute;
	top: 20px;
	right: 0;
	z-index: 99;
}

@media (max-width: 768px) {

	.p1-img img {
		position: absolute;
		top: 55px;
		z-index: 99;
		width: 34px;
	}

	.p2-img img {
		position: absolute;
		top: 55px;
		right: 0;
		z-index: 99;
		width: 34px;
	}

}

@media (max-width: 400px) {

	.p1-img img {
		position: absolute;
		top: 35px;
		z-index: 99;
		width: 40px;
	}

	.p2-img img {
		position: absolute;
		right: 0;
		top: 35px;
		z-index: 99;
		width: 40px;
	}

}





.testimonials-section {
	padding: 30px 0px;
 background: #f4e8f8
}

@media (min-width: 768px) {
	.testimonials-section {
padding: 100px 0px 150px 0px;
    background: #fff url(../images/testimonials-section.png) no-repeat center top;
    background-size: auto;
    background-size: auto;
    background-size: cover;
	}
}

.testi-user {
	display: inline-flex;
	align-items: center;
	gap: 20px;
	word-break: break-all;
}


.testimonials-shape {
	padding: 20px;
	position: relative;
	height: 100%;
	border-radius: 20px;
	background-color: rgb(255, 255, 255);
	display: flex;
	flex-flow: column;
	justify-content: space-between;
	border-radius: 15px;
	background-color: rgb(255, 255, 255);
	
}

@media (max-width: 768px) {


	.testimonials-shape {
		padding: 20px;
		position: relative;
		height: 100%;
		border-radius: 20px;
		background-color: rgb(255, 255, 255);
		display: flex;
		flex-flow: column;
		justify-content: space-between;
		border-radius: 15px;
		background-color: rgb(255, 255, 255);
		
	}
}

@media (min-width: 768px) {
	.testimonials-shape {
		padding: 30px;
	}
}

.card-img {
	position: absolute;
	left: -8%;
	bottom: 30%;
	width: 25%;
}

.card-img1 {
	position: absolute;
	right: -8%;
	bottom: -3%;
	width: 31%;
}

@media (max-width: 768px) {


	.card-img {
		position: absolute;
		left: -8%;
		bottom: 30%;
		width: 15%;
	}

	.card-img1 {
		position: absolute;
		right: 0%;
		bottom: -2%;
		width: 15%;
	}
}

@media (max-width: 667px) {


	.card-img {
		display: none;
	}

	.card-img1 {
		display: none;
	}
}


.cta-section {
	background-image: linear-gradient(to bottom right, rgb(255, 194, 0) 0%, rgb(255, 41, 0) 100%);
	overflow: hidden;
}

.cta-card {
	border-radius: 20px;
	background-color: #fff;
	padding: 70px 20px 70px 20px;
}

@media (max-width: 400px) {
	.cta-card {
		border-radius: 20px;
		background-color: #fff;
		padding: 20px 20px 20px 20px;
	}

	.turth-section {
		padding: 30px 0px 30px 0px;
		background: url(../images/truth-section.png) no-repeat center center / cover;
	}


}





.store-section {
	background: #fff url(../images/step-section.png) no-repeat center center / cover;
	padding: 30px 0px;
	position: relative;
}

@media (min-width: 768px) {
	.store-section {
		padding: 100px 0px 100px 0px;
	}
}

.store-block {
	border-width: 2px;
	border-style: solid;
	border-radius: 30px;
	
	background: #fff;
	padding: 20px 15px;
	border-color: #ff9600;
	
}





.store-future-sec1 {
	background: #000 url(../images/future-sec1.png) no-repeat center center / cover;
	padding: 30px 0px 30px 0;
	position: relative;
}



.store-future-sec2 {
	
	padding: 30px 0px 30px 0;
	position: relative;
	background-image: linear-gradient(to bottom right, rgb(255, 194, 0) 0%, rgb(255, 41, 0) 100%);
}

.store-future-sec3 {
	background: #fff url(../images/future-sec3.png) no-repeat center top / cover;
	padding: 30px 0px 30px 0;
	position: relative;
overflow: hidden;

}

.income-section {
	padding: 30px 0px;
	background: #fff url(../images/future-sec3.png) no-repeat center center / cover;
	position: relative;
}

@media (min-width: 768px) {
	.income-section {
		padding: 100px 0px;
	}

	.store-future-sec1 {
		background: #000 url(../images/future-sec1.png) no-repeat center center / cover;
		padding: 50px 0px 50px 0;
		position: relative;
	}

	.store-future-sec2 {
		
		padding: 80px 0px 80px 0;
		position: relative;
		background-image: linear-gradient(to bottom right, rgb(255, 194, 0) 0%, rgb(255, 41, 0) 100%);
	}

	.store-future-sec3 {
		background: #fff url(../images/future-sec3.png) no-repeat center top / cover;
		padding: 80px 0px 80px 0;
		position: relative;


	}
}

.income-future-box {
	background-color: rgb(255, 255, 255);
	border: 1px solid rgb(255, 68, 0);
	box-shadow: 0px 0px 35px 0px rgb(208, 222, 252);
	padding: 20px;
	border-radius: 12px;
	height: 100%;
}

.c1 {
	background-color: #fff;
	border: 1px solid rgb(255, 120, 1);
}

.c2 {
	border: 1px solid rgb(255, 255, 255);
	background-color: rgb(255, 120, 1);
	color: #fff;
}

.income-future-box img {
	max-width: 50%;
	width: 100%;
}

.font-family2 {
	font-family: 'Caveat', cursive;
}

.sec-4 {
	background: url(../images/whter.png);
	background-position-x: 0%;
	background-position-y: 0%;
	background-repeat: repeat;
	background-size: auto;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: bottom;
	background-attachment: fixed;
	color: #000;
	position: relative;
	z-index: 1;
	margin-top: -50px;
}

.content-inner {
	padding: 80px 0;
}

.comparison-inner {
	border-radius: 30px;
	background: #ff7900;
	padding: 50px 80px 50px 80px;
	color: #fff;
	position: relative;
}

.col-vscount {
	width: 72px;
	height: 72px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 100%;
	background: linear-gradient(91deg, #563BFF 1.01%, #7371FC 48.55%, #D94FD5 110.04%);
	background: #fff;
	color: #000;
	font-size: 33px;
	font-weight: 700;
	line-height: 1.5;
}

@media (min-width: 768px) {
	.client-vsfeed {
		padding: 18px 35px 35px 25px;
		border-radius: 20px;
		background: #ff8b22;
	}
}

@media (max-width: 768px) {
	.client-vsfeed {
		padding: 18px 15px 35px 15px;
		border-radius: 20px;
		background: #ff8b22;
	}
}

@media (max-width: 400px) {
	.client-vsfeed {
		padding: 18px 15px 35px 15px;
		border-radius: 20px;
		background: #ff8b22;
	}
}




.cancel-section {
	padding: 30px 0px;
	background: #fff url(../images/cancel-section.png) no-repeat center center / cover;
	position: relative;
}

@media (min-width: 768px) {
	.cancel-section {
		padding: 100px 0px;
	}
}

.cancel-future-box {
	background-color: rgb(255, 255, 255);
	border: 1px solid rgb(255, 68, 0);
	box-shadow: 0px 0px 5px 0px rgb(208, 222, 252);
	padding: 30px 10px 30px 10px;
	border-radius: 12px;
	height: 100%;
}

.c-1 {
	border: 1px solid rgb(255, 120, 1);
	background-color: rgb(12, 12, 26);
	color: #fff;
}

.c-2 {
	border: 1px solid rgb(255, 255, 255);
	background-color: rgb(12, 12, 26);
	color: #fff;
}

.cancel-future-box {
	position: relative;
}

.cross-img1 {
	position: absolute;
	top: 3%;
	width: 50%;
	left: 25%;
}


.turth-section1 {
	padding: 30px 0px;
	background-image: linear-gradient(to bottom right, rgb(255, 194, 0) 0%, rgb(255, 41, 0) 100%);
	position: relative;
	color: #fff;
}

@media (min-width: 768px) {
	.turth-section1 {
		padding: 100px 0px;
	}
}

ul.content-lists li {
	list-style: none;
	background: url(../images/green_yes.png) no-repeat top left;
	background-position-x: left;
	background-position-y: top;
	padding-left: 40px;
	margin-bottom: 30px;
	background-position: 0px 3px;
	min-height: 30px;
	background-size: 26px;
}

ul.content-lists {
	margin: 0px;
	padding: 0px;
}

.simple-section {
	padding: 30px 0px;
background: #fff url(../images/simple-section21.png) no-repeat center top;
    background-size: auto;
  background-size: cover;
	background-size: cover;
}

@media (min-width: 768px) {
	.simple-section {
		padding: 100px 0px;
	}
}

ul.content-lists1 li {
	list-style: none;
	background: url(../images/green_yes.png) no-repeat top left;
	background-position-x: left;
	background-position-y: top;
	padding-left: 40px;
	margin-bottom: 30px;
	background-position: 0px 3px;
	min-height: 30px;
	background-size: 26px;
	color: #58515d;
  font-size: 18px;
  font-weight: 400;
}

ul.content-lists1 {
	margin: 0px;
	padding: 0px;
}

.porfect-section {
	background: url(../images/porfect-section.png) no-repeat center center;
	background-size: auto;
	background-size: cover;
	padding: 30px 0 30px 0;
	position: relative;

}

@media (min-width: 768px) {
	.porfect-section {
		background: url(../images/porfect-section.png) no-repeat center center;
		background-size: auto;
		background-size: cover;
		padding: 80px 0 200px 0;
		position: relative;

	}
}

.f-right {
	border-radius: 20px;
	background: linear-gradient(90deg, rgb(255, 138, 0) 0%, rgb(255, 138, 0) 45%, rgba(44, 27, 83, 0) 100%);
	background: linear-gradient(90deg, rgb(12, 12, 26) 0%, rgba(12, 12, 26, 0.81) 45%, rgba(44, 27, 83, 0) 100%);
	padding: 20px;
}

.f-right {
	position: relative;
	z-index: 1;
}

.f-right {
	padding: 30px 40px;
	min-height: 310px;
	align-items: center;
}

.f-left {
	position: relative;
	z-index: 1;
}

.f-left {
	border-radius: 20px;
	background: linear-gradient(90deg, rgba(28, 20, 46, 0.00) 0%, rgb(0, 129, 19) 45%, rgb(0, 129, 19) 100%);
	background: linear-gradient(90deg, rgba(28, 20, 46, 0.00) 0%, rgb(101, 34, 242) 45%, rgb(101, 34, 242) 100%);
	padding: 20px;
}

.f-left {
	padding: 30px 50px;
	min-height: 310px;
	align-items: center;
}





.unleash-section {
	padding: 30px 0 30px 0;
	background: url(../images/unleash-section.png) no-repeat top center;
	background-attachment: scroll;
	background-size: auto;
	background-attachment: scroll;
	background-size: auto;
	background-size: cover;
}

@media (min-width: 768px) {
	.unleash-section {
		padding: 80px 0 50px 0;

	}

	.unleash-box {
		margin-top: -190px;
		position: relative;
	}
}



.sec-15 {
	padding: 80px 0 80px 0;
	position: relative;

	background: url(../images/sec-15.png) no-repeat center 0;
	background-size: auto;
	background-size: cover;
}


.comparison-inner1 {

	padding: 50px 80px 50px 80px;

	border-radius: 300px 0;
	background: url(../images/comparison-inner1.png) no-repeat center 0;
	background-size: auto;
	background-size: cover;
	color: #fff;
	position: relative;
}

@media (min-width: 768px) {
	.hends {
		width: 230px;
		height: 120px;
		padding-right: 3rem !important;

	}

	.hends2 {

		width: 230px;
		height: 120px;
		padding-left: 3rem !important;

	}

	.client-vsfeed1 {
		padding: 18px 35px 35px 25px;
		border-radius: 20px;
		background: #fff;
		color: #000;
	}
}

@media (max-width: 768px) {
	.client-vsfeed1 {
		padding: 18px 15px 35px 15px;
		border-radius: 20px;
		background: #fff;
		color: #000;
	}

	.hends {
		width: 200px;
		height: 100px;
	}

	.hends2 {
		width: 200px;
		height: 100px;
	}
}

@media (max-width: 400px) {
	.client-vsfeed1 {
		padding: 18px 15px 35px 15px;
		border-radius: 20px;
		background: #fff;
		color: #000;
	}

	.hends {
		width: 80px;
		height: 50px;
		padding-right: 1rem !important;

	}

	.hends2 {
		width: 80px;
		height: 50px;
		padding-left: 1rem !important;
	}
}


ul.right-list li {
	



	list-style: none;
	background: url(../images/right-list.png) no-repeat left top;
	background-position-x: left;
	background-position-y: top;
	padding-left: 50px;
	margin-bottom: 15px;
	background-position: 0px 5px;
	background-size: 22px;
}

ul.right-list {
	margin: 0;
	padding: 0;
}

.ellipse-1 {
	height: 208px;
	margin: 0 auto;
	
	width: 208px;
	z-index: 91;
	border: 5px solid #ff8a00;
	border-radius: 104px;
	background: #ffffff;
	background-clip: border-box;
	background-clip: padding-box;
}

@media (max-width: 768px) {

	.sec-15 {
		padding: 30px 0 30px 0;
		position: relative;
		background: url(../images/sec-15.png) no-repeat center 0;
		background-size: auto;
		background-size: auto;
		background-size: cover;
	}

	.comparison-inner1 {
		padding: 50px 30px 50px 30px;
		border-radius: 20px 0;
		background: url(../images/comparison-inner1.png) no-repeat center 0;
		background-size: auto;
		background-size: auto;
		background-size: cover;
		color: #fff;
		position: relative;
	}

}

@media (max-width: 400px) {

	.comparison-inner {
		border-radius: 30px;
		background: #ff7900;
		padding: 50px 10px 50px 10px;
		color: #fff;
		position: relative;
	}

	.comparison-inner1 {
		padding: 50px 10px 50px 10px;
		border-radius: 20px 0;
		background: url(../images/comparison-inner1.png) no-repeat center 0;
		background-size: auto;
		background-size: auto;
		background-size: cover;
		color: #fff;
		position: relative;
	}

}



  .money-card {
	border-radius: 20px;
	background-color: #fff;
	
	position: relative;
	z-index: 9;
	padding: 0px 10px 20px 10px;
  }
  @media (min-width: 768px) {
	.money-card {
	
	}
  }
  .testi-user img{
	width: 25%;
  }


  .effect-1 {
	position: relative;
	z-index: 1;
	display: inline-block;
  }
  
  .effect-1::before {
	content: '';
	position: absolute;
	width: 115%;
  height: 30px;
  left: 50%;
  bottom: 10px;
	
		
		background: url(../images/effect-1.png) no-repeat center 0;
		background-size: cover;
	z-index: -1;
	transform: translateX(-50%);
  }

  .l1-img {
	position: absolute;
	bottom: 0;
	left: -5%;
	z-index: 99;
  }
  .l2-img {
	position: absolute;
	bottom: -40px;
	right: -6%;
	z-index: 99;
  }

  @media (max-width: 991px) {
	.l1-img img{
		display: none;
	  }
	  .l2-img img{
display: none;
	  }
  }
  @media (max-width: 576px) {
	.effect-1::before {
		content: '';
		position: absolute;
		width: 115%;
		height: 10px;
		left: 50%;
		bottom: 1px;
		background-color: rgb(103, 52, 222);
		background-image: linear-gradient(to bottom right, rgb(255, 194, 0) 0%, rgb(255, 41, 0) 100%);
		background: url(../images/effect-1.png) no-repeat center 0;
		  background-size: auto;
		background-size: cover;
		z-index: -1;
		transform: translateX(-50%);
	  }
  }
  .cta-upgrade-box {
	background: #FCFBFF !important;
	padding: 50px 40px;
	border-radius: 20px;
  }
  .upgrade-box {
	background: #FCFBFF !important;
	padding: 30px 15px;
	border-radius: 20px;
	box-shadow: 0px 4px 15px 5px rgba(0, 0, 0, 0.12);
  }
  ul.features-td-list {
	margin: 0px;
	padding: 0px;
  }
  ul.features-td-list li {
	list-style: none;
	background: url(../images/features-td-list.png) center left no-repeat;
	background-position-x: left;
	background-position-y: center;
min-height: 35px;
  padding-left: 55px;
  background-position: 0px 3px;
  margin-bottom: 10px;
  }
  .purple-clr1 {
	color: transparent;
  background: linear-gradient( 90deg, #ff9f59 0%, #ff765f 35%, #ff5d73 68%, #d53ade 100% );
    background-clip: border-box;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  }
  .pink-clr {
	color: #F228C6;
  }





  .top-box {
	background-color: #021D30;
	background-color: #fff;
	padding: 10px 0px 10px 0;
	position: fixed;
	width: 100%;
	z-index: 999;
	color: #fff;
	background-image: linear-gradient(90deg, rgb(131, 8, 255) 0%, rgb(231, 14, 255) 100%);
  }
  @media screen and (min-width: 768px) {
	.top-box { 
		padding: 10px 0px 10px 0;
	}
}
  @media screen and (min-width: 400px) {
	.d400-block {
		display: none;
	}

	.d500-block {
		display: block;
	}
}

@media screen and (max-width: 400px) {
	.welcome-section {
		padding-top: 110px;
	}

	.d400-block {
		display: block;
	}

	.d500-block {
		display: none;
	}
}




.welcome-section {
	
	padding-top: 30px;

}

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




	

	.welcome-section {
		padding-top: 35px;
	}
}

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

	.top-box .top-content-section .top-content {
		font-size: 12px;
		margin: 0;
	}

	.welcome-section {
		padding-top: 35px;
	}
}

@media screen and (max-width: 576px) {
	.welcome-section {
		padding-top: 35px;
	}

}
@media screen and (max-width: 400px) {
	.welcome-section {
		padding-top: 30px;
	}

}
.top-box .top-content-section .top-title {
	letter-spacing: 4px;
	color: #fff;
  }
  @media screen and (min-width: 1024px) {
	.top-box .btn-box {
	  text-align: end;
	}
  }
  @media screen and (max-width: 991px) {
	.top-box .btn-box .btn {
	  font-size: 14px;
	  padding: 5px 50px;
	}
	.top-box .btn-box {
		text-align: center;
	  }
  }
  .top-box .btn-box .btn:hover {
	animation-name: shake-slow;
	animation-duration: 5s;
	animation-timing-function: ease-in-out;
	animation-iteration-count: infinite;
  }
  .top-box .btn-box .btn {
	font-size: 20px;
	padding: 8px 70px;
  }
  .btn-primary:hover {
	color: #000;
	background-color: rgb(255, 236, 42);
	border-color: rgb(255, 236, 42);
  }
  .btn-primary {
	color: #000;
	background-color: rgb(255, 236, 42);
	border-color: rgb(255, 236, 42);
  }


  
@keyframes shake-slow {
	2% {
		transform: translate(6px, -2px) rotate(3.5deg);
	}

	4% {
		transform: translate(5px, 8px) rotate(-0.5deg);
	}

	6% {
		transform: translate(6px, -3px) rotate(-2.5deg);
	}

	8% {
		transform: translate(4px, -2px) rotate(1.5deg);
	}

	10% {
		transform: translate(-6px, 8px) rotate(-1.5deg);
	}

	12% {
		transform: translate(-5px, 5px) rotate(1.5deg);
	}

	14% {
		transform: translate(4px, 10px) rotate(3.5deg);
	}

	16% {
		transform: translate(0px, 4px) rotate(1.5deg);
	}

	18% {
		transform: translate(-1px, -6px) rotate(-0.5deg);
	}

	20% {
		transform: translate(6px, -9px) rotate(2.5deg);
	}

	22% {
		transform: translate(1px, -5px) rotate(-1.5deg);
	}

	24% {
		transform: translate(-9px, 6px) rotate(-0.5deg);
	}

	26% {
		transform: translate(8px, -2px) rotate(-1.5deg);
	}

	28% {
		transform: translate(2px, -3px) rotate(-2.5deg);
	}

	30% {
		transform: translate(9px, -7px) rotate(-0.5deg);
	}

	32% {
		transform: translate(8px, -6px) rotate(-2.5deg);
	}

	34% {
		transform: translate(-5px, 1px) rotate(3.5deg);
	}

	36% {
		transform: translate(0px, -5px) rotate(2.5deg);
	}

	38% {
		transform: translate(2px, 7px) rotate(-1.5deg);
	}

	40% {
		transform: translate(6px, 3px) rotate(-1.5deg);
	}

	42% {
		transform: translate(1px, -5px) rotate(-1.5deg);
	}

	44% {
		transform: translate(10px, -4px) rotate(-0.5deg);
	}

	46% {
		transform: translate(-2px, 2px) rotate(3.5deg);
	}

	48% {
		transform: translate(3px, 4px) rotate(-0.5deg);
	}

	50% {
		transform: translate(8px, 1px) rotate(-1.5deg);
	}

	52% {
		transform: translate(7px, 4px) rotate(-1.5deg);
	}

	54% {
		transform: translate(10px, 8px) rotate(-1.5deg);
	}

	56% {
		transform: translate(-3px, 0px) rotate(-0.5deg);
	}

	58% {
		transform: translate(0px, -1px) rotate(1.5deg);
	}

	60% {
		transform: translate(6px, 9px) rotate(-1.5deg);
	}

	62% {
		transform: translate(-9px, 8px) rotate(0.5deg);
	}

	64% {
		transform: translate(-6px, 10px) rotate(0.5deg);
	}

	66% {
		transform: translate(7px, 0px) rotate(0.5deg);
	}

	68% {
		transform: translate(3px, 8px) rotate(-0.5deg);
	}

	70% {
		transform: translate(-2px, -9px) rotate(1.5deg);
	}

	72% {
		transform: translate(-6px, 2px) rotate(1.5deg);
	}

	74% {
		transform: translate(-2px, 10px) rotate(-1.5deg);
	}

	76% {
		transform: translate(2px, 8px) rotate(2.5deg);
	}

	78% {
		transform: translate(6px, -2px) rotate(-0.5deg);
	}

	80% {
		transform: translate(6px, 8px) rotate(0.5deg);
	}

	82% {
		transform: translate(10px, 9px) rotate(3.5deg);
	}

	84% {
		transform: translate(-3px, -1px) rotate(3.5deg);
	}

	86% {
		transform: translate(1px, 8px) rotate(-2.5deg);
	}

	88% {
		transform: translate(-5px, -9px) rotate(2.5deg);
	}

	90% {
		transform: translate(2px, 8px) rotate(0.5deg);
	}

	92% {
		transform: translate(0px, -1px) rotate(1.5deg);
	}

	94% {
		transform: translate(-8px, -1px) rotate(0.5deg);
	}

	96% {
		transform: translate(-3px, 8px) rotate(-1.5deg);
	}

	98% {
		transform: translate(4px, 8px) rotate(0.5deg);
	}

	0%,
	100% {
		transform: translate(0, 0) rotate(0);
	}
}


@media screen and (max-width: 576px) {
	
	.top-box .btn-box .btn {
		font-size: 14px;
		padding: 5px 60px;
	  }
	  .top-box .top-content-section .top-title {
		letter-spacing: 4px;
		color: #fff;
		font-size: 12px;
	  }
	  .cta-upgrade-box {
		background: #FCFBFF !important;
		padding: 10px 5px;
		border-radius: 20px;
	  }
}
.top-box .attention-box {
	display: flex;
	align-items: center;
  }
  .attention-box {
	position: relative;
  }
  .attention-box .attention-img img {

	position: fixed;
	top: 67px;
	left: 10px;
	width: 140px;
	z-index: -1;
  }
@media screen and (min-width: 1024px) {

	.attention-box .attention-img img{
		display: block;
	}
}
@media screen and (max-width: 1024px) {
	.top-box {
        padding: 0px 10px 0px 10px;
    }
	.attention-box .attention-img img{
		display: none;
	}
}

/* FAQ accordion */
.faq-white .faq-wrap {
	background: #fff;
	border: 1px solid rgba(2, 29, 48, .12);
	border-radius: 16px;
	box-shadow: 0 7px 20px rgba(2, 29, 48, .07);
	overflow: hidden;
	transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}

.faq-white .faq-wrap:hover,
.faq-white .faq-wrap.is-open {
	border-color: rgba(255, 149, 31, .8);
	box-shadow: 0 12px 28px rgba(2, 29, 48, .12);
}

.faq-wrap .question:first-child {
	align-items: center;
	padding: 18px 20px;
	cursor: pointer;
	transition: background-color .2s ease;
}

.faq-wrap .question:first-child:hover,
.faq-wrap .question:first-child:focus {
	background: #fff8ef;
	outline: none;
}

.faq-wrap .question:first-child:focus-visible {
	box-shadow: inset 0 0 0 3px rgba(255, 149, 31, .55);
}

.faq-wrap .question:first-child > :nth-child(2) {
	flex: 1;
}

.faq-wrap .question:first-child::after {
	content: "+";
	margin-left: auto;
	width: 32px;
	height: 32px;
	border-radius: 50%;
	background: #fff0dd;
	color: #c55b00;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 32px;
	font-size: 25px;
	font-weight: 600;
	line-height: 1;
	transition: background-color .2s ease, color .2s ease, transform .2s ease;
}

.faq-wrap.is-open .question:first-child::after {
	content: "−";
	background: #ff951f;
	color: #021d30;
	transform: rotate(180deg);
}

.faq-wrap .question:nth-child(2) {
	align-items: flex-start;
	margin: 0 !important;
	padding: 18px 20px 20px;
	border-top: 1px solid rgba(2, 29, 48, .09);
	background: #f7fff0;
}

.faq-wrap .question:nth-child(2) .ans {
	flex: 0 0 auto;
}

.faq-wrap:not(.is-open) .question:nth-child(2) {
	display: none;
}

@media (max-width: 767px) {
	.faq-white .faq-wrap {
		border-radius: 12px;
	}

	.faq-wrap .question:first-child,
	.faq-wrap .question:nth-child(2) {
		gap: 10px;
		padding: 14px;
	}

	.faq-wrap .question:first-child::after {
		width: 28px;
		height: 28px;
		flex-basis: 28px;
		font-size: 22px;
	}
}




/* ==========================================================
   GUMROAD ENGINE - PERFECT CHOICE
   UNIQUE PREFIX: gmchoice47-
========================================================== */

.gmchoice47-section {
   position: relative;
   overflow: hidden;

   padding: 70px 0 80px;

   /* background:
      radial-gradient(
         circle at 0% 8%,
         rgba(255, 133, 87, .11),
         transparent 24%
      ),
      radial-gradient(
         circle at 100% 55%,
         rgba(190, 65, 238, .08),
         transparent 28%
      ),
      linear-gradient(
         180deg,
         #ffffff 0%,
         #fffaf8 48%,
         #ffffff 100%
      ); */

   isolation: isolate;
}


.gmchoice47-section * {
   box-sizing: border-box;
}


/* ==========================================================
   BACKGROUND GRID
========================================================== */

.gmchoice47-section::before {
   content: "";

   position: absolute;
   inset: 0;

   z-index: -1;

   opacity: .30;

   background-image:
      linear-gradient(
         rgba(123, 81, 137, .045) 1px,
         transparent 1px
      ),
      linear-gradient(
         90deg,
         rgba(123, 81, 137, .045) 1px,
         transparent 1px
      );

   background-size: 42px 42px;

   pointer-events: none;
}


/* ==========================================================
   HEADER
========================================================== */

.gmchoice47-header {
   max-width: 1000px;

   margin: 0 auto 48px;
}


.gmchoice47-kicker {
   margin-bottom: 13px;

   color: #7c717d;

   font-size: 11px;

   line-height: 1;

   font-weight: 900;

   letter-spacing: 2px;

   text-transform: uppercase;
}


.gmchoice47-title {
   margin: 0;

   color: #15111a;

   font-size:
      clamp(
         35px,
         4.3vw,
         56px
      );

   line-height: 1.08;

   font-weight: 950;

   letter-spacing: -2px;
}


.gmchoice47-title span {
   color: transparent;

   background:
      linear-gradient(
         90deg,
         #ff9a55 0%,
         #ff6d5f 35%,
         #f146aa 68%,
         #8a3ff0 100%
      );

   -webkit-background-clip: text;

   background-clip: text;

   -webkit-text-fill-color: transparent;
}


.gmchoice47-title-line {
   width: 90px;
   height: 4px;

   margin: 19px auto 0;

   border-radius: 100px;

   background:
      linear-gradient(
         90deg,
         #ff9b57,
         #ff5e71,
         #b73ee9
      );

   box-shadow:
      0 8px 22px
      rgba(199, 61, 203, .17);
}


/* ==========================================================
   CARD LIST
========================================================== */

.gmchoice47-list {
   max-width: 1040px;

   margin: auto;
}


/* ==========================================================
   CARD
========================================================== */

.gmchoice47-card {
   position: relative;

   overflow: hidden;

   margin-bottom: 24px;

   border-radius: 22px;

   box-shadow:
      0 20px 45px
      rgba(61, 40, 67, .11);

   transition:
      transform .28s ease,
      box-shadow .28s ease;
}


.gmchoice47-card:hover {
   transform:
      translateY(-5px);

   box-shadow:
      0 28px 58px
      rgba(61, 40, 67, .16);
}


/* ==========================================================
   DARK CARD
========================================================== */

.gmchoice47-dark {
   border:
      1px solid
      rgba(255,255,255,.07);

   background:
      radial-gradient(
         circle at 100% 50%,
         rgba(122, 62, 225, .14),
         transparent 33%
      ),
      linear-gradient(
         135deg,
         #11101e 0%,
         #090912 100%
      );
}


/* ==========================================================
   PURPLE / ORANGE CARD
========================================================== */

.gmchoice47-gradient {
   border:
      1px solid
      rgba(255,255,255,.15);

   background:
      radial-gradient(
         circle at 0% 20%,
         rgba(255, 157, 72, .18),
         transparent 30%
      ),
      linear-gradient(
         120deg,
         #8f3ef0 0%,
         #7027eb 42%,
         #5e1de3 100%
      );
}


/* ==========================================================
   CONTENT
========================================================== */

.gmchoice47-content {
   position: relative;

   z-index: 3;

   padding:
      34px 34px;

   color: #ffffff;
}


.gmchoice47-number {
   position: absolute;

   right: 20px;
   top: 13px;

   color:
      rgba(255,255,255,.065);

   font-size: 70px;

   line-height: 1;

   font-weight: 950;

   letter-spacing: -4px;
}


.gmchoice47-icon {
   width: 42px;
   height: 42px;

   display: flex;

   align-items: center;
   justify-content: center;

   margin-bottom: 15px;

   color: #ffffff;

   border:
      1px solid
      rgba(255,255,255,.20);

   border-radius: 11px;

   background:
      linear-gradient(
         135deg,
         #ff9855,
         #f64e91,
         #9841eb
      );

   box-shadow:
      0 10px 24px
      rgba(226, 66, 165, .20);

   font-size: 17px;

   font-weight: 900;
}


.gmchoice47-content h3 {
   position: relative;

   z-index: 2;

   margin:
      0 0 9px;

   color: #ffffff;

   font-size:
      clamp(
         23px,
         2.2vw,
         30px
      );

   line-height: 1.2;

   font-weight: 900;

   letter-spacing: -.6px;
}


.gmchoice47-content p {
   position: relative;

   z-index: 2;

   max-width: 590px;

   margin: 0;

   color:
      rgba(255,255,255,.83);

   font-size: 18px;

   line-height: 1.6;

   font-weight: 400;
}


/* ==========================================================
   IMAGE AREA
========================================================== */

.gmchoice47-image-wrap {
   position: relative;

   min-height: 250px;

   height: 100%;

   display: flex;

   align-items: center;
   justify-content: center;

   padding: 22px 22px;

   overflow: hidden;
}


.gmchoice47-image-glow {
   position: absolute;

   width: 220px;
   height: 220px;

   border-radius: 50%;

   background:
      rgba(255,255,255,.13);

   filter:
      blur(55px);
}


.gmchoice47-dark
.gmchoice47-image-glow {
   background:
      linear-gradient(
         135deg,
         rgba(255, 127, 75, .18),
         rgba(162, 57, 234, .18)
      );
}


.gmchoice47-image {
   position: relative;

   z-index: 2;

   display: block;

   width: 100%;

   /* max-width: 370px;

   max-height: 230px; */

   object-fit: contain;

   filter:
      drop-shadow(
         0 20px 25px
         rgba(0,0,0,.26)
      );

   transition:
      transform .3s ease;
}


.gmchoice47-card:hover
.gmchoice47-image {
   /* transform:
      scale(1.045)
      translateY(-3px); */
}


/* ==========================================================
   LIGHT SHINE
========================================================== */

.gmchoice47-card::after {
   content: "";

   position: absolute;

   width: 180px;
   height: 450px;

   top: -150px;
   left: -300px;

   z-index: 1;

   opacity: 0;

   transform:
      rotate(22deg);

   background:
      linear-gradient(
         90deg,
         transparent,
         rgba(255,255,255,.12),
         transparent
      );

   transition:
      left .7s ease,
      opacity .5s ease;
}


.gmchoice47-card:hover::after {
   left: 110%;

   opacity: 1;
}


/* ==========================================================
   CLOSING BOX
========================================================== */

.gmchoice47-closing {
   position: relative;

   overflow: hidden;

   margin-top: 48px;

   padding:
      31px 28px;

   border:
      1px solid
      rgba(206, 83, 189, .15);

   border-radius: 22px;

   background:
      linear-gradient(
         135deg,
         #ffffff,
         #fff8f5 48%,
         #fff7fc
      );

   box-shadow:
      0 18px 45px
      rgba(69, 44, 70, .08);
}


.gmchoice47-closing::before {
   content: "";

   position: absolute;

   width: 220px;
   height: 220px;

   left: -120px;
   bottom: -150px;

   border-radius: 50%;

   background:
      rgba(255, 128, 79, .09);
}


.gmchoice47-closing::after {
   content: "";

   position: absolute;

   width: 220px;
   height: 220px;

   right: -120px;
   top: -150px;

   border-radius: 50%;

   background:
      rgba(177, 63, 235, .07);
}


.gmchoice47-closing-icon {
   position: relative;

   z-index: 2;

   width: 48px;
   height: 48px;

   display: flex;

   align-items: center;
   justify-content: center;

   margin:
      0 auto 14px;

   color: #ffffff;

   border-radius: 14px;

   background:
      linear-gradient(
         135deg,
         #ff9b57,
         #f24a9b,
         #9640ee
      );

   box-shadow:
      0 10px 24px
      rgba(193, 63, 204, .22);

   font-size: 20px;

   font-weight: 900;
}


.gmchoice47-closing h3 {
   position: relative;

   z-index: 2;

   max-width: 850px;

   margin: auto;

   color: #18131c;

   font-size:
      clamp(
         26px,
         3vw,
         39px
      );

   line-height: 1.22;

   font-weight: 900;

   letter-spacing: -1px;
}


.gmchoice47-closing h3 span {
   color: transparent;

   background:
      linear-gradient(
         90deg,
         #ff9158,
         #ed469f,
         #8d40ef
      );

   -webkit-background-clip: text;

   background-clip: text;

   -webkit-text-fill-color: transparent;
}


/* ==========================================================
   TABLET
========================================================== */

@media (max-width: 991px) {

   .gmchoice47-section {
      padding:
         55px 0
         62px;
   }


   .gmchoice47-title {
      font-size: 43px;
   }


   .gmchoice47-content {
      padding:
         28px 26px;
   }


   .gmchoice47-content p {
      font-size: 17px;
   }


   .gmchoice47-image-wrap {
      min-height: 220px;

      padding: 18px;
   }


   .gmchoice47-image {
      max-height: 200px;
   }

}


/* ==========================================================
   MOBILE
========================================================== */

@media (max-width: 767px) {

   .gmchoice47-section {
      padding:
         42px 0
         48px;
   }


   .gmchoice47-header {
      margin-bottom: 32px;
   }


   .gmchoice47-kicker {
      font-size: 9px;

      letter-spacing: 1.2px;
   }


   .gmchoice47-title {
      font-size: 31px;

      line-height: 1.14;

      letter-spacing: -1.2px;
   }


   .gmchoice47-title-line {
      width: 68px;

      margin-top: 15px;
   }


   .gmchoice47-card {
      margin-bottom: 17px;

      border-radius: 17px;
   }


   .gmchoice47-content {
      padding:
         24px 20px 16px;
   }


   .gmchoice47-number {
      top: 9px;
      right: 14px;

      font-size: 55px;
   }


   .gmchoice47-icon {
      width: 38px;
      height: 38px;

      margin-bottom: 12px;

      border-radius: 10px;

      font-size: 15px;
   }


   .gmchoice47-content h3 {
      font-size: 23px;
   }


   .gmchoice47-content p {
      font-size: 16px;

      line-height: 1.55;
   }


   .gmchoice47-image-wrap {
      min-height: auto;

      padding:
         5px 18px 22px;
   }


   .gmchoice47-image {
      max-width: 310px;

      max-height: 210px;
   }


   .gmchoice47-closing {
      margin-top: 30px;

      padding:
         24px 18px;

      border-radius: 17px;
   }


   .gmchoice47-closing h3 {
      font-size: 25px;
   }

}


/* ==========================================================
   SMALL MOBILE
========================================================== */

@media (max-width: 480px) {

   .gmchoice47-title {
      font-size: 27px;
   }


   .gmchoice47-content {
      padding:
         21px 17px 14px;
   }


   .gmchoice47-content h3 {
      font-size: 21px;
   }


   .gmchoice47-content p {
      font-size: 15px;
   }


   .gmchoice47-image {
      max-width: 270px;

      max-height: 185px;
   }


   .gmchoice47-closing h3 {
      font-size: 22px;
   }
.hurry {
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.00) 0%, #da53d0 51.5%, rgba(0, 0, 0, 0.00) 100%);
  display: inline-block;
  padding: 10px 10px;
}
}