@import url(bootstrap.min.css);

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

.underline {
	border-bottom: 1px solid #00feb2;
}
.green-colr{
	color: #00feb2;
}

body {
	margin: 0;
	padding: 0;
	font-family: 'Hanken Grotesk', sans-serif;
	color: #2a375a;
	font-size: 14px;
	position: relative;
	z-index: -1;
}

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

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

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

.font16 {
	font-size: 16px
}

.font18 {
	font-size: 18px
}

.font20 {
	font-size: 20px
}

.font22 {
	font-size: 22px
}

.font24 {
	font-size: 24px
}

.font26 {
	font-size: 26px
}

.font28 {
	font-size: 28px
}

.font30 {
	font-size: 30px
}

.font32 {
	font-size: 32px
}

.font34 {
	font-size: 34px
}

.font36 {
	font-size: 36px
}

.font38 {
	font-size: 38px
}

.font40 {
	font-size: 40px
}

.font42 {
	font-size: 42px
}

.font44 {
	font-size: 44px
}

.font46 {
	font-size: 46px
}

.font48 {
	font-size: 48px
}

.font50 {
	font-size: 50px
}

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

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

	.font-md25 {
		font-size: 25px
	}

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

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

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

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

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

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

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

	.font-md34 {
		font-size: 34px
	}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.cyan-color {
	color: #00e7ff;
}

.blue-color,
a.blue-color {
	color: #39a1fe;
}

.yellow-color {
	color: #fff600;
}

.green-color {
	color: #75e32c;
}

.red-color1 {
	color: #ff7c7c;
}

.text-pink {
	color: #ff7f7f !important;
}

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

.bg-light-yellow {
	background-color: rgba(255, 249, 235);
}

.bg-light-pink {
	background-color: rgb(250 244 255);
}

.welcome-section {
	padding: 30px 0px;
	position: relative;
	background: #0e1822;
}

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

.feature-wrap {
	border-radius: 15px;
	background: rgba(55, 162, 249, 0.51);
	padding: 15px;
}

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

ul.feature-lists li {
	list-style: none;
	background: url(../images/check3.png) no-repeat top left;
	padding-left: 40px;
	margin-bottom: 25px;
}

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




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

ul.feature-lists-lg li {
	list-style: none;
	background: url(../images/tick-lg.png) no-repeat center left;
	padding-left: 70px;
	margin-bottom: 25px;
}

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


.first {
	color: #ffffff;
	display: inline-block;
	border-radius: 15px;
	padding: 15px;
	position: relative;
	background-color: #3d37ea;
}

.welcome-section {
	padding: 60px 0px 80px 0px;
	background: url(../images/header-bg.png) no-repeat center top;
	background-size: cover;
}

.highlight {
	background: url(../images/highlight.png) no-repeat center center;
	background-size: 100% 100%;
	border: none;
	padding: 5px 60px 25px 15px;
	margin-right: 0px;
}

.feature-wrap {
	padding: 30px;
}

.first {
	background: url(../images/first.png) no-repeat center center;
	background-size: 100% 100%;
	border-radius: 0px;
	margin-left: auto;
	margin-right: auto;
	padding: 20px 20px;
}

@media (min-width: 768px) {
	.first {
		background: url(../images/first.png) no-repeat center center;
		background-size: 100% 100%;
		border-radius: 0px;
		margin-left: auto;
		margin-right: auto;
	
		padding: 10px 60px;
	}

}



/* Header End */



/* Action Link */
a.action-link {
	text-decoration: none;
	text-align: center;
	display: inline-block;
	padding: 15px;
	font-weight: 900;
	font-size: 32px;
	line-height: 30px;
	color: #ffffff;
	border-radius: 100px;
	background-image: linear-gradient(to bottom right, rgb(255, 173, 0) 0%, rgb(255, 11, 80) 100%);
	background-image: linear-gradient(to bottom right, rgb(255, 173, 0) 0%, rgb(255, 11, 80) 100%);
	background-image: linear-gradient(to bottom right, rgb(255, 173, 0) 0%, rgb(255, 11, 80) 100%);
	background-image: linear-gradient(to bottom right, rgb(255, 173, 0) 0%, rgb(255, 11, 80) 100%);
	max-width: 740px;
	width: 100%;
	padding: 30px 20px;
	animation: shadow-pulse 2s infinite;
	border: solid 3px #ffc700;
	height: 100px;
	position: relative;
}

