*,
:after,
:before {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

:root {
  /* fonts */
  --blog-font-1: 'proxima-nova', Verdana, Arial, sans-serif;
  /* colors */
  --blog-color-white: #fff;
  --blog-color-black: #000;
  --blog-color-transparent: transparent;
  --blog-color-1: #e0601e;
  --blog-color-2: #003f72;
  --blog-color-4: #333333 !important;
  /* lead section */
  --lead-section-bg: #f2f5f7;
  --lead-section-title: var(--blog-color-4);
  /* summary */
  --summary-bg-color: var(--blog-color-1);
  --summary-heading-color: var(--blog-color-white);
  --summary-text-color: var(--blog-color-white);
  /* callout left */
  --callout-left-bg-color: #fdb51399;
  --callout-left-after-color: '';
  --callout-left-text-color: var(--blog-color-1);
  --callout-left-cta-bg-color: var(--blog-color-1);
  --callout-left-cta-text-color: var(--blog-color-white);
  --callout-left-cta-hover-bg-color: var(--blog-color-transparent);
  --callout-left-cta-hover-text-color: var(--blog-color-1);
  /* callout right */
  --callout-right-bg-color: #fdb51399;
  --callout-right-after-color: '';
  --callout-right-text-color: var(--blog-color-1);
  --callout-right-cta-bg-color: var(--blog-color-1);
  --callout-right-cta-text-color: var(--blog-color-white);
  --callout-right-cta-hover-bg-color: var(--blog-color-transparent);
  --callout-right-cta-hover-text-color: var(--blog-color-1);
  /* quote */
  --quote-bg-color: var(--blog-color-transparent);
  --quote-text-color: var(--blog-color-2);
  --quote-border-color: #e5e6ea;
  /* key takeaways */
  --key-takeaways-bg-color: #f2f5f7;
  --key-takeaways-border-color: #e7e8f0;
  --key-takeaways-text-color: #0b0b0b;
  --key-takeaways-heading-color: var(--blog-color-2);
  --key-takeaways-cta-bg-color: var(--blog-color-1);
  --key-takeaways-cta-text-color: var(--blog-color-white);
  --key-takeaways-cta-hover-bg-color: var(--blog-color-transparent);
  --key-takeaways-cta-hover-text-color: var(--blog-color-1);
  /* references */
  --references-bg-color: #f2f5f7;
  --references-border-color: #e7e8f0;
  --references-text-color: var(--blog-color-2);
  --references-heading-color: var(--blog-color-2);
  --references-divider-color: #c1defb;
  /* about company */
  --about-company-bg-color: var(--blog-color-transparent);
  --about-company-heading-color: var(--blog-color-1);
  --about-company-text-color: #383838;
  --about-company-border-color: var(--blog-color-1);
  --about-company-icon-color: var(--blog-color-1);
  /* toc */
  --toc-bg-color: var(--blog-color-transparent);
  --toc-heading-color: var(--blog-color-1);
  --toc-text-color: #383838;
  --toc-border-color: var(--blog-color-1);
  --toc-active-bg-color: #f2f5f7;
  --toc-active-text-color: var(--blog-color-1);
  --toc-active-divider-color: #1c1c1c33;
}

.lead-section,
.blog-wrapper {
  max-width: 1440px;
  margin: 0 auto;
  width: 100%;
}

.single-post-content.centering-wrap.max,
.post-content-wrap {
  max-width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.post-image,
.post-title {
  display: none !important;
}

.post-content-wrap .post-content {
  padding-top: 0 !important;
}

.blog-wrapper {
  display: flex;
  flex-direction: column-reverse;
  justify-content: center;
  align-items: stretch;
  column-gap: 20px;
  font-family: var(--blog-font-1);
  font-weight: 400;
  color: var(--blog-color-4);
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
}

.lead-section {
  font-family: var(--blog-font-1) !important;
  font-weight: 500 !important;
}

.blog-wrapper h1,
.blog-wrapper h2,
.blog-wrapper h3,
.blog-wrapper h4,
.blog-wrapper h5,
.blog-wrapper h6 {
  font-family: var(--blog-font-1) !important;
  font-weight: 500 !important;
}

.blog-wrapper h2 {
  font-size: 20px !important;
  line-height: 30px !important;
  margin-bottom: 20px !important;
  text-transform: none !important;
  font-weight: 600 !important;
}

.blog-wrapper h3 {
  font-size: 20px !important;
  line-height: 30px !important;
  margin-bottom: 16px !important;
}

.blog-wrapper h4,
.blog-wrapper h5,
.blog-wrapper h6 {
  font-size: 16px !important;
}

.blog-content {
  font-family: var(--blog-font-1) !important;
}

.blog-wrapper p,
.blog-content ul,
.blog-content ol {
  font-size: 16px !important;
  line-height: 24px !important;
}

.blog-wrapper p a {
  text-decoration: underline;
  text-underline-offset: 4px;
  color: var(--blog-color-4);
}

.blog-content>p {
  margin-bottom: 16px !important;
}

.blog-content>ul li,
.blog-content>ol li {
  margin-top: 2px;
  margin-bottom: 2px;
}

.blog-content>ul li {
  list-style-type: disc;
  list-style-position: inside;
}

.blog-content>ol li {
  list-style-type: decimal;
  list-style-position: inside;
}

.lead-section .title-container,
.lead-section .lead-image-container,
.blog-wrapper {
  margin-left: 16px;
  margin-right: 16px;
}

.title-container h1 {
  font-size: 30px !important;
  line-height: 36px !important;
  color: var(--blog-color-4) !important;
  text-align: left;
  margin-top: 20px !important;
  margin-bottom: 0;
  font-weight: 500 !important;
}

.lead-section {
  background-color: var(--lead-section-bg);
  background-image: url('data:image/svg+xml, <svg viewBox="0 0 390 430" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M276.796 164.582C292.593 180.38 327.834 199.58 342.417 150C347.277 171.874 366.478 205.413 404.392 164.582C391.025 181.595 372.311 230.203 404.392 288.533C392.24 275.166 362.832 259.368 342.417 303.115C335.125 284.887 311.793 256.452 276.796 288.533C292.593 269.09 314.71 217.079 276.796 164.582ZM342.161 250.033C354.241 250.033 364.035 240.24 364.035 228.159C364.035 216.079 354.241 206.285 342.161 206.285C330.081 206.285 320.287 216.079 320.287 228.159C320.287 240.24 330.081 250.033 342.161 250.033Z" fill="white" fill-opacity="0.8"/><path d="M353.51 228.391C353.51 234.431 348.613 239.328 342.573 239.328C336.533 239.328 331.636 234.431 331.636 228.391C331.636 222.351 336.533 217.454 342.573 217.454C348.613 217.454 353.51 222.351 353.51 228.391Z" fill="white" fill-opacity="0.8"/></svg>');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  display: flex;
  flex-direction: row;
  margin-bottom: 96px;
}

.lead-image {
  height: 210px;
}

.lead-image-container {
  margin-bottom: -32px;
  margin-top: 16px;
}

.lead-image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 8px;
  margin: 0 !important;
}

.lead-section {
  display: flex;
  flex-direction: column;
  margin-bottom: 56px;
  padding-bottom: 0px;
  position: relative;
  z-index: 2;
}

.lead-section .title-container,
.lead-section .lead-image-container {
  z-index: 2;
}

.lead-section .lead-meta {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  gap: 16px;
  margin-top: 16px !important;
  font-size: 14px !important;
  line-height: 20px !important;
  font-weight: 500 !important;
  text-transform: uppercase;
  color: #005776;
  font-family: var(--blog-font-1) !important;
}

.lead-section .lead-meta * {
  font-size: 14px !important;
  line-height: 20px !important;
  font-weight: 500 !important;
}

.lead-section .lead-meta a {
  color: #005776 !important;
  text-decoration: none !important;
}

.lead-section .lead-meta a:hover {
  text-decoration: underline !important;
}

.lead-section .lead-meta>div {
  position: relative;
  padding-left: 16px;
}

.lead-section .lead-meta>div::before {
  content: '';
  position: absolute;
  top: 8px;
  left: -2px;
  width: 4px;
  height: 4px;
  background-color: var(--blog-color-2);
  opacity: 0.25;
}

.lead-section .lead-meta>div:first-of-type {
  padding-left: 0;
}

.lead-section .lead-meta>div:first-of-type::before {
  display: none;
}

/* Summary */
.blog-content #summary {
  font-family: var(--blog-font-1) !important;
  background-color: var(--summary-bg-color) !important;
  color: var(--summary-text-color) !important;
  position: relative;
  overflow: hidden;
  border-radius: 8px;
  padding: 20px 16px 40px 16px;
  margin-bottom: 32px;
  font-size: 20px;
  line-height: 30px;
}

