@import url(bootstrap.min.css);

body {
	margin: 0;
	padding: 0;
	font-family: 'Inter', sans-serif;
	/* color: #000000; */
	color: rgb(49, 55, 71);
	font-size: 14px;
}

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

.responsive-embed {
	position: relative;
	padding-bottom: 56.25%;
	overflow: hidden;
}

.responsive-embed iframe,
.responsive-embed object {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.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
}

.font34 {
	font-size: 34px !important
}

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

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

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

.font42 {
	font-size: 42px !important
}

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

.font46 {
	font-size: 46px !important
}

.font48 {
	font-size: 48px !important
}

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

.mtop0 {
	margin-top: 0 !important
}

.mtop1 {
	margin-top: 1px !important
}

.mtop2 {
	margin-top: 2px !important
}

.mtop3 {
	margin-top: 3px !important
}

.mtop4 {
	margin-top: 4px !important
}

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

.mtop6 {
	margin-top: 6px !important
}

.mtop7 {
	margin-top: 7px !important
}

.mtop8 {
	margin-top: 8px !important
}

.mtop9 {
	margin-top: 9px !important
}

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

.mtop11 {
	margin-top: 11px !important
}

.mtop12 {
	margin-top: 12px !important
}

.mtop13 {
	margin-top: 13px !important
}

.mtop14 {
	margin-top: 14px !important
}

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

.mtop16 {
	margin-top: 16px !important
}

.mtop17 {
	margin-top: 17px !important
}

.mtop18 {
	margin-top: 18px !important
}

.mtop19 {
	margin-top: 19px !important
}

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

.mtop21 {
	margin-top: 21px !important
}

.mtop22 {
	margin-top: 22px !important
}

.mtop23 {
	margin-top: 23px !important
}

.mtop24 {
	margin-top: 24px !important
}

.mtop25 {
	margin-top: 25px !important
}

.mtop26 {
	margin-top: 26px !important
}

.mtop27 {
	margin-top: 27px !important
}

.mtop28 {
	margin-top: 28px !important
}

.mtop29 {
	margin-top: 29px !important
}

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

.mtop31 {
	margin-top: 31px !important
}

.mtop32 {
	margin-top: 32px !important
}

.mtop33 {
	margin-top: 33px !important
}

.mtop34 {
	margin-top: 34px !important
}

.mtop35 {
	margin-top: 35px !important
}

.mtop36 {
	margin-top: 36px !important
}

.mtop37 {
	margin-top: 37px !important
}

.mtop38 {
	margin-top: 38px !important
}

.mtop39 {
	margin-top: 39px !important
}

.mtop40 {
	margin-top: 40px !important
}

.mtop41 {
	margin-top: 41px !important
}

.mtop42 {
	margin-top: 42px !important
}

.mtop43 {
	margin-top: 43px !important
}

.mtop44 {
	margin-top: 44px !important
}

.mtop45 {
	margin-top: 45px !important
}

.mtop46 {
	margin-top: 46px !important
}

.mtop47 {
	margin-top: 47px !important
}

.mtop48 {
	margin-top: 48px !important
}

.mtop49 {
	margin-top: 49px !important
}

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

.mtop51 {
	margin-top: 51px !important
}

.mtop52 {
	margin-top: 52px !important
}

.mtop53 {
	margin-top: 53px !important
}

.mtop54 {
	margin-top: 54px !important
}

.mtop55 {
	margin-top: 55px !important
}

.mtop56 {
	margin-top: 56px !important
}

.mtop57 {
	margin-top: 57px !important
}

.mtop58 {
	margin-top: 58px !important
}

.mtop59 {
	margin-top: 59px !important
}

.mtop60 {
	margin-top: 60px !important
}

.mtop61 {
	margin-top: 61px !important
}

.mtop62 {
	margin-top: 62px !important
}

.mtop63 {
	margin-top: 63px !important
}

.mtop64 {
	margin-top: 64px !important
}

.mtop65 {
	margin-top: 65px !important
}

.mtop66 {
	margin-top: 66px !important
}

.mtop67 {
	margin-top: 67px !important
}

.mtop68 {
	margin-top: 68px !important
}

.mtop69 {
	margin-top: 69px !important
}

.mtop70 {
	margin-top: 70px !important
}

.mtop71 {
	margin-top: 71px !important
}

.mtop72 {
	margin-top: 72px !important
}

.mtop73 {
	margin-top: 73px !important
}

.mtop74 {
	margin-top: 74px !important
}

.mtop75 {
	margin-top: 75px !important
}

.mtop76 {
	margin-top: 76px !important
}

.mtop77 {
	margin-top: 77px !important
}

.mtop78 {
	margin-top: 78px !important
}

.mtop79 {
	margin-top: 79px !important
}

.mtop80 {
	margin-top: 80px !important
}

.mtop81 {
	margin-top: 81px !important
}

.mtop82 {
	margin-top: 82px !important
}

.mtop83 {
	margin-top: 83px !important
}

.mtop84 {
	margin-top: 84px !important
}

.mtop85 {
	margin-top: 85px !important
}

.mtop86 {
	margin-top: 86px !important
}

.mtop87 {
	margin-top: 87px !important
}

.mtop88 {
	margin-top: 88px !important
}

.mtop89 {
	margin-top: 89px !important
}

.mtop90 {
	margin-top: 90px !important
}

.mtop91 {
	margin-top: 91px !important
}

.mtop92 {
	margin-top: 92px !important
}

.mtop93 {
	margin-top: 93px !important
}

