/*
Theme Name: Customer Centria
Theme URI: https://customercentria.com
Author: Naveenkumar
Description: Custom WordPress Header Theme
Version: 1.0
Text Domain: customercentria
*/

*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

html,
body{
    width:100%;
    overflow-x:hidden;
    background:#ffffff;
    color:#000000;
    font-family:'DM Sans', sans-serif;
}

img{
    max-width:100%;
}

a{
    text-decoration:none;
}

ul{
    list-style:none;
}

footer{
    background:#000000;
    color:#ffffff;
}

footer a{
    color:#ffffff;
}
.cc-header{
background:#fff;
border-bottom:1px solid #eee;
position:relative;
z-index:999;
}

.cc-navbar{
height:68px;
display:flex;
align-items:center;
justify-content:space-between;
padding:0 40px;
max-width:1440px;
margin:auto;
font-family:'DM Sans',sans-serif;
background:#fff;
}

.cc-logo img{
height:40px;
width:auto;
display:block;
}

.cc-menu{
display:flex;
align-items:center;
gap:25px;
list-style:none;
margin:0;
padding:0;
}

.cc-menu li a{
font-size:13px;
font-weight:500;
color:#333;
text-decoration:none;
transition:.2s;
}

.cc-menu li a:hover{
color:#e03a00;
}

.cc-red{
color:#e03a00;
}

.cc-talk-btn{
border:1.5px solid #e03a00;
padding:8px 18px;
border-radius:6px;
font-size:12px;
font-weight:500;
color:#e03a00;
text-decoration:none;
}

.cc-talk-btn:hover{
background:#fff5f2;
}

@media(max-width:991px){

.cc-navbar{
padding:0 20px;
flex-wrap:wrap;
height:auto;
padding-top:20px;
padding-bottom:20px;
}

.cc-menu{
width:100%;
flex-direction:column;
align-items:flex-start;
margin-top:20px;
gap:16px;
}

}
/* FORCE LOGO FIX */

.cc-logo-container{
display:flex !important;
align-items:center !important;
justify-content:flex-start !important;
position:relative !important;
z-index:999999 !important;
flex-shrink:0 !important;
min-width:230px !important;
overflow:visible !important;
}

.cc-force-logo{
display:block !important;
position:relative !important;
visibility:visible !important;
opacity:1 !important;
height:42px !important;
width:auto !important;
max-width:220px !important;
object-fit:contain !important;
z-index:999999 !important;
filter:none !important;
transform:none !important;
}

/* kill theme image override */
.cc-header img{
display:block !important;
max-width:unset !important;
opacity:1 !important;
visibility:visible !important;
}

/* ======================
MEGA MENU
====================== */

.cc-dropdown{
position:relative;
}

.cc-mega-menu{
position:absolute;
top:100%;
left:-20px;
width:420px;
background:#fff;
border-radius:18px;
padding:24px;
box-shadow:
0 20px 50px rgba(0,0,0,.08);
display:none;
z-index:999999;
margin-top:18px;
border:1px solid #f2f2f2;
}

.cc-dropdown:hover .cc-mega-menu{
display:block;
animation:menuFade .25s ease;
}

@keyframes menuFade{
from{
opacity:0;
transform:translateY(10px);
}
to{
opacity:1;
transform:translateY(0);
}
}

.cc-menu-card{
background:#fff5f2;
padding:18px;
border-radius:14px;
margin-bottom:18px;
}

.cc-menu-card h4{
font-size:18px;
font-weight:600;
color:#111;
margin-bottom:8px;
}

.cc-menu-card p{
font-size:13px;
line-height:1.7;
color:#666;
}

.cc-menu-links{
display:flex;
flex-direction:column;
}

.cc-menu-links a{
display:flex;
align-items:center;
padding:12px 14px;
border-radius:10px;
font-size:14px;
font-weight:500;
color:#222;
text-decoration:none;
transition:.2s;
}

.cc-menu-links a:hover{
background:#fff5f2;
color:#e03a00;
padding-left:18px;
}

/* MOBILE */

@media(max-width:991px){

.cc-mega-menu{
position:relative;
width:100%;
left:0;
top:0;
margin-top:10px;
display:block;
box-shadow:none;
border:1px solid #eee;
padding:18px;
}

}

/* EXACT MEGA MENU FIX */

.cc-mega-menu{
position:absolute !important;
top:58px !important;
left:-80px !important;
width:540px !important;
background:#fff !important;
border-radius:22px !important;
padding:18px !important;
box-shadow:
0 18px 50px rgba(0,0,0,.08) !important;
display:none;
z-index:999999;
border:1px solid #f3f3f3;
}

.cc-dropdown:hover .cc-mega-menu{
display:block;
animation:ccFade .18s ease;
}

@keyframes ccFade{
from{
opacity:0;
transform:translateY(8px);
}
to{
opacity:1;
transform:translateY(0);
}
}

