:root{

--primary:#004A73;
--green:#69BD50;
--teal:#0E6B73;
--light:#F8FBFD;
--text:#203040;

}

body 
{
    font-family: 'Inter', 'Montserrat', sans-serif;
    background: var(--light);
}

h1,
h2,
h3 {
    font-family: 'Montserrat', 'Poppins', sans-serif;
}

/*=========================
NAVBAR
==========================*/

.navbar{

padding:18px 0;

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

backdrop-filter:blur(18px);

transition:.4s;

box-shadow:0 8px 35px rgba(0,0,0,.05);

}

.navbar-brand img{

height:75px;

}

.navbar-nav{

gap:8px;

}

.nav-link{

padding:14px 22px !important;

font-weight:600;

color:var(--primary)!important;

border-radius:16px;

transition:.35s;

font-size:17px;

}

.nav-link:hover{

background:#EDF8F1;

color:var(--green)!important;

}

.nav-link.active{

background:var(--primary);

color:#fff!important;

}

/* dropdown */

.dropdown-menu{

border:none;

padding:15px 0;

border-radius:18px;

min-width:420px;

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

animation:dropdown .35s;

}

.dropdown-item{

padding:16px 25px;

font-size:17px;

transition:.3s;

}

.dropdown-item:hover{

background:#EDF8F1;

color:var(--primary);

padding-left:35px;

}

@keyframes dropdown{

from{

opacity:0;

transform:translateY(15px);

}

to{

opacity:1;

transform:translateY(0);

}

}

/* Hero */

