.padding_right_25 {
           padding-right: 10px;
       }



       #search-bar-dropdown,
       #search-bar-dropdown-desktop {
           background: white;
           border: 1px solid #ddd;
           padding: 20px 220px;
           width: 100%;
           z-index: 1000;
           position: absolute;
           top: 100%;
           left: 0;
       }

       #search-bar-dropdown::before {
           content: "\f002";
           font-family: "Font Awesome 6 Free";
           position: absolute;
           top: 44px;
           transform: translateY(-50%);
           font-size: 16px;
           color: #888;
           margin-left: 15px;
       }

       #search-results,
       #search-results-desktop {
           max-height: 300px;
           overflow-y: auto;
           color: black;
           font-size: 16px;
           line-height: 20px;
       }

       .search-result-item,
       .search-result-item-desktop {
           margin-left: 20px;
           text-decoration: none;
           color: #000;
           font-size: 16px;
           align-items: center;
           padding: 5px;
           margin-bottom: 10px;
       }

       input#search-input-header,
       input#search-input-header-desktop {
           width: 100%;
           height: 50px;
           border-radius: 25px;
           padding: 0px 40px;
           border: 1px solid #D7D7D7;
       }

       .search-result-item a:hover {
           color: var(--primary-color) !important;
       }

       .search-result-item a,
       .search-result-item-desktop a {
           text-decoration: none;
           color: #000 !important;
           padding: 5px 40px !important;
           font-size: 14px !important;
           font-weight: 700 !important;
           line-height: 24px !important;
           padding: 5px !important;
       }

       .search-result-item a::before {
           content: "\f002";
           font-family: "Font Awesome 6 Free";
           font-weight: 400;
           transform: translateY(-5%);
           font-size: 16px;
           color: #000;
           margin-left: -20px;
           margin-right: 10px;
       }

       #clear-search,
       #clear-search-desktop {
           position: absolute;
           top: 44px;
           transform: translateY(-50%);
           background: none;
           font-size: 13px;
           cursor: pointer;
           display: none;
           /* Hidden initially */
           margin-left: -40px;
           background: #000;
           opacity: 60%;
           border-radius: 50px;
           width: 20px;
           height: 20px;
           text-align: center;
           color: #fff;
       }

       div#search-icon,
       span.mobile_toggle {
           display: inline;
       }

       #search-bar-dropdown-desktop::before {
           content: "\f002";
           font-family: "Font Awesome 6 Free";
           position: absolute;
           top: 44px;
           transform: translateY(-50%);
           font-size: 16px;
           color: #888;
           margin-left: 15px;
       }

       .search-result-item-desktop a:hover {
           color: var(--primary-color) !important;
       }

       .search-result-item-desktop a::before {
           content: "\f002";
           font-family: "Font Awesome 6 Free";
           font-weight: 400;
           transform: translateY(-5%);
           font-size: 16px;
           color: #000;
           margin-left: -20px;
           margin-right: 10px;
       }

       /* Quick Links Styling */
       .quick-links,
       .quick-links-desktop {
           margin-top: 20px;
       }

       .quick-links p,
       .quick-links-desktop p {
           font-size: 13px;
           line-height: 25px;
           color: #000000;
           margin-bottom: 0px;
       }

       .related_links,
       .related_links-desktop {
           font-size: 13px;
           line-height: 25px;
           color: #000000;
           margin-bottom: 0px;
           margin-top: 20px;
       }

       .quick-links ul,
       .quick-links-desktop ul {
           list-style: none;
           padding: 0;
       }

       .quick-links ul li,
       .quick-links-desktop ul li {
           padding: 1px 0;
       }

       .quick-links ul li a,
       .quick-links-desktop ul li a {
           text-decoration: none;
           color: #000;
           font-size: 16px;
           display: flex;
           align-items: center;
           padding: 5px;
       }

       .quick-links ul li a:hover {
           color: #000;
       }

       .quick-links-desktop ul li a:hover {
           color: #000;
       }

       .quick-links ul li a i,
       .quick-links-desktop ul li a i {
           margin-right: 10px;
           font-size: 16px;
       }

       .quick_links_suggestion,
       .quick_links-desktop_suggestion {
           font-size: 14px;
           font-weight: 700;
           line-height: 24px;
           color: #000000;
       }

       #close-search-bar {
           cursor: pointer;
           font-size: 22px;
           float: right;
           background: #fff;
           border-radius: 50px;
           width: 33px;
           height: 33px;
           text-align: center;
           color: #000;
       }

       .header_search-desktop,
       .header_search {
           cursor: pointer;
           vertical-align: middle;
       }

       .header_search-desktop:hover::before {
           color: #fff;
       }

       .header_search-desktop::before {
           color: #98A7CA;
           font-size: 20px;
       }

       .globe_icon-container {
           cursor: pointer;
           /* padding: 12px; */
           vertical-align: middle;
           transition: background-color 0.3s ease;
           border-radius: 4px;
       }

       /* Globe CSS */
       .globe_icon-container:hover {
           background-color: #273D72;
       }

       .region-dropdown {
           display: none;
           position: absolute;
           top: 76px;
           background: #fff;
           border-radius: 4px;
           box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
           width: 250px;
           z-index: 1000;
           padding: 8px 16px;
       }

       .region-dropdown .dropdown-title {
           font-weight: 600;
           padding: 15px 0px;
           border-bottom: 1px solid #D9D9D9;
           opacity: 0.6;
           color: #010101;
           font-size: 16px;
       }

       .region-dropdown ul {
           list-style: none;
           margin: 0;
           padding: 0;
       }

       .region-dropdown li {
           padding: 10px 5px;
           display: flex;
           align-items: center;
           gap: 8px;
           cursor: pointer;
           transition: background-color 0.2s;
           justify-content: space-between;
           align-items: center;
       }

       .region-dropdown li:hover {
           background-color: #f0f0f0;
       }

       .region-item {
           display: flex;
           align-items: center;
           gap: 11px;
           font-size: 14px;
           color: #000;
       }




       /* Mobile Responsive */
       @media (max-width: 1279.98px) {
           #search-bar-dropdown {
               background: #E7F3FF;
               border: 1px solid #ddd;
               padding: 20px;
               width: 100%;
               z-index: 1000;
               position: absolute;
               top: 0;
               left: 0;
               height: 1000px;
           }

           input#search-input-header {
               font-size: 18px;
               margin-top: 40px;
           }

           #search-bar-dropdown::before {
               top: 85px;
               position: relative;
           }

           #clear-search {
               top: 123px;
           }
       }

       @media (max-width: 767.98px) {
           .region-dropdown {
               width: 100%;
           }

           .region-dropdown {
               left: 0;
           }

           .globe_icon-container {
               padding: 6px;
               vertical-align: inherit;
           }

           .globe_icon-header {
               margin-left: 4px;
           }
       }

       @media (max-width: 767.98px) {
           .globe_icon-header {
               margin-left: 4px;
               border-radius: 50%;
           }
       }

       .region-dropdown ul.region-grid {
           display: grid;
           grid-template-columns: repeat(1, 1fr);
           gap: 12px;
           padding: 0;
           margin: 0;
           list-style: none;
       }

       .region-item {
           display: flex;
           align-items: center;
           cursor: pointer;
           border-radius: 6px;
           transition: 0.3s;
           padding-left: 2px;
       }

       .region-item img {
           width: 25px;
           height: 18px;
           object-fit: cover;
           border-radius: 2px;
       }

       .region-item:hover {
           background: #f2f4f7;
       }


       #region-dropdown {
           width: 260px;
       }

       #region-search {
           width: 100%;
           padding: 8px 10px;
           margin-bottom: 10px;
           border: 1px solid #ddd;
           border-radius: 6px;
       }

       #region-dropdown ul {
           max-height: 220px;
           overflow-y: auto;
           padding-right: 5px;
           padding-top: 10px;
           gap: 12px;
       }

       #region-dropdown ul li {
           border-radius: 6px;
           cursor: pointer;
       }

       #region-dropdown ul li:hover {
           background: #f5f5f5;
       }

       #region-dropdown .region-item {
           display: flex;
           align-items: center;

       }

       #region-dropdown mark {
           background: #ffe58f;
       }

       #no-region {
           display: none;
           font-size: 14px;
           color: #999;
           margin-bottom: 10px;
       }

       #region-search {
           width: 100%;
           padding: 8px 10px;
           margin-bottom: 10px;
           margin-top: 10px;
           border: 1px solid #ddd;
           border-radius: 6px;
           font-size: 14px;
       }

       #region-dropdown ul li.active .region-item span {
           font-weight: 600;
       }

       #region-dropdown ul li.active img {
           transform: scale(1.05);
       }

       #region-dropdown ul li.active {
           background: #e6f0ff;
       }

       .postid-37517 img.cta-flag.desktop-flag {
           border: 1px solid #f9f2f2;

       }

       /* Navigation Scoped Position */
       .zg_nav_item {
           position: relative !important;
       }

       /* Active Highlight Pill */
       /* .zg_nav_item:hover>.zg_nav_link,
        .zg_nav_item.active>.zg_nav_link {
            background-color: #1c325e !important;
            border-radius: 6px !important;
            color: #ffffff !important;
        } */

       .zg_dropdown_panel {
           position: absolute !important;
           top: calc(100% + 4px) !important;
           /* Slight offset for cleaner spacing */
           background: #ffffff !important;
           border-radius: 12px !important;
           box-shadow: 0px 15px 35px rgba(0, 0, 0, 0.12) !important;
           padding: 16px !important;
           z-index: 99999 !important;
           text-align: left !important;
           max-height: 80vh;

           /* Initial hidden state */
           opacity: 0;
           visibility: hidden;
           pointer-events: none;
           transform: translateY(8px) scale(0.99);
           /* Subtle lift instead of dropping from too far */

           /* Smooth, unified transition for a premium feel */
           transition:
               opacity 0.25s cubic-bezier(0.16, 1, 0.3, 1),
               transform 0.25s cubic-bezier(0.16, 1, 0.3, 1),
               visibility 0.25s cubic-bezier(0.16, 1, 0.3, 1);

           /* Hardware acceleration for lag-free performance */
           will-change: opacity, transform, visibility;
       }

       .zg_nav_item:hover>.zg_dropdown_panel {
           opacity: 1;
           visibility: visible;
           pointer-events: auto;
           transform: translateY(0) scale(1);
       }

       .zg_link_column {
           margin-top: 10px;
       }

       /* ----------------------------------
   1. Solutions Panel (Image 1 Layout)
---------------------------------- */
       .zg_panel_solutions {
           left: 0 !important;
           width: 925px !important;
       }

       .zg_solutions_layout {
           display: grid !important;
           grid-template-columns: 320px 1fr 1fr 1fr !important;
           gap: 20px !important;
       }

       .zg_systems_sidebar {
           background: #F2F6FF !important;
           border-radius: 12px !important;
           padding: 10px !important;
       }

       .zg_section_header {
           font-size: 10px !important;
           font-weight: 500 !important;
           color: #4C6195 !important;
           letter-spacing: 0.5px !important;
           margin-bottom: 10px !important;
           text-transform: uppercase !important;
       }

       .zg_feature_card {
           padding: 10px 5px !important;
           display: flex !important;
           align-items: flex-start !important;
           gap: 12px !important;
           text-decoration: none !important;
       }

       /* .zg_card_badge {
            background: #2563eb !important;
            color: #ffffff !important;
            width: 32px !important;
            height: 32px !important;
            border-radius: 50% !important;
            display: flex !important;
            align-items: center !important;
            justify-content: center !important;
            font-size: 14px !important;
            flex-shrink: 0 !important;
        } */

       .zg_card_title {
           display: block !important;
           font-size: 12px !important;
           font-weight: 700 !important;
           color: #0A1737 !important;
           line-height: 1.2 !important;
       }

       .zg_card_desc {
           margin: 6px 0 0 0 !important;
           font-size: 11.5px !important;
           color: #5D5D5D;
           line-height: 1.4 !important;
       }

       .zg_link_list {
           list-style: none !important;
           padding: 0 !important;
           margin: 0 !important;
       }

       .zg_link_list li {
           margin-bottom: 10px !important;
       }

       .zg_item_link {
           text-decoration: none !important;
           color: #0A1737 !important;
           font-size: 12px !important;
           display: block !important;
           transition: color 0.2s ease !important;
       }

       .zg_item_link:hover {
           color: #2563eb !important;
       }

       /* .zg_bold_link {
            font-weight: 700 !important;
            color: #0f172a !important;
        } */

       .zg_action_link {
           color: #1164FF !important;
           font-family: Inter !important;
           font-size: 12px !important;
           font-style: normal !important;
           font-weight: 600 !important;
           line-height: normal !important;
           padding: 25px 0px !important;
       }

       /* ----------------------------------
   2. Ecosystem & Insights Panels (Image 2 & 3 Layout)
---------------------------------- */
       .zg_panel_ecosystem,
       .zg_panel_insights {
           left: 0 !important;
           width: 380px !important;
       }

       .zg_single_row {
           display: flex !important;
           align-items: flex-start !important;
           gap: 14px !important;
           padding: 12px 8px !important;
           /* border-bottom: 1px solid #D9D9D9 !important; */
           text-decoration: none !important;
           transition: background 0.2s ease !important;
       }

       .zg_single_row:last-child {
           border-bottom: none !important;
       }

       .zg_single_row:hover {
           background: #eceff19e !important;
           border-radius: 8px !important;
       }

       .zg_row_icon {
           color: #2563eb !important;
           font-size: 20px !important;
           margin-top: 2px !important;
           flex-shrink: 0 !important;
       }

       .zg_row_title {
           color: #0A1737;
           font-family: Inter;
           font-size: 12px;
           font-style: normal;
           font-weight: 600;
           line-height: normal;
       }

       .zg_row_desc {
           margin: 6px 0 0 0 !important;
           color: #5D5D5D;
           font-family: Inter;
           font-size: 11.5px;
           font-style: normal;
           font-weight: 400;
           line-height: 130%;
           /* 14.95px */
       }

       /* Pricing and Company Alignment & Width */
       .zg_panel_pricing,
       .zg_panel_company {
           overflow-y: auto;
           width: 360px !important;
       }

       /* Custom Icon Container Box Colors */
       .zg_single_row .zg_row_icon img {
           width: 30px !important;
           height: 30px !important;
           border-radius: 6px !important;
           display: flex !important;
           align-items: center !important;
           justify-content: center !important;
           font-size: 14px !important;
           color: #ffffff !important;
           flex-shrink: 0 !important;
           margin-top: 6px;
       }



       /* Color Palette Matching Figma Design Icons */
       /* .zg_icon_blue {
            background-color: #2563eb !important;
        }

        .zg_icon_purple {
            background-color: #7c3aed !important;
        }

        .zg_icon_indigo {
            background-color: #4f46e5 !important;
        }

        .zg_icon_teal {
            background-color: #0d9488 !important;
        }

        .zg_icon_orange {
            background-color: #ea580c !important;
        } */

       /* Remove padding, margin, and background from dropdown sub-links */
       .zg_dropdown_panel ul.zg_link_list li a.zg_item_link,
       .zg_dropdown_panel ul.zg_link_list li a.zg_item_link:hover {
           padding: 0 !important;
           margin: 0 !important;
           background-color: transparent !important;
           background: none !important;
           box-shadow: none !important;
           border-radius: 0 !important;
       }

       /* Hover color for text only */
       .zg_dropdown_panel ul.zg_link_list li a.zg_item_link:hover {
           color: #1164FF !important;
       }

       .zg_systems_sidebar .zg_feature_card:first-of-type {
           /* border-bottom: 1px solid #D9D9D9 !important; */
       }

       .zg_feature_card:hover {
           background: #d3dbef8a !important;
           border-radius: 5px;
       }

       /* Dark Overlay Backdrop */
       .zg_mobile_overlay {
           position: fixed !important;
           top: 60px !important;
           /* Header height offset */
           left: 0 !important;
           width: 100% !important;
           height: calc(100vh - 60px) !important;
           /* background: rgba(0, 0, 0, 0.4) !important; */
           z-index: 99998 !important;
           display: none;
       }

       .zg_mobile_overlay.active {
           display: block !important;
       }

       /* Mobile Drawer Container */
       .zg_mobile_only_wrapper {
           position: fixed !important;
           top: 75px !important;
           /* Header height offset */
           right: -100% !important;
           /* Off-screen right */
           width: 100% !important;
           max-width: 445px !important;
           height: calc(100vh - 60px) !important;
           background: #ffffff !important;
           z-index: 99999 !important;
           transition: right 0.35s cubic-bezier(0.4, 0, 0.2, 1) !important;
           box-shadow: -5px 0 25px rgba(0, 0, 0, 0.15) !important;
           overflow: hidden !important;
       }

       .zg_mobile_only_wrapper.zg_drawer_open {
           right: 0 !important;
       }

       /* Level 1 List */
       .zg_mob_menu_list {
           list-style: none !important;
           padding: 0 !important;
           margin: 0 !important;
       }

       .zg_mob_nav_item {
           display: flex !important;
           justify-content: space-between !important;
           align-items: center !important;
           padding: 16px 20px !important;
           border-bottom: 1px solid #D9D9D9 !important;
           font-size: 15px !important;
           font-weight: 500 !important;
           color: #273D72 !important;
           cursor: pointer !important;
       }

       .zg_mob_nav_item i {
           color: #273D72 !important;
       }

       .fa-angle-left {
           --fa: "\f104";
           color: #0E204E;
       }

       /* Action Buttons */
       .zg_mob_btn_group {
           display: flex !important;
           gap: 12px !important;
           padding: 0px 0px 0px 20px;
       }



       .zg_mob_demo_btn {
           flex: 1 !important;
           background-color: #2563eb !important;
           color: #ffffff !important;
           font-weight: 600 !important;
           text-align: center !important;
       }

       .zg_mob_signin_btn {
           flex: 1 !important;
           background-color: #0f172a !important;
           color: #ffffff !important;
           font-weight: 600 !important;
           text-align: center !important;
       }

       /* Submenu Slide Panels */
       .zg_mob_submenu_panel {
           position: absolute !important;
           top: 0 !important;
           left: 100% !important;
           width: 100% !important;
           height: 100% !important;
           background: #ffffff !important;
           z-index: 999 !important;
           transition: left 0.3s ease-in-out !important;
           display: flex !important;
           flex-direction: column !important;
       }

       .zg_mob_submenu_panel.active {
           left: 0 !important;
       }

       .zg_mob_back_btn {
           display: flex !important;
           align-items: center !important;
           gap: 8px !important;
           width: 100% !important;
           padding: 16px 0px 0px 20px !important;
           background: #ffffff !important;
           border: none !important;
           font-size: 13px !important;
           font-weight: 700 !important;
           color: #64748b !important;
           text-transform: uppercase !important;
           cursor: pointer !important;
       }

       .zg_mob_scroll_body {
           padding: 16px 20px !important;
           overflow-y: auto !important;
           flex: 1 !important;
       }

       /* Cards & List Content */
       .zg_mob_card_box {
           background: #f4f7fe !important;
           border-radius: 8px !important;
           padding: 12px !important;
           margin-bottom: 20px !important;
       }

       .zg_mob_feature_card {
           display: flex !important;
           align-items: flex-start !important;
           gap: 12px !important;
           text-decoration: none !important;
           padding: 8px;
           /* border-bottom: 1px solid #D9D9D9 !important; */
       }

       .zg_mob_feature_card:last-child {
           border-bottom: none !important;
           padding-bottom: 0 !important;
           margin-bottom: 0 !important;
       }

       .zg_mob_card_icon {
           width: 28px !important;
           height: 28px !important;
           color: #ffffff !important;
           border-radius: 50% !important;
           display: flex !important;
           align-items: center !important;
           justify-content: center !important;
           font-size: 12px !important;
           flex-shrink: 0 !important;
       }

       .zg_mob_card_title {
           font-size: 14px !important;
           font-weight: 600 !important;
           color: #0A1737 !important;
           display: block !important;
           margin-bottom: 6px;
       }

       .zg_mob_card_desc {
           font-size: 14px !important;
           color: #5D5D5D !important;
           margin: 2px 0 0 0 !important;
           line-height: 1.3 !important;
       }

       .zg_mob_section {
           margin-bottom: 20px !important;
       }

       .zg_mob_sec_title {
           font-size: 12px !important;
           font-weight: 500 !important;
           color: #4C6195 !important;
           letter-spacing: 0.5px !important;
           display: block !important;
           margin-bottom: 12px !important;
       }

       .zg_mob_link_list {
           list-style: none !important;
           padding: 0 !important;
           margin: 0 !important;
       }

       .zg_mob_link_list li {
           margin-bottom: 10px !important;
       }

       .zg_mob_link_list a {
           text-decoration: none !important;
           font-size: 14px !important;
           color: #0A1737 !important;
           ;
           display: block !important;
       }

       .zg_mob_blue_link {
           color: #1164FF !important;
           font-size: 14px !important;
           font-weight: 600 !important;
           text-decoration: none !important;
           display: inline-block !important;
           margin-top: 6px !important;
       }

       .zg_mob_row_item {
           display: flex !important;
           align-items: flex-start !important;
           gap: 12px !important;
           padding: 12px 0 !important;
           /* border-bottom: 1px solid #D9D9D9 !important; */
           text-decoration: none !important;
       }



       /* Image Proper Sizing and Sharpness */
       .zg_mob_row_icon img {
           width: 25px !important;
           height: 25px !important;
           object-fit: contain !important;
           /* Crisp & non-blurry vector rendering */
           display: block !important;
           margin-top: 6px;
       }

       @media only screen and (min-width: 834px) and (max-width: 1024px) and (orientation: portrait) {


           a.zg_item_link {
               font-size: 12px !important;
           }

           .zg_panel_solutions {
               left: -64px !important;
           }


           .white_btn {
               font-size: 14px;
               height: 45px;
           }

           .blue_btn2 {
               font-size: 14px;
               height: 45px;
           }

           a.dropdown_down.padding_right_25.font_primary_blue.zg_nav_link {
               font-size: 12px !important;
           }

           .zg_panel_solutions {
               width: 800px !important;
           }

           .zg_panel_pricing,
           .zg_panel_company {
               width: 300px !important;
           }

           .zg_action_link {

               padding: 50px 0px 0px 0px !important;
           }
       }

       @media (max-width: 767.98px) {
           .blue_btn2 {
               margin-top: 20px;
           }
       }

       @media screen and (min-width: 1024px) and (max-width: 1099.98px) {
           .Zigram_Logo {
               max-width: 100px !important;
           }
       }

       .zg_card_divider {
           height: 1px !important;
           align-self: stretch !important;
           background: #D9D9D9 !important;
           margin: 7px 0 !important;
           /* Spacing top & bottom (apne design ke hisab se adjust karein) */
           width: 100% !important;
       }

       .zg_panel_company img[src*="About-zigram.svg"],
       .zg_mob_scroll_body img[src*="About-zigram.svg"] {
           width: 35px !important;
           height: 40px !important;
           object-fit: contain;
       }