@import url(bootstrap.min.css);

body{margin:0;padding:0; font-family: 'Poppins', sans-serif; color: rgb(49, 55, 71); font-size: 14px;}
@media(min-width:1200px){.container{max-width:1260px !important}} .font14{font-size:14px !important}  .font16{font-size:16px !important}.font18{font-size:18px !important}.font20{font-size:20px !important}.font22{font-size:22px !important}.font24{font-size:24px !important}.font26{font-size:26px !important}.font28{font-size:28px !important}.font30{font-size:30px !important}.mtop0{margin-top:0 !important}.mtop10{margin-top:10px !important}.mtop15{margin-top:15px !important}.mtop20{margin-top:20px !important}.mtop30{margin-top:30px !important}.mtop40{margin-top:40px !important}.mtop50{margin-top:50px !important}.mtop60{margin-top:60px !important}.mtop100{margin-top:100px !important}@media(min-width:768px){.font-md16{font-size:16px !important}.font-md18{font-size:18px !important}.font-md20{font-size:20px !important}.font-md22{font-size:22px !important}.font-md24{font-size:24px !important}.font-md26{font-size:26px !important}.font-md28{font-size:28px !important}.font-md30{font-size:30px !important}.font-md32{font-size:32px !important}.font-md34{font-size:34px !important}.font-md36{font-size:36px !important}.font-md38{font-size:38px !important}.font-md40{font-size:40px !important}.font-md42{font-size:42px !important}.font-md45{font-size:45px !important}.font-md46{font-size:46px !important}.font-md50{font-size:50px !important}.font-md55{font-size:55px !important}.font-md60{font-size:60px !important}.mtop-md0{margin-top:0 !important}.mtop-md10{margin-top:10px !important}.mtop-md20{margin-top:20px !important}.mtop-md30{margin-top:30px !important}.mtop-md40{margin-top:40px !important}.mtop-md50{margin-top:50px !important}.mtop-md60{margin-top:60px !important}.mtop-md70{margin-top:70px !important}.mtop-md80{margin-top:80px !important}.mtop-md100{margin-top:100px !important}}.l140 {line-height: 140%}.l160 { line-height: 160%}.l170 {line-height: 170%}.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;
}
.text-color{
	color: rgb(49, 55, 71);
}
.yellow-clr {
	color: #FFE500;
}
.lblue-clr {
	color: #00C2FF;
}

.red-clr {
	color: #FF4A4A;
}
.red-clr1 {
	color: #FF0000;
}

.purple-clr {
	color: #692DE3;
}
.ornage-clr {
	color: #FF8601;
}
  .text-pink1{
	color: rgb(255, 0, 107);
}
  .d3 {
    color: rgb(14, 170, 243);
  }
  .caveat{
	font-family: "Caveat", cursive;
	font-optical-sizing: auto;
	font-style: normal;
  }
.welcome-section {
	padding: 30px 0px;
background: #fff url(../images/header-bg.webp) no-repeat center top/ cover;
	overflow: hidden;
    position: relative;
	
}


.textbg-1 {
  background: url(../images/textbg1.png) no-repeat center center;

    background-size: auto;

  background-size: contain;
   padding: 0 0 11px 0;
}

a.affliate-link,
.affliate-link {
	padding: 5px 5px;
	display: block;
	font-size: 22px;
	color: #FFFFFF;
	text-decoration: none;

	font-weight: 700;
	line-height: normal;
	text-align: center;
	box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
	letter-spacing: 0.5px;
	border-radius: 10px;
	
background: linear-gradient( 95deg, #d048df 0%, #ef65b0 48%, #ff9970 100% );
	
	
}

a.affliate-link:hover{
background: linear-gradient( 95deg, #ff9970 0%, #ef65b0 48%, #d048df 100% );
	
	
	
}
a.affliate-link1 {
	padding: 10px 5px;
	display: block;
	font-size: 22px;
	color: #FFFFFF;
	text-decoration: none;
	font-style: italic;
	font-weight: 700;
	line-height: normal;
	text-align: center;
	box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
	letter-spacing: 0.5px;
	border-radius: 10px;
	
	background-image: linear-gradient(to bottom right, rgb(255, 94, 0) 0%, rgb(247, 163, 1)   100%);
	
	
}

a.affliate-link1:hover {
	
	background-image: linear-gradient(to bottom right,rgb(247, 163, 1) 0%, rgb(255, 94, 0) 100%);
	
	
}


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

ul.features li {
	list-style: none;
	background: url(../images/features-tick.png) no-repeat top left;
	padding-left: 45px;
	margin-bottom: 15px;
	padding-bottom: 15px;
	background-position: 0px 0px;
	min-height: 35px;
	
}

ul.features li:last-child {
	margin-bottom: 0px;
	padding-bottom: 0px;
	border-bottom: none;
}


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

ul.features-list li {
	list-style: none;
	background: url(../images/star-tick.png) no-repeat top left;
	padding-left: 45px;
	margin-bottom: 15px;
	padding-bottom: 15px;
	background-position: 0px 0px;
	min-height: 35px;
	
}

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

.features-box {
	border-radius: 10px;
	border: 1px solid #6E4BCE;
  background-color: #fff;
	
}

.postheadline {

	box-shadow: 0px 5px 0px 0px rgb(255, 228, 159);
	background-color: rgb(255, 187, 54);
	border-radius: 5px;
	
	background-size: 100% 100%;
	display: inline-block;
	padding: 15px 15px;
}

.features-box-padding {
	padding: 20px;
}
.highlight{
	background: url(../images/higihlight.png) no-repeat center center;
	background-size: 100% 100%;
	display: inline-block;
	padding: 15px 15px 15px 28px;
}
.hurry-img{
	position: relative;
	z-index: 9;
}
.hurry-img{
	max-height: 200px;
}
.limited{
	background: #fff;
	padding: 15px;
}
.logo-img img{
	width: 80%;
  }
@media (min-width:768px) {
	.logo-img img{
		
		width: 360px;
	}
	.welcome-section {
		padding: 30px 0px 0px 0px;
		overflow: hidden;
		position: relative;
	}

	.postheadline {
		padding: 10px 37px;
	}

	.features-box-padding {
		padding: 30px;
	}
	.highlight{
		padding: 30px 90px 30px 108px;
	}
	.hurry-img{
		max-height: inherit;
		margin-top: -95px;
  width: 90%;
	}
}

@media (min-width:992px) {

	a.get-link {
		padding: 12px 36px !important;
		color: #FFF;
		font-size: 20px;
		line-height: normal;
	}

	a.affliate-link,
	.affliate-link {

		color: #FFF;
		font-size: 32px;
		line-height: normal;
		padding: 20px 20px;
	}
	a.affliate-link1 {
		color: #FFF;
		font-size: 30px;
		line-height: normal;
		padding: 20px 30px;
	}


}





a.action-link {
	text-decoration: none;
	text-align: center;
	display: block;
	padding: 15px;
	font-weight: 700;
	font-size: 22px;
	line-height: 30px;
	color: #ffffff;
	border-radius: 20px;
	background-image: -moz-linear-gradient(0deg, rgb(60, 191, 39) 0%, rgb(37, 157, 18) 100%);
	background-image: -webkit-linear-gradient(0deg, rgb(60, 191, 39) 0%, rgb(37, 157, 18) 100%);
	background-image: -ms-linear-gradient(0deg, rgb(60, 191, 39) 0%, rgb(37, 157, 18) 100%);
}

a.action-link:hover {
	background-image: -moz-linear-gradient(90deg, rgb(37, 157, 18) 0%, rgb(60, 191, 39) 100%);
	background-image: -webkit-linear-gradient(90deg, rgb(37, 157, 18) 0%, rgb(60, 191, 39) 100%);
	background-image: -ms-linear-gradient(90deg, rgb(37, 157, 18) 0%, rgb(60, 191, 39) 100%);
}

a.action-link span {
	font-size: 14px;
	font-weight: 500;
	font-style: italic;
	line-height: 0px;
}



.main {
	text-align: center;
	display: flex;
	justify-content: center;
	padding: 0px 20px 20px 20px;
}

.item {
	margin-right: 5px;
	width: 100%;
	border-radius: 100%;
	position: relative;
	width: 75px;
	height: 75px;
	min-width: 75px;
	min-height: 75px;
	display: inline-flex;
	align-items: center;
	flex-direction: column;
	justify-content: center;
	border-radius: 10px;
	border: 1px solid #464646;
	background: #1E1E1E;

}

.item::before {
	content: ':';
	position: absolute;
	z-index: 9;
	right: -25px;
	color: #f01236;
	font-size: 60px;
	top: -10px;
	display: none;
}

.main .item:last-child {
	margin-right: 0px;
}

.main .item:last-child::before {
	content: none;
}

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

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

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




@media (min-width:768px) {
	.item {
		margin-right: 20px;
		width: 100px;
		height: 100px;
		min-width: 100px;
		min-height: 100px;
	}

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

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

	a.action-link {
		padding: 30px 50px;
		font-size: 38px;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		gap: 20px;
		flex-direction: row;
		line-height: 36px;
	}
}

@media (min-width:768px) {
.hurry {
background: linear-gradient(90deg, rgba(0, 0, 0, 0.00) 0%, #7306ff 51.5%, rgba(0, 0, 0, 0.00) 100%);
  display: inline-block;
  padding: 5px 50px;
}
}
@media (max-width:768px) {
.hurry {
background: linear-gradient(90deg, rgba(0, 0, 0, 0.00) 0%, #7306ff 51.5%, rgba(0, 0, 0, 0.00) 100%);
  display: inline-block;
  padding: 5px 10px;
}
}


.footer-section {
	padding: 30px 0px;
	padding: 60px 0px;
	background: black;
    color: white;
}

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


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

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


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

		        background: black;
				color: white;
	}

	ul.legal-link li {
		margin: 10px;
		display: inline-flex;
	}
}
.h-up{
	border: 1px dashed rgb(243, 135, 0);
	padding: 10px 0px 10px 0px;
}



.free-upgrade {
	background: rgb(49, 55, 71);
	padding: 20px 0px 0px 0px;
  }

.free-flex {
	display: block;
	align-items: center;
	flex-direction: row;
	gap: 15px;
}

@media (min-width:991px) {
	.free-upgrade {
		background: rgb(49, 55, 71);
		padding: 5px 0px 0px 0px;
	  }
	.free-flex {
		display: inline-flex;
		align-items: center;
		flex-direction: row;
		gap: 15px;
	}
}

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

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


.banner-popup{ background: rgba(0, 0, 0, 0.92)}
.modal-header {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 15px;
	border-bottom: 0 solid #dee2e6;
	flex-direction: column;
}

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

#ouibounce-modal .modal-body {
	padding: 20px;
	position: relative;
	flex: 1 1 auto;
}

#ouibounce-modal .modal-header .close {
	border-radius: 50%;
	padding: 5px 8px;
	background-color: #f4eeee;
	opacity: 1;
	color: #fff;
	margin: -29px -23px 0.9rem auto;
	border: 2px solid #fff;
}

