.fmcg-company-details {
  .dashboard-content {
    padding: 0 40px 0 0;
    @media (max-width: 991px) {
      padding: 0 40px;
    }
    @media (max-width: 575px) {
      padding: 0 20px;
    }

    .box {
      background: #fff;
      border-radius: 18px;
      position: relative;
      padding: 15px 15px 95px;
      margin-top: 130px;
      @media (max-width: 767px) {
        padding: 15px 15px 25px;
      }

      .contact-company {
        text-align: center;

        .img-cont {
          position: absolute;
          left: 0;
          right: 0;
          top: -100px;
        }

        .text-cont {
          margin-top: 100px;

          h3 {
            font-size: 24px;
            font-weight: 600;
            line-height: 29px;
            color: #060B16;
            @media (max-width: 767px) {
              font-size: 18px;
              line-height: 24px;
            }
          }

          p {
            font-size: 18px;
            font-weight: 500;
            line-height: 21px;
            color: #939393;
            margin: 0;
            @media (max-width: 991px) {
              margin: 0 0 20px;
            }
          }

          a {
            text-decoration: none;
            background: #00C5B4;
            border-radius: 48px;
            font-size: 16px;
            font-weight: 600;
            line-height: 19px;
            color: #fff;
            padding: 17px;
            max-width: 260px;
            width: 100%;
            position: absolute;
            right: 20px;
            top: 25px;
            @media (max-width: 991px) {
              position: static;
              margin: auto;
              display: block;
            }
          }
        }
      }
    }

    .company-details-tabs {

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

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

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

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

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

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

      .responsive-tabs {
        position: relative;

        .nav-tabs {
          border: 1px solid #F2F2F2;
          border-radius: 54px;
          max-width: 725px;
          width: 100%;
          padding: 6px;
          position: absolute;
          top: -90px;
          z-index: 1;
          left: 0;
          right: 0;
          margin: auto;

          .nav-item {
            width: 25%;
            border: 0;

            .nav-link {
              border: 0;
              text-align: center;
              font-size: 16px;
              font-weight: 400;
              line-height: 18px;
              color: #060B16;
              background: transparent;
              border-radius: 54px;
            }

            .active {
              background: #060B16;
              color: #fff;
              font-weight: 600;
            }
          }
        }

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

            .card-header {
              background: transparent;
              border: 0;
              padding: 0;
              margin-top: 20px;

              h5 {
                a {
                  display: block;
                  text-decoration: none;
                  color: #000;
                  padding: 20px;
                  background: #fff;
                  border-radius: 12px;

                  &:after {
                    content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--!Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M201.4 374.6c12.5 12.5 32.8 12.5 45.3 0l160-160c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L224 306.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l160 160z"/></svg>');
                    position: absolute;
                    right: 20px;
                    width: 20px;
                    transition: .5s;
                  }
                }
              }

              [aria-expanded=true] {
                background: #060b16;
                color: #fff;

                &:after {
                  content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--!Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path fill="%23ffffff" d="M201.4 374.6c12.5 12.5 32.8 12.5 45.3 0l160-160c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L224 306.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l160 160z"/></svg>');
                  transform: rotate(180deg);
                  transition: .5s;
                  top: 15px;
                }
              }
            }

            .card-body {
              padding: 0;

              .company-overview {
                background: #fff;
                border-radius: 18px;
                padding: 30px;
                margin-top: 20px;

                h3 {
                  font-size: 16px;
                  font-weight: 600;
                  line-height: 19px;
                  color: #060B16;
                }

                p {
                  font-size: 16px;
                  font-weight: 400;
                  line-height: 19px;
                  color: #3D3D3D;
                  position: relative;
                  padding: 0 0 30px;
                  margin: 0 0 25px;

                  &:after {
                    content: '';
                    width: 100%;
                    height: 1px;
                    background: #E9E9E9;
                    position: absolute;
                    left: 0;
                    right: 0;
                    bottom: 0;
                  }
                }

                ul {
                  list-style: none;
                  padding: 0;
                  margin: 0;
                  display: flex;
                  @media (max-width: 767px) {
                    display: block;
                  }

                  li {
                    width: 33.333%;
                    position: relative;
                    @media (max-width: 767px) {
                      width: 100%;
                      margin-bottom: 15px;
                    }

                    &:after {
                      content: '';
                      width: 1px;
                      height: 45px;
                      background: #E0E0E0;
                      position: absolute;
                      right: 165px;
                      top: 0;
                      @media (max-width: 767px) {
                        display: none;
                      }
                    }

                    &:nth-last-child(1) {
                      &:after {
                        display: none;
                      }
                    }

                    h4 {
                      font-size: 16px;
                      font-weight: 600;
                      line-height: 19px;
                      color: #060B16;
                    }

                    span {
                      font-size: 22px;
                      font-weight: 400;
                      line-height: 26px;
                      color: #565656;

                      a {
                        text-decoration: none;
                        color: #007CBB;
                        font-weight: 500;
                      }
                    }
                  }
                }
              }

              .product-listing {
                padding: 30px 0 0 0;
                margin-top: 30px;
                border-top: 1px solid #E9E9E9;

                @media (max-width: 575px) {
                  padding: 0 0 25px 10px;
                }

                .text-cont {
                  display: flex;
                  justify-content: space-between;
                  padding-right: 120px;
                  margin-bottom: 30px;
                  @media (max-width: 575px) {
                    display: block;
                    padding: 20px 0 0;
                  }

                  .left {
                    h3 {
                      font-size: 26px;
                      font-weight: 600;
                      line-height: 31px;
                      color: #060B16;
                      margin: 0;
                      @media (max-width: 575px) {
                        margin: 0 0 20px;
                      }
                    }
                  }

                  .right {
                    a {
                      text-decoration: none;
                      font-size: 16px;
                      font-weight: 600;
                      line-height: 19px;
                      color: #565656;
                    }
                  }
                }

                .product-listing-slider {
                  .owl-stage {
                    padding-left: 0 !important;
                  }

                  .card {
                    border: 0;
                    border-radius: 15px;
                    background: #fff;
                    padding-top: 20px;


                    .img-content {
                      display: flex;
                      justify-content: center;
                      align-items: center;
                      min-height: 175px;
                      margin-bottom: 20px;

                      a {
                        position: absolute;
                        right: 12px;
                        top: 15px;

                        .fill-label {
                          display: none;
                        }
                      }

                      .active {
                        .fill-label {
                          display: block;
                        }

                        .stroke-label {
                          display: none;
                        }

                      }
                    }

                    .text-content {
                      ul {
                        list-style: none;
                        padding: 0 12px;
                        margin: 0 0 18px;

                        li {
                          display: flex;
                          justify-content: space-between;

                          span.buying {
                            background: #DAA4001A;
                            border-radius: 42px;
                            font-size: 12px;
                            font-style: italic;
                            font-weight: 600;
                            line-height: 14px;
                            color: #DAA400;
                            padding: 6px 12px;
                          }

                          span.selling {
                            background: #3E3E3E1A;
                            border-radius: 42px;
                            padding: 6px 12px;
                            font-size: 12px;
                            font-style: italic;
                            font-weight: 600;
                            line-height: 14px;
                            color: #060B16;
                          }

                          span.contact-for-price {
                            font-size: 12px;
                            font-weight: 600;
                            line-height: 14px;
                            color: #fff;
                            background: #000;
                            border-radius: 42px;
                            padding: 6px 12px;
                          }

                          span.price {
                            font-size: 18px;
                            font-weight: 600;
                            line-height: 21px;
                            color: #060B16;
                          }
                        }
                      }

                      .product-title {
                        text-decoration: none;
                        font-size: 16px;
                        font-weight: 500;
                        line-height: 19px;
                        color: #060B16;
                        border-bottom: 2px solid #E7E7E7;
                        padding: 0 15px 15px;
                        margin-bottom: 15px;
                        min-height: 55px;
                        display: -webkit-box;
                        -webkit-box-orient: vertical;
                        -webkit-line-clamp: 2;
                        text-overflow: ellipsis;
                        overflow: hidden;
                        @media (max-width: 1299px) {
                          padding: 0 15px 25px;
                        }
                      }

                      .company-name {
                        display: flex;
                        align-items: center;
                        padding: 0 18px 15px;

                        .left {
                          margin-right: 20px;
                        }

                        .right {
                          h4 {
                            font-size: 20px;
                            font-weight: 600;
                            line-height: 23px;
                            margin-bottom: 0;
                            color: #060B16;
                          }

                          p {
                            font-size: 16px;
                            font-weight: 400;
                            line-height: 18px;
                            color: #939393;
                            margin-bottom: 0;
                          }
                        }
                      }
                    }
                  }

                  .owl-nav {
                    position: absolute;
                    top: -69px;
                    right: 40px;
                    margin: 0;
                    @media (max-width: 575px) {
                      top: -59px;
                    }

                    button {
                      &:hover {
                        background: transparent;
                      }
                    }
                  }
                }
              }

              .product-tab-cont {
                margin-top: 20px;

                .text-cont {
                  display: flex;
                  justify-content: space-between;
                  align-items: center;
                  margin-bottom: 15px;

                  h3 {
                    font-size: 26px;
                    font-weight: 700;
                    line-height: 31px;
                    color: #18192C;
                    margin: 0;
                  }

                  button {
                    border: 0;
                    background: #000;
                    border-radius: 50px;
                    font-size: 14px;
                    font-weight: 600;
                    line-height: 16px;
                    color: #FCFCFC;
                    padding: 12px 20px;

                    svg {
                      margin-left: 5px;
                    }
                  }
                }

                .card {
                  border: 0;
                  border-radius: 15px;
                  background: #fff;
                  padding-top: 20px;
                  margin-bottom: 20px;


                  .img-content {
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    min-height: 175px;
                    margin-bottom: 20px;

                    a {
                      position: absolute;
                      right: 12px;
                      top: 15px;

                      .fill-label {
                        display: none;
                      }
                    }

                    .active {
                      .fill-label {
                        display: block;
                      }

                      .stroke-label {
                        display: none;
                      }

                    }
                  }

                  .text-content {
                    ul {
                      list-style: none;
                      padding: 0 12px;
                      margin: 0 0 18px;

                      li {
                        display: flex;
                        justify-content: space-between;

                        span.buying {
                          background: #DAA4001A;
                          border-radius: 42px;
                          font-size: 12px;
                          font-style: italic;
                          font-weight: 600;
                          line-height: 14px;
                          color: #DAA400;
                          padding: 6px 12px;
                        }

                        span.selling {
                          background: #3E3E3E1A;
                          border-radius: 42px;
                          padding: 6px 12px;
                          font-size: 12px;
                          font-style: italic;
                          font-weight: 600;
                          line-height: 14px;
                          color: #060B16;
                        }

                        span.contact-for-price {
                          font-size: 12px;
                          font-weight: 600;
                          line-height: 14px;
                          color: #fff;
                          background: #000;
                          border-radius: 42px;
                          padding: 6px 12px;
                        }

                        span.price {
                          font-size: 18px;
                          font-weight: 600;
                          line-height: 21px;
                          color: #060B16;
                        }
                      }
                    }

                    .product-title {
                      text-decoration: none;
                      font-size: 16px;
                      font-weight: 500;
                      line-height: 19px;
                      color: #060B16;
                      border-bottom: 2px solid #E7E7E7;
                      padding: 0 15px 15px;
                      margin-bottom: 15px;
                      min-height: 55px;
                      display: -webkit-box;
                      -webkit-box-orient: vertical;
                      -webkit-line-clamp: 2;
                      text-overflow: ellipsis;
                      overflow: hidden;
                      @media (max-width: 1299px) {
                        padding: 0 15px 25px;
                      }
                    }

                    .company-name {
                      display: flex;
                      align-items: center;
                      padding: 0 18px 15px;

                      .left {
                        margin-right: 20px;
                      }

                      .right {
                        h4 {
                          font-size: 20px;
                          font-weight: 600;
                          line-height: 23px;
                          margin-bottom: 0;
                          color: #060B16;
                          @media (max-width: 991px) {
                            font-size: 16px;
                            line-height: 21px;
                          }
                        }

                        p {
                          font-size: 16px;
                          font-weight: 400;
                          line-height: 18px;
                          color: #939393;
                          margin-bottom: 0;
                        }
                      }
                    }
                  }
                }
              }

              .job-tabs-cont {
                margin-top: 20px;

                .card {
                  border: 0;
                  background: #fff;
                  border-radius: 6px;
                  padding: 20px 15px 15px;
                  margin-bottom: 15px;

                  .card-header {
                    border: 0;
                    background: transparent;
                    padding: 0;
                    display: flex;
                    margin-bottom: 15px;

                    .right {
                      margin-left: 10px;

                      h3 {
                        font-size: 16px;
                        font-weight: 600;
                        line-height: 19px;
                        text-decoration-skip-ink: none;
                        color: #060B16;
                        margin-bottom: 5px;
                      }

                      p {
                        font-size: 14px;
                        font-weight: 500;
                        line-height: 15px;
                        color: #7B7B7B;
                        margin-bottom: 0;

                        br {
                          @media (max-width: 767px) {
                            display: none;
                          }
                        }
                      }

                      img {
                        position: absolute;
                        right: 15px;
                        top: 15px;
                      }
                    }
                  }

                  .card-body {
                    padding: 0;

                    .job-title {
                      display: flex;
                      justify-content: space-between;

                      h4 {
                        font-size: 17px;
                        font-weight: 600;
                        line-height: 21px;
                        color: #060B16;

                        span {
                          font-size: 13px;
                          font-weight: 400;
                          line-height: 16px;
                          color: #8D8DA6;
                        }
                      }

                      h5 {
                        font-size: 15px;
                        font-weight: 600;
                        line-height: 19px;
                        color: #060527;
                      }
                    }

                    ul {
                      list-style: none;
                      padding: 0;
                      margin: 15px 0;
                      display: flex;
                      align-items: center;
                      gap: 12px;

                      @media (max-width: 575px) {
                        display: block;
                      }

                      li {
                        background: #F8F8F8;
                        border-radius: 29px;
                        font-size: 13px;
                        font-weight: 500;
                        line-height: 14px;
                        color: #060B16;
                        padding: 5px 10px;
                        @media (max-width: 575px) {
                          margin-bottom: 10px;
                        }
                      }
                    }

                    .apply-now {
                      border: 0;
                      display: block;
                      width: 100%;
                      text-align: center;
                      background: #00C5B4;
                      border-radius: 61px;
                      font-size: 16px;
                      font-weight: 600;
                      line-height: 20px;
                      color: #FCFCFC;
                      padding: 12px;
                    }
                  }
                }
              }
            }
          }
        }
      }
    }
  }
}