.bom-management-software {
  .text-cont {
    margin-bottom: 50px;
    @media (max-width: 767px) {
      margin-bottom: 20px;
    }
  }

  .responsive-tabs .nav-tabs {
    display: none;
  }

  @media (min-width: 992px) {
    .responsive-tabs .nav-tabs {
      display: block;
    }

    .responsive-tabs .card {
      border: none;
    }

    .responsive-tabs .card .card-header {
      display: none;
    }

    .responsive-tabs .card .collapse {
      display: block;
    }
  }

  @media (max-width: 991px) {
    .responsive-tabs .tab-pane {
      display: block !important;
      opacity: 1;
    }
  }

  .responsive-tabs {
    .nav-tabs {
      background: #F7FAFF;
      border: 0;
      border-radius: 10px;
      padding: 30px 0;

      .nav-item {
        border: 0;
        border-bottom: 1px solid #D3E4FF;
        padding: 0 25px;

        &:nth-last-child(1) {
          border: 0;
        }

        .nav-link {
          border: 0;
          font-weight: 400;
          font-size: 20px;
          line-height: 30px;
          color: #000;
          padding: 30px 20px;
          border-radius: 10px;
          @media (max-width: 1199px) {
            font-size: 18px;
            line-height: 28px;
            padding: 20px 20px;
          }
        }

        .active {
          background: #5558A6;
          box-shadow: 0 6px 8px 0 #0000000A;
          color: #fff;
        }
      }
    }

    .tab-content {
      .card {
        border: 0;
        background: transparent;

        .card-header {
          padding: 0;
          border: 0;
          background: transparent;

          a {
            display: block;
            border-radius: 12px;
            padding: 20px;
            background: #F7FAFF;
            text-decoration: none;
            margin-bottom: 10px;
            color: #000;
          }

          [aria-expanded = true ] {
            background: #5558A6;
            box-shadow: 0 6px 8px 0 #0000000A;
            color: #fff;
          }
        }

        .card-body {
          padding: 30px 15px;
          @media (max-width: 991px) {
            padding: 20px 15px;
          }

          .text-content {
            margin-bottom: 40px;
            @media (max-width: 991px) {
              margin-bottom: 20px;
            }

            h3 {
              font-weight: 400;
              font-size: 24px;
              line-height: 25px;
              color: #000;
              margin-bottom: 25px;
              @media (max-width: 991px) {
                margin-bottom: 15px;
              }
              @media (max-width: 767px) {
                font-size: 20px;
                line-height: 22px;
              }
            }

            p {
              font-weight: 400;
              font-size: 18px;
              line-height: 25px;
              color: #565656;
              margin: 0;
              max-width: 700px;
              @media (max-width: 767px) {
                max-width: 100%;
                font-size: 14px;
                line-height: 20px;
              }
            }
          }

          .img-content {
            img {
              border-radius: 20px;
            }
          }
        }
      }
    }
  }
}