/*==========================================
AI HERO
==========================================*/

.ai-hero{

    background:linear-gradient(135deg,#07111f,#111827,#1e1b4b);

    padding:90px 0;

    overflow:hidden;

}

.ai-hero .service-title{

    font-size:54px;

    font-weight:700;

    color:#fff;

}

.ai-hero .service-title span{

    color:#38bdf8;

}

.ai-hero .service-description{

    color:#cbd5e1;

    line-height:1.9;

    margin-top:25px;

    font-size:18px;

}

/*====================*/

.ai-tags{

    display:flex;

    flex-wrap:wrap;

    gap:12px;

    margin-top:30px;

}

.ai-tags span{

    padding:10px 18px;

    border-radius:30px;

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

    color:#fff;

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

    transition:.3s;

}

.ai-tags span:hover{

    background:#2563eb;

}

.ai-tags i{

    margin-right:8px;

}

/*====================*/

.ai-network{

    position:relative;

    width:700px;

    height:700px;

    margin:auto;

}

.ai-core{

    position:absolute;

    left:50%;

    top:50%;

    transform:translate(-50%,-50%);

    width:180px;

    height:180px;

    border-radius:50%;

    background:linear-gradient(135deg,#2563eb,#7c3aed);

    display:flex;

    flex-direction:column;

    justify-content:center;

    align-items:center;

    color:#fff;

    z-index:5;

    box-shadow:0 0 40px rgba(124,58,237,.45);

    animation:pulseCore 3s infinite;

}

.ai-core i{

    font-size:60px;

    margin-bottom:12px;

}

/*====================*/

.ai-node{

    position:absolute;

    width:120px;

    height:120px;

    border-radius:50%;

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

    backdrop-filter:blur(8px);

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

    color:#fff;

    display:flex;

    flex-direction:column;

    justify-content:center;

    align-items:center;

    transition:.35s;

    z-index:5;

}

.ai-node:hover{

    transform:scale(1.08);

    background:#2563eb;

}

.ai-node i{

    font-size:30px;

    margin-bottom:10px;

    color:#38bdf8;

}

.ai-node:hover i{

    color:#fff;

}

/* Positions */

.chatbot{left:290px;top:20px;}
.vision{right:70px;top:150px;}
.voice{right:70px;bottom:150px;}
.automation{left:290px;bottom:20px;}
.ocr{left:70px;bottom:150px;}
.analytics{left:70px;top:150px;}

/*====================*/

.ai-svg{

    position:absolute;

    inset:0;

    width:100%;

    height:100%;

    z-index:1;

}

.ai-svg line{

    stroke:url(#aiGradient);

    stroke-width:3;

    stroke-dasharray:10 8;

    animation:dataFlow 6s linear infinite;

}

/*====================*/

@keyframes pulseCore{

    0%,100%{

        box-shadow:0 0 35px rgba(124,58,237,.35);

    }

    50%{

        box-shadow:0 0 70px rgba(56,189,248,.8);

    }

}

@keyframes dataFlow{

    to{

        stroke-dashoffset:100;

    }

}

/*====================*/

@media(max-width:992px){

.ai-network{

width:100%;

height:auto;

display:grid;

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

gap:20px;

}

.ai-core{

position:relative;

left:auto;

top:auto;

transform:none;

grid-column:1/3;

margin:auto;

}

.ai-node{

position:relative;

left:auto;

right:auto;

top:auto;

bottom:auto;

margin:auto;

}

.ai-svg{

display:none;

}

}

/*=========================================
AI CORE
=========================================*/

.ai-core{

    position:absolute;

    left:50%;

    top:50%;

    transform:translate(-50%,-50%);

    width:220px;

    height:220px;

    border-radius:50%;

    display:flex;

    flex-direction:column;

    justify-content:center;

    align-items:center;

    z-index:20;

}

/*========================*/

.core-icon{

    width:110px;

    height:110px;

    border-radius:50%;

    background:linear-gradient(135deg,#2563eb,#7c3aed);

    display:flex;

    justify-content:center;

    align-items:center;

    color:white;

    z-index:10;

    box-shadow:

        0 0 35px rgba(37,99,235,.5),

        0 0 60px rgba(124,58,237,.35);

}

.core-icon i{

    font-size:52px;

}

.ai-core h4{

    margin-top:18px;

    color:white;

    font-weight:700;

}

/*=========================================
ROTATING RINGS
=========================================*/

.ring{

    position:absolute;

    border-radius:50%;

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

}

.ring1{

    width:180px;

    height:180px;

    animation:rotateRing 18s linear infinite;

}

.ring2{

    width:205px;

    height:205px;

    border-style:dashed;

    animation:rotateReverse 20s linear infinite;

}

.ring3{

    width:235px;

    height:235px;

    border-color:rgba(56,189,248,.18);

    animation:rotateRing 25s linear infinite;

}

@keyframes rotateRing{

from{

transform:rotate(0deg);

}

to{

transform:rotate(360deg);

}

}

@keyframes rotateReverse{

from{

transform:rotate(360deg);

}

to{

transform:rotate(0deg);

}

}

/*=========================================
CORE PULSE
=========================================*/

.core-pulse{

    position:absolute;

    width:120px;

    height:120px;

    border-radius:50%;

    background:rgba(37,99,235,.25);

    animation:corePulse 3s infinite;

}

@keyframes corePulse{

0%{

transform:scale(.8);

opacity:.8;

}

100%{

transform:scale(2.2);

opacity:0;

}

}

.ai-node{

    animation:floatNode 4s ease-in-out infinite;

}

.chatbot{

animation-delay:0s;

}

.vision{

animation-delay:.5s;

}

.voice{

animation-delay:1s;

}

.automation{

animation-delay:1.5s;

}

.ocr{

animation-delay:2s;

}

.analytics{

animation-delay:2.5s;

}

@keyframes floatNode{

0%,100%{

transform:translateY(0);

}

50%{

transform:translateY(-10px);

}

}


.ai-svg line{

stroke:url(#aiGradient);

stroke-width:3;

stroke-linecap:round;

stroke-dasharray:10 8;

animation:dataFlow 6s linear infinite;

filter:drop-shadow(0 0 5px rgba(56,189,248,.5));

}

@keyframes dataFlow{

0%{

stroke-dashoffset:0;

}

100%{

stroke-dashoffset:150;

}

}

/*=========================================
PARTICLES
=========================================*/

.particle{

position:absolute;

width:8px;

height:8px;

border-radius:50%;

background:#38bdf8;

box-shadow:0 0 15px #38bdf8;

animation:particleFloat 10s infinite linear;

}

.p1{

top:40px;

left:220px;

}

.p2{

top:120px;

right:180px;

animation-delay:2s;

}

.p3{

bottom:140px;

right:120px;

animation-delay:3s;

}

.p4{

bottom:60px;

left:220px;

animation-delay:5s;

}

.p5{

left:80px;

top:220px;

animation-delay:1s;

}

.p6{

right:80px;

bottom:220px;

animation-delay:4s;

}

@keyframes particleFloat{

0%{

transform:translateY(0);

opacity:.3;

}

50%{

transform:translateY(-20px);

opacity:1;

}

100%{

transform:translateY(0);

opacity:.3;

}

}

/*==========================================
AI Transformation
==========================================*/

.ai-transformation{

    background:#f8fbff;

}

.transformation-board{

    display:grid;

    grid-template-columns:2fr 120px 2fr;

    gap:18px;

    align-items:center;

}

.board-header{

    padding:18px;

    border-radius:14px;

    text-align:center;

    font-size:20px;

    font-weight:700;

    color:#fff;

}

.before{

    background:#ef4444;

}

.middle{

    background:linear-gradient(135deg,#2563eb,#7c3aed);

}

.after{

    background:#10b981;

}

.board-item{

    background:#fff;

    padding:22px;

    border-radius:18px;

    display:flex;

    align-items:center;

    gap:15px;

    font-weight:600;

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

    transition:.35s;

}

.board-item:hover{

    transform:translateY(-6px);

}

.board-item.before{

    border-left:5px solid #ef4444;

}

.board-item.after{

    border-left:5px solid #10b981;

}

.board-item i{

    width:48px;

    height:48px;

    border-radius:12px;

    display:flex;

    justify-content:center;

    align-items:center;

    color:#fff;

}

.board-item.before i{

    background:#ef4444;

}

.board-item.after i{

    background:#10b981;

}

.board-arrow{

    display:flex;

    justify-content:center;

    align-items:center;

    font-size:30px;

    color:#7c3aed;

    animation:arrowMove 1.5s infinite;

}

@keyframes arrowMove{

    0%,100%{

        transform:translateX(0);

    }

    50%{

        transform:translateX(10px);

    }

}

@media(max-width:991px){

.transformation-board{

grid-template-columns:1fr;

}

.board-arrow{

transform:rotate(90deg);

margin:10px 0;

}

}


/*==========================================
AI FACTORY
==========================================*/

.ai-factory{

    background:#081120;

    color:#fff;

}

.factory-layout{

    position:relative;

    display:grid;

    grid-template-columns:300px 1fr 300px;

    gap:60px;

    align-items:center;

    min-height:720px;

}

.factory-column h4{

    margin-bottom:30px;

    text-align:center;

    color:#38bdf8;

}

.factory-box{

    padding:18px;

    margin-bottom:18px;

    border-radius:16px;

    display:flex;

    align-items:center;

    gap:15px;

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

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

    backdrop-filter:blur(12px);

    transition:.35s;

    z-index:10;

    position:relative;

}

.factory-box:hover{

    transform:translateX(8px);

    border-color:#38bdf8;

    box-shadow:0 0 25px rgba(56,189,248,.25);

}

.factory-box i{

    width:48px;

    height:48px;

    border-radius:12px;

    display:flex;

    justify-content:center;

    align-items:center;

    background:#1e40af;

    color:#fff;

}

.output i{

    background:#0f766e;

}

/*========================*/

.factory-center{

    display:flex;

    justify-content:center;

    align-items:center;

}

.ai-engine{

    text-align:center;

}

.engine-core{

    width:180px;

    height:180px;

    border-radius:50%;

    margin:auto;

    display:flex;

    justify-content:center;

    align-items:center;

    background:linear-gradient(135deg,#2563eb,#7c3aed);

    box-shadow:

        0 0 45px rgba(37,99,235,.5),

        0 0 80px rgba(124,58,237,.35);

    animation:enginePulse 3s infinite;

}

.engine-core i{

    font-size:70px;

}

.ai-engine h3{

    margin-top:25px;

}

.ai-engine small{

    color:#94a3b8;

}

/*========================*/

.factory-svg{

    position:absolute;

    inset:0;

    width:100%;

    height:100%;

    pointer-events:none;

}

.factory-svg line{

    stroke:#38bdf8;

    stroke-width:2;

    stroke-dasharray:8 8;

    animation:dataFlow 6s linear infinite;

    opacity:.7;

}

@keyframes dataFlow{

    to{

        stroke-dashoffset:120;

    }

}

@keyframes enginePulse{

    0%,100%{

        transform:scale(1);

    }

    50%{

        transform:scale(1.08);

    }

}

@media(max-width:992px){

.factory-layout{

grid-template-columns:1fr;

}

.factory-svg{

display:none;

}

.factory-center{

margin:40px 0;

}

}

.enterprise-ai-section{

background:#050816;
color:#fff;
overflow:hidden;

}

.ai-timeline{

position:relative;
display:flex;
justify-content:space-between;
margin-top:70px;
flex-wrap:wrap;

}

.timeline-line{

position:absolute;
left:8%;
right:8%;
top:40px;
height:4px;
background:linear-gradient(90deg,#0dcaf0,#00ffcc);
border-radius:20px;

}

.timeline-item{

width:18%;
position:relative;
text-align:center;

}

.timeline-dot{

width:80px;
height:80px;
margin:auto;
border-radius:50%;
background:#111827;
display:flex;
align-items:center;
justify-content:center;
font-size:28px;
color:#00ffd5;
border:3px solid #00ffd5;
z-index:2;
position:relative;
transition:.4s;

}

.timeline-dot:hover{

transform:scale(1.15);
box-shadow:0 0 30px rgba(0,255,200,.5);

}

.timeline-card{

margin-top:30px;
padding:25px;
background:#111827;
border-radius:18px;
transition:.4s;

}

.timeline-card:hover{

transform:translateY(-12px);

background:#172554;

}

.timeline-card h5{

margin-bottom:15px;

}

.timeline-card p{

color:#cbd5e1;

}

@media(max-width:992px){

.timeline-item{

width:100%;
margin-bottom:50px;

}

.timeline-line{

display:none;

}

}

/* ==========================================
Industries Section
========================================== */

.ai-industries-section{

    background:#071421;
    color:#ffffff;
    position:relative;
    overflow:hidden;

}

.section-subtitle{

    display:inline-block;
    color:#22d3ee;
    font-size:14px;
    letter-spacing:3px;
    font-weight:700;

}

.section-title{

    font-size:42px;
    font-weight:700;
    color:#ffffff;

}

.section-description{

    max-width:850px;
    color:#17395d;
    font-size:18px;
    line-height:1.8;

}

.industry-row{

    margin-bottom:80px;

}

.industry-image{

    height:420px;
    border-radius:25px;
    overflow:hidden;
    position:relative;
    background-size:cover;
    background-position:center;
    transition:.4s;

}

.industry-image:hover{

    transform:translateY(-10px);

}

.banking-bg{

    background:linear-gradient(rgba(5,15,30,.55),rgba(5,15,30,.55)),
    url('/static/images/services/ai/banking.jpg');

}

.healthcare-bg{

    background:linear-gradient(rgba(5,15,30,.55),rgba(5,15,30,.55)),
    url('/static/images/services/ai/healthcare.jpg');

}

.retail-bg{

    background:linear-gradient(rgba(5,15,30,.55),rgba(5,15,30,.55)),
    url('/static/images/services/ai/retail.jpg');

}

.manufacturing-bg{

    background:linear-gradient(rgba(5,15,30,.55),rgba(5,15,30,.55)),
    url('/static/images/services/ai/manufacturing.jpg');

}

.industry-overlay{

    position:absolute;
    inset:0;
    display:flex;
    align-items:flex-end;
    padding:35px;
    background:linear-gradient(to top,
    rgba(0,0,0,.75),
    rgba(0,0,0,.05));

}

.industry-overlay h3{

    color:#fff;
    font-size:32px;
    font-weight:700;

}

.industry-content h3{

    color:#22d3ee;
    margin-bottom:20px;
    font-weight:700;

}

.industry-content p{

    color:#b8c7d6;
    line-height:1.9;
    font-size:17px;
    margin-bottom:30px;

}

.industry-tags{

    display:flex;
    flex-wrap:wrap;
    gap:12px;

}

.industry-tags span{

    background:rgba(34,211,238,.08);
    border:1px solid rgba(34,211,238,.35);
    color:#22d3ee;
    padding:10px 18px;
    border-radius:50px;
    font-size:14px;
    transition:.35s;

}

.industry-tags span:hover{

    background:#22d3ee;
    color:#071421;
    transform:translateY(-4px);

}

@media(max-width:992px){

.section-title{

    font-size:34px;

}

.industry-image{

    height:320px;

}

.industry-overlay h3{

    font-size:26px;

}

.industry-row{

    margin-bottom:60px;

}

}

/* ==========================================
AI Portfolio Section
========================================== */

.ai-portfolio-section{

    background:#081421;
    position:relative;
    overflow:hidden;

}

.section-badge{

    display:inline-block;
    padding:8px 20px;
    border-radius:30px;
    background: #67c1f5;
    color:#02272c;
    font-size:13px;
    font-weight:700;
    letter-spacing:2px;

}

.section-badge2{

    display:inline-block;
    padding:8px 20px;
    border-radius:30px;
    background:rgba(34,211,238,.12);
    color:#06616f;
    font-size:13px;
    font-weight:700;
    letter-spacing:2px;

}

.section-heading{

    color:#063057;
    font-size:42px;
    font-weight:700;
    margin-bottom:20px;

}

.section-text{

    color:#03254b;
    line-height:1.9;
    font-size:18px;

}

.solution-card{

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

    backdrop-filter:blur(16px);

    border:1px solid rgba(34,211,238,.12);

    border-radius:25px;

    padding:35px;

    height:100%;

    transition:.4s;

    position:relative;

    overflow:hidden;

}

.solution-card::before{

    content:"";

    position:absolute;

    width:250px;

    height:250px;

    background:radial-gradient(circle,
    rgba(34,211,238,.18),
    transparent);

    right:-120px;

    top:-120px;

    transition:.5s;

}

.solution-card:hover{

    transform:translateY(-12px);

    border-color:#22d3ee;

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

}

.solution-card:hover::before{

    transform:scale(1.3);

}

.solution-icon{

    width:80px;

    height:80px;

    border-radius:22px;

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

    display:flex;

    align-items:center;

    justify-content:center;

    margin-bottom:25px;

}

.solution-icon i{

    font-size:34px;

    color:#fff;

}

.solution-card h4{

    color:#ffffff;

    margin-bottom:18px;

    font-weight:700;

}

.solution-card p{

    color:#b6c5d3;

    line-height:1.8;

}

.solution-list{

    list-style:none;

    padding:0;

    margin-top:25px;

}

.solution-list li{

    color:#d4e4f2;

    margin-bottom:12px;

    position:relative;

    padding-left:28px;

}

.solution-list li::before{

    content:"✓";

    position:absolute;

    left:0;

    color:#22d3ee;

    font-weight:bold;

}

@media(max-width:992px){

.section-heading{

    font-size:34px;

}

.solution-card{

    padding:28px;

}

}

/*=====================================================
AI Delivery Methodology
=====================================================*/

.ai-process-section{

    background:#06131f;
    position:relative;
    overflow:hidden;

}

.process-badge{

    display:inline-block;
    padding:8px 20px;

    background:rgba(34,211,238,.12);

    color:#22d3ee;

    border-radius:30px;

    letter-spacing:2px;

    font-size:13px;

    font-weight:700;

}

.process-title{

    color:#031244;

    font-size:42px;

    font-weight:700;

}

.process-description{

    max-width:860px;

    color:#02203f;

    line-height:1.9;

    font-size:18px;

}

.process-flow{

    position:relative;

    max-width:1100px;

    margin:auto;

    padding:40px 0;

}

.process-flow::before{

    content:"";

    position:absolute;

    left:50%;

    top:0;

    width:4px;

    height:100%;

    transform:translateX(-50%);

    background:linear-gradient(

        to bottom,

        #06b6d4,

        #2563eb

    );

}

.process-item{

    width:50%;

    position:relative;

    padding:30px;

}

.process-item.left{

    left:0;

    text-align:right;

}

.process-item.right{

    left:50%;

}

.process-number{

    position:absolute;

    top:40px;

    width:70px;

    height:70px;

    border-radius:50%;

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

    color:#fff;

    font-size:24px;

    font-weight:700;

    display:flex;

    align-items:center;

    justify-content:center;

    z-index:5;

    box-shadow:0 0 25px rgba(6,182,212,.45);

}

.process-item.left .process-number{

    right:-35px;

}

.process-item.right .process-number{

    left:-35px;

}

.process-card{

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

    backdrop-filter:blur(15px);

    border:1px solid rgba(34,211,238,.12);

    border-radius:24px;

    padding:35px;

    transition:.4s;

}

.process-card:hover{

    transform:translateY(-8px);

    border-color:#22d3ee;

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

}

.process-icon{

    width:75px;

    height:75px;

    border-radius:20px;

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

    display:flex;

    align-items:center;

    justify-content:center;

    margin-bottom:25px;

}

.process-item.left .process-icon{

    margin-left:auto;

}

.process-icon i{

    color:#fff;

    font-size:30px;

}

.process-card h4{

    color:#fff;

    font-weight:700;

    margin-bottom:18px;

}

.process-card p{

    color:#b8c7d6;

    line-height:1.8;

    margin:0;

}

/* Mobile */

@media(max-width:991px){

.process-flow::before{

    left:25px;

}

.process-item{

    width:100%;

    left:0!important;

    text-align:left;

    padding-left:80px;

    padding-right:0;

}

.process-number{

    left:-10px!important;

    right:auto!important;

}

.process-item.left .process-icon{

    margin-left:0;

}

.process-title{

    font-size:34px;

}

}


/*==================================================
Enterprise AI Integration
==================================================*/

.integration-section{

    background:#081522;
    position:relative;
    overflow:hidden;

}

.integration-badge{

    display:inline-block;
    padding:8px 20px;
    border-radius:30px;
    background:rgba(34,211,238,.12);
    color:#22d3ee;
    font-size:13px;
    font-weight:700;
    letter-spacing:2px;

}

.integration-title{

    color:#fff;
    font-size:42px;
    font-weight:700;

}

.integration-description{

    max-width:850px;
    color:#a9bfd2;
    font-size:18px;
    line-height:1.9;

}

/* Layout */

.integration-wrapper{

    width:900px;
    height:900px;
    margin:80px auto 0;
    position:relative;

}

/* Center */

.ai-center{

    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);

}

.center-circle{

    width:180px;
    height:180px;

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

    border-radius:50%;

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

    color:#fff;

    position:relative;
    z-index:20;

    box-shadow:0 0 45px rgba(6,182,212,.45);

}

.center-circle i{

    font-size:48px;
    margin-bottom:10px;

}

.center-circle h3{

    font-weight:700;
    margin:0;

}

.center-circle small{

    color:#dbeafe;

}

/* Pulse */

.pulse-ring{

    position:absolute;

    top:50%;
    left:50%;

    transform:translate(-50%,-50%);

    border-radius:50%;

    border:2px solid rgba(34,211,238,.25);

    animation:pulse 3s infinite;

}

.ring-1{

    width:250px;
    height:250px;

}

.ring-2{

    width:340px;
    height:340px;
    animation-delay:1.5s;

}

@keyframes pulse{

0%{

transform:translate(-50%,-50%) scale(.8);
opacity:.8;

}

100%{

transform:translate(-50%,-50%) scale(1.3);
opacity:0;

}

}

/* Nodes */

.integration-node{

    position:absolute;
    width:220px;

}

.node-card{

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

    backdrop-filter:blur(15px);

    border:1px solid rgba(34,211,238,.15);

    border-radius:20px;

    padding:22px;

    text-align:center;

    transition:.35s;

}

.node-card:hover{

    transform:translateY(-8px);

    border-color:#22d3ee;

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

}

.node-card i{

    width:70px;
    height:70px;
    border-radius:18px;

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

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

    color:#fff;

    margin:0 auto 18px;

    font-size:30px;

}

.node-card h5{

    color:#fff;
    font-weight:600;

}

.node-card p{

    color:#b7cad9;
    font-size:15px;
    margin-bottom:0;

}

/* Positions */

.top{top:0;left:50%;transform:translateX(-50%);}
.bottom{bottom:0;left:50%;transform:translateX(-50%);}
.left{left:0;top:50%;transform:translateY(-50%);}
.right{right:0;top:50%;transform:translateY(-50%);}
.top-left{top:120px;left:40px;}
.top-right{top:120px;right:40px;}
.bottom-left{bottom:120px;left:40px;}
.bottom-right{bottom:120px;right:40px;}

/* Mobile */

@media(max-width:991px){

.integration-wrapper{

width:100%;
height:auto;
display:grid;
grid-template-columns:1fr;
gap:25px;

}

.ai-center{

position:relative;
transform:none;
left:auto;
top:auto;
margin:0 auto 50px;

}

.integration-node{

position:relative;
width:100%;
top:auto;
bottom:auto;
left:auto;
right:auto;
transform:none;

}

.pulse-ring{

display:none;

}

.integration-title{

font-size:34px;

}

}


/*==========================================
AI FAQ Section
==========================================*/

.ai-faq-section{

    background:#081421;

}

.faq-badge{

    display:inline-block;
    padding:8px 22px;
    border-radius:30px;
    background:rgba(34,211,238,.12);
    color:#22d3ee;
    font-size:13px;
    font-weight:700;
    letter-spacing:2px;

}

.faq-title{

    color:#ffffff;
    font-size:42px;
    font-weight:700;

}

.faq-description{

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

}

.ai-faq .accordion-item{

    background:#0d1d2d;
    border:1px solid rgba(34,211,238,.12);
    border-radius:16px;
    overflow:hidden;
    margin-bottom:18px;

}

.ai-faq .accordion-button{

    background:#0d1d2d;
    color:#ffffff;
    font-size:18px;
    font-weight:600;
    padding:22px 28px;
    box-shadow:none;

}

.ai-faq .accordion-button:not(.collapsed){

    background:#10273d;
    color:#22d3ee;

}

.ai-faq .accordion-button:focus{

    box-shadow:none;

}

.ai-faq .accordion-button::after{

    filter:brightness(0) invert(1);

}

.ai-faq .accordion-body{

    background:#081421;
    color:#b8cad8;
    line-height:1.9;
    font-size:16px;
    padding:24px 28px;

}

@media(max-width:991px){

.faq-title{

    font-size:34px;

}

.ai-faq .accordion-button{

    font-size:17px;

}

}