.elementor-102 .elementor-element.elementor-element-99f3627{width:var( --container-widget-width, 99.769% );max-width:99.769%;--container-widget-width:99.769%;--container-widget-flex-grow:0;}.elementor-102 .elementor-element.elementor-element-99f3627.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-102 .elementor-element.elementor-element-1e361c4{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-102 .elementor-element.elementor-element-7494d80{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}/* Start custom CSS for html, class: .elementor-element-f583b23 *//*=========================================
        COMMUNITY HERO
=========================================*/

.community-hero{

    position:relative;

    overflow:hidden;

    padding:140px 60px 120px;

    background:linear-gradient(135deg,#050b17,#081320 60%,#111c33);

}

.community-grid{

    position:absolute;

    inset:0;

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

    background-size:60px 60px;

    opacity:.25;

}

.community-glow{

    position:absolute;

    border-radius:50%;

    filter:blur(100px);

    opacity:.25;

}

.glow-one{

    width:320px;

    height:320px;

    background:#7d3cff;

    top:-120px;

    left:-100px;

}

.glow-two{

    width:340px;

    height:340px;

    background:#ff00cc;

    right:-120px;

    bottom:-120px;

}

.community-container{

    position:relative;

    max-width:1450px;

    margin:auto;

    display:grid;

    grid-template-columns:1.2fr 1fr;

    gap:70px;

    align-items:center;

}

.community-badge{

    display:inline-block;

    padding:12px 24px;

    border-radius:40px;

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

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

    color:#b86cff;

    font-size:13px;

    font-weight:700;

    letter-spacing:1px;

    margin-bottom:25px;

}

.community-content h1{

    color:#fff;

    font-size:64px;

    line-height:1.1;

    margin-bottom:28px;

    font-weight:800;

}

.community-content h1 span{

    background:linear-gradient(90deg,#7d3cff,#ff00cc);

    -webkit-background-clip:text;

    -webkit-text-fill-color:transparent;

}

.community-content p{

    color:#b8bfd2;

    font-size:19px;

    line-height:1.9;

    max-width:720px;

}

.community-buttons{

    display:flex;

    gap:20px;

    margin:45px 0;

    flex-wrap:wrap;

}

.btn-primary{

    padding:18px 34px;

    border-radius:50px;

    text-decoration:none;

    color:#fff;

    font-weight:700;

    background:linear-gradient(90deg,#7d3cff,#ff00cc);

    transition:.3s;

}

.btn-primary:hover{

    transform:translateY(-4px);

}

.btn-secondary{

    padding:18px 34px;

    border-radius:50px;

    text-decoration:none;

    color:#fff;

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

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

    transition:.3s;

}

.btn-secondary:hover{

    border-color:#8d34ff;

}

.community-stats{

    display:flex;

    gap:25px;

    flex-wrap:wrap;

}

.stat-box{

    min-width:150px;

    padding:22px;

    border-radius:20px;

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

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

}

.stat-box h3{

    color:#fff;

    font-size:34px;

    margin-bottom:8px;

}

.stat-box span{

    color:#b8bfd2;

}

/* Dashboard */

.dashboard-card{

    border-radius:28px;

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

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

    backdrop-filter:blur(20px);

    overflow:hidden;

}

.card-top{

    display:flex;

    gap:10px;

    padding:18px;

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

}

.card-top span{

    width:12px;

    height:12px;

    border-radius:50%;

    background:#7d3cff;

}

.community-feed{

    padding:30px;

}

.feed-item{

    display:flex;

    gap:20px;

    align-items:center;

    padding:22px;

    margin-bottom:20px;

    border-radius:18px;

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

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

    transition:.3s;

}

.feed-item:hover{

    transform:translateX(8px);

    border-color:#8d34ff;

}

.feed-icon{

    width:60px;

    height:60px;

    display:flex;

    align-items:center;

    justify-content:center;

    border-radius:18px;

    background:linear-gradient(135deg,#7d3cff,#ff00cc);

    font-size:26px;

}

.feed-item strong{

    color:#fff;

    display:block;

    margin-bottom:6px;

}

.feed-item p{

    color:#b8bfd2;

    margin:0;

    font-size:15px;

}

/* Responsive */

@media(max-width:1024px){

.community-container{

grid-template-columns:1fr;

}

}

@media(max-width:768px){

.community-hero{

padding:100px 20px 80px;

}

.community-content h1{

font-size:42px;

}

.community-buttons{

flex-direction:column;

}

.btn-primary,
.btn-secondary{

text-align:center;

}

.community-stats{

justify-content:center;

}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-50ed2e2 *//*=========================================
        WHY JOIN COMMUNITY
=========================================*/

.community-benefits{

    padding:120px 60px;

    background:linear-gradient(180deg,#081320,#050b17);

}

.benefits-header{

    max-width:850px;

    margin:0 auto 70px;

    text-align:center;

}

.benefits-tag{

    display:inline-block;

    padding:10px 22px;

    border-radius:40px;

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

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

    color:#b86cff;

    font-size:13px;

    font-weight:700;

    letter-spacing:1px;

    margin-bottom:20px;

}

.benefits-header h2{

    color:#fff;

    font-size:48px;

    font-weight:800;

    margin-bottom:20px;

}

.benefits-header p{

    color:#b8bfd2;

    font-size:18px;

    line-height:1.8;

}

.benefits-grid{

    max-width:1400px;

    margin:auto;

    display:grid;

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

    gap:30px;

}

.benefit-card{

    position:relative;

    padding:35px;

    border-radius:24px;

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

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

    backdrop-filter:blur(18px);

    transition:.35s;

}

.benefit-card:hover{

    transform:translateY(-10px);

    border-color:#8d34ff;

    box-shadow:0 20px 40px rgba(125,60,255,.18);

}

.benefit-card.featured{

    border:2px solid #8d34ff;

    background:linear-gradient(
        180deg,
        rgba(125,60,255,.10),
        rgba(255,255,255,.04));

}

.benefit-badge{

    position:absolute;

    top:-14px;

    left:25px;

    padding:8px 16px;

    border-radius:30px;

    background:linear-gradient(90deg,#7d3cff,#ff00cc);

    color:#fff;

    font-size:11px;

    font-weight:700;

}

.benefit-icon{

    width:70px;

    height:70px;

    display:flex;

    align-items:center;

    justify-content:center;

    border-radius:20px;

    background:linear-gradient(135deg,#7d3cff,#ff00cc);

    font-size:32px;

    margin-bottom:22px;

}

.benefit-card h3{

    color:#fff;

    font-size:26px;

    margin-bottom:15px;

}

.benefit-card p{

    color:#b8bfd2;

    line-height:1.8;

}

@media(max-width:1024px){

.benefits-grid{

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

}

}

@media(max-width:768px){

.community-benefits{

padding:80px 20px;

}

.benefits-header h2{

font-size:36px;

}

.benefits-grid{

grid-template-columns:1fr;

}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-eaea0ae *//*=========================================
        COMMUNITY SPACES
=========================================*/

.community-spaces{

    padding:120px 60px;

    background:linear-gradient(180deg,#050b17,#081320);

}

.spaces-header{

    max-width:850px;

    margin:0 auto 70px;

    text-align:center;

}

.spaces-tag{

    display:inline-block;

    padding:10px 22px;

    border-radius:40px;

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

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

    color:#b86cff;

    font-size:13px;

    font-weight:700;

    letter-spacing:1px;

    margin-bottom:20px;

}

.spaces-header h2{

    color:#fff;

    font-size:48px;

    font-weight:800;

    margin-bottom:20px;

}

.spaces-header p{

    color:#b8bfd2;

    font-size:18px;

    line-height:1.8;

}

.spaces-grid{

    max-width:1450px;

    margin:auto;

    display:grid;

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

    gap:30px;

}

.space-card{

    position:relative;

    padding:35px;

    border-radius:24px;

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

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

    backdrop-filter:blur(18px);

    transition:.35s;

}

.space-card:hover{

    transform:translateY(-10px);

    border-color:#8d34ff;

    box-shadow:0 20px 40px rgba(125,60,255,.18);

}

.space-card.featured{

    border:2px solid #8d34ff;

    background:linear-gradient(
        180deg,
        rgba(125,60,255,.10),
        rgba(255,255,255,.04));

}

.space-badge{

    position:absolute;

    top:-14px;

    left:25px;

    padding:8px 16px;

    border-radius:30px;

    background:linear-gradient(90deg,#7d3cff,#ff00cc);

    color:#fff;

    font-size:11px;

    font-weight:700;

}

.space-icon{

    width:70px;

    height:70px;

    display:flex;

    align-items:center;

    justify-content:center;

    border-radius:20px;

    background:linear-gradient(135deg,#7d3cff,#ff00cc);

    font-size:32px;

    margin-bottom:22px;

}

.space-card h3{

    color:#fff;

    font-size:26px;

    margin-bottom:15px;

}

.space-card p{

    color:#b8bfd2;

    line-height:1.8;

    margin-bottom:20px;

}

.space-card span{

    display:inline-block;

    padding:8px 16px;

    border-radius:30px;

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

    color:#d6b6ff;

    font-size:13px;

    font-weight:600;

}

@media(max-width:1024px){

.spaces-grid{

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

}

}

@media(max-width:768px){

.community-spaces{

padding:80px 20px;

}

.spaces-header h2{

font-size:36px;

}

.spaces-grid{

grid-template-columns:1fr;

}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-026afd5 *//*=========================================
        FEATURED DISCUSSIONS
=========================================*/

.featured-discussions{

    padding:120px 60px;

    background:linear-gradient(180deg,#081320,#050b17);

}

.discussion-header{

    max-width:850px;

    margin:0 auto 70px;

    text-align:center;

}

.discussion-tag{

    display:inline-block;

    padding:10px 22px;

    border-radius:40px;

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

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

    color:#b86cff;

    font-size:13px;

    font-weight:700;

    letter-spacing:1px;

    margin-bottom:20px;

}

.discussion-header h2{

    color:#fff;

    font-size:48px;

    font-weight:800;

    margin-bottom:20px;

}

.discussion-header p{

    color:#b8bfd2;

    font-size:18px;

    line-height:1.8;

}

.discussion-list{

    max-width:1200px;

    margin:auto;

    display:flex;

    flex-direction:column;

    gap:24px;

}

.discussion-card{

    padding:35px;

    border-radius:24px;

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

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

    transition:.35s;

}

.discussion-card:hover{

    transform:translateY(-6px);

    border-color:#8d34ff;

    box-shadow:0 20px 40px rgba(125,60,255,.18);

}

.discussion-card.featured{

    border:2px solid #8d34ff;

    background:linear-gradient(
        180deg,
        rgba(125,60,255,.10),
        rgba(255,255,255,.04));

}

.discussion-category{

    display:inline-block;

    padding:8px 16px;

    border-radius:30px;

    font-size:12px;

    font-weight:700;

    margin-bottom:20px;

}

.marketing{

    background:#5b2cff33;

    color:#d4b2ff;

}

.business{

    background:#2196f333;

    color:#9fd3ff;

}

.web{

    background:#00c85333;

    color:#9dffca;

}

.ai{

    background:#ff980033;

    color:#ffd18d;

}

.discussion-card h3{

    color:#fff;

    font-size:28px;

    margin-bottom:18px;

    line-height:1.4;

}

.discussion-card p{

    color:#b8bfd2;

    line-height:1.8;

    margin-bottom:22px;

}

.discussion-meta{

    display:flex;

    gap:25px;

    flex-wrap:wrap;

    color:#9ca7be;

    font-size:14px;

}

@media(max-width:768px){

.featured-discussions{

padding:80px 20px;

}

.discussion-header h2{

font-size:36px;

}

.discussion-card{

padding:25px;

}

.discussion-card h3{

font-size:22px;

}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-99f3627 *//*=========================================
        EVENTS & WEBINARS
=========================================*/

.community-events{

    padding:120px 60px;

    background:linear-gradient(180deg,#050b17,#081320);

}

.events-header{

    max-width:850px;

    margin:0 auto 70px;

    text-align:center;

}

.events-tag{

    display:inline-block;

    padding:10px 22px;

    border-radius:40px;

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

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

    color:#b86cff;

    font-size:13px;

    font-weight:700;

    letter-spacing:1px;

    margin-bottom:20px;

}

.events-header h2{

    color:#fff;

    font-size:48px;

    font-weight:800;

    margin-bottom:20px;

}

.events-header p{

    color:#b8bfd2;

    font-size:18px;

    line-height:1.8;

}

.events-grid{

    max-width:1450px;

    margin:auto;

    display:grid;

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

    gap:30px;

}

.event-card{

    position:relative;

    padding:35px;

    border-radius:24px;

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

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

    backdrop-filter:blur(18px);

    transition:.35s;

}

.event-card:hover{

    transform:translateY(-10px);

    border-color:#8d34ff;

    box-shadow:0 20px 40px rgba(125,60,255,.18);

}

.event-card.featured{

    border:2px solid #8d34ff;

    background:linear-gradient(
        180deg,
        rgba(125,60,255,.10),
        rgba(255,255,255,.04));

}

.event-badge{

    position:absolute;

    top:-14px;

    left:25px;

    padding:8px 16px;

    border-radius:30px;

    background:linear-gradient(90deg,#7d3cff,#ff00cc);

    color:#fff;

    font-size:11px;

    font-weight:700;

}

.event-icon{

    width:70px;

    height:70px;

    display:flex;

    align-items:center;

    justify-content:center;

    border-radius:20px;

    background:linear-gradient(135deg,#7d3cff,#ff00cc);

    font-size:32px;

    margin-bottom:22px;

}

.event-card h3{

    color:#fff;

    font-size:26px;

    margin-bottom:15px;

}

.event-card p{

    color:#b8bfd2;

    line-height:1.8;

    margin-bottom:20px;

}

.event-meta{

    display:flex;

    gap:20px;

    flex-wrap:wrap;

}

.event-meta span{

    padding:8px 14px;

    border-radius:30px;

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

    color:#d6b6ff;

    font-size:13px;

    font-weight:600;

}

@media(max-width:1024px){

.events-grid{

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

}

}

@media(max-width:768px){

.community-events{

padding:80px 20px;

}

.events-header h2{

font-size:36px;

}

.events-grid{

grid-template-columns:1fr;

}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-873869c *//*=========================================
        LEARNING RESOURCES
=========================================*/

.community-resources{

    padding:120px 60px;

    background:linear-gradient(180deg,#081320,#050b17);

}

.resources-header{

    max-width:850px;

    margin:0 auto 70px;

    text-align:center;

}

.resources-tag{

    display:inline-block;

    padding:10px 22px;

    border-radius:40px;

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

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

    color:#b86cff;

    font-size:13px;

    font-weight:700;

    letter-spacing:1px;

    margin-bottom:20px;

}

.resources-header h2{

    color:#fff;

    font-size:48px;

    font-weight:800;

    margin-bottom:20px;

}

.resources-header p{

    color:#b8bfd2;

    font-size:18px;

    line-height:1.8;

}

.resources-grid{

    max-width:1450px;

    margin:auto;

    display:grid;

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

    gap:30px;

}

.resource-card{

    position:relative;

    padding:35px;

    border-radius:24px;

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

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

    backdrop-filter:blur(18px);

    transition:.35s;

}

.resource-card:hover{

    transform:translateY(-10px);

    border-color:#8d34ff;

    box-shadow:0 20px 40px rgba(125,60,255,.18);

}

.resource-card.featured{

    border:2px solid #8d34ff;

    background:linear-gradient(
        180deg,
        rgba(125,60,255,.10),
        rgba(255,255,255,.04));

}

.resource-badge{

    position:absolute;

    top:-14px;

    left:25px;

    padding:8px 16px;

    border-radius:30px;

    background:linear-gradient(90deg,#7d3cff,#ff00cc);

    color:#fff;

    font-size:11px;

    font-weight:700;

}

.resource-icon{

    width:70px;

    height:70px;

    display:flex;

    align-items:center;

    justify-content:center;

    border-radius:20px;

    background:linear-gradient(135deg,#7d3cff,#ff00cc);

    font-size:32px;

    margin-bottom:22px;

}

.resource-card h3{

    color:#fff;

    font-size:26px;

    margin-bottom:15px;

}

.resource-card p{

    color:#b8bfd2;

    line-height:1.8;

    margin-bottom:24px;

}

.resource-card span{

    display:inline-block;

    padding:8px 16px;

    border-radius:30px;

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

    color:#d6b6ff;

    font-size:13px;

    font-weight:600;

}

@media(max-width:1024px){

.resources-grid{

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

}

}

@media(max-width:768px){

.community-resources{

padding:80px 20px;

}

.resources-header h2{

font-size:36px;

}

.resources-grid{

grid-template-columns:1fr;

}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-20f353a *//*=========================================
        COMMUNITY IMPACT
=========================================*/

.community-impact{

    padding:120px 60px;

    position:relative;

    overflow:hidden;

    background:
    radial-gradient(circle at top left,
    rgba(125,60,255,.12),
    transparent 35%),
    radial-gradient(circle at bottom right,
    rgba(255,0,204,.08),
    transparent 40%),
    linear-gradient(180deg,#050b17,#081320);

}

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

.impact-header{

    max-width:850px;

    margin:0 auto 70px;

    text-align:center;

}

.impact-tag{

    display:inline-block;

    padding:10px 22px;

    border-radius:40px;

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

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

    backdrop-filter:blur(12px);

    color:#b86cff;

    font-size:13px;

    font-weight:700;

    letter-spacing:1px;

    margin-bottom:20px;

}

.impact-header h2{

    color:#fff;

    font-size:48px;

    font-weight:800;

    line-height:1.2;

    margin-bottom:20px;

}

.impact-header p{

    color:#b8bfd2;

    font-size:18px;

    line-height:1.9;

}

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

.impact-grid{

    max-width:1400px;

    margin:0 auto 70px;

    display:grid;

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

    gap:30px;

}

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

.impact-card{

    position:relative;

    display:flex;

    flex-direction:column;

    padding:38px;

    border-radius:26px;

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

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

    backdrop-filter:blur(18px);

    transition:.35s;

}

.impact-card:hover{

    transform:translateY(-10px);

    border-color:#8d34ff;

    box-shadow:0 25px 50px rgba(125,60,255,.20);

}

.impact-card.featured{

    border:2px solid #8d34ff;

    background:linear-gradient(
        180deg,
        rgba(125,60,255,.12),
        rgba(255,255,255,.04));

}

.impact-badge{

    position:absolute;

    top:-14px;

    left:28px;

    padding:8px 16px;

    border-radius:30px;

    background:linear-gradient(90deg,#7d3cff,#ff00cc);

    color:#fff;

    font-size:11px;

    font-weight:700;

    letter-spacing:.5px;

}

.impact-icon{

    width:72px;

    height:72px;

    display:flex;

    align-items:center;

    justify-content:center;

    border-radius:20px;

    background:linear-gradient(135deg,#7d3cff,#ff00cc);

    font-size:32px;

    margin-bottom:24px;

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

}

.impact-card h3{

    color:#fff;

    font-size:28px;

    font-weight:700;

    margin-bottom:18px;

}

.impact-card p{

    color:#b8bfd2;

    line-height:1.8;

    font-size:16px;

    margin:0;

}

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

.impact-highlight{

    max-width:1100px;

    margin:auto;

}

.highlight-box{

    position:relative;

    overflow:hidden;

    padding:60px;

    border-radius:30px;

    text-align:center;

    background:
    linear-gradient(
        135deg,
        rgba(125,60,255,.14),
        rgba(255,255,255,.04));

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

    backdrop-filter:blur(18px);

}

.highlight-box::before{

    content:"";

    position:absolute;

    width:220px;

    height:220px;

    border-radius:50%;

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

    filter:blur(80px);

    top:-80px;

    right:-80px;

}

.highlight-box h3{

    position:relative;

    color:#fff;

    font-size:40px;

    font-weight:800;

    margin-bottom:22px;

}

.highlight-box p{

    position:relative;

    max-width:820px;

    margin:auto;

    color:#b8bfd2;

    font-size:18px;

    line-height:1.9;

}

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

@media(max-width:1024px){

.impact-grid{

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

}

.highlight-box{

padding:50px 40px;

}

}

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

@media(max-width:768px){

.community-impact{

padding:80px 20px;

}

.impact-header{

margin-bottom:50px;

}

.impact-header h2{

font-size:36px;

}

.impact-header p{

font-size:16px;

}

.impact-grid{

grid-template-columns:1fr;

gap:24px;

}

.impact-card{

padding:30px;

}

.impact-card h3{

font-size:24px;

}

.highlight-box{

padding:40px 25px;

}

.highlight-box h3{

font-size:30px;

}

.highlight-box p{

font-size:16px;

}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1e361c4 *//*=========================================
      COMMUNITY FAQ (PRODUCTION READY)
=========================================*/

.community-faq {
    position: relative;
    overflow: hidden;
    padding: 120px 6%;
    background:
        radial-gradient(circle at top left, rgba(125,60,255,.12), transparent 45%),
        linear-gradient(180deg, #081320, #050b17);
}

.community-faq::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, rgba(255,255,255,.02), transparent 60%);
    pointer-events: none;
}

.faq-header {
    max-width: 850px;
    margin: 0 auto 70px;
    text-align: center;
}

.faq-tag {
    display: inline-block;
    padding: 10px 22px;
    border-radius: 40px;
    background: rgba(255,255,255,.05);
    border: 1px solid rgba(255,255,255,.08);
    color: #b86cff;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 1px;
    margin-bottom: 20px;
}

.faq-header h2 {
    color: #fff;
    font-size: 52px; /* Updated heading size */
    line-height: 1.15;
    font-weight: 800;
    margin-bottom: 20px;
}

.faq-header p {
    color: #b8bfd2;
    font-size: 18px;
    line-height: 1.8;
}

.faq-container {
    max-width: 1080px; /* Expanded container width */
    margin: auto;
}

/* BASE CARD - Dark Glass */
.faq-item {
    position: relative;
    margin-bottom: 20px;
    border-radius: 24px;
    overflow: hidden;
    background: rgba(255,255,255,0.04) !important;
    border: 1px solid rgba(255,255,255,0.08) !important;
    backdrop-filter: blur(18px);
    box-shadow: 0 10px 30px rgba(0,0,0,.20), 0 25px 70px rgba(0,0,0,.22) !important; /* Softer dual shadow */
    transition: all .35s ease;
}

.faq-item::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, rgba(255,255,255,.04), transparent 60%);
    pointer-events: none;
}

/* CARD HOVER - Premium Subtle Lift & Scale */
.faq-item:hover {
    transform: translateY(-5px) scale(1.01);
    background: rgba(255,255,255,0.07) !important;
    border-color: rgba(141,52,255,0.4) !important;
}

/* CARD ACTIVE */
.faq-item.active {
    background: rgba(255,255,255,0.05) !important;
    border-color: #8d34ff !important;
    box-shadow: 0 0 0 1px rgba(141,52,255,0.2), 0 25px 70px rgba(0,0,0,0.5) !important;
}

/* QUESTION BUTTON OVERRIDES */
.faq-question {
    width: 100%;
    padding: 30px 34px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 25px;
    background: transparent !important;
    border: none !important;
    outline: none !important;
    cursor: pointer;
    color: #fff !important;
    font-size: 21px; /* Updated desktop font size */
    font-weight: 700;
    text-align: left;
    box-shadow: none !important;
}

.faq-question:hover,
.faq-question:focus,
.faq-question:active,
.faq-question:focus-visible {
    background: transparent !important;
    color: #fff !important;
    outline: none !important;
    box-shadow: none !important;
}

/* CIRCULAR ICON ANIMATIONS & GLOW */
.faq-icon {
    width: 42px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: rgba(125,60,255,.15) !important;
    border: 1px solid rgba(125,60,255,.3);
    color: #b86cff;
    font-size: 24px;
    flex-shrink: 0;
    transition: transform .35s ease, background .35s ease, color .35s ease, box-shadow .35s ease;
}

.faq-item.active .faq-icon {
    transform: rotate(45deg);
    background: rgba(141,52,255,0.25) !important;
    color: #dcb6ff;
    box-shadow: 0 0 20px rgba(141,52,255,.35); /* Added glow effect */
}

/* ACCORDION CONTENT CONTAINER */
.faq-answer {
    max-height: 0;
    overflow: hidden;
    transition: max-height .45s ease;
}

.faq-answer p {
    padding: 0 34px 34px;
    color: #b8bfd2;
    line-height: 1.9;
    font-size: 16px;
}

@media(max-width:768px) {
    .community-faq {
        padding: 90px 20px;
    }
    .faq-header h2 {
        font-size: 38px;
    }
    .faq-header p {
        font-size: 16px;
    }
    .faq-question {
        padding: 24px;
        font-size: 18px;
    }
    .faq-answer p {
        padding: 0 24px 24px;
        font-size: 15px;
    }
    .faq-icon {
        width: 36px;
        height: 36px;
        font-size: 20px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7494d80 *//*=========================================
        COMMUNITY CTA
=========================================*/

.community-cta{

    padding:120px 60px;

    background:
    radial-gradient(circle at top center,
    rgba(125,60,255,.18),
    transparent 45%),
    linear-gradient(180deg,#050b17,#020814);

}

.community-cta-box{

    max-width:1200px;

    margin:auto;

    text-align:center;

    padding:70px 60px;

    border-radius:32px;

    background:
    linear-gradient(
    135deg,
    rgba(125,60,255,.12),
    rgba(255,255,255,.04));

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

    backdrop-filter:blur(18px);

    position:relative;

    overflow:hidden;

}

.community-cta-box::before{

    content:"";

    position:absolute;

    width:260px;

    height:260px;

    background:rgba(125,60,255,.20);

    border-radius:50%;

    filter:blur(100px);

    top:-100px;

    right:-100px;

}

.cta-tag{

    position:relative;

    display:inline-block;

    padding:10px 22px;

    border-radius:40px;

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

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

    color:#b86cff;

    font-size:13px;

    font-weight:700;

    letter-spacing:1px;

    margin-bottom:25px;

}

.community-cta h2{

    position:relative;

    color:#fff;

    font-size:54px;

    font-weight:800;

    line-height:1.2;

    margin-bottom:25px;

}

.community-cta p{

    position:relative;

    max-width:760px;

    margin:auto;

    color:#b8bfd2;

    font-size:18px;

    line-height:1.9;

    margin-bottom:45px;

}

.cta-buttons{

    position:relative;

    display:flex;

    justify-content:center;

    gap:20px;

    flex-wrap:wrap;

    margin-bottom:60px;

}

.btn-primary{

    padding:18px 36px;

    border-radius:50px;

    background:linear-gradient(90deg,#7d3cff,#ff00cc);

    color:#fff;

    text-decoration:none;

    font-weight:700;

    transition:.3s;

}

.btn-primary:hover{

    transform:translateY(-4px);

    box-shadow:0 15px 35px rgba(125,60,255,.30);

}

.btn-secondary{

    padding:18px 36px;

    border-radius:50px;

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

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

    color:#fff;

    text-decoration:none;

    font-weight:600;

    transition:.3s;

}

.btn-secondary:hover{

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

    border-color:#8d34ff;

}

.community-stats{

    position:relative;

    display:grid;

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

    gap:25px;

}

.stat{

    padding:25px;

    border-radius:20px;

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

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

}

.stat h3{

    color:#fff;

    font-size:34px;

    margin-bottom:8px;

}

.stat span{

    color:#b8bfd2;

    font-size:15px;

}

@media(max-width:1024px){

.community-stats{

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

}

}

@media(max-width:768px){

.community-cta{

padding:80px 20px;

}

.community-cta-box{

padding:50px 25px;

}

.community-cta h2{

font-size:38px;

}

.community-cta p{

font-size:16px;

}

.community-stats{

grid-template-columns:1fr;

}

.cta-buttons{

flex-direction:column;

}

.btn-primary,

.btn-secondary{

width:100%;

text-align:center;

}

}/* End custom CSS */