.mb-58
{
  margin: 0 0 58px 0;
}
.experience-card {
    max-width: 1002px;
    margin: auto;
    border-radius: 12px;
    backdrop-filter: blur(25px);
    padding: 63px 0 0 60px;
    display: flex;
    align-items: center;
    overflow: hidden;
    align-items: self-start;
    min-height: 360px;
    margin-bottom: 43px;
  }

  .suite-experience {
    background: linear-gradient(143deg, #F5E9ED 62.24%, #F5D0DC 98.87%);
  }
  .suite-analytics{
    background: linear-gradient(147deg, #EDFBFF 35.88%, #D9F6FF 99.14%);
  }
  .suite-security {
   background: linear-gradient(138deg, #F1FFF6 57.59%, #D9FFE6 92.57%), linear-gradient(147deg, #EDFBFF 35.88%, #D9F6FF 99.14%);
  }
  .suite-operations{
    background: linear-gradient(138deg, #FEF1EA 67.12%, #FEE5D8 100%);
  }
  /* LEFT CONTENT */
  .experience-content {
    flex: 1;
    max-width: 520px;
    margin-bottom: 70px;
  }

  .experience-header {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 16px;
  }

  .experience-divider {
    height: 1px;
    background: #ccc;
    margin: 16px 0 24px;
  }

  .experience-text {
  color: #4D4D4D;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px; /* 150% */
    margin-bottom: 32px;
  }

  .experience-actions {
    display: flex;
    gap: 18px 45px;
    align-items: center;
    flex-wrap: wrap;
  }

  .action-item {
    display: flex;
    align-items: center;
  }
  /* EXPLORE BUTTON */
  .explore-btn {
  margin-left: auto;
border-radius: 12px;
border: 1px solid #B2B2B2;
background: rgba(255, 255, 255, 0.10);
backdrop-filter: blur(10px);
display: flex;
padding: 6px 12px;
justify-content: center;
align-items: center;
gap: 10px;
text-decoration: none;
color: #333;
text-align: center;
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: 20px; /* 142.857% */
  }
.explore-btn:hover
    {
      border-radius: 12px;
      background: linear-gradient(90deg, #000 0%, #5D5D5D 100%);
      backdrop-filter: blur(10px);
      color:#fff;
    }
.explore-btn:hover img {
        filter: brightness(0) invert(1);
    }

  /* RIGHT VISUAL */
  .experience-visual {
    flex: 1;
    position: relative;
    min-height: 290px;
    align-self: end;
  }
  .blur-img
  {
    border-radius: 12px 0 0 12px;
    background: rgba(255, 255, 255, 0.20);
    backdrop-filter: blur(25px);
  }

  /*-- Experience Actions Hover Effect --*/
.experience-actions:hover .action-item img {
  opacity: 0.5;
  transition: all .3s ease-in-out;
}

.experience-actions .action-item:hover img {
  opacity: 1;
}

  /* RESPONSIVE */
  @media (max-width: 900px) {
    .experience-card {
      flex-direction: column;
      padding: 24px 14px 0 14px;
    }

    .experience-visual {
      width: 100%;
      min-height: 220px;
    }
     .our-porduct-suite h3{
      font-size: 22px;
    }
  }

  @media (max-width: 767.98px) {
    .our-porduct-suite h3{
      font-size: 16px;
    }
   .experience-visual{
    display: none;
  }
  .experience-logo img {
  height: 26px;
}
}