a.action-link:hover {
	background-image: linear-gradient(to bottom right, rgb(255, 173, 0) 0%, rgb(255, 11, 80) 100%);
	background-image: linear-gradient(to bottom right, rgb(255, 173, 0) 0%, rgb(255, 11, 80) 100%);
	background-image: linear-gradient(to bottom right, rgb(255, 173, 0) 0%, rgb(255, 11, 80) 100%);
	background-image: linear-gradient(to bottom right, rgb(255, 173, 0) 0%, rgb(255, 11, 80) 100%);
}


@keyframes shadow-pulse {
	0% {
		box-shadow: 0 0 0 0 rgb(255 176 0 / 30%);
	}

	100% {
		box-shadow: 0 0 0 25px rgb(255 153 0 / 0%);
	}
}

@keyframes shadow-pulse-big {
	0% {
		box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.3);
	}

	100% {
		box-shadow: 0 0 0 50px rgba(255, 255, 255, 0);
	}
}



.cta-bg {
	border-radius: 30px;
	background-image: -moz-linear-gradient(90deg, rgb(14, 19, 108) 0%, rgb(32, 20, 78) 100%);
	background-image: -webkit-linear-gradient(90deg, rgb(14, 19, 108) 0%, rgb(32, 20, 78) 100%);
	background-image: -ms-linear-gradient(90deg, rgb(14, 19, 108) 0%, rgb(32, 20, 78) 100%);
	box-shadow: 0px 8px 30px 0px rgba(24, 23, 62, 0.2);
	overflow: hidden;
}

.cta-padding {
	padding: 20px 20px 0px 20px;
}

.live-section {
	padding: 30px 0px;
	background-size: cover;
	z-index: 9;
	background-size: contain;
	overflow: hidden;
	position: relative;
}

/* .live-section :after {
	content: '';
	position: absolute;
	left: -5%;
	bottom: -30%;
	background-image: url(../images/Shape3.png);
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-size: contain;
	z-index: -1;
} */

.live-section .media {
	position: relative;
}

.contents {
	border-radius: 15px;
	background-color: rgb(42, 55, 90);
	padding: 10px 30px;
	display: inline-flex;
	gap: 20px;
	align-items: center;
}


.live-section {
	padding: 100px 0px 100px 0;
	z-index: -1;
	background: url(../images/live-section.png) no-repeat top center;
	background-size: cover;
	color: #fff;
}


.problem-section {
	padding: 30px 0px;
	background: #ecf2ff;
}

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

.problem-shape {
	padding: 15px 90px;
}

.arrow {
	position: absolute;
	right: 85px;
	top: 145px;
}


.feature-section {
	padding: 30px 0px;
	background: #ffffff;
}

.feature-section1 {
	padding: 30px 0px;
	background: #fff7ff;
}

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

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

ul.point-lists li {
	list-style: none;
	background: url(../images/tick.png) no-repeat top left;
	padding-left: 40px;
	margin-bottom: 25px;
}

.f-block {
	border-radius: 50px;
	background: #cde7f3;
	padding: 20px;
}

.f-white {
	border-radius: 50px;
	background-color: rgb(255, 255, 255);
	box-shadow: 0px 0px 30px 0px rgba(21, 83, 192, 0.2);
	padding: 20px;
}


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

.feature-section1 {
	padding: 100px 0px;
}

.feature-section2 {
	padding: 0px 0px 0px 0px;
}

.f-block {
	padding: 30px 50px;
	margin-top: -100px;
}

.f-white {
	padding: 30px 40px;
}

.intro-section {
	padding: 30px 0px 130px 0px;
	background: #04163f;
	z-index: 9;
}

.intro-shape {
	display: inline-block;
	padding: 20px;
	border-radius: 50px;
	background: rgba(10, 41, 111, 0.302);
}

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

.intro-shape {
	padding: 50px 30px;
}


.imagine-section {
	background: url(../images/imagine-bg.png) no-repeat center center;
	background-size: contain;
	z-index: 9;
}

.content {
	border-radius: 30px;
	background-color: rgb(238, 243, 255);
	box-shadow: 0.14px 7.999px 0px 0px rgba(21, 83, 192, 0.2);
	padding: 20px;
}

.imagine-block {
	background: url(../images/imagine.png) no-repeat center center;
	background-size: 100% 100%;
	border-radius: 50px;
	padding: 20px;
	margin-top: -100px;
}