.cc-menu-card{
background:#faf4f2 !important;
padding:22px !important;
border-radius:18px !important;
margin-bottom:18px !important;
}

.cc-menu-card h4{
font-size:16px !important;
font-weight:600 !important;
margin-bottom:8px !important;
color:#111 !important;
}

.cc-menu-card p{
font-size:13px !important;
line-height:1.7 !important;
color:#666 !important;
}

.cc-menu-links{
display:grid !important;
grid-template-columns:1fr 1fr !important;
gap:8px 14px !important;
}

.cc-menu-links a{
display:flex !important;
align-items:center !important;
padding:12px 14px !important;
border-radius:12px !important;
font-size:14px !important;
font-weight:500 !important;
color:#222 !important;
transition:.2s !important;
}

.cc-menu-links a:hover{
background:#fff5f2 !important;
color:#e03a00 !important;
padding-left:18px !important;
}

/* CUSTOMER CENTRIA EXACT FIX */

.cc-mega-menu{
top:48px !important;
left:-40px !important;
width:470px !important;
padding:14px !important;
border-radius:20px !important;
box-shadow:0 10px 35px rgba(0,0,0,.08) !important;
background:#fff !important;
}

.cc-menu-card{
padding:18px !important;
border-radius:16px !important;
margin-bottom:14px !important;
background:#faf5f3 !important;
}

.cc-menu-card h4{
font-size:15px !important;
font-weight:600 !important;
margin-bottom:6px !important;
}

.cc-menu-card p{
font-size:12.5px !important;
line-height:1.6 !important;
margin:0 !important;
}

.cc-menu-links{
display:grid !important;
grid-template-columns:1fr 1fr !important;
column-gap:20px !important;
row-gap:4px !important;
}

.cc-menu-links a{
font-size:13.5px !important;
padding:10px 12px !important;
border-radius:10px !important;
}

.cc-menu-links a:hover{
background:#fff5f2 !important;
color:#e03a00 !important;
}

.cc-dropdown:hover .cc-mega-menu{
display:block !important;
}
/* FINAL CUSTOMER CENTRIA FIX */

.cc-dropdown{
position:relative !important;
}

.cc-mega-menu{
top:42px !important;
left:-55px !important;
width:510px !important;
padding:14px !important;
border-radius:18px !important;
background:#fff !important;
border:1px solid #f1f1f1 !important;
box-shadow:0 10px 35px rgba(0,0,0,.07) !important;
z-index:999999 !important;
}

.cc-menu-card{
padding:20px !important;
border-radius:16px !important;
margin-bottom:16px !important;
background:#faf5f3 !important;
}

.cc-menu-card h4{
font-size:15px !important;
font-weight:600 !important;
margin-bottom:6px !important;
line-height:1.2 !important;
}

.cc-menu-card p{
font-size:12.5px !important;
line-height:1.7 !important;
color:#666 !important;
max-width:420px !important;
}

.cc-menu-links{
display:grid !important;
grid-template-columns:1fr 1fr !important;
column-gap:12px !important;
row-gap:6px !important;
}

.cc-menu-links a{
font-size:13px !important;
font-weight:500 !important;
padding:10px 12px !important;
border-radius:10px !important;
transition:.18s ease !important;
}

.cc-menu-links a:hover{
background:#fff5f2 !important;
color:#e03a00 !important;
transform:translateX(3px);
}
/* FINAL EXACT ALIGNMENT */

.cc-mega-menu{
top:36px !important;
left:-35px !important;
width:450px !important;
padding:12px 14px !important;
border-radius:18px !important;
box-shadow:0 12px 32px rgba(0,0,0,.06) !important;
}

.cc-menu-card{
padding:18px !important;
margin-bottom:12px !important;
}

.cc-menu-card h4{
font-size:14px !important;
margin-bottom:4px !important;
}

.cc-menu-card p{
font-size:12px !important;
line-height:1.6 !important;
}

.cc-menu-links{
column-gap:8px !important;
row-gap:2px !important;
}

.cc-menu-links a{
font-size:13px !important;
padding:9px 10px !important;
}
/* ==========================
AI+ PLATFORM EXACT MENU
========================== */

.cc-platform-dropdown{
position:relative;
}

.cc-platform-menu{
position:absolute;
top:42px;
left:-180px;
width:860px;
display:none;
background:#fff;
border-radius:22px;
overflow:hidden;
box-shadow:
0 16px 50px rgba(0,0,0,.08);
border:1px solid #eee;
z-index:999999;
}

.cc-platform-dropdown:hover
.cc-platform-menu
{
display:flex !important;
animation:fadeSmooth .18s ease;
}

/* LEFT PANEL */

.cc-platform-left{
width:280px;
background:#fafafa;
padding:28px;
border-right:1px solid #eee;
}

.cc-small-title{
font-size:12px;
font-weight:700;
letter-spacing:1px;
color:#bbb;
display:block;
margin-bottom:18px;
}

