.case-study-page {
  margin: 64px 0;
}

.case-hero {
  text-align: center;
  padding-bottom: 64px;
}

.case-hero .h1 {
  color: #41617E;
}

.case-hero__sub-title {
  font-family: 'Open Sans';
  font-size: 14px;
  font-weight: 700;
  line-height: 19.07px;
  text-align: center;
  color: #667085;
}

.case-hero .hero-slider__card-box {
  margin: 32px auto;
  max-width: 720px;
  flex-direction: column;
  padding: 12px;
}

.case-hero .hero-slider__card-imgs img {
  max-width: 100%;
  height: auto;
}

.case-hero .hero-slider__card-imgs div {
  display: flex;
}

.case-hero .hero-slider__card-text {
  text-align: left;
}

.overview {
  display: flex;
  align-items: center;
  gap: 32px;
  padding: 64px 0;
}

.overview img {
  max-width: 696px;
  height: auto;
  border-radius: 12px;
}

.overview h3 {
  margin-bottom: 16px;
}

.overview p+p {
  margin-top: 16px;
}

.started {
  padding: 64px 0;
  display: flex;
  gap: 56px;
}

.started__text p+p {
  margin-top: 12px;
}

.started__text:nth-child(1) {
  height: 100%;
}

.started__text .text-sticky {
  position: sticky;
  top: 24px;
}

.started__text h6 {
  margin: 12px 0;
  font-family: 'Open Sans';
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  text-transform: uppercase;
  color: #41617E;
}

.started__text ul {
  list-style-type: inherit;
  margin: 12px 0 12px 54px;
}

.started__text ul li {
  list-style: inherit;
  font-family: 'Open Sans';
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: #41617E;
}

.started__text blockquote,
.blue__section blockquote {
  font-family: 'Open Sans';
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  padding: 0 0 0 12px;
  color: #41617E;
  border-left: 3px solid #FF7C32;
  margin: 12px 0;
}

.started__text .h2 {
  margin-bottom: 12px;
}

.started__description {
  display: flex;
  flex-direction: column;
  gap: 12px;
  justify-content: space-between;
}

.started__images {
  max-width: 696px;
  display: flex;
  flex-direction: column;
  gap: 56px;
}

.started__images-box {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
}

.started__images-box h3,
.started__images-box p,
.started__images-box>div {
  width: 100%;
}

.started__images-box h3+p {
  margin-top: 6px;
}

.started__images-box img {
  width: calc(50% - 12px);
  border-radius: 12px;
}

.started__images-box:nth-child(2) img {
  width: calc(33% - 14px);
}

.case-grey {
  background-color: #F9FAFB;
  padding: 64px 0;
}

.case-grey .container {
  position: relative;
}

.case-grey+.case-grey {
  padding-top: 0;
}

.case-grey+.case-grey .container::before {
  content: '';
  width: 100%;
  border: 1px solid #D0D5DD;
  position: absolute;
  left: 0;
  top: -32px;
}

.case-grey.white {
  background-color: transparent;
}

.case-grey__wrapper {
  display: flex;
  justify-content: space-between;
  gap: 24px;
}

.case-grey__wrapper .h2 {
  position: sticky;
  top: 24px;
}