.imgtitle {
	border-radius: 15px;
	background-color: rgb(255, 246, 0);
	padding: 15px;
	display: inline-block;
}

.imgblock {
	border-width: 1px;
	border-style: solid;
	border-radius: 30px;
	background: rgba(255, 255, 255, 0.039);
	border-color: #4b5884;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 30px;
	padding: 30px;
	height: 100%;

}

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

.imgtitle {
	padding: 15px 30px;
}



.bonus-section {
	background: #ffffff;
	padding: 30px 0px;
}

.bonus-heading {
	border-radius: 30px;
	background-color: rgb(222, 255, 211);
	display: inline-block;
	padding: 5px 20px;
}

.bonus-number {
	background-color: rgb(255, 236, 159);
	display: inline-block;
	padding: 10px 30px;
	border-radius: 65px;
}

.bonus-grey {
	background: #eef5ff;
	padding: 20px;
	border-radius: 20px;
}

.bonus-section {
	background: #ffffff;
	padding: 100px 0px;
}

@media (min-width:1400px) {
	.bonus-grey {
		background: url(../images/bonus-grey.png) no-repeat center center;
		background-size: 100% 100%;
		width: calc(100% + 200px);
		margin-left: -100px;
		padding: 100px 100px;
	}
}

.trip-section {
	padding: 30px 0px;
	background: #e1f1ff;
}

.trip-title {
	border-radius: 30px;
	background-color: rgb(236, 211, 255);
	display: inline-block;
	padding: 15px;

}

.trip-section {
	padding: 62px 0px;
	background: #e1f1ff url(../images/trip-section.png) no-repeat center right;
	background-size: contain;
}

.money-section {
	padding: 30px 0px 30px 0px;
	background: #ffe3c8;
}

.upgrade {
	border-radius: 50px;
	background-color: rgb(52, 57, 77);
	padding: 20px 20px 0px 20px;
}

.orderwhite {
	border-bottom: solid 1px #ffffff;
}

.upgrade-section {
	position: relative;
	padding-bottom: 30px;
}

.upgrade-section .robot-img {
	position: absolute;
	top: 10%;
	right: 50px;
}

.upgrade-section .robot-img img {
	width: 100%;
	height: auto;
	max-width: 200px;
}

.money-section {
	padding: 200px 0px 100px 0px;
	background: url(../images/money-bg1.png) no-repeat center top;
	background-size: cover;
}

.upgrade {
	padding: 50px 100px;
}

.upgrade-section {
	padding-bottom: 100px;
}

ul.content-lists li:last-child {
	margin-bottom: 0px;
}

.upgrades {
	border-radius: 30px;
	background-color: rgb(52, 174, 40);
	display: inline-block;
	padding: 15px;

}

/* Footer */

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

}


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

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

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

.footer-section .terms {
	font-size: 18px;
	font-weight: 300;
	line-height: 160%;
	color: #fff;
}

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

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


/* Footer End */


/*Modal Pop-Up Start*/
#ouibounce-modal .modal-header h5 span {
	font-size: 25px;
}

#ouibounce-modal .modal-header h5 {
	text-align: center;
	width: 100%;
	font-size: 58px;
	line-height: 65px;
	color: #fff;
	font-weight: 700;
}

.modal-header {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	padding: 10px 15px;
	border-bottom: 0 solid #dee2e6;
}

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

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

#ouibounce-modal .modal-body {
	padding: 1rem 1rem 2rem;
	position: relative;
	flex: 1 1 auto;
	padding: 2rem 0.5rem;
	margin-top: -10px;
}

.btn_custom_set1 {
	color: #fff;
	text-decoration: none;
	padding: 30px 50px;
	border-radius: 60px;
	transition: all 0.5s ease;
	display: inline-block;
	line-height: 26px;
	background-image: -moz-linear-gradient(-45deg, rgb(58, 67, 208) 0%, rgb(108, 116, 247) 100%);
	background-image: -webkit-linear-gradient(-45deg, rgb(58, 67, 208) 0%, rgb(108, 116, 247) 100%);
	background-image: -ms-linear-gradient(-45deg, rgb(58, 67, 208) 0%, rgb(108, 116, 247) 100%);
}