.banner-popup .close {
	position: absolute;
	top: -13px;
	z-index: 99;
	background: #000000;
	opacity: 1;
	border: 3px solid white;
	width: 37px;
	height: 37px;
	line-height: 22px;
	border-radius: 50%;
	right: -13px;
	color: #fff;
}

button.close {
	padding: 0;
	border: 0;

}

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

a.nothanks {
	color: #F00;
	text-decoration: none;
}


.coupon {
	background: #6C27DC;
	padding: 5px 15px;
	display: inline-block;
	margin: 15px 0px;
}




.cta-section {
	
	background: #692DE3;
	padding: 30px 0px;
	background-image: linear-gradient(90deg, #ffc00d 0%, rgb(243, 135, 0) 100%);
	overflow: hidden;
}

.cta-upgrade-box{
padding: 50px 15px 0px 15px;
  border-radius: 20px;
  background: url(../images/cta-upgrade-box.png) no-repeat center center / cover;
}


.cta-wrap {
	border-radius: 10px;
	background: #3DC4F3;
	box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
	padding: 15px;
	height: 100%;
}

.cta-radius {
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
}

.cta-radius1 {
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
}

@media (min-width:768px) {

	.cta-section {
		padding: 65px 0px;
	}

	.cta-radius {
		border-bottom-left-radius: 10px;
		border-bottom-right-radius: 10px;
	}

	.cta-radius1 {
		border-top-left-radius: 10px;
		border-top-right-radius: 10px;
	}
}







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

.relative {
	position: relative;
}

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

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

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

@media (min-width: 768px) {
	.step-left::after {
		content: '';
		z-index: -1;
		position: absolute;
		left: 0;
		top: 0;
		bottom: 0;
		height: 100%;
		right: 0%;
		
		

		background: linear-gradient(90deg, #12013D 0%, #12013D 45%, rgba(30, 9, 85, 0.84) 70%, rgb(255, 255, 255) 100%);
		background: linear-gradient(90deg, #0264EC 0%, #0264EC 45%, rgb(2, 100, 236) 70%, rgb(255, 255, 255) 100%);
		border-radius: 35px 0px 0px 35px;
		max-height: 360px;
	}
}

@media (max-width: 768px) {
	.step-left::after {
		content: '';
		z-index: -1;
		position: absolute;
		left: 0;
		top: 0;
		bottom: 0;
		height: 100%;
		right: 0%;
		
		
		background: linear-gradient(90deg, #12013D 0%, #12013D 45%, rgb(18, 1, 61) 70%, rgb(18, 1, 61) 100%);
		background: linear-gradient(90deg, #0264EC 0%, #0264EC 45%, rgb(2, 100, 236) 70%, rgb(255, 255, 255) 100%);
		border-radius: 35px;
	}
}

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

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











@media (min-width: 991px) {
	.step-right::after {
		max-height: 315px;
	}
}

@media (min-width: 768px) {
	.step-right::after {
		content: '';
		z-index: -1;
		position: absolute;
		left: 0;
		top: 0;
		bottom: 0;
		height: 100%;
		right: 0%;
		

		
		background: linear-gradient(270deg, #12013D 0%, #12013D 45%, rgba(30, 9, 85, 0.84) 70%, rgb(255, 255, 255) 100%);
		background: linear-gradient(270deg, #0264EC 0%, #0264EC 45%, rgb(2, 100, 236) 70%, rgb(255, 255, 255) 100%);
		border-radius: 0px 35px 35px 0px;
		max-height: 350px;
	}
}

@media (max-width: 768px) {
	.step-right::after {
		content: '';
		z-index: -1;
		position: absolute;
		left: 0;
		top: 0;
		bottom: 0;
		height: 100%;
		right: 0%;
		
		background: linear-gradient(270deg, #12013D 0%, #12013D 45%, rgb(18, 1, 61) 70%, rgb(18, 1, 61) 100%);
		border-radius: 35px;
		
		
	}
}

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

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








.step-title {
	background: url(../images/step-title.png) no-repeat center center;
	display: inline-block;
	background-size: 100% 100%;
	padding: 5px 45px;
}

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

	}
}



.lbox-1 {
	padding: 0px 10px;
  background: linear-gradient( 90deg, #ff936d 0%, #f164a9 40%, #d13cda 100% );
	color: #fff;
	border-radius: 10px;
	display: inline-block;
  }











.header-icon {
	position: absolute;
	right: -1%;
	top: 3%;
	width: 11%;

}

.header-icon1 {
	position: absolute;
	right: -8%;
	top: 477px;
	width: 26%;
}

.header-icon2 {
	position: absolute;
	left: -7%;
	top: 16%;
	width: 22%;
	z-index: 1;
	

}




.header-icon4 {
	position: absolute;
	left: -11%;
	bottom: 0%;
	width: 26%;
}

.header-icon5 {
position: absolute;
  left: -13%;
  top: -58%;
  width: 21%;
}
@media (min-width:1200px) {
	.header-icon3 {
		position: absolute;
		right: -8%;
		bottom: 0%;
		width: 20%;
	
	}
.header-icon6 {

	position: absolute;
    left: -1%;
    top: 0%;
    width: 11%;;
}
.header-icon7 {
position: absolute;
    right: -13%;
    width: 21%;
    top: -48px;
}
}
@media (max-width:1200px) {
	.header-icon3 {
		position: absolute;
		right: -8%;
		bottom: 0%;
		width: 20%;
	
	}

	.header-icon6 {
	
		position: absolute;
		left: -7%;
		top: 7%;
		width: 17%;
	}
	}



.cta-upgrade-box{
position: relative;
}

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

.quote {
	position: absolute;
	top: -22px;
	right: 30px;
}

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

.solve-section {
	background: #692DE3 url(../images/solve-bg.png) no-repeat center center / cover;
	padding: 30px 0px;
}

.solve-wrap {
	border-radius: 20px;
	box-shadow: 0 25px 70px rgba(72, 55, 130, 0.07);
  background: #FFF;
  border: 1px solid #DEDEDE;
	padding: 20px;
}

ul.right {
	margin: 0px;
	padding: 0px;
}

ul.right li {
	list-style: none;
	background: url(../images/green-ticks.png) no-repeat top left;
	padding-left: 50px;
	margin-bottom: 15px;
	background-position: 0px 0px;
	min-height: 45px;
}

ul.right li.question {
	background: url(../images/question-ticks.png) no-repeat top left;
	color: #FF4A4A;
	font-weight: 600;
}

ul.right li:last-child {
	margin-bottom: 0px;
	padding-bottom: 0px;
}

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

	.solve-wrap {
		padding: 30px;
	}

	ul.right li {
		list-style: none;
		background: url(../images/green-tick.png) no-repeat top left;
		min-height: 45px;
		padding-left: 60px;
	}

	ul.right li.question {
		background: url(../images/question-tick.png) no-repeat top left;
	}
}

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

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


.stop-section {
	padding: 30px 0px;
	background: #EAE0FF url(../images/stop-section.png) no-repeat center center / cover;
}

.stop-gap {
	--bs-gutter-y: 30px;
}

.stop-wrap {
	padding: 20px;
	border-radius: 15px;
	background: #FFF;
}

.stop-flex {
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	gap: 15px;
	flex-direction: row;
	margin-bottom: 25px;
}

.stop-flex .stop {
	border-radius: 4px;
	background: #F94646;
	display: inline-flex;
	padding: 0px 10px;
}

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

	.stop-gap {
		--bs-gutter-y: 60px;
		--bs-gutter-x: 30px;
	}

	.stop-wrap {
		padding: 30px;
		border-radius: 50px;
		background: #FFF url(../images/stop-wrap.png) no-repeat bottom right / cover;
	}
}


.wealth-section {
	padding: 30px 0px;
	background: #8F5CFF url(../images/wealth-bg.png) no-repeat center center / cover;
}

.wealth-head {
	background: #fff;
	display: inline-block;
	padding: 10px 15px;
	border-radius: 15px;
}

.wealth-title {
	border-radius: 20px 20px 0px 0px;
	background: #FFF;
	padding: 15px;
	color: #313747;
}

.wealth-content-right,
.wealth-content-left {
	border-radius: 0px 0px 20px 20px;
background: linear-gradient( 90deg, #ff936d 0%, #f164a9 40%, #d13cda 100% );
	padding: 15px;
	position: relative;
}

.right-quote {
	position: absolute;
	top: 15px;
	right: 15px;
}

.left-quote {
	position: absolute;
	top: 15px;
	left: 15px;
}

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

	.wealth-title {
		padding: 33px 92px;
	}

	.wealth-content-right {
		padding: 20px 135px 20px 20px;
	}

	.wealth-content-left {
		padding: 20px 20px 20px 135px;
	}

}

.intro-section {
	padding: 30px 0px;
	background: #00C2FF url(../images/introduction-bg.png) no-repeat center center / cover;
}

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

.features-section {
	padding: 30px 0px;
	background-color: rgb(10, 1, 35);
	background-size: cover;
	
	background-attachment: fixed;
	color: #fff;
}


.features-skew {
	display: inline-block;
	padding: 5px 25px;
	text-decoration: none;
	transform: skew(-20deg);
	text-align: center;
	background: #fff;
	border: 2px solid #fff;
	border-radius: 0 0px 0px 0px;

  }


.skew-fix {
	display: inline-block;
	transform: skew(0deg);
}

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

	.features-skew {
		padding: 5px 44px;
		margin-left: 10px;
	}
}
@media (min-width: 768px) {
	.features-right {
	  background: transparent;
	  background-size: auto;
	  background-size: auto;
	  position: relative;
	  border: none;
	  padding-left: 70px;
	  background-size: contain;
	  z-index: 9;
	  padding: 30px 30px 30px 30px;
	}
  }
  @media (max-width: 768px) {
	.features-right {
	  background: transparent;
	  background-size: auto;
	  background-size: auto;
	  position: relative;
	  border: none;
	  padding-left: 70px;
	  background-size: contain;
	  z-index: 9;
	  padding: 30px 30px 30px 30px;
	  background: linear-gradient(90deg, rgba(8, 43, 67, 0.00) 0%, #12013D 100%);
	  border-radius: 35px;
	}
  }

  @media (min-width: 768px) {
	.features-right::after {
	  content: '';
	  z-index: -1;
	  position: absolute;
	  left: 0;
	  top: 0;
	  bottom: 0;
	  height: 100%;
	  right: 0%;
	  background: linear-gradient(90deg, rgba(8, 43, 67, 0.00) 0%, #12013D 100%);
	  border-radius: 35px;
	  max-height: 420px;
	}
  }

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

	}
  }
  @media (max-width: 768px) {
	.features-left {
		background: linear-gradient(90deg, #12013D 0%, rgba(8, 43, 67, 0.00) 100%);
	  background-size: auto;
	  background-size: auto;
	  position: relative;
	  border: none;
	  padding-left: 70px;
	  background-size: contain;
	  z-index: 9;
	  padding: 30px 30px 30px 30px;
	  border-radius: 35px;
	}
  }
  @media (min-width: 768px) {
	.features-left::after {
	  content: '';
	  z-index: -1;
	  position: absolute;
	  left: 0;
	  top: 0;
	  bottom: 0;
	  height: 100%;
	  right: 0%;

	  background: linear-gradient(90deg, #12013D 0%, rgba(8, 43, 67, 0.00) 100%);
	  border-radius: 35px;
	  max-height: 420px;
	}
  }

.fees-section {
	padding: 30px 0px 30px 0px;
	background: radial-gradient(circle at 10% 20%, rgba(220, 70, 255, .08), transparent 24%), radial-gradient(circle at 90% 80%, rgba(255, 156, 112, .10), transparent 25%), #f8f7ff;
}

.fees-head {
	background: #00C2FF;
	padding: 15px;
	display: inline-block;
	border-radius: 15px;
}

ul.right1 {
	margin: 0px;
	padding: 0px;
}

ul.right1 li {
	list-style: none;
	background: url(../images/features-tick.png) no-repeat top left;
	padding-left: 45px;
	margin-bottom: 15px;
	background-position: 2px 2px;
	min-height: 45px;
	background-size: 28px;
}

ul.right1 li:last-child {
	margin-bottom: 0px;
	padding-bottom: 0px;
}

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

	.fees-head {
		padding: 10px 57px;
	}
}


.demo-section {
	padding: 60px 0px 30px 0px;
	background: #00C2FF url(../images/demo-bg.png) no-repeat center top / cover;
}
.demo-part{
border: 1px solid rgb(168, 168, 168);
  border-radius: 10px;
  background: rgba(26, 26, 26, 0.2);
  box-shadow: inset 0 1px rgba(255,255,255,.08), 0 15px 35px rgba(0,0,0,.25);
  padding: 21px;
  border: 2px solid rgb(185, 185, 185);
  backdrop-filter: blur(16px);
}

.fees-head {
	
	background: #8149FF;
	padding: 15px;
	display: inline-block;
	border-radius: 15px;
}

.fees-head.title-bg {
	background: #005975;
}

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

	.fees-head {
		padding: 10px 57px;
	}

	.w-md-auto {
		width: auto !important;
	}
}


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

  color: #000;
  background-size: cover;
}

ul.right2 {
	margin: 0px;
	padding: 0px;
}

ul.right2 li {
	list-style: none;
	background: url(../images/white-ticks.png) no-repeat top left;
	padding-left: 50px;
	margin-bottom: 15px;
	background-position: 0px 0px;
	min-height: 45px;
}

ul.right2 li:last-child {
	margin-bottom: 0px;
	padding-bottom: 0px;
}

.headline {
	border: 2px solid rgb(255, 255, 255);
	background-color: rgb(255, 205, 100);
	color: #313747;
	display: inline-block;
	padding: 5px 15px;
	position: relative;
	z-index: 9;
	border-radius: 4px;
}

.headline-line {
	border-bottom: dashed 2px #fff;
	position: absolute;
	left: 0;
	right: 0;
	top: calc(50% - 2px);
}

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

	.headline {
		padding: 2px 50px;
	}
}


.who-section {
	padding: 30px 0px;
	background: #692DE3 url(../images/who-bg.png) no-repeat center center / cover;
}

.yellow-title {
	border-radius: 30px;
	background: #FFE500;
	display: inline-block;
	padding: 5px 15px;
}

.who-gap {
	--bs-gutter-y: 30px;
}

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

	.yellow-title {
		padding: 15px 30px;
	}

	.who-gap {
		--bs-gutter-y: 60px;
	}

}

.compare-section {
	padding: 30px 0px;
	background: #FFF;
}

.table-design table {
	border-color: #FF3EBE;
}

.table-striped>thead>tr th:first-child,
.table-striped>tbody>tr td:first-child {
	font-weight: 600;
}

.table-striped>tbody>tr:nth-of-type(odd) {
	--bs-table-accent-bg: #F6F1FF;
}

.table-design thead th {
	padding: 20px 20px;
	
	background-color: #FF47B9;
	color: #ffffff;
	font-family: Poppins;
	font-style: normal;
	font-weight: 600;
border-color: #FF3EBE;
	white-space: nowrap;
}

.table-design tbody td {
	padding: 20px 20px;
	color: #000;
	font-family: Poppins;
	font-style: normal;
	font-weight: 400;
border-color: #FF3EBE;
	background: #fff;
}

.compare-cost {
	border-radius: 30px;

	padding: 15px;
	background: #A871FD52;
}

.com-title {
background: linear-gradient( 90deg, #ffb27f, #ff819f, #e967ce, #a572ff );
	display: inline-block;
	padding: 5px 15px;
	border-radius: 100px;
}

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

	.compare-cost {
		padding: 0px 30px 30px 30px;
	}

	.com-title {
		padding: 5px 100px;
		margin-top: -30px;
	}
}

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

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

}

