.text-dark {
  color: #000 !important;
}

.t-text-clr {
  color: rgb(46, 37, 77) !important;
}

.text-clr {

  color: #2CD9D2 !important;
}

.text-clr1 {
  color: #9ABA64 !important;
}

.text-clr2 {
  color: #00DFFE;
}

.text-clr3 {
  color: #F89F07;
}

.text-clr4 {
  color: #00FF57;
}

.text-clr5 {
  color: #FF1D48;
}

.text-clr6 {
  color: #02CB46;
}

.text-clr7 {
  color: rgb(248, 68, 255);
}

.text-clr8 {
  color: rgb(255, 106, 124);
}

.text-clr9 {
  color: rgb(253, 69, 126);
}

.text-clr10 {
  color: rgb(145, 109, 255);
}

.text-clr11 {
  color: rgb(66, 4, 255);
}
.text-clr12 {
  color: rgb(0, 97, 255);
}

.text-clr12 {
  color: rgb(0, 97, 255);
}

.text-shadow {
  text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}

.letter-spacing {
  letter-spacing: 0px;
}


.li-card {
  border: 5px double rgb(145, 109, 255);
  padding: 15px 18px;
  background-color: rgb(255, 255, 255);

  border: 1px dashed rgb(238, 17, 69);
  padding: 15px 18px;
  background-color: rgb(255, 233, 195);
  border-radius: 10px;
  /* background: url(../images/99-bg.png) no-repeat center center; */
  background-size: auto;
  background-size: 100% 100%;
  background-color: #ffffff0d;
  backdrop-filter: blur(10px);
  border-radius: 10px;
  overflow: hidden;
  padding: 8px 10px;
  border: 1px solid hsl(0deg 0% 72.55% / 9%);
}


@media (min-width: 768px) {
  .create-section {
    background: url(../images/create-section.png) no-repeat center center;
    background-size: auto;
    background-size: auto;
    background-size: cover;
    padding: 60px 0px 0px 0px;
    overflow: hidden;

  }

  .box-gif {
   
    background-image: linear-gradient(to bottom left, rgb(8, 175, 225) 0%, rgb(2, 107, 242) 100%);
    background-image: linear-gradient(to bottom left, rgba(255, 255, 255, 0.86) 0%, rgba(255, 255, 255, 0.87) 100%);
    padding: 10px 10px;
    border-radius: 3px;
  }

  .text-box {
    background-color: #01FFEE;
    padding: 10px 0;
    color: #16324D;
  }

}

@media (max-width: 768px) {
  .create-section {
    background: url(../images/create-section.png) no-repeat center center;
    background-size: auto;
    background-size: auto;
    background-size: cover;
    padding: 30px 0px 0px 0px;
    overflow: hidden;

  }

  .box-gif {
    background-image: linear-gradient(to bottom left, rgb(8, 175, 225) 0%, rgb(2, 107, 242) 100%);
    padding: 10px 10px;
    border-radius: 3px;
  }

  .text-box {
    background-color: #01FFEE;
    padding: 10px 0;
    color: #16324D;
  }
}
 .create-section1 {
    background: url(../images/create-section1.png) no-repeat center top;
    background-size: auto;
    background-size: auto;
    background-size: cover;
    padding: 60px 0px 80px 0px;
    overflow: hidden;
  }

@media (min-width: 768px) {
  .news-box {
    background-color: #9471ff;
    padding: 15px 15px;
  }

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

  .create-section8 {
    background: url(../images/create-section8.png) no-repeat center top;
    background-size: auto;
    background-size: auto;
    background-size: cover;
padding: 60px 0px 5% 0px;
    overflow: hidden;
  }

  .create-section3 {
    background: url(../images/create-section3.png) no-repeat center center;
    background-size: auto;
    background-size: auto;
    background-size: cover;
    padding: 60px 0px 0px 0px;
    overflow: hidden;
  }

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

  .create-section5 {
    background: url(../images/create-section5.png) no-repeat center center;
    background-size: auto;
    background-size: auto;
    background-size: cover;
    padding: 60px 0px 0px 0px;

  }

  .create-section6 {
background: url(../images/create-section6.png) no-repeat center top;
    background-size: auto;
    background-size: auto;
    background-size: cover;
  padding: 80px 0px 80px 0px;


  }

  .create-section7 {
    background-color: #030013;
    background: url(../images/create-section7.png) no-repeat center bottom;
    background-size: auto;
    background-size: auto;
    background-size: cover;
    padding: 80px 0px 80px 0px;

  }
  .create-section9 {
    background-color: #030013;
    background: url(../images/create-section9.png) no-repeat center top;
    background-size: auto;
    background-size: auto;
    background-size: cover;
    padding: 80px 0px 0px 0px;

  }

}

@media (max-width: 768px) {
   .create-section1 {
    background: url(../images/create-section1.png) no-repeat center top;
    background-size: auto;
    background-size: auto;
    background-size: cover;
    padding: 60px 0px 80px 0px;
    overflow: hidden;
  }

  .create-section2 {
    background: url(../images/create-section2.png) no-repeat center center;
    background-size: auto;
    background-size: auto;
    background-size: cover;
    padding: 60px 5px 30px 5px;
    overflow: hidden;
  }

  .create-section3 {
    background: url(../images/create-section3.png) no-repeat center center;
    background-size: auto;
    background-size: auto;
    background-size: cover;
    padding: 30px 0px 0px 0px;
    overflow: hidden;
  }

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

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

  }

  .create-section6 {
background: url(../images/create-section6.png) no-repeat center top;
    background-size: auto;
    background-size: auto;
    background-size: cover;
  padding: 80px 0px 80px 0px;


  }

  .create-section8 {
    background: url(../images/create-section8.png) no-repeat center center;
    background-size: cover;
    padding: 60px 0px 80px 0px;
    overflow: hidden;
  }

  .create-section7 {
    background: url(../images/create-section7.png) no-repeat center bottom;
    background-size: auto;
    background-size: auto;
    background-size: cover;
    padding: 30px 0px 30px 0px;

  }
  .create-section9 {
    background-color: #030013;
    background: url(../images/create-section9.png) no-repeat center top;
    background-size: auto;
    background-size: auto;
    background-size: cover;
    padding: 80px 0px 0px 0px;

  }
}


@media (max-width:400px) {
  .create-section1 {
    padding: 0px 0px 20px 0px;
  }
}