.cc-product-card{
border:1px solid #ddd;
border-radius:18px;
padding:18px;
margin-bottom:16px;
cursor:pointer;
transition:.2s;
background:#fff;
}

.cc-product-card.active{
border:1px solid #f04d00;
}

.cc-product-card h4{
font-size:15px;
font-weight:600;
margin-bottom:8px;
color:#111;
}

.cc-product-card p{
font-size:13px;
line-height:1.5;
color:#777;
}

/* RIGHT PANEL */

.cc-platform-right{
flex:1;
padding:30px;
}

.cc-platform-right h3{
font-size:32px;
font-weight:600;
margin-bottom:10px;
}

.cc-platform-desc{
font-size:16px;
color:#666;
margin-bottom:24px;
padding-bottom:20px;
border-bottom:1px solid #eee;
}

.cc-platform-grid{
display:grid;
grid-template-columns:1fr 1fr;
gap:22px;
}

.cc-feature-item h5{
font-size:16px;
font-weight:600;
margin-bottom:6px;
}

.cc-feature-item p{
font-size:14px;
line-height:1.5;
color:#777;
}

.cc-platform-footer{
display:flex;
justify-content:space-between;
align-items:center;
margin-top:28px;
padding-top:18px;
border-top:1px solid #eee;
}

.cc-tag{
border:1px solid #f04d00;
padding:8px 18px;
border-radius:999px;
font-size:13px;
color:#f04d00;
}

.cc-platform-footer a{
color:#f04d00;
font-weight:500;
text-decoration:none;
}
/* ==========================
AGENTIC AI EXACT MENU
========================== */

.cc-agentic-dropdown{
position:relative;
}

.cc-agentic-menu{
position:absolute;
top:42px;
left:-120px;
width:800px;
background:#fff;
border-radius:22px;
padding:28px;
display:none;
box-shadow:
0 16px 50px rgba(0,0,0,.08);
border:1px solid #eee;
z-index:999999;
}

.cc-agentic-dropdown:hover
.cc-agentic-menu{
display:block;
}

/* TOP */

.cc-agentic-top{
display:flex;
gap:16px;
align-items:flex-start;
padding:18px;
border-radius:18px;
background:#faf5f3;
border:1px solid #f2d5c8;
margin-bottom:24px;
}

.cc-agentic-icon{
width:48px;
height:48px;
background:#f04d00;
border-radius:14px;
display:flex;
align-items:center;
justify-content:center;
color:#fff;
font-size:20px;
flex-shrink:0;
}

.cc-agentic-top h3{
font-size:18px;
font-weight:600;
margin-bottom:6px;
}

.cc-agentic-top p{
font-size:14px;
line-height:1.7;
color:#666;
}

/* GRID */

.cc-agent-grid{
display:grid;
grid-template-columns:1fr 1fr;
gap:60px;
padding-bottom:24px;
border-bottom:1px solid #eee;
}

.cc-mini-title{
display:block;
font-size:12px;
font-weight:700;
letter-spacing:1px;
color:#aaa;
margin-bottom:16px;
}

.cc-agent-item{
display:block;
padding:12px 0;
text-decoration:none;
}

.cc-agent-item h4{
font-size:16px;
font-weight:600;
color:#111;
margin-bottom:4px;
}

.cc-agent-item p{
font-size:14px;
color:#888;
}

/* FOOTER */

.cc-agent-footer{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:12px;
padding-top:20px;
}

.cc-agent-footer a{
text-decoration:none;
border:1px solid #ddd;
border-radius:999px;
padding:12px;
text-align:center;
font-size:14px;
color:#555;
background:#fff;
}
/* HOVER EFFECT EXACT */

.cc-agent-item{
display:flex !important;
align-items:center !important;
gap:14px !important;
padding:14px !important;
border-radius:16px !important;
transition:all .22s ease !important;
cursor:pointer !important;
border:1px solid transparent !important;
}

.cc-agent-item:hover{
background:#faf2ee !important;
border:1px solid #f3d7ca !important;
transform:translateY(-1px);
}

.cc-agent-item:hover h4{
color:#f04d00 !important;
}

.cc-agent-item.active{
background:#faf2ee !important;
border:1px solid #f3d7ca !important;
}

/* MENU KEEP OPEN */
.cc-agentic-dropdown:hover
.cc-agentic-menu{
display:block !important;
animation:fadeSmooth .18s ease;
}

@keyframes fadeSmooth{
from{
opacity:0;
transform:translateY(8px);
}
to{
opacity:1;
transform:translateY(0);
}
}

/* FOOTER HOVER */

.cc-agent-footer a{
transition:.2s ease !important;
}

.cc-agent-footer a:hover{
border-color:#f04d00 !important;
color:#f04d00 !important;
background:#fff8f5 !important;
}
/* EXACT SIZE FIX */