.storage-section {
	padding: 30px 0px;
	background: #8D55F0 url(../images/storage-section.png) no-repeat center center / cover;
  color: #fff;
  
}

.storage-high {
	display: inline-block;
  background: #FFCD64;
  padding: 5px 15px;
  margin: 10px 0px;
  border-radius: 10px;
}

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

}

.payment-section {
	padding: 30px 0px;
	background: #C7F2FF url(../images/payment-section.png) no-repeat center center / cover;
}

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

}


.bonus-section {
	padding: 30px 0px;
	background: #00C2FF url(../images/bonus-section.png) no-repeat center center / cover;
}

.bonus-wrap {
	border-radius: 20px;
	background-color: rgba(11, 0, 252, 0.07);
	padding: 0px 15px 15px 15px;
	border: solid 1px #FFE500;
	height: 100%;
	color: #FFF;
}
.bonus-wrap img{
	width: 350px;
}

.bonus-heading {
	border-radius: 51px;
	background: #FFF;
	padding: 10px 30px;
	display: inline-block;
}

@media (min-width:768px) {

	.bonus-section,
	.bonus-section1 {
		padding: 100px 0px;
	}

	.bonus-wrap {
		padding: 30px 30px 30px 30px;
	}

	.bonus-heading {
		padding: 15px 50px;
	}
}
  @media (min-width: 768px) {
	
  }

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

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


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

