/*
	Theme Name: BridgeBio ADHD1 DSA
	Theme URI: http://syneosdev.co.uk
	Description: BridgeBio ADHD1 DSA WordPress Theme
	Version: 1.0.0
	Author: Lee Marshall
	Tags: Blank, HTML5, CSS3

	License: MIT
	License URI: http://opensource.org/licenses/mit-license.php
*/

 * {
     overflow-wrap: break-word;
 }



 /*------------------------------------*\
    MAIN
\*------------------------------------*/

 /* global box-sizing */
 *,
 *:after,
 *:before {
     -moz-box-sizing: border-box;
     box-sizing: border-box;
     -webkit-font-smoothing: antialiased;
     font-smoothing: antialiased;
     text-rendering: optimizeLegibility;
     margin: 0;
     padding: 0;
 }

 :root {
     --text-color: #1A1A1A;
     --primary-color: #0E2A5B;
     --secondary-color1: #0044C2;
     --secondary-color2: #B0C5EC;
     --secondary-color3: #DCD1A5;
     --secondary-color4: #314496;
     --secondary-color5: #445D67;
     --secondary-color6: #E2F4FC;
 }


 /* html element 62.5% font-size for REM use */
 html,
 body {
     height: 100%;
     /* min-height: 100%; */
 }

 html {
     font-size: 62.5%;
     background-color: #FFFFFF;
     position: relative;
 }

 body {
     font-family: 'Source Sans Pro', Arial, sans-serif;
     font-size: 16px;
     line-height: 1.4;
     font-weight: 400;
     color: #0E2A5B;
 }

 .site {
     display: flex;
     flex-direction: column;
     min-height: 100vh;
 }

 h1,
 h2 {
     margin: 0;
     padding: 0;
 }

 h1 {
     font-family: 'source-sans-pro', sans-serif;
     font-size: 48px;
     line-height: 1.1;
     font-weight: 300;
     color: #1A1A1A;
     margin-bottom: 0px;
 }

 h2 {
     font-family: 'inter-variable', sans-serif;
     font-size: 76px;
     line-height: 1.2;
     font-weight: 800;
     color: #0044C2;
     margin-bottom: 20px;
     text-align: center;
 }

 h2 span {
     color: #B0C5EC;
 }

 h3 {
     font-family: 'source-sans-pro', sans-serif;
     font-size: 32px;
     line-height: 1.2;
     font-weight: 800;
     color: #0044C2;
     margin-bottom: 20px;
 }

 p {
     font-family: 'source-sans-pro', sans-serif;
     font-weight: 400;
     font-size: 16px;
     line-height: 1.4;
     color: #1A1A1A;
     margin-bottom: 10px;
 }

 /*UNORDERED LIST*/
 ul {
     list-style-type: none;
     padding: 0px;
     margin: 0px;
     font-family: 'source-sans-pro', sans-serif;
     font-size: 16px;
     font-weight: 400;
     line-height: 1.4;
     color: #1A1A1A;
 }

 ul li {
     background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 10 10' style='enable-background:new 0 0 10 10;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23000000;%7D%0A%3C/style%3E%3Ccircle class='st0' cx='3' cy='5' r='3'/%3E%3C/svg%3E");
     background-repeat: no-repeat;
     background-size: 8px;
     background-position: 0px 9px;
     padding-left: 20px;
     margin-bottom: 5px;
 }

 /*ORDERED LIST*/
 ol {
     font-family: 'source-sans-pro', sans-serif;
     font-size: 16px;
     font-weight: 400;
     line-height: 1.4;
     list-style: none;
     counter-reset: item;
     padding-left: 0;
     margin-left: 0;
 }

 ol li {
     counter-increment: item;
     position: relative;
     padding-left: 2em;
     /* Adjust this value based on your needs */
 }

 ol li::before {
     content: counter(item) ".";
     font-weight: bold;
     position: absolute;
     left: 0;
     top: 0;
 }


.privacy-policy h1, .terms-of-service h1 {
  margin-bottom: 30px !important;
}

.privacy-policy h2, .terms-of-service h2 {
  font-size: 24px;
  font-weight: bold;
  text-align: left;
  color: #000000;
  margin-top: 30px;
}

.privacy-policy h3, .terms-of-service h3 {
  font-size: 20px;
  font-weight: bold;
  text-align: left;
  color: #000000;
  margin-top: 30px;
  margin-bottom: 15px;
}

.privacy-policy h4, .terms-of-service h4 {
  font-size: 16px;
  font-weight: bold;
  text-align: left;
  color: #000000;
  margin-top: 20px;
  margin-bottom: 10px;
  /* margin-top: 20px;
  margin-bottom: 5px; */
}
.privacy-policy ol, .terms-of-service ol {
    margin-bottom: 20px;
}
.privacy-policy ul li, .terms-of-service ul li {
    color: #000000;
}
.privacy-policy ul, .terms-of-service ul {
    margin-bottom: 20px;
}
.privacy-policy ol li, .terms-of-service ol li {
    color: #000000;
}
.terms-of-service .alpha li::before {
    content: counter(item, lower-alpha) ". " !important;
}


.toc {
  margin-bottom: 30px;
  color: #000000;
}

.toc ol {
  list-style: none !important;
  padding-left: 0;
  margin: 0;
}

.toc li {
  display: flex;
  flex-wrap: wrap;
  /* margin-bottom: 4px; */
  padding-left: 0;
}

.toc li::before {
  content: none !important;
}

.toc li > span {
  width: 30px;
  flex-shrink: 0;
  font-weight: bold;
}
.toc li li > span {
  width: 40px;
  flex-shrink: 0;
}
.toc li li li > span {
  width: 55px;
  flex-shrink: 0;
}

.toc li > div {
  flex: 1;
}

