.blog-content-section{

padding:80px 0;

}

.blog-layout{

display:grid;

grid-template-columns:2fr 1fr;

gap:50px;

}

.blog-content{

font-size:18px;

line-height:1.9;

}

.blog-content img{

max-width:100%;

height:auto;

border-radius:16px;

}

.blog-sidebar{

position:sticky;

top:120px;

height:max-content;

}

.sidebar-widget{

background:var(--card);

padding:30px;

border-radius:20px;

border:1px solid var(--border);

}

.sidebar-widget ul{

list-style:none;

padding:0;

margin:0;

}

.sidebar-widget li{

margin-bottom:15px;

}

.featured-blog-image{

width:100%;

border-radius:24px;

}

@media(max-width:991px){

.blog-layout{

grid-template-columns:1fr;

}

}

/*==========================================
BLOG GRID
==========================================*/

.featured-posts-section{

padding:100px 0;

}

.blog-posts-grid{

display:grid;

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

gap:36px;

margin-top:70px;

}

@media(max-width:1100px){

.blog-posts-grid{

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

}

}

@media(max-width:768px){

.blog-posts-grid{

grid-template-columns:1fr;

}

}

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

.blog-card{

display:flex;

flex-direction:column;

height:100%;

background:linear-gradient(
180deg,
rgba(18,26,44,.96),
rgba(10,18,34,.96)
);

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

border-radius:24px;

overflow:hidden;

transition:.35s ease;

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

}

.blog-card:hover{

transform:translateY(-8px);

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

box-shadow:
0 0 0 1px rgba(0,212,255,.15),
0 30px 70px rgba(0,212,255,.12);

}

.blog-image{

overflow:hidden;

aspect-ratio:16/9;

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

}

.blog-image img{

width:100%;

height:100%;

object-fit:cover;

display:block;

transition:.5s;

}

.blog-card:hover .blog-image img{

transform:scale(1.06);

}

.blog-content{

padding:28px;

display:flex;

flex-direction:column;

flex:1;

}

.blog-date{

display:inline-block;

margin-bottom:14px;

font-size:13px;

font-weight:700;

color:var(--primary);

text-transform:uppercase;

letter-spacing:1px;

}

.blog-content h3{

margin:0 0 16px;

font-size:28px;

line-height:1.3;

}

.blog-content h3 a{

color:#fff;

text-decoration:none;

transition:.3s;

}

.blog-content h3 a:hover{

color:var(--primary);

}

.blog-content p{

color:var(--text-light);

line-height:1.8;

margin-bottom:28px;

}

.blog-readmore{

display:inline-flex;

align-items:center;

gap:8px;

margin-top:auto;

font-weight:700;

color:var(--primary);

text-decoration:none;

transition:.3s;

}

.blog-readmore:hover{

gap:14px;

}

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

.featured-posts-section .section-title{

max-width:760px;

margin:0 auto 70px;

text-align:center;

}

.featured-posts-section .section-badge{

display:inline-flex;

align-items:center;

justify-content:center;

padding:12px 24px;

margin-bottom:22px;

font-size:13px;

font-weight:700;

letter-spacing:2px;

text-transform:uppercase;

color:var(--primary);

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

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

border-radius:999px;

}

.featured-posts-section .section-title h2{

font-size:clamp(42px,5vw,60px);

line-height:1.1;

font-weight:800;

margin-bottom:22px;

background:linear-gradient(
90deg,
#00D4FF,
#4FACFE,
#8B5CF6
);

-webkit-background-clip:text;

-webkit-text-fill-color:transparent;

}

.featured-posts-section .section-title p{

font-size:20px;

line-height:1.8;

color:var(--text-light);

max-width:760px;

margin:0 auto;

}

/*==========================================
FEATURED ARTICLE
==========================================*/

.featured-article-section{

padding:100px 0 30px;

}

.featured-article-card{

display:grid;

grid-template-columns:58% 42%;

align-items:stretch;

overflow:hidden;

margin-top:10px;

border-radius:28px;

background:linear-gradient(
180deg,
rgba(18,26,44,.96),
rgba(10,18,34,.96)
);

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

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

transition:.4s;

}

