#navbar .nav-menus > li:first-child > a {
    color: #006838;
    font-weight: 700;
}
#navbar .nav-menus > li:first-child:after {
    content: "";
    position: absolute;
    background: linear-gradient(40deg, #F26522 -17.69%, #FFEF44 144.32%);
    display: inline-block;
    width: 100%;
    top: 69px;
    height: 5px;
}


#navbar .nav-menus > li:first-child .dropdown_menu li:nth-child(3) a{
    color: #006838;
    font-weight: 700;
}

.ttr-tabs .graphic-bullets li,
.ttr-tabs .bottom-paragraph {
  line-height: normal;
}

#simple-card-columns .simple-card .card-CTA .card-link p,
#about-hattr .hattr-diagramBox-item-title,
#about-hattr .hattr-diagramBox-item-descr.liver,
.wainua-tabs .bullets-item-text p,
.wainua-tabs .section-note h3,
#moa .moa-diagram .moa-diagram-item .moa-diagram-item-title,
.ttr-tabs .graphic-bullets li,
.ttr-tabs .bottom-paragraph {
  font-size: 18px;
}

.card-link img.CTA-arrow-btn,
.card-link:hover img.CTA-arrow-btn-hover {
  display: block;
}

.card-link img.CTA-arrow-btn-hover,
.card-link:hover img.CTA-arrow-btn {
  display: none;
}


#callout-container {
  overflow: hidden;
  background: linear-gradient(90deg, #E8E8E8 0%, #FAFAFA 21.5%, #D3D3D3 49.5%, #F5F5F5 74.5%, #C8CACC 100%);
}

#callout-container .callout {
  display: flex;
}

#callout-container .callout-text {
  align-self: center;
}

#callout-container .callout-text h2 {
  font-family: 'Lexend', sans-serif;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

#callout-container .callout-text h2,
#about-hattr .hattr-diagramBox-item-descr.liver,
.wainua-tabs .tabs-table-heading h3,
.wainua-tabs .tabs-intro h2,
.wainua-tabs .bullets-item-text ul li,
.HTD-timeline .timeline-heading,
.HTD-timeline .timeline-description,
.ttr-tabs .graphic-bullets li,
.ttr-tabs .bottom-paragraph {
  color: #1C1C1C;
}

#callout-container .callout-img {
  position: absolute;
  z-index: 1;
}

#callout-container .callout.img-left {
  justify-content: flex-end;
}

#about-hattr #diagram2-container {background: #f8f8f8;}

#about-hattr .hattr-diagramBox-heading h2 {
  font-family: 'Lexend', sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  color: #1C1C1C;
  margin-bottom: 32px;
}

#about-hattr .hattr-diagramBox-container,
.wainua-tabs .tabs-container {
  background: #FFFFFF 0% 0% no-repeat padding-box;
  box-shadow: 0px -1px 12px #00000029;
  opacity: 0.9;
}

.wainua-tabs .tabs-container {
  margin-bottom: 32px
}


#about-hattr .hattr-diagramBox-title {
  background: url(/content/dam/intelligentcontent/brands/wainuahcp/us/en/phase1/images/desktop/diargamBox-title.bg.png);
  background-position-x: -1040px;
}

#about-hattr .hattr-diagramBox-title h3 {
  color: white;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  padding: 12px 15px;
}

#about-hattr .hattr-diagramBox-diagram {
  display: flex;
  flex-wrap: nowrap;
}

#about-hattr .hattr-diagramBox-item {
  display: flex;
  align-self: center;
}


#about-hattr .hattr-diagramBox-item-separator img {
  min-width: 24px;
  min-height: 15px;
}

#about-hattr .hattr-diagramBox-item-separator {
  min-height: 15px;
  position: relative;
}


#about-hattr .hattr-diagramBox-item-img {
  max-width: 165px;
  background-position: center 10px;
}

#about-hattr .hattr-diagramBox-item-img.liver {
  background-image: url("/content/dam/intelligentcontent/brands/wainuahcp/us/en/phase1/images/hattr-diagram-liver.svg");
}

#about-hattr .hattr-diagramBox-item-img.tetramer-1 {
  background-image: url("/content/dam/intelligentcontent/brands/wainuahcp/us/en/phase1/images/transthyretin-tetramer-destabilizes.svg");
}

#about-hattr .hattr-diagramBox-item-img.tetramer-2 {
  background-image: url("/content/dam/intelligentcontent/brands/wainuahcp/us/en/phase1/images/tetramer-dissociates-into-monomers.svg");
}

#about-hattr .hattr-diagramBox-item-img.monomer {
  background-image: url("/content/dam/intelligentcontent/brands/wainuahcp/us/en/phase1/images/misfold-and-aggregate-into-amyloid-fibrils.png");
}

#about-hattr .hattr-diagramBox-item-img.body {
  background-image: url("/content/dam/intelligentcontent/brands/wainuahcp/us/en/phase1/images/hattr-diagram-body.svg");
}

#about-hattr .hattr-diagramBox-item-img.foot {
  background-image: url("/content/dam/intelligentcontent/brands/wainuahcp/us/en/phase1/images/hattr-diagram-foot.svg");
}

#about-hattr .hattr-diagramBox-item-img.crutches {
  background-image: url("/content/dam/intelligentcontent/brands/wainuahcp/us/en/phase1/images/hattr-diagram-crutches.png");
}

#about-hattr .hattr-diagramBox-item-img.wheelchair {
  background-image: url("/content/dam/intelligentcontent/brands/wainuahcp/us/en/phase1/images/hattr-diagram-wheelchair.png");
}

.diagramBox-item-info {
  display: flex;
  flex-direction: column;
  align-self: center;
}

#about-hattr .hattr-diagramBox-item-title {
  font-weight: 600;
  font-family: Lexend;
  color: #004122;
}

#about-hattr .hattr-diagramBox-item-descr{color: #006838;font-weight: unset;}

#about-hattr .hattr-diagramBox-item-title,
#about-hattr .hattr-diagramBox-item-descr {
  text-align: center;
  font-style: normal;
  line-height: normal;
  padding: 0;
}


#about-hattr .second-sec .hattr-diagramBox-item-descr,
#about-hattr .hattr-diagramBox-item-descr {
  font-size: 14px;
}

.wainua-tabs .bullets-item-text ul li,
#moa .moa-diagram .moa-diagram-item .moa-diagram-item-desc,
.ttr-tabs .graphic-bullets li,
.ttr-tabs .bottom-paragraph {
  font-family: "Britanica-Regular"
}

#moa .moa-diagram .moa-diagram-item .moa-diagram-item-title{

  font-family: "Britanica-Black";
}

#moa .subpage-topBanner-content h1 sup{white-space: nowrap;}


#about-hattr .hattr-diagramBox-item-descr {
  font-family: "Britanica-Bold";
}

#about-hattr .hattr-diagramBox-item-descr.liver {
    font-family: 'Britanica-Regular';
  font-weight: 400;
}


#about-hattr .second-sec .hattr-diagramBox-item-descr {
  color: #006838;
  font-family: "Britanica-Bold";
}


#home-phase1 .CTA-row {
  display: flex;
  justify-content: flex-end;
}

#home-phase1 .CTA-row-link {
  display: flex;
  gap: 16px;
}

#home-phase1 .CTA-row-link p {
  font-family: Lexend;
  font-weight: 700;
  font-style: normal;
  color: #1C1C1C;
  padding: 0;
  align-self: center;
}

#home-phase1 .CTA-row-link img {
  width: 53px;
  height: 53px;
}

#home-phase1 .CTA-row-link img.CTA-row-link-img,
#home-phase1 .CTA-row-link:hover img.CTA-row-link-img-hover {
  display: block;
}

