@import url(bootstrap.min.css);

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

@media (min-width: 1200px) {

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

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

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

.mtop0 {
	margin-top: 0 !important
}

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

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

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

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

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

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

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

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

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

.mtop80 {
	margin-top: 80px !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-md36 {
		font-size: 36px !important
	}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.l100 {
	line-height: 100%
}

.l110 {
	line-height: 110%
}

.l120 {
	line-height: 120%
}

.l130 {
	line-height: 130%
}

.l140 {
	line-height: 140%
}

.l160 {
	line-height: 160%
}

.l170 {
	line-height: 170%
}

.l180 {
	line-height: 180%
}

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

.black-clr {
	color: #000000;
}

.orange-clr {
	color: #FF8A00;
}

.pink-clr {
	color: #F228C6;
}
.sky-clr3{
	
color: #00af9f;
}

.leyer-box3 {
	background-color: #F228C6;
	display: inline-block;
	padding: 0px 50px;
	border-radius: 10px;
}
.ll-box1 {
border-radius: 10px;
  padding: 0px 5px;
  color: #fff;
  display: inline-block;
background-image: linear-gradient(0deg,rgb(90, 65, 245) 0%, rgb(21, 179, 255) 100%);
  }

.top-box1 {
	border-radius: 30px 30px 0 0;
	background: linear-gradient(0deg, #00FEEF 0%, #00FEEF 106%);
	background-image: linear-gradient(90deg,rgba(255, 255, 255, 0.16) 0%, rgba(255, 255, 255, 0.12) 100%);
	padding: 15px 10px;
	color: #fff;
}

.gradient-clr1 {
	background: linear-gradient(90deg, #61E081 0.01%, #04FF89 41%, #00FEFF 68%, #01C5F8 99.99%);
	background-clip: border-box;
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.title-s1{
background-color: #fff;
  padding: 2px 30px;
  border-radius: 50px;
  display: inline-block;
}

.step_block_box {
	border-radius: 20px;
background-image: linear-gradient(0deg,rgb(90, 65, 245) 0%, rgb(21, 179, 255) 100%);

padding: 50px 30px;
	
	  
}
.step_block_box1 {
border-radius: 20px;
  background-color: rgb(9, 13, 40);
background-color: rgb(9, 13, 2);
  padding: 50px 30px;
background-image: linear-gradient(0deg,rgb(90, 65, 245) 0%, rgb(21, 179, 255) 100%);

}

.welcome-section {
	padding: 30px 0px 0 0;
	background: #000 url(../images/header-bg.png) no-repeat center center;
	background-size: cover;
}
.border-gradient1 {
background: linear-gradient(90deg, rgba(0, 255, 240, 0.00) 0%, #198646 50%, rgba(0, 255, 240, 0.00) 100%);
  height: 1px;
}


.done-title-bg{

color: #1c2d41;
 padding: 10px;
  border-radius: 25px;
  background: linear-gradient( 105deg, rgba(255,255,255,.98), rgba(248,255,250,.95), rgba(255,255,255,.98) );
  border: 1px solid rgba(24, 108, 67, .08);
  box-shadow: 0 21px 65px rgba(19, 78, 54, .09);
  backdrop-filter: blur(10px);
}
.limited {

  padding: 15px;
  padding: 8px 40px;
border: 1px solid #16b2ff;
  margin-bottom: -6px;
  display: inline-block;
  border-bottom-left-radius: 150px;
  border-bottom-right-radius: 150px;
  box-shadow: 0px 32px 38px 0px rgb(0 0 0 / 21%);
  border-width: 1px;
background-image: linear-gradient(180deg,rgb(22, 178, 255) 0%, rgb(83, 76, 246) 100%);
  }
.features-box {
	border-radius: 5px;
	background: linear-gradient(180deg, rgb(255 255 255 / 10%) 0%, rgb(255 255 255 / 10%) 106%);
	padding: 15px;
	
  box-shadow: 0px 32px 38px 0px rgb(0 0 0 / 21%);

  border-width: 1px;
  border-color: rgb(255 255 255 / 12%);
  border-style: solid;
  border-radius: 10px;
}
@media (min-width: 768px) {
  }

.video-frame {
background-color: rgb(255 255 255 / 10%);
  box-shadow: 0px 32px 38px 0px rgb(0 0 0 / 21%);
  padding: 2.4%;
  border-width: 1px;
  border-color: rgb(255 255 255 / 12%);
  border-style: solid;
  border-radius: 0 0 10px 10px;
}

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

ul.features-list li {
list-style: none;
  background: url(../images/list-icon.png) center left no-repeat;
  min-height: 47px;
  padding-left: 55px;
  background-position: 15px 2px;
margin-bottom: 20px;
  background-size: 30px;
}

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

ul.steps-list li {
	list-style: none;
	background: url(../images/list-icon.png) center left no-repeat;
	min-height: 46px;
	padding-left: 55px;
	
	
	margin-bottom: 10px;
}

.cta-wrap {

	padding: 15px;

	border-radius: 0;
  
    background-color: rgba(4, 4, 5, 0.97);
    border: 5px solid #ffffff30;
  }

.hurry {

display: block;
  padding: 4px 0;
  background-color: rgb(255, 235, 0);

  background-image: linear-gradient(180deg,rgb(22, 178, 255) 0%, rgb(83, 76, 246) 100%);
}

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

@media (min-width:768px) {
	.cta-wrap {
		

	border-radius: 0;
    padding: 15px;
    background-color: rgba(4, 4, 5, 0.97);
    border: 15px solid #ffffff30;
	  }

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

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

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

	.cta-wrap {
	padding: 55px 40px 0px 40px;
	}
}

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

@media (max-width:768px) {
	.cta-wrap {
		border-radius: 50px;
		padding: 15px;
		background-color: rgb(22, 22, 22);
	  }
	}
	@media (max-width:576px) {
		.cta-wrap {
		border-radius: 30px;
    padding: 30px 15px 0px 15px;
    background-color: rgb(22, 22, 22);
		  }
		}




a.action-link {
	color: #000;
	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: 10px 15px;
	text-decoration: none;
	cursor: pointer;
	box-shadow: 0px 0px 14px 3px rgba(4, 10, 10, 0.21);
	transition: 0.5s;
	background-color: #fff;
}


a.action-link:hover {
	background-color: #fff;
	
	

	
	
transform: scale(1.03);
}

a.action-link1 {
	color: #000;
	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;
	
	background: linear-gradient(90deg, #FF8A00 0%, #FFF500 100%);
	padding: 10px 15px;
	font-size: 22px;
	text-decoration: none;
	cursor: pointer;
	box-shadow: 0px 0px 14px 3px rgb(4, 10, 10);
}

a.action-link2 {
	color: #000;
	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;
background-image: linear-gradient(0deg,rgb(90, 65, 245) 0%, rgb(21, 179, 255) 100%);

	padding: 10px 15px;
	font-size: 22px;
	text-decoration: none;
	cursor: pointer;
	box-shadow: 0px 0px 14px 3px rgb(4, 10, 10);
}


a.action-link1:hover {
	
background-image: linear-gradient(0deg,rgb(21, 179, 255) 0%, rgb(90, 65, 245) 100%);
	box-shadow: 0px 0px 14px 3px rgb(4, 10, 10);

}
a.action-link2:hover {
	
background-image: linear-gradient(0deg,rgb(21, 179, 255) 0%, rgb(90, 65, 245) 100%);
	box-shadow: 0px 0px 14px 3px rgb(4, 10, 10);

}

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

	}
	a.action-link2 {
		padding: 22px 0px;
		font-size: 28px;

	}
}






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


.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;
}
@media (min-width:768px) {

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

	}
}




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


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

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

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



@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700;800&display=swap');

:root {
    --p-grad: linear-gradient(135deg, #FF0056 0%, #FF6B00 100%);
    --btn-grad: linear-gradient(90deg, #FF0056 0%, #FF8C00 100%);
    --shadow-soft: 0 20px 40px rgba(0,0,0,0.15);
}

.modal.banner-popup {
    background: rgba(0, 0, 0, 0.85) !important;
    backdrop-filter: blur(8px);
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'Inter', sans-serif;
}

#ouibounce-modal .modal-content {
    border: none;
    border-radius: 30px; 
    overflow: hidden;
    box-shadow: 0 30px 60px rgba(0,0,0,0.5);
    max-width: 600px;
    margin: 15px;
}


.banner-popup .close {
    position: absolute;
    top: 15px;
    right: 15px;
    background: rgba(255,255,255,0.2);
    backdrop-filter: blur(5px);
    color: #fff;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid rgba(255,255,255,0.3);
    opacity: 1;
    z-index: 999;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.3s;
}
.banner-popup .close:hover { background: #000; transform: rotate(90deg); }


#ouibounce-modal .modal-header {
background: linear-gradient( 105deg, #6bce29 0%, #15923d 31%, #00613a 72%, #087944 100% );
  border: 1px solid rgba(80, 215, 75, .45);
  box-shadow: 0 13px 27px rgba(14, 131, 61, .19), 0 0 0 4px rgba(85, 211, 76, .04), inset 0 1px 1px rgba(255,255,255,.28);
  text-shadow: 0 2px 2px rgba(0,0,0,.08);
  padding: 2px 40px 0 25px;
  border-bottom: none;
  text-align: center;
}

.wait-text {
    font-size: 34px;
    font-weight: 800;
    letter-spacing: -1px;
    color: #fff;
    margin-bottom: 0;
    text-shadow: 0 4px 10px rgba(0,0,0,0.1);
}

.sub-text {
    font-size: 20px;
    color: rgba(255,255,255,0.9);
    font-weight: 400;
}


.modal-body {
    padding: 35px 30px !important;
    background: #fff;
}

.discount-title {
font-size: 32px;
  font-weight: 900;
  color: #1a1a1a;
  line-height: 1.2;
}

.pink-clr { color: #FF0056; }


.coupon-wrapper {
background: #F8FAFC;
  border: 2px dashed #CBD5E1;
  padding: 12px 0 0 0px;
  border-radius: 16px;
  margin: 10px 0;
  position: relative;
  
}
.coupon-label {
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #64748B;
    font-weight: 700;
    margin-bottom: 5px;
}
.coupon-code {
font-size: 20px;
  font-weight: 800;
  color: #004FA7;
  letter-spacing: 1px;
}


.checkout-btn {
    background: var(--btn-grad);
    color: #fff !important;
    font-size: 24px;
    font-weight: 700;
    padding: 20px 40px;
    border-radius: 100px;
    text-decoration: none !important;
    display: block;
    margin-bottom: 12px;
    box-shadow: 0 10px 25px rgba(255, 0, 86, 0.3);
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    text-align: center;
}

.checkout-btn:hover {
    transform: scale(1.03);
    box-shadow: 0 15px 35px rgba(255, 0, 86, 0.4);
}

@media (min-width: 576px) {
  .modal-dialog {
    max-width: 700px;
    margin: 1.75rem auto;
  }
}
@media (max-width: 500px) {
    .wait-text { font-size: 32px; }
    .sub-text { font-size: 16px; }
    .discount-title { font-size: 20px; }
    .checkout-btn { font-size: 18px; padding: 15px; }
    .coupon-code { font-size: 22px; }


#ouibounce-modal .modal-content {
  border: none;
  border-radius: 30px;
  overflow: hidden;
  box-shadow: 0 30px 60px rgba(0,0,0,0.5);
  max-width: 576px;
  margin: 0;
}
.coupon-wrapper {
  background: #F8FAFC;
  border: 2px dashed #CBD5E1;
  padding: 10px;
  border-radius: 16px;
  margin: 15px 0;
  position: relative;
}
}



.testimonials-section {
	padding: 30px 0px;
	background: url(../images/t-bg.png) 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: url(../images/t-bg.png) no-repeat center top;
	background-size: cover;
	overflow: hidden;
	background-color: #000;
}

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

.card-card {
  border-radius: 1.875rem;
  padding: 0.0625rem;
  
background-image: linear-gradient(180deg,rgb(23, 176, 255) 0%, rgba(214, 255, 0, 0) 100%);
}
.card-card-in {
  border-radius: 1.875rem;
  padding: 1.875rem 3.125rem;
background-image: linear-gradient(0deg,rgba(0, 39, 99, 0) 0%, rgb(0, 0, 0) 100%);
  backdrop-filter: blur(0.9px);
}



.tuser {

	
  border-radius: 15px;
  
  position: relative;
  color: #fff !important;

}

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



@media (min-width:1024px) {
	.tuser .user-card{
display: flex;
	}
	.user-content img{
		margin: 0;
	}
}

@media (max-width: 991px) {
	.user-content img{
		margin: auto;
	}
}

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

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


@media (min-width:768px) {



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

	.tuser {
		border-radius: 30px 30px 30px 30px;
		
	}

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

	}

}

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

@media (max-width:576px) {
	.tuser::before {
		display: none;
	}
}

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

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

	}
}

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

	.tuser .t-user {

		max-width: 80px;
	}

}

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


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

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

.relative {
	position: relative;
}

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

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

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

@media (max-width: 768px) {

}

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

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

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

}

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

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