.featured-article-card:hover{

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

box-shadow:
0 0 0 1px rgba(0,212,255,.15),
0 35px 80px rgba(0,212,255,.12);

}

.featured-image{

height:100%;

overflow:hidden;

}

.featured-image img{

width:100%;

height:100%;

object-fit:cover;

display:block;

transition:.6s;

}

.featured-article-card:hover .featured-image img{

transform:scale(1.05);

}

.featured-content{

display:flex;

flex-direction:column;

justify-content:center;

padding:60px;

}

.featured-meta{

display:flex;

gap:18px;

margin-bottom:22px;

font-size:13px;

font-weight:700;

letter-spacing:1px;

text-transform:uppercase;

color:var(--primary);

}

.featured-content h3{

font-size:44px;

line-height:1.15;

margin-bottom:24px;

}

.featured-content h3 a{

color:#fff;

text-decoration:none;

transition:.3s;

}

.featured-content h3 a:hover{

color:var(--primary);

}

.featured-content p{

font-size:18px;

line-height:1.9;

color:var(--text-light);

margin-bottom:34px;

}

.featured-content .btn-primary{

align-self:flex-start;

}

@media(max-width:991px){

.featured-article-card{

grid-template-columns:1fr;

}

.featured-content{

padding:36px;

}

.featured-content h3{

font-size:34px;

}

}

/*==========================================
FEATURED ARTICLE POLISH
==========================================*/

.featured-section-header{

max-width:700px;

margin-bottom:40px;

}

.featured-section-header .section-badge{

margin-bottom:16px;

}

.featured-section-header .section-title{

font-size:52px;

line-height:1.1;

margin-bottom:18px;

}

.featured-section-header .section-description{

max-width:650px;

font-size:18px;

line-height:1.8;

color:var(--text-light);

}

.featured-image{

min-height:520px;

}

.featured-content{

padding:70px;

}

.featured-content h3{

font-size:52px;

margin-bottom:24px;

line-height:1.1;

}

.featured-content p{

max-width:500px;

margin-bottom:36px;

}

@media(max-width:991px){

.featured-image{

min-height:320px;

}

.featured-content{

padding:36px;

}

.featured-content h3{

font-size:34px;

}

}

/*==========================================
LATEST ARTICLES GRID
==========================================*/

.latest-posts-section{

padding:120px 0;

}

.blog-grid{

display:grid;

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

gap:36px;

margin-top:70px;

}