.mtop94 {
	margin-top: 94px !important
}

.mtop95 {
	margin-top: 95px !important
}

.mtop96 {
	margin-top: 96px !important
}

.mtop97 {
	margin-top: 97px !important
}

.mtop98 {
	margin-top: 98px !important
}

.mtop99 {
	margin-top: 99px !important
}

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

@media(min-width:768px) {
	.font-md16 {
		font-size: 16px !important
	}

	.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-md34 {
		font-size: 34px !important
	}

	.font-md35 {
		font-size: 35px !important
	}

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

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

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

	.font-md42 {
		font-size: 42px !important
	}

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

	.font-md45 {
		font-size: 45px !important
	}

	.font-md46 {
		font-size: 46px !important
	}

	.font-md48 {
		font-size: 48px !important
	}

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

	.font-md52 {
		font-size: 52px !important
	}

	.font-md54 {
		font-size: 54px !important
	}

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

	.font-md56 {
		font-size: 56px !important
	}

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

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

	.font-md62 {
		font-size: 62px !important
	}

	.font-md64 {
		font-size: 64px !important
	}

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

	.font-md66 {
		font-size: 66px !important
	}

	.font-md68 {
		font-size: 68px !important
	}

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

	.font-md72 {
		font-size: 72px !important
	}

	.font-md74 {
		font-size: 74px !important
	}

	.font-md75 {
		font-size: 75px !important
	}

	.font-md78 {
		font-size: 78px !important
	}

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

	.font-md85 {
		font-size: 85px !important
	}

	.font-md120 {
		font-size: 120px
	}

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

	.mtop-md1 {
		margin-top: 1px !important
	}

	.mtop-md2 {
		margin-top: 2px !important
	}

	.mtop-md3 {
		margin-top: 3px !important
	}

	.mtop-md4 {
		margin-top: 4px !important
	}

	.mtop-md5 {
		margin-top: 5px !important
	}

	.mtop-md6 {
		margin-top: 6px !important
	}

	.mtop-md7 {
		margin-top: 7px !important
	}

	.mtop-md8 {
		margin-top: 8px !important
	}

	.mtop-md9 {
		margin-top: 9px !important
	}

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

	.mtop-md11 {
		margin-top: 11px !important
	}

	.mtop-md12 {
		margin-top: 12px !important
	}

	.mtop-md13 {
		margin-top: 13px !important
	}

	.mtop-md14 {
		margin-top: 14px !important
	}

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

	.mtop-md16 {
		margin-top: 16px !important
	}

	.mtop-md17 {
		margin-top: 17px !important
	}

	.mtop-md18 {
		margin-top: 18px !important
	}

	.mtop-md19 {
		margin-top: 19px !important
	}

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

	.mtop-md21 {
		margin-top: 21px !important
	}

	.mtop-md22 {
		margin-top: 22px !important
	}

	.mtop-md23 {
		margin-top: 23px !important
	}

	.mtop-md24 {
		margin-top: 24px !important
	}

	.mtop-md25 {
		margin-top: 25px !important
	}

	.mtop-md26 {
		margin-top: 26px !important
	}

	.mtop-md27 {
		margin-top: 27px !important
	}

	.mtop-md28 {
		margin-top: 28px !important
	}

	.mtop-md29 {
		margin-top: 29px !important
	}

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

	.mtop-md31 {
		margin-top: 31px !important
	}

	.mtop-md32 {
		margin-top: 32px !important
	}

	.mtop-md33 {
		margin-top: 33px !important
	}

	.mtop-md34 {
		margin-top: 34px !important
	}

	.mtop-md35 {
		margin-top: 35px !important
	}

	.mtop-md36 {
		margin-top: 36px !important
	}

	.mtop-md37 {
		margin-top: 37px !important
	}

	.mtop-md38 {
		margin-top: 38px !important
	}

	.mtop-md39 {
		margin-top: 39px !important
	}

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

	.mtop-md41 {
		margin-top: 41px !important
	}

	.mtop-md42 {
		margin-top: 42px !important
	}

	.mtop-md43 {
		margin-top: 43px !important
	}

	.mtop-md44 {
		margin-top: 44px !important
	}

	.mtop-md45 {
		margin-top: 45px !important
	}

	.mtop-md46 {
		margin-top: 46px !important
	}

	.mtop-md47 {
		margin-top: 47px !important
	}

	.mtop-md48 {
		margin-top: 48px !important
	}

	.mtop-md49 {
		margin-top: 49px !important
	}

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

	.mtop-md51 {
		margin-top: 51px !important
	}

	.mtop-md52 {
		margin-top: 52px !important
	}

	.mtop-md53 {
		margin-top: 53px !important
	}

	.mtop-md54 {
		margin-top: 54px !important
	}

	.mtop-md55 {
		margin-top: 55px !important
	}

	.mtop-md56 {
		margin-top: 56px !important
	}

	.mtop-md57 {
		margin-top: 57px !important
	}

	.mtop-md58 {
		margin-top: 58px !important
	}

	.mtop-md59 {
		margin-top: 59px !important
	}

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

	.mtop-md61 {
		margin-top: 61px !important
	}

	.mtop-md62 {
		margin-top: 62px !important
	}

	.mtop-md63 {
		margin-top: 63px !important
	}

	.mtop-md64 {
		margin-top: 64px !important
	}

	.mtop-md65 {
		margin-top: 65px !important
	}

	.mtop-md66 {
		margin-top: 66px !important
	}

	.mtop-md67 {
		margin-top: 67px !important
	}

	.mtop-md68 {
		margin-top: 68px !important
	}

	.mtop-md69 {
		margin-top: 69px !important
	}

	.mtop-md70 {
		margin-top: 70px !important
	}

	.mtop-md71 {
		margin-top: 71px !important
	}

	.mtop-md72 {
		margin-top: 72px !important
	}

	.mtop-md73 {
		margin-top: 73px !important
	}

	.mtop-md74 {
		margin-top: 74px !important
	}

	.mtop-md75 {
		margin-top: 75px !important
	}

	.mtop-md76 {
		margin-top: 76px !important
	}

	.mtop-md77 {
		margin-top: 77px !important
	}

	.mtop-md78 {
		margin-top: 78px !important
	}

	.mtop-md79 {
		margin-top: 79px !important
	}

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

	.mtop-md81 {
		margin-top: 81px !important
	}

	.mtop-md82 {
		margin-top: 82px !important
	}

	.mtop-md83 {
		margin-top: 83px !important
	}

	.mtop-md84 {
		margin-top: 84px !important
	}

	.mtop-md85 {
		margin-top: 85px !important
	}

	.mtop-md .mtop-md86 {
		margin-top: 86px !important
	}

	.mtop-md87 {
		margin-top: 87px !important
	}

	.mtop-md88 {
		margin-top: 88px !important
	}

	.mtop-md89 {
		margin-top: 89px !important
	}

	.mtop-md90 {
		margin-top: 90px !important
	}

	.mtop-md91 {
		margin-top: 91px !important
	}

	.mtop-md92 {
		margin-top: 92px !important
	}

	.mtop-md93 {
		margin-top: 93px !important
	}

	.mtop-md94 {
		margin-top: 94px !important
	}

	.mtop-md95 {
		margin-top: 95px !important
	}

	.mtop-md96 {
		margin-top: 96px !important
	}

	.mtop-md97 {
		margin-top: 97px !important
	}

	.mtop-md98 {
		margin-top: 98px !important
	}

	.mtop-md99 {
		margin-top: 99px !important
	}

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

	.mtop-md200 {
		margin-top: 200px !important
	}
}

