html,
body {
  direction: rtl;
  background-color: #eff2f7;
}
.btn-primary {
  color: #fff;
  background-color: #0f7179;
  border-color: #0f7179;
}
.btn-primary:hover,
.btn-primary:focus {
  color: #fff;
  background-color: #0d5f66;
  border-color: #0d5f66;
}

.btn {
  display: inline-block;
  padding: 5px;
  border-radius: 3px;
  min-width: 130px;
}
.btn.green {
  background-color: #0f7078;
  color: #fff;
}
.btn.gold {
  background-color: #c59944;
  color: #fff;
}
.btn.gold:hover {
  background-color: #0f7078;
  color: #fff;
}


body {
    background-color: #fff!important;
    padding: 15px;
}


.collage_item {
  margin-bottom: 2.2rem;
  padding: .9rem;
  border-radius: 10px;
  background-color: #fff;
  box-shadow: 0px 0px 7px -2px #afbabb;
}
.collage_item .img_wrap {
  margin-bottom: 15px;
}
.collage_item .img_wrap img {
  width: 100%;
  display: block;
}
.collage_item p {
  text-align: justify;
  height: 128px;
  overflow: hidden;
}