#home-phase1 .CTA-row-link:hover img.CTA-row-link-img,
#home-phase1 .CTA-row-link img.CTA-row-link-img-hover {
  display: none;
}

#home-phase1 .CTA-row-link:hover p,
#simple-card-columns .simple-card .card-CTA .card-link:hover p {
  text-decoration: underline;
}

#about-hattr #text-cbaaf30679 {
  background-color: #f8f8f8;
}

#about-hattr .hattr-diagramBox-item-text-icon {
  color: #004122;
  text-align: left;
  font-size: 24px;
  font-style: normal;
  font-weight: 800;
  line-height: normal;
  padding-bottom: 0;
  text-align: center;
  font-family: Lexend;
}


.wainua-tabs .tabs-body,
.wainua-tabs .tabs-bullets,
.wainua-tabs .tabs-bullets-row,
.wainua-tabs .tabs-bullets-item,
.wainua-tabs .tabs-table-row {
  display: flex;
}

.wainua-tabs .tabs-table-row {
  flex-direction: row;
  justify-content: space-between;
}


.wainua-tabs li.tab-list-element{
  border-radius: 5px 5px 0 0;
  background: #e2e2e2;
  color: #000;
  text-align: center;
  width: 250px;
  border-bottom:0;
  height: 60px;
}

.wainua-tabs li.tab-list-element a{
    font-family: 'Lexend', sans-serif;
    font-style: normal;
    font-weight: 500;
    color: #000;
    padding: 0;
    border: none;
    font-size: 18px;
}

.wainua-tabs li.tab-list-element a:hover, .wainua-tabs li.tab-list-element a:focus {
  border: none;
}

.wainua-tabs li.tab-list-element.active {
  z-index: 1;
  background: white;
  box-shadow: 3px -2px 3px 0px #00000014, -3px -2px 3px 0px #0000000f;
  /*border-image: url(/content/dam/intelligentcontent/brands/wainuahcp/us/en/phase1/images/wainua-tab-selected-marker.svg) 5 5 round;
  border-width: 5px;
  border-style: solid;
  border-left: 0;
  border-right: 0;
  border-bottom: 0;*/
  color: #004122!important;
  font-weight: 700;

  border-radius: 5px 5px 0 0;
  position: relative;
  overflow: hidden;
}
.wainua-tabs li.tab-list-element.active a {
     color: #004122!important;
     font-weight: 700;
}
.wainua-tabs li.tab-list-element.active::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 5px;
  background: linear-gradient(to left, #F26522, #FFEF44);
  z-index: 2;
}
.wainua-tabs li.tab-list-element.active::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 5px;
  width: 100%;
  background:inherit;
  z-index: 1;
  pointer-events: none;
}



.wainua-tabs .tabs-tables-body {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
}

.wainua-tabs .tabs-table-heading {
  margin-bottom: 18px;
  margin-top: 20px
}

.wainua-tabs .tabs-table-heading h3 {
  text-align: center;
  font-style: normal;
  font-familY: 'Lexend', sans-serif;
  font-weight: 700;
  margin: 0;
}

.wainua-tabs .tabs-table {flex-basis: 49%;}

.wainua-tabs .tabs-table td{
  font-family: 'Britanica-Regular';
  font-size: 16px;
  line-height: 19.2px;
}

.wainua-tabs .tabs-table .score-col{
  font-family: sans-serif;
  font-weight: 600;
  font-size: 18px;
  line-height: normal;
}
.wainua-tabs .tabs-table .score-cell{
  font-family: Lexend;
  font-weight: 600;
  line-height: 20px;
}
.wainua-tabs .tabs-table th.score-col{font-size: 16px;}

.wainua-tabs .tabs-table table {margin: 0 auto;max-width: 547px;}

.wainua-tabs .tabs-table .table1-tr {height: 70px;}

.wainua-tabs .tabs-table .table2-tr {height: 90px;}


.wainua-tabs .tabs-table .table-headers-bg th:nth-of-type(1),
.wainua-tabs .tabs-table .table1-tr td:nth-of-type(1),
.wainua-tabs .tabs-table .table2-tr td:nth-of-type(1){padding: 20px 23px; color: #000000;}

.wainua-tabs .tabs-table .table-headers-bg th:nth-of-type(2),
.wainua-tabs .tabs-table .table1-tr td:nth-of-type(2),
.wainua-tabs .tabs-table .table2-tr td:nth-of-type(2){padding-left: 15px;padding-right: 19px;color: #000000}


.wainua-tabs .tabs-separator {
  background-color: #F26522;
  width: 2px;
  transform: scaleY(1.02) translateY(17px);
}

.wainua-tabs .tabs-bullets {
  flex-direction: column;
  align-items: center;
  padding-bottom: 20px;
}

.wainua-tabs .tabs-intro h2 {
  font-family: 'Lexend', sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.wainua-tabs .tabs-bullets-heading h3,
.wainua-tabs .tabs-table .th-wg {
  color: #006838;
  font-family: 'Lexend', sans-serif;
  font-style: normal;
  line-height: normal;
}
.wainua-tabs .tabs-bullets-heading h3 {
  text-transform: uppercase;
  text-align: center;
  font-size: 16px;
}
.wainua-tabs .tabs-table .th-wg{font-weight: 600;}


.wainua-tabs .bullets-item-img {
    background-repeat: no-repeat;
}
.wainua-tabs .bullets-item-img.img-intestines {
  background-image: url('/content/dam/open-digital/saudi-hcp/en/cardiovascular/wainua/images/gastrointestinal-active.png');
}

.wainua-tabs .bullets-item-img.img-sensory {
  background-image: url(/content/dam/open-digital/saudi-hcp/en/cardiovascular/wainua/images/sensory-symptoms-icon.png);
  background-size: cover;
}

.wainua-tabs .bullets-item-img.img-foot {
  background-image: url(/content/dam/open-digital/saudi-hcp/en/cardiovascular/wainua/images/hattr-diagram-foot.svg);
  
}

.wainua-tabs .bullets-item-img.img-chart {
  background-image: url(/content/dam/open-digital/saudi-hcp/en/cardiovascular/wainua/images/diagnose-physical-icon.png);
  background-position-x: 3px;
  background-size: contain;
  margin-right: 10px;
}



.wainua-tabs .bullets-item-text p {
  color: #004122;
  font-family: 'Lexend', sans-serif;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

.wainua-tabs .bullets-item-text ul li {
  font-size: 16px;
  font-style: normal;
}

.wainua-tabs .bullets-item-text ul li span {
  position: relative;
  left: -12px;
}

.wainua-tabs .bullets-item-text ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
/*
.wainua-tabs .bullets-item-text ul li::marker {
  color: #F26522;
}
*/
.wainua-tabs .bullets-item-text ul li{
    position: relative;
    margin-left: 20px;
}

.wainua-tabs .bullets-item-text ul li::before {
    content: "";
    background-image: url(/content/dam/intelligentcontent/brands/wainuahcp/us/en/phase1/images/orange-bullet.svg);
    background-size: cover;
    width: 4px !important;
    height: 5px !important;
    position: absolute;
    left: -21px;
    top: 8px;
    background-repeat: no-repeat;
}


.wainua-tabs .tabs-table tbody tr:nth-child(odd) {
  background-color: #f8f8f8;
}

.wainua-tabs .tabs-table tbody tr.table-headers-bg {
  background-color: #fff;
}

.wainua-tabs .tabs-table tbody tr td:nth-child(odd) {
  text-align: center;
}

.wainua-tabs .tabs-table .table-ta-center {
  text-align: center;
}

.wainua-tabs .tabs-table .table-br {
  border-right: 1px solid #d7d7d7;
}

.wainua-tabs .tabs-table .table-bb {
  border-bottom: 1px solid #d7d7d7;
}

.wainua-tabs .tabs-container {
  flex-direction: column;
}

.how-to-diagnose-graphic img {
  width: 100%;
  height: auto;
  -webkit-user-drag: none;
  -khtml-user-drag: none;
  -moz-user-drag: none;
  -oz-user-drag: none;
  -ms-user-drag: none;
}

div#container-3fe6d6c0f4.cmp-container {
  background-color: #f8f8f8;
}

.HTD-timeline {
  display: flex;
  flex-direction: column;
  margin: 0px auto 0;
}

.HTD-timeline .timeline-heading,
.HTD-timeline .timeline-note {
  margin-bottom: 16px;
  line-height: normal;
  font-family: 'Lexend', sans-serif;
}

.HTD-timeline .timeline-heading {
  font-size: 24px;
  font-weight: 600;
}

.HTD-timeline .timeline-description {
  font-family: 'Lexend', sans-serif;
  font-weight: 400;
}

.HTD-timeline .timeline-note {
  font-size: 18px;
  font-weight: 700;
  color: #004122;
}

.DT-heading h3{
  font-family: Lexend;
  font-weight: 700;
  color: #1C1C1C;
  text-align: center;
  line-height: normal;
}
.DT-warning{
  display: flex;
  align-items: center;
  background-color: #f8f8f8;
  border: 1px solid #006838;
  border-radius: 5px;
}

.DT-warning img{width: 25px;height: 25px;}

.DT-footnotes h3{
  font-family:'Britanica-Regular';
  font-size: 18px;
  line-height: normal;
  color: #1C1C1C;
  margin-bottom: 8px;
}
.DT-footnotes h3 span{font-family: "Britanica-Black";color: #004122;}

#footnotes.DT-footnotes ul {
    padding: 0;
    list-style-type: none;
    margin: 0;
}
#footnotes.DT-footnotes ul li{
  font-family: 'Britanica-Regular';
  color: #000;
  font-size: 14px;
  line-height: normal;
     text-indent: -4px;
    padding-left: 4px;
}

.wainua-tabs .section-note h3 {
  padding-bottom: 40px;
  text-align: center;
  color: #004122;
  font-family: 'Lexend', sans-serif;
  font-style: normal;
  font-weight: 700; 
  margin: 0;
}


#foot-ref-mgwid span.footnote-italic {
  font-style: italic;
}



#moa .moa-diagram {
  display: flex;
  justify-content: space-between;
  gap: 17px;
}