.l100 {
	line-height: 100%
}

.l110 {
	line-height: 110%
}

.l120 {
	line-height: 120%
}

.l130 {
	line-height: 130%
}

.l140 {
	line-height: 140%
}

.lh150 {
	line-height: 150%
}

.l160 {
	line-height: 160%
}

.l170 {
	line-height: 170%
}

.l180 {
	line-height: 180%
}

.l200 {
	line-height: 200%
}

.weight300 {
	font-weight: 300 !important
}

.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;
}
.yellow-clr1 {
	color: #ffd900;
}
.green-clr {
	color: #70FF00;
}

.green-clr1 {
	color: #449A00;
}

.green-clr2 {
	color: #479906;
}

.red-clr {
	color: #F00;
}

.orange-clr {
	color: #FF8A00;
}

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

.puple-clr {
	color: #A85AE5;
}

.blue-clr {
	color: #0085FF;
}
.s-clr4 {
	color: #00ccff;
  }

/* Action Link */
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: linear-gradient(180deg, #FFF500 0%, #FF8A00 100%); */
	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: linear-gradient(180deg, #FF8A00 0%, #FFF500 100%); */
	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: 20px;
	line-height: 30px;
	color: #000;
	border-radius: 15px;
	/* background-image: linear-gradient(0deg, rgb(255, 171, 46) 0%, rgb(255, 111, 4) 100%); */
	background-image: linear-gradient(to bottom right,rgb(255, 187, 43) 0%, rgb(255, 187, 43) 100%);
	/* border: 2px solid rgb(255, 176, 63) */
}

a.action-link:hover {
	/* background-image: linear-gradient(0deg, rgb(255, 111, 4) 0%, rgb(255, 171, 46) 100%); */
	background-image: linear-gradient(to bottom right,rgb(255, 187, 43) 0%, rgb(255, 187, 43) 100%);
}


/* Css For Timer Display */

.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;
}


.cta-secure {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	flex-direction: column;
	justify-content: center;
}


.price-increase {
	border-radius: 6px;
	background-color: rgb(15, 38, 58);
	display: inline-block;
	padding: 10px 30px;
}

.timer-bg {
	background: #131c23;
	padding-top: 15px;
	border-radius: 15px;
}

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

@media (min-width:768px) {
	.item {
		margin-right: 20px;
		width: 100px;
	}

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

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

	.cta-secure {
		gap: 40px;
		flex-direction: row;
		justify-content: center;
	}

	a.action-link {
		padding: 30px 80px;
		font-size: 50px;
		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;
	}
}

/* Action Link End */

/* Footer */
.footer-section {
	padding: 30px 0px;
	background: #1C142E;
	background: #FFF;
}

.footer-bottom {
	padding: 15px 0px;
	background: #000;
}


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

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

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

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


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

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

/* Footer End */

.free-upgrade {
	background: #FF9393;
	padding: 15px 0px 10px 0px;
}

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

.embed-responsive {
	position: relative;
	display: block;
	width: 100%;
	padding: 0;
	overflow: hidden;
}

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

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

.embed-responsive .embed-responsive-item,
.embed-responsive embed,
.embed-responsive iframe,
.embed-responsive object,
.embed-responsive video {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 0;
}

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

.modal-title {
	margin-bottom: 0;
	line-height: 1.5;
}

#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;
}

/*Modal Pop-Up End*/