@media (min-width:991px) {


}

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

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

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

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

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

@media (max-width: 768px) {

}

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

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

.cta-section {
	background-image: linear-gradient(0deg,rgb(90, 65, 245) 0%, rgb(21, 179, 255) 100%);
	padding: 30px 0px;
	background-size: cover;
}

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

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

.future-section {
	background: url(../images/future.png) no-repeat center center;

	padding: 30px 0px;
	background-size: cover;
	background-attachment: fixed;
}

.f-b-f{
	background-image: linear-gradient(180deg,rgb(23, 176, 255) 0%, rgba(214, 255, 0, 0) 100%);
  padding: 0.0625rem;
  position: relative;
  color: #fff !important;
  box-shadow: 0px 0 20px 0 rgba(62, 62, 62, 0.35) !important;
  box-shadow: 0px 0 20px 0 rgba(21, 21, 30, 0.19) !important;
  border-radius: 30px 30px 30px 30px;
}
.future-block {
	border-radius: 30px;
	
border-radius: 1.875rem;
  padding: 1.875rem 3.125rem;
background-image: linear-gradient(0deg,rgba(0, 39, 99, 0) 0%, rgb(0, 0, 0) 100%);
  backdrop-filter: blur(0.9px);
	padding: 10px 20px;

}

.future-block.fill {
border-radius: 1.875rem;
  padding: 1.875rem 3.125rem;
background-image: linear-gradient(0deg,rgba(0, 39, 99, 0) 0%, rgb(0, 0, 0) 100%);
  backdrop-filter: blur(0.9px);
  }