#moa .moa-diagram .moa-diagram-item {
  display: flex;
  flex-direction: column;
}

#moa .moa-diagram .moa-diagram-item .moa-diagram-item-img {
  width: 100%;
  height: auto;
}

#moa .moa-diagram .moa-diagram-item .moa-diagram-item-text {
  border-right: 1px solid #024325;
  border-left: 1px solid #024325;
  border-bottom: 1px solid #024325;
}

#moa .moa-diagram .moa-diagram-item .moa-diagram-item-title {
  color: #004122;
  text-align: center;
  font-style: normal;
  line-height: normal;
  margin-bottom: 10px;
}

#moa .moa-diagram .moa-diagram-item .moa-diagram-item-desc {
  color: #000;
  text-align: center;
  font-size: 16px;
  font-style: normal;
  line-height: normal;
  margin: 0
}

#moa .moa-diagram .moa-diagram-item .moa-diagram-item-desc .moa-diagram-item-desc-boldText {
  font-weight: 900;
}

#moa #video-container #watch {
  margin: unset;
  width: unset;
}

#moa #watch h2 {
  border: none;
  padding-left: 0;
  margin: 0 auto 25px;
  color: #1c1c1c;
  font-family: 'Lexend', sans-serif;
  font-weight: 600;
  font-size: 24px;
}

#moa .moa-diagram-arrow {
  background-image: url('/content/dam/intelligentcontent/brands/wainuahcp/us/en/phase1/images/moa-diagram-arrow.png');
  background-size: 100%;
}

#about-hattr .hattr-diagramBox-diagram.diagram2 .hattr-diagramBox-item .hattr-diagramBox-item-descr{font-family: 'Britanica-Black';}


.DT-warning .DT-warning-item{display: flex;align-self:flex-start}
.DT-warning-separator{background-color:#F26522}
.DT-warning-item-text h4{
  font-family: Lexend;
  font-size: 14px;
  font-weight: 500;
  text-transform: uppercase;
  color: #006838;
  line-height: 18px;
}

#about-hattr .diagramBox-bottom-sentence h4{
  text-align: center;
  font-family: 'Lexend';
  font-size: 16px;
  font-weight: 700;
}


#home-phase1 .wsnw{white-space: nowrap;}

.tabs-container .DT-diagram-bottomtext{
  font-family: 'Britanica-Regular';
  font-weight: 400;
  line-height: 20px;
  color: #1C1C1C;
  font-size: 18px;
  margin-top: 12px;
}




/* April 2025 */

#light-gray-bg{background-color: #f8f8f8;padding: 0;}


#id-diff > h2{
    padding-top: 30px;
    margin: 0 auto;
    font-size: 24px;
    color: #1C1C1C;
    font-family: 'Lexend', sans-serif;
    font-weight: 600;
    line-height: normal;
}


#id-diff .legend-bar{margin-bottom: 15px;}

#id-diff .legend-bar > div:nth-of-type(1){
  background: #ededed;
  border: 1px solid #929292;
  border-right: 0;
  max-width: 233px;
  padding: 10px 0 10px 16px;
  align-items: center;
}

#id-diff .legend-bar > div:nth-of-type(1) p{color: #464748;}
#id-diff .legend-bar > div:nth-of-type(2) p{color: #1c1c1c;}
#id-diff .legend-bar p{
  font-family: 'Britanica-Black';
  font-size: 16px;
  margin: 0;
  line-height: normal;
}

#id-diff .legend-bar,
#id-diff .legend-bar > div,
#id-diff .legend-bar > div .legend-type{
  display: flex;
}

#id-diff .legend-bar,
#id-diff .legend-bar > div .legend-type{align-items: center;}

#id-diff .legend-bar > div{
  flex: 4;
  background: #fff;
  border: 1px solid #929292;
  border-left: 0;
  padding: 7px 0;
}

#id-diff .legend-bar > p,
#id-diff .legend-bar > div .legend-type{flex: 1;}

#id-diff .legend-type{
  gap: 12px;
}
#id-diff .legend-type:nth-of-type(1){padding-left: 30px;}
#id-diff .legend-type:nth-of-type(2),
#id-diff .legend-type:nth-of-type(3){padding-left: 15px;}
/***********************************/

#id-diff .table{
    overflow-x: scroll;
    width: 100%;
    -ms-overflow-style: none;
    scrollbar-width: none;
}

#id-diff .table::-webkit-scrollbar {
    display: none;
}


#id-diff .table .bgw{background-color: #fff;}
#id-diff .table .bglg{background-color: #f8f8f8;}

#id-diff .table tr:last-child td{border-bottom: 1px solid #929292;}

#id-diff .table tr.header-row{height: 44px;}
#id-diff .table tr.separator-row{height: 33px;}

#id-diff .table th{
  text-align: center;
  font-family: 'Lexend', sans-serif;
  font-weight: 600;
  font-size: 16px;
  line-height: normal;
}

#id-diff .table th:first-child{
    border: 0;
    background:#f8f8f8;
    position:sticky;
    left:0;
}
#id-diff .table th:first-child:before {
    width: 197px;
    height: 1px;
    content: "";
    position: absolute;
    display: block;
    top: -1px;
    left: 0px;
    background-color: #f8f8f8;
}