.blog-content #summary strong,
.blog-content #summary b {
  font-family: var(--blog-font-1) !important;
  font-weight: 500 !important;
  font-size: 24px;
  line-height: 36px;
  display: block;
  color: var(--summary-heading-color) !important;
  margin-bottom: 16px;
}

.blog-content #summary p {
  color: var(--summary-text-color) !important;
  margin-bottom: 0 !important;
  font-size: 20px !important;
  line-height: 30px !important;
}

.blog-content #summary p+p {
  margin-top: 16px;
}

/* Callout */
.blog-content .callout {
  position: relative;
  width: 100%;
  margin-top: 32px;
  margin-bottom: 32px;
  border-radius: 8px;
  text-align: start;
  font-family: var(--blog-font-1) !important;
  font-weight: 600 !important;
  font-size: 24px !important;
  line-height: 32px;
  padding: 24px 22px;
  letter-spacing: -0.02em;
}

.blog-content .callout .callout_text {
  font-family: var(--blog-font-1) !important;
  font-weight: 600 !important;
  font-size: 24px !important;
  line-height: 32px !important;
  margin-bottom: 0 !important;
  letter-spacing: -0.02em;
}

.blog-content .callout_left {
  background-color: var(--callout-left-bg-color) !important;
  background-size: cover;
  background-image: url('data:image/svg+xml, <svg width="274" height="280" viewBox="0 0 274 280" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M207.098 -11.949C217.049 70.023 275.812 206.215 431.256 95.2069C395.537 169.926 374.945 311.273 578.326 278.905C500.655 297.931 335.407 396.693 295.782 639.526C290.898 572.935 241.349 459.939 82.2312 540.68C102.569 471.028 99.506 335.112 -75.4455 348.672C14.8366 328.115 197.74 227.21 207.098 -11.949ZM202.487 385.66C237.634 413.197 288.449 407.028 315.987 371.881C343.524 336.734 337.355 285.919 302.208 258.381C267.061 230.844 216.246 237.013 188.709 272.16C161.171 307.307 167.34 358.122 202.487 385.66Z" fill="%23FFE2A4"/><path d="M284.861 348.584C271.092 366.158 245.685 369.242 228.111 355.474C210.538 341.705 207.453 316.297 221.222 298.724C234.991 281.15 260.398 278.066 277.972 291.835C295.545 305.603 298.63 331.011 284.861 348.584Z" fill="%23FFEDC6" fill-opacity="0.6"/></svg>');
}