.btn_custom_set1:hover {
	color: #fff;
	text-decoration: none;
	padding: 30px 50px;
	border-radius: 60px;
	transition: all 0.5s ease;
	display: inline-block;
	line-height: 26px;
	background-image: -moz-linear-gradient(90deg, rgb(108, 116, 247) 100%, rgb(58, 67, 208) 0%);
	background-image: -webkit-linear-gradient(90deg, rgb(108, 116, 247) 100%, rgb(58, 67, 208) 0%);
	background-image: -ms-linear-gradient(90deg, rgb(108, 116, 247) 100%, rgb(58, 67, 208) 0%);
}

.btn_custom_set1 span {
	font-size: 16px;
	font-weight: lighter;
}

#ouibounce-modal .modal-body h2 {
	text-align: center;
	font-size: 25px;
	color: #212529;
	margin-bottom: 0.5rem;
	font-family: montserrat, -apple-system, BlinkMacSystemFont, segoe ui,
		Roboto, helvetica neue, Arial, noto sans, sans-serif,
		apple color emoji, segoe ui emoji, segoe ui symbol, noto color emoji;
	font-weight: 700;
	line-height: 1.2;
}

#ouibounce-modal .modal-body h3 {
	text-align: center;
	font-size: 25px;
	margin-bottom: 0.5rem;
	font-family: montserrat, -apple-system, BlinkMacSystemFont, segoe ui,
		Roboto, helvetica neue, Arial, noto sans, sans-serif,
		apple color emoji, segoe ui emoji, segoe ui symbol, noto color emoji;
	font-weight: 700;
	line-height: 1.2;
}

.setcolo {
	color: #0c4394;
}

.myfontmain {
	font-size: 45px !important;
	font-family: 'Poppins', sans-serif !important;
	font-weight: bold !important;

}

#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.nothank {
	color: #ff5151;
	text-decoration: none;
}

a.nothank1 {
	color: #000000;
	text-decoration: none;
}

.coupon {
	background: yellow;
	padding: 10px 15px;
	display: inline-block;
	margin: 15px 0px;
}

.banner-popup {
	background: rgba(0, 0, 0, 0.8);
	top: 0px !important;
	padding-top: 60px;
}

/*Modal Pop-Up End*/

@media (min-width: 576px) {
	.modal-dialog {
		margin: 0 auto !important;
	}
}

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

.box_btn {
	background-color: #00feb2;
	padding: 10px 0;
	color: #000 !important;
}

.box_btn-flex {
	display: flex;
	align-items: center;
	gap: 10px;
	justify-content: center;
	flex-direction: row;
}

.box_btn-flex {
	display: flex;
	align-items: center;
	gap: 20px;
	justify-content: center;
	flex-direction: row;
}

.box_btn1 {
	background-color: yellow;
	padding: 20px 0;
	color: #000000 !important;
}

@media (min-width: 576px) {
	.modal-dialog {
		margin: 0 auto !important;
	}
}

a.yes-btn {
	border-radius: 15px;
	background-color: rgb(52, 174, 40);
	display: block;
	padding: 15px;
	text-decoration: none;
	color: #ffffff;
}

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

.timer-section.style-2 {
	margin-top: 0;
	position: relative;
	margin-bottom: -2px;
	border-radius: 30px 30px 0 0;
}

.timer-box-wrapper {
	position: relative;
	background-color: #343a4d;
}

.timer-box-wrapper:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 15%;
	background-color: #fff;
}

.timer-section .timmer-vector {
	position: absolute;
	right: -100px;
	top: 10%;
	z-index: -1;
}

.timer-section .timmer-vector img {
	width: 250px;
	height: auto;
	object-fit: contain;
}

.timer-section {
	padding: 50px 80px;
	background: url(../images/timer.png) no-repeat center top;
	background-size: cover;
	margin-top: -150px;
	z-index: 999999;
	position: relative;
	margin-bottom: -2px;
	border-radius: 30px 30px 0 0;
}

.img-sm-width {
	margin-right: auto;
	margin-left: auto;
	max-width: 550px;
}

.testimonial-box {
	padding: 20px 30px;
	border-radius: 20px;
}

.testimonial-box .testimonial-contact {
	margin-top: 30px;
	display: flex;
	align-items: center;
}

.testimonial-box .testimonial-contact .media img {
	width: 100px;
	height: 100px;
	object-fit: cover;
}

.introduce {
	padding: 100px 0 80px 0;
	background: url(../images/introduce.png) no-repeat center top;
	background-size: cover;
	position: relative;
	margin-top: -50px;
	z-index: -1;
}