.case-grey__wrapper .h2 .title__image {
  margin-top: 18px;
  text-align: center;
  display: flex;
  flex-direction: column;
  font-family: 'Open Sans';
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

.case-grey__wrapper .h2 .title__image img {
  max-width: 100%;
  margin-bottom: 8px;
  border-radius: 12px;
}

.case-grey__description {
  max-width: 696px;
}

.case-grey__description p+p {
  margin-top: 24px;
}

.case-study-page a:not(.button-new) {
  color: #FF7C32;
  text-decoration: underline;
}

.case-study-page a:hover {
  text-decoration: none;
}

.case-grey__description ol li,
.case-grey__description ul li {
  font-family: 'Open Sans';
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: #41617e;
  list-style: inherit;
}

.case-grey__description ol li {
  list-style: decimal;
}

.case-grey__description ol,
.case-grey__description ul {
  list-style-type: inherit;
  margin: 24px 0 24px 20px;
}

.case-grey__description ol:last-child,
.case-grey__description ul:last-child {
  margin-bottom: 0;
}

.case-image {
  display: flex;
  gap: 32px;
  margin: 64px 0;
}

.case-image img {
  width: 488px;
  height: auto;
  border-radius: 12px;
  object-fit: cover;
}

.case-image__description .h2 {
  margin-bottom: 24px;
}

.case-image__description p+p {
  margin-top: 24px;
}

.case-study-page .blue__section p+p,
.blue__section blockquote {
  margin-top: 12px;
}

.case-study-page .blue__section {
  max-width: 1008px;
  margin: 64px auto;
}

.protocol {
  margin: 112px 0;
}

.protocol-snapshot {
  margin: 64px 0;
}

.protocol__wrapper {
  display: flex;
  gap: 32px;
  margin-top: 32px;
}

.protocol__wrapper table {
  min-width: 640px;
}

.protocol__wrapper div>p {
  text-align: center;
  margin: 12px 0;
}

.protocol-snapshot .protocol__wrapper table {
  min-width: 696px;
}

.protocol-snapshot img {
  max-width: 100%;
  border-radius: 12px;
}

.protocol-snapshot div>.h5 {
  margin-bottom: 12px;
}

.protocol-snapshot .h1 {
  text-align: center;
}

.table-separator__text {
  font-family: 'Open Sans';
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  text-align: center;
  margin: 12px 0;
}

.case-study-page table thead {
  background: #E8ECF2;
  border-radius: 6px;
}

.case-study-page table td,
.case-study-page table th {
  padding: 6px 0;
  height: 40px;
  vertical-align: middle;
  min-width: 108px;
  text-align: left;
}

.case-study-page .protocol-snapshot table td:nth-child(1) {
  min-width: 132px;
}

.case-study-page .protocol-snapshot table td:nth-child(2) {
  min-width: 155px;
}

.case-study-page .protocol-snapshot table td:nth-child(3) {
  min-width: 222px;
}

.case-study-page .color table tbody td:first-child,
.case-study-page table thead th:first-child {
  border-radius: 6px 0 0 6px;
}

.case-study-page .color table tbody td:last-child,
.case-study-page table thead th:last-child {
  border-radius: 0 6px 6px 0;
}

.case-study-page .color table tbody tr:nth-child(even) td {
  background-color: #E8ECF2;
}

.table-wrapper {
  padding: 12px;
  border: 1px solid #D0D5DD;
  background-color: #F9FAFB;
  border-radius: 12px;
}

.case-study-page table {
  border-collapse: collapse;
}

.case-study-page table td {
  font-family: 'Open Sans';
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #41617E;
}

@media screen and (max-width: 1200px) {
  .overview img,
  .case-image img {
    max-width: 310px;
    object-fit: contain;
  }

  .case-image {
    align-items: flex-start;
  }
}

@media screen and (max-width: 976px) {
  .started,
  .protocol__wrapper {
    flex-direction: column;
  }

  .started__text .text-sticky,
  .case-grey__wrapper .h2 {
    position: static;
  }

  .case-grey__wrapper .h2 {
    width: 298px;
  }

  .case-grey__wrapper .h2 {
    min-width: 330px;
  }

  .started__images {
    max-width: 100%;
  }

  .case-study-page .blue__section {
    padding: 64px 24px;
  }
}

@media screen and (max-width: 767px) {
  .case-study-page a:not(.button-new),
  .overview,
  .case-grey__wrapper,
  .case-image {
    flex-direction: column;
  }

  .started__images-box img,
  .started__images-box:nth-child(2) img {
    width: 100%;
  }

  .case-grey__description {
    max-width: 100%;
  }

  .table-wrapper {
    overflow: auto;
  }

  .overview img,
  .case-image img {
    max-width: 100%;
    object-fit: contain;
  }

  .case-study-page table td, .case-study-page table th {
    min-width: auto
  }
}