.blog-content .callout_right {
  background-color: var(--callout-right-bg-color) !important;
  background-size: cover;
  background-image: url('data:image/svg+xml, <svg viewBox="0 0 274 278" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M4.49182 287.932C64.8827 294.709 172.381 275.726 119.249 145.579C166.7 183.831 264.43 222.551 275.745 71.4134C276.197 130.263 318.897 265.354 486.078 334.917C437.561 327.121 348.237 343.439 379.071 471.083C332.64 444.705 234.786 423.847 214.824 551.435C215.415 483.295 174.175 335.197 4.49182 287.932ZM288.451 358.672C314.133 338.173 318.334 300.736 297.834 275.054C277.335 249.373 239.898 245.172 214.216 265.671C188.535 286.17 184.334 323.608 204.833 349.289C225.332 374.971 262.769 379.172 288.451 358.672Z" fill="%23FFE9B8"/><path d="M275.872 283.39C286.122 296.23 284.021 314.949 271.181 325.199C258.34 335.448 239.621 333.348 229.371 320.507C219.122 307.666 221.222 288.948 234.063 278.698C246.904 268.448 265.622 270.549 275.872 283.39Z" fill="%23FFE9B8"/></svg>');
}

.blog-content .callout_left .callout_text {
  color: var(--callout-left-text-color) !important;
}

