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

.box-gradient {
	background: linear-gradient(0deg, #0030FE 0%, #00DFFE 100%);
	padding: 0 0;
	border-radius: 50px;
}

.box-gradient1 {
	background: linear-gradient(0deg, #3F10FF -13.33%, #E82C90 44.45%, #F33 102.22%);
	padding: 10px 10px;
	border-radius: 20px;
}

.much-box {
	background-color: #efeefe;
	padding: 30px 50px;
	position: relative;
	margin-bottom: -80px;
}

.box-contant {
	background-color: #FFFFFF47;
	padding: 10px 20px;
	border-radius: 20px;
}

.amezd-box {
	background: #01FFEE4A;
	padding: 40px 0px 40px 0px;
	box-shadow: 0px 0px 16px 13px rgba(1, 255, 238, 0.3);
	border-radius: 50px;
}

.remember {
	background: #fff url(../images/remember-section.png) center center no-repeat;
	padding: 40px 0px 40px 0px;
}

.ready {
	background: #fff url(../images/ready-section.png) center center no-repeat;
	padding: 40px 0px 40px 0px;
}

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

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

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

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

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

.outclass-section {
	background: url(../images/outclass-section.png) no-repeat center top;
	background-size: auto;
	padding: 80px 0px 80px 0;
	background-size: cover;
	overflow: hidden;
}

.evenmore-section {
	background: url(../images/evenmore-section.png) no-repeat;
	background-size: cover;
	background-position: center;
	padding: 70px 0;
}

.scroll-section {
	background: url(../images/scroll-section.png) no-repeat;
	background-size: cover;
	background-position: center;
	padding: 40px 0;
}

.newbies-section {
	background: url(../images/newbies-section.png) no-repeat;
	background-size: cover;
	background-position: center;
	padding: 40px 0;
}

.safety-section {

	background-image: linear-gradient(0deg, #001426 0%, #000000 100%);
	background-size: cover;
	color: #fff;
	padding: 40px 0;
}






.evenmore-image-box {
	border-radius: 50px;
	padding: 50px 50px 50px 50px;
	background-image: linear-gradient(0deg, #FF8A00 0%, #FFF500 100%);
}

.box-video {
	background: linear-gradient(0deg, #00FF57 0%, #FFF500 100%);
	padding: 25px 25px;
	border-radius: 0px;
}

.box-vid-img .img4 {
	position: absolute;
	top: 40px;
	left: -20px;
}

.box-vid-img .img3 {
	position: absolute;
	top: 0;
	right: -33px;
	width: 30%
}

.box-vid-img .img2 {
	position: absolute;
	top: 40px;
	left: -20px;
	width: 30%;
}

.box-vid-img .img1 {
	width: 28%;
	position: absolute;
	right: -33px;

}

.box-left {
	position: relative;
}

.image-box .arro-image {
	z-index: 1;
}

@media (min-width:1200px) {
	.image-box .arro-image {
		position: absolute;
		left: -90px;
		top: -80px;
		z-index: 1;
	}
}

@media (max-width:1200px) {
	.image-box .arro-image {
		position: absolute;
		left: -90px;
		top: -80px;

	}
}

@media (max-width: 1024px) {
	.image-box .arro-image {
		position: absolute;
		left: -90px;
		top: -80px;
		width: 75%;
	}
}

@media (max-width:991px) {
	.image-box .arro-image {
		position: absolute;
		left: -90px;
		top: -80px;

	}

	.box-vid-img .img4 {
		position: absolute;
		top: 80px;
		left: 30px;
		width: 30%;
	}
}

@media (max-width:768px) {
	.image-box .arro-image {
		position: absolute;
		left: -60px;
		top: -55px;
		width: 75%;

	}

	.box-vid-img .img1 {
		width: 28%;
		position: absolute;
		right: -10px;
	}

	.box-vid-img .img2 {
		position: absolute;
		top: 13px;
		left: 30px;
		width: 30%;
	}

	.box-vid-img .img3 {
		position: absolute;
		top: 0;
		right: 0px;
		width: 30%;
	}

	.box-vid-img .img4 {
		position: absolute;
		top: 15px;
		left: 5px;
		width: 35%;
	}
}

@media (max-width:767px) {
	.evenmore-image-box {
		border-radius: 20px;
		padding: 20px 10px 20px 10px;
		background-image: linear-gradient(0deg, #FF8A00 0%, #FFF500 100%);
	}

	.image-box {
		display: none;

	}

	.box-vid-img {
		display: none;
	}

	.box-vid-img {
		display: none;
	}

	.box-vid-img {
		display: none;
	}

	.box-vid-img {
		display: none;
	}
}

@media (min-width:768px) {
	.box-gradient1 .lalezar-regular {
		padding: 0 8px;
	}

	.box-left {
		margin-left: 100px;
	}

	.dollars-section {

		padding: 70px 0px;
	}

	.real-section {

		padding: 70px 0px;
	}

	.hugepower-section {
		padding: 70px 0px;
	}

	.glimpse-section {

		padding: 70px 0 0 0;
	}

	.everything-section {
		padding: 100px 0px 80px 0;
		overflow: hidden;
	}
}

@media only screen and (max-width: 360px) {
	.evenmore-image-box {
		border-radius: 7px;
		padding: 10px 10px 10px 10px;
		margin-top: 20px;
	}
}

.buy-button-head .hurry-up {
	background-color: #FF1D48;
	padding: 3px 5px 5px 13px;
	text-align: center;
	margin-right: 15px;
}


.outclass-box {
	border-radius: 10px;
	border: 1px solid #fff;
	background: #998F8F8C;
	background: #ffffff69;
	background: #F6F6F6;
	box-shadow: 0 0px 1px 0 rgba(0, 0, 0, .04);
	padding: 0 40px 55px 40px;
}

.outclass-title {
	padding: 10px 40px;
	border-radius: 10px;
	background: #000;
	display: inline-block;
	color: #fff;
	position: relative;
	z-index: 0;
}

.outclass-title {
	display: inline-block;
	padding: 15px 30px;
	margin-top: -60px;
}

@media (min-width: 768px) {
	.outclass-title {
		padding: 10px 30px;
	}
}

.outclass-box2 {
	border-radius: 10px;

	background: #998F8F8C;
	background: #0030FE;

	background: #0030FE;
	padding: 0 40px 1px 40px;
	border-radius: 0 0px 30px 30px;
	margin-top: -20px;
	;
}

.outclass-box1 {
	border-radius: 0px;
	background: #998F8F8C;
	background: #0030FE;
	padding: 0 0px 0px 0px;
	border-radius: 30px 30px 0 0;
}

.outclass-title1 {
	padding: 10px 40px;
	border-radius: 10px;
	background: #FF1D48;
	display: inline-block;
	color: #fff;
	position: relative;
	z-index: 0;
}

.outclass-title1 {
	display: inline-block;
	padding: 15px 30px;
	margin-top: -60px;
}

@media (min-width: 768px) {
	.outclass-title1 {
		padding: 10px 30px;
	}
}

.outclass-innerbox {
	position: relative;

}

.outclass-innerbox {
	background-color: #00FFF0;
	padding: 40px 40px;
	border-radius: 20px;
	margin-bottom: 50px;

}

.cunts-box span {
	font-size: 30px;
	font-weight: 700;
}

.cunts-box span {
	position: absolute;
	top: -30px;
	z-index: 99;
	background-image: linear-gradient(0deg, #00DFFE 0%, #0030FE 100%);
	opacity: 1;
	border: 3px solid white;
	width: 70px;
	height: 70px;
	line-height: 22px;
	border-radius: 360px;
	display: flex;
	justify-content: center;
	align-items: center;
	left: 0;
}

.out-arrow {
	position: absolute;
	z-index: 1;
	left: 43%;
	width: 10%;
	bottom: -37%;
}

@media only screen and (max-width: 1200px) {
	.out-arrow {
		left: 43%;
		width: 10%;
		bottom: -32% !important;
	}
}

@media only screen and (max-width: 1024px) {
	.out-arrow {
		left: 43%;
		width: 13%;
		bottom: -29% !important;
	}
}

@media only screen and (max-width: 991px) {
	.out-arrow {
		position: absolute;
		z-index: 1;
		left: 47%;
		width: 6%;
		bottom: -49% !important;
	}
}

@media only screen and (max-width: 768px) {
	.out-arrow {
		left: 47%;
		width: 7%;
		bottom: -39% !important;
	}
}

@media (max-width: 576px) {


	.outclass-box2 {
		padding: 0 20px 2px 20px;
	}


	.cunts-box span {
		position: absolute;
		top: -25px;
		width: 50px;
		height: 50px;
	}

	.out-arrow {
		position: absolute;
		z-index: 1;
		left: 43%;
		width: 9% !important;
		bottom: -54% !important;
	}
}

@media only screen and (max-width:400px) {
	.out-arrow {
		left: 43%;
		width: 13% !important;
		bottom: -38% !important;
	}
}

.bgclr {
	background-color: #91ADE642;
	box-shadow: 0 0px 5px 0 rgba(0, 0, 0, 0.17);
}

.bgclr1 {
	background-color: #00DFFE1C;
	box-shadow: 0 0px 5px 0 rgba(0, 0, 0, 0.07);
}

.classout-box1 {
	position: relative;
}

.cunts-box1 span {
	position: relative;
	top: 0px;
	z-index: 99;
	background-image: linear-gradient(0deg, #00DFFE 0%, #0030FE 100%);
	opacity: 1;

	width: 55px;
	height: 55px;
	line-height: 22px;
	border-radius: 360px;
	display: flex;
	justify-content: center;
	align-items: center;
	left: 0;
}

.cunts-box1 span {
	font-size: 30px;
	font-weight: 700;
}

.classout-box1 {
	display: flex;
	padding: 15px 20px 0px 20px;
	border-radius: 20px;
	align-items: center;
}

.classout-text {
	padding: 0 0 0 35px;
}

.out-box-img {
	margin-top: -45px;

}

.risponce-img img {
	width: 93%;
}

.bg {
	background: linear-gradient(90deg, #018F2C 0%, #00999026 26.5%, #00999000 100%);
	background: linear-gradient(90deg, #018F2C 0.01%, #018F2C82 41%, #0099902b 68%, #002B9900 99.99%);
	z-index: -1;
	display: flex;
	align-items: center;
	border-radius: 20px 0px 0px 20px;
	color: #fff;
}

.adds-cunts {
	background-color: #00FE47;
	padding: 80px 30px;
	border-radius: 20px 0px 0px 20px;
}

.reel-flex {
	padding-left: 20px;
}

.adds-box {
	position: relative;
}

.girl-money-box .girl-money-img {
	position: absolute;
	width: 39%;
	bottom: 0;
	right: 0;
}

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

@media (max-width: 1024px) {
	.girl-money-box .girl-money-img {
		position: absolute;
		width: 47%;
		bottom: 0;
		right: 0;
	}
}

@media (max-width: 991px) {

	.safety-section {
		padding: 70px 0 0 0;
	}

	.girl-money-box .girl-money-img {
		position: absolute;
		width: 39%;
		bottom: 0;
		right: 26%;
	}

	.girl-money-box {
		display: none;
	}
}

@media (max-width: 767px) {
	.safety-section {
		padding: 40px 0 0 0;
	}




}


@media (max-width: 400px) {
	.adds-cunts {
		background-color: #00FE47;
		padding: 125px 15px;
		border-radius: 20px 0px 0px 20px;
	}
}

.gradient-border-box {
	background-color: rgba(0, 0, 0, 0.3);
	/* Semi-transparent black background */
	color: #fff;
	/* White text color */
	padding: 15px;
	/* Space inside the element */
	border-radius: 10px;
	/* Rounded corners */
	margin-top: 50px;
	/* Space above the element */
	position: relative;
	/* Allows for child elements to be positioned relative to this element */
	z-index: 1;
	/* Stacking order of the element */
	width: 100%;
	/* Full width of the parent container */
	height: auto;
	/* Height adjusts based on content */
	box-shadow:
		0 5px 5px 0 rgba(242, 40, 198, 0.5),
		/* Pink shadow offset downwards */
		0 -5px -5px 0 rgba(255, 138, 0, 0.5);
	/* Orange shadow offset upwards */
}

.gradient-border-box {
	background-color: rgba(0, 0, 0, 0.3);
	color: #fff;
	padding: 15px;
	border-radius: 10px;
	margin-top: 50px;
	position: relative;
	z-index: 1;
	width: 100%;
	height: auto;
	box-shadow: 5px -5px 5px 0 rgba(255, 138, 0, 0.5), -3px 5px 5px 0 rgba(242, 40, 198, 0.5);
}

/* .gradient-border-box{
	background-color: transparent;
	color: #fff;
	padding: 15px;
	border-radius: 10px;
	margin-top: 50px;
	position: relative;
	z-index: 1;
	width: 100%;
	height: auto;
}
.gradient-border-box p{
	position: relative;
	z-index: 9;	
}
.gradient-border-box::before{
	content: '';
	position: absolute;
	top: 50%;
	right: 50%;
	width: calc(100% - 5px);
	height: calc(100% - 5px);
	background-color: rgba(0, 0, 0, 0.3);
	z-index: 1;
	display: block;
	transform: translate(50%, -50%);
}
.gradient-border-box:after{
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	 background: rgb(255,138,0);
	background: linear-gradient(0deg, rgba(255,138,0,1) 35%, rgba(242,40,198,1) 100%); 
	/* z-index: -1; */

.gradient-box1 {
	position: relative;
}


.cvarrow1 {
	position: absolute;
	right: -40px;
	top: -35px;
}

.cvarrow2 {
	position: absolute;
	left: -40px;
	top: -35px;
}

.super-ct-bg {
	background: url(../images/super-ct-bg.png) no-repeat;
	background-size: cover;
	background-position: center;
	padding: 40px 66px;
	border-radius: 20px;
}

.super-ctbox {
	background-color: #fff;
	border-radius: 40px;
	padding: 50px 0px 0 20px;
}

.speak-block1 {
	border-radius: 0px;
	padding: 80px 21px 30px 21px;
	background-image: linear-gradient(0deg, #00CEC2 0%, #00FF57 100%);
	position: relative;
	height: 100%;
}

.speak-block2 {
	border-radius: 0px;
	padding: 30px 20px 30px 20px;
	background-image: linear-gradient(0deg, #00CEC2 0%, #00FF57 100%);
	position: relative;
	height: 100%;
}

.speak-text {
	color: #0085FF;
}

.speak-box span {
	position: absolute;
	top: -50px;
	z-index: 99;
	background-color: #fff;
	opacity: 1;
	border: 3px solid white;
	width: 120px;
	height: 120px;
	line-height: 22px;
	border-radius: 360px;
	display: flex;
	justify-content: center;
	align-items: center;
	left: 34%;
}

.speak-box1 span {
	position: relative;

	z-index: 99;
	background-color: #fff;
	opacity: 1;
	border: 3px solid white;
	width: 120px;
	height: 120px;
	line-height: 22px;
	border-radius: 360px;
	display: flex;
	justify-content: center;
	align-items: center;

}

.speak-block2 {
	align-items: center;
	display: flex;
	justify-content: center;
}

.speak-block2 .test {
	margin: 0;
	padding: 0 0 0 40px;
}

@media only screen and (max-width: 991px) {
	.super-ctbox {
		padding: 17px 0px 0px 20px;
	}

	.man-img {
		margin-top: -7px !important;
	}
}

@media only screen and (max-width:400px) {
	.super-ctbox {
		padding: 15px 7px 0 7px !important;
	}

	.super-ct-bg {
		padding: 30px 18px;
	}
}

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

ul.features-td-list li {
	list-style: none;
	background: url(../images/tableChecklist1.png) center left no-repeat;
	background-position-x: left;
	background-position-y: center;
	border-bottom: 1px solid #e2ddf1;
	min-height: 40px;
	padding-left: 40px;
	background-position: 0px 0px;
	margin-bottom: 20px;
}


.video-bgs {
	background: linear-gradient(0deg, #00FF57 0%, #FFF500 100%);
	padding: 10px 10px;
	border-radius: 0px;
}



.man3 {
	position: absolute;
	position: absolute;
	top: 4%;
	left: -42px;
	width: 15%;
}


.man4 {
	position: absolute;
	top: 4%;
	right: -42px;
	width: 15%;
}



@media screen and (max-width: 1200px) {
	.man4 {
		position: absolute;
		top: -2%;
		right: 45px;
		width: 12%;
	}

	.man2 {
		position: absolute;
		top: -12px;
		right: 38px;
		width: 23%;
	}

	.man1 {
		position: absolute;
		top: 71px;
		left: 40px;
		width: 18%;
	}

	.man3 {
		position: absolute;
		top: 16%;
		left: -3px;
		width: 12%;
	}
}

@media screen and (max-width: 1024px) {
	.man1 {
		position: absolute;
		top: 95px;
		left: -3px;
		width: 18%;
	}

	.man2 {
		position: absolute;
		top: -5px;
		right: 3px;
		width: 22%;
	}


	.man3 {
		position: absolute;
		top: 19%;
		left: 0;
		width: 13%;
	}

	.man4 {
		position: absolute;
		top: -2%;
		right: 0;
		width: 13%;
	}
}

@media screen and (max-width: 991px) {
	.man3 {
		display: none !important;
	}

	.man4 {
		display: none !important;
	}
}

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



	.man3 {
		display: none
	}

	.man4 {
		display: none
	}

}




/* match-section */
.match-section {
	background: url(../images/differnce-bg-sec.png) center center no-repeat !important;
	background-size: cover;
	padding-top: 50px;
	padding-bottom: 70px;
	background-attachment: fixed !important;
}

.match-section .main-title {
	font-size: 70px;
	font-weight: 800;
	line-height: 90px;
}

/* description-1 */

.match-section .inner-content li {
	display: flex;
	align-items: center;
	list-style: none;
	padding: 0 0 10px 0px;
	background-size: 40px;
	margin-bottom: 10px;
}

.match-section .inner-content li img {
	margin-right: 15px;
}

.match-section .inner-content li span {
	font-size: 24px;
	line-height: 38px;
	font-weight: 400;
	color: #000000;
}

.match-tool-description {
	/* background: #FFD6DE4F; */
	background-image: linear-gradient(180deg, #FFF 0%, #FF1D48 100%);
	background-color: rgb(54, 6, 29);
	border-radius: 48px;
	border: 2px solid #FF1D48;
	padding: 15px;
}

.match-tool-description .image {
	padding-top: 12px;
}

.match-point {
	background-color: #fff;
	border-radius:
		30px;
	padding:
		20px 20px 30px 20px;
	margin-top: 30px;
}

.match-point .title {
	font-size: 50px;
	line-height: 90px;
	font-weight: 800;
	color: #FF1D48;
	text-align: center;
}

.match-tool-description .inner-content {
	padding-left: 0px;
}

/* description-2 */
.match-section .inner-content li {
	display: flex;
	align-items: center;
	list-style: none;
	padding: 0 0 10px 0px;
	background-size: 40px;
	margin-bottom: 10px;
}

.match-point2 .inner-content li img {
	margin-right: 15px;
}

.match-point2 .inner-content li span {
	font-size: 24px;
	line-height: 39px;
	font-weight: 400;
	color: #000000;
}


.match-tool-description2 {
	/* background: #FFD6DE4F; */
	background-image: linear-gradient(180deg, #FFF 0%, #06CFFD 100%);

	border-radius: 48px;
	/* border: 2px solid #00FF57; */
	padding: 15px;
}

.bg-back {
	background-image: linear-gradient(200deg, #00CCFD 0%, #00CCFD 100%);
	border-radius: 48px;
	padding: 2px;
}


.description2 {

	background-image: linear-gradient(180deg, #FFF 0%, #06CFFD 100%);

}

.bg-back {
	background-image: linear-gradient(200deg, #00CCFD 0%, #00CCFD 100%);
	border-radius: 48px;
	padding: 2px;
}




.match-tool-description2 .image {
	padding-top: 12px;
}

.match-point2 {
	background-color: #fff;
	border-radius: 30px;
	padding: 20px 20px 30px 20px;
	margin-top: 30px;
}

.match-point2 .title {
	font-size: 50px;
	line-height: 90px;
	font-weight: 800;
	color: #FF1D48;
	text-align: center;
}

.match-tool-description2 .inner-content {
	padding-left: 0px;
}

@media only screen and (max-width: 1024px) {
	.match-section .main-title {
		font-size: 57px;
		font-weight: 800;
		line-height: 80px;
	}

	.match-section .inner-content li span {
		font-size: 23px;
		line-height: 38px;
		font-weight: 400;
		color: #000000;
	}
}


@media only screen and (max-width:991px) {
	.match-section {
		padding-top: 40px;
		padding-bottom: 40px;
	}

	.match-section .main-title {
		font-size: 50px;
		font-weight: 800;
		line-height: 75px;
	}

	.match-section .inner-content li span {
		font-size: 20px;
		line-height: 38px;
		font-weight: 400;
		color: #000000;
	}

	.match-point2 .inner-content li span {
		font-size: 21px;
		line-height: 37px;
	}
}

@media only screen and (max-width:768px) {
	.match-point2 .title {
		font-size: 40px;
		line-height: 90px;
		font-weight: 800;
		color: #FF1D48;
		text-align: center;
	}

	.match-point {
		background-color: #fff;
		border-radius: 48px;
		padding: 10px 10px 10px 15px;
		margin-top: 30px;
	}

	.match-section .main-title {
		font-size: 45px;
		font-weight: 800;
		line-height: 65px;
	}

	.match-section .inner-content li span {
		font-size: 23px;
		line-height: 38px;
		font-weight: 400;
		color: #000000;
	}
}

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

	.match-section .main-title {
		font-size: 27px;
		font-weight: 800;
		line-height: 43px;
	}

	.match-point .title {
		font-size: 29px;
		line-height: 72px;
		font-weight: 800;
		color: #FF1D48;
		text-align: center;
	}

	.match-point2 .title {
		font-size: 26px;
		line-height: 84px;
		font-weight: 800;
		color: #FF1D48;
		text-align: center;
	}

	.match-section .inner-content li img {
		margin-right: 15px;
		width: 50px;
	}

	.match-section .inner-content li span {
		font-size: 15px;
		line-height: 32px;
		font-weight: 400;
		color: #000000;
	}

	.match-section .match-point .inner-content li {
		padding: 0 0 10px 0px;
		margin-bottom: 9px;
	}
}

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

@media only screen and (max-width:360px) {
	.description-content {
		padding: 30px 10px 30px 25px !important;
	}


}




/* tabel-section */

.table_section {
	background: url(../images/section37.png) no-repeat top center;
	background-size: cover;
	padding: 17% 0 10% 0;
	position: relative;
	margin-top: -13%;
	z-index: 2;
	background-color: #ffffff00;
}


/*section3*/
.section3 {
	background: #fff url(../images/section3.png) repeat center bottom;
	padding: 8% 2% 8% 2%;
	position: relative;
	overflow: hidden;


}

.step1-img-box {
	background-color: #fff;
	margin-bottom: 45px;
	box-shadow: 0 10px 20px 0 #0006;
	border-radius: 20px 20px 0 0;
	padding: 20px 20px 40px 14px;
}

.step2-img-box {
	background-color: #fff;
	margin-bottom: 45px;
	box-shadow: 0 10px 20px 0 #0006;
	border-radius: 20px 20px 0 0;
	padding: 20px 20px 40px 14px;
}

.step3-img-box {
	background-color: #fff;
	margin-bottom: 45px;
	box-shadow: 0 10px 20px 0 #0006;
	border-radius: 20px 20px 0 0;
	padding: 20px 20px 40px 14px;
}


.line-box {
	margin-top: 5.5%;
	margin-bottom: -11%;
}

.step-box-main {
	text-align: center;
	position: relative;
}

.step1-box-main {
	margin-top: 9.3%;
	padding: 0 1% 0 1%;
}

.step2-box-main {
	margin-top: 4.7%;
	padding: 0 1%;
}

.step3-box-main {
	padding: 0 1% 0 1%;
}

.step-box {
	border-radius: 25px;
	background-color: rgb(0, 157, 255);
	text-align: center;
	margin-top: 8%;
	background: linear-gradient(0deg, #3F10FF -13.33%, #E82C90 44.45%, #F33 102.22%);
}

.step1-box {
	padding: 0 0 11% 0;
}

.step2-box {
	padding: 0 0 11% 0;
}

.step3-box {
	padding: 0 0 11% 0;
}

.step-detail {
	margin-top: -2%;
	padding: 0 9%;
}

.step-title {
	background-color: rgb(255, 255, 255);
	box-shadow: 0px 0px 18px 0px rgb(235, 45, 132);
	text-transform: uppercase;
	display: inline-block;
	padding: 2.0% 9%;
	border-radius: 50px;
}

.step2Tag {
	position: absolute;
	top: -4%;
	right: -7%;
}

.section3-text {
	display: inline-block;
	background-color: #ffea00;
	padding: 4px 4px 5px 4px;
}



/* .cost-section{
    padding:80px 0;
    background:transparent;
} */

.cost-content {
	color: #fff;
}

.cost-content h2 {
	font-size: 40px;
	font-weight: 700;
	color: #fff;
	margin-bottom: 12px;
}

.cost-content h3 {
	font-size: 28px;
	font-weight: 700;
	color: #fff;
	margin-bottom: 30px;
}

.cost-content p {
	font-size: 18px;
	line-height: 1.8;
	color: #fff;
	margin-bottom: 25px;
	font-weight: 400;
}

.cost-list {
	list-style: none;
	padding: 0;
	margin: 0 0 30px;
	text-align: left;
}

.cost-list li {
	font-size: 18px;
	line-height: 1.8;
	color: #fff;
	margin-bottom: 18px;
}

.closing-text {
	margin-bottom: 0;
}

@media(max-width:767px) {

	.cost-section {
		padding: 60px 0;
	}

	.cost-content h2 {
		font-size: 30px;
	}

	.cost-content h3 {
		font-size: 22px;
	}

	.cost-content p,
	.cost-list li {
		font-size: 18px;
		line-height: 1.7;
	}
}


.smart-cloning-section {
	padding: 90px 0;
	background: #fff;
}

.section-title {
	font-size: 48px;
	font-weight: 800;
	line-height: 1.25;
	color: #111;
	margin-bottom: 30px;
}

.section-title span {
	color: #111;
}

.smart-cloning-section p {
	font-size: 18px;
	line-height: 1.8;
	color: #111;
	margin: 0;
}

.info-box {
	border: 1px solid #e5e5e5;
	border-radius: 18px;
	padding: 40px;
	background: #fafafa;
}

.info-box h3 {
	font-size: 32px;
	font-weight: 700;
	color: #111;
	margin-bottom: 30px;
}

.check-item {
	font-size: 18px;
	color: #111;
	line-height: 1.8;
	margin-bottom: 18px;
}

.clone-table {
	width: 100%;
	border-collapse: collapse;
	overflow: hidden;
	border-radius: 16px;
}

.clone-table th {
	background: #111;
	color: #fff;
	font-size: 18px;
	font-weight: 700;
	padding: 18px;
	text-align: left;
}

.clone-table td {
	font-size: 18px;
	color: #111;
	padding: 18px;
	border: 1px solid #e5e5e5;
	background: #fff;
	vertical-align: top;
}

@media(max-width:767px) {

	.section-title {
		font-size: 34px;
	}

	.info-box {
		padding: 25px;
	}

	.info-box h3 {
		font-size: 26px;
	}

	.clone-table th,
	.clone-table td {
		font-size: 18px;
		min-width: 220px;
	}

	.smart-cloning-section {
		padding: 60px 0;
	}

}

.ccai-problem-wrap {
	padding: 90px 0;
	background: #06080f;
}

.ccai-problem-card {
	position: relative;
	overflow: hidden;
	background: linear-gradient(145deg, #101626, #0a0d17);
	border: 1px solid rgba(255, 255, 255, .08);
	border-radius: 28px;
	padding: 65px;
	box-shadow:
		0 30px 80px rgba(0, 0, 0, .55),
		inset 0 1px 0 rgba(255, 255, 255, .06);
}

.ccai-problem-card:before {
	content: "";
	position: absolute;
	width: 320px;
	height: 320px;
	top: -180px;
	right: -120px;
	background: radial-gradient(circle, rgba(250, 50, 69, 0.49), transparent 70%);
	pointer-events: none;
}

.ccai-problem-card:after {
	content: "";
	position: absolute;
	width: 260px;
	height: 260px;
	bottom: -140px;
	left: -100px;
	background: radial-gradient(circle, rgba(0, 215, 255, .18), transparent 70%);
	pointer-events: none;
}

.ccai-problem-intro p {
	margin: 0 0 20px;
	color: #ff6b6b;
	font-size: 18px;
	font-weight: 700;
	text-align: center;
}

.ccai-problem-heading h2 {
	margin: 0 0 45px;
	color: #fff;
	font-size: 42px;
	line-height: 1.25;
	text-align: center;
	font-weight: 800;
}

.ccai-problem-list {
	display: grid;
	gap: 20px;
}

.ccai-problem-item {
	display: flex;
	align-items: center;
	gap: 18px;
	padding: 5px 10px;
	border-radius: 18px;
	background: rgba(255, 255, 255, .03);
	border: 1px solid rgba(255, 255, 255, .08);
	transition: .35s;
}

.ccai-problem-item:hover {
	transform: translateY(-4px);
	background: rgba(255, 255, 255, .05);
	border-color: rgba(255, 255, 255, .16);
}

.ccai-problem-icon {
	width: 50px;
	min-width: 50px;
	height: 50px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;

	background: linear-gradient(94.67deg, #3F10FF -13.33%, #E82C90 44.45%, #F33 102.22%);
	font-size: 26px;
	box-shadow: 0 10px 30px rgba(255, 78, 169, 0.35);
}

.ccai-problem-text {
	color: #fff;
	font-size: 18px;
	line-height: 1.7;
	font-weight: 400;
}

.ccai-problem-note {
	margin-top: 20px;
	padding: 10px 20px;
	border-radius: 18px;
	background: rgba(255, 255, 255, .04);
	border-left: 4px solid #f9314a;
}

.ccai-problem-note p {
	margin: 0;
	color: #fff;
	font-size: 18px;
	line-height: 1.8;
}

.ccai-problem-warning {
	margin-top: 24px;
	padding: 28px;
	border-radius: 18px;
	background: linear-gradient(90deg, rgba(255, 68, 68, .12), rgba(255, 170, 0, .08));
	border: 1px solid rgba(255, 120, 120, .18);
}

.ccai-problem-warning p {
	margin: 0;
	color: #fff;
	font-size: 18px;
	line-height: 1.8;
}

.ccai-problem-footer {
	margin-top: 45px;
	text-align: center;
}

.ccai-problem-footer h3 {
	margin: 0;
	color: #fff;
	font-size: 38px;
	line-height: 1.3;
	font-weight: 800;
}

@media(max-width:991px) {

	.ccai-problem-card {
		padding: 45px 30px;
	}

	.ccai-problem-heading h2 {
		font-size: 34px;
	}

	.ccai-problem-footer h3 {
		font-size: 30px;
	}

}

@media(max-width:767px) {

	.ccai-problem-wrap {
		padding: 60px 0;
	}

	.ccai-problem-card {
		padding: 30px 22px;
		border-radius: 22px;
	}

	.ccai-problem-item {
		align-items: flex-start;
		padding: 18px;
	}

	.ccai-problem-icon {
		width: 48px;
		min-width: 48px;
		height: 48px;
		font-size: 22px;
	}

	.ccai-problem-heading h2 {
		font-size: 28px;
	}

	.ccai-problem-text,
	.ccai-problem-note p,
	.ccai-problem-warning p,
	.ccai-problem-intro p {
		font-size: 18px;
	}

	.ccai-problem-footer h3 {
		font-size: 26px;
	}

}

.cinema-proof-wrap {
	padding: 90px 0;
	background: #fff;
	position: relative;
	overflow: hidden;
}

.cinema-proof-title {
	font-size: 44px;
	line-height: 1.25;
	color: #111;
	font-weight: 800;
	margin-bottom: 12px;
}

.cinema-proof-subtitle {
	font-size: 18px;
	color: #666;
	margin-bottom: 35px;
}

.cinema-card {
	display: flex;
	align-items: flex-start;
	gap: 22px;
	background: #ffffff;
	border: 1px solid rgba(0, 0, 0, .08);
	border-radius: 22px;
	padding: 28px;
	height: 100%;
	transition: .35s;
	box-shadow: 0 15px 45px rgba(0, 0, 0, .08);
}

.cinema-card:hover {
	transform: translateY(-8px);
	box-shadow: 0 25px 60px rgba(0, 0, 0, .16);
}

.cinema-icon {
	width: 64px;
	height: 64px;
	min-width: 64px;
	border-radius: 18px;
	background: linear-gradient(135deg, #ff2d55, #7b4dff);
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	font-size: 30px;
}

.cinema-content h3 {
	font-size: 26px;
	font-weight: 800;
	color: #111;
	margin: 0 0 12px;
	line-height: 1.35;
}

.cinema-content p {
	margin: 0;
	font-size: 18px;
	line-height: 1.8;
	color: #555;
}

.cinema-warning-box {
	border-radius: 24px;
	padding: 32px;
	background: linear-gradient(135deg, #ff2d55, #7b4dff);
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 18px;
	box-shadow: 0 20px 60px rgba(123, 77, 255, .35);
}

.cinema-warning-box .cinema-icon {
	background: rgba(255, 255, 255, .15);
	border: 1px solid rgba(255, 255, 255, .2);
}

.cinema-warning-box h3 {
	margin: 0;
	color: #fff;
	font-size: 34px;
	font-weight: 800;
}

@media(max-width:991px) {

	.cinema-proof-wrap {
		padding: 70px 0;
	}

	.cinema-proof-title {
		font-size: 34px;
	}

	.cinema-content h3 {
		font-size: 22px;
	}

	.cinema-warning-box h3 {
		font-size: 28px;
		text-align: center;
	}
}

@media(max-width:767px) {

	.cinema-proof-title {
		font-size: 28px;
	}

	.cinema-card {
		padding: 22px;
	}

	.cinema-content p {
		font-size: 18px;
	}

	.cinema-warning-box {
		flex-direction: column;
		text-align: center;
	}

	.cinema-warning-box h3 {
		font-size: 24px;
	}
}



/* ------------------------------------------ */
.ccai-manual-section {
	padding: 90px 0;
	background: #090909;
	position: relative;
	overflow: hidden;
}

.ccai-manual-section:before {
	content: "";
	position: absolute;
	width: 450px;
	height: 450px;
	border-radius: 50%;
	background: rgba(255, 255, 255, .03);
	top: -220px;
	right: -160px;
}

.ccai-manual-section:after {
	content: "";
	position: absolute;
	width: 380px;
	height: 380px;
	border-radius: 50%;
	background: rgba(255, 255, 255, .025);
	bottom: -180px;
	left: -140px;
}

.ccai-manual-head {
	margin-bottom: 55px;
	position: relative;
	z-index: 2;
}

.ccai-manual-head h2 {
	color: #fff;
	font-size: 48px;
	line-height: 1.2;
	font-weight: 800;
	margin: 0;
}

.ccai-manual-wrap {
	max-width: 1100px;
	margin: auto;
	border: 1px solid rgba(255, 255, 255, .08);
	border-radius: 24px;
	overflow: hidden;
	background: #121212;
	backdrop-filter: blur(18px);
	position: relative;
	z-index: 2;
	box-shadow: 0 25px 70px rgba(0, 0, 0, .45);
}

.ccai-manual-row {
	display: flex;
	align-items: center;
	border-bottom: 1px solid rgba(255, 255, 255, .08);
}

.ccai-manual-row:last-child {
	border-bottom: none;
}

.ccai-manual-title {
	background: linear-gradient(90deg, #1f1f1f, #2b2b2b);
}

.ccai-manual-title .ccai-manual-col1,
.ccai-manual-title .ccai-manual-col2 {
	font-size: 20px;
	font-weight: 700;
}

.ccai-manual-col1,
.ccai-manual-col2 {
	padding: 26px 30px;
	color: #fff;
	font-size: 18px;
	line-height: 1.7;
}

.ccai-manual-col1 {
	width: 33%;
	border-right: 1px solid rgba(255, 255, 255, .08);
	display: flex;
	align-items: center;
	font-weight: 600;
}

.ccai-manual-col2 {
	width: 67%;
	font-weight: 400;
}

.ccai-icon {
	font-size: 24px;
	margin-right: 14px;
	flex: 0 0 auto;
}

.ccai-manual-footer {
	margin-top: 40px;
	text-align: center;
	color: #fff;
	font-size: 18px;
	line-height: 1.8;
	font-weight: 700;
	position: relative;
	z-index: 2;
}

@media(max-width:991px) {

	.ccai-manual-head h2 {
		font-size: 36px;
	}

	.ccai-manual-row {
		flex-direction: column;
		align-items: flex-start;
	}

	.ccai-manual-col1,
	.ccai-manual-col2 {
		width: 100%;
		border-right: none;
	}

	.ccai-manual-col1 {
		border-bottom: 1px solid rgba(255, 255, 255, .08);
	}

}

@media(max-width:767px) {

	.ccai-manual-section {
		padding: 70px 0;
	}

	.ccai-manual-head h2 {
		font-size: 30px;
	}

	.ccai-manual-col1,
	.ccai-manual-col2 {
		font-size: 18px;
		padding: 20px;
	}

	.ccai-manual-title .ccai-manual-col1,
	.ccai-manual-title .ccai-manual-col2 {
		font-size: 18px;
	}

}

/* new css */
.ccai-oldway-section {
	padding: 90px 0;
	background: #0b0e16;
	position: relative;
	overflow: hidden;
}

.ccai-oldway-wrap {
	max-width: 1080px;
	margin: auto;
}

.ccai-oldway-header {
	text-align: center;
	margin-bottom: 55px;
}

.ccai-oldway-icon {
	width: 85px;
	height: 85px;
	margin: 0 auto 25px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 40px;
	color: #fff;
	background: linear-gradient(135deg, #ff4d4d, #ff884d);
	box-shadow: 0 20px 45px rgba(255, 90, 90, .35);
}

.ccai-oldway-header h2 {
	color: #fff;
	font-size: 42px;
	font-weight: 800;
	line-height: 1.25;
	margin-bottom: 25px;
}

.ccai-oldway-header p {
	color: #d6d6d6;
	font-size: 18px;
	line-height: 1.9;
	margin: 0;
}

.ccai-problem-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 30px;
	margin-bottom: 50px;
}

.ccai-problem-card {
	background: #fff;
	border: 1px solid rgba(178, 35, 179, 0.26);
	border-radius: 22px;
	padding: 35px 28px;
	transition: .35s;
	box-shadow: 0 18px 40px rgba(0, 0, 0, .35);
}

.ccai-problem-card:hover {
	transform: translateY(-8px);
	border-color: #ff6363;
}

.ccai-card-icon {
	width: 70px;
	height: 70px;
	border-radius: 18px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 34px;
	margin-bottom: 22px;
	background: linear-gradient(135deg, #ff5a5a, #ff995a);
	color: #fff;
}

.ccai-card-content p {
	margin: 0;
	color: #000;
	font-size: 18px;
	line-height: 1.9;
}

.ccai-card-content strong {
	color: #000;
	font-weight: 700;
}

.ccai-oldway-text {
	background: #fff;
	border-left: 5px solid #ff1ea9;
	border-radius: 16px;
	padding: 30px;
	margin-bottom: 50px;
}

.ccai-oldway-text p {
	margin: 0;
	color: #000;
	font-size: 18px;
	line-height: 1.9;
}

.ccai-solution-box {
	background: linear-gradient(180deg, #161f32, #0f1523);
	border: 1px solid rgba(255, 255, 255, .08);
	border-radius: 24px;
	padding: 45px;
	box-shadow: 0 25px 60px rgba(0, 0, 0, .45);
	box-shadow: 0 25px 60px rgba(0, 0, 0, .45);
	background: linear-gradient(50deg, #3F10FF -13.33%, #D0006E 44.45%, #8b1dcd 102.22%);
}

.ccai-solution-title {
	display: flex;
	align-items: center;
	gap: 16px;
	margin-bottom: 25px;
}

.ccai-title-icon {
	width: 70px;
	height: 70px;
	border-radius: 18px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 34px;
	color: #fff;
	background: linear-gradient(135deg, #00d084, #00a3ff);
}

.ccai-solution-title h3 {
	margin: 0;
	color: #fff;
	font-size: 34px;
	font-weight: 800;
	line-height: 1.3;
}

.ccai-solution-box p {
	color: #d8d8d8;
	font-size: 18px;
	line-height: 1.95;
	margin: 0 0 24px;
}

.ccai-solution-box p:last-child {
	margin-bottom: 0;
}

@media(max-width:991px) {

	.ccai-problem-grid {
		grid-template-columns: 1fr;
	}

	.ccai-oldway-header h2 {
		font-size: 34px;
	}

	.ccai-solution-title {
		flex-direction: column;
		text-align: center;
	}

	.ccai-solution-title h3 {
		font-size: 28px;
	}

	.ccai-solution-box {
		padding: 35px 25px;
	}

}

@media(max-width:767px) {

	.ccai-oldway-section {
		padding: 70px 0;
	}

	.ccai-oldway-header h2 {
		font-size: 28px;
	}

	.ccai-oldway-header p,
	.ccai-card-content p,
	.ccai-oldway-text p,
	.ccai-solution-box p {
		font-size: 18px;
	}

}

/* new one */
/*==========================
 CopyCat Premium Section
==========================*/
#skills {
	margin-top: 88px;
}

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

/* .container {
    font-size: 0;
    margin-bottom: 30px;
    max-width: 1000px;
} */

.container .hex:nth-child(odd) {
	align-content: center;
	overflow: hidden;
}

.container .hex:nth-child(even) {
	align-content: center;
	overflow: hidden;
}

.container::before {
	content: "";
	width: 54px;
	float: left;
	height: 120%;
	shape-outside: repeating-linear-gradient(#0cf56d00 0 171.2px,
			#000000 0 172px);
}

.container .hex {
	width: 120px;
	height: 125.47px;
	margin: 4px;
	display: inline-block;
	font-size: initial;
	clip-path: polygon(0% 25%, 0% 75%, 50% 100%, 100% 75%, 100% 25%, 50% 0%);
	margin-bottom: -24.85px;

	background: rgba(146, 149, 167, 0.25);
	backdrop-filter: blur(18px);
	border-radius: 12px;
	box-shadow: 0 6px 30px rgba(0, 0, 0, 0.35);
	color: #fff;
	transition: transform 0.3s ease, box-shadow 0.3s ease, background 0.3s ease;
}

.container .hex:hover {
	transform: translateY(-6px);
	box-shadow: 0 10px 25px rgba(252, 252, 252, 0.45);
	background: rgba(158, 156, 156, 0.35);
}

.hex {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
	overflow: hidden;
}

.hex img {
	width: 40%;
	max-height: 60%;
}

.hex span {
	font-size: 12px;
	font-weight: 500;
	margin-top: 5px;
	word-break: break-word;
	display: block;
}

.skills-section p {
	max-width: 700px;
	margin: 0px auto 40px auto;
	text-align: center;
	font-size: 1rem;
	line-height: 1.6;
	color: #ffffff;
	/* White for dark background */
	font-weight: 400;

	/* Subtle glow effect */
	text-shadow:
		0 0 3px rgba(255, 255, 255, 0.6),
		0 0 6px rgba(64, 255, 170, 0.5),
		0 0 10px rgba(64, 121, 255, 0.3);

	/* Smooth transition on hover */
	transition: text-shadow 0.3s ease, color 0.3s ease;
}

.skills-section p:hover {
	text-shadow:
		0 0 6px rgba(255, 255, 255, 0.8),
		0 0 12px rgba(64, 255, 170, 0.6),
		0 0 18px rgba(64, 121, 255, 0.4);
	color: #40ffaa;
}

/* log image section */

.cca-not-buy-wrap {
	padding: 110px 20px;
	background: url(../images/cca-not-buy-wrap.png) no-repeat center top;
	background-size: cover;
	position: relative;
	overflow: hidden;
}

.cca-not-buy-wrap:before {
	content: "";
	position: absolute;
	width: 700px;
	height: 700px;
	background: radial-gradient(circle, #f5f8ff 0%, transparent 70%);
	top: -300px;
	left: -250px;
}

.cca-not-buy-wrap:after {
	content: "";
	position: absolute;
	width: 650px;
	height: 650px;
	background: radial-gradient(circle, #fff5f6 0%, transparent 70%);
	bottom: -280px;
	right: -220px;
}

.cca-not-buy-box {
	max-width: 1180px;
	margin: auto;
	background: #fff;
	border: 1px solid #ececec;
	border-radius: 30px;
	padding: 70px;
	position: relative;
	z-index: 2;
	box-shadow:
		0 25px 80px rgba(0, 0, 0, .06),
		0 8px 30px rgba(0, 0, 0, .04);
}

.cca-top-line {
	width: 90px;
	height: 6px;
	border-radius: 20px;
	margin: 0 auto 28px;
	background: linear-gradient(90deg, #ff3b5c, #7b61ff);
}

.cca-title {
	text-align: center;
	font-size: 46px;
	line-height: 1.2;
	font-weight: 800;
	color: #111;
	margin-bottom: 18px;
}

.cca-subtitle {
	text-align: center;
	font-size: 18px;
	color: #666;
	margin-bottom: 60px;
}

.cca-grid {
	display: grid;
	grid-template-columns: 1fr 90px 1fr;
	gap: 35px;
	align-items: center;
}

.cca-card {
	background: #fff;
	border-radius: 24px;
	padding: 30px;
	border: 1px solid #ededed;
	box-shadow: 0 18px 50px rgba(0, 0, 0, .05);
	transition: .35s;
}

.cca-card:hover {
	transform: translateY(-10px);
	box-shadow: 0 30px 80px rgba(0, 0, 0, .08);
}

.cca-card ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.cca-card li {
	position: relative;
	padding-left: 45px;
	margin-bottom: 28px;
	font-size: 18px;
	line-height: 1.8;
	color: #222;
	font-weight: 300;
}

.negative li:before {
	content: "\2715";
	width: 34px;
	height: 34px;
	border-radius: 50%;
	background: #fff1f3;
	color: #ff2958;
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	left: 0;
	top: 1px;
	font-size: 18px;
	font-weight: 700;
}

.positive li:before {
	content: "\2713";
	width: 34px;
	height: 34px;
	border-radius: 50%;
	background: #eefdf4;
	color: #18b65b;
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	left: 0;
	top: 1px;
	font-size: 18px;
	font-weight: 700;
}

.positive-heading {
	font-size: 26px;
	font-weight: 700;
	color: #111;
	margin-bottom: 20px;
}

.cca-footer {
	/* margin-top:40px; */
	padding-top: 5px;
	border-top: 1px solid #ececec;
	font-size: 24px;
	font-weight: 700;
	color: #111;
}

.cca-divider {
	display: flex;
	justify-content: center;
	align-items: center;
}

.cca-divider span {
	width: 70px;
	height: 70px;
	border-radius: 50%;
	background: #111;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 18px;
	font-weight: 700;
	box-shadow: 0 20px 50px rgba(0, 0, 0, .15);
}

@media(max-width:991px) {

	.cca-not-buy-box {
		padding: 45px 30px;
	}

	.cca-grid {
		grid-template-columns: 1fr;
	}

	.cca-divider {
		margin: 10px 0;
	}

	.cca-title {
		font-size: 34px;
	}

	.positive-heading {
		font-size: 24px;
	}

	.cca-footer {
		font-size: 22px;
	}

}

@media(max-width:767px) {

	.cca-title {
		font-size: 28px;
	}

	.cca-card {
		padding: 30px;
	}

	.cca-card li {
		font-size: 18px;
	}

}

/* new section  */


.smart-cca-wrap {

		background: url(../images/smart-cca-wrap.png) no-repeat center center;
	background-size: auto;
	background-size: cover;
	padding: 80px 0px 80px 0px;


	
	margin: auto;
	color: #fff;
}

.smart-cca-head {
	text-align: center;
	max-width: 900px;
	margin: 0 auto 60px
}

.smart-cca-head h2 {
	font-size: 48px;
	line-height: 1.15
}

.smart-cca-head p,
.smart-cca-content p {
	font-size: 18px;
	line-height: 1.8;
	color: #d7dbe7
}

.smart-cca-card {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 40px;
	align-items: center;
background: #181127;
  border: 1px solid #422944;
	border-radius: 24px;
	padding: 28px;
	margin: 30px 0
}

.smart-cca-card.reverse .smart-cca-image {
	order: 2
}

.smart-cca-card.reverse .smart-cca-content {
	order: 1
}

.smart-cca-image img {
width: 100%;
  /* border-radius: 18px;
  background: #ffbef80f; */
  /* aspect-ratio: 16/10;aspect-ratio: 17/10;
    object-fit: cover; */
}

.smart-cca-number {
	width: 64px;
	height: 64px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	background: linear-gradient(135deg, #ff3d71, #6b5cff);
	font-weight: bold;
	margin-bottom: 20px
}

@media(max-width:900px) {
	.smart-cca-card {
		grid-template-columns: 1fr
	}

	.smart-cca-card.reverse .smart-cca-image,
	.smart-cca-card.reverse .smart-cca-content {
		order: initial
	}

	.smart-cca-head h2 {
		font-size: 34px
	}
}

.features-design1 {
  padding: 40px 15px 40px 15px;
  background: url(../images/features-design1.png) no-repeat center top;
  background-color: #000;
  background-size: cover;
  color: #fff;
}

@media (min-width: 768px) {
  .features-design1 {
    padding: 75px 30px 100px 30px;
    background:  url(../images/features-design1.png) no-repeat center top;

    background-size: cover;

  }
}
.features-design1 .feature-content {
background-color: #1600307a;
  padding: 10px 40px 30px 40px;
  border-radius: 30px;
  height: 100%;
  border: 1px solid #ffffff1f;
}
.features-design1 .feature-content img {
  margin-top: -60px;
}


element {
}
.text-gradient-clr2 {
  background-image: linear-gradient(90deg, #FFE500 0%, #FE3D00 100%);
  background-clip: text;
  -webkit-background-clip: text;

  -webkit-text-fill-color: transparent;
}

.copycat-dashboard-section{
    position:relative;
    overflow:hidden;
}

.copycat-bg-glow{
    position:absolute;
    left:50%;
    top:50%;
    width:700px;
    height:700px;
    transform:translate(-50%,-50%);
    background:radial-gradient(circle,rgba(0,212,255,.18),transparent 70%);
    filter:blur(80px);
    pointer-events:none;
}

.copycat-heading{
    color:#fff;
    font-size:58px;
    font-weight:800;
    line-height:1.25;
    margin:0;
}

.copycat-heading span{
    background:linear-gradient(90deg,#00d4ff,#7ee8ff,#4facfe);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
}

.copycat-card{
    position:relative;
    padding:60px;
    border-radius:30px;

    border:1px solid rgba(255,255,255,.08);
    backdrop-filter:blur(20px);
    box-shadow:0 30px 80px rgba(0,0,0,.45);
	background: #070b14;
}

.copycat-feature{
    height:100%;
    padding:35px 25px;
    border-radius:22px;
    background:rgba(255,255,255,.03);
    transition:.35s;
}

.copycat-feature:hover{
    transform:translateY(-8px);
    background:rgba(255,255,255,.06);
    box-shadow:0 25px 45px rgba(0,0,0,.35);
}

.copycat-icon{
    width:80px;
    height:80px;
    margin:0 auto 25px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:34px;
}

.copycat-icon.red{
    color:#ff5d5d;
    background:rgba(255,93,93,.15);
}

.copycat-icon.blue{
    color:#00d4ff;
    background:rgba(0,212,255,.15);
}

.copycat-icon.yellow{
    color:#ffc400;
    background:rgba(255,196,0,.15);
}

.copycat-feature h4{
    color:#fff;
    font-size:18px;
    font-weight:700;
    margin:0;
}

.copycat-flow-icon{
    font-size:55px;
    margin-bottom:20px;
}

.copycat-flow-icon.trophy{
    color:#ffc107;
}

.copycat-flow-icon.link{
    color:#00d4ff;
}

.copycat-flow-icon.magic{
    color:#39d98a;
}

.copycat-card h3{
color: #fff;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.4;
}

.copycat-subtitle{
    color:#fff;
    font-size:34px;
    font-weight:700;
    margin-bottom:20px;
}

.copycat-subtitle i{
    color:#00d4ff;
    margin-right:10px;
}

.copycat-title{
    font-size:62px;
    font-weight:900;
    margin:0;
    background:linear-gradient(90deg,#00d4ff,#7ee8ff,#4facfe);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
}

@media(max-width:991px){

.copycat-dashboard-section{
    padding:80px 0;
}

.copycat-card{
    padding:40px 25px;
}

.copycat-heading{
    font-size:42px;
}

.copycat-title{
    font-size:42px;
}

.copycat-subtitle{
    font-size:26px;
}

.copycat-card h3{
    font-size:20px;
}

}

@media(max-width:767px){

.copycat-heading{
    font-size:32px;
}

.copycat-feature{
    margin-bottom:20px;
}

.copycat-card{
    padding:30px 20px;
}

.copycat-title{
    font-size:32px;
}

.copycat-subtitle{
    font-size:22px;
}

.copycat-feature h4{
    font-size:22px;
}

.copycat-card h3{
    font-size:18px;
}

.copycat-flow-icon{
    font-size:45px;
}


.container .hex {
  width: 100px;
  height: 115.47px;
  margin: 4px;
    margin-bottom: 4px;
  display: inline-block;
  font-size: initial;
  clip-path: polygon(0% 25%, 0% 75%, 50% 100%, 100% 75%, 100% 25%, 50% 0%);
  margin-bottom: -24.85px;
  background: rgba(146, 149, 167, 0.25);
  backdrop-filter: blur(18px);
  border-radius: 12px;
  box-shadow: 0 6px 30px rgba(0, 0, 0, 0.35);
  color: #fff;
  transition: transform 0.3s ease, box-shadow 0.3s ease, background 0.3s ease;
}

}