#successstory {
  background-clip: padding-box;
  background-color: #fff;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.4);
  padding: 25px;
}
#successstory .successstoryinnerpageTop {
  max-width: 85%;
  margin: 10px auto;
  border-bottom: 1px solid #ccc;
  padding-bottom: 10px;
}
#successstory .successstoryinnerpageTop a.nextprev {
  color: #545454;
}
#successstory .successstoryinnerpageTop a.nextprev:hover {
  color: #49ba59;
}
#successstory .successsCard.listView {
  border: 0 solid #c5ccd0;
}
#successstory .successsCard.listView:hover {
  border: 0 solid #c5ccd0;
  box-shadow: 0 20px 36px rgba(0, 0, 0, 0);
}
#successstory .successsCard {
  border-radius: 4px;
  background-clip: padding-box;
  background-color: #ffffff;
  border: 1px solid #c5ccd0;
  overflow: hidden;
  height: 100%;
  position: relative;
}
#successstory .successsCard .success-inner {
  width: 100%;
  float: left;
  background-color: #ffffff;
}
#successstory .successsCard .successsCardTop {
  width: 100%;
  padding: 15px;
  float: left;
  position: relative;
}
#successstory .successsCard .successsCardTop .success-thumb {
  height: 60px;
  float: left;
  position: relative;
  width: calc(100% - 80%);
  border: 1px solid #cfd3dc;
  background-color: #eee;
  text-align: center;
}
@media (max-width: 480px) {
  #successstory .successsCard .successsCardTop .success-thumb {
    height: 80px;
  }
}
#successstory .successsCard .successsCardTop .success-thumb img {
  width: 100%;
  height: 100%;
}
#successstory .successsCard .successsCardTop .success-thumb img.noimage {
  top: 50%;
  left: 50%;
  width: calc(100% - 15%);
  position: absolute;
  padding: 0.35rem !important;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}
