@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/case_study/case-study-detail-page-show.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;
}

/* Breadcrumb Section */
/* line 40, app/assets/stylesheets/case_study/case-study-detail-page-show.scss */
.case-study-breadcrumb-cat-section {
  display: flex;
  justify-content: center;
  width: 100%;
  background-color: var(--light-gray);
}

/* line 46, app/assets/stylesheets/case_study/case-study-detail-page-show.scss */
.case-study-breadcrumb-cat-cont {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 90%;
}

/* line 52, app/assets/stylesheets/case_study/case-study-detail-page-show.scss */
.case-study-breadcrumb-cat-item-group {
  display: flex;
  justify-content: flex-start;
  width: 100%;
  margin: 0;
  padding: 10px 0;
  gap: 6px;
}

/* line 61, app/assets/stylesheets/case_study/case-study-detail-page-show.scss */
.case-study-breadcrumb-cat-item {
  display: flex;
  position: relative;
  max-width: 100px;
  white-space: nowrap;
}

/* line 68, app/assets/stylesheets/case_study/case-study-detail-page-show.scss */
.case-study-breadcrumb-cat-arrow {
  display: flex;
  width: 14px;
  height: auto;
  background-image: url(/assets/home_images/Chevron_Right_01-781871680dc2aeb91bf93bce89716fda45801579e7d799c2fb61c5299bc625b2.svg);
  background-position: center;
  background-size: 50%;
  background-repeat: no-repeat;
}

/* line 78, app/assets/stylesheets/case_study/case-study-detail-page-show.scss */
.case-study-breadcrumb-cat-item a {
  text-decoration: none;
  font-family: 'Noto Sans', sans-serif;
  font-size: 0.8rem;
  color: var(--text-label-gray);
  overflow: hidden;
  text-overflow: ellipsis;
}

/* line 87, app/assets/stylesheets/case_study/case-study-detail-page-show.scss */
.case-study-breadcrumb-cat-item a:hover {
  color: var(--primary);
}

/* line 91, app/assets/stylesheets/case_study/case-study-detail-page-show.scss */
.blog-breadcrumb-cat-item li[title]::after {
  content: attr(title);
}

/* line 95, app/assets/stylesheets/case_study/case-study-detail-page-show.scss */
.case-study-breadcrumb-cat-item li:hover::after {
  display: flex;
}

/* line 99, app/assets/stylesheets/case_study/case-study-detail-page-show.scss */
.case-study-breadcrumb-cat-item-active {
  text-decoration: none;
  font-family: 'Noto Sans', sans-serif;
  font-size: 0.8rem;
  font-weight: 600;
  color: var(--secondary);
}

/* BLOG SECTION START */
/* line 109, app/assets/stylesheets/case_study/case-study-detail-page-show.scss */
.case-study-show-section {
  display: flex;
  justify-content: center;
  width: 100%;
  margin: 30px 0px 100px 0px;
}

/* line 116, app/assets/stylesheets/case_study/case-study-detail-page-show.scss */
.case-study-show-section-inner {
  display: flex;
  flex-direction: column;
  width: 90%;
}

/* line 122, app/assets/stylesheets/case_study/case-study-detail-page-show.scss */
.case-study-show-section-container {
  display: flex;
  gap: 20px;
}

/* Left Cards */
/* line 128, app/assets/stylesheets/case_study/case-study-detail-page-show.scss */
.case-study-show-cards {
  flex: 1 1 58%;
  gap: 20px;
}

/* line 133, app/assets/stylesheets/case_study/case-study-detail-page-show.scss */
.case-study-detail-section-content h1 {
  font-size: 2.5rem;
  color: var(--secondary);
  margin: 0px;
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: 400;
  padding: 20px 0px;
}

/* line 141, app/assets/stylesheets/case_study/case-study-detail-page-show.scss */
.case-study-detail-section-content h6 {
  font-size: 1.7rem;
  color: var(--secondary);
  margin: 0px;
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: 400;
  padding-bottom: 20px;
}

/* line 150, app/assets/stylesheets/case_study/case-study-detail-page-show.scss */
.case-study-detail-section-content p {
  margin-bottom: 15px;
  font-size: 1.1rem;
  line-height: 30px;
  font-family: 'Noto Sans', sans-serif;
  color: var(--secondary);
  font-weight: 400;
}

