/* overview section */
  .hsd-overview {
    background: #F6F6F6;
    max-width: 1050px;
    width: 100%;
    margin: 1rem auto;
    padding: 2em 2em 4rem;
    text-align: center;
  }
  .hsd-overview ul {
    text-align: left;
    max-width: 850px;
    margin: 0 auto;
  }
  .ddc-content.content-page-title.bg-transparent {
    text-align: center !important;
    width: 100% !important;
  }
  h1.ddc-page-title.font-weight-bold.bg-transparent.spacing-reset {
    text-align: center;
    width: 100% !important;
  }
  :root {
    --hsd-mod-cwl-50-50-accent-background-color: #000;
    --hsd-mod-cwl-50-50-accent-text-color: #fff;
    --hsd-mod-cwl-50-50-accent-link-color: #fff;
  }
  .hsd-mod-content-w-lifestyle-50-50 {
    display: grid;
    grid-template-columns: 50% 50%;
    align-items: center;
    justify-items: center;
    max-width: 1440px;
    width: 100%;
  }
  .hsd-mod-cwl-50-50-reverse {
    grid-template-columns: 50% 50%;
  }
  .hsd-mod-cwl-50-50-reverse .hsd-mod-cwl-50-50-content {
    order: 1;
  }
  .hsd-mod-cwl-50-50-img {
    width: 100%;
    height: 100%;
  }
  .hsd-mod-cwl-50-50-img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
  }
  .hsd-mod-cwl-50-50-content {
    margin: 1rem;
    padding: 4rem;
    box-sizing: border-box;
  }
  .hsd-mod-cwl-50-50-accent {
    color: var(--hsd-mod-cwl-50-50-accent-text-color);
    background-color: var(--hsd-mod-cwl-50-50-accent-background-color);
  }
  .hsd-mod-cwl-50-50-accent a {
    color: var(--hsd-mod-cwl-50-50-accent-link-color);
  }
  @media screen and (max-width: 767px) {
    .hsd-mod-content-w-lifestyle-50-50 {
      grid-template-columns: 1fr;
    }
    .hsd-mod-cwl-50-50-content {
      margin: 1rem;
      padding: 1rem;
    }
    .hsd-mod-content-w-lifestyle-50-50 .hsd-mod-cwl-50-50-content {
      order: 2;
    }
  } /* Pros & Cons Module Style */
  :root {
    /* MOD - PCS - Pros & Cons Cont */
    --hsd-mod-pcs-cont-background: #f9f9f9;
    --hsd-mod-pcs-cont-border: 1px solid #ddd;
    --hsd-mod-pcs-cont-border-radius: 4px; /* MOD - PCS - Pros & Cons h3 */
    --hsd-mod-pcs-heading-font-color: ; /* MOD - PCS - Pros */ /* h3 */
    --hsd-mod-pcs-pros-heading-border: 2px solid #008000; /* ::before */
    --hsd-mod-pcs-pros-marker: "\2713";
    --hsd-mod-pcs-pros-font-size: 10px;
    --hsd-mod-pcs-pros-font-color: #008000; /* MOD - PCS - Cons */ /* h3 */
    --hsd-mod-pcs-cons-heading-border: 2px solid #ff0000; /* ::before */
    --hsd-mod-pcs-cons-marker: "\274C";
    --hsd-mod-pcs-cons-font-size: 10px;
    --hsd-mod-pcs-cons-font-color: #ff0000; /* MOD - PCS - Pros & Cons li */
    --hsd-mod-pcs-li-font-color: ;
  }
  .hsd-mod-pro-con-section {
    /* Display */
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center; /* Sizing */
    max-width: 1440px;
    margin: 0 auto; /* padding: 1rem; */
  }
  .hsd-mod-pro-con-section > h2 {
    /* Display */
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    gap: 2px; /* Sizing */
    margin: 32px auto !important;
  }
  .hsd-mod-pro-con-section > h2 span {
    /* Font */
    font-size: 14px !important;
    line-height: 100% !important;
  }
  .hsd-mod-pcs-pro-con-cont {
    /* Display */
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: flex-start;
    gap: 16px; /* Sizing */
    width: 100%;
    padding: 20px;
    box-sizing: border-box; /* Background */
    background: var(--hsd-mod-pcs-cont-background);
    border: var(--hsd-mod-pcs-cont-border);
    border-radius: var(--hsd-mod-pcs-cont-border-radius);
  }
  .hsd-mod-pcs-pros,
  .hsd-mod-pcs-cons {
    /* Sizing */
    max-width: 550px;
    min-width: 350px;
    width: calc(50% - 16px);
    box-sizing: border-box;
  }
  .hsd-mod-pcs-pros h2,
  .hsd-mod-pcs-pros h3 {
    /* Sizing */
    border-bottom: var(--hsd-mod-pcs-pros-heading-border);
    width: fit-content;
    margin: 0 auto !important; /* Font */
    color: var(--hsd-mod-pcs-heading-font-color) !important;
    text-align: center;
  }
  .hsd-mod-pcs-cons h2,
  .hsd-mod-pcs-cons h3 {
    /* Sizing */
    border-bottom: var(--hsd-mod-pcs-cons-heading-border);
    width: fit-content;
    margin: 0 auto !important; /* Font */
    color: var(--hsd-mod-pcs-heading-font-color) !important;
    text-align: center;
  }
  .hsd-mod-pcs-pros ul,
  .hsd-mod-pcs-cons ul {
    /* Sizing */
    padding: 14px;
  }
  .hsd-mod-pcs-pros ul li,
  .hsd-mod-pcs-cons ul li {
    /* Style */
    color: var(--hsd-mod-pcs-li-font-color) !important; /* List */
    list-style: none;
  }
  .hsd-mod-pcs-pros ul li::before {
    /* Font */
    content: var(--hsd-mod-pcs-pros-marker);
    margin-right: var(--hsd-mod-pcs-pros-font-size);
    color: var(--hsd-mod-pcs-pros-font-color);
  }
  .hsd-mod-pcs-cons ul li::before {
    /* Font */
    content: var(--hsd-mod-pcs-cons-marker);
    margin-right: var(--hsd-mod-pcs-cons-font-size);
    color: var(--hsd-mod-pcs-cons-font-color);
  }
  @media screen and (max-width: 850px) {
    .hsd-mod-pcs-pro-con-cont {
      /* Display */
      gap: 16px; /* Sizing */
      padding: 20px;
    }
    .hsd-mod-pcs-pros,
    .hsd-mod-pcs-cons {
      /* Sizing */
      width: 100%;
    }
    .hsd-mod-pcs-pros h2,
    .hsd-mod-pcs-pros h3 {
      /* Sizing */
      margin: 0 0 0 14px !important;
    }
    .hsd-mod-pcs-cons h2,
    .hsd-mod-pcs-cons h3 {
      /* Sizing */
      margin: 0 0 0 14px !important;
    }
  }
  [id] {
    scroll-margin-top: 100px; /* feel free to adjust based on sticky header height */
  }
  @media (max-width: 767px) {
    [id] {
      scroll-margin-top: 70px; /* feel free to adjust based on sticky header height */
    }
  }
  html {
    scroll-behavior: smooth;
  }