@media (min-width: 990px) and (max-width: 1024px) {
  #successstory .successsCard .successsCardTop .success-thumb img.noimage {
    padding: 0.35rem;
  }
}
#successstory .successsCard .successsCardTop .rightData {
  width: calc(100% - 20%);
  float: left;
  padding-left: 20px;
}
#successstory .successsCard .successsCardTop .rightData h1 {
  color: #454b56;
  font-family: miloOtBold;
  font-size: 22px;
  margin-top: 0;
}
#successstory .successsCard .successsCardTop .rightData h1 a {
  cursor: pointer;
}
#successstory .successsCard .Databottom {
  width: 100%;
  padding-left: 20px;
  background: #4b5059;
  padding: 15px;
  float: left;
  position: relative;
}
#successstory .successsCard .Databottom h1 {
  color: #fff;
  margin-top: 0;
  font-size: 22px;
  overflow: hidden;
  height: 35px;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-family: miloOtBold;
}
#successstory .successsCard .Databottom:after {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 8px 10px 8px;
  border-color: transparent transparent #4b5059 transparent;
  content: '';
  position: absolute;
  top: -10px;
  left: 25px;
}
#successstory .successsCard .moreless {
  width: 112px;
  height: 34px;
  line-height: 34px;
  border-radius: 17px;
  background-clip: padding-box;
  background-color: #33b545;
  text-align: center;
  color: #fff;
  position: absolute;
  right: 15px;
  bottom: -17px;
  z-index: 9;
}
#successstory .successsCard .border-divader {
  border-top: 1px solid #c5cbcf;
  width: calc(100% - 30px);
  margin-left: 15px;
  margin-top: 10px;
  margin-bottom: 10px;
}
#successstory .successsCard .successsCardBottom {
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
  background-color: #fff;
  padding: 15px;
  /*min-height:128px;*/
  line-height: 22px;
  color: #373737;
  margin-bottom: 0px;
  position: relative;
}
#successstory .successsCard .successsCardBottom span.stitle {
  font-family: miloOtBold;
  color: #015289;
  margin-bottom: 10px;
}
#successstory .successsCard .successsCardBottom .success-content {
  width: 100%;
  float: left;
  height: 65px;
  overflow: hidden;
  white-space: unset;
  text-overflow: ellipsis;
}
#successstory .successsCard .successsCardBottom .iconpart .noimage {
  padding: 1rem;
}
@media (max-width: 767px) {
  #successstory .successsCard .successsCardBottom .iconpart .noimage {
    padding: 1rem !important;
  }
}
#successstory .successsCard:hover {
  border: 1px solid #c5ccd0;
  box-shadow: 0 20px 36px rgba(0, 0, 0, 0.73);
}
#successstory .successsCard:hover .Databottom {
  background: #014171;
}
#successstory .successsCard:hover .Databottom:after {
  border-color: transparent transparent #014171 transparent;
}
#successstory .topSearch {
  height: 60px;
  line-height: 60px;
  padding: 0;
}
#successstory .topSearch .searchForm {
  width: 300px;
  height: 35px;
  background-color: #fff;
  border: solid 1px #c3c9d2;
  float: right;
}
@media (max-width: 1024px) {
  #successstory .topSearch .searchForm {
    width: 265px;
  }
}
@media (max-width: 768px) {
  #successstory .topSearch .searchForm {
    width: 91.5%;
  }
}
@media (max-width: 767px) {
  #successstory .topSearch .searchForm {
    width: 90%;
  }
}
@media (max-width: 567px) {
  #successstory .topSearch .searchForm {
    width: 87%;
  }
}
#successstory .topSearch .searchForm input[type="search"] {
  height: 32px;
  line-height: 32px;
  float: left;
  border: none;
  width: calc(100% - 34px);
  padding: 0 10px;
}
#successstory .topSearch .searchForm i {
  background: #ffffff;
  width: 34px;
  position: absolute;
  padding: 8px 10px ;
  height: 32px;
  cursor: pointer;
  top: 1px;
  right: 1px;
}
#successstory .topSearch .searchForm + .searchReset {
  position: absolute;
  right: -20px;
  top: 8px;
  cursor: pointer;
}
#successstory .topSearch .searchForm + .searchReset.disable {
  cursor: not-allowed;
  opacity: 0.5;
}
#successstory .topSearch a.create {
  min-width: 104px;
  height: 36px;
  line-height: 36px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background-color: #015289;
  float: right;
  margin-top: 13px;
  color: #fff;
  text-align: center;
}
@media (max-width: 768px) {
  #successstory .topSearch a.create {
    width: 100%;
    margin: 0px !important;
  }
}
#successstory .successstoryinnerpage .successsCard .successsCardTop .success-thumb {
  height: 80px;
}
#successstory .investsuccessstory .successsCard .successsCardTop .success-thumb {
  width: calc(100% - 85%);
  height: 80px;
}
#successstorylogin #successstory {
  padding: 0;
}
#successstorylogin #successstory .successsCard .successsCardTop {
  padding: 25px 45px;
  float: left;
  width: 100%;
  background: #eff3f5;
}
#successstorylogin #successstory .successsCard .successsCardBottom {
  padding: 0;
}
#successstorylogin #successstory .successsCard .successsCardBottom .contentstory {
  padding: 10px 45px;
}
#successstorylogin #successstory .successsCard .successsCardBottom .contentstory:after {
  left: 7%;
  top: 100%;
  line-height: 0px;
  margin: 0 auto;
  color: #034071;
  content: "\f0d7";
  text-align: center;
  position: absolute;
  font-size: 35px;
  font-family: 'fa-solid';
}
#successstorylogin #successstory .successsCard .successsCardBottom span.stitle {
  font-family: 'FrutigerLTStd-Regular';
  color: #33b546;
}
#successstorylogin #successstory .successsCard .successsCardBottom.bg-white {
  background: #fff;
  padding: 0px 45px;
  min-height: auto;
}
.empty {
  width: 100%;
  float: left;
  text-align: center;
}
#trackersuccessstory .form-group.from-group-multiple-select > .multiselect-native-select > .btn-group .multiselect-container {
  z-index: 10051;
}
body.rtl #successstory .topSearch .searchForm {
  float: left;
  padding-right: 0;
  padding-left: 10px;
}
body.rtl #successstory .topSearch .searchForm input[type="search"] {
  float: left;
}
body.rtl #successstory .successsCard .successsCardTop .rightData {
  padding-left: 0;
  padding-right: 20px;
  float: right;
}
body.rtl #successstory .successsCard .successsCardTop img {
  float: right;
}
body.rtl #successstory .topSearch a.create {
  float: left;
}
body.rtl #successstory .successsCard .Databottom:after {
  left: auto;
  right: 25px;
}
body.rtl #successstory .successsCard .moreless {
  right: auto;
  left: 15px;
}
body.rtl #successstory .successsCard .successsCardTop .success-thumb {
  float: right;
}
body.rtl .modal-dialog #detaildivinfo {
  margin-right: 10px;
  margin-left: 0;
}
.pagination {
  display: -ms-flexbox;
  display: flex;
  padding-left: 0;
  list-style: none;
  border-radius: 0.25rem;
}
.pagination li.disabled .span {
  color: #6c757d;
  pointer-events: none;
  cursor: auto;
  background-color: #ffffff;
  border-color: #dee2e6;
}
.pagination li span,
.pagination li a {
  position: relative;
  display: block;
  padding: 0.5rem 0.75rem;
  margin-left: 5px;
  line-height: 1.25;
  color: #8b999f;
  background-color: #ffffff;
  border: 1px solid #b4bec8;
}
.pagination li a:hover,
.pagination li.active a,
.pagination li span:hover,
.pagination li.active span {
  z-index: 1;
  color: #ffffff;
  background-color: #8b999f;
  border-color: #b4bec8;
}
.pagination li:not(:disabled):not(.disabled) {
  cursor: pointer;
}
.pagination li.prev span,
.pagination li:first-child span {
  margin-left: 0;
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}
.pagination li:last-child a {
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}
body.rtl #successstorylogin #successstory .successsCard .successsCardBottom .contentstory:after {
  left: auto;
  right: 10%;
}
@media (max-width: 768px) {
  #trackersuccessstory #successstory .topSearch {
    height: auto;
  }
}
@media (max-width: 767px) {
  #ptracker.row {
    display: block;
  }
  #successstory .topSearch {
    height: auto;
  }
}
@media (max-width: 567px) {
  .investorinvestment,
  .investorinvestment .iconcontent,
  .investorinvestment .iconpart {
    width: 100%;
    display: block;
    float: left;
  }
  #successstory .investsuccessstory .successsCard .successsCardTop .success-thumb {
    width: 100% !important;
    margin-top: 20px;
  }
  .successsCardTop .success-thumb,
  .successsCardTop .rightData {
    width: 100% !important;
    display: block;
    float: left;
    padding-left: 0px !important;
  }
  body.rtl #successstory .topSearch .searchForm + .searchReset {
    right: -12px;
  }
  body.rtl#trackersuccessstoriesone #successstory .successsCard .successsCardTop .rightData,
  body.rtl #successstory .successsCard .successsCardTop .rightData {
    padding-right: 0px;
  }
}
/*# sourceMappingURL=successstorysite.css.map */