* {
     box-sizing: border-box;
     margin: 0;
     padding: 0;
}
 html {
     scroll-behavior: smooth;
}
 body {
     font-family: Inter, sans-serif;
     background: #fff;
     color: #171717;
     line-height: 1.6;
     -webkit-font-smoothing: antialiased;
}
 ::-webkit-scrollbar{
     width:6px;
     height:6px;
}
 a {
     text-decoration: none;
     color: inherit;
}
 button {
     font: inherit;
     cursor: pointer;
}
 img {
     max-width: 100%;
     display: block;
}
 p{
     font-size: 16px !important;
     color: #666 !important;
     line-height: 1.68 !important;
}
 .max-w-900{
    max-width:900px;
    width:100%;
    margin:0 auto;
}
/* Center-Aligned Main Hero */
 .hero {
     padding: 150px 0 80px 0;
     /* border-bottom: 1px solid #f0f0f0;
     */
    }
    .home-hero{
    text-align: center;

}

 .hero-inner {
     max-width: 1300px;
     margin: 0 auto;
     padding: 0 40px;
     display: flex;
     flex-direction: column;
     align-items: center;
}
 .hero h1 {
     font-size: 55px;
     line-height: 1.12;
     letter-spacing: -0.04em;
     font-weight: 500;
     max-width: 820px;
     margin: 0 0 20px;
     color:#111;
}
 .hero-sub {
     max-width: 900px !important;
     margin: 0 0 45px;
     font-size: 16px;
}
 .hero h1 span{
    color: #748b10
}
 h2 span {
     color: #748b10 !important;
}
 h2 {
     font-size: 45px !important;
     line-height: 1.1 !important;
     font-weight: 600 !important;
     letter-spacing: -0.03em !important;
     color: #111 !important;
     margin-bottom: 20px !important;
}
/* Microsoft/SharePoint-style entrance: fade + slide up, staggered */
 @keyframes heroFadeUp {
     to {
         opacity: 1;
         transform: translateY(0);
    }
}
/* AION Promo Banner (standalone) */
/* Products Section (separate from AION) */
/* Fixed Snap Reveal Architecture */
 .snap-card {
     position: absolute;
     inset: 0;
     background: #0d1526;
     border: 1px solid rgba(255, 255, 255, 0.07);
     border-radius: 24px;
     padding: 36px 48px;
     display: grid;
     grid-template-columns: 280px 1fr;
     gap: 48px;
     align-items: start;
     box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5);
     opacity: 0;
     transform: translateY(20px) scale(0.98);
     transition: opacity 0.45s cubic-bezier(0.16, 1, 0.3, 1), transform 0.45s cubic-bezier(0.16, 1, 0.3, 1);
     pointer-events: none;
     z-index: 1;
}
 .snap-card.active {
     opacity: 1;
     transform: translateY(0) scale(1);
     pointer-events: auto;
     z-index: 10;
}
/* Industry Section Icons matching brand blue theme setup */
 .icon {
     width: 56px;
     height: 56px;
     border-radius: 14px;
     display: flex;
     align-items: center;
     justify-content: center;
     margin-bottom: 10px;
     background: #748b10 !important;
     color: #ffffff !important;
}
 .icon svg {
     stroke: #fff !important;
}
/* Reduced gap between paragraph/header details and the lists */
 .progress-dot {
     width: 4px;
     height: 18px;
     background: rgba(255, 255, 255, 0.15);
     border-radius: 2px;
     transition: background 0.3s ease, height 0.3s ease;
}
 .progress-dot.active {
     background: #abd402;
     height: 32px;
}
/* Brands That Trust Us Section - Restored Continuous Smooth Infinite Motion Ticker */
 .trust {
     padding: 45px 0 0;
}
 .automates-slide-inner img{
     display: block;
     width: 120px;
     margin: 0 auto;
     height: 80px;
     object-fit: contain;
     opacity: 0.9;
     max-width: 100%;
}
 @keyframes tickerScroll {
     0% {
         transform: translate3d(0, 0, 0);
    }
     100% {
         transform: translate3d(calc(-50% - 12px), 0, 0);
    }
}
/* Show style */
.show-desktop{
    display:flex !important;
}
.show-mobile{
    display:none !important;
}
/* Aion Autopilot Section - Adapted to Brand Blue Color Theme */
/* AION Grid System */
/* "What we stand for" Architecture */
/* India Analytics Banner */
/* ===== WHY CHOOSE GROWEON ===== */
/* ===== INDUSTRY CRMs PBPAY STYLE ===== */
/* Enterprise Section */
 .enterprise-section .sec-cards{
     display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 24px;
}
/* End of Enterprise Section */
/* ===== SECURITY & COMPLIANCE ===== */
 .sec-section {
     background: #f5f6f8;
     padding: 80px 0;
     border-bottom: 1px solid #e8eef8;
}
 .sec-inner {
     max-width: 1300px;
     margin: 0 auto;
     padding: 0 40px;
}
 .sec-head {
     text-align: center;
     margin-bottom: 40px;
}
 .sec-head h2 span {
     color: #abd402;
}
 .sec-head p {
     font-size: 16px;
     color: #666;
     max-width: 900px;
     margin-right: auto;
     margin-left: auto;
     margin-bottom:45px;
     line-height: 1.7;
}
 .sec-cards {
     display: grid;
     grid-template-columns: repeat(4, 1fr);
     gap: 20px;
}
 .sec-card {
     background: #fff;
     border: 1px solid #e8e8e8;
     border-radius: 15px;
     padding: 24px;
     transition: box-shadow 0.2s, border-color 0.2s;
}
 .sec-card:hover {
     box-shadow: 0 6px 24px rgba(171, 212, 2, 0.07);
     border-color: #abd402;
}
 .sec-card-top {
     display: flex;
     align-items: center;
     justify-content: space-between;
     margin-bottom: 16px;
}
 .sec-card-check {
     width: 40px;
     height: 40px;
     border-radius: 13px;
     background: #748b10 ;
     display: flex;
     align-items: center;
     justify-content: center;
     color: #fff;
}
 .sec-card-check svg {
     width: 22px;
     height: 22px;
     stroke-width: 2px;
     stroke:#fff;
}
 .sec-card-type {
     font-size: 10px;
     font-weight: 700;
     letter-spacing: 1.5px;
     text-transform: uppercase;
     color: #aaa;
}
 .sec-card h3 {
     font-size: 18px;
     font-weight: 400;
     color: #111;
     margin-bottom: 10px;
}
 .sec-card p {
     font-size: 14px !important;
     line-height: 1.6;
     margin: 0;
     text-align: left;
     line-height: 1.2 !important;
    ;
}
/* ===== PBPAY STACKED INDUSTRY CARDS ===== */
/* ===== PBIND RICH VISUAL MOCKUPS (replaces lone faded icon) ===== */
/* ===== WHY GROWEON — simple light boxes ===== */
 .ai-section {
     background: #f5f6f8;
     position: relative;
     padding: 80px 0;
}
 .ai-inner {
     max-width: 1300px;
     margin: 0 auto;
     padding: 0 40px;
     display: grid;
     grid-template-columns: 1fr 1.15fr;
     gap: 64px;
     align-items: center;
     position: relative;
     z-index: 1;
}
 .ai-badge {
     display: inline-flex;
     align-items: center;
     padding: 6px 16px;
     border-radius: 4px;
     background: #fff;
     color: #5f6673;
     font-size: 11px;
     font-weight: 700;
     letter-spacing: 1.2px;
     text-transform: uppercase;
     margin-bottom: 24px;
     gap:10px;
     align-items:center;
     border: 1px solid #e4e7eb;
     box-shadow:0 2px 10px rgba(15,23,42,.07);
}
 .eyebrow-dot {
     width: 8px;
     height: 8px;
     border-radius: 50%;
     background: #abd402;
     box-shadow: 0 0 0 4px rgba(171, 212, 2, .14);
     animation: pulse 2s infinite;
}
 @keyframes pulse{
     0% {
         transform: scale(1);
         opacity: 1;
    }
     50% {
         transform: scale(1.5);
         opacity: 0.5;
    }
     100% {
         transform: scale(1);
         opacity: 1;
    }
}
 .ai-left h2 span {
     color: #abd402;
}
 .ai-left p {
     font-size: 15px;
     color: #556175;
     line-height: 1.7;
     max-width: 480px;
     margin-bottom: 45px;
}
 .ai-head-btns {
     display: flex;
     gap: 14px;
     flex-wrap: nowrap;
     text-align: center;
}
 .btn-ai-explore {
     background: #748b10;
     color: #fff;
     border: none;
     border-radius: 8px;
     padding: 14px 28px;
     font-size: 16px;
     font-weight: 500;
     text-transform: uppercase;
     letter-spacing: 0.5px;
     transition: background 0.2s;
     cursor: pointer;
}
 .btn-ai-explore:hover {
     background: #93b800;
     color:white;
}
 .btn-ai-demo {
     background: #fff;
     color: #111;
     border: 1px solid #111;
     border-radius: 8px;
     padding: 14px 28px;
     font-size: 16px;
     font-weight: 500;
     text-transform: uppercase;
     letter-spacing: 0.5px;
     box-shadow: 0 2px 6px rgba(0, 0, 0, 0.04);
     transition: background 0.2s;
     cursor: pointer;
}
 .btn-ai-demo:hover {
     background: #f8fafc;
}
 .ai-section .ai-grid {
     display: grid;
     grid-template-columns: repeat(3, 1fr);
     gap: 20px;
}
 .ai-section .ai-card {
     background: #fff;
     border-radius: 16px;
     padding: 10px;
     border: 1px solid #eef1f6;
     box-shadow: 0 4px 16px rgba(20, 30, 60, 0.04);
     transition: transform 0.25s, box-shadow 0.25s;
     display: flex;
     flex-direction: column;
}
 .ai-section .ai-card:hover {
     transform: translateY(-4px);
     box-shadow: 0 12px 28px rgba(20, 30, 60, 0.08);
}
 .ai-section .ai-card-icon {
     width: 25px;
     height: 25px;
     color: #748b10;
     margin-bottom: 18px;
}
 .ai-section .ai-card-icon svg {
     width: 100%;
     height: 100%;
     stroke-width: 2px;
}
 .ai-section .ai-card .aion-autopilot-card {
     font-size: 16px;
     font-weight: 500;
     color: #111;
     margin-bottom: 8px;
     line-height: 1.3;
}
 .ai-section .ai-card p {
     font-size: 14px !important;
     color: #8a93a6;
     line-height: 1.2 !important;
}
 .ai-section .ai-card-brand {
     background: #0d0d0d;
     border: none;
     align-items: center;
     justify-content: center;
     display: flex;
     min-height: 100%;
}
 .ai-section .ai-card-brand-inner {
     display: flex;
     align-items: center;
     justify-content: center;
     gap: 10px;
     height: auto;
     width: 180px;
}
 .ai-section .ai-card-brand-inner img {
     width: 100%;
     height: 100%;
}
 .ai-section .ai-card-brand-inner svg {
     width: 36px;
     height: 36px;
     color: #abd402;
}
/* News and Awards */
 .awards-section {
     border-bottom:1px solid #e8eef8;
}
 .award-description{
     display:none;
}
 .award-date{
     display: inline-flex;
     align-items: center;
     padding: 6px 16px;
     border-radius: 4px;
     background: #fff;
     color: #5f6673;
     font-size: 11px;
     font-weight: 700;
     letter-spacing: 1.2px;
     text-transform: uppercase;
     margin-bottom: 24px;
     gap:10px;
     align-items:center;
     border: 1px solid #e4e7eb;
     box-shadow:0 2px 10px rgba(15,23,42,.07);
     width:fit-content;
     padding-top:7px !important;
}
 .awards-section .award-card .image-box img{
     border-radius: 12px !important;
}
/* End News and Awards */
/* Optimizing Crm */
 .optimizing-crm-seciton {
     border-bottom:1px solid #e8eef8;
     background:#f5f6f8;
}
 .optimizing-crm-seciton h2 span{
     color: #abd402;
}
 .optimizing-crm-seciton .section-title{
     margin-bottom: 45px !important;
}
 .more-text{
    text-align: right;
    margin: 10px 0 0 0;
    color: #111;
    display: block;
    width: 100%;

}

 .optimizing-crm-seciton .section-title p{
     color:#666;
}
/* ===========================Media Query========================== */
 .ready-cta {
     position: relative;
     display: flex;
     align-items: center;
     justify-content: center;
     overflow: hidden;
     border-bottom: 1px solid #f0f0f0;
     padding: 70px 0;
     background: #f5f6f8;
}
 .ready-cta::before {
     content: "";
     position: absolute;
     inset: 0;
     background-image: linear-gradient(rgba(171,212,2,0.045) 1px, transparent 1px), linear-gradient(90deg, rgba(171,212,2,0.045) 1px, transparent 1px);
     background-size: 44px 44px;
     pointer-events: none;
}
/* .ready-cta::after {
     content: "";
     position: absolute;
     inset: 0;
     background: radial-gradient(ellipse 70% 60% at 50% 100%, rgba(171,212,2,0.13) 0%, transparent 65%);
     pointer-events: none;
}
 */
 .cta-inner {
     position: relative;
     z-index: 10;
     text-align: center;
}
 .ready-cta p {
     font-size: 14px;
     color: #666;
     margin-bottom: 45px;
     line-height: 1.6;
}
 @keyframes cta-glow {
     0%,100% {
         box-shadow: 0 4px 18px rgba(171,212,2,.3);
    }
     50% {
         box-shadow: 0 4px 36px rgba(171,212,2,.55), 0 0 0 7px rgba(171,212,2,.07);
    }
}
/* Floating cards */
 @keyframes fc-float {
     from {
         transform: translateY(0);
    }
     to {
         transform: translateY(-12px);
    }
}
/* ===========================End Of Media Query========================== */

