.resources-page {
  min-height: 100vh;
  background: #f7fafc;
  color: #0b1220;
}

.resources-main {
  padding: 72px 0 100px;
}

.resources-hero {
  max-width: 850px;
  margin-bottom: 52px;
}

.resources-eyebrow,
.article-category {
  color: #668619;
  font-size: .66rem;
  font-weight: 900;
  letter-spacing: .09em;
  text-transform: uppercase;
}

.resources-hero h1 {
  margin: 12px 0 18px;
  font-size: clamp(2.8rem, 6vw, 5.2rem);
  line-height: .96;
  letter-spacing: -.06em;
}

.resources-hero p {
  max-width: 710px;
  margin: 0;
  color: #66778a;
  font-size: .94rem;
  line-height: 1.7;
}

.resources-section {
  margin-top: 48px;
}

.resources-section-title {
  margin: 0 0 20px;
  font-size: 1.4rem;
  letter-spacing: -.035em;
}

.resources-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}

.resource-card {
  display: flex;
  flex-direction: column;
  min-height: 285px;
  padding: 24px;
  border: 1px solid #dfe6ec;
  border-radius: 15px;
  background: #fff;
  transition:
    transform .15s ease,
    border-color .15s ease,
    box-shadow .15s ease;
}

.resource-card:hover {
  transform: translateY(-2px);
  border-color: #b9d75d;
  box-shadow: 0 14px 35px rgba(11,18,32,.06);
}

