.product-detail {
  .dashboard-content {
    padding-top: 20px;

    .box {
      background: #fff;
      border-radius: 18px;
      padding: 25px;
      margin: 20px 40px 0 0;
      @media (max-width: 991px) {
        margin: 20px 20px 0;
      }

      .img-cont {
        background: #EDF4F5;
        border-radius: 18px;
        padding: 70px 0;
        @media (max-width: 767px) {
         margin-bottom: 20px;
        }

        .product-detail-slider {
          .owl-item {
            img {
              margin: auto;
            }
          }

          .owl-nav {
            position: absolute;
            left: 0;
            right: 0;
            top: 50%;

            button {
              padding: 0;
              margin: 0;

              &:hover {
                background: transparent;
              }
            }

            .owl-prev {
              position: absolute;
              left: 15px;
            }

            .owl-next {
              position: absolute;
              right: 15px;
            }
          }

          .owl-dots {
            position: absolute;
            left: 0;
            right: 0;
            bottom: -40px;

            .owl-dot {
              span {
                width: 10px;
                height: 10px;
                border-radius: 100%;
                background: #D9D9D9;
                margin: 0 3px;
              }
            }

            .active {
              span {
                width: 45px;
                background: #000;
                border-radius: 18px;
              }
            }
          }
        }
      }

      .private-limited {
        background: #F8F8F8;
        border-radius: 53px;
        display: flex;
        align-items: center;
        width: fit-content;
        padding: 10px 40px 10px 10px;
        margin-bottom: 20px;
        @media (max-width: 575px) {
          border-radius: 23px;
          display: block;
          padding: 10px;
          width: auto;
        }

        .right {
          margin-left: 15px;
          @media (max-width: 575px) {
            margin: 10px 0 0;
            display: block;
          }

          h3 {
            font-size: 18px;
            font-weight: 600;
            line-height: 22px;
            color: #060B16;
            margin: 0;
          }

          p {
            font-size: 14px;
            font-weight: 400;
            line-height: 17px;
            color: #939393;
            margin: 0;
          }
        }
      }

      .text-content {
        display: flex;
        justify-content: space-between;
        border-bottom: 1px solid #EDEDED;
        padding-bottom: 17px;
        @media (max-width: 575px) {
          display: block;
        }


        h3 {
          font-size: 22px;
          font-weight: 600;
          line-height: 26px;
          color: #000;
          margin: 0;
          @media (max-width: 1199px) {
            font-size: 18px;
            line-height: 23px;
          }
          @media (max-width: 575px) {
            font-size: 16px;
            line-height: 21px;
            margin-bottom: 10px;
          }
        }

        h4 {
          font-size: 29px;
          font-weight: 700;
          line-height: 35px;
          color: #000;
          margin: 0;
          @media (max-width: 1199px) {
            font-size: 20px;
            line-height: 26px;
          }
        }
      }

      .description {
        border-bottom: 1px solid #EDEDED;
        padding: 20px 0;

        h3 {
          font-size: 18px;
          font-weight: 600;
          line-height: 21px;
          color: #101010;
        }

        p {
          font-size: 16px;
          font-weight: 400;
          line-height: 19px;
          color: #565656;
          margin-bottom: 0;
          @media (max-width: 767px) {
            font-size: 14px;
            line-height: 18px;
          }
        }
      }

      .categories {
        display: flex;
        justify-content: space-between;
        border-bottom: 1px solid #EDEDED;
        padding: 22px 0;
        margin-bottom: 18px;

        .left {
          font-size: 16px;
          font-weight: 600;
          line-height: 19px;
          color: #101010;
        }

        .right {
          font-size: 18px;
          font-weight: 500;
          line-height: 21px;
          color: #565656;
        }
      }

      .product-btns {
        display: flex;
        gap: 15px;
        @media (max-width: 575px) {
          display: block;
        }

        a {
          text-decoration: none;
          border-radius: 48px;
          font-size: 16px;
          font-weight: 600;
          line-height: 19px;
          padding: 16px 0;
          display: block;
          text-align: center;
          width: 50%;
          @media (max-width: 575px) {
            width: 100%;
          }
        }

        .company-details {
          border: 1px solid #00C5B4;
          color: #060B16;
          @media (max-width: 575px) {
            margin-bottom: 10px;
          }
        }

        .contact-company {
          background: #00C5B4;
          color: #fff;
        }
      }
    }

    .specifications {
      background: #fff;
      border-radius: 18px;
      margin: 15px 40px 0 0;
      padding: 0 45px;
      position: relative;
      @media (max-width: 991px) {
        margin: 20px 20px 0;
      }
      @media (max-width: 575px) {
        padding: 0 25px;
      }

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

      .text-cont {
        display: flex;
        padding: 30px 0;
        align-items: center;

        h3 {
          font-size: 18px;
          font-weight: 500;
          line-height: 21px;
          color: #060B16;
          margin: 0 0 0 25px;
          @media (max-width: 991px) {
            font-size: 14px;
            line-height: 17px;
          }
        }
      }
    }

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