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

.services-hero{

background:#071321;

position:relative;

overflow:hidden;

padding:120px 0 90px;

}

.hero-grid{

position:absolute;

inset:0;

background-image:
linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),
linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);

background-size:45px 45px;

pointer-events:none;

}

.hero-glow{

position:absolute;

border-radius:50%;

filter:blur(130px);

pointer-events:none;

}

.hero-glow-1{

width:320px;

height:320px;

background:#06b6d4;

top:-120px;

left:-100px;

opacity:.15;

}

.hero-glow-2{

width:380px;

height:380px;

background:#2563eb;

bottom:-120px;

right:-120px;

opacity:.15;

}

.services-hero .container{

position:relative;

z-index:2;

}

.hero-description{

color:#b8cad8;

font-size:18px;

line-height:1.9;

margin-top:30px;

}

.hero-points{

display:grid;

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

gap:18px;

margin-top:40px;

}

.hero-points span{

color:#dce7f2;

}

.hero-points i{

color:#22d3ee;

margin-right:10px;

}

.hero-image{

text-align:center;

}

.hero-image img{

max-width:430px;

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

}

.service-stats{

background:#081421;

padding:70px 0;

}

.stat-box{

background:#0d1d2d;

padding:35px;

text-align:center;

border-radius:22px;

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

transition:.35s;

height:100%;

}

.stat-box:hover{

transform:translateY(-8px);

border-color:#22d3ee;

}

.stat-box h2{

font-size:44px;

color:#22d3ee;

font-weight:700;

}

.stat-box p{

margin:0;

color:#dce7f2;

}

/*======================================================
Featured Service
======================================================*/

.featured-service-section{

    background:#012036;

}

.featured-service-card{

    background:linear-gradient(
        135deg,
        rgba(255,255,255,.04),
        rgba(255,255,255,.02)
    );

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

    border-radius:30px;

    padding:60px;

    transition:.35s;

    position:relative;

    overflow:hidden;

}

.featured-service-card:hover{

    transform:translateY(-8px);

    border-color:#22d3ee;

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

}

.featured-service-card::before{

    content:"";

    position:absolute;

    width:350px;

    height:350px;

    border-radius:50%;

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

    top:-150px;

    right:-120px;

}

.service-image-box{

    background:#0d1d2d;

    border-radius:25px;

    padding:40px;

    text-align:center;

}

.service-image-box img{

    max-width:320px;

    transition:.4s;

}

.featured-service-card:hover img{

    transform:scale(1.05);

}

.service-label{

    display:inline-block;

    padding:8px 18px;

    border-radius:30px;

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

    color:#22d3ee;

    font-size:13px;

    font-weight:600;

    letter-spacing:1px;

}

.featured-title{

    color:#fff;

    font-size:42px;

    font-weight:700;

    margin:20px 0;

}

.featured-description{

    color:#051b2c;

    line-height:1.9;

    font-size:17px;

}

.featured-descriptions{

    color:#88c4f1;

    line-height:1.9;

    font-size:17px;

}


.service-features{

    display:grid;

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

    gap:14px;

    margin:30px 0;

}

.service-features div{

    color:#dce7f2;

}

.service-features i{

    color:#22d3ee;

    margin-right:8px;

}

.technology-tags{

    display:flex;

    flex-wrap:wrap;

    gap:10px;

    margin-bottom:35px;

}

.technology-tags span{

    padding:8px 16px;

    background:#122538;

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

    border-radius:30px;

    color:#9ee7ff;

    font-size:14px;

}

.featured-buttons .btn{

    padding:14px 30px;

    border-radius:50px;

    margin-right:15px;

}

@media(max-width:991px){

.featured-service-card{

    padding:35px;

}

.service-image-box{

    margin-bottom:35px;

}

.service-features{

    grid-template-columns:1fr;

}

.featured-title{

    font-size:34px;

}

}

/*=====================================================
Service Showcase
=====================================================*/

.services-list-section{

    background:#071321;

}

.service-showcase{

    display:grid;

    grid-template-columns:420px 1fr;

    gap:70px;

    align-items:center;

    margin-bottom:100px;

}

