/**
Theme Name: Astra Child
Author: Brainstorm Force
Author URI: http://wpastra.com/about/
Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with schema.org code integrated so search engines will love your site. Astra offers plenty of sidebar options and widget areas giving you a full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and beautiful theme!
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: astra-child
Template: astra
*/
@import url('fonts/phosphoricons.css');
@import url('fonts/fontawesome/all.min.css');
/* source-sans-3-latin-200-normal */
@font-face {
    font-family: 'Source Sans 3';
    font-style: normal;
    font-display: swap;
    font-weight: 200;
    src: url(fonts/latin-200-normal.woff2) format('woff2'), url(fonts/latin-200-normal.woff) format('woff');
    unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
  }
  
  /* source-sans-3-latin-300-normal */
  @font-face {
    font-family: 'Source Sans 3';
    font-style: normal;
    font-display: swap;
    font-weight: 300;
    src: url(fonts/latin-300-normal.woff2) format('woff2'), url(fonts/latin-300-normal.woff) format('woff');
    unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
  }
  
  /* source-sans-3-latin-400-normal */
  @font-face {
    font-family: 'Source Sans 3';
    font-style: normal;
    font-display: swap;
    font-weight: 400;
    src: url(fonts/latin-400-normal.woff2) format('woff2'), url(fonts/latin-400-normal.woff) format('woff');
    unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
  }
  
  /* source-sans-3-latin-500-normal */
  @font-face {
    font-family: 'Source Sans 3';
    font-style: normal;
    font-display: swap;
    font-weight: 500;
    src: url(fonts/latin-500-normal.woff2) format('woff2'), url(fonts/latin-500-normal.woff) format('woff');
    unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
  }
  
  /* source-sans-3-latin-600-normal */
  @font-face {
    font-family: 'Source Sans 3';
    font-style: normal;
    font-display: swap;
    font-weight: 600;
    src: url(fonts/latin-600-normal.woff2) format('woff2'), url(fonts/latin-600-normal.woff) format('woff');
    unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
  }
  
  /* source-sans-3-latin-700-normal */
  @font-face {
    font-family: 'Source Sans 3';
    font-style: normal;
    font-display: swap;
    font-weight: 700;
    src: url(fonts/latin-700-normal.woff2) format('woff2'), url(fonts/latin-700-normal.woff) format('woff');
    unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
  }
  
  /* source-sans-3-latin-800-normal */
  @font-face {
    font-family: 'Source Sans 3';
    font-style: normal;
    font-display: swap;
    font-weight: 800;
    src: url(fonts/latin-800-normal.woff2) format('woff2'), url(fonts/latin-800-normal.woff) format('woff');
    unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
  }
  
  /* source-sans-3-latin-900-normal */
  @font-face {
    font-family: 'Source Sans 3';
    font-style: normal;
    font-display: swap;
    font-weight: 900;
    src: url(fonts/latin-900-normal.woff2) format('woff2'), url(fonts/latin-900-normal.woff) format('woff');
    unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
  } 
/* Adelle Sans Regular */
  @font-face {
    font-family: 'Adelle Sans';
    font-style: normal;
    font-display: swap;
    font-weight: 400;
    src: url(fonts/Adelle_Sans_ARA_Regular.woff2) format('woff2'), url(fonts/Adelle_Sans_ARA_Regular.woff) format('woff');
  }

