/* Portfolio Recommendation Card Styles */
.card_recommended, .recommended_portfolios .card {
  border-radius: .25rem!important;
  border: 1px solid rgba(128, 128, 128, 0);
  box-shadow: 0 0 7px rgb(0 0 0 / 5%);
  transition: .3s ease-out;
}
.card_recommended:hover , .recommended_portfolios .card:hover{
  border: 1px solid var(--purple_medium) !important;
  box-shadow: 0 0 18px rgb(0 0 0 / 25%);
  margin-top: -0.2rem;
}
.card_recommended small, .recommended_portfolios .card {
  font-family: Manrope;
  font-size: var(--font-size-12)!important;
  font-weight: 500!important;
  margin-bottom:5px;
}
.card_recommended small{
  padding-right:10px;
  padding-left:10px;
}
.recommended_portfolios .heading_text {
  text-align: center;
  margin-bottom: 1rem;
}
.recommended_portfolios .heading_text p {
  font-family: Manrope;
  font-size: var(--font-size-16);
}
.card_recommended .green-card-header, .recommended_portfolios .green-card-header {
  background-color: #eaffec;
}
.card_recommended .pink-card-header, .recommended_portfolios .pink-card-header {
  background-color: #fee3fa!important;
}
.card_recommended .indigo-card-header, .recommended_portfolios .indigo-card-header {
  background-color: #f3f0ff!important;
}
.card_recommended .card-header, .recommended_portfolios .card-header {
  display: flex;
  align-items: flex-start;
  border: 0;
}
.card_recommended .card-header p, .recommended_portfolios .card-header p {
  font-family: Manrope;
  margin-bottom: 0;
  font-size: var(--font-size-18);
  font-weight: 600;
}
.card_recommended .card-body .price_card, .recommended_portfolios .card-body .price_card {
  font-weight: 600;
  font-size: var(--font-size-20);
  font-family: Manrope;
  color: var(--wrightsemiblackcontrast);
}
.card_recommended .card-body .price_card span, .recommended_portfolios .card-body .price_card span {
  font-size: var(--font-size-14);
  color: #7e84a3;
}
.card_recommended .txt_green, .recommended_portfolios .txt_green {
  background-color: var(--teal_light);
  color: var(--teal_dark);
  margin-top: 1rem;
}
.card_recommended .txt_red, .recommended_portfolios .txt_red {
  background-color: var(--pink_light);
  color: var(--pink_dark);
  margin-top: 1rem;
}
.card_bottom_content {
  display: flex;
  margin-top: 0;
  margin-left: 0rem;
  margin-bottom: 1rem;
}
.card_bottom_content div {
  flex: 1;
  position: relative;
}
.card_bottom_content div:not(:last-child)::after {
  position: absolute;
  content: "";
  top: 4px;
  right: 7px;
  height: 89%;
  width: 1px;
  background: #d1cbcb;
}
.card_bottom_content div p:first-child {
  font-size: 14px;
  color: #7e84a3;
  font-family: manrope;
  font-weight: 400;
}
.card_bottom_content div p:last-child {
  font-family: manrope;
  font-size: 13px;
  font-weight: 500;
  color: var(--wrightsemilightblack);
}
.recommended_portfolios {
  padding: 5rem 0;
  background-color: #f7f7f7;
}
.card_recommended .card-footer, .recommended_portfolios .card-footer {
  background-color: #fff;
  border: 0;
  position: relative;
  padding: 0.75rem 1em 0.75rem;
}
.card_recommended .card-footer:before, .recommended_portfolios .card-footer:before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  height: 1px;
  background: #e6e9f4;
}
.card_recommended .card-footer a, .recommended_portfolios .card-footer a {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  font-size: 14px;
  color: #0e1513;
  font-family: manrope;
  font-weight: 600;
}
.card_recommended .card-footer a img, .recommended_portfolios .card-footer a img {
  margin-left: 3px;
  margin-top: 3px;
  height: 10px!important;
}
.card_recommended .card-footer a:hover img, .recommended_portfolios .card-footer a:hover img {
  margin-left: 5px!important;
  transition: .3s ease-in-out;
}
@media (min-width:992px) and (max-width:1200px) {
    .card_bottom_content div p:first-child, .card_bottom_content div p:last-child {
      font-size: 10px;
    }
    .card_recommended .card-footer a, .recommended_portfolios .card-footer a {
      font-size: 12px;
    }
}