.service-showcase.reverse{

    grid-template-columns:1fr 420px;

}

.service-showcase.reverse .service-image{

    order:2;

}

.service-showcase.reverse .service-content{

    order:1;

}

.service-image-wrapper{

    background:#0d1d2d;

    border-radius:28px;

    padding:40px;

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

    text-align:center;

    transition:.35s;

}

.service-image-wrapper:hover{

    transform:translateY(-8px);

    border-color:#22d3ee;

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

}

.service-image img{

    width:100%;

    max-width:280px;

    transition:.35s;

}

.service-image-wrapper:hover img{

    transform:scale(1.08);

}

.service-category{

    display:inline-block;

    padding:8px 18px;

    border-radius:30px;

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

    color:#22d3ee;

    font-size:13px;

    font-weight:600;

    letter-spacing:1px;

    margin-bottom:20px;

}

.service-content h2{

    color:#fff;

    font-size:40px;

    font-weight:700;

    margin-bottom:10px;

}

.service-content h5{

    color:#22d3ee;

    margin-bottom:20px;

}

.service-content p{

    color:#093252;

    line-height:1.9;

    text-align:justify;

}

.service-contents p{

    color:#7cb8e6;

    line-height:1.9;

    text-align:justify;

}

.service-highlights{

    display:grid;

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

    gap:14px;

    margin:35px 0;

}

.service-highlights span{

    color:#052f59;

}

.service-highlights i{

    color:#22d3ee;

    margin-right:8px;

}

.service-actions{

    margin-top:20px;

}

.service-actions .btn{

    padding:14px 28px;

    border-radius:50px;

    margin-right:15px;

}

/* Mobile */

@media(max-width:991px){

.service-showcase{

    grid-template-columns:1fr;

    gap:35px;

}

.service-showcase.reverse{

    grid-template-columns:1fr;

}

.service-showcase.reverse .service-image,

.service-showcase.reverse .service-content{

    order:initial;

}

.service-content h2{

    font-size:32px;

}

.service-highlights{

    grid-template-columns:1fr;

}

.service-actions .btn{

    width:100%;

    margin-bottom:15px;

}

}