.toc li > ol {
  width: 100%;
  padding-left: 30px;
}
.toc li > ol li > ol {
  width: 100%;
  padding-left: 40px;
}





 .uppercase {
     text-transform: uppercase;
 }

 .text-center {
     text-align: center !important;
 }

 .text-right {
     text-align: right;
 }

 sub,
 sup {
     vertical-align: baseline;
     position: relative;
     font-size: 60%;
 }

 sub {
     bottom: -0.6em;
 }

 sup {
     top: -0.6em
 }

 .smlsup {
     font-size: 60%;
     top: -0.5em
 }

 img {
     max-width: 100%;
     height: auto;
     display: block;
     margin: 0 auto;
 }


 /* disclaimers  */
 .disclaimer-download p {
     color: #0E2A5B;
     font-size: 16px;
     font-style: normal;
     font-weight: 400;
     line-height: 24px;
     opacity: .5;
 }
 .disclaimer-table p {
     color: #0E2A5B;
     font-size: 16px;
     font-style: normal;
     font-weight: 400;
     line-height: 24px;
 }

 /*------------------------------------------------------------------*/
 /*LINKS*/
 /*------------------------------------------------------------------*/
 a:link {
     font-family: 'source-sans-pro', sans-serif;
     color: #000000;
     background-color: transparent;
     text-decoration: none;
     transition: color 0.2s;
 }

 a:visited {
     font-family: 'source-sans-pro', sans-serif;
     color: #000000;
     background-color: transparent;
     text-decoration: none;
     transition: color 0.2s;
 }

 a:hover {
     font-family: 'source-sans-pro', sans-serif;
     color: #666666;
     background-color: transparent;
     text-decoration: underline;
     transition: color 0.2s;
 }

 a:active {
     font-family: 'source-sans-pro', sans-serif;
     color: #000000;
     background-color: transparent;
     text-decoration: underline;
     transition: color 0.2s;
 }

 a:focus {
     outline: 0;
 }

 a:hover,
 a:active {
     outline: 0;
 }

 .noul {
     text-decoration: none !important;
 }

 .col1 {
     background-color: #0044C2;
 }

 /* rounded button */

 a.cta {
     display: inline-block;
     padding: 0.75rem 2.5rem;
     background-color: #0E2A5B;
     color: #FFFFFF;
     text-decoration: none;
     font-family: 'source-sans-pro', sans-serif;
     font-size: 16px;
     font-weight: 400;
     border-radius: 25px;
     transition: all 0.3s ease;
     /* white-space: nowrap; */
     margin-bottom: 30px;
     -webkit-transition: all 200ms ease;
     -moz-transition: all 200ms ease;
     -ms-transition: all 200ms ease;
     -o-transition: all 200ms ease;
     transition: all 200ms ease;
 }

 a:hover.cta {
     background-color: #6E7F9D;
 }

 a.cta.take-action {
     background-color: #DCD1A5;
     color: #314496;
     font-weight: 700;
     margin: 20px 0 0 0;
 }

 a:hover.cta.take-action {
     background-color: #FFF;
 }

 .footnote {
     margin: 10px 0 20px;
 }



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

 .header {
     width: 100%;
     position: fixed;
     left: 0;
     top: 0;
     /* position: relative; */
     display: flex;
     justify-content: center;
     padding: 20px;
     z-index: 1000;
     background-color: #FFFFFF;
     -webkit-box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, .2);
     -moz-box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, .2);
     box-shadow: 2px 2px 3px 2px rgba(0, 0, 0, .2);
     z-index: 1000;
 }

 .header-content {
     width: 100%;
     max-width: 1440px;
     margin: 0 auto;
     display: flex;
     justify-content: space-between;
     align-items: center;
     background-color: #FFFFFF;
 }

 /* ========================================================== 
SUBFOOT =====================================================
========================================================== */

 .subfoot {
     width: 100%;
     position: relative;

 }

 .take-action-text {
     display: flex;
     padding: 40px 30% 40px 40px;
     flex-direction: column;
     /* align-items: center; */
     border-radius: 16px;
     background: #0E2A5B;
     background-image: url("data:image/svg+xml,%3Csvg version='1.0' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 720 469' style='enable-background:new 0 0 720 469;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:none;stroke:%23E5007D;stroke-width:3.8413;%7D%0A%3C/style%3E%3Cpath class='st0' d='M720,459.9'/%3E%3Cpath class='st0' d='M720,252.6'/%3E%3Cpath class='st0' d='M720,459.9c-113.5-37.8-213.5-128-256.5-342.3C458.4,92.1,453.3,67.9,448,45c-4.5-19.8-6.5-27.8-11-45'/%3E%3Cpath class='st0' d='M720,41c-15.4-1.5-29.2-2.4-45.2-3c-27.4-1.1-57.9-1.1-92,0c-47.8,1.5-92.6,4.2-134.7,7 C266.6,57.1,134.4,71.1,17,0'/%3E%3Cpath class='st0' d='M627.5,0c26.9,8.8,45.3,21,47.2,38c1.3,11.1-4.5,24.2-19.4,39.8c-96.8,100.4-108.9,180-77.8,214.6 c29.1,32.4,102,1.2,142.5-39.8'/%3E%3Cpath class='st0' d='M898,45'/%3E%3C/svg%3E");
     background-repeat: no-repeat;
     background-position: top right;
     background-size: 50%;
 }

 .take-action-text h2 {
     color: #FFF;
     text-align: left;
     font-style: normal;
     font-weight: 700;
     font-size: 48px;
     margin-bottom: 10px;
 }

 .take-action-text p {
     color: #FFF;
     text-align: left;
     font-style: normal;
     font-weight: 400;
 }

 .subfoot .readmore-wrapper {
     width: 100%;
     display: flex;
     gap: 10px;
     padding: 60px 0;
     border-bottom: 6px solid #0E2A5B;
 }

 .subfoot .readmore-item {
     flex: 1;
     /* display: flex; */
 }

 .subfoot .readmore-item img {
     width: 100%;
     height: auto;
     border-radius: 16px;
 }

 .subfoot .readmore-item h3 {
     color: #0E2A5B;
     font-size: 24px;
     font-style: normal;
     font-weight: 700;
     line-height: normal;
     margin: 10px 0 5px 0;
 }

 .subfoot .readmore-item a {
     color: #E32449;
     font-size: 16px;
     font-style: normal;
     font-weight: 700;
     text-decoration: none;
 }

 .subfoot .readmore-item a::after {
     content: " >";
     margin-left: 5px;
 }

 .subfoot .readmore-item a:hover {
     color: #0E2A5B;
 }


 .subfoot .references {
     width: 100%;
     display: flex;
     justify-content: center;
     margin: 40px 0;
 }

 .subfoot .reference-content {
     width: 80%;
 }

 .subfoot .reference-content .ref-link {
     display: flex;
     align-items: center;
     justify-content: space-between;
     padding: 10px 0;
     cursor: pointer;
 }

 .subfoot .reference-content .ref-link .ref-arrow {
     width: 24px;
     height: 24px;
     background-image: url("data:image/svg+xml,%3Csvg version='1.0' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 24 25' style='enable-background:new 0 0 24 25;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%230E2A5B;%7D%0A%3C/style%3E%3Cpath class='st0' d='M12,8.2l-6,6l1.4,1.4L12,11l4.6,4.6l1.4-1.4L12,8.2z'/%3E%3C/svg%3E%0A");
     background-repeat: no-repeat;
     background-position: center right;
 }

 .subfoot .reference-content .ref-link h2 {
     width: 100%;
     padding: 10px 0;
     font-size: 14px;
     text-align: left;
     color: #0E2A5B;
     margin: 0;
     -webkit-transition: all 200ms ease;
     -moz-transition: all 200ms ease;
     -ms-transition: all 200ms ease;
     -o-transition: all 200ms ease;
     transition: all 200ms ease;
     cursor: pointer;
 }

 .subfoot .reference-content .ref-link:hover h2 {
     color: #B0C5EC;
 }

 .subfoot .reference-content .ref-link:hover .ref-arrow {
     background-image: url("data:image/svg+xml,%3Csvg version='1.0' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 24 25' style='enable-background:new 0 0 24 25;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23B0C5EC;%7D%0A%3C/style%3E%3Cpath class='st0' d='M12,8.2l-6,6l1.4,1.4L12,11l4.6,4.6l1.4-1.4L12,8.2z'/%3E%3C/svg%3E%0A");
 }

 /* Base state - define transition here */
 .subfoot .reference-content .ref-arrow {
     transition: transform 0.6s ease;
     transform: rotate(0deg);
     /* Starting position */
 }

 /* Toggled state - when rot-arrow class is added */
 .subfoot .reference-content .ref-arrow.rot-arrow {
     transform: rotate(180deg);
 }

 .subfoot .reference-content ol {
     display: none
 }

 .subfoot .reference-content ol li {
     font-size: 14px;
     text-align: left;
     color: #0E2A5B;
     margin-bottom: 10px;
 }


 /* ========================================================== 
FOOTER ======================================================
========================================================== */

 .footer {
     width: 100%;
     position: relative;
     display: flex;
     justify-content: center;
     padding: 20px;
     z-index: 1000;
     border-radius: 16px;
     background-color: #0E2A5B;
 }

 .footer-content {
     width: 100%;
     max-width: 1440px;
 }

 .footer-content .logo {
     width: 100%;
     display: flex;
     justify-content: center;
     padding: 60px 0px 40px;
 }

 .footer-disclaimers {
     width: 100%;
     display: flex;
     justify-content: space-between;
     align-items: flex-end;
     padding: 4rem 0;
     border-top: 1px solid #FFFFFF;
 }

 .footer-disclaimers p {
     font-size: 14px;
     color: #FFFFFF;
     padding-bottom: 5px;
 }


 /* ========================================================== 
CONTENT =====================================================
========================================================== */

 .main {
     width: 100%;
     position: relative;
     display: flex;
     justify-content: center;
     padding: 0;
     /* background-color: #999999; */
 }

 .page-container {
     width: 100%;
     max-width: 1440px;
     background-color: #FFFFFF;
     padding-top: 98px;
 }

 .content-block {
     width: 100%;
     padding: 0px 150px 150px 150px;
 }

 .column-wrap {
     display: flex;
     justify-content: space-between;
     width: 100%;
 }

 .column {
     width: 50%;
 }

 .indent-text {
     width: 75%;
     margin-left: auto;
     margin-top: 80px;
     padding: 10px 10% 10px 20px;
     position: relative;
 }

 .indent-text h3 {
     font-size: 24px;
     margin: 0 0 10px 0;
 }

 .indent-text::before {
     content: '';
     position: absolute;
     left: 0;
     top: 0px;
     bottom: 0px;
     width: 6px;
     background-color: #E5007D;
     border-radius: 3px;
     /* makes the ends rounded */
 }

 .nonindent-text {
     width: 100%;
     position: relative;
 }

 .image-footnote p {
     font-size: 14px;
     color: #000000;
     margin-top: 5px;
     padding-top: 20px;
 }


 /* ========================================================== 
HERO SECTION ================================================
========================================================== */

 .hero-content {
     margin-bottom: 150px;
 }

 .hero-content .content-block {
     width: 100%;
     padding: 120px 150px 50px 150px;
 }

 .hero-content .content-block-no-pad-top-bottom {
     width: 100%;
     padding: 0 150px;
 }

 .hero-content .no-pad {
     padding: 0px !important;
 }

 .hero-content .secondary-image {
     min-height: 420px;
     background-repeat: no-repeat;
     background-size: cover;
     background-position: center;
 }

 .hero-content a.cta {
     display: inline-block;
     padding: 0.75rem 2.5rem;
     background-color: #0E2A5B;
     color: #FFFFFF;
     text-decoration: none;
     font-family: 'source-sans-pro', sans-serif;
     font-size: 16px;
     font-weight: 400;
     border-radius: 25px;
     transition: all 0.3s ease;
     white-space: nowrap;
     margin-bottom: 30px;
     -webkit-transition: all 200ms ease;
     -moz-transition: all 200ms ease;
     -ms-transition: all 200ms ease;
     -o-transition: all 200ms ease;
     transition: all 200ms ease;
 }

 .hero-content a:hover.cta {
     background-color: #6E7F9D;
 }

 .hero-content .hero-left-text {
     width: 50%;
     display: flex;
     flex-direction: column;
     justify-content: space-between;
     padding: 70px 35px 70px 150px;
 }

 .hero-content .hero-left-text h3 {
     font-size: 32px;
     font-weight: 700;
     color: #FFFFFF;
 }

 .hero-content .hero-left-text ul {
     color: #FFFFFF;
     margin-top: 50px;
 }

 .hero-content .hero-left-text ul li {
     background-image: url("data:image/svg+xml,%3Csvg id='Layer_1' xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 12 12'%3E%3C!-- Generator: Adobe Illustrator 29.0.0, SVG Export Plug-In . SVG Version: 2.1.0 Build 186) --%3E%3Cdefs%3E%3Cstyle%3E .st0 %7B fill: %23fff; %7D %3C/style%3E%3C/defs%3E%3Cpath class='st0' d='M10.8,6c0-2.7-2.1-4.8-4.8-4.8S1.2,3.3,1.2,6s2.1,4.8,4.8,4.8v1.2c-3.3,0-6-2.7-6-6S2.7,0,6,0s6,2.7,6,6-2.7,6-6,6v-1.2c2.7,0,4.8-2.1,4.8-4.8Z'/%3E%3C/svg%3E");
     background-position: 0px 8px;
 }


 /* Discover button */

 .hero-content .discover-btn-wrap {
     display: flex;
     justify-content: center;
     align-items: center;
     width: 100%;
     margin: 40px 0px 0px 0px;
     padding: 0px;
 }

 .hero-content .discover-btn-container {
     display: flex;
     justify-content: center;
     align-items: center;
     width: auto;
 }

 .hero-content .discover-btn-container:hover>.discover-btn {
     background-color: #888888;
 }

 .hero-content .discover-btn {
     width: 58px;
     height: 58px;
     border-radius: 50%;
     background-image: url("data:image/svg+xml,%3Csvg id='Layer_1' xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 36 35'%3E%3C!-- Generator: Adobe Illustrator 29.0.0, SVG Export Plug-In . SVG Version: 2.1.0 Build 186) --%3E%3Cdefs%3E%3Cstyle%3E .st0 %7B fill: %23fff; %7D %3C/style%3E%3C/defs%3E%3Cpath class='st0' d='M17.5,0c.3,0,.5.2.5.5v16h17c.3,0,.5.2.5.5s-.2.5-.5.5h-17v17c0,.3-.2.5-.5.5s-.5-.2-.5-.5v-17H1c-.3,0-.5-.2-.5-.5s.2-.5.5-.5h16V.5C17,.2,17.2,0,17.5,0Z'/%3E%3C/svg%3E");
     background-repeat: no-repeat;
     background-position: center;
     background-size: 35px;
     background-color: #1A1A1A;
     cursor: pointer;
     -webkit-transition: all 200ms ease;
     -moz-transition: all 200ms ease;
     -ms-transition: all 200ms ease;
     -o-transition: all 200ms ease;
     transition: all 200ms ease;
 }

 .hero-content .discover-btn-lbl p {
     font-family: 'source-sans-pro', sans-serif;
     font-size: 16px;
     font-weight: 300;
     text-decoration: none;
     text-transform: uppercase;
     color: #1A1A1A;
     margin: 0px 0px 0px 10px;
 }





 /* ========================================================== 
PRIMARY NAV =================================================
========================================================== */


 .primary-nav {
     display: flex;
     justify-content: space-evenly;
     align-items: center;
     padding: 1rem 0;
     background-color: transparent;
 }

 .primary-nav ul {
     display: flex;
     list-style: none;
     list-style-type: none;
     margin: 0;
     padding: 0;
     width: 100%;
     justify-content: space-evenly;
 }

 .primary-nav li {
     margin: 0;
     margin: 0 1rem;
     background-image: none;
     padding-left: 0;
 }

 .primary-nav li:last-child {
     margin-right: 0;
 }

 .primary-nav a {
     display: inline-block;
     padding: 0.75rem 1.5rem;
     background-color: #FFFFFF;
     color: #1a1a1a;
     text-decoration: none;
     font-family: 'Source Sans Pro', Arial, sans-serif;
     font-size: 16px;
     font-weight: 600;
     border-radius: 25px;
     transition: all 0.3s ease;
     white-space: nowrap;
     -webkit-transition: all 200ms ease;
     -moz-transition: all 200ms ease;
     -ms-transition: all 200ms ease;
     -o-transition: all 200ms ease;
     transition: all 200ms ease;
 }

 .primary-nav a:hover {
     color: #0044C2;
 }


 .primary-nav .current-menu-item a {
     background-color: #F4F1E3;
     font-weight: 600;
     pointer-events: none;
 }

 .navTrigger {
     width: 50px;
     height: 50px;
     padding: 15px 10px;
     display: none;
     flex-direction: column;
     justify-content: space-between;
     cursor: pointer;

 }

 .navTrigger span {
     width: 100%;
     height: 3px;
     background-color: #1A1A1A;
 }



 /* ========================================================== 
FOOTER NAV ==================================================
========================================================== */


 .footer-nav {
     display: flex;
     justify-content: space-evenly;
     align-items: center;
     padding: 1rem 0;
     margin-bottom: 8rem;
     background-color: transparent;
 }

 .footer-nav ul {
     display: flex;
     list-style: none;
     list-style-type: none;
     margin: 0;
     padding: 0;
     width: 100%;
     justify-content: space-between;
 }

 .footer-nav li {
     margin: 0 1.25rem;
     background-image: none;
     padding-left: 0;
 }

 .footer-nav li:last-child {
     margin-right: 0;
 }

 .footer-nav li:first-child {
     margin-left: 0;
 }

 .footer-nav a {
     display: inline-block;
     padding: 0.75rem 0rem;
     color: #FFFFFF;
     text-decoration: none;
     font-family: 'Source Sans Pro', Arial, sans-serif;
     font-size: 16px;
     font-weight: 600;
     transition: all 0.3s ease;
     white-space: nowrap;
     -webkit-transition: all 200ms ease;
     -moz-transition: all 200ms ease;
     -ms-transition: all 200ms ease;
     -o-transition: all 200ms ease;
     transition: all 200ms ease;
 }

 .footer-nav a:hover {
     color: #B0C5EC;
 }



 /* ========================================================== 
FOOTER NAV LEGALS ===========================================
========================================================== */


 .footer-nav-legals {
     display: flex;
     justify-content: space-evenly;
     align-items: center;
     padding: 1rem 0;
     background-color: transparent;
 }

 .footer-nav-legals ul {
     display: flex;
     list-style: none;
     list-style-type: none;
     margin: 0;
     padding: 0;
     /* width: 100%; */
     justify-content: space-between;
 }

 .footer-nav-legals li {
     margin: 0;
     margin: 0 1rem;
     background-image: none;
     padding-left: 0;
 }

 .footer-nav-legals li:last-child {
     margin-right: 0;
 }

 .footer-nav-legals a {
     display: inline-block;
     padding: 0.75rem 1.5rem;
     color: #FFFFFF;
     text-decoration: none;
     font-family: 'Source Sans Pro', Arial, sans-serif;
     font-size: 14px;
     font-weight: 400;
     transition: all 0.3s ease;
     text-decoration: underline;
     white-space: nowrap;
     -webkit-transition: all 200ms ease;
     -moz-transition: all 200ms ease;
     -ms-transition: all 200ms ease;
     -o-transition: all 200ms ease;
     transition: all 200ms ease;
 }

 .footer-nav-legals li:last-child>a {
     padding-right: 0;
 }

 .footer-nav-legals a:hover {
     color: #B0C5EC;
 }


 /* ========================================================== 
PAGE 1 | LOW CALCIUM, BIG IMPACT PAGE =======================
========================================================== */

 /* section 1 */

 .low-calcium-big-impact .p1-s1 .gallery-grid {
     width: 100%;
     position: relative;
     display: flex;
     justify-content: space-between;
     margin-top: 40px;
 }

 .low-calcium-big-impact .p1-s1 .gallery-grid .bg {
     position: absolute;
     top: 12px;
     right: 0px;
     bottom: 18px;
     left: 70px;
     background-color: #F5F5F5;
     border-radius: 16px;
 }

 .low-calcium-big-impact .p1-s1 .gallery-card {
     width: 33.333333%;
     display: flex;
     z-index: 1;
 }

 .low-calcium-big-impact .p1-s1 .gallery-card img {
     width: 140px;
     height: 140px;
     margin: 0px 10px 0px 0px;
 }

 .low-calcium-big-impact .p1-s1 .gallery-card .card-content {
     padding: 22px 15px 28px 0px;
 }

 .low-calcium-big-impact .p1-s1 .gallery-card .card-content li {
     font-size: 14px;
     line-height: 1.4;
     margin-bottom: 0px;
     background-position: 0px 7px;
 }

 .low-calcium-big-impact .p1-s1 .gallery-card .card-content h4 {
     font-size: 16px;
     font-weight: 700;
 }

 .low-calcium-big-impact .s1-table .table-wrap {
     width: 100%;
     background-color: #DCD1A5;
     border-radius: 16px;
     display: flex;
 }

 .low-calcium-big-impact .s1-table .table-wrap .table-col {
     width: 50%;
     display: flex;
     padding: 0 0 0 48px;
     justify-content: center;
     align-items: center;
 }

 .low-calcium-big-impact .s1-table .table-wrap .table-col-1 {
     width: 40%;
 }

 .low-calcium-big-impact .s1-table .table-wrap .table-col-2 {
     width: 60%;
     display: flex;
     flex-direction: column;
 }

 .low-calcium-big-impact .s1-table .table-wrap .table-col .table-item {
     width: 100%;
     padding: 16px 48px;
     min-height: 124px;
 }

 .low-calcium-big-impact .s1-table .table-wrap h3 {
     font-size: 32px;
     color: #0E2A5B;
 }

 .low-calcium-big-impact .s1-table .table-wrap h4 {
     font-size: 24px;
     color: #cccccc;
     padding-bottom: 20px;
 }

 .low-calcium-big-impact .s1-table .table-wrap .table-col .table-item-0 {
     padding: 16px 0 16px 0;
 }

 .low-calcium-big-impact .s1-table .table-wrap .table-col .table-item-1 {
     background-color: #314496;
     border-top-right-radius: 16px;
 }

 .low-calcium-big-impact .s1-table .table-wrap .table-col .table-item-2 {
     background-color: #7582B9;
 }

 .low-calcium-big-impact .s1-table .table-wrap .table-col .table-item-3 {
     background-color: #A0A9CF;
     border-bottom-right-radius: 16px;
 }

 .low-calcium-big-impact .s1-table .table-wrap .table-col h3 {
     text-align: right;
     margin: 0;
 }

 .low-calcium-big-impact .s1-table .table-wrap .table-col h4 {
     color: #FFFFFF;
     position: relative;
     padding-bottom: 15px;
 }

 .low-calcium-big-impact .s1-table .table-wrap .table-col h4::after {
     content: '';
     display: block;
     width: 130px;
     height: 3px;
     background-color: #E5007D;
     margin-top: 5px;
 }

 .low-calcium-big-impact .s1-table .table-wrap .table-col p,
 .s1-table .table-wrap .table-col li {
     color: #FFFFFF;
     margin: 0;
 }

 .low-calcium-big-impact .s1-table .table-wrap .table-col li {
     background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 10 10' style='enable-background:new 0 0 10 10;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23FFFFFF;%7D%0A%3C/style%3E%3Ccircle class='st0' cx='3' cy='5' r='3'/%3E%3C/svg%3E");
 }


 /* section 2 */

 .low-calcium-big-impact .p1-s2 .gallery-grid {
     width: 100%;
     position: relative;
     display: flex;
     gap: 20px;
     justify-content: space-between;
     align-items: center;
 }

 .low-calcium-big-impact .p1-s2 .gallery-card {
     display: grid;
     z-index: 1;
 }

 .low-calcium-big-impact .p1-s2 .gallery-card img {
     width: 140px;
     height: 140px;
     margin: 0px 10px 0px 0px;
 }

 .low-calcium-big-impact .p1-s2 .gallery-card .card-content {
     padding: 0px;
 }

 .low-calcium-big-impact .p1-s2 .gallery-card .maxcontent {
     width: max-content;
     padding: 0px;
 }

 .low-calcium-big-impact .p1-s2 .gallery-card .card-content li {
     line-height: 1.4;
     margin-bottom: 0px;
     background-position: 0px 7px;
 }

 .low-calcium-big-impact .p1-s2 .gallery-card .card-content p {
     margin-bottom: 0px;
 }

 .low-calcium-big-impact .p1-s2 .gallery-card .card-content h3 {
     margin-bottom: 10px;
 }

 .low-calcium-big-impact .p1-s2 .gallery-card .card-content h4 {
     font-size: 16px;
     font-weight: 700;
 }

 .low-calcium-big-impact .p1-s2 .gallery-card .card-content .roundy-arrow {
     width: fit-content;
     display: inline-flex;
     justify-content: center;
     align-items: center;
     background-color: #FFFFFF;
 }

 .low-calcium-big-impact .p1-s2 .gallery-card .card-content .roundy-arrow p {
     font-size: 24px;
     font-weight: 700;
     color: #DCD1A5;
     margin: 0;
     padding: 20px 80px 20px 40px;
     white-space: nowrap;
     border-top-left-radius: 16px;
     border-bottom-left-radius: 16px;
     background-image: url("data:image/svg+xml,%3Csvg version='1.0' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 550.1 74' style='enable-background:new 0 0 550.1 74;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23314597;%7D%0A%3C/style%3E%3Cpath class='st0' d='M0,73.8h512.3c2.7,0,5.3-1,7.2-2.9L546.1,45c3.9-3.8,4-10,0.2-14L519.5,3.3c-1.9-2-4.6-3.1-7.4-3.1H0V73.8z'/%3E%3C/svg%3E");
     background-repeat: no-repeat;
     background-position: center right;
     background-size: cover;
 }


 /* ========================================================== 
PAGE 2 | WHAT IS ADHD1 ======================================
========================================================== */

 /* section 1 */

 .what-is-adhd1 .hero-left-text h3 {
     color: #314496;
 }

 .what-is-adhd1 .hero-content .hero-left-text ul li {
     color: #314496;
     background-image: url("data:image/svg+xml,%3Csvg id='Layer_1' xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 12 12'%3E%3C!-- Generator: Adobe Illustrator 29.0.0, SVG Export Plug-In . SVG Version: 2.1.0 Build 186) --%3E%3Cdefs%3E%3Cstyle%3E .st0 %7B fill: %23314496; %7D %3C/style%3E%3C/defs%3E%3Cpath class='st0' d='M10.8,6c0-2.7-2.1-4.8-4.8-4.8S1.2,3.3,1.2,6s2.1,4.8,4.8,4.8v1.2c-3.3,0-6-2.7-6-6S2.7,0,6,0s6,2.7,6,6-2.7,6-6,6v-1.2c2.7,0,4.8-2.1,4.8-4.8Z'/%3E%3C/svg%3E");
 }

 .what-is-adhd1 .hero-content a.cta {
     background-color: #314496;
 }

 .what-is-adhd1 .hero-content a:hover.cta {
     background-color: #838FC0;
 }

 .what-is-adhd1 .p2-s1 .gallery-grid {
     width: 100%;
     position: relative;
     display: flex;
     justify-content: space-between;
     margin-top: 40px;
 }

 .what-is-adhd1 .p2-s1 .gallery-grid .bg {
     position: absolute;
     top: 12px;
     right: 0px;
     bottom: 18px;
     left: 70px;
     background-color: #F5F5F5;
     border-radius: 16px;
 }

 .what-is-adhd1 .p2-s1 .gallery-card {
     width: 33.333333%;
     display: flex;
     z-index: 1;
 }

 .what-is-adhd1 .p2-s1 .gallery-card img {
     width: 140px;
     height: 140px;
     margin: 0px 10px 0px 0px;
 }

 .what-is-adhd1 .p2-s1 .gallery-card .card-content {
     display: flex;
     flex-direction: column;
     justify-content: flex-start;
     padding: 22px 15px 28px 0px;
 }

 .what-is-adhd1 .p2-s1 .gallery-card .card-content .emph {
     font-size: 24px;
     font-weight: 700;
     line-height: 1.2;
     margin: 0;
 }

 .what-is-adhd1 .p2-s1 .gallery-card .card-content li {
     font-size: 14px;
     line-height: 1.4;
     margin-bottom: 0px;
     background-position: 0px 7px;
 }

 .what-is-adhd1 .p2-s1 .gallery-card .card-content h4 {
     font-size: 16px;
     font-weight: 700;
 }














 .what-is-adhd1 .p2-s1 .slider-container {
     width: 100%;
     position: relative;
     background: white;
 }

 .what-is-adhd1 .p2-s1 .comparison-container {
     position: relative;
     width: 100%;
     margin: 0 auto;
     border-radius: 15px;
     overflow: hidden;
     cursor: ew-resize;
     user-select: none;
 }

 .what-is-adhd1 .p2-s1 .comparison-container::before {
     content: '';
     display: block;
     padding-bottom: 56.25%;
     /* 16:9 aspect ratio */
 }

 .what-is-adhd1 .p2-s1 .image-container {
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
 }

 .what-is-adhd1 .p2-s1 .before-image,
 .after-image {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     object-fit: cover;
     object-position: center;
 }

 .what-is-adhd1 .p2-s1 .after-image {
     clip-path: inset(0 50% 0 0);
     transition: clip-path 0.1s ease-out;
 }

 .what-is-adhd1 .p2-s1 .slider {
     position: absolute;
     top: 0;
     left: 50%;
     width: 4px;
     height: 100%;
     background: white;
     transform: translateX(-50%);
     z-index: 10;
     transition: left 0.1s ease-out;
 }

 .what-is-adhd1 .p2-s1 .slider-handle {
     position: absolute;
     top: 50%;
     left: 50%;
     width: 68px;
     height: 68px;
     background: #0044C2;
     border: 4px solid #FFFFFF;
     border-radius: 50%;
     transform: translate(-50%, -50%);
     box-shadow: 0 4px 12px rgba(0, 0, 0, 0.6);
     display: flex;
     align-items: center;
     justify-content: center;
     background-image: url("data:image/svg+xml,%3Csvg version='1.0' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 69 69' style='enable-background:new 0 0 69 69;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23FFFFFF;%7D%0A%3C/style%3E%3Cpath class='st0' d='M25.5,45.7c-0.6,0-1.1-0.2-1.5-0.6L13.4,34.5L24,24c0.8-0.8,2.2-0.8,3.1,0c0.8,0.8,0.8,2.2,0,3.1l-7.5,7.5 L27,42c0.8,0.8,0.8,2.2,0,3.1C26.6,45.5,26,45.7,25.5,45.7z'/%3E%3Cpath class='st0' d='M43.5,45.7c-0.6,0-1.1-0.2-1.5-0.6c-0.8-0.8-0.8-2.2,0-3.1l7.5-7.5L42,27c-0.8-0.8-0.8-2.2,0-3.1 c0.8-0.8,2.2-0.8,3.1,0l10.5,10.5L45.1,45.1C44.6,45.5,44.1,45.7,43.5,45.7z'/%3E%3C/svg%3E");
     background-repeat: no-repeat;
     background-position: center;
     background-size: 68px;
 }

 /* Mobile optimizations */
 /* @media (max-width: 768px) {
            .what-is-adhd1 .p2-s1 .slider-container {
                padding: 20px;
                margin: 10px;
            }


            .what-is-adhd1 .p2-s1 .slider-handle {
                width: 35px;
                height: 35px;
                font-size: 16px;
            }

        } */
 /* 
        @media (max-width: 480px) {
            .what-is-adhd1 .p2-s1 .comparison-container::before {
                padding-bottom: 75%;
            }
            
            .what-is-adhd1 .p2-s1 .slider-handle {
                width: 30px;
                height: 30px;
                font-size: 14px;
            }
        } */
























 /* section 2 */

 .what-is-adhd1 .p2-s3 .table-container {
     width: 100%;
     display: flex;
     gap: 0px;
     background-color: white;
 }

 .what-is-adhd1 .p2-s3 .table-container .col {
     width: 50%;
     /* Fixed: Changed from 100% to 50% */
     display: flex;
     gap: 0px;
     margin: 0 auto;
     background-color: white;
 }

 .what-is-adhd1 .p2-s3 .child-div {
     width: auto;
     padding: 20px;
     color: white;
     font-weight: bold;
     text-align: left;
     /* display: flex;
    align-items: center;
    justify-content: center;
    min-height: 120px; */
 }

 .what-is-adhd1 .p2-s3 .stacked {
     display: flex;
     flex-direction: column;
     width: 100%;
     /* Fixed: Changed from fill-available to 100% */
     flex: 1;
     /* Added: Makes it take remaining space */

 }

 .what-is-adhd1 .p2-s3 .bordered {
     border-right: 2px solid #FFFFFF;
 }

 .what-is-adhd1 .p2-s3 .child-1 {
     background-color: #DCD1A5;
     writing-mode: sideways-lr;
     text-orientation: mixed;
 }

 .what-is-adhd1 .p2-s3 .child-2 {
     background-color: #314496;
     /* flex: 1; */
 }

 .what-is-adhd1 .p2-s3 .child-3 {
     background-color: #7582B9;
     /* flex: 1; */
 }

 .what-is-adhd1 .p2-s3 .child-4 {
     background-color: #7582B9;
     padding: 0 !important;
 }

 .what-is-adhd1 .p2-s3 .child-5 {
     background-color: #DCD1A5;
     writing-mode: sideways-rl;
     text-orientation: mixed;
 }

 .what-is-adhd1 .p2-s3 .nested-div {
     padding: 20px;
 }

 .what-is-adhd1 .p2-s3 .child-4 .col1 {
     background-color: #7582B9;
 }

 .what-is-adhd1 .p2-s3 .child-4 .col2 {
     background-color: #A0A9CF;
 }

 .what-is-adhd1 .p2-s3 .round-left {
     border-bottom-left-radius: 16px;
     border-top-left-radius: 16px;
 }

 .what-is-adhd1 .p2-s3 .round-right {
     border-bottom-right-radius: 16px;
     border-top-right-radius: 16px;
 }

 .what-is-adhd1 .p2-s3 .table-container h3 {
     position: relative;
     padding-bottom: 10px;
     font-size: 32px;
     color: #FFFFFF;
     margin: 0 0 20px 0;
     font-weight: 700;
     text-align: left;
 }

 .what-is-adhd1 .p2-s3 .table-container h3::after {
     content: '';
     position: absolute;
     bottom: 0;
     left: 0;
     width: 130px;
     height: 3px;
     background-color: #E5007D;
 }

 .what-is-adhd1 .p2-s3 .table-container ul li {
     background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 10 10' style='enable-background:new 0 0 10 10;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23FFFFFF;%7D%0A%3C/style%3E%3Ccircle class='st0' cx='3' cy='5' r='3'/%3E%3C/svg%3E");
     color: #FFFFFF;
 }

 .what-is-adhd1 .p2-s3 .table-container p {
     color: #FFFFFF;
 }

 .what-is-adhd1 .p2-s3 .table-container .child-5 p,
 .what-is-adhd1 .p2-s3 .table-container .child-1 p {
     font-size: 20px;
     font-weight: 700;
     color: #314496;
     margin: 0;
     text-align: center;
 }


 /* @media (max-width: 768px) {
    .parent-container {
        flex-direction: column;
        gap: 15px;
        padding: 15px;
    }
    .child-1 {
        writing-mode: horizontal-tb;
        text-orientation: unset;
        flex: unset;
        min-height: 120px;
        width: 100%;
    }
    .child-div {
        min-height: 100px;
        padding: 15px;
    }
} */

 .what-is-adhd1 .p2-s3 span.light-text {
     font-weight: 200;
 }



 /* ========================================================== 
PAGE 3 | GET DIAGNOSED ======================================
========================================================== */

 /* section 1 */
 .getting-diagnosed .hero-left-text h3 {
     color: #DCD1A5;
 }

 .getting-diagnosed .hero-content .hero-left-text ul li {
     color: #DCD1A5;
     background-image: url("data:image/svg+xml,%3Csvg id='Layer_1' xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 12 12'%3E%3C!-- Generator: Adobe Illustrator 29.0.0, SVG Export Plug-In . SVG Version: 2.1.0 Build 186) --%3E%3Cdefs%3E%3Cstyle%3E .st0 %7B fill: %23DCD1A5; %7D %3C/style%3E%3C/defs%3E%3Cpath class='st0' d='M10.8,6c0-2.7-2.1-4.8-4.8-4.8S1.2,3.3,1.2,6s2.1,4.8,4.8,4.8v1.2c-3.3,0-6-2.7-6-6S2.7,0,6,0s6,2.7,6,6-2.7,6-6,6v-1.2c2.7,0,4.8-2.1,4.8-4.8Z'/%3E%3C/svg%3E");
 }

 .getting-diagnosed .hero-content a.cta {
     color: #0E2A5B;
     background-color: #DCD1A5;
 }

 .getting-diagnosed .hero-content a:hover.cta {
     background-color: #EAE3C9;
 }

 .getting-diagnosed .p3-s1 .bordered-box {
     width: 100%;
     padding: 20px 0;
     border-top: 4px solid #B0C5EC;
     border-bottom: 4px solid #B0C5EC;
 }

 .getting-diagnosed .p3-s1 .bordered-box h3 {
     text-align: center;
     margin: 0;
 }

 .getting-diagnosed .p3-s1 .table-container {
     display: flex;
     flex-direction: column;
     gap: 10px;
 }

 .getting-diagnosed .p3-s1 .full-row {
     width: 100%;
     padding: 24px;
     border-radius: 16px;
 }

 .getting-diagnosed .p3-s1 .split-row {
     display: flex;
     gap: 10px;
 }

 .getting-diagnosed .p3-s1 .half {
     flex: 1;
     padding: 24px;
     border-radius: 16px;
 }

 .getting-diagnosed .p3-s1 .col1 {
     background-color: #314496;
 }

 .getting-diagnosed .p3-s1 .col2 {
     background-color: #586CB5;
 }

 .getting-diagnosed .p3-s1 .col3 {
     background-color: #A0A9CF;
 }

 .getting-diagnosed .p3-s1 .col4 {
     background-color: #DCD1A5;
     padding: 40px;
 }

 .getting-diagnosed .p3-s1 .table-container h2 {
     position: relative;
     padding-bottom: 10px;
     font-size: 32px;
     color: #FFFFFF;
     margin: 0 0 20px 0;
     font-weight: 700;
     text-align: left;
 }

 .getting-diagnosed .p3-s1 .table-container h2::after {
     content: '';
     position: absolute;
     bottom: 0;
     left: 0;
     width: 130px;
     height: 3px;
     background-color: #E5007D;
 }

 .getting-diagnosed .p3-s1 .table-container h3 {
     position: relative;
     font-size: 24px;
     color: #FFFFFF;
     margin: 0 0 20px 0;
     font-weight: 700;
     text-align: left;
 }

 .getting-diagnosed .p3-s1 .table-container p {
     color: #FFFFFF;
 }

 .getting-diagnosed .p3-s1 .table-container ul {
     margin-bottom: 20px;
 }

 .getting-diagnosed .p3-s1 .table-container ul li {
     background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 10 10' style='enable-background:new 0 0 10 10;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23FFFFFF;%7D%0A%3C/style%3E%3Ccircle class='st0' cx='3' cy='5' r='3'/%3E%3C/svg%3E");
     color: #FFFFFF;
 }

 .getting-diagnosed .p3-s1 .table-container .col4 h2 {
     text-align: center;
     color: #314496;
     padding-bottom: 0;
 }

 .getting-diagnosed .p3-s1 .table-container .col4 p {
     text-align: center;
     color: #314496;
 }

 .getting-diagnosed .p3-s1 .table-container h2::after {
     content: unset;
 }

 .getting-diagnosed .p3-s1 .table-container a.cta {
     margin: 30px 0 30px 0;
     background-color: #314496;
     color: #FFFFFF;
 }

 /* section 3 */

 .getting-diagnosed .p3-s3 .patient-wrap {
     width: 100%;
     margin: 60px 0 0 0;
 }

 .getting-diagnosed .p3-s3 .patient-block {
     width: 100%;
     display: flex;
     justify-content: space-between;
     margin: 40px 0 60px 0;
 }

 .getting-diagnosed .p3-s3 .patient-block:last-child {
     margin: 40px 0 0 0;
 }

 .getting-diagnosed .p3-s3 .column-30 {
     flex: 0 0 29%;
 }

 .getting-diagnosed .p3-s3 .column-70 {
     flex: 0 0 69%;
 }

 .getting-diagnosed .p3-s3 .quote {
     width: 100%;
     padding: 20px 10px;
     margin: 40px 0;
     border-top: 4px solid #B0C5EC;
     border-bottom: 4px solid #B0C5EC;
 }

 .getting-diagnosed .p3-s3 .quote h4 {
     font-size: 20px;
     font-weight: 700;
     text-align: center;
     color: #0044C2;
     margin: 0 0 20px 0;
 }

 .getting-diagnosed .p3-s3 .quote p {
     font-size: 20px;
     font-weight: 200;
     text-align: center;
     color: #0044C2;
     margin: 0 0 0 0;
 }

 .getting-diagnosed .p3-s3 .image-footnote p {
     padding-top: 0px;
 }



 /* ========================================================== 
PAGE 4 | Managing ADHD1 ======================================
========================================================== */

 /* section 1 */

 .managing-adhd1 .flex-center {
     display: flex;
     justify-content: center;
 }

 .managing-adhd1 .hero-left-text h3 {
     color: #E2F4FC;
 }

 .managing-adhd1 .hero-content .hero-left-text ul li {
     color: #E2F4FC;
     background-image: url("data:image/svg+xml,%3Csvg id='Layer_1' xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 12 12'%3E%3C!-- Generator: Adobe Illustrator 29.0.0, SVG Export Plug-In . SVG Version: 2.1.0 Build 186) --%3E%3Cdefs%3E%3Cstyle%3E .st0 %7B fill: %23E2F4FC; %7D %3C/style%3E%3C/defs%3E%3Cpath class='st0' d='M10.8,6c0-2.7-2.1-4.8-4.8-4.8S1.2,3.3,1.2,6s2.1,4.8,4.8,4.8v1.2c-3.3,0-6-2.7-6-6S2.7,0,6,0s6,2.7,6,6-2.7,6-6,6v-1.2c2.7,0,4.8-2.1,4.8-4.8Z'/%3E%3C/svg%3E");
 }

 .managing-adhd1 .hero-content a.cta {
     color: #445D67;
     background-color: #E2F4FC;
 }

 .managing-adhd1 .hero-content a:hover.cta {
     background-color: #8F9EA4;
 }

 .managing-adhd1 .p4-s1 .gallery-grid {
     width: 70%;
     position: relative;
     display: flex;
     justify-content: space-between;
     margin-top: 40px;
 }

 .managing-adhd1 .p4-s1 .gallery-grid .bg {
     position: absolute;
     top: 12px;
     right: 0px;
     bottom: 18px;
     left: 70px;
     background-color: #F5F5F5;
     border-radius: 16px;
 }

 .managing-adhd1 .p4-s1 .gallery-card {
     width: 50%;
     display: flex;
     z-index: 1;
 }

 .managing-adhd1 .p4-s1 .gallery-card img {
     width: 140px;
     height: 140px;
     margin: 0px 10px 0px 0px;
 }

 .managing-adhd1 .p4-s1 .gallery-card .card-content {
     display: flex;
     flex-direction: column;
     justify-content: flex-start;
     padding: 34px 15px 28px 0px;
 }

 .managing-adhd1 .p4-s1 .gallery-card .card-content .emph {
     font-size: 24px;
     font-weight: 700;
     line-height: 1.2;
     margin: 0;
 }

 .managing-adhd1 .p4-s1 .gallery-card .card-content li {
     font-size: 14px;
     line-height: 1.4;
     margin-bottom: 0px;
     background-position: 0px 7px;
 }

 .managing-adhd1 .p4-s1 .gallery-card .card-content h4 {
     font-size: 16px;
     font-weight: 700;
 }


 /* section 2 */

 .managing-adhd1 .p4-s2 .list-grid {
     width: 50%;
     display: grid;
     grid-template-columns: 1fr 1fr;
     gap: 10px;
     /* Adjust spacing between columns */
     margin: 40px 0px;
 }

 .managing-adhd1 .p4-s2 .list-item {
     width: 100%;
     display: flex;
     align-items: center;

 }

 .managing-adhd1 .p4-s2 .list-item .list-icon {
     width: 30px;
     height: 30px;
     border-radius: 50%;
     border: 2px solid #A3DDF5;
     background-image: url("data:image/svg+xml,%3Csvg version='1.0' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 32 33' style='enable-background:new 0 0 32 33;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:none;stroke:%23062491;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;%7D%0A%3C/style%3E%3Cpath class='st0' d='M10,15.9l3,6l10-9.5'/%3E%3C/svg%3E%0A");
     background-repeat: no-repeat;
     background-position: center;
     background-size: 30px;
 }

 .managing-adhd1 .p4-s2 .list-item p {
     margin: 0 0 0 10px;
 }



 /* ========================================================== 
PAGE 5 | Support ============================================
========================================================== */

 /* section 1 */

 .support .flex-center {
     display: flex;
     justify-content: center;
 }

 .support .hero-left-text h3 {
     color: #445D67;
 }

 .support .hero-content .hero-left-text ul li {
     color: #445D67;
     background-image: url("data:image/svg+xml,%3Csvg id='Layer_1' xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 12 12'%3E%3C!-- Generator: Adobe Illustrator 29.0.0, SVG Export Plug-In . SVG Version: 2.1.0 Build 186) --%3E%3Cdefs%3E%3Cstyle%3E .st0 %7B fill: %23445D67; %7D %3C/style%3E%3C/defs%3E%3Cpath class='st0' d='M10.8,6c0-2.7-2.1-4.8-4.8-4.8S1.2,3.3,1.2,6s2.1,4.8,4.8,4.8v1.2c-3.3,0-6-2.7-6-6S2.7,0,6,0s6,2.7,6,6-2.7,6-6,6v-1.2c2.7,0,4.8-2.1,4.8-4.8Z'/%3E%3C/svg%3E");
 }

 .support .hero-content a.cta {
     color: #E2F4FC;
     background-color: #445D67;
 }

 .support .hero-content a:hover.cta {
     background-color: #8F9EA4;
 }

 .support .p5-s1 .download-text a {
     padding: 20px 80px 20px 30px;
     background-color: #F5F5F5;
     border-radius: 8px;
     margin: 40px 0px;
     background-image: url("data:image/svg+xml,%3Csvg version='1.0' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 24 24' style='enable-background:new 0 0 24 24;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%230044C2;%7D%0A%3C/style%3E%3Cpath class='st0' d='M19,9h-4V3H9v6H5l7,7L19,9z M5,18v2h14v-2H5z'/%3E%3C/svg%3E");
     background-repeat: no-repeat;
     background-position: center right 20px;
     background-size: 24px;
     -webkit-box-shadow: 0 4px 8px 0 rgba(26, 26, 26, 0.15);
     -moz-box-shadow: 0 4px 8px 0 rgba(26, 26, 26, 0.15);
     box-shadow: 0 4px 8px 0 rgba(26, 26, 26, 0.15);
 }

 .support .p5-s1 .download-text a:hover {
     background-color: #ccc;
 }

 .support .p5-s1 .download-text p {
     margin: 0px;
 }



 /* section 2 */

 .support .p5-s2 .table-container {
     max-width: 1200px;
     margin: 0 auto;
     background: white;
     border-radius: 16px;
     overflow: hidden;
     box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
 }

 .support .p5-s2 .table-row {
     display: flex;
     border-bottom: 2px solid white;
 }

 .support .p5-s2 .table-row:last-child {
     border-bottom: none;
 }

 .support .p5-s2 .table-cell {
     flex: 1;
     padding: 20px 30px;
     background-color: #314496;
     color: #f4d03f;
     font-weight: bold;
     display: flex;
     align-items: center;
 }

 .support .p5-s2 .table-cell p {
     font-size: 24px;
     font-weight: 700;
     margin: 0;
     color: #FFFFFF;
 }

 .support .p5-s2 .country {
     border-right: 2px solid white;
     min-width: 200px;
     flex: 0 0 22%;
 }

 .support .p5-s2 .country p {
     color: #DCD1A5;
 }

 .support .p5-s2 .organization {
     flex: 1;
     background-color: #586CB5;
 }



 /* @media (max-width: 768px) {
    .table-row {
        flex-direction: column;
    }
    
    .country {
        border-right: none;
        border-bottom: 2px solid white;
        flex: none;
        min-width: auto;
        text-align: center;
        font-size: 16px;
        font-weight: bold;
    }
    
    .organization {
        font-size: 14px;
        font-weight: normal;
    }
    
    .table-cell {
        padding: 15px;
    }
} */


 /*------------------------------------------------------------------*/
 /*TEMPLATE COMPONENTS*/
 /*------------------------------------------------------------------*/

 .pdtop0 {
     padding-top: 0px !important;
 }

 .pdtop20 {
     padding-top: 20px !important;
 }

 .pdtop30 {
     padding-top: 30px !important;
 }

 .pdtop40 {
     padding-top: 40px !important;
 }

 .pdtop50 {
     padding-top: 50px !important;
 }

 .pdtop60 {
     padding-top: 60px !important;
 }

 .pdtop70 {
     padding-top: 70px !important;
 }

 .pdtop80 {
     padding-top: 80px !important;
 }

 .pdtop90 {
     padding-top: 90px !important;
 }

 .pdtop100 {
     padding-top: 100px !important;
 }

 .pdtop120 {
     padding-top: 120px !important;
 }

 .pdtop150 {
     padding-top: 150px !important;
 }

 .pdbtm0 {
     padding-bottom: 0px !important;
 }

 .pdbtm20 {
     padding-bottom: 20px !important;
 }

 .pdbtm30 {
     padding-bottom: 30px !important;
 }

 .pdbtm40 {
     padding-bottom: 40px !important;
 }

 .pdbtm50 {
     padding-bottom: 50px !important;
 }

 .pdbtm60 {
     padding-bottom: 60px !important;
 }

 .pdbtm70 {
     padding-bottom: 70px !important;
 }

 .pdbtm80 {
     padding-bottom: 80px !important;
 }

 .pdbtm90 {
     padding-bottom: 90px !important;
 }

 .pdbtm100 {
     padding-bottom: 100px !important;
 }

 .pdbtm120 {
     padding-bottom: 120px !important;
 }

 .mgtop0 {
     margin-top: 0px !important;
 }

 .mgtop20 {
     margin-top: 20px !important;
 }

 .mgtop30 {
     margin-top: 30px !important;
 }

 .mgtop40 {
     margin-top: 40px !important;
 }

 .mgtop50 {
     margin-top: 50px !important;
 }

 .mgtop60 {
     margin-top: 60px !important;
 }

 .mgtop70 {
     margin-top: 70px !important;
 }

 .mgtop80 {
     margin-top: 80px !important;
 }

 .mgtop90 {
     margin-top: 90px !important;
 }

 .mgtop100 {
     margin-top: 100px !important;
 }

 .mgtop120 {
     margin-top: 120px !important;
 }

 .mgtop150 {
     margin-top: 150px !important;
 }

 .mgbtm0 {
     margin-bottom: 0px !important;
 }

 .mgbtm20 {
     margin-bottom: 20px !important;
 }

 .mgbtm30 {
     margin-bottom: 30px !important;
 }

 .mgbtm40 {
     margin-bottom: 40px !important;
 }

 .mgbtm50 {
     margin-bottom: 50px !important;
 }

 .mgbtm60 {
     margin-bottom: 60px !important;
 }

 .mgbtm70 {
     margin-bottom: 70px !important;
 }

 .mgbtm80 {
     margin-bottom: 80px !important;
 }

 .mgbtm90 {
     margin-bottom: 90px !important;
 }

 .mgbtm100 {
     margin-bottom: 100px !important;
 }

 .mgbtm120 {
     margin-bottom: 120px !important;
 }

 .col-wrap {
     width: 100%;
     display: flex;
     justify-content: space-between;
     padding: 0px;
 }

 .col90 {
     width: 88%;
 }

 .col80 {
     width: 78%;
 }

 .col70 {
     width: 68%;
 }

 .col60 {
     width: 58%;
 }

 .col40 {
     width: 38%;
 }

 .col30 {
     width: 28%;
 }

 /* Page 5 specifically */
 .pg5col-wrap {
     width: 100%;
     display: flex;
     justify-content: space-between;
     padding: 0px;
 }

 .pg5col40 {
     width: 38%
 }

 .pg5col60 {
     width: 58%
 }

 .hilite-box {
     width: 100%;
     padding: 30px;
     background: rgb(117, 0, 16);
     background: linear-gradient(90deg, rgba(117, 0, 16, 1) 0%, rgba(184, 59, 77, 1) 100%);
     border-radius: 12px;
     color: #FFFFFF;
     font-weight: 700;
     display: block;
     margin: 40px 0px;
 }

 .hilite-box p {
     font-weight: 700;
     margin-bottom: 0;
 }

 /*------------------------------------------------------------------*/
 /*MODAL*/
 /*------------------------------------------------------------------*/

 .remodal-overlay {
     display: flex;
     justify-content: center;
     align-items: center;
     opacity: 1;
     padding: 20px !important;
     background: rgba(0, 0, 0, 0.8);
     transition: opacity 200ms ease-in-out;
 }

 .remodal-overlay--after-open {
     opacity: 1;
 }

 .remodal-overlay--before-close {
     opacity: 0;
 }

 .remodal {
     width: 100%;
     max-width: 768px;
     background: white;
     padding: 20px 40px;
     border-radius: 8px;
 }

 .remodal-wrapper {
     padding: 20px;
 }

 .remodal .close-modal {
     width: 40px;
     height: 40px;
     position: absolute;
     top: 20px;
     right: 20px;
     cursor: pointer;
     background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 50 50' fill='none'%3E%3Cpath d='M34.563 34.5492C34.1859 34.9264 33.797 35.1031 33.3963 35.0796C32.9956 35.056 32.6185 34.8674 32.2649 34.5139L25.5474 27.7964L18.9359 34.4078C18.5824 34.7614 18.2053 34.9499 17.8046 34.9735C17.4274 34.9735 17.0621 34.7967 16.7086 34.4432C16.355 34.0896 16.1782 33.7243 16.1782 33.3472C16.2018 32.9465 16.3904 32.5693 16.7439 32.2158L23.3554 25.6043L16.85 19.099C16.4729 18.7218 16.2843 18.3447 16.2843 17.9676C16.2607 17.5669 16.4375 17.178 16.8146 16.8009C17.1917 16.4237 17.5807 16.247 17.9813 16.2705C18.3585 16.2705 18.7356 16.4591 19.1127 16.8362L25.6181 23.3416L32.2295 16.7301C32.5831 16.3766 32.9484 16.1998 33.3256 16.1998C33.7263 16.1762 34.1034 16.3412 34.4569 16.6948C34.8105 17.0483 34.9755 17.4255 34.9519 17.8262C34.9519 18.2033 34.7751 18.5686 34.4216 18.9222L27.8101 25.5336L34.5276 32.2511C34.8812 32.6047 35.0698 32.9818 35.0933 33.3825C35.1169 33.7832 34.9401 34.1721 34.563 34.5492Z' fill='%23B83B4D'/%3E%3Ccircle cx='25' cy='25' r='24' stroke='%23B83B4D' stroke-width='2'/%3E%3C/svg%3E");
     background-repeat: no-repeat;
     background-size: 40px;
     background-position: center;
     -webkit-transition: all 200ms ease;
     -moz-transition: all 200ms ease;
     -ms-transition: all 200ms ease;
     -o-transition: all 200ms ease;
     transition: all 200ms ease;
     z-index: 100;
 }

 .close-modal:hover {
     background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 50 50' fill='none'%3E%3Cpath d='M34.563 34.5492C34.1859 34.9264 33.797 35.1031 33.3963 35.0796C32.9956 35.056 32.6185 34.8674 32.2649 34.5139L25.5474 27.7964L18.9359 34.4078C18.5824 34.7614 18.2053 34.9499 17.8046 34.9735C17.4274 34.9735 17.0621 34.7967 16.7086 34.4432C16.355 34.0896 16.1782 33.7243 16.1782 33.3472C16.2018 32.9465 16.3904 32.5693 16.7439 32.2158L23.3554 25.6043L16.85 19.099C16.4729 18.7218 16.2843 18.3447 16.2843 17.9676C16.2607 17.5669 16.4375 17.178 16.8146 16.8009C17.1917 16.4237 17.5807 16.247 17.9813 16.2705C18.3585 16.2705 18.7356 16.4591 19.1127 16.8362L25.6181 23.3416L32.2295 16.7301C32.5831 16.3766 32.9484 16.1998 33.3256 16.1998C33.7263 16.1762 34.1034 16.3412 34.4569 16.6948C34.8105 17.0483 34.9755 17.4255 34.9519 17.8262C34.9519 18.2033 34.7751 18.5686 34.4216 18.9222L27.8101 25.5336L34.5276 32.2511C34.8812 32.6047 35.0698 32.9818 35.0933 33.3825C35.1169 33.7832 34.9401 34.1721 34.563 34.5492Z' fill='%23FF7F51'/%3E%3Ccircle cx='25' cy='25' r='24' stroke='%23FF7F51' stroke-width='2'/%3E%3C/svg%3E");
     background-repeat: no-repeat;
 }

 .close-btn svg,
 .close-btn-transparent svg {
     width: 12px !important;
 }

 .ReactModal__Content {
     margin: 0 !important;
 }

 .modal-content {
     position: relative;
     padding: 0;
     /* background-color: #ffffff; */
 }

 .modal-btn-wrap {
     width: 100%;
     margin: 30px 0px;
 }

 .modal-btn {
     color: #000000;
     padding: 5px 20px;
     margin: 0px 10px;
     background-color: #FFFFFF;
     border: 1px solid #000000;
     border-radius: 8px;
 }

 .modal-btn:hover {
     color: #FFFFFF;
     background-color: #666666;
 }

 .hcp-content-wrap {
     width: 100%;
     margin: 30px 0px 30px 0px;
 }


 input:focus {
     outline: 0;
     border: 1px solid #484848;
 }




 .remodal-ref {
     width: 90%;
     max-width: 1240px;
 }

 .remodal-ref .modal-header {
     display: flex;
     flex-direction: row;
     justify-content: space-between;
     align-items: center;
 }

 .remodal-ref .ref-content-wrap ol {
     width: 95%;
     text-align: left;
     margin: 15px 0px 30px 15px;
     list-style-position: outside;
 }

 .remodal-ref .ref-content-wrap ol li {
     font-size: 12px;
     font-style: normal;
     font-weight: 400;
     line-height: 20px;
     padding-left: 10px;
 }

 .remodal-ref .ref-content-wrap ol li:before,
 .remodal-ref .ref-content-wrap ol li::marker {
     font-weight: 800;
 }

 /* Close button */
 .remodal-ref .close-modal {
     color: #aaa;
     float: right;
     font-size: 28px;
     font-weight: bold;
 }

 .remodal-ref .close-modal:hover,
 .remodal-ref .close-modal:focus {
     color: black;
     text-decoration: none;
     cursor: pointer;
 }
















 /*------------------------------------*\
    STRUCTURE
\*------------------------------------*/


 .page-wrapper {
     flex: 1;
 }










 /* TEMPLATE */
 .section-wrap {
     width: 100%;
     position: relative;
 }

 .content-wrap {
     max-width: 1220px;
     width: 100%;
 }

 #homepage {
     position: relative;
 }

 .vidblock {
     width: 100%;
     height: 100%;
     position: absolute;
     top: 0;
     bottom: 0;
     left: 0;
     right: 0;
     /* background-color: #750010; */
     opacity: .6;
     /* z-index: 1200; */
     overflow: hidden;
 }

 /* GENERIC TEMPLATE */
 .tmpl-generic {
     margin-top: 100px;
 }

 .generic ul,
 .swiper-content ul {
     list-style-type: none;
     padding: 0px;
     margin: 0px;
     color: #000000;
     font-family: "source-sans-pro", sans-serif;
     font-weight: 400;
     font-style: normal;
     font-size: 1.8rem;
     line-height: 1.6;
     /* font-weight: 400; */
     margin: 15px 0px 30px 0px;
 }

 .generic ul li,
 .swiper-content li {
     background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 10 10' style='enable-background:new 0 0 10 10;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23B83B4D;%7D%0A%3C/style%3E%3Cg%3E%3Ccircle class='st0' cx='5' cy='5' r='4'/%3E%3C/g%3E%3C/svg%3E");
     background-size: 8px;
     background-repeat: no-repeat;
     background-position: 0px 9px;
     padding-left: 20px;
     margin-bottom: 0px;
 }

 .generic ul li p {
     margin-top: 10px;
 }

 .generic ul li ul {
     margin: 10px 0px;
 }

 .generic ul li ul li {
     background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 10 10' style='enable-background:new 0 0 10 10;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23B83B4D;%7D%0A%3C/style%3E%3Cg%3E%3Cpath class='st0' d='M5,2.5c1.4,0,2.5,1.1,2.5,2.5S6.4,7.5,5,7.5S2.5,6.4,2.5,5S3.6,2.5,5,2.5 M5,1.5C3.1,1.5,1.5,3.1,1.5,5 S3.1,8.5,5,8.5S8.5,6.9,8.5,5S6.9,1.5,5,1.5L5,1.5z'/%3E%3C/g%3E%3C/svg%3E");
 }

 .generic h2 {
     margin: 30px 0px 10px;
 }

 .generic h3 {
     margin: 20px 0px 10px;
 }


 /* ========================================================== 
============ BridgeBio ADHD1 DSA ===========================================
========================================================== */


 .main {
     width: 100%;
     flex: 1 0 auto;
     /* height: calc(100% - 126px); */
 }

 .page-wrapper {
     max-width: 1440px;
     width: 100%;
     height: 100%;
     /* background-color: #ededed; */
 }








 /* ----------------------- */
 /* Responsive styles */
 /* ----------------------- */
 @media screen and (max-width:768px) {
     .col-wrap {
         display: block;
     }

     .col90 {
         width: 100%;
     }

     .col80 {
         width: 100%;
     }

     .col70 {
         width: 100%;
     }

     .col60 {
         width: 100%;
     }

     .col40 {
         width: 100%;
     }

     .col30 {
         width: 100%;
     }
 }


 /* ---------------------------------------------- */
 /* ---------------------------------------------- */
 /* MEDIA QUERIES */
 /* ---------------------------------------------- */
 /* ---------------------------------------------- */

 @media screen and (max-width: 1220px) {

     .hero-content .hero-left-text {
         padding: 70px 70px 70px 70px;
     }
 }



 @media screen and (max-width:1100px) {

     .content-block {
         padding: 0px 80px 80px 80px;
     }

     .hero-content {
         margin-bottom: 80px;
     }

     .primary-nav a {
         padding: 0.75rem 1rem;
     }

 }


 @media screen and (min-width:1024px) {

     .page-container {
         padding-top: 60px;
     }

     .primary-nav {
         display: flex;
     }

 }

 @media screen and (max-width:1024px) {

     .hero-content .content-block {
         padding: 70px;
     }

     .header-content {
         display: flex;
         flex-direction: column;
     }

     .logo {
         width: 100%;
         display: flex;
         justify-content: space-between;
         align-items: center;
     }

     .primary-nav {
         display: none;
         width: 100%;
         padding-top: 40px;
     }

     .primary-nav ul {
         flex-direction: column;
     }

     .primary-nav ul li {
         width: auto;
     }

     .primary-nav ul li:last-child {
         margin: 0 1rem;
     }

     .primary-nav .current-menu-item a {
         display: block;
     }

     .primary-nav a {
         padding: 0.75rem 1.5rem;
     }

     .primary-nav ul {
         margin-top: 20px;
         padding-top: 20px;
         border-top: 1px solid #ccc;
     }

     .navTrigger {
         display: flex;
         /* position: absolute;
        top: 20px;
        right: 20px;
        z-index: 1000; */
     }

     .hero-content .hero-left-text {
         padding: 40px 40px 40px 40px;
     }

     .indent-text {
         width: 100%;
         margin-top: 40px;
         padding: 10px 0 10px 20px;
     }

     .gallery-grid {
         width: 100%;
         display: flex;
         flex-direction: column;
         z-index: 1;
     }

     .gallery-card {
         width: 100% !important;
         display: flex;
         align-items: center;
         /* border-bottom: 3px solid #FFFFFF; */
     }

     .card-content {
         width: 100%;
         display: flex;
         flex-direction: column;
         justify-content: center;
         padding: 20px 0px;
     }

     .footer-nav {
         display: flex;
         flex-direction: column;
         width: 100%;
         justify-content: space-evenly;
         align-items: center;
         margin-bottom: 40px;
     }

     .footer-nav ul {
         display: flex;
         flex-direction: column;
         align-items: center;
         width: 100%;
     }

     .footer-nav ul li {
         margin: 0;
     }

     .footer-disclaimers {
         width: 100%;
         flex-direction: column;
         align-items: center;
     }

     .footer-content .logo {
         width: 100%;
         display: flex;
         justify-content: center;
         padding: 40px 0px 20px;
     }

     .subfoot .reference-content {
         width: 100%;
     }


     /* What is ADHD1? */
     .what-is-adhd1 .p2-s3 .table-container {
         width: 100%;
         /* Fixed: Changed from 100% to 50% */
         display: unset;
     }

     .what-is-adhd1 .p2-s3 .table-container .col {
         width: 100%;
         display: unset;
     }

     .what-is-adhd1 .p2-s3 .child-1 {
         background-color: #DCD1A5;
         writing-mode: unset;
     }

     .what-is-adhd1 .p2-s3 .round-left {
         border-bottom-left-radius: 0px;
         border-bottom-right-radius: 0px;
         border-top-left-radius: 16px;
         border-top-right-radius: 16px;
     }

     .what-is-adhd1 .p2-s3 .bordered {
         border-right: none;
     }

     .what-is-adhd1 .p2-s3 .child-5 {
         background-color: #DCD1A5;
         writing-mode: unset;
         border-bottom-left-radius: 0px;
         border-bottom-right-radius: 0px;
         border-top-left-radius: 16px;
         border-top-right-radius: 16px;
     }

     .what-is-adhd1 .p2-s3 .table-container .reversed {
         width: 100%;
         display: unset;
         display: flex;
         flex-direction: column-reverse;
         margin-top: 20px;
     }

     .what-is-adhd1 .p2-s3 .child-3,
     .what-is-adhd1 .p2-s3 .child-4 .col2,
     .what-is-adhd1 .p2-s3 .child-4 {
         border-bottom-left-radius: 16px;
         border-bottom-right-radius: 16px;
         border-top-left-radius: 0px;
         border-top-right-radius: 0px;
     }





     .pdtop0 {
         padding-top: 0px !important;
     }

     .pdtop20 {
         padding-top: 10px !important;
     }

     .pdtop30 {
         padding-top: 15px !important;
     }

     .pdtop40 {
         padding-top: 20px !important;
     }

     .pdtop50 {
         padding-top: 25px !important;
     }

     .pdtop60 {
         padding-top: 30px !important;
     }

     .pdtop70 {
         padding-top: 35px !important;
     }

     .pdtop80 {
         padding-top: 40px !important;
     }

     .pdtop90 {
         padding-top: 45px !important;
     }

     .pdtop100 {
         padding-top: 50px !important;
     }

     .pdtop120 {
         padding-top: 60px !important;
     }

     .pdtop150 {
         padding-top: 75px !important;
     }

     .pdbtm0 {
         padding-bottom: 0px !important;
     }

     .pdbtm20 {
         padding-bottom: 10px !important;
     }

     .pdbtm30 {
         padding-bottom: 15px !important;
     }

     .pdbtm40 {
         padding-bottom: 20px !important;
     }

     .pdbtm50 {
         padding-bottom: 25px !important;
     }

     .pdbtm60 {
         padding-bottom: 30px !important;
     }

     .pdbtm70 {
         padding-bottom: 35px !important;
     }

     .pdbtm80 {
         padding-bottom: 40px !important;
     }

     .pdbtm90 {
         padding-bottom: 45px !important;
     }

     .pdbtm100 {
         padding-bottom: 50px !important;
     }

     .pdbtm120 {
         padding-bottom: 60px !important;
     }

     .mgtop0 {
         margin-top: 0px !important;
     }

     .mgtop20 {
         margin-top: 10px !important;
     }

     .mgtop30 {
         margin-top: 15px !important;
     }

     .mgtop40 {
         margin-top: 20px !important;
     }

     .mgtop50 {
         margin-top: 25px !important;
     }

     .mgtop60 {
         margin-top: 30px !important;
     }

     .mgtop70 {
         margin-top: 35px !important;
     }

     .mgtop80 {
         margin-top: 40px !important;
     }

     .mgtop90 {
         margin-top: 45px !important;
     }

     .mgtop100 {
         margin-top: 50px !important;
     }

     .mgtop120 {
         margin-top: 60px !important;
     }

     .mgtop150 {
         margin-top: 75px !important;
     }

     .mgbtm0 {
         margin-bottom: 0px !important;
     }

     .mgbtm20 {
         margin-bottom: 10px !important;
     }

     .mgbtm30 {
         margin-bottom: 15px !important;
     }

     .mgbtm40 {
         margin-bottom: 20px !important;
     }

     .mgbtm50 {
         margin-bottom: 25px !important;
     }

     .mgbtm60 {
         margin-bottom: 30px !important;
     }

     .mgbtm70 {
         margin-bottom: 35px !important;
     }

     .mgbtm80 {
         margin-bottom: 40px !important;
     }

     .mgbtm90 {
         margin-bottom: 45px !important;
     }

     .mgbtm100 {
         margin-bottom: 50px !important;
     }

     .mgbtm120 {
         margin-bottom: 60px !important;
     }


 }

 @media screen and (max-width:768px) {

     .page-container {
         padding-top: 80px;
     }

     .content-block {
         padding: 0px 40px 80px 40px;
     }

     .hero-content {
         margin-bottom: 40px;
     }

     h2 {
         font-size: 60px;
     }

     .hero-content .hero-left-text ul {
         color: #FFFFFF;
         margin-top: 10px;
     }

     .indent-text {
         width: 100%;
         padding: 10px 0 10px 20px;
     }

     .subfoot .readmore-wrapper {
         flex-direction: column;
         align-items: center;
         width: 100%;
     }

     .subfoot .readmore-item {
         width: 80%;
         margin-bottom: 60px;
     }

     /* Low calcium big impact */
     .low-calcium-big-impact .s1-table .table-wrap {
         flex-direction: column;
     }

     .low-calcium-big-impact .s1-table .table-wrap .table-col-1 {
         width: 100%;
         padding: 0;
     }

     .low-calcium-big-impact .s1-table .table-wrap .table-col .table-item-0 {
         padding: 20px 20px 20px 20px;
     }

     .low-calcium-big-impact .s1-table .table-wrap .table-col .table-item-0 h3 {
         text-align: center;
     }

     .low-calcium-big-impact .s1-table .table-wrap .table-col-2 {
         width: 100%;
         padding: 0px;
     }

     .low-calcium-big-impact .s1-table .table-wrap .table-col .table-item {
         padding: 20px 20px 20px
     }

     .low-calcium-big-impact .s1-table .table-wrap .table-col .table-item-1 {
         border-top-right-radius: 0;
     }

     .low-calcium-big-impact .s1-table .table-wrap .table-col .table-item-3 {
         border-bottom-left-radius: 16px;
     }

     /* Getting diagnosed */
     .getting-diagnosed .p3-s1 .split-row {
         flex-direction: column;
     }

     .getting-diagnosed .p3-s3 .patient-block {
         flex-direction: column;
         margin: 40px 0 20px 0;
     }

     .getting-diagnosed .p3-s3 .patient-block img {
         width: 100%;
         max-width: 320px;
         height: auto;
         margin-bottom: 20px;
     }

     .getting-diagnosed .p3-s3 .patient-wrap .ontop {
         flex-direction: column-reverse !important;
         /* justify-content: flex-start; */
     }


     /* Managing ADHD1 */

     .managing-adhd1 .p4-s2 .list-grid {
         width: 100%;
     }


     /* Support */

     .support .p5-s2 .table-row {
         flex-direction: column;
     }

     .support .p5-s2 .country {
         border-right: none;
     }


 }

 @media screen and (max-width:690px) {
     .tmpl-generic {
         margin-top: 60px;
     }

     .content-block {
         padding: 0px 40px 40px 40px;
     }

     .hero-content {
         margin-bottom: 40px;
     }

     .hero-content .column-wrap {
         display: block;
     }

     .hero-content .column {
         width: 100%;
     }

     .hero-content .hero-left-text {
         width: 100%;
         padding: 40px 40px 40px 40px;
     }

     .hero-content .secondary-image {
         min-height: 320px;
     }

     .footer-nav-legals ul {
         width: 100%;
         flex-direction: column;
     }

     .indent-text {
         width: 100%;
     }

     .subfoot .readmore-wrapper {
         flex-direction: column;
         align-items: center;
         width: 100%;
     }

     .subfoot .readmore-item {
         width: 80%;
         margin-bottom: 60px;
     }


     /* Support */
     .support .p5-s2 .country p,
     .support .p5-s2 .organization p {
         font-size: 18px;
     }

     .support .p5-s2 .table-cell {
         padding: 15px 20px;
     }


     .take-action-text {
         padding: 40px 40px 40px 40px;
     }

 }



 @media screen and (max-width:460px) {

     .subfoot .readmore-item {
         width: 100%;
         margin-bottom: 60px;
     }

     .hero-content .content-block {
         padding: 35px;
     }

     h1 {
         font-size: 40px;
     }

     .hero-content .hero-left-text h3 {
         font-size: 30px;
     }

     /* managing ADHD1 */
     .managing-adhd1 .p4-s2 .list-grid {
         width: 100%;
         display: grid;
         grid-template-columns: 1fr;
         gap: 0px;
         margin: 20px 0px;
     }

     .managing-adhd1 .p4-s2 .list-item {
         margin: 5px;
     }

 }

 @media screen and (max-width: 420px) {

     .hero-content .content-block {
         padding: 20px;
     }

     .content-block {
         padding: 20px 20px 20px 20px;
     }

     h2 {
         font-size: 32px;
     }

     h3 {
         font-size: 24px;
     }
 }