#id-diff .table th:not(:first-child){
  background-color: #FFF33B;  
  color: #004122;
  border-top: 1px solid #929292;
  border-right: 1px solid #929292;
  border-bottom: 0;
  border-left: 0;
}


#id-diff .table th:nth-of-type(2){
  background-image: linear-gradient(90deg, #004122, #006838, #004122);
  color: #fff;
}

#id-diff .table td{
  padding: 7px 0;
  font-family: "Britanica-Regular";
  font-weight: 400;
  font-size: 16px;
  color: #1C1C1C;
  line-height: 20px;
}

#id-diff .table td:first-child{
  box-shadow: inset -2px 0 0 #004122;
  padding-left: 16px;
  position: sticky;
  left: 0;
  border-left: 1px solid #929292;
}

#id-diff .table td:not(:first-child){
  text-align: center;
  font-size: 15px;
  border-right: 1px solid #929292;
  padding-left:5px;
  padding-right:5px;
}

#id-diff .table td.gi-symp{
  padding-left: 30px;
}

#id-diff .table td img{width: 24px;height: 24px;}

#id-diff .table td sup{line-height: normal;}

#id-diff .table .table-separator{
  background: #004122;
  color: #fff;
  font-family: 'Lexend', sans-serif;
  font-weight: 600;
  font-size: 13.5px;
}

.drag2scroll{margin: 30px 0 20px;}
.drag2scroll p{text-align: center;font-size: 16px;}

/***********************************/


#greenbar-callout{padding: 30px 0;}


#greenbar-callout div{
  margin: 0 auto;
  background-color: #E5F0EB;
  border-radius: 5px;
}
#greenbar-callout div p{
  color: #004122;
  font-family: 'Lexend', sans-serif;
  font-weight: 600;
  font-size: 20px;
  padding: 12px 0;
  text-align: center;
}

/***********************************/

#moa .moa-diagram-header{max-width: 1160px;}

#home-phase1 #moa .moa-banner-footnote p{
  font-family: "Britanica-Regular";
  color: #000;
  margin-top: 5px;
  font-weight: 400;
}

#light-gray-bg .HTDtable-footnotes{
  margin: 0 auto 0;
  padding-bottom: 40px;
}
#light-gray-bg .HTDtable-footnotes ul{
    list-style-type: none;
    padding: 0;
    margin: 0;
}
#light-gray-bg .HTDtable-footnotes li{
  font-size: 14px;
  font-family: "Britanica-Regular";
  color: #000;
  line-height: normal;
}

#light-gray-bg .HTDtable-footnotes li:has(span){text-indent: -4px;}

.DT-img img{
    max-width: 100%;
}

.subpage-topBanner-content h2 {
    font-size: 24px;
    color: #1C1C1C;
    font-family: 'Lexend', sans-serif;
    font-weight: 600;
    line-height: normal;
    margin-bottom: 0;
}

#wainua-tabs {
  padding: 0;
}

#wainua-tabs .nav-pills{
    margin: 0;
    border: none;
}

#id-diff .table, #id-diff .table table {
    margin: 0;
}

.DT-warning h3 {
    margin: 0;
    color: #006838;
    font-family: 'Lexend', sans-serif;
    font-size: 18px;
   font-weight: 600;
   line-height: normal;
    font-family: 'Lexend', sans-serif;
}

.DT-warning h4 {
    margin: 0;
}

.diagnose-img {
    display: flex;
    align-items: center;
    margin-top: 30px;
    padding-right: 15px;
}

.diagnose-img p {
    text-align: center;
    color: #004122;
    font-size: 18px;
    line-height: 22px;
    font-family: 'Lexend', sans-serif;
    font-style: normal;
    font-weight: 700;
    width: 17%;
    margin: 0;
    padding-top: 25px;
}

.diagnose-img img {
    width: 83%;
}

.diagnose-bottom-text {
    color: #004122;
    font-size: 18px;
    line-height: 22px;
    font-family: 'Lexend', sans-serif;
    font-style: normal;
    font-weight: 700;
    margin-top: 30px;
    margin-left: auto;
    margin-right: auto;
}

.highlight-image {
    max-width: 1160px;
    margin-left: auto;
    margin-right: auto;
}

/*************************** MEDIA QUERIES (SMALL) *********************************/

@media only screen and (max-width: 426px) {
  
  #home-phase1 .subpage-topBanner-content p {font-size: 14px;}

  .hattr-diagramBox {
    margin: 0px auto 0;
    width: 90vw;
    max-width: 1160px;
  }
}

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

  .subpage-topBanner.req-a-rep {
    margin: 0 auto 34px;
    padding: 30px 12px 0;
  }

  .subpage-topBanner-image img {
    width: 16%;
    height: auto;
  }

  
  #about-hattr .subpage-topBanner-content {
    display: flex;
    margin: 0px auto 5px;
    padding-bottom: 35px;
  }
  
  #about-hattr .subpage-topBanner-content > p{padding-bottom: 5px;}
  .subpage-topBanner-content > h1 {line-height: 28px;}

  
  .subpage-topBanner-content h1{line-height: 28px;}
  .subpage-topBanner-content > h2 {
     margin-top: 30px;
     font-size: 24px;
    color: #1C1C1C;
    font-family: 'Lexend', sans-serif;
    font-weight: 600;
    line-height: normal
      
  }



  #moa-video > h2{font-size: 20px !important;}

  #moa #foot-ref-mgwid .footnodelist{padding-right: 3px;}
  #moa #foot-ref-mgwid .footnodelist li{line-height: 1.22;}
    
