.diagram {
      .heading {
        p {
          color: #03355B;
          font-weight: 600;
        }
      }
    }

    .diagram-item {
      text-align: center;
    }

    .icon-circle {
      width: 90px;
      height: 90px;
      border-radius: 50%;
      border: 2px solid #e5e5e5;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 38px;
      margin: auto;
      background: #fff;
    }

    .bg-purple {
      background: #6f42c1;
      border-color: #6f42c1;
    }

    .bg-blue {
      background: #0d6efd;
      border-color: #0d6efd;
    }

    .bg-yellow {
      background: #f4c430;
      border-color: #f4c430;
    }

    .arrow {
      font-size: 28px;
      font-weight: bold;
    }

    .dotted-line {
      position: absolute;
      bottom: -45px;
      left: 50%;
      height: 40px;
      border-left: 2px dashed #bdbdbd;
    }

    .gateway-box {
      border: 1px solid #e5e5e5;
      border-radius: 12px;
      padding: 15px;
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 15px;
      background: #fff;
      box-shadow: 0 6px 20px rgba(0, 0, 0, 0.05);
      justify-content: center;
    }

    .gateway-box i {
      font-size: 36px;
      color: #0d6efd;
    }

    .features-section {
      .feature-card {
        background: #ffffff;
        border-radius: 14px;
        padding: 22px 24px;
        height: 100%;
        border: 1px solid #e6eef6;
        box-shadow: 0 10px 24px rgba(0, 0, 0, 0.08);
        transition: all 0.7s ease;
        overflow: hidden;
        position: relative;

        &:hover {
          .custom-card-bg {
            transform: scale(10);
            /* background-color: var(--accent-color); */
            background-color: #e2f2fe;
          }

          h6 {
            position: relative;
            z-index: 2;
          }

          ul {
            position: relative;
            z-index: 2;
          }
        }

        h6 {
          font-weight: 600;
          margin-bottom: 12px;
          font-size: 22px;
          color: #1f2d3d;
          position: relative;
          z-index: 3;
        }

        ul {
          padding-left: 18px;
          margin-bottom: 0;
          position: relative;
          z-index: 3;

          li {
            font-size: 14px;
            color: #000;
            margin-bottom: 6px;
            font-size: 18px;
            list-style: disc;

            &:last-child {
              margin-bottom: 0;
            }
          }
        }

        .custom-card-bg {
          height: 128px;
          width: 128px;
          background-color: #e2f2fe;
          position: absolute;
          top: -75px;
          right: -75px;
          border-radius: 50%;
          z-index: 0;
          transition: all 0.5s ease;
        }
      }
    }

    .tabs-section-logos {
      .nexus-tab-navi {
        top: 62px !important;

        .customNavs {
          border-radius: 50px;
          padding: 4px;
          width: 50%;
          border-bottom: none !important;
          background: #BCD8F0;
          transition:all 0.7s ease !important;

          /* background: linear-gradient(90deg,rgba(188, 216, 240, 1) 34%, rgba(249, 252, 254, 0.5) 100%); */
          .nav-link {
            padding: 7px 30px;
          }
        }
      }
    }

    @media (max-width:1200px) {
      .tabs-section-logos {
        & .nexus-tab-navi {
          .customNavs {
            width: max-content;
            padding: 4px 40px;
          }
        }
      }
    }

    @media (max-width:576px) and (min-width:320px) {
      .diagram {
        .diagram-item {
          .dotted-line {
            display: none;
          }
        }
      }

      .tabs-section-logos {
        & .nexus-tab-navi {
          .customNavs {
            border-radius: 10px;
            padding: 4px;
            flex-direction: column;
            width: 100%;
            border-bottom: none !important;
            background: #BCD8F0;
            /* background: linear-gradient(90deg, rgba(188, 216, 240, 1) 34%, rgba(249, 252, 254, 0.5) 100%); */
          }
        }
      }
    }