@charset "UTF-8";
/**
 * This file is where you put the @font-face directives for the site.
 */
@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.14.0/css/all.css");
@import url("https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&display=swap");
@import 'https://unpkg.com/magnific-popup@1.1.0/dist/magnific-popup.css';
/**
 * This file contains all the color variables for the site
 */
:root {
  --color-purple: #4F08B0;
  --color-dark-purple: #21034A;
  --color-orange: #FA7821;
  --color-yellow: #FABD26;
  --color-white: #ffffff;
  --color-black: #000;
  --gradient-brand: linear-gradient(to right, #FA7821, #4F08B0);
  --gradient-hero: linear-gradient(160.04deg, #FA7821 -4.88%, #4F08B0 95.34%);
  --gradient-card-lavender: linear-gradient(to right, #f5efff 0%, #e8deff 100%);
  --shtg-hero-wave-gradient-layer-1: linear-gradient(225deg, rgb(248, 203, 168) 0%, rgba(214, 196, 237, 0.8) 35%, rgba(214, 196, 237, 0.6) 65%, rgb(247, 243, 251) 100%);
  --shtg-hero-wave-gradient-layer-2: linear-gradient(135deg, rgb(188, 155, 225) 0%, rgba(214, 196, 237, 0) 45%, rgba(214, 196, 237, 0) 55%, rgb(185, 172, 249) 100%);
}

/**
 * This file contains various fixes, like box-model fixes, text rendering, etc.
 * There should be no mix-ins in this file. Those belong in _utils.scss.
 */
* {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
*:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
*:before {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

html {
  -moz-text-size-adjust: none;
  -ms-text-size-adjust: none;
  -webkit-text-size-adjust: none;
  overflow-y: scroll;
}

.cf {
  zoom: 1;
}
.cf:before {
  content: "";
  display: table;
}
.cf:after {
  clear: both;
  content: " ";
  display: table;
}

::-moz-selection {
  background: #427BBF;
  color: #ffffff;
  text-shadow: none;
}

::selection {
  background: #427BBF;
  color: #ffffff;
  text-shadow: none;
}

ins {
  background-color: #427BBF;
  color: #ffffff;
}

mark {
  background-color: #427BBF;
  color: #ffffff;
  font-style: italic;
  font-weight: bold;
}

a:link {
  -webkit-tap-highlight-color: #427BBF;
}

.contextual-region {
  z-index: 10;
}

@font-face {
  font-family: "Poppins";
  src: url("../../fonts/Poppins-Regular.ttf");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Poppins";
  src: url("../../fonts/Poppins-Italic.ttf");
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: "Poppins";
  src: url("../../fonts/Poppins-Medium.ttf");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Poppins";
  src: url("../../fonts/Poppins-SemiBold.ttf");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "Poppins";
  src: url("../../fonts/Poppins-Bold.ttf");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "Poppins";
  src: url("../../fonts/Poppins-BoldItalic.ttf");
  font-weight: 700;
  font-style: italic;
}
.row {
  display: flex;
  flex-wrap: wrap;
}
@media (min-width: 0px) {
  .row {
    margin-left: -0.75rem;
    margin-right: -0.75rem;
  }
}
@media (min-width: 768px) {
  .row {
    margin-left: -0.75rem;
    margin-right: -0.75rem;
  }
}
@media (min-width: 1025px) {
  .row {
    margin-left: -0.75rem;
    margin-right: -0.75rem;
  }
}
@media (min-width: 1025px) {
  .row {
    margin-left: -0.75rem;
    margin-right: -0.75rem;
  }
}
@media (min-width: 1025px) {
  .row {
    margin-left: -0.75rem;
    margin-right: -0.75rem;
  }
}

.col-1 {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}
@media (min-width: 0px) {
  .col-1 {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    flex: 0 0 8.3333333333%;
    width: 8.3333333333%;
  }
}

.col-2 {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}
@media (min-width: 0px) {
  .col-2 {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    flex: 0 0 16.6666666667%;
    width: 16.6666666667%;
  }
}

.col-3 {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}
@media (min-width: 0px) {
  .col-3 {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    flex: 0 0 25%;
    width: 25%;
  }
}

.col-4 {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}
@media (min-width: 0px) {
  .col-4 {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    flex: 0 0 33.3333333333%;
    width: 33.3333333333%;
  }
}

.col-5 {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}
@media (min-width: 0px) {
  .col-5 {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    flex: 0 0 41.6666666667%;
    width: 41.6666666667%;
  }
}

.col-6 {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}
@media (min-width: 0px) {
  .col-6 {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    flex: 0 0 50%;
    width: 50%;
  }
}

.col-7 {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}
@media (min-width: 0px) {
  .col-7 {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    flex: 0 0 58.3333333333%;
    width: 58.3333333333%;
  }
}

.col-8 {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}
@media (min-width: 0px) {
  .col-8 {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    flex: 0 0 66.6666666667%;
    width: 66.6666666667%;
  }
}

.col-9 {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}
@media (min-width: 0px) {
  .col-9 {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    flex: 0 0 75%;
    width: 75%;
  }
}

.col-10 {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}
@media (min-width: 0px) {
  .col-10 {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    flex: 0 0 83.3333333333%;
    width: 83.3333333333%;
  }
}

.col-11 {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}
@media (min-width: 0px) {
  .col-11 {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    flex: 0 0 91.6666666667%;
    width: 91.6666666667%;
  }
}

.col-12 {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}
@media (min-width: 0px) {
  .col-12 {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    flex: 0 0 100%;
    width: 100%;
  }
}

@media (min-width: 0px) {
  .offset-0 {
    margin-right: 0.75rem;
    margin-left: calc((100% - 18rem) / 12 * 0 + 0.75rem) !important;
  }
}

@media (min-width: 0px) {
  .offset-1 {
    margin-right: 0.75rem;
    margin-left: calc((100% - 18rem) / 12 * 1 + 2.25rem) !important;
  }
}

@media (min-width: 0px) {
  .offset-2 {
    margin-right: 0.75rem;
    margin-left: calc((100% - 18rem) / 12 * 2 + 3.75rem) !important;
  }
}

@media (min-width: 0px) {
  .offset-3 {
    margin-right: 0.75rem;
    margin-left: calc((100% - 18rem) / 12 * 3 + 5.25rem) !important;
  }
}

@media (min-width: 0px) {
  .offset-4 {
    margin-right: 0.75rem;
    margin-left: calc((100% - 18rem) / 12 * 4 + 6.75rem) !important;
  }
}

@media (min-width: 0px) {
  .offset-5 {
    margin-right: 0.75rem;
    margin-left: calc((100% - 18rem) / 12 * 5 + 8.25rem) !important;
  }
}

@media (min-width: 0px) {
  .offset-6 {
    margin-right: 0.75rem;
    margin-left: calc((100% - 18rem) / 12 * 6 + 9.75rem) !important;
  }
}

@media (min-width: 0px) {
  .offset-7 {
    margin-right: 0.75rem;
    margin-left: calc((100% - 18rem) / 12 * 7 + 11.25rem) !important;
  }
}

@media (min-width: 0px) {
  .offset-8 {
    margin-right: 0.75rem;
    margin-left: calc((100% - 18rem) / 12 * 8 + 12.75rem) !important;
  }
}

@media (min-width: 0px) {
  .offset-9 {
    margin-right: 0.75rem;
    margin-left: calc((100% - 18rem) / 12 * 9 + 14.25rem) !important;
  }
}

@media (min-width: 0px) {
  .offset-10 {
    margin-right: 0.75rem;
    margin-left: calc((100% - 18rem) / 12 * 10 + 15.75rem) !important;
  }
}

@media (min-width: 0px) {
  .offset-11 {
    margin-right: 0.75rem;
    margin-left: calc((100% - 18rem) / 12 * 11 + 17.25rem) !important;
  }
}

.col-sm-1 {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}
@media (min-width: 768px) {
  .col-sm-1 {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    flex: 0 0 8.3333333333%;
    width: 8.3333333333%;
  }
}

.col-sm-2 {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}
@media (min-width: 768px) {
  .col-sm-2 {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    flex: 0 0 16.6666666667%;
    width: 16.6666666667%;
  }
}

.col-sm-3 {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}
@media (min-width: 768px) {
  .col-sm-3 {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    flex: 0 0 25%;
    width: 25%;
  }
}

.col-sm-4 {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}
@media (min-width: 768px) {
  .col-sm-4 {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    flex: 0 0 33.3333333333%;
    width: 33.3333333333%;
  }
}

.col-sm-5 {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}
@media (min-width: 768px) {
  .col-sm-5 {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    flex: 0 0 41.6666666667%;
    width: 41.6666666667%;
  }
}

.col-sm-6 {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}
@media (min-width: 768px) {
  .col-sm-6 {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    flex: 0 0 50%;
    width: 50%;
  }
}

.col-sm-7 {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}
@media (min-width: 768px) {
  .col-sm-7 {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    flex: 0 0 58.3333333333%;
    width: 58.3333333333%;
  }
}

.col-sm-8 {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}
@media (min-width: 768px) {
  .col-sm-8 {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    flex: 0 0 66.6666666667%;
    width: 66.6666666667%;
  }
}

.col-sm-9 {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}
@media (min-width: 768px) {
  .col-sm-9 {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    flex: 0 0 75%;
    width: 75%;
  }
}

.col-sm-10 {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}
@media (min-width: 768px) {
  .col-sm-10 {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    flex: 0 0 83.3333333333%;
    width: 83.3333333333%;
  }
}

.col-sm-11 {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}
@media (min-width: 768px) {
  .col-sm-11 {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    flex: 0 0 91.6666666667%;
    width: 91.6666666667%;
  }
}

.col-sm-12 {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}
@media (min-width: 768px) {
  .col-sm-12 {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    flex: 0 0 100%;
    width: 100%;
  }
}

@media (min-width: 768px) {
  .offset-sm-0 {
    margin-right: 0.75rem;
    margin-left: calc((100% - 18rem) / 12 * 0 + 0.75rem) !important;
  }
}

@media (min-width: 768px) {
  .offset-sm-1 {
    margin-right: 0.75rem;
    margin-left: calc((100% - 18rem) / 12 * 1 + 2.25rem) !important;
  }
}

@media (min-width: 768px) {
  .offset-sm-2 {
    margin-right: 0.75rem;
    margin-left: calc((100% - 18rem) / 12 * 2 + 3.75rem) !important;
  }
}

@media (min-width: 768px) {
  .offset-sm-3 {
    margin-right: 0.75rem;
    margin-left: calc((100% - 18rem) / 12 * 3 + 5.25rem) !important;
  }
}

@media (min-width: 768px) {
  .offset-sm-4 {
    margin-right: 0.75rem;
    margin-left: calc((100% - 18rem) / 12 * 4 + 6.75rem) !important;
  }
}

@media (min-width: 768px) {
  .offset-sm-5 {
    margin-right: 0.75rem;
    margin-left: calc((100% - 18rem) / 12 * 5 + 8.25rem) !important;
  }
}

@media (min-width: 768px) {
  .offset-sm-6 {
    margin-right: 0.75rem;
    margin-left: calc((100% - 18rem) / 12 * 6 + 9.75rem) !important;
  }
}

@media (min-width: 768px) {
  .offset-sm-7 {
    margin-right: 0.75rem;
    margin-left: calc((100% - 18rem) / 12 * 7 + 11.25rem) !important;
  }
}

@media (min-width: 768px) {
  .offset-sm-8 {
    margin-right: 0.75rem;
    margin-left: calc((100% - 18rem) / 12 * 8 + 12.75rem) !important;
  }
}

@media (min-width: 768px) {
  .offset-sm-9 {
    margin-right: 0.75rem;
    margin-left: calc((100% - 18rem) / 12 * 9 + 14.25rem) !important;
  }
}

@media (min-width: 768px) {
  .offset-sm-10 {
    margin-right: 0.75rem;
    margin-left: calc((100% - 18rem) / 12 * 10 + 15.75rem) !important;
  }
}

@media (min-width: 768px) {
  .offset-sm-11 {
    margin-right: 0.75rem;
    margin-left: calc((100% - 18rem) / 12 * 11 + 17.25rem) !important;
  }
}

.col-md-1 {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}
@media (min-width: 1025px) {
  .col-md-1 {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    flex: 0 0 8.3333333333%;
    width: 8.3333333333%;
  }
}

.col-md-2 {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}
@media (min-width: 1025px) {
  .col-md-2 {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    flex: 0 0 16.6666666667%;
    width: 16.6666666667%;
  }
}

.col-md-3 {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}
@media (min-width: 1025px) {
  .col-md-3 {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    flex: 0 0 25%;
    width: 25%;
  }
}

.col-md-4 {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}
@media (min-width: 1025px) {
  .col-md-4 {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    flex: 0 0 33.3333333333%;
    width: 33.3333333333%;
  }
}

.col-md-5 {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}
@media (min-width: 1025px) {
  .col-md-5 {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    flex: 0 0 41.6666666667%;
    width: 41.6666666667%;
  }
}

.col-md-6 {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}
@media (min-width: 1025px) {
  .col-md-6 {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    flex: 0 0 50%;
    width: 50%;
  }
}

.col-md-7 {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}
@media (min-width: 1025px) {
  .col-md-7 {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    flex: 0 0 58.3333333333%;
    width: 58.3333333333%;
  }
}

.col-md-8 {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}
@media (min-width: 1025px) {
  .col-md-8 {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    flex: 0 0 66.6666666667%;
    width: 66.6666666667%;
  }
}

.col-md-9 {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}
@media (min-width: 1025px) {
  .col-md-9 {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    flex: 0 0 75%;
    width: 75%;
  }
}

.col-md-10 {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}
@media (min-width: 1025px) {
  .col-md-10 {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    flex: 0 0 83.3333333333%;
    width: 83.3333333333%;
  }
}

.col-md-11 {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}
@media (min-width: 1025px) {
  .col-md-11 {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    flex: 0 0 91.6666666667%;
    width: 91.6666666667%;
  }
}

.col-md-12 {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}
@media (min-width: 1025px) {
  .col-md-12 {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    flex: 0 0 100%;
    width: 100%;
  }
}

@media (min-width: 1025px) {
  .offset-md-0 {
    margin-right: 0.75rem;
    margin-left: calc((100% - 18rem) / 12 * 0 + 0.75rem) !important;
  }
}

@media (min-width: 1025px) {
  .offset-md-1 {
    margin-right: 0.75rem;
    margin-left: calc((100% - 18rem) / 12 * 1 + 2.25rem) !important;
  }
}

@media (min-width: 1025px) {
  .offset-md-2 {
    margin-right: 0.75rem;
    margin-left: calc((100% - 18rem) / 12 * 2 + 3.75rem) !important;
  }
}

@media (min-width: 1025px) {
  .offset-md-3 {
    margin-right: 0.75rem;
    margin-left: calc((100% - 18rem) / 12 * 3 + 5.25rem) !important;
  }
}

@media (min-width: 1025px) {
  .offset-md-4 {
    margin-right: 0.75rem;
    margin-left: calc((100% - 18rem) / 12 * 4 + 6.75rem) !important;
  }
}

@media (min-width: 1025px) {
  .offset-md-5 {
    margin-right: 0.75rem;
    margin-left: calc((100% - 18rem) / 12 * 5 + 8.25rem) !important;
  }
}

@media (min-width: 1025px) {
  .offset-md-6 {
    margin-right: 0.75rem;
    margin-left: calc((100% - 18rem) / 12 * 6 + 9.75rem) !important;
  }
}

@media (min-width: 1025px) {
  .offset-md-7 {
    margin-right: 0.75rem;
    margin-left: calc((100% - 18rem) / 12 * 7 + 11.25rem) !important;
  }
}

@media (min-width: 1025px) {
  .offset-md-8 {
    margin-right: 0.75rem;
    margin-left: calc((100% - 18rem) / 12 * 8 + 12.75rem) !important;
  }
}

@media (min-width: 1025px) {
  .offset-md-9 {
    margin-right: 0.75rem;
    margin-left: calc((100% - 18rem) / 12 * 9 + 14.25rem) !important;
  }
}

@media (min-width: 1025px) {
  .offset-md-10 {
    margin-right: 0.75rem;
    margin-left: calc((100% - 18rem) / 12 * 10 + 15.75rem) !important;
  }
}

@media (min-width: 1025px) {
  .offset-md-11 {
    margin-right: 0.75rem;
    margin-left: calc((100% - 18rem) / 12 * 11 + 17.25rem) !important;
  }
}

.col-lg-1 {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}
@media (min-width: 1025px) {
  .col-lg-1 {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    flex: 0 0 8.3333333333%;
    width: 8.3333333333%;
  }
}

.col-lg-2 {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}
@media (min-width: 1025px) {
  .col-lg-2 {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    flex: 0 0 16.6666666667%;
    width: 16.6666666667%;
  }
}

.col-lg-3 {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}
@media (min-width: 1025px) {
  .col-lg-3 {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    flex: 0 0 25%;
    width: 25%;
  }
}

.col-lg-4 {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}
@media (min-width: 1025px) {
  .col-lg-4 {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    flex: 0 0 33.3333333333%;
    width: 33.3333333333%;
  }
}

.col-lg-5 {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}
@media (min-width: 1025px) {
  .col-lg-5 {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    flex: 0 0 41.6666666667%;
    width: 41.6666666667%;
  }
}

.col-lg-6 {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}
@media (min-width: 1025px) {
  .col-lg-6 {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    flex: 0 0 50%;
    width: 50%;
  }
}

.col-lg-7 {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}
@media (min-width: 1025px) {
  .col-lg-7 {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    flex: 0 0 58.3333333333%;
    width: 58.3333333333%;
  }
}

.col-lg-8 {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}
@media (min-width: 1025px) {
  .col-lg-8 {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    flex: 0 0 66.6666666667%;
    width: 66.6666666667%;
  }
}

.col-lg-9 {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}
@media (min-width: 1025px) {
  .col-lg-9 {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    flex: 0 0 75%;
    width: 75%;
  }
}

.col-lg-10 {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}
@media (min-width: 1025px) {
  .col-lg-10 {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    flex: 0 0 83.3333333333%;
    width: 83.3333333333%;
  }
}

.col-lg-11 {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}
@media (min-width: 1025px) {
  .col-lg-11 {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    flex: 0 0 91.6666666667%;
    width: 91.6666666667%;
  }
}

.col-lg-12 {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}
@media (min-width: 1025px) {
  .col-lg-12 {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    flex: 0 0 100%;
    width: 100%;
  }
}

@media (min-width: 1025px) {
  .offset-lg-0 {
    margin-right: 0.75rem;
    margin-left: calc((100% - 18rem) / 12 * 0 + 0.75rem) !important;
  }
}

@media (min-width: 1025px) {
  .offset-lg-1 {
    margin-right: 0.75rem;
    margin-left: calc((100% - 18rem) / 12 * 1 + 2.25rem) !important;
  }
}

@media (min-width: 1025px) {
  .offset-lg-2 {
    margin-right: 0.75rem;
    margin-left: calc((100% - 18rem) / 12 * 2 + 3.75rem) !important;
  }
}

@media (min-width: 1025px) {
  .offset-lg-3 {
    margin-right: 0.75rem;
    margin-left: calc((100% - 18rem) / 12 * 3 + 5.25rem) !important;
  }
}

@media (min-width: 1025px) {
  .offset-lg-4 {
    margin-right: 0.75rem;
    margin-left: calc((100% - 18rem) / 12 * 4 + 6.75rem) !important;
  }
}

@media (min-width: 1025px) {
  .offset-lg-5 {
    margin-right: 0.75rem;
    margin-left: calc((100% - 18rem) / 12 * 5 + 8.25rem) !important;
  }
}

@media (min-width: 1025px) {
  .offset-lg-6 {
    margin-right: 0.75rem;
    margin-left: calc((100% - 18rem) / 12 * 6 + 9.75rem) !important;
  }
}

@media (min-width: 1025px) {
  .offset-lg-7 {
    margin-right: 0.75rem;
    margin-left: calc((100% - 18rem) / 12 * 7 + 11.25rem) !important;
  }
}

@media (min-width: 1025px) {
  .offset-lg-8 {
    margin-right: 0.75rem;
    margin-left: calc((100% - 18rem) / 12 * 8 + 12.75rem) !important;
  }
}

@media (min-width: 1025px) {
  .offset-lg-9 {
    margin-right: 0.75rem;
    margin-left: calc((100% - 18rem) / 12 * 9 + 14.25rem) !important;
  }
}

@media (min-width: 1025px) {
  .offset-lg-10 {
    margin-right: 0.75rem;
    margin-left: calc((100% - 18rem) / 12 * 10 + 15.75rem) !important;
  }
}

@media (min-width: 1025px) {
  .offset-lg-11 {
    margin-right: 0.75rem;
    margin-left: calc((100% - 18rem) / 12 * 11 + 17.25rem) !important;
  }
}

.col-xl-1 {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}
@media (min-width: 1025px) {
  .col-xl-1 {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    flex: 0 0 8.3333333333%;
    width: 8.3333333333%;
  }
}

.col-xl-2 {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}
@media (min-width: 1025px) {
  .col-xl-2 {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    flex: 0 0 16.6666666667%;
    width: 16.6666666667%;
  }
}

.col-xl-3 {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}
@media (min-width: 1025px) {
  .col-xl-3 {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    flex: 0 0 25%;
    width: 25%;
  }
}

.col-xl-4 {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}
@media (min-width: 1025px) {
  .col-xl-4 {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    flex: 0 0 33.3333333333%;
    width: 33.3333333333%;
  }
}

.col-xl-5 {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}
@media (min-width: 1025px) {
  .col-xl-5 {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    flex: 0 0 41.6666666667%;
    width: 41.6666666667%;
  }
}

.col-xl-6 {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}
@media (min-width: 1025px) {
  .col-xl-6 {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    flex: 0 0 50%;
    width: 50%;
  }
}

.col-xl-7 {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}
@media (min-width: 1025px) {
  .col-xl-7 {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    flex: 0 0 58.3333333333%;
    width: 58.3333333333%;
  }
}

.col-xl-8 {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}
@media (min-width: 1025px) {
  .col-xl-8 {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    flex: 0 0 66.6666666667%;
    width: 66.6666666667%;
  }
}

.col-xl-9 {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}
@media (min-width: 1025px) {
  .col-xl-9 {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    flex: 0 0 75%;
    width: 75%;
  }
}

.col-xl-10 {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}
@media (min-width: 1025px) {
  .col-xl-10 {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    flex: 0 0 83.3333333333%;
    width: 83.3333333333%;
  }
}

.col-xl-11 {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}
@media (min-width: 1025px) {
  .col-xl-11 {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    flex: 0 0 91.6666666667%;
    width: 91.6666666667%;
  }
}

.col-xl-12 {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}
@media (min-width: 1025px) {
  .col-xl-12 {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    flex: 0 0 100%;
    width: 100%;
  }
}

@media (min-width: 1025px) {
  .offset-xl-0 {
    margin-right: 0.75rem;
    margin-left: calc((100% - 18rem) / 12 * 0 + 0.75rem) !important;
  }
}

@media (min-width: 1025px) {
  .offset-xl-1 {
    margin-right: 0.75rem;
    margin-left: calc((100% - 18rem) / 12 * 1 + 2.25rem) !important;
  }
}

@media (min-width: 1025px) {
  .offset-xl-2 {
    margin-right: 0.75rem;
    margin-left: calc((100% - 18rem) / 12 * 2 + 3.75rem) !important;
  }
}

@media (min-width: 1025px) {
  .offset-xl-3 {
    margin-right: 0.75rem;
    margin-left: calc((100% - 18rem) / 12 * 3 + 5.25rem) !important;
  }
}

@media (min-width: 1025px) {
  .offset-xl-4 {
    margin-right: 0.75rem;
    margin-left: calc((100% - 18rem) / 12 * 4 + 6.75rem) !important;
  }
}

@media (min-width: 1025px) {
  .offset-xl-5 {
    margin-right: 0.75rem;
    margin-left: calc((100% - 18rem) / 12 * 5 + 8.25rem) !important;
  }
}

@media (min-width: 1025px) {
  .offset-xl-6 {
    margin-right: 0.75rem;
    margin-left: calc((100% - 18rem) / 12 * 6 + 9.75rem) !important;
  }
}

@media (min-width: 1025px) {
  .offset-xl-7 {
    margin-right: 0.75rem;
    margin-left: calc((100% - 18rem) / 12 * 7 + 11.25rem) !important;
  }
}

@media (min-width: 1025px) {
  .offset-xl-8 {
    margin-right: 0.75rem;
    margin-left: calc((100% - 18rem) / 12 * 8 + 12.75rem) !important;
  }
}

@media (min-width: 1025px) {
  .offset-xl-9 {
    margin-right: 0.75rem;
    margin-left: calc((100% - 18rem) / 12 * 9 + 14.25rem) !important;
  }
}

@media (min-width: 1025px) {
  .offset-xl-10 {
    margin-right: 0.75rem;
    margin-left: calc((100% - 18rem) / 12 * 10 + 15.75rem) !important;
  }
}

@media (min-width: 1025px) {
  .offset-xl-11 {
    margin-right: 0.75rem;
    margin-left: calc((100% - 18rem) / 12 * 11 + 17.25rem) !important;
  }
}

/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type=checkbox],
[type=radio] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type=search] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}

/**
 * This is where you put in your helper mixins and classes.
 */
/* Responsive Helpers */
/**
 * Zipcode Finder Component Styles
 * Enhanced validation and error handling styles
 */
.validation-message-container {
  margin-top: 0.5rem;
  min-height: 1.5rem;
  align-self: center;
}
.validation-message-container .sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.inline-validation-error {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.75rem;
  background-color: #fef2f2;
  border: 1px solid #fecaca;
  border-radius: 0.375rem;
  color: #dc2626;
  font-size: 0.875rem;
  line-height: 1.4;
}
.inline-validation-error .validation-error-icon {
  width: 1rem;
  height: 1rem;
  flex-shrink: 0;
  margin-top: 0.125rem;
}
.inline-validation-error .validation-error-text {
  flex: 1;
}

.inline-validation-success {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.75rem;
  background-color: #f0fdf4;
  border: 1px solid #bbf7d0;
  border-radius: 0.375rem;
  color: #16a34a;
  font-size: 0.875rem;
  line-height: 1.4;
}
.inline-validation-success .validation-success-icon {
  width: 1rem;
  height: 1rem;
  flex-shrink: 0;
  margin-top: 0.125rem;
}
.inline-validation-success .validation-success-text {
  flex: 1;
}

.patient-education-finder input[type=text],
.patient-education-finder input[type=search] {
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
.patient-education-finder input[type=text]:focus,
.patient-education-finder input[type=search]:focus {
  outline: none;
  border-color: #3b82f6;
  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
}
.patient-education-finder input[type=text].validation-error,
.patient-education-finder input[type=search].validation-error {
  border-color: #dc2626;
}
.patient-education-finder input[type=text].validation-error:focus,
.patient-education-finder input[type=search].validation-error:focus {
  border-color: #dc2626;
  box-shadow: 0 0 0 3px rgba(220, 38, 38, 0.1);
}
.patient-education-finder input[type=text].validation-success,
.patient-education-finder input[type=search].validation-success {
  border-color: #16a34a;
}
.patient-education-finder input[type=text].validation-success:focus,
.patient-education-finder input[type=search].validation-success:focus {
  border-color: #16a34a;
  box-shadow: 0 0 0 3px rgba(22, 163, 74, 0.1);
}
.patient-education-finder input[type=text].incomplete,
.patient-education-finder input[type=search].incomplete {
  border-color: #f59e0b;
}
.patient-education-finder input[type=text].incomplete:focus,
.patient-education-finder input[type=search].incomplete:focus {
  border-color: #f59e0b;
  box-shadow: 0 0 0 3px rgba(245, 158, 11, 0.1);
}
.patient-education-finder.has-validation-error .form-group {
  margin-bottom: 1rem;
}
.patient-education-finder.has-validation-success .form-group {
  margin-bottom: 1rem;
}
.patient-education-finder.loading .submit-button {
  opacity: 0.7;
  cursor: not-allowed;
}
.patient-education-finder.loading .submit-button::after {
  content: "";
  display: inline-block;
  width: 1rem;
  height: 1rem;
  margin-left: 0.5rem;
  border: 2px solid transparent;
  border-top: 2px solid currentColor;
  border-radius: 50%;
  animation: spin 1s linear infinite;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@media (prefers-contrast: high) {
  .inline-validation-error {
    background-color: #ffffff;
    border: 2px solid #dc2626;
    color: #000000;
  }
  .inline-validation-success {
    background-color: #ffffff;
    border: 2px solid #16a34a;
    color: #000000;
  }
}
@media (prefers-reduced-motion: reduce) {
  .patient-education-finder input {
    transition: none;
  }
  .loading .submit-button::after {
    animation: none;
  }
}
@media (max-width: 768px) {
  .inline-validation-error,
  .inline-validation-success {
    padding: 0.5rem;
    font-size: 0.8125rem;
  }
  .inline-validation-error .validation-error-icon,
  .inline-validation-error .validation-success-icon,
  .inline-validation-success .validation-error-icon,
  .inline-validation-success .validation-success-icon {
    width: 0.875rem;
    height: 0.875rem;
  }
}
@media (prefers-color-scheme: dark) {
  .inline-validation-error {
    background-color: #450a0a;
    border-color: #dc2626;
    color: #fca5a5;
  }
  .inline-validation-success {
    background-color: #052e16;
    border-color: #16a34a;
    color: #86efac;
  }
}
/**
 * This file contains the structure of the site. These styles build the basic
 * wire-frame of the site. Specific components such as slide-shows, accordions,
 * etc. should have their own partial.
 */
html {
  overflow-x: hidden;
  overflow-y: scroll;
  box-shadow: 0 50vh 0 50vh #ffffff;
}
@media (min-width: 1025px) {
  html .toolbar-horizontal.sticky-header {
    padding-top: 115px !important;
  }
}
html .toolbar-horizontal.sticky-header header[role=banner] {
  margin-top: 39px;
}
@media (min-width: 1025px) {
  html .toolbar-horizontal.sticky-header.toolbar-tray-open {
    padding-top: 149px !important;
  }
}
html .toolbar-horizontal.sticky-header.toolbar-tray-open header[role=banner] {
  margin-top: 79px;
}
@media (min-width: 1025px) {
  html .toolbar-vertical.sticky-header {
    padding-top: 185px !important;
  }
}
@media (min-width: 1025px) {
  html .toolbar-vertical.sticky-header.toolbar-tray-open {
    padding-top: 218px !important;
  }
}
html .toolbar-vertical.sticky-header header[role=banner] {
  margin-top: 39px;
}
@media (min-width: 0px) and (max-width: 767px) {
  html.enable_sticky_mobile .sticky-header {
    padding-top: 110px;
  }
  html.enable_sticky_mobile .sticky-header .layout-container > header {
    position: fixed;
    top: 0;
    left: 0;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  html.enable_sticky_mobile .sticky-header {
    padding-top: 63px;
  }
  html.enable_sticky_mobile .sticky-header .layout-container > header {
    position: fixed;
    top: 0;
    left: 0;
  }
}
@media (min-width: 1025px) {
  html.enable_sticky_desktop .sticky-header {
    padding-top: 76px;
  }
  html.enable_sticky_desktop .sticky-header .layout-container > header {
    position: fixed;
    top: 0;
    left: 0;
  }
}

@media (max-width: 1279px) {
  html:has(.hamburger.active) {
    overflow-y: hidden;
  }
}
body {
  position: relative;
  min-width: 360px;
  overflow: hidden;
}
@media (max-width: 360px) {
  body {
    width: 100%;
    min-width: 320px;
  }
}

a {
  color: #427BBF;
}

.layout-container > main {
  display: block;
}
.layout-container > main img {
  height: auto;
  max-width: 100%;
}
.layout-container > .prefooter {
  margin: 0;
  display: flex;
  flex-wrap: wrap;
}
@media (min-width: 0px) {
  .layout-container > .prefooter {
    margin-left: -0.75rem;
    margin-right: -0.75rem;
  }
}
@media (min-width: 768px) {
  .layout-container > .prefooter {
    margin-left: -0.75rem;
    margin-right: -0.75rem;
  }
}
@media (min-width: 1025px) {
  .layout-container > .prefooter {
    margin-left: -0.75rem;
    margin-right: -0.75rem;
  }
}
@media (min-width: 1025px) {
  .layout-container > .prefooter {
    margin-left: -0.75rem;
    margin-right: -0.75rem;
  }
}
@media (min-width: 1025px) {
  .layout-container > .prefooter {
    margin-left: -0.75rem;
    margin-right: -0.75rem;
  }
}

.layout {
  z-index: 2;
  position: relative;
}
.layout#hero-wrap {
  z-index: 1;
}

.layout-builder-block__content-preview-placeholder-label {
  min-height: 200px;
}

.container {
  --container-max-content-width: 1044px;
  --container-space-between-elements: 1rem;
  --container-padding: 1rem;
  display: flex;
  flex-direction: column;
  gap: var(--container-space-between-elements);
  margin-left: auto;
  margin-right: auto;
  max-width: calc(var(--container-max-content-width) + var(--container-padding) * 2);
  padding-left: var(--container-padding);
  padding-right: var(--container-padding);
  width: 100%;
}

body {
  font-family: "Poppins", sans-serif;
}

sup {
  font-size: 100%;
  font-weight: inherit;
  top: 0;
}

p.with-hang-sup {
  padding-left: 6px;
}

p.with-hang-sup sup {
  display: inline-block;
  width: 6px;
  text-align: right;
  margin-left: -6px;
  line-height: inherit;
}

p {
  margin: 0 0 20px;
}
p:last-child {
  margin-bottom: 0;
}

.orange {
  color: #FF6C37;
}

.center {
  text-align: center;
}

.left-mobile {
  text-align: left;
}

@media (min-width: 768px) {
  .left-mobile {
    text-align: center;
  }
}
.layout-container h1, .mfp-container h1, .layout-container h5, .mfp-container h5, .layout-container h2, .mfp-container h2, .layout-container h4, .mfp-container h4, .layout-container h3, .mfp-container h3 {
  color: #000;
  font-weight: 700;
  font-size: 24px;
  line-height: 36px;
  margin: 0 0 12px;
}
.layout-container h1:first-child, .mfp-container h1:first-child, .layout-container h5:first-child, .mfp-container h5:first-child, .layout-container h2:first-child, .mfp-container h2:first-child, .layout-container h4:first-child, .mfp-container h4:first-child, .layout-container h3:first-child, .mfp-container h3:first-child {
  margin-top: 0;
}
@media (min-width: 1025px) {
  .layout-container h1, .mfp-container h1, .layout-container h5, .mfp-container h5, .layout-container h2, .mfp-container h2, .layout-container h4, .mfp-container h4, .layout-container h3, .mfp-container h3 {
    margin: 0 0 24px;
  }
}

.layout-container h5, .mfp-container h5, .layout-container h2, .mfp-container h2, .layout-container h4, .mfp-container h4, .layout-container h3, .mfp-container h3 {
  font-size: 20px;
  line-height: 30px;
  font-weight: 500;
  margin: 0 0 16px;
  color: #4F08B0;
}
@media (min-width: 1025px) {
  .layout-container h5, .mfp-container h5, .layout-container h2, .mfp-container h2, .layout-container h4, .mfp-container h4, .layout-container h3, .mfp-container h3 {
    font-size: 24px;
    line-height: 36px;
    margin-bottom: 21px;
  }
}

form, .select2-results__option,
.select2-search__field, .layout-container p, .layout-container li, .mfp-container p, .mfp-container li, .layout-container footer p, .layout-container footer li, .layout-container footer a, .mfp-container footer p, .mfp-container footer li, .mfp-container footer a {
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  line-height: 22px;
  font-weight: 400;
  color: #444444;
  letter-spacing: -0.178px;
}
form:first-child, .select2-results__option:first-child,
.select2-search__field:first-child, .layout-container p:first-child, .layout-container li:first-child, .mfp-container p:first-child, .mfp-container li:first-child, .layout-container footer a:first-child, .mfp-container footer a:first-child {
  margin-top: 0;
}
@media (max-width: 991px) {
  form, .select2-results__option,
  .select2-search__field, .layout-container p, .layout-container li, .mfp-container p, .mfp-container li, .layout-container footer p, .layout-container footer li, .layout-container footer a, .mfp-container footer p, .mfp-container footer li, .mfp-container footer a {
    line-height: 24px;
  }
}

.layout-container footer p, .layout-container footer li, .layout-container footer a, .mfp-container footer p, .mfp-container footer li, .mfp-container footer a {
  color: #ffffff;
  font-size: 14px;
  line-height: 20px;
}
@media (min-width: 1025px) {
  .layout-container footer p, .layout-container footer li, .layout-container footer a, .mfp-container footer p, .mfp-container footer li, .mfp-container footer a {
    font-size: 12px;
    line-height: 18px;
  }
}

.layout-container p.footnote, .mfp-container p.footnote {
  font-size: 12px;
  line-height: 18px;
  color: #444444;
  margin-top: 26px;
  margin-bottom: 24px !important;
}
@media (max-width: 768px) {
  .layout-container p.footnote, .mfp-container p.footnote {
    margin-top: 42px;
    margin-bottom: 16px !important;
  }
}
.layout-container p.footnote-desk.footnote, .mfp-container p.footnote-desk.footnote {
  margin-top: 0px;
}
.layout-container p.footnote .hang, .mfp-container p.footnote .hang {
  display: inline-block;
  width: 8px;
  text-align: right;
  margin-left: -8px;
}
.layout-container p.small-line-height.footnote, .mfp-container p.small-line-height.footnote {
  line-height: 17px;
}

@media (max-width: 991px) {
  .footnote.mobile.no-margin-top {
    margin-top: 0px;
  }
}
@media (max-width: 768px) {
  .sitemap-footnote.sitemap-footnote.sitemap-footnote.sitemap-footnote {
    margin-top: 0;
    margin-bottom: 0 !important;
    padding-top: 10px;
  }
}

.safety-footnote {
  font-size: 12px !important;
  line-height: 28px !important;
  color: #444444;
  margin-top: 9px;
  margin-bottom: 9px !important;
}
.safety-footnote .hang {
  display: inline-block;
  width: 8px;
  text-align: right;
  margin-left: -8px;
}
.safety-footnote.small-line-height {
  line-height: 17px;
}

.layout-container h3, .mfp-container h3 {
  font-size: 18px;
  line-height: 24px;
  font-weight: 700;
  margin: 0 0 24px;
}
@media (min-width: 1025px) {
  .layout-container h3, .mfp-container h3 {
    font-size: 20px;
    line-height: 28px;
    font-weight: 700;
  }
}

.layout-container h4, .mfp-container h4 {
  font-size: 18px;
  line-height: 26px;
  font-weight: 500;
  margin-bottom: 12px;
}
@media (min-width: 1025px) {
  .layout-container h4, .mfp-container h4 {
    font-size: 23.5px;
    line-height: 36px;
    margin-bottom: 21px;
  }
}

@media (max-width: 767px) {
  .layout-container h1 br, .mfp-container h1 br {
    display: none;
  }
}
.layout-container h2, .mfp-container h2 {
  margin-top: 39px;
}
@media (max-width: 991px) {
  .layout-container h2 br, .mfp-container h2 br {
    display: none;
  }
}
.layout-container h3, .mfp-container h3 {
  margin-top: 18px;
}
@media (min-width: 1025px) {
  .layout-container h3, .mfp-container h3 {
    margin-top: 18px;
  }
}
.layout-container h4, .mfp-container h4 {
  margin-bottom: 6px;
}
.layout-container h4.restrained, .mfp-container h4.restrained {
  margin-bottom: 20px;
}
.layout-container h5, .mfp-container h5 {
  color: #427BBF;
  font-size: 14px;
  font-weight: 600;
  line-height: 24px;
}
.layout-container p.smaller, .layout-container li.smaller, .mfp-container p.smaller, .mfp-container li.smaller {
  font-size: 14px;
  line-height: 20px;
}
.layout-container p.base_footnote, .mfp-container p.base_footnote {
  margin-top: 0px;
}
.layout-container a, .mfp-container a {
  color: #4F08B0;
  transition: color 0.3s ease-in-out;
}
@media (min-width: 1025px) {
  .layout-container a:hover, .mfp-container a:hover {
    color: #21034A;
  }
}
.layout-container a[href^=tel], .mfp-container a[href^=tel] {
  white-space: nowrap;
}
@media (min-width: 1025px) {
  .layout-container a[href^=tel], .mfp-container a[href^=tel] {
    pointer-events: none;
    text-decoration: none !important;
  }
}
.layout-container footer h2, .mfp-container footer h2 {
  font-size: 15px;
}
.layout-container footer a, .mfp-container footer a {
  text-decoration: none;
}
.layout-container footer a:hover, .mfp-container footer a:hover {
  color: #000;
}

.resources-resources .layout-container {
  background: linear-gradient(92deg, rgba(255, 255, 255, 0.15) 0%, rgba(79, 8, 176, 0.15) 100%);
}

@media (max-width: 991px) {
  .layout__region .block--type--basic .video-head {
    margin-top: 15px;
  }
}
#block-tryngolza-local-tasks > ul {
  margin-bottom: 0;
  display: flex;
  justify-content: center;
}
#block-tryngolza-local-tasks li {
  line-height: 27px;
}

hr {
  margin: 59px 0 72px;
  border: 0;
  height: 1px;
  background: #B2B2FF;
}
@media (min-width: 1025px) {
  hr {
    margin: 103px 0;
  }
}

.no-break {
  white-space: nowrap;
}

.visually-hidden {
  display: none !important;
}

a.pink {
  color: #E2066F;
  text-decoration: none;
}
a.pink:hover {
  color: #E2066F;
  text-decoration: underline;
}

a.black {
  color: #000;
  text-decoration: underline;
}
@media (min-width: 1025px) {
  a.black:hover {
    color: #4F08B0;
  }
}

hr {
  width: 319px;
  height: 1.5px;
  background: linear-gradient(90deg, #FABD26 0%, #FA7821 100%);
  margin: 0 auto 24px;
  position: relative;
  max-width: 100%;
}
@media (max-width: 768px) {
  hr {
    width: 100%;
  }
}
hr:before {
  content: "";
  display: block;
  width: 6px;
  height: 6px;
  position: absolute;
  top: -2px;
  left: -2px;
  border-radius: 50%;
  background: #FABD26;
}
hr:after {
  content: "";
  display: block;
  width: 6px;
  height: 6px;
  position: absolute;
  top: -2px;
  right: -2px;
  border-radius: 50%;
  background: #FA7821;
}
@media (min-width: 1025px) {
  hr {
    width: 635px;
    height: 3px;
    margin-bottom: 50px;
  }
  hr:before, hr:after {
    width: 9px;
    height: 9px;
    top: -3px;
  }
}

@media (max-width: 767px) {
  .desktop {
    display: none;
  }
}
@media (min-width: 767px) {
  .mobile {
    display: none;
  }
}
.layout__region ul {
  font-size: 16px;
  line-height: 24px;
  list-style: none;
  margin: 0 0 20px;
  padding: 0;
}
.layout__region ul:last-child {
  margin-bottom: 0;
}
.layout__region ul li {
  padding: 0 0 0 15px;
  margin: 0 0 10px;
  position: relative;
}
.layout__region ul li:before {
  content: "";
  display: block;
  width: 3px;
  height: 3px;
  background: #444;
  border-radius: 50%;
  position: absolute;
  top: 10px;
  left: 0;
}
@media (min-width: 0px) and (max-width: 767px) {
  .layout__region ul li:before {
    width: 4px;
    height: 4px;
    top: 9px;
  }
}
.layout__region ul li ul {
  padding-left: 5px;
  margin-top: 3px;
}
.layout__region ul li ul li {
  padding-left: 20px;
  margin-bottom: 0;
}
.layout__region ul li ul li:before {
  width: 15px;
  height: 1px;
  background: #444;
  top: 11px;
  left: 0;
}
@media (min-width: 0px) and (max-width: 767px) {
  .layout__region ul li ul li:before {
    width: 12px;
  }
}
.layout__region ul.check li {
  padding-left: 37px;
}
.layout__region ul.check li:before {
  width: 22px;
  height: 22px;
  background: url("../../images/check.svg") no-repeat center/cover;
  border-radius: 0;
  top: 1px;
}
@media (min-width: 1025px) {
  .layout__region ul li {
    padding-left: 28px;
  }
  .layout__region ul li:before {
    width: 5px;
    height: 5px;
    top: 9px;
    left: 10px;
  }
  .layout__region ul.check li {
    padding-left: 39px;
  }
  .layout__region ul.check li:before {
    width: 27px;
    height: 27px;
    left: 0;
  }
}

@media (max-width: 991px) {
  .useful-links-disclaimer {
    text-align: left !important;
  }
}
@media (min-width: 768px) {
  .mb-100 {
    margin-bottom: 50px;
  }
}
@media (min-width: 1025px) {
  .mb-100 {
    margin-bottom: 100px;
  }
}

video {
  width: 100%;
  background: #000;
}

.hero-carousel video::-webkit-media-controls {
  display: none !important;
}

.video {
  padding: 56.25% 0 0 0;
  position: relative;
  margin: 24px 0;
  margin-bottom: 0;
}
@media (max-width: 768px) {
  .video {
    margin: 0;
  }
}

.video-background-bar {
  width: 100%;
  height: 27px;
  background: #444444;
  opacity: 0.25;
  margin-top: -2px;
}
@media (max-width: 768px) {
  .video-background-bar {
    height: 11.37px;
    margin-top: 2.56px;
    margin-bottom: 33.61px;
  }
}

.margin-bottom {
  margin-bottom: 25px !important;
}
@media (min-width: 1025px) {
  .margin-bottom {
    margin-bottom: 65px !important;
  }
}

.margin-top {
  margin-top: 65px !important;
}
@media (max-width: 768px) {
  .margin-top {
    margin-top: 32px !important;
  }
}

.layout-container h2.transcript-safety-heading {
  margin-top: 0;
}

.color-purple,
.wysiwyg-block .color-primary {
  color: #4F08B0;
}

.color-black {
  color: #000;
}

.color-orange {
  color: #FA7821;
}

.color-white {
  color: #fff;
}

.uppercase {
  text-transform: uppercase;
}

.lowercase {
  text-transform: lowercase;
}

.centralize-text {
  text-align: center;
}

.font-semibold {
  font-weight: 600 !important;
}

@media (min-width: 768px) {
  .font-bold-desktop {
    font-weight: 700 !important;
  }
}
.font-size-18 {
  font-size: 18px;
}
@media (max-width: 768px) {
  .font-size-18 {
    font-size: 12px;
  }
}

.font-size-12 {
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
}
@media (max-width: 768px) {
  .font-size-12 {
    font-size: 9px;
    font-style: normal;
    line-height: 11px; /* 122.222% */
  }
}

.wysiwyg-footnote {
  font-size: 12px;
  line-height: 15px;
}
@media (max-width: 768px) {
  .wysiwyg-footnote {
    font-size: 9px;
    line-height: 15px;
  }
}

@media (max-width: 768px) {
  .wysiwyg-block .line-height-130 {
    line-height: 130%;
  }
}
.dialog-off-canvas-main-canvas > footer, .layout-container > footer {
  background: linear-gradient(180deg, #4F08B0 42.7%, #21034A 138.98%);
  padding: 20px 0 24px;
  position: relative;
  color: #ffffff;
}
.dialog-off-canvas-main-canvas > footer:before, .layout-container > footer:before {
  content: "";
  display: block;
  width: 100%;
  height: 6px;
  background: linear-gradient(90deg, #FA7821 0%, #4F08B0 100%);
  position: absolute;
  top: 0;
  left: 0;
}
.dialog-off-canvas-main-canvas > footer .footer-inner, .layout-container > footer .footer-inner {
  width: 100%;
  max-width: 1140px;
  margin: 0 auto;
  padding: 0 24px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.dialog-off-canvas-main-canvas > footer .footer-inner > .region, .layout-container > footer .footer-inner > .region {
  width: 100%;
}
.dialog-off-canvas-main-canvas > footer .footer-inner > .region .block, .layout-container > footer .footer-inner > .region .block {
  text-align: inherit;
}
.dialog-off-canvas-main-canvas > footer .region-footer-top, .layout-container > footer .region-footer-top {
  order: 1;
}
.dialog-off-canvas-main-canvas > footer .region-footer-text, .layout-container > footer .region-footer-text {
  order: 2;
  margin-top: 14px;
}
.dialog-off-canvas-main-canvas > footer .region-footer-utils, .layout-container > footer .region-footer-utils {
  order: 3;
  margin-top: 24px;
}
.dialog-off-canvas-main-canvas > footer .region-footer-logo, .layout-container > footer .region-footer-logo {
  order: 4;
  margin-top: 16px;
}
.dialog-off-canvas-main-canvas > footer .region-footer-top nav, .layout-container > footer .region-footer-top nav {
  width: 100%;
}
.dialog-off-canvas-main-canvas > footer .region-footer-top nav .menu, .layout-container > footer .region-footer-top nav .menu {
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  list-style: none;
}
.dialog-off-canvas-main-canvas > footer .region-footer-top nav .menu li, .layout-container > footer .region-footer-top nav .menu li {
  padding: 10px 0;
  font-family: Poppins, sans-serif;
  font-weight: 500;
  font-size: 14px;
  line-height: 24px;
  position: relative;
  text-align: center;
}
.dialog-off-canvas-main-canvas > footer .region-footer-top nav .menu li:after, .layout-container > footer .region-footer-top nav .menu li:after {
  content: "";
  display: block;
  width: 22px;
  height: 1px;
  background: rgba(255, 255, 255, 0.4);
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 0);
}
.dialog-off-canvas-main-canvas > footer .region-footer-top nav .menu li:last-child:after, .layout-container > footer .region-footer-top nav .menu li:last-child:after {
  display: none;
}
.dialog-off-canvas-main-canvas > footer .region-footer-top nav .menu li a, .layout-container > footer .region-footer-top nav .menu li a {
  color: #ffffff;
  display: inline-flex;
  gap: 7.5px;
  align-items: center;
  text-decoration: none;
}
.dialog-off-canvas-main-canvas > footer .region-footer-logo, .layout-container > footer .region-footer-logo {
  text-align: center;
}
.dialog-off-canvas-main-canvas > footer .region-footer-logo .footer-logo img, .layout-container > footer .region-footer-logo .footer-logo img {
  width: 127px;
  height: auto;
}
.dialog-off-canvas-main-canvas > footer .region-footer-text, .layout-container > footer .region-footer-text {
  text-align: center;
}
.dialog-off-canvas-main-canvas > footer .region-footer-text .footer-copyright,
.dialog-off-canvas-main-canvas > footer .region-footer-text .block--block-content, .layout-container > footer .region-footer-text .footer-copyright,
.layout-container > footer .region-footer-text .block--block-content {
  display: flex;
  justify-content: center;
  align-items: center;
}
.dialog-off-canvas-main-canvas > footer .region-footer-text .footer-copyright > div,
.dialog-off-canvas-main-canvas > footer .region-footer-text .block--block-content > div, .layout-container > footer .region-footer-text .footer-copyright > div,
.layout-container > footer .region-footer-text .block--block-content > div {
  display: flex;
  align-items: center;
  justify-content: center;
}
.dialog-off-canvas-main-canvas > footer .region-footer-text p, .layout-container > footer .region-footer-text p {
  max-width: 342px;
  margin: 0 auto;
  font-family: Poppins, sans-serif;
  font-size: 12px;
  line-height: 18px;
  color: #ffffff;
  letter-spacing: -0.1px;
}
.dialog-off-canvas-main-canvas > footer .region-footer-utils, .layout-container > footer .region-footer-utils {
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
}
.dialog-off-canvas-main-canvas > footer .region-footer-utils .block--type--basic p, .layout-container > footer .region-footer-utils .block--type--basic p {
  font-family: Poppins, sans-serif;
  font-size: 14px;
  line-height: 20px;
  color: #ffffff;
  margin: 0;
}
.dialog-off-canvas-main-canvas > footer .region-footer-utils .social-menu, .layout-container > footer .region-footer-utils .social-menu {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
  gap: 0;
}
.dialog-off-canvas-main-canvas > footer .region-footer-utils .social-menu__item, .layout-container > footer .region-footer-utils .social-menu__item {
  margin: 0;
  padding: 0;
}
.dialog-off-canvas-main-canvas > footer .region-footer-utils .social-menu__item::before, .dialog-off-canvas-main-canvas > footer .region-footer-utils .social-menu__item::after, .layout-container > footer .region-footer-utils .social-menu__item::before, .layout-container > footer .region-footer-utils .social-menu__item::after {
  display: none;
}
.dialog-off-canvas-main-canvas > footer .region-footer-utils .social-menu__link, .layout-container > footer .region-footer-utils .social-menu__link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 8px 12px;
  line-height: 0;
}
.dialog-off-canvas-main-canvas > footer .region-footer-utils .social-menu__link img, .layout-container > footer .region-footer-utils .social-menu__link img {
  width: 24px;
  height: 24px;
  display: block;
  filter: brightness(0) invert(1);
}
@media (min-width: 1025px) {
  .dialog-off-canvas-main-canvas > footer, .layout-container > footer {
    padding: 28px 0 30px;
  }
  .dialog-off-canvas-main-canvas > footer .footer-inner, .layout-container > footer .footer-inner {
    display: grid;
    grid-template-columns: 1fr 2.6fr 1fr;
    grid-template-rows: auto auto;
    grid-template-areas: "top  top  top" "logo text utils";
    align-items: center;
    row-gap: 20px;
    column-gap: 0;
    padding: 0 24px;
  }
  .dialog-off-canvas-main-canvas > footer .footer-inner > .region, .layout-container > footer .footer-inner > .region {
    width: auto;
    order: unset;
    margin-top: 0;
  }
  .dialog-off-canvas-main-canvas > footer .region-footer-top, .layout-container > footer .region-footer-top {
    grid-area: top;
  }
  .dialog-off-canvas-main-canvas > footer .region-footer-top nav, .layout-container > footer .region-footer-top nav {
    display: flex;
    justify-content: center;
  }
  .dialog-off-canvas-main-canvas > footer .region-footer-top nav .menu, .layout-container > footer .region-footer-top nav .menu {
    flex-direction: row;
    gap: 12px;
  }
  .dialog-off-canvas-main-canvas > footer .region-footer-top nav .menu li, .layout-container > footer .region-footer-top nav .menu li {
    padding: 0 0 0 12px;
    text-align: center;
    font-size: 13px;
    line-height: 18px;
  }
  .dialog-off-canvas-main-canvas > footer .region-footer-top nav .menu li:after, .layout-container > footer .region-footer-top nav .menu li:after {
    display: none;
  }
  .dialog-off-canvas-main-canvas > footer .region-footer-top nav .menu li:before, .layout-container > footer .region-footer-top nav .menu li:before {
    content: "";
    display: block;
    width: 1px;
    height: 14px;
    background: rgba(255, 255, 255, 0.5);
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
  }
  .dialog-off-canvas-main-canvas > footer .region-footer-top nav .menu li:first-child, .layout-container > footer .region-footer-top nav .menu li:first-child {
    padding-left: 0;
  }
  .dialog-off-canvas-main-canvas > footer .region-footer-top nav .menu li:first-child:before, .layout-container > footer .region-footer-top nav .menu li:first-child:before {
    display: none;
  }
  .dialog-off-canvas-main-canvas > footer .region-footer-logo, .layout-container > footer .region-footer-logo {
    grid-area: logo;
    align-self: center;
    justify-self: start;
    text-align: left;
  }
  .dialog-off-canvas-main-canvas > footer .region-footer-text, .layout-container > footer .region-footer-text {
    grid-area: text;
    align-self: center;
    text-align: center;
    margin-top: 24px;
  }
  .dialog-off-canvas-main-canvas > footer .region-footer-text p, .layout-container > footer .region-footer-text p {
    max-width: 564px;
    font-size: 10px;
    line-height: 15px;
    color: #ffffff;
    letter-spacing: 0;
  }
  .dialog-off-canvas-main-canvas > footer .region-footer-utils, .layout-container > footer .region-footer-utils {
    grid-area: utils;
    align-self: center;
    justify-self: end;
    align-items: flex-end;
    text-align: right;
    gap: 8px;
  }
  .dialog-off-canvas-main-canvas > footer .region-footer-utils .block--type--basic p, .layout-container > footer .region-footer-utils .block--type--basic p {
    font-size: 13px;
    line-height: 20px;
    color: #ffffff;
  }
  .dialog-off-canvas-main-canvas > footer .region-footer-utils .social-menu, .layout-container > footer .region-footer-utils .social-menu {
    margin: 0 -8px;
  }
  .dialog-off-canvas-main-canvas > footer .region-footer-utils .social-menu__link, .layout-container > footer .region-footer-utils .social-menu__link {
    padding: 5px 8px;
  }
  .dialog-off-canvas-main-canvas > footer .region-footer-utils .social-menu__link img, .layout-container > footer .region-footer-utils .social-menu__link img {
    width: 16px;
    height: 16px;
  }
}

.layout-container > header {
  position: relative;
  width: 100vw;
  height: 136px;
  z-index: 1000;
  margin-top: 0px;
  transition: margin-top ease-in-out 0.5s;
}
@media (min-width: 1375px) {
  .layout-container > header {
    height: 85px;
  }
}
.layout-container > header.hidden {
  display: block;
  margin-top: -136px;
}
@media (min-width: 768px) {
  .layout-container > header.hidden {
    margin-top: -136px;
  }
}
@media (min-width: 1375px) {
  .layout-container > header.hidden {
    margin-top: 0;
  }
}
.layout-container > header .top-bar-region {
  width: 100%;
  position: relative;
  z-index: 12;
}
.layout-container > header .top-bar-region > div {
  height: 100%;
}
@media (min-width: 1375px) {
  .layout-container > header .top-bar-region {
    padding: 0;
  }
  .layout-container > header .top-bar-region > div {
    padding: 0;
    display: flex;
  }
}
.layout-container > header .top-bar-region .for-us {
  width: 100%;
  position: absolute;
  top: 70px;
  right: 40px;
  text-align: right;
  display: none;
}
.layout-container > header .top-bar-region .for-us p {
  font-size: 9px;
  line-height: 14px;
  font-weight: 400;
  margin: 0;
  color: #4F08B0;
}
@media (min-width: 1375px) {
  .layout-container > header .top-bar-region .for-us {
    display: block;
    position: static;
    width: 100px;
    flex: none;
    text-align: left;
  }
  .layout-container > header .top-bar-region .for-us p {
    font-size: 12px;
    line-height: 18px;
    color: #ffffff;
  }
}
.layout-container > header .main-header-region {
  background: #fff;
  display: flex;
  align-items: center;
  height: 72px;
  transition: border-radius 0.3s ease-in-out;
  justify-content: space-between;
}
@media (min-width: 1280px) {
  .layout-container > header .main-header-region {
    background: #f3f3f3;
    height: auto;
    border-radius: 0;
  }
}
.layout-container > header .main-header-region .hamburger {
  flex: none;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 29px;
  height: 22px;
  margin: 0 26px 0 24px;
  position: relative;
}
.layout-container > header .main-header-region .hamburger:before, .layout-container > header .main-header-region .hamburger:after, .layout-container > header .main-header-region .hamburger div {
  content: "";
  display: block;
  width: 100%;
  height: 4px;
  background: #4F08B0;
  transition: all 0.3s ease-in-out;
}
@media (min-width: 1280px) {
  .layout-container > header .main-header-region .hamburger {
    display: none;
  }
}
.layout-container > header .main-header-region .hamburger.active {
  width: 23px;
}
.layout-container > header .main-header-region .hamburger.active div {
  display: none;
}
.layout-container > header .main-header-region .hamburger.active:before {
  transform: rotate(45deg);
  transform-origin: center;
  margin-top: 8px;
}
.layout-container > header .main-header-region .hamburger.active:after {
  transform: rotate(-45deg) translate(7px, -7px);
  transform-origin: center;
}
.layout-container > header .main-header-region:has(.hamburger.active) {
  border-radius: 0;
}
.layout-container > header .main-header-region:has(.hamburger.active) #block-tryngolza-main-menu {
  max-height: calc(100dvh - 97px);
  overflow-y: auto;
}
.layout-container > header .main-header-region > div {
  height: 100%;
  position: relative;
  display: flex;
  justify-content: flex-end;
}
.layout-container > header .main-header-region #block-nav-connect p {
  margin: 0;
}
.layout-container > header .main-header-region #block-nav-connect p.for-us {
  font-size: 10px;
  text-align: center;
  color: #4F08B0;
  margin-top: 2px;
}
@media (max-width: 1374px) {
  .layout-container > header .main-header-region #block-nav-connect p.for-us {
    display: block !important;
  }
}
.layout-container > header .main-header-region #block-nav-connect .btn.btn-yellow {
  padding: 8px 16px;
  width: auto;
  min-width: auto;
  height: 28px;
  font-size: 12px;
  font-weight: 700;
}
@media (max-width: 1374px) {
  .layout-container > header .main-header-region #block-nav-connect .btn.btn-yellow {
    display: none;
  }
}
.layout-container > header #block-tryngolza-branding {
  display: flex;
  justify-content: center;
}
.layout-container > header #block-tryngolza-site-branding a + a {
  display: none;
}
.layout-container > header #block-tryngolza-site-branding img {
  max-width: 200px;
}
@media (min-width: 1280px) {
  .layout-container > header #block-tryngolza-main-menu {
    flex: 1;
    position: relative;
  }
}
.layout-container > header h1 {
  color: #000;
  font-size: 64px;
  margin: 0 0 24px;
}
.layout-container > header h1 span {
  color: #000;
}

.tryngolza-branding {
  position: relative;
}

.tryngolza-branding__arc {
  position: absolute;
  top: -50px;
  left: 0;
  width: 296px;
  height: 136px;
  background: url("../../images/shtg-header-arc.svg") no-repeat left top/auto 100%;
  z-index: 12;
}

.tryngolza-branding__arc a {
  display: block;
  width: 100%;
  height: 100%;
  padding-left: 28px;
  padding-top: 26px;
  padding-bottom: 38px;
}

.tryngolza-branding__arc img {
  height: 100%;
}

.tryngolza-branding__arc::after {
  content: "";
  position: absolute;
  background-image: url("../../images/curved-vector-default.svg");
  background-size: contain;
  background-repeat: no-repeat;
  width: 60px;
  height: 30px;
  top: 47%;
  right: -33px;
  transform: translateY(-50%);
  z-index: 20;
}

@media (max-width: 1279px) {
  .tryngolza-branding__arc::after {
    display: none;
  }
  .main-header-region:has(.hamburger.active) .tryngolza-branding__arc {
    background: none;
  }
  .main-header-region:has(.hamburger.active) .tryngolza-branding__arc::after {
    display: none;
  }
  .tryngolza-branding__arc {
    height: 129px;
    top: -25px;
    z-index: 10;
  }
  .tryngolza-branding__arc a {
    padding-top: 40px;
    padding-left: 18px;
    padding-bottom: 28px;
  }
  .tryngolza-branding__arc img {
    width: 163px;
  }
  .tryngolza-branding__arc {
    position: relative;
  }
  .tryngolza-branding__arc::after {
    content: "";
    display: block;
  }
  .tryngolza-branding__arc::after {
    content: "";
    position: absolute;
    background-image: url("../../images/curved-header-vector-mobile.svg");
    background-size: contain;
    background-repeat: no-repeat;
    width: 88.5px;
    height: 17px;
    top: 105px;
    right: 21px;
    z-index: 20;
  }
}
input.button, form input.webform-button--submit,
a.button {
  background-color: #ffffff;
  border-radius: 26px;
  border: 2px solid #000;
  color: #000;
  cursor: pointer;
  display: inline-block;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 0.5px;
  line-height: 22px;
  margin-top: 16px;
  padding: 12px 24px;
  text-decoration: none;
  transition: background 0.2s, color 0.2s;
}

input.button.blue, form input.blue.webform-button--submit,
a.button.blue {
  background-color: #427BBF;
  border-color: #427BBF;
}
input.button.blue:hover, form input.blue.webform-button--submit:hover,
a.button.blue:hover {
  background: #ffffff;
  color: #427BBF;
}
input.button.gray, form input.gray.webform-button--submit,
a.button.gray {
  background-color: #444444;
  border-color: #444444;
  color: #ffffff;
}
input.button.gray:hover, form input.gray.webform-button--submit:hover,
a.button.gray:hover {
  background: #ffffff;
  color: #444444;
}
input.button.green, form input.green.webform-button--submit,
a.button.green {
  background-color: #009900;
  border-color: #009900;
  color: #ffffff;
}
input.button.green:hover, form input.green.webform-button--submit:hover,
a.button.green:hover {
  background: #ffffff;
  color: #009900;
}
input.button.red, form input.red.webform-button--submit,
a.button.red {
  background-color: #D1532E;
  border-color: #D1532E;
  color: #ffffff;
}
input.button.red:hover, form input.red.webform-button--submit:hover,
a.button.red:hover {
  background: #ffffff;
  color: #D1532E;
}

.btn, a.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 140px;
  height: 46px;
  border-radius: 21px;
  background: linear-gradient(180deg, #4F08B0 0.68%, #21034A 50%, #4F08B0 100%);
  background-size: 100% 200%;
  color: #ffffff;
  font-size: 16px;
  line-height: 20px;
  font-weight: 500;
  text-decoration: none;
  padding: 15px 15px;
  transition: all 0.3s ease-in-out;
}
@media (min-width: 992px) {
  .btn, a.btn {
    font-size: 16px;
  }
  .btn:hover, a.btn:hover {
    background-position: 0 100%;
    color: #ffffff;
  }
}
.btn.arrow:after, a.btn.arrow:after {
  content: "";
  display: block;
  width: 13px;
  height: 21px;
  background: url("../../images/yellow-arrow.svg") no-repeat center/cover;
  margin-left: 20px;
}
.btn.arrow:hover:after, a.btn.arrow:hover:after {
  background-image: url("../../images/white-arrow.svg");
}
.btn.btn-connect, a.btn.btn-connect {
  height: 38px;
  font-size: 12px;
  text-align: center;
}
.btn.btn-connect:after, a.btn.btn-connect:after {
  content: "";
  display: block;
  width: 5px;
  height: 8px;
  background: url("../../images/white-arrow.svg") no-repeat center/cover;
  margin-left: 10px;
  transition: background-image 0.3s ease-in-out;
}
.btn.btn-connect.no-arrow:after, a.btn.btn-connect.no-arrow:after {
  display: none;
}
@media (max-width: 1374px) {
  .btn.btn-connect.no-arrow, a.btn.btn-connect.no-arrow {
    height: 38px;
  }
}
@media (min-width: 1025px) {
  .btn.btn-connect, a.btn.btn-connect {
    height: 28px;
    font-size: 12px;
  }
  .btn.btn-connect:hover, a.btn.btn-connect:hover {
    color: #FABD26;
  }
  .btn.btn-connect:hover:after, a.btn.btn-connect:hover:after {
    background-image: url("../../images/yellow-arrow.svg");
  }
  .btn.btn-connect.no-arrow:hover:after, a.btn.btn-connect.no-arrow:hover:after {
    display: none;
  }
}
.btn.next, a.btn.next {
  width: 100%;
  max-width: 684px;
  min-height: 82px;
  font-size: 20px;
  line-height: 30px;
  font-weight: 400;
  text-align: left;
}
.btn.next:before, a.btn.next:before {
  content: "Next";
  height: 22px;
  line-height: 24px;
  font-weight: 700;
  display: block;
  padding-right: 18px;
  border-right: 1px solid #ffffff;
  margin-right: 18px;
}
.btn.next:after, a.btn.next:after {
  content: "";
  display: block;
  width: 13px;
  height: 19px;
  background: url("../../images/yellow-arrow.svg") no-repeat center/cover;
  margin-left: 18px;
  flex: none;
  transition: background-image 0.3s ease-in-out;
}
@media (min-width: 1025px) {
  .btn.next:hover:after, a.btn.next:hover:after {
    background-image: url("../../images/white-arrow.svg");
  }
}
.btn.next.connect, a.btn.next.connect {
  max-width: 824px;
  height: auto;
}
.btn.next.connect:before, a.btn.next.connect:before {
  content: "";
  flex: none;
  width: 54px;
  height: 54px;
  border-right: 0;
  background: url("../../images/icon-connect.png") no-repeat center/cover;
  margin-right: 0;
}
.btn.next.connect:after, a.btn.next.connect:after {
  margin-left: 10px;
}
.btn.next.connect strong, a.btn.next.connect strong {
  display: block;
}
.btn.next.form, a.btn.next.form {
  max-width: 824px;
  height: 164px;
}
.btn.next.form:before, a.btn.next.form:before {
  content: "";
  flex: none;
  width: 54px;
  height: 54px;
  border-right: 0;
  background: url("../../images/icon-form.png") no-repeat center/cover;
}
.btn.next.form:after, a.btn.next.form:after {
  margin-left: 10px;
}
@media (max-width: 767px) {
  .btn.next, a.btn.next {
    font-size: 16px;
    line-height: 24px;
    min-height: 90px;
    padding: 15px 20px;
  }
  .btn.next span, a.btn.next span {
    text-align: left;
  }
}
@media (min-width: 768px) {
  .btn.next.connect, a.btn.next.connect {
    height: 165px;
    text-align: left;
  }
  .btn.next.connect:before, a.btn.next.connect:before {
    width: 144px;
    height: 118px;
    border-right: 1px solid #ffffff;
    background: url("../../images/icon-connect.png") no-repeat center/auto 100%;
    margin-right: 20px;
  }
  .btn.next.form, a.btn.next.form {
    height: 165px;
    text-align: left;
  }
  .btn.next.form:before, a.btn.next.form:before {
    width: 144px;
    height: 118px;
    border-right: 1px solid #ffffff;
    background: url("../../images/icon-form.png") no-repeat center/auto 100%;
  }
}
.btn.white-purple, a.btn.white-purple {
  background: #ffffff;
  border: 1px solid #4F08B0;
  color: #4F08B0;
}
@media (min-width: 992px) {
  .btn.white-purple:hover, a.btn.white-purple:hover {
    background: #4F08B0;
    color: #ffffff;
  }
}
.btn.btn-yellow, a.btn.btn-yellow {
  background: linear-gradient(90deg, #FABD26 0.56%, #FA7821 100.56%);
  border: 1px solid transparent;
  color: #4F08B0;
}
@media (min-width: 992px) {
  .btn.btn-yellow:hover, a.btn.btn-yellow:hover {
    background: #4F08B0;
    color: #ffffff;
  }
}
.btn.search, a.btn.search {
  height: 51px;
  border-radius: 20px;
  margin: 6px 0 12px;
  font-weight: 700;
}
.btn.search:after, a.btn.search:after {
  content: "";
  display: block;
  width: 18px;
  height: 18px;
  background: url("../../images/search.svg") no-repeat center/cover;
  margin-left: 15px;
}
@media (max-width: 500px) {
  .btn.search, a.btn.search {
    width: 100%;
  }
}
@media (min-width: 1025px) {
  .btn.search, a.btn.search {
    height: 60px;
    font-size: 16px;
    margin: 40px 0;
  }
  .btn.search:after, a.btn.search:after {
    width: 26px;
    height: 26px;
    margin-left: 20px;
  }
}

.next-button-container {
  display: flex;
  justify-content: center;
}
.next-button-container p {
  width: 680px;
}

.webform-required {
  display: none;
}

div[aria-label="Error message"] {
  display: none;
}

.js-form-item.error:after {
  display: block;
  content: attr(data-webform-required-error);
  color: #D1532E;
  text-align: left;
  font-style: italic;
}
.js-form-item.error input,
.js-form-item.error select,
.js-form-item.error textarea {
  color: #D1532E;
  border-width: 2px;
  border-color: #D1532E;
}
.js-form-item.error input::placeholder,
.js-form-item.error select::placeholder,
.js-form-item.error textarea::placeholder {
  color: #D1532E !important;
}
.js-form-item.error .select2-container--default {
  border-bottom: 2px solid #D1532E;
}
.js-form-item.error .select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #D1532E;
}

.form-required:not(.fieldset-legend):after {
  content: "*";
  display: inline-block;
}

.form-item--error-message {
  text-align: right;
  font-style: italic;
  color: #D1532E;
}

.js-form-type-checkbox {
  margin-left: 0 !important;
}

.webform-address--wrapper.error:after {
  display: none;
}

form.submitted input:invalid,
form.submitted select:invalid,
form.submitted label:invalid {
  color: #D1532E;
  border-width: 2px;
  border-color: #D1532E;
}
form fieldset.webform-composite-hidden-title {
  margin: 0;
  padding: 0;
}
form textarea {
  width: 100%;
}
form .js-webform-type-checkboxes {
  margin-top: 24px;
}
form .js-webform-type-checkboxes legend {
  margin-bottom: 16px;
}
form .js-form-type-checkbox {
  display: flex;
}
form .js-form-type-checkbox input[type=checkbox] {
  box-shadow: 0;
  position: relative;
  top: 6px;
}
form .js-form-type-checkbox input[type=checkbox]:checked:before {
  color: #000;
}
form .js-form-type-checkbox input:checked + label:before {
  color: #000;
  background-position: 0 -17px;
}
form .js-form-type-checkbox label {
  margin: -4px 0 12px;
  padding-left: 12px;
  position: relative;
  font-size: 18px;
  font-family: "Open Sans", sans-serif;
  text-transform: none;
}
form .js-form-type-checkbox label:before {
  background: url("../../dist/images/checkbox.png");
  content: "";
  display: block;
  height: 17px;
  left: -12px;
  position: absolute;
  top: 4px;
  width: 17px;
}
@media (min-width: 768px) {
  form .js-form-type-checkbox label:before {
    top: 7px;
  }
}
form label {
  display: block;
  margin: 24px 0 6px;
  text-transform: none;
  font-family: "Roboto Slab", sans-serif;
  font-size: 14px;
  color: #6B6D75;
}
form input:not([type=checkbox]):not([type=submit]) {
  border: 0;
  border-bottom: 1px solid #C2D1D9;
  margin: -12px 0 12px;
  padding: 12px 0;
  width: 100%;
  border-radius: 0;
}
form input:not([type=checkbox]):not([type=submit])::placeholder {
  color: #C9C9CC;
}
form .select2-container--default {
  border-bottom: 1px solid #C2D1D9;
  padding-bottom: 7px;
  margin-bottom: 12px;
}
form .select2-container--default .select2-selection--single {
  border: 0;
  margin: -0.75rem 0 12px;
  padding: 12px 0;
  width: 100%;
}
form .select2-container--default .select2-selection--single .select2-selection__arrow {
  top: 14px;
}
form .select2-container--default .select2-selection--single .select2-selection__rendered {
  padding: 0;
}
form input.webform-button--submit {
  margin: 24px 0;
}

.select2-results__option,
.select2-search__field {
  font-weight: bold;
}

input[type=text],
input[type=email],
input[type=tel],
.select2-container--default .select2-selection--single {
  background-color: transparent;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #444444;
}

form .select2-container--default .select2-selection--single .select2-selection__arrow {
  top: 5px;
  right: 10px;
}

form.webform-submission-form {
  display: flex;
  flex-wrap: wrap;
}
form.webform-submission-form .form-wrapper .js-form-item.error input, form.webform-submission-form .js-form-item.error select, form.webform-submission-form .js-form-item.error input, form.webform-submission-form .js-form-item.error textarea {
  color: #000;
  border-color: #FA7821;
  background: rgba(250, 120, 33, 0.1019607843);
}
form.webform-submission-form .form-wrapper .js-form-item.error input.web-form-input, form.webform-submission-form .js-form-item.error select.web-form-input, form.webform-submission-form .js-form-item.error input.web-form-input, form.webform-submission-form .js-form-item.error textarea.web-form-input {
  border: 3px solid #FA7821;
}
@media (min-width: 1025px) {
  form.webform-submission-form .form-wrapper .js-form-item.error input.web-form-input, form.webform-submission-form .js-form-item.error select.web-form-input, form.webform-submission-form .js-form-item.error input.web-form-input, form.webform-submission-form .js-form-item.error textarea.web-form-input {
    border: 2.6px solid #FA7821;
  }
}
form.webform-submission-form .radio-btn-container .js-webform-radios .js-form-type-radio.error input[type=radio] + label:before {
  border: 1px solid #FA7821;
  background-color: rgba(250, 120, 33, 0.1019607843);
}
@media (min-width: 768px) {
  form.webform-submission-form .radio-btn-container .js-webform-radios .js-form-type-radio.error input[type=radio] + label:before {
    border: 2px solid #FA7821;
  }
}
form.webform-submission-form .js-form-item.js-form-type-checkbox.error input + label:before {
  border: 2.6px solid #FA7821;
  background: rgba(250, 120, 33, 0.1019607843);
}
form.webform-submission-form .js-form-item.js-form-type-checkbox.error:after {
  margin-left: 32px;
  margin-top: -10px;
}
@media (min-width: 1025px) {
  form.webform-submission-form .js-form-item.js-form-type-checkbox.error:after {
    margin-left: 32px;
  }
}
form.webform-submission-form .js-form-item.js-form-type-checkbox.error.form-item-old-18-years:after {
  margin: 0px;
}
form.webform-submission-form h2 {
  color: #4F08B0;
  font-size: 32px;
  line-height: 48px;
  font-weight: 700;
  margin: 0 0 16px;
}
form.webform-submission-form #edit-connect, form.webform-submission-form .area-title {
  max-width: 842px;
  margin-left: auto;
  margin-right: auto;
}
form.webform-submission-form #edit-connect p, form.webform-submission-form .area-title p {
  text-align: left;
}
@media (min-width: 768px) {
  form.webform-submission-form #edit-connect p, form.webform-submission-form .area-title p {
    text-align: center;
  }
}
@media (min-width: 1025px) {
  form.webform-submission-form #edit-connect p, form.webform-submission-form .area-title p {
    text-align: center;
  }
}
form.webform-submission-form .webform-disclaimer {
  max-width: 736px;
  margin-inline: auto;
  margin-bottom: 14px;
}
form.webform-submission-form .webform-disclaimer p {
  text-align: left;
}
@media (max-width: 425px) {
  form.webform-submission-form .webform-disclaimer {
    padding-right: 14px;
  }
}
form.webform-submission-form .area-required .required-text {
  margin-bottom: 16px;
  font-size: 14px;
}
form.webform-submission-form #edit-processed-text-01, form.webform-submission-form #edit-processed-text-01--2, form.webform-submission-form #edit-processed-text, form.webform-submission-form #edit-processed-text--2, form.webform-submission-form .area-required, form.webform-submission-form .area-disclaimer {
  width: 100%;
  flex: 0 0 100%;
}
form.webform-submission-form #edit-processed-text, form.webform-submission-form #edit-processed-text--2, form.webform-submission-form .area-disclaimer {
  margin: 16px 0 32px;
}
form.webform-submission-form #edit-processed-text p, form.webform-submission-form #edit-processed-text--2 p, form.webform-submission-form .area-disclaimer p {
  margin: 0 0 18px;
}
form.webform-submission-form #edit-processed-text p sup, form.webform-submission-form #edit-processed-text--2 p sup, form.webform-submission-form .area-disclaimer p sup {
  font-size: 100%;
  top: 0;
}
form.webform-submission-form #edit-processed-text p:last-child, form.webform-submission-form #edit-processed-text--2 p:last-child, form.webform-submission-form .area-disclaimer p:last-child {
  margin-bottom: 0;
}
form.webform-submission-form #edit-processed-text a, form.webform-submission-form #edit-processed-text--2 a, form.webform-submission-form .area-disclaimer a {
  font-weight: 700;
}
form.webform-submission-form .area-disclaimer.terms-consent-para {
  margin: 18px 0 16px;
}
form.webform-submission-form .first-consent-para {
  margin-bottom: 0;
  margin-top: 25px;
}
form.webform-submission-form .first-consent-para a {
  font-weight: 700;
}
@media (max-width: 768px) {
  form.webform-submission-form .first-consent-para {
    margin-top: 30px;
  }
}
form.webform-submission-form .healthcare-disclaimer-wrapper.area-disclaimer {
  margin-top: 0;
  margin-bottom: 0;
}
form.webform-submission-form .healthcare-disclaimer-wrapper.area-disclaimer .healthcare-disclaimer-para {
  margin-bottom: 0;
}
form.webform-submission-form .col-12.event-form-item.healthcare-provider {
  margin-bottom: 14px;
}
form.webform-submission-form .healthcare-provider-footnote {
  font-size: 11px;
  font-family: Poppins;
  font-weight: 400;
  line-height: 26.67px;
}
form.webform-submission-form .edit-actions {
  margin: 0;
}
form.webform-submission-form .required-warning {
  text-align: left;
  color: #444444;
  margin-bottom: 24px;
  margin-top: 8px;
  font-size: 12px;
  line-height: 30px;
  width: 100%;
  flex: 0 0 100%;
}
@media (min-width: 768px) {
  form.webform-submission-form .required-warning {
    text-align: center;
    font-size: 16px;
    margin-top: 10px;
  }
}
form.webform-submission-form .col-6, form.webform-submission-form .col-12 {
  width: 100%;
  flex: 0 0 100%;
  padding: 0;
  margin-bottom: 24px;
}
form.webform-submission-form .col-6.event-form-item, form.webform-submission-form .col-12.event-form-item {
  margin-bottom: 36px;
}
@media (min-width: 768px) {
  form.webform-submission-form .col-6.event-form-item, form.webform-submission-form .col-12.event-form-item {
    margin-bottom: 24px;
  }
}
form.webform-submission-form .col-6 label, form.webform-submission-form .col-12 label {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  margin: 0 0 4px;
  color: #4F08B0;
  font-family: "Poppins";
  text-transform: none;
}
form.webform-submission-form .col-6 label:after, form.webform-submission-form .col-12 label:after {
  color: #4F08B0;
}
form.webform-submission-form .col-6 input, form.webform-submission-form .col-6 select, form.webform-submission-form .col-12 input, form.webform-submission-form .col-12 select {
  width: 100%;
  height: 40px;
  border: 1px solid #ded8f9;
  border-radius: 8px;
  font-size: 16px;
  line-height: 24px;
  padding: 8px 12px;
  margin: 0;
  outline: none;
  color: #000;
  background: #ded8f9;
}
form.webform-submission-form .col-6 input.web-form-input, form.webform-submission-form .col-6 select.web-form-input, form.webform-submission-form .col-12 input.web-form-input, form.webform-submission-form .col-12 select.web-form-input {
  border: 0px;
  font-weight: 600;
  color: #444;
}
form.webform-submission-form .col-6 input::placeholder, form.webform-submission-form .col-6 select::placeholder, form.webform-submission-form .col-12 input::placeholder, form.webform-submission-form .col-12 select::placeholder {
  color: #444444;
}
form.webform-submission-form .col-6 input::-moz-placeholder, form.webform-submission-form .col-6 select::-moz-placeholder, form.webform-submission-form .col-12 input::-moz-placeholder, form.webform-submission-form .col-12 select::-moz-placeholder {
  color: #444444;
}
form.webform-submission-form .col-6 input:focus, form.webform-submission-form .col-6 select:focus, form.webform-submission-form .col-12 input:focus, form.webform-submission-form .col-12 select:focus {
  border: 3px solid #4F08B0;
}
form.webform-submission-form .col-6 select, form.webform-submission-form .col-12 select {
  /* Arrow */
  appearance: none;
  background-image: url("../../images/arrow-select.svg");
  background-repeat: no-repeat;
  background-position: right 12px top 50%;
  background-size: 10px 11px;
}
form.webform-submission-form .col-6 .form-item-email-address-mail-1, form.webform-submission-form .col-12 .form-item-email-address-mail-1 {
  margin-bottom: 36px;
}
@media (min-width: 768px) {
  form.webform-submission-form .col-6 .form-item-email-address-mail-1, form.webform-submission-form .col-12 .form-item-email-address-mail-1 {
    margin-bottom: 32px;
  }
}
form.webform-submission-form .col-12.event-form-item.other-input-field {
  margin-bottom: 53px;
  margin-top: -33px;
}
@media (max-width: 767px) {
  form.webform-submission-form .col-12.event-form-item.other-input-field {
    margin-top: 0;
    margin-bottom: 33px;
  }
}
form.webform-submission-form .radio-btn-container {
  margin: 36px 0px 23px 0px;
  width: 100%;
  flex: 0 0 100%;
}
@media (min-width: 768px) {
  form.webform-submission-form .radio-btn-container {
    margin-top: 12px;
    margin-bottom: 57px;
  }
}
form.webform-submission-form .radio-btn-container.radio-container-1 {
  margin-bottom: 30px;
  margin-top: 44px;
}
@media (min-width: 768px) {
  form.webform-submission-form .radio-btn-container.radio-container-1 {
    margin-bottom: 32px;
    margin-top: 12px;
  }
}
form.webform-submission-form .radio-btn-container #edit-which-of-the-following-best-describes-you-legend,
form.webform-submission-form .radio-btn-container #edit-how-did-you-hear-about-this-program--wrapper-legend {
  color: #4F08B0;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 21.333px;
  letter-spacing: 0.089px;
  margin-bottom: 20px;
}
form.webform-submission-form .radio-btn-container #edit-which-of-the-following-best-describes-you-legend .together,
form.webform-submission-form .radio-btn-container #edit-how-did-you-hear-about-this-program--wrapper-legend .together {
  display: inline-block;
}
form.webform-submission-form .radio-btn-container .js-webform-radios {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
@media (min-width: 768px) {
  form.webform-submission-form .radio-btn-container .js-webform-radios {
    gap: 11px;
    padding-left: 12px;
  }
}
form.webform-submission-form .radio-btn-container .js-webform-radios .js-form-type-radio {
  display: block;
  position: relative;
}
form.webform-submission-form .radio-btn-container .js-webform-radios .js-form-type-radio input[type=radio] {
  opacity: 0;
  position: absolute;
  height: 0;
  width: 0;
}
form.webform-submission-form .radio-btn-container .js-webform-radios .js-form-type-radio input[type=radio] + label {
  color: #4F08B0;
  padding: 9px 0 0 35px;
  font-size: 16px;
  font-family: Poppins;
  line-height: 24px;
  font-weight: 400;
  cursor: pointer;
  position: relative;
  margin: 0px;
}
form.webform-submission-form .radio-btn-container .js-webform-radios .js-form-type-radio input[type=radio] + label:before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background: #ded8f9;
  border: 1px solid #ded8f9;
  border-radius: 50%;
  position: absolute;
  top: 12px;
  left: 0;
}
@media (min-width: 768px) {
  form.webform-submission-form .radio-btn-container .js-webform-radios .js-form-type-radio input[type=radio] + label {
    padding-top: 16px;
    padding-left: 56px;
    font-size: 16px;
  }
  form.webform-submission-form .radio-btn-container .js-webform-radios .js-form-type-radio input[type=radio] + label:before {
    width: 32px;
    height: 32px;
  }
}
form.webform-submission-form .radio-btn-container .js-webform-radios .js-form-type-radio input[type=radio]:focus + label:before {
  border: 2px solid #4F08B0;
}
@media (min-width: 1025px) {
  form.webform-submission-form .radio-btn-container .js-webform-radios .js-form-type-radio input[type=radio]:focus + label:before {
    border: 3px solid #4F08B0;
  }
}
form.webform-submission-form .radio-btn-container .js-webform-radios .js-form-type-radio input[type=radio]:checked + label:before {
  background: url("../../images/radio-dot.svg") no-repeat center/12px auto #e8e8ff;
  border: 1px solid #4F08B0;
}
@media (min-width: 768px) {
  form.webform-submission-form .radio-btn-container .js-webform-radios .js-form-type-radio input[type=radio]:checked + label:before {
    background: url("../../images/radio-dot.svg") no-repeat center/22px auto #e8e8ff;
    border: 2px solid #4F08B0;
  }
}
form.webform-submission-form .radio-btn-container .webform-radios-other-input input {
  height: 40px;
  font-size: 16px;
  font-weight: 600;
  line-height: 30px;
  padding: 12px 18px;
  border-radius: 8px;
  border: 0;
  outline: none;
  width: 100%;
  background: #ded8f9;
  color: #444;
  margin: 0px;
}
form.webform-submission-form .radio-btn-container .webform-radios-other-input input:focus {
  border: 3px solid #4F08B0;
}
@media (min-width: 768px) {
  form.webform-submission-form .radio-btn-container .webform-radios-other-input input {
    font-size: 21px;
    line-height: 26px;
    height: 56px;
  }
  form.webform-submission-form .radio-btn-container .webform-radios-other-input input:focus {
    border: 2.6px solid #4F08B0;
  }
}
form.webform-submission-form .radio-btn-container .webform-radios-other-input label {
  color: #4F08B0;
  font-family: Poppins;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 21.333px;
  letter-spacing: 0.089px;
}
form.webform-submission-form .radio-btn-container .webform-radios-other-input label:after {
  content: "*";
  color: #4F08B0;
}
form.webform-submission-form .radio-btn-container .webform-radios-other-input.error input {
  border: 3px solid #FA7821;
  background-color: rgba(250, 120, 33, 0.1019607843);
}
@media (min-width: 768px) {
  form.webform-submission-form .radio-btn-container .webform-radios-other-input.error input {
    border: 2.6px solid #FA7821;
  }
}
form.webform-submission-form .radio-btn-container.error .asterisk {
  color: #FA7821;
}
form.webform-submission-form .radio-btn-container.error span::after {
  color: #FA7821;
}
form.webform-submission-form .js-form-type-checkbox {
  display: block;
  position: relative;
}
form.webform-submission-form .js-form-type-checkbox input {
  opacity: 0;
  height: 0;
  position: absolute;
}
form.webform-submission-form .js-form-type-checkbox input + label {
  color: #4F08B0;
  padding: 16px 0 0 56px;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  color: #4F08B0;
  font-family: "Poppins";
  cursor: pointer;
  position: relative;
}
form.webform-submission-form .js-form-type-checkbox input + label:before {
  content: "";
  display: block;
  width: 37px;
  height: 37px;
  background: #ded8f9;
  border: 1px solid #ded8f9;
  border-radius: 5px;
  margin-right: 24px;
  position: absolute;
  top: 20px;
  left: 0;
}
@media (min-width: 768px) {
  form.webform-submission-form .js-form-type-checkbox input + label {
    padding-top: 18px;
    align-items: center;
    padding-left: 46px;
  }
  form.webform-submission-form .js-form-type-checkbox input + label:before {
    width: 32px;
    height: 32px;
    top: 13px;
  }
}
form.webform-submission-form .js-form-type-checkbox input:focus + label:before {
  border: 1px solid #4F08B0;
}
@media (min-width: 1025px) {
  form.webform-submission-form .js-form-type-checkbox input:focus + label:before {
    border: 3px solid #4F08B0;
  }
}
form.webform-submission-form .js-form-type-checkbox input:checked + label:before {
  background: url("../../images/check.svg") no-repeat center/38px auto #e8e8ff;
  border: 2.6px solid #4F08B0;
}
@media (min-width: 768px) {
  form.webform-submission-form .js-form-type-checkbox input:checked + label:before {
    background: url("../../images/check.svg") no-repeat center/32px auto #e8e8ff;
  }
}
@media (min-width: 768px) {
  form.webform-submission-form .js-form-type-checkbox.form-item-old-18-years {
    padding-left: 12px;
  }
}
form.webform-submission-form .webform-actions {
  text-align: left;
  width: 100%;
}
@media (min-width: 768px) {
  form.webform-submission-form .webform-actions {
    text-align: center;
  }
}
form.webform-submission-form .submit-btn .webform-button--submit {
  margin: 0 auto;
}
form.webform-submission-form .webform-button--submit {
  width: 154px;
  height: 43px;
  border-radius: 26px;
  background: url("../../images/arrow-right-yellow.svg") no-repeat calc(100% - 30px) 12px #4F08B0;
  border: 0;
  color: #ffffff;
  font-size: 16px;
  line-height: 28px;
  font-weight: 700;
  text-align: left;
  margin: 0;
  padding: 8px 20px 7px 30px;
  display: block;
}
@media (min-width: 768px) {
  form.webform-submission-form .webform-button--submit {
    margin: 0 auto;
  }
}
form.webform-submission-form .webform-button--submit.grey {
  background: url("../../images/arrow-right-white.svg") no-repeat calc(100% - 30px) 12px #898989;
}
form.webform-submission-form .js-form-item.error:after {
  color: #FA7821;
  font-style: normal;
  font-size: 12px;
  line-height: 12px;
  margin: 8px 0 0;
  font-weight: 500;
}
form.webform-submission-form .js-form-item.error label:after {
  color: #FA7821;
}
form.webform-submission-form .webform-email-confirm--wrapper.js-form-item.error:after {
  content: none;
}
form.webform-submission-form .js-form-type-radio.js-form-item.error:after {
  content: none;
}
@media (min-width: 1025px) {
  form.webform-submission-form h2 {
    font-size: 45px;
    line-height: 68px;
    margin-bottom: 34px;
    font-weight: 700;
  }
  form.webform-submission-form .required-warning {
    margin-bottom: 77px !important;
    font-size: 14px;
    text-align: center;
  }
  form.webform-submission-form #edit-processed-text, form.webform-submission-form #edit-processed-text--2, form.webform-submission-form .area-disclaimer {
    margin: 30px auto 43px;
  }
  form.webform-submission-form .area-disclaimer.terms-consent-para {
    margin: 28px auto 43px;
  }
  form.webform-submission-form .area-disclaimer.terms-consent-para p {
    margin: 0 0 28px;
  }
  form.webform-submission-form .col-6, form.webform-submission-form .col-12 {
    width: 50%;
    flex: 0 0 50%;
    margin-bottom: 32px;
  }
  form.webform-submission-form .col-6.first, form.webform-submission-form .col-12.first {
    padding-right: 27px;
  }
  form.webform-submission-form .col-6 label, form.webform-submission-form .col-12 label {
    font-size: 16px;
    line-height: 18px;
    margin-bottom: 12px;
  }
  form.webform-submission-form .col-6 input, form.webform-submission-form .col-6 select, form.webform-submission-form .col-12 input, form.webform-submission-form .col-12 select {
    height: 56px;
    font-size: 21px;
    line-height: 24px;
    padding: 12px 18px;
    border-radius: 8px;
    border: 2px solid #e8e8ff;
  }
  form.webform-submission-form .col-6 input:focus, form.webform-submission-form .col-6 select:focus, form.webform-submission-form .col-12 input:focus, form.webform-submission-form .col-12 select:focus {
    border: 2.6px solid #4F08B0;
  }
  form.webform-submission-form .col-6 input.web-form-input, form.webform-submission-form .col-6 select.web-form-input, form.webform-submission-form .col-12 input.web-form-input, form.webform-submission-form .col-12 select.web-form-input {
    font-weight: 600;
  }
  form.webform-submission-form .col-6 select, form.webform-submission-form .col-12 select {
    background-position: right 14px top 50%;
    background-size: 12px;
  }
  form.webform-submission-form .col-12 {
    width: 100%;
    flex: 0 0 100%;
  }
  form.webform-submission-form .js-form-type-checkbox {
    margin-bottom: 28px;
  }
  form.webform-submission-form .js-form-type-checkbox input + label {
    padding-top: 18px;
    align-items: center;
    padding-left: 46px;
  }
  form.webform-submission-form .js-form-type-checkbox input + label:before {
    width: 34px;
    height: 34px;
    top: 13px;
  }
  form.webform-submission-form .js-form-type-checkbox input:checked + label:before {
    background-size: 34px auto;
  }
  form.webform-submission-form .webform-button--submit {
    width: 148px;
    height: 46px;
    font-size: 16px;
    line-height: 21px;
    cursor: pointer;
    padding-left: 26px;
    padding-top: 7px;
    background: url("../../images/arrow-right-yellow.svg") no-repeat calc(100% - 30px) 14px #4F08B0;
  }
  form.webform-submission-form .webform-button--submit.grey {
    background: url("../../images/arrow-right-white.svg") no-repeat calc(100% - 30px) 14px #898989;
  }
  form.webform-submission-form .js-form-item:after {
    display: none;
  }
  form.webform-submission-form .js-form-item.error:after {
    font-size: 12px;
    line-height: 22px;
    font-weight: 500;
    display: block;
  }
}
form.webform-submission-form .radio-btn-container .webform-radios-other-input {
  width: 100% !important;
}
form.webform-submission-form .radio-btn-container:has(.js-webform-radios-other-input.error) .js-webform-radios input[value=_other_] + label::before {
  border: 2px solid #FA7821;
  background: url("../../images/orange-radio-dot.svg") no-repeat center/11.5px auto #e8e8ff;
}
@media (min-width: 768px) {
  form.webform-submission-form .radio-btn-container:has(.js-webform-radios-other-input.error) .js-webform-radios input[value=_other_] + label::before {
    background: url("../../images/orange-radio-dot.svg") no-repeat center/22px auto #e8e8ff;
  }
}

.webform-submission-form:has(.form-item-other-please-specify.error):has(.form-item-other-please-specify label.form-required) .radio-container-2 .js-webform-radios .js-webform-type-radio input[value=other] + label::before {
  border: 2px solid #FA7821;
  background: url("../../images/orange-radio-dot.svg") no-repeat center/11.5px auto #e8e8ff;
}
@media (min-width: 768px) {
  .webform-submission-form:has(.form-item-other-please-specify.error):has(.form-item-other-please-specify label.form-required) .radio-container-2 .js-webform-radios .js-webform-type-radio input[value=other] + label::before {
    background: url("../../images/orange-radio-dot.svg") no-repeat center/22px auto #e8e8ff;
  }
}

form.webform-submission-event-form .asterisk {
  font-weight: 400;
}
form.webform-submission-event-form fieldset {
  border: none;
}

#connect-form form {
  margin-bottom: 19px;
}
#connect-form form:has(.error) .required-warning {
  color: #FA7821;
  font-weight: 700;
}
@media (min-width: 1025px) {
  #connect-form form {
    padding: 0px 0 40px;
  }
}

.event-webform-wrapper {
  margin-bottom: 42px;
}
.event-webform-wrapper:has(.error) .required-text {
  color: #FA7821;
  font-weight: 700;
}

.webform-confirmation {
  width: 100%;
}

.webform-confirmation__message {
  display: block;
  font-size: 18px;
  line-height: 26px;
  padding: 20px 0 0;
  margin-bottom: 6px;
}
@media (min-width: 1025px) {
  .webform-confirmation__message {
    padding-top: 20px;
    padding-bottom: 50px;
    font-size: 30px;
    line-height: 40px;
    text-align: center;
  }
}
.webform-confirmation__message .web-confirmation-text {
  color: #444;
  font-weight: 400;
  font-size: 25px;
  line-height: 30px;
  text-align: center;
}
.webform-confirmation__message .web-confirmation-text .web-confirmation-span {
  display: inline-block;
}

.webform-confirmation__back {
  margin: 0 0 1em 50px;
}

.webform-submission-contact-form .webform-confirmation__message {
  padding-top: 55px;
}
@media (max-width: 768px) {
  .webform-submission-contact-form .webform-confirmation__message {
    padding-top: 20px;
  }
}

.grid-overlay {
  height: 100%;
  max-width: 1040px;
  pointer-events: none;
  position: fixed;
  top: 0;
  z-index: 9999;
  opacity: 5%;
  width: 100%;
  max-width: 1040px;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 0px) {
  .grid-overlay {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
}
@media (min-width: 768px) {
  .grid-overlay {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
}
@media (min-width: 1025px) {
  .grid-overlay {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
}
@media (min-width: 1025px) {
  .grid-overlay {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
}
@media (min-width: 1025px) {
  .grid-overlay {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
}
@media (min-width: 1025px) {
  .grid-overlay {
    left: 50%;
    transform: translateX(-50%);
  }
}

.grid-overlay .col-1 {
  text-align: center;
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}
@media (min-width: 0px) {
  .grid-overlay .col-1 {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    flex: 0 0 8.3333333333%;
    width: 8.3333333333%;
  }
}

@media (min-width: 0px) and (max-width: 767px) {
  .mobile-hide {
    display: none !important;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .tablet-hide {
    display: none !important;
  }
}

@media (min-width: 1025px) {
  .desktop-hide {
    display: none !important;
  }
}

.hide {
  display: none !important;
}

@media (min-width: 768px) {
  .mobile-only {
    display: none !important;
  }
}

.tablet-only {
  display: none !important;
}
@media (min-width: 768px) {
  .tablet-only {
    display: block !important;
  }
}

.desktop-only {
  display: none !important;
}
@media (min-width: 1025px) {
  .desktop-only {
    display: block;
  }
}

.show-desktop-only {
  display: none !important;
  width: 50%;
}
.show-desktop-only p {
  font-size: 16px !important;
}
@media (min-width: 768px) {
  .show-desktop-only {
    display: block !important;
  }
}
.show-desktop-only hr {
  width: 100%;
}

@media (max-width: 767px) {
  .flip > div {
    display: flex;
    flex-direction: column-reverse;
  }
}

.break-space {
  position: relative;
  z-index: 200;
}
.break-space .embedded-entity {
  margin: 0 auto;
  margin-bottom: -200px;
  margin-top: 25px;
  max-width: 200px;
  padding-left: 5vw;
}
@media (min-width: 768px) {
  .break-space .embedded-entity {
    margin-bottom: -18vw;
    margin-left: -40px;
    margin-top: -12vw;
    max-width: 300px;
    padding-left: 0;
    width: 250px;
  }
}
@media (min-width: 1025px) {
  .break-space .embedded-entity {
    margin-bottom: -12vw;
    margin-top: -7vw;
    width: auto;
  }
}
@media (min-width: 1025px) and (max-width: 1025px) {
  .break-space .embedded-entity {
    margin-bottom: -15vw;
    margin-top: -7vw;
  }
}

.break-push {
  padding-top: 160px !important;
}
@media (min-width: 768px) {
  .break-push {
    padding-top: 9vw !important;
  }
}

.no-wrap, .nowrap {
  white-space: nowrap;
}

.align-center img {
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.margin-top-36 {
  margin-top: 36px;
}

.linear-gradient-purple-orange {
  background: linear-gradient(90deg, #4F08B0 0%, #FA7821 100%);
}

/**
 * This page contains the default navigation menu styling
 */
.layout-container nav[aria-labelledby=system-breadcrumb] {
  display: flex;
  flex-wrap: wrap;
}
@media (min-width: 0px) {
  .layout-container nav[aria-labelledby=system-breadcrumb] {
    margin-left: -0.75rem;
    margin-right: -0.75rem;
  }
}
@media (min-width: 768px) {
  .layout-container nav[aria-labelledby=system-breadcrumb] {
    margin-left: -0.75rem;
    margin-right: -0.75rem;
  }
}
@media (min-width: 1025px) {
  .layout-container nav[aria-labelledby=system-breadcrumb] {
    margin-left: -0.75rem;
    margin-right: -0.75rem;
  }
}
@media (min-width: 1025px) {
  .layout-container nav[aria-labelledby=system-breadcrumb] {
    margin-left: -0.75rem;
    margin-right: -0.75rem;
  }
}
@media (min-width: 1025px) {
  .layout-container nav[aria-labelledby=system-breadcrumb] {
    margin-left: -0.75rem;
    margin-right: -0.75rem;
  }
}
.layout-container nav[aria-labelledby=system-breadcrumb] ol {
  display: flex;
  list-style: none;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
}
@media (min-width: 0px) {
  .layout-container nav[aria-labelledby=system-breadcrumb] ol {
    margin-left: -0.75rem;
    margin-right: -0.75rem;
  }
}
@media (min-width: 768px) {
  .layout-container nav[aria-labelledby=system-breadcrumb] ol {
    margin-left: -0.75rem;
    margin-right: -0.75rem;
  }
}
@media (min-width: 1025px) {
  .layout-container nav[aria-labelledby=system-breadcrumb] ol {
    margin-left: -0.75rem;
    margin-right: -0.75rem;
  }
}
@media (min-width: 1025px) {
  .layout-container nav[aria-labelledby=system-breadcrumb] ol {
    margin-left: -0.75rem;
    margin-right: -0.75rem;
  }
}
@media (min-width: 1025px) {
  .layout-container nav[aria-labelledby=system-breadcrumb] ol {
    margin-left: -0.75rem;
    margin-right: -0.75rem;
  }
}
.layout-container nav[aria-labelledby=system-breadcrumb] ol li + li {
  margin-left: 16px;
}
.layout-container nav[aria-labelledby=system-breadcrumb] ol li + li:before {
  content: ">";
  position: relative;
  left: -6px;
  top: 2px;
}
.layout-container #block-tryngolza-main-menu {
  position: absolute;
  top: 100%;
  left: 0;
  background: white;
  overflow: hidden;
  max-height: 0;
  width: 100vw;
  border-bottom-right-radius: 30px;
}
.layout-container #block-tryngolza-main-menu > ul {
  padding: 0;
  list-style: none;
  margin-top: 4px;
  margin-bottom: 0px;
}
.layout-container #block-tryngolza-main-menu > ul > li {
  display: block;
  padding: 0;
  margin: 0;
  font-size: 14px;
  line-height: 18px;
  font-weight: 500;
}
.layout-container #block-tryngolza-main-menu > ul > li:has([link~=home]) {
  display: none;
}
.layout-container #block-tryngolza-main-menu > ul > li:has([link~=home]) + li:before {
  display: none;
}
.layout-container #block-tryngolza-main-menu > ul > li a {
  display: block;
  padding: 18px 0px 18px 18px;
  font-size: 14px;
  color: #000;
  text-decoration: none;
  font-weight: 500;
  line-height: 18px;
  letter-spacing: -0.048px;
}
.layout-container #block-tryngolza-main-menu > ul > li:has(.is-active) {
  background: #dcdbff;
}
.layout-container #block-tryngolza-main-menu > ul > li:has(.is-active) > a:not([link^="btn btn-yellow"]) {
  -webkit-text-stroke: 0.5px #ffffff;
  color: #ffffff;
}
@media (max-width: 1279px) {
  .layout-container #block-tryngolza-main-menu > ul > li:has(.is-active) > a:not([link^="btn btn-yellow"]) {
    font-weight: 700;
    color: #4F08B0;
    -webkit-text-stroke: initial;
  }
}
.layout-container #block-tryngolza-main-menu > ul > li:has(.is-active) ul li > a.is-active {
  color: #4F08B0;
}
.layout-container #block-tryngolza-main-menu > ul > li:has([link^="btn btn-yellow"]) {
  padding-inline: 16px;
  border-radius: 30px;
  margin-bottom: 13px;
  margin-top: 11px;
  background: linear-gradient(90deg, #FABD26 0%, #FA7821 100%);
}
@media (max-width: 1279px) {
  .layout-container #block-tryngolza-main-menu > ul > li:has([link^="btn btn-yellow"]) {
    margin: 0;
    padding-inline: 0;
    border-radius: 0;
    background: none;
  }
}
.layout-container #block-tryngolza-main-menu > ul > li:has([link^="btn btn-yellow"]) a {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  height: 100%;
  border-radius: 33.33px;
  color: black !important;
  text-decoration: none;
  text-align: left;
  padding: 8px 16px;
  font-weight: 700;
  height: 28px;
  padding: 0;
  background: linear-gradient(180deg, #4F08B0 3.68%, #21034A 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.layout-container #block-tryngolza-main-menu > ul > li:has([link^="btn btn-yellow"]) a:hover {
  -webkit-text-stroke: 0px;
}
@media (max-width: 1229px) {
  .layout-container #block-tryngolza-main-menu > ul > li:has([link^="btn btn-yellow"]) a {
    -webkit-text-fill-color: initial;
    margin-left: 18px;
  }
  .layout-container #block-tryngolza-main-menu > ul > li:has([link^="btn btn-yellow"]) a:after {
    content: "";
    display: block;
    width: 18px;
    height: 12px;
    background: url("../../images/envelop-black.svg") no-repeat center/cover;
    margin-left: 16px;
  }
}
@media (max-width: 1279px) {
  .layout-container #block-tryngolza-main-menu > ul > li:has([link^="btn btn-yellow"]) {
    background: linear-gradient(90deg, #FABD26 0%, #FA7821 100%);
    padding-right: 0;
    padding-top: 15px;
    padding-bottom: 21px;
  }
  .layout-container #block-tryngolza-main-menu > ul > li:has([link^="btn btn-yellow"]) a {
    height: 18px;
    padding: 0;
    background: none;
    border-bottom-right-radius: 0px;
  }
}
.layout-container #block-tryngolza-main-menu > ul > li:has([link^="btn btn-yellow"]:hover) {
  background: white;
}
.layout-container #block-tryngolza-main-menu > ul > li.has-children, .layout-container #block-tryngolza-main-menu > ul > li.menu-item--expanded {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  column-gap: 3.5px;
}
.layout-container #block-tryngolza-main-menu > ul > li.has-children:after, .layout-container #block-tryngolza-main-menu > ul > li.menu-item--expanded:after {
  content: "";
  display: block;
  width: 7px;
  height: 8px;
  background: url("../../images/nav-arrow-children-white.svg") no-repeat center/contain;
  order: 2;
}
@media (max-width: 1279px) {
  .layout-container #block-tryngolza-main-menu > ul > li.has-children:after, .layout-container #block-tryngolza-main-menu > ul > li.menu-item--expanded:after {
    background: url("../../images/nav-arrow-children.svg") no-repeat center/contain;
  }
}
.layout-container #block-tryngolza-main-menu > ul > li.has-children ul, .layout-container #block-tryngolza-main-menu > ul > li.menu-item--expanded ul {
  order: 3;
  width: 100vw;
  background: #e6e6ff;
  margin: 0;
  padding: 0;
  max-height: 0;
  overflow: hidden;
}
.layout-container #block-tryngolza-main-menu > ul > li.has-children ul > li, .layout-container #block-tryngolza-main-menu > ul > li.menu-item--expanded ul > li {
  padding: 0;
  margin: 0;
}
.layout-container #block-tryngolza-main-menu > ul > li.has-children.active, .layout-container #block-tryngolza-main-menu > ul > li.menu-item--expanded.active {
  background: #DCDCFF;
}
.layout-container #block-tryngolza-main-menu > ul > li.has-children.active > a, .layout-container #block-tryngolza-main-menu > ul > li.menu-item--expanded.active > a {
  color: #4F08B0;
  font-weight: 700;
}
.layout-container #block-tryngolza-main-menu > ul > li.has-children.active ul, .layout-container #block-tryngolza-main-menu > ul > li.menu-item--expanded.active ul {
  max-height: 300px;
}
.layout-container #block-tryngolza-main-menu > ul > li.has-children.active:after, .layout-container #block-tryngolza-main-menu > ul > li.menu-item--expanded.active:after {
  background: url("../../images/nav-arrow-children.svg") no-repeat center/contain;
  margin-left: 4px;
}
@media (max-width: 1279px) {
  .layout-container #block-tryngolza-main-menu > ul > li.has-children.active:after, .layout-container #block-tryngolza-main-menu > ul > li.menu-item--expanded.active:after {
    background: url("../../images/nav-arrow-children-purple.svg") no-repeat center/contain;
  }
}
@media (max-width: 1279px) {
  .layout-container #block-tryngolza-main-menu > ul > li a {
    letter-spacing: 0.1px;
  }
}
@media (min-width: 1280px) {
  .layout-container #block-tryngolza-main-menu {
    position: static;
    padding-right: 28.5px;
    height: auto;
    max-height: none;
    overflow: visible;
    background: #4F08B0;
    border-bottom-right-radius: 0px;
  }
  .layout-container #block-tryngolza-main-menu > ul {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    list-style: none;
    padding: 0;
    margin: 0;
    column-gap: 22px;
  }
  .layout-container #block-tryngolza-main-menu > ul > li {
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0.1px;
    padding: 0;
    position: relative;
  }
  .layout-container #block-tryngolza-main-menu > ul > li:not(.menu-item) {
    height: 100%;
  }
  .layout-container #block-tryngolza-main-menu > ul > li a {
    padding: 18px 0 20px;
    font-size: 12px;
    font-weight: 600;
    line-height: 14px;
  }
  .layout-container #block-tryngolza-main-menu > ul > li > a.is-active:not([link^="btn btn-yellow"]) {
    -webkit-text-stroke: 0.5px #ffffff;
    font-weight: 600;
    color: white;
  }
  .layout-container #block-tryngolza-main-menu > ul > li:has(.is-active):not(:has([link^="btn btn-yellow"])) {
    background: none;
  }
  .layout-container #block-tryngolza-main-menu > ul > li:has([link^=btn]) {
    display: inline-flex;
  }
  .layout-container #block-tryngolza-main-menu > ul > li:first-child:before {
    display: none;
  }
  .layout-container #block-tryngolza-main-menu > ul > li.has-children ul, .layout-container #block-tryngolza-main-menu > ul > li.menu-item--expanded ul {
    list-style: none;
    max-height: none;
    overflow: visible;
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translate(-50%, -1px);
    width: 206px;
    background: #4F08B0;
    border-radius: 0 0 18px 18px;
    padding: 0 13px;
    transition: opacity 0.3s ease-in-out 0s, max-height 0.3s ease-in-out 0s, visibility 0s ease-in-out 0.35s;
  }
  .layout-container #block-tryngolza-main-menu > ul > li.has-children ul:before, .layout-container #block-tryngolza-main-menu > ul > li.menu-item--expanded ul:before {
    content: "";
    display: block;
    width: 40px;
    height: 24px;
    background: url("../../images/nav-arrow.svg") no-repeat center/auto 100%;
    position: absolute;
    top: -12px;
    left: 50%;
    transform: translate(-50%, 0px);
  }
  .layout-container #block-tryngolza-main-menu > ul > li.has-children ul li, .layout-container #block-tryngolza-main-menu > ul > li.menu-item--expanded ul li {
    font-size: 12px;
    line-height: 22px;
    padding: 0;
    border-bottom: 1px solid #ffffff;
    text-align: center;
    letter-spacing: 0.09px;
  }
  .layout-container #block-tryngolza-main-menu > ul > li.has-children ul li:last-child, .layout-container #block-tryngolza-main-menu > ul > li.menu-item--expanded ul li:last-child {
    border: 0;
  }
  .layout-container #block-tryngolza-main-menu > ul > li.has-children ul li a, .layout-container #block-tryngolza-main-menu > ul > li.menu-item--expanded ul li a {
    padding-block: 10px;
    display: block;
    color: #ffffff;
    line-height: 22px;
    font-weight: 500;
    letter-spacing: 0.089px;
  }
  .layout-container #block-tryngolza-main-menu > ul > li.has-children ul li a:hover, .layout-container #block-tryngolza-main-menu > ul > li.has-children ul li a.is-active, .layout-container #block-tryngolza-main-menu > ul > li.menu-item--expanded ul li a:hover, .layout-container #block-tryngolza-main-menu > ul > li.menu-item--expanded ul li a.is-active {
    color: #ffffff;
  }
}
@media (min-width: 1280px) and (max-width: 1279px) {
  .layout-container #block-tryngolza-main-menu > ul > li {
    padding: 0 10px;
  }
}
@media (min-width: 1280px) {
  .layout-container #block-tryngolza-main-menu > ul > li a {
    display: block;
    color: white;
    text-decoration: none;
  }
}
@media (min-width: 1280px) and (max-width: 1200px) {
  .layout-container #block-tryngolza-main-menu > ul > li a {
    font-size: 12px;
  }
}
@media (min-width: 1280px) {
  .layout-container #block-tryngolza-main-menu > ul > li a:hover {
    color: #ffffff;
    text-stroke: 0.5px #ffffff;
    -webkit-text-stroke: 0.5px #ffffff;
  }
  .layout-container #block-tryngolza-main-menu > ul > li:hover.has-children > a, .layout-container #block-tryngolza-main-menu > ul > li:hover.menu-item--expanded > a {
    color: #ffffff;
    -webkit-text-stroke: 0.5px #ffffff;
  }
  .layout-container #block-tryngolza-main-menu > ul > li:hover.has-children:after, .layout-container #block-tryngolza-main-menu > ul > li:hover.menu-item--expanded:after {
    background: url("../../images/nav-arrow-children-white.svg") no-repeat center/contain;
    transform: rotate(180deg);
  }
  .layout-container #block-tryngolza-main-menu > ul > li:hover ul {
    opacity: 1;
    visibility: visible;
    transition: visibility 0s ease-in-out 0s, opacity 0.3s ease-in-out 0.05s, max-height 0.3s ease-in-out 0.05s;
  }
}
@media (min-width: 1280px) {
  .layout-container #block-tryngolza-mobiletopmenu {
    display: none;
  }
}
.layout-container #block-tryngolza-topmenu {
  flex: 1;
}
@media (max-width: 1279px) {
  .layout-container #block-tryngolza-topmenu {
    display: none;
  }
}
.layout-container #block-tryngolza-mobiletopmenu {
  overflow: visible;
  height: 100%;
  background: #4F08B0;
}
.layout-container #block-tryngolza-mobiletopmenu > ul {
  list-style: none;
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: end;
  margin: 0;
  padding: 0;
  height: 100%;
}
.layout-container #block-tryngolza-mobiletopmenu > ul > li {
  height: 100%;
  margin: 0;
  font-size: 12px;
  line-height: 18px;
  position: relative;
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.layout-container #block-tryngolza-mobiletopmenu > ul > li.has-children > a {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 3px;
  padding-bottom: 4px;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
}
.layout-container #block-tryngolza-mobiletopmenu > ul > li.has-children > a::after {
  content: "";
  display: block;
  width: 8px;
  height: 4px;
  background: url("../../images/arrow-nav.svg") no-repeat center/cover;
  margin-left: 6px;
}
.layout-container #block-tryngolza-mobiletopmenu > ul > li.has-children.active > a::after {
  transform: rotate(180deg);
}
.layout-container #block-tryngolza-mobiletopmenu > ul > li.has-children.active ul {
  max-height: 300px;
}
.layout-container #block-tryngolza-mobiletopmenu > ul > li a {
  color: #ffffff;
  font-size: 12px;
  line-height: 18px;
  text-decoration: none;
  height: 100%;
  width: 100%;
  display: inline-block;
}
.layout-container #block-tryngolza-mobiletopmenu > ul > li ul {
  display: block;
  background: #fff;
  width: 100vw;
  margin: 0;
  padding: 0;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease-in-out;
  box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.15);
}
.layout-container #block-tryngolza-mobiletopmenu > ul > li ul li {
  display: block;
  padding: 8px 27px 9px;
  line-height: 18px;
  border-bottom: 1px solid #B2BEFF;
  text-align: center;
}
.layout-container #block-tryngolza-mobiletopmenu > ul > li ul li a {
  color: #000;
}
.layout-container #block-tryngolza-mobiletopmenu .menu .menu .menu-item {
  padding: 0;
}
.layout-container #block-tryngolza-mobiletopmenu .menu .menu .menu-item:has([link*="btn secondary-btn"]) a {
  display: inline-block;
  color: black;
  font-weight: 600;
  line-height: 18px;
  font-size: 12px;
  background: rgba(178, 178, 255, 0.2);
}
.layout-container #block-tryngolza-mobiletopmenu .menu .menu .menu-item:has([link*="btn secondary-btn"]) a:after {
  content: "";
  display: inline-block;
  width: 6px;
  height: 10px;
  background: url("../../images/arrow-right-black.svg") no-repeat center/contain;
  margin-left: 6px;
}
.layout-container #block-tryngolza-mobiletopmenu .menu .menu .menu-item a {
  padding: 8px 0;
  font-size: 12px;
  font-weight: 500;
}
.layout-container #block-tryngolza-topmenu > ul {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  list-style: none;
  margin: 0;
  padding: 0;
  column-gap: 28px;
  background-color: white;
  padding-right: 28.5px;
}
.layout-container #block-tryngolza-topmenu > ul li {
  padding: 18px 0;
  font-size: 12px;
  line-height: 14px;
  font-weight: 500;
  position: relative;
}
.layout-container #block-tryngolza-topmenu > ul li:has([link^=btn]) {
  padding-block: 11px;
}
.layout-container #block-tryngolza-topmenu > ul li:has([link^=btn]):before {
  display: none;
}
.layout-container #block-tryngolza-topmenu > ul li a {
  padding: 0;
  text-decoration: none;
  display: block;
  text-align: center;
  font-weight: 500;
  color: #ffffff;
}
.layout-container #block-tryngolza-topmenu > ul li a[link^="btn btn-yellow"] {
  display: inline-flex;
  align-items: center;
  width: 93px;
  height: 64px;
  background: #FABD26;
  color: black !important;
  text-decoration: none;
  text-align: center;
  padding: 38px 12px 12px;
  margin-top: -34px;
}
.layout-container #block-tryngolza-topmenu > ul li a {
  padding: 0;
  text-decoration: none;
  display: block;
  text-align: center;
  background: var(--Dark-Purple, linear-gradient(180deg, #4F08B0 3.68%, #21034A 100%));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  letter-spacing: -0.048px;
}
.layout-container #block-tryngolza-topmenu > ul li a:hover {
  text-decoration: underline;
}
.layout-container #block-tryngolza-topmenu > ul li a[link^="btn btn-yellow"] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 140px;
  height: 20px;
  background: linear-gradient(180deg, #FABD26 0.56%, #FA7821 100.56%);
  border-radius: 30px;
  color: black !important;
  text-decoration: none;
  text-align: center;
  padding: 0px 10px;
  font-weight: 500;
}
.layout-container #block-tryngolza-topmenu > ul li a[link^="btn btn-yellow"]:after {
  content: "";
  display: block;
  width: 16px;
  height: 12px;
  background: url("../../images/envelop-black.svg") no-repeat center/cover;
  margin-left: 8px;
}
.layout-container #block-tryngolza-topmenu > ul li a[link^="btn btn-yellow"]:hover {
  background: #ffffff;
}
.layout-container #block-tryngolza-topmenu > ul li a[link*="btn secondary-btn"] {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: auto;
  padding: 8px 16px;
  border-radius: 32px;
  border: 1px solid #4F08B0;
  background: #4F08B0;
  height: 28px;
  font-family: "Poppins", sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: 12px;
  letter-spacing: -0.048px;
  background: linear-gradient(180deg, #4F08B0 3.68%, #21034A 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  gap: 10.67px;
  text-decoration: none;
  transition: none;
}
.layout-container #block-tryngolza-topmenu > ul li a[link*="btn secondary-btn"]::after {
  content: "";
  display: inline-block;
  width: 6px;
  height: 10px;
  flex-shrink: 0;
  background-image: url("../../images/arrow-right.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.layout-container #block-tryngolza-topmenu > ul li a[link*="btn secondary-btn"]:hover {
  text-decoration: none;
  background: #D8D8FF;
  color: #4F08B0;
  background-clip: initial;
  -webkit-background-clip: initial;
  -webkit-text-fill-color: initial;
}

/* Global: hide shtg-only menu links by default.
   The sHTG header CSS re-shows them in .shtg-topmenu context. */
.menu-item:has([link*=shtg-only]) {
  display: none;
}

section:not(.full-width):not(.isi):not(.modern-section) {
  display: flex;
  flex-wrap: wrap;
}
section:not(.full-width):not(.isi):not(.modern-section)::after {
  display: block;
  content: "";
  clear: both;
}
@media (min-width: 0px) {
  section:not(.full-width):not(.isi):not(.modern-section) {
    margin-left: -0.75rem;
    margin-right: -0.75rem;
  }
}
@media (min-width: 768px) {
  section:not(.full-width):not(.isi):not(.modern-section) {
    margin-left: -0.75rem;
    margin-right: -0.75rem;
  }
}
@media (min-width: 1025px) {
  section:not(.full-width):not(.isi):not(.modern-section) {
    margin-left: -0.75rem;
    margin-right: -0.75rem;
  }
}
@media (min-width: 1025px) {
  section:not(.full-width):not(.isi):not(.modern-section) {
    margin-left: -0.75rem;
    margin-right: -0.75rem;
  }
}
@media (min-width: 1025px) {
  section:not(.full-width):not(.isi):not(.modern-section) {
    margin-left: -0.75rem;
    margin-right: -0.75rem;
  }
}
@media (min-width: 1040px) {
  section:not(.full-width):not(.isi):not(.modern-section) {
    margin-left: calc((100vw + 36px - 1040px) / 2 * -1);
    margin-right: calc((100vw + 36px - 1040px) / 2 * -1);
    padding-left: calc((100vw - 1040px) / 2 * 1 + 24px);
    padding-right: calc((100vw - 1040px) / 2 * 1 + 24px);
    padding-left: calc((100vw - 1040px) / 2 * 1);
    padding-right: calc((100vw - 1040px) / 2 * 1);
  }
}

.user-logged-in .gin--horizontal-toolbar #toolbar-administration {
  z-index: 1502;
}

#block-tryngolza-local-tasks,
#block-tryngolza-primary-local-tasks {
  background: #ffffff;
  width: 100%;
  max-width: 1040px;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 0px) {
  #block-tryngolza-local-tasks,
  #block-tryngolza-primary-local-tasks {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
}
@media (min-width: 768px) {
  #block-tryngolza-local-tasks,
  #block-tryngolza-primary-local-tasks {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
}
@media (min-width: 1025px) {
  #block-tryngolza-local-tasks,
  #block-tryngolza-primary-local-tasks {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
}
@media (min-width: 1025px) {
  #block-tryngolza-local-tasks,
  #block-tryngolza-primary-local-tasks {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
}
@media (min-width: 1025px) {
  #block-tryngolza-local-tasks,
  #block-tryngolza-primary-local-tasks {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
}
#block-tryngolza-local-tasks ul,
#block-tryngolza-primary-local-tasks ul {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}
@media (min-width: 0px) {
  #block-tryngolza-local-tasks ul,
  #block-tryngolza-primary-local-tasks ul {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    flex: 0 0 100%;
    width: 100%;
  }
}
#block-tryngolza-local-tasks ul,
#block-tryngolza-primary-local-tasks ul {
  border-bottom: 1px solid #000;
  height: 28px;
  list-style: none;
  padding: 0;
}
#block-tryngolza-local-tasks ul li,
#block-tryngolza-primary-local-tasks ul li {
  display: inline;
}
#block-tryngolza-local-tasks ul li a,
#block-tryngolza-primary-local-tasks ul li a {
  font-size: 11px;
  padding: 4px 12px 2px;
  text-decoration: none;
}
#block-tryngolza-local-tasks ul li a:hover,
#block-tryngolza-primary-local-tasks ul li a:hover {
  color: #FF6C37;
}
#block-tryngolza-local-tasks ul li a.is-active,
#block-tryngolza-primary-local-tasks ul li a.is-active {
  border: 1px solid #000;
  border-bottom: 1px solid #ffffff;
  border-radius: 3px 3px 0 0;
}

div[data-drupal-messages] {
  width: 100%;
  max-width: 1040px;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 0px) {
  div[data-drupal-messages] {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
}
@media (min-width: 768px) {
  div[data-drupal-messages] {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
}
@media (min-width: 1025px) {
  div[data-drupal-messages] {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
}
@media (min-width: 1025px) {
  div[data-drupal-messages] {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
}
@media (min-width: 1025px) {
  div[data-drupal-messages] {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
}
div[data-drupal-messages] > div {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}
@media (min-width: 0px) {
  div[data-drupal-messages] > div {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    flex: 0 0 100%;
    width: 100%;
  }
}
div[data-drupal-messages] > div {
  background-color: #D1532E;
  color: #FABD26;
  padding: 12px;
}
div[data-drupal-messages] > div a {
  color: #ffffff;
}

.user-login-form {
  display: flex;
  flex-wrap: wrap;
}
@media (min-width: 0px) {
  .user-login-form {
    margin-left: -0.75rem;
    margin-right: -0.75rem;
  }
}
@media (min-width: 768px) {
  .user-login-form {
    margin-left: -0.75rem;
    margin-right: -0.75rem;
  }
}
@media (min-width: 1025px) {
  .user-login-form {
    margin-left: -0.75rem;
    margin-right: -0.75rem;
  }
}
@media (min-width: 1025px) {
  .user-login-form {
    margin-left: -0.75rem;
    margin-right: -0.75rem;
  }
}
@media (min-width: 1025px) {
  .user-login-form {
    margin-left: -0.75rem;
    margin-right: -0.75rem;
  }
}
.user-login-form > .js-form-item {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}
@media (min-width: 0px) {
  .user-login-form > .js-form-item {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    flex: 0 0 100%;
    width: 100%;
  }
}
.user-login-form > .js-form-item {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}
@media (min-width: 1025px) {
  .user-login-form > .js-form-item {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    flex: 0 0 50%;
    width: 50%;
  }
}
@media (min-width: 1025px) {
  .user-login-form > .js-form-item {
    margin-right: 0.75rem;
    margin-left: calc((100% - 18rem) / 12 * 3 + 5.25rem) !important;
  }
}
.user-login-form .form-actions {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}
@media (min-width: 0px) {
  .user-login-form .form-actions {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    flex: 0 0 100%;
    width: 100%;
  }
}
.user-login-form .form-actions {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}
@media (min-width: 1025px) {
  .user-login-form .form-actions {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    flex: 0 0 50%;
    width: 50%;
  }
}
@media (min-width: 1025px) {
  .user-login-form .form-actions {
    margin-right: 0.75rem;
    margin-left: calc((100% - 18rem) / 12 * 3 + 5.25rem) !important;
  }
}
.user-login-form .form-actions input {
  width: 100%;
}

#block-tryngolza-help {
  margin-bottom: 24px;
  width: 100%;
  max-width: 1040px;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 0px) {
  #block-tryngolza-help {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
}
@media (min-width: 768px) {
  #block-tryngolza-help {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
}
@media (min-width: 1025px) {
  #block-tryngolza-help {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
}
@media (min-width: 1025px) {
  #block-tryngolza-help {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
}
@media (min-width: 1025px) {
  #block-tryngolza-help {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
}
#block-tryngolza-help p {
  margin: 0;
}

[data-simplebar] {
  position: relative;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-content: flex-start;
  align-items: flex-start;
}

.simplebar-wrapper {
  overflow: hidden;
  width: inherit;
  height: inherit;
  max-width: inherit;
  max-height: inherit;
}

.simplebar-mask {
  direction: inherit;
  position: absolute;
  overflow: hidden;
  padding: 0;
  margin: 0;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  width: auto !important;
  height: auto !important;
  z-index: 0;
}

.simplebar-offset {
  direction: inherit !important;
  box-sizing: inherit !important;
  resize: none !important;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  padding: 0;
  margin: 0;
  -webkit-overflow-scrolling: touch;
}

.simplebar-content-wrapper {
  direction: inherit;
  box-sizing: border-box !important;
  position: relative;
  display: block;
  height: 100%; /* Required for horizontal native scrollbar to not appear if parent is taller than natural height */
  width: auto;
  max-width: 100%; /* Not required for horizontal scroll to trigger */
  max-height: 100%; /* Needed for vertical scroll to trigger */
  overflow: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.simplebar-content-wrapper::-webkit-scrollbar,
.simplebar-hide-scrollbar::-webkit-scrollbar {
  display: none;
  width: 0;
  height: 0;
}

.simplebar-content:before,
.simplebar-content:after {
  content: " ";
  display: table;
}

.simplebar-placeholder {
  max-height: 100%;
  max-width: 100%;
  width: 100%;
  pointer-events: none;
}

.simplebar-height-auto-observer-wrapper {
  box-sizing: inherit !important;
  height: 100%;
  width: 100%;
  max-width: 1px;
  position: relative;
  float: left;
  max-height: 1px;
  overflow: hidden;
  z-index: -1;
  padding: 0;
  margin: 0;
  pointer-events: none;
  flex-grow: inherit;
  flex-shrink: 0;
  flex-basis: 0;
}

.simplebar-height-auto-observer {
  box-sizing: inherit;
  display: block;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  height: 1000%;
  width: 1000%;
  min-height: 1px;
  min-width: 1px;
  overflow: hidden;
  pointer-events: none;
  z-index: -1;
}

.simplebar-track {
  z-index: 1;
  position: absolute;
  right: 0;
  bottom: 0;
  pointer-events: none;
  overflow: hidden;
}

[data-simplebar].simplebar-dragging {
  pointer-events: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

[data-simplebar].simplebar-dragging .simplebar-content {
  pointer-events: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

[data-simplebar].simplebar-dragging .simplebar-track {
  pointer-events: all;
}

.simplebar-scrollbar {
  position: absolute;
  left: 0;
  right: 0;
  min-height: 10px;
}

.simplebar-scrollbar:before {
  position: absolute;
  content: "";
  background: black;
  border-radius: 7px;
  left: 2px;
  right: 2px;
  opacity: 0;
  transition: opacity 0.2s 0.5s linear;
}

.simplebar-scrollbar.simplebar-visible:before {
  opacity: 0.5;
  transition-delay: 0s;
  transition-duration: 0s;
}

.simplebar-track.simplebar-vertical {
  top: 0;
  width: 11px;
}

.simplebar-scrollbar:before {
  top: 2px;
  bottom: 2px;
  left: 2px;
  right: 2px;
}

.simplebar-track.simplebar-horizontal {
  left: 0;
  height: 11px;
}

.simplebar-track.simplebar-horizontal .simplebar-scrollbar {
  right: auto;
  left: 0;
  top: 0;
  bottom: 0;
  min-height: 0;
  min-width: 10px;
  width: auto;
}

/* Rtl support */
[data-simplebar-direction=rtl] .simplebar-track.simplebar-vertical {
  right: auto;
  left: 0;
}

.simplebar-dummy-scrollbar-size {
  direction: rtl;
  position: fixed;
  opacity: 0;
  visibility: hidden;
  height: 500px;
  width: 500px;
  overflow-y: hidden;
  overflow-x: scroll;
  -ms-overflow-style: scrollbar !important;
}

.simplebar-dummy-scrollbar-size > div {
  width: 200%;
  height: 200%;
  margin: 10px 0;
}

.simplebar-hide-scrollbar {
  position: fixed;
  left: 0;
  visibility: hidden;
  overflow-y: scroll;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.contextual-region .contextual .contextual-links li:before {
  display: none;
}

.toolbar-oriented .toolbar-bar {
  z-index: 999999999;
}

.back-to-top {
  bottom: 16px;
  opacity: 0.5;
  position: fixed;
  right: 16px;
  transition: opacity ease-in-out 0.2s;
  z-index: 9999;
}
.back-to-top:hover {
  opacity: 1;
}
.back-to-top a {
  background-color: #009900;
  border-radius: 55px;
  border: 1px solid #009900;
  display: block;
  font-size: 0;
  height: 55px;
  position: relative;
  width: 55px;
}
.back-to-top a:after {
  color: #ffffff;
  content: "\f106";
  display: block;
  font-family: "Font Awesome 5 Free";
  font-size: 16px;
  font-weight: 900;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
}

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}
[dir=rtl] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none;
}
.slick-prev:hover, .slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  outline: none;
  background: transparent;
  color: transparent;
}
.slick-prev:hover:before, .slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
  opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: 0.25;
}
.slick-prev:before,
.slick-next:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 32px;
  line-height: 1;
  color: #000;
  opacity: 0.75;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
  left: -25px;
}
[dir=rtl] .slick-prev {
  left: auto;
  right: -25px;
}
.slick-prev:before {
  content: "\f104";
}
[dir=rtl] .slick-prev:before {
  content: "\f105";
}

.slick-next {
  right: -25px;
}
[dir=rtl] .slick-next {
  left: -25px;
  right: auto;
}
.slick-next:before {
  content: "\f105";
}
[dir=rtl] .slick-next:before {
  content: "\f104";
}

/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 30px;
}

.slick-dots {
  position: absolute;
  bottom: -25px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%;
}
.slick-dots li {
  position: relative;
  display: inline-block;
  height: 20px;
  width: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}
.slick-dots li:before {
  display: none !important;
}
.slick-dots li button {
  border: 0;
  background: transparent;
  display: block;
  height: 20px;
  width: 20px;
  outline: none;
  line-height: 0px;
  font-size: 0px;
  color: transparent;
  padding: 5px;
  cursor: pointer;
}
.slick-dots li button:hover, .slick-dots li button:focus {
  outline: none;
}
.slick-dots li button:hover:before, .slick-dots li button:focus:before {
  opacity: 1;
}
.slick-dots li button:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "\f111";
  width: 20px;
  height: 20px;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 16px;
  line-height: 20px;
  text-align: center;
  color: #000;
  opacity: 0.25;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
  color: #000;
  opacity: 0.75;
}

.ui-dialog {
  z-index: 9999999 !important;
}

.mfp-bg, .ui-widget-overlay {
  z-index: 9999999;
  background: linear-gradient(121deg, #FA7821 0%, #4F08B0 149.22%);
  opacity: 0.8;
}
@media (min-width: 1025px) {
  .mfp-bg, .ui-widget-overlay {
    background: linear-gradient(152deg, #FA7821 -10%, #4F08B0 149.22%);
  }
}

@media (hover: none) and (pointer: coarse) {
  .mfp-wrap {
    position: fixed !important;
    height: 100% !important;
    overflow: hidden !important;
    touch-action: none !important;
  }
  .mfp-container {
    position: fixed !important;
    height: 100% !important;
    overflow: hidden !important;
    touch-action: none !important;
  }
  .mfp-content {
    position: relative !important;
    height: fit-content !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch !important;
    touch-action: pan-y !important;
  }
  body.mfp-open {
    position: fixed !important;
    width: 100% !important;
    overflow: hidden !important;
    touch-action: none !important;
  }
}
.mfp-wrap {
  z-index: 9999999;
}

.mfp-content {
  background: #ffffff !important;
  max-width: 1230px !important;
  border: 0 !important;
}
.mfp-content > div {
  padding: 24px 0px;
}
.mfp-content button {
  color: #4F08B0 !important;
  position: absolute;
  line-height: 18px;
  width: 18px;
  height: 18px;
  top: 20px;
  right: 20px;
  opacity: 1;
  font-weight: 600;
}
.mfp-content h2 {
  color: #4F08B0;
  font-size: 20px;
  line-height: 28px;
  margin: 0 0 16px;
}
@media (min-width: 1025px) {
  .mfp-content h2 {
    font-size: 20px;
    line-height: 27px;
    margin-bottom: 20px;
    font-weight: 600;
  }
  .mfp-content button {
    font-size: 60px;
    width: 22px;
    height: 22px;
    top: 5px;
    right: 0px;
    line-height: 22px;
  }
  .mfp-content > div {
    padding: 49px 25px;
  }
}

#popleave, #popleave-patient, #popleave-ionis {
  text-align: left;
}
@media (min-width: 1025px) {
  #popleave, #popleave-patient, #popleave-ionis {
    text-align: center;
  }
}

.mfp-close:active {
  top: 20px;
}

@media (min-width: 1025px) {
  .mfp-close:active {
    top: 5px;
  }
}
.mfp-content:has(#popleave), .mfp-content:has(#popleave-patient), .mfp-content:has(#popleave-ionis) {
  width: 330px;
  height: 359px !important;
  border-radius: 30px;
  border: 0;
  padding-left: 0;
  padding-right: 0;
}
.mfp-content:has(#popleave) > div, .mfp-content:has(#popleave-patient) > div, .mfp-content:has(#popleave-ionis) > div {
  padding: 32px 18px 38px;
}
.mfp-content:has(#popleave) p, .mfp-content:has(#popleave-patient) p, .mfp-content:has(#popleave-ionis) p {
  font-size: 16px;
  line-height: 24px;
  color: #000;
}
.mfp-content:has(#popleave) p:last-child, .mfp-content:has(#popleave-patient) p:last-child, .mfp-content:has(#popleave-ionis) p:last-child {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.mfp-content:has(#popleave) h2, .mfp-content:has(#popleave-patient) h2, .mfp-content:has(#popleave-ionis) h2 {
  margin-bottom: 25px;
}
.mfp-content:has(#popleave) .btn, .mfp-content:has(#popleave-patient) .btn, .mfp-content:has(#popleave-ionis) .btn {
  width: 102px;
  min-width: 126px;
  font-weight: 700;
}
.mfp-content:has(#popleave) .btn + .btn, .mfp-content:has(#popleave-patient) .btn + .btn, .mfp-content:has(#popleave-ionis) .btn + .btn {
  margin-left: 10px;
}
.mfp-content:has(#popleave) .popup-main-content, .mfp-content:has(#popleave-patient) .popup-main-content, .mfp-content:has(#popleave-ionis) .popup-main-content {
  height: 289px;
  display: flex;
  flex-direction: column;
}
@media (min-width: 1025px) {
  .mfp-content:has(#popleave) .popup-main-content, .mfp-content:has(#popleave-patient) .popup-main-content, .mfp-content:has(#popleave-ionis) .popup-main-content {
    height: 314px;
  }
}
.mfp-content:has(#popleave) .row, .mfp-content:has(#popleave-patient) .row, .mfp-content:has(#popleave-ionis) .row {
  margin-top: auto;
}
.mfp-content:has(#popleave) .row p, .mfp-content:has(#popleave-patient) .row p, .mfp-content:has(#popleave-ionis) .row p {
  margin: 0;
}
@media (min-width: 1025px) {
  .mfp-content:has(#popleave), .mfp-content:has(#popleave-patient), .mfp-content:has(#popleave-ionis) {
    width: 640px;
    height: 640px !important;
    border-radius: 50%;
  }
  .mfp-content:has(#popleave) button, .mfp-content:has(#popleave-patient) button, .mfp-content:has(#popleave-ionis) button {
    color: #ffffff !important;
    font-size: 36px;
    opacity: 1;
  }
  .mfp-content:has(#popleave) > div, .mfp-content:has(#popleave-patient) > div, .mfp-content:has(#popleave-ionis) > div {
    padding: 177px 100px 0;
  }
  .mfp-content:has(#popleave) h2, .mfp-content:has(#popleave-patient) h2, .mfp-content:has(#popleave-ionis) h2 {
    font-size: 32px;
    line-height: 42px;
    margin-bottom: 28px;
  }
  .mfp-content:has(#popleave) p, .mfp-content:has(#popleave-patient) p, .mfp-content:has(#popleave-ionis) p {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 20px;
    color: #000;
  }
  .mfp-content:has(#popleave) .btn, .mfp-content:has(#popleave-patient) .btn, .mfp-content:has(#popleave-ionis) .btn {
    width: 187px;
  }
  .mfp-content:has(#popleave) .btn + .btn, .mfp-content:has(#popleave-patient) .btn + .btn, .mfp-content:has(#popleave-ionis) .btn + .btn {
    margin-left: 26px;
  }
}

body:has(.mfp-ready) {
  overflow: hidden;
}

.mfp-content:has(#popup-trial-study) {
  max-height: 80vh;
  border-radius: 50px;
  width: calc(100vw - 32px);
  max-width: 1040px !important;
}
.mfp-content:has(#popup-trial-study) h2 {
  font-weight: 700;
}
.mfp-content:has(#popup-trial-study) .criteria-text-margin {
  padding-top: 2px;
}
.mfp-content:has(#popup-trial-study) .demographic-text-margin {
  margin-bottom: 5px;
}
.mfp-content:has(#popup-trial-study) > div {
  padding: 75px 45px 47px 64px;
}
.mfp-content:has(#popup-trial-study) .layout {
  width: 100%;
}
.mfp-content:has(#popup-trial-study) .layout__region {
  padding-right: 45px;
}
.mfp-content:has(#popup-trial-study) .simplebar-track {
  right: 0px;
  height: calc(100% - 20px);
  margin: 20px 0 0;
  width: 18px;
}
.mfp-content:has(#popup-trial-study) .simplebar-track .simplebar-scrollbar {
  border-radius: 11px;
}
@media (max-width: 767px) {
  .mfp-content:has(#popup-trial-study) li[data-aos] {
    opacity: 1 !important;
  }
}
.mfp-content:has(#popup-trial-study) .footnote:last-child {
  margin-top: 22.8px;
  margin-block: 0 !important;
}
.mfp-content:has(#popup-trial-study) .footnote-pi {
  margin-bottom: 0 !important;
}
.mfp-content:has(#popup-trial-study) h2:first-child {
  font-size: 32px;
  position: sticky;
  top: -1px;
  background: #fff;
  padding-bottom: 10px;
  margin-bottom: 50px;
  z-index: 999;
}
.mfp-content:has(#popup-trial-study) h2:not(:first-child) {
  margin-top: 33px;
}
@media (min-width: 1025px) {
  .mfp-content:has(#popup-trial-study) h2:not(:first-child) {
    margin-top: 48px;
  }
}
.mfp-content:has(#popup-trial-study) ul {
  margin-bottom: 30px;
}
@media (min-width: 1025px) {
  .mfp-content:has(#popup-trial-study) ul {
    margin-bottom: 50px;
  }
}
.mfp-content:has(#popup-trial-study) > div {
  width: 100%;
  max-width: 100%;
}
.mfp-content:has(#popup-trial-study) > div .layout {
  height: 100%;
  padding: 0 !important;
  margin: 0;
  max-height: calc(80vh - 140px);
}
.mfp-content:has(#popup-trial-study) > div img {
  max-width: 100%;
  height: auto;
  margin-bottom: 33px;
}
.mfp-content:has(#popup-trial-study) button {
  position: absolute;
  top: 35px;
  right: 35px;
}
@media (max-width: 991px) {
  .mfp-content:has(#popup-trial-study) {
    border-radius: 20px;
    max-height: 75vh;
  }
  .mfp-content:has(#popup-trial-study) > div {
    padding: 17px 30px 17px 21px;
  }
  .mfp-content:has(#popup-trial-study) > div .layout {
    max-height: calc(75vh - 50px);
  }
  .mfp-content:has(#popup-trial-study) > div h2 {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 20px;
  }
  .mfp-content:has(#popup-trial-study) > div h2:first-child {
    font-size: 20px;
    line-height: 30px;
  }
  .mfp-content:has(#popup-trial-study) > div img {
    margin-bottom: 21px;
  }
  .mfp-content:has(#popup-trial-study) .simplebar-track {
    right: -20px;
    height: calc(100% - 30px);
    margin-top: 30px;
    width: 12px;
  }
  .mfp-content:has(#popup-trial-study) .simplebar-track .simplebar-scrollbar {
    border-radius: 6px;
  }
  .mfp-content:has(#popup-trial-study) button {
    top: 8px;
    right: 9px;
  }
}

[data-aos=height-down] {
  overflow: hidden;
  max-height: 0;
  opacity: 0;
  transition-property: max-height, opacity;
}
[data-aos=height-down].aos-animate {
  max-height: 300px;
  opacity: 1;
}

@media (min-width: 1025px) {
  p.popleave-patient-subpara {
    max-width: 380px;
    margin-inline: auto;
  }
}
.mfp-content:has(#popleave-patient) h2 span, .mfp-content:has(#popleave-ionis) h2 span, .mfp-content:has(#popleave) h2 span {
  display: inline;
}
@media (max-width: 991px) {
  .mfp-content:has(#popleave-patient) h2 span, .mfp-content:has(#popleave-ionis) h2 span, .mfp-content:has(#popleave) h2 span {
    display: block;
  }
}

@media (max-width: 768px) {
  .info-list {
    padding-left: 10px !important;
  }
}
.info-list li {
  color: #1E1E1E;
  font-family: Poppins;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 23px;
  margin-bottom: 16px;
  list-style: none;
  display: flex;
  align-items: flex-start;
  max-width: unset !important;
}
.info-list li::before {
  content: "";
  display: block;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  margin-right: 16px;
  margin-top: 2px;
  background: url("../../images/checkmark.svg") no-repeat center/cover;
}
@media (max-width: 768px) {
  .info-list li {
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px; /* 133.333% */
  }
}

.block--type--basic {
  min-height: 0px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
.block--type--basic:first-child {
  margin-top: 0;
}
@media (min-width: 1025px) {
  .block--type--basic {
    min-height: 0px;
  }
}
.block--type--basic.full-width {
  margin: 32px -0.75rem 0px -0.75rem;
  padding: 0.75rem;
}
@media (min-width: 1040px) {
  .block--type--basic.full-width {
    margin-left: calc((100vw + 36px - 1040px) / 2 * -1);
    margin-right: calc((100vw + 36px - 1040px) / 2 * -1);
    padding-left: calc((100vw - 1040px) / 2 * 1 + 24px);
    padding-right: calc((100vw - 1040px) / 2 * 1 + 24px);
    padding-left: calc((100vw - 1040px) / 2 * 1);
    padding-right: calc((100vw - 1040px) / 2 * 1);
  }
}

.purple-alert {
  position: relative;
  padding: 20px 0 80px;
}
.purple-alert > * {
  position: relative;
  z-index: 3;
}
.purple-alert strong {
  color: #FABD26;
}
.purple-alert:before {
  content: "";
  display: block;
  width: 100vw;
  height: 100%;
  background: #000;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 0);
  z-index: 2;
}
@media (max-width: 991px) {
  .purple-alert:after {
    content: "";
    display: block;
    width: 100vw;
    height: 617px;
    background: linear-gradient(180deg, rgba(86, 61, 100, 0) 0%, #563D64 70%, #563D64 100%);
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 0);
    z-index: 2;
    pointer-events: none;
  }
}
.purple-alert .block--type--basic > div {
  max-width: 965px;
  margin: 0 auto;
  border: 3px solid transparent;
  border-radius: 20px;
  background: linear-gradient(to bottom, #000, #000), linear-gradient(to right, #FABD26, #FA7821);
  background-clip: padding-box, border-box;
  background-origin: padding-box, border-box;
  padding: 40px 40px 40px 400px;
  border-radius: 40px;
  position: relative;
}
.purple-alert .block--type--basic > div img {
  position: absolute;
  bottom: 0;
  left: 36px;
}
.purple-alert .block--type--basic > div p {
  color: #ffffff;
  margin-bottom: 0px !important;
  line-height: 24px;
}
@media (min-width: 1025px) {
  .purple-alert .block--type--basic > div p {
    max-width: 100%;
  }
  .purple-alert .block--type--basic > div p:nth-child(2) {
    font-size: 21px;
    line-height: 30px;
  }
}
@media (max-width: 991px) {
  .purple-alert .block--type--basic > div .footnote {
    line-height: 16px;
    margin-top: 20px;
  }
  .purple-alert .block--type--basic > div img {
    width: 225px;
  }
}
@media (max-width: 991px) {
  .purple-alert .block--type--basic > div {
    width: 100vw;
    max-width: none;
    margin-left: -28px;
    border-radius: 0;
    border-left: 0;
    border-right: 0;
    background: linear-gradient(to bottom, #563D64, #563D64), linear-gradient(to right, #FABD26, #FA7821);
    background-clip: padding-box, border-box;
    background-origin: padding-box, border-box;
  }
}
@media (max-width: 767px) {
  .purple-alert {
    padding-top: 10px;
    padding-bottom: 46px;
  }
  .purple-alert:before {
    background: #563D64;
  }
  .purple-alert:after {
    display: none;
  }
  .purple-alert .block--type--basic > div {
    border-top: 1.5px solid transparent;
    border-bottom: 1.5px solid transparent;
    background: linear-gradient(to bottom, #563D64, #563D64), linear-gradient(to right, #FABD26, #FA7821);
    background-clip: padding-box, border-box;
    background-origin: padding-box, border-box;
    padding: 25px 20px 23px 163px;
  }
  .purple-alert .block--type--basic > div img {
    left: -71px;
  }
}

@media (max-width: 991px) {
  .purple-alert-container {
    display: flex;
    align-items: end;
    min-height: 297px;
    background: #563d64;
  }
}

.page-title {
  padding: 40px 0;
}
.page-title.page-title-fcs {
  padding-top: 50px;
  padding-bottom: 36px;
}
.page-title.page-title-webform {
  padding-top: 41px;
  padding-bottom: 36px;
}
@media (min-width: 768px) {
  .page-title.page-title-webform {
    padding-top: 86px;
    padding-bottom: 42px;
  }
}
.page-title.page-title-webform .webform-heading-container {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.page-title.page-title-webform .webform-heading-container h2 {
  max-width: 800px;
}
.page-title h2 {
  font-size: 20px;
  font-weight: 700;
  line-height: 28px;
  margin-bottom: 10px;
  text-align: center;
}
.page-title h2 br {
  display: none;
}
.page-title hr {
  width: 337px;
  max-width: 100%;
  margin-bottom: 0;
}
@media (min-width: 1025px) {
  .page-title {
    padding: 0 0 68px 0;
  }
  .page-title h2 {
    font-size: 26px;
    line-height: 36px;
    margin-bottom: 30px;
  }
  .page-title h2 br {
    display: block;
  }
  .page-title hr {
    width: 538px;
  }
}

.webinar-registration .bracket {
  color: #FF00AE;
  font-size: 26px;
  font-weight: 700;
  line-height: 35.56px;
  word-wrap: break-word;
}
@media (max-width: 1024px) {
  .webinar-registration .bracket {
    font-size: 20px;
    line-height: 28px;
  }
}

.next {
  padding: 40px 0 32px;
  text-align: center;
}
.next.next-fcs {
  padding-bottom: 42px;
}
.next p {
  margin: 0;
}
@media (min-width: 1025px) {
  .next {
    padding: 51px 0 45px;
  }
  .next:has(+ .footnotes) {
    padding-bottom: 71px;
  }
}

.colored-alert {
  position: relative;
  padding: 30px 15px;
  margin-top: 42px;
}
.colored-alert:before {
  content: "";
  display: block;
  width: 100vw;
  height: 100%;
  background: linear-gradient(90.37deg, #FA7821 -7.28%, #4F08B0 100.97%);
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, 0);
  z-index: -1;
}
.colored-alert .alert-wrapper {
  justify-items: center;
}
.colored-alert .alert-text {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  line-height: 24px;
  color: #ffffff;
  text-align: center;
  max-width: max-content !important;
}
.colored-alert .alert-text p {
  color: #ffffff;
  margin-bottom: 5px;
}
.colored-alert .alert-text p:last-child {
  margin-bottom: 0;
}
@media (max-width: 991px) {
  .colored-alert .alert-text p {
    font-size: 18px;
    line-height: 24px;
    letter-spacing: -0.4px;
  }
}
@media (max-width: 991px) {
  .colored-alert .alert-text br {
    display: none;
  }
}
.colored-alert .alert-text:before, .colored-alert .alert-text:after {
  content: "";
  display: block;
  width: 18px;
  height: 18px;
  background: url("../../images/star.svg") no-repeat center/cover;
  margin-right: 10px;
  flex: none;
}
.colored-alert .alert-text:after {
  margin: 0 0 0 10px;
}
@media (max-width: 991px) {
  .colored-alert .alert-text:before, .colored-alert .alert-text:after {
    margin-right: 10px;
  }
  .colored-alert .alert-text:after {
    margin: 0 0 0 10px;
  }
}
.colored-alert .alert-message {
  font-size: 18px;
  line-height: 26px;
  font-weight: 700;
}
@media (min-width: 768px) {
  .colored-alert {
    padding: 36px 0;
    margin-top: 91px;
  }
  .colored-alert p {
    font-size: 20px;
    line-height: 36px;
  }
  .colored-alert p:before, .colored-alert p:after {
    width: 20px;
    height: 20px;
    margin-right: 23px;
  }
  .colored-alert p:after {
    margin: 0 0 0 23px;
  }
  .colored-alert .alert-message {
    font-size: 20px;
    line-height: 30px;
  }
}

.alert-gradient {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
@media (min-width: 768px) {
  .alert-gradient {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
}

.block--type--collapsible-item {
  position: relative;
  margin-bottom: 16px;
  border-bottom: 1px solid #4F08B0;
}
.block--type--collapsible-item.js-layout-builder-block .toggle {
  top: calc(0px + 12px);
  right: 16px;
}
.block--type--collapsible-item.opened .toggle {
  background: url("../../images/minus.svg") no-repeat center/cover;
}
.block--type--collapsible-item.opened .collapsible-content {
  padding-bottom: 12px;
}
@media (min-width: 768px) {
  .block--type--collapsible-item.opened .collapsible-content {
    padding-bottom: 24px;
  }
}
.block--type--collapsible-item .toggle {
  width: 28px;
  height: 28px;
  background: url("../../images/plus.svg") no-repeat center/cover;
  position: absolute;
  top: 14px;
  right: 16px;
}
.block--type--collapsible-item .collapsible-button {
  color: #000;
  cursor: pointer;
  margin: 0;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  padding: 12px 40px 12px 0;
  border-top: 1px solid #4F08B0;
}
.block--type--collapsible-item .collapsible-content {
  padding: 0;
  overflow: hidden;
  display: none;
}
.block--type--collapsible-item .collapsible-content .transcript-scroll ul, .block--type--collapsible-item .collapsible-content .transcript-scroll li, .block--type--collapsible-item .collapsible-content .transcript-scroll p {
  font-size: 12px;
  line-height: 16px;
  margin-bottom: 12px;
}
@media (min-width: 768px) {
  .block--type--collapsible-item .collapsible-content .transcript-scroll ul, .block--type--collapsible-item .collapsible-content .transcript-scroll li, .block--type--collapsible-item .collapsible-content .transcript-scroll p {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 20px;
  }
}
.block--type--collapsible-item h4 {
  font-weight: bold;
  font-size: 17px;
}
.block--type--collapsible-item p.purple {
  color: #4F08B0;
  font-weight: bold;
}
.block--type--collapsible-item .collapsible-button {
  font-size: 14px;
  line-height: 20px;
  padding: 24px 50px 24px 15px;
}
.block--type--collapsible-item .transcript-button-text {
  width: 20%;
}
@media (min-width: 768px) {
  .block--type--collapsible-item .toggle {
    width: 44px;
    height: 44px;
    top: 18px;
  }
  .block--type--collapsible-item .collapsible-button {
    width: 100%;
    font-size: 20px;
    line-height: 28px;
    padding: 24px 50px 24px 24px;
  }
  .block--type--collapsible-item .transcript-button-text {
    width: 100%;
  }
}

.block--type--collapsible-item.collapsible-item-margin {
  margin-top: 34px;
}
@media (min-width: 1025px) {
  .block--type--collapsible-item.collapsible-item-margin {
    margin-top: 46px;
  }
}

.video-content {
  padding-bottom: 42px;
}
.video-content video {
  margin: 36px 0 16px;
}
@media (min-width: 1025px) {
  .video-content {
    padding-bottom: 120px;
  }
  .video-content video {
    margin: 60px 0 36px;
  }
}

.block.block--type--cta {
  min-height: 0px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  margin-top: 0px;
  margin-bottom: 0px;
}
.block.block--type--cta a.button {
  display: table;
  margin: 0 auto;
}
.block.block--type--cta img {
  width: 100%;
}
.block.block--type--cta .cta-description sup {
  font-size: 0.65em;
  vertical-align: super;
  line-height: 0;
  top: 0;
  margin-left: -0.05em;
  font-weight: 400;
}
@media screen and (max-width: 768px) {
  .block.block--type--cta .cta-description {
    min-width: 288px !important;
    letter-spacing: -0.2px;
  }
}
@media screen and (max-width: 360px) {
  .block.block--type--cta .cta-description {
    min-width: unset !important;
  }
}
.block.block--type--cta.button {
  min-height: 176px;
  display: flex;
  align-items: center;
  padding: 20px 24px;
  margin-bottom: 21px;
  background: linear-gradient(180deg, #4f08b0 0.68%, #21034a 50%, #4f08b0 100%) no-repeat top left/100% 200%;
  border-radius: 36px;
  border: 0;
  position: relative;
}
.block.block--type--cta.button > div img {
  width: 135px;
}
.block.block--type--cta.button > div:first-child {
  flex: none;
  width: 135px;
  padding-right: 16px;
}
@media (max-width: 767px) {
  .block.block--type--cta.button > div:first-child {
    padding-right: 0px;
  }
}
.block.block--type--cta.button > div:last-child {
  flex: 1;
}
.block.block--type--cta.button > div:last-child h3 {
  font-size: 22px;
  line-height: 35px;
  font-size: 700;
  letter-spacing: -0.36px;
  text-align: left;
  color: #fabd26;
  margin: 0 0 11px;
  text-align: left;
}
.block.block--type--cta.button > div:last-child p {
  color: #ffffff;
  margin: 0;
  text-align: left;
}
@media (min-width: 1025px) {
  .block.block--type--cta.button:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1;
    border-radius: 35px;
    inset: 0;
    padding: 2px;
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
  }
  .block.block--type--cta.button:hover {
    background-position: 0 100%;
  }
  .block.block--type--cta.button:hover:before {
    opacity: 1;
  }
}
@media (max-width: 767px) {
  .block.block--type--cta.button {
    flex-direction: column;
    padding: 17px 26px 22px;
    margin-bottom: 28px;
  }
  .block.block--type--cta.button > div img {
    width: 115px;
  }
  .block.block--type--cta.button > div:first-child {
    text-align: center;
  }
  .block.block--type--cta.button > div:last-child h3 {
    font-size: 20px;
    line-height: 28px;
  }
}
@media (max-width: 390px) {
  .block.block--type--cta.button > div img {
    width: 70px;
  }
}

.circle-reveal {
  position: relative;
}
.circle-reveal .top-reveal {
  position: absolute;
  width: calc(100% + 26px);
  height: calc(50% + 10px);
  top: -10px;
  left: -13px;
  overflow: hidden;
  background: url("../../images/button-border.png") no-repeat top center/100% 200%;
  mask-image: linear-gradient(black, black);
  mask-position: top right;
  mask-size: 0% 100%;
  mask-repeat: no-repeat;
  transition: mask-size 0.3s ease-in-out 0s;
}
.circle-reveal .bottom-reveal {
  position: absolute;
  width: calc(100% + 26px);
  height: calc(50% + 10px);
  bottom: 13px;
  left: -13px;
  overflow: hidden;
  background: url("../../images/button-border.png") no-repeat bottom center/100% 200%;
  mask-image: linear-gradient(black, black);
  mask-position: bottom left;
  mask-size: 0% 100%;
  mask-repeat: no-repeat;
  transition: mask-size 0.3s ease-in-out;
}
@media (max-width: 1024px) {
  .circle-reveal .bottom-reveal {
    bottom: -13px;
  }
}
@media (max-width: 992px) {
  .circle-reveal .bottom-reveal {
    bottom: -8px;
  }
}
@media (min-width: 1025px) {
  .circle-reveal:hover .top-reveal {
    mask-size: 100% 100%;
    transition: mask-size 0.5s ease-in-out 0s;
  }
  .circle-reveal:hover .top-reveal:before {
    transform: translate(110%, 0);
    transition: transform 0.5s ease-in-out;
  }
  .circle-reveal:hover .bottom-reveal {
    mask-size: 100% 100%;
    transition: mask-size 0.5s ease-in-out;
  }
  .circle-reveal:hover .bottom-reveal:before {
    transform: translate(-110%, 0);
    transition: transform 0.5s ease-in-out;
  }
}

.layout__region:has(.circle-reveal) {
  position: relative;
  z-index: 1;
  transition: z-index 0s ease-in-out 0.3s;
}
.layout__region:has(.circle-reveal):hover {
  z-index: 10;
  transition: z-index 0s;
}

@media (max-width: 767px) {
  .page-home:has(.cta-outer-wrapper) .cta-outer-wrapper a > div > img {
    width: 80px;
  }
}
.block--type--hero-banner {
  min-height: 210px;
}
@media (max-width: 768px) {
  .block--type--hero-banner {
    display: flex;
    flex-direction: column;
  }
}
.block--type--hero-banner .layout.layout--onecol > div .layout__region {
  padding: 0;
}
@media (min-width: 1025px) {
  .block--type--hero-banner {
    min-height: 382px;
  }
}
.block--type--hero-banner.carousel {
  min-height: 690px;
  height: 690px;
}
.block--type--hero-banner.carousel .hero-icon {
  display: none;
}
@media (max-width: 767px) {
  .block--type--hero-banner.carousel {
    min-height: auto;
    height: auto;
  }
}
.block--type--hero-banner.carousel > * {
  position: relative;
  z-index: 2;
}
.block--type--hero-banner.carousel .hero-carousel {
  position: absolute;
  top: 0;
  right: -250px;
  max-width: 100vw;
  width: 1100px;
  z-index: 1;
}
@media (min-width: 768px) and (max-width: 991px) {
  .block--type--hero-banner.carousel .hero-carousel {
    right: -180px;
    top: 50px;
    width: 100%;
  }
  .block--type--hero-banner.carousel .hero-carousel .image {
    position: relative;
  }
}
@media (max-width: 767px) {
  .block--type--hero-banner.carousel .hero-carousel {
    order: 2;
    height: auto;
    position: relative;
    overflow: hidden;
    top: -140px;
    height: 450px;
    width: 100vw;
    max-width: none;
    left: 50%;
    position: relative;
    transform: translate(-50%, 0);
  }
  .block--type--hero-banner.carousel .hero-carousel:after {
    height: 150%;
  }
}
@media (max-width: 767px) and (max-width: 620px) {
  .block--type--hero-banner.carousel .hero-carousel {
    width: 620px;
  }
}
.block--type--hero-banner.carousel .hero-content {
  max-width: 620px;
  padding-top: 118px;
  position: relative;
}
@media (min-width: 992px) and (max-width: 1200px) {
  .block--type--hero-banner.carousel .hero-content {
    padding-top: 100px;
  }
}
@media (max-width: 767px) {
  .block--type--hero-banner.carousel .hero-content {
    order: 1;
    padding-top: 36px;
  }
}
@media (max-width: 500px) {
  .block--type--hero-banner.carousel .hero-content {
    max-width: 190px;
  }
}
@media (max-width: 991px) {
  .block--type--hero-banner.carousel .hero-content {
    max-width: unset;
  }
}
.block--type--hero-banner.carousel .hero-additional-content {
  max-width: 600px;
}
@media (max-width: 767px) {
  .block--type--hero-banner.carousel .hero-additional-content {
    order: 3;
    margin-top: -200px;
    max-width: none;
  }
}
@media (max-width: 700px) {
  .block--type--hero-banner.carousel .hero-additional-content {
    margin-top: -250px;
  }
}
.block--type--hero-banner.carousel h1 {
  font-size: 31px;
  line-height: 45px;
  font-weight: 400;
  margin: 0 0 50px;
  max-width: 621px;
  color: #ffffff;
}
.block--type--hero-banner.carousel h1 strong {
  letter-spacing: -0.5px;
}
@media (max-width: 767px) {
  .block--type--hero-banner.carousel h1 {
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 18px;
  }
}
.block--type--hero-banner.carousel h2 {
  font-size: 16px;
  line-height: 24px;
  color: #FABD26;
  margin: 0 0 24px;
}
@media (max-width: 767px) {
  .block--type--hero-banner.carousel h2 {
    font-size: 16px;
    line-height: 26px;
  }
}
.block--type--hero-banner.carousel h2, .block--type--hero-banner.carousel p {
  max-width: 335px;
}
@media (max-width: 767px) {
  .block--type--hero-banner.carousel h2, .block--type--hero-banner.carousel p {
    max-width: none;
  }
}
.block--type--hero-banner.carousel p {
  color: #ffffff;
}
.block--type--hero-banner.carousel p:not(.footnote) {
  font-size: 16px;
  line-height: 24px;
}
.block--type--hero-banner.carousel .footnote {
  margin-top: 20px;
}
@media (max-width: 768px) {
  .block--type--hero-banner.carousel .footnote.homepage-hero-footnote {
    padding-bottom: 0px;
    border-bottom: none;
    line-height: 16px;
  }
}
@media (min-width: 1025px) {
  .block--type--hero-banner.carousel .footnote {
    position: absolute;
    bottom: 45px;
    left: 15px;
    margin: 0;
    font-size: 10px;
    line-height: 14px;
  }
}
@media (max-width: 768px) {
  .block--type--hero-banner.carousel .footnote {
    order: 4;
    position: static;
    margin-top: 20px;
    padding-bottom: 48px;
  }
}
.block--type--hero-banner.default {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
  margin-top: 24px;
  position: relative;
  min-height: 100%;
  padding-left: 27px;
  padding-right: 27px;
  padding-top: 20px;
  padding-bottom: 20px;
}
.block--type--hero-banner.default:before {
  content: "";
  display: block;
  width: 150vw;
  overflow-x: hidden;
  height: 100%;
  background: #000;
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
  z-index: -1;
}
.block--type--hero-banner.default:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100vw;
  height: 100%;
  background: linear-gradient(180deg, rgba(86, 61, 100, 0) 0%, #563D64 100%);
  z-index: -1;
  pointer-events: none;
}
@media (max-width: 767px) {
  .block--type--hero-banner.default:after {
    width: 150vw;
  }
}
.block--type--hero-banner.default .fcs-resources-heading {
  max-width: 620px;
}
.block--type--hero-banner.default .fcs-resources-heading span {
  display: inline;
}
@media (max-width: 767px) {
  .block--type--hero-banner.default .hero-content h1 span {
    display: block;
    color: white;
    font-size: 20px;
    font-family: "Poppins", sans-serif;
    line-height: 28px;
    font-weight: 400;
    word-wrap: break-word;
    white-space: pre-wrap;
  }
  .block--type--hero-banner.default .hero-content .safety-statement {
    display: block;
    padding-left: 0;
  }
  .block--type--hero-banner.default .hero-content h1 span strong {
    font-weight: 700;
  }
  .block--type--hero-banner.default .hero-content .section-title-events span {
    letter-spacing: -0.2px;
    white-space: normal !important;
  }
  .block--type--hero-banner.default .hero-content .autoinjector-message {
    margin-bottom: 22px;
  }
  .block--type--hero-banner.default .hero-content .section-title-lipid-specialist {
    line-height: 26px !important;
  }
  .block--type--hero-banner.default .hero-content .section-title-lipid-specialist .specialist-title-span {
    white-space: normal !important;
  }
  .block--type--hero-banner.default h1.fcs-resources-heading span {
    display: inline;
  }
}
@media (max-width: 391px) {
  .block--type--hero-banner.default .hero-content .safety-statement {
    max-width: 212px;
  }
  .block--type--hero-banner.default .hero-content .autoinjector-message {
    max-width: 196px;
  }
  .block--type--hero-banner.default .hero-content .supporting-message {
    max-width: 220px;
  }
  .block--type--hero-banner.default .hero-content .section-title-lipid-specialist {
    max-width: 200px;
  }
  .block--type--hero-banner.default .hero-content .section-title-events {
    max-width: 203px;
  }
  .block--type--hero-banner.default .hero-content .fcs-testimonial-heading {
    max-width: 200px;
  }
  .block--type--hero-banner.default .hero-content .treatment-resources-heading {
    max-width: 203px;
  }
  .block--type--hero-banner.default .hero-content .fcs-resources-heading {
    max-width: 220px;
  }
  .block--type--hero-banner.default .hero-content .clinical-trial-summary {
    max-width: 241px;
  }
}
@media (max-width: 390px) {
  .block--type--hero-banner.default .mobile-highlight-line1 {
    display: block;
  }
}
.block--type--hero-banner.default .hero-icon {
  flex: none;
  margin-left: 5px;
  width: 120px;
  margin-right: -26px;
}
.block--type--hero-banner.default .resources-icon {
  height: 164.5px;
}
@media (max-width: 768px) {
  .block--type--hero-banner.default .resources-library-icon {
    height: 140px;
    width: unset;
  }
}
.block--type--hero-banner.default h1 {
  font-size: 24px;
  line-height: 32px;
  letter-spacing: -0.5px;
  margin: 0;
  color: #ffffff;
  font-weight: 400;
}
@media (max-width: 375px) {
  .block--type--hero-banner.default h1 {
    padding-left: 20px;
  }
}
@media (max-width: 375px) {
  .block--type--hero-banner.default h1.fcs-resources-heading {
    padding-left: 0;
  }
}
@media (max-width: 340px) {
  .block--type--hero-banner.default h1.fcs-resources-heading {
    padding-left: 20px;
  }
}
.block--type--hero-banner.default h4 {
  font-size: 16px;
  line-height: 28px;
  letter-spacing: -0.5px;
  margin: 0;
  color: #ffffff;
  font-weight: 400;
}
@media (min-width: 767px) {
  .block--type--hero-banner.default {
    min-height: 235px;
  }
}
@media (min-width: 1025px) {
  .block--type--hero-banner.default {
    min-height: 235px;
    padding: 50px 0;
  }
  .block--type--hero-banner.default .hero-icon {
    width: 230px;
    margin: -50px 0 -50px 30px;
  }
  .block--type--hero-banner.default h1 {
    font-size: 32px;
    line-height: 42px;
  }
  .block--type--hero-banner.default h4 {
    font-size: 16px;
  }
}
@media (max-width: 1024px) {
  .block--type--hero-banner.default h1.safety-statement {
    font-size: 24px;
    line-height: 32px;
  }
  .block--type--hero-banner.default .fcs-resources-heading {
    max-width: 430px;
  }
}

#block-tryngolza-content:has(.about-tryngolza-clinical-trial) .block--type--hero-banner {
  min-height: 184px;
  margin-top: 0;
}

.about-tryngolza-how-tryngolza-works .block--type--hero-banner.carousel h1 {
  max-width: 552px;
}

section.isi {
  width: 100%;
  max-width: 1040px;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 0px) {
  section.isi {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
}
@media (min-width: 768px) {
  section.isi {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
}
@media (min-width: 1025px) {
  section.isi {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
}
@media (min-width: 1025px) {
  section.isi {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
}
@media (min-width: 1025px) {
  section.isi {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
}
section.isi {
  max-width: 1140px;
  width: calc(100% - 32px);
  padding-bottom: 20px;
  padding-top: 16px;
  position: relative;
  z-index: 999;
}
@media (min-width: 1025px) {
  section.isi {
    padding-bottom: 15px;
    padding-top: 24px;
  }
}
section.isi #isi {
  margin-bottom: 20px;
}
@media (max-width: 768px) {
  section.isi #isi {
    margin-bottom: 0;
  }
}
section.isi #isi.static .isi-indications {
  display: none;
}
section.isi #isi a.black {
  text-decoration: none;
}
section.isi a.black-link {
  text-decoration: underline;
  color: #000;
}
section.isi a.black-link:hover {
  text-decoration: none;
  color: #4F08B0;
}
section.isi .purple {
  color: #4F08B0;
}
section.isi p {
  font-size: 16px;
  line-height: 20px;
  color: #000000;
  margin-bottom: 5px;
}
section.isi ul {
  margin: 0 0 5px;
  padding-left: 22px;
  list-style: none;
}
section.isi li {
  position: relative;
  font-size: 16px;
  line-height: 20px;
  color: #000000;
}
section.isi li::before {
  content: "•";
  position: absolute;
  left: -14px;
  top: 4px;
  font-size: 12px;
  line-height: 1;
  color: #000000;
}
section.isi h2 {
  font-size: 18px;
  line-height: 20px;
  color: #4F08B0;
  padding: 0;
  margin: 0 0 5px;
  text-transform: uppercase;
  text-align: left;
}
section.isi h2:after {
  display: none;
}
@media (max-width: 1024px) {
  section.isi h2 {
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 10px;
  }
}
section.isi .fixed {
  background-color: #ffffff;
  bottom: 0;
  left: 0;
  position: fixed;
  width: 100%;
  transition: all 0.5s ease-in-out;
  z-index: 9999;
  border-radius: 40px 40px 0 0;
  padding-top: 16px;
}
@media (max-width: 767px) {
  section.isi .fixed {
    padding-top: 8px;
    border-radius: 20px 20px 0 0;
  }
}
section.isi .fixed .col-12 {
  display: flex;
}
@media (max-width: 991px) {
  section.isi .fixed .col-12 {
    padding-left: 15px;
    padding-right: 15px;
  }
}
section.isi .fixed .isi-collapsed-title {
  display: none;
  max-width: 1140px;
  margin: 0 auto;
  width: 100%;
  padding: 0 50px 0 0;
  font-size: 17px;
  line-height: 22px;
  color: #4F08B0;
  font-weight: 700;
  text-transform: uppercase;
}
@media (max-width: 1040px) {
  section.isi .fixed .isi-collapsed-title {
    max-width: calc(100% - 32px);
  }
}
@media (max-width: 767px) {
  section.isi .fixed .isi-collapsed-title {
    padding: 0 50px 0 10px;
    font-size: 16px;
  }
}
section.isi .fixed .row {
  width: 100%;
  margin: 0 auto;
  max-height: 120px;
  max-width: 1280px;
  position: relative;
  transition: max-height 0.5s ease-in-out;
}
@media (max-width: 1090px) {
  section.isi .fixed .row {
    max-width: calc(100% - 32px);
    max-height: 36vh;
    height: clamp(120px, -23.38vw + 374.81px, 300px);
  }
}
@media (max-width: 1300px) {
  section.isi .fixed .row {
    padding-right: 40px;
  }
}
@media (max-width: 767px) {
  section.isi .fixed .row {
    padding-right: 15px;
    max-width: calc(100% - 20px);
    max-height: 50vh;
  }
  section.isi .fixed .row li {
    font-size: 14px;
    line-height: 18px;
  }
}
section.isi .fixed .row.scrollable {
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}
section.isi .fixed .content {
  padding-top: 20px;
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}
@media (min-width: 0px) {
  section.isi .fixed .content {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    flex: 0 0 100%;
    width: 100%;
  }
}
section.isi .fixed .read-more {
  appearance: none;
  border: 0;
  padding: 0;
  width: 24px;
  height: 24px;
  background: url("../../images/isi-plus.svg") no-repeat center center;
  background-size: 14px 14px;
  position: absolute;
  top: 13px;
  right: 27px;
  cursor: pointer;
  z-index: 99999;
}
@media (max-width: 767px) {
  section.isi .fixed .read-more {
    top: 5px;
    right: 11px;
  }
  .fixed.post-collapse section.isi .fixed .read-more {
    top: 16px;
  }
}
section.isi .fixed .col-12 {
  padding-top: 0px;
}
@media (min-width: 1140px) {
  section.isi .fixed .col-12 {
    width: 1120px;
    margin-left: auto;
    margin-right: auto;
  }
}
section.isi .fixed .col-12 .safety-info {
  flex: 1;
  padding-right: 30px;
  margin-right: 30px;
  border-right: 1px solid rgba(151, 151, 151, 0.5019607843);
}
@media (max-width: 767px) {
  section.isi .fixed .col-12 .safety-info {
    flex: none;
    width: calc(50% - 11px);
    margin-right: 22px;
    padding: 0;
    border: 0;
  }
}
section.isi .fixed .col-12 .indication {
  width: 416px;
  flex: none;
}
@media (max-width: 991px) {
  section.isi .fixed .col-12 .indication {
    width: calc(50% - 11px);
  }
}
section.isi .fixed.open .isi-indications {
  display: none;
}
section.isi .fixed.open .read-more {
  background-image: url("../../images/isi-minus.svg");
}
section.isi .fixed.open .row {
  height: fit-content;
  max-height: 720px;
  padding-top: 0;
}
@media (max-height: 720px) {
  section.isi .fixed.open .row {
    max-height: 50vh;
  }
}
@media (max-width: 767px) {
  section.isi .fixed.open .row {
    max-height: calc(100vh - 260px);
    height: fit-content;
  }
  section.isi .fixed.open .row.scrollable {
    overflow: auto;
  }
  section.isi .fixed.open .row .col-12 {
    flex-direction: column;
  }
  section.isi .fixed.open .row .indication {
    order: 1;
    width: 100%;
    margin-bottom: 10px;
  }
  section.isi .fixed.open .row .safety-info {
    order: 2;
    width: 100%;
    margin: 0;
  }
}
section.isi .fixed.post-collapse {
  height: 62px;
  overflow: hidden;
  padding-top: 20px;
}
@media (max-width: 767px) {
  section.isi .fixed.post-collapse {
    padding-top: 16px;
  }
}
section.isi .fixed.post-collapse .row,
section.isi .fixed.post-collapse .bg-gradient {
  display: none;
}
section.isi .fixed.post-collapse .isi-collapsed-title {
  display: block;
}
@media (max-width: 767px) {
  section.isi .isi-indications {
    white-space: nowrap;
  }
}
section.isi #isi.static > div h2,
section.isi .fixed .row .col-12 h2 {
  margin: 0 0 4px;
  font-size: 18px;
  line-height: 20px;
}
section.isi #isi.static > div h2 ~ h2,
section.isi .fixed .row .col-12 h2 ~ h2 {
  margin-bottom: 4px;
}
section.isi #isi.static > div p,
section.isi .fixed .row .col-12 p {
  margin-bottom: 6px;
  font-size: 16px;
  line-height: 20px;
}
section.isi #isi.static > div p.p1,
section.isi .fixed .row .col-12 p.p1 {
  margin-bottom: 6px;
}
section.isi #isi.static > div p:has(+ ul),
section.isi .fixed .row .col-12 p:has(+ ul) {
  margin-bottom: 8px;
}
section.isi #isi.static > div p:has(a.black-link),
section.isi #isi.static > div p:has(.black-link),
section.isi .fixed .row .col-12 p:has(a.black-link),
section.isi .fixed .row .col-12 p:has(.black-link) {
  margin-bottom: 8px;
}
section.isi #isi.static > div ul,
section.isi .fixed .row .col-12 ul {
  margin: 0 0 4px;
}
section.isi #isi.static > div ul + p:not(.purple),
section.isi .fixed .row .col-12 ul + p:not(.purple) {
  margin-bottom: 4px;
}
section.isi #isi.static > div p.purple,
section.isi .fixed .row .col-12 p.purple {
  margin-bottom: 0;
}
@media (max-width: 767px) {
  section.isi #isi.static > div h2,
  section.isi .fixed .row .col-12 h2 {
    font-size: 16px;
    line-height: 18px;
    letter-spacing: -0.24px;
    margin-bottom: 10px;
  }
  section.isi #isi.static > div h2 ~ h2,
  section.isi .fixed .row .col-12 h2 ~ h2 {
    margin-bottom: 8px;
  }
  section.isi #isi.static > div p,
  section.isi .fixed .row .col-12 p {
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: -0.21px;
    word-break: normal;
    overflow-wrap: anywhere;
  }
  section.isi #isi.static > div p.p1,
  section.isi .fixed .row .col-12 p.p1 {
    margin-bottom: 8px;
  }
  section.isi #isi.static > div span.highlight-tel,
  section.isi .fixed .row .col-12 span.highlight-tel {
    white-space: nowrap;
  }
  section.isi #isi.static > div p:has(+ ul),
  section.isi #isi.static > div p:has(a.black-link),
  section.isi #isi.static > div p:has(.black-link),
  section.isi #isi.static > div ul + p:not(.purple),
  section.isi .fixed .row .col-12 p:has(+ ul),
  section.isi .fixed .row .col-12 p:has(a.black-link),
  section.isi .fixed .row .col-12 p:has(.black-link),
  section.isi .fixed .row .col-12 ul + p:not(.purple) {
    margin-bottom: 10px;
  }
  section.isi #isi.static > div ul,
  section.isi .fixed .row .col-12 ul {
    margin-bottom: 10px;
  }
  section.isi #isi.static > div li,
  section.isi .fixed .row .col-12 li {
    font-size: 14px;
    line-height: 18px;
  }
}
section.isi .static {
  display: flex;
  flex-wrap: wrap;
}
@media (min-width: 0px) {
  section.isi .static {
    margin-left: -0.75rem;
    margin-right: -0.75rem;
  }
}
@media (min-width: 768px) {
  section.isi .static {
    margin-left: -0.75rem;
    margin-right: -0.75rem;
  }
}
@media (min-width: 1025px) {
  section.isi .static {
    margin-left: -0.75rem;
    margin-right: -0.75rem;
  }
}
@media (min-width: 1025px) {
  section.isi .static {
    margin-left: -0.75rem;
    margin-right: -0.75rem;
  }
}
@media (min-width: 1025px) {
  section.isi .static {
    margin-left: -0.75rem;
    margin-right: -0.75rem;
  }
}
section.isi .static > div {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}
@media (min-width: 0px) {
  section.isi .static > div {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    flex: 0 0 100%;
    width: 100%;
  }
}
section.isi .static > div .purple {
  color: #4F08B0;
}
section.isi .static > div .purple a {
  color: #4F08B0;
}
@media (min-width: 1025px) {
  section.isi .static > div .purple a:hover {
    color: #21034A;
  }
}
@media (min-width: 1025px) {
  section.isi .static > div a.purple:hover {
    color: #21034A;
  }
}
section.isi .bg-gradient {
  background: linear-gradient(90deg, #B2B2FF 0%, #4F08B0 100%);
  height: 6px;
  display: none;
}
section.isi .fixed.open .bg-gradient {
  display: block;
}

/* ==========================================================================
   Peek cutoff marker (all breakpoints)

   Editors place a marker element in the fixed-ISI content (full_html) at the
   point where the collapsed "peek" should stop:

     <hr class="isi-peek-end">

   In the collapsed peek state (not .open, any viewport) everything AFTER the
   marker is hidden, so the peek shows a deterministic amount of text that ends
   on a clean content boundary instead of an arbitrary px/vh cutoff — and the
   bar sizes to exactly that content. Tapping read-more (.open) reveals the full
   content. To show more/less, the editor simply moves the marker — no CSS.

   The marker is a targeting hook only and never renders as a visible rule.
   The px/vh max-height on `.fixed .row` still acts as a fallback cap when no
   marker is present.
   ========================================================================== */
.isi .isi-peek-end {
  display: none;
}

.isi .fixed:not(.open) .isi-peek-end ~ * {
  display: none;
}

/* When a marker defines the cutoff, size the peek to that content instead of
   the fixed clamp/px/vh height the collapsed row otherwise uses — so the bar is
   exactly as tall as the text shown. Falls back to the height/max-height cap
   when no marker is present. */
.isi .fixed:not(.open):has(.isi-peek-end) .row {
  height: auto;
  max-height: none;
}

.simplebar-track {
  background: rgba(79, 8, 176, 0.1);
  border-radius: 10px;
  width: 8px;
}
.simplebar-track .simplebar-scrollbar {
  background: #4F08B0;
  opacity: 1 !important;
  border-radius: 4px;
}
@media (max-width: 1460px) {
  .simplebar-track {
    height: calc(100% - 50px);
    margin-top: 50px;
    margin-right: 20px;
  }
}
@media (max-width: 1300px) {
  .simplebar-track {
    margin-right: 40px;
  }
}
@media (max-width: 1140px) {
  .simplebar-track {
    margin-right: 30px;
  }
}
@media (max-width: 1025px) {
  .simplebar-track {
    margin-right: 20px;
  }
}
@media (max-width: 767px) {
  .simplebar-track {
    height: calc(100% - 30px);
    margin-top: 30px;
    margin-right: 7px;
  }
}

.mobile-break::before {
  content: "";
}

@media (max-width: 440px) {
  .mobile-break::before {
    content: "\a";
    white-space: pre;
  }
}
.one-column {
  display: block !important;
}

@media (max-width: 767px) {
  /* Collapsed state */
  section.isi .fixed.post-collapse .read-more {
    top: 16px;
  }
}
.mfp-container {
  max-height: 100vh;
  width: 100vw;
}

.mfp-content {
  background-color: #ffffff;
  border: 16px solid #444444;
  width: 100%;
  max-width: 1040px;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 0px) {
  .mfp-content {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
}
@media (min-width: 768px) {
  .mfp-content {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
}
@media (min-width: 1025px) {
  .mfp-content {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
}
@media (min-width: 1025px) {
  .mfp-content {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
}
@media (min-width: 1025px) {
  .mfp-content {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
}

.block--type--modal {
  padding-bottom: 16px;
  padding-top: 0;
  position: relative;
  z-index: 11;
  width: 100%;
  max-width: 1040px;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 0px) {
  .block--type--modal {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
}
@media (min-width: 768px) {
  .block--type--modal {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
}
@media (min-width: 1025px) {
  .block--type--modal {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
}
@media (min-width: 1025px) {
  .block--type--modal {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
}
@media (min-width: 1025px) {
  .block--type--modal {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
}
@media (min-width: 1025px) {
  .block--type--modal {
    padding-bottom: 100px;
    padding-top: 0;
  }
}
.block--type--modal .layout__region {
  padding-top: 0;
}

.violator {
  display: none;
  background-color: rgb(52, 177, 79);
}
@media (min-width: 1040px) {
  .violator.active {
    margin-left: calc((100vw + 36px - 1040px) / 2 * -1);
    margin-right: calc((100vw + 36px - 1040px) / 2 * -1);
    padding-left: calc((100vw - 1040px) / 2 * 1 + 24px);
    padding-right: calc((100vw - 1040px) / 2 * 1 + 24px);
    padding-left: calc((100vw - 1040px) / 2 * 1);
    padding-right: calc((100vw - 1040px) / 2 * 1);
  }
}
.violator.active {
  display: block;
  position: relative;
  padding: 16px 0;
}
.violator.active > div {
  width: 100%;
  max-width: 1040px;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 0px) {
  .violator.active > div {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
}
@media (min-width: 768px) {
  .violator.active > div {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
}
@media (min-width: 1025px) {
  .violator.active > div {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
}
@media (min-width: 1025px) {
  .violator.active > div {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
}
@media (min-width: 1025px) {
  .violator.active > div {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
}
.violator.active > div > div {
  display: flex;
  flex-wrap: wrap;
}
@media (min-width: 0px) {
  .violator.active > div > div {
    margin-left: -0.75rem;
    margin-right: -0.75rem;
  }
}
@media (min-width: 768px) {
  .violator.active > div > div {
    margin-left: -0.75rem;
    margin-right: -0.75rem;
  }
}
@media (min-width: 1025px) {
  .violator.active > div > div {
    margin-left: -0.75rem;
    margin-right: -0.75rem;
  }
}
@media (min-width: 1025px) {
  .violator.active > div > div {
    margin-left: -0.75rem;
    margin-right: -0.75rem;
  }
}
@media (min-width: 1025px) {
  .violator.active > div > div {
    margin-left: -0.75rem;
    margin-right: -0.75rem;
  }
}
.violator.active > div > div > div {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}
@media (min-width: 0px) {
  .violator.active > div > div > div {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    flex: 0 0 100%;
    width: 100%;
  }
}
.violator.active button {
  position: absolute;
  top: 50%;
  right: 0px;
  transform: translateY(-50%);
  z-index: 100;
  width: 44px;
  height: 44px;
  background-color: transparent;
  border: 0;
  font-family: Arial;
}
@media (min-width: 1025px) {
  .violator.active button {
    right: calc((100vw - 1200px) / 2);
  }
}
.violator.active p {
  margin: 0;
}

.brochure-container {
  max-width: 777px;
  margin: 0 auto;
}

.brochure-card {
  border-radius: 18px;
  background-color: rgba(255, 255, 255, 0.5);
  width: 100%;
  padding: 30px 45px;
}
@media (max-width: 991px) {
  .brochure-card {
    max-width: 100%;
    padding: 30px 17px;
  }
}

.card-content {
  display: flex;
  gap: 20px;
  align-items: center;
}
@media (max-width: 991px) {
  .card-content {
    flex-direction: column;
    gap: 0;
  }
}

.image-section {
  display: flex;
  flex-direction: column;
}
@media (max-width: 991px) {
  .image-section {
    width: 100%;
  }
}

.brochure-image {
  aspect-ratio: 1.45;
  object-fit: contain;
  object-position: center;
  width: 100%;
  height: auto;
}
@media (max-width: 991px) {
  .brochure-image {
    margin-top: 8px;
    max-height: 250px;
  }
}

.content-section {
  display: flex;
  flex-direction: column;
  width: 56%;
  margin-left: 20px;
}
@media (max-width: 991px) {
  .content-section {
    width: 100%;
    margin-left: 0;
  }
}

.content-section:has(.assistance-section) {
  margin-left: 0;
}

.brochure-card .content-section {
  padding: 0px;
}

.text-content {
  margin-top: 10px;
  width: 100%;
  font-size: 16px;
}
@media (max-width: 991px) {
  .text-content {
    margin-top: 0px;
  }
}

.description {
  gap: 10px;
  display: flex;
  flex-direction: column;
  font-size: 16px;
  color: rgb(68, 68, 68);
  font-weight: 400;
  line-height: 24px;
  margin-bottom: 39px;
}
@media (max-width: 991px) {
  .description {
    margin-right: 10px;
  }
}

.brand-title {
  font-weight: 700;
  font-size: 20px;
  color: rgb(79, 8, 176);
  white-space: nowrap;
}

.download-options {
  display: flex;
  width: 100%;
  align-items: stretch;
  gap: 25px;
}
@media (max-width: 991px) {
  .download-options {
    flex-direction: column;
    gap: 15px;
    width: 60%;
    margin: 0 auto;
  }
}

.download-button {
  justify-content: center;
  align-items: center;
  border-radius: 88.889px;
  display: flex;
  min-height: 46px;
  padding: 8px 36px;
  gap: 18px;
  flex: 1;
  background: linear-gradient(180deg, #4F08B0 0.68%, #21034A 50%, #4F08B0 100%);
  border: none;
  cursor: pointer;
  color: rgb(255, 255, 255) !important;
  font-weight: 700;
  font-size: 16px;
  letter-spacing: 0.09px;
  line-height: 30px;
  white-space: nowrap;
  text-decoration: none;
  transition: all 0.3s ease-in-out !important;
  background-size: 100% 200%;
}
.download-button .chevron-right {
  stroke: #fabd26;
  transition: stroke 0.3s;
}
.download-button:hover {
  background-position: 0 100%;
}
.download-button:hover .chevron-right {
  stroke: #fafafa;
}
.download-button:focus {
  outline: 2px solid rgba(79, 8, 176, 0.5);
  outline-offset: 2px;
}
.download-button:active {
  transform: translateY(0);
}
@media (max-width: 991px) {
  .download-button {
    padding: 8px 20px;
    white-space: normal;
    text-align: center;
  }
}

.language-label {
  margin: auto 0;
}

.download-icon {
  aspect-ratio: 0.5;
  object-fit: contain;
  object-position: center;
  height: auto;
  margin: auto 0;
  flex-shrink: 0;
}

@media (prefers-reduced-motion: reduce) {
  .download-button {
    transition: none;
  }
  .download-button:hover {
    transform: none;
  }
}
@media (prefers-contrast: high) {
  .brochure-card {
    border: 2px solid #000;
  }
  .download-button {
    border: 2px solid #fff;
  }
}
.download-button:focus-visible {
  outline: 3px solid rgba(79, 8, 176, 0.8);
  outline-offset: 2px;
}

div:has(> .views-row > .recipe-card) {
  display: grid;
  grid-template-columns: 1fr;
  gap: 24px;
}
@media (min-width: 768px) {
  div:has(> .views-row > .recipe-card) {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 1025px) {
  div:has(> .views-row > .recipe-card) {
    grid-template-columns: repeat(3, 1fr);
  }
}
div:has(> .views-row > .recipe-card) > nav {
  grid-column: 1/-1;
}

.recipe-card {
  margin: 0;
  background: linear-gradient(180deg, #4F08B0 0%, #FA7821 100%);
  padding: 2px;
  border-radius: 12px;
  overflow: hidden;
}
.recipe-card__link {
  position: relative;
  border-radius: 12px;
  aspect-ratio: 355/280;
  overflow: hidden;
  text-decoration: none;
  transition: box-shadow 0.3s ease;
  display: flex;
  align-items: flex-end;
}
.recipe-card__media {
  position: absolute;
  background: var(--gradient-card-lavender);
  overflow: hidden;
  width: 100%;
  height: 100%;
}
.recipe-card__media img {
  position: absolute;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover;
  object-position: center;
  display: block;
  transition: transform 0.4s ease;
  border-radius: 12px;
}
.recipe-card__strip {
  width: 100%;
  max-height: 68px;
  background-image: linear-gradient(to top, rgba(79, 8, 176, 0.68) 0%, rgba(79, 8, 176, 0.48) 25%, rgba(79, 8, 176, 0.26) 60%, rgba(79, 8, 176, 0) 100%), linear-gradient(to right, rgba(33, 3, 74, 0.38) 0%, rgba(79, 8, 176, 0) 55%), var(--shtg-hero-wave-gradient-layer-1);
  opacity: 0.9;
  pointer-events: none;
  padding: 12px 20px 40px;
}
.recipe-card .recipe-card__title {
  margin: 0;
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-size: 18px;
  line-height: 22px;
  letter-spacing: 0;
  color: var(--color-white);
  text-transform: uppercase;
  word-break: break-word;
}
.recipe-card__link:hover {
  box-shadow: 0 6px 16px rgba(33, 3, 74, 0.18);
}
.recipe-card__link:hover .recipe-card__media img {
  transform: scale(1.05);
}
.recipe-card__link:focus-visible {
  outline: 2px solid var(--color-purple);
  outline-offset: 2px;
}

@media (prefers-reduced-motion: reduce) {
  .recipe-card__link, .recipe-card__media img {
    transition: none;
  }
  .recipe-card__link:hover .recipe-card__media img {
    transform: none;
  }
}
.recipe-list ul.pager {
  padding-left: 0;
  display: flex;
  justify-content: center;
}
.recipe-list ul.pager li {
  list-style: none;
}
.recipe-list ul.pager a.button {
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: auto;
  height: auto;
  min-height: unset;
  border-radius: 98px;
  background: linear-gradient(180deg, #4f08b0 0.68%, #21034a 50%, #4f08b0 100%);
  background-size: 100% 200%;
  color: #ffffff;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: 12px; /* 100% */
  text-transform: uppercase;
  text-align: center;
  text-decoration: none;
  padding: 12px 36px;
  transition: all 0.3s ease-in-out;
}
.recipe-list ul.pager a.button::after {
  content: "";
  flex: none;
  display: block;
  width: 14px;
  height: 22px;
  margin-left: 15px;
  background: url("../../images/yellow-arrow.svg") no-repeat center/cover;
  transition: background-image 0.3s ease-in-out;
}
.recipe-list ul.pager a.button:hover {
  background-position: 0 100%;
  color: #ffffff;
}
.recipe-list ul.pager a.button:hover::after {
  background-image: url("../../images/white-arrow.svg");
}
.recipe-list .views-exposed-form ul {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 10px;
  padding-left: 0;
}
.recipe-list .views-exposed-form li {
  list-style: none;
}
.recipe-list .views-exposed-form .bef-link {
  white-space: nowrap;
  display: flex;
  flex-wrap: nowrap;
  width: 100%;
  min-height: 34px;
  padding: 10px 24px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 11px;
  border-radius: 6px;
  border: 1px solid var(--Sunset, #FA7821);
  background: linear-gradient(180deg, #FFF 0%, #A27CD5 207.35%);
  color: #000;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  text-decoration: none;
}
.recipe-list .views-exposed-form .bef-link.bef-link--selected {
  color: var(--White, #FFF);
  border: 1px solid var(--Sunset, #FA7821);
  background: linear-gradient(180deg, #4F08B0 0%, #21034A 100%);
}
@media (max-width: 768px) {
  .recipe-list .views-exposed-form .bef-link {
    font-feature-settings: "liga" off, "clig" off;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px; /* 133.333% */
  }
}
.recipe-list .views-infinite-scroll-content-wrapper {
  margin-top: 70px;
}
@media (max-width: 768px) {
  .recipe-list .views-infinite-scroll-content-wrapper {
    margin-top: 60px;
  }
}

#node-page-layout-builder-form,
#layout-builder-discard-changes {
  width: 100%;
  max-width: 1040px;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 0px) {
  #node-page-layout-builder-form,
  #layout-builder-discard-changes {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
}
@media (min-width: 768px) {
  #node-page-layout-builder-form,
  #layout-builder-discard-changes {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
}
@media (min-width: 1025px) {
  #node-page-layout-builder-form,
  #layout-builder-discard-changes {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
}
@media (min-width: 1025px) {
  #node-page-layout-builder-form,
  #layout-builder-discard-changes {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
}
@media (min-width: 1025px) {
  #node-page-layout-builder-form,
  #layout-builder-discard-changes {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
}
#node-page-layout-builder-form #edit-actions,
#layout-builder-discard-changes #edit-actions {
  border: 1px solid #000;
  margin-bottom: 16px;
  display: flex;
  flex-wrap: wrap;
}
@media (min-width: 0px) {
  #node-page-layout-builder-form #edit-actions,
  #layout-builder-discard-changes #edit-actions {
    margin-left: -0.75rem;
    margin-right: -0.75rem;
  }
}
@media (min-width: 768px) {
  #node-page-layout-builder-form #edit-actions,
  #layout-builder-discard-changes #edit-actions {
    margin-left: -0.75rem;
    margin-right: -0.75rem;
  }
}
@media (min-width: 1025px) {
  #node-page-layout-builder-form #edit-actions,
  #layout-builder-discard-changes #edit-actions {
    margin-left: -0.75rem;
    margin-right: -0.75rem;
  }
}
@media (min-width: 1025px) {
  #node-page-layout-builder-form #edit-actions,
  #layout-builder-discard-changes #edit-actions {
    margin-left: -0.75rem;
    margin-right: -0.75rem;
  }
}
@media (min-width: 1025px) {
  #node-page-layout-builder-form #edit-actions,
  #layout-builder-discard-changes #edit-actions {
    margin-left: -0.75rem;
    margin-right: -0.75rem;
  }
}
#node-page-layout-builder-form #edit-actions #edit-revert,
#node-page-layout-builder-form #edit-actions #edit-submit,
#node-page-layout-builder-form #edit-actions #edit-discard-changes,
#layout-builder-discard-changes #edit-actions #edit-revert,
#layout-builder-discard-changes #edit-actions #edit-submit,
#layout-builder-discard-changes #edit-actions #edit-discard-changes {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}
@media (min-width: 0px) {
  #node-page-layout-builder-form #edit-actions #edit-revert,
  #node-page-layout-builder-form #edit-actions #edit-submit,
  #node-page-layout-builder-form #edit-actions #edit-discard-changes,
  #layout-builder-discard-changes #edit-actions #edit-revert,
  #layout-builder-discard-changes #edit-actions #edit-submit,
  #layout-builder-discard-changes #edit-actions #edit-discard-changes {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    flex: 0 0 33.3333333333%;
    width: 33.3333333333%;
  }
}
#node-page-layout-builder-form #edit-actions #edit-preview-toggle,
#layout-builder-discard-changes #edit-actions #edit-preview-toggle {
  order: 4;
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}
@media (min-width: 0px) {
  #node-page-layout-builder-form #edit-actions #edit-preview-toggle,
  #layout-builder-discard-changes #edit-actions #edit-preview-toggle {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    flex: 0 0 100%;
    width: 100%;
  }
}
#node-page-layout-builder-form #edit-actions #edit-submit,
#layout-builder-discard-changes #edit-actions #edit-submit {
  background-color: #009900;
  color: #ffffff;
}
#node-page-layout-builder-form #edit-actions #edit-discard-changes,
#layout-builder-discard-changes #edit-actions #edit-discard-changes {
  background-color: #D1532E;
  color: #ffffff;
}
#node-page-layout-builder-form #edit-actions label[for=layout-builder-content-preview],
#layout-builder-discard-changes #edit-actions label[for=layout-builder-content-preview] {
  margin: 11px 0 0px;
}

.layout-builder-form {
  display: flex;
  flex-wrap: wrap;
}
@media (min-width: 0px) {
  .layout-builder-form {
    margin-left: -0.75rem;
    margin-right: -0.75rem;
  }
}
@media (min-width: 768px) {
  .layout-builder-form {
    margin-left: -0.75rem;
    margin-right: -0.75rem;
  }
}
@media (min-width: 1025px) {
  .layout-builder-form {
    margin-left: -0.75rem;
    margin-right: -0.75rem;
  }
}
@media (min-width: 1025px) {
  .layout-builder-form {
    margin-left: -0.75rem;
    margin-right: -0.75rem;
  }
}
@media (min-width: 1025px) {
  .layout-builder-form {
    margin-left: -0.75rem;
    margin-right: -0.75rem;
  }
}
.layout-builder-form .js-form-type-vertical-tabs,
.layout-builder-form .layout-builder__message,
.layout-builder-form .form-actions {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}
@media (min-width: 0px) {
  .layout-builder-form .js-form-type-vertical-tabs,
  .layout-builder-form .layout-builder__message,
  .layout-builder-form .form-actions {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    flex: 0 0 100%;
    width: 100%;
  }
}

#layout-builder {
  padding: 0;
  border: 0;
}
#layout-builder .block--type--collapsible-item .collapsible-content {
  display: block;
}
#layout-builder .block--type--collapsible-item .toggle {
  top: 0;
}
#layout-builder .layout__region--modals {
  display: block !important;
}
#layout-builder .block--type--modal {
  display: block !important;
}
@media (min-width: 1040px) {
  #layout-builder .block--type--hero-banner.full-width {
    margin-left: calc((100vw + 36px - 1040px) / 2 * -1);
    margin-right: calc((100vw + 36px - 1040px) / 2 * -1);
    padding-left: calc((100vw - 1040px) / 2 * 1 + 24px);
    padding-right: calc((100vw - 1040px) / 2 * 1 + 24px);
    padding-left: calc((100vw - 1040px) / 2 * 1);
    padding-right: calc((100vw - 1040px) / 2 * 1);
  }
}
#layout-builder .layout-builder-block {
  padding: 0px;
}

.vertical-tabs {
  display: none;
}

.layout {
  width: calc(100% - 32px);
  width: 100%;
  max-width: 1040px;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 0px) {
  .layout {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
}
@media (min-width: 768px) {
  .layout {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
}
@media (min-width: 1025px) {
  .layout {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
}
@media (min-width: 1025px) {
  .layout {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
}
@media (min-width: 1025px) {
  .layout {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
}
.layout .layout {
  max-width: 100%;
}
.layout .spacer {
  background-color: gray;
  width: 100%;
}
.layout .layout__region {
  padding-bottom: 0;
}
@media (min-width: 1025px) {
  .layout .layout__region {
    padding-bottom: 0;
  }
}
.layout .layout__region.layout__region--modals {
  display: none;
}
.layout.layout--onecol > div {
  display: flex;
  flex-wrap: wrap;
}
@media (min-width: 0px) {
  .layout.layout--onecol > div {
    margin-left: -0.75rem;
    margin-right: -0.75rem;
  }
}
@media (min-width: 768px) {
  .layout.layout--onecol > div {
    margin-left: -0.75rem;
    margin-right: -0.75rem;
  }
}
@media (min-width: 1025px) {
  .layout.layout--onecol > div {
    margin-left: -0.75rem;
    margin-right: -0.75rem;
  }
}
@media (min-width: 1025px) {
  .layout.layout--onecol > div {
    margin-left: -0.75rem;
    margin-right: -0.75rem;
  }
}
@media (min-width: 1025px) {
  .layout.layout--onecol > div {
    margin-left: -0.75rem;
    margin-right: -0.75rem;
  }
}
.layout.layout--onecol > div .layout__region {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}
@media (min-width: 0px) {
  .layout.layout--onecol > div .layout__region {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    flex: 0 0 100%;
    width: 100%;
  }
}
.layout .layout-spacing {
  padding-right: 0 !important;
}
.layout.layout--twocol-section.layout--twocol-section--50-50 > div {
  display: flex;
  flex-wrap: wrap;
}
@media (min-width: 0px) {
  .layout.layout--twocol-section.layout--twocol-section--50-50 > div {
    margin-left: -0.75rem;
    margin-right: -0.75rem;
  }
}
@media (min-width: 768px) {
  .layout.layout--twocol-section.layout--twocol-section--50-50 > div {
    margin-left: -0.75rem;
    margin-right: -0.75rem;
  }
}
@media (min-width: 1025px) {
  .layout.layout--twocol-section.layout--twocol-section--50-50 > div {
    margin-left: -0.75rem;
    margin-right: -0.75rem;
  }
}
@media (min-width: 1025px) {
  .layout.layout--twocol-section.layout--twocol-section--50-50 > div {
    margin-left: -0.75rem;
    margin-right: -0.75rem;
  }
}
@media (min-width: 1025px) {
  .layout.layout--twocol-section.layout--twocol-section--50-50 > div {
    margin-left: -0.75rem;
    margin-right: -0.75rem;
  }
}
.layout.layout--twocol-section.layout--twocol-section--50-50 > div .layout__region {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}
@media (min-width: 0px) {
  .layout.layout--twocol-section.layout--twocol-section--50-50 > div .layout__region {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    flex: 0 0 100%;
    width: 100%;
  }
}
.layout.layout--twocol-section.layout--twocol-section--50-50 > div .layout__region {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}
@media (min-width: 768px) {
  .layout.layout--twocol-section.layout--twocol-section--50-50 > div .layout__region {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    flex: 0 0 50%;
    width: 50%;
  }
}
.layout.layout--twocol-section.layout--twocol-section--50-50 > div .layout__region {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}
@media (min-width: 1025px) {
  .layout.layout--twocol-section.layout--twocol-section--50-50 > div .layout__region {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    flex: 0 0 50%;
    width: 50%;
  }
}
.layout.layout--twocol-section.layout--twocol-section--33-67 > div {
  display: flex;
  flex-wrap: wrap;
}
@media (min-width: 0px) {
  .layout.layout--twocol-section.layout--twocol-section--33-67 > div {
    margin-left: -0.75rem;
    margin-right: -0.75rem;
  }
}
@media (min-width: 768px) {
  .layout.layout--twocol-section.layout--twocol-section--33-67 > div {
    margin-left: -0.75rem;
    margin-right: -0.75rem;
  }
}
@media (min-width: 1025px) {
  .layout.layout--twocol-section.layout--twocol-section--33-67 > div {
    margin-left: -0.75rem;
    margin-right: -0.75rem;
  }
}
@media (min-width: 1025px) {
  .layout.layout--twocol-section.layout--twocol-section--33-67 > div {
    margin-left: -0.75rem;
    margin-right: -0.75rem;
  }
}
@media (min-width: 1025px) {
  .layout.layout--twocol-section.layout--twocol-section--33-67 > div {
    margin-left: -0.75rem;
    margin-right: -0.75rem;
  }
}
.layout.layout--twocol-section.layout--twocol-section--33-67 > div .layout__region {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}
@media (min-width: 0px) {
  .layout.layout--twocol-section.layout--twocol-section--33-67 > div .layout__region {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    flex: 0 0 100%;
    width: 100%;
  }
}
.layout.layout--twocol-section.layout--twocol-section--33-67 > div .layout__region {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}
@media (min-width: 768px) {
  .layout.layout--twocol-section.layout--twocol-section--33-67 > div .layout__region {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    flex: 0 0 33.3333333333%;
    width: 33.3333333333%;
  }
}
.layout.layout--twocol-section.layout--twocol-section--33-67 > div .layout__region {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}
@media (min-width: 1025px) {
  .layout.layout--twocol-section.layout--twocol-section--33-67 > div .layout__region {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    flex: 0 0 33.3333333333%;
    width: 33.3333333333%;
  }
}
.layout.layout--twocol-section.layout--twocol-section--33-67 > div .layout__region:nth-child(2) {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}
@media (min-width: 0px) {
  .layout.layout--twocol-section.layout--twocol-section--33-67 > div .layout__region:nth-child(2) {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    flex: 0 0 100%;
    width: 100%;
  }
}
.layout.layout--twocol-section.layout--twocol-section--33-67 > div .layout__region:nth-child(2) {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}
@media (min-width: 768px) {
  .layout.layout--twocol-section.layout--twocol-section--33-67 > div .layout__region:nth-child(2) {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    flex: 0 0 66.6666666667%;
    width: 66.6666666667%;
  }
}
.layout.layout--twocol-section.layout--twocol-section--33-67 > div .layout__region:nth-child(2) {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}
@media (min-width: 1025px) {
  .layout.layout--twocol-section.layout--twocol-section--33-67 > div .layout__region:nth-child(2) {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    flex: 0 0 66.6666666667%;
    width: 66.6666666667%;
  }
}
.layout.layout--twocol-section.layout--twocol-section--67-33 > div {
  display: flex;
  flex-wrap: wrap;
}
@media (min-width: 0px) {
  .layout.layout--twocol-section.layout--twocol-section--67-33 > div {
    margin-left: -0.75rem;
    margin-right: -0.75rem;
  }
}
@media (min-width: 768px) {
  .layout.layout--twocol-section.layout--twocol-section--67-33 > div {
    margin-left: -0.75rem;
    margin-right: -0.75rem;
  }
}
@media (min-width: 1025px) {
  .layout.layout--twocol-section.layout--twocol-section--67-33 > div {
    margin-left: -0.75rem;
    margin-right: -0.75rem;
  }
}
@media (min-width: 1025px) {
  .layout.layout--twocol-section.layout--twocol-section--67-33 > div {
    margin-left: -0.75rem;
    margin-right: -0.75rem;
  }
}
@media (min-width: 1025px) {
  .layout.layout--twocol-section.layout--twocol-section--67-33 > div {
    margin-left: -0.75rem;
    margin-right: -0.75rem;
  }
}
.layout.layout--twocol-section.layout--twocol-section--67-33 > div .layout__region {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}
@media (min-width: 0px) {
  .layout.layout--twocol-section.layout--twocol-section--67-33 > div .layout__region {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    flex: 0 0 100%;
    width: 100%;
  }
}
.layout.layout--twocol-section.layout--twocol-section--67-33 > div .layout__region {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}
@media (min-width: 768px) {
  .layout.layout--twocol-section.layout--twocol-section--67-33 > div .layout__region {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    flex: 0 0 66.6666666667%;
    width: 66.6666666667%;
  }
}
.layout.layout--twocol-section.layout--twocol-section--67-33 > div .layout__region {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}
@media (min-width: 1025px) {
  .layout.layout--twocol-section.layout--twocol-section--67-33 > div .layout__region {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    flex: 0 0 66.6666666667%;
    width: 66.6666666667%;
  }
}
.layout.layout--twocol-section.layout--twocol-section--67-33 > div .layout__region:nth-child(2) {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}
@media (min-width: 0px) {
  .layout.layout--twocol-section.layout--twocol-section--67-33 > div .layout__region:nth-child(2) {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    flex: 0 0 100%;
    width: 100%;
  }
}
.layout.layout--twocol-section.layout--twocol-section--67-33 > div .layout__region:nth-child(2) {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}
@media (min-width: 768px) {
  .layout.layout--twocol-section.layout--twocol-section--67-33 > div .layout__region:nth-child(2) {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    flex: 0 0 33.3333333333%;
    width: 33.3333333333%;
  }
}
.layout.layout--twocol-section.layout--twocol-section--67-33 > div .layout__region:nth-child(2) {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}
@media (min-width: 1025px) {
  .layout.layout--twocol-section.layout--twocol-section--67-33 > div .layout__region:nth-child(2) {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    flex: 0 0 33.3333333333%;
    width: 33.3333333333%;
  }
}
.layout.layout--twocol-section.layout--twocol-section--25-75 > div {
  display: flex;
  flex-wrap: wrap;
}
@media (min-width: 0px) {
  .layout.layout--twocol-section.layout--twocol-section--25-75 > div {
    margin-left: -0.75rem;
    margin-right: -0.75rem;
  }
}
@media (min-width: 768px) {
  .layout.layout--twocol-section.layout--twocol-section--25-75 > div {
    margin-left: -0.75rem;
    margin-right: -0.75rem;
  }
}
@media (min-width: 1025px) {
  .layout.layout--twocol-section.layout--twocol-section--25-75 > div {
    margin-left: -0.75rem;
    margin-right: -0.75rem;
  }
}
@media (min-width: 1025px) {
  .layout.layout--twocol-section.layout--twocol-section--25-75 > div {
    margin-left: -0.75rem;
    margin-right: -0.75rem;
  }
}
@media (min-width: 1025px) {
  .layout.layout--twocol-section.layout--twocol-section--25-75 > div {
    margin-left: -0.75rem;
    margin-right: -0.75rem;
  }
}
.layout.layout--twocol-section.layout--twocol-section--25-75 > div .layout__region {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}
@media (min-width: 0px) {
  .layout.layout--twocol-section.layout--twocol-section--25-75 > div .layout__region {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    flex: 0 0 100%;
    width: 100%;
  }
}
.layout.layout--twocol-section.layout--twocol-section--25-75 > div .layout__region {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}
@media (min-width: 768px) {
  .layout.layout--twocol-section.layout--twocol-section--25-75 > div .layout__region {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    flex: 0 0 25%;
    width: 25%;
  }
}
.layout.layout--twocol-section.layout--twocol-section--25-75 > div .layout__region {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}
@media (min-width: 1025px) {
  .layout.layout--twocol-section.layout--twocol-section--25-75 > div .layout__region {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    flex: 0 0 25%;
    width: 25%;
  }
}
.layout.layout--twocol-section.layout--twocol-section--25-75 > div .layout__region:nth-child(2) {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}
@media (min-width: 0px) {
  .layout.layout--twocol-section.layout--twocol-section--25-75 > div .layout__region:nth-child(2) {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    flex: 0 0 100%;
    width: 100%;
  }
}
.layout.layout--twocol-section.layout--twocol-section--25-75 > div .layout__region:nth-child(2) {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}
@media (min-width: 768px) {
  .layout.layout--twocol-section.layout--twocol-section--25-75 > div .layout__region:nth-child(2) {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    flex: 0 0 75%;
    width: 75%;
  }
}
.layout.layout--twocol-section.layout--twocol-section--25-75 > div .layout__region:nth-child(2) {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}
@media (min-width: 1025px) {
  .layout.layout--twocol-section.layout--twocol-section--25-75 > div .layout__region:nth-child(2) {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    flex: 0 0 75%;
    width: 75%;
  }
}
.layout.layout--twocol-section.layout--twocol-section--75-25 > div {
  display: flex;
  flex-wrap: wrap;
}
@media (min-width: 0px) {
  .layout.layout--twocol-section.layout--twocol-section--75-25 > div {
    margin-left: -0.75rem;
    margin-right: -0.75rem;
  }
}
@media (min-width: 768px) {
  .layout.layout--twocol-section.layout--twocol-section--75-25 > div {
    margin-left: -0.75rem;
    margin-right: -0.75rem;
  }
}
@media (min-width: 1025px) {
  .layout.layout--twocol-section.layout--twocol-section--75-25 > div {
    margin-left: -0.75rem;
    margin-right: -0.75rem;
  }
}
@media (min-width: 1025px) {
  .layout.layout--twocol-section.layout--twocol-section--75-25 > div {
    margin-left: -0.75rem;
    margin-right: -0.75rem;
  }
}
@media (min-width: 1025px) {
  .layout.layout--twocol-section.layout--twocol-section--75-25 > div {
    margin-left: -0.75rem;
    margin-right: -0.75rem;
  }
}
.layout.layout--twocol-section.layout--twocol-section--75-25 > div .layout__region {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}
@media (min-width: 0px) {
  .layout.layout--twocol-section.layout--twocol-section--75-25 > div .layout__region {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    flex: 0 0 100%;
    width: 100%;
  }
}
.layout.layout--twocol-section.layout--twocol-section--75-25 > div .layout__region {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}
@media (min-width: 768px) {
  .layout.layout--twocol-section.layout--twocol-section--75-25 > div .layout__region {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    flex: 0 0 75%;
    width: 75%;
  }
}
.layout.layout--twocol-section.layout--twocol-section--75-25 > div .layout__region {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}
@media (min-width: 1025px) {
  .layout.layout--twocol-section.layout--twocol-section--75-25 > div .layout__region {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    flex: 0 0 75%;
    width: 75%;
  }
}
.layout.layout--twocol-section.layout--twocol-section--75-25 > div .layout__region:nth-child(2) {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}
@media (min-width: 0px) {
  .layout.layout--twocol-section.layout--twocol-section--75-25 > div .layout__region:nth-child(2) {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    flex: 0 0 100%;
    width: 100%;
  }
}
.layout.layout--twocol-section.layout--twocol-section--75-25 > div .layout__region:nth-child(2) {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}
@media (min-width: 768px) {
  .layout.layout--twocol-section.layout--twocol-section--75-25 > div .layout__region:nth-child(2) {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    flex: 0 0 25%;
    width: 25%;
  }
}
.layout.layout--twocol-section.layout--twocol-section--75-25 > div .layout__region:nth-child(2) {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}
@media (min-width: 1025px) {
  .layout.layout--twocol-section.layout--twocol-section--75-25 > div .layout__region:nth-child(2) {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    flex: 0 0 25%;
    width: 25%;
  }
}
.layout.layout--threecol-section.layout--threecol-section--25-50-25 > div {
  display: flex;
  flex-wrap: wrap;
}
@media (min-width: 0px) {
  .layout.layout--threecol-section.layout--threecol-section--25-50-25 > div {
    margin-left: -0.75rem;
    margin-right: -0.75rem;
  }
}
@media (min-width: 768px) {
  .layout.layout--threecol-section.layout--threecol-section--25-50-25 > div {
    margin-left: -0.75rem;
    margin-right: -0.75rem;
  }
}
@media (min-width: 1025px) {
  .layout.layout--threecol-section.layout--threecol-section--25-50-25 > div {
    margin-left: -0.75rem;
    margin-right: -0.75rem;
  }
}
@media (min-width: 1025px) {
  .layout.layout--threecol-section.layout--threecol-section--25-50-25 > div {
    margin-left: -0.75rem;
    margin-right: -0.75rem;
  }
}
@media (min-width: 1025px) {
  .layout.layout--threecol-section.layout--threecol-section--25-50-25 > div {
    margin-left: -0.75rem;
    margin-right: -0.75rem;
  }
}
.layout.layout--threecol-section.layout--threecol-section--25-50-25 > div .layout__region {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}
@media (min-width: 0px) {
  .layout.layout--threecol-section.layout--threecol-section--25-50-25 > div .layout__region {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    flex: 0 0 100%;
    width: 100%;
  }
}
.layout.layout--threecol-section.layout--threecol-section--25-50-25 > div .layout__region {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}
@media (min-width: 768px) {
  .layout.layout--threecol-section.layout--threecol-section--25-50-25 > div .layout__region {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    flex: 0 0 25%;
    width: 25%;
  }
}
.layout.layout--threecol-section.layout--threecol-section--25-50-25 > div .layout__region {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}
@media (min-width: 1025px) {
  .layout.layout--threecol-section.layout--threecol-section--25-50-25 > div .layout__region {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    flex: 0 0 25%;
    width: 25%;
  }
}
.layout.layout--threecol-section.layout--threecol-section--25-50-25 > div .layout__region:nth-child(2) {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}
@media (min-width: 0px) {
  .layout.layout--threecol-section.layout--threecol-section--25-50-25 > div .layout__region:nth-child(2) {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    flex: 0 0 100%;
    width: 100%;
  }
}
.layout.layout--threecol-section.layout--threecol-section--25-50-25 > div .layout__region:nth-child(2) {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}
@media (min-width: 768px) {
  .layout.layout--threecol-section.layout--threecol-section--25-50-25 > div .layout__region:nth-child(2) {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    flex: 0 0 50%;
    width: 50%;
  }
}
.layout.layout--threecol-section.layout--threecol-section--25-50-25 > div .layout__region:nth-child(2) {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}
@media (min-width: 1025px) {
  .layout.layout--threecol-section.layout--threecol-section--25-50-25 > div .layout__region:nth-child(2) {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    flex: 0 0 50%;
    width: 50%;
  }
}
.layout.layout--threecol-section.layout--threecol-section--25-25-50 > div {
  display: flex;
  flex-wrap: wrap;
}
@media (min-width: 0px) {
  .layout.layout--threecol-section.layout--threecol-section--25-25-50 > div {
    margin-left: -0.75rem;
    margin-right: -0.75rem;
  }
}
@media (min-width: 768px) {
  .layout.layout--threecol-section.layout--threecol-section--25-25-50 > div {
    margin-left: -0.75rem;
    margin-right: -0.75rem;
  }
}
@media (min-width: 1025px) {
  .layout.layout--threecol-section.layout--threecol-section--25-25-50 > div {
    margin-left: -0.75rem;
    margin-right: -0.75rem;
  }
}
@media (min-width: 1025px) {
  .layout.layout--threecol-section.layout--threecol-section--25-25-50 > div {
    margin-left: -0.75rem;
    margin-right: -0.75rem;
  }
}
@media (min-width: 1025px) {
  .layout.layout--threecol-section.layout--threecol-section--25-25-50 > div {
    margin-left: -0.75rem;
    margin-right: -0.75rem;
  }
}
.layout.layout--threecol-section.layout--threecol-section--25-25-50 > div .layout__region {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}
@media (min-width: 0px) {
  .layout.layout--threecol-section.layout--threecol-section--25-25-50 > div .layout__region {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    flex: 0 0 25%;
    width: 25%;
  }
}
.layout.layout--threecol-section.layout--threecol-section--25-25-50 > div .layout__region {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}
@media (min-width: 768px) {
  .layout.layout--threecol-section.layout--threecol-section--25-25-50 > div .layout__region {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    flex: 0 0 25%;
    width: 25%;
  }
}
.layout.layout--threecol-section.layout--threecol-section--25-25-50 > div .layout__region {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}
@media (min-width: 1025px) {
  .layout.layout--threecol-section.layout--threecol-section--25-25-50 > div .layout__region {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    flex: 0 0 25%;
    width: 25%;
  }
}
.layout.layout--threecol-section.layout--threecol-section--25-25-50 > div .layout__region:nth-child(3) {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}
@media (min-width: 0px) {
  .layout.layout--threecol-section.layout--threecol-section--25-25-50 > div .layout__region:nth-child(3) {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    flex: 0 0 100%;
    width: 100%;
  }
}
.layout.layout--threecol-section.layout--threecol-section--25-25-50 > div .layout__region:nth-child(3) {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}
@media (min-width: 768px) {
  .layout.layout--threecol-section.layout--threecol-section--25-25-50 > div .layout__region:nth-child(3) {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    flex: 0 0 50%;
    width: 50%;
  }
}
.layout.layout--threecol-section.layout--threecol-section--25-25-50 > div .layout__region:nth-child(3) {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}
@media (min-width: 1025px) {
  .layout.layout--threecol-section.layout--threecol-section--25-25-50 > div .layout__region:nth-child(3) {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    flex: 0 0 50%;
    width: 50%;
  }
}
.layout.layout--threecol-section.layout--threecol-section--50-25-25 > div {
  display: flex;
  flex-wrap: wrap;
}
@media (min-width: 0px) {
  .layout.layout--threecol-section.layout--threecol-section--50-25-25 > div {
    margin-left: -0.75rem;
    margin-right: -0.75rem;
  }
}
@media (min-width: 768px) {
  .layout.layout--threecol-section.layout--threecol-section--50-25-25 > div {
    margin-left: -0.75rem;
    margin-right: -0.75rem;
  }
}
@media (min-width: 1025px) {
  .layout.layout--threecol-section.layout--threecol-section--50-25-25 > div {
    margin-left: -0.75rem;
    margin-right: -0.75rem;
  }
}
@media (min-width: 1025px) {
  .layout.layout--threecol-section.layout--threecol-section--50-25-25 > div {
    margin-left: -0.75rem;
    margin-right: -0.75rem;
  }
}
@media (min-width: 1025px) {
  .layout.layout--threecol-section.layout--threecol-section--50-25-25 > div {
    margin-left: -0.75rem;
    margin-right: -0.75rem;
  }
}
.layout.layout--threecol-section.layout--threecol-section--50-25-25 > div .layout__region {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}
@media (min-width: 0px) {
  .layout.layout--threecol-section.layout--threecol-section--50-25-25 > div .layout__region {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    flex: 0 0 100%;
    width: 100%;
  }
}
.layout.layout--threecol-section.layout--threecol-section--50-25-25 > div .layout__region {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}
@media (min-width: 768px) {
  .layout.layout--threecol-section.layout--threecol-section--50-25-25 > div .layout__region {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    flex: 0 0 25%;
    width: 25%;
  }
}
.layout.layout--threecol-section.layout--threecol-section--50-25-25 > div .layout__region {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}
@media (min-width: 1025px) {
  .layout.layout--threecol-section.layout--threecol-section--50-25-25 > div .layout__region {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    flex: 0 0 25%;
    width: 25%;
  }
}
.layout.layout--threecol-section.layout--threecol-section--50-25-25 > div .layout__region:nth-child(1) {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}
@media (min-width: 0px) {
  .layout.layout--threecol-section.layout--threecol-section--50-25-25 > div .layout__region:nth-child(1) {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    flex: 0 0 100%;
    width: 100%;
  }
}
.layout.layout--threecol-section.layout--threecol-section--50-25-25 > div .layout__region:nth-child(1) {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}
@media (min-width: 768px) {
  .layout.layout--threecol-section.layout--threecol-section--50-25-25 > div .layout__region:nth-child(1) {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    flex: 0 0 50%;
    width: 50%;
  }
}
.layout.layout--threecol-section.layout--threecol-section--50-25-25 > div .layout__region:nth-child(1) {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}
@media (min-width: 1025px) {
  .layout.layout--threecol-section.layout--threecol-section--50-25-25 > div .layout__region:nth-child(1) {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    flex: 0 0 50%;
    width: 50%;
  }
}
.layout.layout--threecol-section.layout--threecol-section--33-34-33 > div {
  display: flex;
  flex-wrap: wrap;
}
@media (min-width: 0px) {
  .layout.layout--threecol-section.layout--threecol-section--33-34-33 > div {
    margin-left: -0.75rem;
    margin-right: -0.75rem;
  }
}
@media (min-width: 768px) {
  .layout.layout--threecol-section.layout--threecol-section--33-34-33 > div {
    margin-left: -0.75rem;
    margin-right: -0.75rem;
  }
}
@media (min-width: 1025px) {
  .layout.layout--threecol-section.layout--threecol-section--33-34-33 > div {
    margin-left: -0.75rem;
    margin-right: -0.75rem;
  }
}
@media (min-width: 1025px) {
  .layout.layout--threecol-section.layout--threecol-section--33-34-33 > div {
    margin-left: -0.75rem;
    margin-right: -0.75rem;
  }
}
@media (min-width: 1025px) {
  .layout.layout--threecol-section.layout--threecol-section--33-34-33 > div {
    margin-left: -0.75rem;
    margin-right: -0.75rem;
  }
}
.layout.layout--threecol-section.layout--threecol-section--33-34-33 > div .layout__region {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}
@media (min-width: 0px) {
  .layout.layout--threecol-section.layout--threecol-section--33-34-33 > div .layout__region {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    flex: 0 0 100%;
    width: 100%;
  }
}
.layout.layout--threecol-section.layout--threecol-section--33-34-33 > div .layout__region {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}
@media (min-width: 768px) {
  .layout.layout--threecol-section.layout--threecol-section--33-34-33 > div .layout__region {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    flex: 0 0 33.3333333333%;
    width: 33.3333333333%;
  }
}
.layout.layout--threecol-section.layout--threecol-section--33-34-33 > div .layout__region {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}
@media (min-width: 1025px) {
  .layout.layout--threecol-section.layout--threecol-section--33-34-33 > div .layout__region {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    flex: 0 0 33.3333333333%;
    width: 33.3333333333%;
  }
}
.layout.layout--fourcol-section > div {
  display: flex;
  flex-wrap: wrap;
}
@media (min-width: 0px) {
  .layout.layout--fourcol-section > div {
    margin-left: -0.75rem;
    margin-right: -0.75rem;
  }
}
@media (min-width: 768px) {
  .layout.layout--fourcol-section > div {
    margin-left: -0.75rem;
    margin-right: -0.75rem;
  }
}
@media (min-width: 1025px) {
  .layout.layout--fourcol-section > div {
    margin-left: -0.75rem;
    margin-right: -0.75rem;
  }
}
@media (min-width: 1025px) {
  .layout.layout--fourcol-section > div {
    margin-left: -0.75rem;
    margin-right: -0.75rem;
  }
}
@media (min-width: 1025px) {
  .layout.layout--fourcol-section > div {
    margin-left: -0.75rem;
    margin-right: -0.75rem;
  }
}
.layout.layout--fourcol-section > div .layout__region {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}
@media (min-width: 0px) {
  .layout.layout--fourcol-section > div .layout__region {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    flex: 0 0 100%;
    width: 100%;
  }
}
.layout.layout--fourcol-section > div .layout__region {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}
@media (min-width: 768px) {
  .layout.layout--fourcol-section > div .layout__region {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    flex: 0 0 25%;
    width: 25%;
  }
}
.layout.layout--fourcol-section > div .layout__region {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}
@media (min-width: 1025px) {
  .layout.layout--fourcol-section > div .layout__region {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    flex: 0 0 25%;
    width: 25%;
  }
}

.layout.layout--carousel-layout > div {
  display: flex;
  flex-wrap: wrap;
}
@media (min-width: 0px) {
  .layout.layout--carousel-layout > div {
    margin-left: -0.75rem;
    margin-right: -0.75rem;
  }
}
@media (min-width: 768px) {
  .layout.layout--carousel-layout > div {
    margin-left: -0.75rem;
    margin-right: -0.75rem;
  }
}
@media (min-width: 1025px) {
  .layout.layout--carousel-layout > div {
    margin-left: -0.75rem;
    margin-right: -0.75rem;
  }
}
@media (min-width: 1025px) {
  .layout.layout--carousel-layout > div {
    margin-left: -0.75rem;
    margin-right: -0.75rem;
  }
}
@media (min-width: 1025px) {
  .layout.layout--carousel-layout > div {
    margin-left: -0.75rem;
    margin-right: -0.75rem;
  }
}
.layout.layout--carousel-layout > div .layout__region {
  padding: 0 0.75rem;
}
.layout.layout--collapsible-layout > div {
  display: flex;
  flex-wrap: wrap;
}
@media (min-width: 0px) {
  .layout.layout--collapsible-layout > div {
    margin-left: -0.75rem;
    margin-right: -0.75rem;
  }
}
@media (min-width: 768px) {
  .layout.layout--collapsible-layout > div {
    margin-left: -0.75rem;
    margin-right: -0.75rem;
  }
}
@media (min-width: 1025px) {
  .layout.layout--collapsible-layout > div {
    margin-left: -0.75rem;
    margin-right: -0.75rem;
  }
}
@media (min-width: 1025px) {
  .layout.layout--collapsible-layout > div {
    margin-left: -0.75rem;
    margin-right: -0.75rem;
  }
}
@media (min-width: 1025px) {
  .layout.layout--collapsible-layout > div {
    margin-left: -0.75rem;
    margin-right: -0.75rem;
  }
}
.layout.layout--collapsible-layout > div .layout__region {
  margin: -16px 0 0 0;
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}
@media (min-width: 0px) {
  .layout.layout--collapsible-layout > div .layout__region {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    flex: 0 0 100%;
    width: 100%;
  }
}

.layout.layout--modals-layout .layout__region {
  margin: -16px 0 16px 0;
  padding: 0;
}
@media (min-width: 1025px) {
  .layout.layout--modals-layout .layout__region {
    margin: -100px 0 100px 0;
  }
}

body {
  background: linear-gradient(152deg, rgba(255, 255, 255, 0.15) 0%, rgba(79, 8, 176, 0.15) 51.5%, rgba(250, 120, 33, 0.15) 100%);
}
body.template--sitemap {
  background: white !important;
}
body.template--sitemap main {
  background: linear-gradient(152deg, rgba(255, 255, 255, 0.15) 0%, rgba(79, 8, 176, 0.15) 51.5%, rgba(250, 120, 33, 0.15) 100%);
}
body.template--sitemap main .shtg-section-container:first-child {
  padding-top: 115px;
}
body.not-found-page {
  background: white !important;
}
body.canvas-page {
  background: linear-gradient(rgba(178, 178, 255, 0) 0%, rgba(178, 178, 255, 0.5) 100%);
}
body.page-home {
  background: white;
}
body:has(.block--type--hero-banner.default) {
  position: relative;
}
body.template--webinar-webform {
  background: linear-gradient(152deg, rgba(255, 255, 255, 0.15) 0%, rgba(79, 8, 176, 0.15) 51.5%, rgba(250, 120, 33, 0.15) 100%);
  background-position: 0px;
}
body.template--find-a-lipid-specialist {
  background-position: 0px 230px;
}
body.template--clinical-trial {
  background-position: 0 250px;
}
body.template--safety-and-side-effects {
  background-position: 0 235px;
}
body.template--support {
  background-position: 0 235px;
}
body.template--tryngolza-stories {
  background-position: 0 226px;
}
body.template--events {
  background-position: 0 225px;
}
body.template--resources {
  background-position: 0 215px;
}
body.template--useful-links {
  background-position: 0 230px;
}

.template--taking-tryngolza {
  background: linear-gradient(152deg, rgba(255, 255, 255, 0.15) 0%, rgba(79, 8, 176, 0.15) 51.5%, rgba(250, 120, 33, 0.15) 100%);
}
@media (max-width: 767px) {
  .template--taking-tryngolza {
    background: linear-gradient(92deg, rgba(255, 255, 255, 0.15) 0%, rgba(79, 8, 176, 0.15) 100%);
  }
}

#hero-wrap {
  position: relative;
  margin-bottom: 57px;
}
#hero-wrap:before {
  content: "";
  display: block;
  width: 150vw;
  overflow-x: hidden;
  height: calc(100% + 50px);
  background: #000;
  position: absolute;
  top: -50px;
  left: 50%;
  transform: translate(-50%, 0);
  z-index: -1;
}

.node-5 #hero-wrap {
  margin-bottom: 0;
  padding-bottom: 70px;
}

.node-2 {
  background: linear-gradient(180deg, #000 0%, #563D64 100%);
  background-repeat: no-repeat;
}
.node-2 .block--type--hero-banner.homepage-hero {
  height: auto;
}
@media (min-width: 1025px) {
  .node-2 .block--type--hero-banner {
    min-height: 690px;
  }
  .node-2 .block--type--hero-banner.homepage-hero {
    min-height: 658px;
  }
}
@media (max-width: 768px) {
  .node-2 .block--type--hero-banner.homepage-hero {
    margin-bottom: 22px;
  }
}
@media (max-width: 767px) {
  .node-2 .block--type--hero-banner {
    margin-bottom: 60px;
  }
}
@media (max-width: 400px) {
  .node-2 .block--type--hero-banner.carousel h2, .node-2 .block--type--hero-banner.carousel p {
    max-width: 333px;
  }
}
.node-2 .block--type--hero-banner.carousel .hero-carousel {
  /*@media (max-width: 767px) {
    top: -220px;
    height: 450px;
  }

  .slick-dots {
    bottom: 10%;
    right: 35%;
    top: auto;
    left: auto;

    @media (max-width: 767px) {
      right: 50%;
      transform: translate(50%, 0);
    }
  }*/
}
.node-2 .block--type--hero-banner.carousel .hero-content h1 {
  font-size: 28px;
}
.node-2 .block--type--hero-banner.carousel .hero-content h1 strong {
  display: block;
  font-size: 37px;
  line-height: 43px;
  text-transform: uppercase;
}
@media (max-width: 767px) {
  .node-2 .block--type--hero-banner.carousel .hero-content h1 {
    font-size: 18px;
    line-height: 26px;
  }
  .node-2 .block--type--hero-banner.carousel .hero-content h1 strong {
    font-size: 22px;
    line-height: 28px;
  }
}
@media (max-width: 767px) and (min-width: 0px) and (max-width: 767px) {
  .node-2 .block--type--hero-banner.carousel .hero-content h1 strong {
    margin-top: 10px;
  }
}
@media (max-width: 510px) {
  .node-2 .block--type--hero-banner.carousel .hero-content h1 {
    max-width: 250px;
  }
}
.node-2 .block--type--hero-banner.carousel h2 {
  font-size: 16px;
  line-height: 26px;
}
@media (min-width: 1025px) {
  .node-2 .block--type--hero-banner.carousel h2 {
    font-size: 26px;
    line-height: 36px;
    max-width: 490px;
    margin-bottom: 45px;
  }
}
.node-2 .webinar-banner {
  margin-bottom: 70px;
  background: linear-gradient(90deg, #4F08B0 0%, #FA7821 100%);
  padding: 35px 0;
}
.node-2 .webinar-banner .webinar-banner__content {
  display: flex;
  justify-content: center;
}
.node-2 .webinar-banner .webinar-banner__content .webinar-banner__link {
  display: flex;
  align-items: center;
  text-decoration: none;
  gap: 24px;
}
.node-2 .webinar-banner .webinar-banner__content .webinar-banner__link .webinar-calender {
  margin-right: 16px;
}
.node-2 .webinar-banner .webinar-banner__content .webinar-banner__link .webinar-banner__text {
  color: var(--White, #FFF);
  font-family: Poppins;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  margin-bottom: 0px;
}
@media (max-width: 767px) {
  .node-2 .webinar-banner {
    margin-bottom: 50px;
    padding: 37px 28px;
  }
  .node-2 .webinar-banner .webinar-banner__content .webinar-banner__link {
    gap: 20px;
  }
  .node-2 .webinar-banner .webinar-banner__content .webinar-banner__link .webinar-calender {
    margin-right: 12px;
  }
}
@media (min-width: 1025px) {
  .node-2 .home-ctas > div > div {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .node-2 .home-ctas > div > div .circle-reveal {
    width: calc(50% - 13px);
  }
}
.node-2 section.isi .static > div {
  color: #ffffff;
}
.node-2 section.isi .static > div p,
.node-2 section.isi .static > div li {
  color: #ffffff;
}
.node-2 section.isi .static > div li::before {
  color: #ffffff;
}
.node-2 section.isi .static > div h2, .node-2 section.isi .static > div .purple {
  color: #FABD26;
  font-size: 17px;
}
.node-2 section.isi .static > div h2 a, .node-2 section.isi .static > div .purple a {
  color: #FABD26;
}
.node-2 section.isi .static > div h2 a:hover, .node-2 section.isi .static > div .purple a:hover {
  color: #ffffff;
}
.node-2 section.isi .static > div a.purple {
  color: #FABD26;
}
.node-2 section.isi .static > div a.purple:hover {
  color: #ffffff;
}
.node-2 section.isi .static > div a.black {
  color: #FABD26;
}
.node-2 section.isi .static > div a.black:hover {
  text-decoration: underline;
  color: #ffffff;
}
.node-2 section.isi .static > div a.black[href^=tel] {
  color: #ffffff;
}
.node-2 section.isi .static > div a.black-link {
  color: #ffffff;
}
.node-2 section.isi .static > div a.black-link:hover {
  text-decoration: none;
  color: #FABD26;
}
.node-2 section.isi .static > div a.black-link[href^=tel] {
  color: #ffffff;
}
.node-2 .mobile hr {
  margin-bottom: 54px;
}

.node-5 {
  background: linear-gradient(152deg, rgba(255, 255, 255, 0.15) 0%, rgba(79, 8, 176, 0.15) 51.5%, rgba(250, 120, 33, 0.15) 100%);
  background-position: 0 1140px;
  position: relative;
}
.node-5:before {
  content: "";
  display: block;
  width: 101vw;
  height: 1140px;
  background: #000000;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, 0);
  z-index: -1;
}
@media (max-width: 1024px) {
  .node-5 {
    background-position: 0 900px;
  }
  .node-5:before {
    display: none;
  }
}
@media (max-width: 768px) {
  .node-5 .block--type--hero-banner.carousel.about-fcs {
    padding-bottom: 37px;
    height: 650px;
  }
}
@media (max-width: 540px) {
  .node-5 .block--type--hero-banner.carousel.about-fcs {
    height: 750px;
  }
}
@media (min-width: 1025px) {
  .node-5 .block--type--hero-banner.carousel h2 {
    font-size: 26px;
    line-height: 36px;
    max-width: 417px;
  }
}
@media (min-width: 1040px) {
  .node-5 .block--type--hero-banner.carousel .hero-content {
    padding-top: 90px;
  }
}
@media (min-width: 769px) and (max-width: 991px) {
  .node-5 .block--type--hero-banner.carousel {
    height: 700px;
  }
}
@media (max-width: 768px) {
  .node-5 .block--type--hero-banner.carousel {
    padding-bottom: 110px;
    height: 720px;
  }
  .node-5 .block--type--hero-banner.carousel .hero-carousel {
    top: -100px;
  }
}
@media (max-width: 540px) {
  .node-5 .block--type--hero-banner.carousel {
    padding-bottom: 100px;
  }
}
@media (max-width: 450px) {
  .node-5 .block--type--hero-banner.carousel {
    padding-bottom: 60px;
  }
}
@media (max-width: 420px) {
  .node-5 .block--type--hero-banner.carousel {
    padding-bottom: 30px;
  }
}
@media (max-width: 600px) {
  .node-5 .block--type--hero-banner.carousel {
    position: relative;
  }
  .node-5 .block--type--hero-banner.carousel:after {
    content: "";
    display: block;
    width: 100vw;
    height: 150px;
    background: linear-gradient(to bottom, #000 0%, #000 50%, rgba(255, 255, 255, 0) 100%);
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, 0);
    z-index: 2;
  }
  .node-5 .block--type--hero-banner.carousel .hero-carousel {
    z-index: 1;
  }
  .node-5 .block--type--hero-banner.carousel .hero-content {
    position: relative;
    z-index: 3;
  }
}
@media (max-width: 600px) and (max-width: 768px) {
  .node-5 .block--type--hero-banner.carousel .hero-content {
    max-width: none;
  }
  .node-5 .block--type--hero-banner.carousel .hero-content h1 {
    letter-spacing: -0.5px;
  }
}
@media (min-width: 992px) {
  .node-5 .block--type--hero-banner.carousel .hero-carousel {
    right: -300px;
  }
}
@media (min-width: 992px) and (max-width: 1100px) {
  .node-5 .block--type--hero-banner.carousel .hero-carousel {
    right: -250px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .node-5 .block--type--hero-banner.carousel .hero-carousel {
    top: 120px;
  }
}
.node-5 .block--type--hero-banner.carousel .hero-additional-content p {
  max-width: 444px;
}
@media (max-width: 991px) {
  .node-5 .block--type--hero-banner.carousel .hero-additional-content p {
    max-width: 350px;
  }
}
@media (max-width: 767px) {
  .node-5 .block--type--hero-banner.carousel .hero-additional-content {
    position: relative;
  }
  .node-5 .block--type--hero-banner.carousel .hero-additional-content p {
    max-width: unset;
  }
  .node-5 .block--type--hero-banner.carousel .hero-additional-content:before {
    content: "";
    display: block;
    width: 100vw;
    height: calc(100% + 60px);
    background: linear-gradient(180deg, rgba(86, 61, 100, 0) 0%, #563D64 20%, #563D64 100%);
    position: absolute;
    bottom: 0px;
    left: 50%;
    transform: translate(-50%, 0);
    z-index: -1;
    pointer-events: none;
  }
}
@media (max-width: 991px) {
  .node-5 .block--type--hero-banner {
    height: 100% !important;
  }
}
@media (max-width: 767px) {
  .node-5 #hero-wrap:before {
    background: #563D64;
    background: linear-gradient(to bottom, #000 0%, #000 30%, #563D64 40%, #563D64 100%);
  }
}
@media (max-width: 767px) {
  .node-5 .smaller {
    margin-top: -28px;
  }
}
@media (min-width: 1025px) {
  .node-5 .page-title {
    padding-top: 88px;
  }
}
.node-5 .caption {
  max-width: 445px;
}
@media (min-width: 768px) {
  .node-5 .caption {
    margin-bottom: 28px;
  }
}
@media (max-width: 767px) {
  .node-5 .caption.caption-even {
    margin-bottom: 22px;
    margin-top: 0px;
    padding-right: 20px;
  }
  .node-5 .caption.caption-odd {
    margin-top: 0px;
  }
}

.node-6 {
  background: linear-gradient(151.59deg, rgba(255, 255, 255, 0.15) 0%, rgba(79, 8, 176, 0.15) 51.5%, rgba(250, 120, 33, 0.15) 100%);
  background-position: 0 550px;
}
@media (max-width: 768px) {
  .node-6 {
    background: linear-gradient(152deg, rgba(255, 255, 255, 0.15) 0%, rgba(79, 8, 176, 0.15) 100%);
    background-position: 0 550px;
  }
}
@media (max-width: 767px) {
  .node-6 #hero-wrap {
    margin-bottom: 20px;
  }
}
@media (min-width: 600px) {
  .node-6 #hero-wrap .carousel {
    overflow: hidden;
  }
}
.node-6 #hero-wrap .hero-carousel:after {
  content: "";
  display: none;
  width: 100vw;
  height: 150px;
  z-index: 1;
  background: #f00;
  position: absolute;
  bottom: 0;
  left: -16px;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #563D64 50%, #563D64 100%);
  pointer-events: none;
}
@media (max-width: 50px) {
  .node-6 #hero-wrap .hero-carousel:after {
    height: 170px;
  }
}
@media (max-width: 768px) {
  .node-6 #hero-wrap .hero-carousel:after {
    height: 150px;
    display: none;
  }
}
@media (max-width: 768px) {
  .node-6 #hero-wrap .hero-content {
    max-width: none;
  }
}
.node-6 .block--type--hero-banner.carousel {
  height: auto;
  min-height: 590px;
  padding-bottom: 30px;
}
@media (min-width: 992px) {
  .node-6 .block--type--hero-banner.carousel h1 {
    margin-bottom: 20px;
  }
  .node-6 .block--type--hero-banner.carousel h2 {
    max-width: 430px;
    font-size: 27px;
    line-height: 36px;
  }
  .node-6 .block--type--hero-banner.carousel p {
    max-width: 430px;
  }
}
@media (min-width: 992px) {
  .node-6 .block--type--hero-banner.carousel .hero-content {
    padding-top: 70px;
  }
}
@media (max-width: 600px) {
  .node-6 .block--type--hero-banner.carousel {
    min-height: 650px;
  }
}
@media (min-width: 768px) {
  .node-6 .block--type--hero-banner.carousel {
    height: 620px;
    overflow: hidden;
  }
  .node-6 .block--type--hero-banner.carousel .footnote {
    bottom: 50px;
    position: absolute;
  }
}
@media (max-width: 992px) {
  .node-6 .block--type--hero-banner.carousel .footnote {
    position: absolute;
    bottom: 0;
    border: 0;
    padding-bottom: 27px;
  }
}
@media (min-width: 1025px) {
  .node-6 .block--type--hero-banner.carousel {
    height: 590px;
    overflow: hidden;
  }
}
.node-6 .block--type--hero-banner.carousel .hero-carousel {
  z-index: 0;
}
@media (max-width: 767px) {
  .node-6 .block--type--hero-banner.carousel .hero-carousel {
    top: -40px;
    position: relative;
    height: 350px;
    overflow: visible;
    margin-left: -26px;
  }
}
@media (min-width: 1025px) {
  .node-6 .block--type--hero-banner.carousel .hero-carousel {
    overflow: hidden;
    height: 590px;
    right: -280px;
  }
}
.node-6 #hero-wrap + .page-title {
  padding: 71px 0;
  padding-top: 0px;
}
@media (max-width: 767px) {
  .node-6 #hero-wrap + .page-title {
    padding-bottom: 36px;
    padding-top: 42px;
  }
}
.node-6 .colored-alert {
  margin-bottom: 37px;
  padding: 30px 0px;
}
@media (min-width: 1025px) {
  .node-6 .colored-alert {
    margin-top: 52px;
    margin-bottom: 24px;
    padding: 36px 0px;
  }
}
.node-6 .colored-alert .alert-text {
  max-width: 1132px;
  margin: 0 auto;
  padding-inline: 30px;
}
.node-6 .footnote-wrapper {
  display: flex;
  justify-content: flex-start;
  box-sizing: border-box;
}
@media (max-width: 1050px) {
  .node-6 .footnote-wrapper {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    width: calc(100% - 32px);
  }
}
@media (max-width: 991px) {
  .node-6 .footnote-wrapper {
    margin-left: auto;
    margin-right: auto;
  }
}

@media (min-width: 768px) {
  .colored-banner .alert-text {
    max-width: 82% !important;
  }
}

.alert-gradient {
  max-width: 90% !important;
  margin-left: auto;
  margin-right: auto;
}
.alert-gradient .safety-banner {
  display: flex;
  justify-content: center;
}

.alert-message {
  max-width: 82%;
  line-height: 30px;
  letter-spacing: -0.36px;
}
.alert-message.LPL-alert {
  max-width: 1052px;
}
.alert-message.alert-message-content {
  max-width: 1052px;
}

@media (max-width: 768px) {
  .alert-message {
    font-size: 18px;
    line-height: 26px;
    letter-spacing: -0.4px;
  }
}
.node-7 .page-title {
  padding-top: 2px;
  padding-bottom: 40px;
}
@media (min-width: 1025px) {
  .node-7 .page-title {
    padding-top: 63px;
  }
  .node-7 .page-title + .page-title {
    padding-top: 0;
  }
}
.node-7 .page-title img {
  margin: 0 auto;
}
.node-7 .page-title.first {
  padding-bottom: 20px;
  padding-top: 53px;
}
@media (min-width: 1025px) {
  .node-7 .page-title.first {
    padding-bottom: 45px;
    padding-top: 63px;
  }
  .node-7 .page-title.first + div .col-lg-10 {
    margin: 0 auto;
  }
}
.node-7 h4 {
  max-width: 650px;
  margin-left: auto;
  margin-right: auto;
}
.node-7 .less-padding {
  margin-bottom: 9px;
}
.node-7 .chart .block--type--basic {
  text-align: center;
}
.node-7 .chart .block--type--basic img {
  margin: 0 auto;
}
.node-7 .page-title + .layout {
  text-align: center;
}
.node-7 .page-title + .layout .block--type--basic {
  margin: 0 auto;
  text-align: left;
}
.node-7 .page-title + .layout.chart2 {
  text-align: center;
}
@media (max-width: 767px) {
  .node-7 .page-title + .layout.chart2 {
    margin-top: -36px;
  }
}
@media (max-width: 767px) {
  .node-7 .page-title + .layout.chart2 p {
    text-align: left;
  }
  .node-7 .page-title + .layout.chart2 p br {
    display: none;
  }
}
.node-7 .page-title + .layout.chart2 .block--type--basic {
  margin: 32px 0 0;
  text-align: left;
}
@media (min-width: 1025px) {
  .node-7 .page-title + .layout.chart2 .block--type--basic {
    margin-bottom: 56px;
  }
}
.node-7 .block--type--basic .median-description {
  margin-bottom: 44px !important;
}
@media (max-width: 768px) {
  .node-7 .block--type--basic .median-description {
    margin-bottom: 32px !important;
  }
}
.node-7 .table-chart .block--type--basic {
  text-align: center;
}
.node-7 .table-chart .block--type--basic img {
  margin: 0 auto;
}
.node-7 .table-chart + .table-chart {
  padding-top: 40px;
}
@media (min-width: 1025px) {
  .node-7 .table-chart + .table-chart {
    padding-top: 54px;
  }
}
.node-7 .smaller-text {
  position: relative;
  padding-top: 36px;
  padding-bottom: 43px;
}
.node-7 .smaller-text > div {
  text-align: center;
}
.node-7 .smaller-text > div .col-lg-10 {
  margin: 0 auto;
  text-align: left;
}
@media (max-width: 991px) {
  .node-7 .smaller-text > div .col-lg-10 {
    width: 100%;
  }
}
.node-7 .smaller-text h4 {
  color: #000;
  font-weight: 700;
  text-align: center;
}
.node-7 .smaller-text:after {
  content: "";
  display: block;
  width: 100vw;
  height: 3px;
  background: linear-gradient(90.37deg, #FA7821 -7.28%, #4F08B0 100.97%);
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 0);
}
@media (min-width: 1025px) {
  .node-7 .smaller-text {
    padding-top: 70px;
    padding-bottom: 70px;
  }
  .node-7 .smaller-text:after {
    height: 5px;
  }
  .node-7 .smaller-text hr {
    margin-top: 50px;
  }
  .node-7 .smaller-text h4 {
    font-size: 18px;
    line-height: 26px;
    margin-bottom: 20px;
  }
}
.node-7 .chart {
  padding: 47px 0 65px;
}
@media (min-width: 1025px) {
  .node-7 .chart {
    padding: 70px 0 90px;
  }
}
@media (min-width: 1025px) and (min-width: 1250px) {
  .node-7 .chart img {
    width: 1040px;
    margin-right: -43px;
  }
}
@media (min-width: 1025px) {
  .node-7 .image-aside > div .layout__region--first {
    width: 483px !important;
    flex: 0 0 483px !important;
  }
  .node-7 .image-aside > div .layout__region--second {
    width: 506px !important;
    flex: 0 0 506px !important;
    line-height: 0;
  }
}
@media (min-width: 1250px) {
  .node-7 .colored-alert {
    max-width: 1250px;
  }
  .node-7 .colored-alert p {
    white-space: nowrap;
  }
}
@media (min-width: 1025px) {
  .node-7 .layout.next {
    padding-top: 16px;
  }
}

@media (max-width: 768px) {
  .node-10 .page-title {
    padding-top: 0px;
  }
}
@media (max-width: 500px) {
  .node-10 .block--type--hero-banner.default .hero-content h1 span {
    display: inline;
  }
}
@media (max-width: 768px) {
  .node-10 .mobile-highlight-line2 {
    display: inline;
  }
}

@media (min-width: 1025px) {
  .clinical-trial-block {
    margin-bottom: 48px !important;
  }
}

.legend > div {
  display: flex;
  align-items: stretch;
  padding: 14px 32px 14px 17px;
  border-radius: 15px;
  background: #4F08B0;
  margin-bottom: 14px;
  text-align: left;
}
.legend > div:first-of-type {
  margin-top: 14px;
}
.legend > div > p {
  display: flex;
  align-items: center;
  width: 27px;
  flex: none;
  border-right: 1px solid #fff;
  margin: 0 17px 0 0;
  color: #FABD26;
  font-size: 20px;
  line-height: 24px;
  font-weight: 700;
}
.legend > div div p {
  color: #ffffff;
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 15px;
}
.legend > div div p:last-child {
  margin-bottom: 0;
}
.legend > div div p span {
  display: block;
  font-size: 20px;
  font-weight: 700;
  color: #FABD26;
}
.legend > div.light {
  background: #B2B2FF;
}
.legend > div.light p {
  color: #1e1e1e;
}
.legend > div.light p span {
  color: #1e1e1e;
}

html .toolbar-horizontal.sticky-header.toolbar-tray-open.node-5 {
  background-position: 0 1200px;
}
html .toolbar-horizontal.sticky-header.toolbar-tray-open.node-5:before {
  height: 1200px;
}

body:has(.sitemap) article {
  background: linear-gradient(152deg, rgba(255, 255, 255, 0.15) 0%, rgba(79, 8, 176, 0.15) 51.5%, rgba(250, 120, 33, 0.15) 100%);
}

.not-found main {
  display: flex;
  align-items: center;
  text-align: center;
  flex-direction: column;
  padding: 48px 0px;
  background: linear-gradient(152deg, rgba(255, 255, 255, 0.15) 0%, rgba(79, 8, 176, 0.15) 51.5%, rgba(250, 120, 33, 0.15) 100%);
}
.not-found main h1 {
  color: #4F08B0;
  font-size: 40px;
  margin: 0 0 24px;
  text-align: center;
}
.not-found main p {
  font-size: 18px;
  line-height: 27px;
  font-weight: 700;
  width: 345px;
  max-width: 100%;
  margin-bottom: 40px;
  text-align: center;
}
.not-found main p:last-child {
  margin-bottom: 0;
}
.not-found main a.btn {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  font-weight: 700;
  padding: 0px 35px;
}
@media (min-width: 1025px) {
  .not-found main {
    min-height: calc(100vh - 255px);
    justify-content: center;
  }
  .not-found main h1 {
    color: #4F08B0;
    font-size: 100px;
    line-height: 111px;
    margin: 0 0 40px;
  }
  .not-found main p {
    width: 700px;
    font-size: 28px;
    line-height: 42px;
    font-weight: 700;
    margin-bottom: 57px;
  }
  .not-found main a.btn {
    width: 316px;
  }
}

@keyframes pulse {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 1;
  }
  50% {
    opacity: 0.2;
  }
  75% {
    opacity: 1;
  }
}
@keyframes pulse-outer {
  from {
    box-shadow: 0 0 0 0px rgba(79, 8, 176, 0.7);
  }
  to {
    box-shadow: 0 0 0 15px rgba(0, 0, 0, 0);
  }
}
.people {
  padding-top: 53px;
  position: relative;
  margin-bottom: 20px;
}
@media (min-width: 992px) {
  .people {
    margin-bottom: 0;
  }
}
.people > div {
  align-items: flex-start;
  justify-content: flex-start;
}
.people .layout__region.layout__region--first {
  margin-bottom: 40px;
}
.people .layout__region--second {
  text-align: center;
  max-width: 100vw;
}
@media (max-width: 767px) {
  .people .layout__region--second {
    padding-top: 235px;
    overflow: visible;
  }
  .people .layout__region--second > div {
    position: absolute;
    bottom: 0;
    left: -16px;
    width: calc(100vw - 2px);
  }
}
.people .people-wrap {
  position: relative;
  text-align: center;
}
.people .people-wrap:before {
  content: "";
  display: block;
  width: 337px;
  height: 232px;
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 10%, #fff 25%, #fff 100%);
  border-radius: 20px;
  position: absolute;
  top: -20px;
  left: 50%;
  transform: translate(calc(-50% - 10px), 0);
}
.people .people-photo {
  width: 300px;
  max-width: none;
  margin: 0 auto;
  position: relative;
}
@media (min-width: 768px) {
  .people > div {
    align-items: flex-end;
  }
  .people .layout__region--first {
    padding-bottom: 0px !important;
  }
  .people .layout__region--second {
    text-align: center;
    max-width: 100vw;
    position: relative;
    right: -15px;
  }
  .people .layout__region--second .people-wrap:before {
    width: 635px;
    max-width: 120%;
    height: 432px;
    background: #fff;
    border-radius: 50px;
    position: absolute;
    top: auto;
    bottom: 0;
    left: auto;
    right: -10%;
    transform: translate(0, 0);
  }
  .people .layout__region--second .people-photo {
    width: 500px;
    margin-right: -25px;
    margin-bottom: -5px;
  }
}
@media (min-width: 1025px) {
  .people {
    padding-top: 68px;
  }
  .people .layout__region--first {
    z-index: 2;
  }
  .people .layout__region--first > div {
    width: 100%;
    margin-bottom: 40px;
  }
  .people .layout__region--first h2, .people .layout__region--first p {
    width: 513px;
    margin-bottom: 0;
  }
  .people h2 {
    font-size: 26px;
    line-height: 36px;
    margin-bottom: 33px;
  }
  .people .layout__region--second {
    overflow: visible;
    position: relative;
  }
  .people .layout__region--second .people-wrap {
    margin-left: 100px;
  }
  .people .layout__region--second .people-wrap:before {
    width: 724px;
    height: 492px;
    max-width: none;
    left: -40px;
  }
}
@media (min-width: 1025px) and (max-width: 1260px) {
  .people .layout__region--second .people-wrap {
    margin-left: 30px;
  }
}
@media (min-width: 1025px) {
  .people .layout__region--second .people-photo {
    width: 664px;
    max-width: none;
    position: relative;
    bottom: 0;
  }
}
@media (min-width: 1025px) and (max-width: 1160px) {
  .people .layout__region--second .people-photo {
    width: 640px;
  }
}

.white-block {
  background: #fff;
  padding: 19px 17px;
  color: #1E1E1E;
  border-radius: 20px;
  margin-bottom: 15px;
  letter-spacing: 0.04em;
}
.white-block h3 {
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 15px;
}
@media (min-width: 1025px) {
  .white-block {
    padding: 28px 33px;
    margin-bottom: 18px;
    background: rgba(255, 255, 255, 0.5);
  }
}

@media (min-width: 1025px) {
  .white-block-group {
    padding: 28px 33px 28px 33px;
    margin-bottom: 18px;
    background: rgba(255, 255, 255, 0.5);
    position: relative;
    margin-bottom: 58px;
    border-radius: 20px;
  }
  .white-block-group > .white-block:first-child {
    padding: 0;
    background: transparent;
  }
  .white-block-group > .white-block:last-child {
    margin: 16px 0 -66px -33px;
  }
}

.chair .layout__region--second {
  text-align: center;
}
.chair .layout__region--second img {
  width: 190px;
  margin-top: 20px;
  margin-bottom: 30px;
}
@media (min-width: 768px) {
  .chair {
    margin-bottom: 70px;
  }
  .chair > div {
    align-items: center;
  }
}
@media (max-width: 1024px) {
  .chair.layout.layout--twocol-section.layout--twocol-section--67-33 > div .layout__region {
    flex: 0 0 100%;
    max-width: 100%;
    width: 100%;
  }
}
@media (min-width: 1025px) {
  .chair {
    margin-bottom: 76px;
  }
  .chair .layout__region--second img {
    width: 393px;
    margin: 50px -150px 28px 0;
    scale: 1.2;
  }
  .chair .layout__region--second p.footnote {
    margin-right: -220px;
    margin-top: 90px;
  }
}
.chair .safety-white-block {
  background: rgba(255, 255, 255, 0.5);
  padding: 19px 17px;
  color: #1E1E1E;
  border-radius: 20px;
  margin-bottom: 15px;
}
.chair .safety-white-block h3 {
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 15px;
}
.chair .safety-white-block p {
  line-height: 24px;
}
.chair .safety-white-block li {
  line-height: 24px;
}
@media (min-width: 1025px) {
  .chair .safety-white-block {
    padding: 28px 52px;
    margin-bottom: 18px;
    background: rgba(255, 255, 255, 0.5);
  }
}
.chair .safety-and-side-effects-image-container {
  flex-direction: column;
  display: flex;
  align-items: center;
}
.chair .safety-and-side-effects-footnote {
  color: #444;
  text-align: center;
  font-family: Poppins;
  font-size: 10px;
  font-style: normal;
  font-weight: 400;
  line-height: 28.889px;
  position: relative;
  display: block;
  margin-top: 40px;
  width: 190px;
  margin-left: 225px;
}
@media (max-width: 1025px) {
  .chair .safety-and-side-effects-footnote {
    margin-top: 0;
    margin-left: 0;
  }
}
@media (max-width: 768px) {
  .chair .safety-and-side-effects-footnote {
    font-size: 12px;
    width: auto;
  }
}
.chair .black-para {
  color: #1E1E1E;
  font-family: Poppins;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}

.footnotes {
  margin-bottom: 15px;
}

.white-icon {
  background: rgba(255, 255, 255, 0.5);
  padding: 19px 17px;
  color: #1E1E1E;
  border-radius: 20px;
  margin-bottom: 16px;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0 18px 23px;
  line-height: 24px;
}
.white-icon strong {
  color: #4F08B0;
}
.white-icon img {
  width: 114px;
}
.white-icon .icon-info-block {
  letter-spacing: -0.2px;
}
@media (min-width: 1025px) {
  .white-icon {
    background: rgba(255, 255, 255, 0.5);
    padding: 33px 32px 33px 18px;
    margin-bottom: 18px;
    margin-right: -47px;
    position: relative;
    flex-direction: row;
  }
  .white-icon img {
    margin-right: 17px;
    width: 118px;
  }
}

a.phone-disclaimer-tele {
  color: #1E1E1E !important;
  text-decoration: underline !important;
}
@media (width > 1024px) {
  a.phone-disclaimer-tele {
    text-decoration: none !important;
  }
}

.template--safety-and-side-effects .black-phone-disclaimer {
  letter-spacing: 0;
}
.template--safety-and-side-effects .black-phone-disclaimer a[href^=tel] {
  pointer-events: none;
  cursor: default;
  text-decoration: none;
  color: inherit;
}
@media (max-width: 768px) {
  .template--safety-and-side-effects .black-phone-disclaimer span {
    white-space: nowrap;
  }
}

@media (max-width: 767px) {
  .node-11 #stretch-mobile {
    min-width: 100%;
  }
}
@media (min-width: 1025px) {
  .node-11 #hero-wrap + .page-title {
    padding-bottom: 0px;
  }
}
.node-11 .video-content {
  padding-bottom: 0;
}
.node-11 .video-content video {
  margin: 40px 0 33px;
}
@media (min-width: 1025px) {
  .node-11 .video-content video {
    margin: 60px 0 50px;
  }
}

.mobile-reverse .layout__region--first {
  order: 2;
}
.mobile-reverse .layout__region--second {
  order: 1;
  margin-bottom: 24px;
}
@media (min-width: 768px) {
  .mobile-reverse .layout__region--first {
    order: 1;
  }
  .mobile-reverse .layout__region--second {
    order: 2;
    margin-bottom: 0px;
  }
}

@media (min-width: 1025px) {
  .image-aside {
    padding-right: 0 !important;
  }
}
.image-aside .lipid-specialist-container {
  margin-bottom: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (min-width: 1025px) {
  .image-aside .lipid-specialist-container {
    flex-wrap: nowrap !important;
  }
}
@media (max-width: 767px) {
  .image-aside .lipid-specialist-container {
    margin-bottom: 0;
  }
  .image-aside .lipid-specialist-container .layout__region {
    margin-bottom: 0 !important;
  }
}
@media (max-width: 768px) {
  .image-aside .lipid-specialist-container h2 {
    text-align: center;
    margin: 0 auto;
    margin-bottom: 10px;
  }
}
@media (max-width: 440px) {
  .image-aside .lipid-specialist-container h2 {
    max-width: 225px;
  }
}
.image-aside .lipid-specialist-container hr {
  margin-bottom: 40px;
}
@media (max-width: 768px) {
  .image-aside .lipid-specialist-container hr {
    margin-bottom: 36px;
  }
}
.image-aside .lipid-specialist-container p {
  width: 518px;
  color: #444;
  font-family: Poppins;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  margin-bottom: 24px;
  letter-spacing: 0;
}
@media (max-width: 991px) {
  .image-aside .lipid-specialist-container p {
    width: 100%;
  }
}
.image-aside .lipid-specialist-container p:last-child {
  margin-bottom: 11px;
}
.image-aside .lipid-specialist-container .find-doctor-section p {
  font-size: 16px;
}
.image-aside .lipid-specialist-container .mobile-only .find-doctor-section p:nth-last-of-type(2) {
  margin-bottom: 27px !important;
}
.image-aside .lipid-specialist-container h2[data-override=find-doctor-title-desktop] {
  font-weight: 700;
  text-align: center;
}
@media (min-width: 767px) and (max-width: 991px) {
  .image-aside .lipid-specialist-container h2[data-override=find-doctor-title-desktop] {
    margin-top: 39px;
  }
}
.image-aside .lipid-specialist-container h2[data-override=find-doctor-title] {
  font-weight: 700;
}
.image-aside .lipid-specialist-container .show-desktop-only {
  flex: 1;
}
@media (min-width: 991px) {
  .image-aside .lipid-specialist-container {
    gap: 43px;
  }
  .image-aside .lipid-specialist-container .image-container {
    max-width: 431px !important;
    padding: 0px !important;
  }
}
.image-aside strong {
  color: #4F08B0;
}
.image-aside > div {
  margin-bottom: 24px;
}
.image-aside > div.spoon-olive-oil {
  margin-bottom: 0;
}
@media (max-width: 767px) {
  .image-aside > div.info-container {
    flex-direction: column;
    padding-inline: 15px;
  }
}
@media (max-width: 767px) {
  .image-aside > div.info-container.blood-sample .fcs-text {
    padding-right: 12px;
  }
}
.image-aside > div .layout__region--first {
  margin-bottom: 30px;
}
.image-aside > div .layout__region--first.layout__region--first-fcs {
  margin-bottom: 36px;
}
.image-aside > div .layout__region--first .fcs-text {
  margin-bottom: 6px;
}
@media (max-width: 767px) {
  .image-aside > div .layout__region--first .fcs-text {
    letter-spacing: 0px;
  }
}
.image-aside > div .layout__region--first .fcs-text span {
  line-height: 24px;
}
.image-aside > div .layout__region--first .mobile-hide-fcs {
  margin-top: 14px;
  margin-bottom: 100px;
}
.image-aside > div .layout__region--second {
  text-align: center;
}
.image-aside > div .layout__region--second img {
  margin: 0 auto 20px;
  max-width: 100%;
}
.image-aside > div .layout__region--second img.capsule-img {
  margin-bottom: 36px;
}
@media (min-width: 768px) {
  .image-aside > div .layout__region--second img.capsule-img {
    margin-bottom: 60px;
  }
}
.image-aside > div .layout__region--second p {
  text-align: left;
}
@media (min-width: 768px) {
  .image-aside > div {
    width: 100%;
  }
  .image-aside > div .layout__region--first, .image-aside > div .layout__region--second {
    flex: 1;
    width: 50%;
  }
}
@media (min-width: 1025px) {
  .image-aside > div {
    width: 100%;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 0px;
  }
  .image-aside > div .layout__region--first {
    width: 444px !important;
    flex: 0 0 444px !important;
    margin-bottom: 0;
  }
}
@media (min-width: 1025px) and (max-width: 1100px) {
  .image-aside > div .layout__region--first {
    width: 50% !important;
    flex: 1 !important;
  }
}
@media (min-width: 1025px) {
  .image-aside > div .layout__region--second {
    width: 444px !important;
    flex: 0 0 444px !important;
    text-align: left;
    padding-right: 0 !important;
  }
}
@media (min-width: 1025px) and (max-width: 1100px) {
  .image-aside > div .layout__region--second {
    width: 50% !important;
    flex: 1 !important;
  }
}
@media (min-width: 1025px) {
  .image-aside > div .layout__region--second img {
    margin: 0 0 24px;
  }
}
.image-aside.left .layout__region--first {
  order: 1;
}
@media (max-width: 767px) {
  .image-aside.left .layout__region--first {
    margin-top: 46px;
  }
}
@media (min-width: 1025px) {
  .image-aside.left .layout__region--first {
    order: 2;
  }
}
.image-aside.left .layout__region--second {
  order: 2;
}
@media (min-width: 1025px) {
  .image-aside.left .layout__region--second {
    order: 1;
  }
}
.image-aside.left .layout__region--second .block--type--basic.mobile-only {
  margin-top: 20px;
}
.image-aside.left .block--type--basic.mobile-only-fcs {
  padding-left: 12px;
  padding-right: 12px;
  margin-bottom: 35px;
}
.image-aside.left .block--type--basic.mobile-only-fcs .pancreatitis-text {
  line-height: 24px;
}
@media (max-width: 767px) {
  .image-aside.left .block--type--basic.mobile-only-fcs .pancreatitis-text {
    padding-inline: 15px;
  }
}
.image-aside + .next {
  padding-top: 0;
}
.image-aside.numbers > div {
  margin-bottom: 50px;
}
@media (min-width: 768px) {
  .image-aside.numbers > div {
    align-items: center;
    margin-bottom: 40px;
  }
}
.image-aside.numbers .layout__region--first {
  position: relative;
}
@media (max-width: 767px) {
  .image-aside.numbers .layout__region--first {
    margin-bottom: 76px;
  }
}
@media (min-width: 992px) and (max-width: 1200px) {
  .image-aside.numbers .layout__region--first {
    width: 45% !important;
    flex: none !important;
    margin-right: 5%;
  }
}
.image-aside.numbers .number {
  width: 76px;
  height: 76px;
  border-radius: 50%;
  background: #4F08B0;
  position: absolute;
  bottom: -30px;
  right: 50%;
  margin-right: -38px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  font-size: 42px;
  font-weight: 700;
}
@media (min-width: 992px) {
  .image-aside.numbers .number {
    width: 110px;
    height: 110px;
    border-radius: 50%;
    background: #4F08B0;
    position: absolute;
    bottom: auto;
    top: 50%;
    right: -42px;
    margin-top: -62px;
    margin-right: 0;
    font-size: 38px;
  }
}

.node-12 .first-section {
  margin-top: 40px;
}
.node-12 .first-section .layout__region--second {
  text-align: center;
}
@media (min-width: 1025px) {
  .node-12 .first-section {
    margin-top: 106px;
  }
}
.node-12 .every-step-logo {
  width: 250px;
  margin: 0 auto;
}
@media (min-width: 1025px) {
  .node-12 .every-step-logo {
    width: 474px;
  }
}
.node-12 .image-aside .btn {
  min-width: 220px;
}
.node-12 .people:after {
  content: "";
  display: block;
  width: 100vw;
  height: 3px;
  background: linear-gradient(90.37deg, #FA7821 -7.28%, #4F08B0 100.97%);
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 0);
}
@media (min-width: 1025px) {
  .node-12 .people:after {
    height: 6px;
  }
}
.node-12 .people .white-icon {
  flex-direction: row;
  padding: 18px 9px;
}
.node-12 .people .white-icon img {
  width: 72px;
  margin-right: 10px;
}
@media (min-width: 1025px) {
  .node-12 .people .white-icon {
    padding: 9px 27px;
    margin-bottom: 18px;
  }
  .node-12 .people .white-icon.first {
    margin-top: 20px;
  }
  .node-12 .people .white-icon.last {
    margin-bottom: 15px;
  }
  .node-12 .people .white-icon img {
    width: 83px;
    margin-right: 24px;
  }
}
.node-12 .people .layout__region--first {
  padding-bottom: 20px !important;
}
.node-12 .people .layout__region--second {
  padding-top: 0;
}
.node-12 .people .layout__region--second > div {
  width: 100%;
}
.node-12 .people .layout__region--second .block--type--basic {
  overflow: hidden;
  position: relative;
}
@media (min-width: 768px) {
  .node-12 .people .layout__region--second .block--type--basic {
    overflow: visible;
  }
}
.node-12 .people .layout__region--second img {
  width: 323px;
  margin-bottom: -160px;
}
@media (min-width: 768px) {
  .node-12 .people .layout__region--second img {
    margin-bottom: -2px;
  }
  .node-12 .people .layout__region--second img:first-child {
    margin-bottom: 50px;
  }
}
.node-12 .people .layout__region--second .footnote {
  position: absolute;
  bottom: 15px;
  left: 0;
  width: 100%;
  text-align: center;
  color: #fff;
}
@media (min-width: 768px) {
  .node-12 .people {
    padding-bottom: 0;
  }
}
@media (min-width: 1025px) {
  .node-12 .people {
    padding-top: 56px;
  }
  .node-12 .people > div {
    align-items: flex-start;
  }
  .node-12 .people h2, .node-12 .people p {
    width: 100%;
  }
  .node-12 .people h2.desktop, .node-12 .people p.desktop {
    margin-top: 45px;
  }
  .node-12 .people .layout__region--first {
    flex: none;
    width: 533px !important;
    padding-bottom: 49px !important;
  }
  .node-12 .people .layout__region--second {
    flex: 1;
    width: auto;
  }
  .node-12 .people .layout__region--second img:nth-child(2) {
    width: 480px;
    max-width: none;
    margin-right: -90px;
    margin-top: 179px;
  }
}
.node-12 .image-aside {
  padding-top: 40px;
}
.node-12 .image-aside .layout__region--first h2 {
  text-align: center;
}
.node-12 .image-aside .layout__region--first h2 br {
  display: block;
}
@media (min-width: 768px) {
  .node-12 .image-aside .layout__region--first {
    order: 2;
  }
  .node-12 .image-aside .layout__region--first h2 {
    text-align: center;
  }
  .node-12 .image-aside .layout__region--first h2 br {
    display: none;
  }
  .node-12 .image-aside .layout__region--second {
    order: 1;
  }
  .node-12 .image-aside .layout__region--second img {
    width: 500px;
  }
}
@media (min-width: 1025px) {
  .node-12 .image-aside {
    padding-top: 90px;
  }
  .node-12 .image-aside .layout__region--first {
    order: 2;
    width: 50% !important;
    flex: 0 0 50% !important;
  }
}
@media (max-width: 768px) {
  .node-12 .content-section-two {
    padding-top: 12px;
  }
}

@media (max-width: 767px) {
  .node-10 .block--type--hero-banner,
  .node-12 .block--type--hero-banner,
  .node-31 .block--type--hero-banner {
    margin-top: 12px;
  }
}

@media (max-width: 768px) {
  .node-16 .block--type--hero-banner {
    margin-top: 21px;
  }
}
.node-16 .language-toggle {
  border: 1px solid #4F08B0;
  border-radius: 10px;
  overflow: hidden;
  display: inline-flex;
  margin-left: 28px;
}
@media (max-width: 768px) {
  .node-16 .language-toggle {
    margin-left: 18px;
  }
}
@media (min-width: 768px) {
  .node-16 .block--type--collapsible-item .collapsible-button {
    padding-top: 15px;
    padding-bottom: 15px;
    line-height: 42px;
  }
}
.node-16 .transcript-container h2 {
  font-weight: 700;
}
.node-16 .transcript-container h2:not(.transcript-safety-heading) {
  margin-top: 16px;
  margin-bottom: 16px;
}
.node-16 .transcript-container .collapsible-content [data-override=transcript-content] p {
  margin: 0 0 8.89px;
}
.node-16 .transcript-container .collapsible-content [data-override=transcript-content] p:last-child {
  margin-bottom: 0;
}

.node-13 .page-title h2 {
  text-align: left;
}
.node-13 .page-title + .page-title {
  padding-top: 0;
}
.node-13 .page-title:nth-child(3) {
  padding-bottom: 11px;
}
@media (min-width: 991px) {
  .node-13 .page-title:nth-child(3) {
    padding-bottom: 47px;
  }
}
.node-13 .page-title.getting-started h2 {
  text-align: center;
}
.node-13 .border-bottom {
  position: relative;
  padding-bottom: 61px;
}
.node-13 .border-bottom:after {
  content: "";
  display: block;
  width: 100vw;
  height: 3px;
  background: linear-gradient(90.37deg, #FA7821 -7.28%, #4F08B0 100.97%);
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 0);
}
@media (min-width: 1025px) {
  .node-13 .border-bottom {
    padding-bottom: 104px;
  }
  .node-13 .border-bottom:after {
    height: 6px;
  }
}
@media (max-width: 991px) {
  .node-13 .col-8 {
    width: 100%;
    margin-left: 0 !important;
  }
}

@media (max-width: 768px) {
  .node-14 .block--type--hero-banner {
    margin-top: 5px;
  }
}
.node-14 .page-title {
  padding-top: 56px;
  padding-bottom: 0;
  text-align: center;
}
@media (max-width: 768px) {
  .node-14 .page-title {
    padding-top: 37px;
  }
}
.node-14 .page-title hr {
  margin-bottom: 49px;
}
@media (max-width: 768px) {
  .node-14 .page-title hr {
    margin-bottom: 32px;
  }
}
.node-14 .page-title p {
  max-width: 706px;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 0px) and (max-width: 767px) {
  .node-14 .page-title p {
    text-align: left;
  }
}
.node-14 .page-title p + .resource {
  margin-top: 59px;
}
.node-14 .page-title:first-of-type {
  padding-top: 46px;
}
@media (min-width: 1025px) {
  .node-14 .page-title {
    padding-top: 74px;
  }
  .node-14 .page-title:first-of-type {
    padding-top: 56px;
  }
  .node-14 .page-title:last-of-type {
    padding-bottom: 76px;
  }
}
.node-14 .transcript-section {
  margin-top: 33.5px;
}
@media (min-width: 1025px) {
  .node-14 .transcript-section {
    margin-top: 45px;
  }
}

@media (max-width: 767px) {
  .node-26 .block--type--hero-banner {
    margin-top: 12px;
  }
}
@media (width: 768px) {
  .node-26 .image-aside {
    margin-top: 12px;
  }
}
@media (min-width: 768px) {
  .node-26 .image-aside .lipid-specialist-container p {
    width: 100%;
    text-align: left;
  }
}

.resource {
  background: #ffffff;
  margin-bottom: 13px;
  border-radius: 20px;
  text-align: left;
  transform: translate3d(0, 0, 0) !important;
}
.resource .img {
  min-height: 95px;
  padding: 33px 10px 13px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (min-width: 1025px) {
  .resource .img {
    padding-top: 11px;
  }
}
.resource > div:nth-child(2) {
  padding: 0 17px 21px;
}
.resource h3 {
  margin-bottom: 0;
}
@media (min-width: 0px) and (max-width: 767px) {
  .resource h3 {
    margin-bottom: 10px;
  }
}
@media (min-width: 1025px) {
  .resource a[href^=tel] {
    text-decoration: none;
    color: #444;
    pointer-events: none;
  }
}
.resource p {
  margin: 0 !important;
  max-width: none !important;
}
.resource p + .resource {
  margin-top: 68px;
}
.resource.download, .resource.website {
  cursor: pointer;
}
.resource.download a, .resource.website a {
  width: 100%;
  height: 68px;
  background: linear-gradient(to bottom, #4F08B0, #21034A);
  border-radius: 0 0 20px 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.resource.download a img, .resource.website a img {
  width: 10px;
}
.resource.download a img {
  width: 20px;
}
@media (min-width: 768px) {
  .resource {
    display: flex;
    flex-direction: row;
    margin: 0 auto 15px;
    background: rgba(255, 255, 255, 0.5);
    max-width: 777px;
    justify-content: center;
  }
  .resource .img {
    width: 257px;
    padding: 10px 20px 10px 10px;
    flex: none;
    text-align: center;
  }
  .resource > div:nth-child(2) {
    min-height: 203px;
    padding: 35px 20px 35px 0;
    flex: none;
    display: flex;
    justify-content: center;
    flex-direction: column;
  }
  .resource.download, .resource.website {
    justify-content: flex-start;
  }
  .resource.download > div:nth-child(2), .resource.website > div:nth-child(2) {
    flex: 1;
  }
  .resource.download a, .resource.website a {
    flex: none;
    width: 93px;
    height: auto;
    margin: 0;
    padding: 10px;
    border-radius: 0 20px 20px 0;
  }
  .resource.download a img, .resource.website a img {
    width: 25px;
  }
  .resource.download a img {
    width: 31px;
  }
}
@media (min-width: 768px) and (min-width: 1025px) {
  .resource h3 {
    font-size: 24px;
    line-height: 38px;
    margin-bottom: 10px;
  }
  .resource.download a, .resource.website a {
    background: linear-gradient(to bottom, #4F08B0, #21034A, #4F08B0);
    background-size: 100% 200%;
    transition: background-position 0.3s ease-in-out;
  }
  .resource:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: -1;
    border-radius: 20px;
    inset: 0;
    padding: 2px;
    background: linear-gradient(to bottom, #21034A, #4F08B0);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
  }
  .resource:hover.download:before {
    opacity: 1;
  }
  .resource:hover.download a {
    background-position: 0 100%;
  }
  .resource:hover.download a img {
    display: none;
  }
  .resource:hover.download a:after {
    content: "";
    display: block;
    width: 31px;
    height: 29px;
    background: url("../../images/download-white.svg") no-repeat center/cover;
  }
  .resource:hover.website:before {
    opacity: 1;
  }
  .resource:hover.website a {
    background-position: 0 100%;
  }
  .resource:hover.website a img {
    display: none;
  }
  .resource:hover.website a:after {
    content: "";
    display: block;
    width: 25px;
    height: 39px;
    background: url("../../images/arrow-white.svg") no-repeat center/cover;
  }
}

.template--support .layout-container {
  background: linear-gradient(152deg, rgba(255, 255, 255, 0.15) 0%, rgba(79, 8, 176, 0.15) 51.5%, rgba(250, 120, 33, 0.15) 100%);
}
@media (max-width: 768px) {
  .template--support .layout-container {
    background: linear-gradient(92deg, rgba(255, 255, 255, 0.15) 0%, rgba(79, 8, 176, 0.15) 100%);
  }
}

.template--safety-and-side-effects .layout-container {
  background: linear-gradient(152deg, rgba(255, 255, 255, 0.15) 0%, rgba(79, 8, 176, 0.15) 51.5%, rgba(250, 120, 33, 0.15) 100%);
}

.template--how-tryngolza-works .layout-container {
  background: linear-gradient(152deg, rgba(255, 255, 255, 0.15) 0%, rgba(79, 8, 176, 0.15) 51.5%, rgba(250, 120, 33, 0.15) 100%);
}
@media (max-width: 768px) {
  .template--how-tryngolza-works .layout-container {
    background: linear-gradient(92deg, rgba(255, 255, 255, 0.15) 0%, rgba(79, 8, 176, 0.15) 100%);
  }
}

.template--about-fcs .layout-container {
  background: linear-gradient(152deg, rgba(255, 255, 255, 0.15) 0%, rgba(79, 8, 176, 0.15) 51.5%, rgba(250, 120, 33, 0.15) 100%);
}
@media (max-width: 768px) {
  .template--about-fcs .layout-container {
    background: linear-gradient(92deg, rgba(255, 255, 255, 0.15) 0%, rgba(79, 8, 176, 0.15) 100%);
  }
}

.node-1 {
  background: linear-gradient(152deg, rgba(255, 255, 255, 0.15) 0%, rgba(79, 8, 176, 0.15) 51.5%, rgba(250, 120, 33, 0.15) 100%);
  background-position: 0 0px;
  position: relative;
}
.node-1 h1 {
  font-size: 20px;
  line-height: 28px;
  font-weight: 700;
  margin: 56px 0 20px !important;
  color: #4F08B0;
}
@media (min-width: 1025px) {
  .node-1 h1 {
    margin: 86px 0 63px !important;
    font-size: 32px;
    line-height: 36px;
    text-align: center;
  }
}

.node-1:has(.webform-confirmation) h1 {
  margin: 86px 0 0 !important;
}
@media (max-width: 768px) {
  .node-1:has(.webform-confirmation) h1 {
    margin: 36px 0 0 !important;
  }
}

.node-9 {
  background: linear-gradient(152deg, rgba(255, 255, 255, 0.15) 0%, rgba(79, 8, 176, 0.15) 51.5%, rgba(250, 120, 33, 0.15) 100%);
  background-position: 0 100px;
  position: relative;
}
.node-9 h1 {
  font-size: 20px;
  line-height: 28px;
  font-weight: 700;
  margin: 69px 0 22px !important;
  color: #4F08B0;
}
@media (min-width: 1025px) {
  .node-9 h1 {
    margin: 72px 0 47px !important;
    font-size: 32px;
    line-height: 37px;
    text-align: center;
  }
}
.node-9 .sitemap nav {
  margin-bottom: 43px;
}
@media (max-width: 768px) {
  .node-9 .sitemap nav {
    margin-bottom: 0;
  }
}
.node-9 .sitemap nav ul li {
  font-size: 16px;
  line-height: 34px;
  margin: 0 0 26px;
  padding: 0;
  text-align: center;
  position: relative;
}
.node-9 .sitemap nav ul li.menu-item--expanded > a {
  pointer-events: none;
  color: black;
  letter-spacing: -0.4px;
  line-height: 24px;
  text-decoration: none;
}
.node-9 .sitemap nav ul li:before {
  content: "";
  display: block;
  width: 22px;
  height: 1px;
  background: #979797;
  position: absolute;
  top: auto;
  bottom: -13px;
  left: 50%;
  transform: translate(-50%, 0);
}
.node-9 .sitemap nav ul li:last-child:before {
  display: none;
}
.node-9 .sitemap nav ul li a {
  font-weight: 700;
  text-decoration: underline;
}
@media (min-width: 1025px) {
  .node-9 .sitemap nav ul li a:hover {
    text-decoration: underline;
  }
}
.node-9 .sitemap nav ul li ul {
  margin: 13px 0 0;
}
.node-9 .sitemap nav ul li ul li {
  margin-bottom: 13px;
}
.node-9 .sitemap nav ul li ul li:last-child {
  margin-bottom: 0;
}
.node-9 .sitemap nav ul li ul li:before {
  display: none;
}
.node-9 .sitemap nav ul li ul li a {
  font-weight: 400;
  line-height: 35px;
  letter-spacing: -0.356px;
}
@media (min-width: 1025px) {
  .node-9 .sitemap nav {
    margin-bottom: 75px;
  }
  .node-9 .sitemap nav ul li {
    font-size: 18px;
    line-height: 36px;
  }
}

.getting-started {
  padding-top: 58px;
  padding-bottom: 0px;
}
.getting-started hr {
  margin-bottom: 47px;
}
@media (min-width: 1025px) {
  .getting-started {
    padding-top: 81px;
  }
  .getting-started hr {
    margin-bottom: 63px;
  }
}

.table-content {
  background: linear-gradient(to right, #FABD26 0%, #FA7821 100%);
  padding: 2px;
  border-radius: 20px;
  display: flex;
  flex-direction: column;
  height: 100%;
}
@media (min-width: 992px) {
  .table-content {
    padding: 3px;
  }
}
.table-content .title {
  padding: 16px 23px;
  font-weight: 700;
  text-align: center;
  flex: none;
}
@media (min-width: 992px) {
  .table-content .title {
    font-size: 20px;
    line-height: 28px;
    padding: 18px 30px;
  }
}
.table-content .content {
  background: #ffffff;
  border-radius: 0 0 18px 18px;
  padding: 22px 28px;
  flex: 1;
}
.table-content.simple {
  padding: 0;
  background: none;
  margin-bottom: 22px;
}
@media (min-width: 992px) {
  .table-content.simple {
    margin-bottom: 0;
  }
}
.table-content.simple > div.title {
  border-radius: 20px 20px 0 0;
  background: linear-gradient(to right, #FABD26 0%, #FA7821 100%);
  font-size: 18px;
  line-height: 30px;
  padding: 11px 20px;
}
@media (min-width: 992px) {
  .table-content.simple > div.title {
    font-size: 20px;
    line-height: 27px;
    padding: 22px 30px;
  }
}
.table-content.simple > div.content {
  background: rgba(255, 255, 255, 0.5);
  border-radius: 0 0 20px 20px;
  padding: 22px 23px;
  line-height: 24px;
}
@media (min-width: 992px) {
  .table-content.simple > div.content {
    padding: 32px 38px 30px;
  }
}

.contact > div {
  text-align: center;
}
.contact > div.or {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 20px;
  line-height: 28px;
  color: #eeac47;
  font-weight: 700;
  text-transform: uppercase;
  margin: 30px 0;
}
.contact > div.or:before, .contact > div.or:after {
  content: "";
  display: block;
  flex: 1;
  height: 2px;
  background: #eeac47;
}
.contact > div.or:before {
  margin-right: 10px;
}
.contact > div.or:after {
  margin-left: 10px;
}
.contact > div.or:nth-child(4) {
  color: #ec9340;
}
.contact > div.or:nth-child(4)::before, .contact > div.or:nth-child(4):after {
  background: #ec9340;
}
.contact > div .number {
  width: 49px;
  height: 49px;
  color: #FABD26;
  border: 1px solid #FABD26;
  font-size: 30px;
  line-height: 30px;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  margin: 0 auto 12px;
}
.contact > div a[href^=tel] {
  text-decoration: none;
  font-weight: 700;
}
.contact > div:nth-child(1) .number {
  color: #efb348;
  border-color: #efb348;
}
.contact > div:nth-child(3) .number {
  color: #ed9e43;
  border-color: #ed9e43;
}
.contact > div:nth-child(5) .number {
  color: #ea7f3b;
  border-color: #ea7f3b;
}
@media (min-width: 992px) {
  .contact {
    display: flex;
  }
  .contact > div {
    flex: 1;
    padding: 15px 5px 18px;
  }
  .contact > div.or {
    flex: none;
    flex-direction: column;
    margin: 0 20px;
  }
  .contact > div.or:before, .contact > div.or:after {
    height: auto;
    width: 2px;
  }
  .contact > div.or:before {
    margin-right: 0;
    margin-bottom: 10px;
  }
  .contact > div.or:after {
    margin-left: 0;
    margin-top: 10px;
  }
  .contact > div .number {
    width: 86px;
    height: 86px;
    font-size: 53px;
    line-height: 53px;
    margin: 0 auto 38px;
    border-width: 2.5px;
  }
  .contact > div a[href^=tel] {
    font-size: 24px;
    line-height: 30px;
  }
}

.chart-wrap {
  display: inline-block;
  margin: 0 auto;
  position: relative;
}
.chart-wrap .chart-img {
  width: 100%;
}
.chart-wrap .label1 {
  position: absolute;
  width: 80px;
  top: 195px;
  left: 66px;
}
@media (min-width: 768px) {
  .chart-wrap .label1 {
    width: 21.2% !important;
    top: 43.6%;
    left: 15.2%;
  }
}

.popup-chart {
  line-height: 0;
  text-align: center;
  margin-bottom: 21px;
}
.popup-chart .criteria-text-margin {
  margin-top: 2px;
}
.popup-chart img {
  margin: 0 !important;
}
.popup-chart > div {
  width: 59%;
  margin: 7px auto;
}
@media (min-width: 768px) {
  .popup-chart {
    margin-bottom: 30px;
  }
  .popup-chart > div {
    margin: 13px auto;
  }
}

.colored-content {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
  position: relative;
}
.colored-content:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 2;
  border-radius: 20px;
  inset: 0;
  padding: 2px;
  background: linear-gradient(45deg, #FABD26, #FA7821);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}
.colored-content > div {
  flex: none;
}
.colored-content .title {
  height: 30%;
  width: 100%;
  background: linear-gradient(to right, #FABD26 0%, #FA7821 100%);
  font-size: 18px;
  line-height: 26px;
  font-weight: 700;
  padding: 11px 24px;
  border-radius: 20px 20px 0 0;
  color: #1E1E1E;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
.colored-content .title .title-text {
  font-size: 18px;
  font-weight: 700;
}
.colored-content .content {
  padding: 15px 18px;
  margin-bottom: 5px;
  font-size: 16px;
  line-height: 24px;
  width: 100%;
  text-align: left;
  color: #444;
}
.colored-content .content.white {
  background: #ffffff;
}
.colored-content .content.info {
  background: rgba(255, 255, 255, 0.5);
  font-weight: 700;
}
.colored-content .content.info strong {
  color: #FF6C37;
}
.colored-content .content:last-child {
  border-radius: 0 0 20px 20px;
  margin-bottom: 0;
}
@media (min-width: 1025px) {
  .colored-content .title {
    font-size: 20px;
    line-height: 23px;
    padding: 22px 24px;
  }
  .colored-content .content {
    padding: 30px;
    margin-bottom: 8px;
  }
  .colored-content .content.white {
    padding: 30px 40px 30px 30px;
  }
  .colored-content .content.half {
    width: calc(50% - 4px);
  }
}

@media (min-width: 768px) {
  .clinical-trial-container {
    height: 100%;
  }
  .clinical-trial-container .clinical-trial-content {
    height: 100%;
  }
  .clinical-trial-container .clinical-trial-content .clinical-trial-colored-content {
    height: 100%;
  }
}
.flex {
  display: block;
}
.flex p:first-child {
  margin-bottom: 4px;
}
@media (min-width: 991px) {
  .flex {
    display: flex;
  }
  .flex p:first-child {
    flex: none;
    margin-right: 36px;
    margin-bottom: 0;
  }
}

.flex-mobile {
  display: flex;
  align-items: center;
}
.flex-mobile img {
  margin-right: 34px;
}

@media (min-width: 768px) {
  .questions .questions-wrap {
    margin-bottom: 24px;
  }
}
.questions .colored-content {
  margin-bottom: 24px;
}
.questions .colored-content .content {
  height: 70%;
  padding: 18px 28px;
}
.questions .gradient {
  display: inline-block;
  font-size: 50px;
  line-height: 50px;
  font-weight: 700;
  background: -webkit-linear-gradient(45deg, #FA7821 0%, #4F08B0 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
@media (min-width: 1025px) {
  .questions .colored-content {
    border: 0;
  }
  .questions .colored-content:before {
    display: none;
  }
  .questions .colored-content .content {
    padding: 31px 58px;
    margin-top: 7px;
  }
  .questions .colored-content .content:has(img) {
    padding: 37px 27px;
  }
  .questions .colored-content .content:has(img) img {
    width: 53px;
  }
}

.actors {
  position: relative;
  line-height: 0;
}
.actors .footnote {
  margin-top: 1em;
  text-align: left;
}
@media (max-width: 768px) {
  .actors {
    margin-top: 37px !important;
  }
  .actors .doctor-patient-note.doctor-patient-note {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
}

.node-26 .actors {
  margin-top: 56px;
}
@media (min-width: 991px) {
  .node-26 .actors p.footnote {
    width: 100%;
    text-align: center;
  }
}

.block--type--basic {
  text-align: left;
}
.block--type--basic .genevive-story-container {
  align-items: center;
  display: flex;
  justify-content: center;
  margin: 0 auto 68px auto;
}
@media (max-width: 768px) {
  .block--type--basic .genevive-story-container {
    flex-direction: column;
    gap: 24px;
    margin: 0 auto 23px auto;
  }
  .block--type--basic .genevive-story-container > div:first-of-type {
    max-width: 338px !important;
    margin-left: 0 !important;
  }
}
.block--type--basic .useful-links-section .useful-links-heading {
  font-weight: 700;
  font-size: 26px;
  line-height: 24px;
}
@media (max-width: 768px) {
  .block--type--basic .useful-links-section .useful-links-heading {
    font-size: 20px;
    line-height: 28px;
    padding-top: 49px;
  }
}
@media (max-width: 768px) {
  .block--type--basic .download-resource-section,
  .block--type--basic .useful-links-section {
    margin-top: 12px;
  }
  .block--type--basic .trial-side-effects {
    margin-top: 59px;
  }
  .block--type--basic .tryngolza-usage-block {
    margin-top: 37px;
  }
  .block--type--basic .find-doctor-section,
  .block--type--basic .genevie-journey-section {
    margin-top: 37px;
  }
}
@media (max-width: 768px) and (max-width: 768px) {
  .block--type--basic .find-doctor-section h2,
  .block--type--basic .genevie-journey-section h2 {
    padding-top: 53px;
    margin-bottom: 10px;
  }
  .block--type--basic .find-doctor-section hr,
  .block--type--basic .genevie-journey-section hr {
    margin-bottom: 36px;
  }
}
@media (max-width: 768px) and (max-width: 768px) {
  .block--type--basic .genevie-journey-section-para {
    display: none;
  }
}
@media (max-width: 768px) {
  .block--type--basic .find-doctor-section {
    margin-top: 4px;
  }
  .block--type--basic .genevie-journey-section {
    margin-top: 21px;
  }
}
.block--type--basic .genevive-image {
  display: flex;
  flex-grow: 1;
  justify-content: center;
  margin-bottom: 0;
}
.block--type--basic .genevie-quote {
  color: #4F08B0;
  font-size: 22px;
  line-height: 32px;
  margin-bottom: 5px;
  max-width: 667px;
}
.block--type--basic .genevie-quote br {
  display: none;
}
@media (max-width: 767px) {
  .block--type--basic .genevie-quote {
    font-size: 18px;
    line-height: 24px;
  }
  .block--type--basic .genevie-quote .patient-line {
    font-size: 16px;
  }
  .block--type--basic .genevie-quote br {
    display: inline-block;
  }
}
.block--type--basic .genevie-story-description {
  color: #444;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  margin-bottom: 5px;
  max-width: 667px;
}
@media (max-width: 767px) {
  .block--type--basic .genevie-story-description {
    max-width: 338px;
    letter-spacing: -0.14px;
    margin-bottom: 12px;
  }
}

.lipid-specialist-container {
  display: flex;
}
@media (min-width: 768px) {
  .lipid-specialist-container {
    flex-wrap: nowrap !important;
  }
}

.safety-and-side-effects-footer {
  width: 518px;
  color: #444;
  font-family: Poppins;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  margin: 40px auto;
}
.safety-and-side-effects-footer ol {
  list-style: none;
  counter-reset: footer-counter;
  padding: 0;
}
.safety-and-side-effects-footer ol li {
  counter-increment: footer-counter;
  margin-bottom: 8px;
}
.safety-and-side-effects-footer ol li:before {
  content: counter(footer-counter) ".";
  margin-right: 8px;
}
.safety-and-side-effects-footer ol li:last-child {
  margin-bottom: 0;
}
@media (max-width: 991px) {
  .safety-and-side-effects-footer {
    width: 100%;
    padding: 0 20px;
  }
}

.template--find-a-lipid-specialist {
  min-width: auto;
}

.video-section {
  display: flex;
  gap: 38px;
  margin-top: 86px;
  margin-bottom: 50px;
}
.video-section .main-video-container {
  max-width: 797px;
  width: 100%;
  margin-inline: auto;
}
.video-section .main-video-container .video {
  margin-top: 0;
}
.video-section .next-video-container.next-video-container-desktop {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 35px;
}
.video-section .next-video-container .next-video {
  position: relative;
  width: 181px;
  height: 134px;
  padding: 0;
  border: 0;
  border-radius: 20px;
}
.video-section .next-video-container .next-video:hover {
  border-radius: 20px;
  outline: 3px solid #4F08B0;
}
.video-section .next-video-container .next-video.active {
  border-radius: 20px;
  outline: 3px solid #4F08B0;
}
.video-section .next-video-container .next-video.active::before {
  content: "";
  position: absolute;
  left: -30px;
  top: 40%;
  width: 16px;
  height: 26px;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="26" viewBox="0 0 16 26" fill="none"><path d="M15 25L2 13L15 1" stroke="%234F08B0" stroke-width="2.43498"/></svg>');
  background-repeat: no-repeat;
  background-size: contain;
  pointer-events: none;
}
.video-section .next-video-container .next-video img {
  width: 100%;
  height: 100%;
  border-radius: 20px;
}
.video-section .next-video-container .next-video::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 50%;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.75) 100%);
  border-radius: 0 0 20px 20px;
  pointer-events: none;
  z-index: 1;
}
.video-section .next-video-container .next-video p {
  position: absolute;
  bottom: 13px;
  left: 13px;
  color: #FFF;
  font-family: Poppins;
  font-size: 13px;
  font-weight: 700;
  line-height: 16px;
  width: 85%;
  text-align: left;
  z-index: 2;
}

.about-video-container {
  max-width: 826px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-bottom: 60px;
  padding-top: 10px;
}
.about-video-container .video-heading {
  color: #4F08B0;
  font-family: Poppins;
  font-size: 24px;
  font-weight: 700;
  line-height: 32px;
  margin-bottom: 0px;
}
.about-video-container .video-footer,
.about-video-container .about-video {
  color: #444;
  font-family: Poppins;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  margin-bottom: 0px;
  padding-right: 65px;
}
.about-video-container .video-footer {
  font-style: italic;
}

.next-video-container.mobile-stack {
  display: none;
}

.footnote-fcs {
  margin-top: 32px;
}

@media (max-width: 1024px) {
  .video-section {
    margin-top: 70px;
    margin-bottom: 27px;
    display: block;
  }
  .video-section .main-video-container {
    margin-bottom: 0;
  }
  .video-section .main-video-container .video-background-bar {
    margin-bottom: 27px;
  }
  .video-section .next-video-container.desktop-stack {
    display: none;
  }
  .next-video-container.next-video-container-mobile .scroll-wrapper {
    display: flex;
    overflow-x: auto;
    gap: 11px;
    padding: 28px 24px 28px 24px;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    background: rgba(178, 178, 255, 0.2);
    margin-left: -28px;
    margin-top: 32px;
    width: 100vw;
  }
  .next-video-container.next-video-container-mobile .scroll-wrapper::-webkit-scrollbar {
    height: 10px;
  }
  .next-video-container.next-video-container-mobile .scroll-wrapper::-webkit-scrollbar-track {
    background: rgba(79, 8, 176, 0.1);
  }
  .next-video-container.next-video-container-mobile .scroll-wrapper::-webkit-scrollbar-thumb {
    background-color: #4F08B0;
  }
  .next-video-container.next-video-container-mobile .next-video {
    flex: 0 0 auto;
    width: 154px;
    border-radius: 20px;
    border: 0;
    padding: 0;
  }
  .next-video-container.mobile-stack {
    display: block;
  }
  .next-video-container .next-video {
    position: relative;
  }
  .next-video-container .next-video.active, .next-video-container .next-video:hover {
    border-radius: 20px;
    outline: 3px solid #4F08B0;
  }
  .next-video-container .next-video.active::before, .next-video-container .next-video:hover::before {
    content: none;
  }
  .next-video-container .next-video img {
    width: 100%;
    height: 100%;
    border-radius: 20px;
  }
  .next-video-container .next-video p {
    position: absolute;
    width: 88%;
    color: #FFF;
    font-size: 13px;
    font-weight: 700;
    line-height: 16px;
    bottom: 11px;
    left: 13px;
    text-align: left;
  }
  .about-video-container {
    margin-bottom: 28px;
  }
  .about-video-container .video-heading {
    font-size: 18px;
    line-height: 24px;
  }
  .about-video-container .video-footer,
  .about-video-container .about-video {
    padding-right: 0px;
  }
  .footnote-fcs {
    margin-top: 16px;
  }
  .footnote-fcs .footnote {
    margin-top: 0px !important;
  }
}
.hidden {
  display: none;
}

.next-video-container-mobile .scroll-wrapper::-webkit-scrollbar-thumb {
  background-color: #4F08B0;
}

.shtg-how-tryngolza-works .shtg-secondary-hero__headline br {
  display: none;
}

/* Mobile: show the line break */
@media (max-width: 767px) {
  .shtg-how-tryngolza-works .shtg-secondary-hero__headline br {
    display: inline;
  }
}
.shtg-nutrition #nutrition-section {
  background: linear-gradient(0deg, rgba(216, 216, 255, 0.4) 0%, rgba(255, 255, 255, 0) 100%);
}

.support-access-page {
  background-color: #fff;
  padding-top: 26px;
  overflow: hidden;
}

.main-content {
  background-color: #000;
  display: flex;
  width: 100%;
  padding-bottom: 70px;
  flex-direction: column;
  align-items: stretch;
}
@media (max-width: 991px) {
  .main-content {
    max-width: 100%;
  }
}

.patient-header {
  z-index: 10;
  margin-top: -26px;
  width: 100%;
  overflow: hidden;
}
@media (max-width: 991px) {
  .patient-header {
    max-width: 100%;
    padding-right: 20px;
  }
}
.patient-header .header-container {
  gap: 20px;
  display: flex;
}
@media (max-width: 991px) {
  .patient-header .header-container {
    flex-direction: column;
    align-items: stretch;
    gap: 0;
  }
}
.patient-header .header-content {
  display: flex;
  width: 100%;
  gap: 20px;
}
@media (max-width: 991px) {
  .patient-header .header-content {
    flex-direction: column;
    align-items: stretch;
    gap: 0;
  }
}
.patient-header .header-left {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  line-height: normal;
  width: 84%;
  margin-left: 0;
}
@media (max-width: 991px) {
  .patient-header .header-left {
    width: 100%;
  }
}
.patient-header .header-top-bar {
  margin-right: -1280px;
  width: 100%;
  font-size: 12px;
  letter-spacing: 0.09px;
  display: flex;
  padding: 6px 18px 6px 80px;
  align-items: stretch;
  gap: 40px 93px;
  color: #fff;
  line-height: 21px;
  flex-wrap: wrap;
  background-color: #4f08b0;
}
@media (max-width: 991px) {
  .patient-header .header-top-bar {
    max-width: 100%;
    padding-left: 20px;
  }
}
.patient-header .header-top-bar .us-patients-text {
  font-weight: 400;
}
.patient-header .header-top-bar .top-navigation {
  align-self: start;
  display: flex;
  height: 20px;
  align-items: center;
  gap: 20px;
  font-weight: 500;
  text-align: center;
  justify-content: end;
  flex-wrap: wrap;
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: auto;
}
@media (max-width: 991px) {
  .patient-header .header-top-bar .top-navigation {
    max-width: 100%;
  }
}
.patient-header .header-top-bar .top-navigation .nav-link {
  color: #fff;
  text-decoration: none;
  align-self: stretch;
  margin: auto 0;
}
.patient-header .header-top-bar .top-navigation .nav-separator {
  object-fit: contain;
  object-position: center;
  width: 0;
  align-self: stretch;
  margin: auto 0;
  flex-shrink: 0;
}
.patient-header .header-top-bar .top-navigation .get-updates-button {
  border-radius: 27px;
  align-self: stretch;
  display: flex;
  margin: auto 0;
  height: 20px;
  padding: 0 16px;
  align-items: center;
  gap: 7px;
  color: #1e1e1e;
  font-weight: 700;
  justify-content: center;
  width: 160px;
  background-color: #fabd26;
}
.patient-header .header-top-bar .top-navigation .get-updates-button .get-updates-text {
  align-self: stretch;
  margin: auto 0;
}
.patient-header .header-top-bar .top-navigation .get-updates-button .get-updates-icon {
  aspect-ratio: 1.5;
  object-fit: contain;
  object-position: center;
  width: 18px;
  align-self: stretch;
  margin: auto 0;
  flex-shrink: 0;
}
.patient-header .main-navigation {
  display: flex;
  width: 100%;
  padding: 10px 18px 10px 80px;
  align-items: stretch;
  gap: 10px;
  flex-wrap: wrap;
  background-color: #f3f3f3;
}
@media (max-width: 991px) {
  .patient-header .main-navigation {
    max-width: 100%;
    padding-left: 20px;
  }
}
.patient-header .main-navigation .nav-items {
  display: flex;
  margin: auto 0;
  align-items: center;
  gap: 12px;
  color: #000;
  font-weight: 500;
  line-height: 1;
  justify-content: end;
  flex-wrap: wrap;
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: auto;
}
@media (max-width: 991px) {
  .patient-header .main-navigation .nav-items {
    max-width: 100%;
  }
}
.patient-header .main-navigation .nav-items .nav-item {
  color: #000;
  text-decoration: none;
  align-self: stretch;
  margin: auto 0;
}
.patient-header .main-navigation .nav-items .nav-dropdown {
  align-self: stretch;
  display: flex;
  margin: auto 0;
  align-items: center;
  gap: 4px;
  justify-content: end;
}
.patient-header .main-navigation .nav-items .nav-dropdown .dropdown-arrow {
  aspect-ratio: 1.6;
  object-fit: contain;
  object-position: center;
  width: 8px;
  align-self: stretch;
  margin: auto 0;
  flex-shrink: 0;
}
.patient-header .main-navigation .start-button {
  color: #fff;
  align-self: stretch;
  border-radius: 26.667px;
  min-height: 28px;
  padding: 3px 16px;
  gap: 7px;
  font-weight: 700;
  text-align: center;
  line-height: 21px;
  text-decoration: none;
  background: linear-gradient(180deg, #4f08b0 0.68%, #21034a 100%);
}
.patient-header .header-right {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  line-height: normal;
  width: 16%;
  margin-left: 20px;
}
@media (max-width: 991px) {
  .patient-header .header-right {
    width: 100%;
  }
}
.patient-header .header-right .logo-container {
  border-radius: 0 0 20px 0;
  background-color: #fff;
  display: flex;
  flex-grow: 1;
  padding: 15px 13px;
  flex-direction: column;
  align-items: stretch;
  justify-content: center;
  width: 100%;
}
.patient-header .header-right .logo-container .logo {
  aspect-ratio: 2.65;
  object-fit: contain;
  object-position: center;
  width: 217px;
}

.hero-section {
  margin-top: 59px;
  margin-left: 120px;
}
@media (max-width: 991px) {
  .hero-section {
    max-width: 100%;
    margin-top: 40px;
    margin-left: 20px;
  }
}
.hero-section .hero-title {
  color: #fff;
  font-size: 32px;
  font-weight: 400;
  line-height: 43px;
  letter-spacing: -0.44px;
  align-self: start;
}
@media (max-width: 991px) {
  .hero-section .hero-title {
    max-width: 100%;
  }
}
.hero-section .hero-title .title-emphasis {
  font-weight: 700;
  font-style: italic;
}
.hero-section .hero-title .title-bold {
  font-weight: 700;
}

.content-section {
  display: flex;
  width: 100%;
  padding: 0 0 36px;
  flex-direction: column;
  align-items: center;
}
@media (max-width: 991px) {
  .content-section {
    max-width: 100%;
    padding: 40px 20px;
  }
}
@media (max-width: 991px) {
  .content-section {
    padding-bottom: 20px;
  }
}
.content-section .ionis-logo {
  aspect-ratio: 3.73;
  object-fit: contain;
  object-position: center;
  width: 399px;
  max-width: 100%;
  padding-left: 8px;
}

@media (max-width: 768px) {
  .content-section-two {
    margin-top: 36px !important;
  }
}
.partners-section {
  display: flex;
  margin-top: 61px;
  max-width: 100%;
  flex-direction: column;
  align-items: center;
  font-size: 27px;
  color: #4f08b0;
  font-weight: 700;
  text-align: center;
  letter-spacing: -0.36px;
  line-height: 1;
  justify-content: start;
}
@media (max-width: 991px) {
  .partners-section {
    margin-top: 40px;
  }
}
.partners-section .section-title {
  color: #4f08b0;
  font-size: 27px;
  font-weight: 700;
  text-align: center;
  letter-spacing: -0.36px;
  line-height: 1;
}
@media (max-width: 991px) {
  .partners-section .section-title {
    max-width: 100%;
    font-size: 20px;
  }
}
.partners-section .title-underline {
  aspect-ratio: 40;
  object-fit: contain;
  object-position: center;
  width: 539px;
  stroke-width: 2.667px;
  stroke: #fabd26;
  margin-top: 30px;
  max-width: 100%;
}
@media (max-width: 768px) {
  .partners-section .title-underline {
    margin-top: 0px;
    aspect-ratio: 36;
  }
}

.intro-text {
  color: #444;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 24px;
  margin-top: 41px;
  max-width: 770px;
  text-align: left;
}
@media (max-width: 991px) {
  .intro-text {
    max-width: 100%;
    margin-top: 40px;
  }
}
@media (max-width: 768px) {
  .intro-text {
    margin-top: 27px;
  }
}
.intro-text .brand-highlight {
  font-weight: 700;
  color: #4f08b0;
}

.support-images {
  display: flex;
  margin-top: 48px;
  align-items: stretch;
  gap: 13px;
  flex-wrap: wrap;
  justify-content: center;
  align-content: center;
  overflow: hidden;
}
@media (min-width: 1200px) {
  .support-images {
    width: 110vw;
  }
}
@media (max-width: 991px) {
  .support-images {
    margin-top: 40px;
    overflow: visible;
  }
}
@media (max-width: 768px) {
  .support-images {
    margin-top: 0px;
  }
}
.support-images .support-image {
  border-radius: 0;
  flex-shrink: 0;
  max-width: 100%;
  height: 228.18px;
}
.support-images .support-image:nth-child(1) {
  aspect-ratio: 0.81;
  width: 210px;
}
@media (max-width: 768px) {
  .support-images .support-image:nth-child(1) {
    width: 80px;
    height: 88px;
  }
}
.support-images .support-image:nth-child(2) {
  aspect-ratio: 0.92;
  width: 210px;
}
@media (max-width: 768px) {
  .support-images .support-image:nth-child(2) {
    width: 80px;
    height: 88px;
  }
}
.support-images .support-image:nth-child(3) {
  aspect-ratio: 0.93;
  width: 211px;
}
@media (max-width: 768px) {
  .support-images .support-image:nth-child(3) {
    width: 80px;
    height: 88px;
  }
}
.support-images .support-image:nth-child(4) {
  aspect-ratio: 0.92;
  width: 210px;
}
@media (max-width: 768px) {
  .support-images .support-image:nth-child(4) {
    width: 80px;
    height: 88px;
  }
}
.support-images .support-image:nth-child(5) {
  aspect-ratio: 0.93;
  width: 211px;
}
@media (max-width: 768px) {
  .support-images .support-image:nth-child(5) {
    width: 80px;
    height: 88px;
  }
}
.support-images .support-image:nth-child(6) {
  aspect-ratio: 0.81;
  width: 211px;
}
@media (max-width: 768px) {
  .support-images .support-image:nth-child(6) {
    width: 80px;
    height: 88px;
  }
}

.manager-services-section {
  margin-top: 66px;
  width: 100%;
  max-width: 1040px;
}
@media (max-width: 991px) {
  .manager-services-section {
    max-width: 100%;
    margin-top: 40px;
  }
}
@media (max-width: 991px) {
  .manager-services-section {
    margin-top: 34px;
  }
}
.manager-services-section .services-container {
  gap: 2rem;
  display: flex;
}
@media (max-width: 991px) {
  .manager-services-section .services-container {
    flex-direction: column;
    align-items: stretch;
    gap: 0;
  }
}
.manager-services-section .services-left {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  line-height: normal;
  width: 50%;
  margin-left: 0;
}
@media (max-width: 991px) {
  .manager-services-section .services-left {
    width: 100vw;
    align-self: center;
  }
}
.manager-services-section .services-left .services-content {
  width: 100%;
}
@media (max-width: 991px) {
  .manager-services-section .services-left .services-content {
    max-width: 100%;
    margin-top: 40px;
  }
}
@media (max-width: 768px) {
  .manager-services-section .services-left .services-content {
    margin-top: 0px;
  }
}
.manager-services-section .services-left .services-content .services-title {
  color: #4f08b0;
  font-size: 27px;
  font-weight: 700;
  text-align: center;
  letter-spacing: -0.36px;
  line-height: 1;
}
@media (max-width: 991px) {
  .manager-services-section .services-left .services-content .services-title {
    max-width: 100%;
    font-size: 20px;
  }
}
@media (max-width: 768px) {
  .manager-services-section .services-left .services-content .services-title {
    margin: 0 35px;
    line-height: 28px;
  }
}
.manager-services-section .services-left .services-content .service-item {
  border-radius: 18px;
  background-color: rgba(255, 255, 255, 0.5);
  margin-top: 35px;
  padding: 17px 35px 9px;
}
.manager-services-section .services-left .services-content .service-item:first-of-type {
  margin-top: 35px;
}
@media (max-width: 768px) {
  .manager-services-section .services-left .services-content .service-item:first-of-type {
    margin-top: 24px;
  }
}
.manager-services-section .services-left .services-content .service-item:not(:first-of-type) {
  margin-top: 14px;
  padding: 18px 32px;
}
@media (max-width: 991px) {
  .manager-services-section .services-left .services-content .service-item {
    max-width: 100%;
    padding-left: 20px;
    padding-right: 20px;
    margin-left: 27px;
    margin-right: 27px;
  }
}
@media (max-width: 768px) {
  .manager-services-section .services-left .services-content .service-item {
    margin: 0 auto;
    padding-left: 13px !important;
    margin-left: 27px;
    margin-right: 27px;
  }
}
.manager-services-section .services-left .services-content .service-item .service-row {
  gap: 20px;
  display: flex;
  flex-direction: row;
}
@media (max-width: 768px) {
  .manager-services-section .services-left .services-content .service-item .service-row {
    gap: 13.6px;
  }
}
.manager-services-section .services-left .services-content .service-item .service-row .service-icon-column {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  line-height: normal;
  width: 20%;
  margin-left: 0;
}
@media (max-width: 991px) {
  .manager-services-section .services-left .services-content .service-item .service-row .service-icon-column {
    min-width: max-content;
  }
}
.manager-services-section .services-left .services-content .service-item .service-row .service-icon-column .service-icon {
  aspect-ratio: 1;
  object-fit: contain;
  object-position: center;
  width: 84px;
  flex-shrink: 0;
}
@media (max-width: 991px) {
  .manager-services-section .services-left .services-content .service-item .service-row .service-icon-column .service-icon {
    margin: auto 0;
  }
}
@media (max-width: 768px) {
  .manager-services-section .services-left .services-content .service-item .service-row .service-icon-column .service-icon {
    width: 65px;
    height: 65px;
  }
}
.manager-services-section .services-left .services-content .service-item .service-row .service-text-column {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  line-height: normal;
  width: 80%;
  margin-left: 20px;
}
@media (max-width: 991px) {
  .manager-services-section .services-left .services-content .service-item .service-row .service-text-column {
    width: 100%;
  }
}
@media (max-width: 768px) {
  .manager-services-section .services-left .services-content .service-item .service-row .service-text-column {
    margin-left: 0;
  }
  .manager-services-section .services-left .services-content .service-item .service-row .service-text-column .service-text-1 {
    min-width: 241px;
  }
  .manager-services-section .services-left .services-content .service-item .service-row .service-text-column .service-text-2 {
    min-width: 221px;
  }
  .manager-services-section .services-left .services-content .service-item .service-row .service-text-column .service-text-3 {
    min-width: 227px;
  }
  .manager-services-section .services-left .services-content .service-item .service-row .service-text-column .service-text-4 {
    min-width: 233px;
  }
}
@media (max-width: 510px) {
  .manager-services-section .services-left .services-content .service-item .service-row .service-text-column {
    width: 248px;
    align-items: center;
  }
}
.manager-services-section .services-left .services-content .service-item .service-row .service-text-column .service-description {
  color: #444;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  margin: auto 0;
  align-self: stretch;
}
@media (max-width: 991px) {
  .manager-services-section .services-left .services-content .service-item .service-row .service-text-column .service-description {
    margin: auto 0;
  }
}
@media (max-width: 419px) {
  .manager-services-section .services-left .services-content .service-item .service-row .service-text-column .service-description {
    max-width: 248px;
    width: 50vw;
    margin: auto 0;
  }
}
.manager-services-section .services-left .services-content .service-item .service-row .service-text-column .service-description .service-highlight {
  font-weight: 700;
  color: #4f08b0;
}
.manager-services-section .services-right {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  line-height: normal;
  width: 50%;
}
@media (max-width: 991px) {
  .manager-services-section .services-right {
    width: 86vw;
    align-self: center;
  }
}
@media (max-width: 768px) {
  .manager-services-section .services-right {
    margin-top: 28px;
    width: 86vw;
  }
}
.manager-services-section .services-right .patient-education-finder {
  --pef-primary-color: #4f08b0;
  --pef-secondary-color: #21034a;
  --pef-accent-color: #fabd26;
  --pef-accent-orange: #fa7821;
  --pef-text-color: #444;
  --pef-white: #fff;
  --pef-gray: #898989;
  --pef-purple-alpha: rgba(178, 178, 255, 0.7);
  --pef-border-radius: 17.778px;
  --pef-input-border-radius: 9px;
  --pef-button-border-radius: 88.889px;
  --pef-mobile-max: 767px;
  --pef-tablet-min: 768px;
  --pef-tablet-max: 1024px;
  --pef-desktop-min: 1025px;
  --pef-large-desktop-min: 1200px;
  border-radius: var(--pef-border-radius);
  display: flex;
  margin: 5px auto 0;
  width: 100%;
  height: 100%;
  justify-content: center;
  padding: 40px 16px;
  flex-direction: column;
  align-items: stretch;
  font-size: 16px;
  color: var(--pef-white);
  font-weight: 700;
  background: linear-gradient(180deg, var(--pef-primary-color) 0.68%, var(--pef-secondary-color) 100%);
}
@media (min-width: 375px) {
  .manager-services-section .services-right .patient-education-finder {
    padding: 50px 20px;
  }
}
@media (min-width: 480px) {
  .manager-services-section .services-right .patient-education-finder {
    padding: 60px 24px;
    margin-top: 10px;
  }
}
@media (min-width: 768px) {
  .manager-services-section .services-right .patient-education-finder {
    padding: 80px 35px;
    margin-top: 20px;
  }
}
@media (min-width: 1025px) {
  .manager-services-section .services-right .patient-education-finder {
    padding: 93px 49px;
    margin-top: 5px;
  }
}
@media (min-width: 1200px) {
  .manager-services-section .services-right .patient-education-finder {
    padding: 100px 60px;
  }
}
.manager-services-section .services-right .patient-education-finder.results-shown {
  padding: 1.5rem;
}
.manager-services-section .services-right .patient-education-finder .search-intro {
  color: var(--pef-accent-color);
  font-size: 20px;
  font-weight: 700;
  line-height: 27px;
  text-align: center;
  align-self: center;
  padding-bottom: 40px;
  border-bottom: 2px solid #b39cd3;
}
@media (max-width: 991px) {
  .manager-services-section .services-right .patient-education-finder .search-intro {
    font-size: 16px;
  }
}
@media (max-width: 768px) {
  .manager-services-section .services-right .patient-education-finder .search-intro {
    margin-left: 29px;
    margin-right: 28px;
  }
}
.manager-services-section .services-right .patient-education-finder .search-divider {
  aspect-ratio: 333.33;
  object-fit: contain;
  object-position: center;
  width: 100%;
  margin-top: 75px;
}
@media (max-width: 991px) {
  .manager-services-section .services-right .patient-education-finder .search-divider {
    margin-right: 6px;
    margin-top: 40px;
  }
}
.manager-services-section .services-right .patient-education-finder .patient-education-finder-form {
  display: flex;
  flex-direction: column;
  align-items: stretch;
}
@media (min-width: 550px) and (max-width: 991px) {
  .manager-services-section .services-right .patient-education-finder .patient-education-finder-form {
    align-self: center;
    width: 53vw;
  }
}
.manager-services-section .services-right .patient-education-finder .patient-education-finder-form .form-group {
  display: flex;
  flex-direction: column;
  margin-bottom: 24px;
}
.manager-services-section .services-right .patient-education-finder .patient-education-finder-form .zip-label {
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0.09px;
  align-self: start;
  margin-bottom: 8px;
  color: var(--pef-white);
}
@media (max-width: 991px) {
  .manager-services-section .services-right .patient-education-finder .patient-education-finder-form .zip-label {
    margin-bottom: 6px;
  }
}
@media (max-width: 768px) {
  .manager-services-section .services-right .patient-education-finder .patient-education-finder-form .zip-label {
    margin-bottom: 12px;
    text-transform: none;
  }
}
.manager-services-section .services-right .patient-education-finder .patient-education-finder-form .zip-input {
  border-radius: var(--pef-input-border-radius);
  background-color: var(--pef-purple-alpha);
  display: flex;
  width: 100%;
  max-width: 401px;
  height: 52px;
  border: 2px solid transparent;
  padding: 0 12px;
  font-size: 16px;
  color: var(--pef-white);
  transition: all 0.3s ease;
  margin: 0;
}
@media (min-width: 375px) {
  .manager-services-section .services-right .patient-education-finder .patient-education-finder-form .zip-input {
    height: 54px;
    padding: 0 14px;
  }
}
@media (min-width: 480px) {
  .manager-services-section .services-right .patient-education-finder .patient-education-finder-form .zip-input {
    height: 57px;
    padding: 0 15px;
  }
}
.manager-services-section .services-right .patient-education-finder .patient-education-finder-form .zip-input::placeholder {
  color: rgba(255, 255, 255, 0.7);
}
.manager-services-section .services-right .patient-education-finder .patient-education-finder-form .zip-input:focus {
  outline: none;
  border-color: var(--pef-accent-color);
  background-color: rgba(255, 255, 255, 0.1);
  box-shadow: 0 0 0 3px rgba(250, 189, 38, 0.3);
}
.manager-services-section .services-right .patient-education-finder .patient-education-finder-form .zip-input:hover {
  background-color: rgba(255, 255, 255, 0.05);
}
.manager-services-section .services-right .patient-education-finder .patient-education-finder-form .zip-input.valid {
  border-color: #28a745;
  background-color: rgba(40, 167, 69, 0.1);
}
.manager-services-section .services-right .patient-education-finder .patient-education-finder-form .zip-input.invalid {
  border-color: #dc3545;
  background-color: rgba(220, 53, 69, 0.1);
}
.manager-services-section .services-right .patient-education-finder .patient-education-finder-form .zip-input:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
.manager-services-section .services-right .patient-education-finder .patient-education-finder-form .search-button {
  align-items: center;
  border-radius: var(--pef-button-border-radius);
  align-self: center;
  display: flex;
  margin-top: 15px;
  min-height: 48px;
  width: 100%;
  max-width: 200px;
  padding: 12px 24px;
  gap: 12px;
  white-space: nowrap;
  letter-spacing: 0.09px;
  line-height: 1.2;
  background: url("../../images/arrow-right-white.svg") no-repeat calc(100% - 28px) 14px #898989;
  border: none;
  color: white;
  font-weight: 700;
  cursor: pointer;
  transition: all 0.3s ease;
}
@media (min-width: 375px) {
  .manager-services-section .services-right .patient-education-finder .patient-education-finder-form .search-button {
    width: 154px;
    padding: 10px 41px;
    gap: 14px;
  }
}
@media (min-width: 480px) {
  .manager-services-section .services-right .patient-education-finder .patient-education-finder-form .search-button {
    width: 168px;
    min-height: 46px;
    padding: 8px 36px;
    gap: 18px;
    line-height: 30px;
  }
}
.manager-services-section .services-right .patient-education-finder .patient-education-finder-form .search-button:hover {
  background-color: rgb(162.5, 162.5, 162.5);
  transform: translateY(-1px);
}
.manager-services-section .services-right .patient-education-finder .patient-education-finder-form .search-button:active {
  transform: translateY(0);
}
.manager-services-section .services-right .patient-education-finder .patient-education-finder-form .search-button:focus {
  outline: none;
  box-shadow: 0 0 0 3px rgba(250, 189, 38, 0.3);
}
.manager-services-section .services-right .patient-education-finder .patient-education-finder-form .search-button:disabled {
  opacity: 0.6;
  cursor: not-allowed;
  transform: none;
}
.manager-services-section .services-right .patient-education-finder .patient-education-finder-form .search-button.loading {
  position: relative;
  color: transparent;
}
.manager-services-section .services-right .patient-education-finder .patient-education-finder-form .search-button.loading::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 20px;
  height: 20px;
  border: 2px solid transparent;
  border-top: 2px solid var(--pef-white);
  border-radius: 50%;
  animation: spin 1s linear infinite;
}
.manager-services-section .services-right .patient-education-finder .patient-education-finder-form .search-button .search-text {
  align-self: stretch;
  margin: auto 0;
}
.manager-services-section .services-right .patient-education-finder .patient-education-finder-form .search-button .search-icon {
  aspect-ratio: 0.58;
  object-fit: contain;
  object-position: center;
  width: 7px;
  align-self: stretch;
  margin: auto 0;
  flex-shrink: 0;
}
.manager-services-section .services-right .patient-education-finder .patient-education-finder-form:has(.valid) .search-button {
  background: url("../../images/arrow-right-black.svg") no-repeat calc(100% - 43px) 14px, linear-gradient(90deg, #fabd26 0%, #fa7821 100%);
  color: black;
}
@media (max-width: 767px) {
  .manager-services-section .services-right .patient-education-finder .patient-education-finder-form:has(.valid) .search-button {
    background: url("../../images/arrow-right-black.svg") no-repeat calc(100% - 28px) 14px, linear-gradient(90deg, #fabd26 0%, #fa7821 100%);
  }
}
.manager-services-section .services-right .patient-education-finder .results-container {
  margin-top: 30px;
  padding: 0;
  min-height: 0;
  transition: all 0.3s ease;
}
.manager-services-section .services-right .patient-education-finder .results-container:empty {
  display: none;
}
.manager-services-section .services-right .patient-education-finder .results-container:not(:empty) {
  display: block;
  animation: fadeIn 0.3s ease-in;
}
.manager-services-section .services-right .patient-education-finder .results-container .search-results-header {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0 auto 20px auto;
  gap: 12px;
  text-align: center;
  max-width: 275px;
}
@media (min-width: 480px) {
  .manager-services-section .services-right .patient-education-finder .results-container .search-results-header {
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 16px;
    max-width: 369px;
  }
}
.manager-services-section .services-right .patient-education-finder .results-container .search-results-header .search-result-intro {
  color: white;
  font-size: 20px;
  font-weight: 700;
  margin: 0;
  text-align: center;
  line-height: 27px;
}
@media (max-width: 991px) {
  .manager-services-section .services-right .patient-education-finder .results-container .search-results-header .search-result-intro {
    font-size: 16px;
  }
}
.manager-services-section .services-right .patient-education-finder .results-container .new-search-button {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 16px;
  background: none;
  border: none;
  color: var(--pef-white);
  font-size: 16px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.3s ease;
  text-decoration: none;
  margin: 0 auto;
}
.manager-services-section .services-right .patient-education-finder .results-container .new-search-button:focus {
  outline: none;
  box-shadow: 0 0 0 3px rgba(250, 189, 38, 0.3);
}
.manager-services-section .services-right .patient-education-finder .results-container .new-search-button .back-icon {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
}
.manager-services-section .services-right .patient-education-finder .results-container .manager-card {
  border-radius: 12px;
  margin-bottom: 12px;
  transition: all 0.3s ease;
}
@media (min-width: 375px) {
  .manager-services-section .services-right .patient-education-finder .results-container .manager-card {
    margin-bottom: 14px;
  }
}
@media (min-width: 480px) {
  .manager-services-section .services-right .patient-education-finder .results-container .manager-card {
    margin-bottom: 16px;
  }
}
.manager-services-section .services-right .patient-education-finder .results-container .manager-card:last-child {
  margin-bottom: 0;
}
.manager-services-section .services-right .patient-education-finder .results-container .manager-card .manager-header {
  display: flex;
  align-items: center;
  flex-direction: column;
  text-align: center;
  gap: 12px;
  margin-block: 2rem;
}
@media (min-width: 375px) {
  .manager-services-section .services-right .patient-education-finder .results-container .manager-card .manager-header {
    gap: 14px;
  }
}
@media (min-width: 480px) {
  .manager-services-section .services-right .patient-education-finder .results-container .manager-card .manager-header {
    flex-direction: row;
    text-align: left;
    gap: 16px;
  }
}
.manager-services-section .services-right .patient-education-finder .results-container .manager-card .manager-header .manager-photo {
  width: 180px;
  object-fit: cover;
  flex-shrink: 0;
  border: 1px solid var(--pef-accent-color);
  border-radius: 18px;
}
.manager-services-section .services-right .patient-education-finder .results-container .manager-card .manager-header .manager-photo.manager-photo-placeholder {
  background: linear-gradient(135deg, var(--pef-primary-color), var(--pef-secondary-color));
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--pef-white);
  font-weight: 700;
  font-size: 18px;
}
@media (min-width: 375px) {
  .manager-services-section .services-right .patient-education-finder .results-container .manager-card .manager-header .manager-photo.manager-photo-placeholder {
    font-size: 20px;
  }
}
@media (min-width: 480px) {
  .manager-services-section .services-right .patient-education-finder .results-container .manager-card .manager-header .manager-photo.manager-photo-placeholder {
    font-size: 22px;
  }
}
.manager-services-section .services-right .patient-education-finder .results-container .manager-card .manager-header .manager-photo.manager-photo-placeholder .photo-initials {
  line-height: 1;
}
.manager-services-section .services-right .patient-education-finder .results-container .manager-card .manager-header .manager-info {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 10px;
  justify-content: center;
}
.manager-services-section .services-right .patient-education-finder .results-container .manager-card .manager-header .manager-info .manager-name {
  font-size: 26px;
  color: #fabd26;
  font-weight: 700;
  margin: 0 0 4px 0;
  line-height: 1.2;
  text-align: center;
}
@media (max-width: 991px) {
  .manager-services-section .services-right .patient-education-finder .results-container .manager-card .manager-header .manager-info .manager-name {
    font-size: 20px;
  }
}
.manager-services-section .services-right .patient-education-finder .results-container .manager-card .manager-header .manager-info .enroll-button {
  justify-content: center;
  align-items: center;
  border-radius: 88.889px;
  align-self: stretch;
  display: flex;
  min-height: 46px;
  padding: 8px 29px 8px 30px;
  gap: 18px;
  letter-spacing: 0.09px;
  line-height: 30px;
  background: linear-gradient(90deg, #fabd26 0%, #fa7821 100%);
  background-size: 100% 200%;
  border: none;
  font-weight: 700;
  cursor: pointer;
  text-decoration: none;
  transition: all 0.3s ease-in-out;
}
.manager-services-section .services-right .patient-education-finder .results-container .manager-card .manager-header .manager-info .enroll-button .enroll-text {
  align-self: stretch;
  margin: auto 0;
  color: #1e1e1e;
}
.manager-services-section .services-right .patient-education-finder .results-container .manager-card .manager-header .manager-info .enroll-button .chevron-right {
  color: #1e1e1e;
}
.manager-services-section .services-right .patient-education-finder .results-container .manager-card .manager-header .manager-info .enroll-button:hover {
  background: linear-gradient(90deg, #fa7821 0%, #fabd26 100%);
}
@media (max-width: 991px) {
  .manager-services-section .services-right .patient-education-finder .results-container .manager-card .manager-header .manager-info .enroll-button {
    padding-left: 20px;
    padding-right: 20px;
    max-width: 156px;
    place-self: center;
  }
}
@media (max-width: 500px) {
  .manager-services-section .services-right .patient-education-finder .results-container .manager-card .manager-header .manager-info .enroll-button {
    padding-left: 20px;
    padding-right: 20px;
    max-width: 156px;
    place-self: center;
  }
}
.manager-services-section .services-right .patient-education-finder .results-container .manager-card .manager-header .manager-info .manager-title {
  display: none;
  font-size: 13px;
  color: var(--pef-gray);
  margin: 0;
  font-weight: 500;
}
@media (min-width: 480px) {
  .manager-services-section .services-right .patient-education-finder .results-container .manager-card .manager-header .manager-info .manager-title {
    font-size: 14px;
  }
}
.manager-services-section .services-right .patient-education-finder .results-container .manager-card .manager-contact {
  display: none;
  flex-direction: column;
  gap: 8px;
}
@media (min-width: 375px) {
  .manager-services-section .services-right .patient-education-finder .results-container .manager-card .manager-contact {
    gap: 10px;
  }
}
@media (min-width: 480px) {
  .manager-services-section .services-right .patient-education-finder .results-container .manager-card .manager-contact {
    gap: 12px;
  }
}
.manager-services-section .services-right .patient-education-finder .results-container .manager-card .manager-contact .contact-item {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 6px 0;
}
@media (min-width: 375px) {
  .manager-services-section .services-right .patient-education-finder .results-container .manager-card .manager-contact .contact-item {
    gap: 10px;
    padding: 7px 0;
  }
}
@media (min-width: 480px) {
  .manager-services-section .services-right .patient-education-finder .results-container .manager-card .manager-contact .contact-item {
    gap: 12px;
    padding: 8px 0;
  }
}
.manager-services-section .services-right .patient-education-finder .results-container .manager-card .manager-contact .contact-item .contact-icon {
  width: 18px;
  height: 18px;
  color: var(--pef-primary-color);
  flex-shrink: 0;
}
@media (min-width: 480px) {
  .manager-services-section .services-right .patient-education-finder .results-container .manager-card .manager-contact .contact-item .contact-icon {
    width: 20px;
    height: 20px;
  }
}
.manager-services-section .services-right .patient-education-finder .results-container .manager-card .manager-contact .contact-item .contact-info {
  flex: 1;
}
.manager-services-section .services-right .patient-education-finder .results-container .manager-card .manager-contact .contact-item .contact-info .contact-label {
  font-size: 11px;
  color: var(--pef-gray);
  margin: 0 0 2px 0;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
@media (min-width: 480px) {
  .manager-services-section .services-right .patient-education-finder .results-container .manager-card .manager-contact .contact-item .contact-info .contact-label {
    font-size: 12px;
  }
}
.manager-services-section .services-right .patient-education-finder .results-container .manager-card .manager-contact .contact-item .contact-info .contact-value {
  font-size: 15px;
  font-weight: 600;
  color: var(--pef-text-color);
  margin: 0;
  line-height: 1.3;
}
@media (min-width: 480px) {
  .manager-services-section .services-right .patient-education-finder .results-container .manager-card .manager-contact .contact-item .contact-info .contact-value {
    font-size: 16px;
    line-height: 1.2;
  }
}
.manager-services-section .services-right .patient-education-finder .results-container .manager-card .manager-contact .contact-item .contact-info .contact-value a {
  color: var(--pef-primary-color);
  text-decoration: none;
  transition: color 0.3s ease;
}
.manager-services-section .services-right .patient-education-finder .results-container .manager-card .manager-contact .contact-item .contact-info .contact-value a:hover {
  color: var(--pef-secondary-color);
  text-decoration: underline;
}
.manager-services-section .services-right .patient-education-finder .results-container .manager-card .manager-coverage {
  margin-top: 16px;
  padding-top: 16px;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.manager-services-section .services-right .patient-education-finder .results-container .manager-card .manager-coverage .coverage-label {
  font-size: 12px;
  color: var(--pef-gray);
  margin: 0 0 4px 0;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.manager-services-section .services-right .patient-education-finder .results-container .manager-card .manager-coverage .coverage-areas {
  font-size: 14px;
  color: var(--pef-text-color);
  margin: 0;
  line-height: 1.4;
}
.manager-services-section .services-right .patient-education-finder .results-container .error-message {
  background: rgba(255, 255, 255, 0.95);
  border-radius: 12px;
  padding: 24px;
  color: var(--pef-text-color);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  border-left: 4px solid #dc3545;
}
.manager-services-section .services-right .patient-education-finder .results-container .error-message .error-header {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 16px;
}
.manager-services-section .services-right .patient-education-finder .results-container .error-message .error-header .error-icon {
  width: 24px;
  height: 24px;
  color: #dc3545;
  flex-shrink: 0;
}
.manager-services-section .services-right .patient-education-finder .results-container .error-message .error-header .error-title {
  font-size: 18px;
  font-weight: 700;
  color: #dc3545;
  margin: 0;
}
.manager-services-section .services-right .patient-education-finder .results-container .error-message .error-content .error-text {
  font-size: 14px;
  color: var(--pef-text-color);
  margin-bottom: 16px;
  line-height: 1.5;
}
.manager-services-section .services-right .patient-education-finder .results-container .error-message .error-content .error-tips {
  background: rgba(255, 193, 7, 0.1);
  border-radius: 8px;
  padding: 12px;
  margin-bottom: 16px;
}
.manager-services-section .services-right .patient-education-finder .results-container .error-message .error-content .error-tips .tips-title {
  font-size: 14px;
  font-weight: 600;
  color: #856404;
  margin-bottom: 8px;
}
.manager-services-section .services-right .patient-education-finder .results-container .error-message .error-content .error-tips .tips-list {
  margin: 0;
  padding-left: 16px;
}
.manager-services-section .services-right .patient-education-finder .results-container .error-message .error-content .error-tips .tips-list li {
  font-size: 13px;
  color: #856404;
  margin-bottom: 4px;
  line-height: 1.4;
}
.manager-services-section .services-right .patient-education-finder .results-container .error-message .error-content .error-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 16px;
}
.manager-services-section .services-right .patient-education-finder .results-container .error-message .error-content .error-actions .action-button {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 8px 12px;
  border-radius: 6px;
  font-size: 13px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.3s ease;
  border: none;
}
.manager-services-section .services-right .patient-education-finder .results-container .error-message .error-content .error-actions .action-button.primary {
  background: var(--pef-primary-color);
  color: var(--pef-white);
}
.manager-services-section .services-right .patient-education-finder .results-container .error-message .error-content .error-actions .action-button.primary:hover {
  background: var(--pef-secondary-color);
}
.manager-services-section .services-right .patient-education-finder .results-container .error-message .error-content .error-actions .action-button.secondary {
  background: rgba(108, 117, 125, 0.1);
  color: #6c757d;
  border: 1px solid rgba(108, 117, 125, 0.3);
}
.manager-services-section .services-right .patient-education-finder .results-container .error-message .error-content .error-actions .action-button.secondary:hover {
  background: rgba(108, 117, 125, 0.2);
}
.manager-services-section .services-right .patient-education-finder .results-container .error-message .error-content .error-actions .action-button .action-icon {
  width: 14px;
  height: 14px;
  flex-shrink: 0;
}
.manager-services-section .services-right .patient-education-finder .results-container .no-coverage-message {
  background: rgba(255, 255, 255, 0.95);
  border-radius: 12px;
  padding: 24px;
  color: var(--pef-text-color);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  border-left: 4px solid #ffc107;
}
.manager-services-section .services-right .patient-education-finder .results-container .no-coverage-message .no-coverage-header {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 16px;
}
.manager-services-section .services-right .patient-education-finder .results-container .no-coverage-message .no-coverage-header .no-coverage-icon {
  width: 24px;
  height: 24px;
  color: #ffc107;
  flex-shrink: 0;
}
.manager-services-section .services-right .patient-education-finder .results-container .no-coverage-message .no-coverage-header .no-coverage-title {
  font-size: 18px;
  font-weight: 700;
  color: #856404;
  margin: 0;
}
.manager-services-section .services-right .patient-education-finder .results-container .no-coverage-message .no-coverage-content .no-coverage-text {
  font-size: 14px;
  color: var(--pef-text-color);
  margin-bottom: 20px;
  line-height: 1.5;
}
.manager-services-section .services-right .patient-education-finder .results-container .no-coverage-message .no-coverage-content .fallback-contact-section .fallback-contact-title {
  font-size: 16px;
  font-weight: 600;
  color: var(--pef-primary-color);
  margin: 0 0 16px 0;
}
.manager-services-section .services-right .patient-education-finder .results-container .no-coverage-message .no-coverage-content .fallback-contact-section .contact-options {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-bottom: 16px;
}
.manager-services-section .services-right .patient-education-finder .results-container .no-coverage-message .no-coverage-content .fallback-contact-section .contact-options .contact-option {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 12px;
  background: rgba(79, 8, 176, 0.05);
  border-radius: 8px;
  border: 1px solid rgba(79, 8, 176, 0.1);
}
.manager-services-section .services-right .patient-education-finder .results-container .no-coverage-message .no-coverage-content .fallback-contact-section .contact-options .contact-option .contact-icon {
  width: 20px;
  height: 20px;
  color: var(--pef-primary-color);
  flex-shrink: 0;
  margin-top: 2px;
}
.manager-services-section .services-right .patient-education-finder .results-container .no-coverage-message .no-coverage-content .fallback-contact-section .contact-options .contact-option .contact-details {
  flex: 1;
}
.manager-services-section .services-right .patient-education-finder .results-container .no-coverage-message .no-coverage-content .fallback-contact-section .contact-options .contact-option .contact-details .contact-label {
  font-size: 13px;
  font-weight: 600;
  color: var(--pef-primary-color);
  margin-bottom: 4px;
}
.manager-services-section .services-right .patient-education-finder .results-container .no-coverage-message .no-coverage-content .fallback-contact-section .contact-options .contact-option .contact-details .contact-value {
  font-size: 14px;
  margin-bottom: 4px;
}
.manager-services-section .services-right .patient-education-finder .results-container .no-coverage-message .no-coverage-content .fallback-contact-section .contact-options .contact-option .contact-details .contact-value a {
  color: var(--pef-primary-color);
  text-decoration: none;
  font-weight: 500;
}
.manager-services-section .services-right .patient-education-finder .results-container .no-coverage-message .no-coverage-content .fallback-contact-section .contact-options .contact-option .contact-details .contact-value a:hover {
  text-decoration: underline;
}
.manager-services-section .services-right .patient-education-finder .results-container .no-coverage-message .no-coverage-content .fallback-contact-section .contact-options .contact-option .contact-details .contact-hours {
  font-size: 12px;
  color: var(--pef-gray);
  font-style: italic;
}
.manager-services-section .services-right .patient-education-finder .results-container .no-coverage-message .no-coverage-content .fallback-contact-section .support-note {
  background: rgba(23, 162, 184, 0.1);
  border-radius: 6px;
  padding: 12px;
  border-left: 3px solid #17a2b8;
}
.manager-services-section .services-right .patient-education-finder .results-container .no-coverage-message .no-coverage-content .fallback-contact-section .support-note p {
  font-size: 13px;
  color: #0c5460;
  margin: 0;
  line-height: 1.4;
}
.manager-services-section .services-right .patient-education-finder .results-container .no-results {
  background: rgba(255, 255, 255, 0.95);
  border-radius: 12px;
  padding: 32px 24px;
  text-align: center;
  color: var(--pef-text-color);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}
.manager-services-section .services-right .patient-education-finder .results-container .no-results .no-results-icon {
  width: 48px;
  height: 48px;
  margin: 0 auto 16px;
  opacity: 0.6;
}
.manager-services-section .services-right .patient-education-finder .results-container .no-results .no-results-title {
  font-size: 18px;
  font-weight: 700;
  color: var(--pef-primary-color);
  margin: 0 0 8px 0;
}
.manager-services-section .services-right .patient-education-finder .results-container .no-results .no-results-message {
  font-size: 14px;
  color: var(--pef-gray);
  margin: 0 0 16px 0;
  line-height: 1.5;
}
.manager-services-section .services-right .patient-education-finder .results-container .no-results .fallback-contact {
  padding: 16px;
  background: rgba(79, 8, 176, 0.05);
  border-radius: 8px;
  border-left: 4px solid var(--pef-primary-color);
}
.manager-services-section .services-right .patient-education-finder .results-container .no-results .fallback-contact .fallback-title {
  font-size: 14px;
  font-weight: 600;
  color: var(--pef-primary-color);
  margin: 0 0 8px 0;
}
.manager-services-section .services-right .patient-education-finder .results-container .no-results .fallback-contact .fallback-info {
  font-size: 14px;
  color: var(--pef-text-color);
  margin: 0;
}
.manager-services-section .services-right .patient-education-finder .results-container .no-results .fallback-contact .fallback-info a {
  color: var(--pef-primary-color);
  text-decoration: none;
  font-weight: 600;
}
.manager-services-section .services-right .patient-education-finder .results-container .no-results .fallback-contact .fallback-info a:hover {
  text-decoration: underline;
}
.manager-services-section .services-right .patient-education-finder .results-container .error-message {
  background: rgba(220, 53, 69, 0.1);
  border: 1px solid rgba(220, 53, 69, 0.3);
  border-radius: 8px;
  padding: 16px;
  color: #721c24;
  text-align: center;
}
.manager-services-section .services-right .patient-education-finder .results-container .error-message .error-icon {
  width: 24px;
  height: 24px;
  margin: 0 auto 8px;
}
.manager-services-section .services-right .patient-education-finder .results-container .error-message .error-title {
  font-weight: 600;
  margin: 0 0 4px 0;
}
.manager-services-section .services-right .patient-education-finder .results-container .error-message .error-text {
  font-size: 14px;
  margin: 0;
}
.manager-services-section .services-right .patient-education-finder.loading .patient-education-finder-form {
  opacity: 0.7;
  pointer-events: none;
}
.manager-services-section .services-right .patient-education-finder.loading .search-button {
  position: relative;
  color: transparent;
}
.manager-services-section .services-right .patient-education-finder.loading .search-button::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 20px;
  height: 20px;
  border: 2px solid transparent;
  border-top: 2px solid var(--pef-white);
  border-radius: 50%;
  animation: spin 1s linear infinite;
}
.manager-services-section .services-right .patient-education-finder.loading .results-container {
  opacity: 0.5;
}
.manager-services-section .services-right .patient-education-finder.error .zip-input {
  border-color: #dc3545;
  background-color: rgba(220, 53, 69, 0.1);
  animation: shake 0.5s ease-in-out;
}
.manager-services-section .services-right .patient-education-finder.error .search-button {
  background-color: #dc3545;
}
.manager-services-section .services-right .patient-education-finder.error .search-button:hover {
  background-color: rgb(189.2151898734, 32.7848101266, 47.7721518987);
}
.manager-services-section .services-right .patient-education-finder.success .zip-input {
  border-color: #28a745;
  background-color: rgba(40, 167, 69, 0.1);
}
.manager-services-section .services-right .patient-education-finder.success .search-button {
  background-color: #28a745;
}
.manager-services-section .services-right .patient-education-finder.success .search-button:hover {
  background-color: rgb(30.1449275362, 125.8550724638, 52);
}
.manager-services-section .services-right .patient-education-finder.success .results-container {
  animation: slideInUp 0.5s ease-out;
}
.manager-services-section .services-right .patient-education-finder .zip-input.invalid {
  border-color: #dc3545;
  background-color: rgba(220, 53, 69, 0.1);
  animation: shake 0.3s ease-in-out;
}
.manager-services-section .services-right .patient-education-finder .zip-input.invalid:focus {
  box-shadow: 0 0 0 3px rgba(220, 53, 69, 0.3);
}
.manager-services-section .services-right .patient-education-finder .zip-input.valid {
  border-color: #28a745;
  background-color: rgba(40, 167, 69, 0.1);
}
.manager-services-section .services-right .patient-education-finder .zip-input.valid:focus {
  box-shadow: 0 0 0 3px rgba(40, 167, 69, 0.3);
}
.manager-services-section .services-right .patient-education-finder.loading-overlay {
  position: relative;
}
.manager-services-section .services-right .patient-education-finder.loading-overlay::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(79, 8, 176, 0.1);
  border-radius: var(--pef-border-radius);
  z-index: 10;
}
.manager-services-section .services-right .patient-education-finder.loading-overlay::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 40px;
  height: 40px;
  border: 4px solid transparent;
  border-top: 4px solid var(--pef-accent-color);
  border-radius: 50%;
  animation: spin 1s linear infinite;
  z-index: 11;
}
.manager-services-section .services-right .patient-education-finder.disabled {
  opacity: 0.6;
  pointer-events: none;
  cursor: not-allowed;
}
.manager-services-section .services-right .patient-education-finder.disabled .zip-input,
.manager-services-section .services-right .patient-education-finder.disabled .search-button {
  cursor: not-allowed;
}
.manager-services-section .services-right .patient-education-finder.empty-state .results-container .no-results {
  animation: bounceIn 0.6s ease-out;
}
.manager-services-section .services-right .patient-education-finder.network-error .results-container .error-message {
  animation: slideInDown 0.4s ease-out;
  background: rgba(220, 53, 69, 0.15);
  border-color: rgba(220, 53, 69, 0.4);
}
.manager-services-section .services-right .patient-education-finder .sr-only {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}
.manager-services-section .services-right .patient-education-finder .skip-link {
  position: absolute;
  top: -40px;
  left: 6px;
  background: var(--pef-primary-color);
  color: var(--pef-white);
  padding: 8px;
  text-decoration: none;
  border-radius: 4px;
  z-index: 1000;
  transition: top 0.3s ease;
}
.manager-services-section .services-right .patient-education-finder .skip-link:focus {
  top: 6px;
}
.manager-services-section .services-right .patient-education-finder .zip-input:focus,
.manager-services-section .services-right .patient-education-finder .search-button:focus,
.manager-services-section .services-right .patient-education-finder .manager-card a:focus {
  outline: 3px solid var(--pef-accent-color);
  outline-offset: 2px;
  outline: 3px solid #fabd26;
  outline-offset: 2px;
}
.manager-services-section .services-right .patient-education-finder .zip-input:focus {
  box-shadow: 0 0 0 3px rgba(250, 189, 38, 0.3), inset 0 0 0 2px rgba(255, 255, 255, 0.2);
}
.manager-services-section .services-right .patient-education-finder .search-button:focus {
  box-shadow: 0 0 0 3px rgba(250, 189, 38, 0.3);
  transform: translateY(-1px);
}
@media (prefers-contrast: high) {
  .manager-services-section .services-right .patient-education-finder .manager-card {
    border: 2px solid var(--pef-text-color);
  }
  .manager-services-section .services-right .patient-education-finder .zip-input {
    border-width: 3px;
  }
  .manager-services-section .services-right .patient-education-finder .search-button {
    border: 2px solid var(--pef-white);
  }
}
@media (prefers-reduced-motion: reduce) {
  .manager-services-section .services-right .patient-education-finder * {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}
@keyframes shake {
  0%, 100% {
    transform: translateX(0);
  }
  10%, 30%, 50%, 70%, 90% {
    transform: translateX(-5px);
  }
  20%, 40%, 60%, 80% {
    transform: translateX(5px);
  }
}
@keyframes slideInUp {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes slideInDown {
  from {
    opacity: 0;
    transform: translateY(-20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes bounceIn {
  0% {
    opacity: 0;
    transform: scale(0.3);
  }
  50% {
    opacity: 1;
    transform: scale(1.05);
  }
  70% {
    transform: scale(0.9);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes spin {
  0% {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  100% {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}

.gradient-section {
  width: 100vw;
  height: 5.333px;
  flex-shrink: 0;
  background: linear-gradient(90deg, #fa7821 -7.28%, #4f08b0 100.97%);
}

.assistance-section {
  width: 100%;
  max-width: 1055px;
}
@media (max-width: 991px) {
  .assistance-section {
    max-width: 100%;
  }
}
.assistance-section .assistance-container {
  gap: 20px;
  display: flex;
}
@media (max-width: 991px) {
  .assistance-section .assistance-container {
    flex-direction: column;
    align-items: stretch;
    gap: 0;
  }
}
.assistance-section .assistance-container .assistance-left {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  line-height: normal;
  width: 50%;
  margin-left: 0;
}
@media (max-width: 991px) {
  .assistance-section .assistance-container .assistance-left {
    width: 100%;
  }
}
.assistance-section .assistance-container .assistance-left .assistance-image {
  aspect-ratio: 1.66;
  object-fit: contain;
  object-position: center;
  width: 100%;
  flex-grow: 1;
}
@media (max-width: 991px) {
  .assistance-section .assistance-container .assistance-left .assistance-image {
    max-width: 100%;
  }
}
.assistance-section .assistance-container .assistance-right {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  line-height: normal;
  width: 50%;
}
@media (max-width: 991px) {
  .assistance-section .assistance-container .assistance-right {
    width: 100%;
  }
}
.assistance-section .assistance-container .assistance-right .assistance-content {
  margin: auto 0;
  align-self: stretch;
}
@media (max-width: 991px) {
  .assistance-section .assistance-container .assistance-right .assistance-content {
    max-width: 100%;
    margin-top: 40px;
  }
}
.assistance-section .assistance-container .assistance-right .assistance-content .assistance-title {
  color: #4f08b0;
  font-size: 26px;
  font-weight: 700;
  line-height: 28px;
  letter-spacing: -0.4px;
}
@media (max-width: 991px) {
  .assistance-section .assistance-container .assistance-right .assistance-content .assistance-title {
    max-width: 100%;
    font-size: 20px;
  }
}
.assistance-section .assistance-container .assistance-right .assistance-content .assistance-description {
  color: #444;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  margin-top: 28px;
}
@media (max-width: 991px) {
  .assistance-section .assistance-container .assistance-right .assistance-content .assistance-description {
    max-width: 100%;
    margin-right: 7px;
  }
}

.insurance-section {
  margin-top: 13px;
  width: 100%;
  max-width: 1040px;
}
@media (max-width: 991px) {
  .insurance-section {
    max-width: 100%;
  }
}
.insurance-section .insurance-container {
  column-gap: 3rem;
  display: flex;
}
@media (max-width: 991px) {
  .insurance-section .insurance-container {
    flex-direction: column;
    align-items: stretch;
    gap: 0;
  }
}
.insurance-section .insurance-container .insurance-left {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  line-height: normal;
  width: 50%;
  margin-left: 0;
}
@media (max-width: 991px) {
  .insurance-section .insurance-container .insurance-left {
    width: 100%;
  }
}
.insurance-section .insurance-container .insurance-left .insurance-card {
  border-radius: 18px;
  background-color: rgba(255, 255, 255, 0.5);
  flex-grow: 1;
  padding-bottom: 46px;
  width: 100%;
}
@media (max-width: 991px) {
  .insurance-section .insurance-container .insurance-left .insurance-card {
    max-width: 100%;
    margin-top: 32px;
  }
}
.insurance-section .insurance-container .insurance-left .insurance-card .insurance-title {
  line-height: 26.66px;
  border-radius: 20px 20px 0 0;
  padding: 26px 60px;
  font-size: 20px;
  color: #1e1e1e;
  font-weight: 700;
  text-align: center;
  background: linear-gradient(90deg, #fabd26 0%, #fa7821 100%);
}
@media (max-width: 991px) {
  .insurance-section .insurance-container .insurance-left .insurance-card .insurance-title {
    max-width: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }
}
.insurance-section .insurance-container .insurance-left .insurance-card .insurance-description {
  color: #444;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  margin: 34px 41px 0 41px;
}
@media (max-width: 991px) {
  .insurance-section .insurance-container .insurance-left .insurance-card .insurance-description {
    margin-right: 10px;
    margin-left: 10px;
  }
}
.insurance-section .insurance-container .insurance-right {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  line-height: normal;
  width: 50%;
}
@media (max-width: 991px) {
  .insurance-section .insurance-container .insurance-right {
    width: 100%;
  }
}
.insurance-section .insurance-container .insurance-right .financial-card {
  border-radius: 18px;
  background-color: rgba(255, 255, 255, 0.5);
  flex-grow: 1;
  padding-bottom: 50px;
  width: 100%;
}
@media (max-width: 991px) {
  .insurance-section .insurance-container .insurance-right .financial-card {
    max-width: 100%;
    margin-top: 32px;
  }
}
.insurance-section .insurance-container .insurance-right .financial-card .financial-title {
  border-radius: 17.778px 17.778px 0 0;
  padding: 26px 70px;
  font-size: 20px;
  color: #1e1e1e;
  font-weight: 700;
  text-align: center;
  line-height: 26.66px;
  background: linear-gradient(90deg, #fabd26 0%, #fa7821 100%);
}
@media (max-width: 991px) {
  .insurance-section .insurance-container .insurance-right .financial-card .financial-title {
    max-width: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }
}
.insurance-section .insurance-container .insurance-right .financial-card .financial-description {
  color: #444;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  margin: 34px 46px 0 46px;
}
@media (max-width: 991px) {
  .insurance-section .insurance-container .insurance-right .financial-card .financial-description {
    margin-right: 10px;
    margin-left: 10px;
  }
}

.disclaimer-text {
  color: #1e1e1e;
  font-size: 12px !important;
  font-weight: 400 !important;
  line-height: 18px !important;
  margin-top: 39px;
  max-width: 696px;
  letter-spacing: 0.2px;
}
@media (max-width: 991px) {
  .disclaimer-text {
    max-width: 100%;
  }
}
@media (max-width: 768px) {
  .disclaimer-text {
    margin-bottom: 0;
  }
}
.disclaimer-text span,
.disclaimer-text sup {
  margin-left: -5px;
}

.enrollment-section {
  display: flex;
  margin-top: 83px;
  max-width: 100%;
  flex-direction: column;
  align-items: center;
  font-size: 26px;
  color: #4f08b0;
  font-weight: 700;
  text-align: center;
  letter-spacing: -0.36px;
  line-height: 1;
  justify-content: start;
}
@media (max-width: 991px) {
  .enrollment-section {
    margin-top: 40px;
  }
}
.enrollment-section .enrollment-title {
  color: #4f08b0;
  font-size: 26px;
  font-weight: 700;
  text-align: center;
  letter-spacing: -0.36px;
  line-height: 35.56px;
}
@media (max-width: 991px) {
  .enrollment-section .enrollment-title {
    font-size: 20px;
    line-height: 28px;
  }
}

.enrollment-intro {
  color: #1e1e1e;
  font-size: 20px !important;
  font-weight: 700 !important;
  line-height: 1;
  text-align: center;
  margin-top: 59px;
}
@media (max-width: 991px) {
  .enrollment-intro {
    max-width: 100%;
    margin-top: 40px;
    font-size: 16px !important;
    text-align: left;
  }
}
@media (max-width: 768px) {
  .enrollment-intro {
    margin-bottom: 35px;
  }
}

.enrollment-steps {
  margin-top: 48px;
  width: 100%;
  max-width: 1037px;
}
@media (max-width: 991px) {
  .enrollment-steps {
    max-width: 100%;
    margin-top: 40px;
  }
}
@media (max-width: 768px) {
  .enrollment-steps {
    margin-top: 0;
  }
}
.enrollment-steps .steps-container {
  gap: 20px;
  display: flex;
}
@media (max-width: 768px) {
  .enrollment-steps .steps-container {
    flex-direction: column;
    align-items: stretch;
    gap: 18px;
  }
}
.enrollment-steps .steps-container .step-column {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  line-height: normal;
  width: 33%;
  margin-left: 0;
}
@media (max-width: 991px) {
  .enrollment-steps .steps-container .step-column {
    width: 100%;
    margin-left: 0;
  }
}
.enrollment-steps .steps-container .step-column .step-card {
  border-radius: 18px;
  background-color: rgba(255, 255, 255, 0.5);
  display: flex;
  flex-grow: 1;
  padding: 20px 42px 47px;
  flex-direction: column;
  align-items: center;
  font-size: 16px;
  color: #444;
  font-weight: 400;
  text-align: center;
  width: 100%;
}
@media (max-width: 500px) {
  .enrollment-steps .steps-container .step-column .step-card {
    padding-left: 20px !important;
    padding-right: 20px !important;
    flex-direction: row;
    gap: 22px;
  }
}
.enrollment-steps .steps-container .step-column .step-card .step-card::before,
.enrollment-steps .steps-container .step-column .step-card .step-card::after {
  content: "";
  display: none;
}
.enrollment-steps .steps-container .step-column .step-card .step-number {
  color: #4f08b0;
  stroke-width: 2.667px;
  border-color: #4f08b0;
  border-style: solid;
  border-width: 3px;
  border-radius: 50%;
  width: 86px;
  height: 86px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 53px;
  font-weight: 700;
  white-space: nowrap;
  line-height: 0;
  stroke: #4f08b0;
}
@media (max-width: 991px) {
  .enrollment-steps .steps-container .step-column .step-card .step-number {
    font-size: 40px;
    white-space: initial;
    width: 100%;
    max-width: 54px;
    max-height: 54px;
  }
}
.enrollment-steps .steps-container .step-column .step-card .step-text-main {
  line-height: 33px;
  align-self: stretch;
  margin-top: 23px;
}
@media (max-width: 991px) {
  .enrollment-steps .steps-container .step-column .step-card .step-text-main {
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 0px;
  }
}
@media (max-width: 500px) {
  .enrollment-steps .steps-container .step-column .step-card .step-text-main {
    text-align: left;
  }
}
.enrollment-steps .steps-container .step-column .step-card .step-text-main a.phone-number {
  font-size: 24px;
  color: #4f08b0;
  font-weight: 700;
  pointer-events: auto;
  cursor: pointer;
  text-decoration: underline !important;
}
.enrollment-steps .steps-container .step-column .step-card .step-text-main-two {
  margin: 12px auto;
}
.enrollment-steps .steps-container .step-column .step-card .step-text-sub {
  line-height: 2;
  margin-top: 13px;
}
@media (max-width: 991px) {
  .enrollment-steps .steps-container .step-column .step-card .step-text-sub {
    font-size: 16px;
    font-weight: 400;
    margin: 0px;
  }
}
@media (max-width: 500px) {
  .enrollment-steps .steps-container .step-column .step-card .step-text-sub {
    text-align: left;
  }
}
.enrollment-steps .steps-container .step-column .step-card .step-text {
  line-height: 24px;
  text-align: center;
  margin-top: 12px;
}
@media (max-width: 500px) {
  .enrollment-steps .steps-container .step-column .step-card .step-text {
    font-size: 16px;
    font-weight: 400;
    text-align: left;
  }
}
.enrollment-steps .steps-container .step-column .step-card .step-text-final {
  line-height: 24px;
  text-align: center;
  margin-top: 23px;
}
@media (max-width: 500px) {
  .enrollment-steps .steps-container .step-column .step-card .step-text-final {
    font-size: 16px;
    font-weight: 400;
    text-align: left;
  }
}
.enrollment-steps .steps-container .step-column .step-card .step-text-three {
  margin-top: 33px !important;
  max-width: 249px !important;
}
.enrollment-steps .steps-container .step-column .step-card .step-text-two {
  max-width: 240px;
}
.enrollment-steps .steps-container .step-column .step-card .enroll-button {
  justify-content: center;
  align-items: center;
  border-radius: 88.889px;
  align-self: stretch;
  display: flex;
  margin-top: 25px;
  min-height: 46px;
  padding: 8px 29px 8px 30px;
  gap: 18px;
  color: #fff;
  letter-spacing: 0.09px;
  line-height: 30px;
  background: linear-gradient(180deg, #4F08B0 0.68%, #21034A 50%, #4F08B0 100%);
  background-size: 100% 200%;
  border: none;
  font-weight: 700;
  cursor: pointer;
  text-decoration: none;
  transition: all 0.3s ease-in-out;
}
.enrollment-steps .steps-container .step-column .step-card .enroll-button .chevron-right {
  stroke: #fabd26;
  transition: stroke 0.3s;
}
.enrollment-steps .steps-container .step-column .step-card .enroll-button:hover {
  background-position: 0 100%;
}
.enrollment-steps .steps-container .step-column .step-card .enroll-button:hover .chevron-right {
  stroke: #fafafa;
}
@media (max-width: 991px) {
  .enrollment-steps .steps-container .step-column .step-card .enroll-button {
    padding-left: 20px;
    padding-right: 20px;
    max-width: 156px;
    place-self: center;
  }
}
@media (max-width: 500px) {
  .enrollment-steps .steps-container .step-column .step-card .enroll-button {
    padding-left: 20px;
    padding-right: 20px;
    max-width: 156px;
    place-self: start;
  }
}
.enrollment-steps .steps-container .step-column .step-card .enroll-button .enroll-text {
  align-self: stretch;
  margin: auto 0;
}
.enrollment-steps .steps-container .step-column .step-card .enroll-button .enroll-icon {
  aspect-ratio: 0.5;
  object-fit: contain;
  object-position: center;
  width: 6px;
  align-self: stretch;
  margin: auto 0;
  flex-shrink: 0;
}

.step-card-two {
  padding: 20px 0px 25px 0px !important;
}

.enroll-button-two {
  width: fit-content;
  margin: 0 auto;
  margin-top: 0px !important;
}
@media (max-width: 768px) {
  .enroll-button-two {
    margin: 0px;
  }
}

.contact-info {
  color: #444;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 24px;
  text-align: center;
  margin-top: 48px;
}
@media (max-width: 991px) {
  .contact-info {
    margin-top: 40px;
  }
}
@media (max-width: 768px) {
  .contact-info {
    margin-top: 38px;
  }
}
.contact-info a.contact-phone {
  font-weight: 700;
  color: #4f08b0;
  text-decoration: underline !important;
  pointer-events: auto !important;
  cursor: pointer;
}
@media (max-width: 768px) {
  .contact-info a.contact-phone {
    text-decoration: underline;
  }
}

.autoinjector-info {
  color: #fff !important;
  font-size: 20px !important;
  font-weight: 700 !important;
  align-self: stretch;
  margin-top: 57px;
  padding: 32px 284px;
  gap: 23px;
  text-align: center;
  letter-spacing: -0.36px;
  background: linear-gradient(90deg, #fa7821 -7.28%, #4f08b0 100.97%);
  width: 120vw !important;
  align-self: center;
}
.autoinjector-info a.phone-number-white {
  color: #fff !important;
  text-decoration: underline !important;
  white-space: nowrap;
  -webkit-text-fill-color: #fff;
  pointer-events: auto !important;
  cursor: pointer;
}
@media (max-width: 991px) {
  .autoinjector-info {
    max-width: 100%;
    padding-left: 20px;
    padding-right: 20px;
    margin-top: 40px;
    font-size: 18px !important;
  }
}
@media (max-width: 768px) {
  .autoinjector-info {
    margin-top: 0;
  }
}

@media (max-width: 991px) {
  .support-autoinjector {
    max-width: none !important;
    padding: 20px 93px !important;
  }
}
.connect-section {
  display: flex;
  width: 100%;
  margin-top: 39px;
  margin-bottom: 60px;
  max-width: 1040px;
  flex-direction: column;
  align-items: stretch;
}
@media (max-width: 991px) {
  .connect-section {
    max-width: 100%;
    margin-top: 26px;
    margin-bottom: 32px;
  }
}
.connect-section .connect-container {
  text-decoration: none;
  border-radius: 17.778px;
  align-self: center;
  display: flex;
  width: 737px;
  max-width: 100%;
  padding: 21px 26px;
  align-items: center;
  gap: 40px 100px;
  flex-wrap: wrap;
  background: linear-gradient(180deg, #4F08B0 0.68%, #21034A 50%, #4F08B0 100%);
  background-size: 100% 200%;
  transition: all 0.3s ease-in-out;
  flex-wrap: nowrap;
}
.connect-section .connect-container .chevron-right {
  stroke: #fabd26;
  transition: stroke 0.3s;
}
.connect-section .connect-container:hover {
  background-position: 0 100%;
}
.connect-section .connect-container:hover .chevron-right {
  stroke: #fafafa;
}
@media (max-width: 991px) {
  .connect-section .connect-container {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (max-width: 768px) {
  .connect-section .connect-container {
    gap: 0;
  }
}
.connect-section .connect-container:hover {
  background-position: 0 100%;
}
.connect-section .connect-container .connect-content {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: auto;
}
@media (max-width: 991px) {
  .connect-section .connect-container .connect-content {
    max-width: 100%;
  }
}
.connect-section .connect-container .connect-content .connect-row {
  gap: 20px;
  display: flex;
  flex-direction: row;
}
@media (max-width: 991px) {
  .connect-section .connect-container .connect-content .connect-row {
    align-items: stretch;
    gap: 0;
  }
}
.connect-section .connect-container .connect-content .connect-row .connect-icon-column {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  line-height: normal;
  width: 26%;
  margin-left: 0;
  border-right-style: solid;
  border-right-width: 1px;
  border-right-color: #fff;
}
@media (max-width: 768px) {
  .connect-section .connect-container .connect-content .connect-row .connect-icon-column {
    border-right-width: 0px;
  }
}
.connect-section .connect-container .connect-content .connect-row .connect-icon-column .connect-icon {
  aspect-ratio: 1.22;
  object-fit: contain;
  object-position: center;
  width: 128px;
  flex-shrink: 0;
  max-width: 100%;
  flex-grow: 1;
}
@media (max-width: 991px) {
  .connect-section .connect-container .connect-content .connect-row .connect-icon-column .connect-icon {
    margin-top: 28px;
  }
}
@media (max-width: 768px) {
  .connect-section .connect-container .connect-content .connect-row .connect-icon-column .connect-icon {
    margin-top: 0;
    transform: translateX(-10px);
  }
}
@media (max-width: 440px) {
  .connect-section .connect-container .connect-content .connect-row .connect-icon-column .connect-icon {
    width: 54px;
  }
}
@media (max-width: 768px) {
  .connect-section .connect-container .connect-content .connect-row .connect-icon-column .connect-icon .img {
    width: 40px;
  }
}
.connect-section .connect-container .connect-content .connect-row .connect-text-column {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  line-height: normal;
  width: 74%;
  margin-left: 20px;
}
@media (max-width: 991px) {
  .connect-section .connect-container .connect-content .connect-row .connect-text-column {
    width: 100%;
  }
}
@media (max-width: 768px) {
  .connect-section .connect-container .connect-content .connect-row .connect-text-column {
    width: 218px;
    margin-left: 0;
  }
}
.connect-section .connect-container .connect-content .connect-row .connect-text-column .connect-text {
  color: #fff;
  font-size: 21px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.09px;
  margin: auto 0;
  align-self: stretch;
  text-align: left;
}
@media (max-width: 768px) {
  .connect-section .connect-container .connect-content .connect-row .connect-text-column .connect-text {
    width: 218px;
  }
}
.connect-section .connect-container .connect-content .connect-row .connect-text-column .connect-text .connect-title {
  font-weight: 700;
  font-size: 20px;
  line-height: 30px;
  color: #fff;
}
@media (max-width: 768px) {
  .connect-section .connect-container .connect-content .connect-row .connect-text-column .connect-text .connect-title {
    font-size: 16px;
    line-height: 24px;
  }
}
.connect-section .connect-container .connect-content .connect-row .connect-text-column .connect-text .connect-subtitle {
  font-size: 16px;
  line-height: 24px;
}
.connect-section .connect-container .connect-arrow {
  aspect-ratio: 0.64;
  object-fit: contain;
  object-position: center;
  width: 14px;
  margin: auto 0;
  flex-shrink: 0;
  margin-left: 10px;
}
.connect-section .fcs-definition {
  color: #1e1e1e;
  font-size: 12px;
  font-weight: 400;
  line-height: 1;
  align-self: start;
  margin-top: 45px;
}
@media (max-width: 991px) {
  .connect-section .fcs-definition {
    margin-top: 40px;
  }
}

.isi-section {
  margin-top: 36px;
}
@media (max-width: 991px) {
  .isi-section {
    max-width: 100%;
  }
}
.isi-section .isi-content {
  color: #444;
  font-size: 16px;
  font-family: Helvetica Neue, -apple-system, Roboto, Helvetica, sans-serif;
  font-weight: 400;
  line-height: 22px;
}
.isi-section .isi-content .isi-heading {
  font-family: Poppins, -apple-system, Roboto, Helvetica, sans-serif;
  font-weight: 700;
  font-size: 17px;
  text-transform: uppercase;
  color: #4f08b0;
}
.isi-section .isi-content .isi-text {
  font-family: Poppins, -apple-system, Roboto, Helvetica, sans-serif;
}
.isi-section .isi-content .isi-bold {
  font-family: Poppins, -apple-system, Roboto, Helvetica, sans-serif;
  font-weight: 700;
}
.isi-section .isi-content .isi-link {
  font-family: Poppins, -apple-system, Roboto, Helvetica, sans-serif;
  font-weight: 700;
  text-decoration: underline;
  color: #4f08b0;
}
.isi-section .isi-content .isi-link-text {
  font-family: Poppins, -apple-system, Roboto, Helvetica, sans-serif;
  font-weight: 700;
  color: #4f08b0;
}

.support-access-page .footer {
  background-color: #fff;
  display: flex;
  width: 100%;
  padding-bottom: 27px;
  flex-direction: column;
  align-items: stretch;
  font-size: 12px;
}
@media (max-width: 991px) {
  .support-access-page .footer {
    max-width: 100%;
  }
}
.support-access-page .footer .footer-gradient {
  display: flex;
  min-height: 5px;
  width: 100%;
  background: linear-gradient(90deg, #fabd26 0%, #fa7821 100%);
}
@media (max-width: 991px) {
  .support-access-page .footer .footer-gradient {
    max-width: 100%;
  }
}
.support-access-page .footer .footer-content {
  align-self: center;
  display: flex;
  margin-top: 21px;
  width: 100%;
  max-width: 1046px;
  flex-direction: column;
  align-items: stretch;
}
@media (max-width: 991px) {
  .support-access-page .footer .footer-content {
    max-width: 100%;
  }
}
.support-access-page .footer .footer-content .footer-nav {
  align-self: start;
  display: flex;
  align-items: center;
  gap: 13px;
  color: #4f08b0;
  font-weight: 500;
  letter-spacing: 0.09px;
  line-height: 21px;
  justify-content: start;
  flex-wrap: wrap;
}
.support-access-page .footer .footer-content .footer-nav .footer-link {
  color: #4f08b0;
  text-decoration: none;
  align-self: stretch;
  margin: auto 0;
}
.support-access-page .footer .footer-content .footer-nav .footer-separator {
  aspect-ratio: 0.05;
  object-fit: contain;
  object-position: center;
  width: 1px;
  align-self: stretch;
  margin: auto 0;
  flex-shrink: 0;
}
.support-access-page .footer .footer-content .footer-bottom {
  display: flex;
  margin-top: 4px;
  align-items: start;
  gap: 20px;
  color: #1e1e1e;
  font-weight: 400;
  line-height: 18px;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media (max-width: 991px) {
  .support-access-page .footer .footer-content .footer-bottom {
    max-width: 100%;
  }
}
.support-access-page .footer .footer-content .footer-bottom .copyright-text {
  margin-top: 12px;
}
.support-access-page .footer .footer-content .footer-bottom .footer-logo {
  aspect-ratio: 3.08;
  object-fit: contain;
  object-position: center;
  width: 117px;
  flex-shrink: 0;
  max-width: 100%;
}

.doctor-consultation-section {
  display: flex;
  margin-top: 82px;
  width: 100%;
  max-width: 1063px;
  flex-direction: column;
  align-items: stretch;
  place-self: center;
}
@media (max-width: 1025px) {
  .doctor-consultation-section {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (max-width: 768px) {
  .doctor-consultation-section {
    margin-top: 40px;
  }
}
.doctor-consultation-section .doctor-consultation-container {
  border-radius: 17.778px;
  align-self: center;
  display: flex;
  max-width: 100%;
  padding: 21px 26px;
  align-items: stretch;
  gap: 40px 100px;
  flex-wrap: wrap;
  width: 100%;
  background: linear-gradient(180deg, #4f08b0 0.68%, #21034a 100%);
}
@media (max-width: 768px) {
  .doctor-consultation-section .doctor-consultation-container {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (max-width: 768px) {
  .doctor-consultation-section .doctor-consultation-container {
    gap: 0;
    width: 100%;
  }
}
.doctor-consultation-section .doctor-consultation-container .doctor-consultation-content {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: auto;
}
@media (max-width: 768px) {
  .doctor-consultation-section .doctor-consultation-container .doctor-consultation-content {
    max-width: 100%;
  }
}
.doctor-consultation-section .doctor-consultation-container .doctor-consultation-content .doctor-consultation-row {
  gap: 20px;
  display: flex;
  flex-direction: row;
}
@media (max-width: 768px) {
  .doctor-consultation-section .doctor-consultation-container .doctor-consultation-content .doctor-consultation-row {
    align-items: stretch;
    gap: 0;
  }
}
.doctor-consultation-section .doctor-consultation-container .doctor-consultation-content .doctor-consultation-row .doctor-consultation-icon-column {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  line-height: normal;
  width: 26%;
  margin-left: 0;
  border-right-style: solid;
  border-right-width: 1px;
  border-right-color: #fff;
  width: 151.308px;
  height: 104.889px;
}
@media (max-width: 768px) {
  .doctor-consultation-section .doctor-consultation-container .doctor-consultation-content .doctor-consultation-row .doctor-consultation-icon-column {
    border-right-width: 0px;
    align-self: center;
  }
}
.doctor-consultation-section .doctor-consultation-container .doctor-consultation-content .doctor-consultation-row .doctor-consultation-icon-column .doctor-consultation-icon {
  aspect-ratio: 1.22;
  object-fit: contain;
  object-position: center;
  width: 78.457px;
  height: 58.738px;
  flex-shrink: 0;
  max-width: 100%;
  flex-grow: 1;
  place-self: center;
}
@media (max-width: 768px) {
  .doctor-consultation-section .doctor-consultation-container .doctor-consultation-content .doctor-consultation-row .doctor-consultation-icon-column .doctor-consultation-icon {
    margin-top: 0;
    width: 54px;
    transform: translateX(-10px);
  }
}
@media (max-width: 768px) {
  .doctor-consultation-section .doctor-consultation-container .doctor-consultation-content .doctor-consultation-row .doctor-consultation-icon-column .doctor-consultation-icon .img {
    width: 40px;
  }
}
.doctor-consultation-section .doctor-consultation-container .doctor-consultation-content .doctor-consultation-row .doctor-consultation-text-column {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  line-height: normal;
  width: 100%;
  margin-left: 20px;
  max-width: 688px;
}
@media (max-width: 768px) {
  .doctor-consultation-section .doctor-consultation-container .doctor-consultation-content .doctor-consultation-row .doctor-consultation-text-column {
    width: 100%;
  }
}
@media (max-width: 768px) {
  .doctor-consultation-section .doctor-consultation-container .doctor-consultation-content .doctor-consultation-row .doctor-consultation-text-column {
    margin-left: 0;
  }
}
.doctor-consultation-section .doctor-consultation-container .doctor-consultation-content .doctor-consultation-row .doctor-consultation-text-column .doctor-consultation-text {
  color: #fff;
  font-size: 21px;
  font-weight: 400;
  line-height: 30px;
  letter-spacing: 0.09px;
  margin: auto 0;
  align-self: stretch;
  text-align: left;
}
.doctor-consultation-section .doctor-consultation-container .doctor-consultation-content .doctor-consultation-row .doctor-consultation-text-column .doctor-consultation-text .doctor-consultation-subtitle {
  font-size: 20px;
  color: #fff;
  font-weight: 400;
  line-height: 30.222px;
  letter-spacing: -0.356px;
}
@media (max-width: 768px) {
  .doctor-consultation-section .doctor-consultation-container .doctor-consultation-content .doctor-consultation-row .doctor-consultation-text-column .doctor-consultation-text .doctor-consultation-subtitle {
    font-size: 16px;
    line-height: 20px;
  }
}
.doctor-consultation-section .doctor-consultation-container .doctor-consultation-content .doctor-consultation-row .doctor-consultation-text-column .doctor-consultation-text .doctor-consultation-subtitle span {
  background: linear-gradient(90deg, #fabd26 0%, #fa7821 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  font-weight: 700;
}
.doctor-consultation-section .doctor-consultation-container .doctor-consultation-content .doctor-consultation-row .doctor-consultation-text-column .doctor-consultation-text .doctor-consultation-subtitle #comma {
  background: none;
  -webkit-text-fill-color: #fff;
  font-weight: 700;
}
@media (max-width: 768px) {
  .doctor-consultation-section .doctor-consultation-container .doctor-consultation-content .doctor-consultation-row .doctor-consultation-text-column .doctor-consultation-text {
    min-width: 218px;
    line-height: 20px;
  }
}

.top-margin {
  margin-top: 40px;
}
@media (max-width: 768px) {
  .top-margin {
    margin-top: 10px;
  }
}

/**
 * How TRYNGOLZA Works Page Styles
 * Styles for node--twigify--about-tryngolza-how-tryngolza-works.html.twig
 */
.behind-the-science {
  max-width: 1044px;
  margin: 0 auto;
}
.behind-the-science p strong {
  color: #4f08b0;
}
.behind-the-science .side-by-side {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  gap: 1rem;
}
.behind-the-science .side-by-side .primary,
.behind-the-science .side-by-side .secondary {
  padding-left: 10px;
  flex: 1 1 100%;
  max-width: 430px;
}
.behind-the-science .side-by-side .primary .image-with-text,
.behind-the-science .side-by-side .secondary .image-with-text {
  position: relative;
  display: inline-block;
}
.behind-the-science .side-by-side .primary .image-with-text img,
.behind-the-science .side-by-side .secondary .image-with-text img {
  display: block;
  width: 100%;
  height: auto;
}
.behind-the-science .side-by-side .primary .image-with-text .text-overlay,
.behind-the-science .side-by-side .secondary .image-with-text .text-overlay {
  font-family: Poppins;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0px;
  position: absolute;
  bottom: 25px; /* adjust as needed */
  left: 25px; /* adjust as needed */
  right: 25px;
  color: #444444;
  padding: 10px;
  border-radius: 5px;
}
.behind-the-science .side-by-side .side-by-side-title {
  font-size: 18px;
  line-height: 28px;
}
@media (min-width: 1024px) {
  .behind-the-science .offset-top {
    margin-top: 60px;
  }
}
.behind-the-science .gianac-card {
  justify-content: space-between;
}
@media (width: 768px) {
  .behind-the-science .side-by-side {
    flex-wrap: nowrap !important;
  }
}
@media (max-width: 991px) {
  .behind-the-science .gianac-card {
    justify-content: center;
  }
  .behind-the-science .side-by-side .primary,
  .behind-the-science .secondary {
    padding-left: 0;
    padding-right: 0;
    max-width: max-content !important;
  }
}
@media (max-width: 768px) {
  .behind-the-science .side-by-side {
    gap: 2rem;
    padding-left: 25px;
    padding-right: 25px;
    width: 100%;
    margin-bottom: 10px;
    justify-content: center;
    flex-wrap: wrap;
  }
  .behind-the-science .side-by-side .primary,
  .behind-the-science .side-by-side .secondary {
    padding-left: 0;
    padding-right: 0;
  }
  .behind-the-science .gianac-card {
    justify-content: center;
  }
}
.behind-the-science .page-title {
  text-align: center;
}
.behind-the-science .step-container {
  gap: 3.75rem;
  margin-bottom: 1rem;
  justify-content: flex-start;
  padding-left: 0;
  padding-right: 0;
}
.behind-the-science .step-container .primary {
  padding-left: 0;
}
@media (max-width: 768px) {
  .behind-the-science .step-container {
    gap: 24px;
    margin-bottom: 24px !important;
  }
}
@media (max-width: 991px) {
  .behind-the-science .step-container {
    justify-content: center;
    padding-left: 24px;
    padding-right: 24px;
  }
}
@media (max-width: 768px) {
  .behind-the-science .step-layout-margin {
    margin-bottom: 12px !important;
  }
}
.behind-the-science .step-number {
  font-size: 53.333px;
  line-height: 25px;
  font-weight: 700;
  color: #4f08b0;
}
@media (max-width: 768px) {
  .behind-the-science .step-number {
    margin-bottom: 20px;
  }
}
@media (max-width: 768px) {
  .behind-the-science .side-by-side .step-number {
    margin-top: 10px;
  }
}
.behind-the-science .step-title {
  margin-top: 2rem;
  font-size: 26px;
  font-weight: bold;
  color: #4f08b0;
  line-height: 28px;
}
@media (max-width: 768px) {
  .behind-the-science .step-title {
    font-size: 20px;
    margin-top: 1rem;
    margin-bottom: 10px;
  }
}
.behind-the-science .step-description {
  font-size: 18px;
  line-height: 28px;
}
@media (max-width: 768px) {
  .behind-the-science .step-description {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 10px;
  }
}
.behind-the-science .note {
  display: flex;
  align-items: center;
}
@media (max-width: 768px) {
  .behind-the-science .note {
    flex-direction: column;
  }
}
.behind-the-science p.no-bottom-margin {
  margin-bottom: 0px !important;
}
@media (max-width: small) {
  .behind-the-science p.no-bottom-margin {
    max-width: 300px;
    overflow-wrap: anywhere;
  }
}
@media (max-width: 768px) {
  .behind-the-science .next.layout {
    padding-top: 10px;
    padding-bottom: 10px;
  }
}

@media (min-width: 768px) {
  .colored-alert {
    margin-bottom: 30px;
  }
}

.tryngolza-side-by-side-cards {
  display: flex;
  flex-direction: column;
  align-items: center;
  line-height: 24px;
  gap: 36px;
  margin: 32px 0 0;
  padding: 16px 24px;
  border-radius: 24px;
}
@media (min-width: 768px) {
  .tryngolza-side-by-side-cards {
    flex-direction: row;
    justify-content: center;
    gap: 16px;
    padding: 32px 10px;
    margin-bottom: 18px;
  }
}
.tryngolza-side-by-side-cards .tryngolza-card {
  border: 2.67px solid #4F08B0;
  border-radius: 30px;
  padding: 13px;
  width: 100%;
  max-width: 504px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (min-width: 768px) {
  .tryngolza-side-by-side-cards .tryngolza-card {
    padding: 20px;
    width: 90vw;
    border-radius: 44.44px;
  }
}
.tryngolza-side-by-side-cards .tryngolza-card-inner {
  background: rgba(178, 178, 255, 0.5019607843);
  border-radius: 23.65px;
  padding: 4px 24px 16px 24px;
  width: 100%;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (min-width: 768px) {
  .tryngolza-side-by-side-cards .tryngolza-card-inner {
    border-radius: 35.56px;
    padding-bottom: 32px;
  }
  .tryngolza-side-by-side-cards .tryngolza-card-inner .card-2-description {
    letter-spacing: -0.4px;
  }
}
.tryngolza-side-by-side-cards .tryngolza-card-img {
  display: flex;
  justify-content: center;
  gap: 16px;
  margin-bottom: 22px;
}
@media (min-width: 768px) {
  .tryngolza-side-by-side-cards .tryngolza-card-img {
    margin-bottom: 26px;
  }
}
.tryngolza-side-by-side-cards .tryngolza-card-img img {
  width: 70%;
}
@media (min-width: 768px) {
  .tryngolza-side-by-side-cards .tryngolza-card-img img {
    width: 280px;
    height: 164px;
    object-fit: contain;
  }
}
.tryngolza-side-by-side-cards .tryngolza-card-desc {
  color: #444444;
  font-size: 14px;
  text-align: left;
  font-weight: 400;
  line-height: 1.4;
}
@media (min-width: 768px) {
  .tryngolza-side-by-side-cards .tryngolza-card-desc {
    font-size: 16px;
    line-height: 1.5;
  }
}

.pathways-for-triglyceride-clearance-desktop .pathways-col.right {
  position: relative;
}
.pathways-for-triglyceride-clearance-desktop .pathways-col.right img {
  width: 100%;
  padding-top: 10px;
}
@media (min-width: 768px) {
  .pathways-for-triglyceride-clearance-desktop .pathways-col.right img {
    padding-top: 0;
  }
}
.pathways-for-triglyceride-clearance-desktop .pathways-col .chat-bubble {
  border: 1px solid #898989;
  background-color: white;
  padding: 20px;
  color: #444444;
  font-size: 14px;
  line-height: 20px;
  border-radius: 16px;
  position: absolute;
}
.pathways-for-triglyceride-clearance-desktop .pathways-col .chat-bubble::after {
  content: "";
  position: absolute;
  width: 18px;
  height: 18px;
  background-color: white;
  border-left: 1px solid #898989;
  border-top: 1px solid #898989;
}
.pathways-for-triglyceride-clearance-desktop .pathways-col.lpl-dependent-aside .chat-bubble {
  right: 20px;
  width: 51%;
  bottom: 50%;
}
.pathways-for-triglyceride-clearance-desktop .pathways-col.lpl-dependent-aside .chat-bubble::after {
  transform: rotate(-45deg);
  right: calc(100% - 9px);
  bottom: 30px;
}
.pathways-for-triglyceride-clearance-desktop .pathways-col.lpl-independent-aside .chat-bubble {
  right: 20px;
  width: 51%;
  bottom: -15%;
  margin-right: 10px;
}
.pathways-for-triglyceride-clearance-desktop .pathways-col.lpl-independent-aside .chat-bubble::after {
  transform: rotate(45deg);
  right: 200px;
  bottom: calc(100% - 9px);
}
.pathways-for-triglyceride-clearance-desktop .aside-title {
  font-size: 12px;
  color: #444444;
  line-height: 16px;
}
.pathways-for-triglyceride-clearance-desktop .aside-title.aside-title-left {
  width: 174px;
}
@media (min-width: 768px) {
  .pathways-for-triglyceride-clearance-desktop .aside-title.aside-title-left {
    margin-left: 8%;
  }
}
.pathways-for-triglyceride-clearance-desktop .aside-title.aside-title-right {
  width: 126px;
  text-align: center;
}
.pathways-for-triglyceride-clearance-desktop .aside-title-container .aside-title.aside-title-right {
  position: absolute;
  right: 0;
  top: 27%;
}
@media (min-width: 768px) {
  .pathways-for-triglyceride-clearance-desktop .aside-title-container .aside-title.aside-title-right {
    right: 10%;
    top: 20%;
  }
}
.pathways-for-triglyceride-clearance-desktop .aside-title-container-2 {
  display: flex;
  justify-content: space-between;
  position: absolute;
  width: 100%;
  top: -50px;
}
@media (min-width: 768px) {
  .pathways-for-triglyceride-clearance-desktop .aside-title-container-2 {
    text-align: center;
  }
}
.pathways-for-triglyceride-clearance-desktop .aside-title-container-2 .aside-title.aside-title-left {
  margin-left: 0;
}

@media (min-width: 991px) {
  .pathways-for-triglyceride-clearance-desktop {
    display: grid;
    max-width: 1044px;
    margin: 0 auto;
    grid-template-columns: 1fr 2fr;
    gap: 1rem;
    justify-items: center;
    align-items: center;
    grid-template-areas: "top-left right" "bottom-left right";
  }
  .pathways-for-triglyceride-clearance-desktop .aside-title-container {
    display: none;
  }
  .pathways-for-triglyceride-clearance-desktop .left {
    max-width: 253px;
    margin: 0;
  }
  .pathways-for-triglyceride-clearance-border {
    display: none;
  }
}
@media (min-width: 1024px) {
  .pathway-align {
    display: inline-block;
    line-height: 24px;
    letter-spacing: 0px;
    max-width: 253px;
  }
}
@media (max-width: 991px) {
  .pathways-for-triglyceride-clearance-desktop {
    margin-left: 16px;
    margin-right: 16px;
    padding: 0px 12px;
  }
  .pathways-for-triglyceride-clearance-desktop .pathways-col.left {
    margin-bottom: 20px;
  }
  .pathways-for-triglyceride-clearance-desktop .pathways-col.right .chat-bubble {
    position: relative;
    margin: 0 auto;
    width: 100%;
    max-width: 340px;
    font-size: 14px;
    line-height: 20px;
    right: auto;
    margin-left: 17%;
  }
  .pathways-for-triglyceride-clearance-desktop .pathways-col.lpl-dependent-aside .chat-bubble::after {
    right: 200px;
    bottom: calc(100% - 9px);
    transform: rotate(45deg);
  }
  .pathways-for-triglyceride-clearance-desktop .pathways-col.lpl-independent-aside .chat-bubble {
    bottom: 0px;
  }
  .pathways-for-triglyceride-clearance-desktop .pathways-col.lpl-independent-aside .chat-bubble::after {
    right: 90px;
    bottom: calc(100% - 9px);
    transform: rotate(45deg);
  }
  .pathways-for-triglyceride-clearance-desktop .aside-title-container-2 {
    position: static;
  }
  .pathways-for-triglyceride-clearance-border {
    background: linear-gradient(90deg, #FA7821 -7.28%, #4F08B0 100.97%);
    height: 6px;
    margin: 36px 0;
  }
  .pathways-title {
    letter-spacing: -0.4px;
  }
  .pathway-title-padding {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
}
@media (max-width: 564px) {
  .pathways-for-triglyceride-clearance-desktop .pathways-col.right .chat-bubble {
    margin: 0 auto;
  }
}
@media (min-width: 565px) and (max-width: 731px) {
  .pathways-for-triglyceride-clearance-desktop .pathways-col.lpl-independent-aside .chat-bubble {
    margin-left: 20%;
  }
}
@media (min-width: 732px) and (max-width: 991px) {
  .pathways-for-triglyceride-clearance-desktop .pathways-col.lpl-independent-aside .chat-bubble {
    margin-left: 35%;
  }
}
@media (min-width: 991px) {
  .about-tryngolza-how-tryngolza-works:has(.isi) section.isi .fixed .col-12 .safety-info {
    margin-left: 43px;
  }
}
@media (min-width: 992px) {
  .about-tryngolza-how-tryngolza-works:has(.isi) section.isi .static > div {
    padding-left: 0;
    padding-right: 0;
  }
}

.about-tryngolza-clinical-trial .side-by-side {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  margin-top: 5rem;
}
@media (min-width: 1048px) {
  .about-tryngolza-clinical-trial .side-by-side {
    flex-wrap: nowrap;
    gap: 60px;
  }
  .about-tryngolza-clinical-trial .side-by-side .primary {
    display: flex;
    flex-direction: column;
    align-self: flex-end;
    gap: 40px;
    max-width: 472px;
    margin-bottom: 0px;
    font-size: 26px;
  }
  .about-tryngolza-clinical-trial .side-by-side .primary div a {
    margin: 0px;
  }
  .about-tryngolza-clinical-trial .side-by-side .primary p {
    margin: 0px !important;
  }
}
@media (max-width: 768px) {
  .about-tryngolza-clinical-trial .side-by-side .trial-intro-section {
    margin-top: 53px !important;
  }
}
.about-tryngolza-clinical-trial .side-by-side .primary,
.about-tryngolza-clinical-trial .side-by-side .secondary {
  flex: 1 1 100%;
  max-width: 508px;
}
.about-tryngolza-clinical-trial .clinical-result-heading {
  max-width: 46rem;
  margin: 0 auto;
}
.about-tryngolza-clinical-trial h2.clinical-trial-heading {
  font-family: Poppins, sans-serif;
  font-weight: 700;
  font-size: 26px;
  line-height: 35.56px;
  color: #4F08B0;
}
@media (max-width: 991px) {
  .about-tryngolza-clinical-trial h2.clinical-trial-heading {
    font-weight: 700;
    font-size: 18px;
    line-height: 26px;
    letter-spacing: -0.4px;
    padding-left: 11px;
    padding-right: 26px;
    margin-top: 53px;
  }
}
@media (max-width: 768px) {
  .about-tryngolza-clinical-trial h2.clinical-trial-heading {
    margin-top: 0px;
  }
}
@media (max-width: 991px) {
  .about-tryngolza-clinical-trial .side-by-side {
    margin-top: 0px;
  }
}
@media (max-width: 1047px) {
  .about-tryngolza-clinical-trial .primary.trial-intro-section {
    max-width: 100%;
  }
  .about-tryngolza-clinical-trial .clinical-result-heading {
    max-width: 100% !important;
  }
}
@media (max-width: 768px) {
  .about-tryngolza-clinical-trial .trial-intro-section {
    margin-top: 53px !important;
  }
  .about-tryngolza-clinical-trial .genetic-alert {
    font-size: 18px;
    letter-spacing: -0.4px;
  }
  .about-tryngolza-clinical-trial .pancreatitis-heading {
    margin-top: 40px;
  }
  .about-tryngolza-clinical-trial .pancreatitis-heading-text {
    font-size: 18px;
    line-height: 26px;
    letter-spacing: -0.4px;
    padding-left: 13px;
    padding-right: 12px;
  }
  .about-tryngolza-clinical-trial .colored-alert {
    padding-left: 0px;
    padding-right: 0px;
  }
  .about-tryngolza-clinical-trial .result-section {
    padding-left: 0px;
    padding-right: 0px;
  }
  .about-tryngolza-clinical-trial .layout.layout--onecol > div .layout__region.result-region {
    padding-left: 9px;
    padding-right: 9px;
  }
  .about-tryngolza-clinical-trial .results-heading {
    font-size: 18px;
    letter-spacing: -0.4px;
  }
}
.about-tryngolza-clinical-trial .genevie-wrap {
  position: relative;
}
.about-tryngolza-clinical-trial .genevie-wrap .genevie-photo {
  width: 100%;
  position: relative;
  margin: 0;
  border-radius: 28px;
}
.about-tryngolza-clinical-trial .genevie-wrap .gradient-overlay {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 0px 0px 28px 28px;
  background: linear-gradient(90deg, #fa7821 0%, #4f08b0 100%);
  height: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  font-weight: 700;
  color: #ffffff;
}
@media (max-width: 991px) {
  .about-tryngolza-clinical-trial .genevie-wrap .gradient-overlay strong {
    padding-top: 12px;
    padding-bottom: 13px;
    font-size: 14px;
    line-height: 14.5945px;
    letter-spacing: 0;
  }
  .about-tryngolza-clinical-trial .genevie-wrap .gradient-overlay .mobile-flex-center {
    display: block;
    text-align: center;
  }
}

@media (max-width: 768px) {
  h2.pancreatitis-heading-text {
    margin-top: 42px !important;
  }
}
/**
 * @file
 * Styles for the Taking TRYNGOLZA page.
 */
@media (max-width: 768px) {
  #hero-wrap {
    margin-bottom: 0;
  }
}

.missed-dose-section {
  position: relative;
  width: 100%;
  max-width: 1016px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 48px;
}
@media (max-width: 991px) {
  .missed-dose-section {
    max-width: 100%;
    padding: 0 24px;
  }
}
@media (max-width: 768px) {
  .missed-dose-section {
    padding-top: 50px;
  }
}
.missed-dose-section .missed-dose-card {
  display: flex;
  align-items: center;
  position: relative;
  margin-left: 54px;
  padding: 20px 40px 20px 80px;
  box-sizing: border-box;
  background: rgba(255, 255, 255, 0.5);
  border-radius: 16px;
  min-height: 180px;
}
@media (max-width: 768px) {
  .missed-dose-section .missed-dose-card {
    margin-left: 0;
    padding: 70px 20px 24px;
    min-height: unset;
  }
}
.missed-dose-section .missed-dose-badge {
  position: absolute;
  left: -59px;
  top: 50%;
  transform: translateY(-50%);
  width: 118px;
  height: 118px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
}
.missed-dose-section .missed-dose-badge img {
  width: 108px;
  height: 108px;
}
@media (max-width: 768px) {
  .missed-dose-section .missed-dose-badge {
    position: absolute;
    top: -50px;
    left: 50%;
    transform: translateX(-50%);
    width: 100px;
    height: 100px;
    background: transparent;
  }
  .missed-dose-section .missed-dose-badge img {
    position: relative;
    z-index: 1;
    width: 84px;
    height: 84px;
  }
}
.missed-dose-section .missed-dose-badge__ring {
  display: none;
}
@media (max-width: 768px) {
  .missed-dose-section .missed-dose-badge__ring {
    display: block;
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
  }
  .missed-dose-section .missed-dose-badge__ring img {
    width: 100%;
    height: 100%;
    display: block;
  }
}
.missed-dose-section .missed-dose-content {
  flex: 1;
}
.missed-dose-section .missed-dose-heading {
  font-family: "Poppins", sans-serif;
  font-size: 20px;
  font-weight: 700;
  color: #4f08b0;
  line-height: 24px;
  margin: 0 0 8px;
}
@media (max-width: 768px) {
  .missed-dose-section .missed-dose-heading {
    font-size: 16px;
  }
}
.missed-dose-section .missed-dose-list {
  list-style: disc;
  margin: 0;
  padding-left: 24px;
}
.missed-dose-section .missed-dose-list li {
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  color: #000;
  margin-bottom: 6px;
}
.missed-dose-section .missed-dose-list li:last-child {
  margin-bottom: 0;
}

@media (max-width: 768px) {
  .travel-section {
    text-align: center;
  }
}

@media (max-width: 768px) {
  .travel-section .footnote {
    margin-bottom: 0px;
  }
}

.injector {
  position: relative;
  margin: 65px auto 18px;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 320px;
}
@media (max-width: 768px) {
  .injector {
    flex-direction: column;
    padding: 30px 30px 0 30px;
    margin: 0px auto 2px;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    font-family: "Poppins", sans-serif;
  }
}
.injector .injector-bg {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  max-width: 968px;
  width: 95vw;
  height: 302px;
  border-radius: 17.778px;
  opacity: 0.5;
  background: #fff;
  flex-shrink: 0;
  z-index: 1;
  pointer-events: none;
}
@media (max-width: 768px) {
  .injector .injector-bg {
    width: 337px;
    z-index: 0;
    background: transparent;
  }
}
.injector .injector-content {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 29px;
  width: 100%;
  z-index: 2;
  padding: 0;
  box-sizing: border-box;
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 18px;
  overflow: hidden;
}
@media (max-width: 768px) {
  .injector .injector-content {
    flex-direction: column;
    align-items: center;
    gap: 18px;
    background: rgba(255, 255, 255, 0.5);
    border-radius: 20px;
    padding-bottom: 26px;
  }
}
@media (max-width: 1024px) {
  .injector .injector-content {
    width: 100%;
    min-width: 0;
    min-height: unset;
  }
}
.injector .injector-content .insurance-content-title {
  border-radius: 20px 20px 0 0;
  padding: 26px 49px;
  font-size: 20px;
  color: #1e1e1e;
  font-weight: 700;
  width: 100%;
  margin-bottom: 0;
  text-align: center;
  line-height: 1;
  background: linear-gradient(90deg, #4F08B0 0%, #FA7821 100%);
  color: #fff;
}
.injector .injector-content .injector-graphic {
  flex: none;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  position: relative;
}
@media (max-width: 768px) {
  .injector .injector-content .injector-graphic {
    width: 112px;
    height: 112px;
    margin-bottom: 20px;
  }
}
.injector .injector-content .injector-graphic .injector-illustration {
  width: 200px;
  height: 200px;
  object-fit: contain;
  border-radius: 18px;
  padding: 29.216px;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
}
@media (max-width: 768px) {
  .injector .injector-content .injector-graphic .injector-illustration {
    width: 100%;
    height: 100%;
    padding: 0;
  }
}
.injector .injector-content .injector-text {
  flex: none;
  color: #1e1e1e;
  font-family: "Poppins", Arial, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.5em;
  background: transparent;
  padding-left: 0;
  text-align: left;
  max-width: 895px;
  width: 70vw;
  font-style: normal;
}
.injector .injector-content .injector-text ul {
  padding-left: 26px;
  margin-bottom: 19px;
  margin-top: 12px;
}
@media (max-width: 768px) {
  .injector .injector-content .injector-text {
    font-weight: 400;
    text-align: left;
    line-height: 24px;
    color: #1E1E1E;
  }
  .injector .injector-content .injector-text ul {
    padding-left: 25px;
  }
}
.injector .injector-content .injector-text p {
  margin-top: 9px;
  margin-bottom: 0;
}
.injector .injector-content .injector-text li p {
  position: relative;
  padding-left: 1em;
}
.injector .injector-content .injector-text li p::before {
  content: "–";
  position: absolute;
  left: 0;
}
.injector .injector-content h3 {
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 0;
}
@media (max-width: 768px) {
  .injector .injector-content h3 {
    line-height: 24px;
    margin-bottom: 8px;
  }
}
.injector .injector-content ul li {
  font-weight: 400;
  margin-bottom: 6px;
  line-height: 1.5em;
  text-align: left;
}
@media (max-width: 768px) {
  .injector .injector-content ul li {
    margin-bottom: 10px;
    letter-spacing: -0.35px;
  }
}
.injector .injector-content ul ul li {
  text-decoration: none;
}
@media (max-width: 768px) {
  .injector .injector-content ul ul li ::before {
    content: "— ";
    text-indent: -20px;
  }
}
@media (max-width: 768px) {
  .injector .injector-content ul ul li span {
    padding-left: 48px;
  }
}
.injector .injector-content span {
  font-weight: 400;
  margin-bottom: 6px;
  line-height: 1.5em;
  font-size: 16px;
  color: #1e1e1e;
}
.injector .injector-content .highlight-time {
  color: #4f08b0 !important;
  font-family: Poppins;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
}
.injector .injector-content .injector-content__wing {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 90px;
  height: 118px;
  pointer-events: none;
}
.injector .injector-content .injector-content__wing img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: bottom right;
}

.tip-cards-section-title {
  margin-top: 64px;
  padding-bottom: 0;
}
.tip-cards-section-title .tryngolza-usage-block p.centralize-text.margin-top-36 strong a {
  color: #4F08B0;
  font-weight: 700;
  text-decoration: underline;
  text-underline-offset: 2px;
}
@media (max-width: 767px) {
  .tip-cards-section-title {
    margin-top: 0px;
    padding-bottom: 0;
  }
  .tip-cards-section-title .tryngolza-usage-block {
    margin-top: 0px;
  }
  .tip-cards-section-title .tryngolza-usage-block p.centralize-text.margin-top-36 {
    font-size: 16px;
    line-height: 24px;
    color: #1e1e1e;
    text-align: left;
    word-break: break-word;
    padding-inline: 14.5px;
  }
}

.tips-cards-section {
  padding-top: 44px;
}
.tips-cards-section .tips-cards-grid {
  display: grid;
  grid-template-columns: repeat(3, 328px);
  gap: 24px;
  justify-content: center;
}
@media (max-width: 1025px) {
  .tips-cards-section .tips-cards-grid {
    grid-template-columns: 1fr;
    padding: 0 24px;
  }
}
.tips-cards-section .tips-card {
  position: relative;
  background: rgba(255, 255, 255, 0.5);
  border-radius: 26px;
  overflow: hidden;
}
.tips-cards-section .tips-card__image {
  height: 162px;
  border-radius: 26px 26px 0 0;
  overflow: hidden;
  scale: 110%;
  margin-bottom: 26px;
}
@media (max-width: 1025px) {
  .tips-cards-section .tips-card__image {
    height: 336px;
  }
}
@media (max-width: 768px) {
  .tips-cards-section .tips-card__image {
    height: auto;
  }
}
.tips-cards-section .tips-card__image img {
  position: relative;
  top: 2px;
  margin: auto;
  display: block;
}
@media (max-width: 1025px) {
  .tips-cards-section .tips-card__image img {
    width: 100%;
  }
}
@media (max-width: 768px) {
  .tips-cards-section .tips-card__image img {
    position: unset;
    top: unset;
    margin: auto;
    display: block;
    width: 100%;
  }
}
.tips-cards-section .tips-card__body {
  padding: 0px 24px 48px;
  text-align: center;
}
.tips-cards-section .tips-card__title {
  font-family: "Poppins", sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 22px;
  color: #4F08B0;
  margin: 0 0 10px;
}
.tips-cards-section .tips-card__text {
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  color: #000;
  margin: 0;
}
.tips-cards-section .tips-card__wing {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 72px;
  height: 80px;
  pointer-events: none;
}

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

.dashed-list {
  list-style-type: none;
  padding-inline-start: 20px;
  max-width: 571px;
  justify-self: center;
}
.dashed-list > li {
  text-indent: -68px !important;
}
.dashed-list > li:before {
  content: "— ";
  text-indent: -20px;
}

.transcript-toggle {
  display: flex;
  border: 1px solid #6b2c91;
  border-radius: 8px;
  overflow: hidden;
  width: fit-content;
  height: fit-content;
  margin: 0px 50px 0px 50px;
}
@media (max-width: 768px) {
  .transcript-toggle {
    margin: 0px 18px 0 18px;
  }
}

.transcript-header {
  display: flex;
  align-items: center;
}

.language-btn {
  padding: 6px 16px;
  background: transparent;
  color: #4F08B0;
  border: none;
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
  letter-spacing: -0.178px;
  transition: all 0.3s ease;
}
@media (max-width: 768px) {
  .language-btn {
    font-size: 14px;
    padding: 1px 8px;
    line-height: 19px;
    letter-spacing: -0.122px;
  }
}

.language-btn.active {
  background-color: #4F08B0;
  color: white;
}

.collapsible-button {
  padding: 24px 50px 24px 50px;
}
@media (max-width: 768px) {
  .collapsible-button {
    padding: 12px 20px 12px 0px;
  }
}

.autoinjector-diagram {
  width: 100%;
  max-width: 1016px;
  margin: 40px auto 40px;
  padding: 0 24px;
  box-sizing: border-box;
}
.autoinjector-diagram__image-wrap {
  position: relative;
  max-width: 804px;
  margin: 0 auto;
  padding-bottom: 70px;
}
.autoinjector-diagram__img {
  display: block;
  width: 100%;
  height: auto;
}
.autoinjector-diagram__labels {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: visible;
  pointer-events: none;
}
.autoinjector-diagram__label-pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 32px;
  padding: 0 22px;
  border-radius: 16px;
  background: linear-gradient(180deg, #4f08b0 3.676%, #21034a 100%);
  color: #fff;
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 1;
  white-space: nowrap;
  position: relative;
  overflow: hidden;
  transform: translateX(-13%);
}
.autoinjector-diagram__label-wing {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 38px;
  height: 32px;
  pointer-events: none;
}
.autoinjector-diagram__label-wing img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: bottom right;
}
.autoinjector-diagram__label {
  position: absolute;
  pointer-events: auto;
  transform: translateX(-50%);
}
.autoinjector-diagram__label::before {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
  width: 1.66px;
  background: linear-gradient(270deg, #4F08B0 2.01%, #21034A 97.13%);
}
.autoinjector-diagram__label--cap {
  left: 11.8%;
  top: 235px;
}
.autoinjector-diagram__label--cap::before {
  left: 17px;
  height: 108px;
}
.autoinjector-diagram__label--shield {
  left: 24.9%;
  top: 146px;
}
.autoinjector-diagram__label--shield::before {
  height: 56px;
  left: 2px;
}
.autoinjector-diagram__label--window {
  left: 38%;
  top: 214px;
}
.autoinjector-diagram__label--window::before {
  height: 105px;
}
.autoinjector-diagram__label--plunger {
  left: 57.4%;
  top: 156px;
}
.autoinjector-diagram__label--plunger::before {
  height: 78px;
  rotate: -37deg;
  left: -5px;
  top: -68px;
}
.autoinjector-diagram__dot {
  position: absolute;
  width: 48px;
  height: 47px;
  background: url("../../images/taking-tryngolza/pin-point.svg") no-repeat center/contain;
  left: 50%;
  transform: translateX(-50%);
  z-index: 3;
}
.autoinjector-diagram__dot--cap {
  bottom: calc(100% + 87px);
}
.autoinjector-diagram__dot--shield {
  bottom: calc(100% + 40px);
}
.autoinjector-diagram__dot--window {
  bottom: calc(100% + 87px);
}
.autoinjector-diagram__dot--plunger {
  bottom: calc(100% + 38px);
}
.autoinjector-diagram .autoinjector-diagram__dot--cap {
  left: 0;
  transform: translateX(-13%);
}
.autoinjector-diagram .autoinjector-diagram__dot--shield {
  left: 3px;
}
.autoinjector-diagram .autoinjector-diagram__dot--plunger {
  left: 0;
  transform: translateX(-108%);
}
.autoinjector-diagram__heading-desktop {
  display: none;
  text-align: center;
  color: var(--Purple, #4F08B0) !important;
  font-size: 16px !important;
  font-style: normal !important;
  font-weight: 600 !important;
  line-height: 130% !important; /* 20.8px */
}
.autoinjector-diagram__heading-mobile {
  display: none;
  text-align: center;
}
@media (min-width: 768px) {
  .autoinjector-diagram__heading-desktop {
    display: block;
  }
  .autoinjector-diagram .autoinjector-diagram__dot {
    animation-name: pulse-outer;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    border-radius: 50%;
  }
  .autoinjector-diagram__label-pill {
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.6s ease;
  }
  .autoinjector-diagram__label::before {
    opacity: 0;
    transition: opacity 0.6s ease;
  }
  .autoinjector-diagram__label:hover::before {
    opacity: 1;
  }
  .autoinjector-diagram__label:hover .autoinjector-diagram__label-pill {
    opacity: 1;
    pointer-events: auto;
  }
}
@media (max-width: 768px) {
  .autoinjector-diagram {
    margin-top: 0;
    padding: 0 16px;
  }
  .autoinjector-diagram__heading-mobile {
    display: block;
    color: var(--Purple, #4F08B0) !important;
    text-align: center !important;
    font-size: 12px !important;
    font-style: normal !important;
    font-weight: 600 !important;
    line-height: 130% !important;
    letter-spacing: 1px !important;
  }
  .autoinjector-diagram .autoinjector-diagram__image-wrap {
    max-width: 390px;
    min-width: 390px;
    margin: 0 auto;
  }
  .autoinjector-diagram .autoinjector-diagram__dot--cap {
    top: 35px;
    left: unset;
    transform: translate(83%, 50%);
  }
  .autoinjector-diagram .autoinjector-diagram__dot--plunger {
    left: unset;
    transform: translateX(-119%);
  }
  .autoinjector-diagram .autoinjector-diagram__dot--shield {
    left: 21%;
  }
  .autoinjector-diagram__image-wrap {
    padding-top: 64px;
    padding-bottom: 32px;
    overflow: visible;
  }
  .autoinjector-diagram__labels {
    overflow: visible;
  }
  .autoinjector-diagram__label {
    position: absolute;
    transform: translateX(-50%);
  }
  .autoinjector-diagram__label::before {
    background: linear-gradient(270deg, #4F08B0 2.01%, #21034A 97.13%);
  }
  .autoinjector-diagram__label--cap {
    top: 21px;
  }
  .autoinjector-diagram__label--cap::before {
    content: "";
    position: absolute;
    top: 100%;
    bottom: auto;
    left: 27%;
    transform: translateX(-50%);
    width: 3px;
    height: 25px;
  }
  .autoinjector-diagram__label--window {
    top: 21px;
  }
  .autoinjector-diagram__label--window::before {
    content: "";
    position: absolute;
    top: 100%;
    bottom: auto;
    left: 12%;
    transform: translateX(-50%);
    width: 3px;
    height: 29px;
  }
  .autoinjector-diagram__label--shield {
    top: 154px;
  }
  .autoinjector-diagram__label--shield::before {
    content: "";
    position: absolute;
    bottom: 100%;
    top: auto;
    left: 21%;
    transform: translateX(-50%);
    rotate: none;
    width: 3px;
    height: 50px;
  }
  .autoinjector-diagram__label--plunger {
    top: 154px;
  }
  .autoinjector-diagram__label--plunger::before {
    content: "";
    position: absolute;
    bottom: 100%;
    transform: translateX(0%);
    width: 3px;
    height: 73px;
    rotate: -35deg;
    left: 6px;
    top: -52px;
  }
  .autoinjector-diagram__label--cap {
    left: 16%;
  }
  .autoinjector-diagram__label--window {
    left: 49%;
  }
  .autoinjector-diagram__label--plunger {
    left: 62%;
  }
  .autoinjector-diagram__dot {
    width: 21px;
    height: 21px;
  }
  .autoinjector-diagram__dot--cap {
    bottom: calc(100% + 94px);
  }
  .autoinjector-diagram__dot--shield {
    bottom: calc(100% + 42px);
  }
  .autoinjector-diagram__dot--window {
    bottom: -43px;
    left: 12%;
  }
  .autoinjector-diagram__dot--plunger {
    bottom: calc(100% + 37px);
  }
  .autoinjector-diagram__label-pill {
    font-size: 12px;
    height: 28px;
    padding: 0 18px;
    transform: none;
    white-space: nowrap;
  }
  .autoinjector-diagram__heading {
    display: block;
    font-family: "Poppins", sans-serif;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.3;
    letter-spacing: 1px;
    color: var(--color-purple);
    text-align: center;
    margin: 0 0 16px;
  }
}

.download-quick-guide {
  width: 100%;
  background: linear-gradient(270deg, #FA7821 -7.75%, #4F08B0 99.49%);
  margin-top: 60px;
}
.download-quick-guide .download-quick-guide--wrapper {
  margin: auto;
  width: 100%;
  padding-top: 32px;
  padding-bottom: 32px;
  max-width: 879px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 16px;
}
@media (max-width: 768px) {
  .download-quick-guide .download-quick-guide--wrapper {
    padding-left: 24px;
    padding-right: 24px;
  }
}
.download-quick-guide .download-quick-guide--wrapper .content {
  text-align: center;
  color: var(--White, #FFF);
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 30px;
  letter-spacing: -0.356px;
}
@media (max-width: 768px) {
  .download-quick-guide .download-quick-guide--wrapper .content {
    font-size: 18px;
    line-height: 24px;
    letter-spacing: -0.4px;
  }
}
.download-quick-guide .download-quick-guide--wrapper .content a {
  color: #FFF;
  text-align: center;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px; /* 150% */
  letter-spacing: -0.356px;
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: auto;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
}
@media (max-width: 768px) {
  .download-quick-guide .download-quick-guide--wrapper .content a {
    font-size: 18px;
    line-height: 24px; /* 133.333% */
    letter-spacing: -0.4px;
  }
}
.download-quick-guide .download-quick-guide--wrapper .star {
  display: inline-block;
  width: 20px;
  height: 20px;
}
@media (max-width: 768px) {
  .download-quick-guide .download-quick-guide--wrapper .star {
    width: 18px;
    height: 18px;
  }
}

.travelling-section {
  margin-top: 73px;
}
.travelling-section .travelling-section-wrapper {
  display: flex;
  flex-wrap: nowrap !important;
}
.travelling-section .layout__region--first {
  flex: 0 0 46% !important;
  width: 46% !important;
}
.travelling-section .travel-section {
  padding-left: 20%;
}
.travelling-section .travel-section .footnote {
  text-align: center !important;
}
.travelling-section .travel-section img {
  max-width: 270px;
}
.travelling-section .instructions-text-wrapper {
  display: flex;
  max-width: 475px;
  justify-content: center;
  align-items: center;
  gap: 18px;
  margin-left: auto;
}
.travelling-section .instructions-text-wrapper img {
  max-width: 28px;
}
.travelling-section .instructions-text-wrapper p {
  color: var(--Black, #000);
  font-family: Poppins;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 18px; /* 128.571% */
}
.travelling-section .instructions-text-wrapper p a {
  color: var(--Purple, #4F08B0);
  font-family: Poppins;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 18px;
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: auto;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
}
.travelling-section .layout__region--second {
  padding-left: 0.75rem !important;
  padding-right: 0.75rem !important;
  flex: 0 0 54% !important;
  width: 54% !important;
}
.travelling-section .white-card-h2 {
  color: var(--Purple, #4F08B0);
  text-align: center;
  font-family: Poppins;
  font-size: 26px;
  font-style: normal;
  font-weight: 700;
  line-height: 35.556px; /* 136.752% */
  letter-spacing: -0.356px;
}
.travelling-section .white-icon {
  max-width: 475px;
  margin-left: auto;
  margin-right: 0;
}
.travelling-section .white-icon img.icon {
  transform: translateX(-66%);
}
.travelling-section .white-icon div {
  transform: translateX(-20%);
}
@media (max-width: 1025px) {
  .travelling-section .travelling-section-wrapper {
    flex-wrap: wrap !important;
  }
  .travelling-section .instructions-text-wrapper {
    display: flex;
    max-width: 750px;
    justify-content: center;
    align-items: center;
    gap: 18px;
    margin-left: auto;
    margin-right: auto;
  }
  .travelling-section .travel-section {
    padding-left: 0%;
    text-align: center;
  }
  .travelling-section .layout__region--first {
    order: 2;
    margin-top: 42px;
    flex: 0 0 100% !important;
    width: 100% !important;
  }
  .travelling-section .layout__region--first img {
    max-width: 224px;
    margin: auto;
  }
  .travelling-section .layout__region--second {
    order: 1;
    padding-left: 24px !important;
    padding-right: 24px !important;
    flex: 0 0 100% !important;
    width: 54% !important;
  }
  .travelling-section .white-card-h2 {
    color: var(--Purple, #4F08B0);
    text-align: center;
    font-family: Poppins;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 28px; /* 140% */
    letter-spacing: -0.4px;
  }
  .travelling-section .white-icon {
    max-width: 750px;
    margin-left: unset;
    margin-top: 100px;
    padding-left: 24px;
    padding-right: 24px;
    margin-right: auto;
    margin-left: auto;
  }
  .travelling-section .white-icon img.icon {
    transform: translateX(0%) translateY(-45%);
  }
  .travelling-section .white-icon div {
    transform: translateX(0%);
  }
  .travelling-section .white-icon .missed-dose-badge__ring {
    display: none;
    transform: translateX(0%) translateY(-45%);
  }
}
@media (max-width: 1025px) and (max-width: 768px) {
  .travelling-section .white-icon .missed-dose-badge__ring {
    max-height: 133px;
    display: block;
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
  }
  .travelling-section .white-icon .missed-dose-badge__ring img {
    width: 100%;
    height: 100%;
    display: block;
  }
}

.injector-table-section .injector-table {
  max-width: 940px;
  margin: 0 auto;
  border-radius: 18px;
  overflow: hidden;
}
.injector-table-section .title {
  background: linear-gradient(90deg, #4f08b0 0%, #fa7821 100%);
  color: #fff;
  font-family: "Poppins", sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.2;
  text-align: center;
  padding: 15px 28px;
  min-height: 54px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 30px;
}
.injector-table-section .injector-table-content {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
}
.injector-table-section .injector-table-content div {
  border: unset;
}
.injector-table-section .injector-table-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  border-right: 1px solid rgba(79, 8, 176, 0.15);
  padding-bottom: 24px;
}
.injector-table-section .injector-table-item:last-child {
  border-right: none;
}
.injector-table-section .injector-table-item__image {
  width: 100%;
  height: 133px;
  background: rgba(79, 8, 176, 0.08);
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}
.injector-table-section .injector-table-item__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center top;
  display: block;
}
.injector-table-section .injector-table-item__body {
  padding: 16px 12px 0;
  text-align: center;
}
.injector-table-section .injector-table-item__body h4 {
  font-family: "Poppins", sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 22px;
  color: #4f08b0;
  margin: 0 0 4px;
}
.injector-table-section .injector-table-item__body p {
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 17px;
  color: #444;
  margin: 0;
}
@media (max-width: 767px) {
  .injector-table-section .injector-table {
    border-radius: 12px;
    margin: 0 16px;
  }
  .injector-table-section .injector-table-content {
    grid-template-columns: 1fr;
  }
  .injector-table-section .injector-table-item {
    border-right: none;
    border-bottom: 1px solid rgba(79, 8, 176, 0.15);
  }
  .injector-table-section .injector-table-item:last-child {
    border-bottom: none;
  }
  .injector-table-section .injector-table-item__image {
    height: 160px;
  }
}

@media (max-width: 767px) {
  .page-title-section .tryngolza-usage-block p {
    text-align: left !important;
    padding-left: 19px;
    padding-right: 19px;
  }
}

.purple-text {
  color: var(--Purple, #4F08B0) !important;
}

.transcript-drawer.block--type--collapsible-item.collapsible-item-margin {
  position: relative;
  border-bottom: 1px solid #4F08B0;
  border-top: 1px solid #4F08B0;
  overflow: visible;
}
.transcript-drawer.block--type--collapsible-item.collapsible-item-margin .collapsible-button {
  border-top: 0;
  padding-left: 0px;
}
.transcript-drawer.block--type--collapsible-item.collapsible-item-margin .toggle {
  top: 25px;
}
@media (min-width: 768px) {
  .transcript-drawer.block--type--collapsible-item.collapsible-item-margin .toggle {
    top: 15px;
  }
}
.transcript-drawer.block--type--collapsible-item.collapsible-item-margin .collapsible-content {
  border-radius: 0 0 24px 24px;
  overflow: hidden;
}
.transcript-drawer.block--type--collapsible-item.collapsible-item-margin.opened .collapsible-content {
  padding-bottom: 0;
}
.transcript-drawer.block--type--collapsible-item.collapsible-item-margin .transcript-scroll {
  max-height: 505px;
  overflow-x: hidden;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  scrollbar-gutter: stable;
  padding: 0 32px 32px 0px;
  margin-right: 35px;
}
.transcript-drawer.block--type--collapsible-item.collapsible-item-margin .transcript-scroll::-webkit-scrollbar {
  width: 8px;
  -webkit-appearance: none;
  background: rgba(79, 8, 176, 0.1);
}
.transcript-drawer.block--type--collapsible-item.collapsible-item-margin .transcript-scroll::-webkit-scrollbar-track {
  background: rgba(79, 8, 176, 0.1);
  border-radius: 10px;
}
.transcript-drawer.block--type--collapsible-item.collapsible-item-margin .transcript-scroll::-webkit-scrollbar-track-piece {
  background: rgba(79, 8, 176, 0.1);
  border-radius: 10px;
}
.transcript-drawer.block--type--collapsible-item.collapsible-item-margin .transcript-scroll::-webkit-scrollbar-thumb {
  background: #4F08B0;
  border-radius: 4px;
  min-height: 40px;
}
.transcript-drawer.block--type--collapsible-item.collapsible-item-margin .transcript-scroll::-webkit-scrollbar-corner {
  background: transparent;
}
@media (max-width: 767px) {
  .transcript-drawer.block--type--collapsible-item.collapsible-item-margin .transcript-scroll {
    max-height: 715px;
    padding: 0 11px 32px 0px;
    margin-right: 20px;
  }
}

@media (min-width: 768px) {
  .fcs-taking-tryngolza .block--type--collapsible-item .collapsible-content .transcript-scroll p {
    margin-bottom: 10px;
  }
}
@media (max-width: 767px) {
  .fcs-taking-tryngolza .block--type--collapsible-item .transcript-button-text {
    width: 100%;
  }
  .fcs-taking-tryngolza .block--type--collapsible-item .collapsible-button {
    width: 100%;
    padding: 12px 40px 12px 0;
  }
  .fcs-taking-tryngolza .transcript-drawer.block--type--collapsible-item.collapsible-item-margin .toggle {
    top: 8px;
  }
}

@-moz-document url-prefix() {
  .transcript-drawer .transcript-scroll {
    scrollbar-width: thin;
    scrollbar-color: #4F08B0 rgba(79, 8, 176, 0.1);
  }
}
#injection-training-video .video {
  overflow: hidden;
}
#injection-training-video .video__poster {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  padding: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
  z-index: 1;
}
#injection-training-video .video__poster-img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#injection-training-video .video__play {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 160px;
  height: 160px;
  background: url("../../images/play-button.png") no-repeat center/contain;
  pointer-events: none;
}
#injection-training-video .video__player {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}
@media (max-width: 767px) {
  #injection-training-video .video__play {
    width: 64px;
    height: 64px;
  }
}

/**
 * @file
 * Styles for the TRYNGOLZA webinars  page.
 */
.support-and-access-events .layout-container {
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.15) 0%, rgba(79, 8, 176, 0.15) 100%);
}

.support-and-access-events .content-section {
  padding: 0;
}
@media (max-width: 991px) {
  .support-and-access-events .content-section {
    padding: 0 28px;
  }
}

.events-gradient-bg {
  width: 100%;
  max-width: 798px;
  margin: 0 auto;
  height: 100%;
}
@media (max-width: 991px) {
  .events-gradient-bg.content-section {
    padding-left: 26px;
    padding-right: 26px;
  }
}
.events-gradient-bg .register-webinar-section {
  display: flex;
  max-width: 100%;
  flex-direction: column;
  align-items: center;
  font-size: 26px;
  color: #4f08b0;
  font-weight: 700;
  text-align: center;
  letter-spacing: -0.36px;
  line-height: 35.56px;
  justify-content: start;
}
.events-gradient-bg .register-webinar-section .section-title {
  color: #4f08b0;
  font-size: 27px;
  font-weight: 700;
  text-align: center !important;
  letter-spacing: -0.36px;
  line-height: 35.56px;
  margin-bottom: 0;
}
@media (max-width: 991px) {
  .events-gradient-bg .register-webinar-section .section-title {
    font-size: 20px;
    line-height: 28px;
    letter-spacing: -0.4px;
  }
}
.events-gradient-bg .register-webinar-section .title-underline {
  aspect-ratio: 40;
  object-fit: contain;
  object-position: center;
  width: 539px;
  stroke-width: 2.667px;
  stroke: #fabd26;
  margin-top: 30px;
  max-width: 100%;
}
@media (max-width: 768px) {
  .events-gradient-bg .register-webinar-section .title-underline {
    margin-top: 10px;
    aspect-ratio: 36;
  }
}
.events-gradient-bg .intro-text {
  color: #444;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 24px;
  margin-top: 41px;
  max-width: 736px;
  text-align: left;
  letter-spacing: 0px;
}
@media (max-width: 991px) {
  .events-gradient-bg .intro-text {
    max-width: 100%;
    margin-top: 40px;
  }
}
@media (max-width: 768px) {
  .events-gradient-bg .intro-text {
    margin-top: 36px;
    max-width: 336px;
  }
}
.events-gradient-bg .intro-text .brand-highlight {
  font-weight: 700;
  color: #4f08b0;
}
@media (max-width: 991px) {
  .events-gradient-bg .webinar-card__img-arrow {
    width: 19px;
    padding: 3.5px;
  }
}
.events-gradient-bg .webinar-card {
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 18px;
  box-sizing: border-box;
  margin-top: 68px;
  margin-bottom: 27px;
  position: relative;
  width: 100%;
  max-width: 777px;
}
@media (max-width: 991px) {
  .events-gradient-bg .webinar-card {
    margin-top: 57px;
    margin-bottom: 28px;
  }
}
.events-gradient-bg .webinar-card__link {
  text-decoration: none;
}
.events-gradient-bg .webinar-card__content {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: stretch;
}
@media (max-width: 768px) {
  .events-gradient-bg .webinar-card__content {
    flex-direction: column;
  }
}
.events-gradient-bg .webinar-card__img-container {
  width: 261px;
  background-color: magenta;
  border-top-left-radius: 18px;
  border-bottom-left-radius: 18px;
}
@media (max-width: 768px) {
  .events-gradient-bg .webinar-card__img-container {
    width: 100%;
    border-bottom-left-radius: 0;
    border-top-right-radius: 18px;
    border-bottom-left-radius: 0;
    min-height: 160px;
  }
}
.events-gradient-bg .webinar-card__info {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 40px;
}
@media (max-width: 768px) {
  .events-gradient-bg .webinar-card__info {
    padding: 40px 17px;
  }
}
.events-gradient-bg .webinar-card__info--recorded {
  background-color: #B2B2FF;
}
.events-gradient-bg .webinar-card__subtitle {
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  font-weight: 600;
  color: black;
  margin-bottom: 8px;
  line-height: 1.5;
}
.events-gradient-bg .webinar-card__title {
  font-family: "Poppins", sans-serif;
  font-size: 24px;
  font-weight: 700;
  color: #4F08B0;
  margin-bottom: 16px;
  line-height: 1.4;
  max-width: 603px;
  margin-top: 0;
}
@media (max-width: 768px) {
  .events-gradient-bg .webinar-card__title {
    font-size: 20px;
    line-height: 28px;
  }
}
.events-gradient-bg .webinar-card__datetime {
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  font-weight: 400;
  color: black;
  line-height: 1.5;
}
.events-gradient-bg .webinar-card__datetime .webinar-card__date,
.events-gradient-bg .webinar-card__datetime .webinar-card__time {
  color: black;
  font-weight: 700;
  white-space: nowrap;
  letter-spacing: 0.05em;
}
.events-gradient-bg .webinar-card__datetime .webinar-card__date abbr,
.events-gradient-bg .webinar-card__datetime .webinar-card__time abbr {
  text-decoration: none;
}
.events-gradient-bg .webinar-card__datetime .small-caps {
  text-transform: uppercase;
  font-size: 0.75rem;
  letter-spacing: 0.05em;
  text-decoration: none;
}
.events-gradient-bg .webinar-card__cta {
  width: 94px;
  background: linear-gradient(180deg, #4F08B0 0.68%, #21034A 50%, #4F08B0 100%);
  background-size: 100% 200%;
  transition: all 0.3s ease-in-out;
  border-top-right-radius: 18px;
  border-bottom-right-radius: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.events-gradient-bg .webinar-card__cta .chevron-right {
  color: #fabd26;
}
@media (max-width: 768px) {
  .events-gradient-bg .webinar-card__cta {
    width: 100%;
    border-radius: 0 0 18px 18px;
    height: 68px;
  }
}
@media (min-width: 1025px) {
  .events-gradient-bg .webinar-card:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    border-radius: 20px;
    inset: 0;
    padding: 2px;
    background: linear-gradient(to bottom, #21034A, #4F08B0);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
    pointer-events: none;
  }
  .events-gradient-bg .webinar-card:hover:before {
    opacity: 1;
  }
  .events-gradient-bg .webinar-card:hover .webinar-card__cta {
    background-position: 0 100%;
  }
  .events-gradient-bg .webinar-card:hover .webinar-card__cta .chevron-right {
    color: #ffffff;
  }
}
.events-gradient-bg .collapsible-content .webinar-card__title {
  max-width: none;
}
.events-gradient-bg .events-video-block {
  width: 100%;
}
.events-gradient-bg .events-video-block .video {
  overflow: hidden;
}
.events-gradient-bg .events-video-block .events-video__poster {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  padding: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
  z-index: 1;
}
.events-gradient-bg .events-video-block .events-video__poster-img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.events-gradient-bg .events-video-block .events-video__player {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}
.events-gradient-bg .connect-section {
  margin-bottom: 60px;
}
@media (max-width: 1025px) {
  .events-gradient-bg .connect-section {
    margin-bottom: 16px;
  }
}
.events-gradient-bg .connect-section .connect-container {
  width: 100%;
  max-width: 777px;
  gap: 66px;
}
@media (max-width: 1025px) {
  .events-gradient-bg .connect-section .connect-container {
    gap: 18px;
  }
}
@media (max-width: 768px) {
  .events-gradient-bg .connect-section .connect-container {
    flex-wrap: nowrap;
    gap: 18px;
  }
}
.events-gradient-bg .connect-section .connect-container .connect-text-column {
  max-width: 456px;
}
.events-gradient-bg .connect-section .connect-container .chevron-right {
  stroke: #fabd26 !important;
  width: 23px;
}

/* ==========================================================================
   Sitemap Component (FIXED + MERGED)
   ========================================================================== */
.sitemap {
  /* =========================
   TITLE (UPDATED)
   ========================= */
  /* =========================
   MENU BASE
   ========================= */
  /* =========================
   MAIN MENU
   ========================= */
  /* =========================
   SUBMENU
   ========================= */
  /* =========================
   SUBMENU VARIANTS
   ========================= */
  /* =========================
   DASH (auto-generated before bold submenu items, except first)
   ========================= */
  /* =========================
   MOBILE
   ========================= */
}
.sitemap .shtg-section-container {
  position: relative;
  padding: 80px 16px 60px;
  overflow: hidden;
}
.sitemap .node-9 .shtg-section-container__inner {
  position: relative;
  z-index: 1;
  max-width: 720px;
  margin: 0 auto;
}
.sitemap .shtg-section-container .sitemap__title {
  color: #4F08B0;
  font-family: "Poppins", sans-serif;
  font-size: 72px;
  font-weight: 500;
  line-height: 100px;
  margin-bottom: 40px;
  text-align: left;
}
.sitemap .shtg-section-container ul.menu {
  list-style: none;
  padding: 0;
  margin: 0;
}
.sitemap .shtg-section-container > .shtg-section-container__inner > nav > ul.menu > li.menu-item {
  padding: 20px 0;
}
.sitemap .shtg-section-container > .shtg-section-container__inner > nav > ul.menu > li.menu-item > a {
  color: #21034A;
  font-family: "Poppins", sans-serif;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 35.556px;
  letter-spacing: -0.356px;
  text-decoration: underline;
}
.sitemap .shtg-section-container ul.menu ul.menu {
  margin-top: 8px;
  padding-left: 28px;
}
.sitemap .shtg-section-container ul.menu ul.menu li.menu-item {
  margin-bottom: 1rem;
}
.sitemap .shtg-section-container ul.menu ul.menu a {
  font-family: "Poppins", sans-serif;
  font-size: 1.125rem;
  line-height: 35.556px;
  letter-spacing: -0.356px;
  text-decoration: underline;
}
.sitemap .shtg-section-container a[link=submenu--purple-bold] {
  color: #4F08B0;
  font-weight: 700;
  text-decoration: underline;
}
.sitemap .shtg-section-container a[link=submenu--black-bold],
.sitemap .shtg-section-container span[link=submenu--black-bold] {
  color: #000;
  font-weight: 700;
  font-size: 1.125rem;
}
.sitemap .shtg-section-container a[link=submenu--purple-light] {
  color: #4F08B0;
  font-weight: 400;
  text-decoration: underline;
}
.sitemap .shtg-section-container ul.menu ul.menu li.menu-item:not(:first-child):has(a[link=submenu--purple-bold])::before,
.sitemap .shtg-section-container ul.menu ul.menu li.menu-item:not(:first-child):has(a[link=submenu--black-bold])::before,
.sitemap .shtg-section-container ul.menu ul.menu li.menu-item:not(:first-child):has(span[link=submenu--black-bold])::before {
  content: "";
  display: block;
  width: 20px;
  height: 1px;
  background: #979797;
  margin: 6px 0;
}
@media (max-width: 767px) {
  .sitemap .shtg-section-container {
    padding: 60px 24px 40px;
  }
  .sitemap .shtg-section-container .sitemap__title {
    font-size: 40px;
    line-height: 56px;
  }
  .sitemap .shtg-section-container > .shtg-section-container__inner > nav > ul.menu > li.menu-item > a,
  .sitemap .shtg-section-container ul.menu ul.menu a {
    line-height: 28px;
  }
  .sitemap .shtg-section-container ul.menu ul.menu {
    padding-left: 16px;
  }
}

/**
 * @file
 * Styles for the Access and Support - Savings and Support page.
 */
.saving-page {
  width: 100%;
  max-width: 1136px;
  margin: 0 auto;
  padding: 0px 24px 0;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (max-width: 768px) {
  .saving-page {
    padding: 32px 20px 0;
  }
}
.saving-page .saving-logo {
  width: 100%;
  max-width: 354px;
  height: auto;
}
@media (max-width: 768px) {
  .saving-page .saving-logo {
    max-width: 327px;
  }
}
.saving-page .saving-intro {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 28px;
  width: 100%;
  max-width: 1024px;
}
@media (max-width: 768px) {
  .saving-page .saving-intro {
    margin-top: 63px;
    max-width: 340px;
  }
}
.saving-page .saving-intro__text {
  color: #4f08b0;
  font-size: 24px;
  font-weight: 400;
  line-height: 32px;
  text-align: center;
  margin: 0;
}
.saving-page .saving-intro__text strong {
  font-weight: 700;
}
@media (max-width: 768px) {
  .saving-page .saving-intro__text {
    font-size: 20px;
    line-height: 28px;
  }
}
.saving-page .saving-intro__underline {
  width: 100%;
  max-width: 539px;
  height: 2px;
  margin-top: 24px;
  background: linear-gradient(to right, #FABD26 0%, #fa7821 100%);
  position: relative;
}
@media (max-width: 768px) {
  .saving-page .saving-intro__underline {
    max-width: 337px;
    margin-top: 16px;
  }
}
.saving-page .saving-intro__underline::before, .saving-page .saving-intro__underline::after {
  content: "";
  position: absolute;
  top: 50%;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  transform: translateY(-50%);
}
.saving-page .saving-intro__underline::before {
  left: 0;
  background: #FABD26;
}
.saving-page .saving-intro__underline::after {
  right: 0;
  background: #fa7821;
}
.saving-page .saving-main {
  display: flex;
  gap: 20px;
  width: 100%;
  margin-top: 56px;
  align-items: flex-start;
}
@media (max-width: 991px) {
  .saving-page .saving-main {
    flex-direction: column;
    align-items: center;
    gap: 24px;
    margin-top: 40px;
  }
}
.saving-page .saving-main__image {
  flex: 0 0 377px;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: sticky;
  top: 24px;
  align-self: flex-start;
}
@media (max-width: 991px) {
  .saving-page .saving-main__image {
    position: static;
    flex-basis: auto;
    max-width: 390px;
    width: 100%;
    margin: auto;
  }
}
.saving-page .saving-main__image img {
  width: 100%;
  height: 593px;
  max-width: 514px;
  object-fit: contain;
}
@media (max-width: 991px) {
  .saving-page .saving-main__image img {
    max-width: 390px;
    max-height: 440px;
  }
}
.saving-page .saving-main__image .saving-main__caption {
  color: #444;
  font-size: 10px;
  font-weight: 400;
  text-align: center;
  margin: 8px 0 0;
}
.saving-page .saving-main__cards {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  gap: 25px;
  max-width: 682px;
  width: 100%;
}
@media (max-width: 991px) {
  .saving-page .saving-main__cards {
    max-width: 100%;
    gap: 24px;
  }
}
.saving-page .saving-cards-heading {
  color: #4f08b0;
  font-size: 24px;
  font-weight: 700;
  line-height: 32px;
  margin: 0;
}
@media (max-width: 768px) {
  .saving-page .saving-cards-heading {
    font-size: 24px;
    line-height: 32px;
    text-align: left;
  }
}
.saving-page .saving-card-wrapper {
  position: relative;
  width: 100%;
}
.saving-page .saving-card-wrapper:has(.saving-card[open])::before {
  content: "";
  position: absolute;
  inset: auto 0 -10px 0;
  height: 60px;
  bottom: -12px;
  border-radius: 28px 28px 0 0;
  background: radial-gradient(184.26% 114.95% at 4.65% 92.47%, rgba(232, 153, 118, 0.77) 54.42%, rgba(126, 94, 201, 0.46) 78.37%, rgba(163, 140, 220, 0.77) 100%), radial-gradient(359.42% 134.35% at 25.21% 86.57%, #945DF2 0%, #A488E1 100%);
  transform: rotate(180deg);
  z-index: 0;
  pointer-events: none;
}
.saving-page .saving-card-wrapper:has(.saving-card[open] .saving-card__icon)::before {
  opacity: 0.3;
  bottom: -16px;
}
.saving-page .saving-card {
  position: relative;
  z-index: 1;
  background-color: #fff;
  border: 2px solid #d8d8ff;
  border-radius: 26px;
  overflow: hidden;
  transition: box-shadow 0.3s ease;
}
.saving-page .saving-card[open] {
  box-shadow: 0 4px 20px rgba(79, 8, 176, 0.08);
}
.saving-page .saving-card summary {
  list-style: none;
  cursor: pointer;
}
.saving-page .saving-card summary::-webkit-details-marker {
  display: none;
}
.saving-page .saving-card__summary {
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 20px;
  padding: 20px 24px;
}
@media (max-width: 768px) {
  .saving-page .saving-card__summary {
    position: relative;
    grid-template-columns: 1fr;
    grid-template-areas: "icon" "title";
    gap: 12px 16px;
    padding: 20px;
  }
}
.saving-page .saving-card__icon {
  width: 60px;
  height: 60px;
  object-fit: contain;
  flex-shrink: 0;
}
@media (max-width: 768px) {
  .saving-page .saving-card__icon {
    grid-area: icon;
    width: 72px;
    height: 72px;
    justify-self: center;
    margin: 0 auto;
  }
}
.saving-page .saving-card__icon--people {
  width: 60px;
  height: 60px;
}
@media (max-width: 768px) {
  .saving-page .saving-card__icon--people {
    width: 72px;
    height: 72px;
  }
}
.saving-page .saving-card__title {
  color: #4f08b0;
  font-size: 20px;
  font-weight: 500;
  line-height: 26px;
  letter-spacing: 0.1px;
  margin: 0;
}
@media (max-width: 768px) {
  .saving-page .saving-card__title {
    grid-area: title;
    font-size: 20px;
    line-height: 26px;
  }
}
.saving-page .saving-card__title .nowrap {
  white-space: nowrap;
}
.saving-page .saving-card__toggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 39px;
  height: 39px;
  background-color: #B2B2FF;
  border-radius: 50%;
  flex-shrink: 0;
  position: relative;
}
@media (max-width: 768px) {
  .saving-page .saving-card__toggle {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 39px;
    height: 39px;
  }
}
.saving-page .saving-card__toggle img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.saving-page .saving-card__toggle .vertical-bar,
.saving-page .saving-card__toggle .horizontal-bar {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 20px;
  height: 4px;
  background-color: #4F08B0;
}
@media (max-width: 768px) {
  .saving-page .saving-card__toggle .vertical-bar,
  .saving-page .saving-card__toggle .horizontal-bar {
    width: 12px;
    height: 3px;
  }
}
.saving-page .saving-card__toggle .vertical-bar {
  transform: translate(-50%, -50%) rotate(90deg);
}
.saving-page .saving-card[open] .saving-card__toggle .vertical-bar {
  transform: translate(-50%, -50%) rotate(0deg);
}
.saving-page .saving-card__body {
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows 0.35s ease;
}
.saving-page .saving-card[open] .saving-card__body {
  grid-template-rows: 1fr;
}
.saving-page .saving-card__body-inner {
  min-height: 0;
  overflow: hidden;
  padding: 0 24px 24px;
}
@media (min-width: 769px) {
  .saving-page .saving-card__body-inner {
    display: grid;
    grid-template-columns: 90px minmax(auto, 420px);
    column-gap: 20px;
    padding: 0 24px 24px;
  }
  .saving-page .saving-card__body-inner > * {
    grid-column: 2;
  }
}
@media (max-width: 768px) {
  .saving-page .saving-card__body-inner {
    padding: 0 20px 20px;
  }
}
.saving-page .saving-card__lead {
  color: #1e1e1e;
  font-size: 16px;
  font-weight: 600;
  line-height: 22px;
  margin: 8px 0 16px;
}
@media (min-width: 769px) {
  .saving-page .saving-card__lead {
    margin: 0 0 12px;
  }
}
@media (max-width: 768px) {
  .saving-page .saving-card__lead {
    font-size: 20px;
    line-height: 26px;
  }
}
.saving-page .saving-card__sub-heading {
  color: #4f08b0;
  font-size: 16px;
  font-weight: 500;
  line-height: 22px;
  margin: 0px;
}
.saving-page .saving-card__list {
  list-style: disc;
  padding-left: 22px;
  margin: 0 0 16px;
  color: #1e1e1e;
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
}
@media (min-width: 769px) {
  .saving-page .saving-card__list {
    padding-left: 24px;
    line-height: 20px;
    margin-bottom: 20px;
  }
}
.saving-page .saving-card__list li {
  margin-bottom: 8px;
}
.layout-container .saving-page .saving-card__list li {
  color: #1e1e1e;
}
.saving-page .saving-card__list strong {
  font-weight: 600;
}
.saving-page .saving-card__list sup {
  font-size: 0.65em;
  vertical-align: super;
  line-height: 0;
}
.saving-page .saving-card__list--checks {
  list-style: none;
  padding-left: 0;
}
.saving-page .saving-card__list--checks li {
  position: relative;
  padding-left: 32px;
  line-height: 24px;
  margin-bottom: 12px;
}
.saving-page .saving-card__list--checks li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 4px;
  width: 20px;
  height: 20px;
  background-image: url("../../images/saving/icon-bullet-check.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
.saving-page .saving-card__footnote {
  color: #1e1e1e;
  font-size: 10px;
  font-weight: 400;
  line-height: 14px;
  margin: 8px 0 0;
}
@media (min-width: 769px) {
  .saving-page .saving-card__footnote {
    margin-top: 0;
  }
  .saving-page .saving-card__footnote + .saving-page .saving-card__footnote {
    margin-top: 8px;
  }
}
.saving-page .saving-card__footnote sup {
  font-size: 0.85em;
  vertical-align: super;
  line-height: 0;
  margin-right: 2px;
}
@media (max-width: 768px) {
  .saving-page .saving-card__footnote {
    font-size: 12px;
    line-height: 16px;
  }
}
.saving-page .saving-card__mini-list {
  list-style: none;
  padding: 0;
  margin: 16px 0 0;
  display: flex;
  flex-direction: column;
  gap: 0;
}
.saving-page .saving-card__mini-list li {
  display: grid;
  grid-template-columns: 63px 1fr;
  align-items: center;
  column-gap: 12px;
  color: #4f08b0;
  font-size: 16px;
  font-weight: 500;
  line-height: 22px;
}
.saving-page .saving-card__mini-list li + li {
  margin-top: 12px;
}
.saving-page .saving-card__mini-list li:nth-child(2) {
  margin-top: 0;
}
@media (max-width: 768px) {
  .saving-page .saving-card__mini-list li {
    grid-template-columns: 50px 1fr;
  }
}
.saving-page .saving-card__mini-list li .saving-card__mini-injector,
.saving-page .saving-card__mini-list li .saving-card__mini-nutrition,
.saving-page .saving-card__mini-list li .saving-card__mini-icon {
  box-sizing: border-box;
  object-fit: contain;
}
.saving-page .saving-card__mini-list li .saving-card__mini-injector {
  width: 63px;
  height: 63px;
  padding: 11px;
}
.saving-page .saving-card__mini-list li .saving-card__mini-nutrition {
  width: 51px;
  height: 51px;
  padding: 9px;
  margin-left: 5px;
}
.saving-page .saving-card__mini-list li .saving-card__mini-icon {
  width: 51px;
  height: 51px;
  padding: 10px;
}
@media (max-width: 768px) {
  .saving-page .saving-card__mini-list li .saving-card__mini-injector {
    width: 50px;
    height: 50px;
    padding: 9px;
  }
  .saving-page .saving-card__mini-list li .saving-card__mini-nutrition,
  .saving-page .saving-card__mini-list li .saving-card__mini-icon {
    width: 40px;
    height: 40px;
    padding: 6px;
  }
}
@media (max-width: 768px) {
  .saving-page .saving-card__mini-list {
    gap: 12px;
  }
  .saving-page .saving-card__mini-list li + li {
    margin-top: 0;
  }
}
.saving-page .saving-card__mini-icon {
  width: 36px;
  height: auto;
}
.saving-page p[data-sup] {
  padding-left: 5px;
  position: relative;
}
.saving-page p[data-sup]::before {
  content: attr(data-sup);
  position: absolute;
  left: -1px;
}
.saving-page p[data-sup][data-sup="*"]::before {
  content: "*";
  top: 0;
}
.saving-page p[data-sup]:not([data-sup="*"])::before {
  content: "†";
  top: -4px;
  font-size: 8px;
}
.saving-page .saving-enroll {
  width: 100%;
  margin-top: 11px;
}
@media (max-width: 768px) {
  .saving-page .saving-enroll {
    margin-top: 56px;
  }
}
.saving-page .saving-enroll__heading {
  color: #4f08b0;
  font-size: 20px;
  font-weight: 700;
  line-height: 28px;
  letter-spacing: -0.4px;
  margin: 0;
}
@media (max-width: 768px) {
  .saving-page .saving-enroll__heading {
    text-align: left;
  }
}
.saving-page .saving-enroll__options {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
  margin-top: 26px;
}
@media (max-width: 768px) {
  .saving-page .saving-enroll__options {
    grid-template-columns: 1fr;
    gap: 20px;
    margin-top: 24px;
  }
}
.saving-page .saving-enroll__option {
  display: flex;
  align-items: center;
  gap: 7px;
}
@media (max-width: 768px) {
  .saving-page .saving-enroll__option {
    gap: 16px;
  }
}
.saving-page .saving-enroll__icon {
  width: 91px;
  height: 91px;
  object-fit: contain;
  flex-shrink: 0;
}
.saving-page .saving-enroll__text {
  color: #1e1e1e;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.1px;
  margin: 0;
}
.saving-page .saving-enroll__text a {
  text-decoration: underline;
  font-weight: 700;
}
.saving-page .saving-enroll__text strong {
  color: #4f08b0;
  font-weight: 700;
}
.saving-page .saving-signed-up {
  width: 100%;
  margin-top: 64px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (max-width: 768px) {
  .saving-page .saving-signed-up {
    margin-top: 42px;
  }
}
.saving-page .saving-signed-up__heading {
  color: #4f08b0;
  font-size: 26px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: -0.35px;
  text-align: center;
  margin: 0;
  max-width: 744px;
}
@media (max-width: 768px) {
  .saving-page .saving-signed-up__heading {
    font-size: 20px;
    line-height: 28px;
    letter-spacing: -0.4px;
  }
}
.saving-page .saving-signed-up__underline {
  width: 100%;
  max-width: 539px;
  height: auto;
  margin-top: 20px;
}
@media (max-width: 768px) {
  .saving-page .saving-signed-up__underline {
    max-width: 337px;
    margin-top: 16px;
  }
}
.saving-page .saving-signed-up__text {
  color: #1e1e1e;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  text-align: center;
  max-width: 830px;
  margin: 35px 0 0;
}
.saving-page .saving-signed-up__text a {
  text-decoration: underline;
}
.saving-page .saving-signed-up__text strong {
  font-weight: 700;
}
.saving-page .saving-signed-up__text .ampm {
  font-size: 0.875em;
}
@media (max-width: 768px) {
  .saving-page .saving-signed-up__text {
    font-size: 16px;
    line-height: 24px;
    text-align: left;
    margin-top: 36px;
  }
}
.saving-page .saving-signed-up__ctas {
  display: flex;
  align-items: center;
  gap: 24px;
  margin-top: 40px;
  flex-wrap: nowrap;
  width: 100%;
  justify-content: center;
}
@media (max-width: 768px) {
  .saving-page .saving-signed-up__ctas {
    flex-direction: column;
    gap: 16px;
    width: 100%;
    max-width: 360px;
  }
}
.saving-page .saving-signed-up__or {
  color: #4f08b0;
  font-size: 18px;
  font-weight: 800;
  letter-spacing: 1px;
  text-transform: uppercase;
  flex-shrink: 0;
}
.saving-page .saving-phone {
  color: #1E1E1E;
  text-decoration: none;
  font-weight: 700;
  white-space: nowrap;
}
.saving-page .saving-phone:hover {
  text-decoration: underline;
}
.saving-page a#saving-phone-tele {
  color: inherit;
  text-decoration: underline !important;
}
@media (width > 1024px) {
  .saving-page a#saving-phone-tele {
    text-decoration: none !important;
  }
}
.saving-page .saving-cta {
  position: relative;
  display: flex;
  align-items: center;
  gap: 16px;
  overflow: hidden;
  padding: 14px 20px;
  background: linear-gradient(180deg, #4f08b0 0.68%, #21034a 50%, #4f08b0 100%);
  background-size: 100% 200%;
  color: #fff;
  text-decoration: none;
  box-shadow: 0 4px 12px rgba(79, 8, 176, 0.2);
  transition: all 0.3s ease-in-out;
  flex: 1 1 auto;
  max-width: 340px;
  min-height: 103px;
}
@media (max-width: 768px) {
  .saving-page .saving-cta {
    width: 100%;
    max-width: 100%;
    min-height: 91px;
  }
}
.saving-page .saving-cta:hover {
  background-position: 0 100%;
}
.saving-page .saving-cta:hover .saving-cta__arrow path {
  stroke: #fff;
}
.saving-page .saving-cta__wing {
  position: absolute;
  bottom: 0;
  width: 50px;
  height: 50px;
  z-index: 0;
  pointer-events: none;
  object-fit: contain;
}
.saving-page .saving-cta__icon {
  position: relative;
  z-index: 1;
  width: 64px;
  height: 64px;
  object-fit: contain;
  flex-shrink: 0;
}
.saving-page .saving-cta__label {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  gap: 4px;
  color: #fff;
  font-size: 18px;
  font-weight: 700;
  line-height: 22px;
}
.saving-page .saving-cta--enroll {
  border-radius: 24px 100px 100px 24px;
  padding: 14px 14px 14px 24px;
  height: auto;
  padding-right: 35px;
}
.saving-page .saving-cta--enroll .saving-cta__wing {
  left: 0;
  transform: scaleY(-1) rotate(180deg);
}
.saving-page .saving-cta--enroll .saving-cta__label {
  flex: 1;
  flex-direction: row;
  align-items: center;
  gap: 12px;
  padding-left: 38px;
}
.saving-page .saving-cta--enroll .saving-cta__icon {
  width: 50px;
  height: 50px;
  margin-left: auto;
}
.saving-page .saving-cta--call {
  border-radius: 100px 24px 24px 100px;
  padding: 14px 20px 14px 14px;
}
.saving-page .saving-cta--call .saving-cta__wing {
  right: 0;
  left: auto;
}
.saving-page .saving-cta--call .saving-cta__icon {
  width: 86px;
  height: 86px;
}
.saving-page .saving-cta__arrow {
  width: 11px;
  height: 11px;
  flex-shrink: 0;
}
.saving-page .saving-cta__arrow path {
  stroke: #fabd26;
  transition: stroke 0.3s ease-in-out;
}
.saving-page .saving-cta__phone {
  margin: 0;
  font-size: 16px;
  font-weight: 700;
  line-height: 22px;
  color: #fff;
}
.saving-page .saving-cta__phone .saving-phone {
  color: #fff;
}
.saving-page .saving-cta__hours {
  margin: 0;
  font-size: 13px;
  font-weight: 400;
  line-height: 16px;
  color: #fff;
  letter-spacing: 0px;
}
.saving-page .saving-cta__hours .ampm {
  font-size: 0.85em;
}
.saving-page .saving-brochure {
  width: 100%;
  margin-top: 80px;
  position: relative;
  padding: 0 60px;
}
@media (max-width: 768px) {
  .saving-page .saving-brochure {
    margin-top: 56px;
    padding: 0 24px;
  }
}
.saving-page .saving-brochure__inner {
  background: rgba(255, 255, 255, 0.5);
  border-radius: 18px;
  padding: 40px 37px 43px 86px;
  display: flex;
  grid-template-columns: 1fr;
  align-items: center;
  position: relative;
  min-height: 256px;
  max-width: 770px;
  gap: 84px;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 768px) {
  .saving-page .saving-brochure__inner {
    flex-direction: column;
    padding: 27px 17px 24px;
    gap: 23px;
    min-height: auto;
  }
}
.saving-page .saving-brochure__image {
  position: relative;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 162px;
  height: 204px;
}
@media (max-width: 768px) {
  .saving-page .saving-brochure__image {
    width: 120px;
    height: 151px;
  }
}
.saving-page .saving-brochure__image img {
  width: 150px;
  height: auto;
  display: block;
  object-fit: cover;
  transform: rotate(3.86deg);
  box-shadow: 0 6.101px 6.101px rgba(0, 0, 0, 0.25);
}
@media (max-width: 768px) {
  .saving-page .saving-brochure__image img {
    width: 111px;
  }
}
.saving-page .saving-brochure__title {
  color: #4f08b0;
  font-size: 24px;
  font-weight: 700;
  line-height: 28px;
  margin: 0 0 8px;
}
@media (max-width: 768px) {
  .saving-page .saving-brochure__title {
    font-size: 20px;
    line-height: 24px;
  }
}
.saving-page .saving-brochure__text {
  color: #444;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  margin: 0 0 24px;
}
.saving-page .saving-brochure__button {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  padding: 12px 28px;
  border-radius: 88.889px;
  background: linear-gradient(180deg, #4f08b0 0.68%, #21034a 50%, #4f08b0 100%);
  background-size: 100% 200%;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.1px;
  text-decoration: none;
  transition: all 0.3s ease-in-out;
  box-shadow: 0 4px 12px rgba(79, 8, 176, 0.2);
}
.saving-page .saving-brochure__button::after {
  content: "";
  flex: none;
  display: block;
  width: 12px;
  height: 17px;
  background: url("../../images/yellow-arrow.svg") no-repeat center/cover;
  transition: background-image 0.3s ease-in-out;
}
.saving-page .saving-brochure__button:hover {
  color: #fff;
  background-position: 0 100%;
}
.saving-page .saving-brochure__button:hover::after {
  background-image: url("../../images/white-arrow.svg");
}
@media (max-width: 768px) {
  .saving-page .saving-brochure__button {
    width: 100%;
    justify-content: center;
    text-align: center;
  }
}
.saving-page .saving-next {
  width: 100%;
  display: flex;
  justify-content: center;
  margin: 80px 0 60px;
}
@media (max-width: 768px) {
  .saving-page .saving-next {
    margin: 56px 0 40px;
  }
}
.saving-page .saving-next__button {
  display: inline-flex;
  align-items: center;
  gap: 16px;
  padding: 18px 36px;
  border-radius: 16px;
  background: linear-gradient(180deg, #4f08b0 0.68%, #21034a 50%, #4f08b0 100%);
  background-size: 100% 200%;
  color: #fff;
  text-decoration: none;
  transition: all 0.3s ease-in-out;
  box-shadow: 0 4px 12px rgba(79, 8, 176, 0.2);
}
.saving-page .saving-next__button::after {
  content: "";
  flex: none;
  display: block;
  width: 13px;
  height: 20px;
  background: url("../../images/yellow-arrow.svg") no-repeat center/cover;
  transition: background-image 0.3s ease-in-out;
}
.saving-page .saving-next__button:hover {
  color: #fff;
  background-position: 0 100%;
}
.saving-page .saving-next__button:hover::after {
  background-image: url("../../images/white-arrow.svg");
}
@media (max-width: 768px) {
  .saving-page .saving-next__button {
    width: 100%;
    max-width: 360px;
    justify-content: center;
    padding: 14px 24px;
  }
}
.saving-page .saving-next__label {
  font-size: 18px;
  font-weight: 700;
  line-height: 1.3;
}
.saving-page .saving-next__sub {
  font-size: 18px;
  font-weight: 400;
  line-height: 1.3;
}
@media (max-width: 768px) {
  .saving-page .saving-next__sub {
    font-size: 16px;
  }
}
.saving-page .saving-next__divider {
  width: 1px;
  height: 20px;
  background: rgba(255, 255, 255, 0.4);
  flex-shrink: 0;
}

/**
 * @file
 * Styles for the Resources page (Downloadable resources + Video sections).
 *
 * Mirrors the structural and visual patterns established by the Savings page
 * (`_saving.scss`) — same color palette, gradient underline, white-translucent
 * cards, purple→dark-purple buttons.
 */
.resources-resources #hero-wrap {
  margin-bottom: 0px;
}
.resources-resources .block--type--hero-banner.default {
  min-height: unset;
}
.resources-resources .block--type--hero-banner {
  margin-top: 25px;
}
.resources-resources .layout.layout--onecol > div .layout__region {
  padding-inline: 26px;
}

.hero-icon.resources-icon.resources-library-icon {
  width: 239px;
  height: 239px;
}
@media (max-width: 768px) {
  .hero-icon.resources-icon.resources-library-icon {
    width: 138px;
    height: 138px;
  }
}

.resources-page {
  width: 100%;
  max-width: 1086px;
  margin: 0 auto;
  padding: 56px 24px 74px;
  display: flex;
  flex-direction: column;
  gap: 72px;
}
@media (max-width: 768px) {
  .resources-page {
    padding: 50px 26px 56px;
    gap: 48px;
  }
}
.resources-page .resources-section {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  margin: 0 auto !important;
  padding-inline: 0 !important;
}
.resources-page .resources-section__head {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 744px;
  margin-bottom: 60px;
}
@media (max-width: 768px) {
  .resources-page .resources-section__head {
    margin-bottom: 60px;
  }
}
.resources-page .resources-section__heading {
  color: #4f08b0;
  font-size: 26px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: -0.35px;
  text-align: center;
  margin: 0;
}
@media (max-width: 768px) {
  .resources-page .resources-section__heading {
    font-size: 20px;
    line-height: 28px;
    letter-spacing: -0.4px;
  }
}
.resources-page .resources-section__underline {
  width: 100%;
  max-width: 539px;
  height: 2px;
  margin-top: 30px;
  background: linear-gradient(to right, #FABD26 0%, #fa7821 100%);
  position: relative;
}
@media (max-width: 768px) {
  .resources-page .resources-section__underline {
    max-width: 337px;
    margin-top: 10px;
  }
}
.resources-page .resources-section__underline::before, .resources-page .resources-section__underline::after {
  content: "";
  position: absolute;
  top: 50%;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  transform: translateY(-50%);
}
.resources-page .resources-section__underline::before {
  left: 0;
  background: #FABD26;
}
.resources-page .resources-section__underline::after {
  right: 0;
  background: #fa7821;
}
.resources-page .resources-section__cards {
  display: flex;
  flex-direction: row;
  gap: 30px;
  max-width: 1028px;
  flex-wrap: wrap;
}
@media (max-width: 1076px) {
  .resources-page .resources-section__cards {
    justify-content: center;
  }
}
@media (max-width: 768px) {
  .resources-page .resources-section__cards {
    gap: 24px;
  }
}
.resources-page .resources-card {
  display: flex;
  align-items: center;
  gap: 31px;
  padding: 22px 30px;
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.5);
  max-width: 499px;
}
@media (max-width: 768px) {
  .resources-page .resources-card {
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 20px;
    padding: 24px 20px;
  }
}
.resources-page .resources-card__image {
  flex: 0 0 auto;
  width: 130px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 768px) {
  .resources-page .resources-card__image {
    width: 160px;
  }
}
.resources-page .resources-card__image img {
  height: 138px;
  display: block;
  transform: rotate(3.86deg);
  filter: drop-shadow(0 5px 8px rgba(0, 0, 0, 0.25));
}
.resources-page .resources-card__body {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  gap: 6px;
  min-width: 0;
}
@media (max-width: 768px) {
  .resources-page .resources-card__body {
    align-items: flex-start;
    width: 100%;
    gap: 14px;
  }
}
.resources-page .resources-card__title {
  color: #4f08b0;
  font-size: 20px;
  font-weight: 700;
  line-height: 27px;
  letter-spacing: 0.1px;
  margin: 0;
}
@media (max-width: 768px) {
  .resources-page .resources-card__title {
    font-size: 20px;
    line-height: 24px;
    text-align: left;
  }
}
.resources-page .resources-card__description {
  color: #444;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  margin: 0;
}
@media (max-width: 768px) {
  .resources-page .resources-card__description {
    font-size: 16px;
    line-height: 24px;
    text-align: left;
  }
}
.resources-page .resources-card__button {
  align-self: flex-start;
  display: inline-flex;
  align-items: center;
  gap: 17px;
  margin-top: 8px;
  padding: 8px 29px;
  min-height: 46px;
  border-radius: 88.889px;
  background: linear-gradient(180deg, #4f08b0 0.68%, #21034a 50%, #4f08b0 100%);
  background-size: 100% 200%;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.09px;
  line-height: 30px;
  text-decoration: none;
  box-shadow: 0 4px 12px rgba(79, 8, 176, 0.2);
  transition: background-position 0.3s ease-in-out;
}
.resources-page .resources-card__button svg {
  flex-shrink: 0;
  color: #FABD26;
  transition: color 0.3s ease-in-out;
}
.resources-page .resources-card__button:hover {
  background-position: 0 100%;
  color: #fff;
}
.resources-page .resources-card__button:hover svg {
  color: #fff;
}
.resources-page .resources-card__button:focus-visible {
  outline: 3px solid rgba(250, 189, 38, 0.6);
  outline-offset: 3px;
}
@media (max-width: 768px) {
  .resources-page .resources-card__button {
    align-self: stretch;
    justify-content: center;
    max-width: 240px;
    margin: 12px auto 0;
  }
}
.resources-page .resources-video {
  display: grid;
  grid-template-columns: minmax(0, 406fr) minmax(0, 538fr) 94px;
  align-items: stretch;
  width: 100%;
  border-radius: 18px;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.5);
  text-decoration: none;
  color: inherit;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}
@media (max-width: 768px) {
  .resources-page .resources-video {
    grid-template-columns: 1fr;
  }
}
.resources-page .resources-video:hover, .resources-page .resources-video:focus-visible {
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(79, 8, 176, 0.15);
}
.resources-page .resources-video:hover .resources-video__arrow, .resources-page .resources-video:focus-visible .resources-video__arrow {
  background-position: 0 100%;
}
.resources-page .resources-video:hover .resources-video__arrow svg, .resources-page .resources-video:focus-visible .resources-video__arrow svg {
  color: #fff;
}
.resources-page .resources-video:focus-visible {
  outline: 3px solid rgba(250, 189, 38, 0.6);
  outline-offset: 3px;
}
.resources-page .resources-video__thumbnail {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  background: #fff;
}
.resources-page .resources-video__thumbnail img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
@media (max-width: 768px) {
  .resources-page .resources-video__thumbnail {
    aspect-ratio: 16/9;
  }
}
.resources-page .resources-video__play {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 1;
  width: 80px;
  height: 80px;
  transform: translate(-50%, -50%);
  background: url("../../images/play-button.png") no-repeat center/contain;
  pointer-events: none;
}
@media (max-width: 768px) {
  .resources-page .resources-video__play {
    width: 56px;
    height: 56px;
  }
}
.resources-page .resources-video__caption {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px 32px;
}
@media (max-width: 768px) {
  .resources-page .resources-video__caption {
    padding: 40px 20px 32px 20px;
    background: #b2b2ff;
  }
}
.resources-page .resources-video__title {
  color: #4f08b0;
  font-size: 24px;
  font-weight: 700;
  line-height: 34px;
  text-align: left;
  margin: 0;
  max-width: 316px;
}
@media (max-width: 768px) {
  .resources-page .resources-video__title {
    font-size: 20px;
    line-height: 28px;
  }
}
.resources-page .resources-video__arrow {
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(180deg, #4f08b0 0.68%, #21034a 50%, #4f08b0 100%);
  background-size: 100% 200%;
  transition: background-position 0.3s ease-in-out;
}
@media (max-width: 768px) {
  .resources-page .resources-video__arrow {
    min-height: 68px;
  }
}
.resources-page .resources-video__arrow svg {
  flex-shrink: 0;
  color: #FABD26;
  transition: color 0.3s ease-in-out, transform 0.2s ease;
}
@media (max-width: 768px) {
  .resources-page .resources-video__arrow svg {
    width: 12px;
  }
}

@media (min-width: 1025px) {
  .fcs-getting-started-page .fcs-getting-started-hero .layout__region.layout__region--content {
    padding-inline: 0px;
  }
}
.fcs-getting-started-page #hero-wrap {
  margin-bottom: 36px;
}
@media (min-width: 1025px) {
  .fcs-getting-started-page #hero-wrap {
    margin-bottom: 67px;
  }
}
.fcs-getting-started-page .phone-highlight {
  color: inherit;
  font-weight: 700;
  text-decoration: underline;
}
.fcs-getting-started-page .phone-highlight:hover {
  text-decoration: underline;
}
@media (width > 1024px) {
  .fcs-getting-started-page .phone-highlight {
    text-decoration: none;
  }
}
.fcs-getting-started-page .getting-started-hero.block--type--hero-banner.default {
  min-height: 214px;
}
@media (max-width: 1024px) {
  .fcs-getting-started-page .getting-started-hero.block--type--hero-banner.default {
    min-height: 160px;
  }
}
.fcs-getting-started-page .getting-started-hero.block--type--hero-banner.default h1 {
  letter-spacing: -0.44px;
}
.fcs-getting-started-page .getting-started-hero.block--type--hero-banner.default h1 span {
  line-height: 26px;
}
@media (min-width: 1025px) {
  .fcs-getting-started-page .getting-started-hero.block--type--hero-banner.default h1 span {
    line-height: 42.6px;
  }
}
@media (max-width: 1024px) {
  .fcs-getting-started-page .getting-started-hero.block--type--hero-banner.default h1 {
    margin-left: 15px;
    letter-spacing: -0.5px;
  }
}
.fcs-getting-started-page .getting-started-hero.block--type--hero-banner.default .hero-icon {
  width: 103px;
  margin-right: 13px;
}
@media (min-width: 1025px) {
  .fcs-getting-started-page .getting-started-hero.block--type--hero-banner.default .hero-icon {
    width: unset;
    height: auto;
    margin-right: 52px;
  }
}
@media (min-width: 1025px) {
  .fcs-getting-started-page .fcs-getting-started-logo {
    padding-bottom: 67px;
  }
}
.fcs-getting-started-page .fcs-getting-started-logo .ionis-every-step-logo {
  display: block;
  width: 100%;
  height: auto;
  margin: 0 auto;
  max-width: 327px;
  margin-bottom: 63px;
}
@media (min-width: 1025px) {
  .fcs-getting-started-page .fcs-getting-started-logo .ionis-every-step-logo {
    max-width: 354px;
    margin-bottom: 0px;
  }
}
.fcs-getting-started-page .getting-started-content {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.fcs-getting-started-page .getting-started-content .fcs-getting-started-section.fcs-getting-started-expect {
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: 1010px;
  padding: 0;
  text-align: center;
}
@media (max-width: 1024px) {
  .fcs-getting-started-page .getting-started-content .fcs-getting-started-section.fcs-getting-started-expect {
    margin-inline: 0;
  }
}
.fcs-getting-started-page .getting-started-content .fcs-getting-started-section.fcs-getting-started-expect .fcs-getting-started-section__underline {
  max-width: 337px;
  margin-bottom: 36px;
}
@media (min-width: 1025px) {
  .fcs-getting-started-page .getting-started-content .fcs-getting-started-section.fcs-getting-started-expect .fcs-getting-started-section__underline {
    max-width: 538px;
  }
}
.fcs-getting-started-page .getting-started-content .fcs-getting-started-section.fcs-getting-started-expect .fcs-getting-started-timeline {
  list-style: none;
  margin: 0 auto;
  padding: 0;
  position: relative;
}
@media (max-width: 1100px) {
  .fcs-getting-started-page .getting-started-content .fcs-getting-started-section.fcs-getting-started-expect .fcs-getting-started-timeline {
    padding-right: 24px;
    padding-left: 72px;
  }
}
.fcs-getting-started-page .getting-started-content .fcs-getting-started-section.fcs-getting-started-expect .fcs-getting-started-timeline::before {
  content: "";
  position: absolute;
  left: -3px;
  top: 60px;
  bottom: 60px;
  width: 2px;
  background: linear-gradient(180deg, #FA7821 0%, #4F08B0 100%);
  z-index: 0;
}
@media (max-width: 1100px) {
  .fcs-getting-started-page .getting-started-content .fcs-getting-started-section.fcs-getting-started-expect .fcs-getting-started-timeline::before {
    left: 69px;
    top: 60px;
  }
}
@media (max-width: 500px) {
  .fcs-getting-started-page .getting-started-content .fcs-getting-started-section.fcs-getting-started-expect .fcs-getting-started-timeline::before {
    top: 150px;
    bottom: 120px;
  }
}
.fcs-getting-started-page .getting-started-content .fcs-getting-started-section.fcs-getting-started-expect .fcs-getting-started-timeline__item {
  display: flex;
  align-items: flex-start;
  gap: 0;
  margin-bottom: 29px;
  position: relative;
  z-index: 1;
}
@media (min-width: 1025px) {
  .fcs-getting-started-page .getting-started-content .fcs-getting-started-section.fcs-getting-started-expect .fcs-getting-started-timeline__item {
    margin-bottom: 24px;
  }
}
.fcs-getting-started-page .getting-started-content .fcs-getting-started-section.fcs-getting-started-expect .fcs-getting-started-timeline__item:last-child {
  margin-bottom: 0;
}
.fcs-getting-started-page .getting-started-content .fcs-getting-started-section.fcs-getting-started-expect .fcs-getting-started-timeline__icon {
  width: 102px;
  height: 102px;
  flex-shrink: 0;
  position: absolute;
  left: 0px;
  top: 50%;
  transform: translate(-50px, -50%);
}
@media (min-width: 1025px) {
  .fcs-getting-started-page .getting-started-content .fcs-getting-started-section.fcs-getting-started-expect .fcs-getting-started-timeline__icon {
    position: absolute;
    width: 120px;
    height: 120px;
    flex-shrink: 0;
    transform: translateX(-60px);
    top: 0;
  }
}
.fcs-getting-started-page .getting-started-content .fcs-getting-started-section.fcs-getting-started-expect .fcs-getting-started-timeline__icon img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.fcs-getting-started-page .getting-started-content .fcs-getting-started-section.fcs-getting-started-expect .fcs-getting-started-timeline__card {
  background: rgba(255, 255, 255, 0.5);
  border-radius: 12.88px;
  padding: 31px 27px 31px 67px;
  text-align: left;
}
@media (min-width: 1025px) {
  .fcs-getting-started-page .getting-started-content .fcs-getting-started-section.fcs-getting-started-expect .fcs-getting-started-timeline__card {
    max-width: 950px;
    min-height: 130px;
    padding: 16px 99px 16px 113px;
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.5);
  }
}
.fcs-getting-started-page .getting-started-content .fcs-getting-started-section.fcs-getting-started-expect .fcs-getting-started-timeline__card:has(.step-2-list) {
  padding-right: 46px;
}
.fcs-getting-started-page .getting-started-content .fcs-getting-started-section.fcs-getting-started-expect .fcs-getting-started-timeline__step-label {
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0.072px;
  color: var(--text-black, #1e1e1e);
  margin-bottom: 6px;
}
@media (min-width: 1025px) {
  .fcs-getting-started-page .getting-started-content .fcs-getting-started-section.fcs-getting-started-expect .fcs-getting-started-timeline__step-label {
    font-size: 20px;
    line-height: 26px;
    font-weight: 500;
    letter-spacing: 0.1px;
    max-width: none;
    margin-bottom: 6px;
    max-width: 752px;
  }
}
.fcs-getting-started-page .getting-started-content .fcs-getting-started-section.fcs-getting-started-expect .fcs-getting-started-timeline__step-num {
  color: #4F08B0;
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: 0.1px;
}
@media (min-width: 1025px) {
  .fcs-getting-started-page .getting-started-content .fcs-getting-started-section.fcs-getting-started-expect .fcs-getting-started-timeline__step-num {
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 0.1px;
    line-height: 26px;
  }
}
.fcs-getting-started-page .getting-started-content .fcs-getting-started-section.fcs-getting-started-expect .fcs-getting-started-timeline ul {
  margin: 0;
  padding-left: 24px;
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  line-height: 22px;
  color: var(--text-black, #1e1e1e);
  list-style: disc;
  letter-spacing: 0.1px;
}
@media (max-width: 1024px) {
  .fcs-getting-started-page .getting-started-content .fcs-getting-started-section.fcs-getting-started-expect .fcs-getting-started-timeline ul {
    padding-left: 21px;
  }
  .fcs-getting-started-page .getting-started-content .fcs-getting-started-section.fcs-getting-started-expect .fcs-getting-started-timeline ul.step-3-list {
    padding-right: 14px;
  }
  .fcs-getting-started-page .getting-started-content .fcs-getting-started-section.fcs-getting-started-expect .fcs-getting-started-timeline ul.step-4-list {
    padding-right: 11px;
  }
}
.fcs-getting-started-page .getting-started-content .fcs-getting-started-section.fcs-getting-started-expect .fcs-getting-started-timeline ul li {
  margin-bottom: 6px;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0.1px;
  color: var(--text-black, #1e1e1e);
}
.fcs-getting-started-page .getting-started-content .fcs-getting-started-section.fcs-getting-started-expect .fcs-getting-started-timeline ul li:last-child {
  margin-bottom: 0;
}
@media (max-width: 1024px) {
  .fcs-getting-started-page .getting-started-content .fcs-getting-started-section.fcs-getting-started-expect .fcs-getting-started-timeline ul li {
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: 0.1px;
    color: var(--text-black, #1e1e1e);
  }
}
.fcs-getting-started-page .getting-started-content .fcs-getting-started-section.fcs-getting-started-expect .fcs-getting-started-timeline ul a {
  color: #4F08B0;
  font-weight: 700;
  text-decoration: underline;
}
.fcs-getting-started-page .getting-started-content .fcs-getting-started-section.fcs-getting-started-expect .what-to-expect-heading {
  max-width: 800px;
  margin-bottom: 36px;
}
@media (max-width: 1024px) {
  .fcs-getting-started-page .getting-started-content .fcs-getting-started-section.fcs-getting-started-expect .what-to-expect-heading {
    margin-bottom: 24px;
  }
}
.fcs-getting-started-page .getting-started-content .fcs-getting-started-section.fcs-getting-started-expect .what-to-expect-heading h2 {
  font-size: 20px;
  font-weight: 700;
  line-height: 28px;
  letter-spacing: -0.4px;
  margin-bottom: 10px;
}
@media (min-width: 1025px) {
  .fcs-getting-started-page .getting-started-content .fcs-getting-started-section.fcs-getting-started-expect .what-to-expect-heading h2 {
    font-size: 26px;
    font-weight: 700;
    line-height: 35.556px;
    letter-spacing: -0.356px;
    margin-bottom: 29px;
  }
}
.fcs-getting-started-page .getting-started-content .fcs-getting-started-section.fcs-getting-started-expect .what-to-expect-heading .fcs-getting-started-section__intro {
  padding-inline: 27px;
  font-size: 18px;
  line-height: 24px;
  color: var(--text-black, #1e1e1e);
}
@media (min-width: 1025px) {
  .fcs-getting-started-page .getting-started-content .fcs-getting-started-section.fcs-getting-started-expect .what-to-expect-heading .fcs-getting-started-section__intro {
    padding-inline: 0;
    font-size: 16px;
    line-height: 20px;
    font-weight: 400;
  }
}
.fcs-getting-started-page .getting-started-content .fcs-getting-started-section.fcs-getting-started-pharmacy {
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: 1023px;
  padding-top: 55px;
  padding-bottom: 65px;
  padding-inline: 0;
  text-align: center;
}
@media (max-width: 1024px) {
  .fcs-getting-started-page .getting-started-content .fcs-getting-started-section.fcs-getting-started-pharmacy {
    padding-top: 42px;
    padding-bottom: 68px;
    margin-inline: 0;
  }
}
.fcs-getting-started-page .getting-started-content .fcs-getting-started-section.fcs-getting-started-pharmacy .fcs-getting-started-pharmacy__body {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 45px;
  margin-bottom: 32px;
  text-align: center;
  row-gap: 14px;
  padding-inline: 27px;
}
@media (min-width: 1025px) {
  .fcs-getting-started-page .getting-started-content .fcs-getting-started-section.fcs-getting-started-pharmacy .fcs-getting-started-pharmacy__body {
    flex-direction: row;
    align-items: flex-start;
    text-align: left;
    margin-bottom: 42px;
    padding-inline: 0;
    margin: 0 auto 28px;
  }
}
.fcs-getting-started-page .getting-started-content .fcs-getting-started-section.fcs-getting-started-pharmacy .fcs-getting-started-section__underline {
  margin-bottom: 48px;
  max-width: 538px;
}
@media (max-width: 1024px) {
  .fcs-getting-started-page .getting-started-content .fcs-getting-started-section.fcs-getting-started-pharmacy .fcs-getting-started-section__underline {
    max-width: 337px;
    margin-bottom: 36px;
  }
}
.fcs-getting-started-page .getting-started-content .fcs-getting-started-section.fcs-getting-started-pharmacy__icon {
  flex: none;
  width: 75px;
  height: auto;
}
.fcs-getting-started-page .getting-started-content .fcs-getting-started-section.fcs-getting-started-pharmacy .fcs-getting-started-pharmacy__text {
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  line-height: 28px;
  color: var(--text-black, #1e1e1e);
  margin: 0;
}
@media (max-width: 1024px) {
  .fcs-getting-started-page .getting-started-content .fcs-getting-started-section.fcs-getting-started-pharmacy .fcs-getting-started-pharmacy__text {
    text-align: left;
    line-height: 24px;
    padding-right: 10px;
  }
}
@media (min-width: 1025px) {
  .fcs-getting-started-page .getting-started-content .fcs-getting-started-section.fcs-getting-started-pharmacy .fcs-getting-started-pharmacy__text {
    font-weight: 400;
    letter-spacing: 0.1px;
  }
}
.fcs-getting-started-page .getting-started-content .fcs-getting-started-section.fcs-getting-started-pharmacy .fcs-getting-started-pharmacy__text .phone-highlight {
  font-weight: 400;
}
.fcs-getting-started-page .getting-started-content .fcs-getting-started-section.fcs-getting-started-pharmacy .fcs-getting-started-pharmacy__text .small-caps {
  font-size: 14px;
}
.fcs-getting-started-page .getting-started-content .fcs-getting-started-section.fcs-getting-started-pharmacy .fcs-getting-started-pharmacy__link {
  color: inherit;
  text-decoration: underline;
}
@media (width > 1024px) {
  .fcs-getting-started-page .getting-started-content .fcs-getting-started-section.fcs-getting-started-pharmacy .fcs-getting-started-pharmacy__link {
    text-decoration: none;
  }
}
.fcs-getting-started-page .getting-started-content .fcs-getting-started-section.fcs-getting-started-pharmacy .fcs-getting-started-pharmacy__cards {
  display: grid;
  grid-template-columns: 1fr;
  gap: 12px;
  margin: 0 auto;
  padding-inline: 27px;
  row-gap: 19px;
}
@media (min-width: 1025px) {
  .fcs-getting-started-page .getting-started-content .fcs-getting-started-section.fcs-getting-started-pharmacy .fcs-getting-started-pharmacy__cards {
    grid-template-columns: repeat(4, 1fr);
    column-gap: 21px;
    row-gap: 0px;
    padding-inline: 0;
  }
}
.fcs-getting-started-page .getting-started-content .fcs-getting-started-section.fcs-getting-started-pharmacy .fcs-getting-started-pharmacy__card {
  background: rgba(255, 255, 255, 0.5);
  border-radius: 18px;
  padding-left: 25px;
  padding-block: 19px;
  text-align: left;
}
@media (min-width: 1025px) {
  .fcs-getting-started-page .getting-started-content .fcs-getting-started-section.fcs-getting-started-pharmacy .fcs-getting-started-pharmacy__card {
    text-align: left;
    padding: 20px 23px 19px;
  }
}
.fcs-getting-started-page .getting-started-content .fcs-getting-started-section.fcs-getting-started-pharmacy .fcs-getting-started-pharmacy__inner {
  max-width: 100%;
}
.fcs-getting-started-page .getting-started-content .fcs-getting-started-section.fcs-getting-started-pharmacy .fcs-getting-started-pharmacy__inner h2 {
  font-weight: 700;
  font-size: 26px;
  line-height: 35.556px;
  letter-spacing: -0.356px;
  margin-bottom: 30px;
}
@media (max-width: 1024px) {
  .fcs-getting-started-page .getting-started-content .fcs-getting-started-section.fcs-getting-started-pharmacy .fcs-getting-started-pharmacy__inner h2 {
    font-size: 20px;
    line-height: 28px;
    letter-spacing: -0.4px;
    padding-inline: 13%;
    margin-bottom: 10px;
  }
}
.fcs-getting-started-page .getting-started-content .fcs-getting-started-section.fcs-getting-started-pharmacy .fcs-getting-started-pharmacy__card-name {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-size: 24px;
  line-height: 34px;
  color: #4F08B0;
  margin: 0 0 2px;
}
@media (min-width: 1025px) {
  .fcs-getting-started-page .getting-started-content .fcs-getting-started-section.fcs-getting-started-pharmacy .fcs-getting-started-pharmacy__card-name {
    font-size: 24px;
    font-weight: 700;
    line-height: 34px;
    margin: 0 0 7px;
  }
}
.fcs-getting-started-page .getting-started-content .fcs-getting-started-section.fcs-getting-started-pharmacy .fcs-getting-started-pharmacy__card-phone {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  color: #444;
  text-decoration: underline;
}
@media (min-width: 1025px) {
  .fcs-getting-started-page .getting-started-content .fcs-getting-started-section.fcs-getting-started-pharmacy .fcs-getting-started-pharmacy__card-phone {
    font-weight: 400;
  }
}
.fcs-getting-started-page .getting-started-content .fcs-getting-started-section.fcs-getting-started-pharmacy .fcs-getting-started-pharmacy__card-phone--highlight {
  color: #e91e8c;
}
@media (width > 1024px) {
  .fcs-getting-started-page .getting-started-content .fcs-getting-started-section.fcs-getting-started-pharmacy .fcs-getting-started-pharmacy__card-phone {
    text-decoration: none;
  }
}
.fcs-getting-started-page .getting-started-content .fcs-getting-started-section.fcs-getting-started-doctor-info {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: none;
  padding: 48px 0 65px;
  padding-top: 0px;
  padding-bottom: 53px;
  text-align: center;
}
@media (min-width: 1025px) {
  .fcs-getting-started-page .getting-started-content .fcs-getting-started-section.fcs-getting-started-doctor-info {
    padding-bottom: 53px;
  }
}
.fcs-getting-started-page .getting-started-content .fcs-getting-started-section.fcs-getting-started-doctor-info .fcs-getting-started-doctor-info__inner {
  width: 100%;
  max-width: 967px;
  padding-inline: 24px;
}
@media (min-width: 1025px) {
  .fcs-getting-started-page .getting-started-content .fcs-getting-started-section.fcs-getting-started-doctor-info .fcs-getting-started-doctor-info__inner {
    padding-inline: 0;
  }
}
.fcs-getting-started-page .getting-started-content .fcs-getting-started-section.fcs-getting-started-doctor-info .fcs-getting-started-doctor-info__title {
  font-size: 20px;
  font-weight: 700;
  line-height: 28px;
  letter-spacing: -0.4px;
  color: #4F08B0;
  margin-bottom: 10px;
  text-align: center;
  padding-inline: 13%;
  margin-inline: auto;
}
@media (min-width: 1025px) {
  .fcs-getting-started-page .getting-started-content .fcs-getting-started-section.fcs-getting-started-doctor-info .fcs-getting-started-doctor-info__title {
    font-family: "Poppins", sans-serif;
    font-weight: 700;
    font-size: 26px;
    line-height: 35.556px;
    letter-spacing: -0.356px;
    color: #4F08B0;
    margin: 0 0 30px;
    max-width: none;
  }
}
.fcs-getting-started-page .getting-started-content .fcs-getting-started-section.fcs-getting-started-doctor-info .fcs-getting-started-doctor-info__underline {
  display: block;
  width: 100%;
  max-width: 337px;
  height: auto;
  margin: 0 auto 36px;
}
@media (min-width: 1024px) {
  .fcs-getting-started-page .getting-started-content .fcs-getting-started-section.fcs-getting-started-doctor-info .fcs-getting-started-doctor-info__underline {
    margin-bottom: 46px;
    max-width: 538px;
  }
}
.fcs-getting-started-page .getting-started-content .fcs-getting-started-section.fcs-getting-started-doctor-info .fcs-getting-started-doctor-info__intro {
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: var(--text-black, #1e1e1e);
  margin: 0 auto;
  max-width: 894px;
  text-align: left;
}
@media (min-width: 1025px) {
  .fcs-getting-started-page .getting-started-content .fcs-getting-started-section.fcs-getting-started-doctor-info .fcs-getting-started-doctor-info__intro {
    font-size: 18px;
    font-weight: 400;
    line-height: 28px;
  }
}
.fcs-getting-started-page .getting-started-content .fcs-getting-started-section.fcs-getting-started-doctor-info .fcs-getting-started-doctor-info__lead {
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 28px;
  letter-spacing: 0.1px;
  color: #4F08B0;
  margin: 16px auto 0;
  max-width: 800px;
  display: none;
}
@media (min-width: 1025px) {
  .fcs-getting-started-page .getting-started-content .fcs-getting-started-section.fcs-getting-started-doctor-info .fcs-getting-started-doctor-info__lead {
    margin-top: 22px;
    display: block;
  }
}
.fcs-getting-started-page .getting-started-content .fcs-getting-started-section.fcs-getting-started-doctor-info .fcs-getting-started-doctor-info__list {
  list-style: none;
  margin: 36px auto 0;
  padding-top: 0;
  text-align: left;
  padding-left: 15px;
  padding-right: 7px;
}
@media (min-width: 1025px) {
  .fcs-getting-started-page .getting-started-content .fcs-getting-started-section.fcs-getting-started-doctor-info .fcs-getting-started-doctor-info__list {
    margin-top: 42px;
    padding: 0;
    margin: 0;
    margin-top: 22px;
    padding-inline: 0;
  }
}
.fcs-getting-started-page .getting-started-content .fcs-getting-started-section.fcs-getting-started-doctor-info .fcs-getting-started-doctor-info__item {
  display: flex;
  align-items: flex-start;
  gap: 19px;
  margin-bottom: 16px;
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 16px;
  color: var(--text-black, #1e1e1e);
}
.fcs-getting-started-page .getting-started-content .fcs-getting-started-section.fcs-getting-started-doctor-info .fcs-getting-started-doctor-info__item:last-child {
  margin-bottom: 0;
}
@media (min-width: 1025px) {
  .fcs-getting-started-page .getting-started-content .fcs-getting-started-section.fcs-getting-started-doctor-info .fcs-getting-started-doctor-info__item {
    gap: 18px;
    font-size: 18px;
    font-weight: 400;
    line-height: 23px;
    padding-left: 10px;
  }
}
.fcs-getting-started-page .getting-started-content .fcs-getting-started-section.fcs-getting-started-doctor-info .fcs-getting-started-doctor-info__check {
  width: 19px;
  height: 19px;
  margin-top: 0;
}
.fcs-getting-started-page .getting-started-content .fcs-getting-started-section.fcs-getting-started-cta {
  max-width: 770px;
  border-radius: 33px;
  margin-inline: 0;
  padding-bottom: 0;
}
@media (min-width: 1025px) {
  .fcs-getting-started-page .getting-started-content .fcs-getting-started-section.fcs-getting-started-cta {
    padding-bottom: 64px;
    padding-inline: 0;
  }
}
.fcs-getting-started-page .getting-started-content .fcs-getting-started-section.fcs-getting-started-cta .fcs-getting-started-cta__box {
  display: flex;
  margin: 0 auto;
}
@media (max-width: 1024px) {
  .fcs-getting-started-page .getting-started-content .fcs-getting-started-section.fcs-getting-started-cta .fcs-getting-started-cta__box {
    padding-inline: 27px;
  }
}
@media (max-width: 767px) {
  .fcs-getting-started-page .getting-started-content .fcs-getting-started-section.fcs-getting-started-cta .fcs-getting-started-cta__bracket {
    width: 12px;
  }
}
.fcs-getting-started-page .getting-started-content .fcs-getting-started-section.fcs-getting-started-cta .fcs-getting-started-cta__inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 11px;
  padding: 23px 17px 32px;
  text-align: center;
  background: rgba(255, 255, 255, 0.5);
  border-radius: 20px;
}
@media (min-width: 1025px) {
  .fcs-getting-started-page .getting-started-content .fcs-getting-started-section.fcs-getting-started-cta .fcs-getting-started-cta__inner {
    flex-direction: row;
    align-items: center;
    text-align: left;
    gap: 52px;
    padding-block: 26px;
    padding-left: 80px;
    padding-right: 35px;
    border-radius: 17.7px;
  }
}
@media (max-width: 1024px) {
  .fcs-getting-started-page .getting-started-content .fcs-getting-started-section.fcs-getting-started-cta .fcs-getting-started-cta__inner {
    text-align: left;
  }
  .fcs-getting-started-page .getting-started-content .fcs-getting-started-section.fcs-getting-started-cta .fcs-getting-started-cta__inner img {
    width: 128px;
  }
}
.fcs-getting-started-page .getting-started-content .fcs-getting-started-section.fcs-getting-started-cta .fcs-getting-started-cta__image {
  flex: none;
  height: auto;
  object-fit: contain;
}
.fcs-getting-started-page .getting-started-content .fcs-getting-started-section.fcs-getting-started-cta .fcs-getting-started-cta__title {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-size: 20px;
  line-height: 24px;
  color: #4F08B0;
  margin: 0 0 26px;
}
@media (min-width: 1025px) {
  .fcs-getting-started-page .getting-started-content .fcs-getting-started-section.fcs-getting-started-cta .fcs-getting-started-cta__title {
    font-size: 24px;
    line-height: 28px;
  }
}
@media (max-width: 768px) {
  .fcs-getting-started-page .getting-started-content .fcs-getting-started-section.fcs-getting-started-cta .fcs-getting-started-cta__title {
    margin-bottom: 11px;
  }
}
.fcs-getting-started-page .getting-started-content .fcs-getting-started-section.fcs-getting-started-cta .fcs-getting-started-cta__button {
  white-space: normal;
  text-align: left;
  padding: 12px 32px;
  height: auto;
  line-height: 22px;
  border-radius: 89px;
  font-weight: 700;
  line-height: 21.2px;
  letter-spacing: 0.089px;
  margin-inline: 6px;
  min-width: none;
}
@media (min-width: 1025px) {
  .fcs-getting-started-page .getting-started-content .fcs-getting-started-section.fcs-getting-started-cta .fcs-getting-started-cta__button {
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    max-width: 400px;
    text-align: center;
    padding: 8px 24px;
    margin-inline: 0;
  }
}
.fcs-getting-started-page .getting-started-content .fcs-getting-started-section.fcs-getting-started-cta .fcs-getting-started-cta__button::after {
  content: "";
  background-image: url("../../images/yellow-arrow.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 13px;
  height: 15px;
  margin-left: 13px;
}
.fcs-getting-started-page .getting-started-content .fcs-getting-started-questions {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: none;
  padding: 0 0 53px;
  text-align: center;
  padding-top: 10px;
}
@media (min-width: 1025px) {
  .fcs-getting-started-page .getting-started-content .fcs-getting-started-questions {
    padding-bottom: 37px;
    padding-top: 0;
  }
}
.fcs-getting-started-page .getting-started-content .fcs-getting-started-questions__inner {
  width: 100%;
  max-width: 967px;
  padding-inline: 24px;
}
@media (min-width: 1025px) {
  .fcs-getting-started-page .getting-started-content .fcs-getting-started-questions__inner {
    padding-inline: 0;
  }
}
.fcs-getting-started-page .getting-started-content .fcs-getting-started-questions__title {
  font-size: 20px;
  font-weight: 700;
  line-height: 28px;
  letter-spacing: -0.4px;
  color: #4F08B0;
  margin-bottom: 10px;
  text-align: center;
  padding-inline: 13%;
  margin-inline: auto;
}
@media (min-width: 1025px) {
  .fcs-getting-started-page .getting-started-content .fcs-getting-started-questions__title {
    font-family: "Poppins", sans-serif;
    font-weight: 700;
    font-size: 26px;
    line-height: 35.556px;
    letter-spacing: -0.356px;
    color: #4F08B0;
    margin: 0 0 30px;
    max-width: none;
    padding-inline: 0;
  }
}
.fcs-getting-started-page .getting-started-content .fcs-getting-started-questions__underline {
  display: block;
  width: 100%;
  max-width: 337px;
  height: auto;
  margin: 0 auto 36px;
}
@media (min-width: 1024px) {
  .fcs-getting-started-page .getting-started-content .fcs-getting-started-questions__underline {
    margin-bottom: 30px;
    max-width: 538px;
  }
}
.fcs-getting-started-page .getting-started-content .fcs-getting-started-questions__text {
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: var(--text-black, #1e1e1e);
  margin: 0 auto;
  max-width: 894px;
  text-align: center;
}
@media (max-width: 1024px) {
  .fcs-getting-started-page .getting-started-content .fcs-getting-started-questions__text {
    line-height: 24px;
    padding-right: 10px;
  }
}
@media (min-width: 1025px) {
  .fcs-getting-started-page .getting-started-content .fcs-getting-started-questions__text {
    font-size: 18px;
    line-height: 28px;
    letter-spacing: 0.1px;
  }
}
.fcs-getting-started-page .getting-started-content .fcs-getting-started-questions__text .phone-highlight {
  font-weight: 600;
}
.fcs-getting-started-page .getting-started-content .fcs-getting-started-questions__text .small-caps {
  font-size: 14px;
}

.fcs-getting-started-next {
  padding-top: 42px;
  padding-bottom: 36px;
  padding-inline: 27px;
}
@media (min-width: 1025px) {
  .fcs-getting-started-next {
    padding: 0 27px 48px;
    padding-bottom: 49px;
  }
}
.fcs-getting-started-next .btn.next {
  margin: 0 auto;
  display: flex;
  max-width: 481px;
  min-height: 58px;
}
@media (max-width: 1024px) {
  .fcs-getting-started-next .btn.next {
    min-height: 80px;
    padding-inline: 24px;
    padding-block: 16px;
  }
}
.fcs-getting-started-next .btn.next::before {
  padding-right: 20px;
  margin-right: 20px;
}
@media (min-width: 1025px) {
  .fcs-getting-started-next .btn.next::before {
    padding-right: 18px;
    margin-right: 18px;
  }
}
.fcs-getting-started-next .btn.next span {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: 0.1px;
}
@media (min-width: 1025px) {
  .fcs-getting-started-next .btn.next span {
    font-size: 18px;
    line-height: 23.4px;
  }
}

/**
 * FCS FAQs page (TRYN-922).
 * Hero (text/image only) + two FAQ accordion lists + CTA. All content hardcoded.
 * Desktop-first; mobile overrides under `@media (max-width: 767px)`.
 *
 * Everything below the hero is scoped under `.fcs-faqs` so the rules outrank the
 * global `.layout-container p / li / a` text styles (specificity 0,1,1).
 */
/* ── Hero icon override (sized to the Figma chat-bubble graphic) ───────────── */
.fcs-faqs-container .block--type--hero-banner.default .hero-icon.faqs-hero-icon {
  width: 187px;
  height: auto;
  margin: -30px 0 -30px 30px;
  min-height: 210px;
}
@media (max-width: 1024px) {
  .fcs-faqs-container .block--type--hero-banner.default .hero-icon.faqs-hero-icon {
    min-height: 210px;
  }
}
@media (max-width: 767px) {
  .fcs-faqs-container .block--type--hero-banner.default .hero-icon.faqs-hero-icon {
    margin: unset;
    margin-bottom: 20px;
    width: 102px;
  }
}

.fcs-faqs-container #hero-wrap {
  margin-bottom: 0px;
}

/* ── Page wrapper: faint lavender→peach gradient behind the FAQ area + CTA ── */
.fcs-faqs {
  padding: 56px 0 80px;
  /* ── Section ─────────────────────────────────────────────────────────── */
  /* ── Section title + gradient divider with round end dots ─────────────── */
  /* ── Accordion ────────────────────────────────────────────────────────── */
  /* ── CTA ─────────────────────────────────────────────────────────────── */
}
@media (max-width: 767px) {
  .fcs-faqs {
    padding: 32px 0 48px;
  }
}
.fcs-faqs .faqs-section__inner {
  max-width: 1040px;
  margin: 0 auto;
  padding: 0 24px;
}
.fcs-faqs .faqs-section + .faqs-section {
  margin-top: 56px;
}
@media (max-width: 767px) {
  .fcs-faqs .faqs-section + .faqs-section {
    margin-top: 40px;
  }
}
.fcs-faqs .faqs-section-title {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 30.222px;
  text-align: center;
  margin-bottom: 44px;
}
.fcs-faqs .faqs-section-title__heading {
  margin: 0;
  max-width: 744px;
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-size: 26px;
  line-height: 35.556px;
  letter-spacing: -0.3556px;
  color: var(--color-purple);
}
.fcs-faqs .faqs-section-title__divider {
  position: relative;
  width: 538.667px;
  max-width: 100%;
  height: 2.667px;
  background: linear-gradient(to right, #FABD26 0%, #FA7821 100%);
}
.fcs-faqs .faqs-section-title__divider::before, .fcs-faqs .faqs-section-title__divider::after {
  content: "";
  position: absolute;
  top: 50%;
  width: 14.222px;
  height: 14.222px;
  border-radius: 50%;
  transform: translateY(-50%);
}
.fcs-faqs .faqs-section-title__divider::before {
  left: -7.111px;
  background: #FABD26;
}
.fcs-faqs .faqs-section-title__divider::after {
  right: -7.111px;
  background: #FA7821;
}
@media (max-width: 767px) {
  .fcs-faqs .faqs-section-title {
    gap: 10px;
    margin-top: 28px;
    margin-bottom: 28px;
  }
  .fcs-faqs .faqs-section-title__heading {
    font-size: 20px;
    line-height: 28px;
    letter-spacing: -0.4px;
    max-width: 225px;
  }
  .fcs-faqs .faqs-section-title__divider {
    width: 337px;
    height: 2px;
  }
  .fcs-faqs .faqs-section-title__divider::before, .fcs-faqs .faqs-section-title__divider::after {
    width: 8px;
    height: 8px;
  }
  .fcs-faqs .faqs-section-title__divider::before {
    left: -4px;
  }
  .fcs-faqs .faqs-section-title__divider::after {
    right: -4px;
  }
}
.fcs-faqs .faq {
  background: rgba(255, 255, 255, 0.5);
  border-radius: 16px;
  overflow: hidden;
  margin-bottom: 22px;
  /* Summary / trigger row */
  /* Trademark stays regular weight inside the bold question */
  /* ── Answer body ──────────────────────────────────────────── */
  /* Numbered steps (Q1) */
  /* Icon bullets (Q6–Q9): Rx / phone disc + text */
  /* ── Mobile ─────────────────────────────────────────────────── */
}
.fcs-faqs .faq:last-child {
  margin-bottom: 0;
}
.fcs-faqs .faq__summary {
  display: flex;
  align-items: center;
  gap: 24px;
  min-height: 84px;
  padding: 12px 33px 12px 18px;
  cursor: pointer;
  list-style: none;
}
.fcs-faqs .faq__summary::-webkit-details-marker {
  display: none;
}
.fcs-faqs .faq__summary::marker {
  content: "";
}
.fcs-faqs .faq__summary:focus-visible {
  outline: 3px solid var(--color-purple);
  outline-offset: -3px;
  border-radius: 16px;
}
.fcs-faqs .faq__quote {
  flex: 0 0 auto;
  display: flex;
}
.fcs-faqs .faq__quote-svg {
  display: block;
  width: 29px;
  height: 24px;
}
.fcs-faqs .faq__question {
  flex: 1;
  margin: 0;
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-size: 20px;
  line-height: 28px;
  color: var(--color-purple);
}
.fcs-faqs .faq__tm {
  font-weight: 400;
}
.fcs-faqs .faq__toggle {
  flex: 0 0 auto;
  margin-left: auto;
  width: 39.111px;
  height: 39.111px;
}
.fcs-faqs .faq__toggle-plus, .fcs-faqs .faq__toggle-minus {
  display: block;
  width: 39.111px;
  height: 39.111px;
}
.fcs-faqs .faq__toggle-minus {
  display: none;
}
.fcs-faqs .faq[open] .faq__toggle-plus {
  display: none;
}
.fcs-faqs .faq[open] .faq__toggle-minus {
  display: block;
}
.fcs-faqs .faq__answer {
  position: relative;
  padding: 6px 120px 24px 120px;
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  color: #000;
  /* Left gradient rule (orange → purple) */
  /* Phone (tel:) numbers read as 100%K bold at every breakpoint
     (TRYN-1066–1070). The global `.layout-container a[href^="tel"]` rule
     (_typography.scss) drops the underline + click-to-call at ≥1025px
     (desktop = plain black text), while below that the number stays a
     live, underlined, clickable link. QA asked for that mobile link to be
     black too — so we set colour + weight unconditionally. The underline
     follows `currentColor`, so it turns black on mobile automatically, and
     the link stays tappable (only desktop disables pointer-events). */
  /* Emphasized runs in the design are Poppins SemiBold (600), not 700 */
  /* Lead paragraph — must outrank `.faq__answer p` (0,3,0 > 0,2,1) */
}
.fcs-faqs .faq__answer::before {
  content: "";
  position: absolute;
  left: 101px;
  top: 4px;
  bottom: 24px;
  width: 2px;
  background: linear-gradient(180deg, #FA7821 0%, #4F08B0 100%);
}
.fcs-faqs .faq__answer p {
  margin: 0 0 10px;
  color: #000;
}
.fcs-faqs .faq__answer p:last-child {
  margin-bottom: 0;
}
.fcs-faqs .faq__answer a {
  color: var(--color-purple);
  font-weight: 500;
  text-decoration: underline;
}
.fcs-faqs .faq__answer a[href^=tel] {
  color: #000;
  font-weight: 600;
  pointer-events: auto;
}
.fcs-faqs .faq__answer strong {
  font-weight: 600;
}
.fcs-faqs .faq__answer .faq__lead {
  color: var(--color-purple);
  font-weight: 600;
}
.fcs-faqs .faq__answer .faq__lead-regular {
  font-weight: 400;
}
.fcs-faqs .faq__answer .faq__body {
  color: #000;
}
.fcs-faqs .faq__answer .faq__footnote {
  font-size: 12px;
  line-height: 16px;
  /* Hanging indent: body copy flush left, leading * symbol hangs left (TRYN-1024). */
  padding-left: 0.5em;
  text-indent: -0.5em;
}
.fcs-faqs .faq__steps {
  list-style: none;
  margin: 0;
  padding: 0;
  counter-reset: faq-step;
}
.fcs-faqs .faq__steps > li {
  position: relative;
  padding-left: 33px;
  margin-bottom: 8px;
  font-size: 16px;
  line-height: 26px;
  color: #000;
}
.fcs-faqs .faq__steps > li::before {
  counter-increment: faq-step;
  content: counter(faq-step);
  position: absolute;
  left: 0;
  top: 3px;
  width: 20.767px;
  height: 20.767px;
  border-radius: 50%;
  background: var(--color-purple);
  color: #fff;
  font-weight: 600;
  font-size: 12px;
  line-height: 20.767px;
  text-align: center;
}
.fcs-faqs .faq__steps > li:last-child {
  margin-bottom: 0;
}
.fcs-faqs .faq__contact-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.fcs-faqs .faq__contact-item {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  margin-bottom: 8px;
}
.fcs-faqs .faq__contact-item:last-child {
  margin-bottom: 0;
}
.fcs-faqs .faq__contact-icon {
  flex: 0 0 24px;
  width: 24px;
  height: 24px;
  margin-top: -1px;
  display: flex;
  align-items: flex-start;
  justify-content: center;
}
.fcs-faqs .faq__contact-icon img {
  display: block;
  width: 24px;
  height: auto;
}
.fcs-faqs .faq__contact-text {
  flex: 1;
  color: #000;
}
.fcs-faqs .faq__ampm {
  font-size: 14px;
}
@media (max-width: 767px) {
  .fcs-faqs .faq {
    background: #fff;
    border-radius: 26px;
    margin-bottom: 30px;
  }
  .fcs-faqs .faq__summary {
    gap: 22px;
    min-height: 80px;
    padding: 16px 19px;
  }
  .fcs-faqs .faq__quote-svg {
    width: 24px;
    height: 20px;
  }
  .fcs-faqs .faq__question {
    font-size: 14px;
    line-height: 16px;
  }
  .fcs-faqs .faq__toggle, .fcs-faqs .faq__toggle-plus, .fcs-faqs .faq__toggle-minus {
    width: 24px;
    height: 24px;
  }
  .fcs-faqs .faq__answer {
    padding: 8px 19px 20px 86px;
    font-size: 12px;
    line-height: 15px;
  }
  .fcs-faqs .faq__answer::before {
    left: 70px;
  }
  .fcs-faqs .faq__answer .faq__lead {
    font-size: 12px;
    line-height: 15px;
  }
  .fcs-faqs .faq__answer .faq__body {
    font-size: 12px;
    line-height: 15px;
  }
  .fcs-faqs .faq__answer .faq__footnote {
    font-size: 10px;
    line-height: 14px;
  }
  .fcs-faqs .faq__steps > li {
    padding-left: 28px;
    font-size: 12px;
    line-height: 16px;
  }
  .fcs-faqs .faq__steps > li::before {
    width: 16px;
    height: 16px;
    font-size: 10px;
    line-height: 16px;
  }
  .fcs-faqs .faq__contact-icon {
    flex-basis: 20px;
    width: 20px;
    height: 20px;
  }
  .fcs-faqs .faq__contact-icon img {
    width: 20px;
  }
  .fcs-faqs .faq__contact-text {
    font-size: 12px;
    line-height: 15px;
  }
  .fcs-faqs .faq__ampm {
    font-size: 10px;
  }
}
.fcs-faqs .faqs-cta-section {
  margin-top: 64px;
}
@media (max-width: 767px) {
  .fcs-faqs .faqs-cta-section {
    margin-top: 40px;
    padding: 0 26px;
  }
}
.fcs-faqs .faqs-cta {
  display: grid;
  grid-template-columns: auto 1fr;
  grid-template-areas: "icon body" "btn btn";
  align-items: center;
  column-gap: 29px;
  row-gap: 22px;
  max-width: 737px;
  margin: 0 auto;
  padding: 30px 40px;
  border-radius: 17.778px;
  background: linear-gradient(180deg, #4F08B0 0.676%, #21034A 100%);
}
.fcs-faqs .faqs-cta__icon {
  grid-area: icon;
  position: relative;
  padding-right: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  /* Vertical divider between icon and text */
}
.fcs-faqs .faqs-cta__icon::after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 80px;
  background: rgba(255, 255, 255, 0.4);
}
.fcs-faqs .faqs-cta__icon img {
  display: block;
  width: 120px;
  height: auto;
}
.fcs-faqs .faqs-cta__body {
  grid-area: body;
}
.fcs-faqs .faqs-cta__heading {
  margin: 0 0 6px;
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-size: 20px;
  line-height: 30.222px;
  color: #fff;
}
.fcs-faqs .faqs-cta__text {
  margin: 0;
  max-width: 526px;
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.0889px;
  color: #fff;
}
.fcs-faqs .faqs-cta__button {
  grid-area: btn;
  justify-self: center;
  display: inline-flex;
  align-items: center;
  gap: 17.778px;
  padding: 14px 36px;
  border-radius: 88.889px;
  background: linear-gradient(180deg, #FABD26 5.409%, #FA7821 96.274%);
  color: #000;
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-size: 16px;
  letter-spacing: 0.0889px;
  text-decoration: none;
  transition: filter 0.2s ease;
  transform: translateX(-28px);
}
.fcs-faqs .faqs-cta__button:hover {
  filter: brightness(0.96);
  color: #000;
}
.fcs-faqs .faqs-cta__button:focus-visible {
  outline: 3px solid #fff;
  outline-offset: 2px;
}
.fcs-faqs .faqs-cta__chevron {
  flex: 0 0 auto;
  width: 8px;
  height: 14px;
}
@media (max-width: 767px) {
  .fcs-faqs .faqs-cta {
    grid-template-columns: auto 1fr;
    grid-template-areas: "icon body" "btn btn";
    align-items: start;
    column-gap: 8px;
    row-gap: 18px;
    max-width: unset;
    min-height: 200px;
    padding: 13px 12px 19px;
    border-radius: 20px;
    text-align: left;
  }
  .fcs-faqs .faqs-cta__icon {
    align-self: start;
    padding-right: 0;
  }
  .fcs-faqs .faqs-cta__icon::after {
    display: none;
  }
  .fcs-faqs .faqs-cta__icon img {
    width: 60px;
  }
  .fcs-faqs .faqs-cta__body {
    align-self: start;
    width: unset;
    max-width: unset;
    padding-top: 9px;
  }
  .fcs-faqs .faqs-cta__heading {
    margin: 0 0 5px;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.0889px;
  }
  .fcs-faqs .faqs-cta__text {
    max-width: unset;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 0;
  }
  .fcs-faqs .faqs-cta__button {
    width: 215px;
    max-width: 100%;
    min-height: 42px;
    height: 42px;
    justify-self: center;
    justify-content: center;
    padding: 12px 20px;
    font-size: 14px;
    line-height: 18px;
    gap: 17.778px;
    transform: unset;
    box-sizing: border-box;
    white-space: nowrap;
  }
}

/**
 * sHTG FAQ ("How do I get TRYNGOLZA?") Rx / phone icons (TRYN-1058).
 *
 * These are media images embedded in the accordion WYSIWYG. They display at
 * 21px from a 21px source, so replacing the blurry 21px PNGs with a
 * higher-resolution PNG would otherwise render larger. Pin them to 21px so the
 * hi-res source stays crisp on Retina without changing the layout size. Every
 * left-aligned inline image in these FAQ accordions is one of these icons.
 */
body.shtg-access-and-support-FAQS .accordion__content-inner .align-left img {
  width: 21px;
  height: 21px;
}
body.shtg-access-and-support-FAQS .faq__ampm {
  font-size: 12px;
}

/**
 * @file
 * Styles for the Recipe detail page — tryngolza theme.
 * Scoped to .recipe-detail which lives inside .node--type-recipe.
 */
article:has(.recipe-detail) {
  max-width: 1136px;
  margin: 0 auto;
}

.recipe-detail {
  padding: 40px;
}
@media (max-width: 767px) {
  .recipe-detail {
    padding: 24px 20px;
  }
}

.recipe-detail .recipe-detail__section-title {
  font-size: 24px;
  line-height: 32px;
  font-weight: 700;
  text-transform: uppercase;
  color: #4F08B0;
  margin: 0 0 20px;
}

.recipe-detail__print-bar {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 24px;
}
@media (max-width: 767px) {
  .recipe-detail__print-bar {
    justify-content: center;
    margin-bottom: 36px;
  }
}

.recipe-detail__print-btn {
  background: linear-gradient(180deg, #4F08B0 3.68%, #21034A 100%);
  box-shadow: 0px 2.81px 2.81px 0px rgba(0, 0, 0, 0.2509803922);
  color: #ffffff;
  border: none;
  border-radius: 20px;
  padding: 8px 20px;
  font-family: "Poppins", sans-serif;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  cursor: pointer;
  transition: opacity 0.2s ease;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
}
.recipe-detail__print-btn:hover {
  opacity: 0.85;
}

.recipe-detail__stats {
  width: 100%;
  max-width: 686px;
  display: flex;
  justify-content: space-between;
  gap: 16px;
  margin: 0 auto 48px;
}

.recipe-detail__stat {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  text-align: center;
}

.recipe-detail__stat-icon {
  height: 42px;
}

@media (max-width: 767px) {
  .recipe-detail__stat-icon img {
    height: 21px;
  }
}

.recipe-detail__stat-value-container {
  display: flex;
  align-items: center;
  gap: 4px;
}
@media (max-width: 767px) {
  .recipe-detail__stat-value-container {
    flex-direction: column;
    align-items: center;
  }
}

.recipe-detail__stat-value,
.recipe-detail__stat-label {
  font-size: 14px;
  font-weight: 700;
  color: #4F08B0;
  text-transform: uppercase;
}
@media (max-width: 767px) {
  .recipe-detail__stat-value,
  .recipe-detail__stat-label {
    font-size: 11px;
  }
}

.recipe-detail__header {
  margin-bottom: 30px;
}
.recipe-detail__header--mobile {
  display: none;
}
@media (max-width: 767px) {
  .recipe-detail__header--mobile {
    display: block;
  }
}
.recipe-detail__header--desktop {
  display: block;
}
@media (max-width: 767px) {
  .recipe-detail__header--desktop {
    display: none;
  }
}

.recipe-detail div.recipe-detail__title span,
.recipe-detail div.recipe-detail__title p,
.recipe-detail div.recipe-detail__title h1,
.recipe-detail div.recipe-detail__title h2,
.recipe-detail div.recipe-detail__title h3,
.recipe-detail div.recipe-detail__title h4,
.recipe-detail div.recipe-detail__title h5,
.recipe-detail div.recipe-detail__title h6,
.recipe-detail .recipe-detail__title {
  font-size: 40px;
  line-height: 48px;
  color: #21034A;
  margin: 0 0 12px;
  font-weight: 400;
  background: linear-gradient(180deg, #4F08B0 3.68%, #21034A 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}
.recipe-detail div.recipe-detail__title span strong,
.recipe-detail div.recipe-detail__title p strong,
.recipe-detail div.recipe-detail__title h1 strong,
.recipe-detail div.recipe-detail__title h2 strong,
.recipe-detail div.recipe-detail__title h3 strong,
.recipe-detail div.recipe-detail__title h4 strong,
.recipe-detail div.recipe-detail__title h5 strong,
.recipe-detail div.recipe-detail__title h6 strong,
.recipe-detail .recipe-detail__title strong {
  text-transform: uppercase;
  font-weight: 700;
}

.recipe-detail__tags {
  font-size: 14px;
  color: #000;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.recipe-detail__body {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto auto auto auto;
  column-gap: 40px;
  margin-bottom: 40px;
  align-items: start;
}
@media (max-width: 767px) {
  .recipe-detail__body {
    grid-template-columns: 1fr;
    gap: 24px;
  }
}

.recipe-detail__image-col {
  background: linear-gradient(180deg, #4F08B0 0%, #FA7821 100%);
  border-radius: 18px;
  padding: 2px;
  margin-bottom: 30px;
}
.recipe-detail__image-col img {
  width: 100%;
  height: auto;
  display: block;
  object-fit: cover;
  border-radius: 16px;
}
.recipe-detail__image-col .field {
  margin: 0;
  border-radius: 16px;
  overflow: hidden;
}

.recipe-detail__ingredients-col {
  grid-row: span 4;
}
@media (max-width: 767px) {
  .recipe-detail__ingredients-col {
    order: 2;
    grid-row: auto;
  }
}

.recipe-detail__directions-col {
  grid-column: 2;
}
@media (max-width: 767px) {
  .recipe-detail__directions-col {
    grid-column: 1;
    order: 3;
  }
}

.recipe-detail__tips-col {
  grid-column: 2;
}
@media (max-width: 767px) {
  .recipe-detail__tips-col {
    grid-column: 1;
    order: 4;
  }
}

.recipe-detail__nutrition-col {
  grid-column: 2;
}
@media (max-width: 767px) {
  .recipe-detail__nutrition-col {
    grid-column: 1;
    order: 5;
  }
}

.recipe-detail__ingredients p {
  margin: 0 0 12px;
  font-size: 18px;
  line-height: 24px;
  color: #000;
}
.recipe-detail__ingredients p:last-child {
  margin-bottom: 0;
}
.recipe-detail__ingredients ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.recipe-detail__ingredients ul li {
  font-size: 18px;
  line-height: 24px;
  color: #000;
  margin-bottom: 12px;
}

.recipe-detail__directions {
  margin-bottom: 40px;
}

.recipe-detail__directions-list {
  counter-reset: recipe-step;
}
.recipe-detail__directions-list .field__items,
.recipe-detail__directions-list .field {
  display: contents;
}

.recipe-direction {
  counter-increment: recipe-step;
  position: relative;
  display: flex;
  align-items: flex-start;
  gap: 16px;
  margin-bottom: 15px;
}
.recipe-direction::after {
  content: "";
  position: absolute;
  left: 15px;
  top: 36px;
  bottom: -11px;
  width: 2px;
  background: linear-gradient(180deg, #FA7821 0%, #4F08B0 100%);
}
.recipe-direction:last-child {
  margin-bottom: 0;
}
.recipe-direction:last-child::after {
  display: none;
}

.recipe-direction__number {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  min-width: 32px;
  border-radius: 50%;
  background: linear-gradient(90deg, #FA7821 0%, #4F08B0 100%);
  color: #ffffff;
  font-size: 14px;
  font-weight: 700;
  font-family: "Poppins", sans-serif;
  line-height: 1;
}
.recipe-direction__number::after {
  content: "";
  position: absolute;
  inset: -4px;
  border-radius: 50%;
  background: linear-gradient(90deg, #FA7821 0%, #4F08B0 100%);
  z-index: -1;
  padding: 2px;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}
.recipe-direction__number::before {
  content: counter(recipe-step);
  font-size: 22px;
}

.recipe-direction__text {
  font-size: 18px;
  line-height: 24px;
  color: #000;
  padding-top: 4px;
}
.recipe-direction__text p {
  margin: 0;
  color: #000;
}
.recipe-direction__text strong {
  color: #000;
  font-weight: 600;
}
.recipe-direction__text .field {
  margin: 0;
}

.recipe-detail__tips {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  background: linear-gradient(180deg, #4F08B0 0%, #21034A 102.67%);
  border-radius: 12px;
  padding: 28px 32px;
  margin-bottom: 40px;
}
@media (max-width: 767px) {
  .recipe-detail__tips {
    padding: 24px 20px;
    gap: 16px;
  }
}

.recipe-detail__tips-icon {
  flex-shrink: 0;
  width: 28px;
  height: 28px;
}

.recipe-detail__tips-content {
  flex: 1;
}

.recipe-detail .recipe-detail__tips-title {
  font-size: 24px;
  line-height: 32px;
  font-weight: 700;
  text-transform: uppercase;
  color: #ffffff;
  margin: 0 0 12px;
}

.recipe-detail__tips-body {
  font-size: 15px;
  line-height: 1.6;
}
.recipe-detail__tips-body p {
  font-size: 18px;
  color: #FFF;
  font-feature-settings: "liga" off, "clig" off;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}
.recipe-detail__tips-body,
.recipe-detail__tips-body p,
.recipe-detail__tips-body li,
.recipe-detail__tips-body a {
  color: #ffffff;
}
.recipe-detail__tips-body p {
  margin: 0 0 10px;
}
.recipe-detail__tips-body p:last-child {
  margin-bottom: 0;
}
.recipe-detail__tips-body ul {
  padding-left: 20px;
  margin: 0;
}
.recipe-detail__tips-body ul li {
  margin-bottom: 8px;
}
.recipe-detail__tips-body ul li:last-child {
  margin-bottom: 0;
}
.recipe-detail__tips-body .field {
  margin: 0;
}

.recipe-detail__nutrition {
  padding-top: 16px;
  border-top: 1px solid #898989;
  margin-bottom: 40px;
}

.recipe-detail .recipe-detail__nutrition-title {
  font-size: 18px;
  line-height: 24px;
  font-weight: 700;
  text-transform: uppercase;
  color: #444444;
  margin: 0 0 12px;
}

.recipe-detail__nutrition-stats {
  font-size: 16px;
  line-height: 20px;
  color: #000;
}

.recipe-detail__footnote {
  margin-top: 30px;
}
.recipe-detail__footnote p, .recipe-detail__footnote em {
  font-size: 14px;
  font-style: italic;
  color: #4F08B0;
  line-height: 22px;
}
.recipe-detail__footnote p {
  margin: 0 0 8px;
}
.recipe-detail__footnote p:last-child {
  margin-bottom: 0;
}
.recipe-detail__footnote .field {
  margin: 0;
}

.recipe-related-section {
  background: linear-gradient(135deg, #2D0066, #4F08B0);
  background-image: url("../../images/recipe/bg-gradient.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding: 48px 0 64px;
}

.recipe-related-section__container {
  width: 100%;
  max-width: 1136px;
  margin: 0 auto;
  padding: 0 40px;
}

.recipe-related-section__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 32px;
  gap: 16px;
}
@media (max-width: 767px) {
  .recipe-related-section__header {
    flex-direction: column;
    align-items: flex-start;
  }
}

.recipe-related-section .recipe-related-section__heading {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-size: 24px;
  line-height: 32px;
  color: #ffffff;
  text-transform: uppercase;
  margin: 0;
}

a.recipe-related-section__view-all {
  background: linear-gradient(180deg, #4F08B0 3.68%, #21034A 100%);
  box-shadow: 0px 2.81px 2.81px 0px rgba(0, 0, 0, 0.2509803922);
  color: #ffffff;
  border: none;
  border-radius: 20px;
  padding: 8px 20px;
  font-family: "Poppins", sans-serif;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  cursor: pointer;
  transition: opacity 0.2s ease;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  text-decoration: none;
}
a.recipe-related-section__view-all:hover {
  color: #ffffff;
  text-decoration: none;
  opacity: 0.85;
}

.recipe-related-section__cards {
  display: grid;
  grid-template-columns: 1fr;
  gap: 24px;
}
@media (min-width: 768px) {
  .recipe-related-section__cards {
    grid-template-columns: repeat(3, 1fr);
  }
}

@page {
  size: letter;
  margin: 0.5in;
}
@media print {
  #onetrust-consent-sdk,
  .shtg-secondary-hero {
    display: none;
  }
  * {
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }
  header,
  footer,
  nav,
  #toolbar-bar,
  .toolbar-bar,
  .toolbar-oriented,
  .toolbar-tray,
  .region-highlighted,
  .utility-region,
  .region-violator,
  .block-isi,
  [class*=isi-block],
  [class*=isi-container],
  [class*=floating-isi],
  .isi-sticky,
  section.isi,
  .region-isi,
  #isi,
  .recipe-detail__print-bar,
  .recipe-detail__stats {
    display: none !important;
  }
  body,
  main,
  .layout-container {
    margin: 0 !important;
    padding: 0 !important;
  }
  body {
    background: #fff;
    color: #000;
    font-family: "Poppins", sans-serif;
    font-size: 14px;
    zoom: 0.6;
  }
  article:has(.recipe-detail) {
    max-width: 11.5in;
  }
  .recipe-detail {
    padding: 0;
  }
  .recipe-detail__header--desktop {
    display: block;
  }
  .recipe-detail__header--mobile {
    display: none;
  }
  .recipe-detail div.recipe-detail__title span,
  .recipe-detail div.recipe-detail__title p,
  .recipe-detail div.recipe-detail__title h1,
  .recipe-detail div.recipe-detail__title h2,
  .recipe-detail div.recipe-detail__title h3,
  .recipe-detail div.recipe-detail__title h4,
  .recipe-detail div.recipe-detail__title h5,
  .recipe-detail div.recipe-detail__title h6,
  .recipe-detail .recipe-detail__title {
    font-size: 36px;
    line-height: 44px;
    color: #000;
    background: none;
    -webkit-text-fill-color: #000;
    margin-bottom: 8px;
  }
  .recipe-detail div.recipe-detail__title span strong,
  .recipe-detail div.recipe-detail__title p strong,
  .recipe-detail div.recipe-detail__title h1 strong,
  .recipe-detail div.recipe-detail__title h2 strong,
  .recipe-detail div.recipe-detail__title h3 strong,
  .recipe-detail div.recipe-detail__title h4 strong,
  .recipe-detail div.recipe-detail__title h5 strong,
  .recipe-detail div.recipe-detail__title h6 strong,
  .recipe-detail .recipe-detail__title strong {
    color: #000;
    -webkit-text-fill-color: #000;
  }
  .recipe-detail__tags {
    font-size: 11px;
    color: #666;
    margin-bottom: 24px;
  }
  .recipe-detail .recipe-detail__section-title {
    color: #000;
    border-bottom-color: #000;
    font-size: 16px;
  }
  .recipe-detail__body {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto;
    grid-auto-rows: auto;
    column-gap: 20px;
    margin-bottom: 24px;
  }
  .recipe-detail__ingredients-col {
    grid-column: 1;
    grid-row: auto;
  }
  .recipe-detail__image-col {
    grid-column: 2;
    grid-row: 1;
    background: none;
    padding: 0;
    border: 1px solid #ccc;
    border-radius: 8px;
    margin-bottom: 16px;
  }
  .recipe-detail__directions-col {
    grid-column: 2;
    grid-row: auto;
  }
  .recipe-detail__tips-col {
    grid-column: 1;
    grid-row: 2;
    margin-top: 30px;
  }
  .recipe-detail__nutrition-col {
    grid-column: 1/-1;
    grid-row: auto;
  }
  .recipe-detail__ingredients p,
  .recipe-detail__ingredients li {
    color: #000;
    font-size: 13px;
    line-height: 1.5;
    margin-bottom: 6px;
  }
  .recipe-detail__directions-list {
    counter-reset: recipe-step;
  }
  .recipe-direction {
    counter-increment: recipe-step;
    display: block;
    position: relative;
    padding-left: 28px;
    margin-bottom: 14px;
  }
  .recipe-direction::before {
    content: counter(recipe-step) ".";
    position: absolute;
    left: 0;
    top: 0;
    font-weight: 700;
    color: #000;
  }
  .recipe-direction::after {
    display: none;
  }
  .recipe-direction__number {
    display: none;
  }
  .recipe-direction__text {
    padding-top: 0;
    color: #000;
    font-size: 13px;
    line-height: 1.5;
  }
  .recipe-direction__text p {
    margin: 0;
  }
  .recipe-direction__text strong {
    color: #000;
  }
  .recipe-detail__tips {
    background: #f2f2f2;
    border-radius: 8px;
    padding: 20px 24px;
    break-inside: avoid;
  }
  .recipe-detail__tips-icon {
    display: none;
  }
  .recipe-detail .recipe-detail__tips-title {
    color: #000 !important;
    font-size: 16px;
  }
  .recipe-detail__tips-body,
  .recipe-detail__tips-body p,
  .recipe-detail__tips-body li {
    color: #333;
  }
  .recipe-detail__nutrition {
    border-top-color: #ccc;
    break-inside: avoid;
  }
  .recipe-detail .recipe-detail__nutrition-title {
    color: #000;
  }
  .recipe-detail__nutrition-stats {
    color: #000;
    font-size: 14px;
  }
  .recipe-detail__footnote p,
  .recipe-detail__footnote em {
    color: #555;
    font-size: 12px;
  }
  .recipe-detail__header {
    break-inside: avoid;
  }
  .recipe-related-section {
    display: none;
  }
}
/*# sourceMappingURL=main.css.map */