.welcome-section {
	padding: 30px 0px 0px 0;
	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;
}

.mainheadline {
	background: url(../images/mainheadline.png) no-repeat;
	background-size: 100% 100%;
	padding: 15px 40px;
	display: block;
}

.lastheadline {
	border-radius: 15px;
	background: rgba(0, 0, 0, 0.20);
	box-shadow: 0px 5px 5px 0px #0FF;
	padding: 10px;
	display: inline-block;
}

.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: #FFF;
	border: solid 1px #FF4569;
	padding: 10px;
}

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

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


}

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: 2.5px;
  background: #fdba34;
	display: inline-block;
	padding: 15px;
}

.rectangle-18 {
	/* height: 511px; */
	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;
}

.gradient-bg {
	/* background: linear-gradient(90deg, rgba(0, 255, 240, 0.00) 0%, rgba(0, 255, 240, 0.30) 50%, rgba(0, 255, 240, 0.00) 100%); */
	padding: 10px 0px;
	display: inline-block;
	background: linear-gradient(90deg, rgba(0, 255, 240, 0.00) 0%, rgb(1, 204, 68) 50%, rgba(0, 255, 240, 0.00) 100%);
}

.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) {
	.gradient-bg {
		padding: 1px 10px;
	}
}

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



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

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

	.mainheadline {
		padding: 25px 100px;
		display: inline-block;
	}

	.postheadline {
		padding: 12px 30px;
	}

	.lastheadline {
		border-radius: 35.5px;
		padding: 30px 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;
	}

	.font-md200 {
		font-size: 200px !important;
		line-height: 240px;
	}
}

/* Header End */

/* CTA Section */
.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;
	}

}

/* CTA Section End */


.step-section {
	background: #000224 url(../images/step-section.png) no-repeat center center / cover;
	padding: 30px 0px 2px 0;
	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 {
	/* background: linear-gradient(180deg, rgba(0, 133, 255, 0.20) 0%, rgba(168, 90, 229, 0.00) 100%);
	padding: 15px;
	text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.50); */
	/* background: #02282a; */
	padding: 15px;
	text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.50);
	border-radius: 0 0px 10px 10px;
	/* background: #000; */
}

.step-content1 {
	/* background: linear-gradient(180deg, rgba(0, 133, 255, 0.20) 0%, rgba(168, 90, 229, 0.00) 100%);
	padding: 15px;
	text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.50); */
	/* background: #fff; */
	padding: 15px;
	/* text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.50); */
	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 1px 0;
	}

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

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

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

	.step-content1 {
		padding: 10px 20px;
		/* 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-section .steps-img img{
	background: linear-gradient(90deg, #FF4569 0.01%, #FF7046 99.99%);
   padding: 10px;
   border-radius: 12px;
   width: 100%;
}
	.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 bottom / 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); */
	border: 1px solid rgb(255, 255, 255);
	background-color: rgb(255, 255, 255);
	height: calc(100% - 130px);
	margin-top: 130px;
	border-radius: 12px;
	box-shadow: 0px 15px 40px 0px rgba(3, 0, 52, 0.08);


    padding: 1px 30px;
}

.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;
}

.slow-block {
	background: #A85AE5;
	padding: 15px;
}

.turth-section {
	padding: 30px 0px 0px 0px;
	/* background-image: linear-gradient(to bottom right, rgb(50, 58, 77) 0%, rgb(50, 58, 77) 100%); */
	/* background-image: linear-gradient(to bottom right, rgb(52, 133, 255) 0%, rgb(52, 133, 255) 100%); */
	background-image: linear-gradient(to bottom right, rgb(0, 2, 36) 0%, rgb(0, 2, 36) 100%);

}

.seeing-block1 {
	/* border-radius: 10px 10px 10px 10px;
	background-image: linear-gradient(0deg, rgb(255, 71, 2) 0%, rgb(255, 160, 13) 100%); */
	border-radius: 10px 10px 10px 10px;
  background-color: rgba(182, 238, 255, 0.45);
	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 0 0;
	}

	.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 0 0;
	}

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

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

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

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

	.slow-block {
		padding: 30px;
	}

	.turth-section {
		padding: 100px 0px 0px 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: #01EAFF;
	padding: 10px 15px;
	border-radius: 10px 10px 0 0;
}

.stugle-content {
	padding: 15px 15px 0px 15px;
	border-radius: 0px 0px 53px 53px;
	/* background: linear-gradient(112deg, #0085FF 17.23%, #A85AE5 79.24%); */
	background: #fff;
}

.simple-content {
	padding: 15px 15px 0px 15px;
	border-radius: 53px 53px 53px 53px;
	background: #fff;
	box-shadow: 0px 0px 40px 0px rgba(6, 1, 19, 0.59);
}
.simple-content1 {
	padding: 15px 15px 0px 15px;
	border-radius: 53px 53px 53px 53px;
	background-color: rgb(129, 73, 255);
	box-shadow: 0px 15px 40px 0px rgb(156, 113, 255);
}

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

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

.intro-block {
	border-radius: 15px;
	background: #1C142E;
	background: #340796;
	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;
}

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

.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;
	}

	.imagine-section {
		padding: 100px 0px;
		background-position: center right;
	}

	.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.png) 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: #f00;
	display: inline-block;
	padding: 10px 30px;
	margin-top: -25px;
	color: #fff !important;
}

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

