/* ==========================================
   HOW WE WORK SECTION
========================================== */

.work-process-section{

    position:relative;

    padding:120px 70px;

    background:
    linear-gradient(
    135deg,
    #06192d 0%,
    #0b2d4d 45%,
    #071521 100%
    );

    overflow:hidden;

}


/* BACKGROUND GLOW */

.work-process-section::before{

    content:"";

    position:absolute;

    width:550px;
    height:550px;

    top:-220px;
    left:-180px;

    border-radius:50%;

    background:
    radial-gradient(
    circle,
    rgba(0,255,170,.15),
    transparent 70%
    );

    filter:blur(45px);

}


.work-process-section::after{

    content:"";

    position:absolute;

    width:500px;
    height:500px;

    bottom:-220px;
    right:-180px;

    border-radius:50%;

    background:
    radial-gradient(
    circle,
    rgba(0,102,255,.18),
    transparent 70%
    );

    filter:blur(45px);

}


/* CONTAINER */

.work-container{

    position:relative;

    z-index:2;

    max-width:1280px;

    margin:auto;

}


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

.work-heading{

    text-align:center;

    max-width:900px;

    margin:0 auto 80px;

}


.work-badge{

    display:inline-block;

    padding:12px 28px;

    border-radius:50px;

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

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

    color:#00ffd5;

    font-size:13px;

    letter-spacing:2px;

    font-weight:700;

}


.work-heading h2{

    margin:28px 0;

    font-size:54px;

    line-height:1.2;

    color:#ffffff;

}


.work-heading p{

    font-size:19px;

    line-height:1.9;

    color:#bfd8ec;

}
/* ==========================================
   PROCESS TIMELINE
========================================== */

.process-wrapper{

    position:relative;

    max-width:1100px;

    margin:0 auto;

    display:flex;

    flex-direction:column;

    gap:40px;

}


/* CENTER LINE */

.process-wrapper::before{

    content:"";

    position:absolute;

    left:50%;

    top:20px;

    transform:translateX(-50%);

    width:4px;

    height:calc(100% - 40px);

    border-radius:50px;

    background:linear-gradient(
    to bottom,
    #00ffd5,
    #00c896,
    #0066ff
    );

    opacity:.35;

}


/* ==========================
   ITEM
========================== */

.process-item{

    position:relative;

    display:flex;

    align-items:center;

    justify-content:space-between;

}


/* LEFT CARD */

.process-item:nth-child(odd){

    flex-direction:row;

}


/* RIGHT CARD */

.process-item:nth-child(even){

    flex-direction:row-reverse;

}


/* ==========================
   NUMBER
========================== */

.process-number{

    position:absolute;

    left:50%;

    transform:translateX(-50%);

    width:74px;

    height:74px;

    border-radius:50%;

    display:flex;

    justify-content:center;

    align-items:center;

    font-size:24px;

    font-weight:800;

    color:#fff;

    background:linear-gradient(
    135deg,
    #00c896,
    #0066ff
    );

    box-shadow:
    0 0 25px rgba(0,255,213,.35);

    z-index:5;

}


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

.process-content{

    width:44%;

    padding:38px;

    border-radius:30px;

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

    backdrop-filter:blur(18px);

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

    transition:.45s;

    position:relative;

    overflow:hidden;

}


/* CARD GLOW */

.process-content::before{

    content:"";

    position:absolute;

    width:180px;

    height:180px;

    top:-80px;

    right:-80px;

    border-radius:50%;

    background:radial-gradient(
    circle,
    rgba(0,255,213,.15),
    transparent 70%
    );

}


/* HOVER */

.process-content:hover{

    transform:translateY(-10px);

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

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

}


/* ==========================
   ICON
========================== */

.process-icon{

    width:80px;

    height:80px;

    border-radius:22px;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:34px;

    margin-bottom:25px;

    background:linear-gradient(
    135deg,
    #00c896,
    #0066ff
    );

    color:#fff;

    box-shadow:
    0 15px 35px rgba(0,255,213,.25);

}
/* ==========================================
   TYPOGRAPHY
========================================== */

.process-content h3{

    font-size:28px;

    color:#ffffff;

    margin-bottom:18px;

    line-height:1.3;

    font-weight:700;

}

.process-content p{

    font-size:17px;

    line-height:1.9;

    color:#c8d9e8;

}


/* ==========================================
   PROCESS FOOTER
========================================== */

.process-footer{

    margin-top:80px;

    max-width:950px;

    margin-left:auto;

    margin-right:auto;

    text-align:center;

    padding:40px;

    border-radius:30px;

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

    backdrop-filter:blur(18px);

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

}

.process-footer p{

    font-size:18px;

    line-height:2;

    color:#d7e8f5;

}


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

@media(max-width:576px){

    .work-process-section{

        padding:70px 18px;

    }

    .work-heading{

        margin-bottom:60px;

    }

    .work-heading h2{

        font-size:31px;

    }

    .work-heading p{

        font-size:16px;

        line-height:1.8;

    }

    .work-badge{

        font-size:11px;

        letter-spacing:1px;

        padding:10px 20px;

    }

    .process-wrapper{

        gap:28px;

    }

    .process-wrapper::before{

        left:28px;

    }

    .process-item{

        padding-left:75px;

    }

    .process-number{

        width:52px;

        height:52px;

        font-size:17px;

    }

    .process-content{

        padding:24px;

        border-radius:24px;

    }

    .process-icon{

        width:65px;

        height:65px;

        font-size:28px;

        margin-bottom:18px;

    }

    .process-content h3{

        font-size:22px;

    }

    .process-content p{

        font-size:15px;

    }

    .process-footer{

        margin-top:55px;

        padding:28px 22px;

        border-radius:24px;

    }

    .process-footer p{

        font-size:15px;

        line-height:1.9;

    }

}

/* ==========================================
   MEET THE PROFESSIONAL SECTION
========================================== */

.professional-section{
    position:relative;
    padding:120px 0;
    background:
    linear-gradient(
        135deg,
        #06131f 0%,
        #0b1f33 50%,
        #102b45 100%
    );
    overflow:hidden;
}

.professional-section::before{
    content:"";
    position:absolute;
    width:550px;
    height:550px;
    top:-220px;
    left:-180px;
    background:radial-gradient(
        circle,
        rgba(0,255,180,.15),
        transparent 70%
    );
    filter:blur(40px);
}

.professional-section::after{
    content:"";
    position:absolute;
    width:500px;
    height:500px;
    bottom:-220px;
    right:-180px;
    background:radial-gradient(
        circle,
        rgba(0,120,255,.15),
        transparent 70%
    );
    filter:blur(40px);
}

.professional-container{
    position:relative;
    z-index:2;
    width:90%;
    max-width:1400px;
    margin:auto;

    display:grid;
    grid-template-columns:520px 1fr;
    gap:80px;
    align-items:start;
}

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

.professional-image-area{
    position:sticky;
    top:120px;
}

.professional-image-glow{
    position:absolute;
    width:350px;
    height:350px;
    border-radius:50%;
    background:rgba(0,255,180,.18);
    filter:blur(90px);
    top:-70px;
    left:-70px;
}

.professional-image-frame{
    position:relative;
    overflow:hidden;
    border-radius:35px;
    background:rgba(255,255,255,.05);
    border:1px solid rgba(255,255,255,.10);
    backdrop-filter:blur(20px);
    box-shadow:
        0 35px 80px rgba(0,0,0,.35);
}