#moa #video-container{padding-bottom: 15px;}
#moa #video-container > .video{border-bottom:unset;}
    
    #about-hattr .diagramBox.diagram1{padding-bottom:40px};
    
    
  #moa #video-container > .video{border-bottom: 0;}
  
  #about-hattr #diagram2-container {padding: 40px 0px 30px;}

  
  .wainua-tabs .tabs-body,
  .wainua-tabs .tabs-bullets-row,
  #simple-card-columns,
  #about-hattr .hattr-diagramBox-diagram,
  .wainua-tabs .tabs-table-row,
  #simple-card-columns .simple-card,
  #callout-container .callout,
  .hattr-diagramBox-diagram.diagram2 .hattr-diagramBox-item{
    flex-direction: column;
  }

  #about-hattr .diagramBox-container{display: flex;flex-direction: column;align-items: center;}
  
  #about-hattr .diagramBox-container .diagramBox-title{width: 100%;}

  #about-hattr .hattr-diagramBox-diagram {padding: 35px 0 0;}

  #about-hattr .hattr-diagramBox-diagram.diagram2{max-width:290px;padding-top: 30px;}
  

  #about-hattr .hattr-diagramBox-diagram.diagram1 {
    gap: 20px;
    padding: 20px 10px 30px;
  }


  .wainua-tabs .tabs-table-row {padding: 0px;}

  #about-hattr #simple-card-columns .simple-card{width: 93%;}

  #simple-card-columns .simple-card .card-CTA .card-CTA-label {
    margin-right: 10px;
  }




  #about-hattr .hattr-diagramBox-heading h2 {
    font-size: 20px;
    line-height: 24px;
  }

  #about-hattr .hattr-diagramBox-item {
    justify-content: center;
  }

  #about-hattr .hattr-diagramBox-item-separator img {
    transform: rotate(90deg);
  }


  .how-to-diagnose-graphic img.htd-graphic-desktop {display: none;}

  .how-to-diagnose-graphic img.htd-graphic-mobile {display: block;}

  .wainua-tabs .tabs-separator.tab1-separator {display: none;}
  .wainua-tabs .tabs-separator.tab2-separator {width: 95%; height: 2px;align-self: center;transform: unset;}

  .wainua-tabs .tabs-intro {
    text-align: center;
    padding: 22px 12px 0;
    max-width: 620px;
    margin: 0 auto;
  }

  .wainua-tabs .tabs-bullets-heading {
    margin: 24px 0;
  }


  .wainua-tabs .tabs-bullets-item {
    margin-bottom: 16px;
    justify-content: space-between;
  }

  .wainua-tabs li.tab-list-element {
    padding: 20px 5px 12px;
    width: 31%;
    min-width: 100px;
    max-width: 250px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 4px;
    
  }
  
  .wainua-tabs li.tab-list-element:not(:last-child){
      margin-right: 15px;
  }

  .wainua-tabs .tabs-table-heading {padding: 0 6px;}
  .wainua-tabs .tabs-table-heading h3 {
    font-size: 18px;
    line-height: normal;
    min-width: 326px;
  }

  .wainua-tabs .tabs-tables-body {
    padding: 0px 5px 25px;
  }

  .wainua-tabs .tabs-table-row {
    gap: 20px;
  }

  #about-hattr .hattr-diagramBox-diagram.diagram1 .hattr-diagramBox-item-img {
    align-self: center;
    background-size: 100%;
    background-position: center;
  }


  #about-hattr .hattr-diagramBox-item-img.liver {
    width: 109px;
    height: 93px;
    margin-left: 17px;
  }

  #about-hattr .hattr-diagramBox-item-img.tetramer-1 {
    width: 102px;
    height: 87px;
    margin-left: 21px;
  }

  #about-hattr .hattr-diagramBox-item-img.tetramer-2 {
    width: 118px;
    height: 90px;
    margin-left: 12px;
  }

  #about-hattr .hattr-diagramBox-item-img.monomer {
    width: 101px;
    height: 86px;
    margin-left: 21px;
  }

  #about-hattr .hattr-diagramBox-item-img.body {
    width: 116px;
    height: 99px;
    margin-left: 12px;
  }

  #about-hattr .diagramBox-item-info.liver {
    flex-basis: 161px;
    margin-left: 15px;
  }

  #about-hattr .diagramBox-item-info.tetramer-1 {
    flex-basis: 193px;
  }

  #about-hattr .diagramBox-item-info.tetramer-2 {
    flex-basis: 193px;
  }

  #about-hattr .diagramBox-item-info.monomer {
    flex-basis: 193px;
  }

  #about-hattr .diagramBox-item-info.body {
    flex-basis: 188px;
  }

  #about-hattr .hattr-diagramBox-item-img.foot,
  #about-hattr .hattr-diagramBox-item-img.crutches,
  #about-hattr .hattr-diagramBox-item-img.wheelchair {
    background-size: contain;
  }

  #about-hattr .hattr-diagramBox-item-img.foot {
    height: 70px;
    width: 83px;
    background-size: 85%;
  }

  #about-hattr .hattr-diagramBox-item-img.crutches {
    height: 101px;
    width: 50px;
    position: relative;
    top: -2px;
    left: 3px;
  }

  #about-hattr .hattr-diagramBox-item-img.wheelchair {
    height: 99px;
    width: 93px;
  }

  #about-hattr .hattr-diagramBox-item-separator.sep1{margin-top: 18px;margin-bottom: 10px;}
  #about-hattr .hattr-diagramBox-item-separator.sep2{margin-top: 20px;margin-bottom: 16px;}
  #about-hattr .hattr-diagramBox-item-separator.sep3{margin-top: 18px;margin-bottom: 15px;}

  .HTD-timeline .timeline-heading {
    margin-top: 40px;
  }

  .HTD-timeline .timeline-note {margin-bottom: 40px;}

  .HTD-timeline .timeline-heading,
  .HTD-timeline .timeline-description,
  .HTD-timeline .timeline-note {
    padding-left: 12px;
    padding-right: 12px;
  }

  .HTD-timeline .timeline-graphic {
    display: none;
  }

  .HTD-timeline .timeline-graphic-mobile {
    display: block;
    margin: 32px auto;
  }


  #about-hattr .hattr-diagramBox-diagram.diagram1 .hattr-diagramBox-item-separator {
    width: 24px;
    left: 20%;
  }
  
  #about-hattr .hattr-diagramBox-diagram.diagram1 .hattr-diagramBox-item-separator.tetramer-1 {margin-top: 5px;}
  #about-hattr .hattr-diagramBox-diagram.diagram1 .hattr-diagramBox-item-separator.tetramer-2 {margin-top: 11px;}
  #about-hattr .hattr-diagramBox-diagram.diagram1 .hattr-diagramBox-item-separator.monomer {margin-top: 10px;margin-bottom: 8px;}

  #about-hattr .hattr-diagramBox-diagram.diagram2 .hattr-diagramBox-item-separator {
    left: 46%;
    width: 24px;
  }

  


  #home-phase1 .CTA-row {
    max-width: 470px;
    margin: 0 auto;
  }

  #home-phase1 .CTA-row-link p {
    font-size: 18px;
    text-decoration: underline;
    line-height: 22px;
  }

  #home-phase1 .CTA-row-link {
    justify-content: center;
    padding: 4px 0 20px;
    margin: 0 auto;
  }

  .hattr-diagramBox-container.diagram1 {
    padding-bottom: 24px;
    margin-bottom: 40px;
  }

  .hattr-diagramBox-diagram.diagram1 .hattr-diagramBox-item {
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
  }

  .hattr-diagramBox-diagram.diagram2 .hattr-diagramBox-item-img {
    align-self: center;
  }

  #simple-card-columns .simple-card .card-CTA .card-link p {
    padding: 19px 0px 20px 18px;
  }

  #callout-container .callout-text {padding: 20px 12px 10px;}

  #callout-container .callout-img-mobile {margin-bottom: -1px;}

  #moa #callout-container .callout-text{padding: 20px 12px 10px 11px;}

  #callout-container .callout-text h2 {
    font-size: 25px;
  }

  #callout-container .callout-img {
    display: none;
  }


  .wainua-tabs ol.tab-list-elementlist:has(> li:nth-of-type(2):not(:has(> li:nth-of-type(3))))>li {
    width: 167px;
  }

  .wainua-tabs ol.tab-list-elementlist:has(> li:nth-of-type(3))>li {
    width: 107px;
  }

  .wainua-tabs ol.tab-list-elementlist:has(> li:nth-of-type(3))>li {
    width: 28vw;
    min-width: 100px;
    max-width: 250px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 4px;
  }

  #efficacy .wainua-tabs ol.tab-list-elementlist:has(> li:nth-of-type(3))>li:first-of-type {padding: 20px 0px 12px;}

  .wainua-tabs li.tab-list-element,
  .wainua-tabs li.tab-list-element.active {
    font-size: 16px;
    line-height: 19px;
  }

  .wainua-tabs li.tab-list-element,
  .wainua-tabs li.tab-list-element.active{font-size: 16px;}

  .tabs-intro h2{font-size: 18px;}

  .wainua-tabs ol.tab-list-elementlist li:not(:last-child) {
    margin-right: 15px;
  }

  #footnotes.DT-footnotes ul li{
    padding-left: 0px;
  }


  .wainua-tabs .bullets-item-img {
    flex-basis: 24%;
    background-repeat: no-repeat;
  }

  .wainua-tabs .bullets-item-text {
    flex-basis: 76%;
  }

  .wainua-tabs .tabs-bullets-row {
    width: 100%;
    max-width: 350px;
  }

  .wainua-tabs .bullets-item-img.img-intestines {
    background-size: auto 65px;
    background-position: center 3px;
  }

  .wainua-tabs .bullets-item-img.img-sensory {
    background-size: 70%;
    background-position: 15px 2px;
  }

  .wainua-tabs .bullets-item-img.img-foot {
    background-size: auto 40px;
    background-position: center 12px;
  }

  .wainua-tabs .bullets-item-img.img-chart {
    background-size: auto 50px;
    background-position: center 10px;
  }

  .wainua-tabs .bullets-item-text p,
  .wainua-tabs .bullets-item-text ul li:not(:last-child) {
    margin-bottom: 4px;
  }


  #moa #watch {
    margin-top: unset;
  }

  #moa .moa-diagram {
    flex-direction: column;
    width: 93%;
    margin: 0px auto 30px;
    gap: unset;
    max-width: 348px;
  }

  #moa .moa-diagram .moa-diagram-item {
    width: 100%;
    height: 100%;
  }

  #moa .moa-diagram .moa-diagram-item.item2 .moa-diagram-item-text{
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  #moa .moa-diagram .moa-diagram-item.item2 .moa-diagram-item-text .moa-diagram-item-desc{max-width: 289px;}


  #moa .moa-diagram-arrow {
    max-width: 32px;
    min-height: 25px;
    position: relative;
    left: 45%;
  }

  #moa .moa-diagram-arrow.arrow1 {
    transform: rotate(90deg);
  }

  #moa .moa-diagram-arrow.arrow2 {
    transform: rotate(90deg);
  }
  
  #moa .moa-diagram .moa-diagram-item .moa-diagram-item-text {padding: 20px 20px 25px;
        margin-left: 1px;


}
  #moa .moa-diagram .moa-diagram-item.item3 .moa-diagram-item-text {
    
        margin-left: 2px;


}



  .diagnostic-tool-tab{
    margin: 0 5px;
    padding-bottom: 10px;
  }

  .DT-img {display: flex;flex-direction: column;}
  .DT-img img:nth-of-type(2){margin-top:20px;}
  .DT-img img:nth-of-type(3){margin-top:20px;}

  .HTD-timeline .timeline-description {font-size: 18px;margin-bottom: 0px;}
  
  .DT-heading h3 {font-size: 18px;padding-top: 20px;margin-top: 0;}
  .DT-warning{padding: 20px 20px 20px 20px;margin: 20px 0 25px;}
  .DT-warning h3{font-size: 18px;}
  .DT-warning img{margin-right: 15px;}
  .DT-footnotes{margin: 0 3px 18px 8px;}

  #about-hattr .diagramBox.diagram2 .hattr-diagramBox-item:nth-of-type(3) .hattr-diagramBox-item-img {margin-bottom: 10px;}
  #about-hattr .diagramBox.diagram2 .hattr-diagramBox-item:nth-of-type(5) .hattr-diagramBox-item-img {margin-bottom: 14px;}
  #about-hattr .diagramBox.diagram2 .hattr-diagramBox-item:nth-of-type(7) .hattr-diagramBox-item-img {margin-bottom: 15px;}


  #about-hattr .diagramBox.diagram2 .hattr-diagramBox-item-title {margin-bottom: 4px;}

  .wainua-tabs .tabs-bullets-heading h3 {font-weight: 600;}
  
  .wainua-tabs .tabs-table .th-wg {font-size: 16px;}

  .wainua-tabs .tabs-table .score-cell{font-size: 16px;}
  
  .DT-warning {flex-direction: column;}
  
  .DT-warning-separator{
    width: 100%;
    height: 1px;
    margin: 30px 0;
  }
  
  #about-hattr .diagramBox-bottom-sentence h4{padding: 17px 10px 33px;}
  
  .tabs-container .DT-diagram-bottomtext{margin-top: 3px;}

  
  #id-diff .legend-bar{height: 111px;}
  #id-diff .legend-bar > div:nth-of-type(1){height: 100%;max-width: 25%;}
  #id-diff .legend-bar > div:nth-of-type(2){flex-direction: column;gap: 10px;}
  
  
  #moa .moa-diagram-header{
    width: 93%;
    margin: 0px auto 20px; 
  }
    
  #id-diff > h2,
  #id-diff .legend-bar{width: 93%;margin: 0 auto;}

  #id-diff .table table{width: 838px;margin: 0 auto;}

  #id-diff .table td:first-child{width: 197px;padding-left: 12px;z-index: 2;}
  #id-diff .table td.gi-symp{padding-left: 30px}
  
  #id-diff .table tr td:not(:first-child){
    width: 160px;
    font-size: 14px;
    line-height: 15px;
    position: relative;
    top: 0px;
    left: 0px;
  }
  #id-diff .table th{font-size: 14px;padding: 10px 7px;}
  #id-diff .table td{font-size: 15px;}
  #id-diff .table .table-separator{font-size: 11px;}
  #id-diff .legend-type:nth-of-type(1) {padding-left: 16px;}
  
  #greenbar-callout p{font-size: 18px;padding: 12px 30px;}

  
  #id-diff .table tr.h50 td:not(:first-child){padding: 10px 0;}
  #id-diff .table tr.h67 td:not(:first-child){padding: 11px 5px;}
  #id-diff .table td.lh15{line-height: 15px;padding: 0 12px;}

  
  #id-diff .table th:last-child{padding: 10px 17px;}
}