/* line 158, app/assets/stylesheets/case_study/case-study-detail-page-show.scss */
.case-study-main h2 {
  font-family: noto sans;
  font-size: 1.2rem;
  font-weight: 600;
  color: var(--section-heading);
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
}

/* line 167, app/assets/stylesheets/case_study/case-study-detail-page-show.scss */
.case-study-main h3 {
  font-family: noto sans;
  font-size: 1.2rem;
  font-weight: 600;
  color: var(--secondary);
  padding: 0px 0px 0px 0px;
  margin: 14px 0px 14px 0px;
}

/* line 175, app/assets/stylesheets/case_study/case-study-detail-page-show.scss */
.case-study-main img {
  width: 85%;
  height: auto;
  margin: 20px 0px;
}

/* Right Sidebar */
/* line 186, app/assets/stylesheets/case_study/case-study-detail-page-show.scss */
.case-study-sidebar {
  display: flex;
  flex-direction: column;
  flex: 1 1 20%;
  position: sticky;
  top: 80px;
  /* adjust based on your header height */
  align-self: flex-start;
  height: fit-content;
  /* ensures it doesn't stretch full height */
  gap: 20px;
}

/* line 197, app/assets/stylesheets/case_study/case-study-detail-page-show.scss */
.case-study-aside-sidebar {
  background: var(--white);
  border-radius: 10px;
  border: 1px solid #c4c4c4;
  align-self: flex-start;
  margin-top: 20px;
}

