.Share_Knowledge {
}

.Share_Knowledge .Share_Knowledge_card_div .frame_card {
  position: relative;
  cursor: pointer;
}

.Share_Knowledge .Share_Knowledge_card_div .frame_card .frame_img_holder {
  height: 400px;
  overflow: hidden;
}

.Share_Knowledge
  .Share_Knowledge_card_div
  .frame_card
  .frame_img_holder
  .frame_img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.3s;
}

.Share_Knowledge .Share_Knowledge_card_div .frame_card .frame_overlay {
  background: transparent
    linear-gradient(
      212deg,
      #000a21a6 0%,
      #1f2a44d1 15%,
      #1f2a44eb 40%,
      #1f2a44 100%
    )
    0% 0% no-repeat padding-box;
  opacity: 1;
  position: absolute;
  bottom: 0;
  width: 100%;
  color: #fff;
  padding: 4px 30px;
}

.Share_Knowledge
  .Share_Knowledge_card_div
  .frame_card
  .frame_overlay
  .card_title {
  font-size: 28px;
  font-weight: 700;
  margin: 0;
  font-family: Cormorant Garamond;

  display: -webkit-box;
  -webkit-line-clamp: 1;
  overflow: hidden;
  -webkit-box-orient: vertical;
}

.Share_Knowledge .Share_Knowledge_card_div .frame_card:hover .frame_img {
  transform: scale(1.1);
}

/* ===================== Media Queries ================= */

@media (min-width: 0px) and (max-width: 767px) {
  .Share_Knowledge .Share_Knowledge_card_div .frame_card .frame_img_holder {
    height: 320px;
  }

  .Share_Knowledge
    .Share_Knowledge_card_div
    .frame_card
    .frame_overlay
    .card_title {
    font-size: 20px;
  }
}

@media (min-width: 768px) and (max-width: 992px) {
  .Share_Knowledge .Share_Knowledge_card_div .frame_card .frame_img_holder {
    height: 340px;
  }

  .Share_Knowledge
    .Share_Knowledge_card_div
    .frame_card
    .frame_overlay
    .card_title {
    font-size: 22px;
  }
}