@media only screen and (min-width:389px) and (max-width: 991px) {
  #about-hattr .hattr-diagramBox-diagram.diagram1 .hattr-diagramBox-item-separator {
      width: 24px;
      position: relative;
      left: 60px;
  }
  #about-hattr .hattr-diagramBox-diagram.diagram1 {
    max-width: 343px;
    justify-self: center;
  }

 .moa-diagram-arrow.arrow2 {
    top: 29.4% !important;
    }

}


@media only screen and (max-width: 391px) {
  .wainua-tabs ol{justify-content: space-between;}
}


/*************************** MEDIA QUERIES (LARGE) *********************************/

@media only screen and (min-width: 992px) {
  .d-mobile {
      display: none;
  }
  #footnode-container #foot-ref-mgwid .footnodelist{padding-right: 2px;}
    
  #moa #simple-card-columns .simple-card:nth-of-type(1) .card-title h2{max-width: 90%;}
  
  #moa #video-container{padding-bottom: 9px;}

  #about-hattr #diagram2-container {padding: 40px 0px;}
  
  #home-phase1 .subpage-topBanner-content p {font-size: 16px;}

  .subpage-topBanner-image img {
    width: 253px;
   /*  height: 197.04px; */
     height: 192.04px; 
  }

  #about-hattr .subpage-topBanner-content > h1{line-height: 100%;}
  
  
  .subpage-topBanner{
    height: unset;
    padding: 40px 0 32px;
  }
  .subpage-topBanner-content h1{line-height: 120%;}
  .subpage-topBanner-content > h2 {margin-top: 43px;}

  #simple-card-columns .simple-card {
    max-width: 572px;
    width: -webkit-fill-available;
    height: 180px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;

  }

  #simple-card-columns .card-title {
    margin-top: 28px;
    margin-left: 30px;
    padding-right: 10px;
  }

  .diagramBox.diagram1 {
    margin-bottom: 40px;
  }

  .diagramBox.diagram2 .diagramBox-heading {
    margin-bottom: 40px;
  }

  .diagramBox
   {
    margin: 0 auto;
    max-width: 1160px;
	width: 100%;
  }

  .how-to-diagnose-graphic img.htd-graphic-desktop {
    display: block;
  }

  .how-to-diagnose-graphic img.htd-graphic-mobile {
    display: none;
  }

  .wainua-tabs .tabs-body {
    padding-top: 40px;
    padding-bottom: 60px;
  }
  .wainua-tabs .tabs-body {padding-bottom: 40px;}

  #about-hattr .hattr-diagramBox-diagram.diagram1 {
    padding: 40px 40px 55px 60px;
    width: 100%;
    justify-content: space-between;
  }

  #about-hattr .hattr-diagramBox-diagram.diagram2 {
    padding: 45px 50px 0 51px;
  }

  #about-hattr .hattr-diagramBox-item {
    max-width: 180px;
    min-width: 128px;
    align-self: start;
  }

  #about-hattr .hattr-diagramBox-diagram.diagram2 .hattr-diagramBox-item {
    flex-direction: column;
  }

    #about-hattr .hattr-diagramBox-item-text-icon{padding-top:85px}
    
  #about-hattr .hattr-diagramBox-item.diagram1 .hattr-diagramBox-item-img {
    align-self: start;
  }

  #about-hattr .hattr-diagramBox-item.diagram2 .hattr-diagramBox-item-img {
    align-self: center;
  }

  .HTD-timeline {
    max-width: 1160px;
    padding: 40px 0 20px;
    width: 90%;
  }

  .HTD-timeline .timeline-graphic {
    margin: 10px 0 30px;
    display: block;
  }

  .HTD-timeline .timeline-graphic-mobile {
    display: none;
  }

  
  .diagnostic-tool-tab{
    margin: 0 70px;
    padding-bottom: 45px;
  }

  .DT-heading h3 {font-size: 20px;padding: 34px 0 22px;margin: 0;}
  .DT-warning{
    padding: 15px 27px;
    margin: 20px 0 30px;
    border: 1px solid #006838;
    border-radius: 5px;
  }
  .DT-warning img{margin-right: 15px;margin-top: 5px;}
  .DT-warning h3{font-size: 16px;}

  #about-hattr .hattr-diagramBox-diagram.diagram1 .hattr-diagramBox-item-separator {
    top: 65px;
  }

  #about-hattr .hattr-diagramBox-diagram.diagram1 .hattr-diagramBox-item-separator.tetramer-1{margin-left: 10px;}
  #about-hattr .hattr-diagramBox-diagram.diagram1 .hattr-diagramBox-item.tetramer-1 {margin-left: 7px;}
  #about-hattr .hattr-diagramBox-diagram.diagram1 .hattr-diagramBox-item.tetramer-2 {margin-left: 7px;}
  #about-hattr .hattr-diagramBox-diagram.diagram1 .hattr-diagramBox-item-separator.tetramer-2{margin-left: 10px;}
  #about-hattr .hattr-diagramBox-diagram.diagram1 .hattr-diagramBox-item.monomer {margin-left: 8px;}
  #about-hattr .hattr-diagramBox-diagram.diagram1 .hattr-diagramBox-item-separator.monomer{margin-left: 7px;}
  #about-hattr .hattr-diagramBox-diagram.diagram1 .hattr-diagramBox-item.body {margin-left: 7px;}

  #about-hattr .hattr-diagramBox-diagram.diagram2 .hattr-diagramBox-item-separator {
    top: 95px;
  }

  .hattr-diagramBox-title {
    margin-bottom: 40px;
  }

  #home-phase1 .CTA-row-link {
    padding: 18px 19px 17px 0;
  }

  #home-phase1 .CTA-row-link p {
    font-size: 20px;
    line-height: normal;
  }


  .hattr-diagramBox-container.diagram1 {
    padding-bottom: 17px;
  }

  .hattr-diagramBox-diagram.diagram1 .hattr-diagramBox-item {
    flex-direction: column;
  }

  #simple-card-columns .simple-card .card-CTA .card-link p {
    padding: 19px 0px 20px 30px;
  }

  #callout-container .callout {
    min-height: 225px;
    width: 90%;
    max-width: 1160px;
    margin: 0 auto;
  }

  #callout-container .callout-text {
    z-index: 2;
  }

  #callout-container .callout-text h2 {
    font-size: 32px;
  }

  #callout-container .callout-img-mobile {
    display: none;
  }


  .callout-AH .callout-text {
    width: 455px;
  }

  .callout-HTD .callout-text {
    width: 50%;
  }

  .callout-MOA .callout-text {
    width: 50%;
  }

  .callout.callout-HTD h2 {
    transform: translateX(-7px);
  }

  .callout.img-right .callout-img {
    right: 0;
    min-height: 100%;
    max-height: 105%;
    min-width: 52vw;
    max-width: 60vw;
    /*object-fit: contain;*/
  }
  
  #about-hattr .callout.img-right .callout-img,
  #wainua-way .callout-AH .callout-img,
  #dosing-admin .callout-AH .callout-img,
  .callout-HTD .callout-img{
    transform: translateX(calc(83% - 43vw));
    max-width: 100%;
  }

  .callout.img-left .callout-img {
    left: 0px; 
    min-height: 100%;
    max-width: 63.5vw;
    object-fit: cover;
  }

  #callout-container .callout.img-left .callout-text {
    padding-left: 73px;
  }


  .wainua-tabs .tabs-intro {
    align-self: center;
    width: 45%;
  }
  
  .wainua-tabs .tabs-bullets{width: 100%;}

  .wainua-tabs .tabs-bullets-heading {margin-top: 10px;margin-left: 160px;align-self: flex-start;}
  .wainua-tabs .tabs-bullets-heading {margin-top: 0;}

  .wainua-tabs .tabs-bullets-row {align-self: flex-start; width: 100%;}

  .wainua-tabs .tabs-bullets-row.first-row {gap: 18px; margin-top: 35px;}
  .wainua-tabs .tabs-bullets-row.second-row {gap: 25px; margin-top: 50px;}

  .wainua-tabs li.tab-list-element {
    padding: 20px 16px 0;
    margin-right: 16px;
  }

  .wainua-tabs .tabs-table-heading {
    padding: 0 90px
  }

  .wainua-tabs .tabs-table-heading h3 {
    font-size: 20px;
  }

  .wainua-tabs .tabs-table-row {
    gap: 80px;
    margin-top: 17px;
  }

  .wainua-tabs li.tab-list-element {
    width: 250px;
  }

  .wainua-tabs .tabs-intro h2 {
    max-width: 254px;
    margin: 0 auto;
    position: relative;
    top: -11px;
    left: 7px;
  }

  .wainua-tabs .bullets-item-text ul li {
    line-height: normal;
  }

  .wainua-tabs .bullets-item-img.img-sensory {
    margin-right: 15px;
  }


  .wainua-tabs li.tab-list-element,
  .wainua-tabs li.tab-list-element.active {
    font-size: 18px;
    line-height: normal;
  }

  .wainua-tabs ol.tab-list-elementlist li {
    width: 250px;
  }

  .wainua-tabs ol.tab-list-elementlist li:not(:last-child) {
    margin-right: 15px;
  }


  .wainua-tabs .bullets-item-img {
    background-size: 77%;
    min-width: 95px;
    max-height: 95px;
  }


  .wainua-tabs .bullets-item-img.img-intestines {
    background-position-x: 9px;
    min-width: 92px;
  }
  
  .wainua-tabs .bullets-item-img.img-foot {
    background-size: 75%;
    background-position-y: 11px;
    background-position-x: 2px;
  }
  .wainua-tabs .bullets-item.item-intestines{margin-left: 15px;}
  .wainua-tabs .bullets-item.item-foot{margin-left: 35px;}

  .wainua-tabs .bullets-item-text p,
  .wainua-tabs .bullets-item-text ul li:not(:last-child) {
    margin-bottom: 8px;
  }

  .wainua-tabs .tabs-bullets-item.item-intestines,
  .wainua-tabs .tabs-bullets-item.item-foot{margin-left: 30px;width: 100%;max-width: 333px;}

  .wainua-tabs .tabs-bullets-item.item-chart{width: 100%;max-width: 311px;}

  .wainua-tabs .tabs-tables-body {
    padding: 15px 60px 60px;
  }
  .wainua-tabs .tabs-table table{height: 100%;}

  #moa .moa-diagram {
    margin: 20px auto 40px;
    max-width: 1160px;
    width: 90%;
  }

  #moa .moa-diagram .moa-diagram-item {
    width: 375px;
    height: 370px;
  }
  #moa .moa-diagram .moa-diagram-item.item2 .moa-diagram-item-text{
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  #moa .moa-diagram .moa-diagram-item.item2 .moa-diagram-item-text .moa-diagram-item-desc{max-width: 255px;}


  #moa .moa-diagram .moa-diagram-item:nth-of-type(1) .moa-diagram-item-text .moa-diagram-item-desc{padding: 0 10px;}

  #moa .subpage-topBanner{
    height: unset;
    padding: 40px 0 15px;
  }

  #moa .subpage-topBanner-content {
    max-width: 90%;
  }

  #moa .moa-diagram-arrow {
    min-width: 70px;
    min-height: 50px;
    position: absolute;
    transform: translateX(350px);
    top: 39%;
  }
  #moa .subpage-topBanner-content h1 sup{
    white-space: nowrap;
  }


  #moa .moa-diagram .moa-diagram-item .moa-diagram-item-text {
    padding: 13px 23px 25px;
    height: 100%;
    min-height: 120px;
    margin-left: 1px;
    margin-right: 1px;
  }
 #moa .moa-diagram .moa-diagram-item.item3 .moa-diagram-item-text {
   margin-left: 2px;
    margin-right: 0px;
  }



  #about-hattr .hattr-diagramBox-item-img {
    background-size: cover;
    background-position-y: top;
    min-height: 150px;
  }

  #about-hattr .hattr-diagramBox-item-img.foot {
    background-size: 74%;
    background-position: center;
  }

  #about-hattr .hattr-diagramBox-item-img.crutches {
    background-size: 41%;
    background-position-x: 56px;
    background-position-y: center;
  }

  #about-hattr .hattr-diagramBox-item-img.wheelchair {
    background-size: 80%;
    background-position-x: 64%;
    background-position-y: center;
  }

  
  .wainua-tabs .tabs-bullets-heading h3 {font-weight: 700;}
  
  .HTD-timeline .timeline-description {font-size: 20px;margin-bottom:20px}

  .wainua-tabs .tabs-table .th-wg {font-size: 18px;}

  
  .wainua-tabs .tabs-table tbody tr.table-headers-bg {height: 60px;}
  .wainua-tabs .tabs-table tr:not(.table-headers-bg){height: calc((100% - 60px)/3);}

  #about-hattr .hattr-diagramBox-item-separator.sep1{padding-left: 4%;padding-right: 4%;}
  #about-hattr .hattr-diagramBox-item-separator.sep2{padding-left: 3%;padding-right: 4%;}
  #about-hattr .hattr-diagramBox-item-separator.sep3{padding-left: 4%;padding-right: 4%;}

  .wainua-tabs .tabs-table .score-cell{font-size: 18px;}

  #callout-container .callout-text h2{padding: 32px 0;}


  .DT-warning .DT-warning-item:nth-of-type(3){flex-basis: 509px;}

  .DT-warning-separator{
    width: 1px;
    height: 81px;
    margin: 0 30px;
  }
  .DT-warning-item-text h3{font-size: 18px;}

  
  #about-hattr .diagramBox-bottom-sentence h4{padding: 36px 0 34px;}


  .wainua-tabs .tabs-separator {
    max-height: 385px;
    transform: translateY(-11px);
  }

  
  .tabs-container .DT-diagram-bottomtext{margin-top: 12px;}
  
  #moa .moa-diagram-header{
    width: 90%;
    margin: 0px auto 30px; 
  }
  
  #id-diff .table table{width: 1160px;}
  
  #id-diff .table tr td{width: 232px;}
  

  #id-diff .table tr.separator-row:nth-of-type(2){border-top: 1px solid #929292;}

  #id-diff .table tr.separator-row td{
    line-height: normal;
    padding-top: 6px;
    padding-bottom: 7px;
  }
  
  
  #greenbar-callout{padding: 33px 0 40px;}
  
  #home-phase1 #moa .moa-banner-footnote p{font-size: 14px;}

}