.hero{

min-height:92vh;

display:flex;

align-items:center;

background:linear-gradient(120deg,#f9fdff,#eef8fb);

overflow:hidden;

}

.badge1{

display:inline-block;

background:#69BD50;

color:#fff;

padding:12px 22px;

border-radius:40px;

font-weight:600;

margin-bottom:25px;

}

.hero h1{

font-size:62px;

font-weight:800;

color:var(--primary);

line-height:1.2;

}

.hero h1 span{

color:var(--green);

}

.hero p{

font-size:19px;

line-height:1.9;

color:#5b6770;

margin:30px 0;

}

.btn-main{

background:linear-gradient(135deg,#69BD50,#0E6B73);

border:none;

padding:16px 34px;

border-radius:40px;

color:#fff;

font-weight:600;

transition:.35s;

}

.btn-main:hover{

transform:translateY(-4px);

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

color:#fff;

}

.btn-outline-brand{

border:2px solid var(--primary);

padding:15px 32px;

border-radius:40px;

color:var(--primary);

font-weight:600;

margin-left:15px;

transition:.3s;

text-decoration:none;

}

.btn-outline-brand:hover{

background:var(--primary);

color:#fff;

}

.hero img{

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

}

@keyframes float{

50%{

transform:translateY(-18px);

}

}

/* Mobile */

@media(max-width:992px){

.hero{

padding:120px 0 60px;

text-align:center;

}

.hero h1{

font-size:42px;

}

.dropdown-menu{

min-width:100%;

}

}
/*============================
Hero Section
=============================*/

.hero-section{

position:relative;

min-height:100vh;

display:flex;

align-items:center;

overflow:hidden;

background:

linear-gradient(
90deg,
rgba(255,255,255,.98) 0%,
rgba(255,255,255,.95) 28%,
rgba(255,255,255,.80) 45%,
rgba(255,255,255,.35) 58%,
rgba(255,255,255,.08) 72%,
rgba(255,255,255,0) 100%
),

url("images/fertireset-journey.jpeg");

background-size:cover;

background-position:right center;

background-repeat:no-repeat;

}
.hero-section::before{

    content:"";

    position:absolute;

    top:0;

    right:0;

    width:52%;

    height:100%;

    background-image:url("images/fertireset-journey.jpg");

    background-repeat:no-repeat;

    background-size:cover;

    background-position:center right;

    opacity:.92;

    z-index:1;

}
.hero-content{

padding:0px 0;

position:relative;

z-index:10;

}

.hero-tag{

display:inline-block;

background:#69BD50;

color:#fff;

padding:10px 22px;

border-radius:40px;

font-weight:600;

margin-bottom:25px;

font-size:15px;

letter-spacing:.4px;

}

.hero-content h1{

font-family:Poppins,sans-serif;

font-size:88px;

font-weight:800;

line-height:1;

margin-top: -75px;

margin-bottom:18px;

}

.text-primary-brand{

color:#004A73;

}

.text-success-brand{

color:#69BD50;

}

.hero-content h2{

font-family:Poppins,sans-serif;

font-size:25px;

font-weight:700;

line-height:1.15;

color:#003F63;

margin-bottom:28px;

}

.hero-content h3{

font-size:34px;

font-weight:700;

color:#004A73;

margin-bottom:35px;

}

.hero-content h3 span{

color:#69BD50;

}

.hero-divider{

width:220px;

height:2px;

background:#004A73;

margin:25px 0;

opacity:.35;

}

.hero-pillars{

display:flex;

gap:18px;

align-items:center;

font-size:22px;

font-weight:500;

color:#004A73;

margin-bottom:35px;

}

.hero-pillars span:nth-child(2),

.hero-pillars span:nth-child(4){

color:#69BD50;

font-weight:bold;

}

.hero-quote{

font-size:20px;

font-style:italic;

color:#003F63;

margin-bottom:45px;

max-width:650px;

}

.btn-consult{

background:linear-gradient(135deg,#69BD50,#0E6B73);

padding:17px 38px;

border-radius:45px;

color:#fff;

font-weight:600;

margin-right:18px;

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

transition:.35s;

}

.btn-consult:hover{

transform:translateY(-4px);

color:#fff;

}

.btn-video{

padding:16px 34px;

border:2px solid #004A73;

border-radius:45px;

font-weight:600;

color:#004A73;

background:#fff;

transition:.35s;

}

.btn-video:hover{

background:#004A73;

color:#fff;

}

.btn i{

margin-right:10px;

}

.hero-section::after{

content:"";

position:absolute;

right:-120px;

top:120px;

width:650px;

height:650px;

border-radius:50%;

background:rgba(105,189,80,.05);

filter:blur(80px);

pointer-events:none;

}

/* Responsive */

@media(max-width:991px){

.hero-section{

background-position:75% center;

min-height:auto;

padding:120px 0 80px;

}

.hero-content{

text-align:center;

}

.hero-content h1{

font-size:56px;

}

.hero-content h2{

font-size:30px;

}

.hero-content h3{

font-size:28px;

}

.hero-pillars{

justify-content:center;

font-size:18px;

flex-wrap:wrap;

}

.hero-divider{

margin:25px auto;

}

.hero-quote{

font-size:22px;

}

.btn-consult,

.btn-video{

display:block;

width:100%;

margin:10px 0;

}

}
.future-section{

padding:100px 0;

background:#fff;

}

.section-tag{

display:inline-block;

background:#eaf8ee;

color:#69BD50;

padding:10px 22px;

border-radius:30px;

font-weight:600;

font-size:15px;

}

.section-title{

font-size:30px;

font-family:Poppins,sans-serif;

font-weight:800;

color:#004A73;

line-height:1.2;

}

.section-title span{

color:#69BD50;

}

.section-subtitle{

margin:30px 0 20px;

font-size:17px;

font-weight:600;

color:#003d63;

}

.section-text{

font-size:19px;

line-height:1.9;

color:#5d6772;

margin-bottom:20px;

}

.quote-box{

margin-top:35px;

padding:22px 30px;

background:#F5FBF8;

border-left:5px solid #69BD50;

border-radius:12px;

font-size:22px;

font-style:italic;

color:#004A73;

}

.quote-box i{

color:#69BD50;

margin-right:10px;

}

.future-card{

background:#fff;

padding:45px;

border-radius:25px;

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

transition:.35s;

border-top:5px solid #69BD50;

}

.future-card:hover{

transform:translateY(-8px);

}

.icon-circle{

width:80px;

height:80px;

background:linear-gradient(135deg,#69BD50,#0E6B73);

border-radius:50%;

display:flex;

align-items:center;

justify-content:center;

margin-bottom:25px;

color:#fff;

font-size:34px;

}

.future-card h3{

font-size:30px;

font-weight:700;

color:#004A73;

margin-bottom:25px;

}

.future-card ul{

list-style:none;

padding:0;

margin:0;

}

.future-card li{

padding:14px 0;

border-bottom:1px solid #eee;

font-size:18px;

position:relative;

padding-left:35px;

}

.future-card li:last-child{

border-bottom:none;

}

.future-card li::before{

content:"✔";

position:absolute;

left:0;

color:#69BD50;

font-weight:bold;

}

@media(max-width:992px){

.section-title{

font-size:30px;

}

.section-subtitle{

font-size:17px;

}

.future-card{

margin-top:40px;

}

}
.why-fertireset{

padding:30px 0;

background:#f8fbfd;

}

.section-label{

display:inline-block;

background:#EAF8EE;

color:#69BD50;

padding:10px 24px;

border-radius:40px;

font-weight:600;

}

.section-heading{

font-size:54px;

font-weight:800;

color:#004A73;

margin-top:20px;

}

.section-heading span{

color:#69BD50;

}

.section-subheading{

max-width:720px;

margin:auto;

font-size:20px;

color:#667;

margin-top:20px;

}

.story-box{

padding-right:40px;

}

.story-box h3{

font-size:34px;

color:#004A73;

margin-bottom:20px;

}

.story-box p{

font-size:18px;

line-height:1.9;

color:#555;

}

.problem-card{

background:#fff;

border-radius:25px;

padding:35px;

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

}

.problem-item{

display:flex;

gap:20px;

margin-bottom:25px;

padding-bottom:20px;

border-bottom:1px solid #eee;

}

.problem-item:last-child{

border:none;

margin-bottom:0;

padding-bottom:0;

}

.problem-item i{

width:60px;

height:60px;

background:#69BD50;

color:#fff;

border-radius:50%;

display:flex;

align-items:center;

justify-content:center;

font-size:24px;

flex-shrink:0;

}

.problem-item h5{

color:#004A73;

margin-bottom:5px;

font-weight:700;

}

.problem-item p{

margin:0;

color:#666;

}

.mission-box{

background:linear-gradient(135deg,#004A73,#0E6B73);

padding:60px;

border-radius:25px;

color:#fff;

text-align:center;

}

.mission-box h3{

font-size:40px;

margin-bottom:25px;

}

.mission-box p{

font-size:19px;

line-height:1.9;

opacity:.95;

}

@media(max-width:992px){

.story-box{

padding-right:0;

margin-bottom:40px;

}

.section-heading{

font-size:40px;

}

.mission-box{

padding:40px 25px;

}

}
/*========================================
LIFE STAGES
========================================*/

.life-framework{

padding:30px 0;

background:#fff;

}

.life-framework h2{

font-size:56px;

font-weight:800;

color:#004A73;

margin-top:20px;

}

.life-framework h2 span{

color:#69BD50;

}

.subtitle{

max-width:720px;

margin:auto;

font-size:21px;

color:#667;

margin-top:20px;

margin-bottom:70px;

}

.timeline{

position:relative;

max-width:950px;

margin:auto;

}

.timeline:before{

content:"";

position:absolute;

left:70px;

top:0;

bottom:0;

width:4px;

background:#69BD50;

border-radius:20px;

}

.timeline-item{

display:flex;

margin-bottom:45px;

position:relative;

}

.timeline-age{

width:140px;

height:140px;

background:linear-gradient(135deg,#004A73,#0E6B73);

color:#fff;

border-radius:50%;

display:flex;

align-items:center;

justify-content:center;

font-size:32px;

font-weight:700;

flex-shrink:0;

z-index:2;

box-shadow:0 15px 40px rgba(0,0,0,.15);

}

.timeline-card{

margin-left:45px;

background:#fff;

padding:35px;

border-radius:20px;

box-shadow:0 15px 40px rgba(0,0,0,.08);

flex:1;

transition:.35s;

}

.timeline-card:hover{

transform:translateY(-8px);

}

.timeline-card h3{

font-size:30px;

color:#004A73;

margin-bottom:18px;

}

.timeline-card p{

font-size:18px;

line-height:1.9;

color:#666;

margin:0;

}

.framework-footer{

margin-top:80px;

padding:60px;

background:linear-gradient(135deg,#004A73,#0E6B73);

border-radius:25px;

text-align:center;

color:#fff;

}

.framework-footer h3{

font-size:34px;

margin-bottom:15px;

}

.framework-footer h2{

font-size:52px;

color:#fff;

margin-bottom:30px;

}

@media(max-width:992px){

.timeline:before{

display:none;

}

.timeline-item{

flex-direction:column;

}

.timeline-age{

margin:auto;

margin-bottom:20px;

}

.timeline-card{

margin-left:0;

}

.life-framework h2{

font-size:40px;

}

}
/*====================================
WHAT IS FERTIRESET
====================================*/

.what-is-fertireset{

    padding:30px 0;
    background:#ffffff;

}

.section-tag{

    display:inline-block;
    background:#EAF8EE;
    color:#69BD50;
    padding:10px 24px;
    border-radius:40px;
    font-weight:600;
    letter-spacing:.5px;

}

.section-title{

    font-size:40px;
    font-weight:800;
    color:#004A73;
    line-height:1.2;
    margin-bottom:25px;

}

.section-title span{

    color:#69BD50;

}

.lead-text{

    font-size:22px;
    color:#004A73;
    font-weight:500;
    margin-bottom:25px;

}

.what-is-fertireset p{

    font-size:18px;
    line-height:1.9;
    color:#5f6770;

}

.framework-card{

    background:linear-gradient(135deg,#004A73,#0E6B73);
    color:#fff;
    border-radius:24px;
    padding:45px;
    box-shadow:0 25px 60px rgba(0,0,0,.12);

}

.framework-icon{

    width:90px;
    height:90px;
    border-radius:50%;
    background:#69BD50;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:36px;
    margin-bottom:30px;

}

.framework-card h3{

    font-size:32px;
    margin-bottom:35px;
    font-weight:700;

}

.framework-item{

    display:flex;
    align-items:center;
    gap:18px;
    padding:18px 0;
    border-bottom:1px solid rgba(255,255,255,.15);

}

.framework-item:last-child{

    border-bottom:none;

}

.framework-item i{

    width:48px;
    height:48px;
    border-radius:50%;
    background:rgba(255,255,255,.15);
    display:flex;
    align-items:center;
    justify-content:center;
    color:#69BD50;
    font-size:20px;

}

.framework-item span{

    font-size:18px;
    font-weight:500;

}

@media(max-width:992px){

.section-title{

font-size:30px;

}

.framework-card{

margin-top:30px;

}

}
/*==================================
PHILOSOPHY
==================================*/

.philosophy-section{

padding:30px 0;

background:linear-gradient(135deg,#f8fbfd,#eef7fb);

}

.philosophy-quote{

background:#fff;

padding:50px;

border-radius:25px;

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

border-left:6px solid #69BD50;

height:100%;

}

.philosophy-quote i{

font-size:48px;

color:#69BD50;

margin-bottom:20px;

}

.philosophy-quote h3{

font-size:34px;

font-weight:700;

color:#004A73;

line-height:1.5;

margin-bottom:30px;

}

.philosophy-quote p{

font-size:20px;

line-height:2;

color:#666;

}

.habit-grid{

display:grid;

grid-template-columns:repeat(2,1fr);

gap:20px;

}

.habit-card{

background:#fff;

padding:35px 25px;

border-radius:20px;

text-align:center;

box-shadow:0 15px 35px rgba(0,0,0,.08);

transition:.35s;

}

.habit-card:hover{

transform:translateY(-8px);

background:#004A73;

color:#fff;

}

.habit-card:hover i{

background:#69BD50;

color:#fff;

}

.habit-card i{

width:70px;

height:70px;

border-radius:50%;

display:flex;

align-items:center;

justify-content:center;

margin:auto;

margin-bottom:20px;

background:#eef8f3;

color:#69BD50;

font-size:28px;

transition:.35s;

}

.habit-card h5{

font-size:20px;

font-weight:600;

margin:0;

}

.philosophy-footer{

margin-top:70px;

background:linear-gradient(135deg,#004A73,#0E6B73);

padding:60px;

border-radius:25px;

text-align:center;

color:#fff;

}

.philosophy-footer h3{

font-size:30px;

font-weight:400;

line-height:1.8;

}

.philosophy-footer h2{

font-size:52px;

font-weight:800;

margin-top:20px;

color:#69BD50;

}

@media(max-width:992px){

.habit-grid{

grid-template-columns:1fr;

}

.philosophy-quote{

margin-bottom:30px;

}

.philosophy-footer{

padding:40px 25px;

}

.philosophy-footer h2{

font-size:38px;

}

}
/*=====================================
METHOD SECTION
======================================*/

.method-section{

    padding:30px 0;

    background:#f8fbfd;

}

.method-card{

    position:relative;

    background:#fff;

    border-radius:24px;

    padding:40px 30px;

    text-align:center;

    height:100%;

    transition:.35s;

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

    overflow:hidden;

}

.method-card:hover{

    transform:translateY(-10px);

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

}

.step-number{

    position:absolute;

    top:18px;

    right:20px;

    font-size:48px;

    font-weight:800;

    color:#98FF98 ;

}

.method-icon{

    width:90px;

    height:90px;

    margin:auto;

    margin-bottom:25px;

    border-radius:50%;

    display:flex;

    align-items:center;

    justify-content:center;

    background:linear-gradient(135deg,#69BD50,#0E6B73);

    color:#fff;

    font-size:34px;

}

.method-card h4{

    color:#004A73;

    font-size:30px;

    margin-bottom:20px;

    font-weight:700;

}

.method-card p{

    color:#666;

    line-height:1.8;

    font-size:17px;

}

.method-card.active{

    background:linear-gradient(135deg,#004A73,#0E6B73);

    color:#fff;

}

.method-card.active h4,

.method-card.active p{

    color:#fff;

}

.method-card.active .step-number{

    color:rgba(255,255,255,.15);

}

.method-card.active .method-icon{

    background:#69BD50;

}

.method-footer{

    margin-top:80px;

    background:#ffffff;

    border-radius:24px;

    padding:60px;

    text-align:center;

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

}

.method-footer h3{

    font-size:42px;

    color:#004A73;

    font-weight:800;

}

.method-footer h3 span{

    color:#69BD50;

}

.method-footer p{

    max-width:850px;

    margin:25px auto;

    font-size:20px;

    line-height:1.9;

    color:#666;

}

@media(max-width:992px){

.method-section{

padding:30px 0;

}

.method-footer{

padding:40px 25px;

}

.method-footer h3{

font-size:32px;

}

}
/*====================================
ECOSYSTEM
====================================*/

.ecosystem-section{

padding:30px 0;

background:#f7fbfd;

}

.ecosystem-card{

background:#fff;

border-radius:24px;

padding:40px;

height:100%;

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

transition:.35s;

border-top:5px solid #69BD50;

}

.ecosystem-card:hover{

transform:translateY(-10px);

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

}

.eco-icon{

width:90px;

height:90px;

border-radius:50%;

background:linear-gradient(135deg,#004A73,#0E6B73);

display:flex;

align-items:center;

justify-content:center;

font-size:36px;

color:#fff;

margin-bottom:25px;

}

.ecosystem-card h3{

font-size:28px;

font-weight:700;

color:#004A73;

margin-bottom:20px;

line-height:1.4;

}

.ecosystem-card p{

font-size:18px;

line-height:1.9;

color:#666;

margin-bottom:25px;

}

.eco-footer{

background:#eef8f3;

padding:18px;

border-radius:12px;

font-size:17px;

color:#004A73;

font-weight:600;

}

.ecosystem-bottom{

margin-top:80px;

}

.ecosystem-center{

background:linear-gradient(135deg,#004A73,#0E6B73);

padding:70px;

border-radius:28px;

text-align:center;

color:#fff;

}

.ecosystem-center i{

width:100px;

height:100px;

border-radius:50%;

background:#69BD50;

display:flex;

align-items:center;

justify-content:center;

margin:auto;

margin-bottom:30px;

font-size:42px;

}

.ecosystem-center h3{

font-size:42px;

margin-bottom:20px;

font-weight:700;

}

.ecosystem-center p{

font-size:20px;

line-height:2;

opacity:.95;

max-width:900px;

margin:auto;

}

@media(max-width:992px){

.ecosystem-section{

padding:30px 0;

}

.ecosystem-center{

padding:45px 25px;

}

.ecosystem-center h3{

font-size:32px;

}

}
/*====================================
LIFE STAGES FRAMEWORK
====================================*/

.life-stage-section{

    padding:30px 0;

    background:#ffffff;

}

.life-roadmap{

    display:flex;

    align-items:flex-start;

    justify-content:center;

    flex-wrap:wrap;

    gap:15px;

}

.stage-card{

    flex:1;

    min-width:210px;

    background:#fff;

    border-radius:22px;

    padding:35px 25px;

    text-align:center;

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

    transition:.35s;

    border-top:5px solid #69BD50;

}

.stage-card:hover{

    transform:translateY(-10px);

}

.stage-card.active{

    background:linear-gradient(135deg,#004A73,#0E6B73);

    color:#fff;

}

.stage-card.active h4,

.stage-card.active p,

.stage-card.active .stage-age{

    color:#fff;

}

.stage-age{

    color:#69BD50;

    font-size:26px;

    font-weight:700;

    margin-bottom:20px;

}

.stage-icon{

    width:80px;

    height:80px;

    border-radius:50%;

    background:linear-gradient(135deg,#69BD50,#0E6B73);

    display:flex;

    align-items:center;

    justify-content:center;

    color:#fff;

    font-size:30px;

    margin:auto;

    margin-bottom:20px;

}

.stage-card.active .stage-icon{

    background:#69BD50;

}

.stage-card h4{

    color:#004A73;

    font-size:24px;

    margin-bottom:15px;

    font-weight:700;

}

.stage-card p{

    color:#666;

    line-height:1.8;

    font-size:16px;

}

.stage-arrow{

    display:flex;

    align-items:center;

    justify-content:center;

    color:#69BD50;

    font-size:32px;

    margin-top:110px;

}

.framework-summary{

    margin-top:80px;

    background:linear-gradient(135deg,#004A73,#0E6B73);

    color:#fff;

    padding:60px;

    border-radius:25px;

    text-align:center;

}

.framework-summary h3{

    font-size:42px;

    font-weight:700;

    margin-bottom:20px;

}

.framework-summary p{

    max-width:850px;

    margin:auto;

    font-size:20px;

    line-height:1.9;

    opacity:.95;

    margin-bottom:35px;

}

@media(max-width:1200px){

.stage-arrow{

display:none;

}

.stage-card{

min-width:280px;

}

}

@media(max-width:768px){

.life-stage-section{

padding:30px 0;

}

.framework-summary{

padding:40px 25px;

}

.framework-summary h3{

font-size:30px;

}

}
/*=====================================
7 PILLARS
======================================*/

.pillars-section{

    padding:30px 0;

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

}

.pillar-card{

    background:#fff;

    padding:40px 30px;

    border-radius:24px;

    text-align:center;

    height:100%;

    transition:.35s;

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

    border-top:5px solid #69BD50;

}

.pillar-card:hover{

    transform:translateY(-10px);

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

}

.pillar-icon{

    width:90px;

    height:90px;

    margin:auto;

    margin-bottom:25px;

    border-radius:50%;

    background:linear-gradient(135deg,#004A73,#0E6B73);

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:40px;

}

.pillar-card h4{

    font-size:24px;

    color:#004A73;

    font-weight:700;

    margin-bottom:18px;

}

.pillar-card p{

    font-size:17px;

    color:#666;

    line-height:1.8;

}

.pillars-footer{

    margin-top:80px;

    padding:70px;

    background:linear-gradient(135deg,#004A73,#0E6B73);

    border-radius:30px;

    color:#fff;

    text-align:center;

}

.pillars-footer h2{

    font-size:48px;

    font-weight:800;

    margin-bottom:25px;

}

.pillars-footer h2 span{

    color:#69BD50;

}

.pillars-footer p{

    max-width:850px;

    margin:auto;

    font-size:21px;

    line-height:1.9;

    opacity:.95;

    margin-bottom:35px;

}

@media(max-width:992px){

.pillars-section{

padding:0px 0;

}

.pillars-footer{

padding:45px 25px;

}

.pillars-footer h2{

font-size:34px;

}

}
/*=====================================
FOOTER
=====================================*/

.footer-section{

    background:linear-gradient(135deg,#003D63,#0B5874);

    color:#fff;

    padding:80px 0 30px;

    position:relative;

    overflow:hidden;

}

.footer-section::before{

    content:"";

    position:absolute;

    width:500px;

    height:500px;

    right:-180px;

    top:-180px;

    border-radius:50%;

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

}

.footer-logo{

    height:90px;

    margin-bottom:25px;

}

.footer-title{

    font-size:26px;

    font-weight:700;

    line-height:1.5;

    margin-bottom:15px;

}

.footer-tagline{

    color:#69BD50;

    font-size:22px;

    margin-bottom:20px;

    font-weight:600;

}

.footer-text{

    color:#d9edf7;

    font-size:18px;

    margin-bottom:25px;

}

.footer-section blockquote{

    border-left:4px solid #69BD50;

    padding-left:18px;

    font-size:19px;

    color:#fff;

    font-style:italic;

    margin:0;

}

.footer-section h4{

    color:#69BD50;

    margin-bottom:25px;

    font-weight:700;

}

.footer-links{

    list-style:none;

    padding:0;

    margin:0;
	
	font-weight:700;

}

.footer-links li{

    margin-bottom:14px;

}

.footer-links a{

    color:#dceaf3;

    text-decoration:none;

    transition:.3s;

}

.footer-links a:hover{

    color:#69BD50;

    padding-left:8px;

}

.footer-contact{

    list-style:none;

    padding:0;

    margin:0;
	
	font-weight:700;

}

.footer-contact li{

    display:flex;

    align-items:flex-start;

    gap:12px;

    margin-bottom:18px;

    color:#e8f3f8;

    line-height:1.7;

}

.footer-contact i{

    color:#69BD50;

    width:22px;

    margin-top:4px;

}

.footer-section hr{

    border-color:rgba(255,255,255,.15);

    margin:45px 0 25px;

}

.footer-bottom{

    display:flex;

    justify-content:space-between;

    align-items:center;

    flex-wrap:wrap;

    gap:15px;

    color:#cddce5;

    font-size:15px;

}

.footer-bottom span{

    color:#69BD50;

    font-weight:700;

}

@media(max-width:768px){

.footer-section{

    text-align:center;

}

.footer-logo{

    height:70px;

}

.footer-contact li{

    justify-content:center;

    text-align:left;

}

.footer-bottom{

    justify-content:center;

    text-align:center;

}

}
/*====================================
ABOUT INTRO
====================================*/

.about-intro{

padding:50px 0;

background:#ffffff;

}

.about-image img{

width:100%;

border-radius:25px;

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

}

.about-content h3{

font-size:42px;

font-weight:700;

color:#004A73;

margin-bottom:25px;

}

.about-content p{

font-size:21px;

line-height:2;

color:#5d6672;

margin-bottom:25px;

}

.about-content strong{

color:#004A73;

font-weight:700;

}

.lifestyle-item{

background:#ffffff;

padding:35px 20px;

text-align:center;

border-radius:20px;

box-shadow:0 15px 40px rgba(0,0,0,.07);

transition:.35s;

height:100%;

}

.lifestyle-item:hover{

transform:translateY(-10px);

background:#004A73;

color:#fff;

}

.lifestyle-item i{

font-size:40px;

color:#69BD50;

margin-bottom:20px;

display:block;

}

.lifestyle-item:hover i{

color:#fff;

}

.lifestyle-item span{

font-size:18px;

font-weight:600;

display:block;

}

.about-highlight{

margin-top:70px;

background:#f6fbfd;

padding:60px;

border-left:6px solid #69BD50;

border-radius:25px;

}

.about-highlight h3{

font-size:40px;

color:#004A73;

margin-bottom:25px;

font-weight:700;

}

.about-highlight p{

font-size:22px;

line-height:2;

color:#5d6672;

margin:0;

}

@media(max-width:768px){

.about-intro{

padding:50px 0;

}

.about-content h3{

font-size:34px;

}

.about-content p,

.about-highlight p{

font-size:18px;

line-height:1.9;

}

.about-highlight{

padding:35px;

}

}

/*====================================
OUR PHILOSOPHY
====================================*/

.philosophy-section{

padding:30px 0;

background:#ffffff;

}

.philosophy-content h3{

font-size:46px;

font-weight:700;

color:#004A73;

line-height:1.3;

margin-bottom:30px;

}

.philosophy-content h3 span{

color:#69BD50;

}

.philosophy-content p{

font-size:22px;

line-height:2;

color:#5f6772;

margin-bottom:22px;

}

.philosophy-content strong{

color:#004A73;

}

.philosophy-content blockquote{

margin-top:50px;

padding:35px;

background:#f6fbfd;

border-left:6px solid #69BD50;

border-radius:20px;

font-size:34px;

font-style:italic;

font-weight:600;

color:#004A73;

line-height:1.5;

}

.habit-list{

padding-left:40px;

position:relative;

}

.habit-list:before{

content:"";

position:absolute;

left:17px;

top:10px;

bottom:10px;

width:3px;

background:#69BD50;

}

.habit-item{

position:relative;

padding:18px 0 18px 35px;

font-size:22px;

font-weight:500;

color:#4d5663;

transition:.3s;

}

.habit-item:before{

content:"";

position:absolute;

left:-2px;

top:28px;

width:16px;

height:16px;

border-radius:50%;

background:#69BD50;

}

.habit-item i{

width:40px;

font-size:22px;

color:#004A73;

}

.habit-item:hover{

transform:translateX(8px);

color:#004A73;

}

@media(max-width:991px){

.philosophy-section{

padding:30px 0;

}

.philosophy-content{

margin-bottom:50px;

}

.philosophy-content h3{

font-size:34px;

}

.philosophy-content p{

font-size:18px;

line-height:1.9;

}

.philosophy-content blockquote{

font-size:24px;

padding:25px;

}

.habit-item{

font-size:18px;

}

}
/*====================================
MISSION & VISION
====================================*/

.mission-vision-section{

    padding:50px 0;

    background:#f8fbfd;

}

.mission-row{

    margin-top:40px;

}

.purpose-title{

    display:inline-block;

    color:#69BD50;

    font-size:16px;

    font-weight:700;

    letter-spacing:2px;

    text-transform:uppercase;

    margin-bottom:18px;

}

.mission-row h3{

    font-size:48px;

    line-height:1.25;

    color:#004A73;

    font-weight:700;

    margin-bottom:30px;

}

.mission-row h3 span{

    color:#69BD50;

}

.mission-row p{

    font-size:21px;

    line-height:2;

    color:#5f6772;

    margin-bottom:20px;

}

.purpose-icon{

    width:260px;

    height:260px;

    margin:auto;

    border-radius:50%;

    background:linear-gradient(135deg,#004A73,#0B6076);

    display:flex;

    align-items:center;

    justify-content:center;

    box-shadow:0 30px 80px rgba(0,74,115,.18);

    transition:.4s;

}

.purpose-icon.green{

    background:linear-gradient(135deg,#69BD50,#4BA53C);

}

.purpose-icon i{

    font-size:90px;

    color:#ffffff;

}

.purpose-icon:hover{

    transform:translateY(-12px) rotate(6deg);

}

@media(max-width:991px){

.mission-row{

margin-top:60px;

text-align:center;

}

.mission-row h3{

font-size:34px;

margin-top:30px;

}

.mission-row p{

font-size:18px;

}

.purpose-icon{

width:180px;

height:180px;

}

.purpose-icon i{

font-size:60px;

}

}
/* WHY */

.why-fertireset-section{

padding:50px 0;

background:#fff;

}

.feature-box{

background:#fff;

padding:35px;

border-radius:20px;

text-align:center;

box-shadow:0 15px 35px rgba(0,0,0,.06);

transition:.35s;

height:100%;

}

.feature-box:hover{

background:#004A73;

transform:translateY(-10px);

color:#fff;

}

.feature-box i{

font-size:42px;

color:#69BD50;

margin-bottom:20px;

}

.feature-box:hover i{

color:#fff;

}

.feature-box h5{

font-size:20px;

font-weight:700;

}

.why-bottom{

margin-top:60px;

text-align:center;

font-size:22px;

color:#5d6772;

line-height:2;

}

/* DIFFERENT */

.difference-section{

padding:50px 0;

background:#f8fbfd;

}

.difference-list{

list-style:none;

padding:0;

}

.difference-list li{

font-size:21px;

padding:18px 0;

border-bottom:1px solid #e5edf2;

position:relative;

padding-left:45px;

line-height:1.7;

}

.difference-list li:before{

content:"✔";

position:absolute;

left:0;

color:#69BD50;

font-size:22px;

font-weight:bold;

}

/* COMMITMENT */

.commitment-section{

padding:50px 0;

background:#fff;

}

.commitment-flow{

display:flex;

justify-content:center;

align-items:center;

gap:20px;

flex-wrap:wrap;

margin:70px 0;

}

.commitment-flow div{

background:#004A73;

color:#fff;

padding:20px 35px;

border-radius:50px;

font-weight:700;

font-size:20px;

}

.commitment-flow i{

font-size:24px;

color:#69BD50;

}

.quote-card{

max-width:900px;

margin:auto;

padding:60px;

background:#f6fbfd;

border-left:6px solid #69BD50;

border-radius:25px;

text-align:center;

}

.quote-card h3{

font-size:36px;

color:#004A73;

margin-bottom:25px;

}

.quote-card p{

font-size:22px;

line-height:2;

color:#5d6772;

}
/*====================================
OUR MESSAGE
====================================*/

.our-message{

    padding:50px 0;

    background:linear-gradient(135deg,#004A73,#0E6B73);

    position:relative;

    overflow:hidden;

}

.our-message:before{

    content:"";

    position:absolute;

    width:450px;

    height:450px;

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

    border-radius:50%;

    top:-180px;

    right:-120px;

}

.our-message:after{

    content:"";

    position:absolute;

    width:300px;

    height:300px;

    background:rgba(105,189,80,.08);

    border-radius:50%;

    bottom:-120px;

    left:-80px;

}

.message-wrapper{

    position:relative;

    z-index:2;

    text-align:center;

}

.section-tag.light{

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

    color:#fff;

}

.message-title{

    font-size:60px;

    font-weight:800;

    color:#fff;

    line-height:1.25;

    margin:25px 0;

}

.message-title span{

    display:block;

    color:#69BD50;

}

.message-intro{

    max-width:850px;

    margin:0 auto 60px;

    font-size:22px;

    color:rgba(255,255,255,.90);

    line-height:2;

}

.message-points{

    display:grid;

    grid-template-columns:repeat(3,1fr);

    gap:30px;

    margin-bottom:70px;

}

.message-item{

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

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

    border-radius:25px;

    padding:40px 30px;

    transition:.35s;

}

.message-item:hover{

    transform:translateY(-10px);

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

}

.message-icon{

    width:80px;

    height:80px;

    margin:auto;

    border-radius:50%;

    background:#69BD50;

    display:flex;

    align-items:center;

    justify-content:center;

    margin-bottom:25px;

}

.message-icon i{

    font-size:34px;

    color:#fff;

}

.message-item h4{

    color:#fff;

    font-size:24px;

    font-weight:600;

    line-height:1.6;

}

.message-quote{

    max-width:900px;

    margin:auto;

}

.message-quote i{

    font-size:40px;

    color:#69BD50;

    margin-bottom:20px;

}

.message-quote h3{

    color:#fff;

    font-size:42px;

    line-height:1.5;

    font-weight:700;

}

.message-quote span{

    color:#69BD50;

}

@media(max-width:991px){

.message-points{

grid-template-columns:1fr;

}

.message-title{

font-size:42px;

}

.message-intro{

font-size:18px;

}

.message-item h4{

font-size:20px;

}

.message-quote h3{

font-size:30px;

}

}

@media(max-width:768px){

.our-message{

padding:80px 0;

}

.message-title{

font-size:34px;

}

}
.stage-card ul{
    margin-top:20px;
    padding-left:0;
}

.stage-card ul li{
    position:relative;
    padding-left:28px;
    margin-bottom:12px;
    color:#5f6b75;
    font-size:17px;
    line-height:1.7;
}

.stage-card ul li::before{
    content:"✔";
    position:absolute;
    left:0;
    top:0;
    color:#69BD50;
    font-weight:700;
}

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

.feature-list li{
    padding:12px 0;
    font-size:18px;
    color:#5d6772;
    border-bottom:1px solid rgba(0,0,0,.06);
}

.feature-list li:last-child{
    border-bottom:none;
}

/*====================================
FINAL CTA SECTION
====================================*/

.highlight-box{

background:linear-gradient(135deg,#004A73,#0f6b86);

padding:30px;

border-radius:20px;

margin-top:30px;

}

.highlight-box h3{

color:#fff;

font-size:32px;

font-weight:700;

line-height:1.5;

margin:0;

}

.mini-feature{

padding:35px 25px;

background:#fff;

border-radius:20px;

box-shadow:0 15px 35px rgba(0,0,0,.08);

height:100%;

transition:.35s;

}

.mini-feature:hover{

transform:translateY(-8px);

}

.mini-icon{

width:75px;

height:75px;

margin:0 auto 20px;

border-radius:50%;

background:#69BD50;

display:flex;

align-items:center;

justify-content:center;

font-size:30px;

color:#fff;

}

.mini-feature h4{

font-size:22px;

font-weight:600;

line-height:1.6;

color:#004A73;

margin:0;

}

/*====================================
DAILY WELLNESS TRACKER
====================================*/

.icon-circle{

width:90px;

height:90px;

border-radius:50%;

background:linear-gradient(135deg,#004A73,#69BD50);

display:flex;

align-items:center;

justify-content:center;

font-size:36px;

color:#fff;

box-shadow:0 15px 35px rgba(0,74,115,.18);

}

.quote-card{

background:linear-gradient(135deg,#004A73,#0c6b87);

padding:45px;

border-radius:25px;

color:#fff;

height:100%;

display:flex;

flex-direction:column;

justify-content:center;

box-shadow:0 20px 45px rgba(0,74,115,.18);

}

.quote-icon{

font-size:40px;

opacity:.3;

margin-bottom:20px;

}

.quote-card h3{

font-size:32px;

font-weight:700;

line-height:1.5;

margin-bottom:25px;

color:#fff;

}

.quote-card p{

font-size:20px;

opacity:.9;

margin:0;

}
/*====================================
TRACKER LIST
====================================*/

.tracker-list{

margin-top:25px;

padding:0;

list-style:none;

}

.tracker-list li{

position:relative;

padding-left:30px;

margin-bottom:14px;

font-size:17px;

color:#5f6b75;

line-height:1.7;

}

.tracker-list li::before{

content:"✔";

position:absolute;

left:0;

top:0;

color:#69BD50;

font-weight:700;

font-size:16px;

}

.stage-card{

transition:.35s ease;

}

.stage-card:hover{

transform:translateY(-10px);

box-shadow:0 20px 45px rgba(0,74,115,.12);

}

.stage-card p{

margin-bottom:18px;

}

/*====================================
PROGRESS HIGHLIGHT
====================================*/

.progress-highlight{

background:linear-gradient(135deg,#004A73,#0d6d89);

padding:50px;

border-radius:25px;

text-align:center;

color:#fff;

box-shadow:0 20px 50px rgba(0,74,115,.18);

}

.progress-highlight h3{

font-size:34px;

font-weight:700;

line-height:1.6;

margin-bottom:25px;

color:#fff;

}

.progress-highlight p{

font-size:19px;

line-height:1.9;

opacity:.95;

margin:0;

max-width:900px;

margin:auto;

}

/*====================================
WHY IT WORKS
====================================*/

.eco-icon{

width:90px;

height:90px;

margin:0 auto 25px;

border-radius:50%;

background:linear-gradient(135deg,#004A73,#69BD50);

display:flex;

align-items:center;

justify-content:center;

font-size:36px;

color:#fff;

box-shadow:0 15px 35px rgba(0,74,115,.18);

}

.eco-card{

transition:.35s ease;

}

.eco-card:hover{

transform:translateY(-10px);

}

.eco-card h3{

margin:20px 0;

font-size:26px;

font-weight:700;

color:#004A73;

}

.eco-card p{

font-size:17px;

line-height:1.9;

color:#5f6b75;

}
/*====================================
FINAL CTA
====================================*/

.final-tracker-cta{

padding:110px 0;

background:linear-gradient(135deg,#f7fbfd,#eef8f3);

}

.final-tracker-cta .section-title{

margin-top:20px;

}

.final-tracker-cta .hero-description{

max-width:900px;

margin:35px auto;

font-size:20px;

line-height:2;

}

.progress-highlight h4{

margin:35px 0 25px;

font-size:30px;

font-weight:700;

color:#fff;

line-height:1.6;

}

.progress-highlight hr{

border-color:rgba(255,255,255,.25);

margin:35px auto;

max-width:300px;

}

.why-card .icon-circle{

margin-left:auto;

margin-right:auto;

}

/*====================================
START TRACKING CTA
====================================*/

.tracker-cta{

padding:110px 0;

background:linear-gradient(135deg,#f3fbff,#eef9f2);

}

.tracker-cta-box{

background:#fff;

padding:70px 60px;

border-radius:30px;

box-shadow:0 20px 60px rgba(0,74,115,.12);

}

.tracker-intro{

font-size:24px;

font-weight:600;

color:#004A73;

margin:30px 0;

}

.tracker-cta-box p{

font-size:18px;

line-height:1.9;

color:#5f6b75;

}

.tracker-flow{

display:flex;

justify-content:center;

align-items:center;

flex-wrap:wrap;

gap:18px;

margin:50px 0;

}

.flow-item{

padding:18px 28px;

background:#69BD50;

color:#fff;

font-size:20px;

font-weight:600;

border-radius:50px;

box-shadow:0 10px 30px rgba(105,189,80,.25);

transition:.3s;

}

.flow-item:hover{

transform:translateY(-6px);

}

.flow-arrow{

font-size:26px;

color:#004A73;

}

.tracker-quote{

margin-top:20px;

padding:35px;

border-radius:20px;

background:linear-gradient(135deg,#004A73,#0f6c89);

}

.tracker-quote h3{

margin:0;

font-size:38px;

font-weight:700;

line-height:1.5;

color:#fff;

}

.tracker-quote span{

color:#8BE16A;

}

@media(max-width:768px){

.tracker-cta-box{

padding:45px 25px;

}

.flow-arrow{

transform:rotate(90deg);

}

.tracker-quote h3{

font-size:30px;

}

}

/*====================================
COMPANION HERO
====================================*/

.companion-hero{

padding:50px 0 90px;

background:linear-gradient(135deg,#f8fcff,#edf8f2);

overflow:hidden;

}

.book-showcase{

position:relative;

display:inline-block;

}

.companion-book{

max-height:620px;

filter:drop-shadow(0 30px 50px rgba(0,74,115,.25));

transition:.5s;

}

.companion-book:hover{

transform:translateY(-12px) rotate(-2deg);

}

.book-badge{

position:absolute;

top:20px;

right:-20px;

background:#69BD50;

color:#fff;

padding:12px 22px;

font-size:15px;

font-weight:600;

border-radius:50px;

box-shadow:0 10px 30px rgba(105,189,80,.30);

}

.hero-points{

margin-top:35px;

}

.hero-points .point{

display:flex;

align-items:center;

margin-bottom:18px;

font-size:18px;

font-weight:500;

color:#004A73;

}

.hero-points i{

width:52px;

height:52px;

display:flex;

align-items:center;

justify-content:center;

background:#69BD50;

color:#fff;

border-radius:50%;

margin-right:18px;

font-size:20px;

}

@media(max-width:991px){

.book-showcase{

margin-top:60px;

}

.book-badge{

right:0;

}

}

.stage-number{

width:70px;

height:70px;

border-radius:50%;

background:linear-gradient(135deg,#004A73,#69BD50);

color:#fff;

display:flex;

align-items:center;

justify-content:center;

font-size:28px;

font-weight:700;

margin-bottom:25px;

box-shadow:0 15px 35px rgba(0,74,115,.20);

}
/*====================================
BOOK PRICE
====================================*/

.price-card{

background:linear-gradient(135deg,#004A73,#0a6b87);

color:#fff;

padding:55px;

border-radius:25px;

text-align:center;

height:100%;

box-shadow:0 20px 50px rgba(0,74,115,.20);

}

.price-card h4{

font-size:30px;

margin-bottom:25px;

font-weight:700;

color:#fff;

}

.price{

font-size:64px;

font-weight:800;

color:#8BE16A;

margin-bottom:20px;

}

.price-card p{

font-size:18px;

line-height:1.8;

opacity:.95;

}

.price-card:hover{

transform:translateY(-8px);

transition:.35s;

}

.why-card .badge{
    font-size:14px;
    letter-spacing:.5px;
    border-radius:30px;
    padding:10px 18px;
    font-weight:600;
}

.why-card h2{
    font-size:34px;
    font-weight:700;
    color:#004A73;
}

.why-card h4{
    font-size:22px;
    font-weight:600;
}

.why-card h5{
    color:#004A73;
    font-weight:700;
    margin-bottom:18px;
}

.why-card hr{
    margin:25px 0;
}

.why-card .btn{
    padding:14px 32px;
    border-radius:40px;
    font-weight:600;
}

/*=====================================
FLAGSHIP PROGRAM
=====================================*/

.flagship-program{

padding:100px 0;

background:#fff;

}

.flagship-card{

background:linear-gradient(135deg,#004A73,#006A8E);

border-radius:30px;

padding:60px;

color:#fff;

box-shadow:0 30px 70px rgba(0,74,115,.18);

overflow:hidden;

position:relative;

}

.flagship-card::before{

content:"";

position:absolute;

top:-120px;

right:-120px;

width:280px;

height:280px;

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

border-radius:50%;

}

.flagship-badge{

display:inline-block;

background:#FFD54A;

color:#222;

padding:10px 24px;

border-radius:40px;

font-weight:700;

margin-bottom:25px;

}

.flagship-card h2{

font-size:46px;

font-weight:700;

margin-bottom:10px;

color:#fff;

}

.flagship-card h4{

font-size:26px;

font-weight:500;

line-height:1.6;

margin-bottom:20px;

color:#DDEFFF;

}

.flagship-card h5{

font-size:24px;

font-weight:700;

margin-bottom:20px;

color:#FFD54A;

}

.flagship-card hr{

border-color:rgba(255,255,255,.25);

margin:35px 0;

}

.flagship-card .tracker-list li{

margin-bottom:12px;

}

.flagship-price{

background:#fff;

border-radius:25px;

padding:40px;

text-align:center;

color:#222;

}

.flagship-price span{

font-size:18px;

font-weight:600;

color:#666;

}

.flagship-price h1{

font-size:70px;

font-weight:800;

color:#004A73;

margin:15px 0;

}

.flagship-price p{

font-size:18px;

line-height:1.8;

}

.flagship-price .btn{

padding:16px;

font-size:18px;

font-weight:700;

border-radius:40px;

}

.flagship-card:hover{

transform:translateY(-8px);

transition:.35s;

}

/*=====================================
ELITE PROGRAM
=====================================*/

.elite-program{

padding:50px 0;

background:#f8fafc;

}

.elite-card{

background:linear-gradient(135deg,#0f172a,#1e293b);

color:#fff;

padding:60px;

border-radius:30px;

overflow:hidden;

position:relative;

box-shadow:0 30px 70px rgba(15,23,42,.25);

}

.elite-card::after{

content:"";

position:absolute;

top:-150px;

right:-150px;

width:320px;

height:320px;

border-radius:50%;

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

}

.elite-badge{

display:inline-block;

padding:10px 24px;

background:#FFD54A;

color:#222;

border-radius:40px;

font-weight:700;

margin-bottom:25px;

}

.elite-card h2{

font-size:46px;

font-weight:700;

color:#fff;

margin-bottom:10px;

}

.elite-card h4{

font-size:26px;

font-weight:500;

line-height:1.6;

color:#dbeafe;

margin-bottom:20px;

}

.elite-card h5{

font-size:24px;

color:#FFD54A;

font-weight:700;

margin-bottom:20px;

}

.elite-card hr{

border-color:rgba(255,255,255,.15);

margin:35px 0;

}

.elite-price{

background:#fff;

border-radius:25px;

padding:40px;

text-align:center;

color:#222;

}

.elite-price span{

font-size:18px;

font-weight:600;

color:#666;

}

.elite-price h1{

font-size:72px;

font-weight:800;

color:#0f172a;

margin:15px 0;

}

.elite-price h5{

color:#004A73;

font-size:22px;

margin-bottom:20px;

}

.elite-price .btn{

padding:16px;

font-size:18px;

font-weight:700;

border-radius:40px;

}

.elite-card:hover{

transform:translateY(-8px);

transition:.35s;

}

/*====================================
PROGRAM COMPARISON TABLE
====================================*/

.comparison-table{

background:#fff;

border-radius:20px;

overflow:hidden;

box-shadow:0 15px 45px rgba(0,74,115,.08);

}

.comparison-table thead{

background:#004A73;

color:#fff;

}

.comparison-table th{

padding:22px;

font-size:18px;

text-align:center;

vertical-align:middle;

}

.comparison-table td{

padding:18px;

text-align:center;

vertical-align:middle;

font-size:17px;

}

.comparison-table td:first-child{

text-align:left;

font-weight:600;

color:#004A73;

}

.comparison-table tbody tr:nth-child(even){

background:#f7fbfd;

}

.comparison-table tbody tr:hover{

background:#eef8fc;

transition:.3s;

}

/*=============================
FOUNDER PAGE
=============================*/

.founder-photo img{

max-width:420px;

border:8px solid #fff;

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

}

.counter-number{

font-size:60px;

font-weight:800;

color:var(--primary-brand);

line-height:1;

margin-bottom:15px;

}

.counter-number{

background:linear-gradient(135deg,#00A651,#004A73);

-webkit-background-clip:text;

-webkit-text-fill-color:transparent;

}

.founder-hero{

position:relative;

overflow:hidden;

}

/*==================================
CAREER TIMELINE
==================================*/

.career-timeline{
max-width:900px;
margin:auto;
position:relative;
padding-left:35px;
}

.career-timeline:before{
content:'';
position:absolute;
left:18px;
top:0;
bottom:0;
width:3px;
background:linear-gradient(var(--primary-brand),var(--success-brand));
}

.timeline-item{
position:relative;
margin-bottom:40px;
padding-left:45px;
}

.timeline-icon{
position:absolute;
left:-3px;
top:0;
width:42px;
height:42px;
border-radius:50%;
background:#fff;
display:flex;
align-items:center;
justify-content:center;
font-size:20px;
box-shadow:0 8px 20px rgba(0,0,0,.1);
border:3px solid var(--primary-brand);
}

.timeline-content{
background:#fff;
padding:25px;
border-radius:18px;
box-shadow:0 12px 35px rgba(0,0,0,.06);
}

.timeline-content h3{
font-size:24px;
font-weight:700;
color:var(--primary-brand);
margin-bottom:12px;
}

/*=============================
FOUNDER QUOTE
=============================*/

.founder-message{
padding:60px;
}

.founder-quote{
font-size:24px;
line-height:2;
font-style:italic;
text-align:center;
color:#004A73;
font-weight:500;
position:relative;
}

.founder-quote i{
font-size:42px;
color:#00A651;
display:block;
margin-bottom:25px;
}

.founder-message h4{
font-size:30px;
font-weight:700;
color:var(--primary-brand);
}

.founder-message p{
margin-bottom:0;
}

@media(max-width:768px){

.founder-message{
padding:35px 25px;
}

.founder-quote{
font-size:20px;
line-height:1.8;
}

}
.accordion-item{
border:none;
border-radius:18px;
overflow:hidden;
margin-bottom:18px;
box-shadow:0 10px 30px rgba(0,0,0,.08);
}

.accordion-button{
font-family:'Poppins',sans-serif;
font-size:18px;
font-weight:600;
padding:22px 25px;
background:#fff;
color:#1f2937;
box-shadow:none;
}

.accordion-button:not(.collapsed){
background:#0d7c66;
color:#fff;
}

.accordion-button:focus{
box-shadow:none;
border:none;
}

.accordion-body{
padding:25px;
font-size:17px;
line-height:1.9;
color:#555;
background:#fff;
}

.accordion-body ul{
padding-left:20px;
margin-bottom:0;
}

.accordion-body li{
margin-bottom:10px;
}
.ferti-pillars-hero{

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

    padding:100px 0;

}

.badge-pillars{

    display:inline-block;

    background:#eaf7f2;

    color:#2e8b57;

    padding:10px 22px;

    border-radius:50px;

    font-size:13px;

    letter-spacing:1px;

    font-weight:700;

}

.ferti-pillars-hero h1{

    color:#183b2d;

}

.ferti-pillars-hero h3{

    color:#2e8b57;

}

.pillar-icon{

    width:90px;

    height:90px;

    border-radius:50%;

    background:#fff;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:42px;

    margin:auto;

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

    transition:.35s;

}

.pillar-icon:hover{

    transform:translateY(-8px);

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

}

.row h6{

    margin-top:18px;

    font-weight:600;

    color:#333;

}

.highlight-box{

    background:#2e8b57;

    color:#fff;

    border-radius:18px;

    padding:40px;

    text-align:center;

    box-shadow:0 20px 40px rgba(46,139,87,.25);

}

.scroll-down{

    text-decoration:none;

    color:#2e8b57;

    font-weight:600;

    font-size:18px;

}

.scroll-down:hover{

    color:#1f6d46;

}

@media(max-width:768px){

    .ferti-pillars-hero{

        padding:70px 0;

    }

    .pillar-icon{

        width:75px;

        height:75px;

        font-size:34px;

    }

    .highlight-box{

        padding:25px;

    }

}
/* ===========================
   PILLAR SECTION
=========================== */

.pillar-section{

    padding:100px 0;

    background:#ffffff;

}

.pillar-number{

    display:inline-block;

    padding:8px 18px;

    background:#e8f8ef;

    color:#2e8b57;

    border-radius:50px;

    font-size:13px;

    font-weight:700;

    letter-spacing:1px;

    margin-bottom:20px;

}

.pillar-icon-large{

    width:110px;

    height:110px;

    background:#f3fbf6;

    border-radius:50%;

    display:flex;

    justify-content:center;

    align-items:center;

    font-size:55px;

    box-shadow:0 15px 35px rgba(0,0,0,.08);

}

.pillar-card{

    background:#f9fcfa;

    border-radius:20px;

    padding:40px;

    box-shadow:0 15px 40px rgba(0,0,0,.08);

}

.focus-tags{

    display:flex;

    flex-wrap:wrap;

    gap:15px;

}

.focus-tags span{

    background:#ffffff;

    border:1px solid #dbeee3;

    padding:10px 18px;

    border-radius:30px;

    font-weight:600;

    color:#2e8b57;

    transition:.3s;

}

.focus-tags span:hover{

    background:#2e8b57;

    color:#fff;

    transform:translateY(-3px);

}

.pillar-card hr{

    margin:35px 0;

}

@media(max-width:768px){

    .pillar-section{

        padding:70px 0;

    }

    .pillar-card{

        padding:25px;

    }

    .pillar-icon-large{

        width:90px;

        height:90px;

        font-size:45px;

    }

}

.formula-section{

    background:#f5fcf8;

}

.formula-flow{

    display:flex;

    justify-content:space-between;

    align-items:center;

    flex-wrap:wrap;

    gap:20px;

}

.formula-box{

    flex:1;

    min-width:180px;

    background:#fff;

    padding:35px;

    border-radius:20px;

    text-align:center;

    box-shadow:0 15px 35px rgba(0,0,0,.08);

    transition:.3s;

}

.formula-box:hover{

    transform:translateY(-8px);

}

.formula-box{

    font-size:50px;

}

.formula-box h4{

    margin-top:15px;

    color:#2e8b57;

    font-weight:700;

}

.formula-arrow{

    font-size:45px;

    color:#2e8b57;

    font-weight:bold;

}

@media(max-width:992px){

.formula-flow{

flex-direction:column;

}

.formula-arrow{

transform:rotate(90deg);

}

}

.future-section{

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

    padding:100px 0;

}

.section-badge{

    display:inline-block;

    background:#EAF7F2;

    color:#2E8B57;

    padding:10px 24px;

    border-radius:50px;

    font-size:13px;

    font-weight:700;

    letter-spacing:1px;

}

.biology-message{

    max-width:750px;

    margin:auto;

    padding:50px;

    border-radius:24px;

    background:#ffffff;

    box-shadow:0 15px 40px rgba(0,0,0,.08);

}

.dna-icon{

    width:90px;

    height:90px;

    margin:auto;

    border-radius:50%;

    background:#2E8B57;

    display:flex;

    justify-content:center;

    align-items:center;

    font-size:42px;

    color:#fff;

    margin-bottom:25px;

}

.biology-message blockquote{

    font-size:2rem;

    font-style:italic;

    color:#2E8B57;

    line-height:1.5;

    margin:0;

    font-weight:600;

}

.journey-card{

    background:#2E8B57;

    color:#fff;

    padding:50px;

    border-radius:25px;

    box-shadow:0 20px 45px rgba(46,139,87,.25);

}

.journey-card .text-muted{

    color:rgba(255,255,255,.85)!important;

}

.journey-card .btn-success{

    background:#ffffff;

    color:#2E8B57;

    border:none;

    font-weight:600;

}

.journey-card .btn-success:hover{

    background:#f5f5f5;

}

.journey-card .btn-outline-success{

    border:2px solid #ffffff;

    color:#ffffff;

}

.journey-card .btn-outline-success:hover{

    background:#ffffff;

    color:#2E8B57;

}

@media(max-width:768px){

.future-section{

padding:70px 0;

}

.biology-message{

padding:30px;

}

.biology-message blockquote{

font-size:1.5rem;

}

.journey-card{

padding:30px;

}

}

/*==================================
CONTACT HERO
===================================*/

.contact-hero{

    background:linear-gradient(135deg,#ffffff 0%,#f4fbf7 100%);

    padding:100px 0;

    overflow:hidden;

    position:relative;

}

.contact-hero::before{

    content:"";

    position:absolute;

    width:320px;

    height:320px;

    background:#EAF7F2;

    border-radius:50%;

    top:-120px;

    right:-120px;

    opacity:.8;

}

.contact-hero::after{

    content:"";

    position:absolute;

    width:220px;

    height:220px;

    background:#DDF5EA;

    border-radius:50%;

    bottom:-80px;

    left:-80px;

    opacity:.8;

}

.section-badge{

    display:inline-block;

    background:#EAF7F2;

    color:#2E8B57;

    padding:10px 22px;

    border-radius:50px;

    font-size:13px;

    font-weight:700;

    letter-spacing:1px;

}

.contact-hero h1{

    color:#20352B;

    line-height:1.2;

}

.contact-hero .lead{

    font-size:1.25rem;

    color:#555;

}

.contact-hero .btn{

    border-radius:50px;

    padding:14px 30px;

    font-weight:600;

}

.hero-contact-image{

    position:relative;

    display:inline-block;

}

.hero-circle{

    position:absolute;

    width:100px;

    height:100px;

    background:#2E8B57;

    border-radius:50%;

    display:flex;

    align-items:center;

    justify-content:center;

    color:#fff;

    font-size:40px;

    top:-20px;

    right:10px;

    box-shadow:0 20px 40px rgba(46,139,87,.25);

    z-index:2;

}

.hero-contact-image img{

    max-width:100%;

    border-radius:25px;

    position:relative;

    z-index:1;

}

@media(max-width:991px){

.contact-hero{

padding:70px 0;

text-align:center;

}

.contact-hero .d-flex{

justify-content:center;

}

.hero-circle{

width:80px;

height:80px;

font-size:32px;

right:20px;

}

}

@media(max-width:576px){

.contact-hero h1{

font-size:2.3rem;

}

.contact-hero .lead{

font-size:1.05rem;

}

}
/*==================================
CONTACT INFO
===================================*/

.contact-info-section{

    background:#F8FCFA;

    padding:90px 0;

}

.contact-card{

    background:#ffffff;

    border-radius:20px;

    padding:35px 25px;

    text-align:center;

    height:100%;

    transition:.35s;

    box-shadow:0 10px 35px rgba(0,0,0,.06);

    border:1px solid #eef4f0;

}

.contact-card:hover{

    transform:translateY(-10px);

    box-shadow:0 20px 45px rgba(46,139,87,.15);

}

.contact-icon{

    width:80px;

    height:80px;

    margin:0 auto 25px;

    border-radius:50%;

    background:#EAF7F2;

    color:#2E8B57;

    display:flex;

    justify-content:center;

    align-items:center;

    font-size:32px;

    transition:.3s;

}

.contact-card:hover .contact-icon{

    background:#2E8B57;

    color:#ffffff;

}

.contact-card h4{

    font-weight:700;

    margin-bottom:18px;

    color:#1f2d24;

}

.contact-card p{

    margin-bottom:8px;

    color:#666;

    line-height:1.7;

}

.contact-card a{

    color:#2E8B57;

    text-decoration:none;

    word-break:break-word;

}

.contact-card a:hover{

    text-decoration:underline;

}

.contact-card hr{

    margin:15px auto;

    width:60%;

}

@media(max-width:991px){

.contact-info-section{

padding:70px 0;

}

.contact-card{

padding:30px 20px;

}

}
/*==================================
OFFICE SECTION
===================================*/

.office-section{

    background:#ffffff;

    padding:100px 0;

}

.map-card{

    overflow:hidden;

    border-radius:20px;

    box-shadow:0 15px 40px rgba(0,0,0,.08);

}

.map-card iframe{

    display:block;

}

.office-card{

    background:#F8FCFA;

    border-radius:20px;

    padding:40px;

    box-shadow:0 15px 40px rgba(0,0,0,.08);

}

.office-icon{

    width:80px;

    height:80px;

    background:#EAF7F2;

    color:#2E8B57;

    border-radius:50%;

    display:flex;

    justify-content:center;

    align-items:center;

    font-size:34px;

    margin-bottom:25px;

}

.office-card h3{

    color:#1F2D24;

}

.office-card p{

    color:#666;

    line-height:1.8;

}

.office-card hr{

    margin:30px 0;

}

.office-card .btn{

    border-radius:50px;

    padding:14px;

    font-weight:600;

}

@media(max-width:991px){

.office-section{

padding:70px 0;

}

.office-card{

padding:30px;

}

.map-card iframe{

height:350px;

}

}
/*==================================
ENQUIRY SECTION
===================================*/

.enquiry-section{

    background:#F8FCFA;

    padding:100px 0;

}

.contact-form-card{

    background:#ffffff;

    padding:45px;

    border-radius:20px;

    box-shadow:0 15px 40px rgba(0,0,0,.08);

}

.contact-form-card .form-control{

    border-radius:12px;

    border:1px solid #dfe7e2;

    padding:14px 16px;

    box-shadow:none;

}

.contact-form-card .form-control:focus{

    border-color:#2E8B57;

    box-shadow:0 0 0 .2rem rgba(46,139,87,.15);

}

.contact-form-card textarea{

    resize:none;

}

.contact-form-card .btn{

    border-radius:50px;

    padding:14px 35px;

    font-weight:600;

}

.contact-help-card{

    background:#ffffff;

    padding:45px;

    border-radius:20px;

    height:100%;

    box-shadow:0 15px 40px rgba(0,0,0,.08);

}

.help-icon{

    width:90px;

    height:90px;

    margin:auto;

    border-radius:50%;

    background:#EAF7F2;

    color:#2E8B57;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:38px;

}

.support-item{

    padding:12px 0;

    font-weight:500;

}

.support-item i{

    margin-right:10px;

}

.contact-help-card hr{

    margin:25px 0;

}

@media(max-width:991px){

.enquiry-section{

padding:70px 0;

}

.contact-form-card,

.contact-help-card{

padding:30px;

}

}

/*==================================
FOLLOW SECTION
===================================*/

.follow-section{

    background:#ffffff;

    padding:100px 0;

}

.follow-card{

    background:#F8FCFA;

    padding:35px 30px;

    border-radius:20px;

    text-align:center;

    height:100%;

    transition:.35s;

    box-shadow:0 10px 30px rgba(0,0,0,.06);

}

.follow-card:hover{

    transform:translateY(-8px);

    box-shadow:0 20px 40px rgba(46,139,87,.15);

}

.follow-icon{

    width:80px;

    height:80px;

    margin:auto;

    border-radius:50%;

    background:#EAF7F2;

    display:flex;

    justify-content:center;

    align-items:center;

    font-size:34px;

    margin-bottom:20px;

}

.follow-card h5{

    font-weight:700;

    margin-bottom:15px;

}

.follow-card p{

    color:#666;

    margin:0;

}

.social-box{

    background:#F8FCFA;

    padding:45px;

    border-radius:20px;

    box-shadow:0 10px 30px rgba(0,0,0,.06);

}

.social-icons{

    display:flex;

    justify-content:center;

    gap:20px;

    flex-wrap:wrap;

}

.social-icons a{

    width:65px;

    height:65px;

    border-radius:50%;

    display:flex;

    align-items:center;

    justify-content:center;

    color:#fff;

    font-size:26px;

    text-decoration:none;

    transition:.3s;

}

.social-icons a:hover{

    transform:translateY(-6px) scale(1.08);

}

.instagram{background:#E4405F;}
.facebook{background:#1877F2;}
.linkedin{background:#0A66C2;}
.youtube{background:#FF0000;}

@media(max-width:768px){

.follow-section{

padding:70px 0;

}

.social-box{

padding:30px;

}

.social-icons{

gap:15px;

}

.social-icons a{

width:55px;

height:55px;

font-size:22px;

}

}
/*==================================
FINAL CTA
===================================*/

.final-cta-section{

    background:linear-gradient(135deg,#2E8B57 0%,#1F6D46 100%);

    padding:110px 0;

    position:relative;

    overflow:hidden;

}

.final-cta-section::before{

    content:"";

    position:absolute;

    width:350px;

    height:350px;

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

    border-radius:50%;

    top:-120px;

    left:-120px;

}

.final-cta-section::after{

    content:"";

    position:absolute;

    width:250px;

    height:250px;

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

    border-radius:50%;

    bottom:-80px;

    right:-80px;

}

.cta-wrapper{

    position:relative;

    z-index:2;

}

.cta-description{

    color:rgba(255,255,255,.9);

    font-size:1.1rem;

    max-width:800px;

    margin:25px auto 0;

    line-height:1.8;

}

.quote-box{

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

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

    backdrop-filter:blur(8px);

    border-radius:20px;

    padding:35px;

    color:#fff;

}

.quote-box h3{

    font-weight:700;

}

.quote-box h4{

    font-weight:400;

    opacity:.95;

}

.final-cta-section .btn{

    border-radius:50px;

    padding:14px 34px;

    font-weight:600;

    transition:.3s;

}

.final-cta-section .btn-light{

    color:#2E8B57;

}

.final-cta-section .btn-light:hover{

    transform:translateY(-3px);

}

.final-cta-section .btn-outline-light:hover{

    background:#fff;

    color:#2E8B57;

    transform:translateY(-3px);

}

@media(max-width:768px){

.final-cta-section{

padding:70px 0;

}

.quote-box{

padding:25px;

}

.final-cta-section h2{

font-size:2.2rem;

}

}
/*==================================
DISCLAIMER
===================================*/

.disclaimer-section{

    background:#F8FCFA;

    padding:60px 0;

}

.disclaimer-card{

    background:#ffffff;

    border-left:6px solid #2E8B57;

    border-radius:18px;

    padding:35px;

    box-shadow:0 10px 30px rgba(0,0,0,.06);

}

.disclaimer-icon{

    width:70px;

    height:70px;

    background:#EAF7F2;

    color:#2E8B57;

    border-radius:50%;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:28px;

}

.disclaimer-card h3{

    color:#1F2D24;

    margin-bottom:15px;

}

.disclaimer-card p{

    color:#555;

    line-height:1.8;

    font-size:15px;

}

@media(max-width:768px){

.disclaimer-card{

padding:25px;

}

.disclaimer-icon{

width:60px;

height:60px;

font-size:24px;

margin-bottom:20px;

}

}

/*==================================
FERTILITY PRESERVATION HERO
===================================*/

.fertility-hero{

    background:linear-gradient(135deg,#ffffff 0%,#F3FBF7 100%);

    padding:110px 0;

    position:relative;

    overflow:hidden;

}

.fertility-hero::before{

    content:"";

    position:absolute;

    width:350px;

    height:350px;

    background:#EAF7F2;

    border-radius:50%;

    top:-120px;

    right:-120px;

}

.fertility-hero::after{

    content:"";

    position:absolute;

    width:250px;

    height:250px;

    background:#DDF5EA;

    border-radius:50%;

    bottom:-100px;

    left:-100px;

}

.hero-image{

    position:relative;

    display:inline-block;

}

.hero-image img{

    max-width:100%;

    border-radius:25px;

    position:relative;

    z-index:2;

}

.floating-icon{

    position:absolute;

    width:80px;

    height:80px;

    border-radius:50%;

    background:#2E8B57;

    color:#fff;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:34px;

    box-shadow:0 15px 35px rgba(46,139,87,.25);

    z-index:3;

}

.floating-icon.dna{

    top:10%;

    left:-20px;

}

.floating-icon.shield{

    bottom:10%;

    right:-20px;

}

.fertility-hero h1{

    color:#20352B;

    line-height:1.2;

}

.fertility-hero .lead{

    font-size:1.3rem;

    color:#444;

}

.fertility-hero .btn{

    border-radius:50px;

    padding:14px 32px;

    font-weight:600;

}

@media(max-width:991px){

.fertility-hero{

padding:70px 0;

text-align:center;

}

.fertility-hero .d-flex{

justify-content:center;

}

.floating-icon{

width:65px;

height:65px;

font-size:28px;

}

.floating-icon.dna{

left:0;

}

.floating-icon.shield{

right:0;

}

}

@media(max-width:576px){

.fertility-hero h1{

font-size:2.3rem;

}

.fertility-hero h3{

font-size:1.3rem;

}

.fertility-hero .lead{

font-size:1.1rem;

}

}
/*==================================
WHAT IS FERTILITY PRESERVATION
===================================*/

.fertility-info-section{

    background:#ffffff;

    padding:100px 0;

}

.fertility-image{

    max-width:100%;

    border-radius:25px;

}

.fertility-info-section h2{

    color:#20352B;

}

.fertility-info-section .lead{

    color:#2E8B57;

    font-weight:500;

}

.mini-card{

    background:#F8FCFA;

    padding:30px 20px;

    border-radius:18px;

    text-align:center;

    height:100%;

    transition:.3s;

    box-shadow:0 10px 30px rgba(0,0,0,.05);

}

.mini-card:hover{

    transform:translateY(-8px);

    box-shadow:0 18px 35px rgba(46,139,87,.15);

}

.mini-icon{

    width:65px;

    height:65px;

    margin:0 auto 18px;

    border-radius:50%;

    background:#EAF7F2;

    color:#2E8B57;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:28px;

}

.mini-card h5{

    font-weight:700;

    margin-bottom:12px;

    color:#20352B;

}

.mini-card p{

    font-size:14px;

    color:#666;

    margin:0;

    line-height:1.6;

}

@media(max-width:991px){

.fertility-info-section{

padding:70px 0;

text-align:center;

}

.fertility-image{

margin-bottom:30px;

}

}
/*==================================
WHO SHOULD CONSIDER
===================================*/

.who-should-section{

    background:#F8FCFA;

    padding:100px 0;

}

.candidate-card{

    background:#ffffff;

    padding:35px 30px;

    border-radius:20px;

    text-align:center;

    height:100%;

    transition:.35s;

    box-shadow:0 10px 30px rgba(0,0,0,.06);

    border:1px solid #edf4ef;

}

.candidate-card:hover{

    transform:translateY(-8px);

    box-shadow:0 20px 40px rgba(46,139,87,.15);

}

.candidate-icon{

    width:85px;

    height:85px;

    margin:0 auto 25px;

    background:#EAF7F2;

    border-radius:50%;

    display:flex;

    justify-content:center;

    align-items:center;

    font-size:38px;

}

.candidate-card h4,
.candidate-card h3{

    color:#20352B;

    font-weight:700;

    margin-bottom:18px;

}

.candidate-card p{

    color:#666;

    line-height:1.8;

    margin:0;

}

.featured-card{

    background:linear-gradient(135deg,#2E8B57,#25724A);

    color:#fff;

    text-align:left;

    display:flex;

    align-items:center;

    gap:30px;

}

.featured-card h3{

    color:#fff;

}

.featured-card p{

    color:rgba(255,255,255,.92);

}

.featured-card .candidate-icon{

    margin:0;

    flex-shrink:0;

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

}

@media(max-width:991px){

.who-should-section{

padding:70px 0;

}

.featured-card{

flex-direction:column;

text-align:center;

}

}
/*==================================
WHY IT MATTERS
===================================*/

.why-matters-section{

    background:#ffffff;

    padding:100px 0;

}

.why-image{

    border-radius:25px;

}

.factor-list{

    display:grid;

    grid-template-columns:repeat(2,1fr);

    gap:18px;

}

.factor-item{

    background:#F8FCFA;

    border:1px solid #E9F2EC;

    border-radius:15px;

    padding:18px 20px;

    display:flex;

    align-items:center;

    gap:15px;

    transition:.3s;

}

.factor-item:hover{

    background:#2E8B57;

    color:#fff;

    transform:translateY(-4px);

}

.factor-item i{

    width:48px;

    height:48px;

    border-radius:50%;

    background:#EAF7F2;

    color:#2E8B57;

    display:flex;

    justify-content:center;

    align-items:center;

    font-size:20px;

    flex-shrink:0;

}

.factor-item:hover i{

    background:#fff;

}

.factor-item span{

    font-weight:600;

}

.highlight-box{

    display:flex;

    align-items:flex-start;

    gap:20px;

    padding:30px;

    background:linear-gradient(135deg,#2E8B57,#24714A);

    color:#fff;

    border-radius:20px;

    box-shadow:0 15px 35px rgba(46,139,87,.20);

}

.highlight-box i{

    font-size:36px;

    flex-shrink:0;

    margin-top:5px;

}

.highlight-box h5{

    font-weight:700;

}

.highlight-box p{

    color:rgba(255,255,255,.92);

    line-height:1.8;

}

@media(max-width:991px){

.factor-list{

grid-template-columns:1fr;

}

.highlight-box{

flex-direction:column;

text-align:center;

}

.why-matters-section{

padding:70px 0;

}

}
/*==================================
HOW FERTIRESET CAN HELP
===================================*/

.help-section{

    background:#F8FCFA;

    padding:100px 0;

}

.help-card{

    background:#ffffff;

    border-radius:20px;

    padding:35px 30px;

    text-align:center;

    height:100%;

    border:1px solid #EAF2EC;

    transition:.35s;

    box-shadow:0 10px 30px rgba(0,0,0,.05);

}

.help-card:hover{

    transform:translateY(-8px);

    box-shadow:0 20px 40px rgba(46,139,87,.15);

}

.help-icon{

    width:80px;

    height:80px;

    margin:0 auto 25px;

    background:#EAF7F2;

    color:#2E8B57;

    border-radius:50%;

    display:flex;

    justify-content:center;

    align-items:center;

    font-size:32px;

    transition:.3s;

}

.help-card:hover .help-icon{

    background:#2E8B57;

    color:#fff;

}

.help-card h4{

    color:#20352B;

    font-weight:700;

    margin-bottom:15px;

}

.help-card p{

    color:#666;

    line-height:1.8;

    margin:0;

}

.guidance-box{

    background:linear-gradient(135deg,#2E8B57,#24714A);

    color:#fff;

    border-radius:22px;

    padding:40px;

    box-shadow:0 20px 45px rgba(46,139,87,.22);

}

.guidance-icon{

    font-size:60px;

    color:#fff;

}

.guidance-box p{

    color:rgba(255,255,255,.92);

    line-height:1.8;

}

@media(max-width:991px){

.help-section{

padding:70px 0;

}

.guidance-box{

text-align:center;

padding:30px;

}

.guidance-icon{

margin-bottom:20px;

}

}
/*==================================
THE FERTIRESET APPROACH
===================================*/

.approach-section{

    background:#ffffff;

    padding:100px 0;

}

.approach-timeline{

    display:flex;

    align-items:flex-start;

    justify-content:center;

    gap:20px;

    flex-wrap:nowrap;

}

.approach-step{

    flex:1;

    background:#F8FCFA;

    border-radius:20px;

    padding:35px 25px;

    text-align:center;

    box-shadow:0 10px 30px rgba(0,0,0,.06);

    transition:.35s;

}

.approach-step:hover{

    transform:translateY(-8px);

    box-shadow:0 20px 40px rgba(46,139,87,.15);

}

.step-circle{

    width:85px;

    height:85px;

    background:#2E8B57;

    color:#fff;

    border-radius:50%;

    display:flex;

    align-items:center;

    justify-content:center;

    margin:0 auto 20px;

    font-size:34px;

}

.step-number{

    display:inline-block;

    background:#EAF7F2;

    color:#2E8B57;

    padding:6px 16px;

    border-radius:50px;

    font-size:13px;

    font-weight:600;

    margin-bottom:15px;

}

.approach-step h4{

    font-weight:700;

    color:#20352B;

    margin-bottom:15px;

}

.approach-step p{

    color:#666;

    line-height:1.8;

    margin-bottom:0;

}

.timeline-arrow{

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:34px;

    color:#2E8B57;

    padding-top:70px;

}

.approach-message{

    background:linear-gradient(135deg,#2E8B57,#24714A);

    color:#fff;

    text-align:center;

    padding:45px;

    border-radius:25px;

    box-shadow:0 20px 45px rgba(46,139,87,.20);

}

.approach-message i{

    font-size:50px;

}

.approach-message h3{

    font-weight:700;

    margin-bottom:20px;

}

.approach-message p{

    color:rgba(255,255,255,.92);

    line-height:1.8;

}

@media(max-width:992px){

.approach-timeline{

flex-direction:column;

}

.timeline-arrow{

padding:0;

transform:rotate(90deg);

font-size:28px;

}

.approach-step{

width:100%;

}

.approach-section{

padding:70px 0;

}

}
/*==================================
FINAL CTA
===================================*/

.fertility-cta-section{

    background:#F8FCFA;

    padding:100px 0;

}

.cta-card{

    background:linear-gradient(135deg,#2E8B57,#24714A);

    color:#fff;

    padding:70px 60px;

    border-radius:30px;

    box-shadow:0 20px 50px rgba(46,139,87,.20);

}

.cta-text{

    color:rgba(255,255,255,.92);

    font-size:18px;

    line-height:1.9;

    max-width:850px;

    margin:auto;

}

.future-box{

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

    border-radius:20px;

    padding:35px;

}

.future-box h3{

    font-weight:700;

    margin-bottom:20px;

}

.future-box p{

    color:rgba(255,255,255,.92);

    line-height:1.8;

}

.cta-list{

    list-style:none;

    padding:0;

}

.cta-list li{

    margin-bottom:18px;

    color:#fff;

    font-size:17px;

}

.cta-list i{

    color:#FFD54F;

    margin-right:10px;

}

.cta-card .btn{

    border-radius:50px;

    padding:14px 34px;

    font-weight:600;

}

.cta-card .btn-light{

    color:#2E8B57;

}

.cta-card .btn-light:hover{

    transform:translateY(-3px);

}

.cta-card .btn-outline-light:hover{

    background:#fff;

    color:#2E8B57;

}

/*=========================
DISCLAIMER
==========================*/

.scientific-disclaimer{

    background:#ffffff;

    border-left:6px solid #2E8B57;

    border-radius:20px;

    padding:35px;

    box-shadow:0 10px 30px rgba(0,0,0,.06);

}

.disclaimer-icon{

    width:70px;

    height:70px;

    background:#EAF7F2;

    color:#2E8B57;

    border-radius:50%;

    display:flex;

    justify-content:center;

    align-items:center;

    font-size:30px;

    margin-right:25px;

    flex-shrink:0;

}

.scientific-disclaimer p{

    color:#555;

    line-height:1.8;

}

@media(max-width:768px){

.cta-card{

padding:45px 25px;

}

.future-box{

padding:25px;

}

.scientific-disclaimer .d-flex{

flex-direction:column;

}

.disclaimer-icon{

margin-bottom:20px;

}

}
/*==================================
KNOWLEDGE SESSION HERO
===================================*/

.knowledge-hero{

    background:linear-gradient(135deg,#ffffff 0%,#F4FBF7 100%);

    padding:110px 0;

    position:relative;

    overflow:hidden;

}

.knowledge-hero::before{

    content:"";

    position:absolute;

    width:350px;

    height:350px;

    background:#EAF7F2;

    border-radius:50%;

    top:-120px;

    right:-120px;

}

.knowledge-hero::after{

    content:"";

    position:absolute;

    width:250px;

    height:250px;

    background:#DDF5EA;

    border-radius:50%;

    bottom:-100px;

    left:-100px;

}

.knowledge-image{

    position:relative;

    display:inline-block;

}

.knowledge-image img{

    border-radius:25px;

    max-width:100%;

    position:relative;

    z-index:2;

}

.floating-icon{

    position:absolute;

    width:80px;

    height:80px;

    background:#2E8B57;

    color:#fff;

    border-radius:50%;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:32px;

    box-shadow:0 15px 35px rgba(46,139,87,.20);

    z-index:3;

}

.icon-1{

    top:8%;

    left:-20px;

}

.icon-2{

    bottom:10%;

    right:-20px;

}

.doctor-highlight{

    display:flex;

    align-items:center;

    gap:20px;

    background:#F8FCFA;

    padding:22px;

    border-radius:18px;

    border-left:5px solid #2E8B57;

    box-shadow:0 8px 25px rgba(0,0,0,.05);

}

.doctor-icon{

    width:70px;

    height:70px;

    border-radius:50%;

    background:#EAF7F2;

    color:#2E8B57;

    display:flex;

    justify-content:center;

    align-items:center;

    font-size:30px;

    flex-shrink:0;

}

.doctor-highlight h5{

    font-weight:700;

    margin-bottom:8px;

    color:#20352B;

}

.doctor-highlight p{

    color:#555;

    line-height:1.6;

}

.knowledge-hero .lead{

    color:#2E8B57;

    font-size:1.3rem;

    font-weight:500;

}

.knowledge-hero .btn{

    border-radius:50px;

    padding:14px 34px;

    font-weight:600;

}

@media(max-width:991px){

.knowledge-hero{

padding:70px 0;

text-align:center;

}

.doctor-highlight{

flex-direction:column;

text-align:center;

}

.knowledge-hero .d-flex{

justify-content:center;

}

.floating-icon{

width:65px;

height:65px;

font-size:26px;

}

.icon-1{

left:0;

}

.icon-2{

right:0;

}

}

@media(max-width:576px){

.knowledge-hero h1{

font-size:2.3rem;

}

.knowledge-hero h3{

font-size:1.3rem;

}

}
/*==================================
WHAT YOU'LL LEARN
===================================*/

.learn-section{

    background:#F8FCFA;

    padding:100px 0;

}

.learn-card{

    background:#ffffff;

    border-radius:20px;

    padding:30px 25px;

    text-align:center;

    height:100%;

    border:1px solid #E8F2EC;

    box-shadow:0 10px 30px rgba(0,0,0,.05);

    transition:.35s;

}

.learn-card:hover{

    transform:translateY(-8px);

    box-shadow:0 18px 40px rgba(46,139,87,.15);

}

.learn-icon{

    width:80px;

    height:80px;

    margin:0 auto 22px;

    border-radius:50%;

    background:#EAF7F2;

    display:flex;

    justify-content:center;

    align-items:center;

    font-size:36px;

}

.learn-card h5{

    font-weight:700;

    color:#20352B;

    margin-bottom:15px;

}

.learn-card p{

    color:#666;

    line-height:1.7;

    margin-bottom:0;

    font-size:15px;

}

/* Highlight Box */

.pathway-box{

    background:linear-gradient(135deg,#2E8B57,#24714A);

    color:#fff;

    border-radius:22px;

    padding:40px;

    box-shadow:0 20px 45px rgba(46,139,87,.20);

}

.pathway-icon{

    font-size:55px;

    color:#fff;

}

.pathway-box p{

    color:rgba(255,255,255,.92);

    line-height:1.8;

}

@media(max-width:991px){

.learn-section{

padding:70px 0;

}

.pathway-box{

text-align:center;

padding:30px;

}

.pathway-icon{

margin-bottom:20px;

}

}
/*==================================
WHAT'S INCLUDED
===================================*/

.included-section{

    background:#ffffff;

    padding:100px 0;

}

.included-card{

    background:#F8FCFA;

    border-radius:22px;

    padding:35px 30px;

    text-align:center;

    height:100%;

    border:1px solid #EAF2EC;

    transition:.35s;

    box-shadow:0 10px 30px rgba(0,0,0,.05);

}

.included-card:hover{

    transform:translateY(-8px);

    box-shadow:0 20px 40px rgba(46,139,87,.15);

}

.included-icon{

    width:85px;

    height:85px;

    margin:0 auto 25px;

    background:#EAF7F2;

    color:#2E8B57;

    border-radius:50%;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:34px;

    transition:.3s;

}

.included-card:hover .included-icon{

    background:#2E8B57;

    color:#fff;

}

.included-card h4{

    color:#20352B;

    font-weight:700;

    margin-bottom:15px;

}

.included-card p{

    color:#666;

    line-height:1.8;

    margin-bottom:0;

}

/*==========================
Highlight Box
===========================*/

.session-highlight{

    background:linear-gradient(135deg,#2E8B57,#24714A);

    color:#fff;

    border-radius:25px;

    padding:45px;

    box-shadow:0 20px 45px rgba(46,139,87,.20);

}

.highlight-icon{

    font-size:55px;

    color:#fff;

}

.session-highlight p{

    color:rgba(255,255,255,.92);

    line-height:1.8;

}

@media(max-width:991px){

.included-section{

padding:70px 0;

}

.session-highlight{

text-align:center;

padding:30px;

}

.highlight-icon{

margin-bottom:20px;

}

}
/*==================================
SESSION DETAILS
===================================*/

.session-details-section{

    background:#F8FCFA;

    padding:100px 0;

}

.detail-card{

    background:#ffffff;

    border-radius:22px;

    padding:35px 25px;

    text-align:center;

    height:100%;

    border:1px solid #EAF2EC;

    transition:.35s;

    box-shadow:0 12px 30px rgba(0,0,0,.05);

}

.detail-card:hover{

    transform:translateY(-8px);

    box-shadow:0 20px 40px rgba(46,139,87,.15);

}

.detail-card.featured{

    border:2px solid #2E8B57;

}

.detail-icon{

    width:85px;

    height:85px;

    margin:0 auto 25px;

    border-radius:50%;

    background:#EAF7F2;

    color:#2E8B57;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:34px;

    transition:.3s;

}

.detail-card:hover .detail-icon{

    background:#2E8B57;

    color:#fff;

}

.detail-card h5{

    color:#666;

    font-weight:600;

    margin-bottom:10px;

}

.detail-card h3{

    color:#20352B;

    font-size:1.4rem;

    font-weight:700;

    margin-bottom:0;

}

/*==========================
BOOKING BOX
===========================*/

.booking-box{

    background:linear-gradient(135deg,#2E8B57,#24714A);

    color:#fff;

    padding:45px;

    border-radius:25px;

    box-shadow:0 20px 45px rgba(46,139,87,.22);

}

.booking-box h3{

    font-weight:700;

    margin-bottom:15px;

}

.booking-box p{

    color:rgba(255,255,255,.92);

    line-height:1.8;

}

.booking-box .btn{

    border-radius:50px;

    padding:14px 36px;

    font-weight:600;

    color:#2E8B57;

}

.booking-box .btn:hover{

    transform:translateY(-3px);

}

@media(max-width:991px){

.session-details-section{

padding:70px 0;

}

.booking-box{

text-align:center;

padding:35px;

}

}
/*==================================
REPRODUCTIVE WELLNESS COMPANION
===================================*/

.companion-section{

    background:#ffffff;

    padding:100px 0;

}

.companion-book{

    max-width:340px;

    border-radius:20px;

    filter:drop-shadow(0 25px 40px rgba(0,0,0,.15));

}

.free-badge{

    display:inline-block;

    margin-top:25px;

    padding:12px 28px;

    background:#2E8B57;

    color:#fff;

    border-radius:50px;

    font-weight:600;

    box-shadow:0 10px 25px rgba(46,139,87,.20);

}

.free-badge i{

    margin-right:8px;

}

.companion-item{

    display:flex;

    align-items:center;

    gap:15px;

    background:#F8FCFA;

    border:1px solid #E8F2EC;

    border-radius:15px;

    padding:18px 20px;

    transition:.3s;

}

.companion-item:hover{

    background:#2E8B57;

    color:#fff;

    transform:translateY(-4px);

}

.companion-item i{

    width:48px;

    height:48px;

    background:#EAF7F2;

    color:#2E8B57;

    border-radius:50%;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:20px;

    flex-shrink:0;

}

.companion-item:hover i{

    background:#fff;

}

.companion-item span{

    font-weight:600;

}

.companion-note{

    display:flex;

    align-items:flex-start;

    gap:20px;

    padding:30px;

    background:linear-gradient(135deg,#2E8B57,#24714A);

    color:#fff;

    border-radius:20px;

    box-shadow:0 20px 45px rgba(46,139,87,.18);

}

.companion-note i{

    font-size:36px;

    margin-top:4px;

}

.companion-note h4{

    font-weight:700;

    margin-bottom:12px;

}

.companion-note p{

    color:rgba(255,255,255,.92);

    line-height:1.8;

}

@media(max-width:991px){

.companion-section{

padding:70px 0;

}

.companion-note{

flex-direction:column;

text-align:center;

}

.companion-book{

max-width:260px;

}

}
/*==================================
WHO IS THIS SESSION FOR
===================================*/

.audience-section{

    background:#F8FCFA;

    padding:100px 0;

}

.audience-card{

    background:#fff;

    border-radius:20px;

    padding:35px 30px;

    text-align:center;

    height:100%;

    border:1px solid #EAF2EC;

    box-shadow:0 10px 30px rgba(0,0,0,.05);

    transition:.35s;

}

.audience-card:hover{

    transform:translateY(-8px);

    box-shadow:0 20px 40px rgba(46,139,87,.15);

}

.audience-icon{

    width:85px;

    height:85px;

    margin:0 auto 25px;

    border-radius:50%;

    background:#EAF7F2;

    color:#2E8B57;

    display:flex;

    justify-content:center;

    align-items:center;

    font-size:34px;

    transition:.3s;

}

.audience-card:hover .audience-icon{

    background:#2E8B57;

    color:#fff;

}

.audience-card h4{

    font-weight:700;

    color:#20352B;

    margin-bottom:15px;

}

.audience-card p{

    color:#666;

    line-height:1.8;

    margin-bottom:0;

}

/* Bottom Box */

.audience-message{

    display:flex;

    align-items:flex-start;

    gap:20px;

    background:linear-gradient(135deg,#2E8B57,#24714A);

    color:#fff;

    border-radius:22px;

    padding:40px;

    box-shadow:0 20px 45px rgba(46,139,87,.20);

}

.audience-message i{

    font-size:42px;

    margin-top:5px;

}

.audience-message h3{

    font-weight:700;

    margin-bottom:15px;

}

.audience-message p{

    color:rgba(255,255,255,.92);

    line-height:1.8;

}

@media(max-width:991px){

.audience-section{

padding:70px 0;

}

.audience-message{

flex-direction:column;

text-align:center;

padding:30px;

}

}
/*==================================
WHAT HAPPENS NEXT
===================================*/

.next-step-section{

    background:#ffffff;

    padding:100px 0;

}

.journey-wrapper{

    position:relative;

}

.journey-line{

    position:absolute;

    top:52px;

    left:8%;

    right:8%;

    height:4px;

    background:#DCEFE4;

    z-index:0;

}

.journey-card{

    position:relative;

    z-index:2;

    background:#F8FCFA;

    border-radius:20px;

    padding:30px 20px;

    text-align:center;

    height:100%;

    border:1px solid #EAF2EC;

    transition:.35s;

}

.journey-card:hover{

    transform:translateY(-8px);

    box-shadow:0 15px 35px rgba(46,139,87,.15);

}

.journey-icon{

    width:80px;

    height:80px;

    margin:0 auto 20px;

    border-radius:50%;

    background:#2E8B57;

    color:#fff;

    display:flex;

    justify-content:center;

    align-items:center;

    font-size:32px;

}

.journey-card h5{

    font-weight:700;

    color:#20352B;

    margin-bottom:0;

}

.optional-box{

    background:linear-gradient(135deg,#2E8B57,#24714A);

    color:#fff;

    border-radius:24px;

    padding:40px;

    box-shadow:0 20px 45px rgba(46,139,87,.18);

}

.optional-icon{

    font-size:55px;

    color:#fff;

}

.optional-box p{

    color:rgba(255,255,255,.92);

    line-height:1.8;

}

@media(max-width:991px){

.next-step-section{

padding:70px 0;

}

.journey-line{

display:none;

}

.journey-card{

margin-bottom:20px;

}

.optional-box{

padding:30px;

text-align:center;

}

.optional-icon{

margin-bottom:20px;

}

}
/*==================================
IMPORTANT INFORMATION
===================================*/

.important-info-section{

    background:#F8FCFA;

    padding:100px 0;

}

.important-card{

    background:#fff;

    border-radius:25px;

    padding:40px;

    border-left:6px solid #2E8B57;

    box-shadow:0 15px 35px rgba(0,0,0,.06);

}

.important-icon{

    width:90px;

    height:90px;

    margin:auto;

    border-radius:50%;

    background:#EAF7F2;

    color:#2E8B57;

    display:flex;

    justify-content:center;

    align-items:center;

    font-size:38px;

}

.info-list{

    list-style:none;

    padding:0;

    margin:0;

}

.info-list li{

    margin-bottom:18px;

    color:#555;

    font-size:16px;

}

.info-list i{

    color:#2E8B57;

    margin-right:10px;

}

.notice-card{

    background:#fff;

    border-radius:20px;

    padding:35px;

    height:100%;

    box-shadow:0 10px 30px rgba(0,0,0,.05);

    transition:.3s;

}

.notice-card:hover{

    transform:translateY(-6px);

}

.notice-icon{

    width:70px;

    height:70px;

    border-radius:50%;

    display:flex;

    justify-content:center;

    align-items:center;

    color:#fff;

    font-size:28px;

    margin-bottom:25px;

}

.notice-icon.red{

    background:#E74C3C;

}

.notice-icon.green{

    background:#2E8B57;

}

.notice-card h4{

    font-weight:700;

    margin-bottom:15px;

    color:#20352B;

}

.notice-card p{

    color:#666;

    line-height:1.8;

}

.disclaimer-box{

    background:linear-gradient(135deg,#2E8B57,#24714A);

    color:#fff;

    text-align:center;

    padding:50px;

    border-radius:25px;

    box-shadow:0 20px 45px rgba(46,139,87,.20);

}

.disclaimer-box i{

    font-size:55px;

}

.disclaimer-box h3{

    font-weight:700;

    margin-bottom:20px;

}

.disclaimer-box p{

    color:rgba(255,255,255,.92);

    line-height:1.9;

    max-width:900px;

    margin:auto;

}

@media(max-width:991px){

.important-info-section{

padding:70px 0;

}

.important-card{

padding:30px;

text-align:center;

}

.important-icon{

margin-bottom:25px;

}

.disclaimer-box{

padding:35px 25px;

}

}
/*==================================
FINAL CTA
===================================*/

.knowledge-cta-section{

    background:#ffffff;

    padding:100px 0;

}

.knowledge-cta-card{

    background:linear-gradient(135deg,#2E8B57,#24714A);

    color:#fff;

    padding:70px 60px;

    border-radius:30px;

    box-shadow:0 20px 50px rgba(46,139,87,.22);

}

.badge-light{

    background:#fff;

    color:#2E8B57;

    font-weight:700;

}

.knowledge-cta-card .lead{

    color:rgba(255,255,255,.92);

    max-width:800px;

    margin:auto;

    line-height:1.8;

}

/* Journey */

.journey-flow{

    display:flex;

    justify-content:center;

    align-items:center;

    gap:25px;

    flex-wrap:wrap;

}

.flow-item{

    text-align:center;

}

.flow-icon{

    width:90px;

    height:90px;

    border-radius:50%;

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

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

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:36px;

    margin:0 auto 18px;

}

.flow-item h4{

    font-size:22px;

    font-weight:700;

    margin:0;

}

.flow-arrow{

    font-size:34px;

    color:#ffffff;

}

/* Quote */

.quote-box{

    max-width:750px;

    margin:auto;

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

    border-radius:20px;

    padding:35px;

}

.quote-box i{

    font-size:34px;

    margin-bottom:15px;

}

.quote-box blockquote{

    font-size:28px;

    font-style:italic;

    font-weight:600;

    margin:0;

}

.cta-text{

    color:rgba(255,255,255,.92);

    font-size:18px;

    line-height:1.8;

    max-width:850px;

    margin:20px auto 0;

}

.knowledge-cta-card .btn{

    border-radius:50px;

    padding:15px 38px;

    font-weight:600;

}

.knowledge-cta-card .btn-light{

    color:#2E8B57;

}

.knowledge-cta-card .btn-light:hover{

    transform:translateY(-3px);

}

.knowledge-cta-card .btn-outline-light:hover{

    background:#fff;

    color:#2E8B57;

}

@media(max-width:991px){

.knowledge-cta-section{

padding:70px 0;

}

.knowledge-cta-card{

padding:45px 25px;

}

.journey-flow{

flex-direction:column;

gap:15px;

}

.flow-arrow{

transform:rotate(90deg);

}

.quote-box blockquote{

font-size:22px;

}

}
/*==================================
ADVISORY HERO
===================================*/

.advisor-hero-section{

    padding:110px 0;

    background:linear-gradient(180deg,#ffffff 0%,#F7FCF9 100%);

    overflow:hidden;

}

.advisor-title{

    font-size:52px;

    font-weight:800;

    color:#173F5F;

    line-height:1.2;

}

.advisor-title span{

    color:#2E8B57;

}

.advisor-desc{

    font-size:18px;

    line-height:1.9;

    color:#555;

    margin-top:0px;

}

/* Feature Cards */

.advisor-feature{

    display:flex;

    align-items:center;

    gap:18px;

    background:#fff;

    padding:18px;

    border-radius:18px;

    box-shadow:0 10px 30px rgba(0,0,0,.05);

    transition:.35s;

    height:100%;

}

.advisor-feature:hover{

    transform:translateY(-6px);

    box-shadow:0 20px 40px rgba(46,139,87,.15);

}

.advisor-feature i{

    width:60px;

    height:60px;

    border-radius:50%;

    background:#EAF7F2;

    color:#2E8B57;

    display:flex;

    justify-content:center;

    align-items:center;

    font-size:24px;

    flex-shrink:0;

}

.advisor-feature h5{

    margin:0;

    font-weight:700;

    color:#173F5F;

}

.advisor-feature p{

    margin:4px 0 0;

    color:#666;

    font-size:14px;

}

/* Image */

.advisor-image-box{

    position:relative;

    text-align:center;

}

.advisor-image-box img{

    border-radius:30px;

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

}

/* Floating Cards */

.floating-card{

    position:absolute;

    background:#fff;

    padding:14px 22px;

    border-radius:50px;

    box-shadow:0 15px 40px rgba(0,0,0,.12);

    font-weight:600;

    color:#173F5F;

}

.floating-card i{

    color:#2E8B57;

    margin-right:8px;

}

.top-card{

    top:30px;

    left:-20px;

}

.bottom-card{

    bottom:40px;

    right:-20px;

}

/* Responsive */

@media(max-width:991px){

.advisor-hero-section{

padding:70px 0;

text-align:center;

}

.advisor-title{

font-size:38px;

}

.advisor-image-box{

margin-top:50px;

}

.top-card,

.bottom-card{

position:relative;

left:auto;

right:auto;

top:auto;

bottom:auto;

display:inline-block;

margin:15px 8px;

}

}
/*==================================
LEADERSHIP
===================================*/

.leadership-section{

    padding:100px 0;

    background:#F8FCFA;

}

.leader-card{

    background:#fff;

    border-radius:30px;

    padding:45px;

    margin-bottom:40px;

    box-shadow:0 20px 50px rgba(0,0,0,.07);

    transition:.35s;

}

.leader-card:hover{

    transform:translateY(-6px);

    box-shadow:0 30px 60px rgba(46,139,87,.12);

}

.leader-photo{

    width:270px;

    border-radius:25px;

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

}

.leader-name{

    font-weight:700;

    color:#173F5F;

}

.leader-badge{

    display:inline-block;

    background:#6BC048;

    color:#fff;

    padding:10px 30px;

    border-radius:40px;

    margin-top:10px;

    font-weight:600;

}

.qualification-box{

    margin-top:30px;

    padding-top:20px;

    border-top:1px solid #E5E5E5;

}

.qualification-box h6{

    font-weight:700;

    color:#173F5F;

}

.qualification-box p{

    color:#666;

    margin-bottom:8px;

}

.leader-heading{

    color:#173F5F;

    font-weight:700;

    margin-bottom:25px;

}

.leader-card p{

    color:#555;

    line-height:1.9;

}

.expertise-tags{

    display:flex;

    flex-wrap:wrap;

    gap:12px;

    margin-top:20px;

}

.expertise-tags span{

    background:#EAF7F2;

    color:#0F4C81;

    padding:10px 18px;

    border-radius:50px;

    font-weight:600;

    transition:.3s;

}

.expertise-tags span:hover{

    background:#2E8B57;

    color:#fff;

}

@media(max-width:991px){

.leader-card{

padding:30px;

text-align:center;

}

.leader-photo{

width:220px;

margin-bottom:25px;

}

.expertise-tags{

justify-content:center;

}

}

/*==================================
CLINICAL ADVISORS
===================================*/

.advisor-section{

    background:#ffffff;

    padding:100px 0;

}

.advisor-card{

    background:#fff;

    border-radius:28px;

    padding:45px;

    margin-bottom:35px;

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

    transition:.35s;

}

.advisor-card:hover{

    transform:translateY(-6px);

    box-shadow:0 30px 60px rgba(46,139,87,.12);

}

.advisor-photo{

    width:220px;

    border-radius:22px;

    box-shadow:0 15px 40px rgba(0,0,0,.12);

}

.advisor-name{

    font-weight:700;

    color:#173F5F;

}

.advisor-badge{

    display:inline-block;

    margin-top:10px;

    padding:8px 22px;

    background:#2E8B57;

    color:#fff;

    border-radius:30px;

    font-size:14px;

    font-weight:600;

}

.qualification{

    background:#F4FAF6;

    border-left:4px solid #2E8B57;

    padding:15px 20px;

    border-radius:10px;

    margin-bottom:20px;

    font-weight:600;

    color:#173F5F;

}

.advisor-card p{

    color:#555;

    line-height:1.9;

}

@media(max-width:991px){

.advisor-card{

text-align:center;

padding:30px;

}

.advisor-photo{

margin-bottom:25px;

}

}
/*==================================
SCIENTIFIC ADVISORS
===================================*/

.scientific-section{

    background:#F8FCFA;

    padding:100px 0;

}

.science-card{

    background:#fff;

    border-radius:25px;

    padding:35px;

    text-align:center;

    box-shadow:0 15px 40px rgba(0,0,0,.06);

    transition:.35s;

}

.science-card:hover{

    transform:translateY(-8px);

    box-shadow:0 25px 60px rgba(46,139,87,.15);

}

.science-photo{

    width:180px;

    height:180px;

    object-fit:cover;

    border-radius:50%;

    margin-bottom:25px;

    border:6px solid #EAF7F2;

}

.science-card h4{

    font-weight:700;

    color:#173F5F;

    margin-bottom:12px;

}

.science-badge{

    display:inline-block;

    background:#2E8B57;

    color:#fff;

    padding:8px 20px;

    border-radius:30px;

    font-size:14px;

    font-weight:600;

    margin-bottom:18px;

}

.science-degree{

    background:#F4FAF6;

    border-radius:12px;

    padding:15px;

    font-weight:600;

    color:#173F5F;

    margin-bottom:20px;

}

.science-card p{

    color:#555;

    line-height:1.8;

    margin-bottom:25px;

}

@media(max-width:991px){

.scientific-section{

padding:70px 0;

}

.science-card{

padding:30px;

}

.science-photo{

width:150px;

height:150px;

}

}
/*==================================
LIFESTYLE & WELLNESS
===================================*/

.wellness-section{

    padding:100px 0;

    background:#ffffff;

}

.wellness-card{

    background:#fff;

    border-radius:25px;

    padding:30px;

    box-shadow:0 15px 40px rgba(0,0,0,.06);

    transition:.35s;

}

.wellness-card:hover{

    transform:translateY(-8px);

    box-shadow:0 25px 60px rgba(46,139,87,.15);

}

.wellness-photo{

    width:170px;

    height:170px;

    object-fit:cover;

    border-radius:20px;

    border:5px solid #EAF7F2;

}

.wellness-card h4{

    font-weight:700;

    color:#173F5F;

}

.wellness-badge{

    display:inline-block;

    margin:12px 0;

    padding:8px 20px;

    background:#2E8B57;

    color:#fff;

    border-radius:30px;

    font-size:14px;

    font-weight:600;

}

.degree-box{

    background:#F4FAF6;

    padding:14px;

    border-left:4px solid #2E8B57;

    border-radius:10px;

    margin-bottom:18px;

    font-weight:600;

    color:#173F5F;

}

.wellness-card p{

    line-height:1.8;

    color:#555;

}

@media(max-width:991px){

.wellness-section{

padding:70px 0;

}

.wellness-card{

text-align:center;

}

.wellness-photo{

margin-bottom:20px;

width:150px;

height:150px;

}

}
/*==================================
COLLABORATION
===================================*/

.collaboration-section{

    background:#F8FCFA;

    padding:100px 0;

}

.workflow-card{

    background:#fff;

    border-radius:25px;

    padding:35px;

    text-align:center;

    height:100%;

    transition:.35s;

    box-shadow:0 15px 40px rgba(0,0,0,.06);

}

.workflow-card:hover{

    transform:translateY(-8px);

    box-shadow:0 25px 55px rgba(46,139,87,.15);

}

.workflow-icon{

    width:85px;

    height:85px;

    margin:0 auto 25px;

    border-radius:50%;

    background:#EAF7F2;

    color:#2E8B57;

    display:flex;

    justify-content:center;

    align-items:center;

    font-size:34px;

}

.workflow-card h4{

    font-weight:700;

    color:#173F5F;

    margin-bottom:15px;

}

.workflow-card p{

    color:#666;

    line-height:1.8;

}

.formula-box{

    background:linear-gradient(135deg,#2E8B57,#24714A);

    color:#fff;

    border-radius:25px;

    padding:40px;

    text-align:center;

}

.formula-item{

    display:flex;

    justify-content:center;

    align-items:center;

    flex-wrap:wrap;

    gap:18px;

    font-size:22px;

    font-weight:600;

}

.formula-item i{

    font-size:22px;

}

@media(max-width:991px){

.formula-item{

flex-direction:column;

font-size:20px;

}

}
/*==================================
FINAL CTA
===================================*/

.advisor-cta{

    background:#ffffff;

    padding:100px 0;

}

.cta-card{

    background:linear-gradient(135deg,#2E8B57,#24714A);

    color:#fff;

    border-radius:30px;

    padding:70px 50px;

    box-shadow:0 25px 60px rgba(46,139,87,.18);

}

.badge-light{

    background:#fff;

    color:#2E8B57;

}

.cta-card .lead{

    color:rgba(255,255,255,.92);

}

.cta-stat h2{

    font-size:50px;

    font-weight:700;

    margin-bottom:10px;

}

.cta-stat p{

    color:rgba(255,255,255,.85);

}

.quote-box{

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

    padding:35px;

    border-radius:20px;

    max-width:700px;

    margin:auto;

}

.quote-box i{

    font-size:35px;

    margin-bottom:15px;

}

.quote-box blockquote{

    font-size:30px;

    font-weight:600;

    margin:0;

    line-height:1.5;

}

.cta-card .btn{

    padding:15px 40px;

    font-weight:600;

}

@media(max-width:991px){

.cta-card{

padding:45px 25px;

}

.quote-box blockquote{

font-size:24px;

}

.cta-stat{

margin-bottom:30px;

}

}

/*==================================
RESEARCH HERO
===================================*/

.research-hero-section{

    background:linear-gradient(180deg,#ffffff 0%,#F8FCFA 100%);

    padding:110px 0;

    overflow:hidden;

}

.research-title{

    font-size:52px;

    font-weight:800;

    line-height:1.2;

    color:#173F5F;

}

.research-title span{

    color:#2E8B57;

}

.research-description{

    font-size:18px;

    color:#555;

    line-height:1.9;

    margin-top:25px;

}

/* Feature Cards */

.research-feature{

    display:flex;

    align-items:center;

    gap:18px;

    background:#fff;

    padding:18px;

    border-radius:18px;

    box-shadow:0 10px 30px rgba(0,0,0,.05);

    transition:.35s;

    height:100%;

}

.research-feature:hover{

    transform:translateY(-6px);

    box-shadow:0 20px 40px rgba(46,139,87,.15);

}

.research-feature i{

    width:60px;

    height:60px;

    border-radius:50%;

    background:#EAF7F2;

    color:#2E8B57;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:24px;

    flex-shrink:0;

}

.research-feature h5{

    margin:0;

    color:#173F5F;

    font-weight:700;

    font-size:18px;

}

.research-feature p{

    margin:4px 0 0;

    color:#666;

    font-size:14px;

}

/* Image */

.research-image-box{

    position:relative;

    text-align:center;

}

.research-image-box img{

    border-radius:30px;

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

}

/* Floating Cards */

.floating-info{

    position:absolute;

    background:#fff;

    border-radius:50px;

    padding:14px 24px;

    box-shadow:0 15px 40px rgba(0,0,0,.12);

    color:#173F5F;

    font-weight:600;

}

.floating-info i{

    color:#2E8B57;

    margin-right:8px;

}

.top-box{

    top:30px;

    left:-20px;

}

.bottom-box{

    bottom:40px;

    right:-20px;

}

/* Responsive */

@media(max-width:991px){

.research-hero-section{

padding:70px 0;

text-align:center;

}

.research-title{

font-size:38px;

}

.research-image-box{

margin-top:50px;

}

.top-box,
.bottom-box{

position:relative;

left:auto;

right:auto;

top:auto;

bottom:auto;

display:inline-block;

margin:10px 5px;

}

}
/*==================================
RESEARCH IMPACT
===================================*/

.research-impact-section{

    background:#F8FCFA;

    padding:100px 0;

}

.impact-card{

    background:#fff;

    border-radius:25px;

    padding:40px 30px;

    text-align:center;

    height:100%;

    transition:.35s;

    box-shadow:0 15px 40px rgba(0,0,0,.06);

}

.impact-card:hover{

    transform:translateY(-8px);

    box-shadow:0 25px 55px rgba(46,139,87,.15);

}

.impact-icon{

    width:85px;

    height:85px;

    border-radius:50%;

    margin:0 auto 25px;

    background:#EAF7F2;

    color:#2E8B57;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:34px;

}

.impact-card h2{

    color:#2E8B57;

    font-size:48px;

    font-weight:800;

    margin-bottom:10px;

}

.impact-card h5{

    color:#173F5F;

    font-weight:700;

    margin-bottom:15px;

}

.impact-card p{

    color:#666;

    line-height:1.8;

    margin-bottom:0;

}

/* Highlight Box */

.research-highlight{

    background:linear-gradient(135deg,#2E8B57,#24714A);

    color:#fff;

    padding:40px;

    border-radius:25px;

    box-shadow:0 20px 50px rgba(46,139,87,.20);

}

.research-highlight i{

    font-size:70px;

    color:#fff;

}

.research-highlight h3{

    font-weight:700;

    margin-bottom:15px;

}

.research-highlight p{

    margin:0;

    font-size:17px;

    line-height:1.8;

    color:rgba(255,255,255,.92);

}

/* Responsive */

@media(max-width:991px){

.research-impact-section{

padding:70px 0;

}

.impact-card{

margin-bottom:15px;

}

.research-highlight{

text-align:center;

padding:30px;

}

.research-highlight i{

margin-bottom:20px;

font-size:50px;

}

}
/*==================================
PUBLICATION TIMELINE
===================================*/

.publication-section{

    background:#ffffff;

    padding:100px 0;

}

.publication-timeline{

    position:relative;

    margin-top:50px;

}

.publication-timeline:before{

    content:"";

    position:absolute;

    left:110px;

    top:0;

    bottom:0;

    width:4px;

    background:#2E8B57;

    border-radius:10px;

}

.timeline-row{

    display:flex;

    margin-bottom:60px;

    position:relative;

}

.timeline-year{

    width:110px;

    font-size:34px;

    font-weight:800;

    color:#2E8B57;

    flex-shrink:0;

    text-align:center;

    position:relative;

}

.timeline-year:after{

    content:"";

    width:20px;

    height:20px;

    background:#2E8B57;

    border:5px solid #fff;

    border-radius:50%;

    position:absolute;

    right:-11px;

    top:12px;

    box-shadow:0 0 0 5px #EAF7F2;

}

.timeline-content{

    padding-left:70px;

    flex:1;

}

.publication-card{

    background:#fff;

    padding:28px;

    border-radius:20px;

    box-shadow:0 15px 40px rgba(0,0,0,.06);

    transition:.35s;

    border-left:5px solid #2E8B57;

}

.publication-card:hover{

    transform:translateY(-5px);

    box-shadow:0 25px 50px rgba(46,139,87,.15);

}

.publication-card h4{

    font-size:22px;

    font-weight:700;

    color:#173F5F;

    line-height:1.5;

    margin-bottom:15px;

}

.journal{

    display:inline-block;

    background:#EAF7F2;

    color:#2E8B57;

    padding:8px 18px;

    border-radius:30px;

    font-size:14px;

    font-weight:600;

}

@media(max-width:991px){

.publication-timeline:before{

display:none;

}

.timeline-row{

display:block;

}

.timeline-year{

width:100%;

text-align:left;

margin-bottom:20px;

}

.timeline-year:after{

display:none;

}

.timeline-content{

padding-left:0;

}

}
/*==================================
FEATURED PUBLICATIONS
===================================*/

.featured-publications{

    background:#F8FCFA;

    padding:100px 0;

}

.featured-card{

    background:#fff;

    border-radius:25px;

    padding:40px 35px;

    text-align:center;

    position:relative;

    transition:.35s;

    box-shadow:0 15px 40px rgba(0,0,0,.06);

}

.featured-card:hover{

    transform:translateY(-10px);

    box-shadow:0 25px 60px rgba(46,139,87,.16);

}

.year-badge{

    position:absolute;

    top:25px;

    right:25px;

    background:#2E8B57;

    color:#fff;

    padding:8px 18px;

    border-radius:30px;

    font-size:14px;

    font-weight:600;

}

.publication-icon{

    width:90px;

    height:90px;

    margin:10px auto 30px;

    border-radius:50%;

    background:#EAF7F2;

    color:#2E8B57;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:36px;

}

.featured-card h3{

    font-size:24px;

    font-weight:700;

    color:#173F5F;

    line-height:1.4;

    margin-bottom:20px;

}

.featured-card p{

    color:#666;

    line-height:1.8;

    margin-bottom:25px;

}

.journal-name{

    display:inline-block;

    background:#F2F8F5;

    color:#2E8B57;

    padding:12px 22px;

    border-radius:30px;

    font-weight:600;

    font-size:15px;

}

.publication-quote{

    background:linear-gradient(135deg,#2E8B57,#24714A);

    color:#fff;

    text-align:center;

    padding:60px;

    border-radius:30px;

    box-shadow:0 20px 50px rgba(46,139,87,.18);

}

.publication-quote i{

    font-size:40px;

    margin-bottom:20px;

}

.publication-quote h3{

    font-weight:600;

    line-height:1.7;

    margin:0;

}

@media(max-width:991px){

.featured-publications{

padding:70px 0;

}

.featured-card{

padding:35px 25px;

}

.publication-quote{

padding:40px 25px;

}

.publication-quote h3{

font-size:24px;

}

}
/*==================================
BOOKS
===================================*/

.books-section{

    background:#ffffff;

    padding:100px 0;

}

.book-card{

    background:#fff;

    border-radius:25px;

    overflow:hidden;

    box-shadow:0 15px 40px rgba(0,0,0,.06);

    transition:.35s;

    text-align:center;

}

.book-card:hover{

    transform:translateY(-10px);

    box-shadow:0 25px 60px rgba(46,139,87,.18);

}

.book-cover{

    background:#F4FAF6;

    padding:35px;

}

.book-cover img{

    max-height:300px;

    object-fit:contain;

    border-radius:10px;

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

}

.book-year{

    display:inline-block;

    margin-top:25px;

    background:#2E8B57;

    color:#fff;

    padding:8px 20px;

    border-radius:30px;

    font-size:14px;

    font-weight:600;

}

.book-card h3{

    font-size:24px;

    color:#173F5F;

    font-weight:700;

    line-height:1.5;

    margin:25px 25px 20px;

}

.book-details{

    color:#555;

    line-height:1.9;

    margin:0 25px 25px;

}

.publisher{

    background:#F8FCFA;

    padding:18px;

    color:#2E8B57;

    font-weight:600;

    border-top:1px solid #e8f3ee;

}

.publisher i{

    margin-right:8px;

}

@media(max-width:991px){

.books-section{

padding:70px 0;

}

.book-card{

margin-bottom:20px;

}

.book-cover img{

max-height:240px;

}

}
/*==================================
BOOK CHAPTERS
===================================*/

.book-chapters-section{

    background:#F8FCFA;

    padding:100px 0;

}

.chapter-timeline{

    position:relative;

}

.chapter-timeline:before{

    content:"";

    position:absolute;

    left:110px;

    top:0;

    bottom:0;

    width:4px;

    background:#2E8B57;

    border-radius:10px;

}

.chapter-item{

    display:flex;

    margin-bottom:70px;

    position:relative;

}

.chapter-year{

    width:110px;

    text-align:center;

    font-size:34px;

    font-weight:700;

    color:#2E8B57;

    position:relative;

    flex-shrink:0;

}

.chapter-year:after{

    content:"";

    width:20px;

    height:20px;

    border-radius:50%;

    background:#2E8B57;

    border:5px solid #fff;

    position:absolute;

    right:-12px;

    top:12px;

    box-shadow:0 0 0 5px #EAF7F2;

}

.chapter-content{

    flex:1;

    padding-left:70px;

}

.chapter-card{

    background:#fff;

    border-radius:20px;

    padding:28px;

    display:flex;

    gap:25px;

    align-items:flex-start;

    box-shadow:0 15px 40px rgba(0,0,0,.06);

    transition:.35s;

}

.chapter-card:hover{

    transform:translateY(-6px);

    box-shadow:0 20px 55px rgba(46,139,87,.15);

}

.chapter-icon{

    width:70px;

    height:70px;

    border-radius:50%;

    background:#EAF7F2;

    display:flex;

    justify-content:center;

    align-items:center;

    color:#2E8B57;

    font-size:28px;

    flex-shrink:0;

}

.chapter-card h4{

    color:#173F5F;

    font-weight:700;

    margin-bottom:10px;

    line-height:1.5;

}

.chapter-card h6{

    color:#2E8B57;

    margin-bottom:12px;

    font-weight:600;

}

.chapter-card p{

    color:#666;

    margin-bottom:0;

    line-height:1.7;

}

@media(max-width:991px){

.chapter-timeline:before{

display:none;

}

.chapter-item{

display:block;

}

.chapter-year{

width:100%;

text-align:left;

margin-bottom:20px;

}

.chapter-year:after{

display:none;

}

.chapter-content{

padding-left:0;

}

.chapter-card{

flex-direction:column;

text-align:center;

}

.chapter-icon{

margin:auto;

}

}
/*==================================
RESEARCH AREAS
===================================*/

.research-areas-section{

    background:#ffffff;

    padding:100px 0;

}

.research-area-card{

    background:#fff;

    border-radius:22px;

    padding:40px 30px;

    text-align:center;

    height:100%;

    transition:.35s;

    border:1px solid #edf3ef;

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

}

.research-area-card:hover{

    transform:translateY(-8px);

    box-shadow:0 20px 50px rgba(46,139,87,.15);

    border-color:#2E8B57;

}

.research-icon{

    width:85px;

    height:85px;

    border-radius:50%;

    background:#EAF7F2;

    color:#2E8B57;

    margin:0 auto 25px;

    display:flex;

    justify-content:center;

    align-items:center;

    font-size:34px;

    transition:.35s;

}

.research-area-card:hover .research-icon{

    background:#2E8B57;

    color:#fff;

}

.research-area-card h4{

    color:#173F5F;

    font-size:22px;

    font-weight:700;

    margin-bottom:15px;

}

.research-area-card p{

    color:#666;

    line-height:1.8;

    margin-bottom:0;

}

@media(max-width:991px){

.research-areas-section{

padding:70px 0;

}

.research-area-card{

padding:30px 22px;

}

}
/*==================================
RESEARCH PHILOSOPHY
===================================*/

.research-philosophy-section{

    background:#F8FCFA;

    padding:110px 0;

}

.philosophy-box{

    background:linear-gradient(135deg,#173F5F 0%,#2E8B57 100%);

    border-radius:35px;

    padding:70px;

    box-shadow:0 30px 70px rgba(0,0,0,.18);

    overflow:hidden;

    position:relative;

}

.philosophy-box::before{

    content:"";

    position:absolute;

    top:-120px;

    right:-120px;

    width:300px;

    height:300px;

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

    border-radius:50%;

}

.philosophy-box::after{

    content:"";

    position:absolute;

    bottom:-80px;

    left:-80px;

    width:220px;

    height:220px;

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

    border-radius:50%;

}

.philosophy-icon{

    width:150px;

    height:150px;

    margin:auto;

    border-radius:50%;

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

    display:flex;

    align-items:center;

    justify-content:center;

    color:#fff;

    font-size:60px;

}

.philosophy-box h2{

    font-size:42px;

    font-weight:800;

    line-height:1.4;

}

.philosophy-box p{

    color:rgba(255,255,255,.92);

    line-height:2;

    font-size:18px;

}

.badge-light{

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

    color:#fff;

}

.philosophy-feature{

    display:flex;

    align-items:center;

    gap:15px;

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

    border-radius:18px;

    padding:18px 20px;

    color:#fff;

    margin-bottom:15px;

}

.philosophy-feature i{

    font-size:24px;

    color:#FFD166;

}

.philosophy-feature span{

    font-weight:600;

}

.research-quote{

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

    padding:35px;

    border-radius:20px;

    color:#fff;

}

.research-quote i{

    font-size:28px;

    color:#FFD166;

    margin-bottom:15px;

}

.research-quote h4{

    line-height:1.8;

    font-weight:500;

    margin:0;

}

@media(max-width:991px){

.research-philosophy-section{

padding:70px 0;

}

.philosophy-box{

padding:40px 30px;

text-align:center;

}

.philosophy-icon{

margin-bottom:40px;

width:120px;

height:120px;

font-size:48px;

}

.philosophy-box h2{

font-size:32px;

}

.philosophy-feature{

justify-content:center;

}

}
/*==================================
FINAL CTA
===================================*/

.research-cta-section{

    background:#ffffff;

    padding:100px 0;

}

.research-cta-box{

    background:linear-gradient(135deg,#2E8B57,#173F5F);

    border-radius:35px;

    padding:70px;

    color:#fff;

    position:relative;

    overflow:hidden;

    box-shadow:0 25px 70px rgba(0,0,0,.15);

}

.research-cta-box::before{

    content:"";

    position:absolute;

    width:350px;

    height:350px;

    top:-150px;

    right:-120px;

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

    border-radius:50%;

}

.research-cta-box::after{

    content:"";

    position:absolute;

    width:250px;

    height:250px;

    bottom:-120px;

    left:-80px;

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

    border-radius:50%;

}

.research-cta-box h2{

    font-size:42px;

    font-weight:800;

    line-height:1.4;

}

.research-cta-box p{

    color:rgba(255,255,255,.92);

    font-size:18px;

    line-height:2;

}

.badge-light{

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

    color:#fff;

}

.research-flow{

    display:flex;

    justify-content:center;

    align-items:center;

    gap:20px;

    margin-top:60px;

    flex-wrap:wrap;

}

.flow-item{

    text-align:center;

}

.flow-circle{

    width:90px;

    height:90px;

    border-radius:50%;

    background:#fff;

    color:#2E8B57;

    display:flex;

    justify-content:center;

    align-items:center;

    font-size:34px;

    margin:auto auto 15px;

    transition:.35s;

}

.flow-circle:hover{

    transform:scale(1.08);

}

.flow-item h5{

    color:#fff;

    font-weight:600;

}

.flow-arrow{

    color:#FFD166;

    font-size:26px;

}

.future-title{

    font-size:36px;

    font-weight:800;

    color:#FFD166;

}

.future-text{

    font-size:20px;

    line-height:2;

}

.btn-light{

    font-weight:600;

    color:#173F5F;

}

.btn-success{

    font-weight:600;

}

@media(max-width:991px){

.research-cta-box{

padding:45px 25px;

}

.research-cta-box h2{

font-size:30px;

}

.future-title{

font-size:28px;

}

.research-flow{

flex-direction:column;

gap:15px;

}

.flow-arrow{

transform:rotate(90deg);

}

}

html,
body{

    width:100%;
    overflow-x:hidden;

}