.monye-block {
	border-radius: 15px;
	/* background: #0B1A3A; */
	/* background-image: linear-gradient(to bottom right,rgb(255, 194, 0) 0%, rgb(255, 41, 0) 100%); */

	/* background-image: linear-gradient(270deg, rgb(255, 194, 0) 0%, rgb(255, 41, 0) 100%); */
	/* background: #000; */
	background: #000000ba;
	padding: 15px;
}

.mony-title {
	background: #70FF00;
	display: inline-block;
	padding: 10px 15px;
	border-radius: 15px;
}

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

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

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

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

	.mony-title {
		padding: 15px 65px;
	}
}


.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 top / cover;
}

.web-title {
	border-radius: 15px;
	background: #FFF500;
	display: inline-block;
	padding: 8px 30px;
}

@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;
	}

	.web-title {
		border-radius: 20px;
		padding: 15px 50px;
	}
}


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

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

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

.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 #f00;
	border-bottom: 4px solid #f00;

}

.faq-title {
	border-radius: 10px;
	background: #F00;
	display: inline-flex;
	padding: 0px 8px;
	color: #fff;
	position: relative;
}

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

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



/* video-section1 */
/* sales-video */
@media (min-width:768px) {
	.video-section1 {
		/* background-image: url('images/video-frame1.png'); */
		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-frame1.png'); */
		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-frame1.png'); */
		background-image: url(../images/video-frame.png);
		background-repeat: no-repeat;
		background-size: 100% 100%;
		padding: 15px 0px;
	}
}

/* video-section1 end */

.highlight {
	background: #fff;
	border: dashed 2px #ffa34e;
	display: inline-block;
	padding: 5px;
}

@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: 5px 46px 21px 15px;
	}
}

.high_light1 {
	background: #fff;
	border: dashed 2px #000;
	display: block;
	padding: 5px;
}

@media (min-width: 768px) {
	.high_light1 {
		background: url(../images/high_light1.webp) no-repeat center center;
		background-size: auto;
		background-size: auto;
		background-size: 100% 100%;
		border: none;
		padding: 50px 20px 50px 20px;
	}
}
.head-lebal1 {
	padding-bottom: 9px;
	padding-top: 9px;
	margin-right: 50px;
	margin-left: 50px;
	border-radius: 360px;
	padding-right: 0px;
	padding-left: 0px;
	background-image: linear-gradient(90deg, rgb(18, 156, 104) 0%, rgb(249, 46, 6) 100%);
	background-image: linear-gradient(90deg, rgba(255, 30, 131, 0.2) 0%, rgba(255, 29, 135, 0.1) 100%);
	/* border: 2px dashed #0687ff;
  box-shadow: 0px 1px 20px 3px #a05fe8; */
  color: rgb(78, 74, 141);
	/* box-shadow: 0px 1px 20px 3px #a05fe8;
  color: #fefefe;
  background-image: linear-gradient(-90deg,rgb(2, 133, 255) 0%, rgb(169, 92, 230) 100%); */
}
@media (min-width: 768px) {
	.head-lebal1 {
		padding-bottom: 9px;
		padding-top: 9px;
		margin-right: 50px;
		margin-left: 50px;
		border-radius: 360px;
		padding-right: 0px;
		padding-left: 0px;
		background-image: linear-gradient(90deg, rgb(18, 156, 104) 0%, rgb(249, 46, 6) 100%);
		background-image: linear-gradient(90deg, rgba(255, 30, 131, 0.2) 0%, rgba(255, 29, 135, 0.1) 100%);
		/* border: 2px dashed #0687ff;
	  box-shadow: 0px 1px 20px 3px #a05fe8; */
	  color: rgb(78, 74, 141);
		/* box-shadow: 0px 1px 20px 3px #a05fe8;
	  color: #fefefe;
	  background-image: linear-gradient(-90deg,rgb(2, 133, 255) 0%, rgb(169, 92, 230) 100%); */
	}
}
.head-lebal2 {
	padding-bottom: 9px;
	padding-top: 9px;
	margin-right: 50px;
	margin-left: 50px;
	border-radius: 0px;
	padding-right: 0px;
	padding-left: 0px;

	background-image: linear-gradient(90deg, rgba(255, 30, 131, 0.2) 0%, rgba(255, 29, 135, 0.1) 100%);
	/* border: 2px dashed #0687ff;
  box-shadow: 0px 1px 20px 3px #a05fe8; */
  color: rgb(78, 74, 141);
	/* box-shadow: 0px 1px 20px 3px #a05fe8;
  color: #fefefe;
  background-image: linear-gradient(-90deg,rgb(2, 133, 255) 0%, rgb(169, 92, 230) 100%); */
}
@media (min-width: 768px) {
	.head-lebal2 {
		padding-bottom: 9px;
		padding-top: 9px;
		margin-right: 50px;
		margin-left: 50px;
		border-radius: 0px;
		padding-right: 0px;
		padding-left: 0px;
	
		background-image: linear-gradient(90deg, rgba(255, 30, 131, 0.2) 0%, rgba(255, 29, 135, 0.1) 100%);
		/* border: 2px dashed #0687ff;
	  box-shadow: 0px 1px 20px 3px #a05fe8; */
	  color: rgb(78, 74, 141);
		/* box-shadow: 0px 1px 20px 3px #a05fe8;
	  color: #fefefe;
	  background-image: linear-gradient(-90deg,rgb(2, 133, 255) 0%, rgb(169, 92, 230) 100%); */
	  display: inline-block;
	}
}
.text-color {
	color: rgb(68, 72, 116)
}