@media(max-width:1100px){
     .ai-inner {
         grid-template-columns: 1fr;
         gap: 42px;
    }
     .enterprise-section .sec-cards{
         grid-template-columns: repeat(2, 1fr);
    }
}
@media(max-width:992px){
     .hero h1{
         font-size:42px 
    }
     .hero{
         padding:100px 0 30px 0 !important;
    }
   
     h2 {
         font-size: 38px !important;
    }

    
    body > :is(main, section):first-of-type{
        padding: 100px 0 30px 0 !important;
    }
}
@media(max-width:900px){
     .nav-inner, .hero-inner, .industry-shell, .trust-header, .trust-ticker, .aion-inner {
         padding-left: 20px;
         padding-right: 20px;
    }
     .snap-card {
         position: relative;
         inset: auto;
         grid-template-columns: 1fr;
         gap: 24px;
         margin-bottom: 32px;
         opacity: 1;
         transform: none;
         pointer-events: auto;
         height: auto;
    }
     .sec-cards {
         grid-template-columns: repeat(2, 1fr);
    }
}
@media(max-width:768px){
     h2 {
         font-size: 28px !important;
    }
     .hero h1{
         font-size:33px;
    }
    .ready-cta {
         min-height: auto;
         padding: 80px 20px;
    }
    
}
@media(max-width:640px){
     .indcrm-grid, .sec-cards {
         grid-template-columns: 1fr;
    }
     .ai-section .ai-grid {
         grid-template-columns: 1fr;
    }
     .hero{
         padding:160px 0 60px 0 !important;
    }
     .enterprise-section .sec-cards{
         grid-template-columns: repeat(1, 1fr);
    }

    
    body > :is(main, section):first-of-type{
        padding: 160px 0 60px 0 !important;
    }
}
 @import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap");
 :root {
     --primary-color: #000;
     --green-btn-color: #abd400;
     --p-text: #4a5469;
     --white-color: #fff;
     --heading-color: #313131;
     --c-green-color: #8effff;
     --all-color: #313131;
     --allover-font: "Inter, sans-serif";
    /* --heading-font: "Montserrat", sans-serif;
     --p-font: "Montserrat", sans-serif;
     */
}
 header {
     position: fixed;
     top: 0;
    /* visible from start */
     left: 0;
     width: 100%;
     transition: transform 0.4s ease, opacity 0.4s ease;
     opacity: 1;
     z-index: 999;
}
/* .sub-menu li a {
     display: block;
     font-size: 14px;
     font-weight: 500;
     padding: 12px 20px;
     text-align: left;
     color: #000;
     background: #fff !important;
}
 .sub-menu li {
     position: relative;
}
 */
/* .desktop-nav-new>ul>li:hover a {
     background: var(--hover-color);
     color: #002147;
}
 */
/* .desktop-nav-new>ul>li>a:before {
     position: absolute;
     width: 5px;
     height: 5px;
     background: #03d3c2;
     top: 22px;
     right: 0;
     content: "";
     border-radius: 15px;
}
 */
/* .contact-us-text {
     color: var(--green-btn) !important;
     font-size: 14px;
     font-weight: 600;
     text-transform: uppercase;
}
 */
/* .contact-us-text i {
     font-size: 22px;
     margin-right: 6px;
     position: relative;
     top: 5px;
}
 */
/* .header-btn-sec {
     margin-top: 25px;
}
 */
/* .header-top .login-btn li a {
     padding: 10px 22px;
     color: #212529;
}
 */
/* .login-btn .theme-btn-color {
     background: none;
     border: 2px solid var(--hover-color);
     border-radius: 5px;
     color: var(--hover-color);
     display: inline-block;
     font-size: 14px;
     font-weight: 600;
     padding: 4px 22px;
     position: relative;
     text-transform: uppercase;
     text-align: center;
     align-items: center;
     background: #fff;
     box-shadow: 1px 3px 10px #0a456f8a;
     width: 170px;
     line-height: 25px;
     border-radius: 4px;
}
 .login-btn .theme-btn-color::before, .login-btn .theme-btn-color::after {
     background: var(--hover-color);
     content: "";
     position: absolute;
     z-index: 1;
}
 .login-btn .theme-btn-color {
     background: none;
}
 */
/* .theme-btn:hover {
     color: var(--all-color);
}
 */
/* .book-demo-popup .modal-body {
     padding: 30px;
}
 */
 @media (max-width: 767px) {
     header {
         position: relative;
         top: 0;
         right: 0;
         left: 0;
         z-index: 999;
    }
    /* .logo-holder {
         width: 95px;
         height: auto;
         display: inline-block;
         padding-top: 15px;
    }
     */
    /* =============header-end=========== */
}
/* @import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;
1,14..32,100..900&display=swap");
 */
/* =============globle-css================ */
 :root {
     --primary-color: #000;
     ---grey-color: #46525e;
     --p-text: #364566;
     --white-color: #fff;
     --heading-color: #313131;
     --c-green-color: #8effff;
     --all-color: #000;
     --allover-font: "Inter", sans-serif;
    /* --heading-font: "Montserrat", sans-serif;
     --p-font: "Montserrat", sans-serif;
     */
}
 body {
     margin: 0;
     font-family: "Inter", sans-serif;
     overflow-x: hidden;
     color: var(--p-text);
}
 p {
     color: var(--p-text);
     font-family: var(--allover-font);
     font-size: 15px;
     font-weight: 400;
     line-height: 26px;
}
 ::-webkit-scrollbar {
     width: 6px;
}
/* Track */
 ::-webkit-scrollbar-track {
     background: #f1f1f1;
     border-radius: 36px;
}
/* Handle */
 ::-webkit-scrollbar-thumb {
     background: #000000;
     border-radius: 36px;
}
/* Handle on hover */
 ::-webkit-scrollbar-thumb:hover {
     background: #555;
}
 a {
     color: #75a605;
     text-decoration: none;
}
 a:hover {
     text-decoration: none;
}
 .grey-bg1 {
     background-color: #f5f6f8 !important;
}
 .white-bg {
     background-color: #ffffff !important;
}
 h1, h2, h3, h4, h5, h6, nav a, .widget h6, .filters li a, blockquote, p[data-pullquote]:before, input[type="submit"] {
     font-weight: 400;
}
 h1, h2, h3 {
     font-family: var(--allover-font);
     font-weight: 700;
}
 .section-title {
     margin-bottom: 45px;
}
 .section-title .section {
     padding-top: 50px;
     padding-bottom: 50px;
}
 .section {
     padding: 80px 0;
}
/* .section-title .green-text {
     font-weight: 600;
     font-size: 18px !important;
}
 */
 .section-title h1 {
     color: #000;
     font-size: 46px;
     line-height: 50px;
}
 .section-title h3 {
     font-size: 30px;
     margin-bottom: 15px;
     margin-top: 10px;
     color: var(--all-color);
}
/* .section-title span {
     color: var(---grey-color);
     font-weight: 700;
}
 */
 .section-title p {
     margin: 0;
     line-height: 28px;
     font-weight: 400;
}
 ul {
     padding: 0px;
     margin: 0px;
     list-style: none;
}
/* =============globle-css================ */
/* =============banner================ */
/* .banner-section h1 span {
     color: var(---grey-color);
}
 */
