:root {
      --color-bg-accent: #ffe018;
      --duration: 60s;
      --scroll-start: 0;
      --scroll-end: calc(-100% - 50px);
    }
    .accordion-button:not(.collapsed) {
    color: #000;
    background: rgb(255 255 255 / 0%)!important;
    box-shadow: none;
}
.accordion-header {
    margin-bottom: 0;
    text-align: left!important;
}
body,
.site,
#page,
#main,
#content {
  background: none !important;
  background-color: transparent !important;
}

    .cx-suite-section {
      position: relative;
      padding: 60px 20px;
      overflow: hidden;
    background: #F3F7F9;
    }

   
.fw-bold {
   color: #2C2B31;
text-align: center;
font-family: Poppins;
font-size: 55.28px;
font-style: normal;
font-weight: 700;
line-height: normal;
}
.cx-solution{
color: #195993;
font-family: Poppins;
font-size: 55.28px;
font-style: normal;
font-weight: 700;
line-height: normal;
}
.mb-4 {
    color: #35343A;
    text-align: center;
    font-family: Poppins;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    margin-bottom: 2rem !important;
}
.touchpoints{
    font-style: italic;
font-weight: 700!important;
}
/* Shared base styles */
.btn-primary-angled {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-family: Poppins, sans-serif;
  font-size: 16px;
  font-weight: 600;
  padding: 14px 38px 14px 24px;
  border-radius: 0;
  cursor: pointer;
  transition: all 0.3s ease;
  overflow: hidden;
  gap: 6px;
  
}

/* Filled (Blue) Button */
.btn-primary-angled {
  background: #065994;
  color: #fff;
  border: 1px solid #fff;
  
}

.btn-primary-angled::after {
  content: "";
  position: absolute;
  right: -1px;
  bottom: -1px;
  width: 14px;
  height: 14px;
  background: #F3F7F9;
  clip-path: polygon(100% 0, 0 100%, 100% 100%);
}

.btn-primary-angled:hover {
  background: #05467b;
}

/* Icon alignment */
.btn-primary-angled span {
  font-size: 15px;
  display: inline-flex;
  align-items: center;
  line-height: 1;
}
.watchvideo{
    border-radius: 32px;
    border: 1px solid #065994;
    background: rgba(6, 89, 148, 0.79);
    box-shadow: 0 4px 8px -2px rgba(0, 0, 0, 0.10), 0 2px 4px -2px rgba(0, 0, 0, 0.06);
    color: #FFF;
    text-align: center;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    padding: 12px 25px;
}
.watchvideo:hover{
    border-radius: 32px;
    border: 1px solid #065994;
    background: rgba(6, 89, 148, 0.20);
    box-shadow: 0 4px 8px -2px rgba(0, 0, 0, 0.10), 0 2px 4px -2px rgba(0, 0, 0, 0.06);
    color: #FFF;
    text-align: center;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
}
.start-freetrail:hover{
    border-radius: 32px;
    border: 1px solid #065994;
    background: rgba(6, 89, 148, 0.79);
    box-shadow: 0 4px 8px -2px rgba(0, 0, 0, 0.10), 0 2px 4px -2px rgba(0, 0, 0, 0.06);
    color: #FFF;
    text-align: center;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
}
.heading3{
    color: #FFF;
text-align: center;
font-family: Poppins;
font-size: 26.752px;
font-style: normal;
font-weight: 700;
line-height: 40.128px; /* 150% */
letter-spacing: 2.408px;
}

@media (min-width: 992px) {
    .logogero_slider {
        /* box-shadow: rgba(9, 30, 66, 0.15) 0px 1.5rem 1rem -1rem inset; */
        font-size: 1rem;
        padding: 2rem 5rem 2rem 5rem;
         margin-top: 0px; 
    }
}


@media only screen and (min-width: 1450px) and (max-width: 2500px) {
.marquee-container {
    padding: 50px 0;
}
.cx-box {
    height: 130px;
    padding: 15px 0px;
}
.cx-box h5 {
    font-size: 1.3rem;
}
}
/* AI insights section ------------------------------------------------------ */
.ai-insights {
    position: relative;
    width: 100%;
    padding: 30px 40px;
    background: linear-gradient(180deg, #F3F7F9 46%, #E7E7E7 170%);
}


.ai-insights__intro {
    text-align: center;
    max-width: 720px;
    margin: 0 auto;
    display: grid;
    gap: 0.75rem;
}

.ai-insights__eyebrow {
    font-size: 0.9rem;
    letter-spacing: 0.28em;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.52);
}

.ai-insights__heading {
    margin: 0;
    font-family: 'Poppins', 'Segoe UI', sans-serif;
    font-weight: 600;
    font-size: clamp(2rem, 2.4vw + 1.2rem, 3.2rem);
    color: #ffffff;
}

.ai-insights__lead {
    margin: 0;
    color: rgba(232, 229, 255, 0.72);
    font-size: clamp(1rem, 1vw + 0.85rem, 1.2rem);
    line-height: 1.6;
}

.ai-insights__grid {
    display: grid;
    gap: clamp(2.25rem, 5vw, 3.25rem);
}

.ai-highlight {
color: #0A0A0A;
font-family: Poppins;
font-size: 37.9px;
font-style: normal;
font-weight: 800;
line-height: 50px; /* 131.926% */
letter-spacing: -0.95px;
}