.rcm-wrap{
position:relative;
padding: 80px 0;
overflow:hidden;
background:
radial-gradient(circle at top,#3b1f83 0%,transparent 35%),
linear-gradient(180deg,#07080f,#0e1020 45%,#07080f);
}

.rcm-glow{
position:absolute;
border-radius:50%;
filter:blur(120px);
opacity:.35;
}

.rcm-glow-1{
width:420px;
height:420px;
background:#7d4cff;
left:-120px;
top:-80px;
}

.rcm-glow-2{
width:350px;
height:350px;
background:#00d0ff;
right:-80px;
bottom:-50px;
}

.rcm-head{
max-width:900px;
margin:auto;
/* margin-bottom:70px; */
}

.rcm-label{
display:inline-flex;
align-items:center;
gap:8px;
padding:10px 22px;
background:rgba(255,255,255,.06);
border:1px solid rgba(255,255,255,.12);
border-radius:100px;
color:#bca8ff;
font-weight:700;
letter-spacing:1px;
margin-bottom:25px;
}

.rcm-head h2{
font-size:58px;
font-weight:900;
line-height:1.1;
color:#fff;
margin-bottom:20px;
}

.rcm-head p{
font-size:24px;
color:#d8d8d8;
}

.rcm-intro,
.rcm-math,
.rcm-final{

/* margin:70px auto; */

}

.rcm-intro p,
.rcm-math p,
.rcm-final p{
font-size: 18px;
  line-height: 1.6;
  color: #fff;
}

.rcm-title-box{
text-align:center;
margin-bottom:40px;
}

.rcm-title-box h3{
font-size:40px;
font-weight:900;
color:#fff;
}

.rcm-title-box p{
font-size:20px;
color:#bfbfbf;
}

.rcm-card{
height:100%;
display:flex;
gap:22px;
padding:30px;
border-radius:24px;
background:rgba(255,255,255,.05);
border:1px solid rgba(255,255,255,.08);
backdrop-filter:blur(16px);
transition:.4s;
}

.rcm-card:hover{
transform:translateY(-10px);
border-color:#8b5dff;
box-shadow:0 25px 70px rgba(125,76,255,.35);
}

.rcm-icon{
min-width:70px;
height:70px;
display:flex;
align-items:center;
justify-content:center;
border-radius:18px;
font-size:28px;
background:linear-gradient(135deg,#7d4cff,#00cfff);
color:#fff;
}

.rcm-card h4{
font-size:28px;
font-weight:800;
color:#fff;
margin-bottom:12px;
}

.rcm-card p{
font-size:18px;
line-height:1.8;
color:#d5d5d5;
margin:0;
}

.rcm-math h3{
font-size:46px;
font-weight:900;
color:#fff;
margin-bottom:25px;
}

.rcm-diff{
margin:80px auto;
max-width:900px;
padding:45px;
border-radius:25px;
background:linear-gradient(135deg,#7d4cff,#4821b8);
box-shadow:0 30px 80px rgba(125,76,255,.35);
text-align:center;
}

.rcm-diff span{
display:block;
font-size:30px;
font-weight:900;
color:#fff;
margin-bottom:18px;
}

.rcm-diff p{
font-size:22px;
line-height:1.8;
color:#fff;
margin:0;
}

.rcm-warning{
display:flex;
gap:25px;
align-items:center;
padding:20px 0px;
border-radius:24px;
background:#241410;
border:1px solid rgba(255,90,90,.25);
max-width:950px;
margin:70px auto;
}

.rcm-warning-icon{
width:75px;
height:75px;
display:flex;
align-items:center;
justify-content:center;
border-radius:18px;
background:#ff4747;
color:#fff;
font-size:32px;
flex:none;
}

.rcm-warning p{
font-size:22px;
line-height:1.8;
color:#fff;
margin:0;
}

.rcm-final{
padding: 20px 20px;
  border-radius: 28px;
  background: rgba(255,255,255,.05);
  border: 1px solid rgba(255,255,255,.08);
  backdrop-filter: blur(20px);
  box-shadow: 0 30px 80px rgba(0,0,0,.35);
}

@media(max-width:991px){

.rcm-head h2{
font-size:42px;
}

.rcm-head p{
font-size:20px;
}

.rcm-math h3{
font-size:34px;
}

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

.rcm-final{
padding:35px;
}

}

@media(max-width:576px){

.rcm-wrap{
padding:80px 0;
}

.rcm-head h2{
font-size:32px;
}

.rcm-card{
padding:25px;
}

.rcm-card h4{
font-size:24px;
}

.rcm-card p,
.rcm-intro p,
.rcm-final p,
.rcm-math p,
.rcm-warning p,
.rcm-diff p{
font-size:17px;
}

.rcm-diff{
padding:30px;
}

.rcm-diff span{
font-size:26px;
}

}

.pfail-section{
padding: 120px 0;
	background: url(../images/pfail-section.png) no-repeat center top;
	padding: 80px 0px 80px 0;
	background-size: cover;
  position: relative;
  overflow: hidden;

}

.pfail-section:before{

content:"";
position:absolute;
width:650px;
height:650px;
background:#6d32ff;
filter:blur(180px);
opacity:.15;
left:-250px;
top:-150px;

}

.pfail-section:after{

content:"";
position:absolute;
width:650px;
height:650px;
background:#ff3f73;
filter:blur(180px);
opacity:.15;
right:-250px;
bottom:-150px;

}

.pfail-head{

max-width:900px;
margin:auto auto 90px;

}

.pfail-label{

display:inline-block;
padding:10px 25px;
background:linear-gradient(90deg,#ff9b3f,#ff2f80);
border-radius:50px;
color:#fff;
font-size:14px;
font-weight:700;
letter-spacing:1px;
margin-bottom:25px;

}

.pfail-head h2{

font-size:58px;
font-weight:900;
line-height:1.15;
color:#fff;
margin-bottom:20px;

}

.pfail-head p{

font-size:24px;
color:#b8b8c8;
line-height:1.7;

}

.pfail-card{

background:#fff;
border-radius:26px;
padding:40px;
margin-bottom:70px;
position:relative;
overflow:hidden;
box-shadow:0 35px 90px rgba(0,0,0,.35);
transition:.45s;

}

.pfail-card:hover{

transform:translateY(-8px);

}

.pfail-card:before{

content:"";
position:absolute;
left:0;
top:0;
bottom:0;
width:10px;
background:linear-gradient(#ffb437,#ff276d);

}

.pfail-image-area{

display:grid;
grid-template-columns:130px 1fr;
grid-template-rows:115px 115px;
gap:12px;

}

.pfail-small img{

width:100%;
height:100%;
object-fit:cover;
border-radius:18px;

}

.pfail-big{

grid-row:1/3;

}

.pfail-big img{

width:100%;
height:242px;
object-fit:cover;
border-radius:20px;

}

.pfail-content{

padding-left:30px;

}

.pfail-count{

display:inline-block;
background:#fff1f4;
color:#ff296f;
padding:8px 18px;
font-weight:700;
border-radius:30px;
margin-bottom:20px;

}

.pfail-content h3{

font-size: 32px;
  font-weight: 900;
  line-height: 1.4;
  margin-bottom: 25px;
  color: #111;

}

.pfail-content p{

font-size: 18px;
  line-height: 1.6;
  color: #000;
  margin-bottom: 15px;
  font-weight: 300;

}

.pfail-loss{

margin-top:35px;
background:#fff4f6;
border-left:6px solid #ff2f70;
padding:25px;
border-radius:15px;

}

.pfail-loss h5{

font-size:22px;
font-weight:800;
margin-bottom:18px;
color:#111;

}

.pfail-loss p{

margin:0;
font-size:18px;
font-weight:600;
color:#444;

}

@media(max-width:991px){

.pfail-content{

padding-left:0;
margin-top:35px;

}

.pfail-head h2{

font-size:40px;

}

.pfail-head p{

font-size:19px;

}

}

/* Alternate Card Accent */

.pfail-reverse:before{

left:auto;
right:0;
background:linear-gradient(180deg,#7b5cff,#00c8ff);

}

/* Better Images */

.pfail-image-area img{

transition:.5s;
display:block;

}

.pfail-card:hover .pfail-image-area img{

transform:scale(1.05);

}

/* Card Shadow */

.pfail-card{

box-shadow:
0 25px 60px rgba(0,0,0,.18),
0 8px 25px rgba(0,0,0,.08);

}

/* Floating Animation */

@keyframes pfailFloat{

0%{
transform:translateY(0);
}

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

100%{
transform:translateY(0);
}

}

.pfail-big{

animation:pfailFloat 5s ease-in-out infinite;

}

/* Mobile */

@media(max-width:991px){

.pfail-reverse .order-lg-1{

order:2!important;

}

.pfail-reverse .order-lg-2{

order:1!important;

}

}


.truth-wrap-sec{

padding:120px 0;
	background: #323a4d  url(../images/truth-wrap-sec.png) no-repeat center center / cover;
position:relative;
overflow:hidden;

}

.truth-main-box{
background: rgba(255,255,255,.05);
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 32px;
  padding: 50px 30px;
  backdrop-filter: blur(20px);
  box-shadow: 0 35px 90px rgba(0,0,0,.35);
  position: relative;
  overflow: hidden;

}

.truth-main-box:before{

content:"";

position:absolute;

top:0;
left:0;

width:100%;

height:5px;

background:linear-gradient(90deg,#ff8a00,#ff3b78,#7b5cff);

}

.truth-warning-badge{

display:inline-flex;

align-items:center;

gap:12px;

padding:12px 24px;

border-radius:100px;

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

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

margin-bottom:30px;

}

.truth-warning-badge span{

font-size:22px;

}

.truth-warning-badge small{

color:#ffb347;

font-weight:800;

letter-spacing:2px;

font-size:13px;

}

.truth-main-title{

font-size:42px;

font-weight:900;

line-height:1.15;

color:#fff;

margin-bottom:35px;

}

.truth-main-title span{

background:linear-gradient(90deg,#ffae00,#ff4d7a);
background: linear-gradient(135deg,#351fff,#00cfff);
-webkit-background-clip:text;

-webkit-text-fill-color:transparent;

}

.truth-divider{

width:120px;

height:5px;

border-radius:50px;

/* background:linear-gradient(90deg,#ff8a00,#ff4d7a); */
background: linear-gradient(135deg,#351fff,#00cfff);
margin-bottom:40px;

}

.truth-content p{

font-size:18px;

line-height:1.6;

color:#fff;

margin-bottom:30px;

}

.truth-highlight-box{

display:flex;

gap:25px;

align-items:flex-start;

margin-top:45px;

padding:35px;

border-radius:22px;

background:linear-gradient(135deg,#2c0f18,#421321);

border:1px solid rgba(255,80,120,.35);

}

.truth-icon{

width:70px;

height:70px;

border-radius:50%;

display:flex;

align-items:center;

justify-content:center;

background:linear-gradient(135deg,#ff7a00,#ff296d);

font-size:30px;

flex-shrink:0;

}

.truth-highlight-text h4{

font-size:30px;

font-weight:900;

color:#fff;

margin-bottom:15px;

}

.truth-highlight-text p{

margin:0;

font-size:20px;

color:#f0d7df;

line-height:1.8;

}

.truth-main-box:hover{

transform:translateY(-8px);

transition:.4s;

box-shadow:0 45px 120px rgba(0,0,0,.45);

}

@media(max-width:991px){

.truth-main-box{

padding:35px;

}

.truth-main-title{

font-size:36px;

}

.truth-content p{

font-size:18px;

line-height:1.8;

}

.truth-highlight-box{

flex-direction:column;

}

.truth-highlight-text h4{

font-size:24px;

}

}


.toolbiz-section{

padding:120px 0;

background:#ffffff;

position:relative;

overflow:hidden;

}

.toolbiz-section::before{

content:"";

position:absolute;

width:450px;

height:450px;

background:#f3e7ff;

border-radius:50%;

left:-180px;

top:-180px;

filter:blur(100px);

}

.toolbiz-section::after{

content:"";

position:absolute;

width:450px;

height:450px;

background:#eaf8ff;

border-radius:50%;

right:-180px;

bottom:-180px;

filter:blur(100px);

}

.toolbiz-label{

display:inline-block;

padding:10px 24px;

background:#f5f5f5;

border-radius:50px;

font-size:13px;

font-weight:700;

letter-spacing:2px;

color:#7b5cff;

margin-bottom:20px;

}

.toolbiz-title{

font-size: 46px;

font-weight:900;

line-height:1.15;

color:#111;

margin-bottom:30px;

}

.toolbiz-subtitle{

font-size:18px;

line-height:2;

color:#555;

margin-bottom:20px;

}

.toolbiz-card{

height:100%;

background:#fff;

padding:35px;

border-radius:24px;

box-shadow: 0 0 40px 20px rgba(0, 0, 0, 0.12);

transition:.4s;

position:relative;

overflow:hidden;

}

.toolbiz-card::before{

content:"";

position:absolute;

left:0;

top:0;

bottom:0;

width:6px;

background:linear-gradient(#ff9b3f,#ff2d75);

}

.toolbiz-card:hover{

transform:translateY(-8px);

box-shadow:0 35px 90px rgba(0,0,0,.12);

}

.toolbiz-icon{

width:65px;

height:65px;

background: #ffd4d4;

border-radius:50%;

display:flex;

align-items:center;

justify-content:center;

font-size:28px;

margin-bottom:25px;

}

.toolbiz-card p{

font-size:18px;

line-height:2;

color:#555;

margin:0;

}

.toolbiz-highlight{

margin-top:20px;

padding:45px;

border-radius:30px;

background:linear-gradient(135deg,#6f48ff,#3ea8ff);

text-align:center;

box-shadow:0 30px 80px rgba(86,94,255,.25);

}

.toolbiz-highlight h3{

font-size:38px;

font-weight:800;

color:#fff;

line-height:1.5;

margin:0;

}

.toolbiz-highlight span{

color:#ffe16a;

}
.toolbiz-table-title{

font-size:46px;

font-weight:900;

margin-bottom:45px;

color:#111;

}

.toolbiz-table-wrap{

background:#fff;

border-radius:28px;

overflow:hidden;

box-shadow:0 30px 90px rgba(0,0,0,.08);

border:1px solid #ececec;

}

.toolbiz-table{

width:100%;

border-collapse:collapse;

}

.toolbiz-table th{

padding: 28px;
  font-size: 26px;
  font-weight: 800;
  text-align: center;
  background: #e5e5e5d1;
  color: #111;

}

.toolbiz-active{

background:linear-gradient(135deg,#6f48ff,#2da8ff)!important;

color:#fff!important;

}

.toolbiz-table td{

padding:28px 32px;

font-size:18px;

line-height:1.8;

border-top:1px solid #efefef;

vertical-align:middle;

transition:.35s;

}

.toolbiz-table tbody tr:hover td{

background:#fafcff;

}

.toolbiz-table td:first-child{

color:#666;

font-weight:600;

width:50%;

}

.toolbiz-table td:last-child{
font-weight: 500;
  color: #111;

background:#fcfbff;

}

.toolbiz-table td:last-child:hover{

background:#f6f2ff;

}

.toolbiz-table td{

position:relative;

}

.toolbiz-table td:last-child::before{

content:"";

position:absolute;

left:0;

top:18%;

bottom:18%;

width:5px;

border-radius:10px;

background:linear-gradient(#6f48ff,#2da8ff);

}

@media(max-width:991px){

.toolbiz-table-wrap{

overflow-x:auto;

}

.toolbiz-table{

min-width:900px;

}

.toolbiz-title{

font-size:40px;

}

.toolbiz-table-title{

font-size:34px;

}

}

.deadend-premium{

padding:120px 0;


	background: #070B14  url(../images/deadend-premium.png) no-repeat center center / cover;
background-attachment: fixed;
position:relative;
overflow:hidden;

}

.deadend-premium:before{

content:"";
position:absolute;
width:700px;
height:700px;
background:radial-gradient(circle,#7B61FF25 0%,transparent 70%);
top:-250px;
left:-250px;

}

.deadend-premium:after{

content:"";
position:absolute;
width:700px;
height:700px;
background:radial-gradient(circle,#00D4FF18 0%,transparent 70%);
bottom:-250px;
right:-250px;

}

.dead-heading{

margin-bottom:90px;
position:relative;
z-index:2;

}

.dead-heading span{

display:inline-block;
padding:12px 24px;
border-radius:100px;
background:rgba(255,255,255,.05);
border:1px solid rgba(255,255,255,.08);
color:#A98EFF;
font-size:13px;
font-weight:700;
letter-spacing:2px;

}

.dead-heading h2{

font-size:58px;
font-weight:900;
line-height:1.15;
margin-top:25px;
color:#fff;

}

.dead-card{

position: relative;
  margin-bottom: 90px;
  padding: 30px 30px;
  border-radius: 30px;

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

border: 1px solid rgb(79, 202, 255);

backdrop-filter:blur(18px);

box-shadow:0 30px 80px rgba(0,0,0,.45);



overflow:hidden;

}

.dead-card:before{

content:"";

position:absolute;

left:0;

top:0;

bottom:0;

/* width:6px;

background:linear-gradient(#FFB347,#FF3E78,#7B61FF); */

}

.dead-card:hover{


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

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

box-shadow:0 30px 80px rgba(0,0,0,.45);
}

.dead-image{

position:relative;

overflow:hidden;

border-radius:24px;

}

.dead-image img{

width:100%;

border-radius:24px;

transition:.6s;

}

.dead-card:hover img{

/* transform:scale(1.06); */

}

.dead-badge{

position:absolute;

left:20px;

top:20px;

width:72px;

height:72px;

border-radius:50%;

display:flex;

align-items:center;

justify-content:center;

font-size:24px;

font-weight:800;

color:#fff;

background:linear-gradient(135deg,#FFB347,#FF3E78);

box-shadow:0 20px 45px rgba(255,82,124,.45);

}

.dead-content h3{

font-size:34px;

font-weight:800;

margin-bottom:22px;

color:#fff;

}

.dead-content p{

font-size:18px;

line-height:2;

color:#C7CCD7;

}

.dead-cost{

margin-top:35px;

padding:28px;

border-radius:22px;

background: #0F152547;

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

}

.dead-cost h4{

font-size:22px;

font-weight:800;

margin-bottom:18px;

color:#fff;

}

.dead-cost p{

font-size:18px;

line-height:1.8;

margin-bottom:10px;

color:#C7CCD7;

}

.dead-card:hover .dead-cost{

border-color:#7b61ff10;

}

@media(max-width:991px){

.dead-heading h2{

font-size:40px;

}

.dead-card{

padding:30px;

}

.dead-content{

margin-top:30px;

}

}
.dead-titels{
font-size: 20px;
  font-weight: 800;
  display: inline-block;
  padding: 7px 30px;
  border-radius: 60px;
  background: linear-gradient(135deg,#FFB347,#FF3E78);
box-shadow: 0 20px 45px rgba(82, 93, 255, 0.45);
  margin-bottom: 15px;
  color: #fff;
  background-image: linear-gradient(0deg,rgb(38, 213, 253) 0%, rgb(54, 17, 255) 100%);

}


.dead-transition-wrap{

padding-top:40px;
position:relative;

}

.dead-transition-bg{

position:absolute;
left:50%;
top:50%;
transform:translate(-50%,-50%);
width:700px;
height:700px;
background:radial-gradient(circle,#7b61ff22 0%,transparent 70%);
pointer-events:none;

}

.dead-transition-card{

position:relative;

padding:60px;

border-radius:35px;

background: linear-gradient(135deg,#05025385,#0D111D70);

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

box-shadow:
0 30px 90px rgba(0,0,0,.45),
0 0 80px rgba(123,97,255,.12);

display:flex;

align-items:center;

gap:35px;

overflow:hidden;

}

.dead-transition-card:before{

content:"";

position:absolute;

left:0;
top:0;
bottom:0;

width:6px;

background:linear-gradient(#ffb347,#ff3e78,#7b61ff);

}

.dead-transition-icon{

width:90px;
height:90px;

border-radius:50%;

background:linear-gradient(135deg,#ffb347,#ff3e78);

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

font-size:42px;

color:#fff;

flex-shrink:0;

box-shadow:0 15px 40px rgba(255,80,120,.35);

}

.dead-transition-content p{

font-size:18px;

line-height:2;

color:#C7CCD7;

margin-bottom:30px;

}

.dead-transition-content h2{

font-size:48px;

font-weight:900;

color:#fff;

margin-bottom:10px;

}

.dead-transition-content h3{

font-size:30px;

font-weight:700;

background:linear-gradient(90deg,#FFD95E,#FFB347);

-webkit-background-clip:text;
-webkit-text-fill-color:transparent;

margin:0;

}

@media(max-width:991px){

.dead-transition-card{

flex-direction:column;

text-align:center;

padding:35px;

}

.dead-transition-content h2{

font-size:34px;

}

.dead-transition-content h3{

font-size:24px;

}

}


.nface-system{

padding:120px 0;
  background: url(../images/nface-system.png) no-repeat center top;

  background-size: cover;
position:relative;
overflow:hidden;

}

.nface-system::before{

content:"";
position:absolute;
width:700px;
height:700px;
left:-250px;
top:-250px;
background:radial-gradient(circle,#7B61FF25 0%,transparent 70%);
pointer-events:none;

}

.nface-system::after{

content:"";
position:absolute;
width:700px;
height:700px;
right:-250px;
bottom:-250px;
background:radial-gradient(circle,#00D4FF20 0%,transparent 70%);
pointer-events:none;

}

.sys-tag{

display:inline-flex;
align-items:center;
padding:12px 24px;
background:rgb(35, 156, 255);
border:1px solid rgb(0, 102, 255);
border-radius:100px;
font-size:13px;
font-weight:700;
letter-spacing:2px;
color:#fff;
margin-bottom:25px;

}

.sys-title{

font-size:58px;
font-weight:900;
line-height:1.15;
color:#000;
margin-bottom:20px;

}

.sys-sub{

font-size:22px;
font-weight:600;
line-height:1.8;
color:#000;
margin-bottom:20px;

}

.sys-highlight{

font-size:34px;
font-weight:800;
line-height:1.5;
color:#000;
max-width:950px;
margin:auto;

}

.sys-image{

position:relative;

}

.sys-image img{

width:100%;
border-radius:30px;
border:1px solid rgba(255,255,255,.08);
box-shadow:
0 40px 120px rgba(0,0,0,.45),
0 0 70px rgba(123,97,255,.15);

transition:.45s;

}

.sys-image:hover img{

transform:translateY(-8px) scale(1.02);

}

.floating-card{

position:absolute;
display:flex;
align-items:center;
gap:12px;

padding:16px 22px;

background:rgba(20,27,45,.92);

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

backdrop-filter:blur(15px);

border-radius:18px;

font-size:16px;
font-weight:700;

color:#fff;

box-shadow:0 20px 45px rgba(0,0,0,.35);

transition:.35s;

}

.floating-card:hover{

transform:translateY(-6px);

border-color:#7B61FF;

}

.one{

top:60px;
left:-30px;

}

.two{

right:-30px;
top:180px;

}

.three{

left:40px;
bottom:30px;

}

.sys-content p{

font-size: 18px;
  line-height: 1.9;
  color: #000;
  margin-bottom: 24px;
}

.asset-box{

display:flex;
gap:22px;
margin-top:45px;

}

.asset{

flex:1;

padding:30px;
background: #fff;

border-radius:22px;

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

text-align:center;

transition:.35s;

box-shadow:0 25px 60px rgba(0,0,0,.35);
border-color: #349EFF;
}

.asset:hover{

transform:translateY(-8px);

border-color: #349EFF;

box-shadow:
0 35px 80px rgba(0,0,0,.45),
0 0 40px rgba(123,97,255,.15);

}

.asset h4{

margin-top:15px;

font-size:20px;

font-weight:800;

color:#000;

}

@media(max-width:991px){

.nface-system{

padding:80px 0;

}

.sys-title{

font-size:40px;

}

.sys-sub{

font-size:18px;

}

.sys-highlight{

font-size:26px;

}

.asset-box{

flex-direction:column;

}

.floating-card{

display:none;

}

}


.walk-section{

padding:120px 0;

background:#fff;

}

.walk-heading{

margin-bottom:80px;

}

.walk-heading span{

display:inline-block;

padding:12px 24px;

background:#f5f5f5;

border-radius:100px;

font-size:13px;

font-weight:700;

letter-spacing:2px;

color:#6b5cff;

}

.walk-heading h2{

font-size:56px;

font-weight:900;

line-height:1.2;

margin-top:25px;

color:#111;

}

.walk-card{

padding:45px;

background:#fff;

border-radius:30px;

box-shadow:0 25px 80px rgba(0,0,0,.08);

border:1px solid #ececec;

margin-bottom:80px;

position:relative;

overflow:hidden;

}

.walk-card:before{

content:"";

position:absolute;

left:0;

top:0;

bottom:0;

width:7px;

background:linear-gradient(#ffb347,#ff2f74);
background-image: linear-gradient(0deg,rgb(38, 213, 253) 0%, rgb(54, 17, 255) 100%);

}

.walk-image{

position:relative;

}

.walk-image img{

border-radius:24px;

width:100%;

}

.walk-step{

position: absolute;
  top: 20px;
  left: 20px;
  padding: 10px 20px;
  background: linear-gradient(135deg,#ffb347,#ff2f74);
  background-image: linear-gradient(0deg,rgb(38, 213, 253) 0%, rgb(54, 17, 255) 100%);
  color: #fff;
  font-weight: 800;
  border-radius: 100px;
  display: inline-block;
  width: 100px;

}

.walk-content h3{

font-size: 30px;

font-weight:800;

margin-bottom:25px;

color:#111;

}

.walk-content p{

font-size: 18px;
  line-height: 1.4;
  color: #555;
  margin-bottom: 25px;

}

.walk-list{

padding:0;

margin:0;

list-style:none;

}

.walk-list li{

font-size:18px;

line-height:2;

margin-bottom:12px;

color:#333;

}

@media(max-width:991px){

.walk-heading h2{

font-size:40px;

}

.walk-card{

padding:30px;

}

.walk-content{

margin-top:30px;

}

}
.walk-list{

margin:25px 0;

padding:0;

list-style:none;

}

.walk-list li{

position: relative;
 
  font-size: 18px;

  list-style: none;
  background: url(../images/right-icon.png) center left no-repeat;
  min-height: 27px;
  padding-left: 35px;
  background-position: 0px 5px;
  margin-bottom: 3px;
  background-size: 25px;

}


/*==================================
FINAL STEP
==================================*/

.final-step{

background:linear-gradient(180deg,#ffffff,#fcfcff);

border:2px solid #f3f3f3;

overflow:hidden;

}

.final-step::after{

content:"";

position:absolute;

right:-120px;

top:-120px;

width:320px;

height:320px;

background:radial-gradient(circle,#7b61ff18 0%,transparent 70%);

}

.step-label{

display:inline-block;

padding:10px 22px;

border-radius:100px;

background:#FFF5E9;

color:#ff8a00;

font-size:13px;

font-weight:800;

letter-spacing:2px;

margin-bottom:25px;

}

.survive-box{

margin-top:30px;

display:flex;

flex-direction:column;

gap:20px;

}

.survive-item{

display:flex;

gap:20px;

align-items:flex-start;

padding: 10px;

background:#fafafa;

border-radius:22px;

border:1px solid #ececec;

transition:.35s;

}

.survive-item:hover{


box-shadow:0 20px 45px rgba(0,0,0,.08);



}

.survive-icon{

width:65px;

height:65px;

border-radius:18px;

display:flex;

align-items:center;

justify-content:center;

font-size:28px;

background:linear-gradient(135deg,#ffb347,#ff4b7d);
background-image: linear-gradient(135deg,rgb(38, 213, 253) 0%, rgb(54, 17, 255) 100%);
color:#fff;

flex-shrink:0;

}

.survive-item p{
margin: 0;
  font-size: 18px;
  line-height: 1.4;
  color: #555;
}

.final-highlight{

margin-top:40px;

padding:40px;

border-radius:26px;

background:linear-gradient(135deg,#6b5cff,#9b4dff);

text-align:center;

box-shadow:0 30px 80px rgba(107,92,255,.25);

}

.final-highlight h4{

font-size:24px;

font-weight:700;

line-height:1.6;

color:#fff;

margin-bottom:20px;

}

.final-highlight h2{

font-size:54px;

font-weight:900;

color:#fff;

margin:0;

letter-spacing:-1px;

}

@media(max-width:991px){

.final-highlight{

padding:30px 25px;

}

.final-highlight h2{

font-size:40px;

}

.final-highlight h4{

font-size:20px;

}

.survive-item{

padding:20px;

}

}



.asset-section{

    padding:90px 20px;
    background:
    radial-gradient(circle at top,#6a5cff22,transparent 45%),
    radial-gradient(circle at bottom right,#00d4ff12,transparent 40%),
    #06070c;

    	background: url(../images/asset-section.png) no-repeat center center / cover;

    position:relative;
    overflow:hidden;
    background-attachment: fixed;
}

.asset-container{
    max-width:1250px;
    margin:auto;
}

.asset-heading{
    text-align:center;
    margin-bottom:70px;
}

.mini-title{

    display:inline-block;
    padding:8px 18px;
    border-radius:50px;
    background:rgba(255,255,255,.05);
    border:1px solid rgba(255,255,255,.12);
    color:#9ea8c6;
    font-size:14px;
    letter-spacing:2px;
    text-transform:uppercase;
    margin-bottom:25px;

}

.asset-heading h2{

    font-size:52px;
    line-height:1.18;
    color:#fff;
    max-width:980px;
    margin:auto;
    font-weight:800;

}

.intro-card,
.content-box,
.table-wrapper{

    background:rgba(255,255,255,.04);
    border:1px solid rgba(255,255,255,.08);
    backdrop-filter:blur(18px);
 border-radius: 26px;
  padding: 25px;
  margin-bottom: 30px;
    box-shadow:
    0 25px 60px rgba(0,0,0,.45),
    inset 0 1px 0 rgba(255,255,255,.05);
border-color: #6f63ff;
}

.content-box:hover,
.intro-card:hover,
.table-wrapper:hover{

   
  
    border-color:#6f63ff;

}

.content-box h3{
font-size: 28px;
  color: #fff;
  margin-bottom: 28px;
  line-height: 1.4;
  font-weight: 900;

}

.content-box p,
.intro-card p{


    
 
font-size: 18px;
  line-height: 1.4;
  color: #fff;

  margin-bottom: 22px;
  font-weight: 300;
}

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

.table-wrapper{

    overflow-x:auto;

}

table{

    width:100%;
    border-collapse:collapse;

}

thead th{

    padding:24px;
    text-align:left;
    color:#fff;
    font-size:18px;
    background:linear-gradient(90deg,#6b58ff,#3c8cff);

}

thead th:first-child{

    border-radius:14px 0 0 0;

}

thead th:last-child{

    border-radius:0 14px 0 0;

}

tbody td{

    padding:24px;
    border:1px solid rgba(255,255,255,.08);
    color:#c8d0e5;
    font-size:18px;
    line-height:1.8;
    vertical-align:top;

}

tbody tr{

    transition:.3s;

}

tbody tr:hover{

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

}

tbody strong{

    color:#fff;
    font-size:20px;

}

@media(max-width:991px){

.asset-heading h2{

    font-size:38px;

}

.content-box,
.intro-card,
.table-wrapper{

    padding:30px;

}

.content-box h3{

    font-size:28px;

}

}

@media(max-width:767px){

.asset-section{

    padding:70px 15px;

}

.asset-heading h2{

    font-size:30px;

}

.content-box h3{

    font-size:24px;

}

.content-box p,
.intro-card p,
tbody td,
thead th{

  font-size: 14px;

}

.tbody strong {
  color: #fff;
  font-size: 14px;
}
.tbody td {
  padding: 10px;
}
thead th {
  padding: 10px;
}
.table-wrapper {
    padding: 5px;
  }
  .tbody strong {
  color: #fff;
  font-size: 14px;
}
tbody td {
  padding: 10px;
}
tbody strong {
  color: #fff;
  font-size: 14px;
}
}


.objection-section{
    padding:110px 0;
    background:#ffffff;
}

.sub-title{
    text-align:center;
    font-size:24px;
    font-weight:500;
    color:#6b7280;
    margin-bottom:15px;
}

.main-title{
    text-align:center;
    font-size:58px;
    line-height:1.15;
    font-weight:900;
    color:#101828;
    margin-bottom:70px;
}

.main-title span{
    background:linear-gradient(90deg,#7c3aed,#2563eb);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
}

.objection-card{
    height:100%;
padding: 25px;
    border-radius:24px;
    background:#fff;
    border:1px solid #e8edf4;
    box-shadow:
    0 8px 30px rgba(15,23,42,.06),
    0 1px 3px rgba(15,23,42,.04);
  box-shadow: 0 25px 60px rgba(15,23,42,.12);
    position:relative;
    overflow:hidden;
}

.objection-card::before{
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:5px;
    height:100%;
    background:linear-gradient(180deg,#ff4d4f,#ff9f43);
}

.objection-card:hover{

    box-shadow:
    0 25px 60px rgba(15,23,42,.12);
}

.objection,
.solution{
    display:flex;
    align-items:flex-start;
}

.solution{
    margin-top:22px;
    padding-top:22px;
    border-top:1px solid #edf1f6;
}

.icon{
    width:34px;
    flex-shrink:0;
    font-size:22px;
}

.objection .text{
    font-size:18px;
    line-height:1.8;
    font-weight:700;
    color:#111827;
    padding: 0 0 0 10px;
}

.solution .text{
    font-size:18px;
    line-height:1.9;
    font-weight:400;
    color:#667085;
    padding: 0 0 0 10px;
}

@media(max-width:991px){

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

.objection-section{
    padding:80px 0;
}

}

@media(max-width:767px){

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

.sub-title{
    font-size:20px;
}

.objection-card{
    padding:25px;
    border-radius:18px;
}

.objection .text,
.solution .text{
    font-size:18px;
}

}

.hidden-cost-section{
    padding:110px 0;
    background:#070b14;
    position:relative;
    overflow:hidden;
}

.hidden-cost-section::before{
    content:"";
    position:absolute;
    width:650px;
    height:650px;
    left:-180px;
    top:-180px;
    background:radial-gradient(circle,rgba(76,110,245,.18),transparent 70%);
}

.hidden-cost-section::after{
    content:"";
    position:absolute;
    width:650px;
    height:650px;
    right:-180px;
    bottom:-180px;
    background:radial-gradient(circle,rgba(16,185,129,.12),transparent 70%);
}

.sub-title{
    color:#fff;
    font-size:20px;
    font-weight:700;
    letter-spacing:1px;
width: 96%;
background-color: #20c0ff;
padding: 25px 0;
  border-radius: 25px 25px 0 0;
  margin-bottom: 0;
}
.diss-title{
   display: flex;
  align-content: center;
  justify-content: center;
  margin: auto;
}

.main-title{
    color:#fff;
    font-size:58px;
    font-weight:900;
    line-height:1.15;
    margin:0;
}

.intro-box,
.info-box{
background: rgb(255, 255, 255);
  border: 1px solid rgba(255, 255, 255, 0.92);
  border-radius: 5px 5px 5px 5px;
  padding: 35px;
  backdrop-filter: blur(18px);
    
}

.intro-box p,
.info-box p{
    margin:0;
    color:#d6d9e2;
    font-size:18px;
    line-height:1.9;
}

.middle-title{
    text-align:center;
    color:#fff;
    font-size:34px;
    font-weight:800;
}

.cost-card{
min-height: 120px;
  padding: 15px 24px;
    border-radius:22px;
    display:flex;
    align-items:center;
    font-size:18px;
  line-height: 1.6;
    transition:.35s;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.14);
}

.cost-card:hover{
    transform:translateY(-8px);
}

.danger{
    /* background:linear-gradient(180deg,#291518,#191114);
    border:1px solid rgba(255,90,90,.25);
    color:#ffe1e1; */
}

.success{
background: linear-gradient(180deg,#003043,#21c0ff);
  border: 1px solid rgb(32, 192, 255);
  color: #fff;
}

.price-box{
    padding:34px;
    border-radius:24px;
    text-align:center;
    font-size:34px;
    font-weight:900;
    color:#fff;
    background:linear-gradient(135deg,#2563eb,#3b82f6);
    box-shadow:0 25px 70px rgba(37,99,235,.35);
}

@media(max-width:991px){

.hidden-cost-section{
    padding:80px 0;
}

.main-title{
    font-size:40px;
}

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

.price-box{
    font-size:28px;
}

}

@media(max-width:767px){

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

.cost-card{
    min-height:auto;
    font-size:18px;
    padding:24px;
}

.intro-box,
.info-box{
    padding:25px;
}

.intro-box p,
.info-box p{
    font-size:18px;
}

.price-box{
    font-size:24px;
    padding:26px;
}

}
.cost-card .icon {
width: 40px;
  flex-shrink: 0;
  font-size: -5px;
  padding: 0px 10px 25px 0px;
}
.cost-card .icon {
width: 40px;
  flex-shrink: 0;
  font-size: -5px;
  padding: 0px 10px 25px 0px;
}


.before-after-premium{
padding: 110px 0;
  background: #fff;
  position: relative;
  overflow: hidden;
}

.before-after-premium:before{
    content:"";
    position:absolute;
    width:550px;
    height:550px;
    background:radial-gradient(circle,#ff4d4d10 0%,transparent 70%);
    top:-220px;
    left:-180px;
}

.before-after-premium:after{
    content:"";
    position:absolute;
    width:550px;
    height:550px;
    background:radial-gradient(circle,#22c55e12 0%,transparent 70%);
    right:-220px;
    bottom:-220px;
}

/*==========================
TOP
==========================*/

.compare-top{
    display:flex;
    justify-content:center;
    align-items:center;
    gap:35px;
    flex-wrap:wrap;
    margin-bottom:45px;
}

.compare-pill{
    min-width:290px;
    text-align:center;
    padding:18px 35px;
    border-radius:100px;
    font-size:42px;
    font-weight:900;
    background:#fff;
    letter-spacing:-1px;
    box-shadow:0 18px 45px rgba(0,0,0,.08);
}

.losing{
    color:#ef4444;
    border:3px solid #ef4444;
}

.winning{
    color:#16a34a;
    border:3px solid #16a34a;
}

.compare-or{

    width:80px;
    height:80px;
    border-radius:50%;
    display:flex;
    justify-content:center;
    align-items:center;

    background:#111827;
    color:#fff;

    font-size:28px;
    font-weight:900;

    box-shadow:
    0 0 0 10px rgba(255,255,255,.8),
    0 18px 40px rgba(0,0,0,.18);

    animation:orPulse 2.5s infinite;

}

@keyframes orPulse{

0%{

transform:scale(1);

}

50%{

transform:scale(1.08);

}

100%{

transform:scale(1);

}

}

/*==========================
CARDS
==========================*/

.premium-card{

    border-radius:34px;
    padding:45px;
    position:relative;
    overflow:hidden;
    height:100%;
    transition:.45s;

}

.premium-card:hover{

transform:translateY(-12px);

}

/*==========================
LEFT
==========================*/

.losing-card{

background:#2d303d;
color:#fff;

border:2px solid rgba(255,255,255,.08);

box-shadow:
0 25px 60px rgba(0,0,0,.20);

}

.losing-card:before{

content:"";
position:absolute;
left:0;
top:0;

width:6px;
height:100%;

background:linear-gradient(#ff4b4b,#ff8d8d);

}

/*==========================
RIGHT
==========================*/

.winning-card{

background: #fff;
  border: 2px solid #16a34a;
  box-shadow: 0 10px 22px rgba(34,197,94,.15);

}

.winning-card:before{

content:"";
position:absolute;
left:0;
top:0;

width:6px;
height:100%;

background:linear-gradient(#22c55e,#7ef2a6);

}

/*==========================
PILLS
==========================*/

.mini-pill{

display:inline-block;

padding:10px 25px;

border-radius:50px;

background:#4b4f61;

color:#fff;

font-size:18px;

font-weight:700;

margin-bottom:25px;

}

.white{

background:#eef3ff;
color:#111827;

}

/*==========================
TITLE
==========================*/

.premium-card h2{

font-size:48px;
font-weight:900;
margin-bottom:35px;

}

.losing-card h2{

color:#ffffff;

}

.winning-card h2{

color:#111827;

}

/*==========================
LIST
==========================*/

.compare-list{

display:flex;
flex-direction:column;

}

.compare-row{

display:flex;
align-items:flex-start;

gap:16px;

padding:22px 0;

border-bottom:1px solid rgba(255,255,255,.12);

font-size:18px;

line-height:1.75;

}

.winning-card .compare-row{

border-color:#e7edf5;
color:#374151;

}

.compare-row.border-0{

border-bottom:none;

}

.icon{

width:30px;
height:30px;

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

font-size:22px;
font-weight:900;

flex-shrink:0;

margin-top:2px;

}

.red{

color:#ff4b4b;

}

.green{

color:#22c55e;

}

/*==========================
HOVER
==========================*/

.losing-card:hover{

box-shadow:
0 35px 80px rgba(239,68,68,.18);

}

.winning-card:hover{

box-shadow:
0 10px 22px rgba(34,197,94,.18);

}

/*==========================
RESPONSIVE
==========================*/

@media(max-width:1200px){

.compare-pill{

font-size:34px;

}

.premium-card h2{

font-size:40px;

}

}

@media(max-width:991px){

.before-after-premium{

padding:80px 0;

}

.compare-top{

gap:20px;

}

.compare-pill{

font-size:28px;
min-width:240px;

}

.compare-or{

width:65px;
height:65px;
font-size:22px;

}

.premium-card{

padding:35px;

}

.premium-card h2{

font-size:34px;

}

}

@media(max-width:767px){

.compare-pill{

font-size:22px;

padding:15px 20px;

min-width:100%;

}

.compare-or{

display:none;

}

.premium-card{

padding:28px;

border-radius:24px;

}

.premium-card h2{

font-size:28px;

}

.compare-row{

font-size:18px;
padding:18px 0;

}

.mini-pill{

font-size:16px;

}

}


/*==================================================
FUTURE SECTION
==================================================*/

.future-section{
    background:#fff;
    padding:110px 0;
    position:relative;
    overflow:hidden;
}

.future-section:before{
    content:"";
    position:absolute;
    width:700px;
    height:700px;
    left:-260px;
    top:-260px;
    background:radial-gradient(circle,#7c3aed10 0%,transparent 70%);
}

.future-section:after{
    content:"";
    position:absolute;
    width:650px;
    height:650px;
    right:-220px;
    bottom:-220px;
    background:radial-gradient(circle,#2563eb10 0%,transparent 70%);
}

.future-subtitle{

    font-size:56px;
    font-weight:900;
    color:#111827;
    line-height:1.15;
    margin-bottom:15px;

}

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

.future-card{

    position:relative;
    overflow:hidden;

    background:#fff;

    border-radius:28px;

    margin-bottom:32px;

    border:2px solid #eceff5;

    padding:28px;

    box-shadow:
    0 20px 60px rgba(15,23,42,.07);

    transition:.45s;

}

.future-card:last-child{

    margin-bottom:0;

}

.future-card:hover{

    transform:translateY(-10px);

    box-shadow:
    0 35px 90px rgba(15,23,42,.12);

}

/*==================================================
LEFT BORDER
==================================================*/

.future-card:before{

    content:"";
    position:absolute;
    left:0;
    top:0;

    width:6px;
    height:100%;

    border-radius:10px;

}

/*==================================================
COLORS
==================================================*/

.future-card.purple1{

border-color:#8b5cf6;

}

.future-card.purple1:before{

background:#8b5cf6;

}

.future-card.blue{

border-color:#3b82f6;

}

.future-card.blue:before{

background:#3b82f6;

}

.future-card.green{

border-color:#22c55e;

}

.future-card.green:before{

background:#22c55e;

}

.future-card.red{

border-color:#ef4444;

}

.future-card.red:before{

background:#ef4444;

}

.future-card.orange{

border-color:#f97316;

}

.future-card.orange:before{

background:#f97316;

}

.future-card.indigo{

border-color:#6366f1;

}

.future-card.indigo:before{

background:#6366f1;

}

.future-card.teal{

border-color:#14b8a6;

}

.future-card.teal:before{

background:#14b8a6;

}

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

.future-content{

    padding:18px;

}

.future-title{
font-size: 28px;
  font-weight: 900;
  color: #111827;
  line-height: 1.5;
  margin-bottom: 20px;

}

.future-text{

    font-size:18px;

    color:#5b6475;

    line-height:1.9;

}

/*==================================================
IMAGE
==================================================*/

.future-image{

    /* background:#fafbff;

    border:1px solid #edf1f7;

    border-radius:22px; */

    min-height:250px;

    display:flex;

    align-items:center;

    justify-content:center;

    overflow:hidden;

    padding:15px;

    position:relative;

}

.future-image img{

    max-width:100%;

    transition:.45s;

}

/* .future-card:hover img{

    transform:scale(1.04);

} */

/*==================================================
DECORATION
==================================================*/

/* .future-image:before{

content:"";

position:absolute;

width:130px;
height:130px;

border-radius:50%;

background:rgba(124,58,237,.06);

left:-40px;
top:-40px;

}

.future-image:after{

content:"";

position:absolute;

width:120px;
height:120px;

border-radius:50%;

background:rgba(59,130,246,.05);

right:-30px;
bottom:-30px;

} */

/*==================================================
RESPONSIVE
==================================================*/

@media(max-width:1200px){

.future-subtitle{

font-size:48px;

}

.future-title{

font-size:30px;

}

}

@media(max-width:991px){

.future-section{

padding:80px 0;

}

.future-card{

padding:22px;

}

.future-title{

font-size:28px;

margin-top:20px;

}

.future-image{

min-height:220px;

margin-bottom:15px;

}

}

@media(max-width:767px){

.future-subtitle{

font-size:34px;

}

.future-card{

padding:20px;

border-radius:20px;

}

.future-content{

padding:10px 5px;

}

.future-title{

font-size:24px;

}

.future-text{

font-size:18px;

line-height:1.8;

}

.future-image{

min-height:180px;

border-radius:16px;

}

}
/* =====================================
   Smooth Animation
===================================== */

.future-card{
    opacity:0;
    transform:translateY(50px);
    animation:futureFade .8s ease forwards;
}

.future-card:nth-child(1){animation-delay:.1s;}
.future-card:nth-child(2){animation-delay:.2s;}
.future-card:nth-child(3){animation-delay:.3s;}
.future-card:nth-child(4){animation-delay:.4s;}
.future-card:nth-child(5){animation-delay:.5s;}
.future-card:nth-child(6){animation-delay:.6s;}
.future-card:nth-child(7){animation-delay:.7s;}

@keyframes futureFade{

from{

opacity:0;
transform:translateY(50px);

}

to{

opacity:1;
transform:translateY(0);

}

}

/* =====================================
   Gradient Glow on Hover
===================================== */

.future-card{

position:relative;
isolation:isolate;

}

.future-card::after{

content:"";

position:absolute;
inset:0;

border-radius:28px;

padding:1px;

background:linear-gradient(
135deg,
transparent,
rgba(255,255,255,.9),
transparent
);

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

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

opacity:0;
transition:.4s;

}

.future-card:hover::after{

opacity:1;

}

/* =====================================
   Floating Image
===================================== */

.future-image img{

/* animation:floatImage 5s ease-in-out infinite; */

}

@keyframes floatImage{

0%{

transform:translateY(0);

}

50%{

transform:translateY(-8px);

}

100%{

transform:translateY(0);

}

}

/* =====================================
   Premium Title Effect
===================================== */


/* =====================================
   Better Hover
===================================== */

.future-card:hover{

transform:translateY(-12px) scale(1.01);

}

/* =====================================
   Fancy Border Animation
===================================== */

.grad-6 {
  background: linear-gradient(90deg,#007cff,#00f3ff);
  background: linear-gradient(90deg,#f8ff2a,#00e7ff);
    background-clip: border-box;
  background-clip: border-box;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.purple {
  background: linear-gradient(90deg,#8B3DFF 0%,#6A63FF 30%,#3F8DFF 65%,#36D7D6 100%);
    background-clip: border-box;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.review-box {
  max-width: 1150px;
  margin: auto;
  position: relative;
}


/*==============================
      DIVIDER
===============================*/

.divider{

display:flex;

justify-content:center;

align-items:center;

gap:12px;

margin: 30px auto 15px;

}

.divider span{

width:130px;

height:2px;

background:linear-gradient(90deg,#57f4cb,#6d6bff);

border-radius:30px;

}

.divider i{

font-size:8px;

color:#7f69ff;

}

.timer-box{
  margin-top: -10px;
}