#product_details {
  border-bottom: 1px solid var(--primary-gray);

  .mr-15 {
    margin-right: 15px;
  }
  .slide_image_box {
    width: 100px;
    height: 700px;
    overflow: hidden;
    @media (width < 768px) {
      width: 100%;
      height: auto;
      display: flex !important;
      justify-content: space-around !important;
    }

    img {
      cursor: pointer;
      @media (width < 768px) {
        width: 20%;
        max-width: 60px;
      }
    }
  }

  .image_box {
    position: relative;

    .Product_Image {
      max-width: 100%;
      @media (width< 768px) {
        max-height: 60vh;
        width:  auto;
      }
    }
    .discount_tag {
      background-color: greenyellow;
      padding: 5px 10px;
      position: absolute;
      left: 0;
      top: 0;
      z-index: 9;
    }
    .open_icon {
      position: absolute;
      right: 50px;
      top: 0;
      font-size: 20px;
      cursor: pointer;
    }
  }

  p span {
    font-weight: 600;
    margin-right: 5px;
  }
  .title_box {
    .price {
      color: var(--green);
    }
  }

  .detail_box {
    margin-bottom: 40px;
    p {
      margin-bottom: 8px;
    }
  }
  .shop_box {
    margin-bottom: 40px;
    .wish_list_box {
      margin-top: 15px;
      .icon {
        cursor: pointer;
      }
    }
  }
  .social_box {
    border-top: 1px solid var(--primary-gray);
    padding-top: 35px;

    .icons_container {
      .icon {
        background-color: white;
        box-shadow: 2px 2px 3px gray;
        padding: 10px 14px;
        border-radius: 50%;
        margin-right: 15px;
        font-size: 18px;
      }
      .facebook_icon {
        padding: 10px 17px;
      }
    }
  }
}
/* Modal */
.modal-dialog {
  width: 90% !important;
  max-width: 90% !important;
  margin: auto !important;

  @media (width < 568px) {
    margin-top: 5rem !important;
  }
}
.modal-body {
  position: relative;
  .modal_close_btn {
    position: absolute;
    right: 50px;
    top: 50px;
    cursor: pointer;
    font-size: 20px;
  }
  img {
    width: 80%;
    max-width: 600px;
    margin: auto;
  }
}

/* retaled_products */
.product_card {
  height: 415px;
  max-width: 300px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;

  @media (width < 768px) {
    width: 90%;
  }
  @media (width < 568px) {
    height: auto;
  }

  .img_box {
    min-height: 300px;
    max-height: 300px;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    @media (width < 568px) {
      min-height: 200px;
      max-height: 200px;
      margin-bottom: 15px;
    }
    img {
      transition: all 1s ease;
      width: 90%;
      max-width: 250px;
    }
    &:hover img {
      width: 95%;
    }
    .toolpit {
      text-decoration: none;
      text-align: center;
      position: absolute;
      z-index: 10;
      opacity: 0;
      bottom: 25%;
      background-color: #000000;
      color: rgb(248, 247, 247);
      font-weight: 500;
      padding: 5px 25px;
      transition: all 0.4s;
      &:hover {
        background-color: #000000ca;
      }
      @media (width < 568px) {
        font-size: small;
      }
    }
    &:hover .toolpit {
      opacity: 1;
      bottom: 35%;
    }
  }

  .text_box {
    width: 90%;
    .description {
      margin-bottom: 0;
    }
    .price {
      text-align: center;
      color: var(--green);
      .crosed {
        color: black;
        text-decoration: line-through;
      }
    }
  }
}