.text-color1 {
	color: rgb(49, 55, 71);
}

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

.text-cian {
	color: rgb(33, 171, 255);
}

.light-green {
	color: rgb(0, 255, 168);

}

.hurry-img {
	position: relative;
	z-index: 9;
	/* max-width: 585px; */
	max-width: 333px;
	width: 100%;
}

/* @media (min-width: 768px) {
	.cta-minus {
	  margin-top: -191px;
	}
  } */
/* @media (min-width: 768px) {
	.cta-content-padding {
	  padding: 30px;
	}
  } */
.sec-2 {
	padding: 50px 0 0px 0;
	/* background: #372169 url(../images/sec-2.png) no-repeat center center / cover; */
	background-color: #323a4d;
	overflow: hidden;
}

.demo-video-card {
	border-radius: 20px;
	/* background-image: linear-gradient(to bottom right, rgb(255, 194, 0) 0%, rgb(255, 41, 0) 100%); */
background-color: rgb(247, 65, 65);
background-color: rgb(255, 187, 54);
	position: relative;
	z-index: 9;
	padding: 1px 10px 60px 10px;
}
.waves1{
	position: relative;
	z-index: 999;
}

@media (min-width: 768px) {

	.sec-2 {
		padding: 80px 0 0px 0;
		/* background: #372169 url(../images/sec-2.png) no-repeat center center / cover; */
		background-color: #323a4d;
	}

	.header-icon {
		position: absolute;
		left: -35px;
		top: 16%;
		width: 16%;
		z-index: 1;
	}

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

	.header-icon2 {
		/* position: absolute;
		right: -5%;
		top: 31%;
		width: 18%;
		z-index: 1; */
		position: absolute;
		right: -4%;
		top: 9%;
		width: 16%;
		z-index: 1;
	}


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

	.header-icon4 {
		/* position: absolute;
		right: -10%;
		top: 120px;
		width: 21%;
		z-index: 1; */

		position: absolute;
		right: -5%;
		bottom: 67%;
		width: 16%;
		z-index: 1;
	}

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

	.header-icon6 {
		position: absolute;
		left: -3%;
		bottom: 62px;
		width: 20%;
		z-index: 999;
	}

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

	/* .demo-video-card {
		margin-bottom: -200px;
	} */

}

/* @media (max-width: 768px) {
	.demo-video-card {
		margin-bottom: -100px;
	}

}

@media (max-width: 400px) {
	.demo-video-card {
		margin-bottom: -130px;
	}

	.demo-video-card {
		padding: 0px 0px 11px 0px;
	}




} */

.cta-minus {
	border-radius: 10px;
	background: #FFF;
	border: solid 1px #FF4569;
	padding: 0px 10px 18px 10px;
}

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

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

.p2-img {
	position: absolute;
	top: 20px;
	z-index: 99;
	right: 0;
}
.l1-img {
	position: absolute;
	bottom: 0;
	left: -5%;
	z-index: 99;
}

.l2-img {
	position: absolute;
	bottom: 0;
	right: -5%;
	z-index: 99;
}
@media (max-width: 991px) {
	.l1-img {
		display: none;
	}
.l2-img{
	display: none;
}
}

@media (max-width: 768px) {
	.l1-img {
		display: none;
	}
.l2-img{
	display: none;
}
	.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 start */

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

@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: 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(254, 254, 254);
	box-shadow: 0px 0px 35px 0px rgba(92, 92, 160, 0.17);
}

@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);
		border-right: solid 10px #ff8a00;
		border-bottom: solid 10px #ff8a00;
	}
}

@media (min-width: 768px) {
	.testimonials-shape {
		padding: 30px;
	}
	.star-img {
		width: 50% !important;
	}
}

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

.card-img1 {
	position: absolute;
	right: -1%;
	bottom: 0%;
	width: 24%;
  
}

@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%); */
	background-color: rgb(101, 34, 242);
	overflow: hidden;
}

.cta-card {
	border-radius: 20px;
	background-color: #fff;
	background-color: rgb(86, 26, 212);
	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;
	}


}




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

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

.store-block {
	border-width: 2px;
	border-style: solid;
	border-radius: 30px;
	/* background: rgba(255, 255, 255, 0.039); */
	background: #fff;
	padding: 20px 15px;
	border-color: #ff9600;
	/* height: 100%; */
}



/* store-future-sec1 */

.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 {
	/* background: #fff url(../images/future-sec2.png) no-repeat center center / cover; */
	padding: 30px 0px 0px 0;
	position: relative;
	background-image: linear-gradient(to bottom right, rgb(52, 133, 255) 0%, rgb(52, 133, 255) 100%);
}

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


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


}

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