.future-block.fill1 {
border-radius: 1.875rem;
  padding: 1.875rem 3.125rem;
background-image: linear-gradient(0deg,rgba(0, 39, 99, 0) 0%, rgb(0, 0, 0) 100%);
  backdrop-filter: blur(0.9px);
  }


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

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

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

@media (max-width: 1024px) {

}

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

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

@media (min-width:768px) {


}

@media (min-width:768px) {

	
}

.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: 100px 0px 60px 0;
  
	background: url(../images/knock-section.png) no-repeat center center;
  
	  background-attachment: scroll;
	  background-size: auto;
	background-size: cover;
overflow: hidden;
  z-index: 0;
  
  }
@media (min-width: 768px) {
  .knock-section {
    padding: 100px 0px 100px 0;

  }
}

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

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

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

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

ul.orange-tick li {
	list-style: none;
	background: url(../images/sed-emogi.png) 0px 0px no-repeat;
	min-height: 35px;
	padding: 20px 10px 30.5px 100px;

	background-position: 20px 15px;
}

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

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

ul.blue-tick li {
	list-style: none;
	background: url(../images/happy-emogi.png) 0px 0px no-repeat;
	min-height: 35px;
	padding: 21px 10px 34px 100px;

	background-position: 20px 15px;
}

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

