#hp-widget-vertical-feed-widget {
  font-family: "Open Sans", BlinkMacSystemFont, -apple-system, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  background: #fff;
  margin-bottom: 5px;
  text-align: left;
}

#hp-widget-vertical-feed-widget .hp-widget-clear {
  clear: both;
}

.width-320 {
  max-width: 320px;
  width: 320px;
}

.width-700 {
  max-width: 700px;
  width: 720px;
}

.width-940 {
/*  max-width: 940px;
  width: 940px;*/
   width: 100%;
   max-width: 100%;
}

.width-700 #hp-widget-vertical-feed-widget .hp-widget-rank_rat_text {
  display: inline-block;
  margin-top: 3px;
  height: 33px;
  font-size: 14px;
  font-weight: bold;
  width: 100%;
  padding-top: 5px;
}

.width-320 #hp-widget-vertical-feed-widget .hp-widget-rank_rat_text {
  display: inline-block;
  margin-top: 3px;
  height: 33px;
  font-size: 14px;
  font-weight: bold;
  width: 100%;
  padding-top: 5px;
}

.width-940 #hp-widget-vertical-feed-widget .hp-widget-rank_rat_text {
  display: inline-block;
  margin-top: 3px;
  height: 33px;
  font-size: 14px;
  font-weight: bold;
  width: 100%;
  padding-top: 5px;
}

#hp-widget-vertical-feed-widget .hp-widget-rank_rat_text {
  display: inline-block;
  margin-top: 3px;
  height: 33px;
  font-size: 14px;
  padding-top: 5px;
}

#hp-widget-vertical-feed-widget .hp-widget-widget_header_text {
  float: left;
  /* margin-left: -128%; */
  margin-bottom: 0;
  margin-top: 12px;
  line-height: 0px;
}

#hp-widget-vertical-feed-widget .hp-widget-rank_rat_text .hp-widget-widget_header_text {
  padding-left: 20px;
}

#hp-widget-vertical-feed-widget .hp-widget-widget_header_text .hp-widget-p.hp-widget-hp_logo {
  padding-right: 9px;
}

#hp-widget-vertical-feed-widget > p:first-child {
  margin-bottom: 0;
  padding-bottom: 1rem;
  border-bottom: 1px solid #DFDFE0;
}

#hp-widget-vertical-feed-widget .hp-widget-hp_logo {
  float: right;
  /* margin-right: -131%; */
  margin-bottom: 0;
  margin-top: 4px;
}

#hp-widget-vertical_feed_body::-webkit-scrollbar {
  width: 7px;
}

/* Track */
hp-widget-vertical_feed_body::-webkit-scrollbar-track {
  border-radius: 10px;
}

/* Handle */
hp-widget-vertical_feed_body::-webkit-scrollbar-thumb {
  background: #ccc;
  border-radius: 10px;
}

/* Handle on hover */
hp-widget-vertical_feed_body::-webkit-scrollbar-thumb:hover {
  background: #dadadb;
}

#hp-widget-vertical-feed-widget > a {
  text-decoration: none;
  color: #58595B;
  border-bottom: 1px solid #DFDFE0;
  display: block;
  padding-top: 1.6rem;
}

#hp-widget-vertical-feed-widget > a:first-child {
  border: none;
  padding-top: 0;
}

#hp-widget-vertical-feed-widget > a > .hp-widget-columns:first-child > .hp-widget-column > p {
  color: #8A8C91;
  font-size: 0.7rem;
}

#hp-widget-vertical-feed-widget h4.hp-widget-has-text-weight-bold {
  font-size: 1rem;
  margin-bottom: 0.4rem;
  line-height: 15.6px !important;
}

#hp-widget-vertical-feed-widget > a > .hp-widget-columns:not(:first-child) > .hp-widget-column > p {
  font-size: 0.8rem;
}

#hp-widget-vertical-feed-widget .hp-widget-review-block > .hp-widget-columns:first-child {
  margin-bottom: 0;
}

#hp-widget-vertical-feed-widget .hp-widget-column .hp-widget-has-text-weight-bold {
  font-size: 13px !important;
}

#hp-widget-vertical-feed-widget .hp-widget-has-text-weight-bold {
  font-weight: 700 !important;
}

#hp-widget-vertical-feed-widget .hp-widget-is-mobile {
  display: flex;
  justify-content: space-between;
}

#hp-widget-vertical-feed-widget img {
  margin-left: -13px;
  margin-top: 2px;
  vertical-align: middle;
}

#hp-widget-vertical-feed-widget .hp-widget-ranking_logo img {
  margin: 0px !important;
  margin-left: -13px !important;
  vertical-align: middle !important;
  margin-top: 2px !important;
  display: inline-block;
}

#hp-widget-vertical-feed-widget .hp-widget-has-text-right {
  margin: 0;
}