.blog-card{

background:linear-gradient(180deg,#121B2E,#0D1527);

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

border-radius:28px;

overflow:hidden;

transition:.35s;

display:flex;

flex-direction:column;

height:100%;

}

.blog-card:hover{

transform:translateY(-10px);

border-color:#18C8FF;

box-shadow:0 20px 60px rgba(24,200,255,.15);

}

.blog-thumb{

display:block;

overflow:hidden;

}

.blog-thumb img{

width:100%;

height:240px;

object-fit:cover;

transition:.5s;

display:block;

}

.blog-card:hover .blog-thumb img{

transform:scale(1.08);

}

.blog-card-content{

padding:30px;

display:flex;

flex-direction:column;

flex:1;

}

.blog-meta{

display:flex;

gap:12px;

font-size:13px;

font-weight:700;

letter-spacing:1px;

text-transform:uppercase;

color:#18C8FF;

margin-bottom:16px;

}

.blog-card h3{

font-size:30px;

line-height:1.2;

margin-bottom:18px;

}

.blog-card h3 a{

color:#fff;

text-decoration:none;

}

.blog-card p{

color:var(--text-light);

line-height:1.8;

margin-bottom:28px;

}

.read-more{

display:inline-flex;

align-items:center;

gap:10px;

font-weight:700;

color:#18C8FF;

text-decoration:none;

margin-top:auto;

transition:.3s;

}

.read-more:hover{

gap:16px;

}

@media(max-width:1100px){

.blog-grid{

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

}

}

@media(max-width:767px){

.blog-grid{

grid-template-columns:1fr;

}

.blog-thumb img{

height:220px;

}

.blog-card h3{

font-size:26px;

}

}

.blog-card{

display:flex;

flex-direction:column;

height:100%;

}

.blog-card-content{

display:flex;

flex-direction:column;

flex:1;

}

.read-more{

margin-top:auto;

}

.blog-card img{

transition:.5s;

}

.blog-card:hover img{

transform:scale(1.08);

}

/* =========================
   BLOG CATEGORIES
========================= */

.blog-categories{

padding:120px 0;

position:relative;

}

.categories-grid{

display:grid;

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

gap:30px;

margin-top:80px;

}

.category-card{

display:flex;

flex-direction:column;

align-items:center;

justify-content:center;

text-align:center;

padding:42px 30px;

background:var(--card);

border:1px solid var(--border);

border-radius:24px;

text-decoration:none;

transition:.35s;

position:relative;

overflow:hidden;

min-height:230px;

}

.category-card::before{

content:"";

position:absolute;

top:0;

left:0;

width:100%;

height:100%;

background:linear-gradient(135deg,
rgba(0,212,255,.08),
rgba(139,92,246,.08));

opacity:0;

transition:.35s;

}

.category-card:hover{

transform:translateY(-10px);

border-color:#00D4FF;

box-shadow:0 25px 60px rgba(0,212,255,.18);

}

.category-card:hover::before{

opacity:1;

}

.category-icon{

width:82px;

height:82px;

display:flex;

align-items:center;

justify-content:center;

font-size:38px;

border-radius:22px;

margin-bottom:28px;

background:linear-gradient(135deg,
rgba(0,212,255,.15),
rgba(139,92,246,.15));

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

position:relative;

z-index:2;

transition:.35s;

}

.category-card:hover .category-icon{

transform:scale(1.12) rotate(6deg);

}

.category-card h3{

font-size:28px;

font-weight:700;

color:#fff;

margin:0 0 14px;

position:relative;

z-index:2;

}

.category-card p{

margin:0;

font-size:17px;

color:var(--text-light);

position:relative;

z-index:2;

}

.category-card:hover h3{

background:linear-gradient(90deg,#00D4FF,#7C6BFF);

-webkit-background-clip:text;

-webkit-text-fill-color:transparent;

}

@media(max-width:991px){

.categories-grid{

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

}

}

@media(max-width:767px){

.blog-categories{

padding:90px 0;

}

.categories-grid{

grid-template-columns:1fr;

gap:24px;

margin-top:50px;

}

.category-card{

min-height:200px;

padding:36px 25px;

}

.category-icon{

width:72px;

height:72px;

font-size:34px;

}

.category-card h3{

font-size:24px;

}

}

.section-heading.center{

text-align:center;

max-width:760px;

margin:0 auto 70px;

}

/*=========================
 BLOG CTA
=========================*/

.blog-cta{

padding:40px 0 120px;

}

.blog-cta-box{

position:relative;

overflow:hidden;

padding:80px 60px;

border-radius:32px;

text-align:center;

background:linear-gradient(135deg,#10182B,#17233C);

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

}

.blog-cta-box::before{

content:"";

position:absolute;

width:420px;

height:420px;

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

filter:blur(120px);

top:-180px;

left:-120px;

border-radius:50%;

}

.blog-cta-box::after{

content:"";

position:absolute;

width:380px;

height:380px;

background:rgba(138,43,226,.14);

filter:blur(120px);

right:-120px;

bottom:-180px;

border-radius:50%;

}

.blog-cta-box>*{

position:relative;

z-index:2;

}

.blog-cta .section-badge{

margin:0 auto 24px;

}

.blog-cta h2{

max-width:760px;

margin:0 auto 24px;

font-size:clamp(40px,4vw,58px);

font-weight:800;

line-height:1.1;

letter-spacing:-1.5px;

}

.blog-cta h2 span{

display:block;

background:linear-gradient(90deg,#00D4FF,#8B5CF6);

-webkit-background-clip:text;

-webkit-text-fill-color:transparent;

}

.blog-cta p{

max-width:760px;

margin:0 auto 40px;

font-size:20px;

line-height:1.8;

color:#B7C5DD;

}

.blog-cta .hero-buttons{

justify-content:center;

}

/*=========================
 BLOG CTA
=========================*/

.blog-cta{

padding:40px 0 120px;

}

.blog-cta-box{

position:relative;

overflow:hidden;

max-width:1100px;

margin:0 auto;

padding:80px 60px;

border-radius:32px;

text-align:center;

background:linear-gradient(135deg,#10182B,#17233C);

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

box-shadow:
0 30px 80px rgba(0,0,0,.45),
0 0 0 1px rgba(255,255,255,.04),
0 0 60px rgba(0,212,255,.08);

transition:all .35s ease;

}

.blog-cta-box:hover{

transform:translateY(-4px);

box-shadow:
0 40px 100px rgba(0,0,0,.55),
0 0 0 1px rgba(0,212,255,.15),
0 0 90px rgba(0,212,255,.12);

}

.blog-cta-box::before{

content:"";

position:absolute;

width:420px;

height:420px;

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

filter:blur(120px);

top:-180px;

left:-120px;

border-radius:50%;

}

.blog-cta-box::after{

content:"";

position:absolute;

width:380px;

height:380px;

background:rgba(138,43,226,.14);

filter:blur(120px);

right:-120px;

bottom:-180px;

border-radius:50%;

}

.blog-cta-box>*{

position:relative;

z-index:2;

}

.blog-cta .section-badge{

margin:0 auto 24px;

}

.blog-cta h2{

max-width:760px;

margin:0 auto 24px;

font-size:54px;

font-weight:800;

line-height:1.15;

letter-spacing:-1px;

}

.blog-cta h2 span{

display:block;

background:linear-gradient(90deg,#00D4FF,#8B5CF6);

-webkit-background-clip:text;

-webkit-text-fill-color:transparent;

}

.blog-cta p{

max-width:700px;

margin:0 auto 40px;

font-size:20px;

line-height:1.8;

color:#B7C5DD;

}

.blog-cta .hero-buttons{

display:flex;

justify-content:center;

align-items:center;

gap:18px;

flex-wrap:wrap;

}


/*=========================
 Responsive
=========================*/

@media(max-width:991px){

.blog-cta{

padding:30px 0 100px;

}

.blog-cta-box{

padding:60px 40px;

}

.blog-cta h2{

font-size:42px;

}

.blog-cta p{

font-size:18px;

}

}

@media(max-width:767px){

.blog-cta-box{

padding:50px 25px;

border-radius:24px;

}

.blog-cta h2{

font-size:34px;

}

.blog-cta p{

font-size:16px;

line-height:1.7;

}

.blog-cta .hero-buttons{

flex-direction:column;

width:100%;

}

.blog-cta .hero-buttons a{

width:100%;

max-width:320px;

}

}

/*==================================
BLOG HERO SECTION
==================================*/

.page-hero{

    position:relative;

    overflow:hidden;

    padding:170px 0 120px;

    background:
    radial-gradient(circle at top left, rgba(0,212,255,.10), transparent 40%),
    radial-gradient(circle at top right, rgba(139,92,246,.10), transparent 45%),
    linear-gradient(180deg,#050816 0%,#08111F 100%);

}

.hero-content p{

max-width:620px;

line-height:1.9;

}

.hero-image img{

transition:.5s ease;

}

.hero-image:hover img{

transform:translateY(-8px);

box-shadow:

0 40px 90px rgba(0,0,0,.55),

0 0 40px rgba(0,212,255,.18);

}

.page-hero .container{

    position:relative;
    z-index:2;

}

.page-hero .hero-grid{

    display:grid;

    grid-template-columns:54% 46%;

    align-items:center;

    gap:70px;

}

.page-hero .hero-content{

    max-width:700px;

}

.section-badge{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    padding:10px 20px;

    margin-bottom:24px;

    font-size:13px;

    font-weight:700;

    letter-spacing:2px;

    text-transform:uppercase;

    color:#00D4FF;

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

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

    border-radius:50px;

    backdrop-filter:blur(10px);

    box-shadow:0 0 25px rgba(0,212,255,.08);

}

.page-hero .page-title{

    font-size:clamp(48px,5vw,66px);

font-weight:800;

line-height:1.17;

letter-spacing:-1px;

padding-bottom:8px;

margin-bottom:24px;

    color:#fff;

}

.page-hero .page-title span{

    display:block;

    margin-top:6px;

    background:linear-gradient(90deg,#00D4FF,#4FACFE,#8B5CF6);

    -webkit-background-clip:text;

    -webkit-text-fill-color:transparent;

}

.page-hero p{

    font-size:20px;

    line-height:1.85;

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

    margin-bottom:38px;

    max-width:650px;

}

.page-hero .hero-buttons{

    display:flex;

    align-items:center;

    gap:18px;

    flex-wrap:wrap;

}

.page-hero .hero-image{

    position:relative;

    text-align:center;

}

.page-hero .hero-image img{

    width:100%;

    max-width:720px;

    border-radius:26px;

    box-shadow:

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

    0 0 0 1px rgba(255,255,255,.05);

}

.hero-image::before{

    content:"";

    position:absolute;

    width:420px;
    height:420px;

    left:50%;
    top:50%;

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

    border-radius:50%;

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

    filter:blur(80px);

    z-index:-1;

}

.hero-glow{

    position:absolute;

    border-radius:50%;

    filter:blur(100px);

    opacity:.45;

    pointer-events:none;

}

.glow-1{

    width:820px;
    height:820px;

    left:-310px;
    top:-310px;

    background:radial-gradient(
        circle,
        rgba(0,229,255,.95) 0%,
        rgba(79,172,254,.78) 18%,
        rgba(0,212,255,.42) 40%,
        rgba(0,212,255,.14) 62%,
        transparent 82%
    );

    filter:blur(120px);

    opacity:1;

}

.glow-2{

    position:absolute;

    width:900px;
    height:900px;

    right:-320px;
    bottom:-320px;

    border-radius:50%;

    background:radial-gradient(
        circle,
        rgba(139,92,246,.95) 0%,
        rgba(139,92,246,.75) 18%,
        rgba(139,92,246,.45) 42%,
        rgba(139,92,246,.18) 70%,
        transparent 100%
    );

    filter:blur(120px);

    opacity:1;

    pointer-events:none;

}

.page-hero::after{

    content:"";

    position:absolute;

    width:700px;
    height:700px;

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

    border-radius:50%;

    background:radial-gradient(
circle,
rgba(168,85,247,.95) 0%,
rgba(124,58,237,.70) 25%,
rgba(79,70,229,.35) 55%,
transparent 100%
);

    filter:blur(140px);

    pointer-events:none;

    z-index:0;

}

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

@media(max-width:991px){

.page-hero{

    padding:100px 0 70px;

}

.page-hero .hero-grid{

    grid-template-columns:1fr;

    gap:55px;

}

.page-hero .hero-content{

    max-width:100%;

}

.page-hero .page-title{

    font-size:48px;

}

.page-hero .hero-image{

    max-width:650px;

    margin:auto;

}

}

@media(max-width:767px){

.page-hero{

    padding:80px 0 60px;

}

.page-hero .page-title{

    font-size:36px;

    line-height:1.15;

}

.page-hero p{

    font-size:16px;

    line-height:1.8;

    margin-bottom:30px;

}

.page-hero .hero-buttons{

    flex-direction:column;

    align-items:flex-start;

    gap:15px;

}

.page-hero .hero-buttons a{

    width:100%;

    text-align:center;

}

.page-hero .hero-badge{

    font-size:12px;

    letter-spacing:1.5px;

	box-shadow:

0 0 25px rgba(0,212,255,.15);

}

}

/*==================================
FEATURED SECTION HEADING
==================================*/

.featured-header{

    max-width:760px;

    margin:0 0 55px;

}

.featured-header .content-badge{

    display:inline-flex;

    align-items:center;

    padding:10px 20px;

    margin-bottom:22px;

    border-radius:50px;

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

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

    color:#00D4FF;

    font-size:13px;

    font-weight:700;

    letter-spacing:2px;

    text-transform:uppercase;

    backdrop-filter:blur(10px);

}

.featured-header h2{

    font-size:clamp(38px,4vw,52px);

    font-weight:800;

    line-height:1.15;

    letter-spacing:-1px;

    margin:0 0 18px;

    color:#fff;

}

.featured-header p{

    font-size:19px;

    line-height:1.85;

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

    max-width:650px;

    margin:0;

}

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

.section-title{

    font-size:clamp(42px,4vw,54px);

    font-weight:800;

    line-height:1.15;

    margin:0 0 20px;

    color:#fff;

}

.section-header p{

max-width:650px;

font-size:19px;

line-height:1.85;

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

margin:0;

}



.section-badge{

display:inline-flex;

align-items:center;

justify-content:center;

padding:10px 24px;

margin-bottom:22px;

border-radius:999px;

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

border:1px solid rgba(0,212,255,.20);

backdrop-filter:blur(15px);
-webkit-backdrop-filter:blur(15px);

color:#00D4FF;

font-size:13px;

font-weight:700;

letter-spacing:2px;

text-transform:uppercase;

box-shadow:
0 0 8px rgba(0,212,255,.50),
0 0 20px rgba(0,212,255,.35),
0 0 40px rgba(0,212,255,.20);

}

.section-title .section-badge{

    display:inline;

    padding:0;

    margin:0;

    border:none;

    background:none;

    box-shadow:none;

    color:inherit;

    font-size:inherit;

    font-weight:inherit;

    letter-spacing:inherit;

    text-transform:none;

    background:linear-gradient(
        90deg,
        #00D4FF,
        #4FACFE,
        #8B5CF6
    );

    -webkit-background-clip:text;

    -webkit-text-fill-color:transparent;

}

.section-header{

    max-width:800px;

    margin:0 auto 70px;

    text-align:center;

}

.blog-categories .section-header p{

    max-width:680px;

    margin:20px auto 0;

}

.categories-grid{

    display:grid;

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

    gap:30px;

    justify-content:center;

}

.blog-categories .section-header .section-badge{

    margin:0 auto 24px;

}

.section-title h2{

    font-size:clamp(42px,4vw,54px);

    font-weight:800;

    line-height:1.15;

    letter-spacing:-1px;

    margin:0 0 18px;

    color:#fff;

}

.section-title p{

    max-width:650px;

    margin:0;

    font-size:19px;

    line-height:1.85;

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

}




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

@media(max-width:767px){

.section-title{

margin-bottom:45px;

}

.section-title h2{

font-size:34px;

}

.section-title p{

font-size:16px;

line-height:1.8;

}

.section-title span{

font-size:12px;

padding:8px 16px;

letter-spacing:1.5px;

}

}

/* =========================================================
   BLOG PAGE — HERO BADGE FELIX GLOW FIX
========================================================= */

body.page-id-31 .page-hero .hero-badge{

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

    width:fit-content;
    max-width:100%;

    padding:12px 22px;
    margin-bottom:22px;

    border-radius:999px;

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

    border:1px solid rgba(0,212,255,.55);

    color:#00D4FF;

    font-size:13px;
    font-weight:700;

    letter-spacing:.14em;
    text-transform:uppercase;

    line-height:1;
    white-space:nowrap;

    box-shadow:

        0 0 12px rgba(0,212,255,.65),

        0 0 26px rgba(0,212,255,.48),

        0 0 46px rgba(0,212,255,.28),

        inset 0 0 18px rgba(0,212,255,.08) !important;

}

/* =========================================
   BLOG HERO MOBILE
   RIGHT VISUAL HIDE
========================================= */

@media (max-width: 767px){



/* =========================================
   BLOG HERO MOBILE
   PADDING FIX
========================================= */

@media (max-width: 767px){

    body.page-template-page-blog .page-hero{
        padding: 80px 20px 35px !important;
    }

}

/* =========================================
   BLOG HERO MOBILE
   VERTICAL POSITION FIX
========================================= */

@media (max-width: 767px){

    body.page-template-page-blog .page-hero{
        padding: 55px 20px 85px !important;
        min-height: 730px !important;
    }

}

@media (max-width: 767px){

    body.page-template-page-blog .page-hero .hero-buttons{
        width: 100% !important;
        align-items: center !important;
        padding-left: 18px !important;
        transform: translateY(-20px) !important;
    }

}

@media (max-width: 767px){

    body.page-template-page-blog .page-hero .hero-content{
        text-align: center !important;
        align-items: center !important;
    }

    body.page-template-page-blog .page-hero .hero-badge{
        margin-left: auto !important;
        margin-right: auto !important;
    }

    body.page-template-page-blog .page-hero .page-title{
        text-align: center !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    body.page-template-page-blog .page-hero .hero-content p{
        text-align: center !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    body.page-template-page-blog .page-hero .hero-buttons{
        width: 100% !important;
        align-items: center !important;
        justify-content: center !important;
        padding-left: 18px !important;
        transform: translateY(-20px) !important;
    }

}

@media (max-width: 767px){

    body.page-template-page-blog .page-hero .hero-grid{
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
    }

    body.page-template-page-blog .page-hero .hero-content{
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 auto !important;
        padding: 0 !important;
        text-align: center !important;
        align-items: center !important;
    }

}

}

@media (max-width: 767px){

    body.page-template-page-blog .page-hero .hero-image{
        display: flex !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 30px auto 0 !important;
        justify-content: center !important;
        align-items: center !important;
    }

    body.page-template-page-blog .page-hero .hero-image img{
        display: block !important;
        width: 100% !important;
        max-width: 300px !important;
        height: auto !important;
        margin: 0 auto !important;
        object-fit: contain !important;
    }

}

/* =========================================
   BLOG FEATURED INSIGHTS — DESCENDER FIX
========================================= */

.featured-posts-section .section-title h2 {
    line-height: 1.18 !important;
    padding-bottom: 8px !important;
    overflow: visible !important;
}

/* =========================================
   BLOG MOBILE — LATEST ARTICLES SAME SIZE
========================================= */

@media (max-width: 767px) {

    body.page-template-page-blog
    .featured-posts-section
    .section-title
    .content-badge {
        font-size: 32px !important;
        line-height: 1.18 !important;
        font-weight: 800 !important;
        letter-spacing: -0.5px !important;

        color: #00D4FF !important;
        background: linear-gradient(
            90deg,
            #00D4FF,
            #4FACFE,
            #8B5CF6
        ) !important;

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

        border: 0 !important;
        box-shadow: none !important;
        padding: 0 0 6px !important;
        margin: 0 !important;
    }

}

/* =========================================
   BLOG MOBILE — EXPLORE TOPICS HEADING FIX
========================================= */

@media (max-width: 767px) {

    body.page-template-page-blog
    .blog-categories
    h2.section-title span {
        display: inline !important;
        font-size: inherit !important;
        line-height: inherit !important;
        font-weight: inherit !important;
        letter-spacing: inherit !important;

        background: linear-gradient(
            90deg,
            #00D4FF 0%,
            #4FACFE 48%,
            #8B5CF6 100%
        ) !important;

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

        border: 0 !important;
        box-shadow: none !important;
        padding: 0 !important;
        margin: 0 !important;
    }

}

/* =========================================
   BLOG MOBILE — CATEGORY SINGLE COLUMN FIX
========================================= */

@media (max-width: 767px) {

    body.page-template-page-blog
    .blog-categories
    .categories-grid {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 20px !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 50px auto 0 !important;
    }

    body.page-template-page-blog
    .blog-categories
    .category-card {
        width: 100% !important;
        min-width: 0 !important;
        min-height: 220px !important;
        padding: 30px 24px !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        text-align: center !important;
    }

    body.page-template-page-blog
    .blog-categories
    .category-icon {
        margin: 0 auto 20px !important;
        flex-shrink: 0 !important;
    }

    body.page-template-page-blog
    .blog-categories
    .category-card h3 {
        width: 100% !important;
        margin: 0 0 10px !important;
        text-align: center !important;
        overflow: visible !important;
    }

    body.page-template-page-blog
    .blog-categories
    .category-card p {
        width: 100% !important;
        margin: 0 !important;
        text-align: center !important;
    }

}

/* =========================================
   BLOG CATEGORY SECTION TITLE
   FELIX GRADIENT
========================================= */

.blog-categories .section-title{
    display:inline-block;

    padding-bottom:0.12em;

    background:linear-gradient(
        90deg,
        #00D4FF 0%,
        #4FACFE 48%,
        #8B5CF6 100%
    );

    -webkit-background-clip:text;
    background-clip:text;

    -webkit-text-fill-color:transparent;
    color:transparent;
}

.blog-categories .section-title span{
    -webkit-text-fill-color:transparent;
    color:transparent;
}

/* =========================================================
   BLOG PAGE — EXACT FELIX GRADIENT
   GRADIENT TEXT ONLY
========================================================= */

/* HERO — Digital Innovation */
.page-hero .page-title > span {
    display: inline-block !important;
    background-image: linear-gradient(
        90deg,
        #00D4FF 0%,
        #4FACFE 50%,
        #8B5CF6 100%
    ) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    color: transparent !important;
}

/* LATEST ARTICLES — Featured Insights */
.featured-posts-section .section-title h2 > span {
    display: inline-block !important;
    background-image: linear-gradient(
        90deg,
        #00D4FF 0%,
        #4FACFE 50%,
        #8B5CF6 100%
    ) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    color: transparent !important;
}

/* BLOG CATEGORIES — Complete heading */
.blog-categories .section-title {
    display: inline-block !important;
    background-image: linear-gradient(
        90deg,
        #00D4FF 0%,
        #4FACFE 50%,
        #8B5CF6 100%
    ) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    color: transparent !important;
}

/* BLOG CTA — Powerful Digital Solutions */
.blog-cta .cta-title > span {
    display: inline-block !important;
    background-image: linear-gradient(
        90deg,
        #00D4FF 0%,
        #4FACFE 50%,
        #8B5CF6 100%
    ) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    color: transparent !important;
}

/* =========================================================
   BLOG — FINAL FELIX GRADIENT FIX
   HERO + FEATURED INSIGHTS
========================================================= */

.page-hero .page-title > span,
.featured-posts-section .section-title h2 > span {
    background: linear-gradient(
        90deg,
        #00D4FF 0%,
        #4FACFE 42%,
        #8B5CF6 72%,
        #7C3AED 100%
    ) !important;

    -webkit-background-clip: text !important;
    background-clip: text !important;

    -webkit-text-fill-color: transparent !important;
    color: transparent !important;
}

/* =========================================================
   FEATURED INSIGHTS — EXACT FELIX GRADIENT
========================================================= */

.featured-posts-section .section-title h2 > span {
    background: linear-gradient(
        90deg,
        #00D4FF 0%,
        #4FACFE 35%,
        #8B5CF6 72%,
        #7C3AED 100%
    ) !important;

    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    color: transparent !important;
}

/* =========================================================
   FEATURED INSIGHTS — FINAL EXACT FELIX GRADIENT
========================================================= */

.featured-posts-section .section-title h2 {
    width: fit-content !important;
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;

    background: linear-gradient(
    90deg,
    #00D4FF 0%,
    #4FACFE 58%,
    #8B5CF6 94%,
    #7C3AED 100%
) !important;

    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    color: transparent !important;
}