#wrapper-navbar { padding: 20px; max-height: 70px; height: 100%; display: flex; justify-content: center; align-items: center;  position: sticky; top: 0; z-index: 1000; background: #fff; box-shadow: 0 0 12px #adadad80; transition: 0.35s ease, opacity 0.35s ease; }
#wrapper-navbar .container { max-width: 100%; padding: 0; }
#wrapper-navbar .custom-logo-link { width: 150px; padding: 0; margin: 0; }
#wrapper-navbar .site-logo img { width: 150px; }
#wrapper-navbar .navbar { padding: 0; width: 100%; }
@media screen and (min-width: 1200px){ #wrapper-navbar .container { max-width: 1300px; } }

html.mega-menu-primary-off-canvas-open,
html.mega-menu-primary-off-canvas-open body{ overflow: unset; }
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item a.mega-menu-link * { color: inherit; }

/* main Nav */
#mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item>a.mega-menu-link{ font-size: 18px; line-height: 1.5; }

#mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item.signIn-btn>a.mega-menu-link { min-height: 40px; border: 1px solid var(--accent); color: var(--accent); border-radius: 8px; }
#mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item.signIn-btn>a.mega-menu-link:hover { background: transparent; color: var(--accent); box-shadow: 0 4px 6px -2px hsla(206, 49%, 54%, 0.18), 0 0 0 1px hsla(212, 89%, 75%, 0.3), 0 4px 6px -2px hsla(206, 49%, 54%, 0.18), 0 -4px 1px 0 hsla(212, 89%, 75%, 0.18) inset; }
#mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item.demo-btn>a.mega-menu-link { min-height: 40px; color: #fff; background-color: var(--accent); font-weight: 700; border-radius: 8px; box-shadow: 0 0 0 1px transparent; }
#mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item.demo-btn>a.mega-menu-link:hover { background: transparent; color: var(--accent); box-shadow: 0 4px 6px -2px hsla(206, 49%, 54%, 0.18), 0 0 0 1px hsla(212, 89%, 75%, 0.3), 0 4px 6px -2px hsla(206, 49%, 54%, 0.18), 0 -4px 1px 0 hsla(212, 89%, 75%, 0.18) inset; }

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link,
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link,
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link{ color: #fff; }
@media (min-width: 769px) {
	#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link{ font-size: 16px; }
	#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link,
	#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link,
	#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link{ color: #072032; }
}

/* Mega Menu */
#mega-menu-wrap-primary #mega-menu-primary p { margin: 0; }

/* Mega Box CSS */
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item>a.mega-menu-link .mega-box { padding: 8px 12px; border-radius: 12px; display: flex; gap: 8px; width: 100%; border: 1px solid transparent; color: #072032; }
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item>a.mega-menu-link .mega-box svg { color: var(--secondary); }
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item>a.mega-menu-link .mega-box .title { font-size: 15px; margin-bottom: 4px; font-weight: 600; color: #072032; }
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item>a.mega-menu-link .mega-box .text { font-size: 14px; margin-bottom: 0; color: #072032c0; }
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item>a.mega-menu-link:hover .mega-box{ background-color: #f8f6f3; border-color: #f7ead8; border-radius: 12px; color: #072032; }
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item>a.mega-menu-link:hover .mega-box .title { color: var(--secondary); }

/* ------------------------ SOLUTION --------------------------------- */
#mega-menu-wrap-primary #mega-menu-primary #mega-menu-item-6027>.mega-sub-menu>li.mega-menu-column-standard>.mega-menu-link { color: var(--accent); font-weight: 600; font-family: var(--heading-font); border-bottom: 1px solid #0002; padding-bottom: 8px; margin-bottom: 12px; }
#mega-menu-wrap-primary #mega-menu-primary #mega-menu-item-6027>.mega-sub-menu>li.mega-menu-columns-2-of-6 { padding-left: 20px; }
#mega-menu-wrap-primary #mega-menu-primary #mega-menu-item-6027>.mega-sub-menu>li.mega-menu-columns-2-of-6 a.mega-menu-link .mega-box svg { height: 20px; width: 20px; }
#mega-menu-wrap-primary #mega-menu-primary #mega-menu-item-6027>.mega-sub-menu>li.mega-menu-columns-2-of-6 a.mega-menu-link .mega-box .title { font-weight: 500; color: #072032; }
#mega-menu-wrap-primary #mega-menu-primary #mega-menu-item-6027>.mega-sub-menu>li.mega-menu-columns-2-of-6 a.mega-menu-link:hover .mega-box .title { font-weight: 500; color: var(--secondary); }

#mega-menu-wrap-primary #mega-menu-primary .solution-title { font-size: 16px; padding-bottom: 12px; color: var(--primary); font-weight: 600; }
#mega-menu-wrap-primary #mega-menu-primary li.mega-review-box .cta-box { position: relative; margin-bottom: 30px; padding: 24px 32px; border-radius: 20px; overflow: hidden; background: linear-gradient(135deg, #F5F8FF 0%, #EEF3FF 40%, #FFFFFF 100%); box-shadow: 0 2px 5px rgba(15, 23, 42, 0.10), inset 0 1px 0 rgba(255, 255, 255, 0.9); border: 1px solid rgba(11, 92, 255, 0.12); }
#mega-menu-wrap-primary #mega-menu-primary li.mega-review-box .cta-box::before { content: ""; position: absolute; inset: 0; background-image: radial-gradient(rgba(11, 92, 255, 0.08) 1px, transparent 1px); background-size: 22px 22px; opacity: 0.6; pointer-events: none; }
#mega-menu-wrap-primary #mega-menu-primary li.mega-review-box .cta-box::after { content: ""; position: absolute; bottom: -30%; left: -20%; width: 140%; height: 140%; background: radial-gradient(circle at bottom left, rgba(56, 189, 248, 0.18), transparent 60%); pointer-events: none; }
#mega-menu-wrap-primary #mega-menu-primary li.mega-review-box .cta-box>* { position: relative; z-index: 1; }
#mega-menu-wrap-primary #mega-menu-primary li.mega-review-box .cta-title { font-size: clamp(20px, 2vw, 26px); font-weight: 700; color: #0F172A; margin-bottom: 14px; }
#mega-menu-wrap-primary #mega-menu-primary li.mega-review-box .cta-subtext { max-width: 720px; margin: 0 auto 28px; font-size: 16px; line-height: 1.7; color: #475569; margin-bottom: 12px; }
#mega-menu-wrap-primary #mega-menu-primary li.mega-review-box .cta-btn { display: inline-block; padding: 14px 28px; margin-top: 12px; background: linear-gradient(135deg, #006dff, #2563EB); color: #FFFFFF; font-weight: 600; border-radius: 12px; text-decoration: none; box-shadow: 0 5px 12px rgba(11, 92, 255, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.25); transition: transform 200ms ease, box-shadow 200ms ease; }
#mega-menu-wrap-primary #mega-menu-primary li.mega-review-box .cta-btn:hover { transform: translateY(-2px); box-shadow: 0 6px 15px rgba(11, 92, 255, 0.45); }

/* Mega Menu Stats – Botphonic */
#mega-menu-wrap-primary #mega-menu-primary li.mega-review-box .bf-mega-stats { position: relative; margin-bottom: 30px; padding: 16px; margin-bottom: 0; border-radius: 16px; overflow: hidden;  background: linear-gradient(135deg, #F5F8FF 0%, #EEF3FF 40%, #FFFFFF 100%); box-shadow: 0 2px 5px rgba(15, 23, 42, 0.10), inset 0 1px 0 rgba(255, 255, 255, 0.9); border: 1px solid rgba(11, 92, 255, 0.12); }
#mega-menu-wrap-primary #mega-menu-primary li.mega-review-box .bf-mega-stats::before { content: ""; position: absolute; inset: 0; background-image: radial-gradient(rgba(11, 92, 255, 0.08) 1px, transparent 1px); background-size: 22px 22px; opacity: 0.6; pointer-events: none; }
#mega-menu-wrap-primary #mega-menu-primary li.mega-review-box .bf-mega-stats::after { content: ""; position: absolute; bottom: -30%; left: -20%; width: 140%; height: 140%; background: radial-gradient(circle at bottom left, rgba(56, 189, 248, 0.18), transparent 60%); pointer-events: none; }
#mega-menu-wrap-primary #mega-menu-primary li.mega-review-box .bf-mega-title { font-size: 18px; font-weight: 600; color: #111827; margin-bottom: 16px; line-height: 1.4; }
#mega-menu-wrap-primary #mega-menu-primary li.mega-review-box .bf-mega-stats-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 36px 8px; }
#mega-menu-wrap-primary #mega-menu-primary li.mega-review-box .bf-stat-value { font-size: 22px; font-weight: 700; color: var(--accent); }
#mega-menu-wrap-primary #mega-menu-primary li.mega-review-box .bf-stat-label { font-size: 13px; color: #475569; margin-top: 4px; letter-spacing: 1px; }
@media (min-width: 769px) { #mega-menu-wrap-primary #mega-menu-primary li.mega-review-box .bf-mega-stats { padding: 24px 32px; border-radius: 20px; } }

/* mega-menu-notice */
#mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item-has-children>ul.mega-sub-menu>li.mega-menu-item { padding: 12px; border-radius: 12px; }
#mega-menu-wrap-primary #mega-menu-primary .mega-menu-notice { padding: 14px 22px; color: #072036; background: linear-gradient(135deg, rgba(245, 248, 255, 0.95), rgba(238, 243, 255, 0.95)); border: 1px solid rgba(11, 92, 255, 0.12); text-align: center; border-radius: 14px; box-shadow: 0 1px 8px rgba(15, 23, 42, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.9); transition: all 220ms ease; }
#mega-menu-wrap-primary #mega-menu-primary .mega-menu-notice span { font-weight: 500; font-size: 18px; color: #072036; text-align: center; }
#mega-menu-wrap-primary #mega-menu-primary .mega-menu-notice a { display: block; padding: 6px 18px; background: #0B5CFF; color: #FFFFFF; border-radius: 10px; font-weight: 600; box-shadow: 0 4px 12px rgba(11, 92, 255, 0.25); transition: all 200ms ease; margin: 8px 8px 0; text-align: center; }
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item ul.mega-sub-menu>li.mega-notice-box a:hover { background: #006dee; transform: translateY(-1px); box-shadow: 0 6px 16px rgba(11, 92, 255, 0.35); }
@media screen and (min-width: 769px) {
	#mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item-has-children>ul.mega-sub-menu { box-shadow: 0 0 20px #10201020; }
	#mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item-has-children>ul.mega-sub-menu>li.mega-menu-item { border-radius: 0; }
	#mega-menu-wrap-primary #mega-menu-primary .mega-menu-notice { display: flex; align-items: center; justify-content: center; gap: 12px; }
	#mega-menu-wrap-primary #mega-menu-primary .mega-menu-notice span { font-size: 20px; }
	#mega-menu-wrap-primary #mega-menu-primary .mega-menu-notice a { margin: 0; }
}

/* New Mega menu */
#mega-menu-wrap-primary .mega-menu-toggle{ background: transparent; height: auto; }
#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-blocks-right .mega-toggle-block,
#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-blocks-right .mega-toggle-block:only-child { margin: 0;  }
#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-animated-box{ width: 30px; }
#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-animated-inner,
#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-animated-inner::before,
#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-animated-inner::after { width: 30px	; height: 2px; background-color: #000; }
#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-animated-inner{ top: 4px; }
#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-animated-inner::after { top: above}

/* Mobile */
@media screen and (max-width: 768px){
	#mega-menu-wrap-primary .mega-menu-toggle + #mega-menu-primary{ background-color: #fff; max-width: 500px; }
	#mega-menu-wrap-primary .mega-menu-toggle.mega-menu-open + #mega-menu-primary{ padding-top: 24px; }

	#mega-menu-wrap-primary #mega-menu-primary .solution-title { font-size: 13px; letter-spacing: 1.12px; padding-left: 8px; padding-bottom: 4px; margin-top: 20px; }
	#mega-menu-wrap-primary #mega-menu-primary li.mega-review-box .cta-box { padding: 16px; margin-bottom: 0; border-radius: 8px; }
	#mega-menu-wrap-primary #mega-menu-primary li.mega-review-box .cta-btn { padding: 8px 20px; border-radius: 6px}

	#mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item>a.mega-menu-link{ color: #072032; }
	#mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item.mega-toggle-on>a.mega-menu-link{ background-color: rgb(var(--accent-rgb), 0.12); color: var(--accent); border-radius: 10px; }

	#mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item>ul.mega-sub-menu>li.mega-menu-item { padding: 0; }

	#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item>a.mega-menu-link .mega-box svg { width: 20px; height: 20px; margin-top: 4px;}

	#mega-menu-wrap-primary #mega-menu-primary #mega-menu-item-6027>.mega-sub-menu>li.mega-menu-columns-2-of-6 { padding-left: 0; }
	#mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item.signIn-btn>a.mega-menu-link { margin-bottom: 12px; }
	#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item.mega-menu-megamenu ul.mega-sub-menu li.mega-2-columns>ul.mega-sub-menu,
	#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item.mega-menu-megamenu ul.mega-sub-menu li.mega-3-columns>ul.mega-sub-menu { grid-template-columns: repeat(1, minmax(0, 1fr)); }
}









/* ******************************* FOOTER ******************************* */
:root { --bf-bg: #020202; --bf-surface: #0a0a0a; --bf-text: #e5e7eb; --bf-muted: #6b7280; --bf-border: rgba(255, 255, 255, .08); }

.bf-footer { background: #F9F9FF; padding: 80px 20px; }
.bf-footer a { text-decoration: none; font-size: 14px; transition: color .2s ease; letter-spacing: 0.8px; font-weight: 500; }
.bf-footer a:hover,
.bf-footer a:focus-visible,
.bf-footer .current-menu-item > a,
.bf-footer .current_page_item > a { color: var(--accent); }

.bf-footer-grid { display: grid; margin-inline: auto; grid-template-columns: 1.5fr 1fr 1fr 1fr 1fr;  grid-column-gap: 20px; }
.bf-footer-brand .bf-logo svg{ color: var(--primary); max-width: 180px; height: auto; }
.bf-footer-brand .bf-desc { color: var(--bf-muted); margin: 24px 0; max-width: 420px; }
.bf-social .bf-icon-item a { color:var(--primary); }
.bf-trust span { font-size: 12px; color: var(--bf-muted); margin-bottom: 20px; display: block; }
.bf-footer-brand hr{ border-color: #dcdcdc20; }

.bf-footer-links .subtitle { color: #6d56ef; letter-spacing: 1.5px; text-transform: uppercase; font-size: 13px; font-weight: 700; }
.bf-footer-links { display: flex; flex-direction: column; gap: 40px; }
.bf-footer-links .footer-list { grid-column-gap: 16px; grid-template-rows: auto auto; grid-template-columns: 1fr; grid-auto-columns: 1fr; display: grid; }
.footer-list .footer-items { grid-column-gap: 4px; display: flex; flex-flow: column; grid-template-rows: auto auto; grid-template-columns: 1fr; grid-auto-columns: 1fr; gap: 20px; }
.footer-list .footer-items ul { margin: 0; }
.footer-items li { line-height: 1.4; margin-bottom: 15px; }
.footer-items li:last-child{ margin: 0; }
.footer-items li a { opacity: .75; font-size: 13px; }
.footer-items li a:hover { opacity: 1; }


.bf-footer-bottom .container { padding-top: 16px;  border-top: 1px solid var(--bf-border); display: flex; justify-content: space-between; gap: 12px; flex-wrap: wrap; font-size: 13px; color: var(--bf-muted); }

@media (max-width: 900px) { .bf-footer-grid { grid-template-columns: 1fr 1fr; } }
@media screen and (max-width:767px) { .bf-footer-grid { grid-template-rows: auto; justify-items: start; } }
@media screen and (max-width:479px) {
	.bf-footer-grid { grid-template-columns: 1fr; grid-row-gap: 16px; grid-template-rows: auto; grid-template-columns: auto; }
	.bf-footer-links .footer-list { padding-bottom: 12px; }
	.bf-footer { padding: 30px 10px; }
}