.demo-section {
padding: 30px 0px 0 0;
  background: url(../images/demo-section.png) center top no-repeat;
    background-size: auto;
  background-size: cover;
}
@media (min-width: 768px) {
	.demo-section {
	  padding: 10px 0px 80px 0;
	}
  }

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

@media (min-width:768px) {

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

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





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

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

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

.success-section {
	background: url(../images/success-bg2.png) no-repeat top center;
	background-size: cover;
	padding-top: 50px;
	padding-bottom: 0px;
	overflow: hidden;
}

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

@media (min-width:768px) {

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

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

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

	
}





.faq-section {
	
	
	
	background: url(../images/faq-bg-img.webp) no-repeat top center;

	background-size: cover;
	padding-top: 80px;
	padding-bottom: 80px;
}
  .top-box .top-content-section {
	color: #fff;
  }
.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) {
	
}

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

@media (min-width: 768px) {


}

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

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

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



.top-box {
		background-color: #f07c2e;
background-color: #130d0dde;
padding: 0px 0px 0px 0;

	position: fixed;
  width: 90%;
  z-index: 999;
  color: #fff;
  top: 5px;
  left: 5%;
  padding: 10px 20px 10px 30px;
  border-radius: 50px;
  border: 1px solid rgba(255, 255, 255, 0.16);
  backdrop-filter: blur(16px);
}

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