.cc-agentic-menu{
width:760px !important;
padding:22px !important;
top:34px !important;
left:-140px !important;
border-radius:20px !important;
}

.cc-agentic-top{
padding:16px !important;
margin-bottom:18px !important;
border-radius:16px !important;
}

.cc-agentic-top h3{
font-size:16px !important;
margin-bottom:4px !important;
}

.cc-agentic-top p{
font-size:13px !important;
line-height:1.5 !important;
}

.cc-agent-grid{
gap:40px !important;
padding-bottom:18px !important;
}

.cc-agent-item{
padding:10px 14px !important;
border-radius:14px !important;
}

.cc-agent-item h4{
font-size:14px !important;
margin-bottom:3px !important;
}

.cc-agent-item p{
font-size:12px !important;
}

.cc-agent-footer{
padding-top:16px !important;
gap:10px !important;
}

.cc-agent-footer a{
padding:10px !important;
font-size:13px !important;
border-radius:999px !important;
}
/* FINAL SIZE REDUCE */

.cc-agentic-menu{
width:700px !important;
padding:18px !important;
top:30px !important;
left:-125px !important;
border-radius:18px !important;
}

.cc-agentic-top{
padding:14px !important;
margin-bottom:14px !important;
}

.cc-agentic-icon{
width:42px !important;
height:42px !important;
font-size:18px !important;
border-radius:12px !important;
}

.cc-agentic-top h3{
font-size:15px !important;
}

.cc-agentic-top p{
font-size:12px !important;
line-height:1.45 !important;
}

.cc-agent-grid{
gap:28px !important;
padding-bottom:14px !important;
}

.cc-mini-title{
font-size:11px !important;
margin-bottom:12px !important;
}

.cc-agent-item{
padding:8px 12px !important;
border-radius:12px !important;
}

.cc-agent-item h4{
font-size:13px !important;
}

.cc-agent-item p{
font-size:11.5px !important;
}

.cc-agent-footer{
gap:8px !important;
padding-top:14px !important;
}

.cc-agent-footer a{
padding:9px !important;
font-size:12px !important;
}
/* PIXEL CLOSE SIZE */

.cc-agentic-menu{
width:650px !important;
padding:16px !important;
top:26px !important;
left:-105px !important;
border-radius:16px !important;
}

.cc-agentic-top{
padding:12px 14px !important;
margin-bottom:12px !important;
border-radius:14px !important;
}

.cc-agentic-icon{
width:38px !important;
height:38px !important;
border-radius:10px !important;
font-size:16px !important;
}

.cc-agentic-top h3{
font-size:14px !important;
margin-bottom:2px !important;
}

.cc-agentic-top p{
font-size:11.5px !important;
line-height:1.4 !important;
}

.cc-agent-grid{
gap:20px !important;
padding-bottom:12px !important;
}

.cc-mini-title{
font-size:10px !important;
letter-spacing:1px !important;
margin-bottom:10px !important;
}

.cc-agent-item{
padding:7px 10px !important;
border-radius:10px !important;
}

.cc-agent-item h4{
font-size:12.5px !important;
margin-bottom:2px !important;
}

.cc-agent-item p{
font-size:11px !important;
line-height:1.3 !important;
}

.cc-agent-footer{
gap:6px !important;
padding-top:12px !important;
}

.cc-agent-footer a{
padding:8px !important;
font-size:11.5px !important;
min-height:auto !important;
}


/* ==========================
AI PLATFORM EXACT MATCH
========================== */

.cc-platform-menu{
width:650px !important;
padding:0 !important;
top:26px !important;
left:-105px !important;
border-radius:16px !important;
overflow:hidden !important;
box-shadow:0 14px 38px rgba(0,0,0,.07) !important;
}

.cc-platform-left{
width:250px !important;
padding:18px !important;
background:#fafafa !important;
}

.cc-small-title{
font-size:10px !important;
letter-spacing:1px !important;
margin-bottom:12px !important;
color:#b2b2b2 !important;
}

.cc-product-card{
padding:14px !important;
border-radius:12px !important;
margin-bottom:10px !important;
transition:all .2s ease !important;
border:1px solid #e8e8e8 !important;
cursor:pointer !important;
}

.cc-product-card:hover{
background:#faf2ee !important;
border-color:#f04d00 !important;
transform:translateY(-1px);
}

.cc-product-card.active{
background:#faf2ee !important;
border-color:#f04d00 !important;
}

.cc-product-card h4{
font-size:13px !important;
margin-bottom:4px !important;
font-weight:600 !important;
}

.cc-product-card p{
font-size:11px !important;
line-height:1.45 !important;
}

.cc-platform-right{
padding:18px !important;
}

.cc-platform-right h3{
font-size:15px !important;
margin-bottom:4px !important;
}

.cc-platform-desc{
font-size:12px !important;
line-height:1.45 !important;
margin-bottom:14px !important;
padding-bottom:14px !important;
}