.blog-content .callout_right .callout_text {
  color: var(--callout-right-text-color) !important;
}

.blog-content .callout_left_cta_button,
.blog-content .callout_right_cta_button {
  display: block;
  margin-top: 16px;
}

.blog-content .callout_left_cta_dest_url,
.blog-content .callout_right_cta_dest_url {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background-color: transparent;
  font-size: 16px !important;
  line-height: 24px !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  font-family: var(--blog-font-1) !important;
  font-weight: 500 !important;
  border-radius: 2px !important;
  border: 1px solid;
  padding: 7px 20px !important;
  letter-spacing: 0.02em;
}

.blog-content .callout_left_cta_anchor_text,
.blog-content .callout_right_cta_anchor_text {
  font-family: var(--blog-font-1) !important;
  font-weight: 500 !important;
  font-size: 16px !important;
  line-height: 24px !important;
  letter-spacing: 0.02em;
}

.blog-content .callout_left_cta_dest_url svg,
.blog-content .callout_right_cta_dest_url svg {
  stroke: currentColor;
}

.blog-content .callout_left_cta_dest_url {
  border-color: var(--callout-left-cta-bg-color) !important;
  background-color: var(--callout-left-cta-bg-color) !important;
  color: var(--callout-left-cta-text-color) !important;
}

.blog-content .callout_right_cta_dest_url {
  border-color: var(--callout-right-cta-bg-color) !important;
  background-color: var(--callout-right-cta-bg-color) !important;
  color: var(--callout-right-cta-text-color) !important;
}

.blog-content .callout_left_cta_dest_url:hover {
  cursor: pointer;
  background-color: var(--callout-left-cta-hover-bg-color) !important;
  color: var(--callout-left-cta-hover-text-color) !important;
}

.blog-content .callout_right_cta_dest_url:hover {
  cursor: pointer;
  background-color: var(--callout-right-cta-hover-bg-color) !important;
  color: var(--callout-right-cta-hover-text-color) !important;
}

.blog-content .callout_left_cta_dest_url:hover svg,
.blog-content .callout_right_cta_dest_url:hover svg {
  stroke: currentColor;
}

/* Quote */
.blog-content .quote {
  margin: 32px 0px;
  background-color: var(--quote-bg-color) !important;
  background-image: url('data:image/svg+xml, <svg viewBox="0 0 190 191" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M46.3131 48.2056C58.3579 60.2504 85.227 74.8894 96.3452 37.0874C100.051 53.7648 114.69 79.3367 143.598 48.2056C133.406 61.1769 119.138 98.2377 143.598 142.711C134.333 132.519 111.911 120.474 96.3452 153.829C90.7861 139.931 72.9969 118.251 46.3131 142.711C58.3579 127.886 75.2206 88.2313 46.3131 48.2056ZM96.1508 113.357C105.361 113.357 112.828 105.89 112.828 96.6793C112.828 87.4687 105.361 80.002 96.1508 80.002C86.9401 80.002 79.4734 87.4687 79.4734 96.6793C79.4734 105.89 86.9401 113.357 96.1508 113.357Z" fill="%23F2F5F7"/><path d="M104.81 96.8553C104.81 101.461 101.076 105.194 96.4712 105.194C91.8658 105.194 88.1325 101.461 88.1325 96.8553C88.1325 92.25 91.8658 88.5166 96.4712 88.5166C101.076 88.5166 104.81 92.25 104.81 96.8553Z" fill="%23F2F5F7"/></svg>');
  background-repeat: no-repeat;
  background-position: center;
  border-top: 1px solid var(--quote-border-color);
  border-bottom: 1px solid var(--quote-border-color);
  padding: 16px 0 !important;
  font-size: 24px !important;
  line-height: 32px !important;
  color: var(--quote-text-color) !important;
  text-align: center;
}

.blog-content .quote_wide_text {
  font-size: 20px !important;
  line-height: 24px !important;
  font-family: var(--blog-font-1) !important;
  font-weight: 600 !important;
  font-style: italic;
}