.money-title {
	background: url(../images/money-title.png) no-repeat center center;
	background-size: cover;
	display: inline-block;
	padding: 5px 15px;
}

ul.right3 {
	margin: 0px;
	padding: 0px;
}

ul.right3 li {
	list-style: none;
	background: url(../images/like-ticks.png) no-repeat top left;
	padding-left: 80px;
	margin-bottom: 15px;
	background-position: 0px 0px;
	min-height: 45px;
}

ul.right3 li:last-child {
	margin-bottom: 0px;
	padding-bottom: 0px;
}

.money-content {
	border-radius: 26px;
	background: #FFF;
	display: inline-block;
	padding: 15px;
}

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

	.money-title {
		padding: 15px 78px;
	}

	.money-content {
		display: block;
		padding: 25px 15px;
	}
}


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

.doors-title {
	background: #00C2FF;
	display: inline-block;
	padding: 15px 15px;
	border-radius: 15px;
}

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

	.doors-title {
		padding: 15px 70px;
	}
}

.pill-section {
	padding: 30px 0px;
	background: #EEE url(../images/pill-section.png) no-repeat center bottom/ cover
}

.doors-title {
	background: #00C2FF;
	display: inline-block;
	padding: 15px 15px;
	border-radius: 15px;
}

.green-title.red {
	background: #FF6E6E;
	
}

.green-content.red {
	border: 5px solid #FF6E6E;
	background: #FFF1F1;
}
@media (min-width: 768px) {
  }

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

ul.green-list li {
	list-style: none;
	background: url(../images/green-triangle.png) no-repeat top left;
	padding-left: 50px;
	margin-bottom: 15px;
	background-position: 0px 0px;
	min-height: 45px;
}

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

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

ul.red-list li {
	list-style: none;
	background: url(../images/red-triangle.png) no-repeat top left;
	padding-left: 50px;
	margin-bottom: 15px;
	background-position: 0px 0px;
	min-height: 45px;
}

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

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

	.doors-title {
		padding: 15px 70px;
	}
}


.huge-section {
	padding: 30px 0px;
	background: #ffffff url(../images/huge-bg.png) no-repeat center center / cover;

	background-size: cover;
	
}

.huge-content {
	background: #E2D4FF;
	padding: 15px;
	display: block;
}

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

	.huge-content {
		padding: 30px;
	}
}

.font-family1 {
	font-family: "Dancing Script", cursive;
	font-style: bold;
  }

.see-inside {
	padding: 30px 0px;
	background: #EEF5FF url(../images/see-inside.png) no-repeat center center / cover;
	background-size: cover;

}

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



.waste-sec {
padding: 50px 8px 8px 15px;
  background: #EEF5FF url(../images/waste-sec.webp) no-repeat center center / cover;
}

.waste-head {
	display: inline-block;
	padding: 15px;
	background: radial-gradient(58.71% 58.71% at 50% 41.29%, #FFF 0%, #E8E8E8 100%);
}

@media (min-width:768px) {
	.waste-sec {
		padding: 100px 0px 0 0;
		border-radius: 120px;
	}

	.waste-head {
		padding: 18px 90px 18px 19px;
		background: url(../images/waste.png) no-repeat center center;
		background-size: 100% 100%;
	}
}

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

}

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

.question .que {
	border-radius: 10px;
	background: #692DE3;
	background-color: #0061fe;
	display: inline-flex;
	padding: 0px 8px;
	color: #fff;
	font-weight: 500 !important;
}

.question .ans {
	border-radius: 10px;
	background: #D4E6FF;
	display: inline-flex;
	padding: 0px 8px;
	font-weight: 500 !important;
}

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


.content-sec {
	padding: 30px 0px;
	background: #fff url(../images/content-bg.png) no-repeat center center / cover;
	color: #fff;
}

.content-text {
	border-radius: 18px;
	
	background: #8D55F0;
    background-color: rgb(141, 85, 240);
  background-color: #1102190f;
  padding: 0px 15px 15px 15px;
  border: 1px solid #f0f8ffa6;
}

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

	.content-text {
		padding: 0px 30px 30px 30px;
	}
}