.cc-platform-grid{
gap:16px !important;
}

.cc-feature-item h5{
font-size:12.5px !important;
margin-bottom:3px !important;
}

.cc-feature-item p{
font-size:11px !important;
line-height:1.35 !important;
}

.cc-platform-footer{
margin-top:14px !important;
padding-top:14px !important;
}

.cc-tag{
font-size:11px !important;
padding:7px 12px !important;
}

.cc-platform-footer a{
font-size:12px !important;
transition:.2s ease !important;
}

.cc-platform-footer a:hover{
color:#f04d00 !important;
transform:translateX(2px);
}
/* SUB MENU INSIDE HOVER */

.cc-feature-item{
display:flex !important;
gap:12px !important;
padding:12px !important;
border-radius:12px !important;
transition:all .2s ease !important;
cursor:pointer !important;
border:1px solid transparent !important;
}

.cc-feature-item:hover{
background:#faf2ee !important;
border-color:#f3d7ca !important;
transform:translateY(-1px);
}

.cc-feature-item:hover h5{
color:#f04d00 !important;
}

/* PRODUCT SWITCH HOVER */

.cc-product-card{
position:relative !important;
overflow:hidden !important;
}

.cc-product-card::after{
content:"";
position:absolute;
left:0;
top:0;
width:0;
height:100%;
background:rgba(240,77,0,.03);
transition:.22s ease;
}

.cc-product-card:hover::after{
width:100%;
}

.cc-product-card:hover h4{
color:#f04d00 !important;
}
.cc-platform-content{
display:none;
animation:fadeSmooth .18s ease;
}

.cc-platform-content.active{
display:block;
}
<script>

/* SIMPLE AI SERVICES MENU */

.cc-services-dropdown{
position:relative;
}

.cc-services-submenu{
position:absolute;
top:42px;
left:50%;
transform:translateX(-50%);
width:320px;
background:#fff;
border-radius:18px;
padding:14px;
display:none;
box-shadow:0 14px 38px rgba(0,0,0,.08);
border:1px solid #eee;
z-index:999999;
}

.cc-services-dropdown:hover
.cc-services-submenu{
display:block;
animation:fadeSmooth .18s ease;
}

.cc-services-submenu li{
list-style:none;
}

.cc-services-submenu li a{
display:flex;
align-items:center;
padding:14px 16px;
border-radius:12px;
font-size:14px;
font-weight:500;
color:#333;
transition:.2s ease;
}

.cc-services-submenu li a:hover{
background:#faf2ee;
color:#f04d00;
transform:translateX(3px);
}

/* PARTNERS MENU */

.cc-partners-dropdown{
position:relative;
}

.cc-partners-submenu{
position:absolute;
top:42px;
left:50%;
transform:translateX(-50%);
width:320px;
background:#fff;
border-radius:18px;
padding:10px;
display:none;
box-shadow:0 14px 38px rgba(0,0,0,.08);
border:1px solid #eee;
z-index:999999;
}

.cc-partners-dropdown:hover
.cc-partners-submenu{
display:block;
animation:fadeSmooth .18s ease;
}

.cc-partners-submenu li{
list-style:none;
}

.cc-partners-submenu li a{
display:flex;
align-items:center;
padding:16px 18px;
border-radius:12px;
font-size:15px;
font-weight:500;
color:#333;
transition:.2s ease;
}

.cc-partners-submenu li a:hover{
background:#faf2ee;
color:#f04d00;
transform:translateX(2px);
}


/* ABOUT US MENU */

.cc-about-dropdown{
position:relative;
}

.cc-about-menu{
position:absolute;
top:44px;
left:50%;
transform:translateX(-50%);
width:880px;
background:#fff;
border-radius:22px;
display:none;
overflow:hidden;
box-shadow:0 16px 45px rgba(0,0,0,.08);
z-index:999999;
border:1px solid #eee;
}

.cc-about-dropdown:hover
.cc-about-menu{
display:flex;
animation:fadeSmooth .18s ease;
}

/* LEFT SIDE */

.cc-about-left{
width:280px;
padding:24px 20px;
background:#fafafa;
border-right:1px solid #eee;
flex-shrink:0;
}

.cc-small-title{
display:block;
font-size:13px;
font-weight:700;
letter-spacing:1px;
color:#b7b7b7;
margin-bottom:16px;
}

.cc-about-card{
padding:18px;
border:1px solid #e6e6e6;
border-radius:16px;
margin-bottom:14px;
cursor:pointer;
transition:.22s ease;
background:#fff;
}

.cc-about-card:hover,
.cc-about-card.active{
border-color:#f04d00;
background:#fff7f3;
}

.cc-about-card h4{
font-size:15px;
font-weight:600;
margin-bottom:8px;
color:#222;
}

.cc-about-card p{
font-size:13px;
line-height:1.6;
color:#7a7a7a;
margin:0;
}