.ai-insights__item {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr);
    align-items: center;
    gap: clamp(1.75rem, 4vw, 3rem);
}
    

.ai-insights__content,
.ai-insights__media {
    position: relative;
    z-index: 1;
}

.ai-insights__list {
    margin: 0;
    padding: 0;
    list-style: none;
    display: grid;
    gap: 1rem;
}

.ai-insights__list li {
position: relative;
    padding-left: 1.9rem;
    color: #000000;
    font-family: Poppins;
    font-size: 18.8px;
    font-style: normal;
    font-weight: 400;
    line-height: 29.6px;
}

.ai-insights__list li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0.55rem;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #000;
}

.ai-insights__media {
    justify-self: center;
}

.ai-insights__media-frame img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 18px;
}

.ai-insights__glyph--pulse {
    background: linear-gradient(140deg, #FF8FAB, #6E8CFF);
    left: clamp(-6px, 4vw, 18px);
    right: auto;
}

.ai-insights__item--flip .ai-insights__content {
    order: 2;
}

.ai-insights__item--flip .ai-insights__media {
    order: 1;
    justify-self: flex-start;
}

@media (max-width: 1080px) {
    .ai-insights__item {
        grid-template-columns: minmax(0, 1fr) minmax(0, 0.9fr);
    }
}

@media (max-width: 900px) {
    .ai-insights__item,
    .ai-insights__item--flip {
        grid-template-columns: 1fr;
        text-align: left;
    }

    .ai-insights__item--flip .ai-insights__content,
    .ai-insights__item--flip .ai-insights__media {
        order: unset;
    }

    .ai-insights__media,
    .ai-insights__item--flip .ai-insights__media {
        justify-self: center;
    }

    .ai-insights__glyph,
    .ai-insights__glyph--pulse {
        left: 50%;
        right: auto;
        transform: translateX(-50%);
        top: -18px;
    }
	.ai-insights__container {
  position: relative;
  padding: 20px; /* adjust padding as needed */
  border-radius: 40px;
  overflow: hidden;
}
}
@media (min-width: 768px) {
    .col-md-3 {
        flex: 0 0 auto;
        width: 23%;
    }
}
@media (max-width: 640px) {
    .ai-insights {
        padding: 0px 10px;
        margin: clamp(3rem, 10vh, 4rem) auto;
    }

    .ai-insights__heading {
        font-size: clamp(1.9rem, 5vw + 1rem, 2.6rem);
    }

    .ai-insights__list li {
        font-size: 0.95rem;
    }

    .ai-insights__media-frame {
        min-width: min(320px, 90vw);
        padding: 1rem;
    }
	.ai-insights__container {
  position: relative;
  padding: 20px; /* adjust padding as needed */
  border-radius: 40px;
  overflow: hidden;
}
}

.ai-insights__container {
  position: relative;
  padding: 40px 40px 20px 40px; /* adjust padding as needed */
  border-radius: 40px;
  overflow: hidden;
}

.ai-insights__container::before {
  content: '';
  position: absolute;
  top: 1px;
  left: 1px;
  right: 1px;
  bottom: 1px;
  border-radius: 39px; /* one pixel smaller to reveal border */
  background: #ffffff; /* match the section/page background */
  z-index: 1;
}

.ai-insights__grid {
  position: relative;
  z-index: 2;
}


    .konnectai-section {
      text-align: center;
      position: relative;
      width: 100%;
      max-width: 100%;
    }

    .konnectai-icon {
      width: 60px;
      height: 60px;
      margin: 0 auto 10px auto;
      background: linear-gradient(145deg, #ff6ec7, #a68cff);
      border-radius: 50%;
      display: flex;
      justify-content: center;
      align-items: center;
      box-shadow: 0 0 15px rgba(255, 110, 199, 0.6);
      font-size: 28px;
    }
.konnectai-title {
  position: relative;
  display: inline-block;
  padding: 0px 36px;
  font-weight: 700;
  font-size: 30px;
  border-radius: 50px;
  cursor: pointer;
  z-index: 1;

  /* Glass background */
  background: rgba(255, 255, 255, 0.02);
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(3.7px);
  -webkit-backdrop-filter: blur(3.7px);
  border: 1px solid rgba(255, 255, 255, 0.3);

  /* Gradient text */
  background-image: linear-gradient(96deg, #3A86FF, #B565FF, #FF8FAB);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;

  transition: all 0.3s ease;
}

/* Gradient border with pseudo-element */
.konnectai-title::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 50px;
  padding: 1px; /* thickness of gradient border */
  background: linear-gradient(96deg, #3A86FF, #B565FF, #FF8FAB);
  -webkit-mask: 
    linear-gradient(#fff 0 0) content-box, 
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
          mask-composite: exclude;
  z-index: -1;
}

.konnectai-title:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 40px rgba(0, 0, 0, 0.2);
}

    .konnectai-subtitle {
      color: #aaa;
      margin-bottom: 40px;
    }

    .konnectai-line {
      height: 40px;
      width: 2px;
      background: #888;
      margin: 0 auto;
    }

    .konnectai-cards {
      display: flex;
      justify-content: space-around;
      gap: 20px;
      margin-top: 40px;
      flex-wrap: wrap;
    }

    .konnectai-card {
      background: linear-gradient(135deg, #1e1e1e, #2a2a2a);
      border-radius: 10px;
      padding: 20px 25px;
      min-width: 200px;
      flex: 1;
      max-width: 250px;
      box-shadow: 0 0 20px rgba(255, 110, 199, 0.2);
    }

    .konnectai-card h3 {
      background: linear-gradient(90deg, #ff6ec7, #a68cff);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      font-size: 20px;
    }

    @media (max-width: 768px) {
      .konnectai-cards {
        flex-direction: column;
        align-items: center;
      }
	  .ai-insights__container {
  position: relative;
  padding: 20px; /* adjust padding as needed */
  border-radius: 40px;
  background: #fff; /* border gradient */
  overflow: hidden;
}

    }

  .offerings-section {
      display: flex;
      flex-direction: column;
      align-items: center;
      position: relative;
      gap: 15px;
	  overflow: hidden;
	  width: 1400px;
     margin: 0 auto;
    }

  .top-node .icon {
     width: 90px;
    height: auto;
    margin: 0 auto 10px;
    display: flex
;
    align-items: center;

}

.top-node .icon img {
  width: 100%;
  height: 100%;
  object-fit: cover;  /* keeps proportions */
  border-radius: 12px; /* matches parent */
}


    .konnectai-title {
      position: relative;
      display: inline-block;
      padding: 0px 60px;
      font-weight: 700;
      font-size: 30px;
      border-radius: 50px;
      cursor: default;
      background: rgba(255, 255, 255, 0.02);
      box-shadow: 0 4px 30px rgba(0, 0, 0, 0.2);
      backdrop-filter: blur(3.7px);
      -webkit-backdrop-filter: blur(3.7px);
      border: 1px solid rgba(255, 255, 255, 0.1);

      /* Gradient text */
      background-image: linear-gradient(96deg, #3A86FF, #B565FF, #FF8FAB);
      background-clip: text;
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
    }

  .top-node .label {
    color: #FFF;
    font-family: Poppins;
    font-size: 20.814px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.823px;
    margin-top: 15px;
}

 
/* wider horizontal line */
.horizontal-line {
  position: absolute;
  top: 70%;
  left: 10%;
  width: 80%;
  height: 2px;
 background: 
    linear-gradient(#19161C, #19161C) padding-box,
    linear-gradient(90deg, #19161C 0%, #ECBFBF 50%, #19161C 100%) border-box;}

/* left vertical line */
/* left curved connector */
.vertical-line-left {
    position: absolute;
    top:70%;
    left: 10%;
    width: 20px;
    height: 30px;
    border-left: 1px solid rgba(255, 255, 255, 0.15);
    border-top-left-radius: 15px;
    transform: translateX(-50%);
}

/* right curved connector */
.vertical-line-right {
  position: absolute;
  top: 470%;     /* starts at horizontal line */
  left: 90%;     /* aligns with horizontal end */
  width: 20px;   /* little elbow */
  height: 30px;
  border-right: 1px solid rgba(255, 255, 255, 0.15);
  border-top-right-radius: 15px; /* curve */
  transform: translateX(-50%);
}

.vertical-line-bottom {
  position: absolute;
  top: 65%;        /* starts at horizontal line */
  left: 50%;        /* middle */
  width: 2px;
  height: 55px;     /* adjust as needed */
 background: 
    linear-gradient(#19161C, #19161C) padding-box,
    linear-gradient(90deg, #19161C 0%, #ECBFBF 50%, #19161C 100%) border-box;  transform: translateX(-50%);
}

    /* Bottom nodes */
    .bottom-nodes {
      display: flex;
      justify-content: center;
      gap: 60px;
    }

    .node {
      background: linear-gradient(180deg, rgba(255,255,255,0.05), rgba(0,0,0,0.3));
      border-radius: 12px;
      padding: 24px 40px;
      font-weight: 700;
      font-size: 1.05rem;
      text-align: center;
      box-shadow: 0 4px 25px rgba(0, 0, 0, 0.4);
      border: 1px solid rgba(255, 255, 255, 0.05);

      /* Gradient text */
      background-image: linear-gradient(96deg, #3A86FF, #B565FF, #FF8FAB);
      background-clip: text;
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
    }

    .node .sub {
      font-style: italic;
      font-weight: 400;
    }
       .gradient-boxEssentials {
  display: flex;
  justify-content: center;  /* centers horizontally */
  align-items: center;      /* centers vertically */

  width: 362.093px;
  height: 144.709px;
  padding: 41.808px 50.497px 40.9px 51.596px;
  flex-shrink: 0;

  background-image: url("https://betawebsite.konnectinsights.com/wp-content/uploads/2025/09/Div-flex-col-2.png");
  background-repeat: no-repeat;
  background-size: contain;   /* ensures image fits */
  background-position: center;/* centers the image */
}
       .gradient-boxEssentialskrc {
  display: flex;
  justify-content: center;  /* centers horizontally */
  align-items: center;      /* centers vertically */

  flex-shrink: 0;

  background-repeat: no-repeat;
  background-size: contain;   /* ensures image fits */
  background-position: center;/* centers the image */
}
.gradient-textEssentials {
  text-align: center;
  font-family: "Poppins", sans-serif;
  font-size: 41.614px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.624px;

  background: var(
    --KI-AI,
    linear-gradient(96deg, #3A86FF -11.44%, #B565FF 41.88%, #FF8FAB 78.67%)
  );
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.gradient-textEssentials  .empower {
    position: relative;
    top: -34px;
    right: 13px;
    font-size: 22px;
    font-style: italic;
    font-weight: 400;
    background: linear-gradient(96deg, #3A86FF, #B565FF, #FF8FAB);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;

}


/* Grid layout for tab content */
.grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
}

.card {
  background: linear-gradient(180deg, rgba(255,255,255,0.05), rgba(0,0,0,0.2));
  border: 1px solid rgba(255, 255, 255, 0.05);
  border-radius: 16px;
  padding: 30px 20px;
  text-align: center;
  color: #fff;
  transition: transform 0.3s, box-shadow 0.3s;
  box-shadow: rgba(0, 0, 0, 0.17) 0px -23px 25px 0px inset, rgba(0, 0, 0, 0.15) 0px -36px 30px 0px inset, rgba(0, 0, 0, 0.1) 0px -79px 40px 0px inset, rgba(0, 0, 0, 0.06) 0px 2px 1px, rgba(0, 0, 0, 0.09) 0px 4px 2px, rgba(0, 0, 0, 0.09) 0px 8px 4px, rgba(0, 0, 0, 0.09) 0px 16px 8px, rgba(0, 0, 0, 0.09) 0px 32px 16px;
}

.card:hover {
  transform: translateY(-6px);
    box-shadow: rgba(0, 0, 0, 0.17) 0px -23px 25px 0px inset, rgba(0, 0, 0, 0.15) 0px -36px 30px 0px inset, rgba(0, 0, 0, 0.1) 0px -79px 40px 0px inset, rgba(0, 0, 0, 0.06) 0px 2px 1px, rgba(0, 0, 0, 0.09) 0px 4px 2px, rgba(0, 0, 0, 0.09) 0px 8px 4px, rgba(0, 0, 0, 0.09) 0px 16px 8px, rgba(0, 0, 0, 0.09) 0px 32px 16px;

}

/* Icon container */
.card .icon {
    width: 50px;
    height: 50px;
    margin: 0 auto 16px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(255, 255, 255, 0.05);
    box-shadow: rgba(0, 0, 0, 0.17) 0px -23px 25px 0px inset, rgba(0, 0, 0, 0.15) 0px -36px 30px 0px inset, rgba(0, 0, 0, 0.1) 0px -79px 40px 0px inset, rgba(0, 0, 0, 0.06) 0px 2px 1px, rgba(0, 0, 0, 0.09) 0px 4px 2px, rgba(0, 0, 0, 0.09) 0px 8px 4px, rgba(0, 0, 0, 0.09) 0px 16px 8px, rgba(0, 0, 0, 0.09) 0px 32px 16px;
}

/* Title */
.card h3 {
  font-size: 1.1rem;
  font-weight: 600;
  margin-bottom: 12px;
  color: #fff;
}

/* Description */
.card p {
  font-size: 0.9rem;
  line-height: 1.5;
  color: rgba(255, 255, 255, 0.7);
  font-weight: 300;
}

        .customer_experience{
            color: #0A5A94;
font-family: "Kepler Std";
font-size: 47.9px;
font-style: italic;
font-weight: 700;
line-height: 50px; /* 104.384% */
letter-spacing: -0.95px;
        }
        .ai-insights__list {
    margin-top: 20px;
}
.konnectai-section{
    background: #000;
        padding: 50px 40px;
}
.ai-insights__container {
    position: relative;
    padding: 40px 40px 20px 40px;
    border-radius: 40px;
    overflow: hidden;
    z-index: 1;
}

/* 🔵 Gradient border overlay (top → transparent bottom) */
.ai-insights__container::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 40px;
  padding: 1px; /* border thickness */
  background: linear-gradient(
    180deg,
    rgba(58, 134, 255, 0.9) 0%,   /* vivid blue top */
    rgba(58, 134, 255, 0.3) 40%,  /* soft fade mid */
    rgba(58, 134, 255, 0) 100%    /* transparent bottom */
  );
  -webkit-mask: 
    linear-gradient(#fff 0 0) content-box, 
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
  z-index: 2;
}
.say_hello{
    color: #FFF;
text-align: center;
leading-trim: both;
text-edge: cap;
font-family: Poppins;
font-size: 24.095px;
font-style: normal;
font-weight: 700;
line-height: 31.625px; /* 131.25% */
text-transform: uppercase;
}
.brainy_wanted{
    color: #FFF;
text-align: center;
font-family: Poppins;
font-size: 24.095px;
font-style: normal;
font-weight: 500;
line-height: 31.625px; /* 131.25% */
opacity: 0.74;
}
.top-node .icon img {
    margin-top: 50px;
}
.horizontal-line {
    top: 70%;
     background: 
    linear-gradient(#19161C, #19161C) padding-box,
    linear-gradient(90deg, #19161C 0%, #ECBFBF 50%, #19161C 100%) border-box;
}
.vertical-line-bottom {
    top: 65%;
     background: 
    linear-gradient(#19161C, #19161C) padding-box,
    linear-gradient(90deg, #19161C 0%, #ECBFBF 50%, #19161C 100%) border-box;
}
.bottom-nodes {
    display: flex;
    justify-content: center;
    gap: 60px;
    margin-top: 50px;
}
.vertical-line-left{
    top: 70%;
    height: 30px;

}
.vertical-line-right{
    top: 70%;
    height: 30px;

}
/* Container for the new description boxes */
.bottom-description-row {
     display: flex
;
    justify-content: center;
    align-items: stretch;
    gap: 60px;
    margin-top: 35px;
}

/* Individual box styling */
.desc-box {
    padding: 25px 25px;
    width: 362.093px;
    text-align: left;
    color: #dcdcdc;
    box-shadow: inset 0 2px 5px rgba(255, 255, 255, 0.05),
    0 4px 15px rgba(0, 0, 0, 0.3);
    transition: all 0.3s ease;
    border-radius: 24px;
    border: 1px solid rgba(228, 228, 231, 0.23);
    background: rgba(255, 255, 255, 0.10);
}

.desc-box:hover {
  transform: translateY(-5px);
  border-color: rgba(255, 255, 255, 0.3);
}

/* Headings inside boxes */
.desc-box h4 {
  color: #FFF;
font-family: Poppins;
font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: 28px; /* 138.614% */
}

/* Paragraph inside boxes */
.desc-box p {
 color: #FFF;
font-family: Inter;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 24px; /* 150.943% */
opacity: 0.74;
}

/* Learn More button styling */
.learn-more-btn {
  display: flex;
  justify-content: center;
  margin-top: 30px;
}



.learn-more-btn button:hover {
  transform: translateY(-2px);
  box-shadow: 0 0 10px rgba(111, 177, 252, 0.5);
}
:root {  
    --brand-gap: clamp(1rem, 2vw, 2rem);
  --brand-duration: 40s;
}

.brand-wrapper {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin: auto;
  max-width: 100%;
  padding: 0;
}

/* Base marquee layout */
.brand-marquee {
  display: flex;
  overflow: hidden;
  user-select: none;
  gap: 10px;
}

.brand-marquee-group {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: space-around;
  gap: 10px;
  min-width: 100%;
  animation: brand-scroll-x var(--brand-duration) linear infinite;
  will-change: transform;
  backface-visibility: hidden;
}

.brand-marquee-reverse .brand-marquee-group {
  animation-direction: reverse;
  animation-delay: -3s;
}

/* Animation */
@keyframes brand-scroll-x {
  from { transform: translateX(0); }
  to { transform: translateX(calc(-100% - var(--brand-gap))); }
}

/* Logo styling */
.brand-marquee-group img {
  width: auto;
  height: 66px;
  margin: 10px;
  border-radius: 12px;
  background: linear-gradient(180deg, #FFF 0%, rgba(255, 255, 255, 0.5) 100%);
  box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.08);
  image-rendering: -webkit-optimize-contrast;
  transition: transform 0.3s ease;
}
.ai-insights .nav-item.active::after {
    content: "";
    z-index: 9999;
    position: relative;
    display: block;
    width: 100%;
    height: 0px!important;
    background-color: #0a5a9400!important;
    transform: scaleX(0);
    transition: transform 0.3s ease;
}
.paddingin_sectionsecond{
    padding: 20px 0px  50px 0px!important;
}
.vertical_button{
    display: flex;
    margin: auto;
    justify-content: center;
    gap: 15px;
}
@media (max-width: 1024px) {
    .container {
        display: flex;
        justify-content: unset !important;
        align-items: unset !important;
        margin: 0;
        padding: 8px 0 0;
        flex-direction: column;
    }
}
@media (max-width: 980px) {
.paddingin_section {
    padding: 30px 10px!important;
    overflow: hidden;
}
.hidemobile_view{
    display: none!important;
}
}
@media (min-width: 980px) {
.paddingin_section {
    padding: 50px 40px!important;
   overflow: hidden;
}}
@media (min-width: 768px) {
    .dekstop_hide{
        display: none!important;
    }
}

@media (max-width: 768px) {
   /* Connector Lines */
.connector {
  position: relative;
  width: 100%;
  height: 0px;
}
.bottom-description-row {
    display: flex;
    justify-content: center;
    align-items: stretch;
    gap: 10px;
    margin-top: 35px;
}
.desc-box {
    padding: 10px!important;
    width: auto!important;
}
.Helpdesk {
    font-size: 22.017px!important;
}
.main_testimonial_heading{
    font-size: 28px!important;
}
.faqs_last_section {
    color: #FFF;
    text-align: center;
    font-family: Poppins;
    font-size: 28px!important;
    font-style: normal;
    font-weight: 700;
    line-height: 101%;
    letter-spacing: normal!important;
}
.konnectai-section {
    background: #000;
    padding: 30px 20px!important;
}
.brainy_wanted {
    font-size: 14.095px;
}
.text-secondary {
    font-size: 25px!important;
}
.testimonial_heading {
    font-size: 30px!important;
}

  .gradient-textEssentials {
    text-align: center;
    font-family: "Poppins", sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.624px;
    background: var(
    --KI-AI,
    linear-gradient(96deg, #3A86FF -11.44%, #B565FF 41.88%, #FF8FAB 78.67%)
  );
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.gradient-boxEssentials {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 130px;
    height: 70px;
    padding: 0;
    flex-shrink: 0;
    background-image: url("https://betawebsite.konnectinsights.com/wp-content/uploads/2025/09/Div-flex-col-2.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}
.konnectai-title {
    position: relative;
    display: inline-block;
    padding: 0px 30px;
    font-weight: 700;
    font-size: 20px;
    border-radius: 50px;
    cursor: default;
    background: rgba(255, 255, 255, 0.02);
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.2);
    backdrop-filter: blur(3.7px);
    -webkit-backdrop-filter: blur(3.7px);
    border: 1px solid rgba(255, 255, 255, 0.1);
    background-image: linear-gradient(96deg, #3A86FF, #B565FF, #FF8FAB);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.bottom-nodes {
    display: flex;
    justify-content: center;
    gap: 10px;
}
.gradient-textEssentials  .empower {
    position: relative;
    top: -10px;
    right: 13px;
    font-style: italic;
    font-weight: 400;
    background: linear-gradient(96deg, #3A86FF, #B565FF, #FF8FAB);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;

}
.col-10 {
    flex: 0 0 auto;
    width: 89%!important;
    margin-top: 10px!important;
}
.connector-line, .connector-linesecond{
    display: none!important;
}
.connector-linesecond::before {
display: none!important;
}
.connector-linesecond::after {
display: none!important;
}
.connector-line::before {
display: none!important;
}
.connector-line::after {
display: none!important;
}
}

.cx-three-grid {
  display: grid;
  grid-template-columns: 1fr 1.3fr 1fr;
  align-items: center;
  justify-content: center;
  gap: 0px;
  margin-top: 60px;
  padding: 0 5%;
}

.cx-grid-card {
    overflow: hidden;
    transition: all 0.3s ease;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 26px;
}

.cx-grid-card:hover {
  transform: translateY(-6px);
}

.cx-grid-card img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 22px;
}

/* Center (larger) card */
.center-card {
  transform: scale(1.1);
  z-index: 2;
}
.trusted_brand{
    text-align: center;
    color: #2C2B31;
    font-size: 23.974px;
    font-style: normal;
    font-weight: 600;
    line-height: 57px;
    letter-spacing: -0.211px;
    font-family: 'Poppins';
}
/* Responsive */
@media (max-width: 992px) {
  .cx-three-grid {
    grid-template-columns: 1fr;
  }

  .center-card {
    transform: none;
  }
}
/* Headings */
.headingtab {
  color: #fff;
  text-align: center;
  font-size: 30px;
  font-weight: 700;
  padding-top: 30px;
}
.paragraphtab {
  color: #C0C0C0;
  text-align: center;
  font-size: 18px;
  margin-top: 10px;
  margin-bottom: 40px;
}

/* Nav Tabs */
.nav-tab {
  display: flex;
  overflow-x: auto;
  white-space: nowrap;
  flex-wrap: nowrap;
  gap: 20px;
  border-bottom: none;
  padding-bottom: 20px;
  scrollbar-width: none;
}
.nav-tab::-webkit-scrollbar {
  display: none;
}
.nav-tab .nav-link {
  color: #B0BEC5 !important;
  font-size: 16px;
  border-radius: 40px;
  border: 1px solid rgba(255,255,255,0.2);
  padding: 8px 25px;
  font-weight: 600;
  background: transparent;
  transition: 0.3s;
  white-space: nowrap;
}
.nav-tab .nav-link.active,
.nav-tab .nav-link:hover {
  color: #1565C0 !important;
  background: #E3F2FD;
  border: 1.9px solid #42A5F5;
}

/* Tab Section Layout */
.tab-section {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 25px;
  flex-wrap: nowrap;
}
.tab-image {
  flex: 1 1 40%;
  text-align: center;
}
.tab-image img, .tab-image video {
  width: 100%;
  height: auto;
  border-radius: 6px;
}

.tab-icon-box, .tab-icon-box-bottum {
  margin-bottom: 30px;
}
.tab-section h3 {
  color: #fff;
  font-size: 20px;
  font-weight: 500;
}
.tab-section p {
  color: #ddd;
  font-size: 14px;
  line-height: 22px;
}

/* Fullscreen Button */
.fullscreen-btn {
  position: absolute;
  top: 0;
  right: 0;
  background-color: #007bff4d;
  border: none;
  border-radius: 2px;
  padding: 10px;
  cursor: pointer;
}

/* Responsive Layout */
@media (max-width: 991px) {
  .tab-section {
    flex-direction: column;
    gap: 20px;
  }
  .tab-image-icon, .tab-image {
    width: 100%;
    text-align: center;
  }
  .tab-section h3 {
    font-size: 18px;
  }
  .tab-section p {
    font-size: 13px;
  }
}
@media (max-width: 768px) {
  .headingtab { font-size: 26px; }
  .paragraphtab { font-size: 16px; }
  .nav-tab .nav-link {
    font-size: 15px;
    padding: 6px 18px;
  }
}
@media (max-width: 480px) {
  .nav-tab .nav-link {
    font-size: 14px;
    padding: 5px 15px;
  }
  .tab-section { gap: 15px; }
}

  .text-secondary{
      font-family: Poppins;
font-size: 40px;
font-style: normal;
font-weight: 700;
line-height: 48px; /* 120% */
text-transform: capitalize;
background: linear-gradient(92deg, #FFF 6.42%, #FFF 95.28%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
  }
  .logotable img{
      width: 250px;
      height: auto;
  }
  .Helpdesk{
      color: #FFF;
font-family: Poppins;
font-size: 33.017px;
font-style: normal;
font-weight: 700;
line-height: 39.621px; /* 120% */
text-transform: capitalize;
  }
    .custom-table {
      width: 100%;
      color: #fff;
      background-color: #000;
      border-collapse: separate;
      border-spacing: 0;
    }
    .custom-table th, 
    .custom-table td {
      background-color: #000;
      border: 1px solid #111;
      vertical-align: middle;
      white-space: nowrap;
      color: #D6DADE;
font-family: Poppins;
font-size: 18px;
font-style: normal;
font-weight: 600;
line-height: 42px; /* 123.81% */
    }
    .custom-table tr:hover td {
      background-color: #000;
      color: #fff;
    }
    table tbody>tr:nth-child(odd)>td, table tbody>tr:nth-child(odd)>th {
    background-color: #11162b00;
}
    .dot {
      display:inline-block;
      width:12px;
      height:12px;
      border-radius:50%;
      margin-right:6px;
      vertical-align:middle;
    }
    .green {background:#00ff66;}
    .red {background:#ff3333;}
    .yellow {background:#ffcc00;}
    .table-responsive {
      border-radius:12px;
      overflow-x:auto;
      scrollbar-color: #333 #000;
      scrollbar-width: thin;
    }
    @media (max-width:768px) {
      table {min-width:650px;}
    }
.architecture_button {
    color: #FFF;
    text-align: center;
    font-family: Poppins;
    font-size: 17.275px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.874px;
    border-radius: 9.747px;
    border: 2px solid #3B3B3B;
    padding: 10px 40px;
}
.architecture_button:hover {
    color: #FFF;
    text-align: center;
    font-family: Poppins;
    font-size: 17.275px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.874px;
    border-radius: 9.747px;
    border: 2px solid #3B3B3B;
    padding: 10px 40px;
    background: #ffffff24;
}
  .main_testimonial_heading{
      color: #FFF;
text-align: center;
font-family: Poppins;
font-size: 43.077px;
font-style: normal;
font-weight: 700;
line-height: normal;
  }
  /* Keep navigation arrows always at the bottom center of section */
.swiper-nav-wrapper {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 40px; /* space between slider and arrows */
  gap: 20px; /* gap between left and right arrows */
}

.swiper-nav-wrapper .swiper-button-prev,
.swiper-nav-wrapper .swiper-button-next {
  position: static; /* removes absolute positioning from swiper defaults */
  color: #fff;
  width: 22px;
  height: 22px;
}
.swiper-wrapper {
    height: auto;
    padding-bottom: 30px;
}
.swiper-nav-wrapper .swiper-button-prev:hover,
.swiper-nav-wrapper .swiper-button-next:hover {
  color: #00ffe0;
}

.swiper-nav-wrapper .swiper-button-prev:after,
.swiper-nav-wrapper .swiper-button-next:after {
  font-size: 22px;
}

  .text-headingtag {
    text-transform: capitalize;
    background: linear-gradient(92deg, #FFF 6.42%, #FFF 95.28%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-align: right;
    font-family: Poppins;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}
/* Add gap between image and text section */
.testimonial-card .row {
  justify-content: center;
  gap: 30px; /* controls space between image and text columns */
}

.testimonial-card .col-md-7,
.testimonial-card .col-md-4 {
  flex: 0 0 auto;
}

/* Optional: tighten layout on smaller devices */
@media (max-width: 768px) {
  .testimonial-card .row {
    gap: 20px;
  }
}
/* Move Swiper navigation buttons to bottom center */
.swiper-button-prev,
.swiper-button-next {
  position: absolute;
  top: auto;
  bottom: 20px; /* adjust vertical distance from bottom */
  transform: translateX(-50%) translateY(0);
  color: #fff;
}

/* Position left and right buttons side by side in center */
.swiper-button-prev {
  left: 46%;
  margin-right: 50px; /* 20px gap between arrows */
  transform: translateX(-60%); /* fine-tune center balance */
}

.swiper-button-next {
  left: 46%;
  margin-left: 50px;
  transform: translateX(-40%);
}
.swiper-button-next, .swiper-button-prev {
    width: 20px;
    height: 20px;
   
}
.swiper-button-next:after, .swiper-button-prev:after {
    font-size: 20px;
}

/* Optional hover color (keep your existing glow) */
.swiper-button-prev:hover,
.swiper-button-next:hover {
  color: #00ffe0;
}

.testimonial-card {
  overflow: hidden;            /* prevents content from spilling out */
  word-wrap: break-word;       /* ensures long words wrap correctly */
  text-overflow: ellipsis;     /* graceful overflow for long text */
}

.test_link{
    color: #5392BF;
text-align: center;
font-family: Poppins;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
}
.test_author{
    color: #FFF;
text-align: center;
font-family: Poppins;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
}
.text-headingtag_second{
    color: #FFF;
text-align: right;
font-family: Poppins;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 164.5%; /* 26.32px */
}
.testi_name{
    color: #FFF;
text-align: center;

/* Author Typography */
font-family: Poppins;
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: normal;
}
    .testimonial-card {
      background: #111;
      border: 1px solid #222;
      border-radius: 12px;
      max-width: 100%;
    }
.user-img {
    width: 130px;
    height: 130px;
    border-radius: 12px;
    object-fit: cover;
    box-shadow: 0 0 10px rgba(255,255,255,0.1);
    box-shadow: rgb(255 255 255 / 40%) -5px 5px, rgb(255 255 255 / 30%) -10px 10px, rgb(255 255 255 / 20%) -15px 15px, rgb(255 255 255 / 10%) -20px 20px, rgb(255 255 255 / 5%) -25px 25px;
}

    .swiper-pagination-bullet {
      background: #fff;
      opacity: 0.4;
    }
    .swiper-pagination-bullet-active {
      opacity: 1;
      background: #00ffe0;
    }

    .swiper-button-prev, .swiper-button-next {
      color: #fff;
      top: 55%;
      transform: translateY(-50%);
    }
    .swiper-button-prev:hover, .swiper-button-next:hover {
      color: #00ffe0;
    }

    @media (max-width:768px) {
      .testimonial-card { padding: 2rem 1rem; }
      .user-img { width: 60px; height: 60px; }
    }
    /* Frosted Glass Card */
.glass-card {
  border-radius: 10.816px;
  border: 1.352px solid rgba(73, 92, 130, 0.25);
  background: rgba(255, 255, 255, 0.90);
  backdrop-filter: blur(13.52px);
  overflow: visible; /* ✅ allows full text display */
  word-wrap: break-word; /* ✅ ensures long lines wrap */
}
.accordion-button {
  white-space: normal !important; /* ✅ allows text to wrap */
  word-wrap: break-word;          /* ✅ prevents overflow on small screens */
  line-height: 1.4;
}
.accordion-button {
    text-align: left;
}
.faqs_last_section{
    color: #FFF;
text-align: center;
font-family: Poppins;
font-size: 48px;
font-style: normal;
font-weight: 700;
line-height: 101%; /* 48.48px */
letter-spacing: -1.92px;
}
    /* Accordion Button */
    .accordion-button {
      background: transparent;
      color: #000;
      font-family: 'Poppins', sans-serif;
      font-size: 17px;
      padding: 18px 20px;
      box-shadow: none;
    }
    .accordion-button:not(.collapsed) {
      color: #000;
      background: rgba(255, 255, 255, 0.9);
      box-shadow: none;
    }
    .accordion-button:focus {
      box-shadow: none;
    }

    /* Accordion Body */
    .accordion-body {
      background: transparent;
      font-family: 'Poppins', sans-serif;
      font-size: 15px;
      line-height: 1.6;
      color: #222;
      padding: 0px 10px 10px 10px;
    }

    /* Smooth open/close animation */
    .accordion-collapse {
      transition: height 0.4s ease, opacity 0.4s ease;
    }
    .accordion-collapse.collapsing {
      opacity: 0;
    }
    .accordion-collapse.show {
      opacity: 1;
    }
    [type=button]:focus, [type=button]:hover, [type=submit]:focus, [type=submit]:hover {
    color: #000;
    background-color: #0a5a9400 !important;
    text-decoration: none;
}

    @media(max-width:768px){
      .accordion-button{
        font-size:16px;
        padding:14px;
      }
      .accordion-body{
        font-size:14px;
      }
      .swiper {
    margin-left: 10px;
    margin-right: 10px;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
    display: block;
}
.name_cars {
    font-size: 20px!important;
}
.name_tittle {
    font-size: 14px!important;
}
.customer_experience{
    font-size:28px!important;
}   
    }

  table caption+thead tr:first-child td, table caption+thead tr:first-child th, table colgroup+thead tr:first-child td, table colgroup+thead tr:first-child th, table thead:first-child tr:first-child td, table thead:first-child tr:first-child th {
    border-block-start: 1px solid hsl(0deg 0% 50.2% / 17%) !important;
}

.text-secondary{
    font-family: Poppins !important;
    font-size: 40px !important;
    font-style: normal !important;
    font-weight: 700 !important;
    line-height: 48px !important;
    text-transform: capitalize !important;
    background: linear-gradient(92deg, #FFF 6.42%, #FFF 95.28%) !important;
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}

.logotable img{
    width: 250px !important;
    height: auto !important;
}

.Helpdesk{
    color: #FFF !important;
    font-family: Poppins !important;
    font-size: 33.017px !important;
    font-style: normal !important;
    font-weight: 700 !important;
    line-height: 39.621px !important;
    text-transform: capitalize !important;
}

.custom-table {
    width: 100% !important;
    color: #fff !important;
    background-color: #000 !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
}

.custom-table th, 
.custom-table td {
    background-color: #000 !important;
    border: 1px solid #111 !important;
    vertical-align: middle !important;
    white-space: nowrap !important;
    color: #D6DADE !important;
    font-family: Poppins !important;
    font-size: 18px !important;
    font-style: normal !important;
    font-weight: 600 !important;
    line-height: 42px !important;
}

.custom-table tr:hover td {
    background-color: #000 !important;
    color: #fff !important;
}

table tbody>tr:nth-child(odd)>td, 
table tbody>tr:nth-child(odd)>th {
    background-color: #11162b00 !important;
}

.dot {
    display:inline-block !important;
    width:12px !important;
    height:12px !important;
    border-radius:50% !important;
    margin-right:6px !important;
    vertical-align:middle !important;
}

.green {background:#00ff66 !important;}
.red {background:#ff3333 !important;}
.yellow {background:#ffcc00 !important;}

.table-responsive {
    border-radius:12px !important;
    overflow-x:auto !important;
    scrollbar-color: #333 #000 !important;
    scrollbar-width: thin !important;
}

@media (max-width:768px) {
    table {min-width:650px !important;}
}