.blog-content .quote_wide_source_name {
  font-size: 14px !important;
  line-height: 22px !important;
  font-weight: 500 !important;
  margin-top: 16px !important;
  text-transform: uppercase;
  font-family: var(--blog-font-1) !important;
}

.blog-content .quote_wide_source_title {
  font-size: 12px !important;
  line-height: 20px !important;
  font-weight: 500 !important;
  text-transform: uppercase;
  margin-top: 8px;
  font-family: var(--blog-font-1) !important;
}

/* Key Takeaways */
.blog-content #key-takeaways {
  background-color: var(--key-takeaways-bg-color);
  border: 1px solid var(--key-takeaways-border-color);
  color: var(--key-takeaways-text-color) !important;
  padding: 24px 20px 30px 20px !important;
  position: relative;
  border-radius: 8px;
  margin-top: 32px !important;
  margin-bottom: 32px !important;
}

.blog-content #key-takeaways strong,
.blog-content #key-takeaways b {
  position: relative;
  display: block;
  font-size: 24px !important;
  line-height: 34px !important;
  font-family: var(--blog-font-1) !important;
  font-weight: 600 !important;
  color: var(--key-takeaways-heading-color);
  margin-bottom: 16px !important;
  letter-spacing: -0.02em;
}

.blog-content #key-takeaways p {
  font-size: 18px !important;
  line-height: 28px !important;
  font-family: var(--blog-font-1) !important;
  margin-bottom: 24px !important;
}

.blog-content #key-takeaways ul,
.blog-content #key-takeaways ol {
  word-break: break-word !important;
  margin-bottom: 0 !important;
  padding-left: 0 !important;
  margin-left: 0 !important;
}

.blog-content #key-takeaways ul:not(:first-child),
.blog-content #key-takeaways ol:not(:first-child) {
  margin-top: 24px !important;
}

.blog-content #key-takeaways ul:not(:last-child),
.blog-content #key-takeaways ol:not(:last-child) {
  margin-bottom: 24px !important;
}

.blog-content #key-takeaways ul li,
.blog-content #key-takeaways ol li {
  font-size: 16px !important;
  line-height: 24px !important;
  list-style: none !important;
  position: relative;
  padding-left: 32px !important;
  margin-bottom: 12px !important;
}

.blog-content #key-takeaways ul li:last-child,
.blog-content #key-takeaways ol li:last-child {
  margin-bottom: 0 !important;
}

.blog-content #key-takeaways ul li::before,
.blog-content #key-takeaways ol li::before {
  content: '';
  position: absolute;
  top: 4px;
  left: 0;
  z-index: 1;
  width: 24px;
  height: 24px;
  background-image: url('data:image/svg+xml, <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="24" height="24" rx="12" fill="%23E0601E"/><path d="M7.5 12L10.5 15L16.5 9" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 4px;
}

.blog-content .key_takeaways_cta_button {
  display: inline-block;
}

.blog-content .key_takeaways_cta_dest_url {
  display: flex;
  align-items: center;
  gap: 8px;
  border: 1px solid var(--key-takeaways-cta-bg-color);
  background-color: var(--key-takeaways-cta-bg-color);
  color: var(--key-takeaways-cta-text-color) !important;
  font-size: 16px !important;
  line-height: 24px !important;
  text-transform: uppercase;
  font-family: var(--blog-font-1) !important;
  font-weight: 500 !important;
  letter-spacing: 0.02em;
  border-radius: 2px !important;
  padding: 7px 20px !important;
  text-decoration: none !important;
}

.blog-content .key_takeaways_cta_anchor_text {
  font-family: var(--blog-font-1) !important;
  font-weight: 500 !important;
  font-size: 16px !important;
  line-height: 24px !important;
  letter-spacing: 0.02em;
}

.blog-content .key_takeaways_cta_dest_url:hover {
  cursor: pointer;
  background-color: var(--key-takeaways-cta-hover-bg-color);
  color: var(--key-takeaways-cta-hover-text-color) !important;
}

.blog-content .key_takeaways_cta_dest_url svg {
  stroke: currentColor;
}

