:root {
              --bs-primary: #1b52a4;
              --header-height: 60;
          }

          body {
              font-family: "IBM Plex Sans", sans-serif;
              font-optical-sizing: auto;

              font-style: normal;
              font-variation-settings:
                  "wdth" 100;
          }

          html {
              scroll-behavior: smooth;
          }

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

          h1,
          h2,
          h3,
          h4,
          h5,
          h6,
          p {
              font-family: "IBM Plex Sans", sans-serif;

          }


          .btn-primary {
              --bs-btn-color: #fff;
              --bs-btn-bg: var(--bs-primary);
              --bs-btn-border-color: var(--bs-primary);
              --bs-btn-hover-bg: #0a468a;

              /* A slightly darker shade for hover */
          }

          /* Navbar Base */
          .navbar {
              background-color: #fff;
              border-bottom: 1px solid #eee;

          }

          .nav-item {
              font-size: 14px;
              font-weight: 500;
              margin-top: 10px;
              /* padding-left: 16px;
              padding-right: 16px; */
              /* display: flex;
              align-items: center; */
          }

          /* Desktop specific (XL and up) */
          @media (min-width: 1200px) {
              .navbar-nav .nav-link {
                  padding: 0 15px !important;
                  color: #333;
                  font-weight: 500;
                  /* line-height: var(--header-height); */
              }

              /* Show dropdown on hover for Desktop */
              .nav-item.dropdown:hover .dropdown-menu {
                  display: block;
                  margin-top: 0;
                  padding-top: 0;
                  border-radius: 8px;
                  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
                  width: 100%
              }
          }

          /* Mobile specific (Under XL) */
          @media (max-width: 1199px) {
              .offcanvas-body .nav-link {
                  padding: 15px 0 !important;
                  border-bottom: 1px solid #f1f1f1;
                  font-size: 1.1rem;
              }

              .offcanvas-body .dropdown-menu {
                  border: none;
                  background: #f9f9f9;
                  padding-left: 20px;
              }

              .navbar-brand img {
                  height: 30px;
              }
          }



          /* Custom button styling */
          .back-to-top {
              position: fixed;
              bottom: 30px;
              right: 30px;
              width: 50px;
              height: 50px;
              z-index: 1050;
              display: flex;
              align-items: center;
              justify-content: center;
              border-radius: 50%;
              transition: all 0.3s ease;
          }

          .back-to-top:hover {
              transform: translateY(-5px);
              box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
          }

          /* Just to make the page long enough to scroll */
          .spacer {
              height: 2000px;
              background: linear-gradient(180deg, #f8f9fa 0%, #dee2e6 100%);
              padding-top: 50px;
              text-align: center;
          }

          /* Custom class to target the open state */
          .accordion-item:has(.show) {
              border-left: 2px solid #0056b3 !important;
              /* Your blue color */
          }

          .gen-value-card {
              background-color: #F8F8F8;
              width: 32px;
              height: 32px;
              color: #1e56a0;
          }

          .gen-value-card-bg {
              background: linear-gradient(180deg, #174FA2 0%, #4391CE 100%)
          }

          .text-bg {
              background: linear-gradient(180deg, #174FA2 0%, #4391CE 100%);
              -webkit-background-clip: text;
              -webkit-text-fill-color: transparent
          }

          /* ========================================================================= */
          /* genAI image and content collaps 1024 */

          /* Desktop only */
          @media (min-width: 992px) {

              .foundry-row {
                  align-items: center;
              }

              .foundry-row .col-lg-3 {
                  flex: 0 0 auto;
                  width: auto;
              }

              .foundry-row .col-lg-6 {
                  flex: 1 1 auto;
                  max-width: 650px;
              }

              .foundry-row img {
                  width: 100%;
                  max-width: 300px;
                  height: auto;
              }

          }

          /* ============================
         Feature Section Layout
         ============================ */


          /* =====================================
   Feature Section Outer Border
   ===================================== */

          .feature-section {
              border: 1px solid #dcdcdc;
              overflow: hidden;
              background: #ffffff;
          }

          /* =====================================
   Left / Right Divider (Desktop only)
   ===================================== */

          @media (min-width: 992px) {
              .feature-left {
                  border-right: 1px solid #dcdcdc;
              }
          }

          /* =====================================
   Feature Grid Base
   ===================================== */

          .feature-grid {
              display: grid;
              grid-template-columns: 1fr 1fr;
          }

          .feature-box {
              padding: 2rem;
              border-right: 1px solid #e5e5e5;
              border-bottom: 1px solid #e5e5e5;
          }

          /* =====================================
   Desktop only fixes
   ===================================== */

          @media (min-width: 992px) {

              /* Remove right border from right column */
              .feature-box:nth-child(2n) {
                  border-right: none;
              }

              /* Remove bottom border from last row ONLY on desktop */
              .feature-box:nth-child(n+3) {
                  border-bottom: none;
              }

          }

          /* =====================================
   Tablet Layout (2 columns)
   ===================================== */

          @media (max-width: 991px) and (min-width: 768px) {

              .feature-left {
                  border-right: none;
              }

              .feature-grid {
                  grid-template-columns: 1fr 1fr;
              }

              .feature-box {
                  padding: 1.5rem;
                  border-right: 1px solid #e5e5e5;
                  border-bottom: 1px solid #e5e5e5;
              }

              /* Remove right border from right column */
              .feature-box:nth-child(2n) {
                  border-right: none;
              }

              /* IMPORTANT: keep bottom borders visible on tablet */
              .feature-box:nth-child(n+3) {
                  border-bottom: 1px solid #e5e5e5;
              }

          }

          /* =====================================
   Mobile Layout (1 column)
   ===================================== */

          @media (max-width: 767px) {

              .feature-grid {
                  grid-template-columns: 1fr;
              }

              .feature-box {
                  border-right: none;
                  border-bottom: 1px solid #e5e5e5;
                  padding: 1.5rem;
              }

              /* Remove bottom border only from last item */
              .feature-box:last-child {
                  border-bottom: 1px solid #e5e5e5;
              }

          }

          /* ================================= */
          /* ==============INDEX PAGE INSURANCE GPT BORDER FIXED  */
          /* ============================================================== */





          /* global */

          .py-6 {
              padding-bottom: 3.5rem;
              padding-top: 3.5rem;
          }

          .bg-grey {
              background: #F4F4F4;
          }

          /* gen */
          .number-badge-size {
              width: 30px;
              height: 30px;
          }

          .icon-size {
              height: 40px;
              width: 40px;
          }

          .explore-icon-size {
              width: 76px;
              height: 76px;
          }


          /* privacy policy  */
          .p-mt {
              margin-top: 2rem;
          }

          /*  home*/


          .number-badge {
              color: #5B5B5B;
              width: 30px;
              height: 30px;
              background-color: #D9D9D9;
          }

          .ai-execute-card {
              background: #F4F4F4;

          }

          .list-icon-size {
              width: 32px;
              height: 32px;
          }

          /* ===== FORCE ACTIVE NAV STYLE ===== */
          .navbar .nav-link.active {
              color: var(--bs-primary) !important;
              font-weight: 600;
          }

          .navbar .nav-link.active::after {
              content: "";
              position: absolute;
              left: 10px;
              right: 10px;
              bottom: -8px;
              height: 2px;
              /* background-color: var(--bs-primary); */
          }


          /* ================================
           SINGLE UNDERLINE LOGIC (FINAL)
           ================================ */

          .navbar .nav-link {
              position: relative;
          }

          /* Normal active (no submenu involved) */
          .navbar .nav-link.active:not(.parent-active)::before {
              content: "";
              position: absolute;
              left: 15px;
              right: 15px;
              bottom: -8px;
              height: 2px;
              /* background-color: var(--bs-primary); */
          }

          /* Submenu active → underline ONLY from parent-active */
          .navbar .nav-link.parent-active::before {
              content: "";
              position: absolute;
              left: 15px;
              right: 15px;
              bottom: -8px;
              height: 2px;
              /* background-color: var(--bs-primary); */
          }

          /* Active text */
          .navbar .nav-link.active,
          .navbar .nav-link.parent-active {
              color: var(--bs-primary);
              font-weight: 600;
          }

          /* ==================================================
           MOBILE / TABLET: REMOVE ALL UNDERLINES & BORDERS
           ================================================== */
          @media (max-width: 1199px) {

              /* Kill underline pseudo-elements completely */
              /* .offcanvas-body .nav-link::before,
              .offcanvas-body .nav-link::after,
              .offcanvas-body .dropdown-toggle::before {
                  content: none !important;
                  display: none !important;
              } */

              /* Remove any bottom borders */
              .offcanvas-body .nav-link,
              .offcanvas-body .dropdown-item {
                  border-bottom: none !important;
                  box-shadow: none !important;
              }

              /* Active state = FULL BACKGROUND ONLY */
              .offcanvas-body .nav-link.active,
              .offcanvas-body .nav-link.parent-active {
                  background-color: rgba(27, 82, 164, 0.12);
                  color: var(--bs-primary);
                  font-weight: 600;
                  border-radius: 8px;
                  padding-left: 1rem !important;
                  padding-right: 1rem !important;
              }

              .offcanvas-body .dropdown-item.active {
                  background-color: rgba(27, 82, 164, 0.12);
                  color: var(--bs-primary);
                  font-weight: 600;
                  border-radius: 8px;
              }
          }

          .offcanvas-body .dropdown-toggle::after {
              margin-left: auto;
          }

          @media (min-width: 1200px) {

              .navbar .nav-link.active:not(.parent-active)::before {
                  background-color: var(--bs-primary);
              }

              .navbar .nav-link.active::after {
                  background-color: var(--bs-primary);
              }

              .navbar .nav-link.parent-active::before {
                  background-color: var(--bs-primary);
              }

              /* Make dropdown full width */
              .mega-dropdown {
                  position: static;
              }

              .mega-menu {
                  position: absolute;
                  top: 100%;
                  left: 0 !important;
                  right: 0 !important;
                  width: 100vw;
                  max-width: 100vw;
                  margin: 0;
                  border: none;
                  border-radius: 0;
                  padding: 0;
                  opacity: 0;
                  visibility: hidden;
                  transform: translateY(10px);
                  transition: all 0.25s ease;
                  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
                  background: #fff;
                  z-index: 1050;
              }

              /* Show on hover */
              .mega-dropdown:hover .mega-menu {
                  opacity: 1;
                  visibility: visible;
                  transform: translateY(0);
              }
          }

          @media (min-width: 1200px) {
              .mega-menu .container-fluid {
                  max-width: 1400px;
                  margin: auto;
              }

              /* 
              .mega-left {
                  background: #f3f3f3;
                  padding: 30px;
                  min-height: 100%;
              } */

              .mega-right {
                  padding: 24px;
              }

          }

          @media (min-width: 1200px) {

              .mega-left {
                  background: #f5f5f5;
                  padding: 10px;
                  border-right: 1px solid #e0e0e0;
              }

              .mega-item {
                  display: flex;
                  align-items: center;
                  padding: 10px 10px;
                  margin-bottom: 4px;
                  font-size: 15px;
                  font-weight: 400;
                  color: #1a1a1a;
                  border-radius: 6px;
                  text-decoration: none;
                  position: relative;
                  transition: all 0.2s ease;
                  cursor: pointer;
                  border-radius: 0px;
              }

              /* Hover state */
              .mega-item:hover {
                  background: #e9ecef;
              }

              /* Active item */
              .mega-item.active {
                  background: #e0e0e0;
                  font-weight: 500;
              }


              .mega-item:hover::before,
              .mega-item.active::before {
                  opacity: 1;
              }
          }

          @media (min-width: 1200px) {

              /* Keep menu open when hovering menu itself */
              .mega-dropdown:hover .mega-menu,
              .mega-menu:hover {
                  opacity: 1;
                  visibility: visible;
                  transform: translateY(0);
              }

              /* Invisible hover bridge (prevents flicker) */
              .mega-menu::before {
                  content: "";
                  position: absolute;
                  top: -20px;
                  left: 0;
                  right: 0;
                  height: 20px;
              }
          }

          @media (min-width: 1200px) {
              .mega-menu {
                  top: 100%;
                  margin-top: 0 !important;
                  padding-top: 20px;
                  /* spacing INSIDE, not outside */
              }
          }

          /* ======================================
           MOBILE & TABLET – RESTORE OLD DESIGN
           ====================================== */
          @media (max-width: 1199px) {

              /* Reset mega dropdown behavior */
              .mega-dropdown {
                  position: relative !important;
              }

              .mega-menu {
                  position: static !important;
                  width: 100% !important;
                  max-width: 100% !important;
                  opacity: 1 !important;
                  visibility: visible !important;
                  transform: none !important;
                  box-shadow: none !important;
                  background: #f9f9f9;
                  padding: 0.5rem 1rem;
              }

              /* Stack submenu items normally */
              .mega-left,
              .mega-right {
                  width: 100%;
                  max-width: 100%;
                  padding: 0;
                  background: transparent;
                  border: none;
              }

              /* Hide right panel on mobile */
              .mega-right {
                  display: none;
              }

              /* Mobile submenu item style (OLD LOOK) */
              .mega-item {
                  display: block;
                  padding: 12px 0;
                  font-size: 1.05rem;
                  font-weight: 500;
                  color: #333;
                  background: none !important;
                  text-decoration: none;
              }

              /* Active mobile item */
              .mega-item.active {
                  color: var(--bs-primary);
                  font-weight: 600;
              }
          }

          /* ===============================
       FINAL DROPDOWN ARROW FIX
       =============================== */
          .navbar .dropdown-toggle {
              position: relative;
          }

          .navbar .dropdown-toggle::after {
              display: inline-block !important;
              margin-left: 8px;
              vertical-align: middle;
              border-top: 0.4em solid currentColor;
              border-right: 0.35em solid transparent;
              border-left: 0.35em solid transparent;
          }

          /* Mobile arrow alignment */
          @media (max-width: 1199px) {
              .offcanvas-body .dropdown-toggle::after {
                  float: right;
                  margin-top: 6px;
              }
          }

          /* =========================================
           MOBILE / TABLET – ENABLE DROPDOWN TOGGLE
           ========================================= */
          @media (max-width: 1199px) {

              /* Let Bootstrap control visibility */
              .offcanvas-body .mega-menu {
                  display: none;
              }

              .offcanvas-body .dropdown-menu.show {
                  display: block;
              }
          }

          /* =========================================
           MOBILE – PARENT MENU HIGHLIGHT (OPEN)
           ========================================= */
          @media (max-width: 1199px) {

              .offcanvas-body .nav-item.dropdown.show>.nav-link {
                  background-color: rgba(27, 82, 164, 0.15);
                  color: var(--bs-primary);
                  font-weight: 600;
                  border-radius: 8px;
                  padding: 12px 16px !important;
              }
          }



          /* =========================================
           MOBILE / TABLET – FORCE DROPDOWN ARROW
           ========================================= */
          @media (max-width: 1199px) {

              /* Ensure toggle is positioning context */
              .offcanvas-body .dropdown-toggle {
                  position: relative;
                  padding-right: 2rem !important;
                  /* space for arrow */
              }

              /* Force arrow to appear */
              .offcanvas-body .dropdown-toggle::after {
                  content: "";
                  position: absolute;
                  right: 12px;
                  top: 50%;
                  transform: translateY(-50%);
                  width: 0;
                  height: 0;
                  border-left: 6px solid transparent;
                  border-right: 6px solid transparent;
                  border-top: 6px solid currentColor;
                  display: block !important;
              }

              /* Rotate arrow when dropdown is open */
              .offcanvas-body .nav-item.dropdown.show>.dropdown-toggle::after {
                  transform: translateY(-50%) rotate(180deg);
              }
          }

          @media (min-width: 1200px) {
              .mega-content {
                  display: none;
                  animation: fadeIn 0.25s ease;
              }

              .mega-content.active {
                  display: block;
              }

              @keyframes fadeIn {
                  from {
                      opacity: 0;
                      transform: translateY(4px);
                  }

                  to {
                      opacity: 1;
                      transform: translateY(0);
                  }
              }
          }


          /* ===============================
           Custom Section Tabs Styling
           =============================== */

          .custom-tab-link {
              color: #333;
              border-bottom: 2px solid transparent !important;
              font-weight: 500;
              transition: all 0.2s ease;
          }

          .custom-tab-link:hover {
              color: var(--bs-primary);
          }

          .custom-tab-link.active {
              color: var(--bs-primary) !important;
              border-bottom: 2px solid var(--bs-primary) !important;
              font-weight: 600;
          }

          .top-to-scroll-shadow {
              box-shadow: rgba(67, 71, 85, 0.27) 0px 0px 0.25em, rgba(90, 125, 188, 0.05) 0px 0.25em 1em;
          }


          /* ===========REASEARCH PAPER BLUE CARD =============*/
          .blue-card {
              min-height: 200px;
              background: linear-gradient(180deg, #174FA2 0%, #4391CE 100%);

          }

          .custom-video-wrapper video {
              display: none;
              /* Hide video initially */
          }

          .video-overlay {
              position: absolute;
              inset: 0;
              background: #111;
              /* Background before play */
          }

          .play-btn {
              width: 80px;
              height: 80px;
              border-radius: 50%;
              border: none;
              background: #0d6efd;
              /* Your theme color */
              color: #fff;
              font-size: 40px;
              display: flex;
              align-items: center;
              justify-content: center;
              cursor: pointer;
              transition: 0.3s;
          }

          .play-btn:hover {
              transform: scale(1.1);
          }


          /* =====================================
   Responsible AI Section Border Control
   ===================================== */

          /* Outer border */
          .responsibleAI {
              border: 1px solid #dee2e6;
              overflow: hidden;
          }


          /* =====================================
   Desktop and Tablet (>=768px)
   ===================================== */

          @media (min-width: 768px) {

              /* Left grid vertical divider */
              .responsibleAI .col-md-6:nth-child(odd) {
                  border-right: 1px solid #dee2e6;
              }

              .responsibleAI .col-md-6:nth-child(even) {
                  border-right: none;
              }

              /* Horizontal divider between rows */
              .responsibleAI .col-md-6 {
                  border-bottom: 1px solid #dee2e6;
              }

              /* Remove bottom border from last row */
              .responsibleAI .col-md-6:nth-last-child(-n+2) {
                  border-bottom: none;
              }

              /* Divider before Outcome (IMPORTANT FIX) */
              .responsibleAI .col-md-4 {
                  border-left: 1px solid #dee2e6;
              }

          }


          /* =====================================
   Tablet only fixes (768px–991px)
   ===================================== */

          @media (max-width: 991px) and (min-width: 768px) {

              /* Keep divider before Outcome */
              .responsibleAI .col-md-4 {
                  border-left: 1px solid #dee2e6 !important;
                  border-top: none;
              }

          }


          /* =====================================
   Mobile Layout (<768px)
   ===================================== */

          @media (max-width: 767px) {

              /* Stack layout */
              .responsibleAI .col-md-6 {
                  border-right: none !important;
                  border-bottom: 1px solid #dee2e6;
              }

              /* Remove last bottom border from left section */
              .responsibleAI .col-md-6:last-child {
                  border-bottom: none;
              }

              /* Outcome box separator */
              .responsibleAI .col-md-4 {
                  border-left: none;
                  border-top: 1px solid #dee2e6;
              }

          }



          /* =====================================
   GenAI Development Border Fix
   ===================================== */

          /* Desktop (keep Bootstrap behavior) */
          @media (min-width: 992px) {

              /* remove bottom border only from last row */
              .genai-development>div:nth-child(n+3) {
                  border-bottom: none;
              }

          }


          /* Tablet fix */
          @media (max-width: 991px) and (min-width: 768px) {

              /* restore bottom borders for box 3 and 4 */
              .genai-development>div {
                  border-bottom: 1px solid #dee2e6 !important;
              }

          }


          /* Mobile fix */
          @media (max-width: 767px) {

              .genai-development>div {
                  width: 100%;
                  border-bottom: 1px solid #dee2e6 !important;
              }

              /* remove border only from last box */
              .genai-development>div:last-child {
                  border-bottom: 1px solid #dee2e6 !important;
              }

          }


          /* =====================================
   GenAI Explore Border System
   ===================================== */

          /* base borders */
          .genai-explore>div {
              border-right: 1px solid #dee2e6;
              border-bottom: 1px solid #dee2e6;
          }


          /* =====================================
   Desktop (4 columns)
   ===================================== */

          @media (min-width: 992px) {

              /* remove right border from 4th column */
              .genai-explore>div:nth-child(4n) {
                  border-right: none;
              }

              /* remove bottom border from last row */
              .genai-explore>div:nth-child(n+5) {
                  border-bottom: none;
              }

          }


          /* =====================================
   Tablet (2 columns)
   ===================================== */

          @media (max-width: 991px) and (min-width: 768px) {

              .genai-explore>div {
                  border-right: 1px solid #dee2e6;
                  border-bottom: 1px solid #dee2e6;
              }

              /* remove right border from 2nd column */
              .genai-explore>div:nth-child(2n) {
                  border-right: none;
              }

              /* remove bottom border from last row */
              .genai-explore>div:nth-child(n+7) {
                  border-bottom: none;
              }

          }


          /* =====================================
   Mobile (1 column)
   ===================================== */

          @media (max-width: 767px) {

              .genai-explore>div {
                  border-right: none;
                  border-bottom: 1px solid #dee2e6;
              }

              .genai-explore>div:last-child {
                  border-bottom: none;
              }

          }
.bg-grey {
            background-color: #f8f9fa;
        }
        /* Styling the metrics text to match the blue in your screenshot */
        .text-bg-custom {
            color: #1a56db; 
        }
        /* Responsive border: only show on medium/large screens (tablets & desktops) */
        @media (min-width: 768px) {
            .border-md-start {
                border-left: 2px solid #e0e0e0 !important;
            }
        }


        /* =======video transparancy ========= */
        .video-wrapper {
    position: relative;
    width: 100%;
    background: transparent; /* or your section color */
}

.video-wrapper video {
    width: 100%;
    display: block;
}

/* Netflix-style gradient overlay */
.video-titleTreatmentWrapper {
    position: absolute;
    inset: 0;
    pointer-events: none;

    background: linear-gradient(
        60deg,
        #18181881 70%,
        transparent 150%
    );
}

/* ==========domain 10+ 100  ====== */
.domain-stats-up {
    margin-top: 0;
}

@media (min-width: 992px) {
    .domain-stats-up {
        margin-top: -10.625rem;
    }
}