/* .banner-section .banner-img img {
     animation: float 6s ease-in-out infinite;
}
 */
 @keyframes top-bottom {
     0% {
         transform: translateY(0px);
    }
     50% {
         transform: translateY(10px);
    }
}
/* ==============banner ============ */
/* ==================counter section ================*/
/* ==================counter section ================*/
/* Pricing Section */
 .pricing {
     padding: 50px 0;
}
/* .price {
     margin-bottom: 20px;
}
 */
 .custom {
     font-size: 1.5rem;
     color: #7cb342;
     font-weight: 600;
}
 .automates-slide-inner {
     background: #fff;
     border: solid 1px #ddd;
     border-radius: 15px;
     margin-bottom: 0;
     padding: 5px;
}
 .client-logo-ar .col-md-2 {
     width: 15% !important;
     margin-top:0;
}
 .automates-slide-inner:hover {
     box-shadow: 1px 1px 18px #3333332b;
}
 .automates-slide-inner:hover img {
     filter: grayscale(0%) !important;
     opacity: 1;
}
/* */
 @keyframes pulse {
     0% {
         transform: scale(1);
    }
     50% {
         transform: scale(1.05);
    }
     100% {
         transform: scale(1);
    }
}
 @keyframes float {
     0% {
         transform: translateY(0px);
    }
     50% {
         transform: translateY(-10px);
    }
     100% {
         transform: translateY(0px);
    }
}
 @keyframes slideIn {
     0% {
         transform: translateX(50px);
         opacity: 0;
    }
     100% {
         transform: translateX(0);
         opacity: 1;
    }
}
 .logo-wrapper {
     width: 12%;
     position: relative;
}
/* .logo-wrapper::after {
     content: "";
     display: block;
     position: relative;
     width: 100%;
     padding-bottom: 100%;
}
 */
/* .logo-wrapper:nth-of-type(even) .logo {
     background: #eee;
}
 */
 .logo-wrapper .logo {
     display: grid;
     place-content: center;
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     padding: 8px;
     gap: 4px;
     filter: grayscale(100%);
     border: solid 1px #f3f3f3;
     cursor: pointer;
}
 .logo-wrapper .logo img {
     width: 80%;
     object-fit: contain;
     height: 40px;
     margin: 0 auto;
}
 .logo-wrapper .logo:hover {
     filter: grayscale(0%);
}
/* =============about-page=============== */
/* ======================= */
/* .journey-section {
     background: #fff;
     text-align: center;
}
 */
/* .roadmap-card .icon svg {
     width: 40px;
     height: 40px;
     stroke: #fff;
}
 */
/* =============about-page-end=============== */
/* =============amc-warranty-management=============== */
/* =====================compliance page====================== */
 .section-title svg {
     width: 36px;
     height: 36px;
}
/* ----------Secure Development ------------ */
/* ----------- Secure Development end-------- */
/* -------incident-rsponse-section------ */
/* incident-rsponse-section-end */
/* responsible-section */
/* =====================compliance page====================== */
/* ================news-event-page================ */
/* ================order-management-solution-page============= */
/* ================order-management-solution-page-end============= */
/* home-blog-section */
 .blog-section .swiper {
     width: 100%;
     height: 100%;
}
 .blog-section .swiper-slide img {
     display: block;
     width: 100%;
     height: 100%;
     object-fit: cover;
}
/* ======================pricing-popup===================== */
 .pricing-popup .btn-close {
     position: absolute;
     right: 17px;
     top: 15px;
     color: #fff;
}
/* */
 .pricing-popup .modal-content {
     border-radius: 30px;
}
 .pricing-popup .modal-content .modal-body {
     padding: 0;
     border-radius: 30px;
     background-color: #f8f9fa;
}
 .pricing-popup .pricing-details {
     padding: 0 30px 30px;
}
 .pricing-details {
     display: flex;
     height: 80vh;
     overflow: auto;
     gap: 15px;
     flex-wrap: wrap;
}
 .pricing-popup .pricing-row {
     display: flex;
     flex-direction: column;
     gap: 15px;
     width: 32%;
}
 .pricing-popup .pricing-row .pricing-listing {
     width: 100%;
     height: auto;
     background: #ffffffee;
     padding: 15px;
     border-radius: 8px;
     border: solid 1px #dddddde8;
}
 .pricing-hd {
     display: flex;
     align-items: center;
     height: 40px;
}
 .pricing-listing .pricing-hd .pricing-img {
     position: absolute;
     width: 40px;
     height: 40px;
     display: none;
}
 .pricing-hd h4 {
     margin-bottom: 0;
}
 .pricing-hd h4 a {
     font-size: 15px;
     text-align: left;
     font-weight: 600;
     color: #000;
     display: flex;
     margin-bottom: 0;
     text-decoration: underline;
}
 .pricing-hd h4 a svg {
     width: 20px;
     margin-right: 12px;
}
 .pricing-details .pricing-listing ul {
     padding-left: 0;
}
 .pricing-details .pricing-listing ul li {
     font-size: 14px;
     text-align: left;
     padding: 1px 10px;
     font-weight: 400;
    /* color: #565151;
     */
     display: flex;
     align-items: center;
}
 .pricing-details ul li i {
     font-size: 16px;
    /* color: var(--primary-color);
     */
     margin-right: 10px;
     line-height: 1;
}
 .pricing-img img {
     width: 100%;
     height: auto;
     max-width: 100%;
     display: block;
}
 .pricing-popup .modal-title {
     position: relative;
     padding: 30px 30px 20px;
     color: #000000;
}
 .pricing-details p.text-left {
     color: #fff;
}
 .groweonsuite-text h5 {
     color: #000000;
     font-weight: 700;
     font-size: 17px;
}
 .groweonsuite-text .sub-text p {
     color: #000000;
     font-size: 14px;
     font-weight: 400;
     margin: 0;
}
 .groweonsuite-text h3 {
     color: #000000;
     font-size: 20px;
}
 .groweonsuite-text .sub-text {
     border: solid 1px #dbd7d7b8;
     padding: 18px;
     margin-bottom: 15px;
     background: #ffffff;
     border-radius: 14px;
     margin-top: 20px;
}
 .groweonsuite-text .sub-text svg {
     fill: #000000;
     margin-right: 10px;
}
 .groweonsuite-text .pricing-text span {
     color: #e74c3c;
}
/* ======================pricing-popup-end===================== */
/* ================lead-management-section================ */
/* .manage-leads-scroll {
     height: 600px;
     overflow: auto;
}
 */
/* ================lead-management-section================ */
/* ================faq-section================ */
/* ================faq-section================ */
/* ==============AMC Management Software-page================== */
/* ==============AMC Management Software-page-end================== */
/* .purchase-management-section .roadmap-card {
     border: solid 2px #e5e5e5;
     box-shadow: 0px 1px 3px #ddddddd9;
}
 .purchase-management-section .roadmap-card:hover {
     border: solid 2px #000;
}
 */
/* .order-management-section .event-text-section .green-block {
     background: #00c95011;
     border-radius: 15px;
     border-left: solid 4px #00c951;
     padding: 25px;
}
 .order-management-section .event-text-section .green-block h4 {
     font-size: 16px;
     font-weight: 600;
     margin-bottom: 10px;
     color: #008236;
}
 .order-management-section .event-text-section .green-block p {
     padding: 0;
     color: #008236;
}
 */
/* .ten-essential-section .feature-card {
     background-color: #222;
}
 */
/* .crm-pricing.purchase-management-section .col-md-3 {
     width: 20%;
     max-width: 100%;
}
 */
/* .cookies-popup .wrapper {
     position: fixed;
     bottom: -200px;
     max-width: 100%;
     width: 100%;
     background: #fff;
     padding: 15px 25px 22px;
     transition: right 0.8s ease;
     box-shadow: 0px -16px 29px #00000014;
     padding: 15px 72px;
}
 .cookies-popup .wrapper.show {
     bottom: 0;
}
 .cookies-popup .wrapper header {
     display: flex;
     align-items: center;
     column-gap: 15px;
}
 .cookies-popup .wrapper .data {
     margin-top: 16px;
}
 .cookies-popup .wrapper .data p {
     color: #333;
     font-size: 16px;
}
 .cookies-popup .data p a:hover {
     text-decoration: underline;
}
 .cookies-popup .wrapper .buttons {
     margin-top: 16px;
     width: 100%;
     display: flex;
     align-items: center;
     gap: 10px;
}
 .cookies-popup .buttons #acceptBtn:hover {
     background-color: #000000;
}
 .cookies-popup #declineBtn {
     background-color: #fff;
}
 .cookies-popup #declineBtn:hover {
     background-color: #000000;
     color: #fff;
}
 .cookies-popup .black-btn {
     border: none;
}
 .common-section {
     padding-top: 120px;
     padding-bottom: 85px;
     position: relative;
}
 */
/* ============blog-section======== */
 .blog-box-ar {
     border: solid 2px #e1e1e1;
     border-radius: 14px;
     overflow: hidden;
     box-shadow: 0px 0px 4px #ddddddd1;
     height: 100%;
}
 .blog-box-ar .blog-box-text h3s {
     line-height: 25px !important;
}
 .blog-box-ar .blog-box-text h3 a {
    font-size: 22px;
    font-weight: 500;
    color: #000;
    margin-bottom: 8px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 30px;
}
 .blog-box-ar .blog-box-text {
     padding: 25px 20px;
}
 .blog-box-ar .blog-box-text p {
     margin-top: 20px;
}
 .blog-read-more {
     color: #000;
     font-weight: 600;
     font-size: 14px;
     padding: 6px;
}
 .blog-box-ar .blog-read-more:hover {
     background: #ddd;
     color: #000;
     padding: 6px;
     border-radius: 8px;
}
 .blog-box-ar .blog-read-more svg {
     margin-left: 10px;
     width: 20px;
     height: 20px;
}
 .blog-box-ar .postby {
     color: #555;
     font-weight: 300;
}
 .blog-box-ar .postby b {
     color: #000;
     font-size: 14px;
     font-weight: 500;
}
/* .blog-side-panel hr {
     background-color: rgb(255 255 255 / 62%);
     border: 0;
     opacity: 0.5;
     margin: 0;
}
 */