/* RIGHT SIDE */

.cc-about-right{
flex:1;
padding:28px 26px;
background:#fff;
min-height:500px;
}

.cc-about-content{
display:none;
}

.cc-about-content.active{
display:block;
animation:fadeSmooth .18s ease;
}

.cc-about-content h3{
font-size:18px;
font-weight:700;
margin-bottom:10px;
color:#1e1e1e;
}

.cc-platform-desc{
font-size:14px;
color:#777;
margin-bottom:24px;
padding-bottom:18px;
border-bottom:1px solid #ececec;
line-height:1.6;
}

.cc-platform-grid{
display:grid;
grid-template-columns:1fr 1fr;
gap:24px;
margin-bottom:28px;
}

.cc-feature-item{
display:flex;
align-items:flex-start;
gap:14px;
padding:12px;
border-radius:14px;
transition:.2s ease;
}

.cc-feature-item:hover{
background:#faf4f1;
}

.cc-feature-item h5{
font-size:15px;
font-weight:600;
margin-bottom:6px;
color:#222;
}

.cc-feature-item p{
font-size:13px;
line-height:1.55;
color:#7a7a7a;
margin:0;
}

/* FOOTER */

.cc-platform-footer{
display:flex;
justify-content:space-between;
align-items:center;
padding-top:20px;
border-top:1px solid #ececec;
}

.cc-tag{
display:inline-flex;
align-items:center;
justify-content:center;
padding:8px 16px;
border:1px solid #f04d00;
border-radius:999px;
font-size:13px;
font-weight:500;
color:#f04d00;
}

.cc-platform-footer a{
font-size:15px;
font-weight:500;
color:#f04d00;
text-decoration:none;
transition:.2s ease;
}

.cc-platform-footer a:hover{
transform:translateX(3px);
}
/* ABOUT US SIZE OVERRIDE */

.cc-about-menu{
width:760px !important;
top:38px !important;
border-radius:18px !important;
}

.cc-about-left{
width:250px !important;
padding:18px !important;
}

.cc-about-right{
padding:22px !important;
min-height:380px !important;
}

.cc-about-card{
padding:14px !important;
margin-bottom:10px !important;
border-radius:14px !important;
}

.cc-about-card h4{
font-size:14px !important;
margin-bottom:6px !important;
}

.cc-about-card p{
font-size:12px !important;
line-height:1.5 !important;
}

.cc-about-content h3{
font-size:16px !important;
margin-bottom:8px !important;
}

.cc-platform-desc{
font-size:13px !important;
margin-bottom:18px !important;
padding-bottom:14px !important;
}

.cc-platform-grid{
gap:16px !important;
margin-bottom:20px !important;
}

.cc-feature-item{
padding:10px !important;
gap:10px !important;
}

.cc-feature-item h5{
font-size:14px !important;
margin-bottom:4px !important;
}

.cc-feature-item p{
font-size:12px !important;
line-height:1.45 !important;
}

.cc-platform-footer{
padding-top:14px !important;
}

.cc-tag{
padding:6px 14px !important;
font-size:12px !important;
}


/* PAGE CONTENT FIX */

.hero,
.banner,
.slider,
.section-hero,
.home-slider,
.main-banner{
position:relative !important;
z-index:1 !important;
visibility:visible !important;
}

/* remove unwanted dark overlay */
.hero:before,
.hero:after,
.banner:before,
.banner:after,
.slider:before,
.slider:after,
.section-hero:before,
.section-hero:after{
display:none !important;
background:none !important;
opacity:0 !important;
}

/* fix disappearing content */
.hero *,
.banner *,
.slider *,
.section-hero *{
visibility:visible !important;
}

/* title fix */
h1,h2,h3,h4,h5,h6,
.hero-title,
.banner-title,
.section-title{
visibility:visible !important;
position:relative !important;
z-index:5 !important;
}

/* button fix */
.btn,
button,
a.btn,
.theme-btn{
visibility:visible !important;
display:inline-flex !important;
position:relative !important;
z-index:5 !important;
}

/* prevent menu affecting page */
.cc-navbar,
.cc-platform-menu,
.cc-about-menu,
.cc-services-submenu,
.cc-partners-submenu{
z-index:999999 !important;
}

/* page should stay normal */
body,
.main-wrapper,
.site-content{
background:#fff !important;
overflow-x:hidden !important;
}
/* =========================
SECTION CONTENT FIX
========================= */

/* prevent content hiding behind header */
body{
padding-top:0 !important;
}

main,
.site-content,
.page-content{
position:relative !important;
z-index:1 !important;
}

/* fix hidden section headings */
h1,h2,h3,h4,h5,h6,
.section-title,
.banner-title{
display:block !important;
visibility:visible !important;
opacity:1 !important;
position:relative !important;
z-index:5 !important;
}