.professional-image-frame img{
    display:block;
    width:100%;
    height:auto;
    border-radius:35px;
}

.professional-floating-card{

    position:relative;

    width:100%;

    margin-top:30px;

    padding:28px;

    border-radius:25px;

    background:rgba(8,20,35,.90);

    backdrop-filter:blur(20px);

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

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

.floating-label{
    display:inline-block;

    padding:8px 18px;

    border-radius:30px;

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

    color:#00ffd0;

    font-size:12px;

    letter-spacing:2px;

    font-weight:700;

    margin-bottom:15px;
}

.professional-floating-card h3{
    color:#fff;
    font-size:24px;
    margin-bottom:12px;
}

.professional-floating-card p{
    color:#d6e4f0;
    font-size:15px;
    line-height:1.8;
}

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

.professional-content{
    display:flex;
    flex-direction:column;
    justify-content:center;
}

/* BADGE */

.professional-badge{

    display:inline-flex;
    align-self:flex-start;

    padding:12px 24px;

    border-radius:50px;

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

    border:1px solid rgba(0,255,180,.25);

    color:#00ffd0;

    font-size:13px;

    font-weight:700;

    letter-spacing:2px;

    text-transform:uppercase;

    margin-bottom:22px;
}

/* MAIN HEADING */

.professional-content h2{

    font-size:58px;

    line-height:1.15;

    font-weight:800;

    color:#ffffff;

    margin-bottom:25px;

    max-width:760px;
}

/* INTRO */

.professional-intro{

    font-size:20px;

    line-height:2;

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

    margin-bottom:30px;

    max-width:760px;
}

/* NORMAL PARAGRAPH */

.professional-content > p{

    font-size:17px;

    line-height:2;

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

    margin-bottom:45px;

    max-width:760px;
}

/* ==========================================
   PROFESSIONAL BLOCKS
========================================== */

.professional-block{

    position:relative;

    margin-bottom:35px;

    padding:35px;

    border-radius:28px;

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

    backdrop-filter:blur(18px);

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

    transition:.4s;
}

.professional-block:hover{

    transform:translateY(-8px);

    border-color:rgba(0,255,180,.30);

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

.professional-block h3{

    position:relative;

    font-size:28px;

    color:#ffffff;

    margin-bottom:22px;

    padding-left:18px;
}

.professional-block h3::before{

    content:"";

    position:absolute;

    left:0;

    top:4px;

    width:5px;

    height:32px;

    border-radius:10px;

    background:linear-gradient(
        180deg,
        #00ffd0,
        #008cff
    );
}

.professional-block p{

    font-size:17px;

    line-height:1.95;

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

    margin-bottom:18px;
}

.professional-block p:last-child{

    margin-bottom:0;
}

/* ==========================================
   PROFESSIONAL VALUES
========================================== */

.professional-values{

    display:grid;

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

    gap:25px;

    margin:55px 0;
}

/* VALUE CARD */

.value-card{

    position:relative;

    padding:35px 30px;

    border-radius:28px;

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

    backdrop-filter:blur(18px);

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

    overflow:hidden;

    transition:.45s ease;
}

/* Glow */

.value-card::before{

    content:"";

    position:absolute;

    width:180px;

    height:180px;

    right:-80px;

    top:-80px;

    background:

    radial-gradient(
    circle,
    rgba(0,255,180,.18),
    transparent 70%
    );

    transition:.45s;
}

.value-card:hover{

    transform:
    translateY(-10px);

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

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

.value-card:hover::before{

    transform:scale(1.2);
}

/* ICON */

.value-icon{

    width:72px;

    height:72px;

    display:flex;

    justify-content:center;

    align-items:center;

    border-radius:22px;

    background:

    linear-gradient(
    135deg,
    #00d4aa,
    #0066ff
    );

    color:#fff;

    font-size:30px;

    margin-bottom:22px;

    box-shadow:
    0 12px 35px rgba(0,212,170,.30);
}

/* TITLE */

.value-card h4{

    font-size:24px;

    color:#ffffff;

    margin-bottom:15px;

    line-height:1.4;
}

/* TEXT */

.value-card p{

    font-size:16px;

    line-height:1.9;

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

    margin:0;
}

/* ==========================================
   PROFESSIONAL QUOTE
========================================== */

.professional-quote{

    margin-top:60px;

    padding:45px;

    border-radius:30px;

    position:relative;

    overflow:hidden;

    background:

    linear-gradient(
    135deg,
    rgba(0,255,180,.08),
    rgba(0,102,255,.08)
    );

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

    backdrop-filter:blur(18px);
}

.professional-quote::before{

    content:"“";

    position:absolute;

    top:-20px;

    left:30px;

    font-size:140px;

    color:
    rgba(0,255,180,.12);

    font-family:serif;
}

.professional-quote blockquote{

    position:relative;

    margin:0;

    font-size:24px;

    line-height:1.8;

    font-weight:500;

    color:#ffffff;

    z-index:2;
}

/* ==========================================
   CTA BUTTONS
========================================== */

.professional-actions{

    display:flex;

    align-items:center;

    gap:20px;

    flex-wrap:wrap;

    margin-top:60px;
}

/* COMMON BUTTON */

.professional-btn{

    position:relative;

    display:inline-flex;

    align-items:center;

    justify-content:center;

    padding:18px 38px;

    border-radius:60px;

    text-decoration:none;

    font-size:16px;

    font-weight:700;

    letter-spacing:.5px;

    transition:.45s ease;

    overflow:hidden;
}

/* PRIMARY BUTTON */

.primary-btn{

    color:#ffffff;

    background:
    linear-gradient(
    135deg,
    #00d4aa,
    #0066ff
    );

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

.primary-btn:hover{

    transform:
    translateY(-6px);

    box-shadow:
    0 25px 55px rgba(0,212,170,.45);
}

/* SECONDARY BUTTON */

.secondary-btn{

    color:#ffffff;

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

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

    backdrop-filter:blur(15px);
}

.secondary-btn:hover{

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

    border-color:
    rgba(0,255,180,.35);

    transform:
    translateY(-6px);
}

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

@media(max-width:1100px){

.professional-container{

    grid-template-columns:1fr;

    gap:70px;
}

.professional-image-area{

    position:relative;

    top:auto;

    max-width:520px;

    margin:auto;
}

.professional-content{

    text-align:center;
}

.professional-badge{

    align-self:center;
}

.professional-content h2{

    margin-left:auto;
    margin-right:auto;
}

.professional-intro{

    margin-left:auto;
    margin-right:auto;
}

.professional-content > p{

    margin-left:auto;
    margin-right:auto;
}

.professional-block{

    text-align:left;
}

.professional-values{

    grid-template-columns:1fr 1fr;
}

.professional-actions{

    justify-content:center;
}

}

@media(max-width:768px){

.professional-section{

    padding:80px 20px;
}

.professional-container{

    width:100%;
}

.professional-content h2{

    font-size:38px;
}

.professional-intro{

    font-size:17px;

    line-height:1.8;
}

.professional-content > p{

    font-size:16px;

    line-height:1.8;
}

.professional-floating-card{

    position:relative;

    width:100%;

    left:0;

    bottom:0;

    margin-top:25px;
}

.professional-values{

    grid-template-columns:1fr;
}

.professional-quote{

    padding:30px;
}

.professional-quote blockquote{

    font-size:20px;

    line-height:1.7;
}

.professional-actions{

    flex-direction:column;
}

.professional-btn{

    width:100%;
}
}


/* FREE RESOURCES */

.resources-section{
max-width:1200px;
margin:80px auto;
padding:0 20px;
text-align:center;
}

.resources-section h2{
font-size:42px;
color:#0ea5e9;
margin-bottom:15px;
}

.resources-subtitle{
max-width:800px;
margin:auto;
color:#666;
line-height:1.8;
margin-bottom:45px;
}

.resources-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:25px;
}

.resource-card{
background:#fff;
padding:30px;
border-radius:18px;
text-decoration:none;
box-shadow:0 10px 30px rgba(0,0,0,.08);
transition:.35s;
border:1px solid #e5e7eb;
text-align:left;
}

.resource-card:hover{
transform:translateY(-8px);
box-shadow:0 20px 40px rgba(14,165,233,.18);
border-color:#0ea5e9;
}

.resource-icon{
font-size:42px;
margin-bottom:20px;
}

.resource-card h3{
font-size:22px;
margin-bottom:15px;
color:#111827;
}

.resource-card p{
color:#666;
line-height:1.8;
margin-bottom:20px;
}

.resource-card span{
font-weight:600;
color:#0ea5e9;
}

@media(max-width:991px){

.resources-grid{
grid-template-columns:repeat(2,1fr);
}

}

@media(max-width:768px){

.resources-section h2{
font-size:32px;
}

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

}


.resources-section{

max-width:1300px;
margin:100px auto;
padding:0 25px;

}

.resource-heading{

text-align:center;
margin-bottom:60px;

}

.resource-tag{

display:inline-block;
padding:8px 18px;
border-radius:50px;
background:#ecfeff;
color:#0891b2;
font-weight:700;
letter-spacing:2px;
font-size:13px;
margin-bottom:20px;

}

.resource-heading h2{

font-size:48px;
font-weight:800;
color:#0f172a;
margin-bottom:18px;

}

.resource-heading p{

max-width:760px;
margin:auto;
font-size:18px;
line-height:1.8;
color:#64748b;

}

.resource-grid{

display:grid;
grid-template-columns:repeat(3,1fr);
gap:30px;

}

.resource-card{

position:relative;

padding:35px;

border-radius:28px;

background:
linear-gradient(#fff,#fff) padding-box,
linear-gradient(135deg,#06b6d4,#2563eb,#0ea5e9) border-box;

border:2px solid transparent;

overflow:hidden;

transition:.45s;

text-decoration:none;

}

.resource-card::before{

content:'';

position:absolute;

width:250px;
height:250px;

background:rgba(14,165,233,.08);

border-radius:50%;

right:-120px;
top:-120px;

transition:.5s;

}

.resource-card:hover{

transform:translateY(-12px);

box-shadow:
0 30px 60px rgba(2,132,199,.18);

}

.resource-card:hover::before{

transform:scale(1.5);

}

.resource-top{

display:flex;
justify-content:space-between;
align-items:center;
margin-bottom:35px;

}

.resource-icon{

width:70px;
height:70px;

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

border-radius:18px;

background:linear-gradient(135deg,#06b6d4,#2563eb);

font-size:30px;

color:#fff;

}

.arrow{

width:45px;
height:45px;

border-radius:50%;

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

background:#f1f5f9;

color:#2563eb;

}

.resource-card h3{

font-size:26px;

margin-bottom:15px;

color:#0f172a;

}

.resource-card p{

line-height:1.9;

color:#64748b;

margin-bottom:30px;

}

.resource-footer{

display:flex;

justify-content:space-between;

font-weight:700;

color:#0891b2;

}

@media(max-width:768px){

.resource-grid{

grid-template-columns:1fr;

}

.resource-heading h2{

font-size:36px;

}

}

.registration-guide{

max-width:1250px;
margin:100px auto;
padding:60px 30px;

background:linear-gradient(135deg,#031525,#082f3a,#064e3b);

border-radius:35px;

}

.guide-header{

text-align:center;
margin-bottom:55px;

}

.guide-header span{

color:#4ade80;
font-weight:700;
letter-spacing:2px;

}

.guide-header h2{

color:#fff;
font-size:45px;
margin:20px 0;

}

.guide-header p{

color:#cbd5e1;
max-width:800px;
margin:auto;
line-height:1.8;

}


.guide-grid{

display:grid;
grid-template-columns:repeat(2,1fr);
gap:25px;

}


.guide-box{

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

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

border-left:5px solid #22c55e;

border-radius:20px;

padding:25px;

transition:.4s;

}


.guide-box:hover{

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

transform:translateY(-5px);

}


.guide-box summary{

cursor:pointer;

color:white;

font-size:21px;

font-weight:700;

list-style:none;

}


.guide-box summary::-webkit-details-marker{

display:none;

}


.guide-content{

color:#dbeafe;

line-height:1.8;

margin-top:20px;

}


.guide-content h3{

color:#4ade80;

font-size:18px;

margin-top:20px;

}


.guide-content ul{

padding-left:20px;

}


@media(max-width:768px){

.guide-grid{

grid-template-columns:1fr;

}

.guide-header h2{

font-size:32px;

}

}


/* =====================================
   CLIENT CASE STUDY SECTION
   Financial Solution Co
===================================== */


.case-study-section {

    background:
    linear-gradient(135deg, #04131f 0%, #062b2a 100%);

    padding: 100px 7%;

    color: #ffffff;

    position: relative;

    overflow:hidden;

}



.case-study-section::before{

    content:"";

    position:absolute;

    width:500px;

    height:500px;

    background:#00d084;

    opacity:.08;

    filter:blur(120px);

    top:-200px;

    right:-150px;

}





.case-study-container{

    max-width:1200px;

    margin:auto;

    position:relative;

    z-index:2;

}





/* HEADER */


.case-study-header{

    text-align:center;

    max-width:900px;

    margin:0 auto 80px;

}



.section-label{

    display:inline-block;

    color:#00d084;

    font-size:14px;

    font-weight:700;

    letter-spacing:3px;

    margin-bottom:20px;

}



.case-study-header h1{

    font-size:48px;

    line-height:1.2;

    margin-bottom:25px;

    font-weight:800;


    background:
    linear-gradient(
        90deg,
        #ffffff,
        #00d084
    );


    -webkit-background-clip:text;

    -webkit-text-fill-color:transparent;

}



.case-study-header p{

    color:#c6d5d5;

    font-size:18px;

    line-height:1.9;

}





/* MAIN CASE STUDY BOX */


.case-study-item{

    background:

    linear-gradient(
        145deg,
        rgba(10,34,52,.95),
        rgba(4,25,32,.95)
    );


    border:1px solid rgba(0,208,132,.25);

    border-radius:30px;

    margin-bottom:70px;

    overflow:hidden;


    box-shadow:

    0 25px 60px rgba(0,0,0,.35);


    transition:.4s ease;

}



.case-study-item:hover{

    transform:translateY(-8px);

    border-color:#00d084;

    box-shadow:

    0 35px 80px rgba(0,208,132,.15);

}





/* TITLE AREA */


.case-study-title{

    display:flex;

    gap:35px;

    padding:50px;

    background:

    linear-gradient(
        90deg,
        #09263b,
        #073b32
    );


}



.case-number{

    min-width:90px;

    height:90px;

    border-radius:20px;

    display:flex;

    align-items:center;

    justify-content:center;


    font-size:45px;

    font-weight:900;


    color:#00d084;


    background:

    rgba(0,208,132,.08);


    border:1px solid rgba(0,208,132,.35);

}




.case-heading h2{

    font-size:32px;

    line-height:1.4;

    margin-bottom:15px;

    color:#ffffff;

}



.case-heading p{

    color:#c6d5d5;

    font-size:17px;

    line-height:1.8;

}





/* CONTENT */


.case-study-content{

    padding:50px;

}



.case-block{

    background:

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


    padding:35px;

    border-radius:20px;


    margin-bottom:25px;


    border-left:4px solid transparent;


    transition:.3s;

}



.case-block:hover{

    border-left-color:#00d084;

    background:

    rgba(0,208,132,.06);

}




.case-block h3,
.case-result h3,
.case-learning h3{


    color:#00d084;

    font-size:24px;

    margin-bottom:18px;

}



.case-block p,
.case-result p,
.case-learning p{

    color:#d3dddd;

    font-size:17px;

    line-height:1.9;

}




/* LIST DESIGN */


.case-block ul{

    margin:20px 0;

    padding-left:25px;

}



.case-block li{

    color:#d3dddd;

    margin-bottom:12px;

    line-height:1.7;

    position:relative;

}




/* RESULT BOX */


.case-result{

    padding:40px;

    margin-top:35px;

    border-radius:22px;


    background:

    linear-gradient(
        135deg,
        rgba(0,208,132,.15),
        rgba(5,35,45,.9)
    );


    border:1px solid rgba(0,208,132,.35);

}




/* LEARNING BOX */


.case-learning{

    margin-top:25px;

    padding:35px;


    border-radius:20px;


    background:#061c2a;


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

}





/* ANIMATION */


.case-block,
.case-result,
.case-learning{

    animation:fadeUp .6s ease both;

}



@keyframes fadeUp{

from{

opacity:0;

transform:translateY(20px);

}

to{

opacity:1;

transform:translateY(0);

}

}

/* =========================================
   CASE STUDY INTRO SECTION
========================================= */


.case-intro-section{

    background:
    linear-gradient(135deg,#041522,#062c2b);

    padding:90px 7%;

    color:#ffffff;

}


.case-intro-container{

    max-width:1100px;

    margin:auto;

}



.case-intro-content{

    text-align:center;

}



.section-label{

    display:inline-block;

    color:#00d084;

    font-size:14px;

    font-weight:700;

    letter-spacing:3px;

    text-transform:uppercase;

    margin-bottom:20px;

}



.case-intro-content h1{

    font-size:48px;

    line-height:1.25;

    max-width:950px;

    margin:0 auto 30px;


    background:
    linear-gradient(
        90deg,
        #ffffff,
        #00d084
    );


    -webkit-background-clip:text;

    -webkit-text-fill-color:transparent;

}



.case-intro-content p{

    max-width:900px;

    margin:0 auto 20px;

    color:#cbd8d8;

    font-size:18px;

    line-height:1.9;

}







/* =========================================
   APPROACH SECTION
========================================= */


.case-approach-section{

    background:#061b29;

    padding:70px 7%;

}



.case-approach-container{

    max-width:1100px;

    margin:auto;

}



.approach-box{

    background:

    linear-gradient(
        135deg,
        #09293a,
        #063b32
    );


    border-radius:30px;

    padding:55px;

    text-align:center;


    border:1px solid rgba(0,208,132,.25);


    box-shadow:

    0 20px 50px rgba(0,0,0,.35);

}



.approach-box h2{

    color:#ffffff;

    font-size:38px;

    margin:20px 0 25px;

}



.approach-box p{

    color:#d0dddd;

    font-size:17px;

    line-height:1.9;

    max-width:900px;

    margin:0 auto 18px;

}

/* =========================================
   FINAL CASE STUDY SECTION
========================================= */


.case-final-section{

    background:

    linear-gradient(
        135deg,
        #041522,
        #07332d
    );


    padding:90px 7%;

}



.case-final-container{

    max-width:1100px;

    margin:auto;

}



.case-final-content{

    text-align:center;

}



.case-final-content h2{

    font-size:42px;

    line-height:1.3;

    margin:20px auto 30px;

    max-width:900px;


    color:#ffffff;

}



.case-final-content p{

    color:#ccdada;

    font-size:18px;

    line-height:1.9;

    max-width:900px;

    margin:0 auto 20px;

}


/* =====================================================
   LATEST ARTICLES SECTION
===================================================== */


.latest-articles-home{

padding:100px 8%;
background:#071521;
position:relative;
overflow:hidden;

}


.latest-articles-home::before{

content:"";

position:absolute;

width:450px;
height:450px;

background:rgba(0,201,167,.15);

filter:blur(120px);

top:-150px;
left:-150px;

border-radius:50%;

}



.latest-articles-home h2{

text-align:center;

font-size:42px;

color:#ffffff;

margin-bottom:20px;

position:relative;

}



.articles-intro{

max-width:850px;

margin:auto;

text-align:center;

font-size:18px;

line-height:1.8;

color:#b9c7d5;

margin-bottom:60px;

position:relative;

}





.articles-home-grid{

display:grid;

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

gap:30px;

position:relative;

}





.article-home-card{

background:

linear-gradient(
145deg,
rgba(255,255,255,.10),
rgba(255,255,255,.03)
);

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

padding:35px;

border-radius:25px;

backdrop-filter:blur(15px);

transition:.4s ease;

position:relative;

overflow:hidden;

}





.article-home-card::before{

content:"";

position:absolute;

width:100%;

height:4px;

background:linear-gradient(
90deg,
#00c9a7,
#00e0ff
);

top:0;

left:0;

transform:scaleX(0);

transition:.4s;

transform-origin:left;

}





.article-home-card:hover::before{

transform:scaleX(1);

}





.article-home-card:hover{

transform:translateY(-12px);

box-shadow:

0 25px 60px rgba(0,0,0,.45);

border-color:#00c9a7;

}





.article-home-card h3{

font-size:24px;

color:white;

margin-bottom:18px;

}





.article-home-card p{

font-size:16px;

line-height:1.8;

color:#c7d3df;

margin-bottom:25px;

}





.article-home-card a{

display:inline-flex;

align-items:center;

gap:8px;

color:#00c9a7;

font-weight:600;

text-decoration:none;

transition:.3s;

}





.article-home-card a:hover{

gap:15px;

color:white;

}





.view-all-articles{

text-align:center;

margin-top:60px;

}





.view-all-articles a{


display:inline-block;

padding:15px 40px;

border-radius:50px;

background:

linear-gradient(
135deg,
#00c9a7,
#00e0ff
);

color:#06131d;

font-weight:700;

text-decoration:none;

transition:.4s;

}





.view-all-articles a:hover{

transform:translateY(-5px);

box-shadow:

0 15px 35px rgba(0,201,167,.35);

}





/* =====================================================
   BOOKING APPOINTMENT SECTION
===================================================== */


.booking-section{

padding:110px 8%;

background:#ffffff;

position:relative;

}



.booking-section h2{

text-align:center;

font-size:42px;

color:#071521;

margin-bottom:15px;

}



.booking-section>p{

text-align:center;

font-size:18px;

color:#555;

margin-bottom:50px;

}





.booking-box{

max-width:650px;

margin:auto;

background:white;

padding:45px;

border-radius:30px;

box-shadow:

0 25px 70px rgba(0,0,0,.12);

border:1px solid #eee;

}





.booking-box form{

display:flex;

flex-direction:column;

gap:15px;

}





.booking-box label{

font-weight:600;

color:#071521;

font-size:15px;

}





.booking-box input,
.booking-box select{


width:100%;

padding:16px 18px;

border-radius:12px;

border:1px solid #ddd;

font-size:16px;

outline:none;

transition:.3s;

}





.booking-box input:focus,
.booking-box select:focus{


border-color:#00c9a7;

box-shadow:

0 0 0 4px rgba(0,201,167,.12);

}





.booking-box button{


margin-top:20px;

padding:17px;

border:none;

border-radius:50px;

background:

linear-gradient(
135deg,
#071521,
#00c9a7
);

color:white;

font-size:17px;

font-weight:700;

cursor:pointer;

transition:.4s;

}





.booking-box button:hover{


transform:translateY(-5px);

box-shadow:

0 15px 35px rgba(0,0,0,.25);

}

/* =====================================================
   FOUNDER CREDENTIALS SECTION
===================================================== */


.founder-credentials{

margin-top:60px;

padding:45px;

background:

linear-gradient(
145deg,
rgba(255,255,255,.08),
rgba(255,255,255,.03)
);

border-radius:30px;

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

backdrop-filter:blur(18px);

position:relative;

overflow:hidden;

}



.founder-credentials::before{

content:"";

position:absolute;

width:250px;

height:250px;

background:#00c9a7;

opacity:.15;

filter:blur(90px);

top:-100px;

right:-100px;

border-radius:50%;

}




.founder-credentials h3{

font-size:32px;

color:#ffffff;

margin-bottom:20px;

position:relative;

}



.founder-credentials>p{

color:#c5d1dc;

font-size:17px;

line-height:1.8;

max-width:900px;

margin-bottom:40px;

position:relative;

}





.credential-grid{

display:grid;

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

gap:25px;

position:relative;

}





.credential-card{

padding:30px;

background:

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

border-radius:22px;

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

transition:.4s ease;

}



.credential-card:hover{

transform:translateY(-10px);

border-color:#00c9a7;

box-shadow:

0 20px 45px rgba(0,0,0,.35);

}




.credential-card h4{

font-size:21px;

color:#00c9a7;

margin-bottom:15px;

}



.credential-card p{

color:#d0dae3;

line-height:1.7;

font-size:15px;

}





/* =====================================================
   AUTHOR BOX SECTION
===================================================== */


.author-box-section{

padding:90px 8%;

background:#071521;

}





.author-box{

max-width:1100px;

margin:auto;

display:flex;

align-items:center;

gap:45px;

padding:45px;

border-radius:35px;


background:

linear-gradient(
145deg,
rgba(255,255,255,.10),
rgba(255,255,255,.03)
);


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

backdrop-filter:blur(20px);

}





.author-image img{

width:170px;

height:170px;

object-fit:cover;

border-radius:50%;

border:5px solid #00c9a7;

box-shadow:

0 15px 40px rgba(0,201,167,.25);

}





.author-content span{

display:inline-block;

padding:7px 18px;

border-radius:50px;

background:rgba(0,201,167,.15);

color:#00c9a7;

font-size:13px;

font-weight:700;

letter-spacing:1px;

margin-bottom:15px;

}



.author-content h3{

font-size:30px;

color:white;

margin-bottom:15px;

}



.author-content p{

font-size:16px;

line-height:1.8;

color:#c7d2dd;

}





.author-meta{

margin-top:20px;

padding:15px 20px;

border-radius:15px;

background:rgba(0,201,167,.08);

color:#ffffff;

}




.author-meta strong{

color:#00c9a7;

}




/* =====================================================
   TRUST SIGNAL SECTION
===================================================== */


.trust-section{

padding:100px 8%;

background:#ffffff;

}





.trust-container h2{

text-align:center;

font-size:42px;

color:#071521;

margin-bottom:60px;

}





.trust-grid{

display:grid;

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

gap:25px;

}





.trust-card{

padding:35px 25px;

border-radius:25px;

background:white;

border:1px solid #e8e8e8;

text-align:center;

transition:.4s ease;

box-shadow:

0 15px 40px rgba(0,0,0,.08);

}




.trust-card:hover{

transform:translateY(-12px);

box-shadow:

0 25px 60px rgba(0,0,0,.15);

border-color:#00c9a7;

}





.trust-card h3{

font-size:22px;

color:#071521;

margin-bottom:15px;

}




.trust-card p{

font-size:15px;

line-height:1.7;

color:#555;

}



/* =====================================================
   EEAT RESPONSIVE DESIGN
===================================================== */


@media(max-width:992px){

    
    .work-process-section{

        padding:90px 25px;

    }

    .work-heading h2{

        font-size:40px;

    }

    .work-heading p{

        font-size:17px;

    }

    .process-wrapper::before{

        left:36px;

        transform:none;

    }

    .process-item,
    .process-item:nth-child(even),
    .process-item:nth-child(odd){

        flex-direction:row;

        justify-content:flex-start;

        padding-left:95px;

    }

    .process-number{

        left:0;

        transform:none;

        width:60px;

        height:60px;

        font-size:20px;

    }

    .process-content{

        width:100%;

        padding:30px;

    }

    .resource-grid{

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

}



.articles-home-grid{

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

}



.latest-articles-home h2,
.booking-section h2{

font-size:34px;

}



.credential-grid{

grid-template-columns:1fr;

}


.trust-grid{

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

}



.author-box{

flex-direction:column;

text-align:center;

}


}





@media(max-width:600px){

     .trust-bar{
        width:92%;
        grid-template-columns:1fr;
        padding:20px;
    }
    .trust-item{
        padding:30px 20px;
    }
    .trust-item strong{
        font-size:22px;
    }

    

.case-study-section{

    padding:70px 20px;

}



.case-study-title{

    padding:25px;

}



.case-number{

    width:75px;

    height:75px;

    font-size:34px;

}



.case-block{

    padding:25px;

}



.case-result,
.case-learning{

    padding:25px;

}



.case-study-header p{

    font-size:16px;

}


.founder-credentials{

padding:25px;

}



.founder-credentials h3{

font-size:25px;

}


.case-intro-section,
.case-final-section{

    padding:60px 20px;

}



.case-approach-section{

    padding:50px 20px;

}



.case-intro-content p,
.case-final-content p,
.approach-box p{

    font-size:16px;

}



.case-cta-box h3{

    font-size:24px;

}



.author-box-section,
.trust-section{

padding:70px 5%;

}



.author-box{

padding:30px 20px;

}



.author-content h3{

font-size:25px;

}



.trust-container h2{

font-size:30px;

}



.trust-grid{

grid-template-columns:1fr;

}


.latest-articles-home,
.booking-section{

padding:70px 5%;

}



.articles-home-grid{

grid-template-columns:1fr;

}



.article-home-card{

padding:25px;

}



.latest-articles-home h2,
.booking-section h2{

font-size:28px;

}



.booking-box{

padding:25px;

}




}


/* =====================================
   PREMIUM FOUNDER SECTION
===================================== */


.founder-section{

padding:120px 20px;

background:
linear-gradient(
135deg,
#eefaff,
#ffffff,
#dff6ff
);

overflow:hidden;

}



.founder-container{

max-width:1300px;

margin:auto;

display:grid;

grid-template-columns:
0.9fr 1.1fr;

gap:70px;

align-items:center;

}





/* IMAGE */


.founder-image-box{

position:relative;

}



.founder-image-box img{


width:100%;

max-width:500px;

border-radius:35px;


position:relative;

z-index:2;


box-shadow:

0 30px 70px rgba(0,0,0,.25);


}





.founder-glow{


position:absolute;

width:350px;

height:350px;


background:

radial-gradient(
circle,
rgba(0,200,150,.35),
transparent 70%
);


top:-80px;

left:-80px;

filter:blur(30px);


}




/* EXPERIENCE */


.experience-card{


position:absolute;


bottom:-30px;

right:30px;


background:

linear-gradient(
135deg,
#003566,
#009966
);


padding:25px 35px;


border-radius:25px;


color:white;


z-index:3;


box-shadow:

0 20px 40px rgba(0,0,0,.25);


}



.experience-card strong{


display:block;

font-size:45px;

color:#00ffd5;


}


.experience-card span{

font-size:15px;

}



/* CONTENT */


.founder-badge{


display:inline-block;


padding:10px 25px;


border-radius:50px;


background:

rgba(0,150,255,.12);


color:#0066ff;


font-weight:600;


margin-bottom:20px;


}




.founder-content h1{


font-size:55px;


color:#071a2f;


margin-bottom:10px;


}



.founder-content h2{


font-size:38px;


color:#009966;


margin-bottom:15px;


}



.founder-role{


font-size:18px;


font-weight:600;


color:#0369a1;


line-height:1.8;


}





.founder-content p{


font-size:18px;


line-height:1.9;


color:#475569;


margin-bottom:20px;


}





/* VALUES */


.founder-values{


display:grid;


grid-template-columns:

repeat(3,1fr);


gap:20px;


margin-top:40px;


}



.founder-values div{


background:white;


padding:25px;


border-radius:20px;


border:

1px solid rgba(0,150,255,.15);


box-shadow:

0 10px 30px rgba(0,0,0,.08);


transition:.3s;


}



.founder-values div:hover{


transform:translateY(-8px);


}



.founder-values h3{


color:#009966;


font-size:20px;


margin-bottom:10px;


}



.founder-values p{


font-size:15px;

margin:0;


}

/* =========================================
   LUXURY HERO SECTION
========================================= */

.hero-section{

    position:relative;

    overflow:hidden;

    padding:140px 7% 100px;

    background:
    linear-gradient(
    135deg,
    #03111f 0%,
    #062b47 35%,
    #021a2d 70%,
    #05101d 100%
    );

}


/* ===============================
   BACKGROUND GLOW
================================ */

.hero-section::before{

    content:"";

    position:absolute;

    width:650px;
    height:650px;

    top:-260px;
    left:-220px;

    border-radius:50%;

    background:
    radial-gradient(
    circle,
    rgba(0,255,213,.18),
    transparent 72%
    );

    filter:blur(35px);

}


.hero-section::after{

    content:"";

    position:absolute;

    width:600px;
    height:600px;

    right:-220px;
    bottom:-250px;

    border-radius:50%;

    background:
    radial-gradient(
    circle,
    rgba(0,102,255,.22),
    transparent 72%
    );

    filter:blur(40px);

}


/* ===============================
   OVERLAY
================================ */

.hero-overlay{

    position:absolute;

    inset:0;

    background:

    linear-gradient(

    rgba(255,255,255,.02),

    rgba(255,255,255,0)

    );

    pointer-events:none;

}


/* ===============================
   CONTAINER
================================ */

.hero-container{

    position:relative;

    z-index:5;

    max-width:1400px;

    margin:auto;

    display:grid;

    grid-template-columns:

    1.05fr 0.95fr;

    gap:80px;

    align-items:center;

}


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

.hero-content{

    position:relative;

}


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

.hero-visual{

    position:relative;

    display:flex;

    justify-content:flex-end;

}


/* ===============================
   COMMON TRANSITION
================================ */

.hero-content *,
.hero-card *,
.hero-feature,
.service-item{

    transition:.35s ease;

}


/* ===============================
   REMOVE DEFAULTS
================================ */

.hero-section h1,
.hero-section h2,
.hero-section h3,
.hero-section h4,
.hero-section p{

    margin:0;

}


.hero-section a{

    text-decoration:none;

}


.hero-section img{

    max-width:100%;

    display:block;

}

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

.hero-badge{

    display:inline-flex;

    align-items:center;

    padding:12px 26px;

    border-radius:50px;

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

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

    backdrop-filter:blur(20px);

    color:#0d8a75;

    font-size:13px;

    font-weight:700;

    letter-spacing:2px;

    text-transform:uppercase;

    margin-bottom:28px;

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

}


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

.hero-content h1{

    font-size:68px;

    line-height:1.08;

    font-weight:800;

    color:#ffffff;

    margin-bottom:28px;

}


.hero-content h1 span{

    display:block;

    margin-top:10px;

    background:
    linear-gradient(
    135deg,
    #00ffd5,
    #42b6ff
    );

    -webkit-background-clip:text;

    -webkit-text-fill-color:transparent;

}


/* =========================================
   DESCRIPTION
========================================= */

.hero-description{

    max-width:680px;

    font-size:18px;

    line-height:1.9;

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

    margin-bottom:45px;

}


/* =========================================
   FEATURES
========================================= */

.hero-features{

    display:flex;

    flex-direction:column;

    gap:20px;

    margin-bottom:45px;

}


/* FEATURE CARD */

.hero-feature{

    display:flex;

    align-items:flex-start;

    gap:18px;

    padding:20px 22px;

    border-radius:22px;

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

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

    backdrop-filter:blur(18px);

}


.hero-feature:hover{

    transform:translateX(10px);

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

    border-color:
    rgba(0,255,213,.30);

}


/* ICON */

.feature-icon{

    width:52px;

    height:52px;

    flex-shrink:0;

    border-radius:50%;

    display:flex;

    justify-content:center;

    align-items:center;

    font-size:20px;

    font-weight:700;

    color:#fff;

    background:
    linear-gradient(
    135deg,
    #00c896,
    #0066ff
    );

}


/* FEATURE TEXT */

.hero-feature h3{

    color:#ffffff;

    font-size:21px;

    margin-bottom:8px;

}


.hero-feature p{

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

    font-size:15px;

    line-height:1.8;

}


/* =========================================
   BUTTON AREA
========================================= */

.hero-buttons{

    display:flex;

    gap:18px;

    flex-wrap:wrap;

}


/* COMMON BUTTON */

.hero-btn{

    display:inline-flex;

    justify-content:center;

    align-items:center;

    padding:18px 36px;

    border-radius:60px;

    font-size:16px;

    font-weight:700;

    transition:.35s;

}


/* PRIMARY */

.hero-btn-primary{

    color:#fff;

    background:
    linear-gradient(
    135deg,
    #00c896,
    #0066ff
    );

    box-shadow:
    0 18px 35px rgba(0,120,255,.25);

}


.hero-btn-primary:hover{

    transform:translateY(-6px);

    box-shadow:
    0 28px 50px rgba(0,120,255,.40);

}


/* SECONDARY */

.hero-btn-secondary{

    color:#ffffff;

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

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

    backdrop-filter:blur(20px);

}


.hero-btn-secondary:hover{

    transform:translateY(-6px);

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

    border-color:#00ffd5;

}

/* =========================================
   HERO GLASS CARD
========================================= */

.hero-card{

    position:relative;

    overflow:hidden;

    padding:40px;

    border-radius:32px;

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

    backdrop-filter:blur(25px);

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

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

}


/* TOP GLOW */

.hero-card::before{

    content:"";

    position:absolute;

    width:220px;
    height:220px;

    right:-90px;
    top:-90px;

    border-radius:50%;

    background:
    radial-gradient(
    circle,
    rgba(0,255,213,.25),
    transparent 70%
    );

    filter:blur(25px);

}


/* BOTTOM GLOW */

.hero-card::after{

    content:"";

    position:absolute;

    width:200px;
    height:200px;

    left:-80px;
    bottom:-80px;

    border-radius:50%;

    background:
    radial-gradient(
    circle,
    rgba(0,102,255,.22),
    transparent 70%
    );

    filter:blur(25px);

}


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

.hero-card-top{

    position:relative;

    z-index:2;

    margin-bottom:35px;

}


.card-badge{

    display:inline-block;

    padding:10px 22px;

    border-radius:50px;

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

    border:
    1px solid rgba(0,255,213,.25);

    color:#00ffd5;

    font-size:13px;

    font-weight:700;

    letter-spacing:2px;

    text-transform:uppercase;

}


.hero-card-top h2{

    margin-top:20px;

    margin-bottom:15px;

    color:#ffffff;

    font-size:34px;

    line-height:1.3;

}


.hero-card-top p{

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

    font-size:16px;

    line-height:1.9;

}


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

.hero-service-list{

    display:flex;

    flex-direction:column;

    gap:18px;

    position:relative;

    z-index:2;

}


/* ITEM */

.service-item{

    display:flex;

    align-items:center;

    gap:18px;

    padding:18px 20px;

    border-radius:20px;

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

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

}


.service-item:hover{

    transform:translateX(8px);

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

    border-color:
    rgba(0,255,213,.35);

}


/* ICON */

.service-icon{

    width:58px;

    height:58px;

    border-radius:18px;

    display:flex;

    justify-content:center;

    align-items:center;

    font-size:24px;

    flex-shrink:0;

    background:
    linear-gradient(
    135deg,
    #00c896,
    #0066ff
    );

}


/* TEXT */

.service-content h4{

    color:#ffffff;

    font-size:19px;

    margin-bottom:6px;

}


.service-content span{

    display:block;

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

    font-size:14px;

    line-height:1.7;

}


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

.hero-card-footer{

    margin-top:35px;

    display:grid;

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

    gap:15px;

    position:relative;

    z-index:2;

}


.footer-box{

    text-align:center;

    padding:18px;

    border-radius:18px;

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

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

}


.footer-box strong{

    display:block;

    color:#00ffd5;

    font-size:17px;

    margin-bottom:8px;

}


.footer-box span{

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

    font-size:13px;

    line-height:1.6;

}


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

@media(max-width:1100px){

.hero-container{

grid-template-columns:1fr;

gap:70px;

}

.hero-content{

text-align:center;

}

.hero-description{

margin-left:auto;
margin-right:auto;

}

.hero-buttons{

justify-content:center;

}

.hero-card{

max-width:700px;

margin:auto;

}

}


@media(max-width:768px){

.hero-section{

padding:100px 20px 70px;

}

.hero-content h1{

font-size:42px;

}

.hero-card{

padding:30px 25px;

}

.hero-card-top h2{

font-size:28px;

}

.hero-card-footer{

grid-template-columns:1fr;

}

.hero-buttons{

flex-direction:column;

}

.hero-btn{

width:100%;

}

}


/* =====================================
FOUNDER TRUST SIGNALS
===================================== */
.founder-trust-section{margin:60px 0;}


/* VERIFIED BADGE */
.verified-founder-badge{display:flex;align-items:center;gap:25px;padding:35px;border-radius:28px;background:
linear-gradient(135deg,rgba(0,201,167,.15),rgba(0,119,255,.12));
border:1px solid rgba(255,255,255,.15);
margin-bottom:35px;}
.verified-icon{width:70px;height:70px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:35px;font-weight:700;color:white;background:
linear-gradient(
135deg,
#00c9a7,
#0077ff
);
box-shadow:0 15px 40px rgba(0,201,167,.35);}
.verified-founder-badge h4{

font-size:26px;

color:white;

margin-bottom:10px;

}



.verified-founder-badge p{

font-size:16px;

color:#d0dce8;

line-height:1.7;

}





/* TRUST GRID */


.trust-points-grid{

display:grid;

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

gap:22px;

}





.trust-point-card{

display:flex;

gap:18px;

padding:28px;

background:

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

border-radius:22px;

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

transition:.35s ease;

}





.trust-point-card:hover{

transform:translateY(-8px);

background:

rgba(0,201,167,.10);

}





.trust-point-card span{

min-width:38px;

height:38px;

display:flex;

align-items:center;

justify-content:center;

border-radius:50%;

background:#00c9a7;

color:white;

font-weight:bold;

}




.trust-point-card h4{

color:white;

font-size:18px;

margin-bottom:8px;

}



.trust-point-card p{

color:#c8d5e2;

font-size:14px;

line-height:1.6;

}





/* TRANSPARENCY BOX */


.transparency-box{

margin-top:35px;

display:flex;

gap:25px;

padding:35px;

border-radius:25px;

background:

linear-gradient(
145deg,
rgba(255,255,255,.08),
rgba(255,255,255,.03)
);

border-left:4px solid #00c9a7;

}





.transparency-icon{

font-size:40px;

}




.transparency-box h3{

font-size:25px;

color:white;

margin-bottom:12px;

}



.transparency-box p{

color:#d2deea;

font-size:16px;

line-height:1.8;

}

/* =====================================
FOUNDER FINAL TRUST SECTION
===================================== */


.founder-final-trust{

margin-top:60px;

}





/* SIGNATURE */


.founder-signature-box{

display:flex;

align-items:center;

justify-content:space-between;

padding:35px;

background:

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

border-radius:25px;

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

}



.signature-content p{

color:#b9c7d6;

margin-bottom:5px;

}




.signature-content h3{

font-size:30px;

color:white;

margin-bottom:8px;

}



.signature-content span{

color:#00c9a7;

font-weight:600;

}





.signature-line{

width:180px;

height:2px;

background:

linear-gradient(
90deg,
#00c9a7,
transparent
);

}





/* SOCIAL PROOF */


.founder-social-proof{

display:grid;

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

gap:25px;

margin-top:35px;

}





.social-proof-item{

padding:30px;

text-align:center;

background:

linear-gradient(
145deg,
rgba(255,255,255,.08),
rgba(255,255,255,.03)
);

border-radius:22px;

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

transition:.35s ease;

}



.social-proof-item:hover{

transform:translateY(-8px);

}




.proof-number{

font-size:35px;

font-weight:800;

color:#00c9a7;

margin-bottom:12px;

}



.social-proof-item p{

font-size:15px;

line-height:1.6;

color:#d1deea;

}





/* FINAL MESSAGE */


.founder-message-box{

margin-top:35px;

padding:40px;

border-radius:28px;

background:

linear-gradient(
135deg,
rgba(0,201,167,.12),
rgba(0,119,255,.12)
);

text-align:center;

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

}




.founder-message-box h3{

font-size:30px;

color:white;

margin-bottom:15px;

}



.founder-message-box p{

max-width:850px;

margin:auto;

font-size:17px;

line-height:1.8;

color:#d4e0eb;

}





/* RESPONSIVE */


@media(max-width:900px){

        .premium-dropdown-menu{

        min-width:95vw;

        justify-content:center;
    }

    .premium-dropdown-menu li a{

        min-width:140px;
    }

    
    .contact-box{

        grid-template-columns:1fr;
    }

    .contact-section{

        padding:50px 25px;
    }

    .contact-section h2{

        font-size:38px;
    }

    .admin-stats{

    grid-template-columns:1fr;
}


    .review-card{

        width:320px;
    }

    .review-section h1{

        font-size:40px;
    }

    
.consultation-section{


    padding:50px 25px;


}



.consultation-container{
    grid-template-columns:1fr;
    gap:40px;
}
.consultation-content h2{
    font-size:35px;
}
.consultation-content{
    text-align:center;
}
.consultation-points div{
    text-align:left;
}


.founder-container{


grid-template-columns:1fr;

text-align:center;


}



.founder-image-box img{


margin:auto;


}
.founder-values{
grid-template-columns:1fr;
}
.founder-content h1{
font-size:38px;
}


.founder-signature-box{

flex-direction:column;

gap:25px;

text-align:center;

}


.founder-social-proof{

grid-template-columns:1fr;

}


.founder-message-box{

padding:25px;

}


.founder-message-box h3{

font-size:24px;

}


}

.founder-experience-new-section{

width:100%;

padding:100px 0;

background:#071521;

}


.founder-experience-container{

width:90%;

max-width:1200px;

margin:auto;

}


.founder-experience-block{

width:100%;

text-align:center;

}


.case-study-title{

    flex-direction:column;

    padding:35px;

}


.case-study-content{

    padding:30px;

}



.case-heading h2{

    font-size:26px;

}



.case-study-header h1{

    font-size:36px;

}


.case-intro-content h1{

    font-size:36px;

}



.approach-box h2{

    font-size:30px;

}



.case-final-content h2{

    font-size:32px;

}



.approach-box{

    padding:35px;

}



.case-cta-box{

    padding:30px;

}


.founder-highlights{

grid-template-columns:1fr;

}


.founder-profile-card{

padding:25px;

}


.founder-name h3{

font-size:26px;

}
.trust-points-grid{

grid-template-columns:1fr;

}


.verified-founder-badge{

flex-direction:column;

text-align:center;

}


.transparency-box{

flex-direction:column;

}


/*====================================
        CASE STUDY PREVIEW
====================================*/

.case-study-preview{
    position:relative;
    padding:120px 20px;
    overflow:hidden;
    background:
    radial-gradient(circle at top left,#0f4c81 0%,transparent 45%),
    radial-gradient(circle at bottom right,#00c89625 0%,transparent 40%),
    linear-gradient(135deg,#061726,#071d33,#08233e);
}


/* Floating Blur */

.case-study-preview::before{
    content:"";
    position:absolute;
    width:500px;
    height:500px;
    background:#00d4ff18;
    border-radius:50%;
    filter:blur(120px);
    top:-180px;
    left:-180px;
}

.case-study-preview::after{
    content:"";
    position:absolute;
    width:450px;
    height:450px;
    background:#00ff9912;
    border-radius:50%;
    filter:blur(120px);
    right:-120px;
    bottom:-150px;
}


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

.case-study-preview .container{
    position:relative;
    z-index:2;
    max-width:1200px;
    margin:auto;
    text-align:center;
}


/*==========================
TAG
==========================*/

.section-tag{

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

    padding:12px 30px;

    border-radius:50px;

    font-size:.82rem;
    letter-spacing:3px;
    text-transform:uppercase;

    color:#79d7ff;

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

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

    backdrop-filter:blur(18px);

    margin-bottom:28px;

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

}


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

.case-study-preview h2{

    font-size:3.7rem;
    line-height:1.15;
    color:#fff;
    font-weight:800;
    margin-bottom:25px;

}

.case-study-preview h2 span{

    display:block;

    background:linear-gradient(
    90deg,
    #00d4ff,
    #00ff99);

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

}


/*==========================
DESCRIPTION
==========================*/

.case-study-preview> .container > p{

    max-width:760px;
    margin:auto;
    color:#d2d8e0;
    line-height:1.9;
    font-size:1.1rem;

}

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

.case-preview-box{

    margin-top:70px;

    position:relative;

    border-radius:35px;

    overflow:hidden;

    padding:80px;

    background:

    linear-gradient(
    145deg,
    rgba(255,255,255,.09),
    rgba(255,255,255,.04));

    backdrop-filter:blur(28px);

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

    box-shadow:

    0 35px 90px rgba(0,0,0,.45),

    inset 0 0 0 1px rgba(255,255,255,.04);

    transition:.55s;

}


.case-preview-box:hover{

    transform:translateY(-10px);

    box-shadow:

    0 45px 120px rgba(0,212,255,.18),

    0 0 90px rgba(0,255,180,.08);

}


/* Animated Border */

.case-preview-box::before{

    content:"";

    position:absolute;

    inset:0;

    padding:2px;

    border-radius:35px;

    background:linear-gradient(
    135deg,
    #00c6ff,
    #00ff99,
    #ffd400);

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

    -webkit-mask-composite:xor;

    mask-composite:exclude;

}


/* Overlay */

.case-overlay{

    position:absolute;
    inset:0;

    background:

    radial-gradient(circle at top,#00d4ff18,transparent 60%),
    radial-gradient(circle at bottom,#00ff9910,transparent 60%);

}

.case-content{

    position:relative;
    z-index:2;

}


/*======================
ICON
======================*/

.case-icon{

    width:110px;
    height:110px;

    margin:auto;

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

    border-radius:50%;

    background:

    linear-gradient(
    135deg,
    #2daeff,
    #00d4ff);

    color:#fff;

    font-size:2.8rem;

    margin-bottom:35px;

    box-shadow:

    0 15px 45px rgba(0,174,255,.45);

    transition:.45s;

}

.case-preview-box:hover .case-icon{

    transform:rotate(12deg) scale(1.1);

}


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

.case-content h3{

    color:#fff;

    font-size:2.5rem;

    margin-bottom:22px;

}


/*======================
TEXT
======================*/

.case-content p{

    color:#d7dde5;

    max-width:760px;

    margin:auto;

    font-size:1.12rem;

    line-height:2;

}

/*============================
BUTTON
============================*/

.premium-case-btn{

    display:inline-flex;

    align-items:center;

    gap:15px;

    margin-top:45px;

    padding:18px 42px;

    border-radius:60px;

    color:#fff;

    text-decoration:none;

    font-weight:700;

    letter-spacing:.5px;

    background:

    linear-gradient(
    90deg,
    #1f8fff,
    #276bff,
    #00d48c);

    background-size:300%;

    transition:.5s;

    box-shadow:

    0 20px 45px rgba(0,140,255,.35);

}


.premium-case-btn:hover{

    background-position:right;

    transform:translateY(-6px);

    box-shadow:

    0 30px 60px rgba(0,255,170,.35);

}


.premium-case-btn i{

    transition:.4s;

}


.premium-case-btn:hover i{

    transform:translateX(8px);

}

@media(max-width:991px){

.case-study-preview{

padding:90px 20px;

}

.case-study-preview h2{

font-size:2.8rem;

}

.case-preview-box{

padding:60px 30px;

}

.case-content h3{

font-size:2rem;

}

}


@media(max-width:768px){

.case-study-preview h2{

font-size:2.2rem;

}

.case-content h3{

font-size:1.7rem;

}

.case-content p{

font-size:1rem;

line-height:1.8;

}

.case-icon{

width:85px;
height:85px;

font-size:2rem;

}

.premium-case-btn{

padding:15px 28px;

font-size:.95rem;

}

}