/* References */
.blog-content #references {
  background-color: var(--references-bg-color);
  color: var(--references-text-color) !important;
  border: 1px solid var(--references-border-color);
  padding: 24px !important;
  border-radius: 8px;
  font-size: 16px !important;
  line-height: 28px !important;
  margin-top: 32px !important;
  margin-bottom: 32px !important;
}

.blog-content #references a {
  color: var(--references-text-color);
}

.blog-content #references a:hover {
  text-decoration: underline;
}

.blog-content #references strong,
.blog-content #references b {
  display: block;
  font-size: 24px !important;
  line-height: 34px !important;
  font-family: var(--blog-font-1) !important;
  font-weight: 600 !important;
  color: var(--references-heading-color) !important;
  margin-bottom: 16px !important;
  letter-spacing: -0.02em;
}

.blog-content #references ul,
.blog-content #references ol {
  padding-left: 0 !important;
  margin-left: 0 !important;
  font-size: 16px !important;
  line-height: 28px !important;
  margin-bottom: 0 !important;
  word-break: break-word !important;
  color: var(--references-text-color) !important;
}

.blog-content #references ul li,
.blog-content #references ol li {
  padding-top: 14px !important;
  padding-bottom: 14px !important;
  list-style-type: decimal;
  list-style-position: inside;
  border-bottom: 1px solid var(--references-divider-color);
}

.blog-content #references ul li:first-child,
.blog-content #references ol li:first-child {
  padding-top: 0px;
}

.blog-content #references ul li:last-child,
.blog-content #references ol li:last-child {
  border-bottom: none;
  padding-bottom: 0;
}

.blog-content #references ul li a,
.blog-content #references ol li a {
  list-style-type: none;
  position: relative;
}

/* About */
.about_company {
  border: 1px solid var(--about-company-border-color);
  background-color: var(--about-company-bg-color);
  padding: 24px 16px !important;
  display: flex;
  flex-direction: column;
  gap: 16px;
  border-radius: 8px;
}

.about_company_title {
  color: var(--about-company-heading-color);
  font-size: 18px !important;
  font-weight: 600 !important;
  line-height: 28px !important;
}

.about_company_text {
  color: var(--about-company-text-color);
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 24px !important;
}

.about_company_social {
  display: flex;
  flex-direction: row;
  gap: 16px;
  flex-wrap: nowrap !important;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  overflow-x: auto;
}

.about_company_social a {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  min-width: 24px;
}

.about_company_social svg {
  fill: var(--about-company-icon-color);
}

/* Table of Content */
.flex-container.show {
  top: auto;
  bottom: 30px;
  overflow-y: scroll;
}

.toc-overlay.show {
  position: fixed;
  inset: 0px;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.2);
  z-index: 2;
}

#toc {
  position: fixed;
  left: 16px;
  right: 16px;
  top: unset;
  bottom: 20px;
  z-index: 10;
  width: calc(100% - 32px);
  border: 1px solid var(--toc-border-color);
  background-color: var(--blog-color-white);
  padding: 10px 12px;
  border-radius: 8px;
}

#toc strong,
#toc b {
  font-size: 18px !important;
  line-height: 28px !important;
  font-weight: 600;
  display: block;
  width: 100%;
  color: var(--toc-heading-color);
  cursor: pointer;
  position: relative;
}

#toc strong::after,
#toc b::after {
  content: '';
  position: absolute;
  top: 2px;
  right: 0;
  z-index: 1;
  width: 24px;
  height: 24px;
  background-image: url('data:image/svg+xml, <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6 15L12 9L18 15" stroke="%23E0601E" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  transform: rotate(180deg);
  background-repeat: no-repeat;
  background-size: cover;
  cursor: pointer;
}

#toc:is(.open) strong::after,
#toc:is(.open) b::after {
  transform: none;
}

#toc ul.hide {
  visibility: hidden;
  opacity: 0;
  height: 0px;
  margin: 0px;
}

#toc a {
  color: var(--toc-text-color);
  text-decoration: none;
}

#toc li::marker {
  display: none;
}

#toc ul {
  padding: 0px;
  margin-left: 0 !important;
}

#toc ul li ul {
  padding-left: 20px;
}

