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

.inter {
	font-family: "Inter", sans-serif;
	font-optical-sizing: auto;
	/* font-weight: 900px; */
	font-style: normal;
}

.caveat {
	font-family: "Caveat", serif !important;
	/* font-family: "Dancing Script", serif !important; */
	font-optical-sizing: auto;
}

.aclonica {
	font-family: "Aclonica", sans-serif;

	font-style: normal;
}

.rammetto {
	font-family: "Rammetto One", sans-serif;
	font-weight: 400;
	font-style: normal;
}

.Roboto {
	font-family: "Roboto", sans-serif;
	font-optical-sizing: auto;
	font-variation-settings:
		"wdth" 100;
}

.racing {
	font-family: "Racing Sans One", sans-serif;

	font-style: normal;
}


.sans-serif {
	font-family: sans-serif;
	letter-spacing: -1px;
}

@media (min-width: 768px) {
	.russo {
		font-family: "Russo One", sans-serif;
		letter-spacing: -1px;
		font-style: normal;
	}

}

@media (max-width: 768px) {
	.russo {
		font-family: "Russo One", sans-serif;
		letter-spacing: 0px;
		font-style: normal;
	}

}

@media (min-width: 1200px) {

	.container,
	.container-lg,
	.container-md,
	.container-sm,
	.container-xl,
	.container-xxl {
		max-width: 1260px;
	}
}

/* @media (min-width: 1200px){
    .container,
	.container-lg,
	.container-md,
	.container-sm,
	.container-xl,
	.container-xxl {
        max-width: 1170px !important;
    }
} */



.Inter-family {
	font-family: "Inter", sans-serif;
}

.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: #FFF500;
}

.black-clr {
	color: #000000;
}

.green-clr1 {
	color: #02E850;
}

.green-clr2 {
	color: #547614;
}

.blue-clr1 {
	color: #0047FF;
}

.blue-clr2 {
	color: #0030FE;
}


.red-clr {
	color: #FF1D48;
}

.red-clr1 {
	color: #FF0000;
}

.orange-clr {
	color: #FF8A00;
}

.orange-clr1 {
	color: #FF5C00;
}

.orange-clr2 {
	color: #F89F07;
}



.purple-clr {
	color: #442CAD;
}

.purple-clr1 {
	color: rgb(128, 22, 246);
	color: rgb(61, 91, 255);
	color: rgb(255, 76, 0);
}

.pink-clr {
	color: #F228C6;
}

.pink-clr1 {
	color: #FF1D48;
}

.sky-clr {
	color: #00FFF0;
}

.sky-clr1 {
	color: #01FFEE;
}

.sky-clr2 {
	color: #00E0FD;
}

.leyer-box {
	background-color: #00E0FD;
	display: block;
	padding: 5px 0;
	border-radius: 10px;
}

.leyer-box1 {
	background-color: #0030FE;
	display: block;
	padding: 5px 0;
	border-radius: 10px;
}

.leyer-box2 {
	background-color: #FFF;
	display: block;
	padding: 7px 0;
	border-radius: 0px;
	color: #FF0000;
}

.leyer-box3 {
	background-color: #F228C6;
	display: inline-block;
	padding: 0px 50px;
	border-radius: 10px;
}

.leyer-box4 {
	background-color: #FFF500;
	display: inline-block;
	padding: 5px 60px;
	border-radius: 10px;
}

.leyer-box5 {
	background-color: #00E0FD;
	display: inline-block;
	padding: 5px 60px;
	border-radius: 10px;
}

.leyer-box6 {
	background-color: #FF0000;
	display: inline-block;
	padding: 5px 60px;
	border-radius: 10px;
}

.leyer-box7 {
	background-color: #F228C6;
	color: #fff;
	display: inline-block;
	padding: 0px 5px;
	border-radius: 10px;
}

.cata-buy-button {

	/* background-image: linear-gradient(90deg, #00E5FF 0%, #FF9D00 100%); */
	/* background-color: rgb(0, 5, 45); */
	/* background-image: linear-gradient(to bottom right,rgb(153, 0, 255) 0%, rgb(46, 0, 255) 100%); */
	/* background-image: linear-gradient(90deg,rgb(4, 48, 251) 0%, rgb(0, 143, 255) 100%); */
	/* background-color: rgb(51, 59, 78);
	background-image: linear-gradient(to bottom right, rgb(0, 194, 255) 0%, rgb(0, 0, 255) 100%);
	background-image: linear-gradient(0deg,rgb(235, 23, 84) 0%, rgb(255, 123, 0) 100%); */
	background-size: cover;
	padding: 60px 0 60px 0px;
	overflow: hidden;
	background: none no-repeat center center;
}

.cta-card {
	border-radius: 20px;


	background-color: rgb(255, 255, 255);
	padding: 50px 20px 70px 20px;
	box-shadow: 0px 0px 14px 0px rgba(255, 255, 255, 0.68);
	position: relative;
}

@media (min-width: 768px) {
	.cta-card1 {
		border-radius: 20px;

		background: url(../images/cata-buttons.png) repeat center center;
		background-size: auto;
		background-size: auto;
		background-size: cover;

		background-size: cover;
		padding: 4% 2%;
		position: relative;
		border-radius: 31px;
		box-shadow: 0px 20px 59px 0px rgba(0, 0, 0, 0.42);
		border: 1px solid #8a6cf8;
	}
}

@media (max-width: 768px) {
	.cta-card1 {
		border-radius: 20px;
		background: url(../images/cata-buttons.png) repeat center center;
		background-size: auto;
		background-size: auto;
		background-size: cover;

		/* background-color: rgb(255, 255, 255);
		background-color: rgb(255, 228, 210); */
		padding: 90px 20px 70px 20px;
		/* box-shadow: 0px 0px 14px 0px rgba(255, 255, 255, 0.68); */
		position: relative;
	}
}



.fluid-padding {
	padding: 0 40px;
}

.buy-button-head {
	padding: 5px;
	color: #fff;
	background-color: #0009;
}

.top-box1 {
	border-radius: 0px;
	background: linear-gradient(0deg, #00FEEF 0%, #00FEEF 106%);
	padding: 15px 10px;

}

.top-box2 {
	border-radius: 0px;
	border: 1px dashed #FFD5D5;
	padding: 30px 30px;

}

.border-bottom {
	border-bottom: 1px dashed #FFD5D5;
	border-style: dashed;
}


.gradient-clr {
	background: linear-gradient(90deg, #01FFFF 0.01%, #9BADFF 41%, #9BADFF 68%, #FA00FF 99.99%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.gradient-clr1 {
	background: linear-gradient(90deg, #FA00FF 0.01%, #9BADFF 41%, #9BADFF 68%, #01FFFF 99.99%);
	background-clip: border-box;
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.gradient-clr2 {
	background: linear-gradient(90deg, #9BADFF 41%, #9BADFF 68%, #01FFFF 99.99%);
	background-clip: border-box;
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.gradient-clr3 {
	background: linear-gradient(90deg, #FF00F5 0%, #FF00F5 30%, #5A2EFB 60%, #0047FF 100.99%);
	background-clip: border-box;
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.gradient-clr4 {
	background: linear-gradient(90deg, #FF81FA 0%, #9BADFF 41%, #01FFFF, #01FFFF 100.99%);
	background-clip: border-box;
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.gradient-clr5 {
	background: linear-gradient(90deg, #9BADFF 0.01%, #3bc3f5 31%, #01FFFF 68%, #01FFFF 99.99%);
	background-clip: border-box;
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.gradient-clr6 {
	background: linear-gradient(90deg, #F904D6 0.01%, #cb32dd 30%, #57A8F1 68%, #01FFFF 99.99%);
	background-clip: border-box;
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

/* AI sonic text gradient*/
.gradient1 {
	background: linear-gradient(90deg, #00FFE0 0.01%, #00FFE0 30%, #00DFFE 68%, #00DFFE 99.99%);
	background-clip: border-box;
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.gradient2 {
	background: linear-gradient(90deg, #00FFE0 0%, #00DFFE 92.6%);
	background-clip: border-box;
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.converts {
	background: none center top no-repeat;
	background-size: cover;
	padding: 30px 0 30px 0;
}

/* .step-block {
	border-radius: 20px;
	background: linear-gradient(180deg, rgba(0, 0, 0, 0.32) 0%, rgba(0, 0, 0, 0.00) 92.6%);
	padding: 20px;
  } */

/* .step-block {
	border-radius: 20px;
	background: linear-gradient(180deg, rgba(0, 0, 0, 0.32) 0%, rgba(0, 0, 0, 0.00) 92.6%);
	padding: 20px;
  } */
.superior-left-title-bg {
	background: none center top no-repeat;
	background-size: auto;
	background-size: auto;
	background-size: 100% 100%;
	padding: 16px 17px;
}

.superior-right-title-bg {
	background: none center top no-repeat;
	background-size: auto;
	background-size: auto;
	background-size: 100% 100%;
	padding: 16px 17px;
}

.superior-left-title {
	background: none center top no-repeat;
	background-size: auto;
	background-size: auto;
	background-size: 100% 100%;
	padding: 16px 17px;
}

.superior-right-title {
	background: none center top no-repeat;
	background-size: auto;
	background-size: auto;
	background-size: 100% 100%;
	padding: 16px 17px;
}


.step-block_box {
	border-radius: 20px;
	background: #ffffff0a;
	padding: 30px 30px;
}

.welcome-section {
	padding: 30px 0px 0px 0px;
	background: #160b2e url(../images/header-bg.png) no-repeat center top;
	background-size: auto;
	background-size: cover;
}

.features-box {
	border-radius: 5px;
	padding: 15px;
	box-shadow: 0px 0px 20px 0px #62B0E629;
	background: linear-gradient(180deg, #62B0E629 0%, #62B0E629 106%);
	/* border: 1px solid #00dffe; */
}



.pre-headline {
	border-radius: 32.5px;
	border: 1px solid #01FFEE;
	background: rgba(0, 0, 0, 0.20);
	display: inline-flex;
	padding: 10px;
}

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

.makeover {
	background: none no-repeat center center;
	background-size: 100% 100%;
	padding: 8px 15px;
	display: inline-block;
}

.video-title {
	/* border-radius: 10px;
	background: rgba(255, 255, 255, 0.16);
	padding: 10px 9px;
	display: block; */
	background-color: #ffffff0d;
	backdrop-filter: blur(10px);
	border-radius: 10px;
	/* overflow: hidden; */
	padding: 8px 10px;
	border: 1px solid hsl(0deg 0% 72.55% / 9%);
	/* display: inline-block; */
}

/* .video-frame {
	border-radius: 0px;
	background: linear-gradient(180deg, #FFFFFF17 0%, #FFFFFF2B 106%);
  border: 1px solid #f0f0f0ab;
  border: 1px solid #f0692f;
  padding: 30px 20px;
} */

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

ul.features-list li {
	list-style: none;
	background: none center left no-repeat;
	min-height: 35px;
	padding-left: 35px;
	background-position: 0px 3px;
	background-size: 25px;
	margin-bottom: 15px;
}

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

.steps-list {
	margin: 0px;
	padding: 0px;
}

ul.steps-list li {
	list-style: none;
	background: none center left no-repeat;
	min-height: 46px;
	padding-left: 55px;
	/* background-position: 0px 3px; */
	/* margin-bottom: 18px; */
	margin-bottom: 10px;
}

.cta-wrap {
	border-radius: 0px;

	/* border: 1px solid #00FEEF; */
	/* background: linear-gradient(180deg, #FFFFFF17 0%, #FFFFFF2B 106%);
	border: 1px solid #f0692f; */
	background: linear-gradient(180deg, #FFF 0%, #FFF 106%);
	border: 1px solid #0085ff;
	padding: 15px;
}

.today {
	background: none no-repeat center center;
	display: inline-block;
	padding: 15px;
	background-size: contain;
}

.hurry {
	/* background: linear-gradient(90deg, rgba(0, 0, 0, 0.00) 0%, #FF1D48 51.5%, rgba(0, 0, 0, 0.00) 100%); */
	background: linear-gradient(90deg, rgba(0, 0, 0, 0.00) 0%, #f9a200 51.5%, rgba(0, 0, 0, 0.00) 100%);
	display: block;
	padding: 10px;

}

@media (min-width: 768px) {
	.welcome-section {
		padding: 30px 0px 0px 0px;
		background: #191918 url(../images/header-bg.png) no-repeat center top;
		background-size: cover;
	}

	.hurryup {
		background-color: rgba(245, 245, 245, 0.11);
		display: block;
		padding: 5px;
		margin-bottom: 15px;

	}
}

@media (max-width: 768px) {
	.hurryup {
		background-color: #ffffff18;
		display: inline-block;
		padding: 3px 30px;
		margin-bottom: 15px;
	}

}

/* .hurry-up-box .timer-card{
	background-color: #fff;
	padding: 20px;
	display: block;
  } */
.border-gradient {
background: linear-gradient(90deg, rgba(0, 255, 240, 0.00) 0%, #0040FF 50%, rgba(0, 255, 240, 0.00) 100%);
  height: 1px;
}

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

.logo-img img {
	width: 100%;
	max-width: 360px;
}

@media (min-width:768px) {
	.converts {
		padding: 70px 0 70px 0;
	}

	.font-md23 {
		font-size: 23px !important;
	}

	.logo-img img {
		width: 100%;
		max-width: 360px;
	}

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

	.features-box {
		padding: 25px 16px;
	}

	.pre-headline {
		padding: 12px 30px;
	}

	.gradient-bg {
		padding: 5px 10px;
	}

	.today {
		padding: 25px 45px;
	}

	.cta-wrap {
		padding: 55px 40px 50px 40px;
		padding: 20px 24px;
	}
}

@media only screen and (max-width:360px) {
	.logo-img img {
		width: 100%;
		max-width: 245px;
	}
}

/* Header End */
.text-dark1 {
	color: rgb(36, 35, 33) !important;
}

/* Action Link */


a.custom-link {
	color: #fff;
	text-align: center;
	text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
	font-family: Inter;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	display: block;
	border-radius: 10px;

	padding: 15px 0px 15px 0;
	text-decoration: none;
	cursor: pointer;
	box-shadow: 0px 0px 14px 3px rgba(4, 10, 10, 0.21);
	/* border:
		5px solid #abddff;
	background-image: linear-gradient(-45deg, rgb(0, 214, 253) 0%, rgb(0, 86, 254) 100%); */

	box-shadow: 0px 0px 14px 3px rgba(4, 10, 10, 0.21);
	border-radius: 100px;
	color: #323232;
	overflow: hidden;
	text-decoration: none;
	transition: background-color 0.4s ease, color 0.4s ease, padding-right 0.4s ease;

	border: 5px solid #323232;
	/* background: linear-gradient(to right,#ef476f,orange); */

	background-color: #fff;
}


a.custom-link:hover {
	/* background-image: linear-gradient(45deg, rgb(0, 86, 254) 0%, rgb(0, 214, 253) 100%); */
	color: #323232;
	text-decoration: none;
	transition: background-color 0.4s ease, color 0.4s ease, padding-right 0.4s ease;
	box-shadow: 0px 0px 14px 3px rgba(4, 10, 10, 0.21);
}


a.action-link {
	color: #fff;
	text-align: center;
	text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
	font-family: Inter;

	font-style: normal;
	font-weight: 700;
	line-height: normal;
	display: flex;
	align-items: center;
	justify-content: center;

	/* background: linear-gradient(180deg, #FFF500 0%, #FF4D00 100%); */
	/* background: linear-gradient(90deg, #FF8A00 0%, #FFF500 100%);
	background: linear-gradient(180deg, #FF4D00 0%, #FFF500 100%); */
	/* background: linear-gradient(90deg, #FFA700 0%, rgb(249, 46, 6) 100%);
	background-image: linear-gradient(90deg,rgb(132, 196, 64) 0%, rgb(25, 171, 78) 100%); */
	padding: 10px 15px;
	text-decoration: none;
	cursor: pointer;
	box-shadow: 0px 0px 14px 3px rgba(4, 10, 10, 0.21);
	/* background-color: rgb(255, 218, 86); */
	box-shadow: 0px 15px 30px 0px rgba(0, 13, 81, 0.1);
	/* border: 2px solid rgb(255, 207, 34); */



	border-radius: 15px;


	box-shadow: 0px 0px 14px 3px rgba(4, 10, 10, 0.21);

	border:
		5px solid #abddff;
	background-image: linear-gradient(-45deg, rgb(0, 214, 253) 0%, rgb(0, 86, 254) 100%);


}


a.action-link:hover {
	background-image: linear-gradient(45deg, rgb(0, 86, 254) 0%, rgb(0, 214, 253) 100%);
	color: #fff;
	box-shadow: 0px 0px 14px 3px rgba(4, 10, 10, 0.21);

}

a.action-link1 {
	color: #fff;
	text-align: center;
	/* text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); */
	font-family: Inter;

	font-style: normal;
	font-weight: 700;
	line-height: normal;
	display: block;

	border-radius: 360px;
	/* background: linear-gradient(180deg, #FFF500 0%, #FF4D00 100%);
  background: linear-gradient(90deg, #fff 0%, #fff 100%); */
	background: linear-gradient(90deg, #fe0000 0%, #ff9105 100%);
	padding: 10px 15px;
	font-size: 22px;
	text-decoration: none;
	cursor: pointer;
	box-shadow: 0px 6px 11px 0px rgba(4, 10, 10, 0.64);

}

a.action-link1:hover {
	background: linear-gradient(180deg, #ff9105 0%, #fe0000 100%);
	/* background: linear-gradient(90deg, #fff 0%, #fff 100%); */
	box-shadow: 0px 6px 11px 0px rgba(4, 10, 10, 0.64);

}




@media (min-width:768px) {
	a.action-link1 {
		padding: 30px 0px;
		font-size: 28px;

	}

	.endstime {
		padding: 10px 50px;
		background-color: rgb(248, 20, 54);
		display: inline-block;
		padding: a;
		position: absolute;

		top: -24px;
		left: 10%;
		margin: 0 20px 0 20px;
		/* background-color: rgb(255, 245, 239);
	background-color: rgb(255, 245, 239);
    border: 1px solid rgba(245, 119, 27, 0.25); */
		background-color: rgb(248, 159, 7);
		border-radius: 100px;
	}

}

@media (max-width:768px) {

	.cta-card {
		border-radius: 20px;

		border: 2px solid #f0f8ff33;
		padding: 20px 20px 20px 20px;
	}

	.endstime {
		padding: 10px 10px;
		background-color: rgb(248, 20, 54);
		display: inline-block;
		padding: a;
		position: absolute;
		top: -24px;
		left: 0%;
		margin: 0 20px 0 20px;
		background-color: rgb(255, 245, 239);
		background-color: rgb(255, 245, 239);
		border: 1px solid rgba(245, 119, 27, 0.25);
	}
}

/* a.action-link::after {
	content: '';
	box-shadow: 0px 0px 14px 3px rgb(10, 238, 238);
	width: calc(100% - 5px);
	position: absolute;
	left: 50%;
	top: 50%;
	height: calc(100% - 5px);
	z-index: -1;
	border-radius: 100px;
	transform: translate(-50%, -50%);
  } */


/* 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;
	height: 75px;
	min-width: 75px;
	min-height: 75px;
	display: inline-flex;
	align-items: center;
	flex-direction: column;
	justify-content: center;
	border-radius: 10px;
	/* background: linear-gradient(182deg, #E5E5E538 -22%, #000 77%);
	box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25);
	border: 1px solid #FFFFFF9C; */
	position: relative;
}

.item {
	background: linear-gradient(182deg, #E5E5E538 -22%, #9471ff 77%);
	background: linear-gradient(182deg, #E5E5E538 -22%, #0082fe 77%);
	background: linear-gradient(182deg, #E5E5E538 -22%, #000 77%);
	box-shadow: -1px 0px 4px 0px rgba(0, 0, 0, 0.25);
	border: 1px solid #FFFFFF9C;
}

.timer-box .item {
	background: linear-gradient(182deg, #06060633 -22%, #0000006e 77%);
	background: linear-gradient(182deg, #E5E5E538 -22%, #9471ff 77%);
	background: linear-gradient(182deg, #E5E5E538 -22%, #0082fe 77%);
	background: linear-gradient(182deg, #E5E5E538 -22%, #000 77%);
	/* box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25); */
	border: 1px solid #FFFFFFD4;
	box-shadow: 0px 4px 6px 0px rgba(4, 10, 10, 0.36);
}


.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 .count_down {
	font-weight: 600 !important;
	line-height: 100%;
	width: 100%;
	float: left;
	color: #fff;
	font-size: 24px;
	padding: 0px;
	margin: 0px;

}

.item h4 {
	font-weight: 400 !important;
	line-height: 120%;
	color: #fff;
	font-size: 11px;
	padding: 0px;
	margin: 0px;

}

.item h4.line {
	/* border-top: 1px solid #fff; */
	padding-top: 10px;
	margin-top: 5px;
	width: 100%;
	text-transform: uppercase;
}


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

@media (min-width:768px) {
	.item {
		margin-right: 10px;
		width: 90px;
		height: 80px;
		min-width: 90px;
		min-height: 80px;


	}

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

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

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

	a.action-link {
		padding: 30px 20px;

	}
}

.timer-box {
	margin-top: -42px;
	height: 90px;
}

/* Action Link End */

/* Footer */
.footer-section {
	padding: 30px 0px;
	background: #fff;
	background: #000;
}

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


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

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

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: 8px;
		display: inline-flex;
	}
}

@media screen and (max-width:400px) {
	.footer-section .footer-logo {
		width: 56%;
	}
}

/* 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*/
.banner-popup {
	background: rgba(0, 0, 0, 0.8);
	top: 0px !important;
	padding-top: 60px;
}

.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: #fe0500;
	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*/

.testimonials-section {
	padding: 30px 0px 0 0;
	/* background: none no-repeat center top; */
	background-size: cover;
}

.t-clr {
	background: linear-gradient(90deg, #0085FF 0.01%, #BD00FF 80.99%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	display: inline-block;
}

.testimonials-section {
	padding: 30px 0px 0 0;
	background: none no-repeat center top;
	/* background-color: rgb(238, 242, 255); */
	background-size: cover;
	overflow: hidden;
}

.t-clr {
	background: linear-gradient(90deg, #0085FF 0.01%, #BD00FF 80.99%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	display: inline-block;
}

/* .tuser {

	background: #0085FF;
  border-radius: 15px;
  padding: 15px 15px 30px 15px;
  position: relative;
  color: #fff !important;
	box-shadow: 0px 10px 5px -4px rgba(62, 62, 62, 0.37) !important;
} */

.tuser {

	background-color: rgb(240, 234, 255);
	/* border: solid 2px #FFFFFF70; */
	/* background-image: linear-gradient(0deg, rgb(131, 8, 255) 0%, rgb(231, 14, 255) 100%);
	background-image: linear-gradient(0deg, rgb(231, 14, 255) 0%, rgb(131, 8, 255) 100%);
	background-image: linear-gradient(0deg, rgb(1, 196, 255) 0%, rgb(25, 22, 255) 100%); */
	border-radius: 15px;
	padding: 15px 15px 30px 15px;
	position: relative;
	color: #fff !important;
	background-color: #fdfdfd;
	transition: width 0.4s ease, padding 0.4s ease, background-color 0.4s ease, box-shadow 0.3s ease;
	border: 1px solid rgb(255 255 255 / 16%);
	backdrop-filter: blur(16px);
	box-shadow: 0px 0px 35px 0px rgba(53, 60, 102, 0.16);
}

.tuser.white {
	background: #fff;
	color: #fff !important;
}

.tuser::before {
	content: '';
	background: none no-repeat;
	width: 109px;
	height: 100px;
	top: -18px;
	right: 50px;
	position: absolute;
}

.testi-user .t-user1 {
	width: 25%;
}


@media (min-width:1024px) {
	.tsti-user1 {
		width: 300px;
		height: 119px;
		top: -5px;
		left: -33%;
		position: absolute;
	}
}

@media (max-width: 991px) {
	.tsti-user1 {
		width: 300px;
		height: 119px;
		top: -5px;
		left: -25%;
		position: absolute;
	}
}

@media (min-width: 768px) {
	.testi-user {
		display: flex;
		align-items: center;
		gap: 20px;
		word-break: break-all;
	}
}


@media (max-width:768px) {
	.testi-user {
		display: block;
		align-items: center;
		gap: 20px;
		word-break: break-all;
	}

	.tsti-user1 {
		width: 300px;
		height: 119px;
		top: -30px;
		left: -15%;
		position: absolute;
	}
}

@media (max-width:667px) {
	.tsti-user1 {
		/* max-width: 300px;
			max-height: 200px; */
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		position: relative;
		margin-bottom: 20px;
	}
}


@media (min-width:768px) {



	.testimonials-section {
		padding: 80px 0px 0px 0px;
	}

	.tuser {
		border-radius: 20px;
		padding: 56px 30px 30px 30px;
	}

	.tuser::before {
		width: 100px;
		height: 100px;
		top: -18px;
		right: 50px;

	}

}

@media (max-width: 768px) {
	.tuser::before {
		width: 100px;
		height: 100px;
		top: -18px;
		right: 26px;
	}
}

@media (max-width:576px) {
	.tuser::before {
		content: '';

		background: none no-repeat;

		background-size: auto;

		width: 45px;
		height: 45px;
		top: -20px;

		right: 15px;

		position: absolute;

		background-size: 100% 100%;

	}
}

@media (min-width:991px) {
	.tuser .user {
		margin-top: -130px;
	}

	.tuser .t-user {
		max-width: 170px;
		width: 40%;
	}
}

.buytton-section {
	background: #000 none center bottom no-repeat;
	background-size: cover;
	padding: 30px 0px;

}

@media (max-width:991px) {
	.tuser .user {
		margin-top: -100px;
	}

	.tuser .t-user {
		width: 40%;
		max-width: 80px;
	}

}

@media (max-width:576px) {
	.tuser .t-user {
		max-width: 140px;
	}

	.cata-buy-button {
		padding: 80px 0 60px 0px;
	}
}


.step-section {
	background: none center top no-repeat;
	background-size: cover;
	/* background-color: #030013; */
	padding: 30px 0 30px 0px;
	overflow: hidden;
	position: relative
}

.step-gif {
	position: relative;
	padding: 15px;
	z-index: 9;
	display: inline-flex;
	align-items: center;
}

.relative {
	position: relative;
}

.step-img {
	position: absolute;
	top: 53px;
	right: 0;
	left: 0;
	bottom: 0;
	padding: 26px 53px 60px 54px;
	width: 100%;
}

@media (min-width: 1200px) {
	.step-img {
		max-height: 350px;
		padding: 23px 23px;
		/* min-height: 285px; */
	}

	/* .step-img {
		position: absolute;
		top: 53px;
		right: 0;
		left: 0;
		bottom: 0;
		padding: 26px 53px 60px 54px;
		width: 100%;
	} */
	.step-img {
		position: absolute;
		top: 53px;
		right: 0;
		left: 0;
		bottom: 0;
		padding: 17px 19px 19px 20px;
		width: 100%;
		border-radius: 0 0 40px 40px;
	}
}

@media (max-width: 1200px) {
	.step-img {
		max-height: 250px;
		padding: 25px 20px;
		/* min-height: 285px; */
		border-radius: 0 0 40px 40px;
	}

	.step-img {
		position: absolute;
		top: 30px;
		right: 0;
		left: 0;
		bottom: 0;
		padding: 25px 20px 25px 20px;
		width: 100%;
		border-radius: 0 0 40px 40px;
	}
}

@media (max-width: 991px) {
	.step-img {
		position: absolute;
		top: 50px;
		right: 0;
		left: 0;
		bottom: 0;
		padding: 25px 19px 30px 19px;
		width: 100%;
		border-radius: 0 0 40px 40px;
	}

	.step-img {
		max-height: 400px;
		padding: 25px 20px;
		/* min-height: 285px; */
		border-radius: 0 0 40px 40px;
	}
}

@media (max-width: 768px) {
	.step-img {
		max-height: 340px;
		padding: 25px 20px;
		border-radius: 0 0 40px 40px;

	}

	.step-img {
		padding: 20px 18px 15px 19px;
		border-radius: 0 0 40px 40px;
	}

}

@media (max-width: 576px) {
	.step-img {
		max-height: 280px;
	}

	.step-img {
		position: absolute;
		top: 40px;
		right: 0;
		left: 0;
		bottom: 0;
		padding: 20px 18px 16px 19px;
		width: 100%;
		border-radius: 0 0 40px 40px;
	}
}

@media (max-width: 400px) {
	.step-block_box {
		border-radius: 20px;
		background: #ffffff0a;
		padding: 30px 10px;
	}

	.step-img {
		padding: 20px 17px 12px 18px;
		max-height: 182px;
		width: 100%;
	}

	.step-img {
		position: absolute;
		top: 24px;
		right: 0;
		left: 0;
		bottom: 0;
		/* padding: 20px 18px 16px 19px; */
		width: 100%;
	}
}



.stp-high {
	background: none no-repeat center center;
	background-size: contain;
	display: inline-block;
	padding: 10px;
}

.faceless-videos {
	background: none center top no-repeat;
	background-size: cover;
	padding: 30px 0px;
}

.stepcardbox {
	padding:
		40px 40px;
	box-shadow: 0px 0px 10px rgba(226, 104, 251, 0.33);


	border-radius: 15px;
}

/* .st1-block{
position: relative;
} */
.st1-block img {
	position: absolute;
	top: 28%;
	width: 8%;
	z-index: 99;
	left: 5%;
}

.st1 {
	background-color: rgb(245, 119, 27) !important;
	background-color: rgb(69, 46, 244) !important;
}

.st1b {
	background-color: rgba(255, 255, 255, 0.12);
}

.st2 {
	background-color: rgb(206, 91, 244) !important;
	background-color: rgb(245, 119, 27) !important;
	background-color: rgb(69, 46, 244) !important;
}

.st2b {
	background-color: rgba(255, 255, 255, 0.12);
}

.st3 {
	background-color: rgb(122, 106, 244) !important;
	background-color: rgb(0, 0, 0) !important;
}

.st3b {
	background-color: rgba(255, 255, 255, 0.12);
}


.st1t {
	color: rgb(245, 119, 27) !important;
}

.st2t {
	color: rgb(245, 119, 27) !important;
}

.st3t {
	color: rgb(0, 0, 0) !important;
}



.step-block {
	/* border: 1px solid #00daff; */
	border-radius: 15px;
	padding: 30px 31px;
	position: relative;
	/* box-shadow: 0px 0px 40px 0px rgba(13, 96, 228, 0.55) inset;
	  background-color: rgb(5, 2, 13); */
	/* background-color: rgba(5, 19, 53, 0.53); */
	border-radius: 15px;

	padding: 30px 31px;
	position: relative;
}

.step-title {
	border-radius: 0;

	display: inline-block;
	padding: 8px 40px;


	/* box-shadow: 0px 0px 10px 1px rgb(255, 245, 0); */
	/* background-image: linear-gradient(90deg, #0030FE 0%, #00DFFE 100%); */
	background-color: #fff;
	position: relative;


	padding: 2px 30px 2px 30px;
	margin-top: 0;
	position: relative;

	border-radius: 100px;
}

.arrow-top {
	margin-bottom: -50px;
}

@media (min-width:768px) {
	.step-block {
		padding: 30px 15px;

	}

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

	.faceless-videos {
		padding: 80px 0px;
	}

	.step-block_box {
		padding: 50px 30px;
	}

	.step-title {

		margin-top: 0;
		position: relative;

		padding: 8px 44px 8px 44px;
		margin-top: 0;
		position: relative;

		border-radius: 0px;
		border-radius: 100px;
	}

	.arrow-top {
		margin-bottom: -50px;
	}

}


.step-section2 {
	background: none center top no-repeat;
	background-size: auto;
	background-size: cover;
	padding: 30px 0px;
}

.commercial-section {
	background: none center top no-repeat;
	background-size: auto;
	background-size: cover;
	padding: 30px 0px 30px 0;
}

@media (min-width: 768px) {
	.step-section2 {
		padding: 100px 20px 50px 20px;
	}

	.commercial-section {
		background: none center top no-repeat;
		background-size: auto;
		background-size: cover;
		padding: 90px 0px 90px 0px;
	}
}

.line-mage {
	position: relative;
}

@media (min-width:1200px) {
	.line-mage {
		position: absolute;
		right: 26%;
		max-width: 380px;
		width: 100%;
	}

	.greenline {
		position: absolute;
		right: 35%;
		width: 30%;
	}

	.greenline1 {
		position: absolute;
		right: 17%;
		width: 33%;
	}

	.know-box {
		margin-top: -90px;
	}
}


@media (min-width:991px) {
	.m-top90 {
		margin-top: -120px;
	}

	.m-top55 {
		margin-top: -55px;
	}

	.m-top70 {
		margin-top: -70px;
	}


}

.top-title span {
	background-color: red;
	display: inline-block;
}

.hurry-box .hurry {
	padding: 0;
}

.more-title1 {
	border-radius: 65px;
	background: #FF00F5;
	padding: 1px 100px;
	display: inline-block;
	color: #fff;
}

@media (max-width:1200px) {
	.line-mage {
		position: absolute;
		right: 26%;
		max-width: 380px;
		width: 100%;
	}

	.greenline {
		position: absolute;
		right: 36%;
		width: 30%;
	}

	.greenline1 {
		position: absolute;
		right: 36%;
		width: 30%;
	}
}

@media (max-width: 1200px) {
	.line-mage {
		position: absolute;
		right: 18%;
		max-width: 380px;
		width: 100%;
	}
}

@media (max-width: 991px) {
	.know-box {
		margin-top: -30px;
	}

	.more-title1 {
		border-radius: 65px;
		background: #FF00F5;
		padding: 1px 34px;
		display: inline-block;
		color: #fff;
	}

	.line-mage {
		position: absolute;
		right: 18%;
		max-width: 360px;
		width: 100%;
	}

	.greenline1 {
		position: absolute;
		right: 42%;
		width: 18%;
	}
}

@media (max-width: 667px) {
	.know-box {
		margin-top: -20px;
	}
}

@media (max-width: 768px) {
	.line-mage {
		position: absolute;
		right: 10%;
		max-width: 360px;
		width: 100%;
	}

	.greenline1 {
		position: absolute;
		right: 31%;
		width: 41%;
	}

}

@media (max-width: 667px) {

	.line-mage {
		position: absolute;
		right: 25%;
		max-width: 380px;
		width: 29%;
	}
}

@media (max-width: 400px) {
	.greenline1 {
		display: none;
	}

	.cta-section1 {
		padding: 30px 0px;
		background-size: cover;
	}

	.line-mage {
		position: absolute;
		right: 10%;
		max-width: 380px;
		width: 45%;
	}

	.arrow-top {
		margin-bottom: -25px;
	}
}

.cta-section {
	background: none no-repeat center center;
	padding: 30px 0px;
	background-size: cover;
}

.cta-section1 {
	padding: 30px 30px;

	background-size: cover;
}

.cta-block {
	padding: 15px;
	border-radius: 26px;
	background: rgba(0, 0, 0, 0.30);
	height: 100%;
}

.cta-wrap-title {
	background: linear-gradient(90deg, rgba(0, 0, 0, 0.00) 0%, #071D52 51.5%, rgba(0, 0, 0, 0.00) 100%);
	padding: 5px 0px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.action-links {
	/* border-radius: 10px; */
	border-radius: 34px;
	/* background: linear-gradient(180deg, #FFF500 0%, #FF4D00 100%); */
	/* display: block; */
	background: linear-gradient(90deg, #F228C6 0%, #0047FF 100%);
	padding: 15px 62px;
	text-align: center;
	color: #FFF;
	text-align: center;
	/* text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); */
	font-family: Inter;
	font-size: 24px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	text-decoration: none;
	box-shadow: 0px 0px 14px 3px rgb(10, 238, 238);
}

.action-links:hover {
	background: linear-gradient(180deg, #0047FF 0%, #F228C6 100%);
	color: #fff;
}

.future-section {
	background: none no-repeat center top;
	background-size: cover;
	padding: 8% 0px 0% 0px;

}

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

	.action-links {
		font-size: 32px;
	}

	.cta-wrap-title {
		min-height: 98px;
	}

	.future-section {
		background: none no-repeat center top;
		background-size: cover;
		padding: 8% 0px 0% 0px;

	}
}



.f-clr {
	background: linear-gradient(90deg, #00FFF0 0.01%, #BD00FF 99.99%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.future-block {
	border-radius: 10px;
	/* border: 5px solid #00FFF0; */
	background: #FFFFFF;
	border: 1px solid #DEDEDE;
	padding: 10px 20px;
}

.future-block.fill {
	background: #FFFFFF;
	border: 1px solid #DEDEDE;
	padding: 10px 20px;

}

.future-block.fill1 {
	background: #FFFFFF;
	border: 1px solid #DEDEDE;
	padding: 10px 20px;

}

.future-block .yellow-clr {
	color: #FFF500;
}

.just-section {
	padding: 30px 0px;
	background: none top center no-repeat;
	background-size: cover;
}

.just-section1 {
	padding: 30px 0px;
	background: none top center no-repeat;
	background-size: cover;
}

.j-clr {
	background: linear-gradient(90deg, #0085FF 0.01%, #BD00FF 99.99%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.j-clr1 {
	background: linear-gradient(90deg, #FF00F5 0.01%, #0047FF 99.99%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.j-clr2 {
	background: linear-gradient(90deg, #EF93EC 8.01%, #01FFEE 99.99%);
	background-clip: border-box;
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}


.just-block {
	background: linear-gradient(180deg, #6440FF 0%, #3C2699 100%);
	border-radius: 15px;
	padding: 20px;
	margin-top: -80px;
}

.just-block-bg {
	background: none no-repeat center top;
	background-size: contain;
	padding-top: 80px;
}

.option-bg {
	border-radius: 43px;
	border: 1px solid #4029A2;
	background: linear-gradient(90deg, #ABF5FF 0%, #FFF 100%);
	padding: 15px;
	height: calc(100% - 100px);
	margin-top: 100px;
}

.option-bg img {
	margin-top: -80px;
}

.themselves-section {
	background: none no-repeat center center;
	/* padding: 30px 0px;
	background-size: cover; */
	padding: 63px 0px 150px 0;
	background-size: cover;
	margin-top: -100px;
}


.impressions-section {
	background: none no-repeat center top;
	padding: 63px 0px 80px 0;
	background-size: cover;
	/* margin-top: -40px; */
}


@media (max-width:768px) {
	.impressions-section {
		background: none no-repeat center top;
		background-size: auto;
		padding: 63px 0px 145px 0;
	}
}

.transforms-section {
	background: none no-repeat center center;
	background-size: auto;
	background-size: cover;
	padding: 1px 0px 30px 0px;
}

.charging-section {
	background: none no-repeat center center;
	background-size: auto;
	background-size: cover;
	padding: 30px 0px 30px 0px;
}

@media (min-width: 1200px) {
	.charging-section {
		background: none no-repeat center center;
		background-size: auto;
		background-size: auto;
		background-size: cover;
		padding: 30px 0px 50px 0px;
	}
}

@media (max-width: 1024px) {
	.charging-section {
		background: none no-repeat center center;
		background-size: auto;
		background-size: auto;
		background-size: cover;
		padding: 30px 0px 80px 0px;
	}

}

@media (max-width: 991px) {

	.charging-section {
		background: none no-repeat center center;
		background-size: auto;
		background-size: cover;
		padding: 30px 0px 65px 0px;
	}
}

@media (max-width: 768px) {

	.charging-section {
		background: none no-repeat center center;
		background-size: auto;
		background-size: cover;
		padding: 30px 0px 150px 0px;
	}
}

@media (min-width:768px) {
	.transforms-section {
		background: none no-repeat center center;
		background-size: auto;
		background-size: cover;
		padding: 1px 0px 0px 0px;
	}


}

.subscriber-section1 {
	background: none no-repeat center center;
	background-size: auto;
	background-size: cover;
	padding: 30px 0px 60px 0;
}

.subscriber-section2 {
	background: none no-repeat center center;
	background-size: auto;
	background-size: cover;
	padding: 30px 0px 60px 0;
}

.overpriced-section {
	background: none no-repeat center center;
	background-size: auto;
	background-size: cover;
	padding: 80px 0px 0px 0;
}

.stunning-section {
	background: none no-repeat center center;
	background-size: auto;
	background-size: cover;
	padding: 50px 0px 50px 0;
	overflow: hidden;
}

.platforms-section {
	background: none no-repeat center center;
	background-size: auto;
	background-size: cover;
	padding: 50px 0px 50px 0;
}

.dontcare-section {
	background-color: #294C6D;
	background-size: cover;
	padding: 1px 0px 0px 0;
}

.reason-section {
	background: none no-repeat center center;
	background-size: auto;
	background-size: cover;
	padding: 80px 0px 120px 0;
}

.discover-section {
	background: none no-repeat center center;
	background-size: auto;
	background-size: cover;
	padding: 80px 0px 120px 0;
}

.nofinally-section {
	background: none no-repeat center center;
	background-size: auto;
	background-size: cover;
	padding: 50px 0 0px 0;
	z-index: 9;
	position: relative;
}

.kind-section {
	background: none no-repeat center center;
	background-size: auto;
	background-size: cover;
	padding: 80px 0px 60px 0;
}

.monetize-section {
	background: none no-repeat center center;
	background-size: auto;
	background-size: cover;
	padding: 50px 0px 60px 0;
}

.earning-section {
	background: none no-repeat center center;
	background-size: auto;
	background-size: cover;
	padding: 80px 0px 80px 0;
}

.share-section {
	background-color: #16324D;
	background-size: cover;
	padding: 50px 0px 50px 0;
}

.thinking-section1 {
	background: none no-repeat center center;
	background-attachment: fixed;
	background-size: cover;
	padding: 50px 0px 50px 0px;
	overflow: hidden;
}

.but-section {
	background: none no-repeat center center;
	background-size: auto;
	background-size: cover;
	padding: 70px 0px 0px 0px;
	overflow: hidden;
}

.tired-section {
	background: none no-repeat center center;
	background-size: auto;
	background-size: cover;
	padding: 70px 0px 110px 0px;
	overflow: hidden;
}

.block-section {
	background: none no-repeat center center;
	background-size: auto;
	background-size: cover;
	padding: 70px 0px 60px 0px;
	overflow: hidden;
}

.introducing-section {
	padding: 8% 0% 0% 0;
	background: none no-repeat top center;
	background-attachment: scroll;
	background-size: auto;
	background-size: cover;
	/* overflow: hidden; */
}

.roof-section {
	background: none no-repeat center center;
	background-size: auto;
	background-size: cover;
	padding: 70px 0px 0px 0px;
	overflow: hidden;
}

.click-section {
	background-color: #16324D;
	background-size: auto;
	background-size: cover;
	padding: 70px 0px 0px 0px;
	overflow: hidden;
}

.worldclass-section {
	background: none no-repeat center center;
	background-size: auto;
	background-size: cover;
	padding: 50px 0px 50px 0px;
	overflow: hidden;
}

.longer-section {
	background: none no-repeat center center;
	background-size: auto;
	background-size: cover;
	padding: 70px 0px 80px 0px;
	overflow: hidden;
}

.disclaimer-section {
	background: none no-repeat center center;
	background-size: auto;
	background-size: cover;
	padding: 70px 0px 80px 0px;
	overflow: hidden;
}

.visitors-section {
	background: none no-repeat center center;
	background-size: auto;
	background-size: cover;
	padding: 50px 0px 50px 0px;
	overflow: hidden;
}

.income-section {
	background: none no-repeat center center;
	background-size: auto;
	background-size: cover;
	padding: 50px 0px 0px 0px;
	overflow: hidden;
}

.bigprofit-section {
	background: none no-repeat center center;
	background-size: auto;
	background-size: cover;
	padding: 50px 0px 50px 0px;
	overflow: hidden;
}

.first-section {
	background: none no-repeat center center;
	background-size: auto;
	background-size: cover;
	padding: 50px 0px 50px 0px;
	overflow: hidden;
}

.perfect-section {
	background: none no-repeat center center;
	background-size: auto;
	background-size: cover;
	padding: 50px 0px 50px 0px;
	overflow: hidden;
}

.think-section {
	background: none no-repeat center center;
	background-size: auto;
	background-size: cover;
	padding: 50px 0px 0px 0px;
	overflow: hidden;
}

.nowyou-section {
	background: none no-repeat center center;
	background-size: auto;
	background-size: cover;
	padding: 50px 0px 50px 0px;
	overflow: hidden;
}

@media (min-width:991px) {
	.nofinally-section {
		background: none no-repeat center center;
		background-size: auto;
		background-size: cover;
		padding: 90px 0 0px 0;
		z-index: 9;
		position: relative;
	}

	.nowyou-section {
		background: none no-repeat center center;
		background-size: auto;
		background-size: cover;
		padding: 80px 0px 80px 0px;
		overflow: hidden;
	}

	.think-section {
		background: none no-repeat center center;
		background-size: auto;
		background-size: cover;
		padding: 80px 0px 0px 0px;
		overflow: hidden;
	}

	.perfect-section {
		background: none no-repeat center center;
		background-size: auto;
		background-size: cover;
		padding: 50px 0px 90px 0px;
		overflow: hidden;
	}

	.bigprofit-section {
		background: none no-repeat center center;
		background-size: auto;
		background-size: cover;
		padding: 70px 0px 100px 0px;
		overflow: hidden;
	}

	.income-section {
		background: none no-repeat center center;
		background-size: auto;
		background-size: cover;
		padding: 70px 0px 0px 0px;
		overflow: hidden;
	}

	.first-section {
		background: none no-repeat center center;
		background-size: auto;
		background-size: cover;
		padding: 80px 0px 80px 0px;
		overflow: hidden;
	}

	.visitors-section {
		background: none no-repeat center center;
		background-size: auto;
		background-size: cover;
		padding: 70px 0px 80px 0px;
		overflow: hidden;
	}

	.disclaimer-section {
		background: none no-repeat center center;
		background-size: auto;
		background-size: cover;
		padding: 70px 0px 80px 0px;
		overflow: hidden;
	}

	.longer-section {
		background: none no-repeat center center;
		background-size: auto;
		background-size: cover;
		padding: 70px 0px 80px 0px;
		overflow: hidden;
	}

	.worldclass-section {
		background: none no-repeat center center;
		background-size: auto;
		background-size: cover;
		padding: 70px 0px 80px 0px;
		overflow: hidden;
	}

	.click-section {
		background-color: #16324D;
		background-size: auto;
		background-size: cover;
		padding: 70px 0px 0px 0px;
		overflow: hidden;
	}

	.roof-section {
		background: none no-repeat center center;
		background-size: auto;
		background-size: cover;
		padding: 70px 0px 0px 0px;
		overflow: hidden;
	}

	.introducing-section {
		padding: 2% 0% 0% 0;
	}

	.block-section {
		background: none no-repeat center center;
		background-size: auto;
		background-size: cover;
		padding: 70px 0px 80px 0px;
		overflow: hidden;
	}

	.tired-section {
		background: none no-repeat center center;
		background-size: auto;
		background-size: cover;
		padding: 70px 0px 70px 0px;
		overflow: hidden;
	}

	.but-section {
		background: none no-repeat center center;
		background-size: auto;
		background-size: cover;
		padding: 70px 0px 0px 0px;
		overflow: hidden;
	}

	.thinking-img {
		margin-top: -55px;
	}

	.thinking-section1 {
		background: none no-repeat center center;
		background-attachment: fixed;
		background-size: cover;
		padding: 80px 55px 76px 55px;
	}

	.share-section {
		background-color: #16324D;
		background-size: cover;
		padding: 80px 0px 90px 0;
	}

	.earning-section {
		background: none no-repeat center center;
		background-size: auto;
		background-size: cover;
		padding: 80px 0px 80px 0;
	}

	.monetize-section {
		background: none no-repeat center center;
		background-size: auto;
		background-size: cover;
		padding: 80px 0px 120px 0;
	}

	.kind-section {
		background: none no-repeat center center;
		background-size: auto;
		background-size: cover;
		padding: 80px 0px 120px 0;
	}

	.discover-section {
		background: none no-repeat center center;
		background-size: auto;
		background-size: cover;
		padding: 80px 0px 120px 0;
	}

	.dontcare-section {
		background-color: #294C6D;
		background-size: cover;
		padding: 1px 0px 45px 0;
	}

	.stunning-section {
		background: none no-repeat center center;
		background-size: auto;
		background-size: cover;
		padding: 80px 0px 80px 0;
	}

	.overpriced-section {
		background: none no-repeat center center;
		background-size: auto;
		background-size: cover;
		padding: 80px 0px 0px 0;
	}

	.platforms-section {
		background: none no-repeat center center;
		background-size: auto;
		background-size: cover;
		padding: 80px 0px 130px 0;
	}
}




@media (max-width:991px) {
	.thinking-img {
		margin-top: -55px;
	}


}

@media (min-width:768px) {

	.overpriced-section {
		background: none no-repeat center center;
		background-size: auto;
		background-size: cover;
		padding: 80px 0px 0px 0;
	}

	.rows-mt {
		margin-top: -30px;
	}
}

@media (max-width:768px) {
	.overpriced-section {
		background: none no-repeat center center;
		background-size: auto;
		background-size: cover;
		padding: 40px 0px 50px 0;
	}

	.rows-mt {
		margin-top: -30px;
	}

	.thinking-img {
		margin-top: 0px;
	}
}

@media (min-width:768px) {
	.subscriber-section1 {
		background: none no-repeat center center;
		background-size: auto;
		background-size: cover;
		padding: 30px 0px 60px 0;
	}

	.subscriber-section2 {
		background: none no-repeat center center;
		background-size: auto;
		background-size: cover;
		padding: 80px 0px 100px 0;
	}

	/* .overpriced-section{
		background: none no-repeat center center;
		background-size: auto;
		background-size: cover;
	padding: 80px 0px 0px 0;
	}
	 */
	.transforms-section {
		background: none no-repeat center center;
		background-size: auto;
		background-size: cover;
		padding: 1px 0px 0px 0px;
	}

	/* .charging-section {
		background: none no-repeat center center;
		background-size: auto;
		background-size: cover;
		padding: 30px 0px 250px 0px;
	} */
}

.knock-title {
	border-radius: 65px;
	background: #FFF500;
	padding: 10px 30px;
	display: inline-block;
	color: #070340;
}

.knock-title.blue {
	border-radius: 65px;
	background: #6440FF !important;
	padding: 10px 30px;
	display: inline-block;
	color: #fff !important;
}

.knock-title.yellow {
	padding: 8px 100px;
	color: #000 !important;
}

.knock-section {
	padding: 30px 0px;
	background: none no-repeat center center;
	background-size: cover;
	/* background-attachment: fixed; */
	z-index: 0;
	position: relative;
}

@media (min-width:768px) {
	.future-section {
		padding: 8% 0px 0% 0px;
	}

	.future-block {
		padding: 15px 0px;
		padding: 20px 20px;
	}

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

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

	.just-block-bg {
		background-size: contain;
		padding-top: 50px;
	}

	/* .sales-section {
		padding: 100px 0px;
	} */

	.knock-section {
		padding: 30px 0px 50px 0;
	}

	.k2 {
		margin-right: -36px !important;
	}
}

.stats-bg {
	padding: 30px 0px;
	background: none no-repeat center center;
	background-size: cover;
	background-attachment: fixed;
}




.stats-block {
	background: linear-gradient(180deg, rgba(0, 0, 0, 0.50) 0%, rgba(242, 40, 198, 0.50) 100%);
	padding: 20px;
	height: 100%;
	border-radius: 15px;
}

.stats-block1 {
	background: none no-repeat center center;
	background-size: auto;
	background-size: 100% 100%;
	padding: 40px 40px 45px 40px;
	height: 100%;

}

.stats-block2 {
	background: none no-repeat center center;
	background-size: auto;
	background-size: 100% 100%;
	padding: 40px 40px 45px 40px;
	height: 100%;

}

.stats-block3 {
	background: none no-repeat center center;
	background-size: auto;
	background-size: 100% 100%;
	padding: 40px 40px 45px 40px;
	height: 100%;

}

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

.massive-block {
	background: linear-gradient(180deg, #6440FF 0%, #3C2699 100%);
	padding: 20px 20px 0px 20px;
	border-radius: 15px;
}

.subscriber-section {
	padding: 30px 0px;
	background: none no-repeat center center;
	background-size: cover;
	/* background-attachment: fixed; */
}

.freelancers-section {
	padding: 30px 0px;
	background: none no-repeat center top;
	background-size: cover;
	/* background-attachment: fixed; */
}

.amazing-result {
	padding: 30px 0px;
	background: none no-repeat center center / cover;
}

.lured1 {
	margin-bottom: -13px;
}

.lured {
	margin-bottom: -13px;
}

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

	.stats-bg {
		padding: 100px 0px;
	}

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

	.massive-block {
		background: linear-gradient(180deg, #6440FF 0%, #3C2699 100%);
		padding: 20px 50px 0px 50px;
		border-radius: 40px;
	}

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

	.amazing-result {
		padding: 100px 0px;
	}

	.lured {
		margin-bottom: -20px;
	}

	.lured1 {
		margin-bottom: inherit;
	}
}


.instantly-section {
	padding: 30px 0px;
	background: #ffffff none no-repeat center center / cover;
}

.instantly-left-title {
	border-radius: 20px 20px 0px 0px;
	background: #0B0743;
	padding: 10px;
	min-height: 110px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.instantly-left-content {
	border-radius: 0px 0px 20px 20px;
	background: rgb(32 18 91);
	padding: 15px 0px;
}

.instantly-right-content {
	border-radius: 0px 0px 20px 20px;
	background: rgb(32 18 91);
	padding: 15px 0px;
}

ul.orange-tick {
	margin: 0px;
	padding: 0px;
}

ul.orange-tick li {
	list-style: none;
	background: none 0px 0px no-repeat;
	min-height: 36px;
	padding: 40.2px 10px 30.2px 100px;
	background-position: 18px 25px;
	background-size: 60px;
	margin-bottom: 0px;
}

ul.orange-tick li:last-child {
	border-bottom: none;
}

ul.blue-tick {
	margin: 0px;
	padding: 0px;
}

ul.blue-tick li {
	list-style: none;
	background: none 0px 0px no-repeat;
	min-height: 36px;
	padding: 30.2px 10px 33.2px 95px;
	background-position: 18px 25px;
	background-size: 60px;
	margin-bottom: 0px;

}

ul.blue-tick li:last-child {
	border-bottom: none;
}

.thinking-section {
	background: none no-repeat center center / cover;
	padding: 30px 0px;
	background-attachment: fixed;
}

.think-block {
	border-radius: 30px;
	border: 5px solid #6440FF;
	background: linear-gradient(263deg, #180080 5.32%, #6440FF 87.64%);
	padding: 20px;
	height: calc(100% - 50px);
	margin-top: 50px;
}

.think-block img {
	margin-top: -50px;
}

.demo-section {
	padding: 30px 0px;
	background: none center center no-repeat;
	background-size: cover;
}

.much-section {
	padding: 30px 0px;
	background: none center center no-repeat;
	background-size: cover;
}

.much-block {
	border-radius: 98.268px;
	background: linear-gradient(90deg, rgba(0, 0, 0, 0.30) 56.28%, rgba(102, 102, 102, 0.00) 100%);
	padding: 15px;
	display: flex;
	flex-direction: row;
	gap: 20px;
	align-items: center;
}

.much-block svg {
	width: 60px;
	height: 60px;
}

.crazy-section {
	padding: 30px 0px;
	background: none no-repeat center center / cover;
	background-attachment: fixed;
}

.still-title {
	background: none no-repeat center center;
	padding: 15px;
	background-size: 100% 100%;
	display: inline-block;
}

.leftarrow,
.leftarrow1 {
	display: flex;
	flex-direction: column;
	gap: 10px;
	align-items: center;
	justify-content: center;
	padding: 15px;
	background: linear-gradient(90deg, #000E40 14.23%, #0024A6 100%);
	border-radius: 15px;
}

.dream-section {
	background: #000000 none top center no-repeat;
	background-size: contain;
	padding: 30px 0px;
}

.still-title1 {
	background: none no-repeat center center;
	padding: 15px;
	background-size: 100% 100%;
	display: inline-block;
}

.f-right {
	border-radius: 20px;
	background: linear-gradient(90deg, rgba(0, 0, 0, 0.30) 0%, rgba(28, 20, 46, 0.00) 100%);
	padding: 20px;
}

.f-left {
	border-radius: 20px;
	background: linear-gradient(90deg, rgba(28, 20, 46, 0.00) 0%, rgba(0, 0, 0, 0.30) 100%);
	padding: 20px;
}

.tons-bg {
	border-radius: 27px;
	background: linear-gradient(180deg, rgba(0, 0, 0, 0.45) 0%, rgba(102, 102, 102, 0.00) 100%);
	padding: 15px;
}

.goodbye-section {
	padding: 30px 0px;
	background: #000 none no-repeat center top;
	background-size: contain;
}

.goodbye-list {
	display: flex;
	flex-direction: row;
	gap: 15px;
	align-items: center;
	margin-bottom: 15px;
}

.goodbye-list svg {
	min-width: 66px;
	min-height: 91px;
}

.unlock-section {
	padding: 30px 0px;
	background: #ffffff none no-repeat center center;
}

.unlock-content {
	background: #00FFF0;
	padding: 20px;
	border-radius: 15px;
}

.unlock-content.blue {
	background: #6440FF;
}

.finally-section {
	padding: 30px 0px;
	background: #000000 none no-repeat center center;
}

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

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

	.think-block {
		padding: 20px 80px;
		height: calc(100% - 120px);
		margin-top: 120px;
	}

	.think-block img {
		margin-top: -100px;
	}

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

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

	.much-block svg {
		width: 128px;
		height: 128px;
	}

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

	.still-title {
		padding: 42px 170px;
		background-size: contain;
	}

	.leftarrow {
		background: none no-repeat center center;
		background-size: 100% 100%;
		min-height: 410px;
		display: flex;
		flex-direction: column;
		gap: 10px;
		align-items: flex-start;
		justify-content: center;
		padding: 10px 100px;
	}

	.leftarrow1 {
		background: none no-repeat center center;
		background-size: 100% 100%;
		min-height: 410px;
		display: flex;
		flex-direction: column;
		gap: 10px;
		align-items: flex-start;
		justify-content: center;
		padding: 10px 100px;
	}

	.dream-section {
		padding: 165px 0px 100px 0px;
	}

	.font-md100 {
		font-size: 100px !important;
	}

	.f-right,
	.f-left {
		padding: 15px 50px;
		min-height: 310px;
		display: flex;
		align-items: center;
	}

	.tons-bg {
		padding: 50px;
	}

	.goodbye-section {
		padding: 100px 0px;

	}

	.unlock-section,
	.finally-section {
		padding: 100px 0px;
	}

	.unlock-content {
		padding: 40px;
		border-radius: 40px;
	}
}



.price-table table {
	border-collapse: separate;
}

.price-table table td {
	border-radius: 12px;
	padding: 15px 17px !important;
	vertical-align: middle;
	border: none;
}

.price-table table thead td {
	background: #000000;

	border: none;
	color: #FFF500;
}

.price-table table tbody td {
	/* background: #ffffff17; */
	color: #00FF57;
	background-color: #ffffff0d;
	backdrop-filter: blur(10px);
	border-radius: 10px;


	border: 1px solid hsl(0deg 0% 72.55% / 9%);
}

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

@media (min-width:768px) {


	.price-table table tr td:nth-child(2) {
		white-space: nowrap;
	}

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

	.price-blue {
		width: calc(100% + 100px);
		margin-left: -50px;
	}

	.hurry-block {
		padding: 50px 50px 0px 50px;
	}

	.hurry-block .hurrys {
		margin-top: -115px;
	}
}

/* Bonus Section */
/* .bonus-section {
	padding: 70px 0px;
	background: #fff none no-repeat center center / cover;
} */

.bonus-wrap {
	border-radius: 5px 5px 15px 15px;
	background: #FFF500;
	padding: 0px 15px 15px 15px;
}

.bonus-title {
	padding: 10px 15px;
	border-radius: 0px 0px 20px 20px;
	background: #021D30;
	display: inline-block;
	color: #ffffff;
	position: relative;
	z-index: 9;
}

.catch-section {
	padding: 30px 0px 0px 0px;
	background: #EFFDFF none no-repeat center center / cover;
}

.compare-block {
	border-radius: 20px;
	padding: 20px;
}

.money-section {
	padding: 30px 0px;
	background: url(../images/money-bg.png) center top no-repeat;
	/* background-color: rgb(6,0,26); */

	background-size: cover;
}

.money-box {

	padding: 30px 15px;
	border-radius: 20px;
	background-size: cover !important;
	border: 1px solid rgb(136, 107, 247);
	box-shadow: 0px 0px 15px 0px rgb(21, 0, 96);
	background-color: #1b013feb;
}

.money-card {
	box-shadow: 0 .7961918735236395px 2.3885756205709185px -.625px #0000000d, 0 2.414506143104518px 7.2435184293135535px -1.25px #0000000d, 0 6.382653521484461px 19.147960564453385px -1.875px #0000000d, 0 20px 60px -2.5px #0000000d;
	border: 2px solid #0b2039;
	border: 1px solid hsl(0deg 0% 72.55% / 9%);
	background-color: #ffffff0d;
	backdrop-filter: blur(10px);
	padding: 30px 15px;
}

.success-section {
	background: none no-repeat center center;
	background-size: cover;

	padding: 50px 4px 50px 4px;
}

@media only screen and (max-width:1024px) {
	.success-section {
		padding-top: 51px;
		padding-bottom: 85px;
	}
}

@media (min-width:768px) {

	/* .bonus-section {
		padding: 100px 0px;
	} */

	.bonus-head {
		padding: 25px 50px 25px 50px;
	}

	.bonus-head1 {
		padding: 25px 50px 25px 50px;
	}

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

	.catch-section {
		padding: 100px 0px 120px 0px;
	}

	.bonus-title {
		padding: 10px 40px;
	}

	.compare-block {
		padding: 10px 10px;
	}

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

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

/* Bonus Section End */


/* See Inside Section */
.faq-section {
	/* padding: 30px 0px; */
	/* background: #ffffff none no-repeat center center / cover; */
	/* background: #fff none no-repeat center center / cover; */
	/* background: none no-repeat top center; */

	/* background-size: cover;
	padding-top: 80px;
	padding-bottom: 80px; */
}

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

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

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

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


/* 
@media (min-width: 768px) {
	.step-left {
		background: transparent;
		background-size: auto;
		position: relative;
		border: none;
		padding-left: 70px;
		background-size: contain;
		z-index: 9;
		padding: 0px 0px 0px 70px;
	}

	.step-img-wrap {
		top: -45px;
	}
}

@media (max-width: 768px) {
	.step-left {
		background: transparent;
		background-size: auto;
		position: relative;
		border: none;
		padding-left: 70px;
		background-size: contain;
		z-index: 9;
		padding: 20px 0 20px 20px;
	}

	.step-img-wrap {
		top: 0px;
	}
}

.step-img {
	position: absolute;
	top: 4px;
	right: -1px;
	left: 0;
	bottom: 0;
	padding: 26px 53px 60px 54px;
	width: 100%;
	height: 100%;
}

@media (min-width: 768px) {
	.step-img {
		max-height: 277px;
		padding: 15px 72px;
		min-height: 277px;
	}
}

@media (max-width: 768px) {
	.step-img {
		padding: 18px 18px 18px 18px;
	}
}

@media (max-width: 400px) {
	.step-img {
		padding: 20px 20px 20px 20px;
		max-height: 238px;
		width: 100%;
	}
} */



.vedeos-bg {
	background: linear-gradient(180deg, #2BE3FB 0%, #0090FF 100%);
	padding: 15px;
}

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

.intel-shape {
	background: none no-repeat center center;
	background-size: auto;
	display: inline-block;
	padding: 15px;
	background-size: 100% 100%;
}

.intel-shape1 {
	background: none no-repeat center center;
	background-size: auto;
	display: inline-block;
	padding: 30px 0 40px 0px;
	background-size: 100% 100%;
}

.strock1 {
	background: none no-repeat center center;
	background-size: auto;
	display: inline-block;
	padding: 12px 14px;
	background-size: 100% 100%;
}

.strock2 {
	background: none no-repeat center center;
	background-size: auto;
	display: inline-block;
	padding: 12px 14px;
	background-size: 100% 100%;
}

.strock3 {
	background: none no-repeat center center;
	background-size: auto;
	display: inline-block;
	padding: 12px 14px;
	background-size: 100% 100%;
}

.strock4 {
	background: none no-repeat center center;
	background-size: auto;
	display: inline-block;
	padding: 12px 14px;
	background-size: 100% 100%;
}

.strock5 {
	background: none no-repeat center center;
	background-size: auto;
	display: inline-block;
	padding: 12px 14px;
	background-size: 100% 100%;
}

.strock6 {
	background: none no-repeat center center;
	background-size: auto;
	display: inline-block;
	padding: 12px 14px;
	background-size: 100% 100%;
}

.strock7 {
	background: none no-repeat center center;
	background-size: auto;
	display: inline-block;
	padding: 12px 14px;
	background-size: 100% 100%;
}

@media (min-width: 768px) {
	.intel-shape {
		background: none no-repeat center center;
		background-size: auto;
		display: inline-block;
		display: inline-block;
		padding: 10px 0 15px 0;
		background-size: 100% 100%;
	}

	.intel-shape1 {
		background: none no-repeat center center;
		background-size: auto;
		display: inline-block;
		padding: 40px 60px 40px 60px;
		background-size: 100% 100%;
	}

	.strock1 {
		background: none no-repeat center center;
		background-size: auto;
		display: inline-block;
		padding: 12px 14px;
		background-size: 100% 100%;
	}

	.strock2 {
		background: none no-repeat center center;
		background-size: auto;
		display: inline-block;
		padding: 12px 14px;
		background-size: 100% 100%;
	}

	.strock3 {
		background: none no-repeat center center;
		background-size: auto;
		display: inline-block;
		padding: 12px 14px;
		background-size: 100% 100%;
	}

	.strock4 {
		background: none no-repeat center center;
		background-size: auto;
		display: inline-block;
		padding: 12px 14px;
		background-size: 100% 100%;
	}

	.strock5 {
		background: none no-repeat center center;
		background-size: auto;
		display: inline-block;
		padding: 12px 14px;
		background-size: 100% 100%;
	}

	.strock7 {
		background: none no-repeat center center;
		background-size: auto;
		display: inline-block;
		padding: 12px 14px;
		background-size: 100% 100%;
		color: #07072D;
	}


}

@media (max-width: 667px) {
	.strock1 {

		background-size: cover;
		display: inline-block;
		padding: 2px 60px;
		background-size: 100% 100%;
		background-color: #fff500;
		border-radius: 8px;
	}
}



.shape {
	background-color: #FF0000;
	background-size: cover;
	background-size: 100% 100%;
	padding: 2px 10px;
	border-radius: 5px;
}

@media (min-width: 991px) {
	.shape {
		background-color: #FF0000;
		background-size: cover;
		background-size: 100% 100%;
		padding: 2px 10px;
		border-radius: 5px;
	}
}

@media (max-width: 991px) {
	.shape {
		background-color: #FF0000;
		background-size: cover;
		background-size: 100% 100%;
		padding: 0px 10px;
		border-radius: 5px;
		display: inline-block;
	}
}


.attention-box {
	position: relative;
}

.attention-box .attention-img img {
	position: absolute;
	top: -12px;
	width: 18%;
	left: -10px;
}

.attention-box .titles1 {
	font-size: 15px;
	background-color: #FFF500;

	padding: 5px 15px 5px 30px;
	border-radius: 4px;
	margin: auto
}





.top-box {

	padding: 0px 0px 0px 0;
	/* position: fixed; */
	width: 100%;
	z-index: 999;
	color: #fff;
	top: 0;
	left: 0;
	padding: 6px 20px 0px 20px;
	border-radius: 0;

	backdrop-filter: blur(16px);
background: linear-gradient(90deg, rgb(0, 1, 50) 0%, rgb(2, 7, 110) 50%, rgb(0, 1, 54) 100%) !important;
}


.top-box .logo-box img {
	width: 100%;
	height: 100%;
	max-width: 250px;
}

/* .top-box .btn-box {
	text-align: center;
} */

.top-box .btn-box {
	text-align: center;
}

@media screen and (min-width: 1024px) {
	.top-box .btn-box {
		text-align: end;
	}
}

.top-box .btn-box .btn {
	font-size: 16px;
	padding: 8px 52px;
	background: linear-gradient(94.67deg, #3F10FF -13.33%, #E82C90 44.45%, #F33 102.22%);
	color: #fff;
}

.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 .top-content-section .top-title {
	letter-spacing: 0px;
	color: #fff;
}

.top-box .top-content-section .top-title span {
	background-color: #f000 !important;
	padding: 4px 4px;
	border-radius: 10px;
}

.top-box .top-content-section .top-content {
	font-size: 15px;
}

.top-box .attention-box {
	display: flex;
	align-items: center;
}

.top-box .attention-box .titles1 {
	color: #fff;
	font-weight: 700;
}

.top-box .timer-box .item .line {
	display: block;
}

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

.top-box .top-content-section {
	color: #000;
}

/* .top-box .attention-box .attention-img img {
	width: 100%;
	height: 100%;
	max-width: 35px;
	margin-right: 10px;
} */

.top-box .attention-box .titles1 {
	margin-bottom: 0;
}

.welcome-section {
	/* padding-top: 100px; */

	overflow: hidden;
	position: relative;
}

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


	.top-box .timer-box {
		display: none;
	}

	.top-box .attention-box {
		justify-content: center;
	}

	.top-box .attention-box .attention-img {
		display: none;
	}

	.top-box .top-content-section {
		text-align: center;
	}

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

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

	.top-box .btn-box .btn {
		font-size: 14px;
		padding: 5px 50px;
	}

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

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

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

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

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

@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;
		/* padding-top: 30px; */
	}

	.d400-block {
		display: block;
	}

	.d500-block {
		display: none;
	}
}

.timer-box .main {
	text-align: center;
	display: flex;
	/* justify-content: left; */
}

.top-box .item {
	width: 60px;
	height: 50px;
	min-width: 60px;
	min-height: 50px;
	background-color: #B9B9B93B !important;
	border: 1px solid #6D6D8A;
}

.itmes .itmes-clr .item {
	background: #B9B9B93B !important;
	border: 1px solid #6D6D8A !important;
}

.top-box .item .count_down {
	font-weight: 600 !important;
	line-height: 100%;
	width: 100%;
	float: left;
	color: #fff !important;
	font-size: 18px;
	padding: 0px;
	margin: 0px;
}

.top-box .timer-box .item .line {
	font-size: 10px;
}

.top-box .timer-box .item h4.line {
	/* border-top: 1px solid #fff; */
	padding-top: 0px;
	margin-top: 0px;
	width: 100%;
	text-transform: uppercase;
	color: #fff !important;
}

.top-box .item .count_down {
	font-weight: 600 !important;
	line-height: 100%;
	width: 100%;
	float: left;
	color: #000;
	font-size: 18px;
	padding: 0px;
	margin: 0px 0 5px 0;
}

.top-box-pd {
	padding: 0px 0px 4px 0;
}

@media (min-width:768px) {
	.top-box .item .count_down {
		font-size: 18px;
	}

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

	.item .count_down {
		font-size: 30px;
	}

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

.btn {
	display: inline-block;
	font-weight: 400;
	line-height: 1.5;
	color: #000;
	text-align: center;
	text-decoration: none;
	vertical-align: middle;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	background-color: transparent;
	border: 1px solid transparent;
	padding: .375rem .75rem;
	font-size: 1rem;
	border-radius: .25rem;
	transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
	/* background-image: linear-gradient(0deg, #00A79D 0%, #012B99 100%); */
	/* background-color: #fff; */

	border: none;
	border-top-color: currentcolor;
	border-right-color: currentcolor;
	border-bottom-color: currentcolor;
	border-left-color: currentcolor;
}

.btn-primary:hover {
	background: linear-gradient(94.67deg, #3F10FF -13.33%, #E82C90 44.45%, #F33 102.22%);
	color: #fff;
	border-color: #fff;
}

/* new cutom css Add  */

.footer-section .footer-text {
	font-family: poppins;

}

.gradient-text1 {
	background: linear-gradient(90deg, #FF00F5 0.01%, #0047FF 99.99%);
	background-clip: border-box;
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.top-space {
	padding-top: 25px;
}

@media only screen and (max-width: 576px) {
	.top-space {
		padding-top: 0px;
		padding-bottom: 20px;
	}
}

@media (min-width: 1100px) {
	.buy-btn {
		/* background: none no-repeat top center; */
		background-color: #000000;
		background-size: 100% 100%;
		padding-top: 50px;
		padding-bottom: 100px;
	}
}

@media (max-width: 1100px) {
	.buy-btn {
		background: #000;
		padding: 40px 20px 40px 20px;
		border-radius: 30px;
	}
}

@media only screen and (max-width: 576px) {
	.buy-btn {
		padding: 10px 20px 40px 20px;
	}
}

/* .buy-btn .button-block {
    background: none no-repeat top center;
    background-size: cover;
    padding-top: 160px;
    padding-bottom: 195px;

    box-shadow: 0px 4px 20px 0px rgb(0, 250, 250);
    background-color: #000;
    padding: 50px 50px;
    border-radius: 175px;
} */

.block-space {
	padding: 16px 6px;
	margin-bottom: 16px;
}

.block-space .text-size {
	font-size: 23px;
}

@media (min-width: 768px) {
	.sp3 {
		background: none no-repeat;
		background-size: 100% 100%;
		background-position: center;

	}
}

@media only screen and (max-width: 991px) {
	.text-responsive {
		margin-top: 35px !important;
	}
}

.block-storke {
	width: 330px;
	position: absolute;
	bottom: -25px;
	right: 0;
	object-fit: cover;
}

.position-relative {
	position: relative !important;
}

.border-radius {
	text-align: center;
	border-radius: 49px;
	background-color: #00FF57;
	padding: 20px 0px;
}

.money-back-text {
	margin-top: -113px;
}

@media only screen and (max-width: 1200px) {
	.border-radius {

		margin-bottom: 25px;
	}
}

@media only screen and (max-width: 576px) {
	.money-back-text {
		margin-top: -86px;
	}

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

@media only screen and (max-width: 360px) {
	.money-back-text {
		margin-top: -88px;
	}

	.text-responsive {
		margin-top: 10px !important;
	}

	.money-back-text .font18 {
		font-size: 17px !important;
	}
}


.left-text-area {
	padding: 40px 9px 21px 60px;
}

.money-image-box {
	position: relative;
	padding-top: 3rem !important;
}

@media only screen and (max-width: 1360px) {
	.money-image-box {
		padding-top: 0rem !important;
	}
}

@media only screen and (max-width: 1200px) {
	.money-image-box {
		padding-top: 30px !important;
	}
}

.money-image-box img {
	width: 100%;
	height: 100%;
}

p.font18.font-md24 {
	line-height: 1.4;
}

.delay-bg {
	background: #ffffff none no-repeat center center / cover;
	border-radius: 76px;
}

@media only screen and (max-width: 360px) {
	.delay-bg {
		border-radius: 9px;
	}
}



.guide-man {
	position: relative;
	z-index: 2;
}

@media only screen and (max-width: 576px) {
	.guide-man {
		display: none;
	}
}

@media screen and (min-width: 768px) {
	.tons-block {
		margin-top: -230px;
	}


}

.tons-block2 {
	background: #FFFFFF4F;
	padding: 40px 15px 80px 15px;
	box-shadow: 0px 0px 8px 14px rgba(253, 252, 253, 0.31);
	background: #FFFFFF4F none no-repeat center center / cover;
	border-radius: 50px;
}

@media screen and (min-width: 768px) {
	.tons-block1 {
		margin-top: -225px;
	}

	.tons-block {
		margin-top: -230px;
	}

	.cta-section1 .hurry {
		padding: 1px;
	}

	.timer-box2 .item h4.line {
		padding-top: 0px;
		margin-top: 0px;
		width: 100%;
		text-transform: uppercase;
	}

	.timer-box2 .item {
		margin-right: 10px;
		width: 100px;
		height: 60px;
		padding: 5px;
		min-width: 100px;
		min-height: 60px;
	}

	.tons-block {
		border-radius: 20px;
		background: #D7FDFF;
		padding: 40px 80px 40px 80px;
		box-shadow: 0px 0px 14px 3px rgb(215, 253, 255);
		/* background: #ffffff none no-repeat center center / cover; */
		border-radius: 76px;


	}

	.tons-block1 {
		border-radius: 20px;
		background: #AD00FF;
		padding: 40px 40px 40px 40px;
		box-shadow: 0px 0px 16px 20px rgb(173, 0, 255);
		/* background: #AD00FF none no-repeat center center / cover; */
		border-radius: 53px;
	}

	.tons-block2 {
		background: #FFFFFF4F;
		padding: 40px 15px 80px 15px;
		box-shadow: 0px 0px 8px 14px rgba(253, 252, 253, 0.31);
		/* background: #AD00FF none no-repeat center center / cover; */
		border-radius: 50px;
	}
}





@media screen and (max-width: 768px) {
	.tons-block1 {
		margin-top: -70px;
	}

	.tons-block1 {
		border-radius: 20px;
		background: #AD00FF;
		padding: 10px 10px 10px 10px;
		box-shadow: 0px 0px 16px 20px rgb(173, 0, 255);
		/* background: #AD00FF none no-repeat center center / cover; */
		border-radius: 53px;
	}

	/* .tons-block2 {
		border-radius: 20px;
		background: #AD00FF;
		padding: 40px 40px 40px 40px;
		box-shadow: 0px 0px 16px 20px rgb(173, 0, 255);
		border-radius: 53px;
	} */
	.tons-block2 {
		background: #FFFFFF4F;
		padding: 40px 15px 22px 15px;
		box-shadow: 0px 0px 8px 14px rgba(253, 252, 253, 0.31);
		/* background: #FFFFFF4F none no-repeat center center / cover; */
		border-radius: 20px;
	}

	.tons-block {
		margin-top: -70px;
	}

	.tons-block {
		border-radius: 20px;
		background: #D7FDFF;
		padding: 10px 10px 10px 10px;
		box-shadow: 0px 0px 14px 3px rgb(215, 253, 255);
		background: #d6fcff none no-repeat center center / cover;
		border-radius: 20px;
	}
}

@media screen and (max-width: 576px) {
	.tons-block2 {
		border-radius: 20px;
		background: #FFFFFF4F;
		padding: 40px 5px 40px 5px;
		box-shadow: 0px 0px 8px 14px rgba(253, 252, 253, 0.31);
		border-radius: 53px;
	}

}



.faceless-videos {
	position: relative;
}

.header-icon1 {
	position: absolute;
	left: 4%;
	top: 12%;
	width: 7%;
	z-index: 1;
}

.header-icon2 {
	position: absolute;
	left: 0%;
	top: 30%;
	width: 10%;
}

.header-icon3 {
	position: absolute;
	right: 65px;
	top: 13%;
	width: 6%;
	z-index: 1;
}

.header-icon4 {
	position: absolute;
	right: 1%;
	top: 25%;
	width: 10%;
}

.gradient-box {

	display: flex;
	align-items: center;
	width: 50vw;
	width: 100%;
	margin: auto;
	position: relative;
	padding: 5px 10px;
	box-sizing: border-box;

	border: 5px;
	color: #FFF;
	background: #000;
	background-clip: padding-box;
	/* !importanté */
	border: solid border transparent;
	/* !importanté */
	border-radius: 20px;
	z-index: 0;
	height: 100%;
	padding: 0px 10px;
	min-height: 310px;
}

.gradient-box:before {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: -1;
	margin: border;
	/* !importanté */
	border-radius: inherit;
	/* !importanté */
	background: linear-gradient(to top, #f9f404, #0dfee7);
}




.cross-img {
	position: absolute;
	left: 5px;
	top: -35px;
}

.more-title {
	border-radius: 65px;
	background: #FFF500;
	padding: 10px 30px;
	display: block;
	color: #000;
}




.gradient-box1 {
	background: none no-repeat center center;
	background-size: cover;
	background-size: 100% 100%;
	padding: 0px 43px 0 52px;
	min-height: 345px;
	display: flex;
	align-items: center;
}


.services1 {
	background-color: #fff;
	padding: 1px 0 0 0;
	position: relative;
}

@media screen and (min-width: 768px) {
	.arrow-stroke1 img {
		width: 13%;
		position: absolute;
		left: 9%;
		top: -50px;
	}

	.arrow-stroke2 img {
		width: 12%;
		position: absolute;
		right: 0%;
		top: -46%;
	}
}

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

	.arrow-stroke1 img {
		width: 13%;
		position: absolute;
		left: 9%;
		top: -50px;
	}

	.arrow-stroke2 img {
		width: 12%;
		position: absolute;
		right: 0%;
		top: -46%;
	}
}

.superior-section {
	padding: 30px 0px;
	background: none no-repeat;
	background-size: cover;
	background-position: center;
	padding: 5% 0 5% 0;
	position: relative;
	margin-top: -3px;
	z-index: 0;
}

@media (min-width: 768px) {
	.superior-section {
		padding: 1% 0 5% 0;
		position: relative;
	}
}

.superior-left-box {
	border-radius: 45px;
	background: #fff;
	padding: 20px 30px 50px 30px;
	position: relative;
	margin-top: -50px;

}

.superior-right-box {
	border-radius: 45px;
	/* background: linear-gradient(180deg, #FF82FA 0%, #01FFEE 100%); */
	padding: 20px 30px 50px 30px;
	margin-top: -51px;
	position: relative;
	background-color: #0030FE;

}

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

	.superior-left-box {
		border-radius: 45px;
		background: #fff;
		padding: 20px 15px 50px 15px;
		position: relative;
		margin-top: -50px;
	}

	.superior-right-box {
		border-radius: 45px;
		/* background: linear-gradient(180deg, #FF82FA 0%, #01FFEE 100%); */
		padding: 20px 15px 50px 15px;
		margin-top: -51px;
		position: relative;
	}

	.commercial-section {
		background: none center top no-repeat;
		background-size: auto;
		background-size: auto;
		background-size: cover;
		padding: 30px 0px 40px 0;
	}

}

.shadow:before {
	content: "";
	position: absolute;
	inset: -1px;
	transform: translate(0px, 1px);
	z-index: -1;
	/* background: conic-gradient(from 90deg at 40% -25%, #ffd700, #f79d03, #ee6907, #e6390a, #de0d0d, #d61039, #cf1261, #c71585, #cf1261, #d61039, #de0d0d, #ee6907, #f79d03, #ffd700, #ffd700, #ffd700); */
	background: linear-gradient(180deg, #FFF500 0%, #00FF57 100%);
	filter: blur(10px);

	border-radius: 45px;

}

.box {
	position: relative;
}

.sed-man {
	position: relative;
	z-index: -1;
}

.happy-man {
	position: relative;
	z-index: -1;
}



@media (min-width: 991px) {
	.facts-bg {
		background: linear-gradient(90deg, #01FFEE 0.01%, #01FFEE66 41%, #002B9959 68%, #002B9900 99.99%);
		border-radius: 100px 100px 100px 0px;

		/* background: linear-gradient(90deg, #01FFEE 0.01%, #01FFEE 41%, #002B99 68%, #002B99 99.99%); */

		padding: 30px 20px 0 20px;
	}

	.man-img {
		margin-top: -94px;
	}
}

@media (min-width: 768px) {
	.facts-bg {
		background: linear-gradient(90deg, #01FFEE 0.01%, #01FFEE66 41%, #002B9959 68%, #002B9900 99.99%);
		border-radius: 100px 100px 100px 0px;

		/* background: linear-gradient(90deg, #01FFEE 0.01%, #01FFEE 41%, #002B99 68%, #002B99 99.99%); */

		padding: 30px 20px 0 20px;
	}
}


@media (max-width: 768px) {
	.facts-bg {
		background: linear-gradient(90deg, #01FFEE7D 0.01%, #01FFEE66 41%, #002B9959 68%, #002B9900 99.99%);
		border-radius: 100px 100px 100px 0px;
		/* background: linear-gradient(90deg, #01FFEE 0.01%, #01FFEE 41%, #002B99 68%, #002B99 99.99%); */
		padding: 30px 20px 0 20px;
	}

	.man-img {
		margin-top: 0px;
	}
}




.video-box {
	/* background: none no-repeat center center; */
	/* background: linear-gradient(180deg, #9B0495E3 0%, #34B0A8 106%); */
	background: #fff0;
	padding: 30px 20px;
	box-shadow: 0px -10px 22px 5px #24fff1;
	border-radius: 50px;
}

@media (min-width: 768px) {
	.video-box {
		padding: 60px 15px 80px 0;
		border-radius: 162px;
	}

}

.presenting-heading {
	border-radius: 90px;
	background: #08072D;
	padding: 20px 20px 20px 20px;
	position: relative;
	margin-top: -85px;
}

.shadow::before {
	content: "";
	position: absolute;
	inset: -1px;
	transform: translate(0px, 1px);
	z-index: -1;
	background: conic-gradient(from 90deg at 40% -25%, #ffd700, #f79d03, #ee6907, #e6390a, #de0d0d, #d61039, #cf1261, #c71585, #cf1261, #d61039, #de0d0d, #ee6907, #f79d03, #ffd700, #ffd700, #ffd700);
	background: linear-gradient(90deg, #00FF57 0%, #FFF500A6 100%);
	filter: blur(10px);

	border-radius: 45px;
}

.audience-left-title {
	/* border-radius: 20px 20px 0px 0px;
	background: linear-gradient(0deg, #01FFEE 0.01%, #000 99.99%);
	padding: 10px;
	min-height: 110px; */
	display: flex;
	align-items: center;
	justify-content: center;
}

.audience-left-box {
	border-radius: 20px 20px 0px 0px;
	background: linear-gradient(0deg, #01FFEE 0.01%, #000 99.99%);
	padding: 0 25px;
	max-height: 230px;
	display: block;
	align-items: center;
	justify-content: center;
}

.description-content {
	border-radius: 0px 0px 20px 20px;
	background: #fff;
	padding: 60px 52px 60px 50px;
	color: #000;
}

.dask-img {
	margin-top: 50px;
	margin-bottom: 42px;
	max-width: 340px;
	position: relative;
}

@media (max-width: 991px) {
	.dask-img {
		margin-top: 50px;
		margin-bottom: 42px;
		max-width: 340px;
		position: relative;
		z-index: 0;
		max-width: 250px;
		margin-right: 188px;
	}
}

@media (max-width: 768px) {
	.dask-img {
		/* display: flex;
		margin-top: -8px;
		margin-left: -30px; */
		z-index: 0;
		max-width: 131px;
		margin-right: 90px;
	}
}

@media (min-width: 768px) {
	.audience-left-box {
		border-radius: 20px 20px 0px 0px;
		background: linear-gradient(0deg, #01FFEE 0.01%, #000 99.99%);
		padding: 0 25px;
		max-height: 230px;
		display: flex;
		align-items: center;
		justify-content: center;
	}

}

/* @media (max-width: 768px) {
	.dask-img {
		display: flex;
		margin-top: 7px;
		margin-left: -54px;
		z-index: 0;
		width: 100px;
		margin-right: 32px;
	  }
  } */
@media (max-width: 400px) {
	.audience-left-title {
		/* border-radius: 20px 20px 0px 0px;
		background: linear-gradient(0deg, #01FFEE 0.01%, #000 99.99%);
		padding: 10px;
		min-height: 110px; */
		display: block;
		align-items: center;
		justify-content: center;
	}

	.dask-img {
		display: flex;
		margin-top: 10px;
		margin-left: 50px;
		max-width: 100px;
		margin-right: 0px;
		max-height: 100px;
	}

	.description-content {
		border-radius: 0px 0px 20px 20px;
		background: #fff;
		padding: 60px 20px 60px 20px;
		color: #000;
	}
}

.freelancers-image-box {
	border-radius: 20px;
	background: #01FFEE;
	padding: 20px 20px 20px 20px;
	box-shadow: 0px 0px 20px 20px rgb(1, 255, 238);
}

.commercial-block {
	background: linear-gradient(0deg, #0E245F 0.01%, #00847B 99.99%);
	padding: 40px 20px 40px 20px;
	border-radius: 50px 50px 0px 0px;
}

@media screen and (min-width: 768px) {
	.commercial-block {
		background: linear-gradient(0deg, #0E245F 0.01%, #00847B 99.99%);
		padding: 40px 30px 200px 30px;
		border-radius: 50px 50px 0px 0px;
	}

	.commercial-block {
		margin-top: -120px;
	}
}

.title-heading {
	background: none center top no-repeat;
	background-size: auto;
	background-size: auto;
	background-size: auto;
	background-size: 100% 100%;
	padding: 10px 60px;
	display: inline-block;
}

.title-img {
	margin-top: -70px;
}

.step-gif.step-img {
	border-radius: 0 0 34px 34px !important;
}

.bonus-hedings {
	padding: 7px 40px;
	border-radius: 0;
	display: inline-block;
	color: #fff;
	background-image: linear-gradient(90deg, rgb(116, 90, 213) 0%, rgb(255, 134, 134) 100%);

}

@media screen and (max-width: 768px) {
	.commercial-block {
		background: linear-gradient(0deg, #0E245F 0.01%, #00847B 99.99%);
		padding: 40px 30px 110px 30px;
		border-radius: 50px 50px 0px 0px;
	}

	.bonus-hedings {
		padding: 7px 40px;
		border-radius: 0;
		display: inline-block;
		color: #fff;
		background-image: linear-gradient(90deg, rgb(116, 90, 213) 0%, rgb(255, 134, 134) 100%);

	}
}


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

	.commercial-block {
		background: linear-gradient(0deg, #0E245F 0.01%, #00847B 99.99%);
		padding: 40px 20px 40px 20px;
		border-radius: 50px 50px 0px 0px;
		margin-top: -100px;
	}

	.audience-section {
		padding: 80px 0px 120px 0px;
	}

	.bonus-hedings {

		top: -25px;
		right: 15px;

	}

}

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


	.pre-headline {
		border-radius: 32.5px;
		border: 1px solid #01FFEE;
		background: rgba(0, 0, 0, 0.20);
		display: inline-block;
		padding: 10px;
	}

	.bonus-hedings {

		top: -25px;
		left: 15px;

	}
}


/* new cutom css Add and */



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

ul.feature-lists2 li {
	list-style: none;
	background: none no-repeat;
	background-size: auto;
	padding-left: 31px;
	background-size: 20px;
	margin-bottom: 0px;
	background-position-x: 0px;
	background-position-y: 5px;
	padding-top: 3px;
}

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

ul.feature-lists3 li {
	list-style: none;
	background: none no-repeat;
	background-size: auto;
	padding-left: 40px;
	background-size: 22px;
	margin-bottom: 8px;
	padding-bottom: 1px;
	padding-left: 31px;
	background-size: 20px;
	margin-bottom: 0px;
	background-position-x: 0px;
	background-position-y: 5px;
	padding-top: 3px;
}

.bonus-section1 {
	padding: 10% 0 5% 0;
	background: none no-repeat top center / cover;
}

@media (min-width: 768px) {
	.bonus-section1 {
		padding: 10% 0 5% 0;
	}
}

.money-card {

	padding: 60px 20px 60px 20px;
	background-color: rgb(36, 26, 64);

	border-radius: 20px;

}

.click-box2 {
	background: linear-gradient(135deg, #ecce6c, #fff);
	padding: 20px 20px 80px 20px;
}

.oldway-card {
	border-radius:
		15px;
	/* background: #fff; */
	padding:
		20px 20px 40px 20px;
	box-shadow: 0px 0px 35px 0px rgba(53, 60, 102, 0.52);

}

.newway-card {
	/* background: radial-gradient(63.9633% 75.8439% at 50% 37.8692%, rgb(34, 105, 82) 0%, rgb(16, 55, 39) 100%); */
	border-radius:
		15px;

	padding:
		20px 20px 40px 20px;
	box-shadow: 0px 0px 35px 0px rgba(53, 60, 102, 0.52);
	/* background-color: #fff6f645; */
	backdrop-filter: blur(20px);
	border: 2px solid hsla(240, 20%, 99%, 0.37);
}

.oldway-card1 {
	border-radius:
		15px;

	padding:
		20px 20px 40px 20px;
	box-shadow: 0px 0px 35px 0px rgba(53, 60, 102, 0.52);
	background-color: #fff6f61c;
	backdrop-filter: blur(3px);
	border: 2px solid hsla(240, 20%, 99%, 0.37);
}

.newway-card2 {
	/* background: radial-gradient(63.9633% 75.8439% at 50% 37.8692%, rgb(34, 105, 82) 0%, rgb(16, 55, 39) 100%); */
	border-radius:
		15px;

	padding:
		20px 20px 40px 20px;
	box-shadow: 0px 0px 35px 0px rgba(53, 60, 102, 0.52);
	background-color: #fff6f645;
	backdrop-filter: blur(3px);
	border: 2px solid hsla(240, 20%, 99%, 0.37);
}





.way-tittle1 {
	/* background-image: linear-gradient(90deg,rgb(0, 0, 0) 0%, rgb(0, 0, 0) 100%); */
	background-color: #fff;
	padding: 5px 20px 5px 20px;
	/* margin-top: -50px; */
	border-radius: 360px;

}

.way-tittle2 {
	/* background: radial-gradient(76.3992% 72.7848% at 54.9716% 35.443%, rgb(255, 199, 69) 0%, rgb(254, 176, 3) 28.5%, rgb(255, 146, 3) 71.0326%, rgb(255, 80, 4) 100%); */

	background-color: #fff;
	padding: 5px 20px 5px 20px;
	/* margin-top: -50px; */
	border-radius: 360px;


}

/* .newway{

background: radial-gradient(63.9633% 75.8439% at 50% 37.8692%, rgb(34, 105, 82) 0%, rgb(16, 55, 39) 100%);
} */

.oldway {
	background: linear-gradient(to right, #ff2e54, #ff2e54) !important;
}

.noway {
	background: rgb(171, 19, 19) none repeat top center;
}

.way {

	background: rgb(16, 55, 39) none repeat top center;


}

.replace1 {

	background: rgb(255, 168, 3) none repeat top center;

	padding: 60px 30px 60px 30px;
	border-radius: 10px;
}


.replace-box1 {


	background: radial-gradient(153% 155% at 24.8% 121.7%, rgb(255, 169, 3) 53.82%, rgb(255, 91, 3) 100%);
	mask: radial-gradient(50% 95% at 50% 0%, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0) 100%);
}




.intro-card {
	border-radius:
		15px;
	background: #fff;
	padding:
		20px 20px 40px 20px;

	background-color: rgb(255, 133, 0);
}

.intro-card2 {
	border-radius: 15px;
	background: #fff;
	background-color: rgb(255, 133, 0);
	padding: 60px 20px 80px 20px;
}

.faq-wrap {
	/* background-color: #fff; */
	padding: 30px 20px;
	/* border: 1px dashed #f07c2e;
  border-radius: 15px;
  box-shadow: 0px 5px 10px 2px rgba(0, 0, 0, 0.11); */
	height: 100%;
	overflow: hidden;
}


.line-box {
	background-color: rgb(249, 129, 72);
	display: inline-block;
	padding: 0px 8px 6px 8px;
	line-height: 60px;
	border-radius: 10px;
}

.line-clr {
	color: rgb(255, 103, 103);

}

.box-headline {
	border-radius: 0;
	border: 1px dashed #00E0FD;
	background: rgba(255, 255, 255, 0.32);
	display: inline-block;
	padding: 10px;
	border-radius: 0;
	border: 1px solid #fff;
	background: rgba(255, 255, 255, 0.31);
	display: inline-block;
	padding: 10px;
}

.box-headline2 {
	/* background: #ffe4c436; */
	padding: 4px 10px;
	display: inline-block;
	border: 1px dashed #3ff6f6;
}


.ts-clr {
	color: #00ccff;
}

.ts-clr1 {
	color: #FFF500;
}

.ts-clr2 {
	color: #0085FF;
}

.ts-clr3 {
	color: #70FF00;
}

.ts-clr4 {
	color: #FF1D48;
}

.ts-clr5 {
	color: #FF8A00;
}

.ts-clr6 {
	color: #442CAD;
}

.ts-clr7 {
	color: #F228C6;
}

.ts-clr8 {
	color: #00FFF0;
}

.ts-clr9 {
	color: #FF4767;
}

.ts-clr10 {
	color: #FFB60A;
}

.ts-clr11 {
	color: #00FFF0;
}

.ts-clr12 {
	color: #00FFF0;
}

.ts-clr13 {
	color: #00FFF0;
}

.ts-clr14 {
	color: rgb(255, 199, 67);
}

.ts-clr15 {
	color: #FF0078;
}



@media (min-width: 768px) {
	.tops-icon1 {
		position: absolute;
		left: 0%;
		top: 23%;
		width: 17%;
		z-index: 0;
		opacity: 0.6;



	}

	.tops-icon2 {
		position: absolute;
		right: 0%;

		top: 23%;
		width: 17%;
		z-index: 0;
		opacity: 0.6;


	}


	.tops-icon3 {
		position: absolute;
		left: 1%;
		top: 5%;
		width: 7%;
		z-index: 1;
		opacity: 1;
	}

	.tops-icon4 {
		position: absolute;
		right: 50px;
		top: 4%;
		width: 10%;
		z-index: 1;
		opacity: 1;
	}


}

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

.t-g {
	background: linear-gradient(90deg, #fdb011 0%, #00D1FF 100%);
	background-clip: border-box;
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.line-hihglight {
	padding:
		5px 5px;
	display: inline-block;
	background:
		linear-gradient(0deg, #2203ff 0%, #009FFF 100%);
	background: linear-gradient(0deg, #ff8b08 0%, #EF1143 100%);

	border-radius:
		5px;
}

@media (min-width: 768px) {
	.line-hihglight {
		padding: 4px 5px;
		display: inline-block;
		background: linear-gradient(0deg, #2203ff 0%, #009FFF 100%);

		background-image: linear-gradient(45deg, rgb(0, 86, 254) 0%, rgb(0, 214, 253) 100%);
		background: linear-gradient(0deg, #ff8b08 0%, #EF1143 100%);
		border-radius: 5px;
	}
}

.making-box {
	border: 1px dashed #00FFF0;
	border-radius: 10px;
	display: inline-block;
	padding: 1px 40px;
}

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

.effect-5::before {
	content: '';
	position: absolute;
	width: 100%;
	height: 14px;
	left: 50%;
	bottom: 20px;
	background-color: rgb(0, 194, 255);

	z-index: -1;
	transform: translateX(-50%);
}

.text-gradient-clr {
	background: linear-gradient(90deg, #01FFFF 0.01%, #9BADFF 41%, #9BADFF 68%, #FA00FF 99.99%);
	background-image: linear-gradient(90deg, rgb(1, 255, 255) 0.01%, rgb(155, 173, 255) 41%, rgb(155, 173, 255) 68%, rgb(250, 0, 255) 99.99%);
	background-clip: border-box;
	background-image: linear-gradient(90deg, rgb(1, 255, 255) 0.01%, rgb(155, 173, 255) 41%, rgb(155, 173, 255) 68%, rgb(250, 0, 255) 99.99%);
	background-clip: border-box;
	background-image: linear-gradient(90deg, #BDFF00 0%, #00FED0 100%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.bg-grediount {
	background: linear-gradient(90deg, rgb(5, 208, 251) 0%, rgb(6, 208, 250) 100%);
	padding: 0px 8px;
	display: inline-block;
	margin: 5px 0 5px 0;
	border-radius: 5px;
}

.more-section {
	background-color: rgb(197, 172, 255);
	background-size: cover;
	padding: 70px 0 0px 0;
}

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

.much-contant {
	background-color: #FEFEFF4D;
	padding: 10px 20px;
	border-radius: 0px;
	border: 1px dashed;
}

@media (max-width: 768px) {
	.step-section {
		padding:
			30px 5px 30px 5px;
	}

	.stepcardbox {
		padding:
			5px 15px;
	}

	.hedline1 {


		display: inline-block;
		border-radius:
			20px !important;
		padding:
			6px 10px !important;
	}
}

@media (max-width: 576px) {
	.effect-2::before {
		content: '';
		position: absolute;
		width: 100%;
		height: 5px !important;
		left: 50%;
		bottom: 4px !important;
	}

	.stunning-box2 {
		padding:
			5px 20px 30px 20px !important;
		border-radius:
			20px;
	}

	.stunning-box1 {
		padding:
			5px 20px 30px 20px !important;
		border-radius:
			20px;
	}

	.match-tool-description {
		border-radius:
			20px;
	}

	.match-point {
		border-radius:
			20px;
	}

	.match-tool-description2 {
		border-radius:
			20px;

	}
}

.pluse-img {

	width: 15%;

}

@media (min-width: 768px) {
	.width-video {
		width: 540px;
		height: 300px;
		border-radius: 10px;
	}

	.pluse-img {

		width: 8%;

	}

}

@media (max-width: 768px) {
	.width-video {
		width: 100%;
		height: 100%;
		border-radius: 10px;
	}
}




/* new css */
.faq-section {
	background: #000;
	background-size: cover;
	padding: 80px 0;
}

.faq-item {
	background: #fff;
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: 14px;
	padding: 0;
	margin-bottom: 20px;

	color: #8487ad;
	overflow: hidden;
	transition: all 0.3s ease;

	box-shadow: 0 0 20px rgb(225, 201, 255);
}

.faq-item.active {
	border-color: #bc8eff;
	box-shadow: 0 0 20px rgb(225, 201, 255);
}

.faq-question {
	cursor: pointer;
	font-weight: 700;
	font-size: 18px;
	position: relative;
	padding: 22px 60px 22px 22px;
	line-height: 1.5;
}

.faq-question span {
	display: block;
}

.faq-question::after {
	content: "+";
	position: absolute;
	right: 22px;
	top: 50%;
	transform: translateY(-50%);
	font-size: 30px;
	font-weight: 700;
	color: #bc8eff;
	transition: all 0.3s ease;
	line-height: 1;
}

.faq-item.active .faq-question::after {
	transform: translateY(-50%) rotate(45deg);
}

.faq-answer {
	max-height: 0;
	overflow: hidden;
	opacity: 0;
	padding: 0 22px;
	color: #000;
	line-height: 1.8;
	transition: all 0.4s ease;
}

.faq-item.active .faq-answer {
	max-height: 300px;
	opacity: 1;
	padding: 0 22px 22px;
}

@media (min-width: 768px) {
	.need-section {
		padding: 90px 0px 10px 0px;
		background: url(../images/need-section.png) no-repeat center center;
		background-position-x: center;
		background-position-y: center;
		background-size: auto;
		background-size: cover;
		background-position: top;
		/* margin-top: -90px; */
		color: #fff;
		background-color: #ededff;
	}

	.need-section {
		padding: 80px 0px 0px 0px;
		background: url(../images/need-section.png) no-repeat center center;
		background-position-x: center;
		background-position-y: center;
		background-size: auto;
		background-size: cover;
		background-position: top;
		/* margin-top: -90px; */
		color: #fff;
		background-color: #ededff;
	}
}

@media(max-width:768px) {
	.faq-question {
		font-size: 16px;
		padding: 18px 50px 18px 18px;
	}

	.faq-question::after {
		right: 18px;
		font-size: 24px;
	}

	.faq-answer {
		font-size: 15px;
	}

	.need-section {
		padding: 20px 0px 0px 0px;
		background: url(../images/need-section.png) no-repeat center center;
		background-position-x: center;
		background-position-y: center;
		background-size: auto;
		background-size: cover;
		background-position: top;
		/* margin-top: -90px; */
		color: #fff;
		background-color: #ededff;
	}
}



.contact-card-white {
	background: #14131357;
	border-radius: 20px;
	padding: 50px 30px;
	box-shadow: 0 20px 60px rgba(80, 42, 110, 0.4);
	text-align: center;
	position: relative;
	z-index: 5;
	border: 1px solid #9853e375;
}

.contact-card-white {
	background: #14131357;
	border-radius: 20px;
	padding: 50px 30px;
	box-shadow: 0 20px 60px rgba(80, 42, 110, 0.4);
	text-align: center;
	position: relative;
	z-index: 5;
	border: 1px solid #9853e375;
}


/* play-video */
.play-video {
	position: relative;
	overflow: hidden;
	border-radius: 12px;
	aspect-ratio: 16/9;

}

.play-video wistia-player {
	width: 100%;
	height: 100%;
	display: block;
}

/* Hide ALL Controls */
.play-video wistia-player::part(control-bar),
.play-video wistia-player::part(bottom-controls),
.play-video wistia-player::part(top-controls) {
	display: none !important;
}

/* Backup Hide */
.play-video .w-css-reset,
.play-video .wistia_controls,
.play-video [class*="control"],
.play-video [class*="ControlBar"],
.play-video [class*="controls"] {
	opacity: 0 !important;
	visibility: hidden !important;
	pointer-events: none !important;
}

/* Thumbnail */
.video-thumb {
	position: absolute;
	inset: 0;
	z-index: 999;
	transition: .5s ease;
}

.video-thumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.loader-wrap {
	position: absolute;
	inset: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	background: rgba(0, 0, 0, .25);
}

/* Loader */
.spinner {
	width: 50px;
	height: 50px;
	border: 4px solid rgba(255, 255, 255, .25);
	border-top-color: #fff;
	border-radius: 50%;
	animation: spin .8s linear infinite;
}

@keyframes spin {
	to {
		transform: rotate(360deg);
	}
}

/* Hide Thumbnail After Load */
.play-video.loaded .video-thumb {
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
}

/* play-video end*/


a.yes-btn {
	border-radius: 15px;
	background-color: #1AAB1F;
	display: block;
	padding: 35px;
	text-decoration: none;
	color: #ffffff;
}

a.nothanks-btn {
	border-radius: 15px;
	background-color: #FF0000;
	display: block;
	padding: 35px;
	text-decoration: none;
	color: #fff;
}


.popup-overlay {
	position: fixed;
	inset: 0;
	display: none;
	align-items: center;
	justify-content: center;
	padding: 20px;
	background: rgba(8, 12, 28, 0.82);
	backdrop-filter: blur(8px);
	z-index: 99999;
	overflow-y: auto;
}

.popup-overlay.active {
	display: flex;
}

.popup-container {
	position: relative;
	/* width: min(100%, 720px); */
	background: linear-gradient(180deg, #0f172a 0%, #111827 100%);
	border: 1px solid rgba(96, 165, 250, 0.25);
	border-radius: 28px;
	box-shadow: 0 30px 90px rgba(0, 0, 0, 0.5);
	color: #fff;
	overflow: hidden;
}

.popup-header {
	position: relative;
	padding: 32px 24px 24px;
	background: radial-gradient(circle at top, rgba(96, 165, 250, 0.22), transparent 55%), linear-gradient(135deg, #111827, #0f172a);
	text-align: center;
}

.popup-body {
	padding: 24px;
}

.header-decoration {
	position: absolute;
	border-radius: 999px;
	filter: blur(6px);
	opacity: 0.8;
}

.decoration-1 {
	width: 130px;
	height: 130px;
	top: -45px;
	left: -35px;
	background: rgba(96, 165, 250, 0.18);
}

.decoration-2 {
	width: 170px;
	height: 170px;
	right: -60px;
	top: -70px;
	background: rgba(244, 114, 182, 0.16);
}

.status-badge {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 8px 14px;
	margin-bottom: 16px;
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.12);
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 0.04em;
	text-transform: uppercase;
}

.status-dot {
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: #34d399;
	box-shadow: 0 0 14px #34d399;
}

.header-title {
	margin: 0;
	font-size: 38px;
	line-height: 1.1;
	font-weight: 900;
}

.header-subtitle {
	margin: 10px 0 0;
	color: rgba(255, 255, 255, 0.8);
	font-size: 16px;
}

.icon-container {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 92px;
	height: 92px;
	margin-bottom: 16px;
	border-radius: 28px;
	background: linear-gradient(135deg, rgba(96, 165, 250, 0.22), rgba(167, 139, 250, 0.22));
	color: #fff;
}

.icon-container svg {
	width: 54px;
	height: 54px;
}

.offer-card {
	padding: 22px;
	border-radius: 24px;
	background: rgba(15, 23, 42, 0.72);
	border: 1px solid rgba(255, 255, 255, 0.08);
	margin-bottom: 18px;
}

.discount-tag,
.savings-badge {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	padding: 10px 14px;
	border-radius: 999px;
	font-weight: 700;
}

.discount-tag {
	margin-bottom: 18px;
	background: rgba(249, 115, 22, 0.15);
	color: #fdba74;
}

.discount-tag svg,
.savings-badge svg {
	width: 18px;
	height: 18px;
	flex: 0 0 auto;
}

.price-display {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 16px;
	flex-wrap: wrap;
	margin: 10px 0 18px;
}

.price-old {
	font-size: 32px;
	font-weight: 800;
	color: rgba(255, 255, 255, 0.45);
	text-decoration: line-through;
}

.price-arrow {
	width: 26px;
	height: 26px;
	color: #60a5fa;
}

.price-arrow svg {
	width: 100%;
	height: 100%;
}

.price-new {
	display: inline-flex;
	align-items: flex-start;
	gap: 4px;
	font-weight: 900;
	color: #fff;
}

.price-currency {
	margin-top: 8px;
	font-size: 22px;
}

.price-amount {
	font-size: 54px;
	line-height: 1;
}

.savings-badge {
	background: rgba(52, 211, 153, 0.14);
	color: #86efac;
}

.close-btn {
	position: absolute;
	top: 16px;
	right: 16px;
	width: 42px;
	height: 42px;
	border: 0;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.12);
	color: #fff;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	z-index: 3;
}

.close-btn svg {
	width: 20px;
	height: 20px;
}

.payment-card {
	margin-top: 18px;
	padding: 18px 18px 14px;
	background: linear-gradient(180deg, #ffffff 0%, #f6f7fb 100%);
	border: 2px solid #f0d1d7;
	border-radius: 18px;
	box-shadow: inset 0 0 0 4px rgba(255, 63, 95, 0.14);
	text-align: center;
}

.big-price {
	font-size: clamp(34px, 6vw, 52px);
	font-weight: 900;
	line-height: 1;
	color: #9a0c0c;
	text-shadow: 0 2px 0 rgba(255, 255, 255, 0.7);
	margin-bottom: 14px;
}

.payment-image {
	width: min(100%, 420px);
	border-radius: 999px;
}

.payment-caption {
	margin-top: 8px;
	font-size: 12px;
	font-weight: 700;
	color: #64748b;
}

.popup-footer-row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 14px;
	margin: 16px 2px 14px;
	padding-top: 14px;
	border-top: 1px solid rgba(148, 163, 184, 0.22);
}

.popup-meta {
	display: flex;
	align-items: center;
	gap: 14px;
	color: rgba(255, 255, 255, 0.82);
	font-size: 13px;
	font-weight: 600;
}

.meta-item {
	display: inline-flex;
	align-items: center;
	gap: 7px;
}

.meta-icon {
	color: #34d399;
}

.claimed-wrap {
	display: flex;
	align-items: center;
	gap: 10px;
	color: rgba(255, 255, 255, 0.84);
	font-size: 12px;
	font-weight: 700;
}

.claimed-avatars {
	display: inline-flex;
	align-items: center;
}

.claimed-dot {
	width: 22px;
	height: 22px;
	margin-left: -6px;
	border-radius: 50%;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 11px;
	font-weight: 900;
	color: #fff;
	border: 2px solid #192238;
}

.claimed-dot.a {
	background: #3b82f6;
}

.claimed-dot.b {
	background: #ec4899;
}

.claimed-dot.c {
	background: #10b981;
}

.popup-buy-btn {
	display: block;
	width: 100%;
	margin-top: 4px;
	padding: 12px 18px;
	border-radius: 12px;
	text-align: center;
	text-decoration: none;
	color: #0f172a;
	font-size: 22px;
	font-weight: 900;
	letter-spacing: 0.02em;
	background: linear-gradient(180deg, #ffffff 0%, #edf2f7 100%);
	border: 1px solid rgba(148, 163, 184, 0.5);
	box-shadow: 0 7px 0 rgba(15, 23, 42, 0.15), inset 0 1px 0 rgba(255, 255, 255, 0.85);
}

.popup-decline {
	display: block;
	width: 100%;
	margin-top: 12px;
	border: 0;
	background: transparent;
	color: rgba(255, 255, 255, 0.72);
	font-size: 18px;
	font-weight: 600;
	cursor: pointer;
	text-decoration: none;
}

.exit-popup-toast {
	position: fixed;
	bottom: 24px;
	left: 50%;
	transform: translateX(-50%) translateY(20px);
	display: inline-flex;
	align-items: center;
	gap: 10px;
	padding: 12px 16px;
	border-radius: 999px;
	background: #111827;
	color: #fff;
	box-shadow: 0 20px 50px rgba(0, 0, 0, 0.35);
	opacity: 0;
	pointer-events: none;
	transition: opacity 0.2s ease, transform 0.2s ease;
	z-index: 100000;
}

.exit-popup-toast.active {
	opacity: 1;
	transform: translateX(-50%) translateY(0);
}

.exit-popup-toast svg {
	width: 18px;
	height: 18px;
	color: #34d399;
}

.confetti-container,
#exitSparkleContainer {
	position: fixed;
	inset: 0;
	pointer-events: none;
	overflow: hidden;
	z-index: 100000;
}

.sparkle,
.confetti-piece {
	position: absolute;
	display: block;
}

.sparkle {
	top: -10px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	opacity: 0.95;
	animation-name: sparkle-fall;
	animation-timing-function: linear;
	animation-iteration-count: 1;
}

.confetti-piece {
	top: -14px;
	animation-name: confetti-fall;
	animation-timing-function: ease-in;
	animation-iteration-count: 1;
}

@keyframes sparkle-fall {
	0% {
		transform: translateY(0) scale(1);
		opacity: 1;
	}

	100% {
		transform: translateY(110vh) scale(0.7);
		opacity: 0;
	}
}

@keyframes confetti-fall {
	0% {
		transform: translateY(0) rotate(0deg);
		opacity: 1;
	}

	100% {
		transform: translateY(110vh) rotate(720deg);
		opacity: 0;
	}
}

@media (max-width: 768px) {
	.popup-container {
		border-radius: 22px;
		width: 100%;
	}

	.popup-header {
		padding: 28px 18px 20px;
	}

	.popup-body {
		padding: 18px;
	}

	.header-title {
		font-size: 30px;
	}

	.price-old {
		font-size: 26px;
	}

	.price-amount {
		font-size: 42px;
	}

	.popup-footer-row {
		flex-direction: column;
		align-items: flex-start;
	}

	.popup-buy-btn {
		font-size: 20px;
	}

	.close-btn {
		top: 12px;
		right: 12px;
		width: 38px;
		height: 38px;
	}
}
.m-bottom90 {
  margin-bottom: 90px;
}

.font-italic {
  font-style: italic;
}

/* delay section */
.delay-section {
  padding: 50px 0px 0px 0px;
  background-color: #fff;
}

.delay-section .main-title {
  font-size: 50px;
  font-weight: 800;
  line-height: 75px;
  font-style: italic;
  color: #000;
  text-align: center;
}

.delay-section .sub-title {
  font-size: 58px;
  font-weight: 700;
  line-height: 75px;
  margin-bottom: 30px;
}

.delay-stroke {
  position: absolute;
  bottom: -38px;
  right: 380px;
}

.delay-section .right-text-box {
  font-family: "Inter", sans-serif;
  padding-left: 39px;
  padding-top: 50px;
  padding-bottom: 45px;
  position: relative;
  padding-right: 5px;
}

.delay-title-stroke {
  position: absolute;
  right: 488px;
}

.delay-section .box-inner-content {
  font-family: "Inter", sans-serif;
  font-size: 26px;
  font-weight: 400;
  line-height: 40px;
  color: #fff;
}

.bottom-outer-content {
  font-size: 60px;
  font-weight: 900;
  line-height: 70px;
}

@media only screen and (max-width: 1360px) {
  .delay-section .main-title {
    font-size: 45px;
    line-height: 75px;
  }

  .delay-title-stroke {
    right: 453px;
    width: 463px;
  }

  .delay-stroke {
    position: absolute;
    bottom: -30px;
    right: 325px;
    width: 444px;
  }

  .delay-section .box-inner-content {
    font-size: 24px;
    line-height: 40px;
  }

  .delay-section .right-text-box {
    padding-left: 40px;
    padding-top: 50px;
    padding-bottom: 50px;
    padding-right: 53px;
  }

  .bottom-outer-content {
    font-size: 50px;
    line-height: 70px;
  }
}

@media only screen and (max-width: 1200px) {
  .delay-section .main-title {
    font-size: 45px;
    line-height: 75px;
  }

  .delay-section .sub-title {
    font-size: 53px;
    font-weight: 700;
    line-height: 75px;
    margin-bottom: 30px;
  }

  .delay-stroke {
    position: absolute;
    bottom: -30px;
    right: 325px;
    width: 444px;
  }

  .delay-section .box-inner-content {
    font-size: 24px;
    line-height: 36px;
  }

  .delay-section .right-text-box {
    padding-left: 25px;
    padding-top: 65px;
    padding-bottom: 53px;
  }

  .bottom-outer-content {
    font-size: 50px;
    line-height: 70px;
  }
}

@media only screen and (max-width:1024px) {
  .delay-section {
    padding: 35px 0px 10px 0px;
  }

  .delay-section .main-title {
    font-size: 38px;
    line-height: 75px;
  }

  .delay-title-stroke {
    right: 325px;
    width: 390px;
  }

  .delay-section .sub-title {
    font-size: 39px;
    font-weight: 700;
    line-height: 60px;
    margin-bottom: 10px;
  }

  .delay-section .box-inner-content {
    font-size: 18px;
    line-height: 31px;
  }

  .delay-section .right-text-box {
    padding-left: 25px;
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .bottom-outer-content {
    font-size: 38px;
    line-height: 70px;
  }

  .delay-stroke {
    bottom: -27px;
    right: 256px;
    width: 395px;
  }

}

@media only screen and (max-width: 991px) {
  .delay-section .main-title {
    font-size: 41px;
    line-height: 75px;
  }

  .delay-section .sub-title {
    font-size: 32px;
    font-weight: 800;
    line-height: 50px;
    margin-bottom: 0px;
  }

  .delay-title-stroke {
    right: 298px;
    width: 415px;
  }

  .delay-stroke {
    right: 115px;
  }

  .delay-section .right-text-box {
    padding-left: 25px;
    padding-top: 50px;
    padding-bottom: 470px;
  }

  .bottom-outer-content {
    font-size: 33px;
    line-height: 63px;
    margin-top: 20px !important;
  }
}

@media only screen and (max-width: 768px) {
  .delay-section {
    padding: 45px 0px 10px 0px;
  }

  .delay-title-stroke {
    right: 177px;
    width: 415px;
  }
}

@media only screen and (max-width: 576px) {
  .delay-section {
    padding: 30px 0px 10px 0px;
  }

  .delay-section .main-title {
    font-size: 35px;
    line-height: 65px;
    text-align: center;
  }

  .delay-title-stroke {
    right: 130px;
    width: 359px;
  }

  .delay-section .sub-title {
    font-size: 28px;
    font-weight: 800;
    line-height: 43px;
    margin-bottom: 0px;
    margin-top: 23px;
  }

  .delay-section .right-text-box {
    padding-top: 40px;
    padding-bottom: 455px;
  }

  .delay-stroke {
    bottom: -28px;
    right: 115px;
    width: 50%;
  }

  .bottom-outer-content {
    font-size: 29px;
    line-height: 43px;
    margin-top: 20px !important;
  }
}

@media only screen and (max-width: 400px) {
  .delay-section {
    padding: 20px 0px 30px 0px;
  }

  .delay-section .main-title {
    font-size: 24px;
    line-height: 57px;
  }

  .delay-section .sub-title {
    font-size: 23px;
    font-weight: 800;
    line-height: 35px;
    margin-bottom: 0px;
    margin-top: 20px;
  }

  .delay-section .right-text-box {
    padding-top: 40px;
    padding-bottom: 455px;
    padding-left: 0;
    padding-right: 0;

  }

  .delay-title-stroke {
    right: 50px;
    width: 260px;
  }

  .bottom-outer-content {
    font-size: 24px;
    line-height: 35px;
    margin-top: 23px !important;
  }

  .delay-stroke {
    bottom: -28px;
    right: 68px;
    width: 60%;
  }

  .delay-bg {
    border-radius: 22px !important;
  }
}

.boy-img {
  position: absolute;
  top: -38px;
  /* width: 430px; */
  left: 58px;
  max-width: 100%;
  height: 653px;
}


.right-text-box {
  padding-top: 50px;
  padding-bottom: 50px;
}



@media only screen and (max-width: 1400px) {
  .boy-img {
    top: -25px;
    width: 480px;
    left: 30px;
    max-width: 100%;
    height: 680px;
  }
}

@media only screen and (max-width: 1360px) {
  .boy-img {
    top: -32px;
    width: 480px;
    left: 50px;
    max-width: 100%;
    height: 652px;
  }
}

@media only screen and (max-width: 1200px) {
  .boy-img {
    top: -32px;
    width: 455px;
    left: 45px;
    max-width: 100%;
    height: 618px;
  }
}

@media only screen and (max-width: 1024px) {
  .boy-img {
    top: -30px;
    width: 392px;
    left: 18px;
    max-width: 100%;
    height: 493px;
  }
}

@media only screen and (max-width: 991px) {
  .boy-img {
    top: 410px;
    width: 350px;
    left: 150px;
    max-width: 100%;
    height: 451px;
  }

  .right-text-box {
    padding-top: 50px;
    padding-bottom: 529px;
    padding-left: 15px;
    padding-right: 15px;
  }

  .girl-img {
    position: absolute;
    top: 730px;
    width: 436px;
    left: 125px;
    max-width: 100%;
    height: 479px;
  }
}

@media only screen and (max-width: 576px) {
  .boy-img {
    top: 498px;
    left: 100px;
    max-width: 100%;
  }
}

@media only screen and (max-width: 400px) {
  .boy-img {
    top: 529px !important;
    left: 17px;
    max-width: 100%;
  }

  .right-text-box {
    padding-top: 50px;
    padding-bottom: 0px;
  }


  .girl-img {
    top: 0;
    width: 100%;
    left: 0;
    max-width: 100%;
    position: relative;
  }

}

@media only screen and (max-width: 360px) {
  .boy-img {
    top: 591px !important;
    left: 3px;
    max-width: 100%;
  }

  .girl-img {
    position: absolute;
    top: 529px;
    width: 324px;
    left: 32px;
    max-width: 100%;
    height: 377px;
  }

  .right-text-box {
    padding-top: 50px;
    padding-bottom: 407px;
  }
}

/* price-table */

.price-table-title {
  background: none no-repeat;
  background-size: 100% 100%;
  background-position: center;
  /* margin-top: -225px;
    padding: 80px 0; */
  margin-top: -246px;
  padding: 80px 0;
}

.pr-10 {
  padding-right: 10px;
}

.gradient-text2 {
  background: linear-gradient(90deg, #FFADFC 0.01%, #01FFEE 99.99%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.yellow-clr {
  color: #FFF500;
}

.see-green-clr {
  color: #01FFEE;
}

.extra-buy-btn {
  background-color: #2EDEF066;
  border-radius: 15px;
  padding: 25px 0px;
  text-align: center;
}

@media only screen and (max-width: 1200px) {
  .price-table table td {
    padding: 22px 18px !important;
  }
}

@media only screen and (max-width: 1024px) {
  .price-table-title .font-md60 {
    font-size: 45px !important;
  }

  .price-table-title .l130 {
    line-height: 100% !important;
  }

  .price-table-title {
    margin-top: -225px;
  }
}

@media only screen and (max-width: 768px) {
  .price-table-title .font-md60 {
    font-size: 36px !important;
  }

  .price-table-title {
    padding: 55px 0;
    margin-top: -200px;
    line-height: 30px;
  }

  /* .price-table-title .l130 {
        line-height: 92%;
    } */
}

@media only screen and (max-width: 576px) {
  .price-table-title .font-md60 {
    font-size: 29px !important;
  }

  .price-table-title {
    padding: 66px 0;
    margin-top: -174px;
  }
}

@media only screen and (max-width: 360px) {
  .sales-section {
    margin-top: 0px !important;
  }

  .price-table .font-md60 {
    font-size: 18px !important;
  }

  .price-table-title {
    padding: 41px 10px;
    margin-top: -128px;
  }

  .price-table table td {
    flex-wrap: wrap;
  }
}

@media only screen and (max-width: 768px) {
  .bottom-stroke {
    width: 50%;
  }
}

@media only screen and (max-width: 400px) {
  .bottom-stroke {
    width: 70%;
  }
}


/* catch-section */
.section-top {
  margin-top: -195px;
}

@media only screen and (max-width:1200px) {
  .section-top {
    margin-top: -175px;
  }
}

.uper-space {
  margin-top: 35px !important;
}


.left-text {
  padding-left: 28px;
  padding-right: 0px;
  padding-bottom: 67px;
}



/* price-table-2 */
.price-table-title-2 {
  background: none no-repeat;
  background-size: 100% 100%;
  background-position: center;
  margin-top: -185px;
  padding: 80px 0;
}

.price-table table thead td {
background: #fff;
  border: none;
    border-bottom-color: currentcolor;
  color: #F89F07;
}

.price-table table td {
  border-radius: 12px;
  /* padding: 22px 50px; */
padding: 10px 10px 10px 10px !important;
  vertical-align: middle;
  border: none;
}

@media only screen and (max-width: 360px) {
  .price-table-title-2 {

    background-size: 100% 62%;
    margin-top: -158px;
    padding: 80px 0;
  }

  .price-table-title-2 .font-md60 {
    font-size: 22px !important;

  }
}

.section-padding {
  padding-top: 70px;
  padding-bottom: 20px;
}

.border-style-1 {
  border-top: 3px solid #D9D9D9;
  margin-left: 32px;
  margin-right: 50px;
}

.border-style-2 {
  border-top: 3px solid #D9D9D9;
  margin-left: 65px;
  margin-right: 0px;
}

.blue-clr {
  color: #3F6092;
}

.green-text {
  color: #0D8C39;
}

@media only screen and (max-width: 1200px) {
  .done-section .left-money-box {
    padding: 150px 20px 60px 83px;
  }

  .border-style-1 {
    border-top: 3px solid #D9D9D9;
    margin-left: 30px;
    margin-right: 50px;
  }

  .done-section .font-md100 {
    font-size: 80px !important;
  }

  .done-section .right-money-box {
    padding: 150px 72px 60px 8px;
  }
}

@media only screen and (max-width: 1024px) {
  .done-section .right-img-box img {
    top: 21px;
  }

  .done-section .left-money-box {
    padding: 150px 20px 60px 83px;
    margin-bottom: 30px;
  }

  .border-style-1 {
    border-top: 3px solid #D9D9D9;
    margin-left: 30px;
    margin-right: 50px;
  }

  .done-section .font-md100 {
    font-size: 63px !important;
  }

  .done-section .right-money-box {
    padding: 150px 90px 60px 8px;
  }

  .done-section .font-md70 {
    font-size: 55px !important;
  }
}

@media only screen and (max-width: 991px) {
  .done-section .right-img-box img {
    width: 480px;
    max-width: 100%;
    top: 328px;
    right: 150px;
    height: 495px;
  }

  .done-section .catch-content-box {
    padding: 55px 0px 500px 40px;

  }

  .done-section .left-money-box {
    padding: 150px 20px 60px 83px;
    margin-bottom: 30px;
  }

  .border-style-1 {
    border-top: 3px solid #D9D9D9;
    margin-left: 30px;
    margin-right: 50px;
  }

  .done-section .font-md100 {
    font-size: 63px !important;
  }

  .done-section .right-money-box {
    padding: 150px 90px 60px 8px;
  }

  .done-section .font-md70 {
    font-size: 55px !important;
  }
}

@media only screen and (max-width: 768px) {
  .border-style-1 {
    margin-left: 64px;
    margin-right: 84px;
  }

  .border-style-2 {
    margin-left: 80px;
    margin-right: 120px;
  }

  .done-section .left-money-box {
    padding: 150px 3px 60px 83px;
  }

  .done-section {
    padding-bottom: 150px;
  }

  .done-section .right-money-box {
    padding: 150px 20px 70px 0px;
    margin-bottom: 30px;
  }
}

@media only screen and (max-width: 576px) {
  .done-bg {
    background-size: 84% 78%;
  }

  .section-padding {
    padding-top: 35px;
    padding-bottom: 20px;
  }

  .done-section .right-img-box img {
    width: 480px;
    max-width: 100%;
    top: 285px;
    right: 40px;
    height: 446px;
  }

  .done-section .font-md70 {
    font-size: 38px !important;
  }

  .done-section .catch-content-box {
    padding: 49px 0px 460px 0px;
  }

  .done-section {
    padding-bottom: 18px;
  }
}

@media only screen and (max-width: 400px) {
  .done-section .right-img-box img {
    width: 100%;
    max-width: 100%;
    top: 0;
    right: 0;
    height: 100%;
    position: relative;
  }

  .done-section .catch-content-box {
    padding: 49px 0px 0px 0px;
  }

}

@media only screen and (max-width: 360px) {
  .done-bg {
    background-size: 100% 100%;
    padding: 50px 0;
  }

  .done-section .right-img-box img {
    width: 453px;
    max-width: 100%;
    top: 10px;
    right: 0;
    height: 446px;
  }

  .border-style-1 {
    margin-left: 52px;
    margin-right: 33px;
  }

  .border-style-2 {
    margin-left: 44px;
    margin-right: 30px;
  }





  .done-section .catch-content-box {
    padding: 49px 0px 50px 0px;
    border-radius: 15px;
  }

  .done-section .font-md70 {
    font-size: 33px !important;
  }

  .done-section .font-md100 {
    font-size: 42px !important;
  }

  .done-section .left-money-box {
    padding: 85px 20px 40px 55px;

  }

  .done-section .right-money-box {
    padding: 75px 85px 40px 11px;

  }
}

.m-bottom70 {
  margin-bottom: 70px;
}

/* faq section */
.faq-section {
  background: none no-repeat top center;

  background-size: cover;
  padding-top: 80px;
  padding-bottom: 80px;
  background-size: cover;
  padding-top: 80px;
  padding-bottom: 80px;
}

@media only screen and (max-width: 991px) {
  .faq-section {
    padding-top: 50px;
    padding-bottom: 55px;
  }
}

@media only screen and (max-width: 360px) {
  .faq-section {
    padding-top: 35px;
    padding-bottom: 35px;
  }
}


/* goodby-section */
.goodbye-section {
  padding: 30px 0px;
  background: #000 none no-repeat center top;
  background-size: contain;
}

.goodbye-list {
  display: flex;
  flex-direction: row;
  gap: 15px;
  align-items: center;
  margin-bottom: 15px;
}

.goodbye-list svg {
  min-width: 66px;
  min-height: 91px;
}

.gradient-text2 {
  background: linear-gradient(90deg, #FF00F5 0.01%, #01FFEE 99.99%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.list-section {
  background-color: #64646421;
  border-radius: 52px;
}

.goodby-content-box {
  padding: 23px 0px 23px 16px;
  background: none no-repeat center top;
  background-size: 100% 100%;
  /* background-color: #f0f8ff17;
    padding: 14px 25px;
    border-radius: 100px; */
}

.m-left {
  margin-left: 30px;
}

.margin-top {
  margin-top: -62px;
}

.m-bottom {
  margin-bottom: 70px;
}

.img-width {
  width: 140px;
}

@media only screen and (max-width: 1200px) {
  .m-left {
    margin-left: 14px;
  }

  .goodby-content-box {
    padding: 23px 0px 23px 0px;
  }

  .font-md28 {
    font-size: 27px !important;
  }
}

@media only screen and (max-width: 1024px) {
  .goodby-content-box {
    padding: 22px 16px 23px 0px;
  }

  .goodby-content-box .font-md30 {
    font-size: 28px !important;
  }

  .m-left {
    margin-left: 25px;
  }
}

@media only screen and (max-width: 991px) {
  .goodby-content-box {
    padding: 23px 16px 23px 0px;
  }

  .goodby-content-box .font-md30 {
    font-size: 29px !important;
  }

  .m-left {
    margin-left: 14px;
  }

  .m-bottom {
    margin-bottom: 35px;
  }
}

@media only screen and (max-width: 768px) {
  .goodby-content-box {
    padding: 23px 33px 23px 0px;
  }

  .goodby-content-box .font-md30 {
    font-size: 23px !important;
  }

  .m-left {
    margin-left: 14px;
  }

  .m-bottom {
    margin-bottom: 35px;
  }
}

@media only screen and (max-width:576px) {
  .goodby-content-box {
    padding: 20px 28px 22px 0px;
  }

  .goodby-content-box .font-md28 {
    font-size: 24px !important;
  }

  .m-left {
    margin-left: 14px;
  }

  .m-bottom {
    margin-bottom: 35px;
  }

  .stop-img img {
    max-width: 100px;
  }
}

@media only screen and (max-width:360px) {
  .goodby-content-box {
    padding: 10px 5px 10px 5px;
    background: none;
    background-color: rgba(0, 0, 0, 0);
    border-radius: 10px;
    border: 3px solid #0e4848;
  }

  .stop-img img {
    max-width: 65px;
  }

  .goodby-content-box .font-md28 {
    font-size: 18px !important;
  }

  .margin-top {
    margin-top: -15px;
  }

  .m-bottom {
    margin-bottom: 0px;
  }

  .margin-bottom30 {
    margin-bottom: 30px !important;
  }
}

/* feature-section */
.feature-section {
  background: none center top no-repeat;
  background-size: auto;
  background-size: 100% 100%;
  padding-top: 100px;
  padding-bottom: 188px;

}

.feature-left-content {
  padding: 50px 110px 57px 43px;
  line-height: 50px;
  background: linear-gradient(#000, #000) padding-box, linear-gradient(to right, #FF8A0082, #F228C669) border-box;
  border-radius: 40px;
  border: 5px solid transparent;
  margin-top: -35px;
}

.shadow-bg {
  background-color: #000;
  border-radius: 135px;
  padding: 50px 55px;
  box-shadow: 0px -8px 20px 2px #01FFEE;
}

.feature-block1 {
  background: none no-repeat center center;
  background-size: 100% 100%;
  padding: 40px 38px 45px 40px;
  height: 100%;
}

.feature-block2 {
  background: none no-repeat center center;
  background-size: 100% 100%;
  padding: 40px 54px 45px 54px;
  height: 100%;
}

.block-space {
  padding-top: 30px;
  padding-bottom: 30px;
}

.feature-block3 {
  background: none no-repeat center center;
  background-size: 100% 100%;
  padding: 40px 54px 45px 54px;
  height: 100%;
}

@media only screen and (max-width:1024px) {
  .feature-left-content {
    padding: 50px 25px 35px 25px;
  }

  .shadow-bg .font-md30 {
    font-size: 26px !important;
  }

  .feature-block1 {
    padding: 40px 17px 15px 17px;
  }

  .feature-block2 {
    padding: 36px 37px 45px 37px;

  }
}

@media only screen and (max-width:991px) {
  .feature-section {
    padding-top: 57px;
    padding-bottom: 188px;
  }
}

@media only screen and (max-width:576px) {
  .shadow-bg {
    border-radius: 80px;
    padding: 44px 55px;
  }

  .feature-block1 {
    padding: 40px 50px 65px 65px;
  }

  .feature-section {
    padding-top: 57px;
    padding-bottom: 130px;
  }

  .font-md28 {
    font-size: 20px !important;
  }
}

@media only screen and (max-width:360px) {
  .shadow-bg {
    border-radius: 45px;
    padding: 44px 23px;
  }

  .feature-block1 {
    padding: 40px 36px 65px 40px;
  }

  .feature-left-content {
    line-height: 37px;
  }

  .feature-section {
    padding-top: 57px;
    padding-bottom: 130px;
  }

  .font-md28 {
    font-size: 20px !important;
  }

  .feature-img-box img {
    width: 240px;
  }

  .feature-block3 {
    padding: 40px 27px 45px 34px;

  }
}

/* result-section */
.result-section {
  background: none center top no-repeat;
  background-size: auto;
  background-size: cover;
  padding-top: 100px;
  padding-bottom: 50px;
}

.result-arrow {
  position: absolute;
  right: -54px;
  max-width: 100%;
  width: 161px;
  top: -43px;
}

.price-box {
  background: none no-repeat;
  background-size: 100% 100%;
  background-position: center;
  padding: 22px 145px;
  position: absolute;
  right: 160px;
  z-index: 1;
  top: -48px;
}

.r-title-box {
  background: none no-repeat center center;
  display: inline-block;
  padding: 18px 90px;
  background-size: 100% 100%;
}

.right-tick-box {
  background: none no-repeat center center;
  display: inline-block;
  padding: 141px 44px 34px 60px;
  background-size: 100% 100%;
  height: 100%;
}

.right-tick-box2 {
  background: none no-repeat center center;
  display: inline-block;
  padding: 140px 38px 30px 55px;
  background-size: 100% 100%;
  height: 100%;
}

@media only screen and (max-width:1200px) {
  .result-section .font-md30 {
    font-size: 26px !important;
  }

  .right-tick-box {
    padding: 125px 42px 22px 60px;

  }

  .right-tick-box2 {
    padding: 125px 38px 17px 55px;
  }

  .result-arrow {
    right: -49px;
  }
}

@media only screen and (max-width:1024px) {
  .price-box {
    padding: 15px 121px;
    right: 139px;
    top: -48px;
  }

  .result-arrow {
    position: absolute;
    right: -38px;
    max-width: 100%;
    width: 133px;
    top: -37px;
  }

  .right-tick-box {
    padding: 109px 23px 7px 23px;
  }

  .result-section .font-md30 {
    font-size: 23px !important;
  }

  .right-tick-box2 {
    padding: 108px 17px 17px 28px;
  }

  .result-section {
    padding-bottom: 100px;
  }
}

@media only screen and (max-width:991px) {
  .result-section {
    padding-top: 75px;
  }

  .right-tick-box {
    padding: 115px 34px 17px 23px;
  }

  .right-tick-box2 {
    padding: 108px 27px 17px 37px;
  }

  .price-box {
    padding: 15px 121px;
    right: 110px;
    top: -37px;
  }

  .result-arrow {
    right: 17px;
    width: 101px;
    top: 0px;
  }
}

@media only screen and (max-width: 768px) {
  .price-box {
    padding: 15px 121px;
    right: 42px;
    top: -37px;
  }

  .result-arrow {
    right: 17px;
    width: 101px;
    top: -52px;
  }
}

@media only screen and (max-width:576px) {
  .result-section {
    padding-top: 41px;
  }

  .price-box {
    padding: 15px 121px;
    right: 36px;
    top: -15px;
  }

  .result-arrow {
    right: 12px;
    width: 74px;
    top: -31px;

  }

  .right-tick-box {
    padding: 170px 83px 89px 89px;
  }

  .right-tick-box2 {
    padding: 185px 61px 108px 80px;
  }

}

@media only screen and (max-width: 400px) {
  .right-tick-box2 {
    padding: 120px 30px 33px 30px;
  }

  .right-tick-box {
    padding: 120px 30px 33px 30px;
  }

}

@media only screen and (max-width:360px) {
  .result-section {
    padding-bottom: 65px;
  }

  .right-tick-box {
    padding: 102px 47px 26px 60px;
  }

  .result-section .font-md30 {
    font-size: 20px !important;
  }

  .right-tick-box2 {
    padding: 112px 47px 26px 72px;
  }

  .price-box {
    padding: 10px 55px;
    right: 36px;
    top: -10px;
  }

  .result-arrow {
    right: 6px;
    width: 40px;
    top: -17px;
  }

  .r-title-box {
    padding: 18px 40px;
  }
}

@media only screen and (max-width:360px) {
  .footer-logo {
    width: 250px;
  }

  ul.legal-link li {
    font-size: 16px;
  }

  .money-return-section {
    border-radius: 50px;
  }
}

/* other-tool-video */
.other-tool-video {
  background-color: #E0E1EC;
  padding: 3px 2px 3px 20px;
  border-radius: 15px 15px 0px 0px;
}

.other-tool-video .video-dot {
  padding-top: 6px;
  display: inline-block;

}

.video-background {
  border-radius: 0 0 15px 15px;
}

@media only screen and (max-width:1200px) {
  .other-tool-video {
    padding: 1px 2px 4px 20px;
  }

  .other-tool-video .video-dot {
    padding-top: 8px;
  }

  .other-tool-video .video-dot img {
    width: 85%;
  }
}

@media only screen and (max-width: 360px) {
  .other-tool-video {
    padding: 1px 2px 1px 13px;
  }

  .other-tool-video .video-dot {
    padding-top: 5px;
  }

  .other-tool-video .video-dot img {
    width: 60%;
  }
}

.video-style-1 {
  background-color: blue;
  border-radius: 23px;
  padding: 10px;
}

.video-style-1 .amazing-video {
  border-radius: 20px;
}

/* amazing-video */
.pixar-video-style-1 {
  background-color: blue;
  border-radius: 23px;
  padding: 10px;
}

.pixar-video-style-1 .v1 {
  border-radius: 20px;
}

@media screen and (min-width: 768px) {
  .gradient-box .transforms-img {
    min-height: 290px;
  }
}

.video-frame1 .play-btn {
background-color: #ff8a00;
  display: inline-block;
  width: 50px;
  height: 50px;
  text-align: center;
  border-radius: 100%;
  position: absolute;
  bottom: 43%;
  right: 44%;
  border: 1px solid #fff;
}

.video-frame1 .play-btn i {
font-size: 23px;
  line-height: 51px;
  color: #fff;
  left: 20px;
  padding-left: 1px;
}

.video-frame1 .play-btn:hover {
  background-color: #000000ab;
  background-color: #ff8a00;
  cursor: pointer;
    border: 1px solid #fff;
}

@media screen and (max-width: 768px) {
  .video-frame1 .play-btn {
    top: 43%;
    left: 46%;
  }
}

@media screen and (max-width:360px) {
  .video-frame1 .play-btn {
    top: 37%;
    left: 42%;
  }
}




.pixar-video-style-1 {
  position: relative;
}

.pixar-video-style-1 .play-btn {
  background-color: #00000075;
  display: inline-block;
  width: 50px;
  height: 50px;
  text-align: center;
  border-radius: 100%;
  position: absolute;
  top: 48%;
  left: 43%;
}

.pixar-video-style-1 .play-btn i {
  font-size: 20px;
  line-height: 50px;
  color: #fff;
  padding-left: 5px;
}

.pixar-video-style-1 .play-btn:hover {
  background-color: #000000ab;
  cursor: pointer;
}




@media screen and (max-width: 576px) {
  .play-btn {
    top: 40%;
    left: 45%;
  }
}

@media screen and (max-width: 360px) {
  .play-btn {
    top: 44%;
    left: 41%;
  }
}



.video-style-1 .play-btn {
  background-color: #00000075;
  display: inline-block;
  width: 50px;
  height: 50px;
  text-align: center;
  border-radius: 100%;
  position: absolute;
  top: 43%;
  left: 45%;
}

.video-style-1 .play-btn i {
  font-size: 20px;
  line-height: 50px;
  color: #fff;
}

.video-style-1 .play-btn:hover {
  background-color: #000000ab;
  cursor: pointer;
}

@media screen and (max-width: 1024px) {
  .video-style-1 .play-btn {
    top: 36%;
    left: 42%;
  }
}

@media screen and (max-width: 768px) {
  .video-style-1 .play-btn {
    top: 38%;
    left: 45%;
  }
}

@media screen and (max-width: 576px) {
  .video-style-1 .play-btn {
    top: 37%;
    left: 45%;
  }
}

@media screen and (max-width: 360px) {
  .video-style-1 .play-btn {
    top: 35%;
    left: 40%;
  }
}

.text_shadow {
  text-shadow: 0px 5px 0px rgba(0, 0, 0, 0.5);
}



.top-heding {

  border: 1px dashed rgb(249, 45, 239);
  border-radius: 0px;
  padding: 12px 30px;
  background: rgba(0, 0, 0, 0.20);
  display: inline-flex;
}

.text1 {
  color: rgb(255, 186, 40);

}

.text2 {
  color: rgb(33, 171, 255);
}


.roboto-thin {
  font-family: "Roboto", sans-serif;
  font-weight: 100;
  font-style: normal;
}

.roboto-light {
  font-family: "Roboto", sans-serif;
  font-weight: 300;
  font-style: normal;
}

.roboto-regular {
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.roboto-medium {
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-style: normal;
}

.roboto-bold {
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.roboto-black {
  font-family: "Roboto", sans-serif;
  font-weight: 900;
  font-style: normal;
}

.proclip-shape {
  background: none no-repeat center center;
  background-size: auto;
  display: inline-block;
  padding: 20px;
  background-size: 100% 100%;
}

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



  .welcome-icon {
    position: absolute;
    right: 3%;
    top: 5%;
    width: 8%;

  }

  .welcome-icon1 {
    position: absolute;
    left: -10%;
    top: 20%;
    width: 20%;

  }

  .welcome-icon2 {
    position: absolute;
    left: 0%;
    top: 7%;
    width: 11%;
    z-index: 1;
    /* position: absolute;
  right: -10%;
  bottom: 0%;
  width: 22%; */

  }

  .welcome-icon3 {
    position: absolute;
    right: -9%;
    top: 20%;
    width: 18%;
    z-index: 0;
  }


  .welcome-icon4 {
    position: absolute;
    left: -11%;
    bottom: 0%;
    width: 26%;
  }

  .welcome-icon5 {

    position: absolute;
    left: -25%;
    top: -30%;
    width: 30%;
  }
}


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



  .welcome-icon {
    display: none;

  }

  .welcome-icon1 {
    display: none;

  }

  .welcome-icon2 {
    display: none;

  }

  .welcome-icon3 {
    display: none;
  }


  .welcome-icon4 {
    display: none;
  }

  .welcome-icon5 {
    display: none;
  }
}


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

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

.cta-upgrade-box {
box-shadow: 0px 4px 15px 5px rgba(85, 85, 85, 0.51);
  padding: 1px 1px 1px 1px;
  border-radius: 20px;
  border-style: solid;
  border-width: 2px;
  border-color: rgb(255, 255, 255);
  border-radius: 30px;

}
.cta-upgrade-box1 {
background: linear-gradient(94.67deg, #886AF6 -13.33%, #8669F2 44.45%, #8C6EFD 102.22%);
  border-style: solid;
  border-width: 2px;
  border-color: rgb(137, 108, 248);
}
.bg-black {
  background-color: #000 !important;
}

.upgrade-box {
  background:
  #FCFBFF !important;
    padding:
  30px 15px;
    border-radius:
  20px;
    box-shadow: 0px 4px 15px 5px rgba(0, 0, 0, 0.12);
    margin-right: 0px;
}

@media screen and (min-width: 768px) {
  .upgrade-box {
 background: #FCFBFF !important;
    padding: 30px 15px;
    border-radius: 20px;
    box-shadow: 0px 4px 15px 5px rgba(0, 0, 0, 0.12);

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

  .cta-upgrade-box {
    /* background-image: linear-gradient( 180deg,rgb(0, 194, 255) 0%, rgb(0, 0, 255) 100%) !important; */
  padding: 0px 0px;
    border-radius: 20px;
  }

  .upgrade-box {
    background: #FCFBFF !important;
    padding: 30px 5px;
    border-radius: 20px;
    box-shadow: 0px 4px 15px 5px rgba(0, 0, 0, 0.12);
  }
  .compare-block {
  padding: 20px 5px;

}
}

.text-red {
  color: #FF1D48;
}

.theme-color {
color: rgb(255, 94, 30);
}

.faq-wrap .question-img {
  margin-right: 19px;
}

.buttons-head {
  border: 2px dashed #FFD5D5;
  padding: 15px;
  color: #fff;
}


.buttons-head .hurry-up {
  background-color: #FF1D48;
  padding: 3px 5px 5px 13px;
  text-align: center;
  margin-right: 15px;
}



.button-block .money-save-content {
  font-size: 29px;
  font-weight: 400;
  line-height: 50px;
  color: #fff;
}

@media only screen and (max-width: 1400px) {
  .button-block .money-save-content {
    font-size: 27px;
    line-height: 50px;
  }
}

.button-block .money-save-content span {
  font-weight: 700;
  color: #00DFFE;
}

.strike-text {
  color: #FF1D48;
}

.button-block .single-time-text {
  font-size: 40px;
  font-weight: 700;
  line-height: 50px;
  color: #fff;
}

.button-block .single-time-text span {
  font-size: 60px;
  line-height: 50px;
}

.button-block .button-action-link {
  color: #000;
  text-align: center;
  font-family: poppins;
  font-size: 32px;
  font-weight: 700;
  line-height: 50px;
  padding: 20px 7px;
  display: block;
  border-radius: 10px;
  background: linear-gradient(121deg, #FF8A00 0%, #FFF500 100%);
  text-decoration: none;
  cursor: pointer;
}

@media screen and (max-width:1200px) {
  .button-block .button-action-link {
    font-size: 28px;
    line-height: 50px;
  }
}

@media screen and (max-width:1024px) {
  .button-block .button-action-link {
    font-size: 22px;
    line-height: 35px;
    margin-right: 15px;
  }

  .button-block .money-save-content {
    font-size: 25px;
    font-weight: 400;
    line-height: 35px;
    color: #fff;
  }

  .button-block .single-time-text {
    font-size: 30px;
    line-height: 50px;
  }

  .button-block .single-time-text span {
    font-size: 40px;
    line-height: 58px;
  }
}

@media screen and (max-width:991px) {
  .button-block .button-action-link {
    font-size: 40px;
    line-height: 45px;
    margin-right: 15px;
  }
}

@media screen and (max-width: 768px) {
  .button-block .button-action-link {
    font-size: 30px;
    line-height: 45px;
    margin-right: 15px;
  }
}

@media screen and (max-width: 576px) {
  .button-block .button-action-link {
    font-size: 22px;
    line-height: 22px;
    margin-right: 0px;
  }
}

@media screen and (max-width: 440px) {
  .button-block .button-action-link {
    font-size: 21px;
    line-height: 30px;
    padding: 15px 7px;
  }
}

.faq-bottom-text {
  padding: 0 108px 0 25px;
}

@media screen and (max-width:991px) {
  .faq-bottom-text {
    padding: 0 20px 0 25px;
  }
}

@media screen and (max-width:576px) {
  .faq-bottom-text {
    padding: 0 0px 0 25px;
    font-size: 18px !important;
  }
}

@media screen and (max-width: 440px) {
  .faq-bottom-text {
    padding: 0 10px 0 30px;
  }
}

.money-return-section {
  background-color: #fff;
  /* padding: 40px 0px 20px 40px; */
  border-radius: 85px;
  font-family: "Inter", sans-serif;
}

.money-return-section .left-text-area {
  padding: 40px 9px 20px 51px;
}

.money-section .main-title {
  font-size: 38px;
  font-weight: 700;
  line-height: 75px;
  font-style: italic;
  color: #000;
  text-align: center;
}

.money-section .sub-title {
  font-size: 60px;
  font-weight: 700;
  line-height: 75px;
  margin-bottom: 30px;
}

.money-section .money-back-text {
  color: #000;
  background-color: #00DFFE;
  border-radius: 10px;
  font-size: 45px;
  font-weight: 700;
  line-height: 70px;
  margin-top: 5px;
  text-align: center;
}

.money-return-section .left-text-area .inner-content {
  font-family: "Inter", sans-serif;
  font-size: 23px;
  line-height: 35px;
  font-weight: 400;
}

@media only screen and (max-width: 1400px) {
  .money-section .main-title {
    font-size: 34px;
    line-height: 75px;
  }

  .money-return-section .left-text-area {
    padding: 40px 9px 20px 68px;
  }
}

@media only screen and (max-width: 1360px) {
  .money-return-section .left-text-area .inner-content {
    font-size: 22px;
    line-height: 30px;
  }

  .money-return-section .left-text-area {
    padding: 55px 9px 75px 68px;
  }

  .money-section .money-bottom-stroke {
    width: 40%;
  }
}

@media only screen and (max-width: 1200px) {
  .money-section .main-title {
    font-size: 29px;
    line-height: 75px;
  }

  .money-section .money-bottom-stroke {
    width: 33%;
  }

  .money-section .sub-title {
    font-size: 56px;
    font-weight: 700;
    line-height: 75px;
    margin-bottom: 30px;
  }

  .money-return-section .left-text-area {
    padding: 40px 9px 20px 0px;
  }
}

@media only screen and (max-width: 1024px) {
  .money-section {
    padding: 42px 0px;
  }

  .money-section .money-bottom-stroke {
    width: 40%;
  }

  .money-section .money-back-text {
    font-size: 34px;
    line-height: 70px;
    margin-top: 5px;
  }

  .money-section .main-title {
    font-size: 29px;
    line-height: 75px;
  }

  .money-section .sub-title {
    font-size: 50px;
    line-height: 70px;
    margin-bottom: 20px;
  }

  .money-return-section .left-text-area {
    padding: 40px 9px 20px 0px;
  }

  .money-return-section .left-text-area .inner-content {
    font-size: 19px;
    line-height: 30px;
  }
}

@media only screen and (max-width: 991px) {
  .money-section .main-title {
    font-size: 26px;
    line-height: 43px;
  }

  .money-section .mtop-md80 {
    margin-top: 30px !important;
  }

  .money-section .money-bottom-stroke {
    width: 33%;
  }

  .money-section .sub-title {
    font-size: 40px;
    line-height: 60px;
    margin-bottom: 20px;
  }

  .money-section .money-back-text {
    font-size: 28px;
    line-height: 70px;
    margin-top: 5px;
  }

  .money-return-section .left-text-area {
    padding: 40px 45px 20px 45px;
  }
}

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

  .money-section .main-title {
    font-size: 25px;
    line-height: 40px;
  }

  .money-section .sub-title {
    font-size: 27px;
    line-height: 68px;
    margin-bottom: 5px;
  }

  .money-section .money-bottom-stroke {
    width: 60%;
  }

  .money-section .sub-title {
    font-size: 30px;
    line-height: 80px;
    margin-bottom: 0px;
  }

  .money-section .money-back-text {
    font-size: 22px;
    line-height: 56px;
    margin-top: 5px;
  }

  .money-return-section .left-text-area {
    padding: 40px 45px 20px 45px;
  }
}

@media only screen and (max-width: 400px) {
  .money-return-section {
    border-radius: 15px;
  }

  .money-section .main-title {
    font-size: 20px;
    line-height: 32px;
  }

  .money-return-section .left-text-area {
    padding: 25px 10px 20px 30px;
  }

  .money-return-section .left-text-area .inner-content {
    font-size: 18px;
    line-height: 30px;
  }

  .money-section .money-bottom-stroke {
    width: 70%;
    margin-top: 17px;
  }

  .money-section .sub-title {
    font-size: 27px;
    line-height: 33px;
    margin-bottom: 20px;
    margin-top: 20px;
  }

  .money-section .money-back-text {
    font-size: 18px;
    line-height: 50px;
    margin-top: 3px;
  }
}

/* prize table style */
.sales-section {
  background: none no-repeat center center;
  /* padding: 30px 0px;
	background-size: cover; */
  padding: 63px 0px;
  background-size: cover;
}

.price-table .main-title {
  font-size: 40px;
  font-weight: 700;
  line-height: 75px;
  font-style: italic;
  color: #fff;
  text-align: center;
  position: relative;
}

.price-table .money-bottom-stroke {
  position: absolute;
  left: 488px;
  width: 447px;
}

.price-table .sub-title {
  font-size: 56px;
  font-weight: 700;
  line-height: 75px;
  margin-bottom: 30px;
}

.price-table .every-thing-text {
  color: #000;
  background-color: #00DFFE;
  border-radius: 10px;
  font-size: 35px;
  font-weight: 700;
  line-height: 70px;
  margin-top: 5px;
  text-align: center;
}

.price-table .compare-block .text1 {
  font-size: 35px;
  font-weight: 800;
  line-height: 70px;
}

.price-table .compare-block .text2 {
  font-size: 60px;
  font-weight: 800;
  text-align: center;
  color: #FFF500;
}

.price-table .compare-block .text3 {
  font-size: 50px;
  font-weight: 800;
  text-align: center;
  color: #00FF57;
}

.price-table .compare-block .text4 {
  font-size: 90px;
  font-weight: 800;
  text-align: center;
  color: #FF00F5;
}

@media only screen and (max-width: 1400px) {
  .price-table .money-bottom-stroke {
    left: 480px;
    width: 430px;
  }

  .price-table .sub-title {
    line-height: 75px;
    margin-bottom: 30px;
  }
}

@media only screen and (max-width: 1360px) {
  .price-table .sub-title {
    font-size: 58px;
  }
}

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

  .price-table .money-bottom-stroke {
    position: absolute;
    left: 387px;
    width: 430px;
  }

  .price-table .sub-title {
    font-size: 51px;
    line-height: 75px;
    margin-bottom: 30px;
  }

  .price-table .every-thing-text {
    font-size: 34px;
  }

  .price-table .compare-block .text1 {
    font-size: 34px;
    font-weight: 800;
    line-height: 70px;
  }
}

@media only screen and (max-width: 1024px) {
  .price-table .money-bottom-stroke {
    left: 304px;
    width: 430px;
  }

  .price-table .sub-title {
    font-size: 43px;
    line-height: 65px;
    margin-bottom: 30px;
  }

  .price-table .compare-block .text1 {
    line-height: 60px;
  }

  .price-table .every-thing-text {
    font-size: 28px;
  }

  .price-table .compare-block .text3 {
    font-size: 45px;
  }

  .price-table .compare-block .text4 {
    font-size: 80px;
  }
}

@media only screen and (max-width: 991px) {
  .price-table .compare-block .text4 {
    font-size: 65px;
  }

  .price-table .money-bottom-stroke {
    left: 280px;
    width: 430px;
  }
}

@media only screen and (max-width:768px) {
  .sales-section {
    padding: 45px 0px;
  }

  .price-table .compare-block {
    padding: 20px 0px;
  }

  .price-table .money-bottom-stroke {
    left: 170px;
    width: 430px;
  }

  .price-table .sub-title {
    font-size: 37px;
    line-height: 57px;
    margin-bottom: 30px;
  }

  .price-table .every-thing-text {
    font-size: 21px;
    line-height: 57px;
  }

  .price-table .compare-block .text1 {
    font-size: 27px;
    line-height: 45px;
  }

  .price-table .compare-block .text3 {
    font-size: 35px;
  }

  .price-table .compare-block .text4 {
    font-size: 50px;
  }
}

@media only screen and (max-width:576px) {
  .price-table .compare-block .text2 {
    font-size: 45px;
  }

  .price-table .money-bottom-stroke {
    left: 75px;
  }

  .price-table .sub-title {
    font-size: 30px;
    line-height: 44px;
    margin-bottom: 30px;
    margin-top: 37px;
  }

  .price-table .every-thing-text {
    line-height: 37px;
    font-size: 23px;
    padding: 10px;
  }

  .price-table .compare-block .text4 {
    font-size: 40px;
  }
}

@media only screen and (max-width:400px) {
  .sales-section {
    padding: 25px 0px;
    margin-top: -40px;
  }

  .price-table .compare-block .text1 {
    font-size: 20px;
    line-height: 35px;
  }

  .price-table .main-title {
    font-size: 28px;
  }

  .price-table .money-bottom-stroke {
    left: 25px;
    width: 306px;
  }

  .price-table .sub-title {
    font-size: 26px;
    line-height: 36px;
    margin-bottom: 30px;
    margin-top: 32px;
  }

  .price-table .compare-block .text2 {
    font-size: 35px;
  }

  .price-table .compare-block .text3 {
    font-size: 26px;
  }

  .price-table .every-thing-text {
    line-height: 28px;
    font-size: 18px;
    padding: 8px;
  }

  .price-table .compare-block .text4 {
    font-size: 30px;
  }
}

/* catch section */
.catch-section {
  padding: 60px 0px 60px 0px;
  background: #FFF;
}

.catch-section .main-title {
  font-size: 50px;
  font-weight: 800;
  line-height: 70px;
  font-style: italic;
  color: #000;
  text-align: center;
  position: relative;
}

.catch-section .delay-title-stroke {
  position: absolute;
  right: 488px;
}

.catch-content-box {
  background-color: #DCFBFF;
  padding: 40px 0px 10px 40px;
  position: relative;
}

.catch-section .sub-title {
  font-size: 60px;
  font-weight: 700;
  line-height: 75px;
  margin-bottom: 30px;
}

.catch-section .right-img-box img {
  position: absolute;
  bottom: 0px;
  max-width: 100%;
  height: 530px;
  right: 20px;
}

.catch-section .left-text {
  padding-left: 0;
  padding-right: 70px;
  padding-bottom: 40px;
}

@media only screen and (max-width:1360px) {
  .catch-section .delay-title-stroke {
    position: absolute;
    right: 452px;
  }

  .catch-content-box {
    background-color: #DCFBFF;
    padding: 40px 0px 10px 25px;
    position: relative;
  }

  .catch-section .left-text {
    padding-left: 0;
    padding-right: 70px;
    padding-bottom: 30px;
  }

  .catch-section .right-img-box img {
    position: absolute;
    bottom: 0px;
    max-width: 100%;
    height: 530px;
    right: 3px;
  }

  .catch-section .sub-title {
    font-size: 59px;
    font-weight: 700;
    line-height: 75px;
    margin-bottom: 30px;
  }
}

@media only screen and (max-width:1200px) {
  .catch-content-box {
    background-color: #DCFBFF;
    padding: 40px 0px 10px 25px;
    position: relative;
  }

  .catch-section .sub-title {
    font-size: 50px;
    font-weight: 700;
    line-height: 68px;
    margin-bottom: 0px;
  }

  .catch-section .right-img-box img {
    position: absolute;
    bottom: 0;
    max-width: 100%;
    height: 422px;
    right: 11px;
    width: 475px;
  }
}

@media only screen and (max-width: 1024px) {
  .catch-section .delay-title-stroke {
    position: absolute;
    right: 285px;
    width: 463px;
  }

  .catch-section .sub-title {
    font-size: 43px;
    font-weight: 700;
    line-height: 60px;
    margin-bottom: 0px;
  }

  .catch-section .right-img-box img {
    position: absolute;
    top: 309px;
    max-width: 100%;
    height: 418px;
    right: 11px;
    width: 478px;
  }
}

@media only screen and (max-width: 991px) {
  .catch-section .delay-title-stroke {
    position: absolute;
    right: 265px;
    width: 463px;
  }

  .catch-content-box {
    background-color: #DCFBFF;
    padding: 40px 0px 438px 25px;
    position: relative;
  }

  .catch-section .right-img-box img {
    position: absolute;
    top: 468px;
    max-width: 100%;
    right: 193px;
    width: auto;
  }

  .catch-section .sub-title {
    font-size: 43px;
    font-weight: 700;
    line-height: 58px;
  }

  .section-top {
    margin-top: -150px;
  }

  .right-img-box img {
    position: absolute;
    top: 550px;
    width: 444px;
    max-width: 100%;
  }
}

@media only screen and (max-width:768px) {
  .catch-content-box {
    padding: 40px 0px 400px 25px;
  }

  .catch-section .right-img-box img {
    top: 533px;
    max-width: 100%;
    right: 115px;
  }

  .catch-section .delay-title-stroke {
    position: absolute;
    right: 155px;
    width: 463px;
  }

  .catch-section .sub-title {
    font-size: 38px;
    font-weight: 700;
    line-height: 55px;
    margin-bottom: 0px;
  }
}

@media only screen and (max-width: 600px) {
  .section-top {
    margin-top: -62px;
  }

  .right-img-box img {
    position: absolute;
    top: 406px;
    width: 444px;
    max-width: 100%;
  }
}

@media only screen and (max-width: 576px) {
  .catch-section .main-title {
    font-size: 40px;
    line-height: 70px;
  }

  .catch-section .delay-title-stroke {
    position: absolute;
    right: 100px;
    width: 379px;
  }

  .catch-section .right-img-box img {
    top: 471px;
    max-width: 100%;
    right: 30px;
  }

  .catch-content-box {
    border-radius: 0px;
  }

  .catch-section .sub-title {
    font-size: 30px;
    font-weight: 700;
    line-height: 43px;
    margin-bottom: 0px;
    margin-top: 22px;
  }

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

@media only screen and (max-width:400px) {
  .catch-section .delay-title-stroke {
    position: absolute;
    right: 33px;
    width: 295px;
  }

  .catch-section .main-title {
    font-size: 29px;
    line-height: 60px;
  }

  .catch-section .sub-title {
    font-size: 26px;
    line-height: 38px;
    margin-top: 22px;
  }

  .catch-section .left-text {
    padding-left: 5px;
    padding-right: 10px;
    padding-bottom: 30px;
  }

  .right-img-box img {
    position: absolute;
    top: 565px;
    width: 307px;
    max-width: 100%;
  }

  .catch-section .right-img-box img {
    height: 310px;
    width: 365px;
    top: 575px;
    right: 10px;
  }

  .catch-section {
    padding: 20px 0px 65px 0px;
  }

  .catch-content-box {
    padding: 30px 0px 0px 10px;
    border-radius: 10px;
  }

  .catch-content-box {
    padding: 20px 0px 291px 10px;
    border-radius: 0px;
  }

}

@media only screen and (max-width: 360px) {
  .catch-content-box {
    padding: 20px 0px 259px 10px;
    border-radius: 0px;
  }

  .catch-section {
    padding: 20px 0px 25px 0px !important;
  }

  .catch-section .right-img-box img {
    height: 285px;
    width: 340px;
    top: 617px;
    right: 6px;
  }
}



@media only screen and (max-width: 1024px) {
  .hurry-up-section {
    padding-bottom: 135px;
  }

  .hurry-up-btn {
    margin-top: 36px;
  }

  .hurry-up-section .left-text {
    padding-bottom: 35px;
  }
}

/* Bonus Section */
.bonus-section {
  background: #000 none no-repeat center top;
  padding-top: 50px;
  padding-bottom: 0px;
  background-size: cover;
  overflow: hidden;
  /* background-color: #e5f8ff; */
  /* background-attachment: fixed; */
}

.bonus-box {
  padding-top: 30px;
  padding-bottom: 30px;
}

.bonus-section .main-title {
  font-size: 45px;
  font-weight: 700;
  line-height: 75px;
  font-style: italic;
  color: #000;
  text-align: center;
}

.bonus-section .sub-title {
  font-size: 55px;
  font-weight: 700;
  line-height: 75px;
  margin-bottom: 15px;
}

.bonus-section .money-back-text {
  color: #000;
  background-color: #00DFFE;
  border-radius: 10px;
  font-size: 45px;
  font-weight: 700;
  line-height: 70px;
  margin-top: 5px;
  text-align: center;
}

.bonus-section .bonus-wrap {
  border-radius: 20px;
  padding: 0px 15px 15px 15px;

  position: relative;

  background-color: #ffffff0d;
  backdrop-filter: blur(10px);
  border-radius: 10px;

box-shadow: 0px 0px 15px 0px rgb(21, 10, 56);
  background: rgba(23, 13, 71, 0.5);
  border: 1px solid rgba(79, 61, 172, 0.5);

}

.bonus-section .money-bottom-stroke {
  position: absolute;
  right: 485px;
  width: 487px;
}

.bonus-box p {
  font-size: 26px;
  font-weight: 300;
  line-height: 45px;
  color: #000000;
  margin-bottom: 0px;
}

.bonus-section .reminder-text {
  font-size: 35px;
  font-weight: 800;
  line-height: 80px;
  color: #fff;
}

.bonus-section .total-value {
  font-size: 60px;
  font-weight: 900;
  line-height: 70px;
}

.bonus-section .number-text {
  font-size: 60px;
  font-weight: 800;
  line-height: 70px;
  color: #000000;
}

.bonus-section .bonus-bottom-text {
  padding: 0 45px 0px 0px;
  font-size: 30px;
  font-weight: 300;
  line-height: 50px;
}

.sp4 {
  background: none no-repeat;
  background-position: center;
  padding: 0px 0px 16px 0px;
  background-size: 100% 100%;
}

.sp5 {
  background: none no-repeat;
  background-position: center;
  padding: 10px 0px 25px 0px;
  background-size: 100% 60%;
}

@media (min-width:768px) {

  .bonus-box .bonus-content {
    padding: 0 22px 0 0px;
  }

  .bonus-content-2 {
    padding: 0 0px 0px 80px;
  }

  .bonus-head {
    padding: 25px 50px 25px 50px;
  }

  .bonus-head1 {
    padding: 25px 50px 25px 50px;
  }

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

@media only screen and (max-width:1360px) {
  .bonus-section .money-bottom-stroke {
    position: absolute;
    right: 445px;
    width: 492px;
  }
}

@media only screen and (max-width:1200px) {
  .bonus-section .money-bottom-stroke {
    right: 370px;
    width: 487px;
  }

  .bonus-section .bonus-bottom-text {
    padding: 0 0px 0px 0px;
    font-size: 30px;
    line-height: 50px;
  }
}

@media only screen and (max-width: 1024px) {
  .bonus-section .money-bottom-stroke {
    right: 275px;
    width: 495px;
  }

  .bonus-section .sub-title {
    font-size: 48px;
    line-height: 65px;
  }

  .bonus-section .total-value {
    font-size: 55px;
    font-weight: 900;
    line-height: 70px;
  }
}

@media only screen and (max-width: 991px) {
  .bonus-section {
    padding-top: 50px;
    padding-bottom: 55px;
  }

  .bonus-section .total-value {
    font-size: 49px;
    font-weight: 900;
    line-height: 80px;
  }
}

@media only screen and (max-width: 768px) {
  .bonus-section .main-title {
    font-size: 40px;
    line-height: 75px;
  }

  .bonus-section .money-bottom-stroke {
    right: 185px;
    width: 410px;
  }

  .bonus-section .sub-title {
    font-size: 35px;
    line-height: 55px;
  }

  .bonus-box p {
    font-size: 21px;
    font-weight: 300;
    line-height: 35px;
    color: #000000;
    margin-bottom: 0px;
  }

  .bonus-section .reminder-text {
    font-size: 30px;
    font-weight: 800;
    line-height: 60px;
    color: #fff;
  }

  .bonus-section .bonus-bottom-text {
    padding: 0 15px 0px 15px;
    font-size: 24px;
    line-height: 40px;
  }

  .bonus-section .number-text {
    font-size: 50px;
    font-weight: 800;
    line-height: 70px;
    color: #000000;
  }

  .bonus-section .total-value {
    font-size: 38px;
    font-weight: 900;
    line-height: 80px;
  }
}

@media only screen and (max-width: 576px) {
  .bonus-section {
    padding-top: 19px;
 padding-bottom: 0px;
  }

  .bonus-section .main-title {
    font-size: 30px;
    line-height: 75px;
  }

  .bonus-section .money-bottom-stroke {
    right: 130px;
    width: 320px;
  }

  .bonus-section .sub-title {
    font-size: 31px;
    line-height: 42px;
    margin-top: 27px;
  }

  .bonus-section .money-back-text {
    font-size: 30px;
    line-height: 70px;
    margin-top: 5px;

  }

  .bonus-section .bonus-wrap {
    border-radius: 20px;

  }
  .bonus-section .bonus-wrap {
    border-radius:
  20px;
    padding:
  0px 5px 10px 5px;
  }

  .bonus-box {
    padding-top: 35px;
    padding-bottom: 27px;
  }

  .sp5 {
    padding: 21px 0px 25px 0px;
  }

  .bonus-section .reminder-text {
    font-size: 30px;
    font-weight: 800;
    line-height: 60px;
    color: #fff;
  }

  .bonus-section .total-value {
    font-size: 37px;
    font-weight: 800;
    line-height: 50px;
  }

  .bonus-section .bonus-bottom-text {
    padding: 0 15px 0px 15px;
    font-size: 20px;
    line-height: 40px;
  }
}

@media only screen and (max-width: 400px) {
  .bonus-section .reminder-text {
    font-size: 22px;
    line-height: 50px;
  }

  .bonus-section .total-value {
    font-size: 30px;
    font-weight: 800;
    line-height: 37px;
  }

  .bonus-section .number-text {
    font-size: 38px;
    font-weight: 800;
    line-height: 70px;
  }

  .bonus-section .bonus-bottom-text {
    padding: 0 15px 0px 15px;
    font-size: 20px;
    line-height: 33px;
  }

  .bonus-box p {
    font-size: 19px;
    font-weight: 300;
    line-height: 35px;
  }

  .bonus-section .money-bottom-stroke {
    right: 90px;
    width: 175px;
  }

  .bonus-section .main-title {
    font-size: 25px;
    line-height: 35px;
  }

  .bonus-section .sub-title {
    font-size: 22px;
    line-height: 35px;
    margin-top: 22px;
  }

  .bonus-section .mb-5 {
    margin-bottom: 1rem !important;
  }

}

/*hurry-up section */

.hurry-up-section {
  padding-top: 50px;
  padding-bottom: 95px;
  background: #000 none no-repeat center top;
  background-size: cover;
  overflow: hidden;
}

.hurry-up-section .main-title {
  font-size: 70px;
  font-weight: 800;
  line-height: 75px;
  font-style: italic;
  color: #fff;
  text-align: center;
}

.hurry-up-section .curve-vector {
  right: 527px;
  width: auto;
}

.hurry-up-section .sub-title {
  font-size: 55px;
  font-weight: 800;
  font-style: italic;
  line-height: 75px;
  margin-bottom: 15px;
}

.hurry-up-section .catch-content-box {
  border-radius: 60px;
  position: relative;
  background: #01FFEE;
  padding: 20px 20px 20px 20px;
  box-shadow: 0px 0px 20px 20px rgb(1, 255, 238);
  margin-top: 150px;
}

.hurry-up-section .inner-left-content {
  font-size: 21px;
  font-weight: 400;
  line-height: 40px;
}

.hurry-up-section .left-text {
  padding-left: 28px !important;
  padding-right: 22px !important;
  padding-bottom: 35px;
  padding-top: 35px;
}

.hurry-up-section .hurry-up-right-img-box {
  /* scale: 1.1;
    margin-bottom: -162px;
    z-index: 0;
    transform-origin: 120% 130%; */
  position: absolute;
  right: 25px;
  bottom: -15px;
}

@media only screen and (max-width:1200px) {
  .hurry-up-section .hurry-up-right-img-box {
    scale: 1.0;
    margin-bottom: -7px;
    z-index: 0;
    transform-origin: 70% 66%;
  }

  .hurry-up-section .left-text {
    padding-left: 14px;
    padding-right: 28px;
    padding-bottom: 4px;
    padding-top: 7px;
  }

  .hurry-up-section .inner-left-content {
    font-size: 21px;
    font-weight: 400;
    line-height: 36px;
  }

  .hurry-up-section .catch-content-box {
    padding: 40px 20px 40px 20px;
  }

  .hurry-up-btn {
    margin-top: -48px;
  }

  .hurry-up-section .right-img-box img {
    position: absolute;
    top: 2px;
    width: 472px;
    max-width: 100%;
    right: 6px;
  }
}

@media only screen and (max-width: 1024px) {
  .hurry-up-section .inner-left-content {
    font-size: 19px;
    font-weight: 400;
    line-height: 36px;
  }

  .hurry-up-section .left-text {
    padding-left: 15px !important;
    padding-right: 52px !important;
    padding-bottom: 20px;
    padding-top: 10px;
  }

  .hurry-up-section .hurry-up-right-img-box {
    scale: 1.3;
    margin-bottom: 51px;
    z-index: 0;
    transform-origin: 37% 66%;
  }

  .hurry-up-section .catch-content-box {
    padding: 15px 20px 0px 20px;
  }

  .hurry-up-section .right-img-box img {
    position: absolute;
    top: 162px;
    width: 396px;
    max-width: 100%;
    right: 6px;
  }
}

@media only screen and (max-width: 991px) {
  .hurry-up-section .main-title {
    font-size: 55px;
    line-height: 75px;
  }

  .hurry-up-section .sub-title {
    font-size: 40px;
    line-height: 20px;
    margin-bottom: 0;
  }

  .hurry-up-section .hurry-up-right-img-box {
    scale: 0.9;
    right: 15px;
    margin-bottom: -30px;
    transform-origin: 50% 60%;
  }

  .hurry-up-section .catch-content-box {
    padding: 12px 0px 600px 15px;
    border-radius: 61px;
    position: relative;

  }

  .hurry-up-section .right-img-box img {
    position: absolute;
    top: 455px;
    width: 400px;
    max-width: 100%;
    right: 145px;
  }

  .hurry-up-section {
    padding-bottom: 120px;
  }
}

@media only screen and (max-width: 768px) {
  .hurry-up-section .main-title {
    font-size: 55px;
    line-height: 75px;
  }

  .hurry-up-section .sub-title {
    font-size: 37px;
    line-height: 50px;
    margin-bottom: 0;
    margin-top: 15px;
  }

  .hurry-up-section .catch-content-box {
    padding: 12px 0px 410px 15px !important;
    margin-top: 40px;
  }

  .hurry-up-section .hurry-up-right-img-box {
    scale: 0.6;
    right: 15px;
    margin-bottom: -93px;
    transform-origin: 60% 60%;
  }
}

@media only screen and (max-width: 576px) {
  .hurry-up-section {
    padding-top: 25px;
    padding-bottom: 50px;
  }

  .hurry-up-section .main-title {
    font-size: 50px;
    line-height: 70px;
  }

  .hurry-up-section .sub-title {
    font-size: 31px;
    line-height: 45px;
    margin-bottom: 0;
    margin-top: 15px;
  }

  .hurry-up-section .sp5 {
    padding: 21px 0px 25px 0px;
  }

  .hurry-up-section .sp4 {
    padding: 12px 0px 16px 0px;
  }

  .hurry-up-section .catch-content-box {
    background-color: #fff;
    padding: 5px 35px 368px 15px;
    border-radius: 61px;
  }

  .hurry-up-section .right-img-box img {
    top: 375px;
    width: 400px;

    right: 71px;
  }

  .bonus-section .bonus-wrap {
    border-radius: 20px;
  }

  .sp5 {
    padding: 21px 0px 25px 0px;
  }
}

@media only screen and (max-width: 400px) {
  .hurry-up-section {
    padding-top: 15px;
    padding-bottom: 35px;
  }

  .hurry-up-section .left-text {
    padding-bottom: 50px;
    padding-top: 15px;
    padding-left: 5px !important;
    padding-right: 10px !important;
  }

  .hurry-up-section .right-img-box img {
    top: 521px;
    width: 335px;
    right: 10px;
  }

  .hurry-up-section .hurry-up-right-img-box {
    scale: 0.6;
    right: 15px;
    margin-bottom: -63px;
    transform-origin: 60% 60%;
  }

  .hurry-up-section .catch-content-box {
    padding: 12px 0px 260px 15px !important;
    border-radius: 10px;
  }

  .hurry-up-section .inner-left-content {
    font-size: 17px;
    font-weight: 400;
    line-height: 33px;
  }

  .hurry-up-section .main-title {
    font-size: 39px;
    line-height: 64px;
  }

  .hurry-up-section .curve-vector {
    width: 185px;
  }

  .hurry-up-section .sub-title {
    font-size: 25px;
    line-height: 37px;
    margin-bottom: 0;
    margin-top: 13px;
  }
}

@media only screen and (max-width:360px) {
  .hurry-up-section .catch-content-box {
    padding: 12px 0px 330px 15px !important;

  }

  .hurry-up-section .hurry-up-right-img-box {
    scale: 0.8;
    right: -11px;
    margin-bottom: -19px !important;
    transform-origin: 60% 60%;
  }
}

/* reminder-section */

.reminder-section {
  background: none no-repeat;
  background-size: 100% 100%;
  background-position: center;
  padding-top: 45px;
  padding-bottom: 135px;
}

.reminder-image-box {
  border-radius: 50px;
  padding: 50px 50px 50px 50px;
  background-image: linear-gradient(0deg, #FF8A00 0%, #FFF500 100%);
}

.reminder-section .main-title {
  font-size: 50px;
  font-weight: 700;
  line-height: 75px;
  font-style: italic;
  color: #fff;
  text-align: center;
}

.reminder-section .money-bottom-stroke {
  position: absolute;
  right: 495px;
  width: 425px;
}

.reminder-section .sub-title {
  font-size: 36px;
  font-weight: 700;
  line-height: 60px;
  margin-bottom: 15px;
}

.reminder-section .money-back-text {
  color: #000;
  background-color: #00DFFE;
  border-radius: 10px;
  font-size: 50px;
  font-weight: 700;
  line-height: 80px;
  margin-top: 5px;
  text-align: center;
}

.reminder-head-bottom {
  font-size: 27px;
  font-weight: 300;
  line-height: 40px;
  color: #FFFFFF;
  margin-top: 8px;
}

@media only screen and (max-width:1360px) {
  .reminder-section .money-bottom-stroke {
    right: 450px;
    width: 465px;
  }
}

@media only screen and (max-width:1024px) {
  .reminder-section {
    padding-bottom: 150px;
  }

  .reminder-section .money-bottom-stroke {
    right: 280px;
    width: 465px;
  }

  .reminder-section .sub-title {
    font-size: 30px;
    font-weight: 700;
    line-height: 60px;
    margin-bottom: 15px;
  }

  .reminder-section .money-back-text {
    color: #000;
    background-color: #00DFFE;
    border-radius: 10px;
    font-size: 35px;
  }
}

@media only screen and (max-width:991px) {
  .reminder-section {
    padding-bottom: 120px;
  }

  .reminder-section .main-title {
    font-size: 42px;
    font-weight: 700;
    line-height: 75px;
  }

  .reminder-section .sub-title {
    font-size: 25px;
    font-weight: 700;
    line-height: 45px;
    margin-bottom: 15px;
  }

  .reminder-section .money-back-text {
    font-size: 28px;
  }

  .reminder-head-bottom {
    font-size: 21px;
    font-weight: 300;
    line-height: 37px;
  }
}

@media only screen and (max-width:768px) {
  .reminder-section .money-bottom-stroke {
    right: 180px;
    width: 415px;
  }
}

@media only screen and (max-width: 576px) {
  .reminder-image-box {

    padding: 35px 35px 35px 35px;

  }

  .reminder-section {
    padding-top: 30px;
    padding-bottom: 55px;
  }

  .reminder-title-head {
    padding-top: 40px;
    padding-bottom: 52px;
  }

  .reminder-section .main-title {
    font-size: 35px;
    font-weight: 700;
    line-height: 75px;
  }

  .reminder-section .money-bottom-stroke {
    right: 105px;
    width: 360px;
  }

  .reminder-section .sub-title {
    font-size: 25px;
    line-height: 40px;
    margin-bottom: 15px;
    margin-top: 27px;
  }

  .reminder-section .money-back-text {
    font-size: 22px;
    line-height: 50px;
  }

  .reminder-head-bottom {
    font-size: 17px;
    font-weight: 300;
    line-height: 30px;
    margin-top: 0;
    margin-bottom: 40px;
  }
}

@media only screen and (max-width:400px) {
  .reminder-section .main-title {
    font-size: 30px;
    font-weight: 700;
    line-height: 60px;
  }

  .reminder-section .sub-title {
    font-size: 22px;
    line-height: 36px;
    margin-bottom: 15px;
    margin-top: 22px;
  }

  .reminder-section .money-bottom-stroke {
    right: 25px;
    width: 295px;
  }

  .reminder-head-bottom {
    font-size: 16px;
    font-weight: 300;
    line-height: 30px;
    margin-top: 0;
    margin-bottom: 40px;
  }

  .reminder-section .money-back-text {
    font-size: 19px;
    line-height: 50px;
  }

  .reminder-image-box {
    border-radius: 15px;
    padding: 15px 15px 15px 15px;
    background-image: linear-gradient(0deg, #FF8A00 0%, #FFF500 100%);
  }
}

@media only screen and (max-width: 360px) {
  .reminder-title-head {
    padding-top: 29px;
    padding-bottom: 80px;
  }

  .reminder-section .money-back-text {
    font-size: 19px;
    line-height: 50px;
  }
}

/* table section */
.Benefits-table {
  background: none no-repeat center center;
  background-size: auto;
  padding: 30px 0px;
  background-size: cover;
  padding: 63px 0px;
  background-size: cover;
}

.Benefits-table .table-heading {
  font-size: 60px;
  font-weight: 800;
  line-height: 80px;
}

.Benefits-table table {
  border-collapse: separate;
}

.Benefits-table table td {
  border-radius: 12px;
  padding: 15px 18px 15px 30px !important;
  vertical-align: middle;
  border: none;
}

.Benefits-table table thead td {
  background: #000000;
  border: none;
  color: #FFF;
}

.Benefits-table table tbody td {
  font-size: 23px;
  line-height: 35px;
  background: #00DFFE;
  color: #000000;
}

@media only screen and (max-width:991px) {
  .Benefits-table {
    padding: 35px 0px;
  }

  .Benefits-table .table-heading {
    font-size: 54px;
    font-weight: 800;
    line-height: 70px;
  }
}

@media only screen and (max-width:768px) {
  .price-table .money-bottom-stroke {
    left: 240px;
    width: 310px;
  }

  .Benefits-table .table-heading {
    font-size: 38px;
    font-weight: 800;
    line-height: 48px;
  }
}

@media only screen and (max-width:576px) {
  .sales-section {
    padding: 25px 0px;
  }

  .price-table .main-title {
    font-size: 35px;
    font-weight: 700;
    line-height: 75px;
  }

  .price-table .money-bottom-stroke {
    left: 122px;
    width: 360px;
  }
}

@media only screen and (max-width:400px) {
  .Benefits-table .table-heading {
    font-size: 25px;
    font-weight: 800;
    line-height: 38px;
  }

  .sales-section {
    padding: 20px 0px;
  }

  .price-table .main-title {
    font-size: 25px;
    font-weight: 700;
    line-height: 57px;
  }

  .price-table .money-bottom-stroke {
    left: 55px;
    width: 250px;
  }

  .price-table .sub-title {
    font-size: 19px;
    line-height: 35px;
    margin-bottom: 10px;
    margin-top: 20px;
  }
}

/* done section style */
.text-black {
  color: #000000;
}

.done-section {
  background: none no-repeat;
  background-size: 100% 100%;
  background-position: center;
  padding-bottom: 80px;
}

.done-bg {
  background: none no-repeat;
  background-size: 100% 100%;
  background-position: center;
  /* margin-top: -185px; */
  padding: 80px 0;
}

.done-section .section-padding {
  padding-top: 60px;
  padding-bottom: 20px;
}

.done-section .main-title {
  font-size: 50px;
  font-weight: 300;
  line-height: 70px;
  color: #000000;
}

.done-section .sub-title {
  font-size: 50px;
  font-weight: 800;
  line-height: 70px;
}

.done-section .catch-content-box {
  background-color: #FFF6;
  padding: 90px 0px 90px 40px;
  border-radius: 61px;
  position: relative;
}

.done-section .catch-content-box .left-content-area {
  font-size: 24px;
  font-weight: 400;
  line-height: 40px;
  color: #000000;
}

.done-section .left-text {
  padding-left: 35px;
  padding-right: 35px;
  padding-bottom: 0px;
}

.done-section .right-img-box img {
  position: absolute;
  top: -63px;
  width: 385px;
  max-width: 100%;
  right: 90px;
  height: 523px;
}

.done-section .bottom-content {
  font-size: 57px;
  font-weight: 800;
  line-height: 80px;
  color: #000000;
}

.done-section .left-money-box {
  background: none no-repeat;
  background-size: 100% 100%;
  background-position: center;
  padding: 150px 20px 60px 90px;
}

.done-section .right-money-box {
  background: none no-repeat;
  background-size: 100% 100%;
  background-position: center;
  padding: 150px 165px 60px 8px;
}

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

  .done-section .catch-content-box {
    padding: 70px 0px 70px 40px;
  }

  .done-section .right-img-box img {
    top: -48px;
    width: 380px;
    max-width: 100%;
    right: 90px;
    height: 469px;
  }

  .done-section .bottom-content {
    font-size: 49px;
    font-weight: 800;
    line-height: 80px;
    color: #000000;
  }

  .done-bg {
    padding: 44px 0;
  }
}

@media only screen and (max-width:1024px) {
  .done-section .main-title {
    font-size: 42px;
    line-height: 70px;
  }

  .done-section .sub-title {
    font-size: 40px;
    font-weight: 800;
    line-height: 60px;
  }

  .done-section .right-img-box img {
    top: -59px;
    width: 380px;
    max-width: 100%;
    right: 35px;
    height: 472px;
  }

  .done-section .catch-content-box .left-content-area {
    font-size: 21px;
    line-height: 34px;
  }

  .done-section .bottom-content {
    font-size: 40px;
    line-height: 65px;
  }
}

@media only screen and (max-width:991px) {
  .done-section .main-title {
    font-size: 38px;
    line-height: 60px;
  }

  .done-section .catch-content-box {
    padding: 40px 0px 500px 40px;
  }

  .done-section .right-img-box img {
    top: 290px;
    width: 355px;
    max-width: 100%;
    right: 170px;
    height: 488px;
  }

  .done-section .bottom-content {
    font-size: 30px;
    line-height: 45px;
  }
}

@media only screen and (max-width: 768px) {
  .done-bg {
    padding: 50px 0;
  }

  .done-section .right-img-box img {
    top: 289px;
    width: auto;
    max-width: 100%;
    right: 184px;
  }
}

@media only screen and (max-width: 576px) {
  .done-section .section-padding {
    padding-top: 30px;
    padding-bottom: 20px;
  }

  .done-section .left-text {
    padding-left: 0;
    padding-right: 20px;
  }

  .done-section .main-title {
    font-size: 27px;
    line-height: 40px;
  }

  .done-section .sub-title {
    font-size: 24px;
    font-weight: 800;
    line-height: 38px;
  }

  .done-section .right-img-box img {
    top: 343px;
    width: auto;
    max-width: 100%;
    right: 95px;
  }
}

@media only screen and (max-width: 400px) {
  .done-section {
    padding-bottom: 40px;
  }

  .done-bg {
    padding: 38px 0;
  }

  .done-section .main-title {
    font-size: 20px;
    line-height: 30px;
  }

  .done-section .sub-title {
    font-size: 21px;
    font-weight: 800;
    line-height: 32px;
    margin-top: 8px;
  }

  .done-section .catch-content-box .left-content-area {
    font-size: 18px;
    line-height: 30px;
  }

  .done-section .catch-content-box {
    padding: 40px 15px 543px 15px;
    border-radius: 20px;
    background-color: #FFFFFFD6;
  }

  .done-section .left-text {
    padding-left: 0;
    padding-right: 0;
  }

  .done-section .right-img-box img {
    top: 320px;
    width: auto;
    max-width: 100%;
    height: auto;
    right: 1px;
  }

  .done-section .bottom-content {
    font-size: 22px;
    line-height: 32px;
  }
}

@media only screen and (max-width: 360px) {
  .done-section .catch-content-box {
    padding: 40px 15px 498px 15px;
    border-radius: 20px;
    background-color: #FFFFFFD6;
  }

  .done-section .right-img-box img {
    top: 360px;
    width: auto;
    max-width: 100%;
    height: auto;
    right: 1px;
  }
}

/* work-section */
.work-section {
  padding-top: 65px;
  padding-bottom: 65px;
  background: none no-repeat;
  background-size: cover;
  overflow: hidden;
  background-position: center center;
}

.work-section .title-head {
  background-color: #01FFEE;
  padding: 25px 50px;
  border-radius: 85px;
  text-align: center;
}

.work-section .title-head .title {
  font-size: 55px;
  font-weight: 800;
  line-height: 80px;
  color: #000;
}

/* .title-1 {
    background: none no-repeat;
    background-size: 100% 100%;
    background-position: center;
    padding: 55px 0;
    margin-top: -152px;
} */

.work-section .image-title-bg {
  background: none center top no-repeat;
  background-size: auto;
  background-size: 100% 100%;
  padding: 16px 17px;
  margin-top: -57px;
}

.img-1 img {
  width: 14%;
  position: absolute;
  left: -100px;
  top: -185px;
}

.img-2 img {
  width: 14%;
  position: absolute;
  right: -100px;
  top: -185px;
}

/* .work-feature {
    margin-top: 25px;
    padding: 25px 40px 20px 40px;
    line-height: 53px;
    background: linear-gradient(white, white) padding-box, linear-gradient(to right, #02CB46, #0047FF) border-box;
    border-radius: 50em;
    border: 2px solid transparent;
} */

.work-feature .text-1 {
  font-size: 51px;
  font-weight: 500;
  line-height: 65px;
}

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

  .img-1 img {
    width: 12%;
    position: absolute;
    left: -23px;
    top: -82px;
  }

  .img-2 img {
    width: 12%;
    position: absolute;
    right: -24px;
    top: -37%;
  }

  /* .title-1 {
        margin-top: -135px;
    } */
}

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

  /* .title-1 {
        background-size: 100% 73%;
        padding: 55px 0;
        margin-top: -160px;
    } */
  .work-section .title-head {
    padding: 15px 50px;
    border-radius: 85px;
  }

  .work-section .title-head .title {
    font-size: 45px;
    line-height: 80px;
  }

  .title {
    font-size: 45px;
    line-height: 80px;
  }

  .work-feature .text-1 {
    font-size: 41px;
    font-weight: 500;
  }

  .img-1 img {
    width: 12%;
    position: absolute;
    left: -23px;
    top: -55px;
  }

  .img-2 img {
    width: 12%;
    position: absolute;
    right: -24px;
    top: -28%;
  }

  .work-section .image-title-bg {
    margin-top: -45px;
  }
}

@media only screen and (max-width:991px) {
  .work-section .title-head {
    padding: 10px 47px;
    border-radius: 85px;
  }

  .work-section .title-head .title {
    font-size: 47px !important;
    font-weight: 800;
    line-height: 80px;
  }

  .work-feature .text-1 {
    font-size: 35px;
    line-height: 50px;
  }

  .work-feature {
    line-height: 37px;
  }

  .img-1 img {
    width: 12%;
    position: absolute;
    left: 0px;
    top: -70px;
  }

  .img-2 img {
    width: 12%;
    position: absolute;
    right: 0px;
    top: -70px;
  }


}

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

  .work-feature .text-1 {
    font-size: 33px !important;
    line-height: 50px;
  }


  .work-section .title-head {
    padding: 10px 25px;
  }

  .work-section .title-head .title {
    font-size: 38px !important;
    line-height: 80px;
  }

  .image-title-bg {
    padding: 16px 13px;
  }

  .img-2 img {
    width: 14%;
    position: absolute;
    right: -15px;
    top: -26%;
  }

  .img-1 img {
    width: 14%;
    position: absolute;
    left: -18px;
    top: -45px;
  }

  .work-section .image-title-bg {
    margin-top: -30px;
  }
}

@media only screen and (max-width:576px) {
  .work-section .title-head .title {
    font-size: 29px !important;
    line-height: 65px;
  }

  .work-section .image-title-bg {
    margin-top: -75px;
  }

  .title-1 {
    background-size: 100% 48%;
    padding: 82px 20px;
    margin-top: -187px;
  }

  .work-feature .text-1 {
    font-size: 25px;
    line-height: 35px;
  }

  .work-section {
    padding-top: 40px;
    padding-bottom: 35px;
    ;
  }

  .img-2 img {
    width: 12%;
    position: absolute;
    right: -15px;
    top: 2%;
    display: none;
  }

  .img-1 img {
    width: 13%;
    position: absolute;
    left: -17px;
    top: 0px;
    display: none;
  }
}

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

  .work-section .title-head .title {
    font-size: 24px !important;
    line-height: 25px;
  }


  .work-section .image-title-bg {
    margin-top: -43px;
  }

  .work-feature .text-1 {
    font-size: 25px;
    line-height: 30px;
  }

  .work-section {
    padding-top: 40px;
    padding-bottom: 34px;
  }

  .img-2 img {
    width: 12%;
    position: absolute;
    right: 0;
    top: 2%;
  }

  .img-1 img {
    width: 13%;
    position: absolute;
    left: 0px;
    top: 0px;
  }
}

@media only screen and (max-width:360px) {
  .title-1 {
    background-size: 100% 32%;
    padding: 80px 20px;
    margin-top: -139px;
    line-height: 140%;
  }

  .work-section {
    padding-top: 40px;
    padding-bottom: 34px;
  }

  .work-section .font28 {
    font-size: 20px !important;
  }

  .work-feature {
    line-height: 25px;
    margin-top: 0px;
    padding: 0px 15px 0px 15px;
  }

  .work-feature .text-1 {
    font-size: 19px;
  }
}


/* additional benefits*/
.additional-benefits {
  padding-top: 0px;
  padding-bottom: 65px;
  background: none no-repeat top center;
  background-size: cover;
  overflow: hidden;
  background-position: inherit;
}

.additional-benefits .main-heading {
  font-size: 60px;
  font-weight: 800;
  line-height: 80px;
}

.additional-benefits .title-stroke {
  position: absolute;
  left: 488px;
  width: 447px;
}

.additional-benefits .feature-block1-title {
  font-size: 60px;
  font-weight: 700;
  line-height: 30px;
}

.additional-benefits .feature-block1 {
  background: none no-repeat center center;
  background-size: 100% 100%;
  padding: 100px 38px 105px 40px;
  height: 100%;
}

.feature-block1 .title-description {
  font-size: 24px;
  font-weight: 300;
  line-height: 30px;
}

.additional-benefits .feature-block2 {
  background: none no-repeat center center;
  background-size: 100% 100%;
  padding: 100px 38px 105px 40px;
  height: 100%;
}

.feature-block2 .title-description {
  font-size: 24px;
  font-weight: 300;
  line-height: 30px;
}

.additional-benefits .block-space {
  padding-top: 30px;
  padding-bottom: 30px;
}

.additional-benefits .feature-block3 {
  background: none no-repeat center center;
  background-size: 100% 100%;
  padding: 100px 67px 105px 63px;
  height: 100%;
}

.feature-block3 .title-description {
  font-size: 24px;
  font-weight: 300;
  line-height: 30px;
}

.additional-benefits .feature-block5 {
  background: none no-repeat center center;
  background-size: 100% 100%;
  padding: 100px 38px 100px 40px;
  height: 100%;
}

.feature-block5 .title-description {
  font-size: 24px;
  font-weight: 300;
  line-height: 30px;
  padding: 0 32px;
}

@media only screen and (max-width:1200px) {
  .additional-benefits .title-stroke {
    left: 420px;
    width: 365px;
  }
}

@media only screen and (max-width:1024px) {
  .additional-benefits .title-stroke {
    left: 420px;
    width: 365px;
  }

  .feature-block1 .title-description {
    font-size: 21px;
    font-weight: 300;
    line-height: 28px;
  }

  .additional-benefits .feature-block1-title {
    font-size: 50px;
    font-weight: 700;
    line-height: 20px;
  }

  .feature-block2 .title-description {
    font-size: 21px;
    font-weight: 300;
    line-height: 30px;
  }

  .feature-block3 .title-description {
    font-size: 21px;
    font-weight: 300;
    line-height: 30px;
  }

  .additional-benefits .feature-block5 {
    padding: 100px 25px 100px 30px;
  }
}

@media only screen and (max-width:991px) {
  .additional-benefits .main-heading {
    font-size: 47px;
    font-weight: 800;
    line-height: 70px;
  }

  .additional-benefits .title-stroke {
    left: 360px;
    width: 300px;
  }

  .additional-benefits .feature-block1 {
    padding: 105px 38px 85px 40px;
  }

  .feature-block1 .title-description {
    font-size: 18px;
    font-weight: 300;
    line-height: 28px;
  }

  .feature-block2 .title-description {
    font-size: 18px;
    font-weight: 300;
    line-height: 30px;
  }

  .feature-block3 .title-description {
    font-size: 18px;
    font-weight: 300;
    line-height: 30px;
  }

  .additional-benefits .feature-block5 {
    padding: 105px 25px 100px 30px;
  }

  .feature-block5 .title-description {
    font-size: 19px;
    line-height: 29px;
    padding: 0px 25px;
  }
}

@media only screen and (max-width:768px) {
  .additional-benefits .main-heading {
    font-size: 42px;
    line-height: 60px;
  }

  .additional-benefits .title-stroke {
    left: 170px;
    width: 430px;
  }

  .additional-benefits .feature-block3 {
    padding: 120px 30px 105px 38px;
  }

  .additional-benefits .feature-block1-title {
    font-size: 38px;
    font-weight: 700;
    line-height: 20px;
  }

  .feature-block5 .title-description {
    font-size: 19px;
    line-height: 30px;
    padding: 0px 10px;
  }

  .additional-benefits .feature-block1 {
    padding: 105px 25px 85px 25px;
  }
}

@media only screen and (max-width:576px) {
  .additional-benefits .main-heading {
    font-size: 32px;
    line-height: 45px;
    margin-bottom: 38px;

  }

  .additional-benefits .title-stroke {
    left: 116px;
    width: 355px;
  }

  .additional-benefits .feature-block1 {
    padding: 105px 38px 85px 38px;
  }

  .feature-block1 .title-description {
    font-size: 21px;
    font-weight: 300;
    line-height: 28px;
  }

  .additional-benefits .feature-block1 {
    padding: 105px 32px 85px 32px;
  }

  .additional-benefits .feature-block2 {
    padding: 100px 38px 105px 40px;
  }

  .additional-benefits .feature-block5 {
    padding: 105px 33px 100px 40px;
  }

  .feature-block5 .title-description {
    font-size: 20px;
    line-height: 30px;
    padding: 0px 10px;
  }

  .feature-block2 .title-description {
    font-size: 22px;
    font-weight: 300;
    line-height: 30px;
  }

  .feature-block3 .title-description {
    font-size: 20px;
    font-weight: 300;
    line-height: 30px;
  }
}

@media only screen and (max-width:400px) {
  @media only screen and (max-width: 576px) {
    .additional-benefits .main-heading {
      font-size: 25px;
      line-height: 38px;
      margin-bottom: 37px;
    }
  }

  .additional-benefits .title-stroke {
    left: 75px;
    width: 255px;
  }

  .additional-benefits .title-stroke {
    left: 75px;
    width: 255px;
  }
}

@media only screen and (max-width:360px) {
  .additional-benefits .title-stroke {
    left: 85px;
    width: 200px;
  }
}

/* amazing-feature */
.amazing-features {
  background: none no-repeat center center;
  background-attachment: scroll;
  background-size: auto;
  background-size: cover;
  padding: 30px 0px;
  background-attachment: fixed;
}

.amazing-features .main-title {
  font-size: 63px;
  font-weight: 700;
  line-height: 105px;
  font-style: italic;
  color: #000;
  text-align: center;
}

.amazing-features .sub-title {
  font-size: 40px;
  font-weight: 700;
  line-height: 65px;
  text-align: center;
}

.amazing-features .money-bottom-stroke {
  position: absolute;
  right: 455px;
  width: 504px;
}

.fluid-padding {
  padding: 0 40px;
}

.right-content-space {
  padding-left: 25px;
}

.left-content-space {
  padding-right: 30px;
}

.amazing-features .future-block.bg-purple {
  border: 5px solid #6440FF;
  background: #704AE6;
}

.amazing-features .future-block {
  border-radius: 10px;
  background: #000000;
  padding: 60px 20px;
}

.amazing-features .future-block.bg-blue {
  background: #0030FE;

}

.amazing-features .future-block .yellow-clr {
  color: #FFF500;
}

@media only screen and (max-width:1200px) {
  .amazing-features .main-title {
    font-size: 60px;
    line-height: 110px;
  }

  .amazing-features .money-bottom-stroke {
    right: 338px;
    width: 550px;
  }
}

@media only screen and (max-width: 1024px) {
  .amazing-features .main-title {
    font-size: 55px;
    line-height: 88px;
  }

  .amazing-features .sub-title {
    font-size: 35px;
    font-weight: 700;
    line-height: 50px;
    text-align: center;
  }

  .amazing-features .money-bottom-stroke {
    right: 280px;
    width: 465px;
  }
}

@media only screen and (max-width:991px) {
  .amazing-features .main-title {
    font-size: 52px;
    line-height: 88px;
  }

  .amazing-features .money-bottom-stroke {
    right: 280px;
    width: 425px;
  }

  .amazing-features .sub-title {
    font-size: 32px;
    font-weight: 700;
    line-height: 40px;
    text-align: center;
  }
}

@media only screen and (max-width: 768px) {
  .amazing-features .main-title {
    font-size: 50px;
    line-height: 84px;
  }

  .amazing-features .money-bottom-stroke {
    right: 188px;
    width: 400px;
  }

  .amazing-features .sub-title {
    font-size: 31px;
  }
}

@media only screen and (max-width:576px) {
  .amazing-features {
    padding: 20px 0px;
  }

  .amazing-features .main-title {
    font-size: 40px;
    line-height: 75px;
  }

  .amazing-features .future-block {
    padding: 30px 20px;
  }

  .amazing-features .money-bottom-stroke {
    right: 125px;
    width: 315px;
  }

  .amazing-features .sub-title {
    font-size: 25px;
    line-height: 28px;
  }
}

@media only screen and (max-width:400px) {
  .amazing-features {
    padding: 20px 0px;
  }

  .amazing-features .main-title {
    font-size: 30px;
    line-height: 55px;
  }

  .amazing-features .future-block {
    padding: 20px 10px !important;
  }

  .amazing-features .money-bottom-stroke {
    right: 60px;
    width: 244px;
  }

  .amazing-features .sub-title {
    font-size: 24px;
    line-height: 32px;
  }

  .additional-benefits .feature-block1 {
    padding: 105px 50px 85px 50px;
  }

  .work-section .title-head {
    padding: 17px 25px;
  }
}

/* step-section */

.step-section .main-title {
  font-size: 40px;
  font-weight: 700;
  line-height: 75px;
  font-style: italic;
  color: #fff;
  text-align: center;
  position: relative;
}

.step-section .sub-title {
  font-size: 50px;
  font-weight: 700;
  line-height: 75px;
  margin-bottom: 30px;
}

.step-section .text-background {
  color: #000;
  background-color: #00DFFE;
  border-radius: 10px;
  font-size: 55px;
  font-weight: 700;
  line-height: 70px;
  margin-top: 5px;
  text-align: center;
}

@media only screen and (max-width:1024px) {
  .step-section .sub-title {
    font-size: 40px;
    font-weight: 700;
    line-height: 65px;
    margin-bottom: 20px;
  }

  .step-section .text-background {
    font-size: 50px;
  }
}

@media only screen and (max-width:768px) {
  .step-section .sub-title {
    font-size: 33px;
    line-height: 50px;
    margin-bottom: 20px;
  }

  .step-section .text-background {
    font-size: 45px;
  }
}

@media only screen and (max-width:576px) {
  .step-section .money-bottom-stroke {
    position: absolute;
    right: 55px;
    width: 460px;
  }

  .step-section .main-title {
    font-size: 35px;
    font-weight: 700;
    line-height: 63px;
  }

  .step-section .sub-title {
    font-size: 30px;
    font-weight: 700;
    line-height: 44px;
    margin-bottom: 15px;
    margin-top: 30px;
  }

  .step-section .text-background {
    font-size: 35px;
  }
}

@media only screen and (max-width:400px) {
  .step-section .money-bottom-stroke {
    right: 27px;
    width: 300px;
  }

  .step-section .main-title {
    font-size: 23px;
    font-weight: 700;
    line-height: 55px;
  }

  .step-section .sub-title {
    font-size: 21px;
    font-weight: 700;
    line-height: 31px;
    margin-bottom: 15px;
    margin-top: 20px;
  }

  .step-section .text-background {
    font-size: 33px;
  }
}

/* video-section */

.video-section {
  background: none center top no-repeat;
  background-size: cover;
  padding-top: 40px;
  padding-bottom: 50px;
}

.video-section .main-title {
  font-size: 45px;
  font-weight: 700;
  line-height: 75px;
  font-style: italic;
  color: #fff;
  text-align: center;
  position: relative;
}

.video-section .money-bottom-stroke {
  position: absolute;
  right: 460px;
  width: 485px;
}

.video-section .sub-title {
  font-size: 50px;
  font-weight: 700;
  line-height: 75px;
  margin-bottom: 30px;
}

.tool-video-box {
  border-radius: 0px;
  background: linear-gradient(0deg, #00FF57 0%, #FFF500 106%);
  padding: 10px 10px;
}

@media only screen and (max-width:1360px) {
  .video-section .money-bottom-stroke {
    right: 425px;
    width: 485px;
  }
}

@media only screen and (max-width:1200px) {
  .video-section .main-title {
    font-size: 40px;
    font-weight: 700;
    line-height: 75px;
  }

  .video-section .money-bottom-stroke {
    right: 360px;
    width: 447px;
  }

  .video-section .sub-title {
    font-size: 47px;
  }
}

@media only screen and (max-width:1024px) {
  .video-section .money-bottom-stroke {
    right: 275px;
    width: 447px;
  }
}

@media only screen and (max-width: 768px) {
  .video-section .main-title {
    font-size: 33px;
    font-weight: 700;
    line-height: 75px;
  }

  .video-section .money-bottom-stroke {
    right: 188px;
    width: 373px;
  }

  .video-section .sub-title {
    font-size: 40px;
  }
}

@media only screen and (max-width:576px) {
  .video-section {
    padding-top: 28px;
  }

  .video-section .main-title {
    font-size: 25px;
    font-weight: 700;
    line-height: 60px;
  }

  .video-section .money-bottom-stroke {
    right: 135px;
    width: 282px;
  }

  .video-section .sub-title {
    margin-bottom: 0px;
    font-size: 30px;
  }
}

@media only screen and (max-width:400px) {
  .video-section .money-bottom-stroke {
    right: 83px;
    width: 181px;
  }

  .video-section .main-title {
    font-size: 20px;
    font-weight: 700;
    line-height: 33px;
  }

  .video-section .sub-title {
    font-size: 25px;
    line-height: 40px;
    margin-bottom: 0px;
    margin-top: 20px;
  }
}

/* testimonials2 */
.testimonials2 {
  padding: 38px 0px 55px 0;
  background: none no-repeat center top !important;
  background-size: auto;
  background-size: cover;
  overflow: hidden;
}

.testimonials2 .leyer-box3 {
  background-color: #F228C6;
  display: inline-block;
  padding: 0px 90px;
  border-radius: 10px;
}

@media only screen and (max-width:1200px) {
  .testimonials2 .leyer-box3 {
    padding: 0px 88px;
    border-radius: 10px;
  }
}

@media only screen and (max-width: 1024px) {
  .testimonials2 .leyer-box3 {
    padding: 0px 25px;
    border-radius: 10px;
  }
}

@media only screen and (max-width:991px) {
  .testimonials2 .leyer-box3 {
    padding: 0px 17px;
    border-radius: 10px;
  }
}

@media only screen and (max-width:768px) {
  .testimonials2 .leyer-box3 {
    padding: 0px 15px;
    font-size: 43px;
  }
}

@media only screen and (max-width:576px) {
  .testimonials2 .leyer-box3 {
    padding: 11px 60px;
    border-radius: 7px;
    font-size: 35px;
  }
}

@media only screen and (max-width: 400px) {
  .testimonials2 .leyer-box3 {
    padding: 11px 20px;
    border-radius: 7px;
    font-size: 25px;
  }
}

/* tool-everyone-section */
.tool-everyone-section {
  background: none center top no-repeat;
  background-size: cover;
  padding-top: 50px;
  padding-bottom: 70px;
}

.tool-everyone-section .main-title {
  font-size: 70px;
  font-weight: 800;
  line-height: 90px;
}

.reason-tick li {
  display: flex;
  align-items: center;
  list-style: none;
  padding: 0 0 10px 0px;
  background-size: 40px;
  margin-bottom: 10px;
}

.reason-tick li img {
  margin-right: 15px;
}

.reason-tick li span {
  font-size: 30px;
  line-height: 45px;
  font-weight: 300;
}

@media only screen and (max-width:1024px) {
  .tool-everyone-section .main-title {
    font-size: 58px;
    font-weight: 800;
    line-height: 80px;
  }

  .reason-tick li {
    display: flex;
    align-items: center;
    list-style: none;
    padding: 0 0 5px 0px;
    background-size: 40px;
    margin-bottom: 8px;
  }

  .reason-tick li span {
    font-size: 27px;
    line-height: 35px;
    font-weight: 300;
  }
}

@media only screen and (max-width: 991px) {
  .tool-everyone-section .main-title {
    font-size: 55px;
    font-weight: 800;
    line-height: 80px;
  }
}

@media only screen and (max-width:768px) {
  .tool-everyone-section .main-title {
    font-size: 45px;
    font-weight: 800;
    line-height: 60px;
  }

  .reason-tick li span {
    font-size: 27px;
    line-height: 45px;
    font-weight: 300;
  }
}

@media only screen and (max-width: 576px) {
  .tool-everyone-section {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .tool-everyone-section .main-title {
    font-size: 30px;
    font-weight: 800;
    line-height: 48px;
  }

  .reason-tick li img {
    margin-right: 15px;
    width: 50px;
  }

  .reason-tick li span {
    font-size: 25px;
    line-height: 40px;
    font-weight: 300;
  }
}

@media only screen and (max-width: 400px) {
  .tool-everyone-section .main-title {
    font-size: 24px;
    font-weight: 700;
    line-height: 36px;
  }

  .reason-tick li span {
    font-size: 18px;
    line-height: 27px;
    font-weight: 300;
  }
}

/* difference-section */
.difference-section {
  background: none center top no-repeat;
  background-size: cover;
  padding-top: 50px;
  padding-bottom: 70px;
}

.difference-section .main-title {
  font-size: 70px;
  font-weight: 800;
  line-height: 90px;
}

/* description-1 */

.difference-section .inner-content li {
  display: flex;
  align-items: center;
  list-style: none;
  padding: 0 0 10px 0px;
  background-size: 40px;
  margin-bottom: 10px;
}

.difference-section .inner-content li img {
  margin-right: 15px;
}

.difference-section .inner-content li span {
  font-size: 24px;
  line-height: 38px;
  font-weight: 400;
  color: #000000;
}

.other-tool-description {
  /* background: #FFD6DE4F; */
  background-image: linear-gradient(200deg, #FFF 0%, #FFD6DE 100%);
  border-radius: 48px;
  border: 2px solid #FF1D48;
  padding: 15px;
}

.other-tool-description .image {
  padding-top: 12px;
}

.difference-point {
  background-color: #fff;
  border-radius: 48px;
  padding: 10px 10px 10px 15px;
  margin-top: 30px;
}

.difference-point .title {
  font-size: 50px;
  line-height: 90px;
  font-weight: 800;
  color: #FF1D48;
  text-align: center;
}

.other-tool-description .inner-content {
  padding-left: 0px;
}

/* description-2 */
.difference-section .inner-content li {
  display: flex;
  align-items: center;
  list-style: none;
  padding: 0 0 10px 0px;
  background-size: 40px;
  margin-bottom: 10px;
}

.difference-point2 .inner-content li img {
  margin-right: 15px;
}

.difference-point2 .inner-content li span {
  font-size: 24px;
  line-height: 39px;
  font-weight: 400;
  color: #000000;
}


.other-tool-description2 {
  /* background: #FFD6DE4F; */
  background-image: linear-gradient(200deg, #FFFFFF 0%, #C8FFDB 100%);
  border-radius: 48px;
  /* border: 2px solid #00FF57; */
  padding: 15px;
}

.bg-back {
  background-image: linear-gradient(200deg, #00FF57 0%, #FF8A00 100%);
  border-radius: 48px;
  padding: 2px;
}

.other-tool-description2 .image {
  padding-top: 12px;
}

.difference-point2 {
  background-color: #fff;
  border-radius: 48px;
  padding: 10px 10px 10px 15px;
  margin-top: 30px;
}

.difference-point2 .title {
  font-size: 50px;
  line-height: 90px;
  font-weight: 800;
  color: #FF1D48;
  text-align: center;
}

.other-tool-description2 .inner-content {
  padding-left: 0px;
}

@media only screen and (max-width: 1024px) {
  .difference-section .main-title {
    font-size: 57px;
    font-weight: 800;
    line-height: 80px;
  }

  .difference-section .inner-content li span {
    font-size: 23px;
    line-height: 38px;
    font-weight: 400;
    color: #000000;
  }
}


@media only screen and (max-width:991px) {
  .difference-section {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .difference-section .main-title {
    font-size: 50px;
    font-weight: 800;
    line-height: 75px;
  }

  .difference-section .inner-content li span {
    font-size: 20px;
    line-height: 38px;
    font-weight: 400;
    color: #000000;
  }

  .difference-point2 .inner-content li span {
    font-size: 21px;
    line-height: 37px;
  }
}

@media only screen and (max-width:768px) {
  .difference-point2 .title {
    font-size: 40px;
    line-height: 90px;
    font-weight: 800;
    color: #FF1D48;
    text-align: center;
  }

  .difference-point {
    background-color: #fff;
    border-radius: 48px;
    padding: 10px 10px 10px 15px;
    margin-top: 30px;
  }

  .difference-section .main-title {
    font-size: 45px;
    font-weight: 800;
    line-height: 65px;
  }

  .difference-section .inner-content li span {
    font-size: 23px;
    line-height: 38px;
    font-weight: 400;
    color: #000000;
  }
}

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

  .difference-section .main-title {
    font-size: 27px;
    font-weight: 800;
    line-height: 43px;
  }

  .difference-point .title {
    font-size: 29px;
    line-height: 72px;
    font-weight: 800;
    color: #FF1D48;
    text-align: center;
  }

  .difference-point2 .title {
    font-size: 26px;
    line-height: 84px;
    font-weight: 800;
    color: #FF1D48;
    text-align: center;
  }

  .difference-section .inner-content li img {
    margin-right: 15px;
    width: 50px;
  }

  .difference-section .inner-content li span {
    font-size: 15px;
    line-height: 32px;
    font-weight: 400;
    color: #000000;
  }

  .difference-section .difference-point .inner-content li {
    padding: 0 0 10px 0px;
    margin-bottom: 9px;
  }
}

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

@media only screen and (max-width:360px) {
  .description-content {
    padding: 30px 10px 30px 25px !important;
  }

  .audience-section .box-fill-content {
    line-height: 33px;
    padding: 15px 22px;
    font-size: 22px;
  }
}

/* watch-section */
.watch-section {
  background: none no-repeat center center;
  background-size: cover;
  padding-top: 50px;
  padding-bottom: 50px;
}

.watch-section .title-box {
  background-color: #FF1D48;
  color: #fff;
  display: inline-block;
  border-radius: 10px;
  font-size: 60px;
  font-weight: 800;
  line-height: 70px;
  padding: 15px 40px;
}

.watch-section .text {
  font-size: 48px;
  font-weight: 400;
  line-height: 70px;
  text-align: center;
}

.watch-section .text span {
  color: #0047FF;
  font-weight: 800;
}

.watch-section .video-background {
  padding-top: 35px;
  padding-bottom: 75px;
  background: #1b0d2f;
  border-radius: 20px;
  box-shadow: 0px -10px 22px 5px #9915f4;
  border: 1px solid #f0f8ffa3;
}

.video-background .vid-title {
  font-size: 59px;
  font-weight: 800;
  line-height: 80px;
  color: #fff;
  padding-bottom: 45px;
  padding-top: 25px;
}

.video-background .video-1 {

  border-radius: 10px;
  backdrop-filter: blur(10px);
  overflow: hidden;
  padding: 15px;
background-color: rgb(91 49 155 / 14%);
  border-width: 1px;
  border-color: rgb(91 49 155 / 37%);
  border-style: solid;
  box-shadow: 0px 32px 38px 0px rgba(0, 0, 0, 0.21);
  padding: 7px;

}

.watch-section .img-upper {
  margin-top: -40px;
}

@media only screen and (min-width:991px) {
  .video-background .video-1 {
    padding: 15px;
    border-radius: 10px;
  backdrop-filter: blur(10px);
  border-radius: 10px;
  overflow: hidden;
  padding: 20px 30px;
background-color: rgb(91 49 155 / 14%);
  border-width: 1px;
  border-color: rgb(91 49 155 / 37%);
  border-style: solid;
  box-shadow: 0px 32px 38px 0px rgba(0, 0, 0, 0.21);

    border-radius: 10px;
  }
}


@media only screen and (max-width:1200px) {
  .watch-section .text {
    font-size: 44px;
    font-weight: 400;
    line-height: 66px;
    text-align: center;
  }
}

@media only screen and (max-width:1024px) {
  .watch-section .title-box {
    font-size: 53px;
    font-weight: 800;
    line-height: 70px;
    padding: 15px 40px;
  }
}

@media only screen and (max-width:991px) {
  .watch-section .img-upper {
    margin-top: -16px;
  }

  .watch-section .title-box {
    font-size: 53px;
    font-weight: 800;
    line-height: 70px;
    padding: 15px 40px;
  }
}

@media only screen and (max-width:768px) {
  .watch-section .title-box {
    font-size: 33px;
    font-weight: 800;
    line-height: 70px;
    padding: 6px 40px;
  }

  .watch-section .text {
    font-size: 35px;
    font-weight: 400;
    line-height: 55px;
    text-align: center;
  }

  .video-background .vid-title {
    font-size: 38px;
    font-weight: 800;
    line-height: 63px;
    color: #fff;
    padding-bottom: 24px;
    padding-top: 2px;
  }
}

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

  .watch-section .title-box {
    font-size: 29px;
    font-weight: 800;
    line-height: 55px;
    padding: 6px 35px;
  }

  .watch-section .logo {
    width: 90%;
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .watch-section .img-upper {
    margin-top: 0px;
  }

  .watch-section .text {
    font-size: 23px;
    line-height: 41px;
    padding: 0 10px;
    margin-bottom: 40px;
  }

  .video-background .vid-title {
    font-size: 28px;
    font-weight: 800;
    line-height: 45px;
    color: #fff;
    padding-bottom: 24px;
    padding-top: 0px;
  }

  .video-background .video-1 {
    border-radius: 5px;
  }

  .watch-section .video-background {
    padding-bottom: 40px;
  }
}

@media only screen and (max-width: 400px) {
  .watch-section .title-box {
    font-size: 25px;
    font-weight: 800;
    line-height: 40px;
    padding: 6px 33px;
  }

  .watch-section .logo {
    width: 90%;
  }

  .watch-section .img-upper {
    margin-top: 15px;
  }

  .watch-section .text {
    font-size: 22px;
    font-weight: 400;
    line-height: 37px;
    text-align: center;
    margin-bottom: 40px;
  }

  .video-background .vid-title {
    font-size: 25px;
    font-weight: 800;
    line-height: 35px;
    color: #fff;
    padding-bottom: 29px;
    padding-top: 0px;
  }

  .watch-section .video-background {
    padding-top: 28px;
    padding-bottom: 28px;
  }

  .watch-section {
    padding-bottom: 60px;

  }
}

.audience-section {
  background: none no-repeat center center;
  background-size: cover;
  padding-top: 50px;
  padding-bottom: 50px;
  padding: 30px 0px 83px 0px;
}

.audience-section .money-bottom-stroke {}

.audience-section .box-fill-content {
  background-color: #000000;
  color: #fff;
  display: inline-block;
  border-radius: 10px;
  font-size: 40px;
  font-weight: 800;
  line-height: 70px;
  padding: 15px 40px;
}

.description-content {
  border-radius: 0px 0px 20px 20px;
  background: #D6FAFF;
  padding: 60px 52px 60px 50px;
  color: #000;
}

@media only screen and (max-width: 768px) {
  .audience-section .box-fill-content {
    font-size: 35px;
  }
}

@media only screen and (max-width: 576px) {
  .audience-section .money-bottom-stroke {
    width: 60%;
  }

  .audience-section .box-fill-content {
    line-height: 53px;
    padding: 15px 22px;
    font-size: 26px;
  }
}

@media only screen and (max-width:768px) {
  .leyer-box {
    padding: 5px 5px;
    border-radius: 10px;
  }
}

@media only screen and (max-width:576px) {
  .money-section {
    padding:
  80px 20px;
  }
  .future-block {
    padding: 20px 5px;
  }

  .box-video {
    padding: 10px 10px !important;
  }
}

/* responsive */
@media only screen and (max-width:400px) {
  .future-block {
    padding: 25px 15px;
  }

  .fluid-padding {
    padding: 0 20px;
  }

  .box-gradient1 {
    padding: 10px 10px;
  }

  .much-box {
    padding: 30px 30px !important;
    margin-bottom: -80px;
  }

  .box-contant {
    padding: 10px 20px !important;
  }

  .box-video {
    padding: 10px 10px !important;
  }

  .outclass-section {
    padding: 35px 0px 35px 0 !important;
  }

  .outclass-box {
    padding: 0 20px 55px 20px !important;
  }

  .classout-box1 {
    padding: 15px 20px 0px 20px;
  }

  .out-arrow {
    left: 43%;
    width: 15%;
    bottom: -45% !important;
  }

  .charging-section {
    padding: 30px 0px 50px 0px;
  }

  .gradient-box1 {
    padding: 0px 15px 0 15px;
    min-height: 262px;
  }

  .leyer-box {
    padding: 5px 10px;
  }

  .leyer-box4 {
    padding: 5px 30px;
  }

  .leyer-box5 {
    padding: 5px 15px;
  }

  .impressions-section {
    padding: 30px 0px 35px 0;
  }

  .evenmore-section {
    padding: 30px 0 !important;
  }

  .speak-block2 .test {
    padding: 0 0 0 0px !important;
  }

  .audience-section .box-fill-content {
    line-height: 38px;
    padding: 10px 22px;
    font-size: 24px;
  }

  .tool-everyone-section .reason-tick {
    margin-top: 15px;
  }

  .tool-everyone-section .tool-box-img {
    width: 70%;
  }
  .money-section {
    padding:
  80px 20px;
  }
}

.democourse-section {
  background-color: #fdf2ff;
  padding: 70px 0 70px 0;

}

.course-box1 {
  background-color: rgb(255, 225, 192);
  padding: 60px 30px 60px 30px;
  border-radius: 10px;
}

.works-box1 {
  background-color: rgb(168, 202, 255);
  padding: 60px 30px 0px 30px;
  border-radius: 10px;
}

.works-box2 {
  background: linear-gradient(135deg, #2f324b, #2f324b);
  padding: 60px 20px 60px 20px;
  /* border: solid 2px #FFFFFF70; */
  box-shadow: 0px 0px 7px 0px rgb(183, 196, 244);
  border-radius: 30px;
}
.course-box2 {
  background-color: rgba(3, 57, 166, 0.35);
  padding:
60px 30px 60px 30px;
  border-radius:
10px;
}

.any-img {
  margin-bottom: 30px;
}

.any-box {
  background: #FF1C1C;
  padding: 10px 10px 10px 10px;
  border-radius: 5px;
  /* margin-top: 30px; */
  display: flow-root;
}

.inside-box {
  background-color: #fff;
  padding:
    30px 20px;
  border:
    1px dashed #f07c2e;
  border-radius:
    15px;
  box-shadow: 0px 5px 10px 2px rgba(0, 0, 0, 0.11);
  height: 100%;
  overflow:
    hidden;
}



/* .course-box2 {
  background: linear-gradient(135deg, #ecce6c, #fff);
  padding: 60px 20px 60px 20px;
}
.course-box3 {
  background: linear-gradient(135deg, #ecce6c, #fff);
  padding: 60px 20px 60px 20px;
}
.course-box4 {
  background: linear-gradient(135deg, #ecce6c, #fff);
  padding: 60px 20px 60px 20px;
} */




.btn-border img {
    max-width: 28px;
    margin-left: 10px;
    height: auto;
}

.animate.btn .visa-images img {
    height: auto;
    max-width: 320px;
}
.animate.btn p {
    font-size: 16px;
    margin: 15px 0 9px;
    opacity: 0.6;

}
.animate.btn a  {
  color: #fff;
    
}
.playbtn {
    position: relative;
    display: inline-block;
    margin: 15px 0 0;
    text-decoration: none;
    transition: 0.5s;
    letter-spacing: 4px;
    overflow: hidden;
    background: #fec432;
    color: #fff;
    font-size: 30px;
    font-weight: 800;
    border-radius: 10px;
    text-align: center;
    padding: 24px 12px;
    width: 100%;
    letter-spacing: 0;
    /* box-shadow: 1px 6px 0px 0px #da604f; */
   background: linear-gradient(to right, #FB3A85, #5B33F8);
}

.animate.btn {
    width: 100%;
}

.playbtn span {
  position: absolute;
  display: block;
}

.playbtn span:nth-child(1) {
  top: 0;
  left: 0;
  width: 100%;
  height: 10px;
  background: linear-gradient(90deg, transparent, #d09500);
  animation: animate1 1s linear infinite;
}

@keyframes animate1 {
  0% {
    left: -100%;
  }
  50%,
  100% {
    left: 100%;
  }
}

.playbtn span:nth-child(2) {
  top: -100%;
  right: 0;
  width: 10px;
  height: 100%;
  background: linear-gradient(180deg, transparent, #d09500);
  animation: animate2 1s linear infinite;
  animation-delay: 0.25s;
}

@keyframes animate2 {
  0% {
    top: -100%;
  }
  50%,
  100% {
    top: 100%;
  }
}

.playbtn span:nth-child(3) {
  bottom: 0;
  right: 0;
  width: 100%;
  height: 10px;
  background: linear-gradient(270deg, transparent, #d09500);
  animation: animate3 1s linear infinite;
  animation-delay: 0.5s;
}

@keyframes animate3 {
  0% {
    right: -100%;
  }
  50%,
  100% {
    right: 100%;
  }
}

.playbtn span:nth-child(4) {
  bottom: -100%;
  left: 0;
  width: 10px;
  height: 100%;
  background: linear-gradient(360deg, transparent, #d09500);
  animation: animate4 1s linear infinite;
  animation-delay: 0.75s;
}

@keyframes animate4 {
  0% {
    bottom: -100%;
  }
  50%,
  100% {
    bottom: 100%;
  }
}

.dot-section {
background: none no-repeat center top;
  padding: 30px 0px;
    background-size: cover;
}


.dot-section {
  padding: 30px 0px 0px 0px;
  /* background: none no-repeat center center; */

  background-size: auto;
  background-size: cover;
  /* overflow: hidden; */
}


.cantant-section {
  border-radius: 0px;
  background-color: rgb(255, 255, 255);
  box-shadow: 0px 0px 40px 0px rgb(170 153 250 / 30%);
  padding: 40px 15px;
  z-index: 9;
  border: 2px dashed #fe0f74;
}
@media (min-width: 768px) {
.dot-section {
padding: 30px 0px 0px 0;


background: none no-repeat center top;
    background-size: auto;
  background-size: cover;

}
.cantant-section {
  border-radius: 0px;
  background-color: rgb(255, 255, 255);
  box-shadow: 0px 0px 40px 0px rgb(170 153 250 / 30%);
  padding: 40px;
  z-index: 9;
border: 2px dashed #fe0f74;
}

}



.bulletboxed{
    padding:15px;
    border:1px solid hsla(252.6,97.3%,71.2%,.25);
    background:rgba(255,255,255,.05);
    backdrop-filter:blur(10px);
    border-radius:20px;
    display:flex;
    align-items:center;
    text-align:left;
    min-height:120px;
    height:100%;
    gap:15px;
}

.imat-img{
    flex:0 0 70px;
    width:70px;
}

.bulletboxed img{
    width:70px;
    height:70px;
    object-fit:contain;
    display:block;
}

.imat-content{
    flex:1;
    padding-left:0;
}

.imat-content .font16{
    line-height:1.5;
}

/* Mobile */
@media(max-width:767px){

    .bulletboxed{
        min-height:auto;
        padding:15px;
        gap:12px;
        border-radius:16px;
    }

    .imat-img{
        flex:0 0 60px;
        width:60px;
    }

    .bulletboxed img{
        width:60px;
        height:60px;
    }

    .imat-content{
        width:calc(100% - 72px);
    }

    .imat-content .font16{
        font-size:14px;
        line-height:1.5;
    }
}

/* Tablet */
@media(min-width:768px) and (max-width:991px){

    .bulletboxed{
        min-height:120px;
        padding:18px;
    }

    .imat-img{
        flex:0 0 65px;
        width:65px;
    }

    .bulletboxed img{
        width:65px;
        height:65px;
    }
}

/* Desktop */
@media(min-width:992px){

    .bulletboxed{
        min-height:110px;
        box-shadow:
        0 .8px 2.4px -.6px #0000000d,
        0 2.4px 7.2px -1.2px #0000000d,
        0 6.4px 19px -1.8px #0000000d,
        0 20px 60px -2.5px #0000000d;
    }

    .imat-img{
        flex:0 0 65px;
        width:65px;
    }

    .bulletboxed img{
        width:65px;
        height:65px;
    }
}

.p-text{
 padding-left: 15px ;
}
.main-dots {
	position: relative;
}

.dot1 {
	position: absolute;
	height: 25px;
	width: 25px;
	background-color: #ff517e;
	border-radius: 50px;
	left: -55px;
	top: -55px;
}

.dot2 {
	position: absolute;
	height: 25px;
	width: 25px;
	background-color: #ff517e;
	border-radius: 50px;
	right: -55px;
	top: -55px;
}

.dot3 {
	position: absolute;
	height: 25px;
	width: 25px;
	background-color: #ff517e;
	border-radius: 50px;
	left: -55px;
	bottom: -55px;
}

.dot4 {
	position: absolute;
	height: 25px;
	width: 25px;
	background-color: #ff517e;
	border-radius: 50px;
	right: -55px;
	bottom: -55px;

}


.powerful-card{
  background: #fff;
    padding: 20px 20px 50px 20px;
box-shadow: 0px 0px 35px 0px rgba(53, 60, 102, 0.16);
 border-radius: 20px;
}


.fiver-box1 {
  background-color: rgb(255, 225, 225);
  padding: 60px 30px 60px 30px;
  border-radius: 10px;
}


.salessection{
  background: none no-repeat top  !important;
/* background: none no-repeat center top !important; */
  background-size: auto;
  background-size: cover !important;
/* background-attachment:  fixed !important; */
  padding: 6% 0 5% 0;
  position: relative;
  margin-top: -10%;
  z-index: 2;
}
.tebel-title-21{
  background-color: antiquewhite !important;
}
.salessection .ptop{
padding: 25px 0px 25px 0px !important;
}
.sales-section .ptop{
padding: 25px 10px 25px 10px !important;
}

.bi{
  background: linear-gradient(180deg,#081626,#000);
    background: linear-gradient(180deg,#05060b,#000)!important;
}

.logos1{
width: 60%;
}


.box-cart{
  background-color: rgb(91 49 155 / 14%);
  border-width: 1px;
  border-color: rgb(91 49 155 / 37%);
  border-style: solid;
  overflow: hidden;

  background-color: rgb(255 255 255 / 10%);
  box-shadow: 0px 32px 38px 0px rgb(0 0 0 / 21%);
  padding: 3.4%;
  border-width: 1px;
  border-color: rgb(255 255 255 / 12%);
  border-style: solid;
  border-radius: 31px;
}

.responsive-box {
  padding-bottom: 56.21%;
  overflow: hidden;
  position: relative;
  z-index: 3;
  box-shadow: 0px 19px 40px 0px rgba(0, 0, 0, 0.24);
    padding: 3.4%;
}
@media screen and (min-width: 768px) {
.section18-box {
  border-radius: 20px;
  background-color: rgb(255, 255, 255);
  padding: 2% 10%;
  margin-top: 2%;
}
}
@media screen and (max-width: 768px) {
.section18-box {
  border-radius: 20px;
  background-color: rgb(255, 255, 255);
  padding: 3% 5%;
  margin-top: 2%;
}
}
.title8 {
  background-color: #654bb9;
  border-radius: 100px;
  display: inline-block;
padding: 8px 10px;
  color: #fff;
  position: relative;
}
.gradient3 {
	background: linear-gradient(90deg, #00FFE0 0%, #00FFE0 92.6%);
	background: linear-gradient(90deg, #00DFFE 0%, #0040FF 92.6%);
	background: linear-gradient(90deg, #02CB46 0%, #0040FF 92.6%);
	background-clip: border-box;
	background-clip: border-box;
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.box-gradient {
	background: linear-gradient(0deg, #0030FE 0%, #00DFFE 100%);
	padding: 0 0;
	border-radius: 50px;
}

.box-gradient1 {
	background: linear-gradient(0deg, #00FF57 0%, #FFF500 100%);
	padding: 10px 10px;
	border-radius: 0px;
}

.much-box {
	background-color: #efeefe;
	padding: 30px 50px;
	position: relative;
	margin-bottom: -80px;
}

.box-contant {
	background-color: #FFFFFF47;
	padding: 10px 20px;
	border-radius: 20px;
}

.amezd-box {
	background: #01FFEE4A;
	padding: 40px 0px 40px 0px;
	box-shadow: 0px 0px 16px 13px rgba(1, 255, 238, 0.3);
	border-radius: 50px;
}

.remember {
	background: #fff none center center no-repeat;
	padding: 40px 0px 40px 0px;
  }
  .ready{
	background: #fff none center center no-repeat;
	padding: 40px 0px 40px 0px;
  } 
.dollars-section {
	background: #000 none center top no-repeat;
	background-size: cover;
	padding: 30px 0px;
}

.real-section {
	background: #000 none center top no-repeat;
	background-size: cover;
	padding: 30px 0px;
}

.hugepower-section {
	background: #fff none center top no-repeat;
	background-size: cover;
	padding: 30px 0px;
}

.glimpse-section {
	background: #fff none center top no-repeat;
	background-size: cover;
	padding: 30px 0px;
}

.everything-section {
	background: none no-repeat center top;
	background-size: auto;
	padding: 100px 0px 80px 0;
	background-size: cover;
	overflow: hidden;
}

.outclass-section {
	background: none no-repeat center top;
	background-size: auto;
	padding: 80px 0px 80px 0;
	background-size: cover;
	overflow: hidden;
}

.evenmore-section {
	background: none no-repeat;
	background-size: cover;
	background-position: center;
	padding: 70px 0;
}

.scroll-section {
	background: none no-repeat;
	background-size: cover;
	background-position: center;
	padding: 40px 0;
}

.newbies-section {
	background: none no-repeat;
	background-size: cover;
	background-position: center;
	padding: 40px 0;
}

.safety-section {

	background-image: linear-gradient(0deg, #001426 0%, #000000 100%);
	background-size: cover;
	color: #fff;
	padding: 40px 0;
}






.evenmore-image-box {
	border-radius: 50px;
	padding: 50px 50px 50px 50px;
	background-image: linear-gradient(0deg, #FF8A00 0%, #FFF500 100%);
}

.box-video {
	background: linear-gradient(0deg, #00FF57 0%, #FFF500 100%);
	padding: 25px 25px;
	border-radius: 0px;
}

.box-vid-img .img4 {
	position: absolute;
	top: 40px;
	left: -20px;
}

.box-vid-img .img3 {
	position: absolute;
	top: 0;
	right: -33px;
	width: 30%
}

.box-vid-img .img2 {
	position: absolute;
	top: 40px;
	left: -20px;
	width: 30%;
}

.box-vid-img .img1 {
	width: 28%;
	position: absolute;
	right: -33px;

}

.box-left {
	position: relative;
}

.image-box .arro-image {
	z-index: 1;
}
@media (min-width:1200px) {
	.image-box .arro-image {
		position: absolute;
		left: -90px;
		top: -80px;
		z-index: 1;
	}
}

@media (max-width:1200px) {
	.image-box .arro-image {
		position: absolute;
		left: -90px;
		top: -80px;

	}
}

@media (max-width: 1024px) {
	.image-box .arro-image {
		position: absolute;
		left: -90px;
		top: -80px;
		width: 75%;
	}
}

@media (max-width:991px) {
	.image-box .arro-image {
		position: absolute;
		left: -90px;
		top: -80px;

	}

	.box-vid-img .img4 {
		position: absolute;
		top: 80px;
		left: 30px;
		width: 30%;
	}
}

@media (max-width:768px) {
	.image-box .arro-image {
		position: absolute;
		left: -60px;
		top: -55px;
		width: 75%;

	}

	.box-vid-img .img1 {
		width: 28%;
		position: absolute;
		right: -10px;
	}

	.box-vid-img .img2 {
		position: absolute;
		top: 13px;
		left: 30px;
		width: 30%;
	}

	.box-vid-img .img3 {
		position: absolute;
		top: 0;
		right: 0px;
		width: 30%;
	}

	.box-vid-img .img4 {
		position: absolute;
		top: 15px;
		left: 5px;
		width: 35%;
	}
}

@media (max-width:767px) {
	.evenmore-image-box {
		border-radius: 20px;
		padding: 20px 10px 20px 10px;
		background-image: linear-gradient(0deg, #FF8A00 0%, #FFF500 100%);
	}

	.image-box {
		display: none;

	}

	.box-vid-img {
		display: none;
	}

	.box-vid-img {
		display: none;
	}

	.box-vid-img {
		display: none;
	}

	.box-vid-img {
		display: none;
	}
}

@media (min-width:768px) {
	.box-gradient1 .lalezar-regular {
		padding: 0 8px;
	}

	.box-left {
		margin-left: 100px;
	}

	.dollars-section {

		padding: 70px 0px;
	}

	.real-section {

		padding: 70px 0px;
	}

	.hugepower-section {
		padding: 70px 0px;
	}

	.glimpse-section {

		padding: 70px 0 0 0;
	}

	.everything-section {
		padding: 100px 0px 80px 0;
		overflow: hidden;
	}
}

@media only screen and (max-width: 360px) {
	.evenmore-image-box {
		border-radius: 7px;
		padding: 10px 10px 10px 10px;
		margin-top: 20px;
	}
}

.buy-button-head .hurry-up {
	background-color: #FF1D48;
	padding: 3px 5px 5px 13px;
	text-align: center;
	margin-right: 15px;
}


.outclass-box {
	border-radius: 10px;
	border: 1px solid #fff;
	background: #998F8F8C;
	background: #ffffff69;
	background: #F6F6F6;
	box-shadow: 0 0px 1px 0 rgba(0, 0, 0, .04);
	padding: 0 40px 55px 40px;
}

.outclass-title {
	padding: 10px 40px;
	border-radius: 10px;
	background: #000;
	display: inline-block;
	color: #fff;
	position: relative;
	z-index: 0;
}

.outclass-title {
	display: inline-block;
	padding: 15px 30px;
	margin-top: -60px;
}

@media (min-width: 768px) {
	.outclass-title {
		padding: 10px 30px;
	}
}

.outclass-box2 {
	border-radius: 10px;

	background: #998F8F8C;
	background: #0030FE;

	background: #0030FE;
	padding: 0 40px 1px 40px;
	border-radius: 0 0px 30px 30px;
	margin-top: -20px;
	;
}

.outclass-box1 {
	border-radius: 0px;
	background: #998F8F8C;
	background: #0030FE;
	padding: 0 0px 0px 0px;
	border-radius: 30px 30px 0 0;
}

.outclass-title1 {
	padding: 10px 40px;
	border-radius: 10px;
	background: #FF1D48;
	display: inline-block;
	color: #fff;
	position: relative;
	z-index: 0;
}

.outclass-title1 {
	display: inline-block;
	padding: 15px 30px;
	margin-top: -60px;
}

@media (min-width: 768px) {
	.outclass-title1 {
		padding: 10px 30px;
	}
}

.outclass-innerbox {
	position: relative;

}

.outclass-innerbox {
	background-color: #00FFF0;
	padding: 40px 40px;
	border-radius: 20px;
	margin-bottom: 50px;

}

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

.cunts-box span {
	position: absolute;
	top: -30px;
	z-index: 99;
	background-image: linear-gradient(0deg, #00DFFE 0%, #0030FE 100%);
	opacity: 1;
	border: 3px solid white;
	width: 70px;
	height: 70px;
	line-height: 22px;
	border-radius: 360px;
	display: flex;
	justify-content: center;
	align-items: center;
	left: 0;
}

.out-arrow {
	position: absolute;
	z-index: 1;
	left: 43%;
	width: 10%;
	bottom: -37%;
}

@media only screen and (max-width: 1200px) {
	.out-arrow {
		left: 43%;
		width: 10%;
		bottom: -32% !important;
	}
}

@media only screen and (max-width: 1024px) {
	.out-arrow {
		left: 43%;
		width: 13%;
		bottom: -29% !important;
	}
}

@media only screen and (max-width: 991px) {
	.out-arrow {
		position: absolute;
		z-index: 1;
		left: 47%;
		width: 6%;
		bottom: -49% !important;
	}
}

@media only screen and (max-width: 768px) {
	.out-arrow {
		left: 47%;
		width: 7%;
		bottom: -39% !important;
	}
}

@media (max-width: 576px) {


	.outclass-box2 {
		padding: 0 20px 2px 20px;
	}


	.cunts-box span {
		position: absolute;
		top: -25px;
		width: 50px;
		height: 50px;
	}

	.out-arrow {
		position: absolute;
		z-index: 1;
		left: 43%;
		width: 9% !important;
		bottom: -54% !important;
	}
}

@media only screen and (max-width:400px) {
	.out-arrow {
		left: 43%;
		width: 13% !important;
		bottom: -38% !important;
	}
}

.bgclr {
	background-color: #91ADE642;
	box-shadow: 0 0px 5px 0 rgba(0, 0, 0, 0.17);
}

.bgclr1 {
	background-color: #00DFFE1C;
	box-shadow: 0 0px 5px 0 rgba(0, 0, 0, 0.07);
}

.classout-box1 {
	position: relative;
}

.cunts-box1 span {
	position: relative;
	top: 0px;
	z-index: 99;
	background-image: linear-gradient(0deg, #00DFFE 0%, #0030FE 100%);
	opacity: 1;

	width: 55px;
	height: 55px;
	line-height: 22px;
	border-radius: 360px;
	display: flex;
	justify-content: center;
	align-items: center;
	left: 0;
}

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

.classout-box1 {
	display: flex;
	padding: 15px 20px 0px 20px;
	border-radius: 20px;
	align-items: center;
}

.classout-text {
	padding: 0 0 0 35px;
}

.out-box-img {
	margin-top: -45px;

}

.risponce-img img {
	width: 93%;
}

.bg {
	background: linear-gradient(90deg, #018F2C 0%, #00999026 26.5%, #00999000 100%);
	background: linear-gradient(90deg, #018F2C 0.01%, #018F2C82 41%, #0099902b 68%, #002B9900 99.99%);
	z-index: -1;
	display: flex;
	align-items: center;
	border-radius: 20px 0px 0px 20px;
	color: #fff;
}

.adds-cunts {
	background-color: #00FE47;
	padding: 80px 30px;
	border-radius: 20px 0px 0px 20px;
}

.reel-flex {
	padding-left: 20px;
}

.adds-box {
	position: relative;
}

.girl-money-box .girl-money-img {
	position: absolute;
	width: 39%;
	bottom: 0;
	right: 0;
}

@media (min-width: 991px) {
	.safety-section {
		padding: 70px 0;
	}
}

@media (max-width: 1024px) {
	.girl-money-box .girl-money-img {
		position: absolute;
		width: 47%;
		bottom: 0;
		right: 0;
	}
}

@media (max-width: 991px) {

	.safety-section {
		padding: 70px 0 0 0;
	}

	.girl-money-box .girl-money-img {
		position: absolute;
		width: 39%;
		bottom: 0;
		right: 26%;
	}

	.girl-money-box {
		display: none;
	}
}

@media (max-width: 767px) {
	.safety-section {
		padding: 40px 0 0 0;
	}




}


@media (max-width: 400px) {
	.adds-cunts {
		background-color: #00FE47;
		padding: 125px 15px;
		border-radius: 20px 0px 0px 20px;
	}
}

.gradient-border-box {
	background-color: rgba(0, 0, 0, 0.3);
	/* Semi-transparent black background */
	color: #fff;
	/* White text color */
	padding: 15px;
	/* Space inside the element */
	border-radius: 10px;
	/* Rounded corners */
	margin-top: 50px;
	/* Space above the element */
	position: relative;
	/* Allows for child elements to be positioned relative to this element */
	z-index: 1;
	/* Stacking order of the element */
	width: 100%;
	/* Full width of the parent container */
	height: auto;
	/* Height adjusts based on content */
	box-shadow:
		0 5px 5px 0 rgba(242, 40, 198, 0.5),
		/* Pink shadow offset downwards */
		0 -5px -5px 0 rgba(255, 138, 0, 0.5);
	/* Orange shadow offset upwards */
}

.gradient-border-box {
	background-color: rgba(0, 0, 0, 0.3);
	color: #fff;
	padding: 15px;
	border-radius: 10px;
	margin-top: 50px;
	position: relative;
	z-index: 1;
	width: 100%;
	height: auto;
	box-shadow: 5px -5px 5px 0 rgba(255, 138, 0, 0.5), -3px 5px 5px 0 rgba(242, 40, 198, 0.5);
}

/* .gradient-border-box{
	background-color: transparent;
	color: #fff;
	padding: 15px;
	border-radius: 10px;
	margin-top: 50px;
	position: relative;
	z-index: 1;
	width: 100%;
	height: auto;
}
.gradient-border-box p{
	position: relative;
	z-index: 9;	
}
.gradient-border-box::before{
	content: '';
	position: absolute;
	top: 50%;
	right: 50%;
	width: calc(100% - 5px);
	height: calc(100% - 5px);
	background-color: rgba(0, 0, 0, 0.3);
	z-index: 1;
	display: block;
	transform: translate(50%, -50%);
}
.gradient-border-box:after{
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	 background: rgb(255,138,0);
	background: linear-gradient(0deg, rgba(255,138,0,1) 35%, rgba(242,40,198,1) 100%); 
	/* z-index: -1; */

.gradient-box1 {
	position: relative;
}


.cvarrow1 {
	position: absolute;
	right: -40px;
	top: -35px;
}

.cvarrow2 {
	position: absolute;
	left: -40px;
	top: -35px;
}

.super-ct-bg {
	background: none no-repeat;
	background-size: cover;
	background-position: center;
	padding: 40px 66px;
	border-radius: 20px;
}

.super-ctbox {
	background-color: #fff;
	border-radius: 40px;
	padding: 50px 0px 0 20px;
}

.speak-block1 {
	border-radius: 0px;
	padding: 80px 21px 30px 21px;
	background-image: linear-gradient(0deg, #00CEC2 0%, #00FF57 100%);
	position: relative;
	height: 100%;
}

.speak-block2 {
	border-radius: 0px;
	padding: 30px 20px 30px 20px;
	background-image: linear-gradient(0deg, #00CEC2 0%, #00FF57 100%);
	position: relative;
	height: 100%;
}

.speak-text {
	color: #0085FF;
}

.speak-box span {
	position: absolute;
	top: -50px;
	z-index: 99;
	background-color: #fff;
	opacity: 1;
	border: 3px solid white;
	width: 120px;
	height: 120px;
	line-height: 22px;
	border-radius: 360px;
	display: flex;
	justify-content: center;
	align-items: center;
	left: 34%;
}

.speak-box1 span {
	position: relative;

	z-index: 99;
	background-color: #fff;
	opacity: 1;
	border: 3px solid white;
	width: 120px;
	height: 120px;
	line-height: 22px;
	border-radius: 360px;
	display: flex;
	justify-content: center;
	align-items: center;

}

.speak-block2 {
	align-items: center;
	display: flex;
	justify-content: center;
}

.speak-block2 .test {
	margin: 0;
	padding: 0 0 0 40px;
}

@media only screen and (max-width: 991px) {
	.super-ctbox {
		padding: 17px 0px 0px 20px;
	}

	.man-img {
		margin-top: -7px !important;
	}
}

@media only screen and (max-width:400px) {
	.super-ctbox {
		padding: 15px 7px 0 7px !important;
	}

	.super-ct-bg {
		padding: 30px 18px;
	}
}

ul.features-td-list {
	margin: 0px;
	padding: 0px;
  }
  ul.features-td-list li {
	list-style: none;
	background: none center left no-repeat;
	  background-position-x: left;
	  background-position-y: center;
border-bottom: 1px solid #e2ddf1;
  min-height: 40px;
  padding-left: 40px;
  background-position: 0px 0px;
  margin-bottom: 20px;
  }


  .video-bgs {
	background: linear-gradient(0deg, #00FF57 0%, #FFF500 100%);
	padding: 10px 10px;
	border-radius: 0px;
  }



  .man3 {
	position: absolute;
	position: absolute;
	top: 4%;
	left: -42px;
	width: 15%;
  }


.man4 {
	position: absolute;
	top: 4%;
	right: -42px;
	width: 15%;
}



@media screen and (max-width: 1200px) {
	.man4 {
		position: absolute;
		top: -2%;
		right: 45px;
		width: 12%;
	}

	.man2 {
		position: absolute;
		top: -12px;
		right: 38px;
		width: 23%;
	}

	.man1 {
		position: absolute;
		top: 71px;
		left: 40px;
		width: 18%;
	}

	.man3 {
		position: absolute;
		top: 16%;
		left: -3px;
		width: 12%;
	}
}

@media screen and (max-width: 1024px) {
	.man1 {
		position: absolute;
		top: 95px;
		left: -3px;
		width: 18%;
	}

	.man2 {
		position: absolute;
		top: -5px;
		right: 3px;
		width: 22%;
	}


	.man3 {
		position: absolute;
		top: 19%;
		left: 0;
		width: 13%;
	}
	.man4 {
		position: absolute;
		top: -2%;
		right: 0;
		width: 13%;
	}
}

@media screen and (max-width: 991px) {
	.man3 {
		display: none !important;
	}

	.man4 {
		display: none !important;
	}
}

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

	

	.man3 {
		display: none
	}

	.man4 {
		display: none
	}

}




/* match-section */
.match-section {
	background: none center center no-repeat !important;
	background-size: cover;
	padding-top: 50px;
	padding-bottom: 70px;
	background-attachment: fixed !important;
  }
  
  .match-section .main-title {
	font-size: 70px;
	font-weight: 800;
	line-height: 90px;
  }
  
  /* description-1 */
  
  .match-section .inner-content li {
	display: flex;
	align-items: center;
	list-style: none;
	padding: 0 0 10px 0px;
	background-size: 40px;
	margin-bottom: 10px;
  }
  
  .match-section .inner-content li img {
	margin-right: 15px;
  }
  
  .match-section .inner-content li span {
	font-size: 24px;
	line-height: 38px;
	font-weight: 400;
	color: #000000;
  }
  
  .match-tool-description {
	/* background: #FFD6DE4F; */
	background-image: linear-gradient(180deg, #FFF 0%, #FF1D48 100%);
	background-color: rgb(54, 6, 29);
	border-radius: 48px;
	border: 2px solid #FF1D48;
	padding: 15px;
  }
  
  .match-tool-description .image {
	padding-top: 12px;
  }
  
  .match-point {
	background-color: #fff;
	border-radius:
  30px;
	padding:
  20px 20px 30px 20px;
	margin-top: 30px;
  }
  
  .match-point .title {
	font-size: 50px;
	line-height: 90px;
	font-weight: 800;
	color: #FF1D48;
	text-align: center;
  }
  
  .match-tool-description .inner-content {
	padding-left: 0px;
  }
  
  /* description-2 */
  .match-section .inner-content li {
	display: flex;
	align-items: center;
	list-style: none;
	padding: 0 0 10px 0px;
	background-size: 40px;
	margin-bottom: 10px;
  }
  
  .match-point2 .inner-content li img {
	margin-right: 15px;
  }
  
  .match-point2 .inner-content li span {
	font-size: 24px;
	line-height: 39px;
	font-weight: 400;
	color: #000000;
  }
  
  
  .match-tool-description2 {
	/* background: #FFD6DE4F; */
	background-image: linear-gradient(180deg, #FFF 0%, #06CFFD 100%);

	border-radius: 48px;
	/* border: 2px solid #00FF57; */
	padding: 15px;
  }
  
  .bg-back {
	background-image: linear-gradient(200deg, #00CCFD 0%, #00CCFD 100%);
  border-radius:48px;
  padding:2px;
  }


  .description2 {

	background-image: linear-gradient(180deg, #FFF 0%, #06CFFD 100%);

  }
  
  .bg-back {
	background-image: linear-gradient(200deg, #00CCFD 0%, #00CCFD 100%);
  border-radius:48px;
  padding:2px;
  }



  
  .match-tool-description2 .image {
	padding-top: 12px;
  }
  
  .match-point2 {
	background-color: #fff;
	border-radius:30px;
	padding:20px 20px 30px 20px;
	margin-top: 30px;
  }
  
  .match-point2 .title {
	font-size: 50px;
	line-height: 90px;
	font-weight: 800;
	color: #FF1D48;
	text-align: center;
  }
  
  .match-tool-description2 .inner-content {
	padding-left: 0px;
  }
  
  @media only screen and (max-width: 1024px) {
	.match-section .main-title {
	  font-size: 57px;
	  font-weight: 800;
	  line-height: 80px;
	}
  
	.match-section .inner-content li span {
	  font-size: 23px;
	  line-height: 38px;
	  font-weight: 400;
	  color: #000000;
	}
  }
  
  
  @media only screen and (max-width:991px) {
	.match-section {
	  padding-top: 40px;
	  padding-bottom: 40px;
	}
  
	.match-section .main-title {
	  font-size: 50px;
	  font-weight: 800;
	  line-height: 75px;
	}
  
	.match-section .inner-content li span {
	  font-size: 20px;
	  line-height: 38px;
	  font-weight: 400;
	  color: #000000;
	}
  
	.match-point2 .inner-content li span {
	  font-size: 21px;
	  line-height: 37px;
	}
  }
  
  @media only screen and (max-width:768px) {
	.match-point2 .title {
	  font-size: 40px;
	  line-height: 90px;
	  font-weight: 800;
	  color: #FF1D48;
	  text-align: center;
	}
  
	.match-point {
	  background-color: #fff;
	  border-radius: 48px;
	  padding: 10px 10px 10px 15px;
	  margin-top: 30px;
	}
  
	.match-section .main-title {
	  font-size: 45px;
	  font-weight: 800;
	  line-height: 65px;
	}
  
	.match-section .inner-content li span {
	  font-size: 23px;
	  line-height: 38px;
	  font-weight: 400;
	  color: #000000;
	}
  }
  
  @media only screen and (max-width:576px) {
	.match-section {
	  padding-top: 35px;
	  padding-bottom: 40px;
	}
  
	.match-section .main-title {
	  font-size: 27px;
	  font-weight: 800;
	  line-height: 43px;
	}
  
	.match-point .title {
	  font-size: 29px;
	  line-height: 72px;
	  font-weight: 800;
	  color: #FF1D48;
	  text-align: center;
	}
  
	.match-point2 .title {
	  font-size: 26px;
	  line-height: 84px;
	  font-weight: 800;
	  color: #FF1D48;
	  text-align: center;
	}
  
	.match-section .inner-content li img {
	  margin-right: 15px;
	  width: 50px;
	}
  
	.match-section .inner-content li span {
	  font-size: 15px;
	  line-height: 32px;
	  font-weight: 400;
	  color: #000000;
	}
  
	.match-section .match-point .inner-content li {
	  padding: 0 0 10px 0px;
	  margin-bottom: 9px;
	}
  }
  
  @media only screen and (max-width:400px) {
	.match-section {
	  padding-top: 25px;
	  padding-bottom: 30px;
	}
  }
  
  @media only screen and (max-width:360px) {
	.description-content {
	  padding: 30px 10px 30px 25px !important;
	}
  
	
  }
  



/* tabel-section */

.table_section {
    background: none no-repeat top center;
    background-size: cover;
    padding: 17% 0 10% 0;
    position: relative;
    margin-top: -13%;
    z-index: 2;
    background-color: #ffffff00;
}

.text-dark {
  color: #000 !important;
}

.t-text-clr {
  color: #666999 !important;
}

.text-clr {

  color: #2CD9D2 !important;
}

.text-clr1 {
  color: #9ABA64 !important;
}

.text-clr2 {
  color: #00DFFE;
}

.text-clr3 {
  color: #F89F07;
}

.text-clr4 {
  color: #00FF57;
}

.text-clr5 {
  color: #FF1D48;
}

.text-clr6 {
  color: #02CB46;
}

.text-clr7 {
  color: rgb(248, 68, 255);
}

.text-clr8 {
  color: rgb(255, 106, 124);
}

.text-clr9 {
  color: rgb(253, 69, 126);
}

.text-clr10 {
  color: rgb(145, 109, 255);
}

.text-clr11 {
  color: rgb(66, 4, 255);
}

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

.letter-spacing {
  letter-spacing: 0px;
}





.li-card {
  border: 5px double rgb(145, 109, 255);
  padding: 15px 18px;
  background-color: rgb(255, 255, 255);

  border: 1px dashed rgb(238, 17, 69);
  padding: 15px 18px;
  background-color: rgb(255, 233, 195);
  border-radius: 10px;
  /* background: none no-repeat center center; */
  background-size: auto;
  background-size: 100% 100%;
  background-color: #ffffff0d;
  backdrop-filter: blur(10px);
  border-radius: 10px;
  overflow: hidden;
  padding: 8px 10px;
  border: 1px solid hsl(0deg 0% 72.55% / 9%);
}




.border-botoms {
  background-color: #0FD1FD;
  height: 2px;
}

.barlow {
  font-family: "Barlow", serif;
  font-style: normal;
}

.rammetto {
  font-family: "Rammetto One", sans-serif;
  font-style: normal;
}

.montserrat {
  font-family: "Montserrat", serif;
  font-optical-sizing: auto;
  font-style: normal;
}

/* animation  start*/



.bounce-animation {
    animation: bounce 2s ease infinite;
}
.rotate-animation{
    animation: rotate-animation 10s infinite linear;
}
.shake-topbottom-animation{
    animation: shake-toptobottom 3s infinite linear;
}
.lefttoright-animation{
    animation: shake-leftoright 3s infinite linear;
}
.pulse-animation {
    animation: pulse 2s infinite ease-in-out alternate;
}
.fade-in-animation {
    animation: fade-in 2s linear infinite;
  }



  @keyframes bounce {
      70% { transform:translateY(0%); }
      80% { transform:translateY(-15%); }
      90% { transform:translateY(0%); }
      95% { transform:translateY(-7%); }
      97% { transform:translateY(0%); }
      99% { transform:translateY(-3%); }
      100% { transform:translateY(0); }
  }

  @keyframes shake-toptobottom{
      0% { transform:translateY(5px); }
      25% { transform:translateY(15px); }
      50% { transform:translateY(-5px); }
      100% { transform:translateY(0px); }
  }
  @keyframes shake-leftoright{
      0% { transform:translateX(5px); }
      25% { transform:translateX(15px); }
      50% { transform:translateX(-5px); }
      100% { transform:translateX(0px); }
  }

  


  @keyframes rotate-animation {
	0% {
		transform: rotate(0deg);
  }
  50% {
		transform: rotate(180deg);
	}
	100% {
		transform: rotate(360deg);
	}
}



  @keyframes pulse {
    from { transform: scale(0.9); }
    to { transform: scale(1.1); }
  }

 
  @keyframes fade-in {
    from { opacity: 0; }
    to { opacity: 1; }
  }/* CARD BASE */

/* animation  end*/

.gradient-text {
  -webkit-text-fill-color: transparent;
  background-image: -webkit-linear-gradient(0deg, #fe7716, #b11fde);
  background-repeat: repeat;
  -webkit-background-clip: text;
}
.gradient-text1 {
  background-image: linear-gradient(90deg,rgb(241, 21, 106) 58%, rgb(255, 155, 31) 100%);
  background-size: cover;
  padding: 10px 0px;
  text-align: center;
  color: #fff;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.text-gradient-clr {
  background: linear-gradient(90deg, #01FFFF 0.01%, #9BADFF 41%, #9BADFF 68%, #FA00FF 99.99%);
    background-image: linear-gradient(90deg, rgb(1, 255, 255) 0.01%, rgb(155, 173, 255) 41%, rgb(155, 173, 255) 68%, rgb(250, 0, 255) 99.99%);
    background-clip: border-box;
  background-image: linear-gradient(90deg, rgb(1, 255, 255) 0.01%, rgb(155, 173, 255) 41%, rgb(155, 173, 255) 68%, rgb(250, 0, 255) 99.99%);
  background-clip: border-box;
  background-image: linear-gradient(90deg, rgb(1, 255, 255) 0.01%, rgb(155, 173, 255) 41%, rgb(155, 173, 255) 68%, rgb(250, 0, 255) 99.99%);
  background-clip: border-box;
  background-image: linear-gradient(90deg, rgb(14, 201, 254) 0%, rgb(13, 202, 254) 23.9%, rgb(129, 68, 255) 47.54%, rgb(248, 135, 13) 69.67%, rgb(249, 234, 10) 100%);
  background-image: linear-gradient(90deg, #BDFF00 0%, #00FED0 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.hedline1 {
  color: #fff;
  display: inline-block;
  border-radius: 60px;
padding: 10px 20px;
  background-color: #09e5f000;
  border: 1px solid #fff0;

  border-radius: 5px;
  transition: all .4s;
  border-color: rgb(69, 72, 104);
}


@media (min-width:1200px) {
  .link-btn {
    /* display: flex;
  align-items: center;
  justify-content: center; */
    position: relative;
    margin: 11px -30px 5px 28px;
  }

  .btn-link-img {
    position: absolute;
    top: -22px;
    left: 0;
    width: 100px;

  }
}

@media (max-width:1024px) {
  .link-btn {
    /* display: flex;
    align-items: center;
    justify-content: center; */
    display: flex;
    position: relative;
    margin: 10px 10px 7px 10px;
  }

  .btn-link-img {
    position: absolute;
    top: -30px;
    left: 0px;
    width: 123px;

  }
}

@media (max-width:768px) {
  .link-btn {
    /* display: flex;
      align-items: center;
      justify-content: center; */
    display: block;
    position: relative;
    margin: 10px 10px 7px 10px;
  }

  .btn-link-img {
    position: absolute;
    top: -30px;
    left: 0px;
    width: 123px;

  }


}


.sales-st {
  background: none no-repeat center center;
  background-size: auto;
  /* display: inline-block; */
  padding: 11px 0;
  background-size: 100% 100%;
  color: #fff;

}

.sec-space{
  background-color: #fff;
    background-size: auto;
background-size: cover;
    padding: 10% 0 8% 0;
    position: relative;
    z-index: 2;
   
   
}



.con-sec-item {
  padding: 60px 20px;
  display: flex;
  flex-direction: column;
  align-items: start !important;
  border-radius: 25px;

  /* margin: 20px auto; */
min-height: 175px;
  justify-content: center;
box-shadow: 0 0 0.3rem 0px rgba(0, 0, 0, .15) !important;
  background-color: #ffffff0d;
  backdrop-filter: blur(10px);
  border-radius: 10px;
  overflow: hidden;
  border: 1px solid hsl(0deg 0% 72.55% / 9%);
  background: #FFF;
    background-size: auto;
  background-size: auto;
  border: 1px solid #DEDEDE;
}
.con-sec-item {
  text-align: center;
}

.con-sec-title {
  font-weight: 600;
 
  margin-bottom: 10px;

  margin-top: 8px;
  text-align: left;
}
.con-sec-dec {
 

  padding: 0px 0px;

  text-align: left;
}

.gt3 {
  background: linear-gradient(to right, #0894ff, #c959dd, #ff2e54, #ff9004);
}
@media (min-width:768px) {
  .con-sec-img img {
  width: 70px;
}
}

@media (max-width:768px) {
  .con-sec-img img {
 display: none;
}
.con-sec-img{
display: none;
}
.con-sec-item {
  padding: 20px 20px;
}
}


@media (min-width:991px) {
  .sl-stroke1 {
    background: none no-repeat center center;
    background-size: auto;
    /* display: inline-block; */
    padding: 30px 50px;
    background-size: 100% 100%;
    color: #fff;


  }
.gt4 {
  background: linear-gradient(to right,  #ff2e54, #ff9004) !important;
}
.gt3 {
  background: linear-gradient(to right, #0894ff, #c959dd, #ff2e54, #ff9004);
}
.sec-space{
     background: none no-repeat center top;
    background-size: auto;
    background-color: #000;
background-size: cover;
    padding: 10px 0 0 0;
    position: relative;
    z-index: 2;
    background-attachment: fixed;

}


  .sl-stroke2 {
    background: none no-repeat center center;
    background-size: auto;
    /* display: inline-block; */
    padding: 15px 0 30px 0px;
    background-size: 100% 100%;
    color: #fff;



  }

  .pre-heding {
    background: linear-gradient(90deg, #C98300 0%, #7CA536 100%);
    color: #fff;
    display: inline-block;
    border-radius: 360px;
    padding: 0 50px;
  }
}
/* .third-img img{
background: linear-gradient(to right, #0894ff, #c959dd, #ff2e54, #ff9004);
  padding: 8px 8px;
  border-radius: 0 30px 0px 30px;
} */



@media (max-width:991px) {

  .sl-stroke1 {
    /* background: none no-repeat center center; */
    background-image: linear-gradient(90deg, #7CA536 0%, #C98300 100%);
    background-size: auto;
    /* display: inline-block; */
    background-image: linear-gradient(90deg, #7CA536 0%, #C98300 100%);
    background-size: auto;
    display: inline-block;
    padding: 10px 10px;
    background-size: 100% 100%;
    color: #fff;
    border-radius: 50px;

  }

  .sl-stroke2 {
    background: none no-repeat center center;
    background-size: auto;
    /* display: inline-block; */
    padding: 15px 0 20px 0px;
    background-size: 100% 100%;
    color: #fff;

  }

  .pre-heding {
    background: linear-gradient(90deg, #C98300 0%, #7CA536 100%);
    color: #fff;
    display: inline-block;
    border-radius: 360px;
    padding: 5px 10px;
  }
}


.sl-bg {
  padding: 5px 13px;
  margin-bottom: -10px;
  border: 4px solid #e802dd;
  border-radius: 0px;
}

.toq {

  color: #000;
  display: inline-block;
  border-radius: 0;
  padding: 5px 15px;
  letter-spacing: 4px;
  /* letter-spacing: 4px;
  border: 1px dashed #f16830; */
  background-color: #fff;
}

.hihglight2 {
  padding: 0px 5px;
  /* background: transparent none no-repeat center center; */
  background-size: auto;
  background-size: auto;
  background-size: 100% 100%;
  display: inline-block;

  line-height: 1.1;
  border-radius: 10px;
  background-color: rgb(180, 63, 246);
}

@media (min-width: 768px) {

  .hihglight2 {
    padding: 0px 5px;
    /* background: transparent none no-repeat center center; */
    background-size: auto;
    background-size: auto;
    background-size: 100% 100%;
    display: inline-block;

    line-height: 1.1;
    border-radius: 10px;
    background-color: rgb(180, 63, 246);

  }
}



.hed1{
  background-color: rgb(255, 245, 239);
     display: inline-block;
    padding: 12px 20px;
  border: 1px dashed #000;
}

@media (min-width:991px) {
  .hedline2 {

    background-color: #f07c2e;
    color: #fff;
    display: block;
    border-radius: 360px;
    padding: 5px 50px;
  }

  .here {
    padding: 0 0;
  }
}

@media (max-width:991px) {

  .hedline2 {
    background-color: #f07c2e;
    color: #fff;
    display: block;
    border-radius: 360px;
    padding: 5px 50px;
  }
}

@media (max-width:991px) {
  .here {
    padding: 0 5px;
  }
}

.hedline3 {
  background: linear-gradient(90deg, #C98300 0%, #7CA536 100%);
  color: #fff;
  display: block;
  border-radius: 360px;
  /* padding: 5px 50px; */
  transform: rotate(-2deg);
}

.hedline4 {
  background: linear-gradient(90deg, #C98300 0%, #7CA536 100%);
  color: #fff;
  display: block;
  border-radius: 360px;
  padding: 5px 50px;
  transform: rotate(-2deg);
}

.hedline5 {
  background: #fff;
  display: block;
  border-radius: 70px;
  padding: 18px 50px;
  transform: rotate(-2deg);
}

@media (min-width: 768px) {
  .hedline6 {
    background: #c4c4c438;
    display: block;
    border-radius: 70px;
    padding: 18px 50px;
    transform: rotate(-2deg);
  }
}

@media (max-width: 768px) {
  .hedline6 {
    background: #c4c4c438;
    display: block;
    border-radius: 70px;
    padding: 18px 20px;
    transform: rotate(-2deg);
  }
}

.box-card {
  background-color: #ffffff1f;
  border-radius: 0px;
  background-color: #ffffff1f;
  border-radius: 0px;
  padding: 30px 40px 30px 50px;

}

@media (min-width: 991px) {
  .page-box {
    background-color: #595552;
    border-radius: 0px;
    padding: 0px 50px 0px 0px;
  }
}

@media (max-width: 991px) {
  .page-box {
    background-color: #595552;
    border-radius: 0px;
    padding: 0px 0px 20px 0px;
  }
}

.launcher-box {
  position: relative;
}

@media (min-width: 1024px) {

  .launcher-box .leftroket {
    position: absolute;
    left: 3%;
    top: -13px;
    width: 52px;


  }

  .launcher-box .rightroket {
    position: absolute;

    right: 3%;
    top: -13px;
    width: 52px;
  }


  .under-line {
    background: none no-repeat center center;
    background-size: 100% 5%;
    padding: 0px 0px 70px 0px;
  }


  .mt-40 {
    margin-top: -40px;
  }
}

@media (max-width: 1024px) {
  .launcher-box .leftroket {
    display: none;

  }

  .launcher-box .rightroket {
    display: none;
  }
}




@media (max-width: 991px) {
  .box-fire img {
    display: none;
  }


}

@media (min-width: 768px) {
  .create-section {
    background: none no-repeat center center;
    background-size: auto;
    background-size: auto;
    background-size: cover;
    padding: 60px 0px 0px 0px;
    overflow: hidden;
    background-attachment: fixed;
  }

  .box-gif {
   
    background-image: linear-gradient(to bottom left, rgb(8, 175, 225) 0%, rgb(2, 107, 242) 100%);
    background-image: linear-gradient(to bottom left, rgba(255, 255, 255, 0.86) 0%, rgba(255, 255, 255, 0.87) 100%);
    padding: 10px 10px;
    border-radius: 3px;
  }

  .text-box {
    background-color: #01FFEE;
    padding: 10px 0;
    color: #16324D;
  }

}

@media (max-width: 768px) {
  .create-section {
    background: none no-repeat center center;
    background-size: auto;
    background-size: auto;
    background-size: cover;
    padding: 30px 0px 0px 0px;
    overflow: hidden;
    background-attachment: fixed;
  }

  .box-gif {
    background-image: linear-gradient(to bottom left, rgb(8, 175, 225) 0%, rgb(2, 107, 242) 100%);
    padding: 10px 10px;
    border-radius: 3px;
  }

  .text-box {
    background-color: #01FFEE;
    padding: 10px 0;
    color: #16324D;
  }
}


.profits-section {
  background: none no-repeat center center;
  background-size: auto;
  background-size: auto;
  background-size: cover;
  padding: 60px 0px 30px 0px;
}

.blur-box {
  border-radius: 40px;
  position: relative;
}

.blur-card {
  background-color: #fff;
  border-radius: 40px;
  position: relative;
  padding: 20px 30px 0 20px;
}

.shadow1:before {
  content: "";
  position: absolute;
  inset: -12px;
  transform: translate(10px, 8px);
  z-index: 0;
  background: linear-gradient(90deg, #00E5FF99 0%, #FF9D00AB 100%);
  filter: blur(10px);
  transform: rotate(0deg);
  border-radius: 40px;
}

@media (min-width: 768px) {
  .smiling-girl img {
    margin-top: 50px;
    margin-left: 50px;
    /* margin-right: 78px; */
  }

  .profits-section {
    padding: 60px 0px 0px 0px;
  }

  .shadow1:before {
    transform: rotate(5deg);
  }


  .blur-card {
    padding: 30px 50px 0px 50px;
  }

  .surprised {
    margin-top: -120px;
  }
}

@media (max-width: 768px) {
  .smiling-girl img {
    margin-top: 50px;
    margin-left: -78px;
  }

  .surprised {
    margin-top: 0px;
  }
}

/* .dont-img{
    position: relative;
   } */

@media (min-width: 1200px) {
  .dont-img img {
    margin-top: -47px;
    position: absolute;

  }
}

@media (max-width: 1200px) {
  .dont-img img {
    margin-top: -24px;
    position: absolute;
  }
}


.reason-title1 {
  padding: 10px 40px;
  border-radius: 50px;
  display: inline-block;
  color: #fff;
  position: relative;
  z-index: 9;
  background: #000;
  transform: rotate(-3deg);
  margin-top: -30px;
}

.path-box {
  border-radius: 30px;
  background-color: #D2EBA8;
  padding: 30px 30px 30px 30px;
  color: #000;
}



@media (min-width: 768px) {
  .path-box {
    border-radius: 30px;
    background-color: #D2EBA8;
    padding: 30px 30px 30px 30px;
    color: #000;
  }

  .reason-title1 {
    padding: 15px 60px;
    margin-top: -60px;
  }
}

.reason-title2 {
  padding: 10px 40px;
  border-radius: 50px;
  display: inline-block;
  color: #fff;
  position: relative;
  z-index: 9;
  background: #FF5C00;
  transform: rotate(-3deg);
  margin-top: -30px;
}

@media (min-width: 768px) {
  .reason-title2 {
    padding: 15px 100px;
    margin-top: -60px;
  }
}


.stip-img {
  position: relative;
}

.stip-img img {
  position: absolute;
  bottom: -75px;
  left: 35px;
}

.reason-box1 {
  border-radius: 30px;
  background-color: #8CF6F2;
  padding: 0 0;
  color: #000;

}

.reason-box2 {
  border-radius: 30px;
  background-color: #D2EBA8;
  padding: 0 0;
  color: #000;

}

.reason-box-padding {
  padding: 20px;
}

ul.reason1 {
  margin: 0px;
  padding: 0px;
}

ul.reason2 {
  margin: 0px;
  padding: 0px;
}

ul.reason1 li {
  list-style: none;
  background: none no-repeat top left;
  background-position-x: left;
  background-position-y: top;
  padding-left: 50px;
  margin-bottom: 15px;
  padding-bottom: 15px;
  background-position: 0px 5px;
  min-height: 35px;
  /* border-bottom: solid 1px #FFF; */
}

ul.reason2 li {
  list-style: none;
  background: none no-repeat top left;
  background-position-x: left;
  background-position-y: top;
  padding-left: 50px;
  margin-bottom: 15px;
  padding-bottom: 48px;
  background-position: 0px 5px;
  min-height: 35px;
  /* border-bottom: solid 1px #FFF; */
}


@media (min-width: 768px) {
  .reason-box-padding {
    padding: 36px;
  }
}

@media (min-width: 768px) {
  .reason-box1 {
    padding: 0px 16px;

  }

  .reason-box2 {
    padding: 0px 16px;

  }
}



.left-box-img {
  background: linear-gradient(135deg, #0dccea, #f9c942);
  /* Border gradient */
  border-radius: 10px;
  padding: 10px;
}

.right-box-img {
  background: linear-gradient(135deg, #0dccea, #f9c942);
  /* Border gradient */
  border-radius: 10px;
  padding: 10px;
}

.right-box {
  background: #2f4b66;
  /* Blue background */
  color: #fff;
  padding: 20px 30px;
  border-radius: 35px;
  font-size: 16px;
  line-height: 1.5;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;

}

.left-box {
  background: #2f4b66;
  /* Blue background */
  color: #fff;
  padding: 20px 30px;
  border-radius: 35px;
  font-size: 16px;
  line-height: 1.5;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;

}

.sky-box {
  background-color: #ABF5FF;
  padding: 0px 20px 52px 20px;
  z-index: 999;
  position: relative;
}

.no2-img {
  width: 38%;
}

.no2 {
  margin-top: -46%;
  position: relative;
  z-index: -1;
}

.no2 {
  margin-top: 0%;
}

.no1 {
  margin-top: -60px;
}

@media (min-width: 768px) {
  .sky-box {
    background-color: #ABF5FF;
    padding: 0px 20px 0px 20px;
    z-index: 999;
    position: relative;
  }

  .no2 {
    margin-top: -41%;
    margin-left: -17px;
  }

  .no1 {
    margin-top: -75px;
  }

  .no3 {
    margin-top: -75px;
  }

  .right-box {
    margin-left: 50px;
  }

  .left-box {
    margin-right: 50px;
  }

  .left-try {
    width: 75px;
    height: 100px;
    background-color: #9ABA64;
    clip-path: polygon(50% 0%, 0 50%, 50% 100%);
    position: absolute;
    left: -37px;
  }

  .right-try {
    width: 75px;
    height: 100px;
    background-color: #9ABA64;
    clip-path: polygon(50% 0%, 50% 100%, 100% 50%);
    position: absolute;
    right: -37px;
  }


}

@media (max-width: 768px) {
  .right-box {
    margin-top: 50px;
  }

  .left-box {
    margin-top: 50px;
  }

  .left-try {
    width: 100px;
    height: 70px;
    background-color: #9ABA64;
    clip-path: polygon(50% 0%, 0 50%, 100% 50%);
    position: absolute;
    top: -35px;
  }

  .right-try {
    width: 100px;
    height: 70px;
    background-color: #9ABA64;
    clip-path: polygon(50% 0%, 0 50%, 100% 50%);
    position: absolute;
    top: -35px;
  }


}


ul.right-tick {
  margin: 0px;
  padding: 0px;
}

ul.right-tick li {
  list-style: none;
  background: none center left no-repeat;
  margin-bottom: 22px;
  background-position: 0px 0px;
  min-height: 37px;
  background-size: 68px;

  padding: 5px 0 45px 93px;
}

ul.count-tick1 {
  margin: 0px;
  padding: 0px;
}

ul.count-tick1 li {
  list-style: none;
  background: none center left no-repeat;
  margin-bottom: 70px;
  background-position: 0px 0px 0 0;
  min-height: 37px;
  background-size: 80px;
  padding: 0px 0 0px 100px;
}

ul.count-tick2 {
  margin: 0px;
  padding: 0px;
}

ul.count-tick2 li {
  list-style: none;
  background: none center left no-repeat;
  background-size: auto;
  margin-bottom: 22px;
  background-position: 0px 0px 0 0;
  min-height: 37px;
  background-size: 81px;
  padding: 56px 0 65px 100px;
}

@media (min-width: 768px) {

  ul.count-tick2 li {
    list-style: none;
    background: none center left no-repeat;
    margin-bottom: 22px;
    background-position: 0px 0px 0 0;
    min-height: 37px;
    background-size: 80px;
    padding: 0px 0 0px 100px;
  }

}

.option-box {
  /* background: #FFFFFF63;
  padding: 40px 0px 0px 0px;
  box-shadow: 0px 39px 0px 38px rgba(255, 255, 255, 0.39);
  border-radius: 10px 10px 0px 0; */
  /* background: #FFF; */
  padding: 40px 0px 0px 0px;
  /* box-shadow: 0px 39px 0px 38px rgb(255, 255, 255); */
  border-radius: 0;
}

.option-card {
  background: #fff;
  padding: 20px 0px 20px 0px;
  border-radius: 0 30px 30px 30px;
}

.option-card {
  position: relative;
}

.option-card2 {
  background: #fff;
  padding: 20px 0px 20px 0px;
  border-radius: 0 30px 30px 30px;
}

.option-card2 {
  position: relative;
}

@media (min-width: 768px) {

  .option-tittle {
    position: absolute;
    background-color: #0047FF;
    padding: 5px 65px;
    border-radius: 65px 50px 50px 0px;
    font-weight: 600;
    font-size: 18px;
    color: #fff;
    top: -57px;
    left: 0;
  }

  .option-card {
    background: #00061b;
    padding: 40px 30px 40px 30px;
    border-radius: 10px;
    border: 1px solid #600389;
    box-shadow: 0 0 20px 0 #c700ff inset;
  }

  .option-card {
    position: relative;
  }

  .option-card2 {
    background: #00061b;
    padding: 40px 30px 40px 30px;
    border-radius: 10px;
    border: 1px solid #600389;
    box-shadow: 0 0 20px 0 #c700ff inset;
  }
}

@media (max-width: 768px) {
  .option-tittle {
    position: absolute;
    background-color: #0047FF;
    padding: 5px 65px;
    border-radius: 65px 50px 50px 0px;
    font-weight: 600;
    font-size: 18px;
    color: #fff;
    top: -35px;
    left: 0;
  }
}

.click-section1 {
  background: url(../images/create-section1.png) no-repeat center center;
  background-size: cover;
  padding: 60px 0px 0px 0px;
  overflow: hidden;

}



.left1-box-img {
  background: linear-gradient(135deg, #0dccea, #f9c942);
  /* Border gradient */
  border-radius: 10px;
  padding: 10px;
}

.right1-box-img {
  background: linear-gradient(135deg, #0dccea, #f9c942);
  /* Border gradient */
  border-radius: 10px;
  padding: 10px;
}

.right1-box {
  background: #9ABA64;
  /* Blue background */
  color: #000;
  padding: 20px 30px;
  border-radius: 35px;
  font-size: 16px;
  line-height: 1.5;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;

}

.left1-box {
  background: #9ABA64;
  /* Blue background */
  color: #000;
  padding: 20px 30px;
  border-radius: 35px;
  font-size: 16px;
  line-height: 1.5;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;

}


@media (min-width: 768px) {

  .right1-box {
    margin-left: 50px;
  }

  .left1-box {
    margin-right: 50px;
  }

  .left1-try {
    width: 75px;
    height: 100px;
    background-color: #9ABA64;
    clip-path: polygon(50% 0%, 0 50%, 50% 100%);
    position: absolute;
    left: -37px;
  }

  .right1-try {
    width: 75px;
    height: 100px;
    background-color: #9ABA64;
    clip-path: polygon(50% 0%, 50% 100%, 100% 50%);
    position: absolute;
    right: -37px;
  }


}

@media (max-width: 768px) {
  .right1-box {
    margin-top: 50px;
  }

  .left1-box {
    margin-top: 50px;
  }

  .left1-try {
    width: 100px;
    height: 70px;
    background-color: #9ABA64;
    clip-path: polygon(50% 0%, 0 50%, 100% 50%);
    position: absolute;
    top: -35px;
  }

  .right1-try {
    width: 100px;
    height: 70px;
    background-color: #9ABA64;
    clip-path: polygon(50% 0%, 0 50%, 100% 50%);
    position: absolute;
    top: -35px;
  }


}

@media (min-width:991px) {
  .block-tick-box {
    /* background: none no-repeat center center; */
    background-image: linear-gradient(90deg, #00E5FF 0%, #000EFF 100%);

    background-size: auto;
    display: inline-block;
    padding: 10px 10px;
    background-size: 100% 100%;
    color: #fff;
    border-radius: 3px;
    margin-left: 10px;

  }

}

@media (max-width:991px) {
  .block-tick-box {
    /* background: none no-repeat center center; */


    background-image: linear-gradient(90deg, #00E5FF 0%, #000EFF 100%);
    background-size: auto;
    display: inline-block;
    padding: 10px 10px;
    background-size: 100% 100%;
    color: #fff;
    border-radius: 3px;
    margin-left: 10px;
  }

}


.block-tick-card {
  background-color: #fff;
  padding: 33px 50px;
  margin-bottom: 0px;
  border-radius: 0px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}

.block-tick-card::before {
  content: '';
  background: none no-repeat;
  background-size: auto;
  position: absolute;
  background-size: 20%;
  width: 100%;
  height: 100%;
  top: -25px;
  left: -14px;
}

@media (min-width: 768px) {
  .block-tick-card::before {
    content: '';
    background: none no-repeat;
    position: absolute;
    background-size: 15%;
    width: 100%;
    height: 100%;
    top: -43px;
    left: -35px;
  }
}




.sp-1 {
  position: absolute;
  top: 20px;
  left: 30px;
  text-align: center;
  width: 94%;
}

.sp-2 {
  position: absolute;
  top: -12px;
  left: 13%;
  text-align: center;
  width: 75%;
}

.sp-3 {
  position: absolute;
  top: 148px;
  left: 12%;
  text-align: center;
  width: 76%;
}

.sp-4 {
  position: absolute;
  top: 15px;
  left: 0;
  text-align: center;
  width: 100%;
}

.sp-5 {
  position: absolute;
  top: 20px;
  left: 0;
  text-align: center;
  width: 100%;
}

.sp-6 {
  position: absolute;
  top: 44px;
  left: 105px;
  text-align: center;
  width: 82%;
  height: 145%;
}

.sp-7 {
  position: absolute;
  bottom: -12%;
  left: 0;
  text-align: center;
  width: 100%;
}

@media (max-width:1200px) {

  .sp-2 {
    position: absolute;
    top: 55px;
    left: 0;
    text-align: center;
    width: 100%;
  }

  .sp-4 {
    position: absolute;
    top: -10px;
    left: 0;
    text-align: center;
    width: 100%;
  }

}

@media (max-width:991px) {

  .sp-2 {
    position: absolute;
    top: -55px;
    ;
    left: 0;
    text-align: center;
    width: 100%;
  }


}

@media (max-width:768px) {
  .block-tick-card {
    background-color: #fff;
    padding:
  33px 15px;
  }
  .sp-2 {
    position: absolute;
    top: -35px;
    left: 0;
    text-align: center;
    width: 100%;
  }

  .sp-5 {
    display: none;
  }

  .sp-6 {
    position: absolute;
    top: 35px;
    left: 0;
    text-align: center;
    width: 100%;
  }
}

@media (max-width:668px) {
  .sp-6 {
    position: absolute;
    top: 10px;
    left: 0;
    text-align: center;
    width: 100%;
  }
}

@media (max-width:400px) {
  .sp-2 {
    display: none;
  }

  .sp-4 {
    position: absolute;
    top: 8px;
    left: 45px;
    text-align: center;
    width: 76%;
  }

  .sp-3 {
    position: absolute;
    top: 55px;
    left: 12%;
    text-align: center;
    width: 76%;
  }
}

.roof-box {
  border-radius: 40px;
  position: relative;
}

.roof-card {
  background-color: #fff;
  border-radius: 60px;
  position: relative;
  padding: 20px 20px 20px 20px;
}

.roof1:before {
  content: "";
  position: absolute;
  inset: -1px;
  transform: translate(10px, 8px);
  z-index: 0;
  background: linear-gradient(90deg, #00E5FF99 0%, #FF9D00AB 100%);
  filter: blur(0px);
  transform: rotate(3deg);
  border-radius: 60px;
}

.roof2:before {
  content: "";
  position: absolute;
  inset: -1px;
  transform: translate(10px, 8px);
  z-index: 0;
  background: linear-gradient(90deg, #00E5FF99 0%, #FF9D00AB 100%);
  filter: blur(0px);
  transform: rotate(1deg);
  border-radius: 60px;
}

@media (min-width: 768px) {

  .roof1:before {
    transform: rotate(3deg);
  }

  .roof2:before {
    transform: rotate(1deg);
  }
}

.text-rotate {
  transform: rotate(2deg);
}

.click-box {
  background-color: #ffffff1a;
  padding: 0px 20px 0 20px;
}


ul.presence-tick {
  margin: 0px;
  padding: 0px;
}

ul.presence-tick li {
  list-style: none;
  background: none center left no-repeat;
  background-size: auto;
  margin-bottom: 35px;
  background-position: 0px 0px 0 0;
  min-height: 27px;
  background-size: 47px;
  padding: 0px 0 0px 80px;
  width: 100%;
  height: 100%;
}

.bg-blacks1 {
  padding-top: 35px;
  padding-bottom: 75px;
  background: #fff;
  border-radius: 20px;
  box-shadow: 0px -10px 22px 5px #24fff54f;
}

.visitors-box {
  padding-top: 35px;
  padding-bottom: 75px;
  background: #000;
  border-radius: 20px;
  box-shadow: 0px -10px 22px 5px #24fff1;
}

.inner-content li {
  display: flex;
  align-items: center;
  list-style: none;
  padding: 0 0 10px 0px;
  background-size: 40px;
  margin-bottom: 10px;
}

.inner-content li img {
  margin-right: 15px;
  margin-top: -47px;
  width: 65px;
}

.inner-content {
  padding-left: 5px;
  padding-right: 5px;
}

.inner-content li span {
  font-size: 24px;
  line-height: 38px;
  font-weight: 400;
  color: #000000;
}

.box-inner {
  background-color: #fff;
  padding: 60px 0 60px 0;
  border-radius: 90px;
}

.pointer-box {
  background-color: #FFFFFF29;
  padding: 0px 0px 0px 0px;
  border-radius: 90px;
}




.bigprofit-box-img {
  background: linear-gradient(135deg, #0dccea, #f9c942);
  /* Border gradient */
  border-radius: 10px;
  padding: 10px;
}

.bigprofitleft-box-img {
  background: linear-gradient(135deg, #0dccea, #f9c942);
  /* Border gradient */
  border-radius: 10px;
  padding: 10px;
}

.bigprofitright-box {
  background: #0085FF;
  /* Blue background */
  color: #fff;
  padding: 20px 30px;
  border-radius: 35px;
  font-size: 16px;
  line-height: 1.5;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;

}

.bigprofitleft-box {
  background: #0085FF;
  /* Blue background */
  color: #fff;
  padding: 20px 30px;
  border-radius: 35px;
  font-size: 16px;
  line-height: 1.5;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;

}


@media (min-width: 768px) {
  .inner-content {
    padding-left: 0px;
  }

  .pointer-box {
    background-color: #FFFFFF29;
    padding: 0px 20px 0px 0px;
    border-radius: 90px;
  }

  .bigprofitright-box {
    margin-left: 50px;
  }

  .bigprofitleft-box {
    margin-right: 50px;
  }

  .bigprofitleft-try {
    width: 75px;
    height: 100px;
    background-color: #0085FF;
    clip-path: polygon(50% 0%, 0 50%, 50% 100%);
    position: absolute;
    left: -37px;
  }

  .bigprofitright-try {
    width: 75px;
    height: 100px;
    background-color: #0085FF;
    clip-path: polygon(50% 0%, 50% 100%, 100% 50%);
    position: absolute;
    right: -37px;
  }


}

@media (max-width: 768px) {
  .bigprofitright-box {
    margin-top: 50px;
  }

  .bigprofitleft-box {
    margin-top: 50px;
  }

  .bigprofitleft-try {
    width: 100px;
    height: 70px;
    background-color: #9ABA64;
    clip-path: polygon(50% 0%, 0 50%, 100% 50%);
    position: absolute;
    top: -35px;
  }

  .bigprofitright-try {
    width: 100px;
    height: 70px;
    background-color: #9ABA64;
    clip-path: polygon(50% 0%, 0 50%, 100% 50%);
    position: absolute;
    top: -35px;
  }


}

.cardbox-img {
  background: linear-gradient(135deg, #0dccea, #f9c942);
  border-radius: 10px;
  padding: 10px;
}

.content-card {
  background-color: #2A4D6F;
  border-radius: 10px;
  padding: 40px 10px;
  color: #fff;
  border-radius: 35px;
  font-size: 16px;
  line-height: 1.5;
  /* box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2); */
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}

/* .over-f{
overflow: hidden;
} */

.content-card {
  background-color: rgba(146, 122, 193, 0.28);
  /* Semi-transparent background */

  border-radius: 20px;
  /* Smooth corners */
  background-size: cover;
  /* Ensure background image covers the container */
  padding: 20px 5%;
  /* Adjust padding for flexibility */
  min-height: 240px;
  /* Minimum height for content */
  display: flex;
  /* Flexbox for alignment */
  align-items: center;
  /* Center items vertically */
  justify-content: center;
  /* Center items horizontally */
  box-sizing: border-box;
  /* Include padding in the total width/height */
}

/* Media Queries for Responsiveness */
@media (min-width: 1024px) {
  .pd {
    padding: 20px 0% !important;
  }
}

@media (max-width: 1024px) {
  .content-card {
    padding: 15px 4%;
    /* Reduce padding for smaller screens */
    min-height: 300px;
    /* Adjust minimum height */
  }
}

@media (max-width: 768px) {
  .content-card {
    padding: 10px 3%;
    /* Further reduce padding for medium screens */
    min-height: 250px;
    /* Smaller height for tablets */
  }
}

@media (max-width: 480px) {
  .content-card {
    padding: 10px 2%;
    /* Minimal padding for small screens */
    min-height: 200px;
    /* Minimum height for mobile devices */
  }
}


/* Now You Can Section */


/* .nowinner-content li {
  display: flex;
  align-items: center;
  list-style: none;
  padding: 0 0 10px 0px;
  background-size: 40px;
  margin-bottom: 10px;
}
.nowinner-content li img {
  margin-right: 15px;
  margin-top: -47px;
  width: 65px;
}

.nowinner-content {
  padding-left: 0px;
}
.nowinner-content li span {
  font-size: 24px;
  line-height: 38px;
  font-weight: 400;
  color: #fff;
}
.nowbox-inner{
  background-color: #DA804E;
  padding: 60px 0 25px 0;
  border-radius: 90px;
  margin-top: -162px;
}
.nowpointer-box{
  background-color: #FCB57E;
  padding: 0px 20px 0px 0px;
  border-radius: 90px;
}

.now-you-img{
  margin-top: -60px;
  margin-left: -85px;
}


@media (max-width: 768px) {

} */



.nowinner-content li {
  display: flex;
  align-items: center;
  list-style: none;
  padding: 0 0 10px 0px;
  background-size: 40px;
  margin-bottom: 10px;
}

.nowinner-content li img {
  margin-right: 15px;
  margin-top: -47px;
  width: 65px;
}

.nowinner-content {
  padding-left: 0px;
}

.nowinner-content li span {
  font-size: 24px;
  line-height: 38px;
  font-weight: 400;
  color: #fff;
}

.nowbox-inner {
  background-color: #DA804E;
  padding: 44px 0 25px 0;
  border-radius: 90px;
  margin-top: -162px;
}

.nowpointer-box {
  background-color: #FCB57E;
  padding: 0px 20px 0px 0px;
  border-radius: 90px;
}

.now-you-img {
  margin-top: -100px;
  margin-left: -85px;
}

/* Responsive Design */
@media (max-width: 1024px) {



  .nowbox-inner {
    padding: 50px 0 20px 0;
    border-radius: 70px;
    margin-top: -140px;
  }

  .nowinner-content li span {
    font-size: 22px;
    line-height: 34px;
  }

  .nowinner-content li img {
    margin-top: -40px;
    width: 60px;
  }

  .now-you-img {
    margin-top: -50px;
    margin-left: -70px;
  }

  .nowpointer-box {

    border-radius: 37px !important;
    padding: 0px 0px 0px 0px;
  }

}

@media (max-width: 768px) {
  .nowbox-inner {
    padding: 40px 0 15px 0;
    border-radius: 50px;
    margin-top: -120px;
  }

  .nowinner-content li span {
    font-size: 20px;
    line-height: 30px;
  }

  .nowinner-content li img {
    margin-top: -35px;
    width: 55px;
  }

  .now-you-img {
    margin-top: 0px;
    margin-left: auto;
    margin-right: auto;
  }

  .nowpointer-box {
    padding: 0px 0px 0px 0px;
    border-radius: 37px !important;

  }
}

@media (max-width: 576px) {
  .nowinner-content {
    padding-left: 14px;
    padding-right: 14px;
  }

  .nowbox-inner {
    padding: 30px 0 10px 0;
    border-radius: 40px;
    margin-top: -100px;
  }

  .nowinner-content li span {
    font-size: 18px;
    line-height: 28px;
  }

  .nowinner-content li img {
    margin-top: -30px;
    width: 50px;
  }

  .now-you-img {
    margin-top: 0px;
    margin-left: auto;
    margin-right: auto;
  }

  .nowpointer-box {
    padding: 0px 0px 0px 0px;
    border-radius: 37px !important;

  }
}

@media (max-width: 360px) {
  .nowinner-content {
    padding-left: 14px;
    padding-right: 14px;
  }

  .nowbox-inner {
    padding: 20px 0 5px 0;
    border-radius: 30px;
    margin-top: -30px;
  }

  .nowinner-content li span {
    font-size: 16px;
    line-height: 24px;
  }

  .nowinner-content li img {
    margin-top: -25px;
    width: 45px;
  }

  .now-you-img {
    margin-top: 0px;
    margin-left: auto;
    margin-right: auto;
  }

  .nowpointer-box {
    padding: 0px 0px 0px 0px;
    border-radius: 37px !important;

  }
}

.profitimg3 {
  margin-bottom: -21px;
}


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

.effect-1::before {
content: '';
  position: absolute;
  width: 100%;
  height: 10px;
  left: 50%;
  bottom: 12px;
  /* background-color: rgb(255, 182, 10); */
  z-index: -1;
  transform: translateX(-50%);
  background: none no-repeat center center;

  background-size: 100% 100%;
}

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

.effect-2::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 15px;
  left: 50%;
  bottom: 9px;
  background-color: rgb(255, 199, 0);
  z-index: -1;
  transform: translateX(-50%);
  /* background: none no-repeat center center;

  background-size: 100% 100%; */
}

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

.effect-3::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 15px;
  left: 50%;
  bottom: 15px;
  background-color: rgb(242, 41, 41);
  z-index: -1;
  transform: translateX(-50%);
  /* background: none no-repeat center center;

  background-size: 100% 100%; */
}
.effect-4 {
  position: relative;
  z-index: 1;
  display: inline-block;
}
.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%);
}

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

.effect-11::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 20px;
  left: 50%;
  bottom: 0px;
  z-index: -1;
  transform: translateX(-50%);
  background: none no-repeat center center;

  background-size: 100% 100%;
}

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

.effect-12::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 20px;
  left: 50%;
  bottom: 0px;
  z-index: -1;
  transform: translateX(-50%);
  background: none no-repeat center center;

  background-size: 100% 100%;
}

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

.effect-13::before {
content: '';
  position: absolute;
  width: 100%;
height: 10px;
  left: 50%;
  bottom: -5px;
  z-index: -1;
  transform: translateX(-50%);
  transform: translateX(-50%);
  background: none no-repeat center center;
    background-size: auto;
  background-size: auto;
  background-size: 100% 100%;
}

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

.effect-14::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 20px;
  left: 50%;
  bottom: -2px;
  z-index: -1;
  transform: translateX(-50%);
  background:
    none no-repeat center center;
  background-size: auto;
  background-size: 100% 100%;
}

.no-more {
  border: 1px dashed #fb4b6e;
  display: inline-block;
  padding: 0 30px;
}

.video-icon-box {
  padding: 5px 0 5px 0;
  /* display: flex; */
  align-items: center;

}

.play-icon-img {
  padding-right: 20px;
  padding-top: 5px;
}

.play-icon-img img {
  width: 35px;
}

.play-video {
  /* background: none no-repeat center center; */
  border-radius: 5px;
  /* background: linear-gradient(180deg, #FFF 0%, #FFF 106%);
  background: linear-gradient(180deg, #010D15 0%, #010D15 106%);
background-image: linear-gradient(0deg,rgb(96, 51, 244) 0%, rgb(239, 17, 67) 100%); */
  padding: 20px 10px;
  background-color: #ffffff0d;
  backdrop-filter: blur(10px);
  border-radius: 10px;
  overflow: hidden;
  padding: 20px;
  border: 1px solid hsl(0deg 0% 72.55% / 9%);

}

@media (max-width:991px) {
  .toq {
    padding: 5px 15px;
  }

  .effect-3::before {
    width: 100%;
    height: 6px;
    left: 50%;
    bottom: 5px;
  }

  .effect-1::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 10px;
    left: 50%;
    bottom: 0px;
  }

  .effect-14::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 10px;
    left: 50%;
    bottom: -2px;
    z-index: -1;
    transform: translateX(-50%);
    background:
      none no-repeat center center;
    background-size: auto;
    background-size: auto;
    background-size: 100% 100%;
  }
}

@media (max-width:576px) {
  .play-icon-img img {
    width: 80px;
  }

  .play-icon-img {
    padding-right: 5px;
    padding-top: 5px;
  }

  .effect-11::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 8px;
    left: 50%;
    bottom: 0px;
    z-index: -1;
    transform: translateX(-50%);
    background: none no-repeat center center;
    background-size: auto;
    background-size: 100% 100%;
  }

  .effect-14::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 10px;
    left: 50%;
    bottom: -2px;
    z-index: -1;
    transform: translateX(-50%);
    background:
      none no-repeat center center;
    background-size: auto;
    background-size: auto;
    background-size: 100% 100%;
  }
  .effect-13::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 10px;
    left: 50%;
    bottom: 5px;
    z-index: -1;
    transform: translateX(-50%);
    background:
  none no-repeat center center;
      background-size: auto;
    background-size: auto;
    background-size: 100% 100%;
  }
}


.card-img1 {
  position: absolute;
  left: -4%;
  bottom: 0;
  width: 30%;
}


.card-img {
  position: absolute;
  right: -4%;
  bottom: 0;
  width: 20%;
}

@media (max-width:991px) {
  .card-img1 img {
    display: none;
  }

  .card-img img {
    display: none;
  }
}


.button-block {
  z-index: 9;
  position: relative;
}

.endstime-section {
  padding: 30px 0px;
  color: #fff;
  background-color: rgb(252, 20, 62);
}

.news-box {
  background-color: #9471ff;
  padding: 15px 15px;
}

.bg-primary {
  background-image: linear-gradient(45deg,rgb(0, 86, 254) 0%, rgb(0, 214, 253) 100%)!important;
}

.bg-sec {
  background-image: linear-gradient(45deg,rgb(95, 114, 238) 0%, rgb(87, 107, 238) 100%) !important;
}

.create-section1 {
    background: url(../images/create-section1.png) no-repeat center top;
    background-size: auto;
    background-size: auto;
    background-size: auto;
    background-size: cover;
    padding: 60px 0px 0px 0px;
    overflow: hidden;
  }
@media (min-width: 768px) {
  .news-box {
    background-color: #9471ff;
    padding: 15px 15px;
  }

  .create-section1 {
    background: url(../images/create-section1.png) no-repeat center top;
    background-size: auto;
    background-size: auto;
    background-size: cover;
    padding: 60px 0px 0px 0px;
    overflow: hidden;
  }

  .create-section2 {
    background: url(../images/create-section2.png) no-repeat center top;
    background-size: auto;
    background-size: auto;
    background-size: cover;
   padding: 40px 0px 40px 0px;
    overflow: hidden;
  }

  .create-section8 {
    background: none no-repeat center top;
    background-size: auto;
    background-size: auto;
    background-size: cover;
padding: 60px 0px 5% 0px;
    overflow: hidden;
  }

  .create-section3 {
    background: none no-repeat center center;
    background-size: auto;
    background-size: auto;
    background-size: cover;
    padding: 60px 0px 0px 0px;
    overflow: hidden;
  }

  .create-section4 {
    background: none no-repeat center top;
    background-size: auto;
    background-size: auto;
    background-size: cover;
    padding: 10px 0px 0px 0px;
    overflow: hidden;
  }

  .create-section5 {
    background: none no-repeat center center;
    background-size: auto;
    background-size: auto;
    background-size: cover;
    padding: 60px 0px 0px 0px;

  }

  .create-section6 {
    background: none no-repeat center center;
    background-size: auto;
    background-size: auto;
    background-size: cover;
  padding: 80px 0px 0px 0px;


  }

  .create-section7 {
    background-color: #030013;
    background: none no-repeat center bottom;
    background-size: auto;
    background-size: auto;
    background-size: cover;
    padding: 80px 0px 80px 0px;

  }
  .create-section9 {
    background-color: #030013;
    background: none no-repeat center top;
    background-size: auto;
    background-size: auto;
    background-size: cover;
    padding: 20px 0px 0px 0px;

  }

}

@media (max-width: 768px) {
  .create-section2 {
    background: url(../images/create-section2.png) no-repeat center center;
    background-size: auto;
    background-size: auto;
    background-size: cover;
padding: 30px 0 0px 0;
    overflow: hidden;
  }

  .create-section3 {
    background: none no-repeat center center;
    background-size: auto;
    background-size: auto;
    background-size: cover;
    padding: 30px 0px 0px 0px;
    overflow: hidden;
  }

  .create-section4 {
    background: none no-repeat center top;
    background-size: auto;
    background-size: auto;
    background-size: cover;
    padding: 30px 0px 0px 0px;
    overflow: hidden;
  }

  .create-section5 {
    background: none no-repeat center center;
    background-size: auto;
    background-size: auto;
    background-size: cover;
    padding: 30px 0px 0px 0px;

  }

  .create-section6 {
    background: none no-repeat center center;
    background-size: auto;
    background-size: auto;
    background-size: cover;
  padding: 30px 0px 0px 0px;


  }

  .create-section8 {
    background: none no-repeat center center;
    background-size: cover;
    padding: 60px 0px 80px 0px;
    overflow: hidden;
  }

  .create-section7 {
    background: none no-repeat center bottom;
    background-size: auto;
    background-size: auto;
    background-size: cover;
    padding: 30px 0px 30px 0px;

  }
  .create-section9 {
    background-color: #030013;
    background: none no-repeat center top;
    background-size: auto;
    background-size: auto;
    background-size: cover;
    padding: 80px 0px 0px 0px;

  }
}


.semple-section {
  background: none no-repeat center top;
  background-size: auto;
  background-size: auto;
  object-fit: cover;
  background-size: cover;
  /* padding: 60px 0px 0px 0px; */
  overflow: hidden;
}

.tool-features {
  background: none no-repeat center center;
  background-size: cover;
  padding: 80px 0px 80px 0px;
  overflow: hidden;
  background-attachment: fixed;
}

.tool-box {
  /* border: 1px solid  rgb(25, 158, 254);
  background-color: #fff;
  box-shadow: 0 0 15px 5px #00000021; */
  padding: 21px 30px 21px 30px;
  border-radius: 10px;
  position: relative;

}

.tool-text {
  color: rgb(255, 227, 0);
}

.tool-box2 {
  /* background-color: rgb(255, 186, 40);
  box-shadow: 0 0 15px 5px #00000021; */
  padding: 21px 30px 21px 30px;
  border-radius: 10px;
  position: relative;

}

.tool-box-inner {

  padding: 20px 23px 20px 23px;
  border-radius: 10px;
  /* background: linear-gradient(90deg, #FFF -22%, #e9c1fd 77%);
  box-shadow: 0px 0px 12px 0px rgb(226, 172, 251); */
}

.tool-box-inner2 {


  padding: 20px 23px 20px 23px;
  border-radius: 10px;
  /* background: linear-gradient(90deg, #FFF -22%, #e9c1fd 77%);
  box-shadow: 0px 0px 12px 0px rgb(226, 172, 251); */
}

@media (min-width: 768px) {
  .tool-box {
    border: 1px solid rgb(255, 186, 40);
    background-color: #fff;
    padding: 21px 30px 21px 30px;
    border-radius: 10px;
    box-shadow: 0 0 15px 5px #00000021;
  }

  .tool-box2 {

    padding: 20px 23px 20px 23px;
    border-radius: 10px;
    /* background: linear-gradient(90deg, #FFF -22%, #e9c1fd 77%);
  box-shadow: 0px 0px 12px 0px rgb(226, 172, 251); */
  }

  .tool-box-inner {


    padding: 40px 23px 40px 23px;
    border-radius: 10px;
    /* background: linear-gradient(90deg, #FFF -22%, #e9c1fd 77%);
  box-shadow: 0px 0px 12px 0px rgb(226, 172, 251); */
  }

  .tool-box-inner2 {

    /* background: linear-gradient(90deg, #FFF -22%, #e9c1fd 77%);
    box-shadow: 0px 0px 12px 0px rgb(226, 172, 251); */
    padding: 40px 23px 40px 23px;
    border-radius: 10px;

  }

  .prised {
    margin-bottom: -80px;
  }
}




@media (min-width: 768px) {
  .tool-box-inner .ptm {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }

  .tool-box-inner2 .ptm {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }


  .col-vscount {
    width: 72px;
    height: 72px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10%;
    background-color: rgb(252, 210, 97);
    color: #000;
    font-size: 33px;
    font-weight: 700;
    line-height: 1.5;
    position: absolute;
    right: -18px;
    top: -32px;
  }

  .col-vscount2 {
    width: 72px;
    height: 72px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10%;
    background-color: rgb(252, 210, 97);
    color: #000;
    font-size: 33px;
    font-weight: 700;
    line-height: 1.5;
    position: absolute;
    left: -18px;
    top: -32px;
  }
}

@media (max-width: 768px) {
  .col-vscount2 {
    width: 115px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 71px;
    background-color: rgb(252, 210, 97);
    color: #000;
    font-size: 33px;
    font-weight: 700;
    line-height: 1.5;
    position: absolute;
    left: 33%;
    top: -35px;
  }

  .col-vscount {
    width: 115px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 71px;
    background-color: rgb(252, 210, 97);
    color: #000;
    font-size: 33px;
    font-weight: 700;
    line-height: 1.5;
    position: absolute;
    right: 33%;
    top: -35px;
  }
}

.stp-img-box {
  display: flex;
}

.stp-img {
  width: 150px;
  padding-right: 15px;
}

.top-arrow {
  position: absolute;
  bottom: -39%;
  width: 100%;
}


.cardbox {
  /* background-color: rgb(255, 255, 255); */

  color: #000;
  border-radius: 20px;
  padding: 40px 40px;
  /* border: 1px solid #ffffff82; */
  /* box-shadow: 0px 0px 10px rgba(226, 104, 251, 0.33); */
}

@media (max-width: 768px) {
  .step-block {

    padding: 10px 0px;

  }

  .cardbox {

    padding: 40px 15px;

  }
}

@media (max-width:768px) {


  .effect-2::before {
    content: '';

    position: absolute;

    width: 100%;

    height: 10px;

    left: 50%;

    bottom: 7px;
  }

  .effect-5::before {
    content: '';

    position: absolute;

    width: 100%;

    height: 8px;

    left: 50%;

    bottom: 4px;
  }
}


@media (min-width: 768px) {
  .video-title-box .power-icon-left {
    /* background: url() no-repeat;  background: none no-repeat  ; */

position: absolute;
    width: 10%;
    top: 32px;
    left: -4%;
    content: '';
  }
}

@media (min-width: 768px) {
  .video-title-box .power-icon-right {
    /* background: url() no-repeat;  background: none no-repeat  ; */
    position: absolute;
right: -4%;
    width: 10%;
  top: 32px;
    content: '';
  }
}

@media (max-width: 768px) {
  .prised {
    margin-bottom: -80px;
  }
}

@media (max-width:576px) {
  .course-box1 {
    background-color: rgb(255, 225, 192);
    padding:
      30px 5px 30px 5px;
    border-radius:
      10px;
  }



  .cta-card1 {

padding: 10px 20px 30px 20px;

  }

  .works-box2 {
    padding:
      30px 10px 30px 10px;

  }



}


.box-t1 {
  position: relative;
  box-shadow: 0px 0px 10px 0px #93EAF7;
  /* background:
linear-gradient(180deg, #F7FEF2 0%, #FEFFFE 106%);
    background-color: rgba(0, 0, 0, 0); */
  border:
    2px solid #fff;
  display: inline-block;
  padding:
    10px 20px 10px 20px;
  border-radius:
    13px;
  /* background-color: rgba(255, 255, 255, 0); */
  background-color: rgb(255, 205, 94);
}


.card-block {
  border:
    1px solid #00daff;
  border-radius:
    15px;
  padding:
    20px 20px;
  position: relative;
  box-shadow: 0px 0px 40px 0px rgba(13, 96, 228, 0.55) inset;
  background-color: rgb(5, 2, 13);

  border-radius:
    15px;

  position: relative;
}

ul.card-block-icon li {
  list-style:
  none;
    background:
  none center left no-repeat;
      background-position-x: left;
      background-position-y: center;
      background-size: auto;
    min-height: 35px;
    padding-left: 35px;
    background-position:
  0px 3px;
    background-size: 25px;
    margin-bottom: 15px;
}
.card-block-box ul{
  padding:
  0;
    margin:
  0;
    overflow:
  hidden;
    justify-content: center;
    display: flex;
    align-items: center;
}

.stunning-box1{
  box-shadow: 0px 10px 20px 5px rgba(0, 0, 0, 0.2);
  background-image: linear-gradient(0deg,rgb(49, 129, 255) 0%, rgb(69, 42, 255) 100%);
  position: relative;
  padding: 30px 20px 30px 20px;
  border-radius: 20px;
}
.stunning-box2{
  position: relative;
  box-shadow: 0px 10px 20px 5px rgba(0, 0, 0, 0.2);
  background-image: linear-gradient(0deg,rgb(251, 167, 79) 0%, rgb(255, 51, 27) 100%);
  padding: 30px 20px 30px 20px;
  border-radius: 20px;
}
.sed-img{
  position: absolute;
  width: 13%;
  left: -50px;
  top: -50px;
}
.happy-img{
  position: absolute;
  width: 13%;
  right: -50px;
  top: -50px;
}
@media (max-width: 1300px) {
  .sed-img{
    position: absolute;
    width: 12%;
    left: -50px;
    top: -50px;
  }
  .happy-img{
    position: absolute;
    width: 12%;
    right: -50px;
    top: -50px;
  }
}
@media (max-width: 1200px) {
  .sed-img{
    position: absolute;
    width: 12%;
    left: -50px;
    top: -50px;
  }
  .happy-img{
    position: absolute;
    width: 12%;
    right: -50px;
    top: -50px;
  }
}
@media (max-width: 1024px) {
  .sed-img{
    position: absolute;
    width: 10%;
    left: -30px;
    top: -30px;
  }
  .happy-img{
    position: absolute;
    width: 10%;
    right: -30px;
    top: -30px;
  }
}
@media (max-width: 991px) {
  .sed-img{
    position: absolute;
    width: 13%;
    left: -10px;
    top: -20px;
  }
  .happy-img{
 
    position: absolute;
    width: 13%;
    right: -5px;
    top: -20px;
  }
}
@media (max-width: 768px) {
  .sed-img img{
 display: none;
  }
  .happy-img img{
    display: none;
  }
}
@media (max-width: 576px) {
  
}
@media (max-width: 490px) {
  
}



.stunning-tittle{
  background-color: rgb(255, 255, 255);
  padding:
10px 20px;
  display: inline-block;
}
.stunning-tittle1{
  background-color: rgb(255, 189, 34);
  padding:
  10px 53px;
    display: inline-block;

}


.fss-img{
  padding:
15px;
  border:
5px solid white;
}


.tittle-1{
  background-color: #38d878;
  padding:
  10px 10px;
    display: block;
border-radius: 0px;
}




.question-section {
  padding: 30px 0px 30px 0px;

}

.question-block {
	border-radius: 20px;
	background-color: rgb(255, 251, 246);
	padding: 20px;
	margin-top: -100px;
}

.spend-block {
	background: none no-repeat center center;
	background-size: 100% 100%;
	padding: 100px 30px;
}

.ever {
	background: none no-repeat center center;
	background-size: 100% 100%;
  padding: 35px 30px 60px 30px;
}
.ever2 {
	background: none no-repeat center center;
	background-size: 100% 100%;
  padding: 30px 30px 50px 30px;
}

.answer {
	background: none no-repeat center center;
	background-size: 100% 100%;
  padding: 30px 30px 45px 30px;
}

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

	.question-block {
		padding: 50px;
		margin-top: -150px;
	}

	.spend-block {
		background: none no-repeat center center;
		background-size: 100% 100%;
		padding: 150px 100px;
	}

	.ever {
    height: 412px;
    display: flex;
    align-items: center;
    padding:0 50px 90px 50px;
    flex-direction: column;
    justify-content: center;
	}
  .ever2 {
    height: 412px;
    display: flex;
    align-items: center;
    padding:0 50px 90px 50px;
    flex-direction: column;
    justify-content: center;
	}

	.answer {
		padding: 50px 40px 100px 40px;
		margin-top: -180px;
	}
}
.match-tool-description .image img{
border-radius: 10px;
}
.match-tool-description2 .image img{
border-radius: 10px;
}

.gt1 {
  background: linear-gradient(to right, #0894ff, #c959dd, #ff2e54, #ff9004);
  background: linear-gradient(to right, #2e254d, #2e254d, #ff2e54, #ff9004);
    background-clip: border-box;
  background-clip: border-box;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.gt2 {
  background: linear-gradient(to right, #ff9004 ,#ff2e54, #c959dd, #0894ff);
    background-clip: border-box;
  background-clip: border-box;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}



.section36 {
  background: none no-repeat center top;
    background-size: auto;
  background-size: cover;
background-size: cover;
  padding: 3% 0 0 0;
  position: relative;
  z-index: 2;
  margin-top: 0%;

}

.section37 {
  background: none no-repeat center top;
    background-size: auto;
  background-size: cover;
    padding: 10% 0 5% 0;
  position: relative;
margin-top: -2%;
z-index: 2;

}
.section38 {
  background: none no-repeat center top;
    background-size: auto;
  background-size: cover;
padding: 10% 0 0% 0;
  position: relative;
  z-index: 2;
  margin-top: -8%;
}



.section45 {
background: none no-repeat center top;
    background-size: auto;
  background-size: auto;
  background-size: cover;
  background-size: cover;
  padding: 5% 0 8% 0;
  overflow: hidden;
  margin-top: -8%;
}
.section39 {
  background: none no-repeat center top;
    background-size: auto;
background-size: cover;
  padding: 10% 0 10% 0;
  position: relative;

  z-index: 2;

margin-top: 0;
  z-index: 2;

}

.section40 {
  background: none no-repeat center top;
    background-size: auto;
  background-size: cover;
padding: 8% 0 13% 0;
  position: relative;
  z-index: 2;
  margin-top: 8%;
}

.section41 {
  background: none no-repeat center top;
    background-size: auto;
  background-size: cover;
background-size: cover;
  padding: 10% 0 0 0;
  position: relative;
  margin-top: -10%;
  z-index: 2;

}



.section42 {
  background: none no-repeat center top;
    background-size: auto;
  background-size: auto;
  background-size: cover;
padding: 12% 0 8% 0;
  position: relative;
  margin-top: -10%;
  z-index: 2;
}
.section43 {
  background: none no-repeat center top;
    background-size: auto;
  background-size: auto;
  background-size: cover;
 padding: 10% 0 0% 0;
  position: relative;
  z-index: 2;
  margin-top: -14%;
}

.problem {
  background: none no-repeat center top;
    background-size: auto;
  background-size: auto;
  background-size: cover;
 padding: 10% 0 8% 0;
  position: relative;
  /* margin-top: -3%; */
  z-index: 2;
}

.problem-box {
  background: #fff;
padding: 30px 20px 30px 20px;
  border-radius: 10px;
}
.problem-title {
  background: #FF1C1C;
  padding: 10px 30px 10px 30px;
  border-radius: 5px;
  margin-top: 30px;
  display: inline-block;
}
.section44 {
background: #f6f3ffbd none no-repeat center top;
    background-size: auto;
  background-size: auto;
  background-size: auto;
  background-size: cover;
  padding: 5% 0 0% 0;
  position: relative;
  margin-top: -16%;
  z-index: 2;
}

@media(min-width:991px){
.section44 {
background: none no-repeat center top;
    background-size: auto;
  background-size: auto;
  background-size: auto;
  background-size: cover;
  padding: 5% 0 0% 0;
  position: relative;
  margin-top: -10%;
  z-index: 2;
}
 .section41 {
    padding: 20px 5px 0 5px;
  }
}

@media only screen and (max-width: 993px) {
  .section36 {
    padding: 6% 0 0 0;
    margin-top: 0;
  background:#f2eeff none no-repeat center top;
    background-size: auto;
  background-size: cover;
    background-image: none;
  }

  .section37 {
    padding: 6% 5px 7% 5px;
    margin-top: 0;
    background-color: #130a3e;
    background-image: none;
    text-align: center;
  }

  .section38 {
        padding: 33% 0 0% 0;
        margin-top: 0;
        background-image: none;
        background: #ffffff none no-repeat center top;
        margin-top: -8%;
  }
   .section33 {
    padding: 7% 0 0% 0;
    margin-top: 0;
    background-color: #f2eeff;
    background-image: none;
  }
    .section39 {
    padding: 6% 5px 7% 5px;
    margin-top: 0;
background-color: #000;
    background-image: none;
    text-align: center;
  }
   .section40 {
    padding: 6% 0 6% 0;
    margin-top: 0;
    background-color: #f1eeff;
    background-image: none;
  }
    .section41 {
    padding: 20px 0px 0 0px;
    margin-top: 0;
 background-color: #fff;
    background-image: none;
    /* text-align: center; */
  }
     .section42 {
    padding: 6% 5px 7% 5px;
    margin-top: 0;
 background-color: #fff;
    background-image: none;
    /* text-align: center; */
  }

}

/*section30*/
.section30 {
  background: none no-repeat center top;
    background-size: auto;
  background-size: cover;
background-size: cover;
padding: 7% 0 0 0;
  position: relative;
  margin-top: 0;
  z-index: 2;
}


.section30-box-out{padding: 0 2.5%;}
.section30-box {
    border-radius: initial;
    padding: 0;
    margin-top: 9%;
    border-width: 1px;
    border-color: rgb(192, 189, 234);
    border-style: solid;
    border-radius: 22px;
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 22px 51px 0px rgba(118, 63, 162, 0.26);
}

.list-text{width: 35%;}
.firelist-list{width: 30%;}
.leadz{width: 35%;border-right: 1px solid #dce5fc;}
.comply{width: 22%;}

.list-text-top, .leadz-top, .comply-top
 {
	height: 100px;
  height: 95px;
	width:100%;
	text-align:
	center;
	color: #040408;
}

.firelist-list-top{height: 135px;padding: 0;}

.list-text-top .card, .firelist-list-top .card, .leadz-top .card, .comply-top .card {
    background-color: transparent;
    border: 0;
    border-radius: 0;
    text-align: center;
    padding: 0;
}

.list-text-top .card {
    text-align: left;
    padding-left: 10%;
}

.list-text{
	padding:0;
	border-radius: 22px 0 0 22px;
	background-color: #fff0;
	padding-bottom: 0;
	overflow: hidden;
}
.firelist-list .check-list:nth-child(odd){
    background-color: rgb(16, 10, 38);
    background-color: rgb(114, 19, 253);
    background-color: rgb(255, 255, 255);
  color: #000;
}
.leadz, .comply{
	padding: 0;
	background-color: #fff0;
	overflow: hidden;
}
.comply{
	border-radius: 0 10px 10px 0;
}
.firelist-list-check{padding: 0;}
.firelist-list-check{}
.list{
	height: 60px;
	width:100%;
}
.list .card {
    border: 0;
    padding: 0 9%;
    background-color: transparent;
    color: #040408;
    border-radius: 0;
}

.list:nth-child(odd), .leadz-box .check-list:nth-child(odd), .comply-box .check-list:nth-child(odd){
    background-color: #f8f7ff;
}

.list .card {

  background-color: #080907 ; border: 1px solid rgba(0,0,0,.125);

}


.check-list{
	height: 60px;
	width:100%;
}
.check-list .card {
    border: 0;
    padding: 0 4%;
    background-color: transparent;
    border-radius: 0;
}
.firelist-list .check-list{border-bottom: 0;}
.firelist-list .check-list .card {
    border-radius: 0;
}
.firelist-list .check-list .card.last {
    border-bottom: 0;
    padding-top: 25px;
}


.firelist-list {
    border-radius: 36px;
    background-color: rgb(11, 5, 34);
    background-color: rgb(0, 0, 0);
    padding: 0;
    overflow: hidden;
    margin-top: -36px;
    margin-bottom: -40px;
    box-shadow: 0px 22px 51px 0px rgb(118 63 162 / 26%);
    box-shadow: 0px 22px 51px 0px rgba(250, 235, 215, 0.02);
    position: relative;
    z-index: 1;
    color: #fff;
}

.list-bottom {
    background-image: -moz-linear-gradient( 90deg, rgb(0,7,47) 0%, rgb(255,0,0) 100%);
    background-image: -webkit-linear-gradient( 
90deg, rgb(0 7 47 / 8%) 0%, rgb(255 0 0 / 10%) 100%);
    background-image: -ms-linear-gradient( 90deg, rgb(0,7,47) 0%, rgb(255,0,0) 100%);
	height: 98px;
}
.main-list-bottom{
	text-align:center;
	height: 112px;
}

.check-list-bottom{
	color:#fff;
	text-align:center;
    background-image: -moz-linear-gradient( 90deg, rgb(0,7,47) 0%, rgb(255,0,0) 100%);
    background-image: -webkit-linear-gradient( 
90deg, rgb(0 7 47 / 8%) 0%, rgb(255 0 0 / 10%) 100%);
    background-image: -ms-linear-gradient( 90deg, rgb(0,7,47) 0%, rgb(255,0,0) 100%);
	height: 98px;
}
.list .card.last, .check-list.last{border-bottom:0;} 

.features-box{
    padding: 0;
    background-color: #fff;
    border-radius: 22px 0 0 22px;
}
.leadz-box, .comply-box{
    padding: 0;
    background-color: #fff;
}
.comply-box{border-radius: 0 22px 22px 0;}
.leadz-box {
    background-color: #fff;
}


.list2, .check-list2{
	height: 94px;
  /* height: 60px; */
}
.check-list{text-align:center;}

.list3, .check-list3{
	height: 135px;
}

.list4, .check-list4{
	height: 150px;
}

.dox1{
background-color: #7ab867;
  padding: 20px 20px;
  border-radius: 10px;
}


.dox-title{
border-bottom: 2px solid white;
}
.dox2{
background-color: #d88181;
  padding: 20px 20px;
  border-radius: 10px;
}
.dox3{
background-color: #958dce;
  padding: 20px 20px;
  border-radius: 10px;
}



.fiverr-box {
 background-color: rgb(215, 191, 255) !important;
  padding: 40px 40px;
  box-shadow: 0px 0px 10px rgb(200, 167, 255);
  border-radius: 15px;
}


.faq-box {
  border-radius: 30px;
  background-color: rgb(255, 255, 255);
  box-shadow: 0px 25px 111px 0px rgba(41, 26, 64, 0.22),inset 0px 3px 0px 0px rgba(101, 75, 185, 0.004);
padding: 5% 0% 2% 0%;
  border-top: 3px solid rgb(255, 94, 30);
}


  .price-table {
    background: none no-repeat center top;
    background-size: auto;
    background-size: cover;
    padding: 8% 0px 15% 0px;
  }

@media only screen and (max-width:768px) {
 .fiverr-box {
  background-color: rgb(215, 191, 255) !important;
  padding: 40px 5px;
  box-shadow: 0px 0px 10px rgb(200, 167, 255);
  border-radius: 15px;
}
}



.tip-box {
  background-color: #ffffff0d;
  backdrop-filter: blur(10px);
  border-radius: 40px;
  overflow: hidden;
  padding: 16px;
  border: 1px solid hsl(0deg 0% 72.55% / 9%);
}






/* amazing-video */
.pixar-video-style-2 {
  background-color: blue;
  border-radius: 23px;
  padding: 10px;
}

.pixar-video-style-2 .v1 {
  border-radius: 20px;
}

@media screen and (min-width: 768px) {
  .gradient-box .transforms-img {
    min-height: 290px;
  }
}

.video-frame2 .play-btn {
background-color: #ffc700;
  display: inline-block;
  width: 40px;
  height: 40px;
  text-align: center;
  border-radius: 10px;
  position: absolute;
  bottom: 10%;
  left: 22px;
  border: 1px solid #fff;
}
.video-frame2 .play-btn i {
font-size: 15px;
  line-height: 39px;
  color: #fff;
  padding-left: 0px;
}

.video-frame2 .play-btn:hover {
background-color: #fff;
  cursor: pointer;
  border: 1px solid #ffc700;
}
.video-frame2 .play-btn:hover i{

color: #ffc700;
 
}
@media screen and (max-width: 768px) {
  .video-frame2 .play-btn {
    bottom: 10%;
    left: 20px;
  }
}

@media screen and (max-width:360px) {
  .video-frame2 .play-btn {
    bottom: 10%;
    left: 20px;
  }
}





.pixar-video-style-2 {
  position: relative;
}

.pixar-video-style-2 .play-btn {
  background-color: #00000075;
  display: inline-block;
  width: 50px;
  height: 50px;
  text-align: center;
  border-radius: 100%;
  position: absolute;
  top: 48%;
  left: 43%;
}

.pixar-video-style-2 .play-btn i {
  font-size: 20px;
  line-height: 50px;
  color: #fff;
  padding-left: 5px;
}

.pixar-video-style-2 .play-btn:hover {
  background-color: #000000ab;
  cursor: pointer;
}



@media screen and (max-width: 576px) {
  .play-btn {
    bottom: 10%;
    left: 20px;
  }
}

@media screen and (max-width: 360px) {
  .play-btn {
    bottom: 10%;
    left: 20px;
  }
}
.intro-video-title {
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.16);
  padding: 10px 9px;
  display: block;
  background-color: #ffffff0d;
  backdrop-filter: blur(10px);
  border-radius: 10px;
  overflow: hidden;
  padding: 15px 15px;
  border: 1px solid hsl(0deg 0% 72.55% / 9%);
  display: inline-block;
}



.avtar-video video {
  object-fit: cover;
  height: 100%;
  width: 100%;
  border-radius: 15px;
  border-radius: 15px;
  border: 2px solid #fff;
}


.video-style-2 .play-btn {
  background-color: #00000075;
  display: inline-block;
  width: 50px;
  height: 50px;
  text-align: center;
  border-radius: 100%;
  position: absolute;
  top: 43%;
  left: 45%;
}

.video-style-2 .play-btn i {
  font-size: 20px;
  line-height: 50px;
  color: #fff;
}

.video-style-2 .play-btn:hover {
  background-color: #000000ab;
  cursor: pointer;
}

@media screen and (max-width: 1024px) {
  .video-style-2 .play-btn {
    top: 36%;
    left: 42%;
  }
}

@media screen and (max-width: 768px) {
  .video-style-2 .play-btn {
    top: 38%;
    left: 45%;
  }
}

@media screen and (max-width: 576px) {
  .video-style-2 .play-btn {
    top: 37%;
    left: 45%;
  }
  .hedline1 {
  display: inline-block;
  border-radius: 10px;
  padding: 8px 15px;

}
}

@media screen and (max-width: 360px) {
  .video-style-2 .play-btn {
    top: 35%;
    left: 40%;
  }
}



.dont-card {
  padding: 30px 15px;
  border-radius: 20px;
  height: 100%;
  box-shadow: 0px 0px 13px 0px rgba(131, 75, 255, 0.32);
  /* background: #0c0036 none repeat top !important; */
    background-size: auto;

  background-size: cover !important;
 background: rgb(18, 6, 40);

  border: 1px solid #543B9C75;
}

.dont-heding {
  /* background-color: rgb(255, 0, 0);
  box-shadow: 0px 6px 0px 0px rgb(208, 0, 0); */
  box-shadow: 0px 0px 10px 0px rgba(2, 2, 2, 0.36);
  background-color: rgba(0, 0, 0, 0.67);
border-radius: 12px;
  padding: 10px 5px;
  background-color: #ffffff0d;
  backdrop-filter: blur(10px);
  border-radius: 10px;
  border: 1px solid hsl(0deg 0% 72.55% / 9%);
}

.here-card {
  padding: 30px 15px;
  border-radius: 20px;
  height: 100%;

  /* background: #0c0036 none repeat top !important; */
    background-size: auto;

  background-size: cover !important;
background: #FFFFFF;
  border: 1px solid #DEDEDE;
}

.here-heding {

border-radius: 12px;
  padding: 10px 5px;

  backdrop-filter: blur(10px);
  border-radius: 10px;
background: #FFFFFF;
  border: 1px solid #DEDEDE;
}
.frame10-card {
  padding: 30px 15px;
  border-radius: 20px;
  height: 100%;

  background:  url(../images/frame10.png) repeat top !important;
    background-size: auto;

  background-size: cover !important;
  /* border: 1px solid #DEDEDE; */
}

.frame10-heding {

border-radius: 12px;
 padding: 0px 5px;

  backdrop-filter: blur(10px);
  border-radius: 10px;

}







.with-card {
border-radius: 15px 15px 15px 15px;
  padding: 20px 0px 0px 0px;
  border: 2px solid rgb(141, 114, 231);

  /* background: rgba(13, 90, 172, 0.41) none repeat top center; */
}



.with-title-card {
/* border-radius: 15px;

  padding: 10px 20px 10px 20px;
background: radial-gradient(63.9633% 75.8439% at 50% 37.8692%, rgb(201, 144, 213) 0%, rgb(134, 110, 233) 100%);
  margin-top: -70px; */
  background: none no-repeat center center;
    background-size: auto;
  background-size: auto;
  background-size: 100% 100%;
  padding: 14px 17px;
  position: relative;
margin-top: -34px;

}

.without-title-card {
 /* border-radius: 15px;
  padding: 10px 20px 10px 20px;
background-image: linear-gradient(0deg,rgb(0, 0, 0) 62%, rgb(41, 41, 41) 100%); */
background: none no-repeat center center;
    background-size: auto;
  background-size: auto;
  background-size: 100% 100%;
  padding: 14px 17px;
  position: relative;
margin-top: -34px;
}
.without-card {
backdrop-filter: blur(10px);
border-radius: 15px 15px 15px 15px;
  padding: 20px 0px 0px 0px;
  border: 2px solid #000;
}

.with-content-card {

border-radius: 0px 0 10px 10px;
  border-radius: px;
  background: radial-gradient(63.9633% 75.8439% at 50% 37.8692%, rgb(141, 114, 231) 0%, rgb(134, 110, 233) 100%);
  padding: 20px 20px 20px 20px;

}

.without-content-card {

background: #000;
  padding: 20px 20px 20px 20px;
  border-radius: 0px 0 10px 10px;

 
}



.choice-wrap2 {
border-radius: 20px;
  padding: 25px 25px;
  border: 1px solid rgb(255, 94, 30);
  /* background: linear-gradient(to right, #0894ff, #c959dd, #ff2e54, #ff9004); */
box-shadow: 0px 0px 15px 0px rgb(255, 94, 30);
  position: relative;
}

.choice-hedings2 {
  padding: 10px 40px;
  border-radius: 10px;
  display: inline-block;
  color: #fff;
 background-image: linear-gradient(90deg,rgb(255, 94, 30) 0%, rgb(253, 18, 18) 100%);
  position: absolute;
  top: -30px;
 left: 32%;

}


.choice-wrap1 {
border-radius: 20px;
  padding: 25px 25px;
  border: 1px solid #000;
  /* background: linear-gradient(to right, #0894ff, #c959dd, #ff2e54, #ff9004); */
box-shadow: 0px 0px 15px 0px rgb(0, 0, 0);
  position: relative;
}

.choice-hedings1 {
  padding: 10px 40px;
  border-radius: 10px;
  display: inline-block;
  color: #fff;
  background-color: #000;
  position: absolute;
  top: -30px;
 left: 32%;

}

.logo_1{
display: flex;
  justify-content: center;
  align-items: center;
}
.logo_1 .txr{
padding: 0 0 0 15px;
}


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


  .with-title-card{
    padding: 10px 17px;
    margin-top: -32px;
  }
  .without-title-card {
       padding: 10px 17px;
    margin-top: -32px;
  }

  a.custom-link {
    padding: 10px 0px 10px 0;
    border-radius: 10px;
  }
}

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


  a.custom-link1 {
    padding: 10px 0px 10px 0;
    border-radius: 10px;
  }

  .newway-card {

  border-radius: 15px;
  padding: 20px 10px 40px 10px;
  }
  .oldway-card {
  border-radius: 15px;

  padding: 20px 10px 40px 10px;
  }
}


/* new css */

.funnel-showcase{
    padding:10px 0px 0 0;
    background: none no-repeat top center;
background-size: cover;

  position: relative;
    overflow:hidden;
}


.funnel-card{
    background:#fff;
    border-radius:20px;
    overflow:hidden;
  box-shadow: 0px 24px 70px 0px rgba(76, 69, 169, 0.21);
    transition:.4s;
    height:100%;
}

.funnel-card:hover{
    transform:translateY(-8px);
}

.funnel-card img{
    /* width:100%; */
    height:280px;
    object-fit:cover;
    display:block;
}

.stats{
      padding: 18px;
    text-align: center;
    font-size: 18px;
    font-weight: 800;
    color: #111;
}

.ai-card{
    background:linear-gradient(135deg,#7c5cff,#42d7ff);
    border-radius:28px;
    padding:45px 35px;
    color:#fff;
    display:flex;
    flex-direction:column;
    justify-content:center;
    min-height:100%;
    box-shadow:0 25px 70px rgba(124,92,255,.35);
}

.ai-badge{
    display:inline-block;
    padding:10px 18px;
    border-radius:50px;
    background:rgba(255,255,255,.15);
    margin-bottom:25px;
    font-weight:700;
}

.ai-card h3{
    font-size:42px;
    line-height:1.2;
    font-weight:800;
    margin-bottom:20px;
}

.ai-card p{
    font-size:20px;
    line-height:1.8;
}

.model-tags{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    margin-top:25px;
}

.model-tags span{
    padding:10px 16px;
    border-radius:30px;
    background:rgba(255,255,255,.15);
}

@media(max-width:991px){

    .ai-card{
        margin-top:20px;
    }

    .ai-card h3{
        font-size:32px;
    }

    .stats{
        font-size:22px;
    }
}

@media(min-width:991px){
.wave-img1{
margin-top: -150px;
}
.wave-img2{
margin-top: -100px;
}
}
@media(max-width:991px){
.wave-img1{
margin-top: -100px;
}
}
@media(max-width:768px){
  .wave-img1{
margin-top: 0px;
}
.wave-img2{
margin-top: -0px;
}
}

.feature-title {
  border-radius: 26px;
  display: inline-block;
  position: relative;
  padding: 6px;
  background-color: #fff;
  width: 100%;
}
/*section22*/
.feature-title-out{
	border-radius: 30px;
	background-image: -webkit-linear-gradient( 0deg, rgb(64,175,246) 0%, rgb(96,208,237) 51%, rgb(127,241,227) 100%);
	display: inline-block;
	padding: 5px;
	position: relative;
	box-shadow: 0px 5px 5px 0px rgb(0 0 0 / 28%);
	width: 100%;
}
.feature2-title-out{
	background-image: -webkit-linear-gradient( 0deg, rgb(244,90,145) 0%, rgb(250,123,152) 51%, rgb(255,155,159) 100%);
}
.feature3-title-out{
	background-image: -webkit-linear-gradient( 0deg, rgb(95,221,113) 0%, rgb(148,232,124) 51%, rgb(200,242,134) 100%);
}
.feature4-title-out{
	background-image: -webkit-linear-gradient( 0deg, rgb(155,115,237) 0%, rgb(201,140,246) 51%, rgb(247,164,255) 100%);
}
.feature5-title-out{
	background-image: -webkit-linear-gradient( 0deg, rgb(250,160,54) 0%, rgb(253,177,87) 51%, rgb(255,193,119) 100%);
}
.feature6-title-out{
	background-image: -webkit-linear-gradient( 0deg, rgb(237,59,75) 0%, rgb(146,59,137) 100%);
}
.feature7-title-out{
	background-image: -webkit-linear-gradient( 180deg, rgba(242,142,38,0.99608) 0%, rgb(253,100,79) 100%);
}
.feature8-title-out{
	background-image: -webkit-linear-gradient( 0deg, rgb(21,193,131) 0%, rgb(122,223,186) 100%);
}
.feature9-title-out{
	background-image: -webkit-linear-gradient( 180deg, rgba(181,100,217,0.99608) 0%, rgb(238,96,156) 100%);
}
.feature10-title-out{
	background-image: -webkit-linear-gradient( 0deg, rgb(53,81,164) 0%, rgb(44,142,196) 50%, rgb(49,205,176) 100%);
}
.feature11-title-out{
	background-image: -webkit-linear-gradient( 0deg, rgb(64,175,246) 0%, rgb(96,208,237) 51%, rgb(127,241,227) 100%);
}
.feature12-title-out{
	background-image: -webkit-linear-gradient( 0deg, rgb(244,90,145) 0%, rgb(250,123,152) 51%, rgb(255,155,159) 100%);
}
.feature13-title-out{
	background-image: -webkit-linear-gradient( 0deg, rgb(95,221,113) 0%, rgb(148,232,124) 51%, rgb(200,242,134) 100%);
}
.feature14-title-out{
	background-image: -webkit-linear-gradient( 0deg, rgb(155,115,237) 0%, rgb(201,140,246) 51%, rgb(247,164,255) 100%);
}
.feature15-title-out{
	background-image: -webkit-linear-gradient( 0deg, rgb(250,160,54) 0%, rgb(253,177,87) 51%, rgb(255,193,119) 100%);
}
.feature16-title-out{
	background-image: -webkit-linear-gradient( 0deg, rgb(237,59,75) 0%, rgb(146,59,137) 100%);
}
.feature17-title-out{
	background-image: -webkit-linear-gradient( 180deg, rgba(242,142,38,0.99608) 0%, rgb(253,100,79) 100%);
}
.feature18-title-out{
	background-image: -webkit-linear-gradient( 0deg, rgb(21,193,131) 0%, rgb(122,223,186) 100%);
}
.feature19-title-out{
	background-image: -webkit-linear-gradient( 180deg, rgba(181,100,217,0.99608) 0%, rgb(238,96,156) 100%);
}
.feature20-title-out{
	background-image: -webkit-linear-gradient( 0deg, rgb(53,81,164) 0%, rgb(44,142,196) 50%, rgb(49,205,176) 100%);
}
.feature21-title-out{
	background-image: -webkit-linear-gradient( 0deg, rgb(64,175,246) 0%, rgb(96,208,237) 51%, rgb(127,241,227) 100%);
}
.feature22-title-out{
	background-image: -webkit-linear-gradient( 0deg, rgb(244,90,145) 0%, rgb(250,123,152) 51%, rgb(255,155,159) 100%);
}
.feature23-title-out{
	background-image: -webkit-linear-gradient( 0deg, rgb(95,221,113) 0%, rgb(148,232,124) 51%, rgb(200,242,134) 100%);
}
.feature24-title-out{
	background-image: -webkit-linear-gradient( 0deg, rgb(155,115,237) 0%, rgb(201,140,246) 51%, rgb(247,164,255) 100%);
}
.feature25-title-out{
	background-image: -webkit-linear-gradient( 0deg, rgb(250,160,54) 0%, rgb(253,177,87) 51%, rgb(255,193,119) 100%);
}
.feature26-title-out{
	background-image: -webkit-linear-gradient( 0deg, rgb(237,59,75) 0%, rgb(146,59,137) 100%);
}

.feature27-title-out{
	background-image: -webkit-linear-gradient( 180deg, rgba(181,100,217,0.99608) 0%, rgb(238,96,156) 100%);
}

.feature-title {
border-radius: 10px;
    display: inline-block;
    position: relative;
    padding: 6px;
    background-color: #fff;
    width: 100%;
}
.feature-title-inn{
	border-radius: 23px;
	background-color: rgb(255, 255, 255);
	box-shadow: 0px 2px 7px 0px rgba(0, 0, 0, 0.21);
	display: inline-block;
	position: relative;
	padding: 10px 40px;
	width: 100%;
}


.table-box1-top {
  background: none no-repeat center bottom;
background-size: cover;
  padding: 10% 5% 13% 5%;
  text-align: center;
  border-radius: 20px;
}
.table-box2-top {
  background: none no-repeat center bottom;
    background-size: auto;
  background-size: cover;
  padding: 10% 5% 13% 5%;
  text-align: center;
    border-radius: 20px;
}

.table-box1-center {
  padding: 0 4%;
}

.table-box2-center {
  padding: 0 3.8%;
}
.table-tag1 {
  background-color: rgb(255, 255, 255);
  display: inline-block;
  color: #000;
  padding: 0.3% 6.8%;
  border-radius: 50px;
}
.table-title2 {
  background-color: #ffea00;
  padding: 3.4% 0px;
  text-align: center;
  text-transform: uppercase;
  width: 100%;
  position: relative;
left: 0%;
}
.table-title1 {
  background-color: #eae4ff;
  padding: 4% 0px;
  text-align: center;
  text-transform: uppercase;
  width: 106%;
  position: relative;
  left: -3%;
}



.table-tag2 {
  background-color: #654bb9;
  display: inline-block;
  color: #fff;
  padding: 0.3% 6.8%;

  border-radius: 50px;

}
ul .features-td-list2 li {
padding: 0px 0;
}
ul .features-td-list2  {
padding: 0px 0;
}
ul.features-td-list2 {
  margin: 0px;
  padding: 0px;
}

ul.features-td-list2 li {
  list-style: none;
  background: none center left no-repeat;
    background-position-x: left;
    background-position-y: center;
  background-position-x: left;
  background-position-y: center;
  border-bottom: 1px solid #e2ddf1;
  min-height: 40px;
  padding-left: 40px;
  background-position: 0px 0px;
  margin-bottom: 20px;
}

.emoji {
  position: relative;
  bottom: -6px;
}
.emoji {
  position: relative;
  bottom: -6px;
}

.video-1{
    position:relative;
    aspect-ratio:16/9;
    background:#111;
}





:root{
    --nxspark-purple: rgb(123, 31, 162);
    --nxspark-violet: rgb(103, 58, 183);
    --nxspark-pink: rgb(244, 143, 177);
}

.nxspark-heading{
    color:#fff;
    margin:0;
}

.nxspark-magic{
    display:inline-block;
    position:relative;
    overflow:visible !important;
}

.nxspark-text{
    background:linear-gradient(
        90deg,
        var(--nxspark-purple),
        var(--nxspark-violet),
        var(--nxspark-pink),
        var(--nxspark-purple)
    );

    background-size:200% auto;

    -webkit-background-clip:text;
    background-clip:text;
    color:transparent;

    animation:nxsparkGradientMove 3s linear infinite;
}

.nxspark-star{
    position:absolute;
    width:26px;
    height:26px;
    pointer-events:none;
    z-index:9999;
    left:0;
    top:0;
}

.nxspark-star svg{
    width:100%;
    height:100%;
    display:block;
    animation:nxsparkRotate 1s linear infinite;
}

.nxspark-star svg path{
    fill:var(--nxspark-violet);
}

@keyframes nxsparkGradientMove{
    from{
        background-position:0% center;
    }
    to{
        background-position:-200% center;
    }
}

@keyframes nxsparkRotate{
    from{
        transform:rotate(0deg);
    }
    to{
        transform:rotate(180deg);
    }
}

@keyframes nxsparkPop{
    0%{
        transform:scale(0);
        opacity:0;
    }

    50%{
        transform:scale(1);
        opacity:1;
    }

    100%{
        transform:scale(0);
        opacity:0;
    }
}


.zxp-wave-title-83591{
    display:flex;
    justify-content:center;
    align-items:center;
    flex-wrap:wrap;


    font-weight:900;
    line-height:1.1;
    letter-spacing:.03em;

    text-align:center;
}

.zxp-wave-title-83591 span{
display: inline-block;
  background: linear-gradient( 180deg, #6D18E1 0%, #EB2D85 45%, #FE3339 100% );
    background-clip: border-box;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  text-shadow: 0 0 15px rgba(66, 66, 66, 0.07), 0 4px 12px rgba(0,0,0,.35);
  animation: zxpWaveJump83591 1.9s ease-in-out infinite;
    animation-delay: 0s;
}

/* Stagger delays */
.zxp-wave-title-83591 span:nth-child(1){animation-delay:.00s;}
.zxp-wave-title-83591 span:nth-child(2){animation-delay:.05s;}
.zxp-wave-title-83591 span:nth-child(3){animation-delay:.10s;}
.zxp-wave-title-83591 span:nth-child(4){animation-delay:.15s;}
.zxp-wave-title-83591 span:nth-child(5){animation-delay:.20s;}
.zxp-wave-title-83591 span:nth-child(6){animation-delay:.25s;}
.zxp-wave-title-83591 span:nth-child(7){animation-delay:.30s;}
.zxp-wave-title-83591 span:nth-child(8){animation-delay:.35s;}
.zxp-wave-title-83591 span:nth-child(9){animation-delay:.40s;}
.zxp-wave-title-83591 span:nth-child(10){animation-delay:.45s;}
.zxp-wave-title-83591 span:nth-child(11){animation-delay:.50s;}
.zxp-wave-title-83591 span:nth-child(12){animation-delay:.55s;}
.zxp-wave-title-83591 span:nth-child(13){animation-delay:.60s;}
.zxp-wave-title-83591 span:nth-child(14){animation-delay:.65s;}
.zxp-wave-title-83591 span:nth-child(15){animation-delay:.70s;}
.zxp-wave-title-83591 span:nth-child(16){animation-delay:.75s;}
.zxp-wave-title-83591 span:nth-child(17){animation-delay:.80s;}
.zxp-wave-title-83591 span:nth-child(18){animation-delay:.85s;}

.zxp-space-83591{
    width:.5em;
}

@keyframes zxpWaveJump83591{

    0%,100%{
        transform:translateY(0);
    }

    20%{
        transform:translateY(-8px);
    }

    40%{
        transform:translateY(-16px);
    }

    60%{
        transform:translateY(-8px);
    }

    80%{
        transform:translateY(0);
    }
}





/* new css */



/* Container */
.mybutton-box-out {
  padding: 0 3%;
  position: relative;
  z-index: 1;
}

.mybutton-box {
  position: relative;
  text-align: center;
}

/* Button Link */
.mybutton a {
  border-radius: 15px;
  box-shadow: 0px 15px 43px 0px rgba(0, 0, 0, 0.21);
  transition: 0.4s ease;
  display: inline-block;
  overflow: hidden;
  position: relative;
  text-decoration: none;
}

/* Hover Effect */
.mybutton a:hover {
  transform: scale(1.03);
  box-shadow: none;
}

/* 🔥 Animated Progress Button */
@media (min-width: 768px) {
.mybutton-btn {
display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
padding: 20px 25px;
  border-radius: 15px;
  color: #fff;
  font-weight: 700;
  background: linear-gradient( 90deg, rgb(10, 223, 255), #1f51ff, #8144ff, rgb(228, 30, 79), rgb(249, 141, 10), rgb(10, 223, 255) );
    background-size: auto;
  background-size: 300% 100%;
  animation: progressMove 4s linear infinite;

}
}
@media (max-width: 768px) {
.mybutton-btn {
display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0px;
  padding: 30px 40px;
  border-radius: 15px;
  color: #fff;
  font-weight: 700;
  background: linear-gradient( 90deg, rgb(10, 223, 255), #1f51ff, #8144ff, rgb(228, 30, 79), rgb(249, 141, 10), rgb(10, 223, 255) );
    background-size: auto;
  background-size: 300% 100%;
  animation: progressMove 4s linear infinite;

}
}

/* Text */
.mybutton-text {
  color: #fff;
  font-size: 28px;
}

/* Arrow */
.btn-arrow img {
  width: 40px;
}

/* Animation */
@keyframes progressMove {
  0% { background-position: 0% 50%; }
  100% { background-position: 100% 50%; }
}

/* Hover speed fast */
.mybutton a:hover .mybutton-btn {
  animation: progressMove 1.5s linear infinite;
}

/* 📱 Tablet */
@media (max-width: 768px) {
  .mybutton-btn {
  padding: 25px 20px;
  }
  .mybutton-text {
    font-size: 18px;
  }
.btn-arrow img {
width:  30px;
}

  
}

/* 📱 Mobile */
@media (max-width: 480px) {
  .mybutton-btn {
    flex-direction: column;
    text-align: center;
    padding: 15px;
  }

  .btn-arrow {
    padding: 0px 0 0 0;
  }

  .mybutton-text {
    font-size: 16px;
  }
  .btn-arrow img {
display: none;
}
}






.textBg2 {

    background: none no-repeat center center;
background-size: 100% 100%;
  padding: 0px 20px;
  position: relative;
}
.textBg1 {

    background: none no-repeat center center;
background-size: 100% 100%;
  padding: 0px 20px;
  position: relative;
}

@media (min-width: 768px) {

.arrowdown{
position: relative;
}
.ToolEffect {
position: relative;
    top: 45px;
    left: 50%;
    transform: translateX(-50%);
}
.ToolEffect1 {
position: relative;
    top: 0px;
    left: 50%;
    transform: translateX(-50%);
}

}

@media (max-width: 768px) {
.arrowdown{
position: relative;
}
.ToolEffect {
  position: relative;
    top: 45px;
    left: 50%;
    transform: translateX(-50%);
}
.ToolEffect1 {
  position: relative;
    top: 0px;
    left: 50%;
    transform: translateX(-50%);
}
}

.feborder{
  
    background-image: linear-gradient(0deg,rgb(241, 21, 106) 68%, rgb(255, 155, 31) 100%) !important;
  
}


/* =====================================================
   BizinGPT OTO 1 (Pro Unlimited) – additional components
   ===================================================== */

.bz1-sec{ padding:70px 0 80px; position:relative; }
.bz1-sub{ font-size:20px; line-height:1.5; font-weight:400; text-align:center; margin-top:14px; }
.bz1-narrow{ max-width:900px; margin:0 auto; }
.bz1-center-p{ text-align:center; font-size:20px; line-height:1.6; }

/* repeated CTA block (reuses the hero CTA card) */
.bz1-cta-wrap .bizprohero26-cta{ color:#fff; }
.bz1-cta-wrap .bizprohero26-price{ display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:6px 14px; margin:6px 0 10px; }
.bz1-cta-extra{ color:#fff; font-size:20px; font-weight:800; margin-top:4px; }
.bz1-nothanks{ margin-top:14px; text-align:center; }
.bz1-nothanks a{ color:#cfc8ff; font-size:14px; text-decoration:underline; }
.bz1-nothanks a:hover{ color:#fff; }

/* video placeholder / thumbnail */
.bz1-video{ position:relative; border-radius:16px; overflow:hidden; aspect-ratio:16/9; background:linear-gradient(135deg,#2a1670,#0d0233); cursor:pointer; border:1px solid rgba(136,107,247,.55); }
.bz1-video > img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.bz1-video iframe{ position:absolute; inset:0; width:100%; height:100%; border:0; }
.bz1-play{ position:absolute; left:50%; top:50%; width:70px; height:70px; margin:-35px 0 0 -35px; border-radius:50%; background:linear-gradient(135deg,#33d4ff,#985eff); color:#fff; display:flex; align-items:center; justify-content:center; font-size:24px; padding-left:4px; box-shadow:0 0 0 9px rgba(255,255,255,.16); transition:transform .25s; }
.bz1-video:hover .bz1-play{ transform:scale(1.1); }

/* testimonials */
.bz1-tcard{ background:#fff; border-radius:20px; padding:14px 14px 24px; height:100%; color:#14102e; box-shadow:0 20px 50px rgba(0,0,0,.35); border:1px solid #d9d0ff; }
.bz1-tname{ margin-top:18px; font-size:17px; line-height:1.4; color:#14102e; }
.bz1-tname strong{ font-weight:800; }
.bz1-tquote{ margin-top:10px; font-size:17px; line-height:1.5; font-style:italic; color:#3b3566; }
.bz1-fine{ margin-top:26px; font-size:13px; line-height:1.5; text-align:center; color:#9a97b5; }

/* icon badges */
.bz1-ico{ width:70px; height:70px; border-radius:50%; background:linear-gradient(135deg,#ff9004,#ff2e54 50%,#8144ff); color:#fff; display:flex; align-items:center; justify-content:center; font-size:28px; margin:0 auto 16px; box-shadow:0 10px 24px rgba(129,68,255,.4); }
.bz1-dcard-title{ color:#fff; font-size:24px; font-weight:800; text-align:center; line-height:1.3; }
.bz1-dcard-text{ color:#fff; font-weight:300; font-size:18px; line-height:1.5; text-align:center; margin-top:12px; }

/* 12 feature cards */
.bz1-fcard{ position:relative; text-align:left; padding:28px 22px !important; }
.bz1-num{ display:inline-flex; align-items:center; justify-content:center; min-width:44px; height:44px; padding:0 10px; border-radius:14px; background:linear-gradient(135deg,#452EF4,#8C6EFD); color:#fff; font-weight:900; font-size:18px; margin-bottom:14px; }
.bz1-ftitle{ font-size:22px; line-height:1.3; font-weight:800; color:#1b0a55; }
.bz1-fdesc{ margin-top:10px; font-size:16px; line-height:1.55; color:#1c1c2e; font-weight:400; }
.bz1-why{ margin-top:14px; padding-top:12px; border-top:1px dashed rgba(80,60,180,.3); font-size:15px; line-height:1.5; color:#8a80c4; }
.bz1-why strong{ color:#6a56e0; font-weight:700; }

/* alternating document feature rows */
.bz1-docs-section{ background:linear-gradient(180deg,#f8f9ff 0%,#f3fbff 100%); }
.bz1-docs-list > div{ max-width:1040px; }
.bz1-docs-list .bz1-fcard{ display:flex; align-items:center; gap:28px; min-height:250px; padding:16px 22px !important; border:1px solid #d6e0e9; border-radius:12px; background:linear-gradient(115deg,#fff 0%,#f9fcff 52%,#e9f8ff 100%); box-shadow:0 8px 20px rgba(35,71,105,.08); }
.bz1-docs-list .bz1-num{ flex:0 0 auto; min-width:0; height:24px; padding:0 10px; margin:0 0 9px; gap:5px; border-radius:999px; font-size:10px; line-height:1; }
.bz1-docs-list .bz1-num i{ font-size:10px; }
.bz1-doc-copy{ flex:1 1 auto; min-width:0; }
.bz1-doc-image{ flex:0 0 38%; width:38%; max-width:380px; margin:0; line-height:0; }
.bz1-doc-image img{ display:block; width:100%; height:auto; }
.bz1-docs-list .bz1-ftitle{ color:#14213a; font-size:22px; line-height:1.25; }
.bz1-docs-list .bz1-fdesc{ margin-top:8px; color:#35445a; font-size:15px; line-height:1.55; }
.bz1-docs-list > div:nth-child(even) .bz1-fcard{ flex-direction:row-reverse; }
.bz1-docs-list > div:nth-child(even) .bz1-doc-copy{ text-align:right; }

/* tables */
.bz1-tablewrap{ overflow-x:auto; -webkit-overflow-scrolling:touch; border-radius:20px; margin-top:34px; }
.bz1-table{ width:100%; min-width:560px; border-collapse:separate; border-spacing:0; font-size:18px; line-height:1.4; }
.bz1-table th, .bz1-table td{ padding:16px 18px; text-align:left; vertical-align:middle; }
.bz1-table thead th{ font-weight:800; font-size:19px; text-align:center; }
.bz1-table thead th:first-child{ text-align:left; }
.bz1-table td:not(:first-child){ text-align:center; }
.bz1-table td:first-child{ font-weight:700; }

.bz1-t-light{ background:#fff; box-shadow:0 20px 60px rgba(76,69,169,.2); border-radius:20px; color:#14102e; }
.bz1-t-light thead th{ background:#ece7ff; color:#1b0a55; }
.bz1-t-light td{ border-top:1px solid #e6e1ff; }
.bz1-t-light .bz1-pro{ background:#f3efff; }
.bz1-t-light thead th.bz1-pro{ background:linear-gradient(90deg,#452EF4,#8C6EFD); color:#fff; }
.bz1-t-light .bz1-yes{ color:#0f9d58; font-weight:800; }
.bz1-t-light .bz1-no{ color:#8f8aab; }

.bz1-t-dark{ background:rgba(255,255,255,.06); border:1px solid rgba(136,107,247,.5); box-shadow:0 0 25px rgba(69,46,244,.35); color:#fff; border-radius:20px; }
.bz1-t-dark thead th{ background:rgba(136,107,247,.28); color:#fff; }
.bz1-t-dark td{ border-top:1px solid rgba(255,255,255,.12); }
.bz1-t-dark .bz1-pro{ background:rgba(140,110,253,.16); }
.bz1-t-dark thead th.bz1-pro{ background:linear-gradient(90deg,#452EF4,#8C6EFD); }
.bz1-t-dark .bz1-yes{ color:#4ade80; font-weight:800; }
.bz1-t-dark .bz1-no{ color:#b9b3e0; }
.bz1-t-dark .bz1-total td{ font-size:22px; font-weight:900; background:rgba(255,144,4,.15); }

.bz1-rec{ display:block; width:max-content; margin:8px auto 0; padding:3px 12px; border-radius:999px; background:#FFF500; color:#1b0a55; font-size:12px; letter-spacing:.03em; font-weight:900; }
.bz1-check{ color:#0f9d58; margin-right:8px; }
.bz1-t-dark .bz1-check{ color:#4ade80; }
.bz1-note{ margin-top:18px; font-size:14px; line-height:1.5; text-align:center; opacity:.85; }
.bz1-t-fit{ min-width:0; }

/* timeline */
.bz1-tl{ position:relative; max-width:880px; margin:50px auto 0; }
.bz1-tl::before{ content:""; position:absolute; left:34px; top:20px; bottom:20px; width:4px; border-radius:4px; background:linear-gradient(#452EF4,#ce5bf4,#f5771b); }
.bz1-tl-item{ position:relative; padding-left:104px; margin-bottom:26px; }
.bz1-tl-node{ position:absolute; left:0; top:14px; width:72px; height:72px; border-radius:50%; background:#fff; border:4px solid #452EF4; color:#452EF4; display:flex; align-items:center; justify-content:center; font-size:26px; z-index:2; box-shadow:0 8px 22px rgba(69,46,244,.3); }
.bz1-tl-item .stepcardbox{ padding:26px 30px; }
.bz1-tl-item .step-title{ font-size:20px; font-weight:800; }
.bz1-tl-text{ margin-top:14px; color:#fff; font-size:18px; line-height:1.5; font-weight:300; }

/* checklist cards */
.bz1-who{ display:flex; gap:14px; align-items:flex-start; text-align:left; }
.bz1-who i{ color:#0f9d58; font-size:26px; margin-top:2px; }
.bz1-who span{ font-size:19px; line-height:1.45; font-weight:600; color:#14102e; }

/* bonus mockup */
.bz1-kit{ position:relative; max-width:380px; margin:0 auto; padding:34px 18px 26px; }
.bz1-kit-box{ position:relative; border-radius:22px; padding:26px 20px 22px; background:linear-gradient(150deg,#452EF4,#8C6EFD 60%,#ce5bf4); box-shadow:0 26px 60px rgba(69,46,244,.45); color:#fff; text-align:center; }
.bz1-kit-title{ font-size:24px; font-weight:900; line-height:1.2; margin-bottom:16px; font-family:"Russo One",sans-serif; }
.bz1-kit-line{ display:flex; align-items:center; gap:12px; background:rgba(255,255,255,.16); border:1px solid rgba(255,255,255,.3); border-radius:12px; padding:11px 14px; margin-top:10px; font-size:15px; font-weight:600; text-align:left; }
.bz1-kit-line i{ font-size:20px; color:#FFF500; }
.bz1-ribbon{ position:absolute; top:6px; right:-8px; z-index:3; padding:9px 22px; border-radius:8px; background:linear-gradient(90deg,#ff9004,#ff2e54); color:#fff; font-weight:900; font-size:17px; letter-spacing:.03em; transform:rotate(6deg); box-shadow:0 10px 24px rgba(255,46,84,.45); }
.bz1-bonus-list{ list-style:none; padding:0; margin:20px 0 0; }
.bz1-bonus-list li{ position:relative; padding:0 0 0 38px; margin-bottom:18px; font-size:19px; line-height:1.5; color:#1c1c2e; }
.bz1-bonus-list li::before{ content:"\f058"; font-family:"Font Awesome 6 Free"; font-weight:900; position:absolute; left:0; top:0; color:#0f9d58; font-size:24px; }
.bz1-bonus-list strong{ color:#2b1a8f; }

/* ticks / happens-next */
.bz1-ticks{ list-style:none; padding:0; margin:28px auto 0; max-width:860px; }
.bz1-ticks li{ display:flex; gap:16px; align-items:flex-start; padding:18px 22px; margin-bottom:14px; border-radius:16px; background:#fff; box-shadow:0 12px 36px rgba(76,69,169,.18); border:1px solid #e0d9ff; font-size:19px; line-height:1.5; color:#14102e; font-weight:600; }
.bz1-ticks li i{ color:#0f9d58; font-size:24px; margin-top:2px; }
.bz1-divider{ height:1px; max-width:700px; margin:60px auto 50px; background:linear-gradient(90deg,transparent,#8C6EFD,transparent); }

/* price urgency text */
.bz1-urgent p{ font-size:21px; line-height:1.6; text-align:center; margin:0 0 14px; color:#14102e; }
.bz1-urgent p:nth-child(3){ font-weight:800; }

/* guarantee */
.bz1-guar-text{ font-size:20px; line-height:1.6; color:#fff; font-weight:300; }

/* FAQ */
.bz1-faq{ max-width:900px; margin:40px auto 0; }
.bz1-faq details{ background:#fff; border:1px solid #ddd5ff; border-radius:16px; margin-bottom:14px; box-shadow:0 10px 30px rgba(76,69,169,.12); overflow:hidden; }
.bz1-faq summary{ list-style:none; cursor:pointer; padding:20px 58px 20px 24px; font-size:20px; font-weight:800; color:#1b0a55; line-height:1.4; position:relative; }
.bz1-faq summary::-webkit-details-marker{ display:none; }
.bz1-faq summary::after{ content:"+"; position:absolute; right:22px; top:50%; transform:translateY(-50%); width:32px; height:32px; line-height:30px; text-align:center; border-radius:50%; background:linear-gradient(135deg,#452EF4,#8C6EFD); color:#fff; font-size:22px; font-weight:700; }
.bz1-faq details[open] summary::after{ content:"\2212"; }
.bz1-faq details p{ margin:0; padding:0 24px 22px; font-size:18px; line-height:1.6; color:#2a2a3c; }
.bz1-faq details a{ color:#452EF4; text-decoration:underline; }

/* final section */
.bz1-final-title{ font-size:clamp(30px,5vw,52px); line-height:1.25; font-weight:900; text-align:center; color:#fff; }

/* footer */
.bz1-foot p{ color:#fff; font-size:15px; line-height:1.6; font-weight:400; text-align:center; margin:0 0 14px; }

@media (max-width:768px){
  .bz1-sec{ padding:50px 0 60px; }
	.bz1-docs-list .bz1-fcard{ align-items:stretch; flex-direction:column; gap:14px; min-height:0; padding:22px 20px !important; }
	.bz1-docs-list > div:nth-child(even) .bz1-fcard{ flex-direction:column; }
	.bz1-docs-list > div:nth-child(even) .bz1-doc-copy{ text-align:left; }
	.bz1-doc-image{ flex:0 0 auto; width:100%; max-width:320px; margin:0 auto; }
  .bz1-sub, .bz1-center-p{ font-size:18px; }
  .bz1-table{ font-size:16px; }
  .bz1-table th, .bz1-table td{ padding:12px 12px; }
  .bz1-tl::before{ left:24px; }
  .bz1-tl-item{ padding-left:76px; }
  .bz1-tl-node{ width:52px; height:52px; font-size:20px; border-width:3px; }
  .bz1-tl-item .stepcardbox{ padding:20px 18px; }
  .bz1-ribbon{ right:0; }
  .bz1-faq summary{ font-size:18px; }
  .bz1-urgent p{ font-size:18px; }
}

/* fallback colours under the template's background images (images stay on top when present) */
.create-section1.bz1-sec{ background-color:#0d0233; }
.create-section2.bz1-sec{ background-color:#f4f1ff; }
.bz1-sec .frame10-card{ background-color:#f1edff !important; }
.bz1-cta-wrap .bizprohero26-cta{ background-color:#150a45; }
.need-section.bz1-final{ background-color:#0d0233; }

/* ====================================================
   BizinGPT Pro Unlimited Hero
   Unique Prefix: bizprohero26
   Bootstrap friendly
==================================================== */

.bizprohero26-wrap{
  position: relative;
  overflow: hidden;
background: #191918 url(../images/header-bg.png) no-repeat center top;
    background-size: auto;
    background-size: cover;
  color: #fff;
  font: 400 18px/1.65 Inter, Arial, sans-serif;
}

.bizprohero26-wrap::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background-image:
    linear-gradient(rgba(106,124,255,.055) 1px, transparent 1px),
    linear-gradient(90deg, rgba(106,124,255,.055) 1px, transparent 1px);
  background-size: 54px 54px;
  opacity:.35;
  mask-image: linear-gradient(to bottom, rgba(0,0,0,.25), #000 20%, #000 80%, rgba(0,0,0,.2));
}

.bizprohero26-topbar{
  position: sticky;
  top: 0;
  z-index: 999;
  background: linear-gradient(90deg, #ff7a18 0%, #ff5e3a 45%, #ff3d2e 100%);
  box-shadow: 0 10px 30px rgba(0,0,0,.18);
}

.bizprohero26-topbar p{
  margin:0;
  padding:14px 0;
  color:#fff;
  text-align:center;
  font-size:16px;
  line-height:1.5;
  font-weight:500;
}

.bizprohero26-topbar strong{
  font-weight:800;
}

.bizprohero26-main{
  position: relative;
  padding: 34px 0 90px;
}

.bizprohero26-progressbox{
max-width: 868px;
  margin: 0 auto 10px;
    margin-top: 0px;
  padding: 12px 24px 24px;
  border-radius: 24px;
}

.bizprohero26-progresshead{
  /* display:flex;
  justify-content:space-between;
  align-items:center;
  gap:15px; */
  margin-bottom:16px;
  flex-wrap:wrap;
}

.bizprohero26-steptext{
 color: #ffffff;
  font-size: 20px;
  font-weight: 700;
}

.bizprohero26-offerbadge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:8px 14px;
  border-radius:999px;
  background:linear-gradient(90deg, rgba(69,200,255,.16), rgba(159,92,255,.16));
  border:1px solid rgba(140,180,255,.24);
  color:#dff4ff;
  font-size:13px;
  font-weight:800;
  letter-spacing:.03em;
}

.bizprohero26-steps{
  display:grid;
  grid-template-columns:repeat(6,1fr);
  gap:10px;
  margin-bottom:16px;
}

.bizprohero26-step{
  padding:12px 10px;
  text-align:center;
  border-radius:14px;
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.07);
  color:rgba(255,255,255,.72);
  font-size:14px;
  font-weight:700;
  line-height:1.35;
}

.bizprohero26-step.active{
  background:linear-gradient(90deg, rgba(61,145,255,.22), rgba(151,88,255,.22));
  border-color:rgba(120,170,255,.34);
  color:#ffffff;
  box-shadow:0 12px 26px rgba(85,120,255,.18);
}

.bizprohero26-bar{
  width:100%;
  height:12px;
  border-radius:999px;
  background:rgba(255,255,255,.07);
  overflow:hidden;
}

.bizprohero26-barfill{
  width:33.33%;
  height:100%;
  border-radius:999px;
  background:linear-gradient(90deg, #34c8ff 0%, #588dff 40%, #9b66ff 100%);
  box-shadow:0 0 18px rgba(82,152,255,.35);
}

.bizprohero26-preheadline{
display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  margin-bottom: 28px;
  padding: 12px 20px;
  border-radius: 999px;
  background: rgba(255,255,255,.05);
  border: 1px solid rgba(132,157,255,.22);
  color: #cfdcff;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.5;
  box-shadow: 0 12px 28px rgba(0,0,0,.16), inset 0 1px 0 rgba(255,255,255,.06);
}

.bizprohero26-preicon{
  width:12px;
  height:12px;
  border-radius:50%;
  background:linear-gradient(135deg, #3bd3ff 0%, #8b63ff 100%);
  box-shadow:0 0 14px rgba(95,145,255,.8);
  flex:0 0 12px;
}

.bizprohero26-title{
max-width: 1060px;
  margin: 0 auto;
  color: #fff;
  font-size: clamp(34px, 5.2vw, 50px);
  line-height: 1.3;
  font-weight: 900;
  letter-spacing: -0.03em;
}

.bizprohero26-grad{
  background:linear-gradient(90deg, #40d8ff 0%, #6b92ff 38%, #b56bff 100%);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
}

.bizprohero26-outline{
  display:inline-block;
  padding:6px 18px 9px;
  margin:4px 4px;
  border-radius:20px;
  border:2px solid rgba(111,159,255,.9);
  box-shadow:
    0 0 0 3px rgba(111,159,255,.08),
    inset 0 0 25px rgba(101,143,255,.06);
  color:#79a7ff;
}

.bizprohero26-subtitle{
  max-width: 980px;
  margin:28px auto 0;
  color:rgba(234,240,255,.82);
  font-size:22px;
  line-height:1.7;
  font-weight:400;
}

.bizprohero26-subtitle strong{
  color:#fff;
  font-weight:800;
}

.bizprohero26-divider{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:16px;
  margin:28px auto 34px;
}

.bizprohero26-divider span{
  width:120px;
  height:1px;
  background:linear-gradient(90deg, transparent, rgba(110,161,255,.85), transparent);
}

.bizprohero26-divider i{
  font-style:normal;
  color:#4fd6ff;
  font-size:18px;
}

.bizprohero26-video-wrap{
  position:relative;
  margin-bottom:34px;
}

.bizprohero26-video-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:9px 16px;
  margin-bottom:14px;
  border-radius:999px;
  background:linear-gradient(90deg, #46d7ff 0%, #8b62ff 100%);
  color:#fff;
  font-size:12px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
  box-shadow:0 12px 28px rgba(74,137,255,.24);
}

.bizprohero26-video-box{
  position:relative;
  padding-top:56.25%;
  border-radius:28px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.10);
  background:
    linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.03));
  box-shadow:
    0 26px 60px rgba(0,0,0,.35),
    0 0 0 1px rgba(255,255,255,.04) inset;
}

.bizprohero26-video-box::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 20% 0%, rgba(72,218,255,.10), transparent 25%),
    radial-gradient(circle at 80% 10%, rgba(174,84,255,.10), transparent 25%);
  z-index:1;
}

.bizprohero26-video-box iframe{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  z-index:0;
}

.bizprohero26-cta{
  padding:30px 26px 24px;
  border-radius:28px;

  box-shadow:
    0 22px 50px rgba(0,0,0,.30),
    inset 0 1px 0 rgba(255,255,255,.06);
  text-align:center;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  background: url(../images/cata-buttons.png) repeat center center;
    background-size: cover;
    padding: 4% 2%;
    position: relative;
    border-radius: 31px;
    box-shadow: 0px 20px 59px 0px rgba(0, 0, 0, 0.42);
    border: 1px solid #8a6cf8;
}

.bizprohero26-price-row{
display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  text-align: center;
  margin-bottom: 24px;
}

.bizprohero26-price-content{
  flex:1;
}

.bizprohero26-cta-title{
  color:#fff;
  font-size:26px;
  line-height:1.35;
  font-weight:900;
  margin-bottom:12px;
}

.bizprohero26-price{
  /* display:flex; */
  align-items:center;
  flex-wrap:wrap;
  gap:14px;
  margin-bottom:10px;
}

.bizprohero26-old{
color: rgb(255, 255, 255);
  font-size: 24px;
  font-weight: 700;
  text-decoration: line-through;
}

.bizprohero26-new{
  color:#fff;
  font-size:34px;
  line-height:1.2;
  font-weight:900;
  background:linear-gradient(90deg, #41d7ff 0%, #7f8eff 40%, #af6cff 100%);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
}

.bizprohero26-guarantee{
color: rgb(255, 255, 255);
  font-size: 16px;
  line-height: 1.7;
}

.bizprohero26-countdown{
  flex:0 0 180px;
  padding:16px 14px;
  border-radius:20px;
  background:rgba(255,255,255,.05);
  border:1px solid rgba(131,168,255,.20);
  text-align:center;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.05);
}

.bizprohero26-countdown-label{
  color:#dbe9ff;
  font-size:12px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
  margin-bottom:8px;
}

.bizprohero26-countdown-time{
  color:#fff;
  font-size:34px;
  line-height:1;
  font-weight:900;
}

.bizprohero26-btn{
  display:block;
  width:100%;
  padding:20px 24px;
  border-radius:18px;
  text-decoration:none;
  background:linear-gradient(90deg, #33d4ff 0%, #4b87ff 40%, #985eff 100%);
  color:#fff;
  font-size:20px;
  line-height:1.3;
  font-weight:900;
  letter-spacing:-0.01em;
  box-shadow:
    0 18px 34px rgba(82,129,255,.35),
    inset 0 1px 0 rgba(255,255,255,.25);
  transition:transform .25s ease, box-shadow .25s ease;
}

.bizprohero26-btn:hover{
  color:#fff;
  transform:translateY(-2px);
  box-shadow:
    0 22px 40px rgba(82,129,255,.42),
    inset 0 1px 0 rgba(255,255,255,.25);
}

.bizprohero26-nothanks{
  display:inline-block;
  margin-top:15px;
  color:rgba(224,231,255,.78);
  font-size:15px;
  line-height:1.6;
  text-decoration:underline;
  text-underline-offset:3px;
}

.bizprohero26-nothanks:hover{
  color:#ffffff;
}

/* Responsive */
@media (max-width: 991.98px){
  .bizprohero26-main{
    padding: 26px 0 75px;
  }

  .bizprohero26-steps{
    grid-template-columns:repeat(3,1fr);
  }

  .bizprohero26-subtitle{
    font-size:19px;
  }

  .bizprohero26-price-row{
    flex-direction:column;
    align-items:stretch;
    text-align:center;
  }

  .bizprohero26-countdown{
    flex:0 0 auto;
    max-width:260px;
    margin:0 auto;
  }

  .bizprohero26-cta-title{
    font-size:24px;
  }
}

@media (max-width: 767.98px){
  .bizprohero26-topbar p{
    font-size:14px;
    padding:12px 0;
  }

  .bizprohero26-main{
    padding: 22px 0 60px;
  }

  .bizprohero26-progressbox{
    padding:18px 16px 18px;
    border-radius:20px;
    margin-bottom:28px;
  }

  .bizprohero26-steptext{
    font-size:15px;
  }

  .bizprohero26-offerbadge{
    font-size:11px;
    padding:7px 11px;
  }

  .bizprohero26-steps{
    grid-template-columns:repeat(2,1fr);
    gap:8px;
  }

  .bizprohero26-step{
    font-size:13px;
    padding:10px 8px;
  }

  .bizprohero26-preheadline{
    font-size:14px;
    padding:10px 14px;
    gap:10px;
  }

  .bizprohero26-title{
    font-size: clamp(28px, 8.2vw, 44px);
  }

  .bizprohero26-outline{
    padding:4px 12px 6px;
    border-radius:16px;
  }

  .bizprohero26-subtitle{
    font-size:17px;
    line-height:1.75;
    margin-top:20px;
  }

  .bizprohero26-divider{
    margin:22px auto 26px;
  }

  .bizprohero26-divider span{
    width:60px;
  }

  .bizprohero26-video-box{
    border-radius:20px;
  }

  .bizprohero26-cta{
    padding:22px 16px 20px;
    border-radius:22px;
  }

  .bizprohero26-cta-title{
    font-size:21px;
  }

  .bizprohero26-old{
    font-size:20px;
  }

  .bizprohero26-new{
    font-size:28px;
  }

  .bizprohero26-guarantee{
    font-size:15px;
  }

  .bizprohero26-countdown-time{
    font-size:28px;
  }

  .bizprohero26-btn{
    font-size:17px;
    padding:17px 16px;
    border-radius:16px;
  }

  .bizprohero26-nothanks{
    font-size:14px;
  }
}


/* ==============================================
   BIZINGPT STORY SECTION
   Unique prefix: bizstory26
   White theme + blue / purple brand gradient
============================================== */

.bizstory26-section {
  --bs26-gradient: linear-gradient(
    90deg,
    #1ea0ff,
    #b179ff,
    #0543fb
  );

  position: relative;
  isolation: isolate;
  overflow: hidden;

  padding: 95px 0 105px;

  background:
    radial-gradient(
      ellipse 500px 300px at 0% 15%,
      rgba(30,160,255,.075),
      transparent 80%
    ),
    radial-gradient(
      ellipse 550px 320px at 100% 48%,
      rgba(177,121,255,.09),
      transparent 80%
    ),
    #ffffff;

  font: 400 18px/1.7 Inter, Arial, sans-serif;
  color: #11152b;
}

/* Decorative background */

.bizstory26-section::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;

  background-image:
    radial-gradient(
      rgba(67,104,198,.10) 1px,
      transparent 1px
    );

  background-size: 21px 21px;
  opacity: .4;

  -webkit-mask-image:
    linear-gradient(
      180deg,
      #000,
      transparent 35%,
      transparent 75%,
      #000
    );

  mask-image:
    linear-gradient(
      180deg,
      #000,
      transparent 35%,
      transparent 75%,
      #000
    );

  pointer-events: none;
}

/* ==============================================
   SECTION HEADING
============================================== */

.bizstory26-eyebrow {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;

  padding: 9px 19px;
  margin-bottom: 23px;

  border-radius: 100px;
  border: 1px solid rgba(80,108,255,.18);

  background: #f6f8ff;
  color: #3655bd;

  font-size: 12px;
  font-weight: 800;
  letter-spacing: 1.1px;
}

.bizstory26-dot {
  width: 8px;
  height: 8px;

  border-radius: 50%;
  background: #576cff;

  box-shadow: 0 0 0 5px rgba(87,108,255,.1);
}

.bizstory26-main-title {
  margin: 0 auto;
  max-width: 950px;

  color: #090e25;
  font-size: clamp(32px, 4.5vw, 54px);
  line-height: 1.14;
  font-weight: 900;
  letter-spacing: -1.8px;
}

.bizstory26-main-title span {
  display: block;

  background: var(--bs26-gradient);

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

/* ==============================================
   INTRO STORY
============================================== */

.bizstory26-intro {
  margin-top: 50px;
}

.bizstory26-story {
  position: relative;
  padding: 5px 20px 5px 0;
}

.bizstory26-story p {
  margin: 0 0 19px;

  color: #4a536d;
  font-size: 18px;
  line-height: 1.82;
  font-weight: 400;
}

.bizstory26-story p:last-child {
  margin-bottom: 0;
}

.bizstory26-highlight-line {
  position: relative;
  margin: 23px 0;
  padding: 16px 20px;

  border-radius: 14px;
  border-left: 4px solid #5483ff;

  background:
    linear-gradient(
      90deg,
      rgba(30,160,255,.08),
      rgba(177,121,255,.065)
    );

  color: #20294b;
  font-size: 19px;
  font-weight: 500;
  line-height: 1.65;
}

.bizstory26-highlight-line strong {
  color: #284ce8;
  font-weight: 900;
}

/* ==============================================
   HERO IMAGE
============================================== */

.bizstory26-hero-visual {
  position: relative;
  min-height: 455px;

  display: flex;
  align-items: flex-end;
  justify-content: center;

  isolation: isolate;
}

.bizstory26-hero-circle {
  position: absolute;
  z-index: -1;

  width: 82%;
  aspect-ratio: 1;
  max-width: 410px;

  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);

  border-radius: 50%;

  background:
    linear-gradient(
      135deg,
      rgba(30,160,255,.16),
      rgba(177,121,255,.20),
      rgba(5,67,251,.13)
    );

  border: 1px solid rgba(110,118,255,.12);
}

.bizstory26-hero-glow {
  position: absolute;
  z-index: -2;

  width: 350px;
  height: 350px;
  bottom: 0;

  background: #a69bff;
  filter: blur(95px);
  opacity: .23;
  border-radius: 50%;
}

.bizstory26-person {
  position: relative;
  z-index: 2;

  width: 100%;
  max-width: 450px;
  max-height: 470px;

  object-fit: contain;
  object-position: center bottom;
  display: block;
}

.bizstory26-float {
  position: absolute;
  z-index: 3;

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

  width: 60px;
  height: 60px;

  border-radius: 19px;

  background: rgba(255,255,255,.90);
  border: 1px solid rgba(113,130,255,.17);

  box-shadow:
    0 14px 35px rgba(37,57,125,.14);

  backdrop-filter: blur(12px);
}

.bizstory26-float span {
  font-size: 29px;
  line-height: 1;

  background: var(--bs26-gradient);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

.bizstory26-float-one {
  left: 1%;
  top: 15%;
  transform: rotate(-8deg);
}

.bizstory26-float-two {
  right: 1%;
  top: 33%;
  transform: rotate(8deg);
}

/* ==============================================
   10 SLOT CAPACITY CARD
============================================== */

.bizstory26-capacity {
  /* max-width: 1080px; */
  margin: 40px auto 0;

  border-radius: 27px;
  overflow: hidden;

  background: #fff;

  border: 1px solid rgba(69,91,169,.13);

  box-shadow:
    0 25px 75px rgba(28,52,111,.09),
    0 5px 15px rgba(28,52,111,.035);
}

.bizstory26-capacity-top {
  display: flex;
  align-items: center;
  gap: 19px;

  padding: 26px 30px;

  background:
    linear-gradient(
      90deg,
      #f6f9ff,
      #f7f4ff,
      #f5f8ff
    );

  border-bottom: 1px solid rgba(76,93,165,.11);
}

.bizstory26-capacity-mark {
  flex: 0 0 49px;
  width: 49px;
  height: 49px;

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

  border-radius: 16px;

  background: var(--bs26-gradient);
  color: white;

  font-size: 26px;
  font-weight: 900;

  box-shadow: 0 10px 25px rgba(90,91,255,.20);
}

.bizstory26-capacity-top h3 {
  margin: 0 0 4px;

  color: #0c1430;
  font-size: 24px;
  line-height: 1.3;
  font-weight: 900;
  letter-spacing: -.5px;
}

.bizstory26-capacity-top p {
  margin: 0;
  color: #636d88;
  font-size: 16px;
}

.bizstory26-full-chip {
  margin-left: auto;
  flex-shrink: 0;

  padding: 9px 16px;
  border-radius: 100px;

  background: #fff0f0;
  border: 1px solid #ffc5c5;
  color: #cf3347;

  font-size: 14px;
  font-weight: 900;
  white-space: nowrap;
}

.bizstory26-capacity-body {
  padding: 28px 30px 30px;
}

/* Slot grid */

.bizstory26-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 13px;
}

.bizstory26-slot {
  position: relative;

  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;

  min-height: 148px;
  padding: 16px 10px;

  border-radius: 17px;
  border: 1px solid #e7eaf5;

  background:
    linear-gradient(
      180deg,
      #ffffff,
      #f6f9ff
    );

  box-shadow: 0 5px 16px rgba(31,58,114,.035);

  transition:
    transform .3s ease,
    border-color .3s ease,
    box-shadow .3s ease;
}

.bizstory26-slot:hover {
  transform: translateY(-4px);
  border-color: #a9b7ff;

  box-shadow: 0 13px 26px rgba(64,99,215,.10);
}

.bizstory26-slot-icon {
  width: 65px;
  height: 65px;

  padding: 9px;
  margin-bottom: 10px;

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

  border-radius: 17px;

  background: linear-gradient(
    135deg,
    #e8f7ff,
    #f0e8ff
  );
}

.bizstory26-slot-icon img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.bizstory26-slot > span {
  color: #202a47;
  font-size: 14px;
  font-weight: 800;
  line-height: 1.3;
  text-align: center;
}

.bizstory26-slot small {
  position: absolute;
  top: 8px;
  right: 10px;

  color: #a7aec4;
  font-size: 10px;
  font-weight: 800;
}

.bizstory26-capacity-meter {
  height: 9px;
  margin-top: 26px;
  overflow: hidden;

  border-radius: 99px;
  background: #e8eaf5;
}

.bizstory26-capacity-fill {
  width: 100%;
  height: 100%;

  border-radius: 99px;

  background: linear-gradient(
    90deg,
    #1ea0ff,
    #b179ff,
    #0543fb
  );
}

/* ==============================================
   CLINIC WAITING BLOCK
============================================== */

.bizstory26-clinic-section {
  /* max-width: 1080px; */
  margin: 25px auto 0;
  padding: 36px;

  border-radius: 27px;

  background:
    radial-gradient(
      circle at 95% 15%,
      rgba(177,121,255,.10),
      transparent 50%
    ),
    #f8f9ff;

  border: 1px solid #e5e8fa;
}

.bizstory26-clinic-copy p {
  color: #505976;
  font-size: 18px;
  line-height: 1.8;
  margin: 0 0 19px;
}

.bizstory26-clinic-copy p:last-child {
  margin-bottom: 0;
}

.bizstory26-clinic-copy strong {
  color: #111a37;
  font-weight: 900;
}

.bizstory26-clinic-copy em {
  color: #3857cd;
  font-weight: 700;
}

.bizstory26-locked {
  max-width: 325px;
  margin: 0 auto;

  position: relative;
  overflow: hidden;

  padding: 20px;

  border-radius: 23px;
  border: 2px dashed #c9cde6;

  background: #ffffff;

  box-shadow:
    0 17px 38px rgba(30,43,99,.08);

  text-align: center;
}

.bizstory26-lock-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 15px;
}

.bizstory26-lock-symbol {
  display: flex;
  align-items: center;
  justify-content: center;

  width: 48px;
  height: 48px;
  border-radius: 15px;

  background: #fff0f1;
  color: #ee5263;
}

.bizstory26-locked-label {
  padding: 7px 10px;
  border-radius: 8px;

  background: #fff0f1;
  color: #e04a60;

  font-size: 11px;
  font-weight: 900;
  letter-spacing: .7px;
}

.bizstory26-locked-image {
  width: 125px;
  height: 105px;
  margin: 0 auto 12px;

  display: flex;
  align-items: center;
  justify-content: center;
}

.bizstory26-locked-image img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  filter: grayscale(.35);
}

.bizstory26-locked-text strong {
  display: block;

  color: #131b38;
  font-size: 21px;
  font-weight: 900;
}

.bizstory26-locked-text span {
  color: #64708e;
  font-size: 15px;
  font-weight: 600;
}

.bizstory26-lock-stripe {
  margin: 16px auto 0;
  width: 100%;
  height: 7px;

  border-radius: 50px;

  background: repeating-linear-gradient(
    -45deg,
    #ffd5d9 0px,
    #ffd5d9 10px,
    #fff0f0 10px,
    #fff0f0 20px
  );
}

/* ==============================================
   PRO UNLIMITED REVEAL
============================================== */

.bizstory26-unlimited {
  /* max-width: 1080px; */
  margin: 26px auto 0;

  position: relative;
  overflow: hidden;

  padding: 40px 38px;

  border-radius: 28px;

  background:
    radial-gradient(
      ellipse 450px 250px at 50% -30%,
      rgba(183,139,255,.35),
      transparent 80%
    ),
    linear-gradient(
      125deg,
      #101c58,
      #15105b 58%,
      #07348e
    );

  box-shadow:
    0 25px 60px rgba(29,50,137,.20);
}

.bizstory26-unlimited::before {
  content: "";
  position: absolute;
  inset: 0;

  background-image:
    radial-gradient(
      rgba(255,255,255,.12) 1px,
      transparent 1px
    );

  background-size: 19px 19px;

  opacity: .35;
  pointer-events: none;
}

.bizstory26-unlimited-head {
  position: relative;
  z-index: 1;

  display: flex;
  align-items: flex-start;
  gap: 22px;

  margin-bottom: 30px;
}

.bizstory26-unlock-icon {
  flex: 0 0 68px;
  width: 68px;
  height: 68px;

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

  border-radius: 20px;

  background: var(--bs26-gradient);
  color: #ffffff;

  box-shadow: 0 14px 30px rgba(40,119,255,.28);
}

.bizstory26-unlimited-copy {
  margin: 0;

  color: #dce5ff;
  font-size: 20px;
  line-height: 1.8;
}

.bizstory26-unlimited-copy strong {
  display: block;
  margin-bottom: 4px;

  color: #ffffff;
  font-size: 25px;
  line-height: 1.4;
  font-weight: 900;
}

/* Continued slots */

.bizstory26-unlimited-grid {
  position: relative;
  z-index: 1;

  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 12px;
}

.bizstory26-mini-slot {
  position: relative;

  min-height: 96px;
  padding: 13px;

  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;

  border-radius: 17px;

  background: rgba(255,255,255,.10);
  border: 1px solid rgba(255,255,255,.19);

  backdrop-filter: blur(8px);

  transition:
    transform .3s ease,
    background .3s ease;
}

.bizstory26-mini-slot:hover {
  transform: translateY(-4px);
  background: rgba(255,255,255,.16);
}

.bizstory26-mini-slot img {
  display: block;
  width: 52px;
  height: 52px;
  object-fit: contain;
}

.bizstory26-mini-slot > span {
  margin-top: 6px;
  color: #d7e5ff;
  font-size: 12px;
  font-weight: 800;
}

.bizstory26-mini-new {
  border-color: rgba(107,228,211,.72);
  background: rgba(54,200,193,.18);

  box-shadow: 0 0 23px rgba(66,237,211,.10);
}

.bizstory26-mini-more {
  border-style: dashed;
  border-color: #78aaff;
}

.bizstory26-mini-more strong {
  color: #ffffff;
  font-size: 52px;
  line-height: 1;
  font-weight: 500;
}

.bizstory26-unlimited-bottom {
  position: relative;
  z-index: 1;

  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;

  margin-top: 25px;
}

.bizstory26-unlimited-line {
  display: block;
  height: 1px;
  width: 125px;

  background:
    linear-gradient(
      90deg,
      transparent,
      rgba(145,180,255,.7),
      transparent
    );
}

.bizstory26-unlimited-infinity {
  color: #8ee9ff;
  font-size: 40px;
  font-weight: 500;
  line-height: 1;
}

/* ==============================================
   RESPONSIVE
============================================== */

@media (max-width: 1199.98px) {
  .bizstory26-main-title {
    font-size: 46px;
  }

  .bizstory26-story p {
    font-size: 17px;
  }

  .bizstory26-hero-visual {
    min-height: 400px;
  }
}

@media (max-width: 991.98px) {
  .bizstory26-section {
    padding: 75px 0 85px;
  }

  .bizstory26-main-title {
    font-size: 41px;
  }

  .bizstory26-intro {
    margin-top: 35px;
  }

  .bizstory26-hero-visual {
    margin-top: 30px;
    min-height: 370px;
  }

  .bizstory26-person {
    max-height: 380px;
  }

  .bizstory26-grid {
    grid-template-columns: repeat(5, minmax(0,1fr));
  }

  .bizstory26-unlimited-grid {
    grid-template-columns: repeat(4, minmax(0,1fr));
  }
}

@media (max-width: 767.98px) {
  .bizstory26-section {
    padding: 60px 0 70px;
  }

  .bizstory26-eyebrow {
    font-size: 10px;
    letter-spacing: .5px;
    padding: 8px 12px;
  }

  .bizstory26-main-title {
    font-size: 33px;
    letter-spacing: -.8px;
  }

  .bizstory26-intro {
    margin-top: 28px;
  }

  .bizstory26-story {
    padding: 0;
  }

  .bizstory26-story p {
    font-size: 16px;
    line-height: 1.75;
    margin-bottom: 15px;
  }

  .bizstory26-highlight-line {
    margin: 18px 0;
    padding: 14px;
    font-size: 17px;
  }

  .bizstory26-hero-visual {
    min-height: 320px;
  }

  .bizstory26-person {
    max-height: 330px;
  }

  .bizstory26-float {
    width: 47px;
    height: 47px;
    border-radius: 14px;
  }

  .bizstory26-float span {
    font-size: 23px;
  }

  .bizstory26-capacity {
    margin-top: 25px;
    border-radius: 20px;
  }

  .bizstory26-capacity-top {
    padding: 20px 16px;
    gap: 12px;
    flex-wrap: wrap;
  }

  .bizstory26-capacity-mark {
    flex-basis: 43px;
    width: 43px;
    height: 43px;
    border-radius: 12px;
  }

  .bizstory26-capacity-top h3 {
    font-size: 19px;
  }

  .bizstory26-capacity-top p {
    font-size: 14px;
  }

  .bizstory26-full-chip {
    margin-left: auto;
  }

  .bizstory26-capacity-body {
    padding: 18px 14px 22px;
  }

  .bizstory26-grid {
    grid-template-columns: repeat(2, minmax(0,1fr));
    gap: 9px;
  }

  .bizstory26-slot {
    min-height: 128px;
    padding: 14px 8px;
    border-radius: 13px;
  }

  .bizstory26-slot-icon {
    width: 56px;
    height: 56px;
    margin-bottom: 7px;
  }

  .bizstory26-slot > span {
    font-size: 12px;
  }

  .bizstory26-clinic-section {
    padding: 23px 17px;
    border-radius: 20px;
  }

  .bizstory26-clinic-copy p {
    font-size: 16px;
    line-height: 1.75;
    margin-bottom: 15px;
  }

  .bizstory26-unlimited {
    padding: 25px 16px;
    border-radius: 21px;
  }

  .bizstory26-unlimited-head {
    flex-direction: column;
    gap: 15px;
    margin-bottom: 23px;
  }

  .bizstory26-unlock-icon {
    flex-basis: auto;
    width: 55px;
    height: 55px;
    border-radius: 15px;
  }

  .bizstory26-unlimited-copy {
    font-size: 16px;
    line-height: 1.75;
  }

  .bizstory26-unlimited-copy strong {
    font-size: 21px;
  }

  .bizstory26-unlimited-grid {
    grid-template-columns: repeat(3, minmax(0,1fr));
    gap: 8px;
  }

  .bizstory26-mini-slot {
    min-height: 85px;
    padding: 10px;
    border-radius: 12px;
  }

  .bizstory26-mini-slot img {
    width: 43px;
    height: 43px;
  }

  .bizstory26-mini-more strong {
    font-size: 40px;
  }
}

@media (max-width: 375px) {
  .bizstory26-main-title {
    font-size: 29px;
  }

  .bizstory26-capacity-top h3 {
    font-size: 17px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .bizstory26-slot,
  .bizstory26-mini-slot {
    transition: none;
  }

  .bizstory26-slot:hover,
  .bizstory26-mini-slot:hover {
    transform: none;
  }
}

/* =====================================================================
   BizinGPT Pro – additions
   Base font size: 18px
   Prefixes: bzzig- (zig-zag feature section), bzdec- (pre-footer decision section)
   ===================================================================== */
html{ -webkit-text-size-adjust:100%; }
body{ font-size:18px; overflow-x:hidden; }
img{ max-width:100%; }

/* ---------- 1. Zig-zag feature section ---------- */
.bzzig-section{ position:relative; }
.bzzig-section::before{
  content:""; position:absolute; inset:0; pointer-events:none;
  background:
    radial-gradient(620px 420px at 8% 22%, rgba(75,135,255,.16), transparent 70%),
    radial-gradient(640px 460px at 94% 62%, rgba(152,94,255,.18), transparent 70%);
}
.bzzig-section > .container-xxl{ position:relative; z-index:1; }
.bzzig-list{ position:relative; margin:64px auto 0; max-width:1240px; }
.bzzig-row{ position:relative; margin-bottom:70px; }
.bzzig-row:last-child{ margin-bottom:20px; }

.bzzig-card{
  position:relative; overflow:hidden; text-align:left;
  padding:44px 42px 40px; border-radius:30px;
  background:linear-gradient(160deg, rgba(42,48,132,.74), rgba(14,16,56,.92));
  border:1px solid rgba(150,170,255,.28);
  box-shadow:0 30px 70px rgba(4,6,30,.55), inset 0 1px 0 rgba(255,255,255,.12);
  -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px);
  transition:transform .35s cubic-bezier(.2,.7,.2,1), box-shadow .35s ease, border-color .35s ease;
}
.bzzig-card::before{
  content:""; position:absolute; left:0; right:0; top:0; height:4px;
  background:linear-gradient(90deg,#33d4ff,#4b87ff 50%,#985eff);
}
.bzzig-card::after{
  content:""; position:absolute; width:260px; height:260px; right:-90px; bottom:-110px; border-radius:50%;
  background:radial-gradient(circle, rgba(152,94,255,.32), transparent 70%); pointer-events:none;
}
.bzzig-card:hover{
  transform:translateY(-8px); border-color:rgba(51,212,255,.6);
  box-shadow:0 40px 90px rgba(4,6,30,.65), 0 0 0 1px rgba(51,212,255,.25), 0 0 46px rgba(75,135,255,.28), inset 0 1px 0 rgba(255,255,255,.16);
}
.bzzig-num{
  display:inline-flex; align-items:center; justify-content:center;
  min-width:58px; height:58px; padding:0 14px; margin-bottom:20px; border-radius:18px;
  background:linear-gradient(135deg,#33d4ff,#4b87ff 50%,#985eff);
  color:#fff; font-size:22px; font-weight:900; letter-spacing:.01em;
  box-shadow:0 14px 30px rgba(75,135,255,.45), inset 0 1px 0 rgba(255,255,255,.35);
}
.bzzig-title{ margin:0; font-size:30px; line-height:1.25; font-weight:800; color:#fff; letter-spacing:-.01em; }
.bzzig-desc{ margin:14px 0 0; font-size:18px; line-height:1.65; color:#d3dbff; font-weight:400; }
.bzzig-why{
  position:relative; z-index:1; margin-top:24px; padding:16px 18px 16px 20px; border-radius:16px;
  background:rgba(51,212,255,.07); border-left:4px solid #33d4ff;
  font-size:17px; line-height:1.55; color:#b4bfee;
}
.bzzig-why strong{ color:#33d4ff; font-weight:700; }

.bzzig-media{ position:relative; margin:0; text-align:center; }
.bzzig-media::before{
  content:""; position:absolute; inset:8% 6%; border-radius:50%; z-index:0;
  background:radial-gradient(circle, rgba(75,135,255,.42), rgba(152,94,255,.22) 55%, transparent 72%);
  filter:blur(34px);
}
.bzzig-media img{
  position:relative; z-index:1; display:block; width:100%; height:auto; margin:0 auto;
  object-fit:contain; border-radius:0;
  filter:drop-shadow(0 26px 40px rgba(2,4,24,.55));
  animation:bzzig-float 7s ease-in-out infinite;
  transition:transform .5s cubic-bezier(.2,.7,.2,1);
}
.bzzig-media:hover img{ transform:scale(1.03); }
.bzzig-row:nth-child(even) .bzzig-media img{ animation-delay:-3s; }
@keyframes bzzig-float{ 0%,100%{ translate:0 0; } 50%{ translate:0 -10px; } }

@media (min-width:992px){
  .bzzig-list::before{
    content:""; position:absolute; left:50%; top:30px; bottom:30px; width:2px; transform:translateX(-50%);
    background:linear-gradient(180deg, transparent, rgba(51,212,255,.55) 6%, rgba(152,94,255,.55) 94%, transparent);
  }
  .bzzig-row::after{
    content:""; position:absolute; left:50%; top:50%; width:18px; height:18px; border-radius:50%;
    transform:translate(-50%,-50%);
    background:linear-gradient(135deg,#33d4ff,#985eff);
    box-shadow:0 0 0 6px rgba(75,135,255,.2), 0 0 24px rgba(75,135,255,.85);
  }
}
@media (max-width:991.98px){
  .bzzig-list{ margin-top:46px; }
  .bzzig-row{ margin-bottom:54px; }
  .bzzig-media{ max-width:620px; margin:0 auto; }
}
@media (max-width:575.98px){
  .bzzig-card{ padding:34px 22px 30px; border-radius:24px; }
  .bzzig-title{ font-size:25px; }
  .bzzig-desc{ font-size:17px; }
  .bzzig-why{ font-size:16px; }
  .bzzig-row{ margin-bottom:44px; }
}

/* scroll reveal (only when JS is on) */
.js .bzzig-reveal, .js .bzdec-reveal{ opacity:0; transition:opacity .85s ease, transform .85s cubic-bezier(.2,.7,.2,1); }
.js .bzzig-reveal[data-from="left"]{ transform:translateX(-56px); }
.js .bzzig-reveal[data-from="right"]{ transform:translateX(56px); }
.js .bzdec-reveal{ transform:translateY(40px); }
@media (max-width:991.98px){ .js .bzzig-reveal[data-from]{ transform:translateY(36px); } }
.js .bzzig-reveal.is-in, .js .bzdec-reveal.is-in{ opacity:1; transform:none; }

/* ---------- 2. Pre-footer decision section ---------- */
.bzdec-section{
  position:relative; overflow:hidden; isolation:isolate; padding:96px 0 104px; color:#fff; font-size:18px;
  background:
    radial-gradient(760px 460px at 80% 6%, rgba(152,94,255,.38), transparent 62%),
    radial-gradient(640px 460px at 10% 72%, rgba(75,135,255,.24), transparent 62%),
    radial-gradient(520px 320px at 55% 100%, rgba(255,46,84,.12), transparent 70%),
    linear-gradient(180deg,#0b0722 0%,#07051a 55%,#05040f 100%);
}
.bzdec-section > .container{ position:relative; z-index:2; }
.bzdec-dots{
  position:absolute; z-index:1; left:0; top:64px; width:116px; height:116px; opacity:.5;
  background-image:radial-gradient(rgba(255,255,255,.6) 1.6px, transparent 1.9px); background-size:14px 14px;
}
.bzdec-dots--r{ left:auto; right:0; top:auto; bottom:70px; opacity:.28; }
.bzdec-mock{
  position:absolute; z-index:1; left:-190px; top:130px; width:360px; height:auto; opacity:.6; transform:rotate(-5deg);
  filter:drop-shadow(0 24px 40px rgba(0,0,0,.5));
  -webkit-mask-image:linear-gradient(90deg,#000 55%,transparent 100%); mask-image:linear-gradient(90deg,#000 55%,transparent 100%);
}
.bzdec-title{
  margin:0; text-align:center; font-size:clamp(30px,4.8vw,52px); line-height:1.2; font-weight:400; color:#fff;
}
.bzdec-grad{
  background:linear-gradient(90deg,#ff9004 0%,#ff2e54 38%,#c959dd 70%,#985eff 100%);
  -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent;
}
.bzdec-panel{
  max-width:820px; margin:52px auto 0; padding:50px 28px 44px; border-radius:28px;
  background:linear-gradient(180deg,#0a0820,#05050f);
  border:1px solid rgba(152,94,255,.5);
  box-shadow:0 0 70px rgba(120,70,255,.22), 0 30px 80px rgba(0,0,0,.6), inset 0 1px 0 rgba(255,255,255,.08);
}
.bzdec-badges{ display:flex; justify-content:center; align-items:flex-start; gap:clamp(18px,7vw,86px); }
.bzdec-badge{ flex:0 1 250px; min-width:0; text-align:center; transition:transform .35s ease; }
.bzdec-badge:hover{ transform:translateY(-6px); }
.bzdec-badge > img{ display:block; width:100%; height:auto; margin:0 auto; filter:drop-shadow(0 18px 30px rgba(0,0,0,.55)); }
.bzdec-icons{ display:flex; justify-content:center; gap:14px; margin-top:6px; }
.bzdec-icons span{
  width:52px; height:52px; border-radius:50%; background:#fff; color:#3f44d9; font-size:22px;
  display:flex; align-items:center; justify-content:center; box-shadow:0 8px 20px rgba(0,0,0,.4);
  transition:transform .25s ease;
}
.bzdec-icons span:hover{ transform:scale(1.12); }
.bzdec-choices{ max-width:1020px; margin:54px auto 0; }
.bzdec-text{ margin:0 0 22px; font-size:18px; line-height:1.65; color:#fff; font-weight:400; }
.bzdec-btn{
  display:flex; align-items:center; justify-content:center; min-height:80px; padding:16px 22px; border-radius:18px;
  font-size:19px; line-height:1.3; font-weight:800; text-align:center; text-decoration:none; color:#fff;
  transition:transform .25s ease, box-shadow .25s ease, filter .25s ease;
}
.bzdec-btn:hover{ color:#fff; transform:translateY(-3px); filter:brightness(1.07); }
.bzdec-btn--yes{ background:linear-gradient(180deg,#23c72b,#139a1b); box-shadow:0 16px 34px rgba(25,190,40,.32), inset 0 1px 0 rgba(255,255,255,.3); }
.bzdec-btn--no{ background:linear-gradient(180deg,#ff2323,#d40000); box-shadow:0 16px 34px rgba(255,20,20,.28), inset 0 1px 0 rgba(255,255,255,.28); }
.bzdec-btn:focus-visible, .bzzig-card:focus-visible{ outline:3px solid #33d4ff; outline-offset:3px; }

@media (max-width:1199.98px){ .bzdec-mock{ display:none; } }
@media (max-width:767.98px){
  .bzdec-section{ padding:68px 0 76px; }
  .bzdec-panel{ margin-top:38px; padding:38px 16px 34px; border-radius:22px; }
  .bzdec-choices{ margin-top:38px; }
  .bzdec-icons span{ width:44px; height:44px; font-size:19px; }
}

@media (prefers-reduced-motion:reduce){
  .js .bzzig-reveal, .js .bzdec-reveal{ opacity:1 !important; transform:none !important; transition:none; }
  .bzzig-media img{ animation:none; }
  .bzzig-card, .bzdec-btn, .bzdec-badge{ transition:none; }
}
@media (max-width:767.98px){ .bzdec-dots{ opacity:.22; } }

/* ===== OTO 3 – Client Hunter additions ===== */
.bz3-top{position:sticky;top:0;z-index:999;background:linear-gradient(90deg,#4b1fc9,#7a3cf0);padding:12px 0;color:#fff}
.bz3-top .top-title{font-size:18px;line-height:1.35}.bz3-top i{margin-right:6px}
.bz3-q{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;margin-left:6px;border-radius:50%;background:#ffd23f;color:#2a0f7a;font-weight:900;animation:bz3pulse 1.4s infinite}
@keyframes bz3pulse{0%{box-shadow:0 0 0 0 rgba(255,210,63,.7)}70%{box-shadow:0 0 0 12px rgba(255,210,63,0)}100%{box-shadow:0 0 0 0 rgba(255,210,63,0)}}
.bz3-mon{height:100%;border-radius:22px;padding:30px 26px;font-size:18px;line-height:1.55;color:#14102e;background:#fff;box-shadow:0 20px 60px rgba(76,69,169,.2);border-top:6px solid #ff2e54}
.bz3-mon.bz3-good{border-top-color:#2ecc8f;background:linear-gradient(180deg,#f3ecff,#fff)}
.bz3-mon h3{font-size:24px;font-weight:800;color:#1b0a55;margin-bottom:14px}.bz3-mon-ico{font-size:30px;color:#7a3cf0;display:flex;gap:16px;margin-bottom:10px}
.bz3-bad .bz3-mon-ico{color:#ff2e54}
.bz3-quote{text-align:center}.bz3-avatar{width:84px;height:84px;border-radius:50%;object-fit:cover;display:block;margin:0 auto 14px;border:3px solid #8c6efd}
.bz3-step{height:100%;background:#fff;border-radius:20px;padding:24px 20px;box-shadow:0 14px 40px rgba(76,69,169,.18);color:#14102e}
.bz3-step h3{font-size:21px;font-weight:800;color:#1b0a55}.bz3-step p{font-size:16px;line-height:1.5}
.bz3-shot{margin-top:14px;border-radius:12px;overflow:hidden;border:1px solid #e3dcff}.bz3-shot img{width:100%;display:block}
.bz3-card{height:100%;background:#fff;border-radius:20px;color:#14102e;box-shadow:0 14px 40px rgba(0,0,0,.25)}
.bz3-phone{height:100%;max-width:440px;margin:0 auto;background:#fff;border-radius:30px;padding:26px 22px;box-shadow:0 20px 60px rgba(76,69,169,.25);border:6px solid #1b0a55}
.bz3-lab{font-weight:800;color:#1b0a55;margin-bottom:12px}
.bz3-bubble{background:#ece7ff;color:#14102e;border-radius:18px 18px 18px 4px;padding:16px 18px;font-size:17px;line-height:1.5}
.bz3-good .bz3-bubble{background:#dff7ec}.bz3-after{margin-top:14px;font-weight:800;color:#ff2e54}.bz3-good .bz3-after{color:#1f9d6b}
@media(max-width:767px){.bz3-top .top-title{font-size:15px}}

/* ===== OTO 4 – DFY Vault + Pitch Kit additions ===== */
.bz4-top{position:fixed;top:0;left:0;right:0;z-index:999;background:linear-gradient(90deg,#ff7a00,#ff9a1f);padding:12px 0;color:#fff;box-shadow:0 4px 18px rgba(255,122,0,.35)}
.bz4-top .top-title{font-size:18px;line-height:1.35}.bz4-top i{margin-right:8px}
body{padding-top:52px}
@media(max-width:767px){.bz4-top .top-title{font-size:14px}body{padding-top:62px}}
.bz4-part{height:100%;background:#fff;border-radius:22px;padding:32px 26px;box-shadow:0 20px 60px rgba(76,69,169,.2);border-top:6px solid #7a3cf0;color:#14102e;text-align:center}
.bz4-part h3{font-size:26px;font-weight:800;color:#1b0a55;margin-bottom:16px}
.bz4-list{list-style:none;padding:0;margin:0;text-align:left}
.bz4-list li{display:flex;gap:12px;align-items:flex-start;padding:10px 0;border-top:1px dashed rgba(80,60,180,.25);font-size:18px;line-height:1.45;font-weight:600}
.bz4-list li:first-child{border-top:0}.bz4-list li i{color:#0f9d58;font-size:20px;margin-top:3px}
.bz4-tile{height:100%;border-radius:20px;padding:26px 22px;text-align:center;background:rgba(255,255,255,.06);border:1px solid rgba(136,107,247,.5);box-shadow:0 0 25px rgba(69,46,244,.3);color:#fff}
.bz4-tile-ico{width:64px;height:64px;border-radius:50%;margin:0 auto 14px;display:flex;align-items:center;justify-content:center;font-size:26px;color:#fff;background:linear-gradient(135deg,#ff9004,#ff2e54 50%,#8144ff);box-shadow:0 10px 24px rgba(129,68,255,.4)}
.bz4-tile h3{font-size:22px;font-weight:800;margin-bottom:8px}.bz4-tile p{margin:0;font-size:16px;line-height:1.5;font-weight:300}
.bz4-tile-new{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap;background:linear-gradient(135deg,#452EF4,#8C6EFD)}
.bz4-tile-new .bz4-tile-ico{margin:0}.bz4-tile-new h3{margin:0}
.bz4-chat{margin-bottom:26px}
.bz4-q,.bz4-a{max-width:84%;padding:16px 20px;font-size:18px;line-height:1.55}
.bz4-q{background:#e4e2ee;color:#14102e;border-radius:20px 20px 20px 4px;font-weight:700}
.bz4-a{margin:10px 0 0 auto;background:linear-gradient(135deg,#452EF4,#8C6EFD);color:#fff;border-radius:20px 20px 4px 20px;box-shadow:0 12px 30px rgba(69,46,244,.35)}
@media(max-width:767px){.bz4-q,.bz4-a{max-width:100%;font-size:16px}}
.bz4-tl{position:relative;display:flex;flex-wrap:wrap;justify-content:center;gap:22px;max-width:1100px;margin-left:auto;margin-right:auto}
.bz4-tl::before{content:"";position:absolute;left:8%;right:8%;top:36px;height:4px;border-radius:4px;background:linear-gradient(90deg,#452EF4,#ce5bf4,#f5771b)}
.bz4-tl-step{position:relative;z-index:2;flex:1 1 170px;max-width:210px;text-align:center}
.bz4-tl-node{width:72px;height:72px;margin:0 auto 14px;border-radius:50%;background:#fff;border:4px solid #452EF4;color:#452EF4;display:flex;align-items:center;justify-content:center;font-size:26px;box-shadow:0 8px 22px rgba(69,46,244,.3)}
.bz4-tl-name{font-size:17px;line-height:1.35;font-weight:700;color:#14102e}
.bz4-tl-time{margin-top:6px;font-size:18px;font-weight:900;color:#452EF4}
.bz4-tl-total .bz4-tl-node{background:linear-gradient(135deg,#ff9004,#ff2e54);border-color:#ff2e54;color:#fff}.bz4-tl-total .bz4-tl-time{color:#ff2e54}
@media(max-width:767px){.bz4-tl{flex-direction:column;align-items:center}.bz4-tl::before{left:50%;right:auto;top:20px;bottom:20px;width:4px;height:auto;transform:translateX(-50%)}.bz4-tl-step{max-width:none;width:100%;background:#f4f1ff;padding:6px 0}}
.top-box.bz4-top{background:linear-gradient(90deg,#ff7a00,#ff9a1f) !important;position:fixed !important;top:0;left:0;right:0;width:100%}
.top-box.bz4-top .top-title,.top-box.bz4-top i{color:#fff}

/* ===== OTO 5 – Agency + Reseller additions ===== */
.top-box.bz5-top{background:linear-gradient(90deg,#d9970a,#ffc93c 50%,#d9970a) !important;position:fixed !important;top:0;left:0;right:0;width:100%;z-index:999;padding:12px 0;box-shadow:0 4px 18px rgba(217,151,10,.4)}
.top-box.bz5-top .top-title{font-size:18px;line-height:1.35;color:#2a1a00}
.top-box.bz5-top i{color:#2a1a00;margin-right:8px}
@media(max-width:767px){.top-box.bz5-top .top-title{font-size:14px}}
.bz5-phone{max-width:none}
.bz5-lab{font-size:19px;margin-bottom:16px}.bz5-lab i{margin-right:8px;color:#7a3cf0}
.bz5-phone .bz3-bubble{margin-bottom:12px}
.bz5-story-p{margin:16px 0 0;font-size:17px;line-height:1.55;color:#14102e}
.bz5-badge-wrap{text-align:center;margin-top:34px}
.bz5-badge{display:inline-block;padding:14px 28px;border-radius:999px;background:linear-gradient(135deg,#452EF4,#8C6EFD);color:#fff;font-weight:800;font-size:clamp(17px,2.4vw,22px);line-height:1.35;box-shadow:0 14px 34px rgba(69,46,244,.35)}
.bz5-badge i{color:#FFF500;margin-right:8px}
.bz5-three .bz5-mini{height:100%;display:flex;align-items:center;gap:14px;background:#fff;border-radius:18px;padding:20px 22px;border-top:5px solid #7a3cf0;box-shadow:0 14px 40px rgba(76,69,169,.18);color:#1b0a55;font-size:18px;line-height:1.4}
.bz5-mini i{flex:0 0 auto;width:46px;height:46px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;background:linear-gradient(135deg,#ff9004,#ff2e54 50%,#8144ff)}
.bz1-table th i{margin-right:8px}
.bz5-mock{max-width:900px;margin-left:auto;margin-right:auto;border-radius:18px;overflow:hidden;border:1px solid rgba(136,107,247,.55);box-shadow:0 0 35px rgba(69,46,244,.4)}
.bz5-fcard{padding:26px 22px !important}
.bz5-fcard .bz1-why{color:#4b4478}.bz5-fcard .bz1-why strong{color:#452EF4}
.bz5-banner-wrap{text-align:center;margin-top:30px}
.bz5-banner{display:inline-block;padding:12px 30px;border-radius:12px;background:linear-gradient(90deg,#ff9004,#ff2e54);color:#fff;font-weight:900;font-size:clamp(18px,2.6vw,24px);box-shadow:0 12px 30px rgba(255,46,84,.4)}
.bz5-banner i{margin-right:8px}
.bz5-calc{max-width:640px;margin:0 auto;background:#fff;border-radius:22px;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.4);color:#14102e}
.bz5-calc-head{padding:16px 24px;background:linear-gradient(90deg,#452EF4,#8C6EFD);color:#fff;font-size:22px;font-weight:900}
.bz5-calc-row{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 24px;border-top:1px solid #e6e1ff;font-size:19px;line-height:1.4}
.bz5-calc-row:first-of-type{border-top:0}
.bz5-calc-row strong{font-weight:800;color:#1b0a55;text-align:right}
.bz5-calc-profit{background:#e9fbf1}.bz5-calc-profit strong{color:#0f9d58;font-size:22px}
.bz5-tl .bz1-tl-node{top:20px}
.bz5-daycard{background:#fff;border-radius:18px;padding:22px 26px;box-shadow:0 14px 40px rgba(76,69,169,.18);border:1px solid #e0d9ff}
.bz5-dayname{font-size:22px;font-weight:900;color:#452EF4;margin-bottom:6px}
.bz5-daytext{font-size:18px;line-height:1.55;color:#14102e}
@media(max-width:768px){.bz5-daycard{padding:18px}.bz5-calc-row{font-size:16px;padding:14px 16px;flex-direction:column;align-items:flex-start;gap:4px}.bz5-calc-row strong{text-align:left}}
.bz5-fcard .bz1-num{min-width:44px}


/* =====================================================
   "Only On This Page: Pro Unlimited" section (before footer)
   ===================================================== */
.bz5-only{
  position:relative; overflow:hidden; padding:70px 0 80px;
  background:
    radial-gradient(ellipse 45% 55% at 92% 0%, rgba(110,70,190,.45) 0%, rgba(110,70,190,0) 70%),
    radial-gradient(ellipse 35% 50% at 0% 85%, rgba(40,70,160,.35) 0%, rgba(40,70,160,0) 70%),
    radial-gradient(ellipse 40% 40% at 100% 100%, rgba(150,30,50,.25) 0%, rgba(150,30,50,0) 70%),
    #060613;
}
.bz5-only-title{
  margin:0; color:#fff; font-size:clamp(26px,4.4vw,44px); line-height:1.3; font-weight:900;
}
.bz5-only-grad{
  background:linear-gradient(90deg,#ff9004 0%,#ff2e54 35%,#c959dd 70%,#8f6bff 100%);
  -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent;
}
.bz5-only-card{
  background:#04040d; border:1px solid rgba(124,92,230,.55); border-radius:22px;
  padding:34px 20px; box-shadow:0 0 40px rgba(110,70,200,.18);
}
.bz5-only-card img{ max-width:210px; width:100%; filter:drop-shadow(0 8px 22px rgba(60,110,255,.35)); }
.bz5-only-btn{
  display:flex; align-items:center; justify-content:center; height:100%; min-height:74px;
  padding:16px 22px; border-radius:14px; text-align:center; text-decoration:none;
  color:#fff; font-size:16px; line-height:1.35; font-weight:800;
  transition:transform .25s ease, box-shadow .25s ease;
}
.bz5-only-btn:hover{ color:#fff; transform:translateY(-2px); }
.bz5-only-yes{
  background:linear-gradient(180deg,#2fc92f 0%,#1a9e1a 100%);
  box-shadow:0 10px 30px rgba(40,200,40,.35), inset 0 1px 0 rgba(255,255,255,.25);
}
.bz5-only-yes:hover{ box-shadow:0 14px 36px rgba(40,200,40,.5), inset 0 1px 0 rgba(255,255,255,.25); }
.bz5-only-yes s{ opacity:.85; margin:0 2px; }
.bz5-only-no{
  background:linear-gradient(180deg,#ff2525 0%,#d40000 100%);
  box-shadow:0 10px 30px rgba(255,30,30,.35), inset 0 1px 0 rgba(255,255,255,.2);
}
.bz5-only-no:hover{ box-shadow:0 14px 36px rgba(255,30,30,.5), inset 0 1px 0 rgba(255,255,255,.2); }
@media (max-width:767.98px){
  .bz5-only{ padding:50px 0 60px; }
  .bz5-only-card{ padding:26px 16px; }
  .bz5-only-btn{ font-size:15px; min-height:64px; }
}


/* =====================================================
   Reseller License section - zig-zag cards
   ===================================================== */
.bz5-rs-list{ max-width:1100px; margin:34px auto 0; display:flex; flex-direction:column; gap:26px; }
.bz5-rs-card{
  display:flex; align-items:center; justify-content:space-between; gap:30px;
  padding:26px 34px; border-radius:16px;
  background:linear-gradient(180deg,#ffffff 0%,#f3f7ff 100%);
  border:1px solid #cdd9f0;
  box-shadow:0 10px 30px rgba(60,80,150,.10);
  transition:transform .25s ease, box-shadow .25s ease;
}
.bz5-rs-card:hover{ transform:translateY(-3px); box-shadow:0 16px 38px rgba(60,80,150,.16); }
.bz5-rs-card:nth-child(even){ flex-direction:row-reverse; }
.bz5-rs-text{ flex:1 1 50%; min-width:0; text-align:left; }
.bz5-rs-card:nth-child(even) .bz5-rs-text{ text-align:right; }
.bz5-rs-pill{
  display:inline-flex; align-items:center; gap:6px; padding:5px 13px; border-radius:8px;
  background:linear-gradient(90deg,#6b4cff,#9a6bff); color:#fff; font-size:13px; font-weight:800;
  box-shadow:0 4px 12px rgba(107,76,255,.35);
}
.bz5-rs-title{ margin-top:12px; font-size:26px; line-height:1.25; font-weight:900; color:#0d0233; letter-spacing:-.01em; }
.bz5-rs-desc{ margin-top:10px; font-size:17px; line-height:1.6; color:#3b3f5c; }
.bz5-rs-why{ margin-top:10px; font-size:16px; line-height:1.55; color:#3b3f5c; }
.bz5-rs-why strong{ color:#5a3df0; }
.bz5-rs-media{ flex:0 1 42%; text-align:center; }
.bz5-rs-media img{
  width:100%; max-width:430px; border-radius:12px;
  box-shadow:0 12px 28px rgba(30,40,100,.25);
}
@media (max-width:767.98px){
  .bz5-rs-card, .bz5-rs-card:nth-child(even){ flex-direction:column-reverse; padding:22px 18px; gap:18px; }
  .bz5-rs-text, .bz5-rs-card:nth-child(even) .bz5-rs-text{ text-align:left; }
  .bz5-rs-media{ flex:none; width:100%; }
  .bz5-rs-title{ font-size:22px; }
  .bz5-rs-desc{ font-size:16px; }
}



/* Agency + Reseller Video Testimonials */
.bz1-agency-video {
    /* padding: 60px 0; */
    overflow: hidden;
    background: #10101c;
}

.bz1-agency-video .bz1-sub {
    margin-top: 12px;
    font-size: 16px;
    line-height: 1.7;
    opacity: .85;
}

.bz1-agency-video .bz1-agency-card {
    height: 100%;
    overflow: hidden;
    border: 1px solid rgba(164, 111, 255, .25);
    border-radius: 17px;
    background: linear-gradient(155deg, #1b1b2d, #12121e);
    box-shadow: 0 10px 35px rgba(0, 0, 0, .2);
    transition: transform .3s ease, border-color .3s ease,
                box-shadow .3s ease;
}

.bz1-agency-video .bz1-agency-card:hover {
    transform: translateY(-5px);
    border-color: rgba(164, 111, 255, .75);
    box-shadow: 0 16px 38px rgba(119, 62, 255, .15);
}

.bz1-agency-video .bz1-agency-video-wrap {
    position: relative;
    width: 100%;
    aspect-ratio: 4 / 5;
    overflow: hidden;
    background: #080811;
}

.bz1-agency-video .bz1-agency-video {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    cursor: pointer;
}

.bz1-agency-video .bz1-agency-play {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 62px;
    height: 62px;
    padding: 0;
    border: 1px solid rgba(255, 255, 255, .7);
    border-radius: 50%;
    background: linear-gradient(135deg, #9b5cff, #6635e9);
    box-shadow: 0 5px 25px rgba(104, 48, 237, .45);
    cursor: pointer;
    transform: translate(-50%, -50%);
    transition: transform .25s ease, opacity .25s ease;
}

.bz1-agency-video .bz1-agency-play:hover {
    transform: translate(-50%, -50%) scale(1.1);
}

.bz1-agency-video .bz1-agency-play svg {
    width: 25px;
    height: 25px;
    fill: #fff;
    margin-left: 3px;
}

.bz1-agency-video .bz1-agency-video-wrap.is-playing .bz1-agency-play {
    opacity: 0;
    pointer-events: none;
}

.bz1-agency-video .bz1-agency-video-wrap.is-playing:hover .bz1-agency-play {
    opacity: 1;
    pointer-events: auto;
}

.bz1-agency-video .bz1-agency-video-wrap.is-playing:hover .bz1-agency-play svg {
    display: none;
}

.bz1-agency-video .bz1-agency-video-wrap.is-playing:hover .bz1-agency-play::after {
    content: "Ⅱ";
    color: #fff;
    font-size: 24px;
}

.bz1-agency-video .bz1-agency-profile {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 18px 14px;
}

.bz1-agency-video .bz1-agency-avatar {
    flex: 0 0 43px;
    width: 43px;
    height: 43px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(255, 255, 255, .18);
    border-radius: 50%;
    color: #fff;
    background: linear-gradient(135deg, #9b5cff, #6635e9);
    font-size: 13px;
    font-weight: 800;
}

.bz1-agency-video .bz1-agency-info {
    min-width: 0;
    flex: 1;
}

.bz1-agency-video .bz1-agency-info h3 {
    margin: 0 0 5px;
    color: #fff;
    font-size: 15px;
    line-height: 1.3;
    font-weight: 800;
}

.bz1-agency-video .bz1-agency-info p {
    margin: 0;
    color: #bd9bff;
    font-size: 11px;
    line-height: 1.5;
}

.bz1-agency-video .bz1-agency-number {
    align-self: flex-start;
    color: rgba(189, 155, 255, .65);
    font-size: 12px;
    font-weight: 800;
}

.bz1-agency-video .bz1-agency-disclosure {
    max-width: 760px;
    margin: 28px auto 0;
    padding: 0 15px;
    color: rgba(255, 255, 255, .55);
    font-size: 12px;
    line-height: 1.7;
    text-align: center;
}

.bz1-agency-video .bz1-cta-wrap {
    margin-top: 30px;
}

@media (max-width: 991.98px) {
    .bz1-agency-video {
        padding: 50px 0;
    }

    .bz1-agency-video .bz1-agency-profile {
        padding: 16px 12px;
    }
}

@media (max-width: 575.98px) {
    .bz1-agency-video {
        padding: 40px 0;
    }

    .bz1-agency-video .bz1-sub {
        padding: 0 12px;
        font-size: 14px;
    }

    .bz1-agency-video .bz1-agency-video-wrap {
        aspect-ratio: 16 / 10;
    }

    .bz1-agency-video .bz1-agency-play {
        width: 55px;
        height: 55px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .bz1-agency-video .bz1-agency-card,
    .bz1-agency-video .bz1-agency-play {
        transition: none;
    }
}