@import url("https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Geologica:wght@100..900&display=swap");
/* line 1, app/assets/stylesheets/pages/media-citation/media-citation.scss */
:root {
  --primary: #B00101;
  --secondary: #0F2130;
  --pri-complementry: #01B0B0;
  --pri-analogous-01: #B05901;
  --pri-analogous-02: #B00159;
  --pri-triadic-01: #01B001;
  --pri-triadic-02: #0101B0;
  --pri-tetradic-01: #59B001;
  --pri-tetradic-02: #01B0B0;
  --pri-tetradic-03: #5901B0;
  --blue: #1e90ff;
  --white: #ffffff;
  --black: #000000;
  --dark-gray: #545454;
  --text-label-gray: #434343;
  --btn-border-radius: 8px;
  --light-gray: #F6F6F6;
  --section-dark-bg: #001128;
  --input-border-gray: #c4c4c4;
  --underline-gray: #c5c5c5;
  --section-heading: #005EAD;
  --section-bg: #F2FAFF;
  --mid-gray: #DFDFDF;
  --grey-shade: #737373;
  --link-color: #009dff;
  --border-radius: 12px;
  --dark-blue: #001526;
  --spacing: 1rem;
}

/* ========================= */
/* HERO BANNER SECTION      */
/* ========================= */
/* line 42, app/assets/stylesheets/pages/media-citation/media-citation.scss */
.media-section {
  display: flex;
  justify-content: center;
  width: 100%;
  background-image: url(/assets/home_images/MRFR_BG_Pattern_01-40e0fa83bdc38d626c7851756be333d9caee4aa538ff7b3db64a8e364b826ad2.png);
  background-position: center center;
  background-repeat: repeat;
  background-size: 61px 61px;
  padding: 30px 0;
}

/* line 53, app/assets/stylesheets/pages/media-citation/media-citation.scss */
.media-section-inner {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 80%;
  height: 100%;
}

/* line 61, app/assets/stylesheets/pages/media-citation/media-citation.scss */
.media-section-container {
  display: flex;
  align-items: center;
  margin-top: 10px;
}

/* line 67, app/assets/stylesheets/pages/media-citation/media-citation.scss */
.media-section-text {
  flex: 1 1 55%;
}

/* line 71, app/assets/stylesheets/pages/media-citation/media-citation.scss */
.media-section-text h2 {
  font-size: 4rem;
  font-weight: 400;
  font-family: 'Roboto Condensed', sans-serif;
  color: var(--secondary);
  line-height: 1.4;
  margin: 0;
}

/* line 80, app/assets/stylesheets/pages/media-citation/media-citation.scss */
.media-section-text p {
  font-size: 1.65rem;
  font-weight: 400;
  font-family: 'Noto Sans', sans-serif;
  color: var(--secondary);
  line-height: 1.4;
}

/* line 88, app/assets/stylesheets/pages/media-citation/media-citation.scss */
.media-section-text h2 span {
  color: var(--primary);
}

/* line 92, app/assets/stylesheets/pages/media-citation/media-citation.scss */
.media-section-image {
  flex: 1 1 45%;
  display: flex;
  justify-content: center;
}

/* line 98, app/assets/stylesheets/pages/media-citation/media-citation.scss */
.media-section-image img {
  width: 70%;
  height: auto;
}

/* line 103, app/assets/stylesheets/pages/media-citation/media-citation.scss */
.media-citation-hero-img-01 {
  display: flex;
}

/* line 107, app/assets/stylesheets/pages/media-citation/media-citation.scss */
.media-citation-hero-img-02 {
  display: none;
}

/* CUSTOMER TRUSTED INTRO SECTION */
/* line 113, app/assets/stylesheets/pages/media-citation/media-citation.scss */
.trusted-media-section {
  display: flex;
  justify-content: center;
  width: 100%;
  margin: 70px 0px 40px 0px;
  /* padding: 30px 0; */
}

/* line 121, app/assets/stylesheets/pages/media-citation/media-citation.scss */
.trusted-media-section-inner {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 90%;
}

