button.btn-more.collapsed {
  background-color: #7fbf47 !important;
}
button.btn-gray.collapsed:before {
  content: "عرض المزيد";
  display: block;
}

button.btn-gray:before {
  content: "عرض أقل";
  display: block;
}
button.btn-more.collapsed:before {
  content: "عرض المزيد";
  display: block;
}
button.btn-more {
  background-color: grey;
}
button.btn-more:before {
  content: "عرض أقل";
  display: block;
}

.btn-block i {
  position: absolute;
  left: 29px;
  top: 11px;
}
.addressDetailss {
  text-align: right;
  border-bottom: 1px solid #80808099;
  margin-bottom: 23px;
}
.map-det iframe {
  width: 185px;
  height: 185px;
  border: 1px solid #7fbf47;
  border-radius: 5px;
}

.map-det p {
  color: #000;
  font-size: 12px;
  line-height: 18px;
  overflow: hidden;
  font-family: "PNUMedium";
}
.map-det h6 {
  color: gray;
  font-size: 11px;
}
.map-det img {
  width: 15px;
  float: right;
  margin-left: 15px;
}
.map-det-header {
  color: #707070;
  font-size: 17px;
  font-family: "Al-Jazeera-Bold";
  margin-bottom: 20px;
}
.map-det-header h4 {
  font-size: 14px;
  font-family: "Al-Jazeera-Bold";
  color: #7fbf47;
  line-height: 18px;
  margin-bottom: 10px;
}

.map-det-header h5 {
  color: #707070;
  font-size: 17px;
  line-height: 18px;
  font-family: "Al-Jazeera-Bold";
  margin-bottom: 10px;
}

.map-det {
  background-color: #f6f8fa;
  border: 1px solid #d0d0d0;
  border-radius: 3px;
  padding: 29px 0px;
}
.btn-black {
  background-color: transparent;
  color: #666;
  transition: all 0.3s ease-in-out;
  transform: scale(1);
  border: 1px solid #666666;
  border-radius: 50px;
  margin-right: 10px;
  min-width: 100px;
}

.btn-black:hover {
  color: #7fbf47;
  transform: scale(1.01);
  box-shadow: 1px 1px 6px #666666a6;
}

.block-cont {
  border: 1px solid #7fbf47;
  border-radius: 8px;
  background-color: #ffffff;
}
.block-cont-sub {
  display: flex;
  direction: rtl;
  text-align: right;
  border-bottom: 1px solid #7fbf47;
  align-items: center;
}
.block-cont-sub-r1-1 {
  color: #7fbf47;
  font-size: 25px;
  font-family: "PNUBold";
}
.block-cont-sub-r1-1_G {
  color: #707070;
  font-size: 25px;
  font-family: "PNUBold";
}
.block-cont-sub-r1-2 span {
  padding: 9px;
}
.block-cont-sub-r1-2 p {
  text-align: center;
  color: #c9c9ca;
  font-size: 17px;
  font-weight: 800;
}
.block-cont-sub-r1-3 {
  direction: ltr;
}
.phint {
  text-align: center;
}
.phint span {
  color: #c9c9ca;
  border-bottom: 2px solid #ddd;
}
.phint i {
  color: #c9c9ca;
}
.tab-font {
  direction: rtl;
}
.tab-font a {
  font-size: 12px;
  padding: 7px;
  background-color: #fff;
  border: 1px solid #c1c0c0;
}
.tab-font .active {
  font-size: 12px;
  background-color: #7fbf47;
  color: #fff;
  border: #fff 1px solid;
}

.tab-font .active > a {
  color: #fff;
}
.boldfont {
  font-family: "PNUBold";
}
.boldfontj {
  font-family: "Al-Jazeera-Bold";
}
.rec-sec {
  margin-top: 80px;
  margin-bottom: 68px;
}
/* a:hover,
a:active,
a:focus {
  color: #7fbf47 ;
  outline: none;
  text-decoration: none;
  background-color:#7fbf47 ;
} */

.tab-font .active {
  font-size: 12px;
  background-color: #7fbf47;
  color: #fff;
  border: #fff 1px solid;
}

.tab-font .active > a {
  color: #fff;
}

.block-cont-sub-r2 {
  display: flex;
  text-align: right;
  flex-wrap: nowrap;
  justify-content: flex-end;
}

.block-cont-sub-r2-1 {
  background-color: #f6f8fa;
  border: 1px solid #d0d0d0;
  border-radius: 3px;
}

.block-cont-sub-r2-1 p {
  padding: 10px 0px;
  margin: 0;
  font-family: "PNUBold";
  font-size: 13px;
  color: #abac86;
}

.block-cont-sub-r2-1 p > span {
  font-size: 14px;
  margin: 14px;
}
.green-border {
  color: #7fbf47;
  border-bottom: 1px solid #7fbf47;
}
.lgreen {
  color: #7fbf47;
}
.lblack {
  color: #000;
}
.block-cont-sub-r2-1 a {
  color: #7fbf47;
  font-size: 18px;
  border-bottom: 1px solid #7fbf47;
}

