@import url(bootstrap.min.css);

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

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

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

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

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

.font16 {
	font-size: 16px
}

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

.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: rgb(13, 1, 50);
	padding: 15px;
}

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

ul.feature-lists li {
	list-style: none;
	background: url(../images/tick.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 100px 0px;
	background: url(../images/welcome-bg.png) no-repeat center bottom;
	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;
}
@media (min-width: 768px) {
.first {
	padding: 20px 70px;
	background: url(../images/first.png) no-repeat center center;
	background-size: 100% 100%;
	border-radius: 0px;
	margin-left: auto;
	margin-right: auto;
	max-width: 850px;
}
}
@media (max-width: 768px) {
	.first {
		padding: 20px 32px;
		background: url(../images/first.png) no-repeat center center;
		background-size: 100% 100%;
		border-radius: 0px;
		margin-left: auto;
		margin-right: auto;
		max-width: 850px;
	}
	}

/* 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);
	}
}
@media (min-width: 768px) {
	a.action-link {
		padding: 30px 50px;
		display: inline-block;
	}

}

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


/* Action Link End */
.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: url(../images/live-section.png) no-repeat center center;
	background-size: cover;
	z-index: 9;
}


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


.live-section {
	padding: 50px 0px 0px 0;

}


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

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

.money-section {
	padding: 200px 0px 100px 0px;
	background: url(../images/money-bg.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: #000000;
	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: 80px 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: #02a8fe;
	padding: 10px 0;
	color: #fff !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: 100px;
	position: relative;
	margin-bottom: -2px;
	border-radius: 30px 30px 0 0;
}

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

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

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

.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 100px 0;
	background: url(../images/introduce.png) no-repeat center bottom;
	background-size: cover;
	z-index: 999999;
	position: relative;
}



/*sec-8 psd2*/
@media (min-width: 768px) {
.sec-8 {
	padding: 119px 0 80px;
	position: relative;
	background: linear-gradient(0deg, #f7f9ff 0, #ffffff 100%);
	overflow: hidden;
}
}
@media (max-width: 768px) {
	.sec-8 {
		padding: 40px 0 80px;
		position: relative;
		background: linear-gradient(0deg, #f7f9ff 0, #ffffff 100%);
		overflow: hidden;
	}
}
/* .sec-8 .rectangle-2 {
	height: 470px;
	background: #fff8e1;
	position: relative;
	right: -150px;
}

.sec-8 .rectangle-3c {
	height: 470px;
	background: #fff8e1;
	position: relative;
	left: -150px;
	background: #f4e6f3;
} */

.sec-8 .image-box{
	position: relative;
}
.sec-8 .image-box img{
	position: relative;
	z-index: 1;
}
.sec-8 .image-box .rectangle-right {
	position: absolute;
    right: -50%;
    top: 50%;
    width: 100%;
    height: calc(100% + 100px);
    transform: translate(0, -50%);
}
.sec-8 .image-box .rectangle-left {
	position: absolute;
    left: -50%;
    top: 50%;
    width: 100%;
    height: calc(100% + 100px);
    transform: translate(0, -50%);
}


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


.sec-8 .rectangle-4c {
	background: #e5f1e7;
}

.sec-8 .rectangle-5c {
	background: #f8f1eb;
}

.sec-8 .rectangle-6c {
	background: #fbf1f4
}

.sec-8 .rectangle-7c {
	background: #ebf2f8
} */

.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: 100px 0 200px 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;
	padding: 50px 0 50px 0;
	position: relative;
	background: url(../images/rectangle-6.png) no-repeat center 0;
	background-size: cover;
	background-position: bottom;
}

.sec-21 .container {
	padding: 10px 0;
	position: relative;
	border-radius: 50px;
	/* background: rgba(48, 164, 221, 0.83); */
}

/* .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;
} */
.footer a:hover {
    color: #fff;
  }
  .footer a {
    text-decoration: none;
    color: #fff;
  }
  
.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: 8rem;
}

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

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

.bg-dark {
	color: rgb(9, 23, 36) !important;
}

.footer {
	padding: 50px 0 50px;
	background: #000;
}

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


.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); } }
  
	  .mtop10r{
		margin-top: 10rem;
	  }