@media (max-width: 1400px) {
    .diagnose-img img {
        width: 80%;
    }
    
    .diagnose-img p {
        width: 20%;
    }
}

@media only screen and (max-width: 1115px) {
  .wainua-tabs .tabs-separator.tab1-separator {height: unset;}
}

@media only screen and (min-width:992px) and (max-width: 1250px) {
    .callout-HTD .callout-text {
        width: 50%;
    }
    #moa .moa-diagram-arrow {
      transform: translateX(27vw);
      top:calc(12vw - -4%);
    }
    #moa .moa-diagram .moa-diagram-item .moa-diagram-item-text{
      min-height: 155px;
    }

    #callout-container .callout-text h2{
        font-size: 29px;
    }
    
    #moa .callout-MOA .callout-img{left: -60px;}
    
}

@media (max-width: 991px) {
    #navbar .nav-menus > li:first-child:after {
        display: none;
    }
}


@media (max-width: 767px) {
    .subpage-topBanner-content h1 {
        max-width: 81%;
    }
    
    .subpage-topBanner-content > h2 {
        font-size: 20px;
    }
    
    .tab-container {
        margin: 0;
        padding-top: 0;
        border-top: none;
    }
    
    .nav-pills:not(.nav-stacked)>li.active>a, .nav-pills:not(.nav-stacked)>li.active>a:focus, .nav-pills:not(.nav-stacked)>li.active>a:hover {
        border: none;
    }
    
    .wainua-tabs li.tab-list-element {
        float: left;
    }
    
    #wainua-tabs .nav-pills {
        display: flex;
    }
    
    .wainua-tabs .tabs-intro h2 {
        margin: 0;
        font-size: 18px;
    }
    
    .wainua-tabs .tabs-bullets-heading h3 {
        padding: 0 15px;
        margin: auto;
    }
    
    .wainua-tabs .bullets-item-text ul li {
        padding: 0;
    }
    
    .wainua-tabs .tabs-intro {
        padding: 22px 6px 0;
    }
    
    .DT-heading h3 {
        margin-top: 0;
        padding-top: 18px;
    }
    
    #id-diff > h2 {
        width: 100%;
        font-size: 20px;
    }
    
    .diagnose-img {
        flex-wrap: wrap;
    }
    
    .diagnose-img img{
        width: 100%;
    }
    
    .diagnose-img p {
        width: 100%;
        padding-right: 0;
        padding-bottom: 0;
        font-size: 14px;
        padding-top: 0;
    }

}


@media only screen and (max-width: 374px) {
  .wainua-tabs ol.tab-list-elementlist:has(> li:nth-of-type(3))>li {
    width: 95px;
  }
  .wainua-tabs ol.tab-list-elementlist li:not(:last-child) {
      margin-right: 5px;
  }
  #home-phase1 #simple-card-columns .card-link p{
      font-size:17px;
  }
}

@media only screen and (min-width: 1440px) {
  .callout.img-right .callout-img{object-fit: cover;}
}

@media only screen and (min-width:700px) and (max-width: 991px) {
  #about-hattr .subpage-topBanner-content h1{max-width: 85%;}
}

@media (max-width: 991px) {
    .diagnose-img p br{
        display: none;
    }
    
    .d-desktop {
        display: none;
    }
}

@media (max-width: 767px) {
    .wainua-tabs .bullets-item-text ul li::before {
        width: 6px !important;
        height: 6px !important;
        background-size: contain;
        top: 10px;
    }
    
    .wainua-tabs li.tab-list-element a {
        font-size: 16px;
    }
}

@media (max-width: 480px) {
    #simple-card-columns .simple-card .card-title h2 br{
        display: none;
    }
}