/* .blog-details .blog-img img {
     object-fit: cover;
}
 */
 .blog-section .swiper-slide {
     min-height: 100% !important;
     margin-bottom: 20px;
     height: auto !important;
}
/* ============blog-section======== */
 .award-card {
     background: #fff;
     padding: 40px 30px;
     border-radius: 16px;
     box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
     transition: all 0.3s;
     border: 1px solid #e9ecef;
     height: 100%;
}
 .award-badge {
     width: 100%;
     height: 120px;
     display: flex;
     align-items: center;
     justify-content: center;
     margin-bottom: 24px;
     background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
     border-radius: 12px;
}
 .award-title {
     font-size: 22px;
     font-weight: 500;
     color: #000;
     margin-bottom: 8px;
}
 .award-org {
     font-size: 14px;
     color: #7fb539;
     font-weight: 600;
     margin-bottom: 16px;
}
 .award-description {
     font-size: 14px;
     color: #666;
     line-height: 1.7;
     margin-bottom: 20px;
}
 .award-date {
     font-size: 13px;
     color: #999;
     font-weight: 500;
     padding-top: 16px;
     border-top: 1px solid #e9ecef;
}
 .awards-section .swiper {
    height: 100%;
}
 .awards-section .swiper-slide {
    height: auto !important;
     padding: 0 15px;
}
 .awards-section .swiper-button-next {
    box-shadow: 0 0 10px #00000033;
     width: 30px;
     height: 30px;
     background-color: #000;
     border-radius: 30px;
     right: 0;
     margin: 0 auto;
     transition: all 0.3s ease;
}
 .awards-section .swiper-button-prev {
    box-shadow: 0 0 10px #00000033;
     width: 30px;
     height: 30px;
     background-color: #000;
     border-radius: 30px;
     left: 0;
     margin: 0 auto;
     transition: all 0.3s ease;
}
 .awards-section .swiper-button-next::after, .awards-section .swiper-button-prev::after {
    font-size: 12px;
     color: #fff;
     font-weight: 700;
     transition: all 0.3s ease;
}
 .awards-section .swiper-button-next:hover, .awards-section .swiper-button-prev:hover {
    background-color: #fff;
     transition: all 0.3s ease;
}
 .awards-section .swiper-button-next:hover::after, .awards-section .swiper-button-prev:hover::after {
    color: #000 !important;
     transition: all 0.3s ease;
}
 .award-card a{
    display: flex;
     flex-direction: column;
     justify-content: space-between;
     height: 100%;
}
/*===============media quary===============*/
/*----09-04-2026----*/
/* ── LEFT ── */
/* Badge */
 @keyframes blink {
     0%,100%{
         opacity:1;
         transform:scale(1);
    }
     50%{
         opacity:0.25;
         transform:scale(1.5);
    }
}
/* Accent line */
/* Main headline */
/* Sub-headline */
/* Subtext */
/* CTAs */
/* ── RIGHT — Feature Grid ── */
/* Center AI card */
/* Stat card */
/* ── POPUP ── */
/* ── RESPONSIVE ── */
/*==========10-04-2026====================*/
/* Decorative Elements */
/* Container */
/* Header Section */
/* Individual Card */
/* Card Icon */
/* Individual card icon colors */
/* Card Title */
/* Card Description */
/* Features List */
/* Card CTA Button */
/* New Sales Team - 12.05.26 - Start*/
 @keyframes badgeBlink {
     0%, 100% {
         opacity: 1;
         transform: scale(1);
    }
     50% {
         opacity: 0.2;
         transform: scale(0.75);
    }
}
/* New Sales Team - 12.05.26 - End*/
/* Aion Section - 18.05.26 - Start */
 @keyframes blink {
     0%,100%{
         opacity:1;
         transform:scale(1);
    }
     50%{
         opacity:0.15;
         transform:scale(0.6);
    }
}
/* Aion Section - 18.05.26 - End */
 @media screen and (max-width: 1400px) and (min-width: 1200px) {
     .section-title h1 {
         color: #000;
         font-size: 42px;
         line-height: 43px;
    }
     p {
         color: var(--p-text);
         font-family: var(--allover-font);
         font-size: 14px;
         font-weight: 400;
         line-height: 26px;
    }
}
@media screen and (max-width: 991px) and (min-width: 768px) {
     .section-title h1 {
         color: #000;
         font-size: 36px;
         line-height: 50px;
    }
    /* .mean-nav .ri-arrow-down-s-line {
         display: none;
    }
     .header-nav-wrapper .col-md-2 {
         width: 100%;
    }
     .header-nav-wrapper .col-md-3 {
         width: 100%;
    }
     */
     .section {
         padding-top: 30px;
         padding-bottom: 30px;
    }
     .pricing .col-md-4 {
         width: 50%;
    }
     .logo-wrapper {
         width: 20%;
    }

    .client-logo-ar .col-md-2{
        width:25%;
    }
}
@media (max-width: 767px) {
    /* .banner-form ul li::before {
         position: absolute;
         width: 1px;
         height: 60px;
         background-color: transparent;
         content: "";
         top: 22px;
         right: 0;
    }
     */
    /* .search-btn .btn {
         background-color: var(--Cgreen-btn);
         border-radius: 6px;
         color: #fff;
         width: 100%;
         margin-top: 15px;
         height: 48px;
    }
     */
    /* .logo-holder {
         width: 95px;
         height: auto;
         display: inline-block;
         padding-top: 15px;
    }
     */
     .logo-wrapper {
         width: 33%;
    }
     .section-title h1 {
         color: #000;
         font-size: 35px;
         line-height: 40px;
    }
     .pricing-popup .pricing-row {
         display: flex;
         flex-direction: column;
         gap: 15px;
         width: 100%;
         max-width: 100%;
    }
    /* =============header-end=========== */
     .section-title {
         margin-bottom: 30px;
    }
    /* .purchase-management-uper-footer.crm-stands .roadmap-card {
         margin-bottom: 15px;
    }
     */
    /* .skill-section .show-counter .col-md-2_5 {
         text-align: center;
         width: 50%;
         margin-bottom: 16px;
    }
     */
     ::-webkit-scrollbar {
         width: 2px;
    }
    /* Track */
    /* Handle */
    /* Handle on hover */
     .section {
         padding-top: 20px;
         padding-bottom: 20px;
    }
    /* ============banner-section============ */
     .trust{
        padding:20px 0;
        
    }
    .client-logo-ar .col-md-2 {
        width: 30% !important;
        margin-top: 20px;
    }
     .logo-wrapper .logo {
         padding: 10px 16px;
    }
     .section-title h3 {
         font-size: 22px;
    }
}
/* cyrillic-ext */
 @font-face {
     font-family: "Inter";
     font-style: normal;
     font-weight: 100 900;
     font-display: swap;
     src: url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2JL7SUc.woff2) format("woff2");
     unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
 @font-face {
     font-family: "Inter";
     font-style: normal;
     font-weight: 100 900;
     font-display: swap;
     src: url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa0ZL7SUc.woff2) format("woff2");
     unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}