/* Heading */
/* line 129, app/assets/stylesheets/pages/media-citation/media-citation.scss */
.trusted-media-section-container h2 {
  font-size: 3rem;
  font-weight: 400;
  color: var(--secondary);
  font-family: 'Roboto Condensed', sans-serif;
  margin: 0;
  padding-bottom: 20px;
}

/* Paragraph */
/* line 139, app/assets/stylesheets/pages/media-citation/media-citation.scss */
.trusted-media-section-container p {
  font-size: 1.75rem;
  color: var(--secondary);
  font-family: 'Noto Sans', sans-serif;
}

/* line 145, app/assets/stylesheets/pages/media-citation/media-citation.scss */
.trusted-media-section-container {
  margin-bottom: 20px;
}

/* LATEST MEDIA CITATION SECTION */
/* line 153, app/assets/stylesheets/pages/media-citation/media-citation.scss */
.latest-media-citation-section {
  display: flex;
  justify-content: center;
  width: 100%;
  margin-bottom: 60px;
}

/* line 160, app/assets/stylesheets/pages/media-citation/media-citation.scss */
.latest-media-citation-section-inner {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 90%;
}

/* line 167, app/assets/stylesheets/pages/media-citation/media-citation.scss */
.latest-media-citation-container {
  display: flex;
  justify-content: center;
  gap: 30px;
}