/* fix hidden buttons */
a.btn,
button,
.theme-btn,
.wp-block-button a,
.elementor-button{
display:inline-flex !important;
visibility:visible !important;
z-index:5 !important;
position:relative !important;
}

/* IMAGE 1 + 4 BUTTON HIDE FIX */
.hero a,
.banner a,
section a.btn,
.hero button,
.banner button{
z-index:20 !important;
}

/* IMAGE 2 TITLE/SUBTITLE MISSING FIX */
.elementor-heading-title,
.elementor-widget-heading,
.elementor-text-editor,
.section-heading,
.content h2,
.content p{
visibility:visible !important;
position:relative !important;
z-index:4 !important;
}

/* IMAGE 3 HEADER OVERLAP FIX */
header,
.site-header,
.cc-navbar{
position:relative !important;
z-index:99999 !important;
}

section{
position:relative !important;
z-index:1 !important;
}

/* prevent content hiding under header */
.hero,
.banner,
.first-section,
.elementor-section:first-child{
margin-top:0 !important;
padding-top:40px !important;
}

/* remove accidental black overlay */
.elementor-background-overlay,
.overlay,
.dark-overlay,
.banner-overlay{
opacity:0 !important;
display:none !important;
}

/* images should stay visible */
img{
max-width:100%;
height:auto;
}

/* fix clipping issue */
.container,
.row,
.col,
.elementor-container{
}

/* ==========================
SAFE FIX FOR HIDDEN CONTENT
========================== */

/* HEADER always top */
header,
.site-header,
.cc-navbar{
    position: relative !important;
    z-index: 99999 !important;
}

/* Fix page content hiding */
main,
.site-content,
.elementor{
    position: relative;
    z-index: 1;
}

/* Fix section hidden under navbar */
.elementor-top-section,
section{
    position: relative !important;
    z-index: 2 !important;
}

/* REMOVE black overlay issue */
.elementor-background-overlay{
    opacity: 0 !important;
}

/* Fix buttons hidden */
.elementor-button,
.wp-element-button,
button,
a.elementor-button{
    visibility: visible !important;
    opacity: 1 !important;
    z-index: 5 !important;
    position: relative !important;
}

/* Fix heading hidden */
.elementor-heading-title,
h1,h2,h3,h4,h5,h6{
    visibility: visible !important;
    opacity: 1 !important;
    position: relative !important;
    z-index: 5 !important;
}

/* Fix text hidden */
.elementor-widget-text-editor,
.elementor-text-editor,
p{
    visibility: visible !important;
    opacity: 1 !important;
}

/* prevent clipping */
.elementor-widget-wrap,
.elementor-container{
    overflow: visible !important;
}


.cc-icon,
.cc-feature-icon,
.cc-card-icon,
.cc-main-icon{
color:#9c9c9c;
font-size:18px;
width:20px;
min-width:20px;
transition:.3s ease;
}

.cc-main-icon{
font-size:20px;
color:#f15a24;
}

.cc-feature-item,
.cc-service-item,
.cc-partner-item{
display:flex;
align-items:flex-start;
gap:14px;
}

.cc-service-item:hover .cc-icon,
.cc-partner-item:hover .cc-icon,
.cc-feature-item:hover .cc-feature-icon{
color:#f15a24;
}

.active .cc-icon,
.active .cc-feature-icon{
color:#f15a24;
}

h4 .cc-card-icon{
margin-right:10px;
color:#d0d0d0;
}

/* ==================================
COMMON MENU ICON SYSTEM
================================== */

.cc-icon,
.cc-feature-icon,
.cc-card-icon,
.cc-main-icon{
font-size:16px;
width:18px;
min-width:18px;
color:#a8a8a8;
transition:.25s ease;
flex-shrink:0;
}

/* orange active icon */
.active .cc-icon,
.active .cc-feature-icon,
.active .cc-card-icon,
.active .cc-main-icon{
color:#f15a24;
}

/* hover icon color */
.cc-agent-item:hover .cc-feature-icon,
.cc-feature-item:hover .cc-feature-icon,
.cc-service-item:hover .cc-icon,
.cc-partners-submenu li a:hover .cc-icon,
.cc-about-card:hover .cc-card-icon{
color:#f15a24;
}

/* all menu alignment */
.cc-agent-item,
.cc-feature-item,
.cc-service-item,
.cc-partners-submenu li a,
.cc-about-card{
display:flex;
align-items:flex-start;
gap:12px;
}

/* about menu title icon spacing */
.cc-about-card h4{
display:flex;
align-items:center;
gap:8px;
}

/* main top icon */
.cc-main-icon{
font-size:18px;
color:#f15a24;
}

/* submenu icon align */
.cc-services-submenu li a,
.cc-partners-submenu li a{
display:flex;
align-items:center;
gap:12px;
}


/* ==================================
RESPONSIVE HEADER MENU
================================== */

