.about-hero{
position:relative;
padding:120px 20px 80px;
text-align:center;
color:white;
overflow:hidden;

background-image: url("images/about/TestimonialBg.png");
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
/* Back Arrow */

.back-btn{
position:absolute;
top:30px;
left:30px;
}

.back-btn img{
width:22px;
opacity:.8;
transition:.2s;
}

.back-btn img:hover{
opacity:1;
transform:translateX(-3px);
}


/* Center Content */

.hero-content{
max-width:720px;
margin:auto;
}


/* Small Pill */

.hero-pill{
display:inline-block;
padding:6px 14px;
border-radius:20px;
background:#0d2a40;
color:#79d4ff;
font-size:13px;
margin-bottom:20px;
}


/* Title */

.hero-title{
font-size:35px;
font-weight:600;
margin-bottom:16px;
line-height:1.2;
}


/* Subtitle */

.hero-subtitle{
font-size:14px;
opacity:.75;
line-height:1.6;
}


/* Illustration Row */

.hero-illustrations{
display:flex;
justify-content:center;
align-items:center;
margin-top:60px;
}

.hero-img{
width:100%;
max-width:700px;   /* controls how big the image can grow */
height:auto;
display:block;
}

.hero-img.center{
width:200px;
transform:translateY(-10px);
}



.problem-section{
padding:120px 0;
color:white;
}


/* LEFT SIDE */

.problem-label{
 background: linear-gradient(90deg, #4ed5d2 0%, #2bd4d1 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 2px;
    font-size: 0.9rem;
    margin-bottom: 10px;
    position: relative;
    display: inline-block;
}

.problem-label::after{
  content: "";
    display: block;
    width: 48px; /* Slightly wider to match image feel */
    height: 3px;
    /* Gradient for the underline */
    background: linear-gradient(90deg, #3a8483 0%, #4ed5d2 100%);
    margin-top: 8px;
}


.problem-title{
font-size:32px;
font-weight:600;
margin-top: 50px;
margin-bottom:20px;
}


.problem-text{
color:#9aa7b4;
font-size:14px;
line-height:1.7;
margin-bottom:16px;
}



/* RIGHT SIDE CARDS */

.problem-card{
    margin-left: 30px;
display:flex;
align-items:center;
gap:18px;

background:linear-gradient(135deg,#0e1b2a63,#0a162290);
border:1px solid rgba(255, 255, 255, 0.123);

padding:22px 24px;
border-radius:14px;
margin-bottom:18px;

transition:0.3s;
}

.problem-card:hover{
transform:translateY(-4px);
border-color:rgba(100,180,255,0.25);
}



/* ICON BOX */

.problem-icon{
width:36px;
height:36px;
object-fit:contain;
}


.problem-card p{
margin:0;
font-size:15px;
color:#c6d2dc;
line-height:1.5;
}
.audience-section{
padding:120px 0;
background:#041f22;
color:white;
text-align:center;
}

/* TITLE */

.audience-title{
font-size:32px;
font-weight:600;
margin-bottom:12px;
}

.audience-subtitle{
max-width:720px;
margin:auto;
color:#a8b3bd;
margin-bottom:60px;
line-height:1.6;
}

/* CARD */

.audience-card{
background:#0d2b2f;
padding:18px;
border-radius:12px;
text-align:left;
height:100%;
transition:0.3s;
}

.audience-card:hover{
transform:translateY(-6px);
}

/* IMAGE */

.audience-img{
width:100%;
border-radius:10px;
margin-bottom:16px;
}


/* ICON + TITLE ROW */

.audience-card-title{
display:flex;
align-items:center;
gap:14px;
margin-bottom:14px;
font-weight:600;
font-size:20px;
color:#cfd8df;
}

/* ICON CIRCLE */

.audience-icon{
width:60px;
height:60px;
margin-left: 20px;
}

/* TEXT */

.audience-text{
font-size:14px;
line-height:1.6;
color:#a7b3bd;
}




/* TEXT */


.science-section{
padding:120px 0;
color:white;
}



/* CONTENT */

.science-content h2{
font-size:36px;
font-weight:100;
margin-bottom:18px;
line-height:1.3;
}

.science-desc{
color:#a7b3bd;
line-height:1.7;
margin-bottom:30px;
max-width:500px;
}

/* LIST */

.science-list{
list-style:none;
padding:0;
margin:0;
}

.science-list li{
display:flex;
gap:14px;
margin-bottom:20px;
align-items:flex-start;
color:#a7b3bd;
line-height:1.6;
}

/* CHECK ICON */

.science-check{
width:22px;
height:22px;
background:#051e21;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
color:#22c1c3;
font-size:12px;
flex-shrink:0;
margin-top:4px;
}
.science-check strong{
   color:#a7b3bd;

}


.cta-section{
padding:100px 0;
background:transparent;
}

/* CTA BOX */

.cta-box{
background: linear-gradient(90deg, #21454f, #56868c, #d7cda5);
border-radius:12px;
padding:40px 50px;
overflow:hidden;
}

/* FLEX LAYOUT */

.cta-content{
display:flex;
align-items:center;
justify-content:space-between;
gap:30px;
}

/* TEXT */

.cta-text{
max-width:520px;
color:white;
}

.cta-text h2{
font-size:28px;
margin-bottom:15px;
}

.cta-text p{
color:#dfe7ea;
margin-bottom:20px;
line-height:1.6;
}

/* BUTTON */

.cta-btn{
display:inline-block;
background:#57d3a2;
color:#08342f;
padding:12px 26px;
border-radius:25px;
font-weight:600;
text-decoration:none;
transition:0.3s;
}

.cta-btn:hover{
background:#45c191;
}

/* IMAGE */

.cta-image img{
max-width:320px;
}


.footer-link-active {
  color: rgba(255,255,255,0.92) !important;
}