/* line 205, app/assets/stylesheets/case_study/case-study-detail-page-show.scss */
.case-study-aside-sidebar h4 {
  font-size: 1rem;
  text-align: center;
  color: var(--secondary);
  margin: 0px;
  background-color: #f2f2f2;
  padding: 5px 0px;
  font-family: 'Noto Sans', sans-serif;
  font-weight: 500;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

/* line 218, app/assets/stylesheets/case_study/case-study-detail-page-show.scss */
.case-study-aside-sidebar ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

/* line 224, app/assets/stylesheets/case_study/case-study-detail-page-show.scss */
.case-study-aside-sidebar li {
  display: flex;
  align-items: flex-start;
  padding: 15px;
}

/* line 230, app/assets/stylesheets/case_study/case-study-detail-page-show.scss */
.case-study-aside-sidebar img {
  width: 60px;
  height: 60px;
  object-fit: cover;
  margin-right: 10px;
  border-radius: 10px;
}

/* line 238, app/assets/stylesheets/case_study/case-study-detail-page-show.scss */
.case-study-aside-sidebar a {
  text-decoration: none !important;
  color: var(--secondary);
  font-size: 0.9rem;
  line-height: 1.3;
  border-bottom: 1px solid #ccc;
  padding-bottom: 8px;
  font-family: 'Noto Sans', sans-serif;
  height: 60px;
}

/* line 249, app/assets/stylesheets/case_study/case-study-detail-page-show.scss */
.case-study-aside-sidebar a:hover {
  color: var(--primary);
}

/* .case-study-sidebar a:hover {
  text-decoration: underline;
} */
/* line 257, app/assets/stylesheets/case_study/case-study-detail-page-show.scss */
.latest-case-study {
  display: flex;
  justify-content: center;
  padding-top: 1rem;
}

/* Heading */
/* line 265, app/assets/stylesheets/case_study/case-study-detail-page-show.scss */
.latest-case-study-box {
  display: flex;
  flex-direction: column;
  width: 100%;
  background-color: var(--white);
  margin: 0;
  justify-content: flex-start;
}

/* line 274, app/assets/stylesheets/case_study/case-study-detail-page-show.scss */
.latest-case-study-title {
  width: 100%;
  font-family: noto sans;
  font-size: 1.2rem;
  font-weight: 600;
  text-align: left;
  background-color: var(--white);
  color: var(--section-heading);
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
}

/* Blog Card */
/* line 287, app/assets/stylesheets/case_study/case-study-detail-page-show.scss */
.latest-case-study-card {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  margin: 16px 0px 0px 0px;
  width: 100%;
  height: 300px;
  background-image: url(/assets/client_images/Noah_MAXEL_1-1ad7efcec9225015fc45aca3f771f128a2ebfba05e47b5ed145249a39129f7ce.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 10px;
}

/* line 301, app/assets/stylesheets/case_study/case-study-detail-page-show.scss */
.profile-video-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  padding: 0px 10px 0px 10px;
  background-color: var(--black);
  border-radius: 12px;
  height: 90px;
  width: 55%;
  opacity: 0.5;
  gap: 8px;
  margin: 0px 0px 10px 10px;
}

/* line 316, app/assets/stylesheets/case_study/case-study-detail-page-show.scss */
.profile-video-btn:hover {
  opacity: 0.8;
}

/* line 320, app/assets/stylesheets/case_study/case-study-detail-page-show.scss */
.profile-video-btn h3 {
  font-family: noto sans;
  font-size: 1.4rem;
  font-weight: 500;
  color: var(--white);
  margin: 0px 0px 0px 0px;
}

/* line 328, app/assets/stylesheets/case_study/case-study-detail-page-show.scss */
.play-icon {
  width: 80px;
  height: 80px;
  background-image: url(/assets/home_images/PlayBtn_White_01-b90092393eedcd5ed196e97c17856510b3a4d786082f8a1193a0752e809eb987.svg);
  background-size: 90%;
  background-position: center;
  background-repeat: no-repeat;
}

/* line 337, app/assets/stylesheets/case_study/case-study-detail-page-show.scss */
.resch-certi-img-cont {
  display: flex;
  width: 80%;
  height: 200px;
  background-image: url(/assets/home_images/CertifiedResearchers_01-9286cc785831b6b3ece3e13885feabeb76e72226aba697362c1f46caf00174a3.png);
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat;
  margin: 16px 0px 0px 0px;
}

/* .latest-case-study-card img {
  width: 100%;
  height: auto;
  object-fit: cover;
  border-radius: 10px;
} */
/* Content */
/* .latest-case-study-title {
  font-size: 0.95rem;
  font-weight: 500;
  color: var(--secondary);
  margin: 0px;
  line-height: 1.4;
  padding: 20px 0px;
  font-family: 'Noto Sans', sans-serif;
} */
/* line 367, app/assets/stylesheets/case_study/case-study-detail-page-show.scss */
.latest-case-study-read-more {
  font-size: 0.9rem;
  font-weight: 500;
  color: var(--primary);
  text-decoration: none;
  font-family: 'Noto Sans', sans-serif;
}

/* line 375, app/assets/stylesheets/case_study/case-study-detail-page-show.scss */
.latest-case-study-read-more:hover {
  text-decoration: underline;
}

/* HOW WE CAN HELP SECTION START */
/* line 381, app/assets/stylesheets/case_study/case-study-detail-page-show.scss */
.case-study-help-section {
  background-color: #eeeeee;
  padding: 15px 0px;
  display: flex;
  justify-content: center;
  width: 100%;
}

/* Inner Container */
/* line 390, app/assets/stylesheets/case_study/case-study-detail-page-show.scss */
.case-study-help-section-inner {
  display: flex;
  flex-direction: column;
  width: 90%;
}

/* line 396, app/assets/stylesheets/case_study/case-study-detail-page-show.scss */
.case-study-help-section-inner-container {
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: 1200px;
  margin: auto;
  flex-wrap: wrap;
  gap: 30px;
}

/* Text Area */
/* line 407, app/assets/stylesheets/case_study/case-study-detail-page-show.scss */
.case-study-help-text {
  display: flex;
  flex-direction: column;
}

/* line 412, app/assets/stylesheets/case_study/case-study-detail-page-show.scss */
.case-study-help-text h2 {
  font-size: 1.2rem;
  font-family: 'Roboto Condensed', sans-serif;
  color: var(--secondary);
  margin-bottom: 5px;
  margin-top: 0px;
  font-weight: 500;
}

/* line 421, app/assets/stylesheets/case_study/case-study-detail-page-show.scss */
.case-study-help-text p {
  font-size: 0.9rem;
  color: var(--secondary);
  line-height: 1.5;
  max-width: 400px;
  font-family: 'Noto Sans', sans-serif;
}

/* Contact Button */
/* line 430, app/assets/stylesheets/case_study/case-study-detail-page-show.scss */
.case-study-btn-contact {
  background-color: var(--primary);
  color: #fff;
  padding: 10px 20px;
  border-radius: 6px;
  text-decoration: none;
  font-size: 1.2rem;
  font-weight: 400;
  display: inline-block;
  transition: background 0.3s ease;
  font-family: noto sans;
}

/* line 444, app/assets/stylesheets/case_study/case-study-detail-page-show.scss */
.case-study-btn-contact:hover {
  background-color: #900000;
}