.data-proof{
	background-color: rgb(255, 187, 54);
  position: relative;
  z-index: 9;
  padding: 60px 20px 0px 20px;
  border-radius: 20px;
}
@media (min-width: 768px) {
	.income-section {
		padding: 100px 0px 0 0;
	}

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

	.store-future-sec2 {
		/* background: #fff url(../images/future-sec2.png) no-repeat center center / cover; */
		padding: 80px 0px 0px 0;
		position: relative;
		background-image: linear-gradient(to bottom right, rgb(50, 58, 77) 0%, rgb(50, 58, 77) 100%);
  
	}

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


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

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

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

.c2 {
	border: 1px solid  rgb(255, 108, 108);
	background-color: rgb(255, 108, 108);
	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: 5%;
	background: linear-gradient(91deg, #563BFF 1.01%, #7371FC 48.55%, #D94FD5 110.04%);

	color: #fff;
	font-size: 33px;
	font-weight: 700;
	line-height: 1.5;
}
.col-vscount1 {
	width: 72px;
	height: 72px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 5%;
	background: linear-gradient(91deg, #563BFF 1.01%, #7371FC 48.55%, #D94FD5 110.04%);
	background-color: #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-image: linear-gradient(to bottom right,rgb(34, 1, 141) 0%, rgb(69, 12, 158) 100%);
		color: #fff;
	  
	}
}

@media (max-width: 768px) {
	.client-vsfeed {
		padding: 18px 15px 35px 15px;
		border-radius: 20px;
		background-image: linear-gradient(to bottom right,rgb(34, 1, 141) 0%, rgb(69, 12, 158) 100%);
		color: #fff;
	}
	.logo-image img{
		width: 100%;
			}
}

@media (max-width: 400px) {
	.client-vsfeed {
		padding: 18px 15px 35px 15px;
		border-radius: 20px;
		background-image: linear-gradient(to bottom right,rgb(34, 1, 141) 0%, rgb(69, 12, 158) 100%);
		color: #fff;
	}
	.logo-image img{
		width: 100%;
			}
}




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


@media (min-width: 768px) {
	.cancel-section {
		padding: 100px 0px 0 0;
	}
	.logo-image img{
max-width: 50%;
	}
}

.cancel-future-box {
	border: 1px solid rgba(0, 2, 36, 0);
	background-color: rgba(2, 2, 38, 0.13);
	box-shadow: 0px 0px 10px 0px rgba(4, 80, 196, 0.78);
	padding: 30px 25px 30px 25px;
	border-radius: 12px;
	height: 100%;
}

.c-1 {
	border: 1px solid rgba(0, 2, 36, 0);
	background-color: rgb(255, 255, 255);
	color: #212529;
}

.c-2 {
	border: 1px solid rgba(0, 2, 36, 0);
	background-color: rgb(255, 255, 255);
	color: #212529;
}

.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-image: linear-gradient(to bottom right, rgb(255, 194, 0) 0%, rgb(255, 41, 0) 100%); */
	background-color: rgb(255, 255, 255);
	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;
}

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

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

}

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

	}
}

.f-right {
	border-radius: 20px;
	background: linear-gradient(90deg, rgb(252, 51, 31) 0%, rgb(252, 51, 31) 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(49, 57, 189) 45%, rgb(19, 28, 185) 100%);
	padding: 20px;
}

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





.unleash-section {
	padding: 30px 0 0px 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;
	background-color: #323a4d;
}

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

	}

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



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

	/* background: url(../images/sec-15.png) no-repeat center 0; */
	background-color: #fff;
	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;
	}
}

.monye-back-img {

	position: absolute;
}


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;
	min-height: 45px; */



	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;
	/* position: relative;
	top: -6rem; */
	width: 208px;
	z-index: 91;
	border: 5px solid #ff8a00;
	border-radius: 104px;
	background: #ffffff;
	background-clip: border-box;
	background-clip: padding-box;
}

.ellipse-2 {
	height: 208px;
	margin: 0 auto;
	/* position: relative;
	top: -6rem; */
	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 0px 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: 10px;
	background-color: #eb00ff17;
	/* background-image: linear-gradient(to bottom right, rgb(255, 194, 0) 0%, rgb(255, 41, 0) 100%); */
	position: relative;
	z-index: 9;
	padding: 50px 10px 50px 10px;
  }
  @media (min-width: 768px) {
	.money-card {
	
	}
  }
  .testi-user img{
	width: 25%;
  }



  
.effect-1 {
	position: relative;
	z-index: 1;
	display: inline-block;
}
.effect-3 {
	position: relative;
	z-index: 1;
	display: inline-block;
}


.effect-2 {
	position: relative;
	z-index: 1;
	display: inline-block;
}
.effect-4 {
	position: relative;
	z-index: 1;
	display: inline-block;
}
.effect-5 {
	position: relative;
	z-index: 1;
	display: inline-block;
}



.effect-1::before {
	content: '';
	position: absolute;
	width: 115%;
  height: 20px;
  left: 50%;
	bottom: 0px;
	background: url(../images/stroke1.png) no-repeat center center;
	background-size: auto;
	z-index: -1;
	transform: translateX(-50%);
	background-size: 100% 100%;
}

.caveat {
	font-family: "Caveat", cursive;
	font-optical-sizing: auto;
  }

.t-text1{
	color: rgb(57, 57, 93);
}
.t-text2{
	color: rgb(13, 233, 207);
}
.t-text3{
	color: rgb(255, 187, 54);
}