#toc ul li {
  margin-bottom: 0 !important;
}

#toc ul {
  list-style-type: none;
}

#toc>ul {
  margin-bottom: 0;
  margin-top: 12px;
}

#toc>ul>li {
  padding: 8px;
  transition: height 0.3s ease-in-out;
}

#toc>ul>li>ul {
  overflow: hidden;
  height: 0px;
  margin-bottom: 0;
}

#toc>ul>li.active,
#toc>ul>li:has(.active) {
  border-radius: 6px;
  background: var(--toc-active-bg-color);
}

#toc ul li ul li {
  margin: 10px 0;
}

#toc summary {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  align-items: flex-start;
  list-style: none;
  cursor: pointer;
  font-size: 14px !important;
  line-height: 22px !important;
}

#toc>ul>li>a,
#toc summary>a {
  font-size: 14px !important;
  line-height: 22px !important;
}

#toc summary::-webkit-details-marker {
  display: none;
}

#toc summary::before {
  display: inline-block;
  width: 14px;
  text-align: center;
  margin-right: 2px;
  content: '+';
}

#toc details[open]>summary::before {
  transform: rotate(180deg);
  content: '-';
}

#toc details ul,
#toc details ul a {
  font-size: 12px !important;
  line-height: 18px !important;
}

#toc details ul li {
  position: relative;
}

#toc details ul li::before {
  content: '';
  position: absolute;
  top: 6px;
  left: -12px;
  z-index: 1;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: transparent;
}

#toc details ul li.active::before {
  background-color: var(--toc-active-text-color);
}

#toc ul li.active>a,
#toc details>summary.active>a {
  background: var(--toc-active-bg-color);
  color: var(--toc-active-text-color);
}

#toc details.active ul {
  border-top: 1px solid var(--toc-active-divider-color);
  margin-top: 10px;
  margin-bottom: 10px;
}

