@import url("https://fonts.googleapis.com/css2?family=Tajawal&display=swap");
.gallery {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.gallery .thumbs-box {
  width: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 0 10px;
  overflow-y: auto;
  height: 500px;
}

.gallery .thumbs-box li {
  cursor: pointer;
  margin-bottom: 5px;
}

.gallery .thumbs-box li img {
  width: 120px;
  border-radius: 10px;
  height: 77px;
  -o-object-fit: cover;
     object-fit: cover;
}

.gallery #big-img-box {
  width: 100%;
  height: 500px;
  border-radius: 10px;
  background-position: center;
  background-size: cover;
}

.pro-content .info-box span {
  padding: 5px 15px;
  margin: 0 7px;
  display: inline-block;
  line-height: 0;
  font-size: 15px;
}

.pro-content .info-box span img {
  height: 19px;
  vertical-align: middle;
}

.pro-content .info-box span.star {
  background: #FFEB3B;
  color: #9E911A;
  border-radius: 50px;
}

.pro-content .info-box .like-cmnt {
  display: inline-block;
}

.pro-content .info-box .like-cmnt span {
  margin: 0;
  padding: 0 7px;
}

.pro-content .info-box .like-cmnt span img {
  height: 15px;
}

.pro-content .pro-details {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.pro-content .pro-details .left {
  width: 100%;
}

.pro-content .pro-details .right a {
  display: block;
  text-align: center;
  padding-top: 17px;
  color: #1699A7;
}

.pro-content .pro-details .right a img {
  height: 40px;
  display: block;
}

.pro-content .pro-details .right a span {
  color: #222;
}

.pro-content .pro-details h1 {
  font-size: 26px;
  color: #1699A7;
}

.pro-content .pro-details .location p {
  margin: 0;
  font-size: 17px;
  color: #555;
  display: inline-block;
  line-height: 0;
}

.pro-content .pro-details .location img {
  margin: 0 4px;
  vertical-align: middle;
}

.pro-content .pro-details .price {
  text-align: center;
  padding: 20px 0;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
}

.pro-content .pro-details .price span {
  background: #1699A7;
  color: #fff;
  font-size: 23px;
  border-radius: 50px;
  padding: 6px 25px;
}

.pro-content .pro-details .price b {
  font-size: 40px;
}

.pro-content .publisher {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.pro-content .publisher > img {
  width: 82px;
  height: 82px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  border-radius: 150px;
  margin: 0 10px;
}

.pro-content .publisher .info {
  width: 100%;
}

.pro-content .publisher .info span {
  font-size: 15px;
  color: #555;
}

.pro-content .publisher .info .name {
  margin: 0;
  font-size: 20px;
  color: #1699A7;
  padding: 4px 0;
  font-weight: bold;
}

.pro-content .publisher .info .phone {
  margin: 0;
  font-size: 18px;
}

.pro-content .publisher .follow {
  text-align: center;
  padding-top: 17px;
}

.pro-content .publisher .follow img {
  height: 40px;
}

.pro-content .publisher .follow span {
  color: #222;
}

.contact-box {
  text-align: center;
  padding: 50px 1%;
}

.contact-box a {
  width: 70px;
  height: 70px;
  background: #1699A7;
  border-radius: 50px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 1%;
  position: relative;
  vertical-align: middle;
}

.contact-box a img {
  width: 36px;
}

.contact-box a p {
  color: #1699A7;
  position: absolute;
  bottom: -55px;
  font-size: 18px;
  text-align: center;
  right: 0;
  left: 0;
  font-weight: bold;
}

.prop-box {
  padding-bottom: 25px;
}

.prop-box ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.prop-box ul li {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  width: 23%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 10px 0;
}

.prop-box ul li img {
  height: 45px;
  margin: 0 10px;
}

.prop-box ul li p {
  font-size: 19px;
  font-weight: bold;
  margin: 0;
}

.pro-desc {
  line-height: 2;
  font-size: 18px;
  color: #444;
}

.cmnt-form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 12px;
}

.cmnt-form .cmnt-content {
  padding: 15px;
  width: 100%;
  border-radius: 10px;
  border: #D9D9D9 1px solid;
}

.cmnt-form .cmnt-content textarea {
  width: 100%;
  min-height: 100px;
  resize: vertical;
  border: #ddd 1px solid;
  border-radius: 10px;
  margin-bottom: 5px;
  padding: 15px;
}

.cmnt-form .cmnt-content button {
  width: 90px;
  display: block;
  margin-left: auto;
}

.cmnt-form img {
  width: 74px;
  height: 74px;
  -o-object-position: center;
     object-position: center;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 50px;
  margin: 0 10px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0 2px 6px;
          box-shadow: rgba(0, 0, 0, 0.2) 0 2px 6px;
}

.cmnts-box li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 12px;
}

.cmnts-box li .cmnt-content {
  padding: 15px;
  width: 100%;
  border-radius: 10px;
  border: #D9D9D9 1px solid;
}

.cmnts-box li .cmnt-content .name {
  margin: 0;
  font-size: 22px;
  font-weight: bold;
}

.cmnts-box li .cmnt-content .phone {
  margin: 0;
  padding-top: 5px;
  color: #1699A7;
  font-size: 17px;
}

.cmnts-box li img {
  width: 74px;
  height: 74px;
  -o-object-position: center;
     object-position: center;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 50px;
  margin: 0 10px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0 2px 6px;
          box-shadow: rgba(0, 0, 0, 0.2) 0 2px 6px;
}

.cmnt-count {
  font-size: 16px;
  color: #666;
  position: relative;
  padding: 0 25px;
  display: block;
}

.cmnt-count::before {
  content: '';
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 52px;
  background: #1699A7;
  position: absolute;
  left: 5px;
  bottom: 0;
  top: 0;
  margin: auto;
}
/*# sourceMappingURL=product_prev.css.map */