/*sec-8 psd2*/

.sec-8 {
	padding: 119px 0 80px;
	position: relative;
	background: linear-gradient(0deg, #f7f9ff 0, #ffffff 100%);
	overflow: hidden;
}

.sec-8 .image-box {
	position: relative;
}

.sec-8 .image-box .rectangle-right {
	position: absolute;
	right: -50%;
	top: 0;
	width: 100%;
	height: calc(100% + 30px);
}

.sec-8 .image-box img {
	position: relative;
	z-index: 9;
}

.sec-8 .image-box .rectangle-left {
	position: absolute;
	left: -50%;
	top: 0;
	width: 100%;
	height: calc(100% + 30px);
}

.sec-8 .rectangle-1 {
	background-color: #fff9e1;
}

.sec-8 .rectangle-2 {
	background-color: #f4e6f3;
}

.sec-8 .rectangle-3 {
	background-color: #e5f1e7;
}

.sec-8 .rectangle-4 {
	background-color: #f8f1eb;
}

.sec-8 .rectangle-5 {
	background-color: #e6ebf1;
}

.sec-8 .rectangle-6 {
	background-color: #ecf8f4;
}

.bg2-sec8 {
	background: #343a4d;
	padding: 98px 30px;
	margin: 0px 2rem;
	border-radius: 50px;
}

.shape-holder {
	margin: 0 auto;
	/*padding: 22px 0 29px;*/
	position: relative;
	background: url(../img/shape_3.png) no-repeat;
	background-position: -28px -8px;
	background-size: cover;
}

.card-1 {
	min-height: 324px;
	padding: 34px 0 50px;
	position: relative;
	border: 2px solid #7485a7;
	border-radius: 20px;
	background: #4a6286;
	background-clip: padding-box;
}

.p-img15 {
	position: absolute;
	top: 18%;
	left: 23%;
	z-index: 9;
}

.p-img18 {
	position: absolute;
	top: 18%;
	right: -9rem;
	z-index: 9;
}

.sec8-img {
	position: absolute;
	z-index: 9;
	top: 0px
}

.sec8-img img {
	width: 65% !important;
}

.sec8-img .object_4 {
	position: relative;
	left: -13%;
	width: 25% !important;
	margin: auto;
	padding-top: 5rem;
}

.sec8-img1 img {
	width: 100% !important;
}

.sec8-img.sec8-img1 {
	top: 5%;
	left: 20%;
}

.sec8-img2 img {
	width: 100% !important;
}

.sec8-img.sec8-img2 {
	top: 5%;
	left: 20%;
}

/*sec-9*/

.max-width-centent {
	margin-left: auto;
	margin-right: auto;
	max-width: 930px;
}


.money-back {
	padding: 80px 0;
	background: url(../images/dark-img.png) no-repeat center bottom;
	background-size: cover;
	z-index: 999999;
	position: relative;
}

.bg-box-1 {
	background-color: #f28281;
	padding: 0 20px 20px 20px;
	border-radius: 0 0 30px 30px;
	display: initial;
}


/*sec-21*/

.sec-21 {
	overflow: hidden;

	position: relative;
	background: url(../images/rectangle-6.png) no-repeat center 0;
	background-size: cover;
	margin-top: -3px;
	background-position: bottom;
}

.sec-21 .container {
	padding: 80px 0;
	position: relative;
	border-radius: 50px;
	/* background: rgba(55, 162, 249, 0.51); */
}

/* .card-3 {
	border-radius: 20px;
	background: #fee3ae;
	box-shadow: 1.935375px 7.762366px 0 0 rgba(66, 72, 85, 0.2);
} */

.card-3 p {
	position: relative;
	top: -4rem;

}

/* .bg-primary1 {
	background-color: #1680e0;
} */

.ellipse-1 {
	height: 208px;
	margin: 0 auto;
	position: relative;
	top: -6rem;
	width: 208px;
	z-index: 91;
	border: 4px solid #ffffff;
	border-radius: 104px;
	background: #ffffff;
	background-clip: padding-box;
}

.mb-6rem {
	margin-bottom: 10rem;
}

.p-img20 {
	position: absolute;
	top: 25%;
	left: 3%;
	z-index: 9;
}

.p-img21 {
	position: absolute;
	bottom: 0;
	right: 0;
	z-index: 9;
}


.footer {
	padding: 100px 0 50px;
	background-color: #091724;
}


.top-content-box {
	border: 2px solid #ffffff59;
	background-color: #4a6286;
	display: inline-block;
	padding: 7px 70px;
	border-radius: 30px;
}

.pink-bg-ing {
	overflow: hidden;
	padding: 0px 0;
	position: relative;
	background: url(../images/shape1.png) no-repeat center 0;
	background-size: contain;
}

.aiproblem {
	padding: 70px 0 80px;
	position: relative;
	background: url(../images/bg-3.png) no-repeat center 0;
	background-size: cover;
}

.aiproblem .line-bg {
	overflow: hidden;
	padding: 0px 0 10px;
	position: relative;
	background: url(../images/line-.png) no-repeat;
	background-size: auto;
	background-position: bottom;
}

.sec-21 .btn {
	font-size: 23px;
	height: 90px;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.btn.btn-rounded {
	border-radius: 20px;
}

.btn-danger {
	color: #fff;
	background-color: #ff1f1f;
	border-color: #ff1f1f;
}

.btn-danger:hover {
	color: #fff;
	background-color: #eb1111;
	border-color: #eb1111;
}

.btn-success {
	color: #fff;
	background-color: #39ac33;
	border-color: #39ac33;
}

.btn-success:hover {
	color: #fff;
	background-color: #2a9e24;
	border-color: #2a9e24;
}

.modal {
	z-index: 999999;
}

.bg-top-shape {
	background: url(../images/shape2.png) no-repeat;
	background-size: contain;
	background-position: center;
}

.work-section {
	background: url(../images/bg-1.png) no-repeat;
	background-size: cover;
	background-position: top center;
	padding: 80px 0;
}

.underground-traffic {
	background: url(../images/bg-2.png) no-repeat;
	background-size: cover;
	background-position: center;
	padding: 80px 0;
}

.underground-traffic .box-meta {
	width: 300px;
	height: auto;
	object-fit: contain;
	margin-top: 20px;
}

.underground-traffic .box-meta img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}


.action-bonus {
	padding: 35px 0 120px 0;
	position: relative;
	/* background: url(../images/bg-4.png) no-repeat center 0; */
	background-size: cover;
}

.bonus-box-wrapper {
	padding: 100px 0 100px;
	position: relative;
	background: url(../images/bg-5.png) no-repeat center 0;
	background-size: cover;
	z-index: -1;
	background-attachment: fixed;

}

.bonus-box-wrapper .bonus-box {
	background-color: rgba(0, 0, 0, 0.62);
	padding: 30px 30px 30px 30px;
	border-radius: 30px;
	color: #fff;
}

.bonus-box-wrapper .bonus-box .bonus-badge-warpper {
	display: inline-block;
	padding: 0px 3px 3px 0px;
	border-radius: 50px;
	border: 2px solid #fdbb10;
}

.bonus-box-wrapper .bonus-box .bonus-badge-warpper .bonus-badge {
	/* background-color: rgb(222 20 22); */
	padding: 0px 15px;
	color: #fff;
	border-radius: 40px;
	display: inline-block;
}


.limited-supply {
	padding: 100px 0 0;
	position: relative;
	background: url(../images/bg-6.png) no-repeat center 0;
	background-size: cover;
	margin-top: -5px;
}










.move-1 {
	-webkit-animation: move1 5s infinite;
	animation: move1 5s infinite;
}

.move-2 {
	-webkit-animation: move2 5s infinite;
	animation: move2 5s infinite;
}

.move-3 {
	-webkit-animation: move3 5s infinite;
	animation: move3 5s infinite;
}

.move-4 {
	-webkit-animation: move4 5s infinite;
	animation: move4 5s infinite;
}

@-webkit-keyframes move4 {
	0% {
		-webkit-transform: translate(0, -5px);
		transform: translate(0, -5px);
	}

	50% {
		-webkit-transform: translate(0, 5px);
		transform: translate(0, 5px);
	}

	100% {
		-webkit-transform: translate(0, -5px);
		transform: translate(0, -5px);
	}
}

@-webkit-keyframes move1 {
	0% {
		-webkit-transform: rotate(-1deg) translate(-2px, -2px);
		transform: rotate(-1deg) translate(-2px, -2px);
	}

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

	100% {
		-webkit-transform: rotate(-1deg) translate(-2px, -2px);
		transform: rotate(-1deg) translate(-2px, -2px);
	}
}

@keyframes move1 {
	0% {
		-webkit-transform: rotate(-1deg) translate(-2px, -2px);
		transform: rotate(-1deg) translate(-2px, -2px);
	}

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

	100% {
		-webkit-transform: rotate(-1deg) translate(-2px, -2px);
		transform: rotate(-1deg) translate(-2px, -2px);
	}
}

@-webkit-keyframes move2 {
	0% {
		-webkit-transform: rotate(1deg) translate(2px, 2px);
		transform: rotate(1deg) translate(2px, 2px);
	}

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

	100% {
		-webkit-transform: rotate(1deg) translate(2px, 2px);
		transform: rotate(1deg) translate(2px, 2px);
	}
}

@-webkit-keyframes move3 {
	0% {
		transform: translate(0, 0);
	}

	20% {
		transform: translate(5px, 0);
	}

	40% {
		transform: translate(5px, 5px);
	}

	65% {
		transform: translate(0, 5px);
	}

	65% {
		transform: translate(5px, 0);
	}

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

.edition-box-wrapper {
	padding: 80px 0;
}


.text-blue {
	color: #3aa1fd !important;
}

















.fs-18 {
	font-size: 18px;
}

.fs-20 {
	font-size: 20px;
}

.fs-32 {
	font-size: 32px;
}

.fs-22 {
	font-size: 22px;
}

.fs-23 {
	font-size: 23px;
}

.fs-28 {
	font-size: 26px;
}

.fs-40 {
	font-size: 42px;
}

.fs-32 {
	font-size: 32px;
}

.fs-36 {
	font-size: 36px;
}

.fs-50 {
	font-size: 46px;
}

.fs-60 {
	font-size: 65px;
}

.fs-80 {
	font-size: 80px;
}

.fw-300 {
	font-weight: 300;
}

.fw-400 {
	font-weight: 400;
}

.fw-500 {
	font-weight: 500;
}

.fw-600 {
	font-weight: 600;
}

.fw-700 {
	font-weight: 700;
}

.fw-800 {
	font-weight: 800;
}

.fw-900 {
	font-weight: 900;
}

.text-yellow {
	color: #fdfe00;
}

.text-red {
	color: #ff2323;
}

.card-1 {
	border-radius: 30px;
	background: #e7eefa;
	position: relative;
	padding: 12.5rem 0px 0rem;
	border-color: #e7eefa;
}

.card-2 {
	border-radius: 30px;
	background: #151b2b;
	position: relative;
	padding: 12.5rem 0px 0rem;
}

.card-1-img {
	position: absolute;
	top: -140px;
	left: 50%;
	transform: translate(-50%, 10%);
}

.card-1-img img {
	width: 100%;
	height: 100%;
	min-width: 300px;
}

.card1-heading {
	background: #234b92;
}

.card2-heading {
	background: #66a80a;
}

.hr-1 {
	margin: 1rem 2rem 1rem 0rem;
	color: inherit;
	border: 0;
	border-top: 1px solid;
	opacity: 1;
	color: #ced7f0;
}

.sec-12 {
	padding: 100px 0;
}


.cut-content {
	text-decoration: line-through;
}
@media (max-width: 768px) {

	.feature-wrap {
		padding: 10px;
	}

	a.action-link {
		text-decoration: none;
		text-align: center;
		display: inline-block;
		font-weight: 900;
		font-size: 26px;
		line-height: 30px;
		padding: 15px 20px;
		animation: shadow-pulse 2s infinite;
		border: solid 3px #ffc700;
		height: 100px;
		position: relative;
	}
	.live-section {
		padding: 30px 0px 30px 0;
		z-index: -1;
		background: url(../images/live-section.png) no-repeat top center;
		  background-size: auto;
		background-size: cover;
		color: #fff;
	  }
	  .introduce {
		padding: 82px 0 34px 0;
	}
}
@media (max-width: 400px) {

	.feature-wrap {
		padding: 10px;
	}

	a.action-link {
		text-decoration: none;
		text-align: center;
		display: inline-block;
		font-weight: 900;
		font-size: 25px;
		line-height: 30px;
		padding: 15px 20px;
		animation: shadow-pulse 2s infinite;
		border: solid 3px #ffc700;
		height: 100px;
		position: relative;
	}
}