.hi-their-sec {
	background: url(../images/money-bg.png);
	  background-position-x: 0%;
	  background-position-y: 0%;
	  background-repeat: repeat;
	  background-attachment: scroll;
	  background-size: auto;
	background-position-x: 0%;
	background-repeat: repeat;
	background-size: cover;
	background-position: top;
	background-attachment: fixed;
	padding: 100px 0 50px 0;
  }
  .hi-their-box {
background-color: rgb(255, 255, 255);
  border: 2px solid #D74ED5;
	box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.19);
	border-radius: 50px;
	padding: 0px 15px 30px 15px;
  }
  @media (min-width: 768px) {
	.hi-their-box {
	  border-radius: 50px;
	  padding: 0px 70px 100px 70px;
	}
  }
  .hi-their-shadow img {
	background-image: url(../images/check.png);
	background-repeat: no-repeat;

	border-radius: 100px;

	margin-top: -102px;
	display: inline-block;
  }
 
  @media (max-width:400px) {
	.hi-their-shadow img {
		background-image: url(../images/check.png);
		background-repeat: no-repeat;
	
		border-radius: 100px;
	
		margin-top: -95px;
		display: inline-block;
	  }
	 
  }
  @media (min-width: 768px) {
  }
  .use-title {
	
  border-radius: 50px;
background: linear-gradient( 0deg, #ffb27f, #ff819f, #e967ce, #a572ff );
  padding: 10px 5px;
	display: block;
	color: #fff;
  }
  
  @media (min-width: 768px) {
  }
  @media (max-width: 667px) {
  }
  @media (max-width: 400px) {
  }

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

  .effect-1::before {
	content: '';
	position: absolute;
	width: 100%;
	height: 20px;
	left: 50%;
	bottom: 10px;
	background-color: rgb(214, 0, 255);
	background-color: rgb(255, 199, 0);
	z-index: -1;
	transform: translateX(-50%);
  }
  .effect-2 {
	position: relative;
	z-index: 1;
	display: inline-block;
  }

  .effect-2::before {
	content: '';
	position: absolute;
	width: 100%;
	height: 20px;
	left: 50%;
	bottom: 10px;
	background-color: rgb(2, 100, 236);

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





  
.attention-box  {
	position: relative;
}

.attention-box .attention-img img {
	
	position: fixed;
	top: 73px;
	left: 23px;
	width: 125px;
	z-index: -1;
}


.attention-box .titles1 {
	font-size: 15px;
	background-color: #FFF500;
	padding: 5px 15px 5px 30px;
	border-radius: 4px;
	margin: auto
}


.top-box {
	
	background-color: #fff;
	padding: 5px 20px 5px 50px;
	position: fixed;
	width: 100%;
	z-index: 999;
	color: #fff;
	/* background-image: linear-gradient(90deg, rgb(131, 8, 255) 0%, rgb(231, 14, 255) 100%); */

}

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



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

@media screen and (min-width: 1024px) {
	.top-box .btn-box {
		text-align: center;
	}
	.attention-box .attention-img img{
		display: block;
	}
}
@media screen and (max-width: 1024px) {
	
	.attention-box .attention-img img{
		display: none;
	}
}

.top-box .btn-box .btn {
	font-size: 20px;
	padding: 8px 70px;
}

.top-box .btn-box .btn:hover {
	animation-name: shake-slow;
	animation-duration: 5s;
	animation-timing-function: ease-in-out;
	animation-iteration-count: infinite;
}



.top-box .top-content-section .top-title {
	letter-spacing: 1px;
	color: #fff;
	font-size: 17PX;
  }

.top-box .top-content-section .top-title span {
	
	padding: 4px 4px;
	
}

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

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

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

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

@keyframes shake-slow {
	2% {
		transform: translate(6px, -2px) rotate(3.5deg);
	}

	4% {
		transform: translate(5px, 8px) rotate(-0.5deg);
	}

	6% {
		transform: translate(6px, -3px) rotate(-2.5deg);
	}

	8% {
		transform: translate(4px, -2px) rotate(1.5deg);
	}

	10% {
		transform: translate(-6px, 8px) rotate(-1.5deg);
	}

	12% {
		transform: translate(-5px, 5px) rotate(1.5deg);
	}

	14% {
		transform: translate(4px, 10px) rotate(3.5deg);
	}

	16% {
		transform: translate(0px, 4px) rotate(1.5deg);
	}

	18% {
		transform: translate(-1px, -6px) rotate(-0.5deg);
	}

	20% {
		transform: translate(6px, -9px) rotate(2.5deg);
	}

	22% {
		transform: translate(1px, -5px) rotate(-1.5deg);
	}

	24% {
		transform: translate(-9px, 6px) rotate(-0.5deg);
	}

	26% {
		transform: translate(8px, -2px) rotate(-1.5deg);
	}

	28% {
		transform: translate(2px, -3px) rotate(-2.5deg);
	}

	30% {
		transform: translate(9px, -7px) rotate(-0.5deg);
	}

	32% {
		transform: translate(8px, -6px) rotate(-2.5deg);
	}

	34% {
		transform: translate(-5px, 1px) rotate(3.5deg);
	}

	36% {
		transform: translate(0px, -5px) rotate(2.5deg);
	}

	38% {
		transform: translate(2px, 7px) rotate(-1.5deg);
	}

	40% {
		transform: translate(6px, 3px) rotate(-1.5deg);
	}

	42% {
		transform: translate(1px, -5px) rotate(-1.5deg);
	}

	44% {
		transform: translate(10px, -4px) rotate(-0.5deg);
	}

	46% {
		transform: translate(-2px, 2px) rotate(3.5deg);
	}

	48% {
		transform: translate(3px, 4px) rotate(-0.5deg);
	}

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

	52% {
		transform: translate(7px, 4px) rotate(-1.5deg);
	}

	54% {
		transform: translate(10px, 8px) rotate(-1.5deg);
	}

	56% {
		transform: translate(-3px, 0px) rotate(-0.5deg);
	}

	58% {
		transform: translate(0px, -1px) rotate(1.5deg);
	}

	60% {
		transform: translate(6px, 9px) rotate(-1.5deg);
	}

	62% {
		transform: translate(-9px, 8px) rotate(0.5deg);
	}

	64% {
		transform: translate(-6px, 10px) rotate(0.5deg);
	}

	66% {
		transform: translate(7px, 0px) rotate(0.5deg);
	}

	68% {
		transform: translate(3px, 8px) rotate(-0.5deg);
	}

	70% {
		transform: translate(-2px, -9px) rotate(1.5deg);
	}

	72% {
		transform: translate(-6px, 2px) rotate(1.5deg);
	}

	74% {
		transform: translate(-2px, 10px) rotate(-1.5deg);
	}

	76% {
		transform: translate(2px, 8px) rotate(2.5deg);
	}

	78% {
		transform: translate(6px, -2px) rotate(-0.5deg);
	}

	80% {
		transform: translate(6px, 8px) rotate(0.5deg);
	}

	82% {
		transform: translate(10px, 9px) rotate(3.5deg);
	}

	84% {
		transform: translate(-3px, -1px) rotate(3.5deg);
	}

	86% {
		transform: translate(1px, 8px) rotate(-2.5deg);
	}

	88% {
		transform: translate(-5px, -9px) rotate(2.5deg);
	}

	90% {
		transform: translate(2px, 8px) rotate(0.5deg);
	}

	92% {
		transform: translate(0px, -1px) rotate(1.5deg);
	}

	94% {
		transform: translate(-8px, -1px) rotate(0.5deg);
	}

	96% {
		transform: translate(-3px, 8px) rotate(-1.5deg);
	}

	98% {
		transform: translate(4px, 8px) rotate(0.5deg);
	}

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

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



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

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

	.d500-block {
		display: block;
	}
}

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

	.d400-block {
		display: block;
	}

	.d500-block {
		display: none;
	}
	.attention-box .title {
		font-size: 16px;
		background-color: #FFF500;
		padding: 5px 30px 5px 30px;
		border-radius: 4px;
		margin-bottom: 5px;
	}
	.title {
		line-height: 20px;
	  }
}
@media screen and (max-width: 576px) {
	.top-box .top-content-section .top-title {
	  font-size: 11px;
	}
	.top-box .top-content-section .top-title {
		letter-spacing: 3px;
		color: #fff;

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

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

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


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

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

.top-box .item .count_down {
	font-weight: 600 !important;
	line-height: 100%;
	width: 100%;
	float: left;
	color: #fff;
	font-size: 18px;
	padding: 0px;
	margin: 0px 0 5px 0;
}
.btn-primary:hover {
	color: #000;
	background-color: rgb(255, 236, 42);
	border-color: rgb(255, 236, 42);
}
.btn-primary {
	color: #000;
	background-color: rgb(255, 236, 42);
	border-color: rgb(255, 236, 42);
}





/* =========================================================
   DIRECTOR AI PREMIUM VIDEO TESTIMONIALS
   PREFIX: daivtm26-
========================================================= */

.daivtm26-section {
   position: relative;
   overflow: hidden;
   padding: 85px 0 0px 0;
   /* background:
      radial-gradient(circle at 12% 18%, rgba(122, 67, 236, 0.22), transparent 30%),
      radial-gradient(circle at 88% 32%, rgba(74, 112, 232, 0.18), transparent 32%),
      linear-gradient(135deg, #070a1d 0%, #0a0f29 40%, #100b2d 72%, #060918 100%); */
   isolation: isolate;
}

.daivtm26-bg-grid {
   position: absolute;
   inset: 0;
   background-image:
      linear-gradient(rgba(255,255,255,0.02) 1px, transparent 1px),
      linear-gradient(90deg, rgba(255,255,255,0.02) 1px, transparent 1px);
   background-size: 58px 58px;
   opacity: .55;
   pointer-events: none;
   mask-image: linear-gradient(to bottom, transparent, #000 15%, #000 85%, transparent);
}

.daivtm26-glow {
   position: absolute;
   border-radius: 50%;
   filter: blur(110px);
   pointer-events: none;
   z-index: -1;
}

.daivtm26-glow--left {
   width: 420px;
   height: 420px;
   left: -220px;
   top: 110px;
   background: rgba(124, 74, 232, .34);
}

.daivtm26-glow--right {
   width: 460px;
   height: 460px;
   right: -230px;
   bottom: 40px;
   background: rgba(82, 116, 235, .24);
}

/* heading */

.daivtm26-eyebrow {
   display: inline-flex;
   align-items: center;
   gap: 9px;
   padding: 9px 16px;
   border-radius: 999px;
   border: 1px solid rgba(145, 132, 255, .26);
   background: linear-gradient(90deg, rgba(118,69,235,.14), rgba(83,100,228,.12));
   color: #d6dbff;
   font-size: 13px;
   font-weight: 800;
   letter-spacing: 1.4px;
   box-shadow: inset 0 1px rgba(255,255,255,.08), 0 10px 25px rgba(0,0,0,.18);
}

.daivtm26-eyebrow-dot {
   width: 8px;
   height: 8px;
   border-radius: 50%;
   background: #ff676f;
   box-shadow: 0 0 8px rgba(255,103,111,.9);
}

.daivtm26-heading {
   margin: 18px 0 0;
   color: #fff;
   font-size: 44px;
   line-height: 1.15;
   font-weight: 900;
   letter-spacing: -1px;
}

.daivtm26-heading span {
   display: block;
   background: linear-gradient(90deg, #8e4beb 0%, #6d63eb 28%, #5b7ae7 60%, #ff6d71 100%);
   -webkit-background-clip: text;
   background-clip: text;
   color: transparent;
}

.daivtm26-subheading {
   max-width: 620px;
   margin: 16px auto 0;
   color: #b0b8d4;
   font-size: 18px;
   line-height: 1.6;
}

.daivtm26-row {
   margin-top: 45px;
   margin-bottom: 50px;
}

/* cards */

.daivtm26-card {
   position: relative;
   width: 100%;
   max-width: 286px; /* smaller size */
   padding: 1px;
   border-radius: 28px;
   background: linear-gradient(145deg, rgba(139,94,247,.62), rgba(84,102,236,.14) 38%, rgba(255,104,110,.40));
   box-shadow: 0 24px 55px rgba(0,0,0,.42), 0 8px 20px rgba(76,65,221,.12);
   transition: transform .35s ease, box-shadow .35s ease;
   isolation: isolate;
}

.daivtm26-card:hover {
   transform: translateY(-8px);
   box-shadow: 0 34px 70px rgba(0,0,0,.48), 0 0 28px rgba(111,73,236,.16);
}

.daivtm26-card--featured {
   transform: translateY(-10px) scale(1.03);
}

.daivtm26-card--featured:hover {
   transform: translateY(-18px) scale(1.03);
}

.daivtm26-card-border {
   position: absolute;
   inset: -1px;
   border-radius: inherit;
   background: linear-gradient(135deg, rgba(145,90,255,.75), transparent 38%, transparent 65%, rgba(255,104,110,.42));
   filter: blur(8px);
   opacity: .7;
   z-index: -1;
}

/* featured top label */

.daivtm26-top-label {
   position: absolute;
   left: 50%;
  top: -25px;
   transform: translateX(-50%);
   z-index: 10;
   padding: 7px 16px;
   border-radius: 999px;
   background: linear-gradient(90deg, #7e48ea, #6170ea);
   color: #fff;
   font-size: 11px;
   font-weight: 900;
   letter-spacing: .8px;
   white-space: nowrap;
   border: 1px solid rgba(255,255,255,.18);
   box-shadow: 0 8px 24px rgba(96,72,230,.35);
}

/* video box */

.daivtm26-video-wrap {
   position: relative;
   overflow: hidden;
   aspect-ratio: 9 / 16;
   min-height: 0;
   border-radius: 27px;
   background: linear-gradient(160deg, #0f1536, #090c23);
}

.daivtm26-video {
   display: block;
   width: 100%;
   height: 100%;
   object-fit: cover;
   transform: scale(1.01);
   transition: transform .6s ease, filter .4s ease;
}

.daivtm26-card:hover .daivtm26-video {
   transform: scale(1.03);
}

.daivtm26-overlay {
   position: absolute;
   inset: 0;
   background:
      linear-gradient(to bottom, rgba(5,8,25,.18) 0%, rgba(5,8,25,.04) 30%, rgba(5,8,25,.10) 48%, rgba(4,6,21,.92) 100%);
   pointer-events: none;
   transition: opacity .25s ease;
}

.daivtm26-card.daivtm26-playing .daivtm26-overlay {
   opacity: .20;
}

/* badge */

.daivtm26-badge {
   position: absolute;
   top: 14px;
   left: 14px;
   z-index: 5;
   display: inline-flex;
   align-items: center;
   gap: 6px;
   padding: 7px 11px;
   border-radius: 999px;
   background: rgba(10,13,33,.72);
   border: 1px solid rgba(255,255,255,.14);
   color: #fff;
   font-size: 10px;
   font-weight: 800;
   letter-spacing: .8px;
   backdrop-filter: blur(12px);
   box-shadow: inset 0 1px rgba(255,255,255,.08), 0 8px 22px rgba(0,0,0,.18);
}

.daivtm26-badge-dot {
   width: 6px;
   height: 6px;
   border-radius: 50%;
   background: #ff666d;
   box-shadow: 0 0 8px rgba(255,102,109,.85);
}

/* play button */

.daivtm26-play-btn {
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   z-index: 7;
   width: 64px;
   height: 64px;
   padding: 0;
   border: 1px solid rgba(255,255,255,.32);
   border-radius: 50%;
   background: linear-gradient(145deg, rgba(132,71,236,.95), rgba(90,102,233,.95));
   color: #fff;
   font-size: 20px;
   display: flex;
   align-items: center;
   justify-content: center;
   cursor: pointer;
   box-shadow: 0 10px 28px rgba(0,0,0,.28), 0 0 28px rgba(97,75,235,.32), inset 0 1px rgba(255,255,255,.28);
   transition: transform .25s ease, opacity .25s ease;
}

.daivtm26-play-btn i {
   margin-left: 3px;
}

.daivtm26-play-btn:hover {
   transform: translate(-50%, -50%) scale(1.06);
}

.daivtm26-play-ripple {
   position: absolute;
   inset: -8px;
   border-radius: 50%;
   border: 1px solid rgba(170,130,255,.45);
   animation: daivtm26Pulse 2s infinite;
}

.daivtm26-playing .daivtm26-play-btn {
   opacity: 0;
   pointer-events: none;
}

/* bottom content */

.daivtm26-content {
   position: absolute;
   left: 18px;
   right: 18px;
   bottom: 18px;
   z-index: 6;
   transition: opacity .25s ease, transform .25s ease;
}

.daivtm26-playing .daivtm26-content {
   opacity: 0;
   transform: translateY(10px);
   pointer-events: none;
}

.daivtm26-stars {
   display: flex;
   gap: 3px;
   margin-bottom: 8px;
   color: #ffd45a;
   font-size: 12px;
   filter: drop-shadow(0 0 4px rgba(255,212,90,.28));
}

.daivtm26-name {
   margin: 0;
   color: #fff;
   font-size: 22px;
   line-height: 1.15;
   font-weight: 900;
}

.daivtm26-role {
   margin-top: 4px;
   color: #b2b9d2;
   font-size: 13px;
   line-height: 1.4;
}

.daivtm26-watch {
   display: inline-flex;
   align-items: center;
   gap: 6px;
   margin-top: 13px;
   color: #b39cff;
   font-size: 12px;
   font-weight: 700;
}

.daivtm26-watch i {
   color: #ff676f;
}

/* side orb */

.daivtm26-side-orb {
   position: absolute;
   top: 32%;
   right: -20px;
   width: 48px;
   height: 48px;
   border-radius: 50%;
   background: linear-gradient(140deg, rgba(170,114,255,.52), rgba(93,110,235,.18));
   border: 1px solid rgba(255,255,255,.15);
   box-shadow: inset 8px 8px 18px rgba(255,255,255,.12), 0 10px 26px rgba(84,65,220,.22);
   backdrop-filter: blur(10px);
   opacity: .68;
   pointer-events: none;
}

/* bottom bar */

.daivtm26-bottom-bar {
   display: flex;
   align-items: center;
   gap: 18px;
   padding: 20px 22px;
   border-radius: 22px;
   background: linear-gradient(110deg, rgba(20,24,58,.76), rgba(24,18,64,.68));
   border: 1px solid rgba(125,111,243,.18);
   box-shadow: inset 0 1px rgba(255,255,255,.08), 0 18px 40px rgba(0,0,0,.22);
   backdrop-filter: blur(18px);
}

.daivtm26-bottom-icon {
   flex: 0 0 50px;
   width: 50px;
   height: 50px;
   border-radius: 16px;
   display: flex;
   align-items: center;
   justify-content: center;
   background: linear-gradient(135deg, #8247e7, #566de8);
   color: #fff;
   font-size: 18px;
   box-shadow: 0 8px 20px rgba(95,68,226,.28);
}

.daivtm26-bottom-textwrap {
   flex: 1;
}

.daivtm26-bottom-title {
   color: #fff;
   font-size: 20px;
   font-weight: 900;
   line-height: 1.2;
}

.daivtm26-bottom-text {
   margin-top: 4px;
   color: #aeb6d0;
   font-size: 15px;
   line-height: 1.5;
}

.daivtm26-bottom-check {
   width: 36px;
   height: 36px;
   border-radius: 50%;
   display: flex;
   align-items: center;
   justify-content: center;
   background: rgba(115,90,237,.13);
   border: 1px solid rgba(130,103,245,.30);
   color: #a88cff;
}

/* animation */

@keyframes daivtm26Pulse {
   0% {
      transform: scale(.9);
      opacity: .8;
   }
   70% {
      transform: scale(1.25);
      opacity: 0;
   }
   100% {
      transform: scale(1.25);
      opacity: 0;
   }
}

/* tablet */

@media (max-width: 991px) {
   .daivtm26-section {
      padding: 72px 0 0px;
   }

   .daivtm26-heading {
      font-size: 38px;
   }

   .daivtm26-card {
      max-width: 280px;
   }

   .daivtm26-card--featured {
      transform: none;
   }

   .daivtm26-card--featured:hover,
   .daivtm26-card:hover {
      transform: none;
   }
}

/* mobile */

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

   .daivtm26-section .container-xxl {
      padding-left: 16px;
      padding-right: 16px;
   }

   .daivtm26-eyebrow {
      padding: 8px 13px;
      font-size: 11px;
      letter-spacing: 1px;
   }

   .daivtm26-heading {
      margin-top: 16px;
      font-size: 30px;
      line-height: 1.18;
      letter-spacing: -.5px;
   }

   .daivtm26-subheading {
      font-size: 16px;
   }

   .daivtm26-row {
      margin-top: 35px;
      margin-bottom: 40px;
   }

   .daivtm26-card {
      max-width: 300px;
      border-radius: 24px;
   }

   .daivtm26-video-wrap {
      border-radius: 23px;
   }

   .daivtm26-play-btn {
      width: 58px;
      height: 58px;
      font-size: 18px;
   }

   .daivtm26-name {
      font-size: 21px;
   }

   .daivtm26-role {
      font-size: 12px;
   }

   .daivtm26-watch {
      font-size: 11px;
   }

   .daivtm26-side-orb {
      display: none;
   }

   .daivtm26-bottom-bar {
      gap: 14px;
      padding: 18px;
   }

   .daivtm26-bottom-icon {
      width: 44px;
      height: 44px;
      flex: 0 0 44px;
      font-size: 16px;
   }

   .daivtm26-bottom-title {
      font-size: 17px;
   }

   .daivtm26-bottom-text {
      font-size: 13px;
   }

   .daivtm26-bottom-check {
      display: none;
   }
}

/* very small mobile */

@media (max-width: 480px) {
   .daivtm26-heading {
      font-size: 27px;
   }

   .daivtm26-card {
      max-width: 280px;
   }

   .daivtm26-badge {
      top: 12px;
      left: 12px;
      font-size: 9px;
      padding: 6px 10px;
   }

   .daivtm26-content {
      left: 16px;
      right: 16px;
      bottom: 16px;
   }

   .daivtm26-name {
      font-size: 20px;
   }
}


/* =========================================================
   DIRECTOR AI ULTRA PREMIUM REVIEWS
   Prefix: dairv26-
========================================================= */

.dairv26-section {
   position: relative;
   overflow: hidden;
padding: 0px 0 0px 0;
   /* background:
      radial-gradient(circle at 10% 10%, rgba(43, 92, 255, .20), transparent 32%),
      radial-gradient(circle at 88% 30%, rgba(160, 46, 255, .20), transparent 35%),
      radial-gradient(circle at 50% 100%, rgba(58, 44, 190, .22), transparent 40%),
      linear-gradient(
         145deg,
         #040819 0%,
         #090b25 30%,
         #0e0a31 60%,
         #040817 100%
      ); */

   color: #fff;
   isolation: isolate;
}


/* ==========================
   BACKGROUND GRID
========================== */

.dairv26-bg-grid {
   position: absolute;
   inset: 0;

   background-image:
      linear-gradient(
         rgba(255, 255, 255, .025) 1px,
         transparent 1px
      ),
      linear-gradient(
         90deg,
         rgba(255, 255, 255, .025) 1px,
         transparent 1px
      );

   background-size: 65px 65px;

   mask-image:
      linear-gradient(
         to bottom,
         transparent,
         #000 20%,
         #000 75%,
         transparent
      );

   pointer-events: none;
}


/* ==========================
   LARGE GLOWS
========================== */

.dairv26-glow {
   position: absolute;
   border-radius: 50%;
   filter: blur(100px);
   pointer-events: none;
}

.dairv26-glow--one {
   width: 450px;
   height: 450px;

   top: 5%;
   left: -180px;

   background: rgba(30, 126, 255, .35);
}

.dairv26-glow--two {
   width: 500px;
   height: 500px;

   bottom: 0;
   right: -190px;

   background: rgba(138, 42, 255, .30);
}


/* ==========================
   ORBS
========================== */

.dairv26-orb {
   position: absolute;
   border-radius: 50%;
   border: 1px solid rgba(255,255,255,.25);

   background:
      linear-gradient(
         140deg,
         rgba(255,255,255,.28),
         rgba(38,113,255,.05) 45%,
         rgba(192,77,255,.20)
      );

   box-shadow:
      inset 10px 10px 25px rgba(255,255,255,.16),
      inset -12px -12px 30px rgba(37,21,107,.30),
      0 15px 40px rgba(16,30,130,.30);

   backdrop-filter: blur(15px);

   z-index: -1;
}

.dairv26-orb--one {
   width: 80px;
   height: 80px;

   top: 170px;
   right: 8%;

   animation: dairv26Float 5s ease-in-out infinite;
}

.dairv26-orb--two {
   width: 45px;
   height: 45px;

   top: 300px;
   left: 7%;

   animation: dairv26Float 4s ease-in-out infinite reverse;
}


/* ==========================
   BADGE
========================== */

.dairv26-badge {
   display: inline-flex;
   align-items: center;
   gap: 9px;

   padding: 10px 18px;

   border: 1px solid rgba(137, 112, 255, .35);
   border-radius: 50px;

   background:
      linear-gradient(
         90deg,
         rgba(95, 74, 255, .16),
         rgba(182, 71, 255, .12)
      );

   color: #d8d6ff;

   font-size: 14px;
   font-weight: 800;

   letter-spacing: 1.8px;

   box-shadow:
      inset 0 1px rgba(255,255,255,.12),
      0 10px 35px rgba(41,23,126,.20);

   backdrop-filter: blur(12px);
}

.dairv26-badge-dot {
   width: 8px;
   height: 8px;

   border-radius: 50%;

   background: #8affd5;

   box-shadow:
      0 0 8px #8affd5,
      0 0 18px rgba(138,255,213,.70);
}


/* ==========================
   HEADING
========================== */

.dairv26-heading {
   max-width: 980px;
   margin: 20px auto 0;

   font-size: 50px;
   line-height: 1.13;
   font-weight: 900;

   letter-spacing: -1.4px;
}

.dairv26-heading span {
   display: block;

   background:
      linear-gradient(
         90deg,
         #ffffff 0%,
         #98bfff 26%,
         #aa82ff 57%,
         #ec79ff 100%
      );

   -webkit-background-clip: text;
   background-clip: text;

   color: transparent;
}

.dairv26-subheading {
   max-width: 720px;

   margin: 18px auto 0;

   color: #b6bdd7;

   font-size: 18px;
   line-height: 1.65;
}


/* =========================================================
   REVIEWS WRAPPER
========================================================= */

.dairv26-reviews-wrap {
   position: relative;

   width: min(100%, 1080px);

   margin: 65px auto 80px;

   perspective: 1400px;
}


/* =========================================================
   REVIEW CARD
========================================================= */

.dairv26-card {
   --mouse-x: 50%;
   --mouse-y: 50%;

   position: relative;

   display: grid;

   grid-template-columns: 145px 1fr;

   align-items: center;

   gap: 28px;

   width: 91%;

   min-height: 260px;

   padding: 30px 38px;

   margin-bottom: 32px;

   border-radius: 55px;

   background:
      linear-gradient(
         130deg,
         rgba(25, 29, 66, .97),
         rgba(17, 18, 53, .95) 47%,
         rgba(52, 20, 93, .91)
      );

   border: 1px solid rgba(147, 154, 255, .31);

   box-shadow:
      0 35px 80px rgba(0,0,0,.37),
      0 10px 30px rgba(68,54,255,.13),
      inset 0 1px rgba(255,255,255,.18),
      inset 0 -1px rgba(131,92,255,.18);

   backdrop-filter: blur(24px);
   -webkit-backdrop-filter: blur(24px);

   transform-style: preserve-3d;

   transition:
      transform .12s linear,
      box-shadow .35s ease;

   isolation: isolate;
}


/* ZIG-ZAG */

.dairv26-card--one {
   margin-left: 0;

   transform:
      perspective(1200px)
      rotateZ(1.4deg)
      rotateY(-2deg);
}

.dairv26-card--two {
   margin-left: auto;

   transform:
      perspective(1200px)
      rotateZ(-1.4deg)
      rotateY(2deg);
}

.dairv26-card--three {
   margin-left: 2%;

   transform:
      perspective(1200px)
      rotateZ(1deg)
      rotateY(-2deg);
}


/* ==========================
   CARD NEON BORDER
========================== */

.dairv26-card-border {
   position: absolute;
   inset: -1px;

   padding: 1px;

   border-radius: inherit;

   background:
      linear-gradient(
         115deg,
         #5ad8ff,
         rgba(90,216,255,.08) 22%,
         rgba(126,78,255,.13) 50%,
         #a954ff 78%,
         #e484ff
      );

   -webkit-mask:
      linear-gradient(#fff 0 0) content-box,
      linear-gradient(#fff 0 0);

   -webkit-mask-composite: xor;
   mask-composite: exclude;

   pointer-events: none;

   opacity: .85;
}


/* ==========================
   MOUSE LIGHT
========================== */

.dairv26-card-light {
   position: absolute;
   inset: 0;

   border-radius: inherit;

   background:
      radial-gradient(
         380px circle at var(--mouse-x) var(--mouse-y),
         rgba(111, 144, 255, .18),
         transparent 45%
      );

   opacity: 0;

   transition: opacity .3s ease;

   pointer-events: none;

   z-index: -1;
}

.dairv26-card:hover .dairv26-card-light {
   opacity: 1;
}

.dairv26-card:hover {
   box-shadow:
      0 42px 100px rgba(0,0,0,.47),
      0 0 45px rgba(83,82,255,.15),
      inset 0 1px rgba(255,255,255,.21);
}


/* =========================================================
   AVATAR
========================================================= */

.dairv26-avatar-area {
   position: relative;

   width: 138px;
   height: 138px;

   transform: translateZ(35px);
}

.dairv26-avatar-ring {
   position: absolute;
   inset: 0;

   padding: 4px;

   border-radius: 50%;

   background:
      linear-gradient(
         135deg,
         #78e7ff,
         #6657ff 48%,
         #da6dff
      );

   box-shadow:
      0 0 20px rgba(93,134,255,.38),
      0 0 42px rgba(138,72,255,.17);
}

.dairv26-avatar-inner {
   width: 100%;
   height: 100%;

   padding: 5px;

   border-radius: 50%;

   background: #0a0d24;
}

.dairv26-avatar {
   display: block;

   width: 100%;
   height: 100%;

   object-fit: cover;

   border-radius: 50%;
}


/* VERIFIED */

.dairv26-verified {
   position: absolute;

   right: -3px;
   bottom: 10px;

   display: flex;

   align-items: center;
   justify-content: center;

   width: 32px;
   height: 32px;

   border-radius: 50%;

   background:
      linear-gradient(
         135deg,
         #53e9ff,
         #6b68ff
      );

   border: 3px solid #10132f;

   color: #fff;

   font-size: 12px;

   box-shadow:
      0 0 20px rgba(87,202,255,.55);
}


/* =========================================================
   REVIEW CONTENT
========================================================= */

.dairv26-content {
   position: relative;

   z-index: 2;

   transform: translateZ(20px);
}

.dairv26-top-row {
   display: flex;

   align-items: flex-start;
   justify-content: space-between;

   gap: 20px;

   margin-bottom: 15px;
}

.dairv26-name {
   color: #aef55c;

   font-size: 25px;
   line-height: 1.2;

   font-weight: 900;
}

.dairv26-stars {
   display: flex;

   gap: 4px;

   margin-top: 8px;

   color: #ffd85a;

   font-size: 14px;

   filter:
      drop-shadow(0 0 6px rgba(255,212,73,.38));
}


/* QUOTE */

.dairv26-quote {
   position: relative;

   top: -18px;

   color: rgba(180, 135, 255, .25);

   font-family: Georgia, serif;

   font-size: 82px;
   line-height: 1;

   font-weight: 900;

   text-shadow:
      0 0 18px rgba(118,83,255,.22);
}


/* TEXT */

.dairv26-review {
   margin: 0;

   color: #e9ebf7;

   font-size: 18px;
   line-height: 1.65;

   font-weight: 400;
}


/* =========================================================
   BOTTOM PANEL
========================================================= */

.dairv26-bottom-panel {
   position: relative;

   overflow: hidden;

   padding: 50px 55px;

   text-align: center;

   border-radius: 48px;

   border: 1px solid rgba(118,145,255,.30);

   background:
      linear-gradient(
         145deg,
         rgba(13,17,47,.95),
         rgba(15,16,48,.97) 48%,
         rgba(38,13,76,.93)
      );

   box-shadow:
      0 30px 80px rgba(0,0,0,.42),
      0 0 50px rgba(78,82,255,.10),
      inset 0 1px rgba(255,255,255,.16);

   backdrop-filter: blur(20px);

   isolation: isolate;
}

.dairv26-bottom-glow {
   position: absolute;

   width: 600px;
   height: 250px;

   left: 50%;
   bottom: -170px;

   transform: translateX(-50%);

   border-radius: 50%;

   background: #6358ff;

   filter: blur(100px);

   opacity: .3;

   z-index: -1;
}


/* PILL */

.dairv26-small-pill {
   display: inline-flex;

   align-items: center;
   justify-content: space-between;

   gap: 38px;

   padding: 11px 14px 11px 22px;

   border-radius: 50px;

   border: 1px solid rgba(162,144,255,.46);

   background:
      linear-gradient(
         90deg,
         rgba(91,79,255,.40),
         rgba(158,62,255,.28)
      );

   color: #fff;

   font-size: 17px;

   box-shadow:
      0 0 25px rgba(100,67,255,.20),
      inset 0 1px rgba(255,255,255,.19);
}

.dairv26-small-pill span {
   display: flex;
   align-items: center;
   gap: 9px;
}

.dairv26-small-pill > i {
   display: flex;

   align-items: center;
   justify-content: center;

   width: 37px;
   height: 37px;

   border-radius: 50%;

   background: rgba(255,255,255,.12);

   border: 1px solid rgba(255,255,255,.20);
}


/* TITLE */

.dairv26-bottom-title {
   margin: 25px 0 0;

   font-size: 57px;
   line-height: 1.08;

   font-weight: 900;

   letter-spacing: -1.5px;

   color: #fff;
}

.dairv26-bottom-title span {
   background:
      linear-gradient(
         90deg,
         #827aff,
         #ae69ff,
         #f075ff
      );

   -webkit-background-clip: text;
   background-clip: text;

   color: transparent;
}

.dairv26-bottom-text {
   max-width: 680px;

   margin: 15px auto 0;

   color: #c5c9de;

   font-size: 19px;
   line-height: 1.6;
}


/* ==========================
   FLOATING ICONS
========================== */

.dairv26-floating-icon {
   position: absolute;

   display: flex;

   align-items: center;
   justify-content: center;

   color: #c3b9ff;

   background:
      linear-gradient(
         135deg,
         rgba(108,183,255,.40),
         rgba(140,61,255,.38)
      );

   border: 1px solid rgba(255,255,255,.18);

   box-shadow:
      inset 4px 4px 10px rgba(255,255,255,.16),
      0 10px 30px rgba(66,54,255,.25);

   backdrop-filter: blur(10px);
}

.dairv26-floating-icon--star {
width: 70px;
  height: 70px;
  left: 10%;
  top: 24%;
  border-radius: 22px;
  font-size: 28px;
  transform: rotate(-13deg);
  animation: dairv26Float 4s ease-in-out infinite;
}

.dairv26-floating-icon--quote {
   width: 75px;
   height: 75px;

   right: 10%;
 top: 24%;

   border-radius: 50%;

   font-family: Georgia, serif;

   font-size: 62px;

   padding-top: 18px;

   animation:
      dairv26Float 5s ease-in-out infinite reverse;
}


/* =========================================================
   ANIMATION
========================================================= */

@keyframes dairv26Float {

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

   50% {
      transform: translateY(-12px);
   }

}


/* =========================================================
   LAPTOP
========================================================= */

@media (max-width: 1199px) {

   .dairv26-heading {
      font-size: 44px;
   }

   .dairv26-card {
      width: 94%;

      grid-template-columns: 125px 1fr;

      min-height: 250px;

      padding: 28px 30px;
   }

   .dairv26-avatar-area {
      width: 120px;
      height: 120px;
   }

}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 991px) {

   .dairv26-section {
      padding: 75px 0 90px;
   }

   .dairv26-heading {
      font-size: 39px;
   }

   .dairv26-card {
      width: 100%;

      transform: none !important;

      margin-left: 0;

      border-radius: 40px;
   }

   .dairv26-card--two {
      margin-left: 0;
   }

   .dairv26-bottom-title {
      font-size: 48px;
   }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

   .dairv26-section {
      padding: 60px 0 70px;
   }

   .dairv26-section .container {
      padding-left: 16px;
      padding-right: 16px;
   }

   .dairv26-heading {
      margin-top: 16px;

      font-size: 31px;
      line-height: 1.18;

      letter-spacing: -.5px;
   }

   .dairv26-subheading {
      font-size: 16px;
   }

   .dairv26-badge {
      font-size: 12px;

      padding: 8px 13px;

      letter-spacing: 1px;
   }

   .dairv26-reviews-wrap {
      margin-top: 45px;
      margin-bottom: 55px;
   }


   /* CARD */

   .dairv26-card {
      display: block;

      min-height: auto;

      padding: 27px 20px 25px;

      margin-bottom: 22px;

      text-align: center;

      border-radius: 28px;
   }

   .dairv26-avatar-area {
      width: 105px;
      height: 105px;

      margin: 0 auto 20px;
   }

   .dairv26-top-row {
      display: block;

      margin-bottom: 12px;
   }

   .dairv26-name {
      font-size: 21px;
   }

   .dairv26-stars {
      justify-content: center;
   }

   .dairv26-quote {
      display: none;
   }

   .dairv26-review {
      font-size: 16px;
      line-height: 1.65;
   }


   /* BOTTOM */

   .dairv26-bottom-panel {
      padding: 36px 20px;

      border-radius: 30px;
   }

   .dairv26-small-pill {
      gap: 18px;

      font-size: 14px;
   }

   .dairv26-bottom-title {
      font-size: 38px;

      letter-spacing: -.8px;
   }

   .dairv26-bottom-text {
      font-size: 16px;
   }

   .dairv26-floating-icon--star {
      width: 50px;
      height: 50px;

      left: -10px;
      top: -15px;

      font-size: 20px;
   }

   .dairv26-floating-icon--quote {
      width: 52px;
      height: 52px;

      right: -10px;

      font-size: 40px;
   }

}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 480px) {

   .dairv26-heading {
      font-size: 27px;
   }

   .dairv26-card {
      padding: 24px 16px;

      border-radius: 24px;
   }

   .dairv26-avatar-area {
      width: 92px;
      height: 92px;
   }

   .dairv26-verified {
      width: 27px;
      height: 27px;

      font-size: 10px;
   }

   .dairv26-name {
      font-size: 19px;
   }

   .dairv26-review {
      font-size: 15px;
   }

   .dairv26-bottom-title {
      font-size: 32px;
   }

}



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

@media screen and (max-width: 768px) {
  .top-timer-box {
    display: none;
    margin-top: -42px;
    height: 90px;
  }
}

.top-box {
background-color: #f07c2e;
  background-color: #24163fb2;
  padding: 0px 0px 0px 0;
  position: fixed;
  width: 86%;
  z-index: 999;
  color: #fff;
  bottom: 5px;
  left: 7%;
  padding: 10px 20px 10px 30px;
  border-radius: 50px;
  border: 2px solid rgb(163, 132, 255);
  backdrop-filter: blur(16px);
}


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

@media screen and (max-width: 400px) {
  .d500-block {
    display: none;
  }
}
@media screen and (max-width: 400px) {
  .top-box {
    background-color: #f07c2e;
    background-color: #3c3d3ec4;
    padding: 0px 0px 0px 0;
    position: fixed;
    width: 86%;
    z-index: 999;
    color: #fff;
    bottom: 5px;
    left: 7%;
    padding: 10px 10px 0px 10px;
    border-radius: 10px;
    border: 2px solid rgb(153, 152, 152);
    backdrop-filter: blur(16px);
  }
}
@media screen and (min-width: 400px) {
  .d400-block {
    display: none;
  }
}
@media screen and (max-width: 400px) {
  .d400-block {
    display: block;
  }
}
@media screen and (max-width: 400px) {
  .top-box {
    background-color: #f07c2e;
    background-color: #3c3d3ec4;
    padding: 0px 0px 0px 0;
    position: fixed;
    width: 86%;
    z-index: 999;
    color: #fff;
    bottom: 5px;
    left: 7%;
    padding: 10px 10px 0px 10px;
    border-radius: 10px;
    border: 2px solid rgb(153, 152, 152);
    backdrop-filter: blur(16px);
  }
}

.copon-top-label {


  padding: 7px 7px;
  border-radius: 4px;
  background: linear-gradient(90deg, #7e48ea, #6170ea);
  color: #fff;
  font-weight: 900;
  letter-spacing: .8px;
  white-space: nowrap;
  border: 1px solid rgba(255,255,255,.18);
  box-shadow: 0 8px 24px rgba(96,72,230,.35);
}

.text-yallow1{color: #ffd20c;
}