.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: 20px;
	padding: 8px 70px;
	background-color: antiquewhite;
}

.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 .titles1 {
	margin-bottom: 0;
}

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

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

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

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

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

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

@media screen and (min-width: 400px) {
	.d400-block {
		display: none;
	}

	.d500-block {
		display: block;
	}
}

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

	.d400-block {
		display: block;
	}

	.d500-block {
		display: none;
	}
}

.timer-box .main {
	text-align: center;
	display: flex;
	
}

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

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

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

	.top-box .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-color: rgb(255, 236, 42);

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

.btn-primary:hover {
	color: #000;
	background-color: rgb(255, 236, 42);
	border-color: rgb(255, 236, 42);
}



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

}

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

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

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

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

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

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

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

@media only screen and (max-width: 1200px) {
}

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

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

@media only screen and (max-width: 360px) {
}

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

@media only screen and (max-width: 360px) {
}

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

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


}

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





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

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

}

.header-icon{
	position: absolute;
  right: 0%;
  bottom: 5%;
  width: 8%;
}
.header-icon1 {
	position: absolute;
	left: 4%;
	top: 5%;
	width: 7%;
	z-index: 1;
}


.header-icon2 {
position: absolute;
  left: -4%;
top: 14%;
  width: 23%;
  opacity: 0.7;
}

.header-icon3 {
position: absolute;
  right: -6%;
top: 14%;
  width: 22%;
  z-index: 1;
  opacity: 0.7;
}

.header-icon4 {
position: absolute;
  right: 5%;
  top: 7%;
  width: 6%;
}
.header-icon7{
	position: absolute;
	left: 0%;
	bottom: 3%;
	width: 12%;
  }

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

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

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

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

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

}

.shadow:before {
	content: "";
	position: absolute;
	inset: -1px;
	transform: translate(0px, 1px);
	z-index: -1;
	
	background: linear-gradient(180deg, #FFF500 0%, #00FF57 100%);
	background: linear-gradient(90deg, #E60EFF66 0%, #8408FF96 100%);
	filter: blur(10px);

	border-radius: 45px;

}

.box {
	position: relative;
}



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

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


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

@media (min-width: 768px) {

}

.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, #E60EFF66 0%, #8408FF96 100%);
	filter: blur(10px);

	border-radius: 45px;
}

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

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

@media (min-width: 768px) {

}


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

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

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


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

}

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

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