.resource-card-category {
  color: #668619;
  font-size: .61rem;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.resource-card h2 {
  margin: 15px 0 11px;
  font-size: 1.23rem;
  line-height: 1.16;
  letter-spacing: -.035em;
}

.resource-card p {
  margin: 0 0 22px;
  color: #718194;
  font-size: .74rem;
  line-height: 1.65;
}

.resource-card-footer {
  display: flex;
  justify-content: space-between;
  gap: 15px;
  margin-top: auto;
  padding-top: 17px;
  border-top: 1px solid #edf1f4;
}

.resource-card-date {
  color: #93a0ae;
  font-size: .63rem;
}

.resource-card-link {
  color: #0b1220;
  font-size: .69rem;
  font-weight: 850;
}

.resources-empty {
  padding: 28px;
  border: 1px solid #dfe6ec;
  border-radius: 15px;
  background: #fff;
  color: #6f7f91;
  font-size: .82rem;
}


/* ARTICLE */

.article-main {
  padding: 62px 0 110px;
}

.article-shell {
  width: min(100% - 36px, 820px);
  margin: 0 auto;
}

.article-back {
  display: inline-block;
  margin-bottom: 34px;
  color: #718194;
  font-size: .7rem;
  font-weight: 800;
}

.article-header {
  margin-bottom: 44px;
}

.article-header h1 {
  margin: 12px 0 20px;
  font-size: clamp(2.6rem, 7vw, 4.8rem);
  line-height: .98;
  letter-spacing: -.06em;
}

.article-excerpt {
  max-width: 720px;
  color: #647588;
  font-size: 1rem;
  line-height: 1.7;
}

.article-meta {
  margin-top: 24px;
  color: #8b98a6;
  font-size: .66rem;
}

.article-body {
  color: #263547;
  font-size: .94rem;
  line-height: 1.82;
}

.article-body h2 {
  margin: 50px 0 15px;
  color: #0b1220;
  font-size: 1.75rem;
  line-height: 1.15;
  letter-spacing: -.04em;
}

.article-body h3 {
  margin: 35px 0 12px;
  color: #0b1220;
  font-size: 1.18rem;
}

.article-body p {
  margin: 0 0 22px;
}

.article-body ul,
.article-body ol {
  margin: 0 0 24px;
  padding-left: 23px;
}

.article-body li {
  margin: 7px 0;
}

.article-body strong {
  color: #0b1220;
}

.article-body a {
  color: #486600;
  font-weight: 700;
  text-decoration: underline;
  text-underline-offset: 3px;
}

.article-body blockquote {
  margin: 32px 0;
  padding: 20px 22px;
  border-left: 4px solid #c7f464;
  background: #f0f5e5;
  color: #33431b;
}

.article-cta {
  margin-top: 55px;
  padding: 30px;
  border-radius: 18px;
  background:
    radial-gradient(
      circle at 100% 0,
      rgba(199,244,100,.13),
      transparent 22rem
    ),
    #101b2d;
}

.article-cta-eyebrow {
  color: #c7f464;
  font-size: .63rem;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.article-cta h2 {
  margin: 10px 0 19px;
  color: #fff;
  font-size: 1.55rem;
  letter-spacing: -.035em;
}

.resources-footer-links {
  display: flex;
  gap: 18px;
  margin-top: 50px;
  padding-top: 25px;
  border-top: 1px solid #e5eaf0;
}

.resources-footer-links a {
  color: #66778a;
  font-size: .7rem;
  font-weight: 750;
}

@media (max-width: 850px) {
  .resources-grid {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 600px) {
  .resources-grid {
    grid-template-columns: 1fr;
  }

  .resource-card {
    min-height: 0;
  }

  .article-cta {
    padding: 23px;
  }
}


/* =========================================================
   EDITORIAL IMAGES
========================================================= */

.resource-card {
  padding: 0;
  overflow: hidden;
}

.resource-card-image {
  display: block;
  width: 100%;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  background: #e9eef2;
}

.resource-card-image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .25s ease;
}

.resource-card:hover .resource-card-image img {
  transform: scale(1.018);
}

.resource-card-category,
.resource-card h2,
.resource-card > p,
.resource-card-footer {
  margin-left: 24px;
  margin-right: 24px;
}

.resource-card-category {
  margin-top: 22px;
}

.resource-card-footer {
  margin-bottom: 24px;
}

.article-hero,
.article-illustration {
  margin: 34px 0 42px;
  overflow: hidden;
  border-radius: 17px;
  background: #e8edf2;
}

.article-hero img,
.article-illustration img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 9;
  object-fit: cover;
}

.article-illustration {
  margin-top: 40px;
  margin-bottom: 40px;
}

@media (max-width: 600px) {

  .article-hero,
  .article-illustration {
    margin-left: -5px;
    margin-right: -5px;
    border-radius: 12px;
  }

}


/* =========================================================
   ARTICLE READABILITY
========================================================= */

.article-body {
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;

  color: #3f4d63;

  font-size: 19px;
  line-height: 1.78;

  -webkit-font-smoothing: antialiased;
}

.article-body p,
.article-body li {
  color: #3f4d63;
}

.article-body p {
  margin-top: 0;
  margin-bottom: 26px;
}

.article-body strong {
  color: #0b1220;
  font-weight: 750;
}

.article-body h2 {
  color: #0b1220;

  margin-top: 62px;
  margin-bottom: 22px;

  font-size: clamp(28px, 2.2vw, 36px);
  line-height: 1.15;
  letter-spacing: -0.025em;
}

.article-body h3 {
  color: #152238;

  margin-top: 42px;
  margin-bottom: 17px;

  font-size: 24px;
  line-height: 1.25;
}

.article-body ul,
.article-body ol {
  margin-top: 8px;
  margin-bottom: 30px;
  padding-left: 28px;
}

.article-body li {
  margin-bottom: 10px;
  padding-left: 3px;
}

.article-body a {
  color: #152238;
  font-weight: 700;
  text-decoration-line: underline;
  text-decoration-color: #a9db24;
  text-decoration-thickness: 2px;
  text-underline-offset: 4px;
}

.article-body a:hover {
  color: #0b1220;
  text-decoration-color: #7fa900;
}

.article-body code {
  color: #0b1220;
  background: #edf2f6;

  padding: 2px 6px;
  border-radius: 5px;
}

@media (max-width: 700px) {

  .article-body {
    font-size: 17px;
    line-height: 1.72;
  }

  .article-body h2 {
    margin-top: 48px;
    font-size: 28px;
  }

  .article-body h3 {
    margin-top: 36px;
    font-size: 22px;
  }

}


/* =========================================================
   RESOURCES HUB V2
========================================================= */

body:has(.resource-card) main > section:first-of-type {
  width: min(1380px, calc(100% - 64px));
  margin: 0 auto;
  padding: 82px 0 54px;
}

body:has(.resource-card) main > section:first-of-type h1 {
  max-width: 940px;
  margin: 20px 0 22px;

  color: #0b1220;

  font-size: clamp(50px, 5.4vw, 76px);
  line-height: 1;
  letter-spacing: -.055em;
}

body:has(.resource-card) main > section:first-of-type p {
  max-width: 760px;

  color: #46566c;

  font-size: 19px;
  line-height: 1.65;
}

body:has(.resource-card) main > section:nth-of-type(2) {
  width: min(1380px, calc(100% - 64px));
  margin: 0 auto;
  padding-bottom: 100px;
}

body:has(.resource-card) main > section:nth-of-type(2) > h2 {
  margin: 0 0 24px;
  color: #0b1220;
  font-size: 29px;
}

body:has(.resource-card) main :is(div,section):has(> .resource-card) {
  display: grid;
  grid-template-columns: repeat(12, minmax(0,1fr));
  gap: 20px;
}

body:has(.resource-card) .resource-card {
  min-width: 0;

  background: #fff;
  border: 1px solid #dce4eb;
  border-radius: 24px;

  overflow: hidden;

  box-shadow: 0 12px 34px rgba(11,18,32,.05);

  transition:
    transform .2s ease,
    box-shadow .2s ease,
    border-color .2s ease;
}

body:has(.resource-card) .resource-card:hover {
  transform: translateY(-4px);
  border-color: #c5df77;
  box-shadow: 0 22px 48px rgba(11,18,32,.105);
}

body:has(.resource-card) .resource-card:first-child {
  grid-column: span 7;
  grid-row: span 2;
  border-color: #c7df7d;
}

body:has(.resource-card) .resource-card:first-child h2 {
  font-size: 34px;
  line-height: 1.08;
}

body:has(.resource-card) .resource-card:nth-child(2),
body:has(.resource-card) .resource-card:nth-child(3) {
  grid-column: span 5;

  display: grid;
  grid-template-columns: 42% 1fr;
  align-content: start;
}

body:has(.resource-card) .resource-card:nth-child(2) .resource-card-image,
body:has(.resource-card) .resource-card:nth-child(3) .resource-card-image {
  grid-column: 1;
  grid-row: 1 / 10;

  height: 100%;
  aspect-ratio: auto;
}

body:has(.resource-card) .resource-card:nth-child(2) .resource-card-image img,
body:has(.resource-card) .resource-card:nth-child(3) .resource-card-image img {
  height: 100%;
  object-fit: cover;
}

body:has(.resource-card) .resource-card:nth-child(2) > :not(.resource-card-image),
body:has(.resource-card) .resource-card:nth-child(3) > :not(.resource-card-image) {
  grid-column: 2;
}

body:has(.resource-card) .resource-card:nth-child(2) h2,
body:has(.resource-card) .resource-card:nth-child(3) h2 {
  font-size: 22px;
  line-height: 1.1;
}

body:has(.resource-card) .resource-card:nth-child(2) > p,
body:has(.resource-card) .resource-card:nth-child(3) > p {
  font-size: 14px;
  line-height: 1.55;
}

body:has(.resource-card) .resource-card:nth-child(n+4) {
  grid-column: span 4;
}

body:has(.resource-card) .resource-card-category {
  color: #71940b;
}

body:has(.resource-card) .resource-card h2 {
  color: #0b1220;
}

body:has(.resource-card) .resource-card > p {
  color: #536278;
}

@media (max-width: 1000px) {
  body:has(.resource-card) .resource-card:first-child {
    grid-column: span 12;
  }

  body:has(.resource-card) .resource-card:nth-child(2),
  body:has(.resource-card) .resource-card:nth-child(3),
  body:has(.resource-card) .resource-card:nth-child(n+4) {
    grid-column: span 6;
    display: block;
  }

  body:has(.resource-card) .resource-card:nth-child(2) .resource-card-image,
  body:has(.resource-card) .resource-card:nth-child(3) .resource-card-image {
    height: auto;
    aspect-ratio: 16 / 9;
  }
}

@media (max-width: 700px) {
  body:has(.resource-card) main > section:first-of-type,
  body:has(.resource-card) main > section:nth-of-type(2) {
    width: calc(100% - 32px);
  }

  body:has(.resource-card) main > section:first-of-type {
    padding-top: 56px;
  }

  body:has(.resource-card) .resource-card:first-child,
  body:has(.resource-card) .resource-card:nth-child(2),
  body:has(.resource-card) .resource-card:nth-child(3),
  body:has(.resource-card) .resource-card:nth-child(n+4) {
    grid-column: span 12;
  }
}


/* =========================================================
   SERVICE COMPRIS
   RESOURCES HUB V4
========================================================= */


/* ---------------------------------------------------------
   CANVAS
--------------------------------------------------------- */

html:has(.resource-card),
body:has(.resource-card) {
  overflow-x: hidden;
}

body:has(.resource-card) {
  background: #e8edf1 !important;
}

body:has(.resource-card) main {
  background: transparent !important;
}


/* ---------------------------------------------------------
   HERO
--------------------------------------------------------- */

body:has(.resource-card)
main > section:first-of-type {
  width: min(1380px, calc(100% - 64px));

  margin: 38px auto 54px;
  padding: 52px 58px 55px;

  color: #f7fafc;

  background:
    radial-gradient(
      circle at 89% 14%,
      rgba(199, 244, 100, .12),
      transparent 25%
    ),
    #0b1220;

  border: 1px solid #27354b;
  border-radius: 28px;

  box-shadow:
    0 24px 65px rgba(11, 18, 32, .13);
}

body:has(.resource-card)
main > section:first-of-type > span {
  color: #a9d92d !important;
}

body:has(.resource-card)
main > section:first-of-type h1 {
  max-width: 880px;

  margin: 16px 0 20px;

  color: #f7fafc;

  font-size: clamp(42px, 3.8vw, 56px);
  font-weight: 850;

  line-height: 1.01;
  letter-spacing: -.05em;
}

body:has(.resource-card)
main > section:first-of-type p {
  max-width: 720px;

  margin: 0;

  color: #b8c4d2;

  font-size: 17px;
  line-height: 1.7;
}


/* ---------------------------------------------------------
   ARTICLES PANEL
--------------------------------------------------------- */

body:has(.resource-card)
main > section:nth-of-type(2) {
  width: min(1380px, calc(100% - 64px));

  margin: 0 auto 76px;
  padding: 34px;

  background: #dce4ea;

  border: 1px solid #ccd6de;
  border-radius: 26px;

  box-shadow:
    0 14px 38px rgba(11, 18, 32, .045);
}

body:has(.resource-card)
main > section:nth-of-type(2) > h2 {
  margin: 0 0 24px;

  color: #0b1220;

  font-size: 26px;
  font-weight: 830;

  letter-spacing: -.03em;
}


/* ---------------------------------------------------------
   GRID
--------------------------------------------------------- */

body:has(.resource-card)
main :is(div, section):has(> .resource-card) {
  display: grid;
  grid-template-columns:
    repeat(12, minmax(0, 1fr));

  gap: 17px;
}


/* ---------------------------------------------------------
   CARD BASE
--------------------------------------------------------- */

body:has(.resource-card)
.resource-card {
  min-width: 0;

  background: #eef2f5;

  border: 1px solid #cbd5dd;
  border-radius: 20px;

  overflow: hidden;

  box-shadow:
    0 8px 24px rgba(11, 18, 32, .055);

  transition:
    transform .18s ease,
    box-shadow .18s ease,
    border-color .18s ease;
}

body:has(.resource-card)
.resource-card:hover {
  transform: translateY(-3px);

  border-color: #b3ce68;

  box-shadow:
    0 16px 36px rgba(11, 18, 32, .095);
}

body:has(.resource-card)
.resource-card-category {
  color: #769b09;
}

body:has(.resource-card)
.resource-card h2 {
  color: #0b1220;

  font-weight: 830;
  letter-spacing: -.03em;
}

body:has(.resource-card)
.resource-card > p {
  color: #526176;
}


/* ---------------------------------------------------------
   FEATURED ARTICLE
--------------------------------------------------------- */

body:has(.resource-card)
.resource-card:first-child {
  grid-column: span 7;
  grid-row: span 2;

  color: #f7fafc;

  background: #101b2d;

  border-color: #2c3a50;
}

body:has(.resource-card)
.resource-card:first-child .resource-card-category {
  color: #b1dc39;
}

body:has(.resource-card)
.resource-card:first-child h2 {
  color: #f7fafc;

  font-size: 28px;
  line-height: 1.08;
}

body:has(.resource-card)
.resource-card:first-child > p {
  color: #bac6d3;

  font-size: 14px;
  line-height: 1.62;
}

body:has(.resource-card)
.resource-card:first-child
.resource-card-footer {
  border-top-color: #314056;
}

body:has(.resource-card)
.resource-card:first-child
.resource-card-footer time,
body:has(.resource-card)
.resource-card:first-child
.resource-card-date {
  color: #8fa0b5;
}

body:has(.resource-card)
.resource-card:first-child
.resource-card-footer a {
  color: #f7fafc;
}

body:has(.resource-card)
.resource-card:first-child
.resource-card-footer a::after {
  color: #c7f464;
}


/* ---------------------------------------------------------
   ARTICLE 2 + 3
--------------------------------------------------------- */

body:has(.resource-card)
.resource-card:nth-child(2),
body:has(.resource-card)
.resource-card:nth-child(3) {
  grid-column: span 5;

  display: grid;
  grid-template-columns: 42% 1fr;

  align-content: start;

  background: #edf2f5;
}

body:has(.resource-card)
.resource-card:nth-child(2)
.resource-card-image,
body:has(.resource-card)
.resource-card:nth-child(3)
.resource-card-image {
  grid-column: 1;
  grid-row: 1 / 10;

  width: 100%;
  height: 100%;

  aspect-ratio: auto;
}

body:has(.resource-card)
.resource-card:nth-child(2)
.resource-card-image img,
body:has(.resource-card)
.resource-card:nth-child(3)
.resource-card-image img {
  width: 100%;
  height: 100%;

  object-fit: cover;
}

body:has(.resource-card)
.resource-card:nth-child(2)
> :not(.resource-card-image),
body:has(.resource-card)
.resource-card:nth-child(3)
> :not(.resource-card-image) {
  grid-column: 2;
}

body:has(.resource-card)
.resource-card:nth-child(2) h2,
body:has(.resource-card)
.resource-card:nth-child(3) h2 {
  font-size: 20px;
  line-height: 1.1;
}

body:has(.resource-card)
.resource-card:nth-child(2) > p,
body:has(.resource-card)
.resource-card:nth-child(3) > p {
  color: #526176;

  font-size: 13px;
  line-height: 1.57;
}


/* ---------------------------------------------------------
   FUTURE ARTICLES
--------------------------------------------------------- */

body:has(.resource-card)
.resource-card:nth-child(n+4) {
  grid-column: span 4;
}

body:has(.resource-card)
.resource-card:nth-child(n+4) h2 {
  font-size: 20px;
  line-height: 1.12;
}

body:has(.resource-card)
.resource-card:nth-child(n+4) > p {
  font-size: 13px;
  line-height: 1.6;
}


/* ---------------------------------------------------------
   META
--------------------------------------------------------- */

body:has(.resource-card)
.resource-card-date {
  color: #8693a5;
}

body:has(.resource-card)
.resource-card-footer {
  border-top-color: #d5dde4;
}

body:has(.resource-card)
.resource-card-footer a {
  color: #0b1220;

  font-weight: 850;
}


/* ---------------------------------------------------------
   DESKTOP LARGE
--------------------------------------------------------- */

@media (min-width: 1440px) {

  body:has(.resource-card)
  main > section:first-of-type h1 {
    font-size: 52px;
  }

  body:has(.resource-card)
  .resource-card:first-child h2 {
    font-size: 27px;
  }

}


/* ---------------------------------------------------------
   TABLET
--------------------------------------------------------- */

@media (max-width: 1000px) {

  body:has(.resource-card)
  .resource-card:first-child {
    grid-column: span 12;
  }

  body:has(.resource-card)
  .resource-card:nth-child(2),
  body:has(.resource-card)
  .resource-card:nth-child(3),
  body:has(.resource-card)
  .resource-card:nth-child(n+4) {
    grid-column: span 6;

    display: block;
  }

  body:has(.resource-card)
  .resource-card:nth-child(2)
  .resource-card-image,
  body:has(.resource-card)
  .resource-card:nth-child(3)
  .resource-card-image {
    height: auto;

    aspect-ratio: 16 / 9;
  }

}


/* ---------------------------------------------------------
   MOBILE
--------------------------------------------------------- */

@media (max-width: 700px) {

  body:has(.resource-card)
  main > section:first-of-type,
  body:has(.resource-card)
  main > section:nth-of-type(2) {
    width: calc(100% - 32px);
  }

  body:has(.resource-card)
  main > section:first-of-type {
    margin-top: 20px;
    margin-bottom: 30px;

    padding: 37px 25px;
  }

  body:has(.resource-card)
  main > section:first-of-type h1 {
    font-size: clamp(38px, 10vw, 50px);
  }

  body:has(.resource-card)
  main > section:first-of-type p {
    font-size: 16px;
  }

  body:has(.resource-card)
  main > section:nth-of-type(2) {
    padding: 20px;
  }

  body:has(.resource-card)
  .resource-card:first-child,
  body:has(.resource-card)
  .resource-card:nth-child(2),
  body:has(.resource-card)
  .resource-card:nth-child(3),
  body:has(.resource-card)
  .resource-card:nth-child(n+4) {
    grid-column: span 12;
  }

}

/* === SC GLOBAL UX START === */


/* =========================================================
   STICKY HEADER
========================================================= */

.site-header {
  position: sticky !important;
  top: 0 !important;

  z-index: 1000 !important;

  background:
    rgba(247, 250, 252, .96) !important;

  border-bottom:
    1px solid rgba(180, 193, 204, .65);

  transition:
    box-shadow .18s ease,
    background .18s ease;
}

@supports (
  backdrop-filter: blur(14px)
) {

  .site-header {
    background:
      rgba(247, 250, 252, .90) !important;

    backdrop-filter:
      blur(14px)
      saturate(125%);
  }

}

body.sc-page-scrolled
.site-header {
  box-shadow:
    0 10px 30px
    rgba(11, 18, 32, .08);
}


/* Ancres compatibles header sticky */

html {
  scroll-behavior: smooth;
}

:target {
  scroll-margin-top: 105px;
}


/* =========================================================
   BACK TO TOP
========================================================= */

.sc-backtotop {
  position: fixed;

  right: 24px;
  bottom: 24px;

  z-index: 900;

  width: 48px;
  height: 48px;

  display: flex;
  align-items: center;
  justify-content: center;

  padding: 0;

  color: #0b1220;
  background: #c7f464;

  border:
    1px solid #a7ce42;

  border-radius: 14px;

  box-shadow:
    0 12px 30px
    rgba(11, 18, 32, .18);

  font: inherit;

  cursor: pointer;

  opacity: 0;
  visibility: hidden;
  pointer-events: none;

  transform:
    translateY(10px);

  transition:
    opacity .18s ease,
    visibility .18s ease,
    transform .18s ease,
    box-shadow .18s ease;
}

.sc-backtotop span {
  display: block;

  margin-top: -2px;

  font-size: 23px;
  font-weight: 900;

  line-height: 1;
}

.sc-backtotop.is-visible {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;

  transform:
    translateY(0);
}

.sc-backtotop:hover {
  transform:
    translateY(-2px);

  box-shadow:
    0 15px 34px
    rgba(11, 18, 32, .22);
}


/* =========================================================
   RESTAURANT PHILIP STATS
========================================================= */

.scx-case-featured
.scx-case-copy {
  padding-bottom: 22px;
}

.scx-case-stats {
  margin-top: 20px;
  padding-top: 18px;

  display: grid;
  grid-template-columns:
    repeat(6, minmax(0, 1fr));

  border-top:
    1px solid #b7c4ce;
}

.scx-case-stats > div {
  min-width: 0;
  padding: 0 11px;

  border-right:
    1px solid #b7c4ce;
}

.scx-case-stats > div:first-child {
  padding-left: 0;
}

.scx-case-stats > div:last-child {
  padding-right: 0;

  border-right: 0;
}

.scx-case-stats strong,
.scx-case-stats span {
  display: block;
}

.scx-case-stats strong {
  color: #0b1220;

  font-size: 18px;
  font-weight: 900;

  line-height: 1.05;
  letter-spacing: -.025em;
}

.scx-case-stats span {
  margin-top: 5px;

  color: #617187;

  font-size: 10px;
  font-weight: 700;

  line-height: 1.3;
}

.scx-case-stat-business
strong {
  color: #719409;
}

.scx-case-stats-note {
  margin: 12px 0 0 !important;

  color: #718095 !important;

  font-size: 10px !important;
  line-height: 1.45 !important;
}


/* =========================================================
   RESPONSIVE
========================================================= */

@media (max-width: 1100px) {

  .scx-case-stats {
    grid-template-columns:
      repeat(3, 1fr);

    row-gap: 18px;
  }

  .scx-case-stats > div {
    border-right: 0;
  }

}


@media (max-width: 760px) {

  .sc-backtotop {
    right: 16px;
    bottom: 16px;

    width: 44px;
    height: 44px;

    border-radius: 12px;
  }

  .scx-case-stats {
    grid-template-columns:
      repeat(2, 1fr);
  }

}


/* === SC GLOBAL UX END === */