@media (min-width: 1024px) {
  .blog-wrapper {
    flex-direction: row-reverse;
    align-items: flex-start;
  }

  .blog-wrapper h2 {
    font-size: 32px !important;
    line-height: 38px !important;
    margin-bottom: 30px !important;
  }

  .blog-wrapper h3 {
    font-size: 24px !important;
    line-height: 32px !important;
    margin-bottom: 24px !important;
  }

  .blog-wrapper p,
  .blog-content ul,
  .blog-content ol {
    font-size: 18px !important;
    line-height: 28px !important;
  }

  .blog-content>p {
    margin-bottom: 32px !important;
  }

  .lead-section {
    margin-bottom: 44px !important;
    background-image: url('data:image/svg+xml, <svg viewBox="0 0 1440 695" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="1440" height="695" fill="%23F2F5F7"/><path fill-rule="evenodd" clip-rule="evenodd" d="M1289.32 82.3932C1315.74 108.819 1374.69 140.937 1399.09 58C1407.22 94.5898 1439.33 150.694 1502.76 82.3932C1480.4 110.852 1449.09 192.163 1502.76 289.735C1482.43 267.375 1433.24 240.949 1399.09 314.129C1386.89 283.637 1347.86 236.07 1289.32 289.735C1315.74 257.211 1352.74 170.209 1289.32 82.3932ZM1398.66 225.333C1418.87 225.333 1435.25 208.951 1435.25 188.743C1435.25 168.536 1418.87 152.154 1398.66 152.154C1378.45 152.154 1362.07 168.536 1362.07 188.743C1362.07 208.951 1378.45 225.333 1398.66 225.333Z" fill="white" fill-opacity="0.8"/><path d="M1417.64 189.131C1417.64 199.235 1409.45 207.426 1399.35 207.426C1389.24 207.426 1381.05 199.235 1381.05 189.131C1381.05 179.027 1389.24 170.836 1399.35 170.836C1409.45 170.836 1417.64 179.027 1417.64 189.131Z" fill="white" fill-opacity="0.8"/></svg>');
    background-size: cover;
    background-position: center;
  }

  .lead-section .title-container,
  .lead-section .lead-image-container,
  .blog-wrapper {
    margin-left: auto;
    margin-right: auto;
    padding-left: 16px;
    padding-right: 16px;
    width: 100%;
    max-width: 100%;
  }

  .title-container h1 {
    font-size: 60px !important;
    line-height: 72px !important;
    margin-top: 40px !important;
    color: var(--blog-color-4) !important;
  }

  .lead-section .lead-meta {
    margin-top: 24px !important;
  }

  .lead-image-container {
    margin-top: 40px !important;
    margin-bottom: -20px !important;
  }

  .lead-image {
    height: 430px;
  }

  .lead-image img {
    border-radius: 4px;
  }

  .flex-container {
    width: 35%;
    gap: 34px;
    margin-bottom: 20px;
    display: flex;
    position: sticky;
    top: 96px;
    flex-direction: column;
    align-self: flex-start;
  }

  .blog-content {
    width: 65%;
  }

  .blog-content>div:first-child#key-takeaways {
    margin-top: 0;
  }

  /* Summary */
  .blog-content #summary {
    padding: 42px 32px 52px 32px;
    margin-bottom: 64px !important;
    border-radius: 8px;
    font-size: 20px !important;
    line-height: 30px !important;
  }

  .blog-content #summary strong,
  .blog-content #summary b {
    font-size: 36px !important;
    line-height: 38px !important;
    margin-bottom: 24px !important;
  }

  .blog-content #summary p+p {
    margin-top: 24px !important;
  }

  /* Callout */
  .blog-content .callout {
    width: 340px;
    border-radius: 8px;
  }

  .blog-content .callout_left {
    float: left;
    margin: 0 30px 20px 0px;
  }

  .blog-content .callout_right {
    float: right;
    margin: 0 0 20px 30px;
  }

  /* Quote */
  .blog-content .quote {
    padding: 44px 16px !important;
  }

  .blog-content .quote_wide_text {
    font-size: 22px !important;
    line-height: 26px !important;
  }

  /* Key Takeaways */
  .blog-content #key-takeaways {
    padding: 32px !important;
    margin-top: 64px !important;
    margin-bottom: 64px !important;
    border-radius: 8px !important;
  }

  .blog-content #key-takeaways strong,
  .blog-content #key-takeaways b {
    font-size: 32px !important;
    line-height: 44px !important;
    margin-bottom: 24px !important;
  }

  .blog-content #key-takeaways strong::before,
  .blog-content #key-takeaways b::before {
    left: 270px;
  }

  /* References */
  .blog-content #references {
    border-radius: 4px;
    padding: 32px !important;
    margin-top: 64px !important;
    margin-bottom: 64px !important;
  }

  .blog-content #references strong,
  .blog-content #references b {
    font-size: 32px !important;
    line-height: 44px !important;
    margin-bottom: 16px !important;
  }

  .about_company {
    border-radius: 8px;
  }

  .about_company_title {
    font-size: 20px !important;
  }

  /* Table of Content */
  #toc {
    position: relative;
    width: 100%;
    display: block;
    height: auto;
    inset: 0;
    background-color: var(--toc-bg-color);
    padding: 16px 12px;
    border-radius: 8px;
  }

  #toc strong,
  #toc b {
    font-size: 20px !important;
    padding-left: 4px;
    padding-right: 4px;
  }

  #toc strong::after,
  #toc b::after {
    transform: none;
  }

  #toc details ul,
  #toc details ul a {
    font-size: 14px !important;
    line-height: 20px !important;
  }

  #toc>ul>li>a,
  #toc summary>a,
  #toc summary {
    font-size: 16px !important;
    line-height: 24px !important;
  }

  #toc details.active ul {
    margin-bottom: 6px;
  }

  #toc>ul {
    margin-top: 0;
  }
}

@media (min-width: 1280px) {

  .lead-section .title-container,
  .lead-section .lead-image-container,
  .blog-wrapper {
    margin-left: 60px !important;
    margin-right: 60px !important;
    max-width: calc(100% - 120px);
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }
}

@media (max-width: 1023px) {
  .flex-container.show {
    top: auto;
    bottom: 30px;
    overflow-y: scroll;
  }


}

#toc strong,
#toc b {
  padding-left: 24px;
}

#toc strong::after,
#toc b::after {
  right: unset !important;
  left: 0 !important;
}