.elementor-706 .elementor-element.elementor-element-cfd940a{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-d148857 *//* ===================================================
B2B GROWTH FOR SAAS - PREMIUM VERSION
Colors:
#0A202E
#0B2635
#12CFFF
=================================================== */

.industry-page{
    background:#0A202E;
    color:#fff;
    font-family:'Inter',sans-serif;
    position:relative;
    overflow:hidden;
}

/* Ambient Background Glow */

.industry-page:before{
    content:"";
    position:absolute;
    top:-150px;
    left:-250px;
    width:700px;
    height:700px;

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

    filter:blur(120px);
    pointer-events:none;
}

.industry-page:after{
    content:"";
    position:absolute;
    right:-250px;
    bottom:100px;

    width:650px;
    height:650px;

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

    filter:blur(140px);
    pointer-events:none;
}

.industry-container{
    width:90%;
    max-width:1120px;
    margin:auto;
    position:relative;
    z-index:2;
}

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

.industry-hero{
    padding:90px 0 70px;
    border-bottom:1px solid rgba(255,255,255,.05);
}

.industry-breadcrumb{
    font-size:13px;
    color:#89A2B3;
    margin-bottom:30px;
}

.industry-hero h1{
    font-size:58px;
    line-height:1.05;
    font-weight:700;
    margin-bottom:24px;
    letter-spacing:-1px;
}

.industry-hero p{
    max-width:620px;
    color:#A8BFCD;
    font-size:18px;
    line-height:1.8;
    margin-bottom:35px;
}

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

.industry-btn{

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

    padding:16px 34px;

    background:#12CFFF;
    color:#00131f;

    border-radius:12px;

    text-decoration:none;
    font-weight:600;

    position:relative;
    overflow:hidden;

    transition:.35s ease;

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

.industry-btn:hover{

    transform:translateY(-4px);

    box-shadow:
    0 0 35px rgba(18,207,255,.45),
    0 0 90px rgba(18,207,255,.25);
}

/* ===================================
RECOMMENDED SERVICES
=================================== */

.industry-services{
    padding:55px 0;
}

.industry-services h2{
    font-size:36px;
    margin-bottom:28px;
}

.service-tags{
    display:flex;
    flex-wrap:wrap;
    gap:16px;
}

.service-tags a{

    text-decoration:none;

    padding:14px 24px;

    border-radius:12px;

    color:#D9E7EF;

    background:
    linear-gradient(
        180deg,
        rgba(18,51,72,.95),
        rgba(11,38,53,.95)
    );

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

    transition:.35s ease;

    box-shadow:
    0 0 15px rgba(0,209,255,.03);
}

.service-tags a:hover{

    transform:translateY(-4px);

    border-color:#12CFFF;

    box-shadow:
    0 0 25px rgba(18,207,255,.15),
    inset 0 0 20px rgba(18,207,255,.05);
}

/* ===================================
FAQ SECTION
=================================== */

.industry-faq-wrap{
    padding:30px 0 90px;
}

.industry-faq-box{

    position:relative;

    padding:60px;

    background:
    linear-gradient(
        180deg,
        rgba(18,51,72,.98),
        rgba(11,38,53,.96)
    );

    border-radius:30px;

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

    overflow:hidden;

    box-shadow:
    0 30px 70px rgba(0,0,0,.35),
    0 0 70px rgba(18,207,255,.05),
    inset 0 1px 0 rgba(255,255,255,.06);
}

/* FAQ Top Glow */

.industry-faq-box:before{

    content:"";

    position:absolute;

    top:-150px;
    left:50%;

    transform:translateX(-50%);

    width:550px;
    height:250px;

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

    filter:blur(80px);

    pointer-events:none;
}

.industry-faq-box h2{
    text-align:center;
    font-size:42px;
    margin-bottom:14px;
    position:relative;
    z-index:2;
}

.industry-faq-box > p{
    text-align:center;
    color:#A4BBC9;
    margin-bottom:40px;
    position:relative;
    z-index:2;
}

.industry-faq{
    max-width:760px;
    margin:auto;
    position:relative;
    z-index:2;
}

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

.faq-item{

    background:
    linear-gradient(
        180deg,
        rgba(18,51,72,.96),
        rgba(18,51,72,.88)
    );

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

    border-radius:16px;

    overflow:hidden;

    margin-bottom:16px;

    transition:.35s ease;
}

.faq-item:hover{

    transform:translateY(-3px);

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

    box-shadow:
    0 0 30px rgba(18,207,255,.08);
}

.faq-item.active{

    border-color:#12CFFF;

    box-shadow:
    0 0 40px rgba(18,207,255,.12);
}

.faq-question{

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

    padding:24px 26px;

    cursor:pointer;

    font-size:16px;
    font-weight:600;

    transition:.3s ease;
}

.faq-item.active .faq-question{
    color:#12CFFF;
}

.faq-arrow{

    color:#12CFFF;

    font-size:22px;

    transition:.35s ease;
}

.faq-item.active .faq-arrow{
    transform:rotate(45deg);
}

.faq-answer{

    max-height:0;

    overflow:hidden;

    transition:.4s ease;

    color:#A5BDCB;

    line-height:1.8;

    padding:0 26px;
}

.faq-item.active .faq-answer{

    max-height:250px;

    padding:0 26px 24px;
}

/* ===================================
GLASS BORDER SHINE
=================================== */

.industry-faq-box:after{

    content:"";

    position:absolute;
    inset:0;

    border-radius:30px;

    background:
    linear-gradient(
        135deg,
        rgba(255,255,255,.06),
        transparent 25%,
        transparent 75%,
        rgba(18,207,255,.08)
    );

    pointer-events:none;
}

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

@media(max-width:991px){

    .industry-hero h1{
        font-size:46px;
    }

    .industry-faq-box{
        padding:40px;
    }
}

@media(max-width:767px){

    .industry-hero{
        padding:70px 0 50px;
    }

    .industry-hero h1{
        font-size:34px;
    }

    .industry-hero p{
        font-size:16px;
    }

    .industry-services h2{
        font-size:26px;
    }

    .industry-faq-box{
        padding:30px 20px;
        border-radius:22px;
    }

    .industry-faq-box h2{
        font-size:28px;
    }

    .service-tags{
        flex-direction:column;
    }

    .service-tags a{
        text-align:center;
    }

    .faq-question{
        font-size:15px;
        padding:20px;
    }

    .faq-answer{
        font-size:14px;
    }
}/* End custom CSS */