#hp-widget-vertical-feed-widget .hp-widget-has-text-weight-bold {
  margin: 0
}

#hp-widget-vertical-feed-widget span {
  /* font-weight: bold; */
  font-size: 12px;
  padding-right: 6px;
}

#hp-widget-vertical-feed-widget .hp-widget-rating-stars-container {
  padding: 0px 38px;
}


#hp-widget-vertical-feed-widget .hp-widget-review-block {
  margin: 7px 0px 15px;
  /* margin-bottom: 15px; */
  display: block;
  padding-bottom: 1.6rem;
}

#hp-widget-vertical-feed-widget .hp-widget-review-block p, #hp-widget-vertical-feed-widget .hp-widget-review-block div.hp-widget-review_text_content {
  margin: 0px 0;
  font-size: 12px;
  overflow: hidden;
}

#hp-widget-vertical-feed-widget .hp-widget-review-block div.hp-widget-review_text_content {
  line-height: 18px;
  margin-bottom: 5px;
}

#hp-widget-vertical-feed-widget .hp-widget-column {
  padding: 3px 19px 4px 0px;
}

#hp-widget-vertical-feed-widget .hp-widget-is-visible {
  background: rgb(49, 170, 225);
  height: 707px;
}

#hp-widget-vertical-feed-widget .hp-widget-column .hp-widget-has-text-weight-bold {
  font-size: 13px !important;
}

#hp-widget-vertical-feed-widget > a {
  padding-top: 13px !important;
}

#hp-widget-vertical-feed-widget .hp-widget-is-mobile div {
  padding-left: 0px;
  padding-right: 0px;
  width: auto !important;
}

#hp-widget-vertical-feed-widget .hp-widget-is-one-third span {
  float: left;
  width: 15px;
  height: 14px;
  font-size: 12px;
}

#hp-widget-vertical-feed-widget a.hp-widget-review-block {
  text-decoration: none;
  color: #58595B;
  padding: 10px;
  display: block;
}

#hp-widget-vertical-feed-widget .hp-widget-margin-top-5 {
  margin-top: 5px !important;
  line-height: 18px;
}

#hp-widget-vertical-feed-widget a.hp-widget-review-block:hover {
  text-decoration: none;
}

#hp-widget-vertical-feed-widget #hp-widget-v_feed_rating_metrix {
  /* height: 70px; */
  text-align: center;
  background: #f0f0f0;
  padding-top: 12px;
  padding-bottom: 12px;
}

#hp-widget-vertical-feed-widget .hp-widget-powered-by {
  height: 20px;
  width: 59%;
  margin: 0 auto;
  background: url(../img/powered_by_medium.png) no-repeat;
}

#hp-widget-vertical-feed-widget .hp-widget-powered-by-small {
  height: 20px;
  width: 32%;
  margin: 0 auto;
  background: url(../img/powered_by_small.png) no-repeat;
}

#hp-widget-vertical-feed-widget #hp-widget-header_bottom h3, #hp-widget-vertical-feed-widget #hp-widget-header_top h3 {
  font-size: 20px;
  font-weight: bold;
}

#hp-widget-vertical-feed-widget .hp-widget-link_hp, #hp-widget-vertical-feed-widget .hp-widget-link_hp:hover {
  color: #30AAE1;
  text-decoration: underline;
}

#hp-widget-vertical-feed-widget .hp-widget-note_label .hp-widget-link_hp {
  font-size: 12px;
}

#hp-widget-vertical-feed-widget .hp-widget-ranking_logo {
  font-size: 12px;
  padding: 0px !important;
}

#hp-widget-vertical-feed-widget .hp-widget-ranking {
  padding: 0px 0px 0 5px !important;
}

body#hp-widget-vertical_feed_body {
  margin: 0;
}

#hp-widget-vertical-feed-widget .hp-widget-vertical-text {
  transform: rotate(180deg);
}


#hp-widget-vertical-feed-widget .hp-widget-width-mob {
  width: 314px;
  background: #fff;
  border: 1px solid;
  background-color: #fff !important;
}

#hp-widget-vertical-feed-widget #hp-widget-submit-review {
  font-size: 12px;
  width: 289px;
  text-align: center;
  text-transform: uppercase;
  padding-top: 8px;
  padding-bottom: 9px;
}

#hp-widget-vertical-feed-widget .hp-widget-rank_rat {
  display: inline-block;
}

#hp-widget-vertical-feed-widget h3#hp-widget-header_text {
  width: 96%;
  min-height: 48px;
  display: flex;
  align-items: center;
}

#hp-widget-vertical-feed-widget textarea#hp-widget-description {
  resize: none;
}

#hp-widget-vertical-feed-widget #hp-widget-submit-review[disabled= 'disabled'] {
  background: #ccc;
}