.block-cont-sub-r2-2 span {
  padding: 9px;
}
.block-cont-sub-r2-3 {
  direction: ltr;
}

.top-cont {
  text-align: right;
  display: flex;
  /* flex-wrap: wrap; */
}
.tabs-cont {
  display: flex;
  flex-direction: column;
  align-content: flex-end;
  align-items: flex-end;
}
.btn-recv {
  border-radius: 5px;
  border: none;
  background-color: #7fbf47;
  color: #fff;
  font-size: 12px;
  padding: 7px;
}

.btn-recv:hover {
  border-radius: 5px;
  border: none;
  /* background-color: #7fbf47; */
  box-shadow: 1px 1px 8px rgb(127 137 161 / 30%);
  /*transform: scale(1.02); */
  transition: all 0.3s ease-in-out;
  color: #fff;
}

.btn-gray {
  border-radius: 5px;
  border: none;
  background-color: #707070;
  color: #fff;
  font-size: 12px;
  padding: 7px;
}

.btn-gray:hover {
  border-radius: 5px;
  border: none;
  box-shadow: 1px 1px 8px rgb(127 137 161 / 30%);
  /* transform: scale(1.02); */
  transition: all 0.3s ease-in-out;
  color: #fff;
}

/*******************msg modal**********/
#recovery .close {
  position: absolute;
  top: -60px;
  right: 0;
  width: 50px;
  height: 50px;
  border: 1px solid #fff;
  border-radius: 25px;
  color: #fff;
  opacity: 1;
}
#recovery .modal-body {
  padding: 20px 35px;
}
#recovery textarea {
  background-color: #e9ecef;
}
#recovery .fa-at {
  position: absolute;
  top: 10px;
  font-size: 18px;
  color: #ff9f3f;
  right: calc(18% + 36px);
}

#recovery .modal-dialog {
  max-width: 30% !important;
}

.mod-row-title p {
  padding: 11px 0px;
  margin: 0;
  font-family: "PNUMedium";
  font-size: 17px;
}

.loan-mod-row-title p {
  padding: 11px 0px;
  margin: 0;
  font-family: "PNUMedium";
  font-size: 17px;
  color: #7fbf47;
}

.mod-row {
  background-color: #f6f8fa;
  border-radius: 3px;
  display: flex;
  justify-content: flex-end;
  padding: 0 30px;
}
.mod-row p {
  padding: 11px 0px;
  margin: 0;
  font-family: "PNUMedium";
  font-size: 13px;
}
.mod-row span {
  color: #000;
  font-size: 13px;
  padding: 30px;
  font-family: "PNUbold";
}
.mod-row a {
  color: #7fbf47;
  font-size: 13px;
  font-family: "PNUbold";
  border-bottom: 2px solid #7fbf47;
}
.btn-row {
  color: #7fbf47;
  background-color: #d7ebc6;
  font-size: 12px;
}
.card-r-3-title-i-modal {
  font-size: 8px;
  background-color: #d7ebc6;
  border-radius: 50%;
  padding: 2px;
  border: 1px solid #7fbf47;
  color: #7fbf47;
  margin: 0 5px;
}

@media screen and (max-width: 920px) {
  .block-cont-sub-r2-1 p {
    font-size: 12px;
  }
  .block-cont-sub-r2-1 span {
    font-size: 12px;
    padding: 10px;
  }
  #recovery .modal-dialog {
    max-width: 50% !important;
  }

  .mod-row {
    padding: 0px 5px;
  }
  .block-cont-sub-r2-1 p > span {
    font-size: 14px;
    margin: 14px;
  }
}

@media screen and (max-width: 768px) {
  .block-cont-sub-r2 {
    flex-wrap: wrap;
    font-size: 20px;
  }
  .top-cont {
    flex-wrap: wrap;
  }

  .btn-black {
    margin-right: 6px;
    min-width: 80px;
  }
  .block-cont-sub-r1-1 h3 {
    font-size: 20px;
  }
  .block-cont-sub-r1-1_G h3 {
    font-size: 20px;
  }
  #recovery .modal-dialog {
    max-width: 100% !important;
  }
  .mod-row {
    padding: 0px 5px;
  }
  .block-cont-sub-r2-1 p > span {
    font-size: 13px;
    margin: 14px;
    padding: 2px;
  }
  .block-cont-sub-r1-2 p {
    font-size: 10px;
  }

  .block-cont-sub-r1-1 p {
    color: #7fbf47;
    font-size: 13px;
    font-family: "PNUBold";
  }
  .block-cont-sub-r1-1_G p {
    font-size: 13px;
  }
  .btn-block i {
    display: none;
  }
  .phint span {
    font-size: 10px;
  }
}