.bonus-hedings {
	padding: 10px 15px;
	border-radius: 10px 0px;
color: #fff;
  display: inline-block;
background-image: linear-gradient(0deg,rgb(90, 65, 245) 0%, rgb(21, 179, 255) 100%);
	display: inline-block;
	color: #fff;
	position: relative;
	z-index: 9;

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


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




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

.t-text1{
	color: rgb(57, 57, 93);
}

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

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




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

@media (max-width: 400px) {
	.effect-3::before {
		content: '';
		position: absolute;
		width: 102%;
		height: 14px;
		left: 50%;
		bottom: 0px;
background-color: rgba(212, 253, 0, 0.33);
		z-index: -1;
		transform: translateX(-50%);
		padding: 0;
	}
}

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

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


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

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

.li-card {
border: 1px dashed rgb(213, 254, 0);
	padding: 15px;
	
	border-radius: 0px;

  
  }



.step-section .step-img-wrap img {
	background: linear-gradient(90deg, #199EFE30 0.01%, #23A1FC29 99.99%);
	padding: 3px;
	border-radius: 12px;
	width: 100%;
  }
@media (min-width: 768px) {
	.step-section .step-img-wrap img {
		background: linear-gradient(90deg, #199EFE30 0.01%, #23A1FC29 99.99%);
	  padding: 3px;
	  border-radius: 12px;
	  width: 100%;
	}
  }
  @media (min-width: 768px) {
  }
  @media (min-width: 768px) {
  }

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





  @media (min-width: 768px) {

  }
  @media (min-width: 1200px) {
  }
  @media (max-width: 1200px) {
  }
 @media (max-width: 1024px) {
}
@media (max-width: 991px) {
  }
  @media (max-width: 767px) {
  }

  .box-image audio{
	width: 100%;
	height: 40px;
	border-radius: 0px !important;
  }
  @media (max-width: 576px) {
	.box-image audio{
	margin-top: 10px;
	  }
  }
  .li-card {
border: 1px dashed rgb(22, 178, 255);
  padding: 15px 0;
  color: #16b2ff;
  border-radius: 0px;
  margin-bottom: -1px;
  }
  @media (min-width: 768px) {
  }
  ul.cross-td-list {
	margin: 0px;
	padding: 0px;
  }
  ul.cross-td-list li {
	list-style: none;
	background: url(../images/cross-td-list.png) center left no-repeat;
	  background-position-x: left;
	  background-position-y: center;
	background-position-x: left;
	background-position-y: center;
	min-height: 46px;
	padding-left: 55px;
	background-position: 0px 3px;
	margin-bottom: 20px;
  }




  .demo-card {
background-image: linear-gradient(0deg,rgb(90, 65, 245) 0%, rgb(21, 179, 255) 100%);
    box-shadow: 0px 0px 7px 0px rgb(21, 179, 255);
    border-radius: 20px;
 
	margin-top: -252px;
	padding: 20px 10px 20px 10px;
	  padding-top: 20px;
	  padding-bottom: 20px;
	  z-index: 99;
    position: relative;
  }
  @media (min-width: 768px) {
	.demo-card {
		padding: 20px 30px;
	
	  border-radius: 20px;
   background: url(../images/demo-card.png) no-repeat center top;
    background-size: auto;
    background-size: cover;
    box-shadow: 0px 0px 7px 0px rgb(21, 179, 255);
	  margin-top: -252px;
	}
  }
  @media (min-width: 768px) {
  }
  ul.red-tick li {
	list-style: none;
	background: url(../images/cross-icon.png) 0px 0px no-repeat;
	  background-position-x: 0px;
	  background-position-y: 0px;
	min-height: 35px;
	padding: 23.2px 25px 23.2px 80px;
	background-position: 18px 25px;
  }
.lefttoright-animation{
    animation: shake-leftoright 3s infinite linear;
}
.pulse-animation {
    animation: pulse 2s infinite ease-in-out alternate;
}



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

 
  @keyframes fade-in {
  }



.timer-box {
  margin-top: -30px;
}
  @media screen and (min-width: 768px) {
  .timer-box {
    margin-top: -30px;
  }
}