.t-g-clr {
	background: linear-gradient(90deg, #FF17FC 0.01%, #FFD548 99.99%);
			background-clip: text;
			-webkit-background-clip: text;
			-webkit-text-fill-color: transparent;
			
}
.t-g-clr1 {
	background: linear-gradient(90deg, #FF4569 0.01%, #FF7046 99.99%);
	background-clip: text;
			-webkit-background-clip: text;
			-webkit-text-fill-color: transparent;
}

.effect-2::before {
	content: '';
	position: absolute;
	width: 100%;
	height: 20px;
	left: 50%;
	bottom: 10px;
	background-color: rgb(255, 0, 107);
	z-index: -1;
	transform: translateX(-50%);
}
.effect-4::before {
	content: '';
	position: absolute;
	width: 100%;
	height: 20px;
	left: 50%;
	bottom: 10px;
	background-color: rgb(0, 205, 255);
	z-index: -1;
	transform: translateX(-50%);
}

@media (max-width: 400px) {
	.effect-2::before {
		content: '';
		position: absolute;
		width: 102%;
		height: 25px;
		left: 50%;
		bottom: 0px;
		background-color: rgb(255, 0, 107);
		z-index: -1;
		transform: translateX(-50%);
		padding: 0;
	}
	.effect-4::before {
		content: '';
		position: absolute;
		width: 102%;
		height: 25px;
		left: 50%;
		bottom: 0px;
		background-color: rgb(0, 205, 255);
		z-index: -1;
		transform: translateX(-50%);
		padding: 0;
	}
	.makeover {
		background: url(../images/makeover.png) no-repeat center center;
		background-size: auto;
		background-size: 100% 100%;
		padding: 8px 15px;
		display: block;
	}
}




.effect-3::before {
	content: '';
	position: absolute;
	width: 100%;
	height: 20px;
	left: 50%;
	bottom: 10px;
	background-color: rgb(255, 182, 10);
	z-index: -1;
	transform: translateX(-50%);
}

@media (max-width: 400px) {
	.effect-3::before {
		content: '';
		position: absolute;
		width: 102%;
		height: 25px;
		left: 50%;
		bottom: 0px;
		background-color: rgb(255, 182, 10);
		z-index: -1;
		transform: translateX(-50%);
		padding: 0;
	}
}

.effect-5::before {
	content: '';
	position: absolute;
	width: 100%;
	height: 20px;
	left: 50%;
	bottom: 10px;
	background-color: rgb(255, 182, 10);
	z-index: -1;
	transform: translateX(-50%);
}

@media (max-width: 400px) {
	.effect-5::before {
		content: '';
		position: absolute;
		width: 102%;
		height: 25px;
		left: 50%;
		bottom: 0px;
		background-color: rgb(255, 182, 10);
		z-index: -1;
		transform: translateX(-50%);
		padding: 0;
	}
}

.strok1 {
	border: dashed 1px #ffa34e;
	display: inline-block;
	padding: 3px;
	margin-right: 10px;
}


@media (min-width: 768px) {
	.strok1 {
		background: url(../images/strok1.webp) no-repeat center center;
		background-size: auto;
		background-size: auto;
		background-size: 100% 100%;
		border: none;
		padding: 5px 30px 4px -18px;
		margin-right: 0px;
		padding: 0px 50px 30px 15px;
	}
}

.strok2 {
	border: dashed 2px #ffa34e;
	display: inline-block;
	padding: 5px;
	margin-right: 10px;
}

.strok-color {
	color: #ffa34e;
}

.strok3 {
	background-image: linear-gradient(90deg, #0030FE 0%, #00DFFE 100%);
  border-radius: 4px;
	display: inline-block;
	padding: 3px;
	margin-right: 10px;
}

@media (min-width: 768px) {
	.strok2 {
		background: url(../images/strok2.png) no-repeat center center;
		background-size: auto;
		background-size: 100% 100%;
		border: none;
		padding: 0px 40px 20px 15px;
		margin-right: 0px;
	}

	.strok3 {
		background: #313747 url(../images/strok3.webp) no-repeat center center;
		background-size: auto;
		background-size: 100% 100%;
		border: none;
		padding: 10px 40px 10px 40px;
		margin-right: 0px;
	}
}

.li-card {
	border: 2px solid rgb(255, 69, 105);
	padding: 40px;
	color: rgb(255, 89, 79);
	border-radius: 0px;
	background-color: #fff;
  
  }
.sbox-1 {
	padding: 5px 30px;
	border: 1px solid #0769f2;
	background-color: rgba(0, 0, 0, 0.3);
	display: inline-block;
	border-radius: 20px;
}

.data-box {
	padding: 5px 10px;
	background-color: #2ddaff;
	background-color: #ff4767;

}


.ltaxt-box {
	background-image: linear-gradient(90deg, rgb(255, 20, 252) 0%, rgb(66, 32, 255) 100%);
	padding: 5px 10px;
	display: inline-block;
	border-radius: 5px;
}

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


.future-box {
	background-color: rgb(0, 132, 250);
	padding: 20px 20px;
	border-radius: 25px 25px 0 0;

  }
  .future-contant-box {
	background-color: rgb(255, 255, 255);
	padding: 50px 20px 0px 20px;
	border-radius: 0 0 0px 0px;
	box-shadow: 0px 15px 40px 0px rgba(0, 0, 0, 0.1);
	display: block;
	height: 72%;
	min-height: 230px;
	
  }
  .top-box-future{
	background-color: rgb(199, 253, 255);
	border: 10px solid rgb(199, 253, 255);
	border-radius: 25px 25px 5px 5px;
  }
.future-box img{
	margin-bottom: -70px;
}



  .sales-section {
	background-color: #323a4d;
	  background-attachment: scroll;
	  background-size: auto;
	  padding: 50px 0px 0 0;
	background-attachment: fixed;
	background-size: cover;
  }
  @media (min-width: 768px) {
	.sales-section {
		padding: 100px 0px 0 0;
	}
  }
  .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;
	background-position-x: left;
	background-position-y: center;
	background-position-x: left;
	background-position-y: center;
	min-height: 46px;
	padding-left: 55px;
	background-position: 0px 3px;
	margin-bottom: 20px;
  }
  .purple-clr1 {
	color: rgb(0, 106, 255);
  }
  .pink-clr {
	color: #F228C6;
  }