@media (max-width: 845px) {
  /* .widget_header_text {
    margin-left: -77%;
  }
  .hp_logo{
margin-right: -80%;
  } */
}

@media (min-width: 576px) {
  #hp-widget-vertical-feed-widget .hp-widget-modal-dialog-scrollable .hp-widget-modal-content {
    max-height: calc(100vh - 3.5rem);
    min-height: 480px;
  }

  #hp-widget-vertical-feed-widget #hp-widget-dummy-warning {
    width: 55%;
    margin: 30% auto;
    text-align: center;
  }

  #hp-widget-vertical-feed-widget #hp-widget-dummy-warning p.hp-widget-text-danger {
    line-height: 18px;
    margin-top: -19px;
  }

}

#hp-widget-vertical-feed-widget button.hp-widget-write-review-btn {
  padding: 7px 19px;
  border: 0px;
  font-size: 11px;
  text-transform: uppercase;
  text-align: center;
  margin: 4px auto;
}

#hp-widget-vertical-feed-widget #hp-widget-dummy-warning {
  width: 52%;
  margin: 30% auto;
  text-align: center;
}

#hp-widget-vertical-feed-widget #hp-widget-dummy-warning p.hp-widget-text-danger {
  line-height: 1px;
}

#hp-widget-vertical-feed-widget ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  font-size: 11px;
}

#hp-widget-vertical-feed-widget ::-moz-placeholder { /* Firefox 19+ */
  font-size: 11px;
}

#hp-widget-vertical-feed-widget :-ms-input-placeholder { /* IE 10+ */
  font-size: 11px;
}

#hp-widget-vertical-feed-widget :-moz-placeholder { /* Firefox 18- */
  font-size: 11px;
}

#hp-widget-vertical-feed-widget input, #hp-widget-vertical-feed-widget textarea {
  font-size: 11px !important;
}

#hp-widget-vertical-feed-widget #hp-widget-hp-ctn-howItWorks p {
  display: inline-block;
  line-height: 9px;
  writing-mode: vertical-lr;
  transform: rotate(180deg);
  font-size: 12px;
  height: 62.85px;
  width: 12px;
  top: 0px;
  position: relative;
}

#hp-widget-vertical-feed-widget #hp-widget-hp-ctn-howItWorks p span {
  position: absolute;
  color: #fff;
  position: absolute;
  margin-top: -14px;
  right: 2px;
}

@media (max-width: 490px) {
  #hp-widget-vertical-feed-widget #hp-widget-dummy-warning {
    width: 55%;
    margin: 70% auto;
    text-align: center;
  }

  .width-320, .width-700, .width-940 {
    max-width: 320px;
    width: 320px;
  }

  #hp-widget-vertical-feed-widget .hp-widget-powered-by {
    height: 20px;
    width: 41%;
    margin: 8px auto;
    background: url(../img/powered_by_medium.png) no-repeat;
  }

  #hp-widget-vertical-feed-widget #hp-widget-dummy-warning p.hp-widget-text-danger {
    line-height: 18px;
    margin-top: -19px;
  }

  #hp-widget-vertical-feed-widget h3#hp-widget-header_text {
    width: 95%;
  }

  #hp-widget-vertical-feed-widget h3 {
    font-size: 18px;
    font-family: "Open Sans", BlinkMacSystemFont, -apple-system, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  }

  #hp-widget-vertical-feed-widget .hp-widget-rank_rat {
    width: 100%;
    display: inline-block;
    margin-top: 3px;
  }

  #hp-widget-vertical-feed-widget .hp-widget-widget_header_text {
    float: left;
    padding: 10px 20px;
    margin: 0;
  }

  #hp-widget-vertical-feed-widget .hp-widget-hp_logo {
    margin: 0;
    float: right;
    padding: 0;
  }

  #hp-widget-vertical-feed-widget #hp-widget-v_feed_rating_metrix {
    /* height: 70px; */
    text-align: center;
    background: #f0f0f0;
    padding-top: 10px;
    padding-bottom: 9px;
  }

  #hp-widget-vertical-feed-widget span.hp-widget-ranking_logo {
    font-size: 9px !important;
  }

  #hp-widget-vertical-feed-widget span.hp-widget-ranking, #hp-widget-vertical-feed-widget span.hp-widget-rating {
    display: block;
    /* width: 48%; */
    border: none !important;
    font-size: 9px !important;
    padding: 2px 6px 0px 0px;
    margin-bottom: -6px;
  }

  #hp-widget-vertical-feed-widget img {
    display: inline;
  }

  #hp-widget-vertical-feed-widget .hp-widget-ranking {
    display: inline !important;
    padding: 0 !important;
  }


}

#hp-widget-vertical-feed-widget .hp-widget-rank_rat span {
  font-size: 12px;
  position: relative;
  /* padding: 0px 5px; */
}

