/* theme card */
.soppiya_ts_theme_img_wrapper .soppiya_ts_theme_img {
  transition: transform 0.4s;
}
.soppiya_ts_theme_card:hover .soppiya_ts_theme_img_wrapper .soppiya_ts_theme_img {
  transform: scale(1.05);
}

.soppiya_ts_theme_img_wrapper {
  position: relative;
  display: block;
  overflow: hidden;
  border: 1px solid #d6d3d1;
  border-radius: 16px;
}
.soppiya_ts_theme_img_wrapper {
  position: relative;
  display: block;
  overflow: hidden;
  height: 320px;
}

.soppiya_ts_theme_img_wrapper img {
  width: 100%;
  transform-origin: top;
  height: auto;
}
.soppiya_ts_theme_info {
  margin-top: 20px;
}

.soppiya_ts_theme_name_price h3 {
  font-size: 16px;
  font-weight: 650;
  line-height: 22px;
  color: #212326;
}
.soppiya_ts_theme_name_price p {
  font-size: 14px;
  line-height: 22px;
  font-weight: 450;
  color: #42474c;
  margin-top: 6px;
}
.soppiya_ts_social_network {
  margin-top: 6px;
  display: flex;
  align-items: center;
  gap: 4px;
}
.soppiya_ts_social_network_img {
  display: flex;
}
.soppiya_ts_review p {
  font-size: 14px;
  line-height: 22px;
  font-weight: 450;
  color: #868686;
}
/* mobile frame */
.soppiya_mobile_frame {
  position: absolute;
  bottom: 0;
  right: 20px;
  height: 240px;
  width: 131px;
  border: 3px solid #303030;
  border-radius: 14px 14px 0px 0px;
  box-shadow: 0px 0px 5px 0px #0000004d;
  background-color: #000000;
  overflow: hidden;
  transition: bottom 0.3s ease-in;
}

@media (min-width: 768px) {
  /* theme card */
  .soppiya_ts_theme_img_wrapper {
    height: 395px;
  }
  .soppiya_ts_theme_name_price h3 {
    font-size: 18px;
  }
  /* mobile frame */
  .soppiya_mobile_frame {
    height: 260px;
    width: 150px;
  }
}
@media (min-width: 1024px) {
  /* theme card */
  .soppiya_ts_theme_img_wrapper {
    height: 375px;
  }
  .soppiya_mobile_frame {
    bottom: -20px;
    height: 260px;
  }
  .soppiya_ts_theme_card:hover .soppiya_mobile_frame {
    bottom: -3px;
  }
}
@media (min-width: 1024px) {
  /* theme card */
  .soppiya_ts_theme_card {
    cursor: pointer;
  }
  .soppiya_ts_theme_img_wrapper {
    height: 384px;
  }
}