/* greek-ext */
 @font-face {
     font-family: "Inter";
     font-style: normal;
     font-weight: 100 900;
     font-display: swap;
     src: url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2ZL7SUc.woff2) format("woff2");
     unicode-range: U+1F00-1FFF;
}
/* greek */
 @font-face {
     font-family: "Inter";
     font-style: normal;
     font-weight: 100 900;
     font-display: swap;
     src: url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1pL7SUc.woff2) format("woff2");
     unicode-range: U+370-377, U+37A-37F, U+384-38A, U+38C, U+38E-3A1, U+3A3-3FF;
}
/* vietnamese */
 @font-face {
     font-family: "Inter";
     font-style: normal;
     font-weight: 100 900;
     font-display: swap;
     src: url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2pL7SUc.woff2) format("woff2");
     unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
 @font-face {
     font-family: "Inter";
     font-style: normal;
     font-weight: 100 900;
     font-display: swap;
     src: url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa25L7SUc.woff2) format("woff2");
     unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
 @font-face {
     font-family: "Inter";
     font-style: normal;
     font-weight: 100 900;
     font-display: swap;
     src: url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1ZL7.woff2) format("woff2");
     unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
 .gp2-grid {
     margin: 0 auto;
     display: grid;
     grid-template-columns: repeat(3, 1fr);
     gap: 20px;
}
 .gp2-card {
     position: relative;
     background: #fff;
     border: 1px solid rgba(17, 17, 17, 0.07);
     border-radius: 15px;
     padding: 20px 26px;
     overflow: hidden;
     transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
     display: flex;
     justify-content: center;
     align-items: flex-start;
     gap: 10px;
}
 .gp2-card::before {
     content: "";
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     height: 3px;
     background: var(--gp2-accent, #abd402);
     transform: scaleX(0);
     transform-origin: left;
     transition: transform 0.3s ease;
}
 .gp2-card:hover {
     transform: translateY(-4px);
     box-shadow: 0 20px 44px -24px rgba(17, 17, 17, 0.22);
     border-color: rgba(17, 17, 17, 0.1);
}
 .gp2-card:hover::before {
     transform: scaleX(1);
}
 .gp2-card-icon {
     width: 48px;
     height: 48px;
     border-radius: 13px;
     display: flex;
     align-items: center;
     justify-content: center;
     background: var(--gp2-tint, #eef7d0);
     color: var(--gp2-accent, #7a9500);
     margin-bottom: 20px;
     transition: transform 0.25s ease;
     flex: 0 0 auto;
}
 .gp2-card:hover .gp2-card-icon {
     transform: scale(1.06);
}
 .gp2-card-icon img,.gp2-card-icon svg {
     width: 30px;
     height: 30px;
     stroke-width: 2px;
}
 .gp2-card h4 {
     font-size: 22px;
     font-weight: 400;
     color: #111;
     margin-bottom: 8px;
     display: flex;
     align-items: center;
     gap: 8px;
}
 .gp2-card p {
     font-size: 14px !important;
     line-height: 1.6;
     margin: 0;
     text-align:left;
     line-height: 1.2 !important;
}
 @media (max-width: 900px) {
     .gp2-grid {
         grid-template-columns: repeat(2, 1fr);
    }
}
@media (max-width: 640px) {
     .gp2-grid {
         grid-template-columns: 1fr;
    }
     .show-desktop{
    display:none !important;
    }
    .show-mobile{
        display:flex !important;
    }
}
 .gi2-section {
     background: #fff;
     padding: 80px 0;
}
 .gi2-main-div {
     max-width: 1300px;
     margin: 0 auto;
     padding: 0 40px;
}
 .gi2-head {
     text-align: center;
     margin: 0 auto 45px;
}
 .gi2-head p {
     max-width: 900px;
     margin: 0 auto;
}
/* .gi2-shell {
     align-items: start;
     background-color: #fff;
     padding: 24px;
     border-radius: 15px;
     border: 1px solid rgb(17 17 17 / 10%);
}
 */
 .gi2-tabs {
     position: relative;
    /* background: #fff;
     */
     border-radius: 15px;
     display: grid;
     grid-template-columns: 1fr 1fr 1fr 1fr;
     gap: 24px;
     margin:auto 0;
}
 .b2b-tab-icon{
     background-color:#e3f2fb;
     color:#0899d4 
}
 .edu-tab-icon{
     background-color:#e6f9ef;
     color:#26bb6f;
}
 .automobile-tab-icon{
     background-color:#f7e9fb;
     color:#a020c8;
}
 .realestate-tab-icon{
     background-color:#eef7d0;
     color:#7a9500;
}
 .fmcg-tab-icon{
     background-color:#fff3e8;
     color:#f07a2a;
}
 .travel-tab-icon{
     background-color:#e6faf7;
     color:#1dbba9;
}
 .pharma-tab-icon{
     background-color:#fdf3e2;
     color:#d97706;
}
 .insurance-tab-icon{
     background-color:#eef2ff;
     color:#4f46e5;
}
 .gi2-tab {
     background: #fff;
     border-radius: 16px;
     padding: 14px;
     border: 1px solid #eef1f6;
     box-shadow: 0 4px 16px rgba(20, 30, 60, 0.04);
     transition: transform 0.25s, box-shadow 0.25s;
     display: flex;
     border-radius: 15px;
     text-align: left;
     gap:16px;
}
 .gi2-tab:hover{
     transform: translateY(-4px);
     box-shadow: 0 12px 28px rgba(20, 30, 60, 0.08);
}
 .gi2-tab-icon {
     flex-shrink: 0;
     width: 40px;
     height: 40px;
     border-radius: 11px;
     display: flex;
     align-items: center;
     justify-content: center;
     transition: background 0.25s, color 0.25s;
}
 .gi2-tab-icon svg {
     width: 20px;
     height: 20px;
     stroke-width: 2px;
}
 .gi2-tab-text {
     display: flex;
     flex-direction: column;
     gap: 3px;
     min-width: 0;
     margin:auto 0;
}
 .gi2-tab-name {
     font-size: 18px;
     font-weight: 500;
     color: #111;
     transition: color 0.25s;
}
 .gi2-tab-subtitle {
     font-size: 13px;
     color: #748b10;
     font-weight:600;
}
 .gi2-tab-desc {
     font-size: 14px;
     color: #666;
     line-height: 1.2;
}
 @keyframes gi2fade {
     from {
         opacity: 0;
         transform: translateY(6px);
    }
     to {
         opacity: 1;
         transform: translateY(0);
    }
}
 @media(max-width:1100px){
     .gi2-tabs{
         grid-template-columns:1fr 1fr;
    }
}
@media (max-width: 900px) {
     .gi2-shell {
         grid-template-columns: 1fr;
    }
     .gi2-tabs {
         flex-direction: row;
         overflow-x: auto;
         -webkit-overflow-scrolling: touch;
         align-items: center;
    }
     .gi2-tab {
         flex-shrink: 0;
         width: auto;
         height: auto;
         padding: 10px 14px;
         min-height:auto;
         height:100%;
    }
    .gi2-section{
        padding: 60px 0;
    }
    .sec-section{
        padding: 60px 0;
    }
    .ai-section{
        padding:60px 0;
    }
    .gw-growth-showcase{
        padding:60px 40px;
    }
    .gw-pricing-wrap{
        padding: 60px 40px;
    }
    .section{
        padding:60px 0;
    }
    .ready-cta{
        padding:50px 0;
    }
}
@media(max-width:640px){
     .gi2-tabs{
         grid-template-columns:1fr;
    }
}
/* ---------- Section wrapper ---------- */
 .integrations-section {
     max-width: 1180px;
     margin: 0 auto;
     background: #ffffff;
     border-radius: 15px;
     padding: 30px;
     box-shadow: 0 20px 50px rgba(20, 30, 60, 0.06);
}
/* ---------- Heading with line + dot ---------- */
/* ---------- Grid ---------- */
 .logo-grid {
     display: grid;
     grid-template-columns: repeat(10, 1fr);
     gap: 18px;
}
/* ---------- Pill card ---------- */
 .pill-icon {
     width: 60px;
     height: 60px;
     padding:7px;
     border-radius: 13px;
     display: flex;
     align-items: center;
     justify-content: center;
     flex-shrink: 0;
     font-weight: 700;
     font-size: 15px;
     color: #ffffff;
     background: #ffffff;
     border: 1px solid #e8e8e870;
     box-shadow: 0 4px 16px rgba(20, 30, 60, 0.04);
}
/* ---------- Responsive ---------- */
@media(max-width:992px){
     .logo-grid{
         grid-template-columns: repeat(5, 1fr);
     }
}
@media (max-width: 640px) {
     .integrations-section {
         padding: 32px 20px 40px;
         border-radius: 18px;
    }
}


@media(max-width:575px){
     .logo-grid{
         grid-template-columns: repeat(4, 1fr);
         gap: 5px;
     }
}
 .gw-pricing-wrap {
     padding: 80px 40px;
     max-width: 1300px;
     margin: 0 auto;
}
 .gw-pricing-heading{
     display:flex;
     justify-content:center;
     align-items:center;
     text-align:center;
     flex-direction:column;
}
 .gw-pricing-wrap h2 span{
     color: #abd402;
}
/* Billing toggle */
 .gw-billing-switcher {
     display: flex;
     align-items: center;
     justify-content: center;
     gap: 12px;
     margin: 24px 0 48px;
}
 .gw-billing-switcher span {
     font-size: 15px;
     color: #6b7280;
     font-weight: 500;
}
 .gw-billing-switcher span.gw-cycle-active {
     color: #1a1a2e;
}
/* Cards grid */
 .gw-tier-grid {
     display: grid;
     grid-template-columns: repeat(3, 1fr);
     gap: 24px;
     align-items: start;
     margin-top:45px;
}
 .gw-tier-card {
     background-color: #f7f7fa;
     border-radius: 16px;
     padding: 32px 28px 36px;
     display: flex;
     flex-direction: column;
     height: 100%;
}
 .gw-tier-card.gw-tier-featured {
     padding: 0;
     overflow: hidden;
     box-shadow: 0 0 40px rgb(66 149 29 / 18%);
}
 .gw-tier-card.gw-tier-featured .gw-tier-body {
     background-color: #fff;
     padding: 28px 28px 36px;
     flex: 1;
     display: flex;
     flex-direction: column;
}
 .gw-tier-title {
     font-size: 18px;
     font-weight: 400;
     color: #111;
     margin: 0 0 12px;
}
 .gw-tier-price {
     display: flex;
     align-items: baseline;
     gap: 6px;
     margin-bottom: 24px;
     flex-direction:column;
}
 .gw-tier-price .gw-price-amount {
     font-size: 30px;
     font-weight: 600;
     color: #111;
     line-height: 1;
}
 .gw-tier-card.gw-tier-featured .gw-tier-price .gw-price-amount {
     color: #6c8602;
}
 .gw-tier-price .gw-price-period {
     font-size: 15px;
     color: #6b7280;
     font-weight: 500;
}
 .gw-tier-perks {
     list-style: none;
     margin: 0 0 32px;
     padding: 0;
     flex: 1;
}
 .gw-tier-perks li {
     display: flex;
     align-items: center;
     gap: 10px;
     font-size: 14px;
     color: #4b5563;
     padding: 5px 0;
     position: relative;
     padding-left: 32px;
     margin-bottom: 4px;
     line-height: 24px;
}
 .gw-tier-perks li::before {
     content: "";
     position: absolute;
     left: 0;
     top: 4px;
     width: 24px;
     height: 24px;
     background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.5071 10.5245C15.8 10.2316 15.8 9.75674 15.5071 9.46384C15.2142 9.17095 14.7393 9.17095 14.4464 9.46384L10.9649 12.9454L9.55359 11.5341C9.2607 11.2412 8.78582 11.2412 8.49293 11.5341C8.20004 11.827 8.20004 12.3019 8.49294 12.5947L10.4346 14.5364C10.7275 14.8293 11.2023 14.8292 11.4952 14.5364L15.5071 10.5245Z' fill='%23323544'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2ZM3.5 12C3.5 7.30558 7.30558 3.5 12 3.5C16.6944 3.5 20.5 7.30558 20.5 12C20.5 16.6944 16.6944 20.5 12 20.5C7.30558 20.5 3.5 16.6944 3.5 12Z' fill='%23323544'/%3E%3C/svg%3E");
     background-repeat: no-repeat;
     background-position: center;
     background-size: 24px 24px;
}
/* Responsive breakpoints */
 @media (max-width: 900px) {
     .gw-tier-grid {
         grid-template-columns: 1fr 1fr;
         margin: 45px auto 0 auto;
    }
     .gw-tier-card.gw-tier-featured {
         order: -1;
    }
}
@media (max-width:676px){
     .gw-tier-grid {
         grid-template-columns: 1fr ;
         margin: 0 auto;
    }
}
@media (max-width: 480px) {
     .gw-pricing-wrap {
         padding: 40px 16px;
    }
     .gw-tier-card, .gw-tier-card.gw-tier-featured .gw-tier-body {
         padding: 24px 20px 28px;
    }
     .gw-tier-price .gw-price-amount {
         font-size: 34px;
    }
}
/* ================================ Groweon Why Section ================================ */
 .gw-growth-showcase {
     max-width: 1300px;
     margin: 0 auto;
     padding: 80px 40px;
}
 .gw-highlight-text {
     color: #abd402;
}
 .gw-section-summary {
     max-width: 850px;
     margin: 0 auto;
     line-height: 1.7;
     text-align: center;
     color: #666;
}
 .gw-launch-timer {
     display: flex;
     justify-content: center;
     align-items: center;
     gap: 10px;
     margin: 15px 0 45px;
     font-size: 18px;
     font-weight: 600;
     color: #111;
}
 .gw-launch-timer span {
     color: #abd402;
}
/* ================================ Feature Cards ================================ */
 .gw-feature-grid {
     display: grid;
     grid-template-columns: repeat(3, 1fr);
     gap: 28px;
}
 .gw-feature-card {
     padding: 24px;
     background: #fff;
     border: 1px solid #e8e8e8;
     border-radius: 15px;
     box-shadow: 0 12px 35px rgba(0, 0, 0, 0.05);
     transition: 0.35s ease;
}
 .gw-feature-card h3{
     font-size: 18px;
     font-weight: 400;
     color: #111;
}
 .gw-feature-card:hover {
     transform: translateY(-8px);
}
 .gw-feature-icon {
     display: flex;
     align-items: center;
     justify-content: center;
     width: 40px;
     height: 40px;
     border-radius: 13px;
     background: #748b10 ;
     margin-bottom:16px;
     color:#fff;
}
 .gw-feature-icon svg{
     width: 22px;
     height: 22px;
     stroke-width: 1.5px;
     stroke: #fff;
}
 .gw-feature-card p {
     color: #666;
     font-size: 14px !important;
     line-height: 1.2 !important;
}
 .gw-feature-tags {
     display: flex;
     flex-wrap: wrap;
     gap: 10px;
     margin-top: 22px;
}
 .gw-feature-tags span {
     padding: 2px 6px;
    ;
     border: 1px solid #ececec;
     border-radius: 50px;
     background: #f7f8f7;
     color: #555;
     font-size:12px;
}
/* ================================ Statistics ================================ */
 .gw-metrics-grid {
     display: grid;
     grid-template-columns: repeat(4, 1fr);
     margin-top: 45px;
     background: #fff;
     border: 1px solid #e8e8e8;
     border-radius: 15px;
     overflow: hidden;
}
 .gw-metric-card {
     padding: 30px 24px;
     text-align: center;
     border-right: 1px solid #ececec;
     color: #555;
     font-size: 17px;
     line-height: 1.6;
}
 .gw-metric-card:last-child {
     border-right: none;
}
 .gw-metric-card b {
     display: block;
     margin-bottom: 8px;
     color: #748b10;
     font-size: 28px;
     font-weight: 600;
}
/* ================================ Responsive ================================ */
 @media (max-width: 1200px) {
     .gw-feature-grid {
         gap: 22px;
    }
}
@media (max-width: 992px) {
     .gw-feature-grid {
         grid-template-columns: repeat(2, 1fr);
    }
     .gw-metrics-grid {
         grid-template-columns: repeat(2, 1fr);
    }
    .gw-pricing-wrap{
                padding: 60px 40px;
    }
}
@media (max-width: 767px) {
     .gw-feature-grid, .gw-metrics-grid {
         grid-template-columns: 1fr;
    }
     .gw-launch-timer {
         margin-bottom: 40px;
    }
     .gw-feature-card {
         padding: 24px;
    }
     .gw-metric-card {
         border-right: none;
         border-bottom: 1px solid #ececec;
    }
     .gw-metric-card:last-child {
         border-bottom: none;
    }
    .gi2-main-div,.ai-inner,.sec-inner{
        padding:0px 20px;
    }
    .gw-growth-showcase,.gw-pricing-wrap{
        padding:60px 20px;
    }
    .ready-cta{
        padding:50px 20px;
    }
    .gw-metric-card{
        padding:15px 10px;   
    }
    .gw-feature-card,.sec-card{
        padding:16px;
    }
   
}


/* Header */
 :root{
     --navy:#14282D;
     --ink:#111;
     --muted:#666666;
     --muted-2:#8B9199;
     --line:#ECEFEA;
     --lime:#ABD402;
     --lime-glow:#C7F000;
     --lime-deep:#748b10;
     --lime-tint:#EAF6CF;
     --lime-tint-2:#F2FADF;
     --panel-dark-1:#0F241C;
     --panel-dark-2:#173324;
     --aion-dark-1:#070A10;
     --aion-dark-2:#0D1420;
     --shadow: 0 28px 70px -14px rgba(15,30,20,.20), 0 6px 18px -6px rgba(15,30,20,.10);
     --font-display:'Plus Jakarta Sans', system-ui, sans-serif;
     --font-body:'Inter', system-ui, sans-serif;
}
/* ============ HEADER ============ */
 header.site-header{
     background:rgba(255,255,255,.94);
     backdrop-filter:blur(10px);
     border-bottom:1px solid var(--line);
     position:fixed;
     top:0;
     right:0;
     z-index:500;
}
 .nav-wrap{
     max-width:1360px;
     margin:0 auto;
     padding:0 28px;
     display:flex;
     align-items:center;
     justify-content:space-between;
     height:76px;
}
 .logo{
     display:flex;
     align-items:center;
     gap:9px;
     font-family:var(--font-display);
     font-weight:800;
     font-size:22px;
     letter-spacing:-0.02em;
     color:var(--ink);
     text-decoration:none;
     white-space:nowrap;
}
 .logo .mark{
     width:32px;
     height:32px;
     border-radius:50%;
     background:var(--lime);
     display:flex;
     align-items:center;
     justify-content:center;
     flex-shrink:0;
}
 .logo .mark svg{
     width:16px;
     height:16px;
}
 .logo .grow{
     color:var(--ink);
}
 .logo .eon{
     color:var(--lime-deep);
}
 nav.main-nav{
     flex:1;
     display:flex;
     justify-content:center;
}
 nav.main-nav > ul{
     list-style:none;
     display:flex;
     align-items:center;
     gap:4px;
     margin:0;
     padding:0;
     height:76px;
}
 nav.main-nav > ul > li{
     position:static;
     height:100%;
     display:flex;
     align-items:center;
}
 nav.main-nav > ul > li > a{
     display:flex;
     align-items:center;
     gap:7px;
     padding:9px 16px;
     font-size:14.5px;
     font-weight:500;
     color:var(--ink);
     text-decoration:none;
     border-radius:999px;
     transition:color .15s ease, background .15s ease;
}
 nav.main-nav > ul > li > a:hover{
     background:var(--lime);
}
 nav.main-nav > ul > li.open > a{
     color:var(--ink);
     background:var(--lime);
}
 nav.main-nav > ul > li > a .chev{
     width:11px;
     height:11px;
     stroke:var(--muted-2);
     transition:transform .2s ease, stroke .15s ease;
     flex-shrink:0;
}
 nav.main-nav > ul > li.open > a .chev{
     transform:rotate(180deg);
     stroke:var(--ink);
}
 .cta-group{
     display:flex;
     align-items:center;
     gap:14px;
     white-space:nowrap;
}
 .link-contact{
     font-size:14.5px;
     font-weight:700;
     color:var(--ink);
     text-decoration:none;
     padding:8px 6px;
}
 .link-contact:hover{
     color:var(--lime-deep);
}
 .btn-solid{
     display:flex;
     align-items:center;
     gap:10px;
     padding:6px 6px 6px 20px;
     font-size:16px;
     font-weight:500;
     color:#fff;
     background:#748b10;
     border-radius:8px;
     text-decoration:none;
     text-transform:uppercase;
}
 .btn-solid:hover{
     color:white;
    background:#93b800;
}
 .btn-solid .arrow-dot{
     width:32px;
     height:32px;
     border-radius:50%;
     background:#fff;
     display:flex;
     align-items:center;
     justify-content:center;
     flex-shrink:0;
}
 .btn-solid .arrow-dot svg,.btn-solid .arrow-dot img{
     width:15px;
     height:15px;
     stroke:var(--lime-deep);
}
 .btn-solid-green{
     display:flex;
     align-items:center;
     gap:10px;
     padding:6px 6px 6px 20px;
     font-size:14px;
     font-weight:700;
     color:#fff;
     background:var(--lime);
     border-radius:4px;
     text-decoration:none;
     transition:background .15s ease, transform .15s ease;
}
 .btn-solid-green:hover{
     transform:translateY(-1px);
}
 .btn-solid-green .arrow-dot{
     width:32px;
     height:32px;
     border-radius:50%;
     background:#0b0b0c;
     display:flex;
     align-items:center;
     justify-content:center;
     flex-shrink:0;
}
 .btn-solid-green .arrow-dot svg{
     width:15px;
     height:15px;
     stroke:#fff;
    fill:#fff;
}
/* ============ MEGA SHELF ============ */
 li.has-dropdown{
     position:static;
}
 .mega-shelf{
     position:absolute;
     top:100%;
     left:0;
     right:0;
     display:flex;
     justify-content:center;
     pointer-events:none;
}
 .mega-panel{
     pointer-events:auto;
     margin-top:6px;
     background:#fff;
     border:1px solid var(--line);
     border-radius:20px;
     box-shadow:var(--shadow);
     opacity:0;
     visibility:hidden;
     transform:translateY(6px) scale(.99);
     transition:opacity .16s ease, transform .16s ease, visibility .16s;
     transform-origin:top center;
     overflow:hidden;
}
 li.open .mega-panel{
     opacity:1;
     visibility:visible;
     transform:translateY(0) scale(1);
}
 .panel-inner{
     display:flex;
}
/* -------- shared centered item card -------- */
 a.item-card{
     display:flex;
     flex-direction:column;
     align-items:center;
     text-align:center;
     gap:10px;
     padding:50px 16px;
     text-decoration:none;
     color:inherit;
     border-radius:14px;
     transition:background .15s ease;
     justify-content:center;
     border: 1px solid var(--line);
     border-radius:14px;
     box-shadow: 0 2px 12px rgba(0, 0, 0, 0.04);
     justify-content: flex-start;
}
 a.item-card .item-card-head{
     display: flex;
     align-items: center;
     justify-content: flex-start;
     width: 100%;
     gap: 10px;
     margin-bottom: 15px;
}
 a.item-card:hover{
     background:var(--lime-tint-2);
}
 a.item-card .icon{
     width:40px;
     height:40px;
     border-radius:13px;
     background:#C7F000;
     display:flex;
     align-items:center;
     justify-content:center;
     flex-shrink:0;
    margin-bottom:0;
}
 a.item-card .icon img,a.item-card .icon svg{
     width:22px;
     height:22px;
     stroke:#fff !important;
}
 a.item-card .txt-title{
     font-size:16px;
     font-weight:500;
     color:var(--ink);
}
 a.item-card .nav-list{
    font-size: 12px;
    text-align: left;
     position: relative;
     padding-left: 20px;
     margin-bottom: 10px;
     line-height: 1.5;
}
 a.item-card .nav-list li {
    margin-bottom:5px;
    color:#666666
}
 a.item-card .nav-list li::before {
     content: "";
     position: absolute;
     left: 0;
     width: 18px;
     height: 18px;
     background-image: url('data:image/svg+xml;utf8,<svg width="18" height="18" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M14.9768 9.99417L10.9649 14.006L9.02327 12.0644M21.25 12C21.25 17.1086 17.1086 21.25 12 21.25C6.89137 21.25 2.75 17.1086 2.75 12C2.75 6.89137 6.89137 2.75 12 2.75C17.1086 2.75 21.25 6.89137 21.25 12Z" stroke="%23abd402" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
     background-size: contain;
     background-repeat: no-repeat;
}
 a.item-card .txt-desc{
     font-size:12px !important;
     color:var(--muted);
     line-height:1.5;
}
 .padding-bottom{
    padding-bottom:200px;
}
/* -------- About Us -------- */
 .panel-about .panel-inner{
     width:1080px;
}
 .about-visual{
     width:300px;
     flex-shrink:0;
     padding:30px 0;
     background:#fff;
     border-right:1px solid var(--line);
     display:flex;
     flex-direction:column;
     justify-content:space-between;
}
 .about-visual-header{
    padding:0 26px;
}
 .about-visual h3{
     font-size:18px;
     font-weight:500;
     line-height:1.25;
     margin:0 0 10px;
     color:var(--ink);
     letter-spacing:-0.01em;
}
 .about-visual h3 span{
     color:var(--lime-deep);
}
 .about-visual .rule{
     width:34px;
     height:3px;
     background:var(--lime);
     border-radius:2px;
     margin-bottom:14px;
}
 .about-visual p{
     font-size:13px !important;
     color:var(--muted);
     line-height:1.6;
     margin:0;
}
 .about-visual p .eyebrow{
     font-size: 11px;
     font-weight: 500;
     letter-spacing: .08em;
     text-transform: uppercase;
     color: #666;
     margin: 0 0 12px;
     position: relative;
     z-index: 1;
}
 .about-visual .art{
     margin-top:20px;
     display:flex;
     justify-content:center;
}
 .about-items{
     flex:1;
     display:grid;
     grid-template-columns:repeat(4,1fr);
     padding:16px;
    gap:5px;
}
 .about-items a.item-card{
     border:1px solid var(--line);
     border-radius:14px;
}

/* -------- Industries / Services (dark rail + grid) -------- */
 .panel-industries .panel-inner{
     width:1080px;
}

.panel-industries a.item-card,.panel-services a.item-card{
    padding:20px 16px;
}
 .panel-services .panel-inner{
     width:1080px;
}
 .dark-rail{
     width:270px;
     flex-shrink:0;
     padding:30px 26px;
     background-image:url('../images-new/nav2.webp');
     background-size: cover;
     background-position: center;
     background-repeat: no-repeat;
     display:flex;
     flex-direction:column;
     justify-content:space-between;
     position:relative;
     overflow:hidden;
}
 .dark-rail2{
     width:270px;
     flex-shrink:0;
     padding:30px 26px;
     background-image:url('../images-new/nav3.webp');
     background-size: cover;
     background-position: center;
     background-repeat: no-repeat;
     display:flex;
     flex-direction:column;
     justify-content:space-between;
     position:relative;
     overflow:hidden;
}
 .dark-rail3{
     width:270px;
     flex-shrink:0;
     padding:30px 26px;
     background-image:url('../images-new/nav4.webp');
     background-size: cover;
     background-position: center;
     background-repeat: no-repeat;
     display:flex;
     flex-direction:column;
     justify-content:space-between;
     position:relative;
     overflow:hidden;
}
 .dark-rail .eyebrow,.dark-rail2 .eyebrow{
     font-size:11px;
     font-weight:500;
     letter-spacing:.08em;
     text-transform:uppercase;
     color:#666 !important;
     margin:0 0 12px;
     position:relative;
     z-index:1;
}
 .dark-rail h3,.dark-rail2 h3{
     font-size:18px;
     font-weight:500;
     line-height:1.25;
     color:#111;
     margin:0 0 6px;
     letter-spacing:-0.01em;
     position:relative;
     z-index:1;
}
 .dark-rail h3 span,.dark-rail2 h3 span{
     color:var(--lime-deep);
}
 .dark-rail .rule,.dark-rail2 .rule{
     width:34px;
     height:3px;
     background:var(--lime);
     border-radius:2px;
     margin:10px 0 14px;
     position:relative;
     z-index:1;
}
 .dark-rail p,.dark-rail2 p{
     font-size:13px !important;
     color:var(--muted);
     line-height:1.6;
     margin:0;
     position:relative;
     z-index:1;
}
 .dark-rail .art{
     margin-top:18px;
     position:relative;
     z-index:1;
}
 .panel-industries .col-items{
     flex:1;
     padding:16px;
     display:grid;
     grid-template-columns:repeat(4,1fr);
     gap:5px;
}
 .panel-services .col-items{
     flex:1;
     padding:16px;
     display:grid;
     grid-template-columns:repeat(3,1fr);
    gap:5px;
}
/* ============ AION MEGA MENU ============ */
 .panel-aion .panel-inner{
     width:1000px;
     flex-wrap:wrap;
}
 .aion-visual{
     width:270px;
     flex-shrink:0;
     background:linear-gradient(180deg, var(--aion-dark-2) 0%, var(--aion-dark-1) 100%);
     padding:26px 24px 20px;
     position:relative;
     overflow:hidden;
     display:flex;
     flex-direction:column;
     background-image:url('../images-new/nav4.webp');
     background-size: cover;
     background-position: center;
     background-repeat: no-repeat;
}
 .aion-badge{
     display:inline-flex;
     align-items:center;
     gap:6px;
     font-size:10.5px;
     font-weight:800;
     letter-spacing:.07em;
     text-transform:uppercase;
     color:#000;
     background:rgb(255 255 255 / 63%);
    ;
     border:1px solid rgb(255 255 255 / 63%);
    ;
     padding:5px 11px;
     border-radius:999px;
     width:fit-content;
     position:relative;
     z-index:1;
    margin-bottom:15px;
    border:1px solid var(--lime-tint) 
}
 .autopilot-image-block {
     width: 100%;
     max-width: 180px;
     height: auto;
}
 .aion-badge .pulse{
     width:6px;
     height:6px;
     border-radius:50%;
     background:var(--lime);
     box-shadow:0 0 0 3px rgba(171,212,2,.28);
}
 .aion-wordmark{
     font-family:var(--font-display);
     font-size:26px;
     font-weight:800;
     color:var(--lime);
     margin:16px 0 0;
     letter-spacing:-0.01em;
     position:relative;
     z-index:1;
}
 .aion-visual h4{
     font-family:var(--font-display);
     font-size:17px;
     font-weight:800;
     color:#fff;
     margin:0 0 6px;
     position:relative;
     z-index:1;
}
 .aion-visual p.tag{
     font-size:13px !important;
     color:var(--muted);
     line-height:1.5;
     margin:15px 0;
     position:relative;
     z-index:1;
}
 .aion-visual p.tag span{
     color:var(--lime-deep);
     font-weight:500;
}
 .robot-wrap{
     display:flex;
     align-items:center;
     justify-content:center;
     flex:1;
     min-height:184px;
     position:relative;
     z-index:1;
     margin:2px 0;
}
 .robot-wrap svg.robot-svg{
     width:112px;
     height:112px;
     position:relative;
     z-index:2;
}
 .float-chip{
     position:absolute;
     width:34px;
     height:34px;
     border-radius:10px;
     background:rgba(20,40,30,.55);
     border:1px solid rgba(171,212,2,.3);
     display:flex;
     align-items:center;
     justify-content:center;
     box-shadow:0 10px 18px -6px rgba(0,0,0,.55);
     z-index:3;
}
 .float-chip svg{
     width:16px;
     height:16px;
}
 .chip-phone{
     top:18px;
     left:4px;
     background:rgba(78,140,255,.22);
     border-color:rgba(126,168,255,.4);
}
 .chip-phone svg{
     stroke:#9DBBFF;
}
 .chip-whatsapp{
     bottom:52px;
     right:0px;
     background:rgba(171,212,2,.24);
     border-color:rgba(171,212,2,.45);
}
 .chip-whatsapp svg{
     stroke:#C7E85B;
}
 .chip-chart{
     bottom:14px;
     right:36px;
     background:rgba(171,212,2,.2);
     border-color:rgba(171,212,2,.4);
}
 .chip-chart svg{
     stroke:#C7E85B;
}
 .chip-target{
     bottom:22px;
     left:14px;
     background:rgba(255,140,64,.22);
     border-color:rgba(255,155,87,.4);
}
 .chip-target svg{
     stroke:#FFB07F;
}
 .aion-foot{
     display:flex;
     align-items:center;
     gap:10px;
     background:rgba(255,255,255,.06);
     border:1px solid rgba(255,255,255,.1);
     border-radius:11px;
     padding:10px 12px;
     position:relative;
     z-index:1;
}
 .aion-foot .brain{
     width:26px;
     height:26px;
     border-radius:8px;
     background:rgba(171,212,2,.16);
     display:flex;
     align-items:center;
     justify-content:center;
     flex-shrink:0;
}
 .aion-foot .brain svg{
     width:14px;
     height:14px;
     stroke:var(--lime);
}
 .aion-foot span{
     font-size:11px;
     color:rgba(255,255,255,.72);
     line-height:1.45;
}
 .aion-right{
     flex:1;
     display:flex;
     flex-direction:column;
     min-width:0;
}
 .aion-items{
     flex:1;
     padding:16px 16px 6px;
     display:grid;
     grid-template-columns:1fr 1fr 1fr;
     gap:5px;
}
 a.aion-card{
     display: flex;
     flex-direction: column;
     align-items: center;
     text-align: center;
     gap: 10px;
     padding: 22px 16px;
     text-decoration: none;
     color: inherit;
     border-radius: 14px;
     transition: background .15s ease;
     justify-content: center;
     border: 1px solid var(--line);
     border-radius: 14px;
     box-shadow: 0 2px 12px rgba(0, 0, 0, 0.04);
     justify-content: flex-start;
}
 a.aion-card:hover{
     background:#F7FAF1;
}
 a.aion-card .icon{
     width:40px;
     height:40px;
     border-radius:13px;
     display:flex;
     align-items:center;
     justify-content:center;
     flex-shrink:0;
    margin-bottom:0;
}
 a.aion-card .icon svg{
     width:22px;
     height:22px;
     stroke:#000;
}
 a.aion-card .txt-title{
     font-size:16px;
     font-weight:500;
     color:#111;
     margin:0 0 3px;
     display: block;
     margin-bottom: 10px;
     text-align: center;
}
 a.aion-card .txt-desc{
     font-size:12px !important;
     color:var(--muted);
     line-height:1.5;
     margin:0;
    text-align: center;
}
 a.aion-card .go{
     position:absolute;
     right:12px;
     bottom:12px;
     width:22px;
     height:22px;
     border-radius:50%;
     display:flex;
     align-items:center;
     justify-content:center;
     opacity:0;
     transform:translateX(-3px);
     transition:opacity .15s ease, transform .15s ease;
}
 a.aion-card:hover .go{
     opacity:1;
     transform:translateX(0);
}
 a.aion-card .go svg{
     width:11px;
     height:11px;
     stroke:#fff;
}
 .icon-green .icon{
     background:#C7F000;
}
 .icon-green .icon svg{
     stroke:var(--navy);
}
 .icon-green .go{
     background:#7FA300;
}
 .icon-blue .icon{
     background:#E1EAFB;
}
 .icon-blue .icon svg{
     stroke:#2E4A8F;
}
 .icon-blue .go{
     background:#2E4A8F;
}
 .icon-skyblue .icon{
     background:#DCEBFB;
}
 .icon-skyblue .icon svg{
     stroke:#2F6FE0;
}
 .icon-skyblue .go{
     background:#2F6FE0;
}
 .icon-purple .icon{
     background:#ECE3FB;
}
 .icon-purple .icon svg{
     stroke:#7C3AED;
}
 .icon-purple .go{
     background:#7C3AED;
}
 .icon-orange .icon{
     background:#FBE7D8;
}
 .icon-orange .icon svg{
     stroke:#DD7A2A;
}
 .icon-orange .go{
     background:#DD7A2A;
}
 .icon-teal .icon{
     background:#DBF3F0;
}
 .icon-teal .icon svg{
     stroke:#12958A;
}
 .icon-teal .go{
     background:#12958A;
}
 .aion-banner{
     margin:10px 16px 16px;
     padding:13px 16px;
     background:var(--lime-tint-2);
     border:1px solid var(--lime-tint);
     border-radius:12px;
     display:flex;
     align-items:center;
     justify-content:space-between;
     gap:16px;
}
 .aion-banner .msg{
     display:flex;
     align-items:center;
     gap:9px;
}
 .aion-banner .msg svg, .aion-banner .msg img{
     width:16px;
     height:16px;
     stroke:var(--lime-deep);
     flex-shrink:0;
     margin-top:2px
}
 .aion-banner .msg span{
     font-size:13px;
     font-weight:600;
     color:#111;
}
 .aion-banner a.btn-mini{
     display:flex;
     align-items:center;
     gap:7px;
     flex-shrink:0;
     background:var(--lime-deep);
     color:#fff;
     font-size:13px;
     font-weight:500;
     padding:8px 8px 8px 14px;
     border-radius:8px;
     text-decoration:none;
}
 .aion-banner a.btn-mini .dot{
     width:20px;
     height:20px;
     border-radius:50%;
     background:#fff;
     display:flex;
     align-items:center;
     justify-content:center;
}
 .aion-banner a.btn-mini .dot svg , .aion-banner a.btn-mini .dot img{
     width:10px;
     height:10px;
     stroke:var(--lime-deep);
}
/* mobile */
 .burger{
     position:relative;
    display:none;
}
 .burger svg{
     position:absolute;
     top:50%;
     left:50%;
     transform:translate(-50%,-50%) rotate(0deg);
     opacity:1;
     transition:opacity .2s ease, transform .2s ease;
}
 .burger .icon-close{
     opacity:0;
     transform:translate(-50%,-50%) rotate(-90deg);
}
 header.site-header.gw-nav-open .burger .icon-burger{
     opacity:0;
     transform:translate(-50%,-50%) rotate(90deg);
}
 header.site-header.gw-nav-open .burger .icon-close{
     opacity:1;
     transform:translate(-50%,-50%) rotate(0deg);
}
/* Safety net so a mega-panel can never force horizontal scroll on the page, at any desktop/laptop width. */
/* Small-laptop / narrow-desktop scaling (mega panels still show on hover here, just narrower so they fit the viewport). */
 @media (min-width: 1101px) and (max-width: 1360px){
     .panel-about .panel-inner, .panel-industries .panel-inner, .panel-services .panel-inner{
         width:920px;
    }
     .panel-aion .panel-inner{
         width:860px;
    }
     .about-visual, .dark-rail, .dark-rail2, .aion-visual{
         width:230px;
    }

}
 @media (min-width: 1101px){
     .mega-panel{
         max-width:calc(100vw - 40px);
    }
     .panel-inner{
         max-width:100%;
         overflow-x:auto;
    }
}
/* ---- Tablet & mobile (matches the existing <=1100px burger breakpoint) — turn the nav into a slide-in drawer and the mega panels into stacked accordions. ---- */
 @media (max-width: 1100px){
     nav.main-nav{
         display:none;
    }
     .cta-group .link-contact{
         display:none;
    }
     .burger{
         display:flex;
         align-items:center;
         justify-content:center;
         width:40px;
         height:40px;
         border-radius:8px;
         border:1px solid var(--line);
         background:#fff;
         cursor:pointer;
    }
     header.site-header{
         left:0;
         width:100%;
    }
     .nav-wrap{
         padding:0 16px;
         height:64px;
    }
     .logo{
         font-size:18px;
    }
     .logo .mark{
         width:28px;
         height:28px;
    }
     .cta-group{
         gap:8px;
    }
     .cta-group .btn-solid ,.cta-group .btn-solid-green{
         padding:5px 5px 5px 14px;
         font-size:14px;
    }
     .cta-group .btn-solid .arrow-dot,.cta-group .btn-solid-green .arrow-dot{
         width:28px;
         height:28px;
    }
     body.gw-nav-open{
         overflow:hidden;
    }
     nav.main-nav{
         display:block;
         position:fixed;
         top:var(--gw-header-h, 64px);
         left:0;
         right:0;
         height:calc(100vh - var(--gw-header-h, 64px));
         height:calc(100dvh - var(--gw-header-h, 64px));
         background:#fff;
         overflow-y:auto;
         -webkit-overflow-scrolling:touch;
         transform:translateX(-100%);
         transition:transform .28s ease;
         z-index:499;
         padding:6px 0 40px;
    }
     header.site-header.gw-nav-open nav.main-nav{
         transform:translateX(0);
    }
     nav.main-nav > ul{
         flex-direction:column;
         align-items:stretch;
         height:auto;
         gap:0;
    }
     nav.main-nav > ul > li{
         height:auto;
         display:block;
         border-bottom:1px solid var(--line);
    }
     nav.main-nav > ul > li > a{
         width:100%;
         padding:16px 20px;
         border-radius:0;
         font-size:16px;
         justify-content:space-between;
    }
     nav.main-nav > ul > li.open > a{
         background:var(--lime-tint-2);
    }
    /* mega panel becomes an inline accordion section instead of a floating absolutely-positioned shelf. grid-template-rows 0fr -> 1fr is used (instead of a guessed max-height in px) so the panel always expands to fit its real content height, however long that content is — nothing gets clipped, on any device or menu. */
     .mega-shelf{
         position:static;
         display:block;
         pointer-events:auto;
    }
     .mega-panel{
         position:static;
         margin:0;
         max-width:none;
         border:none;
         border-radius:0;
         box-shadow:none;
         opacity:1;
         visibility:visible;
         transform:none;
         display:grid;
         grid-template-rows:0fr;
         overflow:hidden;
         transition:grid-template-rows .3s ease;
    }
     .mega-panel > .panel-inner{
         overflow:hidden;
         min-height:0;
    }
     li.open .mega-panel{
         grid-template-rows:1fr;
    }
     .panel-inner{
         flex-direction:column;
         width:100% !important;
         overflow-x:visible;
    }
    /* Simplified mobile menu: drop the desktop mega-panel visuals (side images, taglines, bullet lists, icons) entirely and show just the plain submenu names plus one CTA button. */
     .about-visual, .dark-rail, .dark-rail2, .aion-visual{
         display:none;
    }
     .about-items, .panel-industries .col-items, .panel-services .col-items, .aion-items{
         display:flex;
         flex-direction:column;
         gap:6px;
         grid-template-columns:none;
         background:#FAFBF8;
         padding:10px 12px 14px;
    }
     .about-items a.item-card:last-child{
         padding-top:0;
    }
     a.item-card, a.aion-card{
         display:flex;
         flex-direction:row;
         align-items:center;
         justify-content:flex-start;
         text-align:left;
         gap:0;
         border:none;
         border-radius:8px;
         box-shadow:none;
         background:#fff;
         box-sizing:border-box;
         min-height:52px;
         padding:0 16px;
    }
     a.item-card:hover, a.aion-card:hover{
         background:var(--lime-tint-2);
    }
     a.item-card .icon, a.aion-card .icon, a.aion-card .go, a.item-card .txt-desc, a.aion-card .txt-desc, a.item-card .nav-list{
         display:none;
    }
    /* flatten the two different title wrappers (industries/services use .item-card-head, AION cards use a plain span) so both collapse to just the text line — no leftover flex gap/margin from the desktop layout inflating one section's row height more than another's. */
     a.item-card .item-card-head, a.aion-card > span:not(.icon){
         display:flex;
         align-items:center;
         margin:0;
         padding:0;
         gap:0;
         width:auto;
         height:auto;
    }
     a.item-card .txt-title, a.aion-card .txt-title{
         font-size:15px;
         font-weight:600;
         line-height:1.3;
         margin:0;
         text-align:left;
    }
     .aion-banner{
         justify-content:center;
         background:none;
         border:none;
         margin:6px 20px 16px;
         padding:0;
    }
     .aion-banner .msg{
         display:none;
    }
     .aion-banner a.btn-mini{
         width:100%;
         justify-content:center;
    }
}
 @media(max-width:575px){
     .nav-wrap {
         height: 130px;
         padding-bottom: 20px;
         flex-direction:column;
         gap:10px;
    }
     .burger{
         position: absolute;
         top: 10px;
         right: 10px;
    }
    .btn-ai-explore,.btn-ai-demo{
        padding:14px 10px;
        font-size:14px;
    }

   
}
 @media (max-width: 480px){
     .logo{
         font-size:16px;
    }
     .aion-wordmark{
         font-size:20px;
    }
     .cta-group .btn-solid span:not(.arrow-dot),.cta-group .btn-solid-green span:not(.arrow-dot){
         font-size:12.5px;
    }
}