/* TABLET */
@media screen and (max-width:1024px){

.cc-navbar{
padding:0 20px !important;
height:72px !important;
}

.cc-menu{
gap:14px !important;
}

.cc-menu li a{
font-size:12px !important;
}

.cc-talk-btn{
padding:8px 14px !important;
font-size:11px !important;
}

.cc-platform-menu,
.cc-agentic-menu,
.cc-about-menu{
width:92vw !important;
max-width:760px !important;
left:50% !important;
transform:translateX(-50%) !important;
}

.cc-services-submenu,
.cc-partners-submenu{
width:280px !important;
}

}

/* MOBILE */
@media screen and (max-width:767px){

.cc-navbar{
height:70px !important;
padding:0 16px !important;
position:relative;
}

/* mobile menu hidden */
.cc-menu{
position:fixed !important;
top:70px !important;
left:-100% !important;
width:100% !important;
height:calc(100vh - 70px);
background:#fff !important;
display:flex !important;
flex-direction:column !important;
align-items:flex-start !important;
padding:24px 20px !important;
gap:8px !important;
overflow-y:auto !important;
transition:.3s ease;
z-index:99999;
}

/* active mobile menu */
.cc-menu.active{
left:0 !important;
}

.cc-menu li{
width:100%;
}

.cc-menu li a{
width:100%;
justify-content:space-between;
padding:14px 0;
font-size:15px !important;
border-bottom:1px solid #f1f1f1;
}

/* mobile submenu */
.cc-agentic-menu,
.cc-platform-menu,
.cc-about-menu,
.cc-services-submenu,
.cc-partners-submenu{
position:relative !important;
top:0 !important;
left:0 !important;
transform:none !important;
width:100% !important;
display:none !important;
box-shadow:none !important;
border:none !important;
border-radius:12px !important;
margin-top:10px;
padding:14px !important;
background:#fafafa !important;
}

.cc-dropdown.active .cc-mega-menu,
.cc-agentic-dropdown.active .cc-agentic-menu,
.cc-platform-dropdown.active .cc-platform-menu,
.cc-about-dropdown.active .cc-about-menu,
.cc-services-dropdown.active .cc-services-submenu,
.cc-partners-dropdown.active .cc-partners-submenu{
display:block !important;
}

/* hamburger */

.cc-mobile-toggle{
display:flex !important;
flex-direction:column;
justify-content:center;
gap:5px;
width:28px;
cursor:pointer;
}

.cc-mobile-toggle span{
height:2px;
width:100%;
background:#111;
border-radius:10px;
}

/* CTA full width */
.cc-talk-btn{
width:100%;
justify-content:center;
margin-top:12px;
}

}

/* DESKTOP ONLY */
@media screen and (min-width:768px){

.cc-mobile-toggle{
display:none !important;
}

}
/* ==================================
MOBILE MEGA MENU FIX
================================== */

@media screen and (max-width:767px){

/* full mobile menu */
.cc-menu{
width:100vw !important;
height:100vh !important;
overflow-y:auto !important;
padding:0 !important;
background:#fff !important;
}

/* all mega menus reset */
.cc-agentic-menu,
.cc-platform-menu,
.cc-about-menu,
.cc-services-submenu,
.cc-partners-submenu{

position:relative !important;
left:0 !important;
top:0 !important;
transform:none !important;

width:100% !important;
max-width:100% !important;
min-width:100% !important;

height:auto !important;
overflow:hidden !important;

border-radius:0 !important;
box-shadow:none !important;
border:none !important;

padding:16px !important;
margin-top:0 !important;
}

/* remove desktop grid */
.cc-agentic-menu,
.cc-platform-menu,
.cc-about-menu{
display:block !important;
}

/* platform/about columns stack */
.cc-platform-menu > *,
.cc-about-menu > *,
.cc-agentic-menu > *{
width:100% !important;
max-width:100% !important;
}

/* cards full width */
.cc-product-card,
.cc-about-card,
.cc-agent-item,
.cc-feature-item{

width:100% !important;
max-width:100% !important;

margin-bottom:12px !important;
}

/* grid fix */
.cc-platform-grid{
display:flex !important;
flex-direction:column !important;
gap:12px !important;
}

/* footer buttons fix */
.cc-platform-footer{
flex-direction:column !important;
align-items:flex-start !important;
gap:12px;
}

/* text overflow fix */
.cc-agentic-menu h3,
.cc-platform-menu h3,
.cc-about-menu h3,
.cc-agentic-menu h4,
.cc-platform-menu h4,
.cc-about-menu h4{

font-size:22px !important;
line-height:1.4 !important;
word-break:break-word;
}

/* paragraph fix */
.cc-agentic-menu p,
.cc-platform-menu p,
.cc-about-menu p{
font-size:14px !important;
line-height:1.6 !important;
}

/* hidden overflow remove */
.cc-navbar,
.cc-header,
header{
overflow:visible !important;
}

}