.app-bg{

background:linear-gradient(
135deg,
#071321,
#0b2238);

border-radius:35px;

padding:60px;

margin-bottom:80px;

}

.mobile-bg{

background:linear-gradient(
135deg,
#0b1730,
#132f53);

border-radius:35px;

padding:60px;

margin-bottom:80px;

}

.ai-bg{

background:linear-gradient(
135deg,
#091b28,
#0d3c57);

border-radius:35px;

padding:60px;

margin-bottom:80px;

}

.db-bg{

background:linear-gradient(
135deg,
#10213b,
#1a3157);

border-radius:35px;

padding:60px;

margin-bottom:80px;

}

.cloud-bg{

background:linear-gradient(
135deg,
#0b2235,
#0f4260);

border-radius:35px;

padding:60px;

margin-bottom:80px;

}

.support-bg{

background:linear-gradient(
135deg,
#132038,
#183e66);

border-radius:35px;

padding:60px;

margin-bottom:80px;

}

/*======================================================
Why InspireGS
======================================================*/

.why-inspire-section{

    background:#081421;

}

.why-card{

    background:#0d1d2d;

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

    border-radius:28px;

    padding:40px;

    height:100%;

    transition:.35s;

    position:relative;

    overflow:hidden;

}

.why-card:hover{

    transform:translateY(-8px);

    border-color:#22d3ee;

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

}

.why-card::before{

    content:"";

    position:absolute;

    width:250px;

    height:250px;

    background:radial-gradient(

        rgba(34,211,238,.15),

        transparent

    );

    right:-120px;

    top:-120px;

}

.why-icon{

    width:72px;

    height:72px;

    border-radius:18px;

    background:linear-gradient(

        135deg,

        #06b6d4,

        #2563eb

    );

    display:flex;

    justify-content:center;

    align-items:center;

    margin-bottom:25px;

}

.why-icon.big{

    width:100px;

    height:100px;

    margin:auto;

}

.why-icon i{

    color:#fff;

    font-size:30px;

}

.why-card h3,
.why-card h4{

    color:#fff;

    margin-bottom:18px;

    font-weight:700;

}

.why-card p{

    color:#b9cad8;

    line-height:1.9;

    margin-bottom:0;

}

.featured-card{

    padding:50px;

}

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

.industries-section{

    background:#071321;

}

.industry-card{

    background:#0d1d2d;

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

    border-radius:25px;

    padding:35px;

    height:100%;

    transition:.35s;

    position:relative;

    overflow:hidden;

}

.industry-card:hover{

    transform:translateY(-10px);

    border-color:#22d3ee;

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

}

.industry-card::before{

    content:"";

    position:absolute;

    width:220px;

    height:220px;

    border-radius:50%;

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

    top:-100px;

    right:-100px;

}

.industry-icon{

    width:75px;

    height:75px;

    border-radius:18px;

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

    display:flex;

    align-items:center;

    justify-content:center;

    margin-bottom:25px;

}

.industry-icon i{

    color:#fff;

    font-size:32px;

}

.industry-card h4{

    color:#fff;

    font-weight:700;

    margin-bottom:15px;

}

.industry-card p{

    color:#b8cad8;

    line-height:1.8;

    margin-bottom:25px;

}

.industry-tags{

    display:flex;

    flex-wrap:wrap;

    gap:10px;

}

.industry-tags span{

    background:#122538;

    color:#9ee7ff;

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

    padding:8px 14px;

    border-radius:30px;

    font-size:13px;

}

/*======================================================
Engagement Models
======================================================*/

.engagement-section{

    background:#081421;

}

.engagement-card{

    background:#0d1d2d;

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

    border-radius:28px;

    padding:40px;

    text-align:center;

    height:100%;

    transition:.35s;

    position:relative;

    overflow:hidden;

}

.engagement-card:hover{

    transform:translateY(-10px);

    border-color:#22d3ee;

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

}

.featured-model{

    border:2px solid #22d3ee;

    transform:scale(1.04);

}

.featured-model:hover{

    transform:scale(1.06);

}

.recommended{

    position:absolute;

    top:20px;

    right:-45px;

    background:#22d3ee;

    color:#071321;

    padding:8px 50px;

    font-size:12px;

    font-weight:700;

    transform:rotate(45deg);

}

.engagement-icon{

    width:85px;

    height:85px;

    margin:0 auto 25px;

    border-radius:20px;

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

    display:flex;

    align-items:center;

    justify-content:center;

}

.engagement-icon i{

    font-size:36px;

    color:#fff;

}

.engagement-card h3{

    color:#fff;

    margin-bottom:18px;

    font-weight:700;

}

.engagement-card p{

    color:#b8cad8;

    line-height:1.8;

    margin-bottom:25px;

}

.engagement-card ul{

    list-style:none;

    padding:0;

    margin-bottom:30px;

}

.engagement-card li{

    color:#dce7f2;

    margin-bottom:12px;

    text-align:left;

}

.engagement-card .btn{

    border-radius:30px;

    padding:12px 28px;

}


/*======================================================
Services FAQ
======================================================*/

.services-faq-section{

    background:#071321;

}

.inspire-faq .accordion-item{

    background:#0d1d2d;

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

    border-radius:18px;

    overflow:hidden;

    margin-bottom:18px;

}

.inspire-faq .accordion-button{

    background:#0d1d2d;

    color:#ffffff;

    font-size:18px;

    font-weight:600;

    padding:22px 28px;

    box-shadow:none;

}

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

    background:#122538;

    color:#22d3ee;

}

.inspire-faq .accordion-button:focus{

    box-shadow:none;

}

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

    filter:brightness(0) invert(1);

}

.inspire-faq .accordion-body{

    background:#081421;

    color:#b8cad8;

    line-height:1.9;

    padding:24px 28px;

}

@media(max-width:991px){

.inspire-faq .accordion-button{

    font-size:17px;

}

}