/* line 173, app/assets/stylesheets/pages/media-citation/media-citation.scss */
.chart-section {
  flex: 1 1 58%;
  background: #fff;
  border-radius: 12px;
  padding: 20px;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

/* line 181, app/assets/stylesheets/pages/media-citation/media-citation.scss */
.chart-section h2 {
  display: flex;
  width: 100%;
  justify-content: flex-start;
  font-size: 1.2rem;
  color: #07508e;
  font-family: 'Noto Sans', sans-serif;
  font-weight: 600;
  margin: 0;
  padding-bottom: 20px;
}

/* line 193, app/assets/stylesheets/pages/media-citation/media-citation.scss */
.citations-section {
  flex: 1 1 42%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
}

/* line 202, app/assets/stylesheets/pages/media-citation/media-citation.scss */
.citations-section h2 {
  font-size: 2rem;
  font-weight: 400;
  color: var(--secondary);
  font-family: 'Roboto Condensed', sans-serif;
  margin: 0;
  /* padding-bottom: 10px; */
  text-align: left;
  width: 100%;
}

/* line 213, app/assets/stylesheets/pages/media-citation/media-citation.scss */
.citation-item {
  position: relative;
  display: flex;
  align-items: center;
  background: #fff;
  border-radius: 10px;
  /* margin-bottom: 15px; */
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  transition: all 0.3s ease;
  gap: 16px;
}

/* line 225, app/assets/stylesheets/pages/media-citation/media-citation.scss */
.citation-item:hover {
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

/* line 229, app/assets/stylesheets/pages/media-citation/media-citation.scss */
.citation-logo {
  display: flex;
  align-items: center;
  /* gap: 10px; */
  padding: 14px 20px 14px 20px;
  border-right: 1.5px solid var(--input-border-gray);
}

/* line 237, app/assets/stylesheets/pages/media-citation/media-citation.scss */
.citation-logo img {
  width: 80px;
  height: 80px;
  object-fit: contain;
  padding-left: 10px;
}

/* line 244, app/assets/stylesheets/pages/media-citation/media-citation.scss */
.media-arrow {
  flex: 0 0 20px;
}

/* line 248, app/assets/stylesheets/pages/media-citation/media-citation.scss */
.citation-text {
  flex: 1;
  font-size: 1.1rem;
  font-family: 'Noto Sans', sans-serif;
  font-weight: 400;
  max-width: 76%;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

/* line 260, app/assets/stylesheets/pages/media-citation/media-citation.scss */
.arrow-icon {
  position: absolute;
  top: 8px;
  right: 8px;
  width: 18px;
  height: 18px;
  background-image: url(/assets/home_images/Media_RedirectIcon_01-b1a8a40abd24bfafb9785852c1f835ffd3894568b94e4d2ac05dbd4fa4b2f907.svg);
  background-size: 90%;
  background-position: center;
  background-repeat: no-repeat;
}

/* line 272, app/assets/stylesheets/pages/media-citation/media-citation.scss */
.border-right {
  width: 0.5px;
  height: -webkit-fill-available;
  background-color: #40505c;
  margin: 0 10px;
}

/* STATISTIC SECTION */
/* line 281, app/assets/stylesheets/pages/media-citation/media-citation.scss */
.statistic-section {
  display: flex;
  justify-content: center;
  width: 100%;
  padding-bottom: 70px;
  margin-bottom: 60px;
  background-color: var(--light-gray);
}

/* line 290, app/assets/stylesheets/pages/media-citation/media-citation.scss */
.statistic-section-inner {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 90%;
}

/* Container for image and stat items */
/* line 298, app/assets/stylesheets/pages/media-citation/media-citation.scss */
.statistic-container {
  display: flex;
  justify-content: space-between;
  /* flex-wrap: wrap; */
  gap: 20px;
}

/* Header */
/* line 306, app/assets/stylesheets/pages/media-citation/media-citation.scss */
.section-header {
  margin-bottom: 30px;
}

/* line 310, app/assets/stylesheets/pages/media-citation/media-citation.scss */
.section-header h2 {
  font-size: 3rem;
  font-weight: 400;
  color: var(--secondary);
  font-family: 'Roboto Condensed', sans-serif;
  margin-bottom: 15px;
}

/* line 318, app/assets/stylesheets/pages/media-citation/media-citation.scss */
.section-subtitle {
  font-size: 1.75rem;
  color: var(--secondary);
  font-family: 'Noto Sans', sans-serif;
}

/* Image Section */
/* line 325, app/assets/stylesheets/pages/media-citation/media-citation.scss */
.image-container {
  display: flex;
  /* flex: 1; */
  width: 40%;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* line 334, app/assets/stylesheets/pages/media-citation/media-citation.scss */
.stats-image {
  display: flex;
  max-width: 100%;
  height: auto;
  border-radius: 10px;
}

/* line 341, app/assets/stylesheets/pages/media-citation/media-citation.scss */
.stats-image-small-res {
  display: none;
  max-width: 100%;
  height: auto;
  border-radius: 10px;
}

/* Stat Items Section */
/* line 349, app/assets/stylesheets/pages/media-citation/media-citation.scss */
.stat-items {
  display: flex;
  flex-direction: column;
  width: 60%;
  /* flex: 1; */
  justify-content: space-between;
}

/* Offset positioning for stats */
/* .stat1 { position: relative; top: 25px; }
.stat2 { position: relative; top: 55px; }
.stat3 { position: relative; top: 75px; } */
/* line 363, app/assets/stylesheets/pages/media-citation/media-citation.scss */
.stat1,
.stat2,
.stat3 {
  display: flex;
  flex-direction: column;
}

/* Stat Description */
/* line 371, app/assets/stylesheets/pages/media-citation/media-citation.scss */
.stat-description h3 {
  font-size: 1.95rem;
  font-weight: 400;
  color: var(--secondary);
  font-family: 'Roboto Condensed', sans-serif;
  margin-bottom: 10px;
}

/* line 379, app/assets/stylesheets/pages/media-citation/media-citation.scss */
.stat-description p {
  font-size: 1rem;
  color: var(--secondary);
  font-family: 'Noto Sans', sans-serif;
  margin-bottom: 20px;
}

/* ALL MEDIA CITATION SECTION */
/* line 388, app/assets/stylesheets/pages/media-citation/media-citation.scss */
.all-media-citation-section {
  display: flex;
  justify-content: center;
  width: 100%;
  margin-bottom: 30px;
}

/* line 395, app/assets/stylesheets/pages/media-citation/media-citation.scss */
.all-media-citation-section-inner {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 90%;
}

/* Header Section */
/* line 403, app/assets/stylesheets/pages/media-citation/media-citation.scss */
.all-media-citation-header-section {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 1.5rem;
}

/* line 411, app/assets/stylesheets/pages/media-citation/media-citation.scss */
.all-media-citation-header-section h2 {
  font-size: 3rem;
  font-weight: 400;
  color: var(--secondary);
  font-family: 'Roboto Condensed', sans-serif;
  margin: 0;
}

/* Sort Dropdown */
/* line 420, app/assets/stylesheets/pages/media-citation/media-citation.scss */
.sort-dropdown select {
  padding: 0.5rem 0.75rem;
  border-radius: 6px;
  border: 1px solid #ccc;
  color: var(--secondary);
  font-family: 'Noto Sans', sans-serif;
}

/* Media Citation Card */
/* line 429, app/assets/stylesheets/pages/media-citation/media-citation.scss */
.media-citation {
  display: flex;
  flex-wrap: wrap;
  border: 1px solid #ccc;
  border-radius: var(--border-radius);
  margin-bottom: 1.5rem;
  overflow: hidden;
}

/* Logo Section */
/* line 439, app/assets/stylesheets/pages/media-citation/media-citation.scss */
.media-citation-logo {
  flex: 1 1 150px;
  min-width: 120px;
  background-color: var(--white);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing);
  position: relative;
}

/* line 450, app/assets/stylesheets/pages/media-citation/media-citation.scss */
.media-citation-logo img {
  max-width: 100%;
  max-height: 50px;
  height: auto;
  width: auto;
}

/* Content Section */
/* line 458, app/assets/stylesheets/pages/media-citation/media-citation.scss */
.media-content {
  flex: 3 1 300px;
  padding: 1.2rem;
  background-color: var(--dark-blue);
  color: var(--white);
}

/* line 465, app/assets/stylesheets/pages/media-citation/media-citation.scss */
.media-content h2 {
  font-size: 1rem;
  font-weight: 400;
  margin: 0 0 0.5rem;
  font-family: 'Noto Sans', sans-serif;
  color: var(--white);
}

/* line 473, app/assets/stylesheets/pages/media-citation/media-citation.scss */
.media-content a {
  font-size: 0.8rem;
  color: var(--link-color);
  text-decoration: underline;
  font-family: 'Noto Sans', sans-serif;
}

/* PAGINATION SECTION */
/* line 482, app/assets/stylesheets/pages/media-citation/media-citation.scss */
.pagination-container {
  text-align: center;
  margin: 1rem 0 2rem;
}

/* line 487, app/assets/stylesheets/pages/media-citation/media-citation.scss */
.pagination {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 0.4rem;
}

/* line 494, app/assets/stylesheets/pages/media-citation/media-citation.scss */
.page-btn {
  font-family: 'Noto Sans', sans-serif;
  font-size: 1rem;
  line-height: 1;
  padding: 12px;
  background: #fff;
  border: 1px solid #0F2130;
  color: #0F2130;
  border-radius: 20px;
  cursor: pointer;
  min-width: 40px;
  height: 40px;
  transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}

/* Active button */
/* line 510, app/assets/stylesheets/pages/media-citation/media-citation.scss */
.page-btn.active {
  background-color: var(--dark-blue);
  color: var(--white);
  border-color: var(--dark-blue);
}

/* Disabled button */
/* line 517, app/assets/stylesheets/pages/media-citation/media-citation.scss */
.page-btn:disabled {
  opacity: 0.5;
  cursor: not-allowed;
  color: #959595;
  border-color: #959595;
}

/* Dots */
/* line 525, app/assets/stylesheets/pages/media-citation/media-citation.scss */
.dots {
  display: inline-block;
  padding: 6px 12px;
  font-size: 0.875rem;
  color: var(--primary);
  font-family: 'Noto Sans', sans-serif;
}

/* Pagination Info */
/* line 534, app/assets/stylesheets/pages/media-citation/media-citation.scss */
.pagination-info {
  margin-top: 0.6rem;
  font-size: 0.75rem;
  color: var(--dark-blue);
  font-family: 'Noto Sans', sans-serif;
}

/* line 541, app/assets/stylesheets/pages/media-citation/media-citation.scss */
.pagination-info strong {
  font-weight: 500;
  font-size: 0.75rem;
}

/* Optional: Style for next/prev arrows if needed */
/* line 547, app/assets/stylesheets/pages/media-citation/media-citation.scss */
.page-btn.next,
.page-btn.prev {
  border: 1px solid var(--primary);
}