:root {
  --bg-light:   #F0F5FA;
  --border: #e2e8f0;
  --blue:  #0075ff;
  --navy-deep: #0a1e5e;
  --brand-navy: #0a1e5e;
  --brand-navy-deep: #06101f;
  --brand-blue: #1a56db;
  --brand-teal: #0ea5a0;
  --brand-sky: #60a5fa;
  --accent-red: #dc2626;
  --bg-cream: #f8f9fc;
  --bg-white: #ffffff;
  --text-primary: #0f172a;
  --text-secondary: #475569;
  --text-muted: #94a3b8;
  --border-light: #e2e8f0;
  --gradient-hero: linear-gradient(135deg, #06101f 0%, #0a1e5e 40%, #1a3a8f 100%);
  --gradient-cta: linear-gradient(135deg, #0ea5a0 0%, #1a56db 100%);
  --shadow-sm: 0 2px 8px rgba(0,0,0,0.06);
  --shadow-md: 0 4px 16px rgba(0,0,0,0.08);
  --shadow-lg: 0 12px 40px rgba(10,30,94,0.12);
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 20px; 
  --transition: 0.25s ease;
  --radius: 8px;
}

.wp-block-table th{ background:#046bd2; color:#fff;}
tr:nth-child(odd) {
    background-color: #f0f6ff !important;
}
p a{ color:#0075ff;}
p a:hover{ color:#000;}
.site-footer p a{ color:#000;}
.site-footer p a:hover{ color:#0075ff;}
a:focus{ outline:none;}
a:focus-visible{ outline:1px solid #111;}
body{ font-family: "Source Sans 3", sans-serif !important; line-height: normal;}
h1, h2, h3, h4, h5, h6{ font-family: 'Adelle Sans'!important; line-height: normal;}
.elementor-button, .text-subheading, label, .mbtn, input.wpcf7-form-control.wpcf7-submit{ font-family: 'Adelle Sans'!important;}
video{ max-width:100%;}
label{ font-size:14px !important;}

.space-between{ justify-content: space-between !important;}
.text-center{ text-align:center;}
.filter-row select {
	background-color:inherit;
    background-image: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e);
    background-position: right .5rem center;
    background-repeat: no-repeat;
    background-size: 1.5em 1.5em;
    padding-right: 2.5rem; width:100%;
	border-radius: 0px;
    print-color-adjust: exact; border-bottom:1px solid rgb(225 233 244);
}
.filter-row select:focus { outline: none; border-color: #2563eb;}
.filter-cat-results h3{ font-size: 20px; min-height: 50px; margin-bottom:0; font-weight: 500; line-height:26px;}
/*.filter-cat-results .cpt-archive-item:hover h3{ color: #0075FF;}*/
.resource-container{ max-width:1280px; margin:0 auto 40px auto; min-height:300px;}
.filter-cat-results{ display:grid; column-gap: 40px; row-gap: 40px; grid-template-columns: repeat(3, minmax(0, 1fr));margin-bottom: 40px;}
.filter-cat-results .f-cat { opacity: 0; display: none;}
#load-more{
	margin: 50px 0px 0px 0px;
    color: #000000;
    background: #FFFFFF;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #E1E9F4;
    border-radius: 200px;
	margin-bottom:50px;
}
#load-more:hover{ background: #F6F8FC;}
.wpcf7-acceptance .wpcf7-list-item-label {font-size: 14px; padding-left: 5px;} 
.wpcf7-acceptance input[type="checkbox"] {
height: 14px !important;
margin-right: 0px !important;
}
.mySwiper .block-shadow{ background:none !important; box-shadow:none !important; padding-left:0 !important; padding-right:0 !important;}
.mySwiper .swiper-button-prev{ /*right: auto; left: 110px; top: auto; bottom: 0;*/ background:#0075FF !important; color:#fff;}
.mySwiper .swiper-button-next{ /*left: 160px; right: auto; bottom: 0; top: auto;*/ background:#0075FF !important; color:#fff;}
.mySwiper .swiper-button-prev:after, .mySwiper .swiper-button-next:after{ color:#fff !important;}
.site-header .astra-mm-icon-label {
    margin-left: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}
  

.site-primary-footer-wrap .widget-title, .site-primary-footer-wrap h6{ color:#66717F; font-size:14px; text-transform:uppercase; font-weight:400; letter-spacing:2px; margin-bottom: 8px;}
.site-primary-footer-wrap .widget{ margin-bottom:30px;}
.site-primary-footer-wrap .widget:last-child{ margin-bottom:0;}
.site-primary-footer-wrap .ast-builder-html-element ul{ margin: 0 0 30px 0; list-style: none;}
.site-primary-footer-wrap li{ padding-bottom:15px;}
.site-primary-footer-wrap li, .site-primary-footer-wrap li a{ font-size:16px; color:#000; line-height: 18px;}
.footer-social-links{ gap:10px;}
.site-primary-footer-wrap li a:hover{ color:#0075FF;}

.copyright-link{ list-style:none; padding:0; margin:0; display:flex; gap:15px;}
.copyright-link li a{ font-size:17px; color:#2D353D;}
.copyright-link li a:hover{ color:#0075FF;}
.site-below-footer-wrap[data-section="section-below-footer-builder"]{ padding-top:20px !important; padding-bottom:20px !important;}
span.ast-blog-single-element.ast-taxonomy-container.cat-links{display: none;}
.top-header.sticky { position: fixed; top: 0; z-index: 9;}
.site-header .menu-text{ font-size:16px; font-weight:600;}
.site-header .sub-menu .menu-text{ font-size:15px;}
.ast-theme-transparent-header #masthead{ position:relative !important; border-bottom:1px solid #E9ECF1;}
.ast-full-width-primary-header #masthead.fixed,
#masthead.fixed{ background:#fff; position:fixed !important; top:0; border-bottom:1px solid rgba(0,0,0,.05); width: 100%; z-index:999;}
body.home #masthead.fixed{ top:48px;}
#internal-submenus.fixed{ position: fixed; top:60px; background: #fff; z-index: 1; padding: 15px 0 0 0;}
#internal-submenus.fixed .e-con-inner{ padding:20px 0;}
.site-header .ast-builder-grid-row{ gap:10px;}
.site-header{ background:#fff;}
body.home .site-header{ background:none;}
#masthead .ast-custom-button-link{ white-space:nowrap;}
#masthead .menu-item > .menu-link{ padding-left: 15px; padding-right: 15px;}
.site-header .main-header-menu .astra-full-megamenu-wrapper .sub-menu .menu-link{ padding:6px 0 6px 35px; position:relative;}

 /* ====================================================
MEGA-MENU — PLATFORM
==================================================== */
.ast-desktop .ast-builder-menu-1 .menu-item .sub-menu:has(.mega-menu){ padding:0 !important;}
.mega-menu {
	/*position: absolute;
	top: 100%;
	left: 50%;
	transform: translateX(-50%);*/
	background: white;
	border: 1px solid var(--border-light);
	border-radius: var(--radius-md);
	box-shadow: var(--shadow-lg);
	transition: opacity 0.2s, visibility 0.2s, transform 0.2s;
	/*transform: translateX(-50%) translateY(8px);*/
	z-index: 100;
}
.nav-item:hover > .mega-menu {
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
	transform: translateX(-50%) translateY(0);
}

/* Platform mega-menu */
.mega-platform {
	width: 580px;
	padding: 25px;
}
.mega-cols {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 24px;
}
.mega-col-title {
	font-size: 14px;
	font-weight: 700;
	color: var(--text-secondary);
	letter-spacing: 0.08em;
	text-transform: uppercase;
	margin-bottom: 12px;
	padding-bottom: 10px;
	border-bottom: 1px solid var(--border-light);
}

.mega-item {
	display: flex;
	gap: 12px;
	padding: 10px 12px;
	border-radius: var(--radius-sm);
	transition: background 0.15s;
}
.mega-item:hover {
	background: #f1f2f4;
}
.mega-item-icon {
	width: 36px;
	height: 36px;
	border-radius: 8px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	font-size: 16px;
	padding:5px;
}
ul.sub-menu .mega-item-icon img{ filter:brightness(0) invert(1) !important;}
.mega-item-icon.platform {
	background: linear-gradient(135deg, #0a1e5e, #1a56db);
}
.mega-item-icon.ai {
	background: linear-gradient(135deg, #0ea5a0, #1a56db);
}
.mega-item-icon.agent {
	background: linear-gradient(135deg, #893dcc, #1a56db);
}
.mega-item-text h4 {
	font-size: 14px;
	font-weight: 600;
	color: var(--text-primary);
	margin-bottom: 2px !important;
}
.mega-item-text p {
	font-size: 14px; color:#73767c;
	line-height: 1.4; font-weight:400; margin:0;
}

/* ====================================================
MEGA-MENU — PRODUCTS (persona-split)
==================================================== */
.mega-products {
	width: 850px;
	padding: 25px;
	transform: translateX(-100px);
}
.mega-cols-3 {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap: 16px;
}

.mega-product-link {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	padding: 10px 10px;
	border-radius: var(--radius-sm);
	transition: background 0.22s ease, transform 0.3s cubic-bezier(0.16, 1, 0.3, 1);
    text-decoration: none;
}
.mega-product-link:hover {
	background: rgba(26, 86, 219);
    transform: translateX(3px); 
}
.mega-product-link .link-dot {
	width: 20px; max-height:20px;
	/*width: 6px;
	height: 6px;
	border-radius: 50%;
	flex-shrink: 0;*/
}
.mega-product-icon {
	width: 32px;
	height: 32px;
	border-radius: 8px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.3s ease;
}
.mega-product-link .mega-product-icon img { width: 20px;}
.mega-product-link .mega-product-icon { background: rgba(26, 86, 219, 0.1); color: var(--brand-blue); }
.mega-product-link:hover .mega-product-icon { background:#fff;}
.mega-product-meta { min-width: 0; line-height: 1.3; padding-top: 2px; }
.mega-product-name {
	font-size: 15px;
	font-weight: 600;
	color: var(--text-primary);
	transition: color 0.2s ease;
}
.mega-product-link:hover .mega-product-name { color: #fff; }
.mega-product-desc {
	font-size: 14px;
	color: #727c8b;
	margin-top: 2px;
	line-height: 1.4;
	font-weight: normal;
}
.mega-product-link:hover .mega-product-desc{ color:#cdd6dc;}
.mega-persona-label {
	font-size: 13px;
	color: var(--text-muted);
	margin-top: 12px;
	padding-top: 8px;
	border-top: 1px solid var(--border-light);
}
/* Featured spotlight band — carousel */
.mega-featured {
	position: relative;
	margin-top: 18px;
	padding: 14px 18px 24px;
	background: linear-gradient(135deg, rgba(14, 165, 160, 0.08), rgba(26, 86, 219, 0.08));
	border: 1px solid rgba(14, 165, 160, 0.18);
	border-radius: 10px;
	overflow: hidden;
}
.mega-featured-track {
	position: relative;
	min-height: 35px;
}
.mega-featured-slide {
	position: absolute;
	inset: 0;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	opacity: 0;
	transform: translateX(12px);
	pointer-events: none;
	visibility: hidden;
	transition:
		opacity 0.45s cubic-bezier(0.16, 1, 0.3, 1),
		transform 0.45s cubic-bezier(0.16, 1, 0.3, 1),
		visibility 0.45s;
}
.mega-featured-slide.active {
	opacity: 1;
	transform: translateX(0);
	pointer-events: auto;
	visibility: visible;
}
.mega-featured-left {
	display: flex;
	align-items: center;
	gap: 14px;
	min-width: 0;
}
.mega-featured-badge {
	font-size: 10px;
	font-weight: 700;
	letter-spacing: 0.1em;
	padding: 4px 8px;
	border-radius: 4px;
	color: white;
	flex-shrink: 0;
	white-space: nowrap;
}
.mega-featured-badge.new { background: var(--brand-teal); }
.mega-featured-badge.webinar { background: var(--brand-blue); }
.mega-featured-badge.guide { background: var(--brand-navy); }
.mega-featured-badge.event { background: #0c8f8b; }
.mega-featured-title {
	font-size: 16px;
	font-weight: 600;
	color: var(--text-primary);
}
.mega-featured-desc {
	font-size: 15px;
	color: #727c8b;
	margin-top: 2px;
	line-height: 1.4;
}
.mega-featured-cta {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	font-size: 15px;
	font-weight: 600;
	color: var(--brand-blue);
	white-space: nowrap;
	flex-shrink: 0;
	transition: gap 0.25s cubic-bezier(0.16, 1, 0.3, 1), color 0.2s ease;
}
.mega-featured-cta:hover { color: var(--brand-teal); gap: 10px; }


.ast-footer-copyright p{ font-size:16px}

.ast-builder-menu-1 .menu-item:hover > .menu-link, .ast-builder-menu-1 .inline-on-mobile .menu-item:hover > .ast-menu-toggle,
.ast-builder-menu-1 .menu-item.current-menu-item > .menu-link, .ast-builder-menu-1 .inline-on-mobile .menu-item.current-menu-item > .ast-menu-toggle, .ast-builder-menu-1 .current-menu-ancestor > .menu-link{ color:#0075FF !important;}
span.wpcf7-list-item.first {
    margin-right: 25px !important;
}
 
.subheading-border .ast-disable-link.menu-link .menu-text{ /*margin-left: -55px;*/ text-transform:inherit !important;}
 
.eael-advance-tabs .eael-tabs-nav{ display:flex; justify-content:center;}
.eael-advance-tabs .eael-tabs-nav>ul li{ flex:inherit; min-width: 150px;}
.eael-advance-tabs .eael-tabs-nav>ul{ border-radius: 200px; overflow: hidden; background: #EBF4FF;} 
.leadership-tabs .eael-advance-tabs .eael-tabs-nav>ul{ background:none; max-width:inherit !important; margin:0; border-radius:0;}
.eael-advance-tabs .elementor-icon, .two-column-icons .elementor-icon{ /*background:#a3f8ff;*/ border-radius: 8px; padding: 15px; width: 75px; height: 75px;}
.eael-advance-tabs .elementor-icon svg, .two-column-icons .elementor-icon svg{ width: 40px; height: 40px;}
.two-column-icons h3{ margin-bottom:10px;}
.single-testimonial{ overflow:hidden;}

.product-container-box:before{ content:''; height:100%; position:absolute; left:0; top:0; width:25px; background:#99CEFF; border-top-right-radius: 0px; border-bottom-right-radius: 0px; transition:1s all; opacity:0;}
.product-container-box:hover:before{ opacity:1;}

fieldset.hidden-fields-container{ padding:0; border: none;}

.our-business-area .elementor-button{ background:none; padding:10px 0 !important; color:#0075FF;}
.our-business-area .elementor-button path{ fill:#0075FF;}
.home .mySwiper .slide-block, .testimonial-slides .slide-block{ display:block; padding:0; order:2;}
.home .mySwiper .slide-image, .testimonial-slides .slide-image{ position:absolute; top:-10px; width: 150px !important;}
.testimonial-slides .slide-image{ top:0;}
.home .mySwiper .block-shadow, .testimonial-slides .block-shadow{ padding:0;}
.home .slide-content, .testimonial-slides .slide-content{ padding-top:60px;}
.home .swiper-arrows-position-outside .mySwiper, .testimonial-slides .swiper-arrows-position-outside .mySwiper{ padding-bottom:0;}

.event-content-area ul ::marker { color: #00f;}
.event-content-area ul.wp-block-list{ margin-left:20px;}
.customer-story-area .elementor-element{ margin:0 !important; overflow:hidden;}
/*.event-speaker-area{ background:#fff; border:1px solid #e1e9f4; border-radius: .35rem; padding: 2rem; background: #fff;}*/
.single-container .event-speaker-area h2{ font-size: 22px; font-weight: 500; color: #000; margin-bottom: 15px;}
.demo-form_box{ 
	background: #fff;
    padding: 25px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
    float: left;
    border: 1px solid #e1e9f4;
    border-radius: .38rem;
	position: sticky;
    top: 130px;
	width:100%;
}

.front-1-btn{ position:absolute; bottom:80px;}
.btn-primary .elementor-button{ padding:0 !important; background:none!important; border:none!important;}
.btn-primary .elementor-button .elementor-button-content-wrapper { padding: 12px 20px; background:#0075FF !important; display: flex; align-items: center; gap: .625rem;  color:#fff; border-radius:200px!important; font-weight:600!important; line-height:22px; font-size:16px !important; transition: all 0.4s;}
.btn-primary .elementor-button .elementor-button-content-wrapper:before{font-family: "Phosphor-Bold"; content: "\e06c"; transition-property: transform;  transition-duration: .15s;}
.elementor-button .elementor-button-content-wrapper .elementor-button-text{ font-size:16px;}
.btn-primary .elementor-button:hover .elementor-button-content-wrapper{ background:#043CB5 !important;}
.btn-primary.bg-white .elementor-button .elementor-button-content-wrapper{ background:#fff !important; color:#0075FF !important; border-color:#fff !important;}
.btn-primary.bg-white .elementor-button .elementor-button-content-wrapper:hover{ background:#F6F8FC !important;  border-color:#F6F8FC !important;}
.btn-primary .elementor-button:hover .elementor-button-content-wrapper:before{ transform:translatex(0.25rem);}

.btn-primary-white {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 14px 28px;
  background: white;
  color: var(--brand-navy);
  border-radius: var(--radius-sm);
  font-weight: 700;
  font-size: 15px;
  font-family: var(--font-heading);
  transition: all 0.25s;
  border: none;
  cursor: pointer;
  white-space: nowrap;
  flex-shrink: 0;
}
.btn-primary-white:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 30px rgba(0,0,0,0.2);
}

.learn-more-btn{ margin-left:30px;font-size: 15px;}
.btn-default .elementor-button .elementor-button-content-wrapper:after{font-family: "Phosphor-Bold"; content: "\e06c"; order: 22; left: .625rem; transition: all 0.4s; position:relative;} 
.btn-default .elementor-button:hover .elementor-button-content-wrapper:after, .top-header:hover .learn-more-btn:after{ left:15px;}
.learn-more-btn:after{ top:2px;}
.text-slider .learn-more-btn{ background: #001b2b; color: #fff; padding: 4px 21px 4px 14px; border-radius: 200px;} 

.mo-value .eael-advance-tabs .elementor-icon{ padding:0; width:auto; height:auto;}
.mo-value .eael-advance-tabs .elementor-icon svg{ height:25px;}

.btn{ padding: 14px 20px !important;
    background: #0075FF; 
    color: #fff;
    border-radius: 200px !important;
    font-weight: 500;
    line-height: 22px;
    font-size: 16px ;
    transition: all 0.4s;}
.primary-btn .elementor-button-text:before {
    font-family: "Phosphor-Bold";
    content: "\e06c";
    transition-property: transform;
    transition-duration: .15s;
}
.btn .elementor-button-text{ display: flex !important; align-items: center; gap: .625rem;}
.primary-btn:hover .elementor-button-text:before {
    transform: translatex(0.25rem);
}
.elementor-button-wrapper .elementor-button.secondary-btn{ background:#fff; border:1px solid #C8CFD7 !important; color:#0075FF !important;}
.elementor-button-wrapper .elementor-button.secondary-btn:hover{ background:#F6F8FC !important;}
.megamenu-graphic.hidden {
    display: none;
}
@media screen and (min-width: 1050px) {
	.btn-primary .elementor-button .elementor-button-content-wrapper{ padding: 15px 1.5rem !important;}
}

.partners-area .elementor-element{ position:relative; padding-bottom: 30px;}
.partners-area .elementor-widget-button{ position:absolute; bottom:0;}

.home .elementor-icon-box-wrapper .btn-default{ padding-top:10px;}
.uael-faq-layout-accordion span.uael-accordion-icon-opened{ fill:#0075FF !important;}

.slide-description p { line-height: 28px; font-weight: 400;}

.service-area .eael-team-item{ border-radius:15px; border:1px solid #E0E9F4; overflow:hidden;}
.uael-member-image-pos-above .uael-team-member-image{ margin-bottom:0;}
.uael-team-member-content{ padding:25px;}
.uael-team-member .uael-team-member-wrap .uael-member-wrap .uael-team-desc, .uael-team-member .uael-team-member-wrap .uael-member-wrap .uael-team-desig, .uael-team-member .uael-team-member-wrap .uael-member-wrap .uael-team-name{ padding:0;}
.uael-team-member-content .elementor-social-icons-wrapper path{ fill:#0077B5}
.teammeber-box .uael-team-social-icon{ display: flex; justify-content: space-between; align-items: center;}
.teammeber-box .uael-team-member-desc{ display:none;}
.teammeber-box .uael-team-social-icon .uael-team-member-desc{ display:block;}
.uael-team-member-desc .mbtn{ color:#181818 !important;}
.uael-team-member-desc .mbtn:after{
    content: "";
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-left: 5px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='64' fill='%23000000' viewBox='0 0 256 256'%3E%3Cpath d='M221.66,133.66l-72,72a8,8,0,0,1-11.32-11.32L196.69,136H40a8,8,0,0,1,0-16H196.69L138.34,61.66a8,8,0,0,1,11.32-11.32l72,72A8,8,0,0,1,221.66,133.66Z'%3E%3C/path%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    vertical-align: middle;
	position: relative;
    top: -2px;
}

.dark-bg label{ color:#fff; font-size:18px; font-weight:400; margin-bottom: 6px; display: block;}
.dark-bg input, .dark-bg select{ padding:12px; color:#000; border:1px solid #E0E9F4; border-radius:3px; margin-bottom: 10px;}
.dark-bg input.wpcf7-submit{ background:#3DCCC7; border:none; border-radius:200px; padding:14px 45px 14px 45px; font-size:16px; font-weight:600; color:#0000FF; width: 100%; line-height: 22px;}
.dark-bg input.wpcf7-submit:hover{ background:#37c5c0; color:#0000FF;}
.dark-bg .wpcf7-list-item{ margin:0;}
.vertical-allign .wpcf7-list-item{ display:block;}

.contact-box{ overflow:hidden;}
.contact-box img{ width:100%;}

.key-features .elementor-image-box-img img{ width:48px; height:48px;}
body .sub-heading .elementor-heading-title{ color: #0075FF; font-size: 14px !important; font-weight: bold !important; text-transform: uppercase; letter-spacing: 4px !important;}

.location-area .elementor-icon-box-title font{ width: 17px; height: 17px; display: inline-block; margin-right:6px; border-radius: 200px;
overflow: hidden; position: relative; top: 2px; border: 1px solid #E1E9F4;}
.location-area .elementor-icon-box-title font img { width: 100%; margin-top: -9px; scale: 1.8;}
 
.text-center .elementor-counter .elementor-counter-title{ text-align:left; justify-content: flex-start !important;}
.text-center .elementor-counter .elementor-counter-number-prefix{ display:none;}

.product-box-link h3{ margin-bottom:0;}
.product-box-link a{ color:#0075FF;}
.product-box-link a.goto-section:before{ content:''; background:url(images/CaretDown.svg) left top no-repeat; background-size:20px; width:20px; height:20px; display:inline-block; margin-right:6px; margin-bottom: -5px;}
.info{ display: none; margin-top:-110px;}
.info ul{ margin:15px 0 0 0; list-style:none;}
.info ul li{ margin:0; padding:0 0 15px 35px; position:relative;}
.info ul li:before{ content:''; background:url(images/check-circle.svg) left top no-repeat; width:25px; height:25px; background-size:cover; display:inline-block; position:absolute; left:0; top:0;}
.platform-btn{ cursor:pointer;}
.platform-btn .elementor-icon-box-description a:after{ content:'+';}
.platform-btn.active .elementor-icon-box-description a:after{ content:'_'; position: relative; top: -7px;}
.close-btn{ position: absolute; top: 15px; right: 15px; cursor: pointer; font-size: 34px;}
#leadership .uael-team-member .elementor-social-icon{ width:auto; height:auto;}
#leadership .uael-team-member-content .elementor-social-icons-wrapper{ position: absolute; right: 0; bottom: 5px; width:100%;}
#leadership .uael-team-member .uael-team-desc{ margin:0;}
.uael-team-member .elementor-social-icon:hover path{ fill:#fff;}

a.learn-more{ color: #0075FF;}
a.learn-more:after{ content:'+';}

.text-left .elementor-icon-list-items .elementor-icon-list-text{ text-align:left; line-height: 22px; align-self:inherit !important;}
.text-left .elementor-icon-list-items .elementor-icon-list-item{ align-items:flex-start;}

.service-area .uael-team-name{ margin-bottom:12px;}
.service-area .eael-team-item .eael-team-content p { margin: 0;}

.mbtn, .txtcol a{ cursor:pointer; color:#0075FF;}
.txtcol{ margin-top: 20px; display: inline-block; font-size:1rem;}
.truncate {
overflow: hidden;
position: relative; 
line-height: 1.2em;
max-height: 0px; 
margin-bottom: 50px;
}
.service-area .eael-team-item .eael-team-image,
.service-area .uael-member-image-pos-above .uael-team-member-image{ height:124px; overflow:hidden; margin:0;}
.service-area .uael-member-image-pos-above .uael-team-member-image.heightImage{ height:auto;}
.service-area .uael-team-member .uael-team-desc{ margin-top:10px;}

.custom-icon img{ width: 48px !important; height: 48px !important;}
.product-box-link h3 img{ width: 48px; height: 48px; display: block; margin-bottom: 5px;}
.relatedProductSolution .elementor-icon-box-title span{ display: flex; gap: 12px; margin-bottom: 12px; line-height: 30px; align-items:center;}
.product-box-link .relatedProductSolution h3 img{ width:22px; margin:0;}
.eael-grid-post .eael-entry-wrapper{ padding-left:0 !important; padding-right:0 !important;}
.filter-flex{ display: flex; align-items:center; gap: 10px; justify-content: space-between; margin-bottom: 25px;}
.filter-flex .flex{ display: flex; align-items: center;}


.campaign-notification{ padding:20px; background-color: #FFFFFF; border:1px dashed #000; border-radius: 4px; box-shadow: 0px 0px 18px 0px rgba(0, 0, 0, 0.1); text-align:center;}
.campaign-notification h4{ margin:0; font-size:16px; text-transform:uppercase;}

.event-thumbnail.event-blog{ overflow:hidden; border-radius: 16px; height:350px; margin:0px !important;}
.event-thumbnail img { height: 100%; object-fit: cover;}
.speaker-bx-area{ display:grid; grid-template-columns: repeat(3, 1fr);}
.speaker-bx .text-16.grid { width: 60%;}
.speaker-bx{ display: flex; gap: 15px;}
.speaker-bx h6{ margin:0 0 5px 0; font-size: 18px; text-transform: capitalize;}
.speaker-bx img{ border-radius:3px; width:90px; height:90px;object-fit:cover;}


.prob-stat {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid var(--border-light);
}
.prob-stat-num {
    font-size: 2.75rem;
    font-weight: 800;
    color: var(--navy-deep);
    line-height: 1;
    letter-spacing: -0.02em;
}
.prob-stat-unit {
    display: block;
    font-size: 12px;
    font-weight: 700;
    color: #94a3b8;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    margin-top: 6px;
}
/* .our-sub-products .elementor-element[data-element_type="container"]{ min-height:280px; max-height:305px;} */
.our-sub-products .elementor-element[data-element_type="container"] .elementor-widget-text-editor{ padding-bottom:25px;}
.our-sub-products .elementor-element[data-element_type="container"] .elementor-element[data-element_type="container"]{ max-height:auto; min-height:auto;}
.our-sub-products .elementor-element[data-element_type="container"] .elementor-widget-button{ position:absolute; bottom:15px;}

.site-footer-below-section-2 .ast-builder-html-element{ text-align:right;}
.site-below-footer-inner-wrap{ display: flex; justify-content: space-between;}
.site-footer-below-section-2 .ast-builder-html-element img{ height: 80px; margin-left:20px; width:auto;}

.verticaltab-border .elementor-widget-eael-adv-tabs{ width:100%;}
.verticaltab-border .eael-advance-tabs.eael-tabs-vertical .eael-tabs-content>div.active{ padding:3rem;}
.verticaltab-border .eael-advance-tabs.eael-tabs-vertical>.eael-tabs-nav{ border-right:1px solid #E0E9F4; padding:50px 0;}
.verticaltab-border .eael-advance-tabs.eael-tabs-vertical>.eael-tabs-nav>ul>li{ border-width:1px !important;}
.verticaltab-border .eael-advance-tabs.eael-tabs-vertical .eael-tabs-nav>ul{ background:none; max-width:inherit; border-radius: 0;}
.verticaltab-border .eael-advance-tabs.eael-tabs-vertical .eael-tabs-nav>ul>li{ border:1px solid; border-color:#E0E9F4; border-top:none !important; border-right:none !important; border-radius:0px;}
.verticaltab-border .eael-advance-tabs.eael-tabs-vertical .eael-tabs-nav>ul>li:hover{ border-radius:0px !important; border:1px solid #0075FF !important;}
.verticaltab-border .eael-advance-tabs.eael-tabs-vertical>.eael-tabs-nav>ul>li.active{ border-radius:0px !important; border-color:#0075FF; border:2px solid #0075FF !important;}
.verticaltab-border .eael-advance-tabs.eael-tabs-vertical .eael-tabs-nav>ul>li:first-child{ border-top:1px solid #E0E9F4 !important; border-top-left-radius:15px !important;}
.verticaltab-border .eael-advance-tabs.eael-tabs-vertical .eael-tabs-nav>ul>li:first-child:hover{ border-top:1px solid #0075FF !important;}
.verticaltab-border .eael-advance-tabs.eael-tabs-vertical .eael-tabs-nav>ul>li.active:first-child{ border-top:2px solid #0075FF !important;}
.verticaltab-border .eael-advance-tabs.eael-tabs-vertical .eael-tabs-nav>ul>li:last-child{ border-bottom-left-radius:15px !important;}
/* #primary{width:100% !important;} */
.ast-separate-container.ast-two-container.ast-right-sidebar #secondary{ margin-top:0 !important; width: 100%;}
.ast-separate-container.ast-two-container.ast-right-sidebar #secondary .widget{ border: 1px solid #E5E7EB; border-radius: 12px;}
#secondary li { margin-bottom: 1.2em; line-height: 24px;}
.wp-block-separator{ border:none;}
.article-content ul li{
line-height:28px;
}
.article-content ul ::marker {
    color: #00f;
}
.ushersub-menu{ position: absolute !important; left: 780px;}
.verticaltab-border.elementor-widget-eael-adv-tabs{ width:100%;}

.astra-megamenu .e-con-inner{ padding:0;}
.astra-megamenu .ast-mm-custom-content{ margin-top:0 !important;}
.astra-megamenu .eael-advance-tabs.eael-tabs-vertical>.eael-tabs-nav{ width:40%; justify-content: flex-start; border-bottom: 1px solid #e3e5ea;}
.astra-megamenu .eael-advance-tabs .eael-tabs-nav>ul{ width:100%; border-radius:0px; background:none;}
.astra-megamenu .eael-advance-tabs.eael-tabs-vertical>.eael-tabs-nav p{ margin:0; font-weight:400; color:#000;}
.astra-megamenu .eael-advance-tabs .eael-tabs-nav>ul li .eael-tab-title{ text-align:left;}
.astra-megamenu .eael-advance-tabs.eael-tabs-vertical>.eael-tabs-nav li{ align-items: flex-start;}
.astra-megamenu .eael-advance-tabs.eael-tabs-vertical>.eael-tabs-nav .active{ border:1px solid #e7e9ec;}
.astra-megamenu .eael-advance-tabs.eael-tabs-vertical>.eael-tabs-nav .active:after{ content:inherit !important;}
.astra-megamenu .eael-advance-tabs.eael-tabs-vertical>.eael-tabs-nav .active:before{ font-family: "Phosphor-Bold"; content: "\e06c" !important; color:#004fff; position:absolute; right:15px; top:12px;}
.astra-megamenu .eael-advance-tabs .eael-tabs-content ul{ display:flex; flex-direction:column; gap:20px;}
.astra-megamenu .eael-advance-tabs .eael-tabs-content ul li{ position:relative; padding:0 0 0 35px; display: block; font-weight: 300;}
.astra-megamenu .eael-advance-tabs .eael-tabs-content ul li a { display: block; font-weight: 400;}
.astra-megamenu .eael-advance-tabs .eael-tabs-content ul li img{ width: 22px; height: 22px;position:absolute; left:0; top:4px;}
.astra-megamenu .eael-advance-tabs .eael-tabs-content ul span{ display:block; font-weight:300;}

.inovaare-products {width:450px;position: relative; display: block;}
.product-megamenu .inovaare-products{ width:400px;}
.product-megamenu .inovaare-products, .solution-sub-menu .inovaare-products{ margin-left:-30px;}
.productmenu-content{ width:450px;}

.btn.search-icon{ padding: 14px 10px !important; box-shadow: none !important;}

.inovaare-products-item a{
    color: #000000;
	padding: 13px 10px 13px 55px;
    border: 1px solid #FFFFFF;
    border-radius: 12px;
	display: block;
	z-index: 11;
	/*width:515px;*/
}
.inovaare-products-item {
    padding-bottom: 5px;
}
.inovaare-products-item:hover .solutionmegamenu-graphic {
    opacity: 0 !important;
	display:none !important;
}
.inovaare-products .icons {
    height: 32px;
    width: 32px;
    min-width: 32px;
    background: rgb(255, 255, 255);
    /*box-shadow: rgba(24, 24, 24, 0.12) 4px 8px 15px;*/
    border-radius: 100px;
    margin-left: 0px;
    margin-right: 16px;
    z-index: 2;
    position: absolute;
	left: 14px;
	margin-top: -5px;
}
.inovaare-products .icons img {
    max-width: 24px;
    margin: 6px !important;
}
.inovaare-products-item p {
  color: #000; font-weight:300; margin:0;
}
.inovaare-products-item a {
  color: #000;
  font-weight:500;
  text-decoration: none;
	display:block;
	position:relative;
}
.inovaare-products-item.active a {
    border: 1px solid #ddd;
	border-radius:12px;
}
ul.product-list {
    padding-left: 60px;
}
.inovaare-products-item.active a:before{ font-family: "Phosphor-Bold"; content: "\e06c"; color:#004fff; position:absolute; right:20px; top:14px;}
.inovaare-products-item.active .inovaare-products-sub li a{ position:static;}
.inovaare-products-item.active .inovaare-products-sub li a:before{ content:inherit;}
.inovaare-products-item:hover, .inovaare-products-item.active a{ color: #0050FF;}
.inovaare-products-sub {
    position: absolute;
    z-index: 12;
    display: none;
    padding: 0 10px 16px 0;
    /* overflow: hidden; */
    overflow: auto;
    color: #000;
	top:-30px !important;
    width: 720px;
    background: #fff;
    min-height: 609px;
	transition:1s all;
}
.product-megamenu .inovaare-products .inovaare-products-sub{ width: 770px; min-height: 585px;}
.solution-sub-menu .inovaare-products{
	height:557px;
}
.product-megamenu .inovaare-products{height:546px;}
.inovaare-products-sub.active {
    left: 80px !important;
}
.product-megamenu .inovaare-products .inovaare-products-sub.active{ left:70px !important;}
.modal-body::-webkit-scrollbar-track,
.inovaare-products-sub::-webkit-scrollbar-track
{
	background-color: #F5F5F5;
	border-radius: 10px;
}
.modal-body::-webkit-scrollbar,
.inovaare-products-sub::-webkit-scrollbar
{
	width: 5px;
	background-color: #F5F5F5;
}
.modal-body::-webkit-scrollbar-thumb,
.inovaare-products-sub::-webkit-scrollbar-thumb
{
	border-radius: 10px;
	background-image: -webkit-gradient(linear,
									   left bottom,
									   left top,
									   color-stop(0.44, rgb(0,117,255)),
									   color-stop(0.72, rgb(4,60,181)));
}
.inovaare-products-sub ul {
    display: flex;
    flex-direction: column;
    gap: 15px;
	list-style: none;
    margin: 15px 0 0 0;
    padding-left: 0;
    position: relative;
}
.site-header .astra-full-megamenu-wrapper .inovaare-products-sub li {
    position: relative;
    padding: 0 0 0 35px;
    display: block;
    font-weight: 300;
}
.inovaare-products-item.active .inovaare-products-sub li a {
    display: block;
    font-weight: 400;
	color:#000;
}
.inovaare-products-item.active .inovaare-products-sub li a:hover{ color: #0050FF;}
.inovaare-products-sub li img {
    width: 22px;
    height: 22px;
    margin-right: 10px;
}
.inovaare-products-sub.active {
  display: block;
}
.inovaare-products-sub h2{ font-weight:500; font-size:20px; margin:0 0 10px 0;}
.inovaare-products-sub p{ margin:0 0 15px 0; font-family: "Source Sans 3"; font-size: 18px;}
.inovaare-products h6{ font-weight: 500; font-size: 18px; margin:15px 0 15px 0; text-transform: capitalize;}

.wpcf7 form .wpcf7-response-output{ clear:both;}

.get-content-btn a, .get-content-btn a:visited {
    color: #ffffff;
    background-color: #0075ff !important;
    border-radius: 200px;
}
.get-content-btn .elementor-button-content-wrapper:after{ content:inherit !important;}
.get-content-btn a:before {
    font-family: "Phosphor-Bold";
    content: "\e03e";
    order: 22;
	margin-left:0;
    margin-right: .625rem;
    transition: all 0.4s;
	float:left;
}
.get-content-btn a:hover:before{ transform:translatey(.32rem);}
.get-content-btn a:hover{ background-color: #043cb5; color: #fFF;}
.full-width{ width:100%;}

.landing-copyright {
    background: #fff;
    padding: 20px 10px;
    color: #000;
    text-align: center;
    width: 100%;
    font-size: 15px;
}
.readpost-btn .elementor-button{ padding: 0 !important; background: none; color: #0075FF;}
.f-cat:hover img{ scale:1.03;}
.additionresources-right a{ color:#000;}
.additionresources-right a:hover{ color: #0075FF;}

.product-card:hover{ background-color: #F6F8FC; /*border-color:#0075FF !important;*/}
.product-card:hover .elementor-button{ background:none !important;}
/*.product-card:hover .elementor-icon-box-title{ color:#0075FF !important;}*/
.product-card:hover .btn-default .elementor-button .elementor-button-content-wrapper:after{ margin-left:15px;}
.modelimg img { width: 42px;}

/*===================================Megamenu Css===========================*/
#quadmenu.quadmenu-default_theme{ background:none !important;}
#quadmenu.quadmenu-default_theme .quadmenu-navbar-nav > li:not(.quadmenu-item-type-button) > a > .quadmenu-item-content{ font-size: 17px; color:#000; text-transform:inherit; font-family: "Source Sans 3"; font-weight: 500;}
#quadmenu.quadmenu-default_theme .quadmenu-navbar-nav > li:not(.quadmenu-item-type-button).quadmenu-has-link:hover, #quadmenu.quadmenu-default_theme .quadmenu-navbar-nav > li:not(.quadmenu-item-type-button).quadmenu-has-link.open{ background:none;}
#quadmenu .quadmenu-navbar-nav li.quadmenu-item>a:hover{ background:none; color:#4169e1;}
#quadmenu.quadmenu-default_theme .quadmenu-navbar-nav > li:not(.quadmenu-item-type-button).quadmenu-has-link:hover > a > .quadmenu-item-content, #quadmenu.quadmenu-default_theme .quadmenu-navbar-nav > li:not(.quadmenu-item-type-button).quadmenu-has-link.open > a > .quadmenu-item-content{ color:#4169e1;}
#quadmenu .quadmenu-navbar-nav .solution-sub-menu .quadmenu-dropdown-menu ul.quadmenu-row{ max-width: 1340px; margin: 0 auto;}

#quadmenu.quadmenu-default_theme .widget a, #quadmenu.quadmenu-default_theme .widget ul li{  font-family: "Source Sans 3" !important;}
#quadmenu.quadmenu-default_theme .widget h5,
.astra-megamenu h4 a,
#quadmenu.quadmenu-default_theme .widget h4 a{ color: #888888;
    font-size: 16px !important;
    font-weight: 400;
    letter-spacing: 4px;
    padding: 0 5px 0 0;
    position: relative;
    text-transform: uppercase;}
.astra-megamenu h4{ line-height:20px; margin-bottom: 10px;}
#quadmenu.quadmenu-default_theme .widget h5{ text-transform:inherit; padding:0; font-size: 17px !important;}
#quadmenu .quadmenu-navbar-nav li h4 a{ color: #686868;}
#quadmenu.quadmenu-default_theme .quadmenu-navbar-nav .quadmenu-dropdown-menu li.quadmenu-item > a{ font-family: "Source Sans 3" !important; font-size:16px; border:none !important;}
#quadmenu.quadmenu-default_theme .quadmenu-navbar-nav .quadmenu-dropdown-menu li.quadmenu-item .quadmenu-item-content{ padding:10px 20px;}
.inovaare-products .inovaare-products-sub li {
    position: relative;
    padding: 0 0 0 45px !important;
    display: block;
    font-weight: 300;
}
.wpcf7-list-item{
	margin-left:0 !important;
}
#quadmenu.quadmenu-default_theme .widget a,
.inovaare-products .inovaare-products-item a{ color: #000;
    font-weight: 500 !important;
    text-decoration: none;
    display: block;
    position: relative; font-family: "Source Sans 3" !important; font-size: 16px !important;}
.inovaare-products .inovaare-products-item .inovaare-products-sub li a{ position:static !important; font-weight:400 !important; color:#000 !important; border:none;}
#quadmenu.quadmenu-default_theme .widget a img{ margin-right:10px;}
#quadmenu.quadmenu-default_theme .quadmenu-navbar-nav .quadmenu-dropdown-menu li.quadmenu-item.quadmenu-has-link:hover, #quadmenu.quadmenu-default_theme .quadmenu-navbar-nav .quadmenu-dropdown-menu li.quadmenu-item.quadmenu-has-link.open{ background:none !important;}
#quadmenu.quadmenu-default_theme .quadmenu-navbar-nav .quadmenu-dropdown-menu li.quadmenu-item:hover > a > .quadmenu-item-content, #quadmenu.quadmenu-default_theme .quadmenu-navbar-nav .quadmenu-dropdown-menu li.quadmenu-item.open > a > .quadmenu-item-content,
.inovaare-products .inovaare-products-item.active a,
.astra-megamenu h4 a:hover,
.inovaare-products .inovaare-products-item .inovaare-products-sub li a:hover,
#quadmenu.quadmenu-default_theme .widget a:hover, .inovaare-products .inovaare-products-item a:hover{ color:#0075ff !important;}

#quadmenu .quadmenu-navbar-nav li.quadmenu-item>a>.quadmenu-item-content>.quadmenu-caret{ font-size:16px; margin: -18px 5px 0 0;}
#quadmenu .quadmenu-navbar-nav li.quadmenu-item.open>a>.quadmenu-item-content>.quadmenu-caret:before{ content:""; rotate:180deg;}
.dropdown-close-btn{ background:none; padding:0; position:fixed; right:20px; top:20px; color:#000; border:none;z-index: 999 !important;display:none;}
.dropdown-close-btn svg{ width:30px; height:30px;}
.dropdown-close-btn:hover{ background:none;}

.astra-megamenu-li.open .astra-full-megamenu-wrapper{ opacity:1; visibility: visible;}
.astra-megamenu-li.open .astra-megamenu.sub-menu{ display:block; opacity:1; visibility:visible; background:none;}
.astra-megamenu-li.closeDiv .astra-full-megamenu-wrapper{ opacity:0 !important; visibility: hidden !important;}
.astra-megamenu-li.closeDiv .astra-megamenu.sub-menu{ display:none !important; opacity:0 !important; visibility:hidden !important;}

.astra-megamenu-li.open-mega .astra-full-megamenu-wrapper{ opacity:1 !important; visibility: visible !important; transform: translateY(0em) !important;}
.astra-megamenu-li.open-mega .astra-megamenu.sub-menu{ display:block !important; opacity:1; visibility:visible;}
.ast-desktop .ast-mega-menu-enabled .astra-megamenu-li.open-mega .astra-megamenu.sub-menu>.menu-item{ display:block !important;}
/*===================================Megamenu Css===========================*/
.site-footer-section h5{ font-size:14px; margin: 10px 0;}

.iv-freedom__items {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 30px;
    /*margin: 64px -15px 0;*/
	transition: 0.5s ease 0s;
}
.iv-freedom__item {
    position: relative;
    z-index: 1;
    width: calc(33% - 30px);
}
.animation.creatio-animation_queue-fade-in.animated > *:nth-child(1) {
    transition-delay: 0s;
}
.animation.creatio-animation_queue-fade-in.animated > *:nth-child(2) {
    transition-delay: 0.3s;
}
.animation.creatio-animation_queue-fade-in.animated > *:nth-child(3) {
    transition-delay: 0.6s;
}
.animation.creatio-animation_queue-fade-in.animated > * {
    opacity: 1;
    transform: none;
}
.iv-freedom__content {
    border-radius: 8px;
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    background-color: rgba(255, 255, 255, 0.8);
    position: absolute;
    inset: 24px;
    top: auto;
    padding: 16px 24px;
    transition: 0.8s ease 0s;
    transition-property: opacity, translate;
    opacity: 0;
    translate: 0 -50px;
}
.iv-freedom__item:hover .iv-freedom__content {
    opacity: 1;
    translate: 0;
}
.iv-freedom__title {
    color: #0d2e4e;
    position: absolute;
    inset: 24px;
    bottom: auto;
    user-select: none;
    -webkit-user-select: none;
	font-size: 26px;
    width: 60%;
    line-height: 36px;
}
.iv-freedom__title_white {
    color: #ffffff;
}
.iv-freedom__text {
    user-select: none;
    -webkit-user-select: none;
}
.iv-freedom__link {
    text-align: right;
    margin-top: 16px;
}
.iv-freedom__image {
    position: relative;
    z-index: -1;
	max-height:420px;
	border-top-left-radius:24px;
	border-top-right-radius:24px;
	overflow:hidden;
}
.iv-freedom__image:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: none;
    z-index: 1;
}
.iv-freedom__image img {
    border-radius: 24px;
    width: 100%;
}
.iv-sub-heading{ position: absolute;
    top: 110px;
    left: 25px;
    font-size: 18px;}

.scroller-area .slide-image{ margin-bottom:20px;}
.iv-freedom__items .btn-primary{ bottom: 30px; width: 100%; text-align: center;
    position: absolute;
    inset: 24px;
    top: auto;
	padding-bottom:15px;
    transition: 0.8s ease 0s;
    transition-property: opacity, translate;
    opacity: 0;
    translate: 0 50px;
	 left: 0;
}
.iv-freedom__item:hover .btn-primary {
    opacity: 1;
    translate: 0;
}

.leadership-tabs .eael-advance-tabs .eael-tabs-nav>ul li{ flex:inherit;}

.eael-pricing.style-1:hover{ box-shadow:none !important;}
.eael-pricing-item .body{ min-height:360px;}
.eael-pricing.style-1 .eael-pricing-item .eael-pricing-tag{ display:none;}
.eael-pricing.style-1 .eael-pricing-item .body ul li{ padding-left:30px; position:relative; text-align:left;}
.eael-pricing-item .body ul li .li-icon{ position:absolute; left:0; top:12px}

.package-box-group { display: flex; gap: 30px; clear:both;}
.package-box { width:33%; background: #fff; border-radius: 12px; border: 1px solid #d8d8d8; box-shadow: 0 0 30px #e1e1e1; overflow: hidden;}
.package-box-heading {  background: #f5f5f5;  padding: 20px;}
.package-box-heading h2 { font-size: 18px; margin: 0;}
.package-box-content { padding: 20px;  display: flex;  flex-direction: column;  gap: 30px;}
.package-content-box { display: flex; gap: 20px; border-bottom: 1px solid #E0E9F4; flex-direction:column;}
.package-content-box:last-child{ border:none;}
.package-content-text { width: 100%;}
.package-content-box img { width: 70px; height: 70px;}
.package-img{ width: 500px; float: left; height: 200px; overflow: hidden; margin: 0 30px 30px 0;}

.post-col .readpost-btn{ opacity:0; transition: all 0.4s;}
.post-col:hover .readpost-btn{ opacity:1;}
.viewall-toggle{ background:none !important; border:none !important; color:#0075FF !important; padding:0 !important; font-size:15px !important; padding-top: 20px !important; font-weight: 500; float:left;}
.viewall-toggle:after{ font-family: "Phosphor-Bold"; content: "\e06c"; order: 22; margin-left: .625rem; transition: all 0.4s;}
.viewall-toggle:hover:after { margin-left: 15px;}
.product-list li.more {
    display: none !important;
  }
  .product-list.show-all li.more {
    display: list-item !important;
  }

#masthead .ast-container, .single-container, .container{ max-width:1280px !important; padding: 0; margin:0 auto;}
.pt-5{ padding-top:50px;}
.pt-8{ padding-top: 5rem;}
.pb-8{ padding-bottom: 5rem;}
.pb-5{ padding-bottom:50px;}
.mt-4{ margin-top: 2rem;}
.mt-5{ margin-top: 3.5rem;}
.mb-3{ margin-bottom:0.5rem;}
.mb-4{ margin-bottom: 2rem;}
.gap-3{ gap: 3rem;}

.single-post-left svg{ rotate:180deg; margin-right:4px; position: relative; top: 2px;}
.single-post-left a:hover svg{ transform:translatex(5px);}
.single-container h1{ font-size:48px; font-weight:500; color:#000;}
.single-container h2{ font-size:32px; line-height:42px; font-weight:500; color:#1e293b; margin-bottom: 1rem;}
.duration-200 { transition-duration: .2s;}

.single-post-nav{ padding-bottom:30px;}
/*=========================Knowledge hub css=================*/
.compliance-table-container table td, .compliance-table-container th{ padding:10px; border-bottom:1px solid #e7e7e7; border-left:1px solid #e7e7e7;}
.compliance-table-container ul .blue font{ color:#2991db;}
.compliance-table-container ul .red font{ color:red;}
.compliance-table-container ul .yellow font{ color:#febe09;}
.compliance-table-container table{ border-top:1px solid #e7e7e7;  border-right:1px solid #e7e7e7; width:100%;}
.compliance-table-container table th{ background:#fafafa; width:20%; /*border-left:none;*/}
.compliance-table-container table td .blue, .compliance-table-container table td .blue li{ color:#2991db; font-weight:400;}
.compliance-table-container table td .red{ color:red;}
.compliance-table-container table td .yellow, .compliance-table-container table td.yellow{ color:#f09000;}
.compliance-table-container table .yellow-bg{ background:#fafa2a !important; border-bottom-color: #d5d517;}
.compliance-table-container .btn{ margin:30px 0; font-weight:400;}
.compliance-table-container h5.table-heading{ margin: 0;padding: 12px 15px; background-color: #6c728b; font-size: 16px; font-weight: 400; margin-bottom: 5px; color: #fff;   cursor: pointer;}
.compliance-table-container .accordion-title {
    position: relative;
    margin: 0;
    padding: 14px 15px;
    background-color: #f7fafd;
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 9px;
    color: #022672;
    border-radius: 10px;
    cursor: pointer;
}
.disclamer{ font-size: 16px; border-left: 6px solid #efefef; padding-left: 15px;}
/*=======================knowledge hub css end==========================*/

.searchForm {
    width: 320px; border: none; border-bottom: 1px solid rgb(225 233 244); display: flex;
}
.searchForm .search-input {
    padding: 10px 0;
	background:none;
	border:none;
    width: 100%;
    caret-color: #536bf6;
    font-size: 16px;
    font-weight: 300;
    color: black;
    transition: width 0.4s linear;
}
.searchForm .search-input:focus{ outline:none; border:none;}
.search-icon {
    float: right;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #000; background:none; padding:0;
}
.search-icon:hover, .search-icon:focus{ background:none;}

.search .ast-archive-description{ padding:0 0 40px 0 !important;}
.search .ast-archive-description span{ font-weight:500;}

#become-a-partner .wpcf7-form label{ color:#fff;}
#become-a-partner .wpcf7-list-item{ margin:0;}
#become-a-partner .wpcf7-submit{ background: #fff; color: #000;}

/*.upcoming-webinar-hide{ display:none;}
.webinar-announced-soon{ display:none;}*/
.career-hide,
.resources-hide,
.metric-hide{ display:none !important;}
/*.value-homepage .elementor-counter-number-wrapper:after{ content: ''; width: 60px; height: 4px; background: #3DCCC7; position: absolute; top: 60px;}*/

.career-accordian .elementor-accordion-item{ border-radius:12px !important;}
.career-accordian .elementor-accordion-item .elementor-tab-title{ position:relative;}
.career-accordian .elementor-accordion-item .elementor-tab-title:before{ content:''; width:10px; height:100%; display:inline-block; position:absolute; left:0; top:0; background: rgb(0,61,188); background: linear-gradient(0deg, rgba(0,61,188,1) 0%, rgba(239,63,63,1) 100%);}

.product-box-link a.mbtn{ position:absolute; bottom:10px; font-size:16px;}

.resource-thumb{ overflow:hidden; height:230px; border-radius:8px; margin-bottom:15px;}
.resource-thumb img{ height:100%; object-fit:cover;}
.page-template-event-page .resource-thumb{ height:auto;}
.resource-thumb img{ width:100%; transition: 1s all;} 
.resource-thumb:hover img{ scale: 1.10;} 

@-webkit-keyframes fadeIn {
	0% { opacity: 0; }
	100% { opacity: 1; }
}

@keyframes fadeIn {
	0% { opacity: 0; }
	100% { opacity: 1; }
}
.site-primary-footer-wrap{ border-top: 1px solid #E1E9F4;}
.row {
    margin-right: -10px;
    margin-left: -10px;
}
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
} 


.wp-block-columns.is-layout-flex {padding-top: 20px;margin-bottom: 0px;}
div#section_1 {
    background-color: #043cb5;
    color: #fff !important;
    padding: 20px;
    border-radius: 20px;
	margin-bottom: 2.5em;
}
div#section_1 .section-heading h2 { color: #ffff;}
#partner-with-us input.wpcf7-form-control.wpcf7-submit{ background:#3DCCC7 !important; border-color:#3DCCC7; color:#fff;}
.solutions ul li a{font-size:16px !important;}
.termsofservices h4 {font-size: 25px; font-weight: 500;}
.whychoose img{
    border: 2px solid #cbc8e5;
    width: 100%;
    height: auto;
    padding: 40px 40px;
    border-radius: 50%;
}
.whatslove { font-size: 25px; color: #000;}
.inovaare-product-header {
    background: linear-gradient(82.27deg, #022978 5.52%, rgba(12, 50, 126, 0.8) 58.93%, #FFFFFF 108.4%);
    padding: 20px 20px 20px 20px;
    color: #fff !important;
}
.inovaare-product-header img{ margin-bottom:5px;}
.inovaare-product-header h2{ color:#fff;}
.inovaare-product-header p{	color:#fff;font-size:16px;}
.inovaare-products .inovaare-products-item a.explore {
    color: #fff !important;
    border: none;
    padding: 0px;
}
a.explore:after {
    font-family: "Phosphor-Bold";
    content: "\e06c";
    order: 22;
    margin-left: .625rem;
    transition: all 0.4s;
    font-size: 15px;
	position:relative;
	top:2px;
	transition: all 0.4s;
	color:#fff !important;
}
#payer-centric-platform a.explore:after{ color:inherit !important;}
a.explore:hover:after{ margin-left: 15px;}
.inovaare-products-item.active a.explore:before { display: none;}
ul.astra-megamenu.sub-menu.astra-mega-menu-width-full { width: 100% !important;	padding:0px !important;}
ul.product-list { margin-top: 30px;}
.solutionsh {  padding: 40px !important;}
.ast-mm-custom-content.ast-mm-template-content { padding: 0px !important;}
.ast-desktop .ast-mega-menu-enabled .astra-megamenu-li:hover .astra-megamenu>.menu-item:first-child { padding-left: 0; padding-right: 0px !important;}
ul.astra-megamenu.sub-menu.astra-mega-menu-width-full-stretched { padding: 0px !important;}
.onehrd{ background: linear-gradient(82.27deg, #115F5A 5.52%, rgba(4, 175, 181, 0.9) 66.02%, #FFFFFF 108.4%);}

ul.product-list li a{
	padding:0px !important;
}
ul.product-list li:hover:before {
    content: '';
    background: url(images/slash-product.svg);
    width: 21px !important;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 30px !important;
    font-size: 20px !important;
    position: absolute;
    left: 20px;
    right: 0;
    top: 0;
	bottom: 0;
}
.platformMenu{position:relative;}
.platformMenu:hover:before{
	font-family: "Phosphor-Bold"; content: "\e06c"; color:#004fff; position:absolute; right:10px; top:14px;
}
ul.product-list.solutions-list li:hover:before {
	 content: '';
    background: url(images/slash-solution.svg);
   width: 21px !important;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 30px !important;
    font-size: 20px !important;
    position: absolute;
    left: 20px;
    right: 0;
    top: 0;
	bottom: 0;

}
.inovaare-product-header img {
    width: 42px;
}
.ast-desktop .ast-mega-menu-enabled .ast-builder-menu-1 div:not( .astra-full-megamenu-wrapper) .sub-menu, .ast-builder-menu-1 .inline-on-mobile .sub-menu, .ast-desktop .ast-builder-menu-1 .astra-full-megamenu-wrapper, .ast-desktop .ast-builder-menu-1 .menu-item .sub-menu {
    box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.1);
    border-radius: 0px 0px 14px 14px;
    padding: 5px;
}
.ast-desktop .ast-builder-menu-1 .astra-full-megamenu-wrapper{ padding: 0px 10px 0 125px;}
.inovaare-products.productsPlatform{
	width:100% !important;
}
.productsPlatform .icons{left:4px !important;} .platformMenu {padding: 15px 10px 10px 45px;margin-bottom:16px;border:1px solid transparent;border-radius:10px;} 
p.menuText {font-weight: 300; margin-bottom: 0px;font-size:15px;padding-top:8px; color:#000;} 
.platformMenu:hover{border:1px solid #ddd;border-radius:10px;}
.astra-full-megamenu-wrapper {
    padding-top: 0px !important;
}
.platformMenu:hover a {
    color: #0075ff;
}
.platformMenu:hover p.menuText{
	color: #000;
}
ul.product-list li:hover a {
    color: #0075ff !important;
}
.ast-header-break-point .ast-icon.icon-arrow svg{
	margin-left:0px !important;
}
.main-header-menu .sub-menu{width:250px;}
.main-header-menu .solution-menus .sub-menu{ width:280px;}
.main-header-menu .product-megamenu .sub-menu{ width:350px;}
.sub-menu a.menu-link {
    margin-bottom: 6px;
}
.search-results .site div#content .ast-container #secondary {
    display: none;
}
.search-results .site div#content .ast-container #primary {
    width: 100%;
}
.block-shadow.slider-container-block-background {
    height: 260px;
}
.casestudy-btn a:before{ content:inherit;}
#leadership .uael-team-member{ height:100%;} 
.modal-body .btn-primary .elementor-button .elementor-button-content-wrapper{ padding: 10px 1.2rem !important; font-size:15px !important; font-weight:500 !important;}

.service-area .uael-team-member .uael-team-member-content:has(.truncate){ min-height:inherit;}
.service-area .truncate{ margin:0;}
.service-area .uael-team-member-desc{ margin-bottom:30px;}
.service-area .uael-team-member .uael-team-member-content .txtcol { 
	position: absolute;
	top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;}
/*.service-area .uael-team-member .uael-team-member-content:has(.truncate) .txtcol{ position:static;}*/
.service-area .uael-team-member .uael-team-member-content .txtcol a{
	width: 100%;
    height: 100%;
    display: flex;
    align-items: flex-end;
    padding: 35px;  margin: 10px 0 0 0;}
.cky-revisit-bottom-left { display: none !important;}

.wpcf7-not-valid-tip{ color:#CC3D3D !important; text-align:left; /*background: #CC3D3D; padding: 5px 10px;*/}
.wpcf7 form.invalid .wpcf7-response-output{ background: #CC3D3D; border-color: #CC3D3D; color:#fff !important;}

.tab-icons .elementor-image-box-img img, .tab-icons .elementor-widget-image img{ width:48px !important; height:48px !important;}
.--eael-wrapper-link-tag { z-index: 0 !important;}
.cpt-archive-item{ position:relative;}
.cpt-archive-item:hover .cpt-archive-title a{ color: #0075FF;}
.cpt-archive-image { margin: -1px;}
.cpt-archive-image img {
    max-width: 100%;
    height: auto;
    border-radius: 8px;
}
.cpt-archive-content { padding: 0 0 20px 0;}
.readhub {
    background-color: transparent;
    color: #0075FF;
    padding: 0px;
    opacity: 0;
	position:absolute;
	left:0;
	top:0; 
	width:100%;
	height:100%;
}

.relatedProduct, .relatedProductSolution{ background:#fff url(images/product-card-bg.svg) right top no-repeat;border-radius: 15px; transition:0.2s all;}
.relatedProduct:hover{ background:#EFF6FF url(images/product-card-bg-hover.svg) right top no-repeat;}
.relatedProductSolution:hover{ background:#F0FDFA url(images/solution_dark_teal.svg) right top no-repeat;}
.relatedProduct .elementor-button{ background:none !important;}
.relatedProduct p{ margin:0 0 15px 0;}

.feature-img-area img { width: 550px !important;}

.product-card:before{
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(90.09deg, #032878 0.07%, #93C5FD 99.92%);
  transition: opacity 0.2s linear;
  z-index: -1; /* We'll come back to this */
  opacity: 0;
  height: 100%;
  width: 100%;
}
.product-card:hover{ background: url(images/product_dark-blue.svg) right top no-repeat;}
.product-card:hover:before{  opacity: 1;}
.product-card:hover p, .product-card:hover h3, .product-card:hover h4, .product-card:hover img, .product-card:hover .elementor-widget-container{ color:#fff; filter: brightness(0) invert(1); transition: 0.5s all;}
/* p, .entry-content p {
    line-height: normal; font-size:18px; font-weight:normal !important;
} */
.article-content li{ font-size:16px;}
.terms-list{ padding:0 !important;}
.terms-list li{ padding-left:0 !important;}
.ast-single-post .entry-content a{ text-decoration:none !important;}
.related-products { padding: 0px 15px !important;}
button#clearSearchIcon:hover { color: #000;}
button#searchIcon:hover{ color: #000;}
button#searchIcon { padding: 7px 10px;}
div#noResultsMessage {
    text-align: center;
    font-size: 18px;
    padding: 50px !important;
}

.top-header{ background:#009FFF; width:100%; position:relative;color:#fff; transition:0.5s all; padding:4px 0; z-index:1;}
.top-header:hover{ background:#0075FF;}
.top-header p{ font-size:16px; color:#fff; margin:0;}
.top-header .event-dflex{ height:40px; display:flex; align-items:center; justify-content:center; padding:2px 0; }
.top-header .event-date{ background:#efefef; border-radius: 5px; width:45px; height:40px; float:left; text-align:center; margin:0; color:#333; font-size:28px; font-weight:bold; margin-right: 15px; line-height:2px;}
.top-header.event-count{ margin:0 40px 0 50px; min-width:220px;}
.top-header.event-date p{ margin:0;}
.cal-num, .event-date p{ font-size:13px; color:#fff; text-transform:uppercase; padding:12px 0 2px 0; display: inline-block; font-weight:normal; display:block;}
.cal-month{ color:#2b3a4f; font-size:17px; font-weight:bold; line-height: 45px;}
.upcoming_btn{  background:#E65454; border-radius:4px; padding:12px 23px; color:#fff; font-family:Poppins; font-size: 16px; display: inline-block; float: right; white-space: nowrap; margin-left:30px;}
.upcoming_btn:hover{ background:#fff; color:#000; text-decoration:none;}
.top-header .webinar-summary h2{ margin:0; font-size:28px;}
.top-header .webinar-summary p{ font-size: 15px; font-weight: 400;}
.hasCountdown span span{ padding:0 5px;}
.shailan_CountdownWidget small{ display:none;}
.top-header .hasCountdown{ padding:0; line-height:15px;}
.mobile-upcoming-date{ display:none;}

.latest-resource .card-thumb-hover:hover h4.elementor-heading-title,
.card-thumb-hover:hover h2.elementor-heading-title{ color:#0075ff !important;}
.card-thumb-hover:hover .btn-default .elementor-button .elementor-button-content-wrapper:after,
.upcoming-webinar:hover .btn-default .elementor-button .elementor-button-content-wrapper:after{ margin-left: 15px;}
ul.sub-menu img {  filter: inherit !important;}
label.dark { color: #fff !important;}
.site-branding .ast-site-title-wrap{ display:none;}
.client-logos .elementor-swiper-button{ display:none !important;}

#no-results-message { text-align: center; padding-bottom: 60px;}
.dark-bg .wpcf7 form.sent .wpcf7-response-output { border-color: #0cff22; color: #0cff22;}

.teammember-area{ display:grid; gap:40px; grid-template-columns: repeat(3, 1fr);}
.teammeber-box .uael-team-member-image { max-height: 300px; overflow: hidden;}
.teammeber-box{ background: var(--bg-white); border: 1px solid var(--border-light); border-radius: var(--radius-md); transition: all var(--transition); overflow: hidden; position:relative;}
.teammeber-box:hover{ box-shadow: var(--shadow-md); transform: translateY(-4px);}
.uael-team-name{ font-size: 18px; font-weight: 700; margin-bottom:5px;}
.uael-team-desig { font-size: 16px; font-weight: 500; line-height: 32px; color: #0EA5A0; margin-bottom:10px;}
.uael-team-member-content .uael-team-social-icon svg { height: 25px; width: 25px;}
.uael-team-member-content .uael-team-social-icon path {  fill: #0077B5;}
#faq .eael-accordion-header .eael-advanced-accordion-icon-opened,
#faq .eael-accordion-header .eael-advanced-accordion-icon-closed{ position: absolute; right: 0; margin:0;}

.speaker-sociallink a {
    width: 30px;
    height: 30px;
    text-align: center;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
    padding: 9px;
}
.speaker-sociallink {
    position: absolute;
    left: 0;
    top: 0;
    display: flex;
    justify-content: center;
    width: 100%;
    align-items: flex-end;
    height: 90px;
    padding-bottom: 6px;
	opacity:0;
	transition: opacity 200ms 100ms cubic-bezier(0.0, 0.0, 0.2, 1);
}
.speaker-sociallink a:hover{ background:#0075ff;}
.speaker-sociallink a:hover svg{ fill:#fff;}
.speaker-bx .speaker-from{ position:relative;}
.speaker-bx:hover .speaker-sociallink{ opacity:1;}	
.dark-bg .wpcf7-form textarea{ max-height:100px;}
.btn{ cursor:pointer;}
.popup .wpcf7 form>p { margin-bottom: 8px;}
#partner-with-us .wpcf7 .wpcf7-not-valid-tip{ margin-top: -20px; top: 10px; position: relative;}

/*New enhancement CSS*/
.value-homepage .elementor-counter-number-wrapper {width: 60%;}
.who-we-help .relatedProductSolution .elementor-icon-box-title span{ flex-direction:column; align-items:flex-start;}
body.home .mySwiper .slide-image{ width:auto !important; background: #fff; padding: 5px 20px; border-radius: 4px; max-height:80px; margin-bottom:10px;}
body.home .swiper-arrows-position-outside .mySwiper{ padding:0 !important;}
.mySwiper .slide-block{ margin-bottom:0 !important;}
.compliance-operation .elementor-image-box-img{ background: #dbeafe; padding: 15px; border-radius: 8px; width: 80px !important;}
.explore-solutions-area .elementor-element{ position:relative;}
.cpt-archive-grid .elementor-button,
.explore-solutions-area .elementor-button { background-color: #FFFFFF; font-size: 16px;font-weight: 400; fill: #0075FF;color: #0075FF; padding: 0px 0px 0px 0px; opacity:0; margin-top:20px;}
.cpt-archive-grid .cpt-archive-item:hover .elementor-button,
.explore-solutions-area .elementor-element:hover .elementor-button{ opacity:1;}
.related-products a.mbtn{ position:relative;}

.ast-archive-entry-banner{      text-align: center;
    justify-content: center;
    min-height: 427px;
    padding-top: 3em;
    padding-right: 3em;
    padding-bottom: 3em;
    padding-left: 3em; display:none;}
.blog-static-banner{ display:block !important; min-height:270px;}
.ast-separate-container:has(.blog-static-banner){ background:#fff;}
.ast-blog-layout-4-grid .site-main{ padding:0 20px;}

.ast-blog-layout-4-grid .ast-article-inner, .ast-blog-layout-5-grid .ast-article-inner, .ast-blog-layout-6-grid .ast-article-inner {
    border: 1px solid #a2aebc !important;
    padding: 15px !important;
}
.ast-blog-layout-4-grid .ast-article-inner .entry-meta{ display:none;}
.tagcloud { height: 250px; overflow: auto;}
span.post-date { display: block !important; font-size: 0.9em; color:#052887;}
#secondary .widget { padding: 2em !important; margin-bottom: 0em !important;}
section.ast-archive-description { display: none;}
form.search-form {
    display: flex;
    gap: 20px;
    align-items: center;
}
form.search-form label{
	width:100% !important;
}
form.search-form input[type="submit"]{
	padding-top:12px !important;
	padding-bottom:12px !important;
}
li .ast-post-filter-single{
	    border: 1px solid #accbf0 !important; background: #f7faff;
}
li .ast-post-filter-single.active {
    color: #ffffff;
    background-color: #0075ff;
}
.ast-separate-container.single #secondary .widget,
.ast-separate-container:has(.blog-static-banner) #secondary .widget{ background: #fff; border: 1px solid #767676; box-shadow: 0 0 10px #e3ecfb;     margin-bottom: 20px !important; border-radius:5px;}
#secondary li a{ color:#0f172a;}
.ast-separate-container.single #custom_html-38{ display:none;}
.ast-archive-entry-banner[data-post-type="post"] { display:none;}
.smallHeader{
	color: #66717F;
    font-size: 16px !important;
    font-weight: bold !important;
    text-transform: uppercase;
    letter-spacing: 4px !important;
}
.bigHeader{
	font-size: 56px;
    line-height: 60px;
	color:#000; margin: 20px 0;
}
.blogDescription{  text-align: center; font-size: 18px;}
.justcheck{text-align:center;}

.text-slider{ position: relative; overflow: hidden; height: 40px; margin: auto; width: 100%;}


.wpcf7-list-item{ margin:0 10px 0 0 !important;}
.wpcf7-acceptance label{ font-size:10px !important;}
.wpcf7 .wpcf7-form-control-wrap{ clear:both;}

.site-header .sub-menu .sub-menu { margin: -8px 0 0 0; border-radius: 15px !important;  border: 1px solid #ddd !important;}
.site-header .sub-menu .sub-menu li a.menu-link{ color:#111 !important; border-radius:6px;}
.site-header .sub-menu .sub-menu li.current_page_item a.menu-link,
.site-header .sub-menu .sub-menu li a.menu-link:hover{ background:#eaeff9 !important; color:#0075FF !important;}
.ast-desktop .ast-builder-menu-1 .menu-item .sub-menu li li a { font-weight: 400; margin:0;}
.ast-desktop .ast-builder-menu-1 .menu-item .sub-menu li a { font-weight: 600; margin:0;}
.wpcf7 form .row{ clear:both;}
.how-solve-area .elementor-image-box-img img{ width: 45px;}

.ast-desktop .astra-menu-animation-slide-down>.menu-item>.sub-menu .sub-menu .sub-menu { opacity: 1; visibility: visible; transform: inherit; position: static; border:none !important; box-shadow:none; padding:10px 0 0 30px; width:auto; background:none;}
.ast-desktop .astra-menu-animation-slide-down>.menu-item>.sub-menu .sub-menu .sub-menu li:before {
    content: '';
    width: 6px;
    height: 6px;
    background: #000;
    border-radius: 20px;
    position: absolute;
    top: 18px;
}
.ast-desktop .astra-menu-animation-slide-down>.menu-item>.sub-menu .sub-menu .sub-menu li a{ background:none !important;}
.ast-desktop .astra-menu-animation-slide-down>.menu-item>.sub-menu .sub-menu .sub-menu li.current_page_item:before{ background: #0075FF;}
.ast-desktop .astra-menu-animation-slide-down>.menu-item>.sub-menu .sub-menu .dropdown-menu-toggle{ display:none;}

.svg-icon svg { width: 65px; height: 65px;}
[data-wpr-lazyrender] {  content-visibility: visible !important;} /*This CSS code was added because the modal was not showing in Incognito mode due to the lazy-loading setting in WP Rocket.*/

td.has-text-align-center.checked { background-color: #dae7f8;}
td.has-text-align-center.both { background-color: #fff;}
td.has-text-align-left.both { background-color: #fff;}

.audio-btn{ padding-bottom:20px;}
.audio-btn button{ background: #dde3ea; height: 40px; border-radius: 40px; border: none; display: flex; justify-content: center; align-items: center; padding: 0 15px 0 5px; font-size: 14px; font-weight: 400; color: #000; transition:1s all;}
.audio-btn button:hover{ background:#0075ff; color:#fff;}
.audio-btn button i,
.audio-btn button svg{ fill: #fff; width: 25px; height: 25px; color: #000; font-size: 18px; line-height: 24px; background: #fff; width: 30px;
 height: 30px; border-radius: 30px; align-items: center; display: flex; justify-content: center; margin-right: 8px;}

@media (min-width: 992px) {
    .col-md-1,
  .col-md-2,
  .col-md-3,
  .col-md-4,
  .col-md-5,
  .col-md-6,
  .col-md-7,
  .col-md-8,
  .col-md-9,
  .col-md-10,
  .col-md-11,
  .col-md-12 {
    float: left;
  }
  .col-md-12 {
    width: 100%;
  }
  .col-md-11 {
    width: 91.66666667%;
  }
  .col-md-10 {
    width: 83.33333333%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-8 {
    width: 66.66666667%;
  }
  .col-md-7 {
    width: 58.33333333%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-5 {
    width: 41.66666667%;
  }
  .col-md-4 {
    width: 33.33333333%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-2 {
    width: 16.66666667%;
  }
  .col-md-1 {
    width: 8.33333333%;
  } 
} 


/* New Theme New CSS */
.hero{ background: linear-gradient(180deg, #061040 0%, #0d0c1d 100%);}
.hero:before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    background: url(images/hero-pattern-bg.png) center top no-repeat;
    background-size: cover;
}
.hero-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 0.6rem 9.6px;
    background: rgba(0, 117, 255, 0.12);
    border: 1px solid rgba(0, 117, 255, 0.25);
    color: #93c5fd;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    padding: 0.35rem 0.85rem 0.35rem 0.65rem;
    border-radius: 100px;
	margin:0;

}
.hero-eyebrow-dot {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #3b82f6;
    animation: pulse-dot 2s infinite;
}
.btn-hero-primary .elementor-button {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    background: #0075ff;
    color: white;
    padding: 1rem 1.235rem !important;
	border:none !important;
    border-radius: 6px !important;
    transition: all 0.25s ease;
    box-shadow: 0 4px 16px rgba(0, 117, 255, 0.35);
}
.btn-hero-secondary .elementor-button {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    border: 1px solid rgba(255, 255, 255, 0.22) !important;
    color: rgba(255, 255, 255, 0.82) !important;
    padding: 1rem 1.85rem !important;
    border-radius: 6px !important;
    transition: all 0.25s ease;
}
.btn-hero-white .elementor-button{
	display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    background: #fff;
    color: #311e5e !important;
    padding: 1rem 1.85rem;
	border:none !important;
    border-radius: 4px;
    transition: all 0.25s ease;
    box-shadow: 0 4px 16px rgba(0, 117, 255, 0.35);
}
.btn-hero-white .elementor-button .e-font-icon-svg{ fill:#000;}
.btn-hero-primary  .elementor-button:hover {
    background: #046bd2;
    transform: translateY(-2px);
    box-shadow: 0 8px 28px rgba(0, 117, 255, 0.45);
    color: white;
}
.btn-hero-secondary  .elementor-button:hover {
    border-color: rgba(255, 255, 255, 0.45) !important;
    color: white;
    background: rgba(255, 255, 255, 0.06) !important;
}
.btn-hero-white  .elementor-button:hover {
    border-color: rgba(255, 255, 255) !important; 
    background: rgba(255, 255, 255) !important;
}
.btn-hero-primary span.elementor-button-content-wrapper.uael-buttons-icon-left {
    flex-direction: row-reverse;
}
.btn-hero-white span.elementor-button-content-wrapper.uael-buttons-icon-left {
    flex-direction: row-reverse;
}
.page-id-13299 .bottom-area-part, .page-id-13358 .bottom-area-part, .page-id-13623 .bottom-area-part, .page-id-7748 .bottom-area-part, .page-id-13792 .bottom-area-part, .page-id-7727 .bottom-area-part, .page-id-13859 .bottom-area-part{
    display: none;
}
.bottom-area-part {
    background: linear-gradient(135deg, #061040 0%, #0a1e5e 40%, #0d2470 80%, #0a1e5e 100%);
    text-align: center;
    position: relative;
    overflow: hidden; z-index:1;
}
.bottom-area-part::after{
content: '';
    position: absolute;
    inset: 0;
    background-image: linear-gradient(rgba(255, 255, 255, 0.03) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.03) 1px, transparent 1px);
    background-size: 60px 60px; z-index:-1;
}
.bottom-area-part .e-con-inner{ position:relative; z-index:1;}
/* Product Page CSS */
.hero-visual { position: relative; }
    .hero-dash {
      background: linear-gradient(145deg, #0c1e4a 0%, #122b6e 50%, #0f2460 100%);
      border: 1px solid rgba(96,165,250,0.2);
      border-radius: 20px;
      padding: 28px;
      box-shadow: 0 24px 80px rgba(0,0,0,0.4), 0 0 60px rgba(26,86,219,0.12);
    }
    .hero-dash-header {
      display: flex;
      align-items: center;
      gap: 14px;
      margin-bottom: 24px;
    }
    .hero-dash-icon {
      width: 44px;
      height: 44px;
      background: rgba(14,165,160,0.15);
      border: 1px solid rgba(14,165,160,0.3);
      border-radius: 12px;
      display: flex;
      align-items: center;
      justify-content: center;
      flex-shrink: 0;
    }
    .hero-dash-title { color: white; font-size: 16px; font-weight: 700; }
    .hero-dash-subtitle { color: rgba(255,255,255,0.45); font-size: 12px; margin-top: 2px; }
    .dash-stats {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 12px;
      margin-bottom: 16px;
    }
    .dash-stat {
      background: rgba(96,165,250,0.08);
      border: 1px solid rgba(96,165,250,0.15);
      border-radius: 8px;
      padding: 18px 16px;
    }
    .dash-stat-label {
      font-size: 10px;
      font-weight: 700;
      letter-spacing: 0.08em;
      text-transform: uppercase;
      color: rgba(255,255,255,0.5);
      margin-bottom: 8px;
    }
    .dash-stat-value {
      font-size: 36px;
      font-weight: 800;
      line-height: 1;
      color: white;
    }
    .dash-stat-value.teal { color: #34d399; }
    .dash-stat-value.sky { color: #60a5fa; }
    .dash-footer {
      display: flex;
      align-items: center;
      justify-content: space-between;
      background: rgba(96,165,250,0.06);
      border: 1px solid rgba(96,165,250,0.12);
      border-radius: 8px;
      padding: 14px 16px;
    }
    .dash-footer-label { font-size: 13px; color: rgba(255,255,255,0.6); font-weight: 500; }
    .dash-footer-status {
      display: flex;
      align-items: center;
      gap: 8px;
      font-size: 13px;
      font-weight: 700;
      color: #34d399;
    }
    .dot-live {
      width: 8px;
      height: 8px;
      background: #34d399;
      border-radius: 50%;
      animation: pulse-dot 1.5s ease-in-out infinite;
    }
    .hero-float-badge {
      position: absolute;
      top: -12px;
      right: -12px;
      background: rgba(14,165,160,0.9);
      color: white;
      padding: 8px 16px;
      border-radius: 8px;
      font-size: 12px;
      font-weight: 700;
      box-shadow: 0 4px 20px rgba(14,165,160,0.4);
      z-index: 3;
    }
.inline-cta-box {
    background: linear-gradient(135deg, #0a1e5e 0%, #1a3a8f 100%);
    border-radius: 20px;
    padding: 20px 40px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 40px;
    margin: -24px 0 0;
    position: relative;
    z-index: 2;
}
.inline-cta-content h3 {
    font-size: 22px;
    font-weight: 800;
    color: white;
    margin-bottom: 8px;
}
.inline-cta-content p {
    font-size: 15px;
    color: rgba(255, 255, 255, 0.65);
}
.inline-cta-actions {
    display: flex;
    align-items: center;
    gap: 24px;
    flex-shrink: 0;
}
.inline-cta-phone {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: rgba(255, 255, 255, 0.6);
    font-size: 16px;
    font-weight: 500;
    transition: color 0.25s;
}
.transform-table th:nth-child(2) { background: #fef2f2; color: #b91c1c; text-align: center; }
    .transform-table th:nth-child(3) { background: linear-gradient(135deg, #0a1e5e, #1a56db); color: white; text-align: center; }
    .transform-table td {
      padding: 16px 24px;
      font-size: 16px;
      border-top: 1px solid #e2e8f0;
      vertical-align: top;
    }
    .transform-table td:first-child { font-weight: 600; color: #0f172a;
    background-color:#fff;}
    .transform-table td:nth-child(2) { color: #475569; background: #fffbfb; }
    .transform-table td:nth-child(3) { color: #0f172a; background: rgba(14,165,160,0.03); font-weight: 500; }
        
      .cvo-card {
      background: white;
      border: 1px solid #e2e8f0;
      border-radius: 12px;
      padding: 25px;
      transition: all 0.3s;
      position: relative;
      overflow: hidden;
    }
    .cvo-card::before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      height: 3px;
      background: linear-gradient(135deg, #0ea5a0 0%, #1a56db 100%);
    }
    .cvo-card:hover { transform: translateY(-3px); box-shadow: 0 12px 40px rgba(10,30,94,0.12); }
    .cvo-outcome {
      display: flex;
      align-items: flex-start;
      gap: 8px;
      background: rgba(14,165,160,0.06);
      border-radius: 6px;
      padding: 10px 14px;
      font-size: 14px;
      color: #0a1e5e;
      font-weight: 600;
      line-height: 1.5;
    }
    .cvo-outcome svg { flex-shrink: 0; color: #0ea5a0; margin-top: 2px; }
 .proof-quote {
    font-size: 16px;
    color: rgba(255, 255, 255, 0.75);
    line-height: 1.7;
    font-style: italic;
    margin-bottom: 20px;
}
.proof-attr {
    font-size: 14px;
    color: rgba(255, 255, 255, 0.45);
    font-weight: 600;
}
.stat-card {
      background: rgba(255,255,255,0.05);
      border: 1px solid rgba(255,255,255,0.08);
      border-radius: 12px;
      padding: 36px 24px;
      text-align: center;
    }
.stat-card:hover {
    transform: translateY(var(--card-hover-lift));
    box-shadow: var(--card-hover-shadow);
}
    .stat-number {
      font-size: 48px;
      font-weight: 800;
      background: linear-gradient(135deg, #60a5fa, #0ea5a0);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
      margin-bottom: 12px;
    }
    .stat-label { font-size: 16px; color: rgba(255,255,255,0.6); line-height: 1.5; }
    .stat-source { font-size: 14px; color: rgba(255,255,255,0.45); margin-top: 8px; font-style: italic; }
        .component-card{
        position: relative;
    overflow: hidden !important;
    padding: 36px 36px 36px 36px;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #E2E8F0;
    border-radius: 20px 20px 20px 20px;
    background-color: #fff;
        }
    .component-card::before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      height: 4px;
      background: linear-gradient(135deg, #0ea5a0 0%, #1a56db 100%);
    }
    .component-card:hover { box-shadow: 0 12px 40px rgba(10,30,94,0.12); }
    .component-badge {
      display: inline-block;
      background: linear-gradient(135deg, rgba(26,86,219,0.08), rgba(14,165,160,0.08));
      color: #0a1e5e;
      padding: 4px 12px;
      border-radius: 100px;
      font-size: 12px;
      font-weight: 700;
      letter-spacing: 0.06em;
      text-transform: uppercase; 
      border: 1px solid rgba(26,86,219,0.12);
    }
    .component-kv .elementor-icon-list-item {
      background: #f8f9fc;
      padding: 5px 11px !important;
      border-radius: 6px;
      font-size: 15px !important;
      font-weight: 500;
      color: #475569;
		margin:5px!important;
      border: 1px solid #e2e8f0;
    }
.role-card {
      background: white;
      border: 1px solid #e2e8f0;
      border-radius: 12px;
      padding: 36px 28px;
      position: relative;
      overflow: hidden;
      transition: all 0.3s;
    }
    .role-card::before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      height: 4px;
      background: linear-gradient(135deg, #0ea5a0 0%, #1a56db 100%);
    }
    .role-card:hover { transform: translateY(-4px); box-shadow: 0 12px 40px rgba(10,30,94,0.12); }
.role-badge {
      display: inline-block;
    background: rgba(14, 165, 160, 0.08);
    color: var(--brand-teal);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    padding: 4px 12px;
    border-radius: 4px;
    margin-bottom: 16px;
}
    .role-card h3 { font-size: 18px; font-weight: 700; margin-bottom: 12px; }
    .role-card p { font-size: 16px; color: #475569; line-height: 1.65; margin-bottom: 16px; }
    .role-outcomes { list-style: none;padding-left:0px !important; margin-left:0px; }
    .role-outcomes li {
      font-size: 16px;
      color: #0f172a;
      font-weight: 600;
      padding: 6px 0 6px 24px;
      position: relative;
      line-height: 1.5;
    }
    .role-outcomes li::before {
      content: '';
      position: absolute;
      left: 0;
      top: 14px;
      width: 8px;
      height: 8px;
      background: #0ea5a0;
      border-radius: 50%;
    }
          .workflow-step {
      background: white;
      border: 1px solid #e2e8f0;
      border-radius: 12px;
      padding: 32px 24px;
      position: relative;
      z-index: 1;
      transition: all 0.3s;
    }
    .workflow-step:hover { transform: translateY(-4px); box-shadow: 0 12px 40px rgba(10,30,94,0.12); }
    .workflow-num {
      width: 44px;
      height: 44px;
      background: linear-gradient(135deg, #0ea5a0 0%, #1a56db 100%);
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      margin-bottom: 20px;
      font-size: 16px;
      font-weight: 800;
      color: white;
    }
    .workflow-step h3 { font-size: 17px; font-weight: 700; margin-bottom: 8px; }
    .workflow-step p { font-size: 16px; color:#475569; line-height: 1.6; }
             .cost-card {
      background: rgba(255,255,255,0.05);
      border: 1px solid rgba(255,255,255,0.08);
      border-radius: 12px;
      padding: 36px 24px;
      text-align: center;
      position: relative;
      overflow: hidden;
    }
    .cost-card::before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      height: 3px;
      background: linear-gradient(135deg, #0ea5a0 0%, #1a56db 100%);
    }
    .cost-number {
      font-size: 44px;
      font-weight: 800;
      background: linear-gradient(135deg, #60a5fa, #0ea5a0);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
      margin-bottom: 8px;
      line-height: 1.1;
    }
    .cost-label { font-size: 16px; color: rgba(255,255,255,0.7); line-height: 1.5; font-weight: 500; }
    .cost-detail { font-size: 15px; color: rgba(255,255,255,0.4); margin-top: 8px; }
    
.roi-pillar {
      text-align: center;
      position: relative;
      padding: 20px;
}
.roi-pillar:after {
	content: '';
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
	width: 1px;
	background: #e2e8f0;
}
.roi-icon {
	width: 48px;
	height: 48px;
	background: #f8f9fc;
	border: 2px solid #0ea5a0;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto;
	color: #0ea5a0;
}   
.us-program-badges .elementor-icon-list-item {
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.22);
    color: white;
    padding: 7px 16px !important;
    border-radius: 6px;
    font-size: 13px;
    font-weight: 500; 
    letter-spacing: 0.02em;
}
.lob-badges .elementor-icon-list-item
 {
    background: linear-gradient(135deg, rgba(26, 86, 219, 0.08), rgba(14, 165, 160, 0.08));
    color: #0a1e5e;
    padding: 8px 18px !important;
    border-radius: 100px;
    font-size: 15px;
    font-weight: 600;
    border: 1px solid rgba(26, 86, 219, 0.12);
}   
.workflow-num {
    width: 40px;
    height: 40px;
    background: linear-gradient(135deg, #0ea5a0 0%, #1a56db 100%);
    color: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: 800;
    font-family: var(--font-heading);
    flex-shrink: 0;
    z-index: 2;
    margin-bottom: 0px;
}
.workflow-num:after {
	content:'';
    width: 2px;
    height: 24px;
	display:inline-block;
    background: linear-gradient(180deg, #0ea5a0,#1a56db);
    opacity: 0.25;
	position: absolute;
    top: 40px;
}
.problem-cards {
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.problem-card {
    display: flex;
    align-items: stretch;
    gap: 0;
    background: white;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    overflow: hidden;
    transition: all 0.25s;
}
.problem-metric {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 20px 12px;
    min-width: 100px;
    background: #fef2f2;
    border-right: 1px solid #e2e8f0;
    text-align: center;
    flex-shrink: 0;
}
.problem-unit {
    font-size: 10px;
    font-weight: 600;
    color: #94a3b8;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    margin-top: 4px;
}
.problem-num {
    font-size: 28px;
    font-weight: 800;
    color: #dc2626;
    line-height: 1;
}
.problem-card-body {
    padding: 18px 22px;
    flex: 1;
}
.problem-card-body h3 {
    font-size: 16px;
    font-weight: 700;
    color: #0f172a;
    margin-bottom: 4px;
}
.problem-card-body p {
    font-size: 16px;
    color: #475569;
    line-height: 26px;
    margin-bottom: 0px;
}
.demo-form {
    max-width: 480px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.demo-form-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}
.demo-form input, .demo-form select {
    padding: 13px 16px;
    border: 1px solid rgba(255, 255, 255, 0.15);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.06);
    color: white;
    font-size: 14px;
    transition: border-color 0.2s;
    width: 100%;
}
.demo-form select {
    color: rgba(255, 255, 255, 0.35);
    appearance: none;
    cursor: pointer;
}
.demo-form .btn-primary {
    width: 100%;
    justify-content: center;
    padding: 16px;
    font-size: 16px;
}
.demo-form-row p {
    margin-bottom: 0px;
}

.final-cta {
    background: linear-gradient(135deg, #06101f 0%, #0a1e5e 40%, #1a3a8f 100%);
    padding: 60px 0;
    text-align: center;
    position: relative;
    overflow: hidden;
}
.wpcf7 form>p:last-of-type{ margin:0;}

.btn-link{ font-weight:600;}
.btn-link svg { width: 12px; margin-left: 5px;}
.transform-table-wrap {
	background: white;
	border-radius: 20px;
	border: 1px solid #e2e8f0;
	overflow-x: auto;
	box-shadow: 0 4px 16px rgba(0,0,0,0.08);
}
.transform-table { width: 100%; border-collapse: collapse;margin-bottom:0px;}
.transform-table th {
	padding: 16px 24px;
	font-size: 15px;
	font-weight: 700;
	letter-spacing: 0.04em;
	text-transform: uppercase;
}
.transform-table th:first-child { background: #f8f9fc; color: #475569; text-align: left; width: 26%; }
.transform-table th:nth-child(2) { background: #fef2f2; color: #b91c1c; text-align: center; }
.transform-table th:nth-child(3) { background: linear-gradient(135deg, #0a1e5e, #1a56db); color: white; text-align: center; }
.transform-table td {
	padding: 16px 24px;
	font-size: 16px;
	border-top: 1px solid #e2e8f0;
	vertical-align: top;
}
.transform-table td:first-child { font-weight: 600; color: #0f172a; }
.transform-table td:nth-child(2) { color: #475569; background: #fffbfb; }
.transform-table td:nth-child(3) { color: #0f172a; background: rgba(14,165,160,0.03); font-weight: 500; }
table, td, th {
	border: 0px solid #D1D5DB; 
}

.hero-visual { position: relative; }
.hero-card {
      background: rgba(255,255,255,0.06);
      border: 1px solid rgba(255,255,255,0.1);
      border-radius: 20px;
      padding: 24px;
      backdrop-filter: blur(20px);
      box-shadow: 0 24px 80px rgba(0,0,0,0.3);
}
.hero-card-header {
      display: flex;
      align-items: center;
      gap: 12px;
      margin-bottom: 20px;
      padding-bottom: 16px;
      border-bottom: 1px solid rgba(255,255,255,0.08);
}
.hero-card-icon {
      width: 40px;
      height: 40px;
      background: #0ea5a0;
      border-radius: 10px;
      display: flex;
      align-items: center;
      justify-content: center;
      flex-shrink: 0;
}
.hero-card-title { color: white; font-size: 15px; font-weight: 700; }
.hero-card-subtitle { color: rgba(255,255,255,0.5); font-size: 12px; }
.report-pipeline { display: flex; flex-direction: column; gap: 8px; }
.report-step {
      background: rgba(255,255,255,0.05);
      border: 1px solid rgba(255,255,255,0.07);
      border-radius: 8px;
      padding: 14px 16px;
      display: flex;
      align-items: center;
      justify-content: space-between;
}
.report-step-left { display: flex; align-items: center; gap: 12px; }
.report-step-num {
	width: 28px;
	height: 28px;
	background: linear-gradient(135deg, #0ea5a0 0%, #1a56db 100%);
	border-radius: 6px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 14px;
	font-weight: 800;
	color: white;
	flex-shrink: 0;
}
.report-step-name { font-size: 13px; font-weight: 700; color: white; }
.report-step-desc { font-size: 11px; color: rgba(255,255,255,0.5); }
.report-step-status {
	font-size: 14px;
	font-weight: 700;
	color: #34d399;
	display: flex;
	align-items: center;
	gap: 5px;
	white-space: nowrap;
}
.dot-live {
	width: 6px;
	height: 6px;
	background: #34d399;
	border-radius: 50%;
	animation: pulse-dot 1.5s ease-in-out infinite;
}
.hero-float-badge {
	position: absolute;
	top: -12px;
	right: -12px;
	background: rgba(14,165,160,0.9);
	color: white;
	padding: 8px 16px;
	border-radius: 8px;
	font-size: 12px;
	font-weight: 700;
	box-shadow: 0 4px 20px rgba(14,165,160,0.4);
	z-index: 3;
}
.pipeline-step {
	background: white;
	border: 1px solid #e2e8f0;
	border-radius: 12px;
	padding: 32px 24px;
	text-align: center;
	position: relative;
	z-index: 1;
	transition: all 0.3s;
}
.pipeline-step:hover { transform: translateY(-4px); box-shadow: 0 12px 40px rgba(10,30,94,0.12); }
.pipeline-num {
	width: 48px;
	height: 48px;
	background: linear-gradient(135deg, #0ea5a0 0%, #1a56db 100%);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto;
	font-size: 18px;
	font-weight: 600;
	color: white;
}
.pipeline-step h3 { font-size: 18px; font-weight: 700; margin-bottom: 8px; }
.pipeline-step p { font-size: 16px; color: #475569; line-height: 26px; }
.pipeline-grid::before {
    content: '';
    position: absolute;
    top: 70px;
    left: 17%;
    right: 17%;
    height: 2px;
    background: linear-gradient(90deg, #0ea5a0, #1a56db);
    z-index: 0;
        width: 65%;
}
/*Company Page Css*/
.section-title {
    font-size: clamp(2rem, 3.5vw, 2.8rem);
    font-weight: 800;
    margin-bottom: 16px;
}
.story-visual {
	background: linear-gradient(135deg, #06101f 0%, #0a1e5e 40%, #1a3a8f 100%);
	border-radius: 20px;
	padding: 48px;
	position: relative;
	overflow: hidden;
}
.story-visual::before {
	content: '';
	position: absolute;
	top: -100px;
	right: -100px;
	width: 400px;
	height: 400px;
	background: radial-gradient(circle, rgba(14,165,160,0.15) 0%, transparent 70%);
	pointer-events: none;
}
.story-quote {
	position: relative;
	z-index: 2;
}
.story-quote blockquote {
	font-size: 22px;
	font-weight: 600;
	color: white;
	line-height: 1.5;
	margin: 0;
	padding:0;
	margin-bottom: 24px;
}
.story-quote .attribution {
	font-size: 14px;
	color: rgba(255,255,255,0.6);
}
.story-quote .attribution strong {
	color: rgba(255,255,255,0.85);
	display: block;
	font-size: 15px;
	margin-bottom: 2px;
}
.mission-badge {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	background: rgba(14,165,160,0.12);
	border: 1px solid rgba(14,165,160,0.2);
	padding: 6px 14px;
	border-radius: 100px;
	color: #0ea5a0;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	margin-bottom: 20px;
}
 /* ====================================================
TIMELINE
==================================================== */
.timeline-wrap {
	position: relative;
	margin-top: 48px;
	padding-left: 40px;
}
.timeline-wrap::before {
	content: '';
	position: absolute;
	left: 15px;
	top: 0;
	bottom: 0;
	width: 2px;
	background: linear-gradient(to bottom, var(--brand-teal), var(--brand-blue), var(--border-light));
	border-radius: 2px;
}
.timeline-item {
	position: relative;
	padding-bottom: 40px;
}
.timeline-item:last-child { padding-bottom: 0; }
.timeline-dot {
	position: absolute;
	left: -33px;
	top: 4px;
	width: 18px;
	height: 18px;
	border-radius: 50%;
	background: var(--bg-white);
	border: 3px solid var(--brand-teal);
	z-index: 2;
}
.timeline-item:first-child .timeline-dot {
	background: var(--brand-teal);
	box-shadow: 0 0 0 4px rgba(14,165,160,0.2);
}
.timeline-year {
	font-family: var(--font-heading);
	font-size: 13px;
	font-weight: 700;
	color: var(--brand-teal);
	letter-spacing: 0.04em;
	margin-bottom: 6px;
}
.timeline-item h3 {
	font-size: 17px;
	font-weight: 700;
	color: var(--text-primary);
	margin-bottom: 6px;
}
.timeline-item p {
	font-size: 14px;
	color: var(--text-secondary);
	line-height: 1.7;
	max-width: 600px;
}

/* ====================================================
TRUST & SECURITY
==================================================== */
.trust-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 24px;
	margin-top: 48px;
}
.trust-card {
	background: var(--bg-white);
	border: 1px solid var(--border-light);
	border-radius: var(--radius-md);
	padding: 32px 28px;
	text-align: center;
	transition: all var(--transition);
}
.trust-card:hover {
	box-shadow: var(--shadow-md);
}
.trust-icon {
	width: 56px;
	height: 56px;
	background: linear-gradient(135deg, rgba(14,165,160,0.08), rgba(26,86,219,0.08));
	border-radius: 14px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto 16px;
	color: var(--brand-teal);
}
.trust-card h3 {
	font-size: 16px;
	font-weight: 700;
	color: var(--text-primary);
	margin-bottom: 8px;
}
.trust-card p {
	font-size: 14px;
	color: var(--text-secondary);
	line-height: 1.7;
}

.team-card {
	text-align: center;
	padding: 36px 20px;
	background: var(--bg-white);
	border: 1px solid var(--border-light);
	border-radius: var(--radius-md);
	transition: all var(--transition);
}
.team-card:hover {
	box-shadow: var(--shadow-md);
	transform: translateY(-4px);
}
/* Ai Agent page */
.hg-glow {
      position: absolute;
      border-radius: 50%;
      pointer-events: none;
      filter: blur(50px);
    }
    .hg-glow.g1 { top: -8%; right: -12%; width: 240px; height: 240px; background: rgba(14,165,160,0.08); animation: hgDrift 8s ease-in-out infinite; }
    .hg-glow.g2 { bottom: -5%; left: -8%; width: 200px; height: 200px; background: rgba(26,86,219,0.06); animation: hgDrift 10s ease-in-out infinite reverse; }
    @keyframes hgDrift { 0%,100%{transform:translate(0,0)} 50%{transform:translate(10px,-6px)} }

    /* Central hub */
    .hg-hub {
      position: absolute;
      top: 50%; left: 50%;
      transform: translate(-50%,-50%);
      width: 130px; height: 130px;
      z-index: 10;
    }
    .hg-ring {
      position: absolute;
      inset: 0;
      border-radius: 50%;
      border: 1.5px solid rgba(14,165,160,0.2);
      animation: hgPulse 4s ease-in-out infinite;
    }
    .hg-ring.outer { inset: -18px; border-color: rgba(26,86,219,0.1); animation-delay: 0.5s; }
    .hg-ring.inner { inset: 14px; border-color: rgba(14,165,160,0.15); animation-delay: 1s; }
    @keyframes hgPulse { 0%,100%{transform:scale(1);opacity:1} 50%{transform:scale(1.04);opacity:0.7} }
    .hg-core {
      position: absolute;
      inset: 22px;
      background: linear-gradient(135deg, rgba(14,165,160,0.12), rgba(26,86,219,0.12));
      border: 1px solid rgba(14,165,160,0.25);
      border-radius: 50%;
      backdrop-filter: blur(16px);
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      gap: 2px;
    }
    .hg-core-icon { width: 24px; height: 24px; color: var(--brand-teal); }
    .hg-core-label {
      font-size: 10px;
      font-weight: 700;
      color: var(--brand-teal);
      letter-spacing: 1px;
      text-transform: uppercase;
      text-align: center;
      line-height: 1.3;
    }

    /* Input/Output stream cards */
    .hg-stream { position: absolute; display: flex; flex-direction: column; gap: 10px; z-index: 5; }
    .hg-stream.input { left: 0; top: 50%; transform: translateY(-50%); }
    .hg-stream.output { right: 0; top: 50%; transform: translateY(-50%); }
    .hg-card {
      background: rgba(255,255,255,0.04);
      border: 1px solid rgba(255,255,255,0.08);
      border-radius: 8px;
      padding: 8px;
      display: flex;
      align-items: center;
      gap: 9px;
      width: 150px;
      backdrop-filter: blur(10px);
      opacity: 0;
    }
    .hg-card.in { animation: hgSlideIn 0.5s ease forwards; }
    .hg-card.out {
      background: rgba(14,165,160,0.05);
      border-color: rgba(14,165,160,0.12);
      animation: hgSlideOut 0.5s ease forwards;
    }
    .hg-card:nth-child(1) { animation-delay: 0.2s; }
    .hg-card:nth-child(2) { animation-delay: 0.5s; }
    .hg-card:nth-child(3) { animation-delay: 0.8s; }
    .hg-card:nth-child(4) { animation-delay: 1.1s; }
    .hg-stream.output .hg-card:nth-child(1) { animation-delay: 1.6s; }
    .hg-stream.output .hg-card:nth-child(2) { animation-delay: 1.9s; }
    .hg-stream.output .hg-card:nth-child(3) { animation-delay: 2.2s; }
    .hg-stream.output .hg-card:nth-child(4) { animation-delay: 2.5s; }
    @keyframes hgSlideIn { to { opacity:1; transform:translateX(0); } }
    @keyframes hgSlideOut { to { opacity:1; transform:translateX(0); } }
    .hg-card.in { transform: translateX(-16px); }
    .hg-card.out { transform: translateX(16px); }

    .hg-dot { width: 9px; height: 9px; border-radius: 50%; flex-shrink: 0; animation: hgPulseDot 2s ease-in-out infinite; }
    .hg-dot.amber { background: #d97706; box-shadow: 0 0 6px rgba(217,119,6,0.5); }
    .hg-dot.red { background: #dc2626; box-shadow: 0 0 6px rgba(220,38,38,0.4); animation-delay:0.5s; }
    .hg-dot.blue { background: var(--brand-sky); box-shadow: 0 0 6px rgba(96,165,250,0.5); animation-delay:1s; }
    .hg-dot.purple { background: #8b5cf6; box-shadow: 0 0 6px rgba(139,92,246,0.4); animation-delay:1.5s; }
    @keyframes hgPulseDot { 0%,100%{transform:scale(1)} 50%{transform:scale(1.3)} }

    .hg-card-text { font-size: 12px; font-weight: 600; color: rgba(255,255,255,0.7); line-height: 1.3; }
    .hg-card-sub { font-size: 10px; color: rgba(255,255,255,0.3); font-weight: 500; }
    .hg-check {
      width: 16px; height: 16px;
      border-radius: 50%;
      background: rgba(14,165,160,0.12);
      border: 1.5px solid var(--brand-teal);
      display: flex;
      align-items: center;
      justify-content: center;
      flex-shrink: 0;
    }
    .hg-check svg { width: 9px; height: 9px; }
    .hg-out-text { font-size: 12px; font-weight: 600; color: var(--brand-teal); line-height: 1.3; }
    .hg-out-sub { font-size: 9px; color: rgba(14,165,160,0.45); font-weight: 500; }

    /* Agent floating badges */
    .hg-badge {
      position: absolute;
      background: rgba(255,255,255,0.04);
      border: 1px solid rgba(255,255,255,0.08);
      border-radius: 6px;
      padding: 6px 10px;
      backdrop-filter: blur(12px);
      display: flex;
      align-items: center;
      gap: 6px;
      z-index: 8;
      opacity: 0;
      animation: hgFadeIn 0.4s ease forwards;
    }
    .hg-badge-dot { width: 5px; height: 5px; border-radius: 50%; background: #34d399; box-shadow: 0 0 5px rgba(52,211,153,0.5); animation: hgPulseDot 1.8s ease-in-out infinite; }
    .hg-badge-text { font-size: 9px; font-weight: 700; font-family: var(--font-heading); color: rgba(255,255,255,0.55); letter-spacing: 0.5px; text-transform: uppercase; }
    .hg-badge.b1 { top: 10%; left: 28%; transform: translateX(-50%); animation-delay: 1.3s; }
    .hg-badge.b2 { bottom: 14%; right: 28%; transform: translateX(50%); animation-delay: 1.5s; }
    @keyframes hgFadeIn { to { opacity: 1; } }

    /* Confidence + governed badges */
    .hg-info-badge {
      position: absolute;
      border-radius: 6px;
      padding: 6px 10px;
      z-index: 9;
      opacity: 0;
      animation: hgScaleIn 0.4s ease forwards;
    }
    @keyframes hgScaleIn { from{opacity:0;transform:scale(0.9)} to{opacity:1;transform:scale(1)} }
    .hg-confidence { top: 10%; right: 28%; background: rgba(14,165,160,0.08); border: 1px solid rgba(14,165,160,0.2); animation-delay: 2.8s; }
    .hg-confidence-label { font-size: 7px; font-weight: 700; color: var(--brand-teal); letter-spacing: 0.8px; text-transform: uppercase; margin-bottom: 1px; }
    .hg-confidence-value { font-size: 16px; font-weight: 800; font-family: var(--font-heading); color: var(--brand-teal); line-height: 1; }
    .hg-governed { bottom: 14%; left: 28%; background: rgba(26,86,219,0.06); border: 1px solid rgba(26,86,219,0.15); display: flex; align-items: center; gap: 5px; animation-delay: 3.1s; }
    .hg-governed-icon { color: var(--brand-sky); width: 14px; height: 14px; }
    .hg-governed-text { font-size: 8px; font-weight: 700; font-family: var(--font-heading); color: var(--brand-sky); letter-spacing: 0.6px; text-transform: uppercase; line-height: 1.3; }

    /* Status ticker */
    .hg-ticker {
      position: absolute;
      bottom: -4px; left: 50%;
      transform: translateX(-50%);
      display: flex;
      gap: 16px;
      z-index: 9;
      opacity: 0;
      animation: hgScaleIn 0.4s ease 3.4s forwards;
    }
    .hg-ticker-item { display: flex; align-items: center; gap: 5px; }
    .hg-ticker-dot { width: 4px; height: 4px; border-radius: 50%; }
    .hg-ticker-dot.live { background: #34d399; box-shadow: 0 0 5px rgba(52,211,153,0.6); animation: hgPulseDot 1.5s ease-in-out infinite; }
    .hg-ticker-dot.proc { background: var(--brand-teal); box-shadow: 0 0 5px rgba(14,165,160,0.5); animation: hgPulseDot 1.2s ease-in-out infinite 0.3s; }
    .hg-ticker-text { font-size: 8px; font-weight: 600; color: rgba(255,255,255,0.35); letter-spacing: 0.2px; }

    /* Flow SVG */
    .hg-flow-svg { position: absolute; inset: 0; width: 100%; height: 100%; z-index: 3; pointer-events: none; }
    .hg-flow-path { fill: none; stroke: rgba(14,165,160,0.05); stroke-width: 1; }
    .hg-particle { fill: var(--brand-teal); filter: drop-shadow(0 0 3px rgba(14,165,160,0.5)); opacity: 0; }
    .hg-particle.active { animation: hgParticle 3s ease-in-out infinite; }
    @keyframes hgParticle { 0%{opacity:0} 10%{opacity:1} 90%{opacity:1} 100%{opacity:0} }

    /* Responsive: hide graphic on mobile, show simplified version */
    @media (max-width: 768px) {
      .hero-graphic { max-width: 360px; }
      .hg-card { width: 110px; padding: 6px 8px; }
      .hg-badge, .hg-info-badge, .hg-ticker { display: none; }
    }
.problem-definition {
    background: white;
    border: 1px solid var(--border-light);
    border-radius: var(--radius-md);
    padding: 24px;
    position: relative;
}
.problem-definition::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 3px;
    background: var(--gradient-cta);
    border-radius: 3px 0 0 3px;
}
.problem-def-label {
    font-size: 16px;
    font-weight: 800;
    color: var(--brand-teal);
    margin-bottom: 8px;
    letter-spacing: -0.01em;
}
.problem-definition p
 {
    color: var(--text-secondary);
    line-height: 1.7;
}
.pathway-card {
	background: white;
	border: 2px solid var(--border-light);
	border-radius: var(--radius-lg);
	padding: 40px 36px;
	transition: all 0.3s;
	position: relative;
	overflow: hidden;
}
.pathway-card:hover { transform: translateY(-4px); box-shadow: var(--shadow-lg); }
.pathway-card.featured { border-color: var(--brand-teal); }
.pathway-card.featured::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 4px;
	background: var(--gradient-cta);
}
.pathway-badge {
	display: inline-block;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	padding: 5px 12px;
	border-radius: 4px; 
}
.pathway-badge.deploy { background: rgba(14,165,160,0.1); color: var(--brand-teal); }
.pathway-badge.build { background: rgba(26,86,219,0.1); color: var(--brand-blue); }
.pathway-card h3 {
	font-size: 22px;
	font-weight: 800;
	margin-bottom: 12px;
	color: var(--text-primary);
}
.pathway-card > p {
	font-size: 16px;
	color: var(--text-secondary);
	line-height: 1.65;
	margin-bottom: 24px;
}
.pathway-list {
	list-style: none;
	margin-bottom: 28px !important;
	padding-left: 0px !important;
}
.pathway-list li {
	font-size: 16px;
	color: var(--text-primary);
	font-weight: 500;
	padding: 8px 0 8px 28px;
	position: relative;
	line-height: 1.5;
}
.pathway-list li::before {
	content: '';
	position: absolute;
	left: 0;
	top: 14px;
	width: 8px;
	height: 8px;
	background: var(--brand-teal);
	border-radius: 50%;
}
.pathway-cta {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	font-size: 16px;
	font-weight: 700;
	color: var(--brand-teal);
	transition: gap 0.2s;
}
.pathway-cta:hover, .pathway-cta:hover .elementor-button-content-wrapper { gap: 12px !important; transition: gap 0.2s;}
.pathway-cta svg{ width:14px;}
.catalog-tabs .e-n-tabs-heading {
    display: flex;
    gap: 0;
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 12px;
    padding: 5px;
    /* margin-bottom: 48px; */
    max-width: 720px;
    position: relative;
    z-index: 2;
}
.catalog-tabs .e-n-tab-title {
    flex: 1;
    padding: 14px 24px;
    border: none;
    background: transparent !important;
    color: rgba(255, 255, 255, 0.5);
    border-radius: 8px !important;
    cursor: pointer;
    transition: all 0.25s;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}
.catalog-tabs .e-n-tab-title[aria-selected="true"] {
    background: rgba(255, 255, 255, 0.1) !important;
    color: white;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.2);
}
.catalog-agent .elementor-widget-container{
    position: relative;
    overflow: hidden;
}
.catalog-agent .elementor-widget-container:before{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 3px;
    background: #0ea5a0;
    opacity: 0;
    transition: opacity 0.25s;
}
.catalog-agent .elementor-widget-container:hover {
    background: rgba(255, 255, 255, 0.07);
    border-color: rgba(14, 165, 160, 0.3);
    transform: translateX(4px);
}
.catalog-agent .elementor-widget-container:hover::before {
    opacity: 1;
}
.catalog-visual {
    background: rgba(255, 255, 255, 0.03);
    border-radius: 20px;
    padding: 32px;
    border: 1px solid rgba(255, 255, 255, 0.06);
    position: relative;
}
.catalog-visual::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: linear-gradient(135deg, #0ea5a0 0%, #1a56db 100%);
    border-radius: var(--radius-lg) var(--radius-lg) 0 0;
}
.cv-header {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 24px;
    padding-bottom: 18px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}
.cv-icon {
    width: 44px;
    height: 44px;
    background: rgba(14, 165, 160, 0.15);
    border: 1px solid rgba(14, 165, 160, 0.25);
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.cv-title {
    color: white;
}
.cv-sub {
    color: rgba(255, 255, 255, 0.4);
    font-size: 16px;
    margin-top: 3px;
}
.cv-label {
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.35);
    margin-bottom: 12px;
}
.cv-flow {
    display: flex;
    flex-direction: column;
    gap: 6px;
}
.cv-step {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 14px 16px;
    background: rgba(96, 165, 250, 0.04);
    border: 1px solid rgba(96, 165, 250, 0.08);
    border-radius: 8px;
    transition: all 0.2s;
}
.cv-connector {
    width: 2px;
    height: 8px;
    background: rgba(14, 165, 160, 0.2);
    margin: 0 0 0 29px;
}
.cv-step-num {
    width: 28px;
    height: 28px;
    background: linear-gradient(135deg, #0ea5a0 0%, #1a56db 100%);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 15px;
    font-weight: 800;
    color: white;
    flex-shrink: 0;
}
.cv-step-text {
    color: rgba(255, 255, 255, 0.7);
    font-size: 15px;
    font-weight: 500;
}
.cv-result {
    margin-top: 20px;
    padding: 16px 18px;
    background: rgba(52, 211, 153, 0.06);
    border: 1px solid rgba(52, 211, 153, 0.15);
    border-radius: 8px;
    display: flex;
    align-items: center;
    gap: 12px;
}
.cv-result-dot {
    width: 10px;
    height: 10px;
    background: #34d399;
    border-radius: 50%;
    animation: pulse-dot 1.5s ease-in-out infinite;
    flex-shrink: 0;
    box-shadow: 0 0 8px rgba(52, 211, 153, 0.4);
}
.cv-result-text {
    color: #34d399;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}
.module-card {
      background: white;
      border: 1px solid var(--border-light);
      border-radius: var(--radius-md);
      padding: 24px 22px;
      transition: all 0.3s;
      position: relative;
      overflow: hidden;
    }
    .module-card::before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      height: 3px;
      background: var(--gradient-cta);
    }
    .module-card:hover { transform: translateY(-4px); box-shadow: var(--shadow-lg); }
    .module-icon {
      width: 44px;
      height: 44px;
      background: linear-gradient(135deg, rgba(26,86,219,0.08), rgba(14,165,160,0.12));
      border-radius: 12px;
      display: flex;
      align-items: center;
      justify-content: center;
      margin-bottom: 14px;
      color: var(--brand-blue);
    }
    .module-card h3 { font-size: 16px; font-weight: 700; margin-bottom: 8px; }
    .module-card p { font-size: 16px; color: var(--text-secondary); line-height: 1.6; margin-bottom: 12px; }
    .module-features { list-style: none; display: flex; flex-direction: column; gap: 8px; margin-left:0px;}
    .module-features li {
      display: flex;
      align-items: flex-start;
      gap: 8px;
      font-size: 16px;
      color: var(--text-secondary);
		padding-left:0px;
    }
    .module-features li::before {
      content: '';
      width: 6px;
      height: 6px;
      background: var(--brand-teal);
      border-radius: 50%;
      flex-shrink: 0;
      margin-top: 7px;
    }
    .ai-badge {
      display: inline-block;
      background: linear-gradient(135deg, #0ea5a0, #1a56db);
      color: white;
      font-size: 14px;
      font-weight: 700;
      padding: 3px 10px;
      border-radius: 20px;
      vertical-align: middle;
      letter-spacing: 0.5px;
      margin-left: 8px;
    }
/* ANIMATIONS */
.fade-up { opacity: 0; transform: translateY(20px); transition: opacity 0.4s ease, transform 0.4s ease; }
.fade-up.visible { opacity: 1; transform: translateY(0); }

/* NO RESULTS */
.no-results { display: none; text-align: center; padding: 64px 24px; }
.no-results.show { display: block; }
.no-results-icon { width: 56px; height: 56px; margin: 0 auto 16px; background: var(--bg-cream); border-radius: 50%; display: flex; align-items: center; justify-content: center; }
.no-results h3 { font-size: 18px; font-weight: 700; margin-bottom: 8px; }
.no-results p { font-size: 15px; color: var(--text-secondary); margin-bottom: 20px; }
.no-results button { padding: 10px 20px; background: var(--bg-cream); border: 1px solid var(--border-light); border-radius: var(--radius-sm); font-size: 14px; font-weight: 600; font-family: var(--font-body); cursor: pointer; transition: background 0.2s; }
.no-results button:hover { background: #e2e8f0; }
.no-results button:focus-visible { outline: 2px solid var(--brand-teal); outline-offset: 2px; }

.casestudy-stackitems .eael-feature-list-icon-box{ border-radius:8px; border: 1px solid #0ea5a040;}
/* UNIFIED STICKY BAR */
.sticky-bar { position: sticky; top: 68px; z-index: 50; background: rgba(255,255,255,0.97); backdrop-filter: blur(12px); border-bottom: 1px solid var(--border-light); }
.sticky-bar-inner { display: flex; align-items: center; justify-content: space-between; max-width: 1340px; margin: 0 auto; padding: 0 24px; gap: 16px; }
.cat-scroll { display: flex; gap: 2px; overflow-x: auto; scrollbar-width: none; flex: 1; min-width: 0; }
.cat-scroll::-webkit-scrollbar { display: none; }
.cat-link { padding: 16px 16px; font-weight: 600; color: var(--text-secondary); background: transparent; border: none; border-bottom: 3px solid transparent; cursor: pointer; transition: color 0.2s, border-color 0.2s; white-space: nowrap; text-decoration: none; display: inline-block; border-radius:0;}
.cat-link:hover { color: var(--brand-blue); background:none; border-color:transparent;}
.cat-link:focus-visible, .cat-link:focus { background:none; outline-offset: -2px; }
.cat-link.active { color: var(--brand-teal); border-bottom-color: var(--brand-teal); }
.cat-link .count { display: inline-flex; align-items: center; justify-content: center; min-width: 18px; height: 18px; padding: 0 5px; background: var(--bg-cream); border-radius: 9px; font-size: 14px; color: var(--text-muted); margin-left: 4px; transition: background 0.2s, color 0.2s; }
.cat-link.active .count { background: rgba(14,165,160,0.1); color: var(--brand-teal); }

/* FILTER DROPDOWNS (right side of sticky bar) */
.filter-controls { display: flex; align-items: center; gap: 8px; flex-shrink: 0; }
.filter-dropdown { position: relative; }
.filter-trigger { display: flex; align-items: center; gap: 6px; padding: 8px 14px; min-height: 38px; font-size: 13px; font-weight: 600; font-family: var(--font-body); color: var(--text-secondary); background: var(--bg-white); border: 1px solid rgba(226,232,240,0.9); border-radius: 8px; cursor: pointer; transition: border-color 0.2s, color 0.2s; white-space: nowrap; }
.filter-trigger:hover { border-color: var(--brand-teal); background:none; color: var(--brand-teal); }
.filter-trigger:focus-visible { outline: 2px solid var(--brand-teal); background:none; outline-offset: 2px; }
.filter-trigger.has-filter { background: rgba(14,165,160,0.06); border-color: var(--brand-teal); color: var(--brand-teal); }
.filter-trigger svg.chevron { transition: transform 0.2s; }
.filter-dropdown.open .filter-trigger svg.chevron { transform: rotate(180deg); }
.filter-menu { position: absolute; top: calc(100% + 6px); right: 0; min-width: 200px; background: var(--bg-white); border: 1px solid var(--border-light); border-radius: var(--radius-sm); box-shadow: var(--shadow-md); padding: 6px; display: none; z-index: 60; }
.filter-dropdown.open .filter-menu { display: block; }
.filter-option { display: block; width: 100%; padding: 10px 14px;  font-weight: 500; color: var(--text-secondary); background: transparent; border: none; border-radius: 6px; cursor: pointer; text-align: left; transition: background 0.15s, color 0.15s; }
.filter-option:hover { background: var(--bg-cream); color: var(--text-primary); }
.filter-option:focus-visible { outline: 2px solid var(--brand-teal); outline-offset: -2px; }
.filter-option.active { background: rgba(14,165,160,0.08); color: var(--brand-teal); font-weight: 600; }
.search-compact { display: flex; align-items: center; gap: 6px; padding: 8px 14px; background: var(--bg-white); border: 1px solid rgba(226,232,240,0.9); border-radius: 8px; min-height: 38px; transition: border-color 0.2s; }
.search-compact:focus-within { border-color: var(--brand-teal); }
.search-compact input { border: none !important; outline: none; color: var(--text-primary); background: transparent; width: 140px; padding:0; height:auto;}
.search-compact input::placeholder { color: var(--text-muted); }

.grid-section { padding: 48px 0; }
.cs-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
.cs-grid .resource-card{ max-width:100%; min-width:100%;}
.cs-metric-area { position: relative; height: 160px; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; overflow: hidden; }
.cs-metric-area::before { content: ''; position: absolute; top: -80px; right: -80px; width: 300px; height: 300px; background: radial-gradient(circle, rgba(255,255,255,0.08) 0%, transparent 70%); pointer-events: none; }
.resource-card:nth-child(1) .cs-metric-area { background: linear-gradient(135deg, #1e3a5f, #3b82f6); }
.resource-card:nth-child(2) .cs-metric-area { background: linear-gradient(135deg, #0c4a6e, #0ea5a0); }
.resource-card:nth-child(3) .cs-metric-area { background: linear-gradient(135deg, #312e81, #6366f1); }
.resource-card:nth-child(4) .cs-metric-area { background: linear-gradient(135deg, #065f46, #10b981); }
.cs-metric-num { position: relative; z-index: 2; font-family: var(--font-heading); font-size: 38px; font-weight: 800; color: white; line-height: 1; margin-bottom: 4px; }
.cs-metric-label { position: relative; z-index: 2; font-size: 12px; color: rgba(255,255,255,0.65); font-weight: 500; }
.cs-type-badge { position: absolute; top: 12px; left: 12px; padding: 4px 10px; background: rgba(0,0,0,0.4); backdrop-filter: blur(8px); color: white; font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; border-radius: 4px; z-index: 2; }
.cs-product-badge { position: absolute; bottom: 12px; left: 12px; padding: 4px 10px; background: rgba(14,165,160,0.85); backdrop-filter: blur(8px); color: white; font-size: 10px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.04em; border-radius: 4px; z-index: 2; }

/* RESOURCE CARDS -- 3D hover (Lattice-inspired) */
.resource-card { min-width: 340px; max-width: 340px; background: var(--bg-white); border: 1px solid var(--border-light); border-radius: var(--radius-md); overflow: hidden; transition: transform 0.25s ease, box-shadow 0.25s ease; display: flex; flex-direction: column; scroll-snap-align: start; flex-shrink: 0; }
.resource-card:hover { transform: perspective(1200px) translateZ(8px) translateY(-2px); box-shadow: var(--shadow-lg); }
.resource-card:focus-within { outline: 2px solid var(--brand-teal); outline-offset: 2px; }
.card-thumb { position: relative; height: 172px; overflow: hidden; }
.card-thumb-inner { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; }
.type-blog .card-thumb-inner { background: linear-gradient(135deg, #0a1e5e, #1a3a8f); }
.type-ebook .card-thumb-inner { background: linear-gradient(135deg, #0c4a6e, #0ea5a0); }
.type-case-study .card-thumb-inner { background: linear-gradient(135deg, #1e3a5f, #3b82f6); }
.type-webinar .card-thumb-inner { background: linear-gradient(135deg, #312e81, #6366f1); }
.type-video .card-thumb-inner { background: linear-gradient(135deg, #581c87, #a855f7); }
.type-knowledge .card-thumb-inner { background: linear-gradient(135deg, #065f46, #10b981); }
.card-thumb svg.icon { opacity: 0.2; }
.card-type-badge { position: absolute; top: 12px; left: 12px; padding: 4px 10px; background: rgba(0,0,0,0.4); backdrop-filter: blur(8px); color: white; font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; border-radius: 4px; }
/* Product badge chip on card thumb */
.card-product-badge { position: absolute; bottom: 12px; left: 12px; padding: 4px 10px; background: rgba(14,165,160,0.85); backdrop-filter: blur(8px); color: white; font-size: 10px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.04em; border-radius: 4px; }
.card-body { padding: 20px 24px 24px; flex: 1; display: flex; flex-direction: column; }
.card-category { font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.06em; color: var(--brand-teal); margin-bottom: 8px; }
.card-title { font-family: var(--font-heading); font-size: 16px; font-weight: 700; color: var(--text-primary); line-height: 1.35; margin-bottom: 8px; }
.card-title a { color: inherit; transition: color 0.2s; }
.card-title a:hover { color: var(--brand-blue); }
.card-excerpt { font-size: 14px; color: var(--text-secondary); line-height: 1.65; margin-bottom: 14px; flex: 1; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
/* Author + reading time row */
.card-byline { display: flex; align-items: center; gap: 12px; font-size: 12px; color: var(--text-muted); margin-bottom: 14px; }
.card-byline .sep { width: 3px; height: 3px; border-radius: 50%; background: var(--text-muted); flex-shrink: 0; }
.card-meta { display: flex; align-items: center; justify-content: space-between; padding-top: 14px; border-top: 1px solid rgba(226,232,240,0.5); font-size: 12px; color: var(--text-muted); }
.card-meta .read-more,
.card-meta .read-link { color: var(--brand-teal); font-weight: 600; display: flex; align-items: center; gap: 4px; transition: gap 0.2s; }
.resource-card:hover .read-more, .resource-card:hover .read-link{ gap: 8px; }

/* FEATURED */
.featured-section { padding: 48px 0 0; }
.featured-card { display: grid; grid-template-columns: 1fr 1fr; background: var(--bg-white); border: 1px solid var(--border-light); border-radius: var(--radius-lg); overflow: hidden; box-shadow: var(--shadow-lg); transition: transform 0.25s ease, box-shadow 0.25s ease; }
.featured-card:hover { transform: perspective(1200px) translateZ(6px); box-shadow: 0 20px 60px rgba(10,30,94,0.15); }
.featured-visual { background: var(--gradient-hero); padding: 48px; display: flex; flex-direction: column; justify-content: center; position: relative; overflow: hidden; }
.featured-visual::before { content: ''; position: absolute; top: -100px; right: -100px; width: 400px; height: 400px; background: radial-gradient(circle, rgba(14,165,160,0.15) 0%, transparent 70%); pointer-events: none; }
.featured-metric-num { position: relative; z-index: 2; font-family: var(--font-heading); font-size: 72px; font-weight: 800; color: white; line-height: 1; margin-bottom: 8px; }
.featured-metric-visual { background: linear-gradient(135deg, #1e3a5f, #3b82f6); padding: 48px; display: flex; flex-direction: column; align-items: center; justify-content: center; position: relative; overflow: hidden; text-align: center; }
.featured-metric-label { position: relative; z-index: 2; font-size: 14px; color: rgba(255,255,255,0.7); font-weight: 500; }
.featured-icon-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; position: relative; z-index: 2; }
.featured-icon-cell { width: 64px; height: 64px; background: rgba(255,255,255,0.06); border: 1px solid rgba(255,255,255,0.1); border-radius: var(--radius-sm); display: flex; align-items: center; justify-content: center; }
.featured-icon-cell svg { opacity: 0.7; }
.featured-icon-cell.active { background: rgba(14,165,160,0.15); border-color: rgba(14,165,160,0.3); }
.featured-icon-cell.active svg { opacity: 1; }
.featured-body { padding: 48px; display: flex; flex-direction: column; justify-content: center; }
.featured-badge { display: inline-flex; align-items: center; gap: 6px; padding: 5px 12px; background: rgba(14,165,160,0.08); color: var(--brand-teal); font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.06em; border-radius: 4px; margin-bottom: 16px; width: fit-content; }
.product-tag { display: inline-flex; padding: 4px 12px; border: 1px solid rgba(14,165,160,0.3); color: var(--brand-teal); font-size: 12px; font-weight: 600; border-radius: 4px; margin-bottom: 24px; }
.featured-customer { font-size: 13px; color: var(--text-muted); margin-bottom: 8px; }
.featured-body h2 { font-size: 24px; font-weight: 800; color: var(--text-primary); margin-bottom: 12px; line-height: 1.25; }
.featured-body > p { font-size: 15px; color: var(--text-secondary); line-height: 1.75; margin-bottom: 24px; }
.featured-meta { display: flex; align-items: center; gap: 16px; margin-bottom: 24px; font-size: 13px; color: var(--text-muted); flex-wrap: wrap; }
.featured-meta span { display: flex; align-items: center; gap: 4px; }
.btn-primary { display: inline-flex; align-items: center; gap: 8px; padding: 14px 20px; background: var(--brand-teal); color: white; border-radius: var(--radius-sm); font-weight: 700; font-size: 15px; font-family: var(--font-heading); transition: background 0.2s, transform 0.2s, box-shadow 0.2s; border: none; cursor: pointer; width: fit-content; }
.btn-primary:hover { background: #0c8f8a; transform: translateY(-2px); box-shadow: 0 8px 30px rgba(14,165,160,0.35); color:#fff;}
.btn-primary:focus-visible { outline: 2px solid white; outline-offset: 2px; }
.uael-buttons-icon-right .elementor-button-icon{ order:2;}

/* BOTTOM CTA */
@keyframes cta-gradient { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } }
.bottom-cta { padding: 0 0 80px; margin-top:60px;}
.bottom-cta-card { background: linear-gradient(135deg, #06101f, #0a1e5e, #1a3a8f, #0c4a6e, #0a1e5e, #06101f); background-size: 300% 300%; animation: cta-gradient 12s ease infinite; border-radius: var(--radius-lg); padding: 56px 64px; display: grid; grid-template-columns: 1.2fr 0.8fr; gap: 48px; align-items: center; position: relative; overflow: hidden; }
.bottom-cta-card::before { content: ''; position: absolute; top: -150px; right: -150px; width: 500px; height: 500px; background: radial-gradient(circle, rgba(14,165,160,0.12) 0%, transparent 70%); pointer-events: none; }
.bottom-cta-content { position: relative; z-index: 2; }
.bottom-cta-content h2 { font-size: 28px; font-weight: 800; color: white; margin-bottom: 12px; }
.bottom-cta-content p { font-size: 16px; color: rgba(255,255,255,0.7); line-height: 1.7; }
.bottom-cta-action { position: relative; z-index: 2; display: flex; justify-content: center; }

.row-header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 24px; }
.row-header-left { display: flex; align-items: center; gap: 12px; }
.row-icon { width: 40px; height: 40px; border-radius: var(--radius-sm); display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.row-icon.blog { background: linear-gradient(135deg, #0a1e5e, #1a3a8f); }
.row-icon.ebook { background: linear-gradient(135deg, #0c4a6e, #0ea5a0); }
.row-icon.case-study { background: linear-gradient(135deg, #1e3a5f, #3b82f6); }
.row-icon.webinar { background: linear-gradient(135deg, #312e81, #6366f1); }
.row-icon.video { background: linear-gradient(135deg, #581c87, #a855f7); }
.row-icon.knowledge { background: linear-gradient(135deg, #065f46, #10b981); }
.row-header h2 { font-size: 20px; font-weight: 800; color: var(--text-primary); margin:0;}

/* FORM */
.form-card { background: var(--bg-white); border-radius: var(--radius-lg); padding: 40px; box-shadow: 0 20px 60px rgba(10,30,94,0.25); position: relative; overflow: hidden; }
.form-card::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(90deg, var(--brand-teal), var(--brand-blue)); }
.form-card-header { margin-bottom: 24px; }
.form-card-header h2 { font-size: 20px; font-weight: 800; margin-bottom: 6px; }
.form-card-header p {font-size: 14px;color: #94a3b8;}
.form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin-bottom: 16px; }
.form-card .form-row p{ margin:0;}
.fg { display: flex; flex-direction: column; gap: 6px; }
.fg p{ margin:0;}
.fg.full { grid-column: 1 / -1; }
.fg label { font-size: 13px; font-weight: 600; color: var(--text-primary); }
.fg input, .fg select, .fg textarea { padding: 12px 16px; background: var(--bg-white); border: 1px solid var(--border-light); border-radius: var(--radius-sm); color: var(--text-primary); font-size: 15px; font-family: var(--font-body); outline: none; transition: border-color 0.2s; }
.fg input:focus, .fg select:focus, .fg textarea:focus { border-color: var(--brand-teal); }
.fg input::placeholder, .fg textarea::placeholder { color: var(--text-muted); }
.fg select { appearance: none; background-image: url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%2394a3b8' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 16px center; padding-right: 40px; }
.fg textarea { height: 90px; resize: vertical; }
input.wpcf7-form-control.wpcf7-submit.has-spinner,
.wpcf7-submit { display: block; width: 100%; padding: 14px; background: var(--brand-teal); color: white; border: none; border-radius: var(--radius-sm); font-weight: 700; font-size: 15px; font-family: var(--font-heading); cursor: pointer; transition: background 0.2s; margin-top: 8px; }
input.wpcf7-form-control.wpcf7-submit.has-spinner:hover,
.wpcf7-submit:hover { background: #0c8f8a; }
input.wpcf7-form-control.wpcf7-submit.has-spinner:focus-visible,
.wpcf7-submit:focus-visible { outline: 2px solid var(--brand-teal); outline-offset: 2px; }
input:focus{outline:0;border-color:#0075ff;box-shadow:0 0 0 3px rgba(0,117,255,.15)}

/* Quick contact items */
.hero-quick { display: flex; flex-direction: column; gap: 20px; padding: 28px; background: rgba(255,255,255,0.04); border: 1px solid rgba(255,255,255,0.08); border-radius: var(--radius-md); margin-bottom: 32px; color: rgba(255,255,255,0.5); }
.hero-quick .elementor-icon { width: 44px; height: 44px; border-radius: var(--radius-sm); background: rgba(14,165,160,0.12) !important; border: 1px solid rgba(14,165,160,0.2) !important; display: flex; align-items: center; justify-content: center; flex-shrink: 0; } 
.hero-quick-text a:hover { color: var(--brand-teal); }

.connect-list { display: flex; flex-direction: column; gap: 0; flex: 1; }
.cl { display: flex; gap: 16px; align-items: center; padding: 20px 15px; border-bottom: 1px solid rgba(226,232,240,0.5); transition: background 0.15s; cursor: pointer; }
.cl:first-child { padding-top: 0; }
.cl:last-child { border-bottom: none; }
.cl:hover { background: var(--bg-cream); border-radius: var(--radius-sm); }
.connect-list .elementor-icon { width: 40px; height: 40px; border-radius: var(--radius-sm); display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.cl:focus-visible { outline: 2px solid var(--brand-teal); outline-offset: 2px; border-radius: var(--radius-sm); }
.cl::after {
  content: "";
  width: 16px;
  height: 16px;
  margin-left: auto;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' viewBox='0 0 16 16'><path d='M4 8h8M9 5l3 3-3 3' stroke='black' stroke-width='1.5' stroke-linecap='round'/></svg>");
  background-repeat: no-repeat;
  background-size: contain;
}
.cl h3{ margin:0 0 2px 0 !important;}

.phone-strip { margin-top: auto; padding: 20px 24px; background: var(--gradient-hero); border-radius: var(--radius-md); display: flex; align-items: center; justify-content: space-between; }
.phone-strip-number:hover { color: var(--brand-teal); }
.loc { background: var(--bg-white); border: 1px solid var(--border-light); border-radius: var(--radius-md); padding: 18px 20px; display: flex; gap: 16px; align-items: flex-start; transition: transform 0.25s, box-shadow 0.25s; position: relative; }
.loc:hover { transform: perspective(1200px) translateZ(4px); box-shadow: var(--shadow-sm); }
.loc .hq-tag { display: inline-flex; padding: 2px 8px; background: rgba(14,165,160,0.08); color: var(--brand-teal); font-size: 10px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.04em; border-radius: 3px; margin-left: 6px; vertical-align: middle; }
.loc h3, .loc p{ margin:0;}
.loc address{ font-style:normal; margin:5px 0;}

.expect-step {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 48px;
	height: 48px;
	background: linear-gradient(135deg, rgba(14,165,160,0.08), rgba(26,86,219,0.08));
	border-radius: 50%;
	font-family: var(--font-heading);
	font-size: 18px;
	font-weight: 800;
	color: var(--brand-teal);
}
.product-icon {
	width: 44px;
	height: 44px;
	border-radius: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 20px;
}
.product-icon .elementor-widget-container{ height:20px !important;}
.product-icon svg{ width:20px; height:20px;}
.product-icon.teal { background: rgba(14,165,160,0.1); }
.product-icon.blue { background: rgba(26,86,219,0.1); }
.product-icon.indigo { background: rgba(99,102,241,0.1); }

.trust-bar {
    background: #ffffff;
    padding: 1.4rem 2rem;
}
.trust-bar-inner {

    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 40px;
    flex-wrap: wrap;
}
.trust-badge {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    color: #000;
    font-weight: 600;
}

body.home .trust-bar {
    border: 1px dashed #3c56b3;
    padding: 0.8rem 0;
    border-radius: 8px;
    margin-top: 15px;
	background:none;
} 
body.home .trust-bar-inner {  
    gap: 15px; 
	max-width:100%;
}
body.home .trust-badge { 
    color: #94A3B8; 
}



.trust-badge svg {
    color: #0ea5a0;
}
.tb-item {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    padding: 0.4rem 2rem;
    border-right: 1px solid #e3e8f0;
}
.tb-item span {
    font-size: 15px;
    font-weight: 600;
    color: #475569;
    white-space: nowrap;
}
.tb-item:last-child {
    border-right: none;
}

.proof-card {
	background: rgba(255,255,255,0.04);
	border: 1px solid rgba(255,255,255,0.08);
	border-radius: var(--radius-md);
	padding: 32px;
}

.why-stat { background: var(--bg-cream); border: 1px solid var(--border-light); border-radius: var(--radius-md); padding: 28px 24px; text-align: center; transition: transform 0.25s; }
.why-stat:hover { transform: perspective(1200px) translateZ(4px); }

.partner-card { background: var(--bg-white); border: 1px solid var(--border-light); border-radius: var(--radius-md); padding: 32px 28px; display: flex; flex-direction: column; transition: transform 0.25s, box-shadow 0.25s; }
.partner-card:hover { transform: perspective(1200px) translateZ(6px); box-shadow: var(--shadow-md); }
.partner-logo { height: 48px; display: flex; align-items: center; margin-bottom: 20px; }
.partner-card h3 { font-size: 17px; font-weight: 700; margin-bottom: 10px; }

@keyframes cta-gradient { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } }
.form-section { background: linear-gradient(135deg, #06101f, #0a1e5e, #1a3a8f, #0c4a6e, #0a1e5e, #06101f); background-size: 300% 300%; animation: cta-gradient 12s ease infinite; padding: 80px 0; position: relative; overflow: hidden; }
.form-section::before { content: ''; position: absolute; top: -150px; right: -150px; width: 500px; height: 500px; background: radial-gradient(circle, rgba(14,165,160,0.1) 0%, transparent 70%); pointer-events: none; }
.form-inner { max-width: 640px; margin: 0 auto; position: relative; z-index: 2; }
.form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin-bottom: 16px; }
.form-group { display: flex; flex-direction: column; gap: 6px; }
.form-group.full { grid-column: 1 / -1; }
.form-group label { text-align:left; font-size: 13px; font-weight: 600; color: rgba(255,255,255,0.8); }
.form-group input, .form-group select, .form-group textarea { padding: 12px 16px; background: rgba(255,255,255,0.1); border: 1px solid rgba(255,255,255,0.2); border-radius: var(--radius-sm); color: white; font-size: 15px; font-family: var(--font-body); outline: none; transition: border-color 0.2s; }
.form-group input::placeholder, .form-group textarea::placeholder { color: rgba(255,255,255,0.35); }
.form-group input:focus, .form-group select:focus, .form-group textarea:focus { border-color: var(--brand-teal); }
.form-group select { appearance: none; background-image: url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1l4 4 4-4' stroke='white' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 16px center; padding-right: 40px; }
.form-group select option { background: var(--brand-navy); color: white; }
.form-group textarea { height: 100px; resize: vertical; }
 
.hero-visual { position: relative; }
.hero-arch { background: rgba(255,255,255,0.03); border: 1px solid rgba(255,255,255,0.08); border-radius: var(--radius-lg); overflow: hidden; box-shadow: 0 24px 80px rgba(0,0,0,0.3); }
.hero-arch-header { background: linear-gradient(135deg, rgba(14,165,160,0.15), rgba(26,86,219,0.15)); padding: 12px 16px; text-align: center; border-bottom: 1px solid rgba(255,255,255,0.06); }
.hero-arch-header span { font-family: var(--font-heading); font-weight: 800; font-size: 13px; color: white; letter-spacing: 0.03em; }
.hero-arch-modules { display: grid; grid-template-columns: repeat(3, 1fr); gap: 6px; padding: 16px 14px 12px; }
.hero-arch-mod { background: rgba(255,255,255,0.04); border: 1px solid rgba(255,255,255,0.08); border-radius: 8px; padding: 10px 6px; text-align: center; transition: background 0.2s; }
.hero-arch-mod:hover { background: rgba(255,255,255,0.07); }
.hero-arch-mod-icon { width: 32px; height: 32px; border-radius: 8px; background: rgba(14,165,160,0.12); border: 1px solid rgba(14,165,160,0.2); display: flex; align-items: center; justify-content: center; margin: 0 auto 6px; color: var(--brand-teal); }
.hero-arch-mod-name { font-size: 9px; font-weight: 600; color: rgba(255,255,255,0.6); line-height: 1.3; text-transform: uppercase; letter-spacing: 0.02em; }
.hero-arch-layers { padding: 0 14px 14px; display: flex; flex-direction: column; gap: 6px; }
.hero-arch-row { display: grid; grid-template-columns: 1fr 1.4fr 1fr; gap: 6px; }
.hero-arch-cell { padding: 8px 6px; border-radius: 6px; font-size: 10px; font-weight: 700; font-family: var(--font-heading); text-align: center; display: flex; align-items: center; justify-content: center; gap: 4px; }
.hero-arch-cell.builder { background: rgba(14,165,160,0.08); border: 1px solid rgba(14,165,160,0.15); color: var(--brand-teal); }
.hero-arch-cell.usher { background: linear-gradient(135deg, rgba(14,165,160,0.2), rgba(26,86,219,0.2)); border: 1px solid rgba(14,165,160,0.3); color: white; }
.hero-arch-cell.rules { background: rgba(14,165,160,0.08); border: 1px solid rgba(14,165,160,0.15); color: var(--brand-teal); }
.hero-arch-bar { padding: 7px 10px; border-radius: 6px; font-size: 10px; font-weight: 600; text-align: center; }
.hero-arch-bar.data { background: rgba(14,165,160,0.06); border: 1px solid rgba(14,165,160,0.1); color: var(--brand-teal); }
.hero-arch-bar.security { background: rgba(255,255,255,0.04); border: 1px solid rgba(255,255,255,0.08); color: rgba(255,255,255,0.6); display: flex; align-items: center; justify-content: center; gap: 6px; }
.hero-arch-bar.security svg { color: var(--brand-teal); }


.timeline-grid::before { content: ''; position: absolute; top: 28px; left: 56px; right: 56px; height: 2px; background: var(--border-light); z-index: 0; }
.timeline-step { text-align: center; position: relative; z-index: 1; padding: 0 16px; }
.timeline-step:nth-child(1) .expect-step { background: rgba(14,165,160,0.1); color: var(--brand-teal); }
.timeline-step:nth-child(2) .expect-step { background: rgba(26,86,219,0.1); color: var(--brand-blue); }
.timeline-step:nth-child(3) .expect-step { background: rgba(99,102,241,0.1); color: #6366f1; }
.timeline-step:nth-child(4) .expect-step { background: rgba(16,185,129,0.1); color: #10b981; }

.hero-pillar { background: rgba(255,255,255,0.06); border: 1px solid rgba(255,255,255,0.1); border-radius: var(--radius-sm); padding: 20px; transition: background 0.2s; }
.hero-pillar:hover { background: rgba(255,255,255,0.1); }
.hero-pillar h3 { font-size: 14px; font-weight: 700; color: white; margin-bottom: 4px; }
.hero-pillar p { font-size: 12px; color: rgba(255,255,255,0.5); line-height: 1.5; }

.article-header {
    background: var(--gradient-hero);
    padding: 50px 0;
    position: relative;
    overflow: hidden;
}
.article-category {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: rgba(14, 165, 160, 0.15);
    border: 1px solid rgba(14, 165, 160, 0.25);
    border-radius: 100px;
    padding: 6px 16px;
    font-family: var(--font-heading);
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: #5eead4;
    margin-bottom: 20px;
}
.article-header h1 {
    font-size: clamp(32px, 4.5vw, 48px);
    color: white;
    line-height: 1.12;
    margin-bottom: 18px;
    letter-spacing: -0.03em;
    max-width: 700px;
}
.article-header-subtitle {
	font-size: 18px;
	color: rgba(255,255,255,0.65);
	line-height: 1.7;
	margin-bottom: 28px;
	max-width: 620px;
}
.article-meta {
	display: flex;
	align-items: center;
	gap: 20px;
	font-size: 14px;
	color: rgba(255,255,255,0.45);
}
.article-meta-item {
	display: flex;
	align-items: center;
	gap: 6px;
}
.article-meta-item svg {
	width: 15px;
	height: 15px;
	opacity: 0.5;
}
.article-meta-divider {
	width: 3px;
	height: 3px;
	border-radius: 50%;
	background: rgba(255,255,255,0.2);
}
.article-meta .elementor-heading-title{ display:none;}
.article-meta .elementor-share-btn__icon svg{ fill:#fff !important;}
.single-post-right .single-post-content{ position: sticky; top: 180px;}

.pillar {
	background: var(--bg-light);
	border: 1px solid var(--border);
	border-radius: var(--radius);
	padding: 2.5rem 2rem;
	position: relative;
	overflow: hidden;
	transition: all var(--transition);
}
.pillar:hover { box-shadow: var(--shadow-md); transform: translateY(-2px); }
.pillar-num {
	position: absolute;
	top: 0px;
	right: 1.5rem;
	font-family: var(--font-serif);
	font-size: 4rem;
	font-weight: normal;
	color: rgba(0,117,255,0.06);
	line-height: 1;
	user-select: none;
}
.pillar-icon {
	width: 46px;
	height: 46px;
	background: var(--blue);
	border-radius: 9px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 1.5rem;
	color: white;
	box-shadow: 0 4px 14px rgba(0,117,255,0.3);
}
.case-study-badge h4{
    display: inline-block;
    font-size: 0.62rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--blue);
    background: rgba(0, 117, 255, 0.08);
    border: 1px solid rgba(0, 117, 255, 0.15);
    padding: 0.25rem 0.65rem;
    border-radius: 3px;
    margin-bottom: 1.25rem;
}
.testimonial-card {
	background: var(--bg-light);
	border: 1px solid var(--border);
	border-radius: var(--radius);
	padding: 2rem;
	position: relative;
	display: flex;
	flex-direction: column;
	transition: all var(--transition);
}
.testimonial-card:hover { box-shadow: var(--shadow-md); transform: translateY(-2px); }
.testimonial-card::before {
	content: '\201C';
	position: absolute;
	top: 1.25rem;
	right: 1.5rem;
 	font-size: 8rem;
	line-height: 1;
	color: rgba(0,117,255,0.1);
	font-style: normal;
	left:auto;
	width:auto;
}
.hero h1 em{ color:#60a5fa}

/* Tab strip */
.role-tabs {
	display: flex;
	border: 1px solid rgba(255,255,255,0.1);
	border-radius: 10px 10px 0 0;
	overflow: hidden;
	background: rgba(255,255,255,0.02);
}
.role-tab {
	flex: 1;
	display: flex;
	align-items: center;
	gap: 0.85rem;
	padding: 1.1rem 1.5rem;
	background: none;
	border: none;
	border-right: 1px solid rgba(255,255,255,0.07);
	cursor: pointer;
	transition: all 0.2s;
	text-align: left;
	color: rgba(255,255,255,0.45);
}
.role-tab:last-child { border-right: none; }
.role-tab:hover { background: rgba(255,255,255,0.04); color: rgba(255,255,255,0.7); }
.role-tab.active {
	background: rgba(26,86,219,0.14);
	color: white;
	box-shadow: inset 0 -2px 0 var(--blue);
}
.tab-icon {
	width: 36px;
	height: 36px;
	background: rgba(255,255,255,0.05);
	border-radius: 7px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	transition: background 0.2s;
}
.role-tab.active .tab-icon { background: rgba(26,86,219,0.28); color: #5b8def; }
.tab-label {
	display: block;
	font-size: 15px;
	font-weight: 700;
	line-height: 1.25;
	margin-bottom: 0.15rem;
}
.tab-count {
	display: block;
	font-size: 14px;
	color: rgba(255,255,255,0.3);
	font-weight: 500;
}
.role-tab.active .tab-count { color: rgba(255,255,255,0.5); }

/* Role context bar */
.role-context {
	display: flex;
	align-items: center;
	gap: 1.5rem;
	padding: 0.9rem 1.5rem;
	background: rgba(255,255,255,0.02);
	border-left: 1px solid rgba(255,255,255,0.07);
	border-right: 1px solid rgba(255,255,255,0.07);
	flex-wrap: wrap;
}
.role-persona {
	font-size: 15px;
	font-weight: 700;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: #5b8def;
}
.role-divider {
	width: 1px;
	height: 14px;
	background: rgba(255,255,255,0.12);
	flex-shrink: 0;
}
.role-context-desc {
	font-size: 15px;
	color: rgba(255,255,255,0.38);
	line-height: 1.5;
}

/* Tab panels */
.role-panel { display: none; }
.role-panel.active { display: block; }

/* Module grid inside panels */
.modules-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));
	gap: 0;
	border: 1px solid rgba(255,255,255,0.07);
	border-top: none;
	border-radius: 0 0 10px 10px;
	overflow: hidden;
}
.module-card-tab {
	background: rgba(255,255,255,0.025);
	border-right: 1px solid rgba(255,255,255,0.06);
	border-bottom: 1px solid rgba(255,255,255,0.06);
	padding: 1.35rem 1.25rem;
	transition: all 0.2s;
	position: relative;
}
.module-card-tab::after {
	content: '';
	position: absolute;
	bottom: 0; left: 0; right: 0;
	height: 2px;
	background: var(--blue);
	transform: scaleX(0);
	transform-origin: left;
	transition: transform 0.22s;
}
.module-card-tab:hover { background: rgba(26,86,219,0.1); border-color: rgba(26,86,219,0.2); }
.module-card-tab:hover::after { transform: scaleX(1); }

.module-card-tab:hover {
	transform: translateY(-3px);
	box-shadow: 0 8px 24px rgba(0,0,0,0.15);
}
.module-card-tab { transition: all 0.25s ease; }
.mod-badge {
	display: inline-block;
	background: #d2dcff;
	color: white;
	font-size: 14px;
	font-weight: 800;
	letter-spacing: 0.06em;
	padding: 0.15rem 0.45rem;
	border-radius: 4px;
	margin-bottom: 0.7rem;
	text-transform: uppercase;
	width: 50px;
	padding: 10px;
}
.mod-name {
	font-size: 16px;
	font-weight: 700;
	color: rgba(255,255,255,0.88);
	margin-bottom: 0.4rem;
	line-height: 1.35;
}
.mod-desc {
	font-size: 15px;
	color: rgba(255,255,255,0.4);
	line-height: 1.55;
}

.usher-banner {
	margin-top: 1.75rem;
	background: linear-gradient(135deg, rgba(0,117,255,0.14) 0%, rgba(0,117,255,0.05) 100%);
	border: 1px solid rgba(0,117,255,0.28);
	border-radius: 10px;
	padding: 1.5rem 2rem; 
}
 .usher-banner .elementor-icon-list-item{
	display: flex;
	align-items: center; 
	background: rgba(0,117,255,0.22);
	border: 1px solid rgba(0,117,255,0.4);
	border-radius: 6px;
	padding: 0.65rem 1.1rem !important; white-space: nowrap;
	flex-shrink: 0;
} 
.usher-cta .elementor-button{
	flex-shrink: 0;
	background: rgba(0,117,255,0.22);
	border: 1px solid rgba(0,117,255,0.4);
	color: #93c5fd;
	padding: 1rem 1.25rem !important;
	border-radius: 4px;
	font-size: 0.78rem;
	font-weight: 600;
	white-space: nowrap;
	transition: all 0.2s;
	text-decoration: none;
}
.usher-cta .elementor-button .elementor-button-text{ font-size:15px;}
.usher-cta .elementor-button:hover { background: rgba(0,117,255,0.35); color: white; }
.usher-visual { background: linear-gradient(145deg, #0c1e4a 0%, #122b6e 50%, #0f2460 100%); border: 1px solid rgba(14,165,160,0.2); border-radius: var(--radius-lg); padding: 32px; box-shadow: 0 24px 80px rgba(0,0,0,0.15); }
.usher-visual-modules { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.uv-module { background: rgba(255,255,255,0.04); border: 1px solid rgba(255,255,255,0.08); border-radius: var(--radius-sm); padding: 14px; text-align: center; }
.uv-module-name { font-size: 14px; font-weight: 700; color: rgba(255,255,255,0.7); text-transform: uppercase; letter-spacing: 0.04em; margin-bottom: 3px; }
.uv-module-status { font-size: 13px; color: var(--brand-teal); font-weight: 600; display: flex; align-items: center; justify-content: center; gap: 4px; }
.uv-module-status .live-dot { width: 4px; height: 4px; border-radius: 50%; background: var(--brand-teal); }
.uv-center { grid-column: 1 / -1; text-align: center; padding: 18px 16px; background: linear-gradient(135deg, rgba(14,165,160,0.12), rgba(26,86,219,0.12)); border: 1px solid rgba(14,165,160,0.2); border-radius: var(--radius-sm); }
.uv-center-label { font-size: 14px; font-weight: 800; color: white; font-family: var(--font-heading); }
.uv-center p { font-size: 14px; color: rgba(255,255,255,0.5); margin-top: 2px; }

.chat-card {
  background: linear-gradient(145deg, #0c1e4a 0%, #122b6e 50%, #0f2460 100%);
  border: 1px solid rgba(96,165,250,0.2);
  border-radius: var(--radius-lg);
  padding: 24px;
  box-shadow: 0 24px 80px rgba(0,0,0,0.4), 0 0 60px rgba(26,86,219,0.12);
}
.chat-header {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 20px;
  padding-bottom: 16px;
  border-bottom: 1px solid rgba(255,255,255,0.06);
}
.chat-avatar {
  width: 36px;
  height: 36px;
  border-radius: 10px;
  background: linear-gradient(135deg, rgba(14,165,160,0.3), rgba(26,86,219,0.3));
  display: flex;
  align-items: center;
  justify-content: center;
}
.chat-avatar svg { color: var(--brand-teal); }
.chat-name { font-size: 14px; font-weight: 700; color: white; }
.chat-status { font-size: 11px; color: var(--brand-teal); display: flex; align-items: center; gap: 4px; }
.chat-status .live-dot { width: 5px; height: 5px; border-radius: 50%; background: var(--brand-teal); box-shadow: 0 0 6px rgba(14,165,160,0.5); }
.chat-messages { display: flex; flex-direction: column; gap: 12px; }
.chat-msg { padding: 10px 14px; border-radius: 10px; font-size: 12.5px; line-height: 1.55; max-width: 85%; }
.chat-msg.user { background: rgba(59,130,246,0.12); border: 1px solid rgba(59,130,246,0.15); color: rgba(255,255,255,0.8); align-self: flex-end; }
.chat-msg.ai { background: rgba(14,165,160,0.08); border: 1px solid rgba(14,165,160,0.12); color: rgba(255,255,255,0.75); align-self: flex-start; }
.chat-msg .ai-badge { display: inline-block; padding: 2px 6px; background: rgba(14,165,160,0.15); border-radius: 4px; font-size: 9px; font-weight: 700; color: var(--brand-teal); letter-spacing: 0.04em; text-transform: uppercase; margin-bottom: 4px; }
.chat-input { margin-top: 16px; display: flex; gap: 8px; }
.chat-input-field { flex: 1; background: rgba(255,255,255,0.04); border: 1px solid rgba(255,255,255,0.08); border-radius: 8px; padding: 10px 14px; font-size: 12px; color: rgba(255,255,255,0.4); font-family: var(--font-body); }
.chat-input-btn { width: 36px; height: 36px; background: var(--gradient-cta); border: none; border-radius: 8px; display: flex; align-items: center; justify-content: center; cursor: pointer; }

.eael-accordion-list{ border:1px solid #E2E8F0; border-radius: 10px; overflow: hidden; background:#fff; margin:10px 0;}
.eael-accordion-list:has(.active){ border:1px solid #009fff;}
.eael-adv-accordion .eael-accordion-list .eael-accordion-header, .eael-adv-accordion .eael-accordion-list .eael-accordion-header:hover{ background:none !important; color:#000000 !important; border:none !important; padding: 20px !important;}
.eael-adv-accordion .eael-accordion-list .eael-accordion-header .eael-accordion-tab-title{ color:#000000 !important;}
.eael-adv-accordion .eael-accordion-list .eael-accordion-header.active svg.fa-toggle{ fill:#009fff !important;}
.eael-adv-accordion .eael-accordion-list .eael-accordion-content{ border:none !important; padding:0 20px 20px 20px !important;}

.casestudy-stackitems .eael-feature-list-items{ overflow:visible !important;}


/* ====================================================
DASHBOARD ART (CSS-only illustration)
==================================================== */
.hero {
    background: linear-gradient(135deg, #061040 0%, var(--navy-deep) 40%, #0d2470 80%, #0a1e5e 100%);
    position: relative;
    overflow: hidden;
}
.hero h1 em {
    font-style: italic;
    color: #5b8def;
}
/*.hero::before {
    content: '';
    position: absolute;
    top: -20%;
    right: -5%;
    width: 55%;
    height: 130%;
    background: radial-gradient(ellipse at center, rgba(26, 86, 219, 0.1) 0%, rgba(26, 86, 219, 0.04) 40%, transparent 70%);
}*/
.hero-grid-bg {
    inset: 0;
    background-image: linear-gradient(rgba(255, 255, 255, 0.015) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.015) 1px, transparent 1px);
    background-size: 60px 60px;
	gap:60px;
}
.dashboard-art {
	background:
		radial-gradient(ellipse 90% 65% at 78% 0%, rgba(91,141,239,0.16) 0%, transparent 70%),
		linear-gradient(155deg, rgba(24,46,108,0.92) 0%, rgba(12,26,72,0.95) 55%, rgba(8,18,55,0.97) 100%);
	border: 1px solid rgba(255,255,255,0.16);
	border-radius: 16px;
	padding: 0;
	position: relative;
	overflow: hidden;
	box-shadow:
		0 32px 90px rgba(0,0,0,0.55),
		0 0 48px rgba(14,165,160,0.18),
		inset 0 1px 0 rgba(255,255,255,0.14);
}
.dash-titlebar {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	padding: 0.85rem 1.25rem;
	border-bottom: 1px solid rgba(255,255,255,0.07);
	background: rgba(0,0,0,0.15);
}
.dash-mac-btn { width: 10px; height: 10px; border-radius: 50%; }
.dash-mac-btn.r { background: #ff5f57; }
.dash-mac-btn.y { background: #febc2e; }
.dash-mac-btn.g { background: #28c840; }
.dash-app-title {
	font-size: 0.68rem;
	color: rgba(255,255,255,0.3);
	margin-left: 0.5rem;
	letter-spacing: 0.04em;
}
.dash-body { padding: 1.25rem; }

/* Stat cards row */
.dash-stat-row {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 0.6rem;
	margin-bottom: 1rem;
}
.dash-stat-card {
	background: rgba(255,255,255,0.05);
	border: 1px solid rgba(255,255,255,0.07);
	border-radius: 6px;
	padding: 0.75rem 0.65rem;
}
.dsc-label {
	font-size: 0.56rem;
	color: rgba(255,255,255,0.3);
	text-transform: uppercase;
	letter-spacing: 0.07em;
	margin-bottom: 0.3rem;
	line-height: 1.3;
}
.dsc-value {
	font-size: 1.3rem;
	font-weight: 700;
	line-height: 1;
	font-variant-numeric: tabular-nums;
}
.dsc-value.c-blue  { color: #5b8def; }
.dsc-value.c-green { color: #34d399; }
.dsc-value.c-yel   { color: #fbbf24; }
.dsc-value.c-teal  { color: var(--teal); }
.dsc-delta {
	font-size: 0.55rem;
	color: #34d399;
	margin-top: 0.2rem;
}

/* Progress bars */
.dash-bars { margin-bottom: 1rem; }
.dash-bar-row { margin-bottom: 0.6rem; }
.dbr-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 0.25rem;
}
.dbr-name {
	font-size: 0.62rem;
	color: rgba(255,255,255,0.4);
}
.dbr-pct {
	font-size: 0.62rem;
	color: rgba(255,255,255,0.5);
	font-weight: 600;
}
.dbr-track {
	height: 4px;
	background: rgba(255,255,255,0.06);
	border-radius: 100px;
	overflow: hidden;
}
.dbr-fill {
	height: 100%;
	border-radius: 100px;
	animation: fillAnim 1.8s ease-out both;
	transform-origin: left;
}
@keyframes fillAnim {
	from { width: 0 !important; }
}
.dbr-fill.f-blue   { background: #1a56db; }
.dbr-fill.f-teal   { background: var(--teal); }
.dbr-fill.f-green  { background: #10b981; }
.dbr-fill.f-violet { background: #8b5cf6; }

/* Module pills */
.dash-pills {
	display: flex;
	flex-wrap: wrap;
	gap: 0.4rem;
	margin-bottom: 1rem;
}
.dash-pill {
	background: rgba(255,255,255,0.05);
	border: 1px solid rgba(255,255,255,0.08);
	border-radius: 3px;
	padding: 0.2rem 0.55rem;
	font-size: 0.58rem;
	color: rgba(255,255,255,0.4);
	letter-spacing: 0.04em;
}
.dash-pill.active {
	background: rgba(26,86,219,0.18);
	border-color: rgba(26,86,219,0.3);
	color: #8bb5f0;
}

/* Status footer */
.dash-status-row {
	display: flex;
	gap: 0.5rem;
}
.dash-status-chip {
	flex: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0.35rem;
	background: rgba(255,255,255,0.04);
	border: 1px solid rgba(255,255,255,0.07);
	border-radius: 4px;
	padding: 0.35rem 0.4rem;
	font-size: 0.6rem;
	color: rgba(255,255,255,0.4);
}
.dsc-indicator {
	width: 5px;
	height: 5px;
	border-radius: 50%;
	flex-shrink: 0;
}
.dsc-indicator.green { background: #34d399; animation: pulse-status 2s infinite; }
.dsc-indicator.amber { background: #fbbf24; }
.dsc-indicator.blue  { background: #5b8def; }
@keyframes pulse-status {
	0%, 100% { box-shadow: 0 0 0 0 rgba(52,211,153,0.4); }
	50% { box-shadow: 0 0 0 4px rgba(52,211,153,0); }
}

/* ====================================================
NETWORK MAP (Hero illustration — replaces dashboard art)
==================================================== */
/* Outcome strip — what health plans get */
.outcome-strip {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	margin: 0.9rem 1.25rem 0;
	background: rgba(0,0,0,0.22);
	border: 1px solid rgba(255,255,255,0.08);
	border-radius: 8px;
	overflow: hidden;
	opacity: 0;
	animation: stripReveal 0.6s ease-out 0.2s forwards;
}
@keyframes stripReveal {
	from { opacity: 0; transform: translateY(-6px); }
	to   { opacity: 1; transform: translateY(0); }
}
.outcome-tile {
	padding: 0.55rem 0.7rem 0.55rem;
	position: relative;
	display: flex;
	flex-direction: column;
	gap: 0.18rem;
}
.outcome-tile + .outcome-tile {
	border-left: 1px solid rgba(255,255,255,0.07);
}
.outcome-tile-value {
	font-family: var(--font-heading);
	font-size: 0.78rem;
	font-weight: 700;
	color: #fff;
	letter-spacing: -0.012em;
	line-height: 1.15;
	display: inline-flex;
	align-items: baseline;
	gap: 0.3rem;
}
.outcome-tile-trend {
	font-size: 0.62rem;
	color: var(--teal);
	font-weight: 700;
}
.outcome-tile-label {
	font-size: 0.5rem;
	color: rgba(255,255,255,0.5);
	font-weight: 700;
	letter-spacing: 0.12em;
	text-transform: uppercase;
}

.network-map {
	position: relative;
	aspect-ratio: 4 / 3;
	margin: 0.6rem 1.25rem 0.75rem;
}
.network-bg {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
	overflow: visible;
}
.hub-glow-ring {
	transform-origin: 240px 180px;
	animation: hubGlow 4.5s ease-in-out infinite;
}
@keyframes hubGlow {
	0%, 100% { opacity: 0.7;  transform: scale(1); }
	50%      { opacity: 1;    transform: scale(1.08); }
}
.conn-base {
	fill: none;
	stroke: rgba(255,255,255,0.09);
	stroke-width: 1;
}
.conn-flow {
	fill: none;
	stroke-width: 1.75;
	stroke-dasharray: 22 220;
	stroke-linecap: round;
	animation: flowSlide 3.2s linear infinite;
}
.conn-flow.flow-ops   { stroke: rgba(91,141,239,0.95); }
.conn-flow.flow-compl { stroke: rgba(20,200,180,0.95); }
.conn-flow.flow-cross { stroke: rgba(155,120,255,0.95); }
@keyframes flowSlide {
	from { stroke-dashoffset: 242; }
	to   { stroke-dashoffset: 0; }
}
.conn-flow.s1 { animation-delay: 0s; }
.conn-flow.s2 { animation-delay: -0.4s; }
.conn-flow.s3 { animation-delay: -0.8s; }
.conn-flow.s4 { animation-delay: -1.2s; }
.conn-flow.s5 { animation-delay: -1.6s; }
.conn-flow.s6 { animation-delay: -2.0s; }
.conn-flow.s7 { animation-delay: -2.4s; }
.conn-flow.s8 { animation-delay: -2.8s; }

/* Module node */
.net-node {
	position: absolute;
	transform: translate(-50%, -50%);
	display: flex;
	align-items: center;
	gap: 0.45rem;
	background: rgba(10, 30, 94, 0.92);
	border: 1px solid rgba(255,255,255,0.1);
	border-radius: 8px;
	padding: 0.42rem 0.6rem 0.42rem 0.42rem;
	box-shadow: 0 4px 14px rgba(0,0,0,0.4), inset 0 1px 0 rgba(255,255,255,0.07);
	-webkit-backdrop-filter: blur(6px);
	backdrop-filter: blur(6px);
	z-index: 2;
	transition: box-shadow 0.25s ease, border-color 0.25s ease;
}
.net-node:hover {
	box-shadow: 0 8px 22px rgba(14,165,160,0.32), inset 0 1px 0 rgba(255,255,255,0.14);
	border-color: rgba(255,255,255,0.22);
}
.net-node-badge {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 26px;
	height: 26px;
	border-radius: 5px;
	color: #fff;
	flex-shrink: 0;
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.18);
}
.net-node-badge svg {
	width: 15px;
	height: 15px;
	display: block;
}
.net-node-name {
	font-size: 0.62rem;
	font-weight: 600;
	color: rgba(255,255,255,0.88);
	letter-spacing: 0.005em;
	white-space: nowrap;
	font-family: var(--font-sans);
}
.net-node.node-ops    .net-node-badge { background: #1a56db; }
.net-node.node-compl  .net-node-badge { background: #0ea5a0; }
.net-node.node-cross  .net-node-badge { background: linear-gradient(135deg,#1a56db,#8b5cf6); }
.net-node.node-ops   { border-color: rgba(91,141,239,0.32); }
.net-node.node-compl { border-color: rgba(14,165,160,0.32); }
.net-node.node-cross { border-color: rgba(139,92,246,0.32); }

/* Node positions */
.net-node.pos-do      { top:  7%; left: 50%; }
.net-node.pos-audit   { top: 25%; left: 80%; }
.net-node.pos-cd      { top: 50%; left: 91%; }
.net-node.pos-aistudio{ top: 75%; left: 80%; }
.net-node.pos-pd      { top: 93%; left: 50%; }
.net-node.pos-ag      { top: 75%; left: 20%; }
.net-node.pos-ums     { top: 50%; left: 15%; }
.net-node.pos-rc      { top: 25%; left: 20%; }

/* Hub */
.net-hub {
	position: absolute;
	top: 50%; left: 50%;
	transform: translate(-50%, -50%);
	z-index: 3;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 0.15rem;
	padding: 0.55rem 0.95rem 0.55rem;
	border-radius: 10px;
	background: linear-gradient(135deg, rgba(26,86,219,0.95) 0%, rgba(14,165,160,0.92) 100%);
	border: 1px solid rgba(255,255,255,0.22);
	box-shadow:
		0 8px 28px rgba(14,165,160,0.35),
		0 0 0 5px rgba(14,165,160,0.06),
		0 0 0 11px rgba(14,165,160,0.03),
		inset 0 1px 0 rgba(255,255,255,0.22);
}
.net-hub-row {
	display: flex;
	align-items: center;
	gap: 0.4rem;
}
.net-hub-pulse {
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: #34d399;
	box-shadow: 0 0 0 0 rgba(52,211,153,0.7);
	animation: hubPulse 1.8s ease-out infinite;
	flex-shrink: 0;
}
@keyframes hubPulse {
	0%   { box-shadow: 0 0 0 0 rgba(52,211,153,0.7); }
	100% { box-shadow: 0 0 0 10px rgba(52,211,153,0); }
}
.net-hub-label {
	font-family: var(--font-heading);
	font-size: 0.82rem;
	font-weight: 700;
	color: #fff;
	letter-spacing: -0.005em;
}
.net-hub-sub {
	font-size: 0.52rem;
	font-weight: 600;
	color: rgba(255,255,255,0.88);
	letter-spacing: 0.1em;
	text-transform: uppercase;
}

/* Bottom trust & compliance row */
.network-status {
	display: flex;
	justify-content: space-around;
	align-items: center;
	gap: 0.5rem;
	padding: 0.65rem 1.25rem 0.7rem;
	border-top: 1px solid rgba(255,255,255,0.08);
	background: rgba(0,0,0,0.22);
	font-size: 0.6rem;
	color: rgba(255,255,255,0.62);
	font-family: var(--font-sans);
	letter-spacing: 0.04em;
	position: relative;
	overflow: hidden;
}
.network-status::before {
	content: '';
	position: absolute;
	top: 0;
	left: -38%;
	width: 38%;
	height: 100%;
	background: linear-gradient(90deg, transparent, rgba(14,165,160,0.16), transparent);
	pointer-events: none;
	animation: trustShimmer 7s cubic-bezier(0.5, 0, 0.5, 1) infinite;
	animation-delay: 1.4s;
}
@keyframes trustShimmer {
	0%, 14%   { transform: translateX(0); opacity: 0; }
	16%       { opacity: 1; }
	82%       { opacity: 1; }
	84%, 100% { transform: translateX(350%); opacity: 0; }
}
.net-stat {
	display: inline-flex;
	align-items: center;
	gap: 0.45rem;
	position: relative;
	z-index: 1;
	opacity: 0;
	transform: translateY(6px);
	animation: trustReveal 0.55s ease-out forwards;
	white-space: nowrap;
}
.net-stat:nth-child(1) { animation-delay: 0.2s; }
.net-stat:nth-child(2) { animation-delay: 0.35s; }
.net-stat:nth-child(3) { animation-delay: 0.5s; }
.net-stat:nth-child(4) { animation-delay: 0.65s; }
@keyframes trustReveal {
	to { opacity: 1; transform: translateY(0); }
}
.net-stat-dot {
	width: 7px;
	height: 7px;
	border-radius: 50%;
	flex-shrink: 0;
}
.net-stat-dot.live  { background: #34d399; animation: pulse-status 2s infinite; }
.net-stat-dot.audit { background: var(--teal); }
.net-stat-dot.sec   { background: #5b8def; }
.net-stat-dot.cms   { background: #fbbf24; }

/* Tighten node text on narrow desktop widths */
@media (max-width: 1180px) {
	.net-node-name { font-size: 11px; }
	.net-node      { padding: 0.38rem 0.5rem 0.38rem 0.38rem; gap: 0.35rem; }
	.net-node-badge    { width: 22px; height: 22px; border-radius: 4px; }
	.net-node-badge svg{ width: 13px; height: 13px; }
	.network-status    { font-size: 0.55rem; padding: 0.55rem 0.9rem 0.6rem; }
	.net-stat          { gap: 0.35rem; }
	
	.dashboard-art{ height: 100%;}
	.dash-titlebar, .outcome-strip{ height:10%;}
	.network-map{ height: 75%; margin: 0 auto;}
}
@media (prefers-reduced-motion: reduce) {
	.conn-flow, .hub-glow-ring, .net-hub-pulse, .net-stat-dot.live,
	.outcome-strip, .net-stat, .network-status::before {
		animation: none !important;
	}
	.outcome-strip, .net-stat { opacity: 1; transform: none; }
	.network-status::before   { display: none; }
}

/* Status footer */
.dash-status-row {
	display: flex;
	gap: 0.5rem;
}
.dash-status-chip {
	flex: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0.35rem;
	background: rgba(255,255,255,0.04);
	border: 1px solid rgba(255,255,255,0.07);
	border-radius: 4px;
	padding: 0.35rem 0.4rem;
	font-size: 0.6rem;
	color: rgba(255,255,255,0.4);
}
.dsc-indicator {
	width: 5px;
	height: 5px;
	border-radius: 50%;
	flex-shrink: 0;
}
.dsc-indicator.green { background: #34d399; animation: pulse-status 2s infinite; }
.dsc-indicator.amber { background: #fbbf24; }
.dsc-indicator.blue  { background: #5b8def; }
@keyframes pulse-status {
	0%, 100% { box-shadow: 0 0 0 0 rgba(52,211,153,0.4); }
	50% { box-shadow: 0 0 0 4px rgba(52,211,153,0); }
}
.problem-card:hover {
      border-color: rgba(220,38,38,0.25);
      transform: translateX(4px);
      box-shadow: var(--shadow-md);
}
.pipeline-step:hover, .pipeline-grid .e-con-full:hover { transform: translateY(-4px); box-shadow: var(--shadow-lg); }
 .addon-card {
      display: flex;
      align-items: flex-start;
      gap: 16px;
      background: white;
      border: 1px solid var(--border-light);
      border-radius: var(--radius-md);
      padding: 24px;
      transition: all 0.3s;
    }
.addon-card:hover { transform: translateY(-2px); box-shadow: var(--shadow-lg); }
.agent-tag {
        display: inline-block;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--brand-teal);
    background: rgba(14, 165, 160, 0.08);
    padding: 3px 10px;
    border-radius: 4px;
    margin-bottom: 8px;
}
.resource-col{ background:#fff; border-radius:12px; border:1px solid rgb(226, 232, 240); padding:24px;}
.stat-number1 {
    font-size: 2.5rem;
    font-weight: 800;
    color: #0a1e5e;
    line-height: 1;
    margin-bottom: 6px;
    letter-spacing: -0.02em;
}
.stat-kicker {
    font-size: 0.65rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #0ea5a0;
    margin-bottom: 16px;
    padding-bottom: 16px;
    border-bottom: 1px solid #e2e8f0;
}
.us-panel-left {
    background: linear-gradient(145deg, #06101f 0%, #0a1e5e 55%, #0f2d78 100%);
    padding: 35px 48px;
    position: relative;
    overflow: hidden;
}
.highlight {
    background: linear-gradient(135deg, #60a5fa, #0ea5a0);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.compare-table { background: white; border-radius: 12px; overflow: hidden; box-shadow:0 2px 8px rgba(0,0,0,0.06); border: 1px solid #e2e8f0; }
    .compare-row { display: grid; grid-template-columns: 1.1fr 1fr 1fr 1.05fr; }
    .compare-row > div { padding: 16px 20px; border-bottom: 1px solid #e2e8f0; line-height: 1.6; }
    .compare-row:last-child > div { border-bottom: none; }
    .compare-head { background: #0a1e5e; color: white; }
    .compare-head > div { font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; border-bottom: none; }
    .compare-head .col-inovaare { background: #0ea5a0; }
    .compare-cat { font-weight: 700; color: #0f172a; }
    .compare-alt { color: #475569; }
    .compare-bpo { color: #475569; background: #fafbfd; }
    .compare-ino { color: #0f172a; font-weight: 600; background: rgba(14,165,160,0.05); }
.scope-boundary-label .dot {
    width: 6px;
    height: 6px;
    background: #dc2626 !important;
    border-radius: 50%;
}

.toc { position: sticky; top: 92px; background: white; border: 1px solid var(--border-light); border-radius: var(--radius-md); padding: 22px 22px 12px; box-shadow: var(--shadow-sm); max-height: calc(100vh - 110px); overflow-y: auto; }
.toc-title { font-family: var(--font-heading); font-size: 11px; font-weight: 700; color: var(--text-muted); text-transform: uppercase; letter-spacing: 0.1em; margin-bottom: 14px; padding-bottom: 10px; border-bottom: 1px solid var(--border-light); }
.toc ol { list-style: none; counter-reset: toc; }
.toc li { counter-increment: toc; }
.toc a { display: block; padding: 7px 0 7px 26px; position: relative; color: var(--text-secondary); line-height: 1.4; transition: color 0.15s; border-left: 2px solid transparent; padding-left: 12px; }
.toc a::before { content: counter(toc, decimal-leading-zero); position: absolute; left: 0; top: 8px; width: 22px; font-size: 14px; font-weight: 700; color: var(--text-muted); font-family: var(--font-heading); }
.toc a { padding-left: 28px; }
.toc a:hover { color: var(--brand-blue); }
.toc a.active { color: var(--brand-navy); border-left-color: var(--brand-teal); background: var(--bg-cream); }

/* Contact CTA */
.contact-card { margin-top: 28px; background: var(--bg-cream); border: 1px solid var(--border-light); border-radius: var(--radius-md); padding: 22px 24px; display: flex; align-items: center; justify-content: space-between; gap: 24px; flex-wrap: wrap; }
.contact-card-text strong { display: block; font-family: var(--font-heading); color: var(--brand-navy); font-size: 15px; margin-bottom: 4px; }
.contact-card-text span { font-size: 14px; color: var(--text-secondary); }
.contact-card-actions { display: flex; gap: 10px; flex-wrap: wrap; }
.contact-btn { display: inline-flex; align-items: center; gap: 8px; padding: 10px 18px; border-radius: 8px; font-size: 13px; font-weight: 600; transition: all 0.15s; }
.contact-btn.primary { background: var(--brand-blue); color: white; }
.contact-btn.primary:hover { background: #1447b8; }
.contact-btn.ghost { background: white; color: var(--brand-navy); border: 1px solid var(--border-light); }
.contact-btn.ghost:hover { border-color: var(--brand-blue); color: var(--brand-blue); }

.built-card {
  background: #fff;
  border-radius: 16px;
  overflow: hidden; 
  width: 100%;
  box-shadow: 0 4px 32px rgba(0,0,0,0.10);
}

/* ── Header ── */
.header-cell {
  display: flex;
  align-items: center;
  gap: 18px;
  padding: 22px 36px;
}

.header-cell.challenge { background: #0d2248; }
.header-cell.solution  { background: #1a7f6e; }

.header-icon {
  width: 52px;
  height: 52px;
  border-radius: 50%;
  border: 2px solid rgba(255,255,255,0.35);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.header-icon svg { width: 26px; height: 26px; stroke: #fff; fill: none; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }

.header-text .title {
  font-size: 1.25rem;
  font-weight: 800;
  color: #fff;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
.header-text .subtitle { 
  color: rgba(255,255,255,0.75);
  font-weight: 400; 
}

/* ── Rows ── */
.built-cardrows { padding: 18px 24px 24px; display: flex; flex-direction: column; gap: 14px; }
.cell {
  background: #f7f8fa;
  border-radius: 12px;
  padding: 22px 22px 22px 20px;
  display: flex;
  align-items: flex-start;
  gap: 18px;
}

.cell-icon {
  width: 52px;
  height: 52px;
  border-radius: 50%;
  background: #eef0f4;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.cell.solution-cell .cell-icon {
  background: #e3f2ef;
}

.cell-icon svg {
  width: 26px;
  height: 26px;
  stroke-width: 1.6;
  stroke-linecap: round;
  stroke-linejoin: round;
  fill: none;
}

.cell.challenge-cell .cell-icon svg { stroke: #0d2248; }
.cell.solution-cell  .cell-icon svg { stroke: #1a7f6e; }

.cell-body { flex: 1; }

.cell-title {
  font-size: 1rem;
  font-weight: 800; 
  text-transform: uppercase;
  margin-bottom: 6px;
}

.challenge-cell .cell-title { color: #0d2248; }
.solution-cell  .cell-title { color: #1a7f6e; }

.divider {
  width: 3px;
  height: 100%;
  border-radius: 2px;
  flex-shrink: 0;
  align-self: stretch;
}

.challenge-cell .divider { background: #0d2248; }
.solution-cell  .divider { background: #1a7f6e; }

/* replicate the left border accent */
.cell-inner {
  display: flex;
  gap: 14px;
  align-items: flex-start;
  flex: 1;
}

.cell-text { 
  color: #4a5568;
  line-height: 1.55;
  font-weight: 400;
}

.final-cta .wpcf7 form .wpcf7-response-output{ color:#bffffd;}
.form-card p{ margin:0 0 15px 0}
.form-card .wpcf7-spinner{ position:absolute;}

.built-card-row{ display: grid;  grid-template-columns: 1fr 1fr;  gap: 24px;}


.cap-tag { display: inline-block; background: rgba(14, 165, 160, 0.08); color: var(--brand-teal); font-size: 11px; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; padding: 4px 12px;margin-bottom:0px; border-radius: 100px;}
.catches-item-badge { display: inline-block; padding: 6px 9px; border-radius: 4px; font-size: 10px; font-weight: 600; letter-spacing: 0.06em; text-transform: uppercase; color: var(--brand-blue); background: rgba(26, 86, 219, 0.07); margin-bottom: 10px;}
.catches-track-auto { background: linear-gradient(135deg, rgba(14, 165, 160, 0.05) 0%, white 65%); border: 1px solid rgba(14, 165, 160, 0.24); border-radius: 14px; padding: 32px 36px;}
.catches-auto-row { display: grid; grid-template-columns: 1fr 1.6fr; gap: 36px; align-items: center;}
.catches-auto-stat { padding: 4px 0; }
.catches-auto-number { font-size: 64px; font-weight: 800; line-height: 1; color: var(--brand-teal); letter-spacing: -0.02em;}
.catches-auto-stat-label { margin-top: 12px; font-size: 14px; color: #4a5470; line-height: 1.45; max-width: 240px;}
.catches-auto-body .catches-track-label { margin-bottom: 12px; }
.catches-auto-body h3 { font-size: 20px; font-weight: 700; color: var(--brand-navy); margin: 0 0 8px; line-height: 1.3;}
.catches-auto-source { margin-top: 14px !important; font-size: 12px !important; color: #6b7280 !important; font-style: italic;}
.pipeline-step-icon-mini { width: 34px; height: 34px; border-radius: 8px; background: rgba(14,165,160,0.12); color: var(--brand-teal); display: flex; align-items: center; justify-content: center; margin: 12px auto 14px; }
.cost-card.pipeline-step-emphasis { background: rgba(14,165,160,0.07); border-color: rgba(14,165,160,0.38); box-shadow: 0 0 0 1px rgba(14,165,160,0.18), 0 8px 28px rgba(14,165,160,0.10);}
.pipeline-protocol-pill { display: inline-block; padding: 4px 11px; background: rgba(14,165,160,0.10); border: 1px solid rgba(14,165,160,0.32);
 border-radius: 999px; font-size: 11px; font-weight: 700; color: rgba(255,255,255,0.94); letter-spacing: 0.05em;}
.cost-card.pipeline-step-emphasis .pipeline-step-icon-mini { background: rgba(14,165,160,0.22);}  
.cost-card h3, .cost-card p{ color:#fff;}
.cost-card h3{ font-size:18px;}
.catches-track-header { display: flex; align-items: baseline; gap: 24px; flex-wrap: wrap; }
.catches-track-label {display: inline-block;padding: 6px 14px; border-radius: 999px; font-size: 11px;font-weight: 600; letter-spacing: 0.08em;
text-transform: uppercase; white-space: nowrap;}
.catches-track-label-review { background: rgba(26, 86, 219, 0.08); color: var(--brand-blue); border: 1px solid rgba(26, 86, 219, 0.22);}
.catches-track-label-auto { background: rgba(14, 165, 160, 0.10); color: var(--brand-teal); border: 1px solid rgba(14, 165, 160, 0.28);}
catches-track-desc{ margin:0;}

.usher-callout { max-width: 840px; margin: 0 auto; background: #ffffff; border: 1px solid var(--border-light); border-left: 4px solid var(--brand-teal); border-radius: 14px; padding: 36px 40px; box-shadow: 0 2px 12px rgba(10,30,94,0.06);}


#trust-band .logo-slot { border: 1px solid rgba(10, 30, 94, 0.10);	background: white;	box-shadow: 0 2px 10px rgba(10, 30, 94, 0.05); height: 80px;  border-radius: var(--radius-sm); display: flex; align-items: center; justify-content: center; padding: 14px 18px;
    transition: transform 0.25s,}
#trust-band .logo-slot:hover {box-shadow: 0 8px 24px rgba(10, 30, 94, 0.10);}
.logo-slot img { max-width: 100%; max-height: 48px; width: auto; height: auto; object-fit: contain; opacity: 0.95;}
.cert-strip-compact .cert-link { display: inline-flex; align-items: center; gap: 10px; padding: 8px 16px; background:rgba(10, 30, 94, 0.03); border:1px solid rgba(10, 30, 94, 0.10); border-radius: 100px; text-decoration: none; transition: all 0.25s;}
.cert-strip-compact .cert-link:hover { background: rgba(14,165,160,0.10); border-color: rgba(14,165,160,0.30);}
.cert-strip-compact .cert-mark { width: 22px; height: 22px; border-radius: 6px; background: rgba(14,165,160,0.15); color: var(--brand-teal);      display: flex; align-items: center; justify-content: center;}

/* ════════════════════════════════════════
     ACCORDION  (mobile only — hidden on desktop)
════════════════════════════════════════ */
.product-accordian{ display: none; }
.product-accordian .accordion-item { border-bottom: 1px solid rgba(99, 140, 255, 0.18);}
.product-accordian .accordion-item:last-child { border-bottom: none; }

.product-accordian .accordion-trigger {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	padding: 12px 16px;
	background: transparent;
	border: none;
	color: rgba(180, 200, 255, 0.75);
	cursor: pointer; 
	font-weight: 600;
	letter-spacing: 0.01em;
	transition: 0.22s cubic-bezier(0.4, 0, 0.2, 1);
	text-align: left;
}

.accordion-trigger:hover,
.accordion-trigger[aria-expanded="true"] {
	color: #e2e8f8;
	background: rgba(74, 125, 255, 0.15);
}

.accordion-trigger[aria-expanded="true"] { color: #7aa5ff; }
.acc-left {display: flex;align-items: center;gap: 12px;}
.acc-chevron {	flex-shrink: 0;	transition: transform 0.22s cubic-bezier(0.4, 0, 0.2, 1);}
.accordion-trigger[aria-expanded="true"] .acc-chevron {	transform: rotate(180deg);}
.product-accordian .accordion-body {
	overflow: hidden;
	max-height: 0;
	transition: max-height 0.35s cubic-bezier(0.4,0,0.2,1), opacity 0.25s ease;
	opacity: 0;
}
.product-accordian .accordion-body.open {max-height: 2000px;opacity: 1;}
.product-accordian .accordion-content {padding: 15px 0;}
 

/* Cards stack vertically on mobile */
.product-accordian .accordion-content .modules-grid {
	grid-template-columns: 1fr 1fr;
	gap: 12px;
	margin-top:15px;
}

.product-accordian .accordion-content .module-card-tab {
	flex-direction: row;
	align-items: flex-start;
	gap: 14px;
	padding: 16px;
}

.product-accordian .accordion-content .mod-badge {
	width: 44px;
	height: 44px;
}

.accordion-content .mod-info { flex: 1; }
.landing-page-template-readiness-page .hero {
    background: url(images/assessment-bg.jpg);
    padding: 44px 52px 0 52px;
    background-position: center;
    background-size: cover;
  }
 .tab-visual {
    background: linear-gradient(145deg, #0c1e4a 0%, #122b6e 100%);
    border: 1px solid rgba(96,165,250,0.15);
    border-radius: var(--radius-md);
    padding: 28px;
  }
.tab-visual-title {
    font-size: 11px;
    font-weight: 700;
    color: var(--brand-teal);
    text-transform: uppercase;
    letter-spacing: 0.08em;
    margin-bottom: 20px;
  }
  .mock-bar-row { display: flex; align-items: center; gap: 10px; margin-bottom: 12px; }
  .mock-bar-label { font-size: 11px; color: rgba(255,255,255,0.55); width: 90px; flex-shrink: 0; text-align: right; }
  .mock-bar-track { flex: 1; background: rgba(255,255,255,0.08); border-radius: 4px; height: 14px; overflow: hidden; }
  .mock-bar-fill { height: 100%; border-radius: 4px; }
  .mock-bar-val { font-size: 11px; font-weight: 700; color: white; width: 40px; }
.form-row1 p {
    margin-bottom: 0px !important;
}

.compare-table-col3 .compare-row{ grid-template-columns: 0.7fr 1fr 1fr;}
/* Lifecycle — governed spine (chain of custody) */
.pa-spine-top { display:flex; justify-content:space-between; align-items:center; gap:12px 24px; flex-wrap:wrap; max-width:920px; margin:0 auto 22px; }
.pa-spine-legend { display:flex; flex-wrap:wrap; gap:18px; }
.pa-spine-legend span { display:inline-flex; align-items:center; gap:8px; font-size:13px; font-weight:600; color:var(--text-secondary); }
.pa-spine-legend i, .pa-spine-coverage .map i { width:11px; height:11px; border-radius:50%; flex:0 0 auto; }
.pa-ld-am { background:var(--brand-blue); }
.pa-ld-agent { background:var(--brand-teal); }
.pa-ld-ums { background:var(--brand-navy); }
.pa-gov-col-label { font-size:10px; font-weight:800; letter-spacing:.14em; color:#94a3b8; text-transform:uppercase; }
.pa-timeline { position:relative; max-width:920px; margin:0 auto; }
.pa-timeline::before { content:""; position:absolute; left:9px; top:10px; bottom:30px; width:2px; background:linear-gradient(180deg,var(--brand-teal),var(--brand-blue)); }
.pa-stage { position:relative; padding:20px 0 20px 44px; border-top:1px solid var(--border-light); }
.pa-stage:first-child { border-top:0; padding-top:4px; }
.pa-stage::before { content:""; position:absolute; left:1px; top:26px; width:18px; height:18px; border-radius:50%; background:#fff; border:2px solid var(--brand-teal); box-shadow:0 0 0 4px var(--bg-cream); z-index:1; }
.pa-stage:first-child::before { top:10px; }
.pa-stage.sealed::before { background:linear-gradient(135deg,var(--brand-teal),var(--brand-blue)); border-color:transparent; }
.pa-stage-head { display:grid; grid-template-columns:auto 1fr auto; column-gap:14px; align-items:baseline; padding-bottom:10px;}
.pa-stage-num { font-family:var(--font-heading); font-size:1.5rem; font-weight:800; color:#c2cfe6; line-height:1; }
.pa-stage-titlewrap { display:flex; align-items:baseline; gap:10px; flex-wrap:wrap; }
.pa-stage-titlewrap h3 { font-family:var(--font-heading); font-size:1.12rem; font-weight:800; color:var(--text-primary); margin:0; line-height:1.2; }
.pa-stage-do { font-size:.95rem; color:var(--text-secondary); line-height:1.6; margin:0; max-width:700px; }
.pa-spine-coverage { max-width:920px; margin:34px auto 0; padding-top:22px; border-top:2px solid var(--brand-teal); }
.pa-spine-coverage .ci { font-family:var(--font-heading); font-weight:800; color:var(--text-primary); font-size:1.02rem; margin:0 0 12px; }
.pa-spine-coverage .map { display:flex; flex-wrap:wrap; gap:10px 28px; font-size:.92rem; color:var(--text-secondary); font-weight:600; }
.pa-spine-coverage .map span { display:inline-flex; align-items:center; gap:8px; }

.cf7-toggle{ clear:both; text-align: left; padding-top:10px;}
.cf7-toggle .toggle-wrap { display: flex; align-items: center; gap: 16px; margin-bottom: 24px; color: #1f2554; font-size: 20px;}
/* Hide default checkbox */
.cf7-toggle input[type="checkbox"] { appearance: none; -webkit-appearance: none; background: #d8d8d8; position: relative; cursor: pointer; margin: 0; transition: .3s; width: 35px !important; height: 19px !important; border-radius: 200px !important;}
.cf7-toggle input[type="checkbox"]::before { content: ""; position: absolute; width: 12px; height: 12px; background: #fff; border-radius: 50%;
top: 3px; left: 3px; box-shadow: 0 2px 5px rgba(0,0,0,.25); transition: .3s;}
/* Checked */
.final-cta .cf7-toggle input[type="checkbox"]{ background: #1c2933;}
.wpcf7-acceptance .wpcf7-list-item-label a{ color:#111; font-weight:500;}
.final-cta .cf7-toggle input[type="checkbox"]:checked,
.cf7-toggle input[type="checkbox"]:checked { background: #046bd2;}
.cf7-toggle input[type="checkbox"]:checked::before { transform: translateX(16px);}
.wpcf7-acceptance .wpcf7-list-item-label a{ text-decoration: underline !important; text-underline-offset: 2px; text-decoration-thickness: 1px;}
.wpcf7-acceptance .wpcf7-list-item-label a:hover{ text-decoration:none !important;}

.final-cta .wpcf7-acceptance label{ color:#fff;}
.final-cta .wpcf7-acceptance .wpcf7-list-item-label a{ color:#fff;}
.final-cta .wpcf7-acceptance .wpcf7-list-item-label a:hover{ color:#fff !important;}

input.wpcf7-form-control.wpcf7-submit.has-spinner[disabled], .wpcf7-submit[disabled]{ cursor: not-allowed;}

.roi-card { cursor: pointer;}
#roiModalTitle{ font-size: 20px; font-weight: 700; color: #046bd2; line-height: 1.35; margin-bottom: 0px;}
.roi-modal-box .form-group p { margin-bottom: 0px;}
.roi-modal-box .modal p{ font-size: 14px; color: #6c757d; margin: 6px 0 20px;}
.roi-modal { position: fixed;inset: 0; z-index: 999999; display: none; align-items: center; justify-content: center; padding: 20px;}
.roi-modal.is-open { display: flex;}
.roi-modal-overlay { position: absolute; inset: 0; background: rgba(0, 0, 0, 0.6);}
.roi-modal-box { position: relative; z-index: 2; width: 100%; max-width: 600px; max-height: 90vh; overflow-y: auto;padding: 35px; background: #ffffff; border-radius: 14px; box-shadow: 0 20px 60px rgba(0, 0, 0, 0.25);}
.roi-modal-close { position: absolute; top: 15px;right: 15px; padding: 0; border: 0; background: #fbfafa; font-size: 20px; width:30px; height:30px; line-height: 0; border-radius: 50%; border: 1px solid #ddd; color: #000; cursor: pointer;}
body.roi-modal-open { overflow: hidden;}
.lead-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px;}
.lead-actions p { margin-bottom: 0px !important;}
.roi-modal-box .form-group { display: flex; flex-direction: column; gap: 8px;}
.roi-modal-box .form-group label { font-size: 14px; font-weight: 600; line-height: 1.4;  color: #1f2937;}
.roi-modal-box .form-group .req { color: #dc2626;}
.roi-modal-box .form-group input {width: 100%; padding: 12px 14px; border: 1px solid #d1d5db; border-radius: 8px; background: #ffffff; color: #111827; font-size: 16px; line-height: 1.4; transition: border-color 0.2s ease, box-shadow 0.2s ease; box-sizing: border-box;}
.form-group input:focus { outline: none; border-color: #2563eb; box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.14);}
.lead-actions { margin-top: 24px; margin-bottom: 0px !important;}
.lead-actions .wpcf7-submit,
.lead-actions .btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 50px;
  padding: 13px 24px;
  border: 0;
  border-radius: 8px;
  background: #2563eb;
  color: #ffffff;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.2;
  cursor: pointer;
  transition: transform 0.2s ease, opacity 0.2s ease;
}
.lead-actions .wpcf7-submit:hover, .lead-actions .btn:hover { opacity: 0.92; transform: translateY(-1px);}
.cta-form-note { margin: 16px 0 0; font-size: 13px; line-height: 1.6; color: #6b7280;}
.cta-form-note a { color: inherit; text-decoration: underline;}
.roi-modal-box .wpcf7-not-valid-tip { margin-top: 6px; font-size: 13px;}
.roi-modal-box .wpcf7 form .wpcf7-response-output { margin: 18px 0 0; padding: 12px 14px; border-radius: 8px;} 
/* =========================================
   MOBILE MENU TRANSITION
========================================= */
.custom-menu-close{ display:none;}
@media (max-width: 921px){
	.ast-mobile-header-wrap .ast-mobile-header-content,
	.ast-hfb-header .menu-toggle.toggled .ast-mobile-svg{ display:block !important;}
	.ast-hfb-header .menu-toggle.toggled .ast-close-svg{ display:none !important;} 
  /* MENU DRAWER */
  .ast-builder-menu-mobile{
    position: fixed !important;
    right: 0 !important;
    top: 0 !important;
    height: 100vh !important;
    background: #ffffff !important;
    width: 50% !important;
    padding-top: 60px !important;
    overflow-y: auto !important;
    z-index: 99999 !important;

    /* SLIDE ANIMATION */ 
    transform: translateX(100%) !important;
    transition: transform .45s cubic-bezier(.77,0,.18,1) !important;
    will-change: transform; 
  }
.ast-main-header-nav-open .ast-builder-menu-mobile{ right:0 !important; }
  /* ACTIVE MENU */

  body.ast-main-header-nav-open .ast-builder-menu-mobile{
    transform: translate3d(0,0,0) !important; box-shadow: -10px 0 30px rgba(0,0,0,0.12);
  }
	.ast-header-break-point .main-navigation ul .menu-item .menu-link{ display:flex;}
	.main-header-menu .menu-item ul.sub-menu{ padding:15px;}
	.main-header-menu .menu-item.ast-submenu-expanded .menu-link{ background: #f0f5fa;}
	.main-header-menu .menu-item.ast-submenu-expanded .sub-menu .menu-link{ background:none;}
	.main-header-menu .menu-item.ast-submenu-expanded .ast-icon.icon-arrow svg{ rotate: 180deg;}
	.main-header-menu .menu-item.ast-submenu-expanded .sub-menu .ast-icon.icon-arrow svg{ rotate: 0deg; top: 6px !important;}
  /* CLOSE BUTTON */

  .custom-menu-close{
    position: fixed;
    top: 10px;
    right: 5px;
    z-index: 999999;
    width: 44px;
    height: 44px;
    border: none;
    background:none !important; 
    color: #043CB5 !important; 
    font-size: 36px;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;  
    opacity: 0;
    visibility: hidden;
    transform: scale(.8);
    transition: .3s ease;
	  box-shadow:none !important;
  }

  /* SHOW BUTTON */

  body.ast-main-header-nav-open .custom-menu-close{
    opacity: 1;
    visibility: visible;
    transform: scale(1);
  }

  /* HOVER */
  .custom-menu-close:hover{
    transform: rotate(90deg) scale(1.05);
  }

  /* OVERLAY */

  body.ast-main-header-nav-open::before{
    content:"";
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.45);
    backdrop-filter: blur(2px);
    z-index: 9;
    animation: fadeIn .3s ease;
  }
}

/* =========================================
   SMALL MOBILE
========================================= */
@media (max-width: 767px){
  .ast-builder-menu-mobile{
    width: 75% !important;
  }
}

/* =========================================
   ANIMATION
========================================= */

@keyframes fadeIn{
  from{
    opacity:0;
  }

  to{
    opacity:1;
  }

}

    @media (max-width: 880px) { .compare-row { grid-template-columns: 1fr; } .compare-row > div { padding: 14px 18px; } .compare-head { display: none; } .compare-cat::before { content: 'Dimension · '; color: #94a3b8; font-weight: 500; } .compare-alt::before { content: 'In-house + AI software · '; color: #94a3b8; font-weight: 500; } .compare-bpo::before { content: 'Traditional BPO · '; color:#94a3b8; font-weight: 500; } .compare-ino::before { content: 'Inovaare BPaaS · '; color: #0ea5a0; font-weight: 700; } }

 
@media (max-width: 1024px) {
	.featured-card { grid-template-columns: 1fr; }
	.featured-metric-visual { min-height: 180px; padding: 32px; }
	.bottom-cta-card { grid-template-columns: 1fr; padding: 40px 32px; }
}
@media (max-width: 768px) {
	.cs-grid { grid-template-columns: 1fr; }
	.featured-body { padding: 28px; }
	.bottom-cta-card { padding: 32px 24px; }
	.cat-pill { padding: 14px 10px; font-size: 12px; }
	.sticky-bar-inner { gap: 8px; flex-wrap: wrap; }
	.filter-controls { gap: 6px; }
	.filter-trigger { padding: 6px 10px; font-size: 12px; min-height: 34px; }
	.search-compact input { width: 100px; }
	.role-tabs { flex-direction: column; border-radius: 10px 10px 0 0; }
   .role-tab { border-right: none; border-bottom: 1px solid rgba(255,255,255,0.07); }
   .role-tab:last-child { border-bottom: none; }
	.headingOne h2.elementor-heading-title {font-size: 30px !important; line-height: 40px!important;}
	.hero-header h1.elementor-heading-title, .hero-header h2.elementor-heading-title {font-size: 38px !important; line-height: 45px!important;}
	.us-panel-left{padding:25px 15px;}
	.cost-number{font-size:24px;
	}
}
@media screen and (max-width: 1366px) {
.ast-desktop .ast-builder-menu-1 .astra-full-megamenu-wrapper{ padding-left: 95px;}
}
@media screen and (max-width: 1280px) {
	.e-parent .e-parent, .e-con.e-flex > .e-con-inner {padding-left: 20px; padding-right: 20px;}
	/*.e-con-inner .e-con{padding:0px !important;} 
	.e-con-inner .e-con-inner{padding:0px !important;}*/
	.ast-desktop .main-header-menu.ast-menu-shadow .astra-full-megamenu-wrapper .sub-menu{
    width:95% !important;
 }
	.feature-img-area, .site-primary-footer-wrap, .site-primary-header-wrap{  width: 96%; margin: 0 auto;}
.product-megamenu .inovaare-products .inovaare-products-sub.active{ left: 24px !important; width: 590px;}
.productmegamenu-graphic{ margin-left:-20px !important; padding: 35px !important; width: 60%;}
	.inovaare-products{ width:450px;}
	.solution-sub-menu .inovaare-products-sub.active{ width: 650px !important;}
	.inovaare-products-sub{ width: 700px !important;}
	.inovaare-products-sub.active {  left: 50px !important;}
	.solutionmegamenu-graphic{ width: 560px !important; padding: 35px !important;}
	.ast-desktop .ast-builder-menu-1 .astra-full-megamenu-wrapper {
    padding: 0px 25px 0 25px;}
	.solutionmegamenu-graphic{ left:0;}
	.value-homepage .elementor-counter-number-wrapper:after{ top:44px;}
	.uael-dual-button-wrap { gap: 10px;}
	.e-con-inner .e-con.dark-bg{ padding:25px !important;}
	.related-products { width: 95%;}
	.single-container, .resource-container{ max-width: 95% !important;}
	.single-container .e-con-inner{ padding-left:0; padding-right:0;}
}
@media screen and (max-width: 1200px) {
	#masthead .ast-container, .container{ max-width:98% !important;}
	.single-container{max-width:90% !important;}
	.site-header .ast-builder-grid-row{ gap:0;} 
	.site-header-primary-section-right .ast-custom-button-link .ast-custom-button{ font-size: 15px; padding: 15px 45px;}
	.site-header-section>div:first-child{ padding-right:0;}
	.footer-widget-area[data-section="section-fb-html-2"] .ast-builder-html-element{ text-align:left;}
	.inovaare-products{ width:420px;}
	.inovaare-products-sub.active {  left: 5px !important;}
	.solution-sub-menu .inovaare-products-sub.active{ width: 600px !important; left: 25px !important;}
	.inovaare-products-sub{ width: 630px !important;}
}
@media screen and (max-width: 1100px) {
.product-megamenu .inovaare-products, .solution-sub-menu .inovaare-products {
    margin-left: -80px;
} 
}
@media screen and (max-width: 1024px) {
/* .e-con-inner{ padding-top:0 !important;} */
.leadership-tabs .eael-advance-tabs .eael-tabs-nav > ul{ display:block;}
.leadership-tabs .eael-advance-tabs .eael-tabs-nav > ul li{ padding:15px 0;}
.leadership-tabs .eael-advance-tabs .eael-tabs-content > div.active{ margin-left:0 !important; padding:0;}
.solution-sub-menu .inovaare-products-sub.active{ left:0 !important;}
.leadership-tabs .elementor-element{ padding:0;}
	.site-below-footer-inner-wrap, .copyright-link{ display:block;}
	.resource-container{ max-width:95%;}
	.flex-field{ min-width:inherit !important;}
	#leadership .e-grid{ --e-con-grid-template-columns: repeat(2, 1fr);}
	.front-1-btn{ position:static;}
	.front-1-btn .e-con-inner, .btn-group .e-con-inner{ flex-wrap:nowrap !important;}
	.front-1-btn .elementor-element, .btn-group .elementor-element{ max-width:inherit !important; width:auto !important;}
	 header .custom-logo-link img, .ast-header-break-point .site-logo-img .custom-mobile-logo-link img { height:auto !important; max-width: 180px !important; width:180px !important;}
	.left-absolute-img{ position:static !important;}
	.healthcare-cloud-area,
	.matrics-area,
	.inovaare-products-sub {  width: 500px !important;}
	.inovaare-products-sub.active {  left:-15px !important;}
	.astra-megamenu .e-parent{ padding:0;}
	/*.e-parent .e-parent, .e-con.e-flex > .e-con-inner{ padding:0;}*/
	.elementor-heading-title{ line-height:normal !important;}
	.testimonial-slider{ padding:0 20px !important;}
	.testimonial-slider .elementor-element{ width:100%;}
	.mySwiper .swiper-button-next, .mySwiper .swiper-button-prev { display: flex !important;}
	.home .swiper-arrows-position-outside .mySwiper, .testimonial-slides .swiper-arrows-position-outside .mySwiper{ padding:0;}
	.testimonial-slider .elementor-element .elementor-element .elementor-element{ padding: 20px;}
	.testimonial-slider .e-child .elementor-element{ padding: 10px;}
	body .swiper-button-next, body .swiper-button-prev { bottom: 0px; top: auto;}
	.wh-btn .elementor-button{ padding: 15px 15px !important;}
	.center-hero-col{ padding:30px;}
	.latest-resource h2.elementor-heading-title{ font-size:22px !important;}
	.customer-story-area .e-con-full{ width:100%;}
	.customer-story-area .e-child:nth-child(2) .e-con-full { padding: 30px !important;}
	.ast-desktop .main-header-menu.ast-menu-shadow .astra-full-megamenu-wrapper .sub-menu { width: 100% !important;}
	
	.eael-advance-tabs.eael-tabs-vertical > .eael-tabs-nav > ul { flex-flow: wrap !important;}
	.verticaltab-border .eael-advance-tabs.eael-tabs-vertical .eael-tabs-content > div.active{ padding:0;}
	.partners-area .elementor-element{ padding:20px; margin-bottom:20px;}
	.d-flex{ flex-wrap:wrap;}
	.col-span-6, .col-span-8, .col-span-4{ width:100%;}
	.usher-hero{ background:url(images/healthcare-ai-assistant-plain_bkgrd.jpg) left top repeat-x !important;}
	.mobile-graph img{ height:auto !important;}
	.feature-img-area img { width: 414px !important;}
	.site-footer .astra-logo-svg { width: 200px;}
	.feature-img-area .e-con-inner{ gap:50px;}
	.customer-story-area .e-con-full.e-flex{ display: flex; flex-direction: column;}
	.customer-story-area .elementor-widget-image img{ width:auto !important; height:200px;}
	body .e-con-inner .e-con.service-column { padding-bottom: 20px !important;}
	.product-megamenu .inovaare-products, .solution-sub-menu .inovaare-products { margin-left: -40px;}
	.product-megamenu .inovaare-products .inovaare-products-sub.active{ left:20px !important;}
	.solution-sub-menu .inovaare-products-sub.active{ width:500px !important; left:0 !important;}
} 
@media(max-width:991px){
	.resource-container.filtering { width: 96%;}
	.filter-cat-results h3 {
    font-size: 18px !important;
    min-height: 60px !important;
    font-weight: 500;
}
	ul#ast-hf-mobile-menu { margin: 0px !important;}
		ul.sub-menu {  padding-left: 15px;}
	.submenu li a span.ast-icon.icon-arrow:first-child { display: none;}
	h3.elementor-icon-box-title span br { display: none;}
	.values .elementor-element.e-con-full { padding-right: 0px;} 
	.inovaare-products-sub.active {  left: -28px !important;}
	.solution-sub-menu .inovaare-products-sub.active{ width:500px !important; left:0 !important;}
	.single-container h1{ line-height:normal !important;}
	.testimonial-area { padding: 40px 0 !important;}
	.testimonial-video{ margin-top:40px !important;}
}
@media screen and (max-width:767px){
	.content-area .ast-container{ max-width:90%;}
	.landing-page{ padding:20px !important;}
    .col-span-6, .col-span-8, .col-span-4 { width: 100% !important;} 
	section#mySwiper-1 ul li { padding: 0px 18px !important;}
	.wesolve-video{ min-height:200px;} 
	.our-sub-products .elementor-element[data-element_type="container"]{ min-height:auto; max-height:auto !important;}
	.block-shadow.slider-container-block-background { height: 320px;}
	.two2 .e-con-inner { flex-direction: column-reverse !important;}
	.latest-resource h2.elementor-heading-title{ font-size:18px !important;}
	.healthcare-cloud-area {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
}
	.bottom-area-part {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
}
	.one1 {
    --gap: 0px !important;
    padding-bottom: 50px !important;
}
/* 	    .e-parent .e-parent, .e-con.e-flex > .e-con-inner {padding: 0 20px;}
	.e-con-inner .e-con{padding:0px !important;} 
	.e-con-inner .e-con-inner{padding:0px !important;} */
/* 	.uael-dual-button-wrap {
    flex-wrap: nowrap !important;
} */
	 
	.two2 {
    --gap: 0px !important;
    padding-bottom: 50px !important;
}
	 
	.ast-header-break-point .ast-builder-menu-mobile .main-navigation{ overflow: auto; max-height: 85vh;}
	.keySubpara {
    padding-top: 50px !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
}
	.lastSection {
    padding: 10px !important;
    --gap: 10px !important;
}
	div#partner-with-us {
    padding: 50px 10px !important;
}
	.testimonial-slider {
    margin-bottom: 50px;
}
	.ourValue {
    padding: 50px 10px !important;
}
	.swiper-button-next, .swiper-button-prev{bottom:0px !important;	}
	.value-box .elementor-element{ width:45%; margin-bottom:20px !important;}
	.e-grid.value-box{ grid-template-columns: repeat(2, 1fr);}
	.custom-icon img{ margin-bottom:15px;}
	.custom-icon .elementor-image-box-wrapper{ flex-wrap: nowrap; display: flex; text-align: left !important; gap: 15px;} 
	.healthcare-cloud-area img{ height:auto !important;}
	.uael-button-wrapper{ margin:0 !important;}
	.resource-heading{ padding:30px 0 0 0 !important;}
	body .sub-heading .elementor-heading-title{ font-size:12px !important;}
	.copyright-link li a{ font-size:14px; white-space:nowrap;}
	.copyright-link{ display:flex; justify-content: center;}
	.site-below-footer-wrap{ padding-left:0 !important; padding-right:0 !important;}
	.site-primary-footer-wrap .widget-title, .site-primary-footer-wrap h6, .site-primary-footer-wrap li, .site-primary-footer-wrap li a{ text-align:left;}
	.top-header .event-dflex{ flex-direction: column; gap: 10px; height:auto;}
	.learn-more-btn{ margin-left: 0;}
	.site-primary-footer-wrap[data-section="section-primary-footer-builder"] { padding-top: 50px; padding-bottom: 0;}
	.footer-widget-area[data-section="sidebar-widgets-footer-widget-2"], .footer-widget-area[data-section="sidebar-widgets-footer-widget-3"], .footer-widget-area[data-section="sidebar-widgets-footer-widget-1"]{ margin-bottom:20px; text-align:left !important;}
	.footer-social-links { justify-content: flex-start;  }
	.values .e-con-inner .e-con.e-flex{ width:45%;}
	.e-con-full.values{ display: grid;  grid-template-columns: repeat(2, 1fr);}
	.tab-icons{ padding:0 20px !important;}
	.related-products .product-card{ margin:0;}
	.our-sub-products1 .e-con-inner, .related-products .e-con-inner{ display:block;}
	 .e-con-inner .e-con.product-card { margin: 20px 20px; width: auto; padding: 20px !important;}
	.custom-icon .e-con-full.e-flex{ flex-wrap:nowrap;}
	.keySubpara .elementor-element{ margin:0;}
	.keySubpara .elementor-button{ display:block;} 
	.elementor-icon-box-title{ font-size: 18px !important; line-height: normal !important;}
	.ushercopilot-area img{ width: 10px;}
	.ushercopilot-area {  margin: 0 auto; max-width: 90%;}
	.ushercopilot-area .elementor-image-box-wrapper{ display:flex; justify-content: flex-start; text-align: left !important; gap: 10px;}
	.ushercopilot-area p{ text-align:left; padding-left:20px;}
	.ushercopilot-area .elementor-image-box-content p{ padding-left:0;}
	.product-card .e-con-full.e-flex .elementor-widget-icon-box{ max-width:80%;}
	.our-sub-products1 .e-con-inner{ padding-bottom:0 !important;}
	.key-features{ padding:20px 0 !important;}
	.key-features .elementor-heading-title{ text-align:center;}
	.related-products .elementor-image-box-wrapper,
	.key-features .elementor-image-box-wrapper{ display: flex; text-align: left !important; gap: 15px;}
	.key-features .e-con-full.e-grid{ display: flex; flex-direction: column;}
	.two-column-icons.custom-icon .e-con-inner{ gap:30px;}
	#integrated-artificial-intelligence img{ max-width:90%;}
	#platform-components.tab-icons{ padding:0 !important;}
	.eael-advance-tabs .eael-tabs-nav > ul{ border-radius:27px;}
	.platform-tab-col .elementor-image-box-wrapper { text-align: left !important; display: flex; gap: 15px; margin-bottom: 20px;}
	 .event-thumbnail {  margin: -70px 0 30px 0 !important; }
	.event-thumbnail.event-blog{margin:0px !important;height:auto;}
	.why-inovaare.custom-icon img{ margin-bottom:0;}
	.why-inovaare .e-con-full{ width: 100%; padding: 0 0 40px 0;}
	.e-con-inner .e-con.dark-bg{ padding:25px !important;}
	.ast-builder-menu-mobile .main-navigation .menu-item.menu-item-has-children > .ast-menu-toggle{ width:100%; text-align:right; box-shadow: none; right:0; background:none;}
	.ast-builder-menu-mobile .main-navigation .menu-item.menu-item-has-children .sub-menu .menu-item.menu-item-has-children .ast-menu-toggle{ width:auto;}
	.single-container h1,
	.usher-hero h2.elementor-heading-title{ font-size: 36px !important;}
	.section-heading h2.elementor-heading-title,
	#usher-ai-key-features h2.elementor-heading-title{ font-size: 28px !important;}
	.resource-container.filtering { width: 90%;}
	.bottom-area-part .section-heading h2.elementor-heading-title{ font-size: 26px !important;}
	.ast-footer-copyright p{ font-size:14px;}
	.client-logos .elementor-swiper-button{ display:block !important;} 
	.mobile-hide{ display:none;}
	.form-bg{ width:100%; margin:0 !important;}
	.sub-heading .elementor-widget-container{ margin-bottom:0 !important;}
	.section-heading .elementor-heading-title br{ display:none;}
	.section-heading .elementor-heading-title{ font-size:26px !important;}
	.e-con-inner .e-con.relatedProduct.product-card{ margin:15px 0;}
	.related-products .e-con-inner .e-con{ gap:0;}
	#faq{ margin-top:50px;}
	body.home .custom-icon .elementor-widget-image, body.home .custom-icon h3, body.home .custom-icon p { text-align: left;}
	.teammember-area{ grid-template-columns: repeat(1, 1fr);}
	
	.who-we-help{ padding:30px !important;}
	.compliance-operation { padding-bottom: 70px !important;}
	.compliance-operation.e-con.e-flex > .e-con-inner{ padding:0;}
	.compliance-operation .e-con-full{ padding:30px !important;}
	.compliance-operation .elementor-element .elementor-element{ padding:0 !important;}
	.explore-solutions-area{ --e-con-grid-template-columns: repeat(2, 1fr) !important;}
	.explore-solutions-area .elementor-image-box-description{ font-size:16px !important;}
	.home2hrd4 .e-con-inner{ padding-bottom:0;}
	.compliance-operation .elementor.elementor .e-con > .elementor-widget{ width:100%;}
	.btn { padding:12px !important;}
	.secure-platform .e-flex.e-con{ display:grid; gap:20px;}
	body.home .e-grid{ gap:30px;}
	.custom-icon.secure-platform img{ margin-bottom:0;}
	.gartnersection-area { padding:70px 0 !important;}
	.gartnersection-area img{ margin-bottom:25px;}
	.compliance-operation p{ text-align:left;}
	.compliance-operation p br{ display:none;}
	.home .slide-content{ padding-top:80px;}
	.event-content-area{ max-width:100% !important;}
	.elementor-button .elementor-button-content-wrapper .elementor-button-text{ font-size:15px;}
	a.mbtn{ font-size:15px !important;}
	.top-header .text-slider .learn-more-btn{ display:none;}
	.ast-full-width-primary-header #masthead.fixed, #masthead.fixed, body.home #masthead.fixed{ top:0;}
	.mobile-hide{ display:none;} 
	.share_btns{ margin-bottom:0 !important;}
	.gap-4{ gap:10px;}
	.modal-content{ width: 90% !important;}
	.modal-body{ padding:20px !important;}
	.single-events .share_btns{ border:none; position: absolute; bottom: -40px; left: 0;}
	.single-events .primary-btn .elementor-button-text::before{ content:inherit;}
	.buttonFlex{ gap:10px !important;}
	.client-logos { padding: 0px !important;}
	.relatedProduct p{ margin:15px 0;}
	.wistia_responsive_padding{ width:100% !important;}
	.site-header .sub-menu .sub-menu{ width: 94%; padding: 10px; margin: 0;}
	.blog-static-banner{ padding:20px 0 !important;}
	.mobile-upcoming-date{ display: inline-block; border-right: 1px solid #fff; padding-right: 10px; height: 20px; margin-right: 5px;}
	.top-header .event-date{ display:none;}
	.section-space{ padding:30px 0 !important;}
	
	.faqs-area .elementor-widget-eael-adv-accordion { width: 100% !important;}
	.trust-bar-inner{ gap:15px;}
	.usher-banner .elementor-element { width: 100% !important; justify-content: start; display: flex;}
	.catches-grid-compact { grid-template-columns: repeat(2, 1fr); }
    .catches-auto-row { grid-template-columns: 1fr; gap: 18px; }
    .catches-auto-number { font-size: 52px; }
    .catches-track { padding: 24px 22px; } 
	.lead-grid { grid-template-columns: 1fr; gap: 16px;}
  .lead-actions .wpcf7-submit, .lead-actions .btn { width: 100%;}
}

@media screen and (max-width: 600px) {
	.filter-cat-results{grid-template-columns: repeat(1, minmax(0, 1fr));}
	.iv-freedom__item{ width: calc(100% - 30px);}
	.team-header {  flex-wrap: wrap;  gap: 20px;}
	.filter-row{ flex-wrap:wrap;}
	#leadership .e-grid{ --e-con-grid-template-columns: repeat(1, 1fr);}
	.speaker-bx-area {   grid-template-columns: repeat(1, 1fr);  gap: 20px;}
	.culture-content{ padding:20px !important;}
	.culture-content .elementor-heading-title{ text-align:center;}
	.filter-cat-results h3{ min-height:auto !important;	}
	h3.elementor-image-box-title br { display: none;}
	.tab-container{ flex-direction:column;}
	.tab-content{ padding:20px 0 0 0 !important;}
	.site-primary-footer-wrap{ width:90%;}
	.event-date{ justify-content: flex-start; gap: 10px;}
	.event-date time{ padding:0 !important;}
	.text-slider, .slider-container{ height: 75px;}
	.dots-container{ top:auto; bottom:0; text-align: center;padding: 10px 0 5px 0;}
	.ag-keychalange-item.e-grid{ grid-template-columns: repeat(2, 1fr);}
	#complaint-tracking-module .e-con-full:has(.section-heading), #ire-package-manager .e-con-full:has(.section-heading),
	#appeals-grievances-management .e-con-full:has(.section-heading), #qio-appeal-management .e-con-full:has(.section-heading)
	{ order:1; margin:0;}
	.order-1{ order:1;}
	.order-2{ order:2; margin: -40px 0 0 0;}
	.section-space .elementor-image-box-title{ margin-bottom: 5px;} 
	.sub-menu a.menu-link{ margin:0;}
	.mo-value .custom-icon .e-con-full.e-flex { flex-wrap: wrap;}
	.event-img-block{ float:none; margin:0 0 20px 0;}
	
	.built-card-row{ grid-template-columns: 1fr;}
	.bottom-area-part{ padding:0 !important;}
	.bottom-area-part .e-con-inner{ padding-top:0 !important; padding-bottom:0 !important;}
	.bottom-area-part .elementor-widget{ width:100% !important;}
	.bottom-area-part p{ margin:0;}
	.site-primary-footer-wrap[data-section="section-primary-footer-builder"]{width: 100%; padding: 30px;}
	.hero .e-con-inner{ padding-top: 20px; padding-bottom: 20px;}
	.hero h2.elementor-heading-title{ font-size:38px;}
	
	/* Hide desktop tabs + panels */
    .platform-modules-area .role-tabs,
    .platform-modules-area .role-panel { display: none !important; }
	.net-node.pos-cd      { left: 82%; }
    /* Show accordion */
    .product-accordian { display: block; }
	.catches-grid-compact { grid-template-columns: 1fr; }
	.casestudy-right{ width:100% !important; margin: 20px 0; float: left;}
	.casestudy-nav { position: static !important;}
}