#hp-widget-vertical-feed-widget .hp-widget-rank_rat span:last-child {
  border-right: none;
  padding-left: 5px;
}

.width-700 #hp-widget-vertical-feed-widget .hp-widget-rank_rat .hp-widget-disp_border:before, .width-940 #hp-widget-vertical-feed-widget .hp-widget-rank_rat .hp-widget-disp_border:before {
  content: '';
  height: 10px;
  width: 1px;
  position: absolute;
  opacity: .5;
  border-right: 1px solid;
  z-index: 2;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

#hp-widget-vertical-feed-widget .hp-widget-text-danger {
  color: #d51f1f !important;
  font-size: 11px;
  display: inline-block;
  padding-top: 2px;
}

#hp-widget-vertical-feed-widget #hp-widget-rating-metrix span.fa {
  padding: 0 3px;
  font-size: 20px
}

#hp-widget-vertical-feed-widget .hp-widget-width-95 {
  width: 85%;
  text-align: center;
  margin: 0 auto;
}

#hp-widget-vertical-feed-widget .hp-widget-width-95 input {
  text-align: center;
}

#hp-widget-vertical-feed-widget .hp-widget-width-95 p {
  margin-left: 8px;
}

#hp-widget-vertical-feed-widget .hp-widget-note_label {
  font-size: 12px !important;
  margin-left: 12px;
  margin-top: 15px;
  margin-bottom: 14px;
}

#hp-widget-vertical-feed-widget #hp-widget-btn-submit-otp {
  font-size: 12px;
  padding: 10px;
}

#hp-widget-vertical-feed-widget .hp-widget-success_msg {
  width: 80%;
  margin: 0 auto;
  font-size: 12px;
  background-color: #b9efdd;
  padding: 15px 0 9px 0;
}

#hp-widget-vertical-feed-widget span.hp-widget-msg_text {
  color: #58595b;
  display: block;
  padding-left: 45px;
  margin-top: -27px;
}

#hp-widget-vertical-feed-widget span.hp-widget-check_square {
  background-color: #17bd85;
  background-image: url(../img/checkbox_img.png);
  width: 35px;
  display: inline-block;
  margin-top: -15px;
  height: 38px;
  background-position: center;
  background-repeat: no-repeat;
}

#hp-widget-vertical-feed-widget span.hp-widget-author_name {
  color: #8a8c91;
  font-size: 12px;
  font-weight: bold;
}

#hp-widget-vertical-feed-widget .hp-widget-long-text, #hp-widget-vertical-feed-widget .hp-widget-long_title {
  display: none
}

#hp-widget-vertical-feed-widget span.hp-widget-show-more-button {
  text-decoration: underline;
  cursor: pointer;
  padding-right: 0px !important;
}

#hp-widget-vertical-feed-widget span.hp-widget-long-text, #hp-widget-vertical-feed-widget span.hp-widget-short-text, #hp-widget-vertical-feed-widget span.hp-widget-short_title, #hp-widget-vertical-feed-widget span.hp-widget-long_title {
  padding-right: 0px !important;
}

.width-320 #hp-widget-vertical-feed-widget .hp-widget-rating.hp-widget-disp_border {
  width: 100%;
  display: inline-block;
  line-height: 13.5px;
}

#hp-widget-vertical-feed-widget .owl-nav {
  position: absolute;
  top: 28%;
  transform: translateY(-50%);
  width: 100%;
  left: 0;
}

#hp-widget-vertical-feed-widget button.owl-next {
  position: absolute;
  right: 0;
}

#hp-widget-vertical-feed-widget .hp-widget-left_arrow_custom {
  margin-left: 10px;
  font-size: 30px
}

#hp-widget-vertical-feed-widget .hp-widget-right_arrow_custom {
  margin-right: 10px;
  font-size: 30px
}

#hp-widget-vertical-feed-widget button.owl-prev {
  position: absolute;
  left: 0;
}

#hp-widget-vertical-feed-widget .owl-theme .owl-nav [class*=owl-]:hover {
  background: transparent !important;
  color: none !important;
}

#hp-widget-vertical-feed-widget .owl-theme .owl-nav [class*=owl-] {
  font-size: 30px;
}

#hp-widget-vertical-feed-widget .owl-theme .owl-nav [class*=owl-]:focus, #hp-widget-vertical-feed-widget .owl-theme .owl-nav [class*=owl-]:active {
  outline: none;
}
.owl-carousel, .owl-carousel .owl-item {
  -webkit-tap-highlight-color: transparent;
  position: relative !important;
}


/* 1-grid custom*/

.hp-widget-review-block{
   border: solid 1px #f5f5f5 !important;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;

}

@media screen and (min-width: 992px) {
  .hp-widget-review-block{
    min-height: 174px !important;
    margin-right: 5px !important;
  }
}