/* Featured In / News Component */
.feature_news {
  padding-top: 3rem;
}
.feature_news h3, .featured-in h3 {
  font-size: var(--font-size-36);
  font-family: Manrope, sans-serif;
  font-weight: 500;
  text-align: center;
  margin-bottom: 3rem;
}

.featured-in {
  background: linear-gradient(180deg, var(--pink_light) 0,  white 100%) no-repeat padding-box;
  padding: 3rem 0;
}
.featured-in img {
  margin-bottom: 1rem;
}

.featured_page, .featured_page_1, .featured_page_2 {
  margin: 0 2rem;
  padding: 2rem;
  border-radius: 20px;
  position: relative;
  color: #fff;
  display: flex;
}
.featured_page {
  flex: 1;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.featured_page_1 {
  background: transparent linear-gradient(0deg, var(--pink_medium) 0, var(--pink_dark) 100%) 0 0 no-repeat padding-box;
  flex: 1;
  flex-direction: column;
}
.featured_page_2 {
  background: linear-gradient(0deg, #e1d9ff 0, #7d6bbc 100%) no-repeat padding-box;
  flex: 1;
  flex-direction: column;
}
.featured_page_2 .btn-white {
  color: #7d6bbc;
}
.featured_page_1 .btn-white {
  color: var(--pink_dark);
}
.featured_page_1 h4, .featured_page_2 h4 {
  padding-bottom: 1rem;
}
.featured_page .btn-cancel, .featured_page .btn-pink {
  position: absolute;
  bottom: -17px;
}
.featuredItem {
  display: flex;
  flex-direction: row;
  margin: 10px;
  color: #fff;
  justify-content: flex-start;
  align-items: baseline;
}
.featuredText, .modal_text {
  display: flex;
  flex-direction: column;
  margin-left: 1rem;
  margin-bottom: 0;
}
.featuredTextHeader, .modal_header {
  font-size: var(--font-size-18);
  color: #fff;
  font-family: Manrope, sans-serif;
  font-weight: 400;
  margin-bottom: 0;
}
.featuredTextDescription {
  font-size: 12px;
  color: var(--purple_light);
  font-family: Manrope, sans-serif;
  font-weight: 400;
  margin-bottom: 0;
}
.featured_page_1 .featuredTextDescription {
  color: var(--pink_light);
}
.featured_page_modal_content {
  display: flex;
  justify-content: center;
  align-items: center;
}

@media (min-width:768px) and (max-width:992px) {
  .featured_page_modal_content {
    flex-direction: column;
  }
  .featured_page_1 {
    margin: 2rem 3rem 0;
  }
}

@media screen and (max-width:767px) {
  .featuredItem {
    margin: 0;
  }
  .featuredTextHeader {
    font-size: 14px;
  }
}

@media (max-width: 1200px) {
  .featured_page_modal_content {
    flex-direction: column;
  }
}