:root {
    --base-font-size: clamp(1rem, 0.4114rem + 1.2278vw, 1.5625rem);
    --salt-line-height: 4px;
    --base-line-height: clamp(1.25rem, 0.3998rem + 1.7735vw, 2.0625rem);
    --base-font-family: 'IBMPlexSans-Regular';
    --h1-font-family: 'Poppins-Bold';
    --h2-font-family: 'IBMPlexSans-Bold';
    --h3-font-family: 'IBMPlexSans-Bold';
    --h1-font-size: clamp(1.375rem, 0.2083rem + 3.1111vw, 3.125rem);
    --h1-line-height: clamp(1.5625rem, 0.1042rem + 3.8889vw, 3.75rem);
    --h2-font-size: clamp(1.375rem, 1.0417rem + 0.8889vw, 1.875rem);
    --h2-line-height: clamp(1.6875rem, 1.3542rem + 0.8889vw, 2.1875rem);
    --h3-font-size: clamp(0.875rem, 0.1556rem + 1.5007vw, 1.5625rem);
    --h3-line-height: clamp(1.25rem, calc(-0.34rem + 4.25vw), 2.38rem);
    --h4-font-size: clamp(0.75rem, 0.4375rem + 1vw, 1rem);
    --h4-line-height: clamp(0.9375rem, 0.6105rem + 0.6821vw, 1.25rem);
    --h5-font-size: clamp(0.625rem, 0.3906rem + 0.75vw, 0.8125rem);
    --h5-line-height: calc(var(--h5-font-size) + var(--salt-line-height));
    --h6-font-size: clamp(0.5625rem, 0.4063rem + 0.5vw, 0.6875rem);
    --h6-line-height: calc(var(--h6-font-size) + var(--salt-line-height));
    --banner-heading: clamp(1.375rem, 0.1978rem + 2.4557vw, 2.5rem);
    --banner-line-height: clamp(1.5625rem, -0.0725rem + 3.4106vw, 3.125rem);
    --small-para-font-size: clamp(0.75rem, 0.4884rem + 0.5457vw, 1rem);
    --small-para-line-height: clamp(0.9375rem, 0.6105rem + 0.6821vw, 1.25rem);
    --big-para-font-size: clamp(1.125rem, 0.3402rem + 1.6371vw, 1.875rem);
    --big-para-line-height: clamp(1.25rem, 0.0728rem + 2.4557vw, 2.375rem);

    /* color scheme */
    --primary-blue-color: #0A48CC;
    --primary-green-color: #41E6B9;
    --primary-purple-color: #B079FF;
    --primary-black-color: #000000;
    --primary-white-color: #ffffff;
    --primary-pink-color: #ff00b1;
    --primary-grey-color: #6d6d6d;
    --primary-white-bg-blue-text: #0A48CC;
    --primary-white-bg-green-text: #00A3AD;
    --primary-white-bg-purple-text: #7D55C6;

    --secondary-grey-color: #BBC7D6;
    --secondary-black-color: #253746;
    --secondary-yellow-color: #FFD700;
    --secondary-orange-color: #ED8B00;
    --danger-color: red;

    --bg-gradient-blue: linear-gradient(92deg, rgb(10 72 204) 40%, transparent 100%);
    --bg-gradient-light-blue: transparent linear-gradient(95deg, #0A48CC33 0%, #CBD8F4D4 0%, #FFFFFF 100%) 0% 0% no-repeat;
    --bg-gradient-blue-green: linear-gradient(90deg, #0A48CC 0%, #00A3AD 100%);
    --bg-gradient-blue-border-top: linear-gradient(to right, #0A48CC33, #CBD8F4D4, #CBD8F4D4, #c5e5ee, #caedf1);
    --bg-gradient-purple-border-top: linear-gradient(to right, #ecdffd, #dbe7ff, #cfeeff, #ccf3fa, #d3f6f0);
    /* ......header......... */
    --header-bg: linear-gradient(270deg, rgba(31, 25, 51, 1.0), rgba(99, 72, 125, 1.0));
    --quantum-top-nav-link-bg: linear-gradient(to right, #654a91, #63478d, #614489, #5e4286, #5c3f82);
    --quantum-top-nav-bg: linear-gradient(to right, #634d7c, #55426e, #483861, #3b2e53, #2e2446);
    --quantum-top-nav-bg-mobile: linear-gradient(to right bottom, #664c83, #523f6e, #40325a, #2f2546, #1f1933);
    --quantum-top-nav-link-after-bg: #7755ac;

    --quantum-top-nav-link-color: var(--primary-white-color);
    --quantum-top-nav-link-hover-color: var(--primary-green-color);

    --nav-link-color: var(--primary-white-color);
    --nav-link-hover-color: var(--primary-white-color);

    --submenu-link-bg: var(--primary-white-color);
    --submenu-link-hover-bg: var(--primary-white-color);
    --submenu-link-color: var(--secondary-black-color);
    --submenu-link-hover-color: var(--primary-blue-color);

    /* ......footer......... */
    --footer-bg: var(--primary-white-bg-green-text);
    --footer-text: var(--primary-white-color);

    --isi-bg: #F8F8F8;
    --dotted-hr-color: #6D6D6D;
    --indication-grey-bg: #e5e5e5;
    --tab-inactive-bg: #b6b6b6;

    --h1-font-color: var(--primary-white-bg-blue-text);
    --h2-font-color: var(--primary-white-bg-green-text);
    --h3-font-color: var(--primary-white-bg-blue-text);
}

@media (max-width: 600px) {
    :root {
        --banner-height: 405px;
    }
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    margin-bottom: 0;
    font-weight: normal;
}

body {
    font-size: var(--base-font-size);
    line-height: var(--base-line-height);
    font-family: var(--base-font-family);
    color: var(--primary-black-color);
}

th {
    font-weight: normal;
    font-family: 'IBMPlexSans-Regular';
}

b,
strong {
    font-weight: normal;
    font-family: 'IBMPlexSans-Bold';
}


sup {
    top: -0.5em;
    font-size: 60%;
    font-family: 'IBMPlexSans-Regular';
    font-weight: normal;
}



sub {
    top: auto;
    font-size: 50%;
    font-family: 'IBMPlexSans-Regular';
    font-weight: normal;
    bottom: 0;
}

p {
    margin: 0;
}

.sup-star,
.sup-reg {
    font-size: .9em;
    top: -2px;
}

.sup-dagger {
    font-size: .6em;
    top: -0.4em;
}

.sup-number {
    font-size: .5em;
}

h1 {
    color: var(--h1-font-color);
    font-size: var(--h1-font-size);
    line-height: var(--h1-line-height);
    font-family: var(--h1-font-family);
}

h2 {
    color: var(--h2-font-color);
    font-size: var(--h2-font-size);
    line-height: var(--h2-line-height);
    font-family: var(--h2-font-family);
}

h3 {
    color: var(--h3-font-color, var(--text-color));
    font-size: var(--h3-font-size);
    line-height: var(--h3-line-height);
    font-family: var(--h3-font-family);
}

h4 {
    color: var(--h4-font-color, var(--text-color));
    font-size: var(--h4-font-size);
    line-height: var(--h4-line-height);
    font-family: var(--h3-font-family);
}

h5 {
    color: var(--h5-font-color, var(--text-color));
    font-size: var(--h5-font-size);
    line-height: var(--h5-line-height);
    font-family: var(--h3-font-family);
}

h6 {
    color: var(--h6-font-color, var(--text-color));
    font-size: var(--h6-font-size);
    line-height: var(--h6-line-height);
    font-family: var(--h3-font-family);
}

.color-primary,
.color-blue {
    color: var(--primary-white-bg-blue-text) !important;
}

.color-secondary,
.color-green {
    color: var(--secondary-color) !important;
}

.color-purple {
    color: var(--primary-white-bg-purple-text) !important;
}

.color-green {
    color: var(--primary-white-bg-green-text) !important;
}

.color-pink {
    color: var(--primary-pink-color) !important;
}

.color-black {
    color: var(--primary-black-color) !important;
}

.mark,
mark {
    color: var(--primary-color) !important;
    font-weight: normal;
    font-family: 'IBMPlexSans-Bold';
    background-color: transparent;
    padding: 0;
}

.content-spacing {
    margin-top: 40px;
}

.content-spacing-bread {
    margin-top: 25px;
}

.quantum-button--primary {
    display: flex;
    align-items: center;
    padding: 15px;
    background-image: var(--bg-gradient-blue-green);
    color: var(--primary-white-color);
    font-family: 'IBMPlexSans-Bold';
    place-content: center;
    flex-grow: 1;
    position: relative;
    justify-content: flex-start;
}

.quantum-button--primary:hover,
.quantum-button--primary:focus {
    color: var(--primary-green-color);
    text-decoration: none;
}

.quantum-button--primary:after {
    content: "";
    background-color: transparent;
    background-image: url(../images/icons/right-arrow-white-circle.png);
    background-repeat: no-repeat;
    background-position: center center;
    display: flex;
    align-items: center;
    justify-self: center;
    right: 25px;
    top: 0px;
    width: 50px;
    height: 100%;
    background-size: 40px;
    position: absolute;
    color: #fff;
    transition: background-position .2s;
}

.foot-note {
    font-size: clamp(0.75rem, 0.2193rem + 1.4151vw, 1.125rem);
    line-height: clamp(0.9375rem, 0.3184rem + 1.6509vw, 1.375rem);
}

.foot-note p:last-child {
    margin-bottom: 0;
}

.query-section {
    margin-top: 50px;
}

.foot-text-indent {
    text-indent: -6px;
    padding-left: 6px;
}

.foot-text-indent-lg {
    text-indent: -12px;
    padding-left: 12px;
}

.bg-blue-white-gradient {
    background: var(--bg-gradient-lgt-blue);
}

.heading-top p {
    font-size: clamp(0.625rem, -0.2594rem + 2.3585vw, 1.25rem);
    line-height: clamp(0.8125rem, -0.4257rem + 3.3019vw, 1.6875rem);
    margin-top: 5px;
    color: var(--primary-blue-color);
}

.quantum-top-nav__inner,
.quantum-header__inner,
.quantum-indications .quantum-indications__inner,
.quantum-hero__text,
.demo-shell__fixed-bottom .quantum-isi-tray__content-preview,
.full-width-container>.component-content,
.container-fluid>.component-content,
.quantum-footer {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

@media (min-width: 576px) {

    .quantum-top-nav__inner,
    .quantum-header__inner,
    .quantum-indications .quantum-indications__inner,
    .quantum-hero__text,
    .demo-shell__fixed-bottom .quantum-isi-tray__content-preview,
    .full-width-container>.component-content,
    .container-fluid>.component-content,
    .quantum-footer {
        max-width: 540px
    }
}

@media (min-width: 768px) {

    .quantum-top-nav__inner,
    .quantum-header__inner,
    .quantum-indications .quantum-indications__inner,
    .quantum-hero__text,
    .demo-shell__fixed-bottom .quantum-isi-tray__content-preview,
    .full-width-container>.component-content,
    .container-fluid>.component-content,
    .quantum-footer {
        max-width: 720px
    }
}

@media (min-width: 992px) {

    .quantum-top-nav__inner,
    .quantum-header__inner,
    .quantum-indications .quantum-indications__inner,
    .quantum-hero__text,
    .demo-shell__fixed-bottom .quantum-isi-tray__content-preview,
    .full-width-container>.component-content,
    .container-fluid>.component-content,
    .quantum-footer {
        max-width: 960px
    }
}

@media (min-width: 1200px) {

    .quantum-top-nav__inner,
    .quantum-header__inner,
    .quantum-indications .quantum-indications__inner,
    .quantum-hero__text,
    .demo-shell__fixed-bottom .quantum-isi-tray__content-preview,
    .full-width-container>.component-content,
    .container-fluid>.component-content,
    .quantum-footer {
        max-width: 1140px
    }
}

@media (min-width: 1400px) {

    .quantum-top-nav__inner,
    .quantum-header__inner,
    .quantum-indications .quantum-indications__inner,
    .quantum-hero__text,
    .demo-shell__fixed-bottom .quantum-isi-tray__content-preview,
    .full-width-container>.component-content,
    .container-fluid>.component-content,
    .container,
    .quantum-footer {
        max-width: 1370px;
    }
}

@media (min-width: 1500px) {

    .quantum-top-nav__inner,
    .quantum-header__inner,
    .quantum-indications .quantum-indications__inner,
    .quantum-hero__text,
    .demo-shell__fixed-bottom .quantum-isi-tray__content-preview,
    .full-width-container>.component-content,
    .container-fluid>.component-content,
    .container,
    .quantum-footer {
        max-width: 1470px;
    }
}


@media (min-width: 1700px) {

    .quantum-top-nav__inner,
    .quantum-header__inner,
    .quantum-indications .quantum-indications__inner,
    .quantum-hero__text,
    .demo-shell__fixed-bottom .quantum-isi-tray__content-preview,
    .full-width-container>.component-content,
    .container-fluid>.component-content,
    .container,
    .quantum-footer {
        max-width: 1600px;
    }
}

.full-width-container,
.container-fluid {
    padding-inline: 0;
    max-width: 100%;
}

a {
    color: var(--link-color);
    outline: none;
    transition: all ease .3s;
}

.link-normal {
    --link-color: var(--text-color);
    text-decoration: none !important;
}

a:hover,
a:focus,
a:active {
    --link-color: var(--link-hover-color);
    color: var(--link-color);
    outline: none;
}


p:has(b) {
    padding-top: 10px;
}

.container h1,
.container h2,
.container h3,
.container p:has(+ h2),
p:has(+ .row-splitter),
p:has(+ ul) {
    margin-bottom: 20px;
}

@-moz-document url-prefix() {

    h1,
    h2,
    h3,
    h2+p,
    h1+p {
        margin-bottom: 20px;
    }
}

/* list css start */
.list-arrow {
    padding-left: 0px;
}

.list-arrow ul {
    list-style: none;
    padding-left: 24px;
}

.list-arrow ul>li,
.list-arrow ul ul>li {
    position: relative;
    margin-bottom: 5px;
}

.list-arrow ul>li::before {
    content: url(../images/icons/icon-bullet-arrow.svg);
}

.list-arrow ul ul>li::before,
.list-arrow ul>li::before {
    position: absolute;
    transform: translateX(calc(-100% - 8px));
    line-height: 1;
}

.list-arrow ul ul>li::before {
    content: url(../images/icons/icon-bullet-dash.svg);
    top: -4px;
}

.list-arrow ul ul {
    list-style: none;
    padding-left: 15px;
}

/* list css end */
/* Home banner css start*/
.static-banner {
    --h1-font-color: var(--banner-color);
    --h1-font-size: clamp(1.375rem, -0.625rem + 4.1667vw, 2.5rem);
    --h1-font-family: 'Poppins-Bold';
    --h1-line-height: clamp(1.5625rem, 0rem + 4.1667vw, 3.125rem);
    background: var(--banner-bg);
    color: var(--banner-color);
    position: relative;
    margin-bottom: 40px;
}

.static-banner h1 sup {
    font-family: "Poppins-Regular";
}

.static-banner h1 .reg-sup {
    font-size: .8em;
    top: -5px;
    position: relative;
}

@media (max-width: 600px) {
    .static-banner {
        margin-bottom: 30px;
    }
}

.quantum-hero {
    position: relative;
    height: 707px;
}

.quantum-hero__inner {
    position: absolute;
    width: 100%;
    height: 100%;
    background-position-x: right;
    background-position-y: top;
    background-repeat: no-repeat;
    background-size: cover, 0;
}

.quantum-hero__text-inner {
    max-width: 660px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
}

@media (max-width: 991px) {
    .quantum-hero__text-inner {
        justify-content: center;
        text-align: left;
    }

    .quantum-hero {
        height: 473px;
    }

    .quantum-hero__inner {
        background-size: 0, cover;
        background-position-x: center;
        background-position-y: bottom;
    }
}

.quantum-hero__text-inner .quantum-button {
    max-width: 538px;
}

.quantum-hero__text {
    --h2-font-size: clamp(1rem, calc(0.44rem + 1.5vw), 1.56rem);
    --h2-line-height: clamp(1.25rem, calc(0.44rem + 2.17vw), 2.06rem);
    --h1-font-size: clamp(1.375rem, -0.1292rem + 3.1378vw, 2.8125rem);
    --h1-line-height: clamp(1.5rem, -0.3966rem + 3.9563vw, 3.3125rem);
    --h1-font-family: 'Poppins-Regular';
    --h2-font-family: 'IBMPlexSans-Medium';
    --h1-font-color: var(--primary-white-color);
    --h2-font-color: var(--primary-white-color);
    color: var(--primary-black-color);
    position: relative;
    height: 100%;
}

.quantum-hero__text h2 {
    margin-bottom: 30px;
    margin-top: 20px;
    font-size: clamp(0.9375rem, -0.3892rem + 3.5377vw, 1.875rem);
    line-height: clamp(1.5625rem, -0.6486rem + 5.8962vw, 3.125rem);
}

.quantum-hero__text p {
    font-size: var(--small-para-font-size);
    line-height: var(--small-para-line-height);
    color: var(--primary-white-color);
    z-index: 1;
}

@media (max-width: 576px) {
    .quantum-hero__text h2 {
        margin-bottom: 20px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .quantum-hero__text {
        --h1-font-size: 35px;
        --h1-line-height: 40px;
        padding-left: 40px;
    }

    .quantum-hero__text h2 {
        margin-bottom: 20px;
    }

    .quantum-hero {
        height: 473px;
    }
}

.quantum-hero:after,
.quantum-hero:before,
.static-banner:after,
.static-banner:before {
    content: "";
    position: absolute;
    display: block;
    height: 100%;
    background-repeat: no-repeat;
    top: 0;
    z-index: 1;
    pointer-events: none;
}

.static-banner:after {
    background-image: url('../images/static-banner-right-pt.png');
    width: 160px;
    right: 0;
    background-position: right top;
    background-size: contain;
}


.static-banner:before {
    background-image: url('../images/static-banner-left-pt.png');
    width: 100px;
    height: 100px;
    left: 0;
    top: unset;
    bottom: 0;
    background-position: left bottom;
}

.quantum-hero:after {
    background-image: url('../images/home-banner-right-pt.png');
    width: 253px;
    right: 0;
    background-position: right top;

    background-size: contain;
}

.quantum-hero:before {
    background-image: url('../images/home-banner-left-pt.png');
    width: 162px;
    left: 0;
    top: unset;
    bottom: 0;
    background-position: left bottom;
}

@media (max-width: 600px) {

    .static-banner:after {
        background-image: url('../images/static-banner-right-pt-sm.png');
    }


    .static-banner:before {
        background-image: url('../images/static-banner-left-pt-sm.png');
    }
}

@media (max-width: 991px) {
    .quantum-hero:before {
        background-image: url('../images/home-banner-left-pt-sm.png');
    }

    .quantum-hero:after {
        background-image: url('../images/home-banner-right-pt-sm.png');
    }
}

.banner-content {
    height: var(--banner-height);
    display: flex;
    align-items: center;
    gap: 79px;
    position: relative;
}

@media (min-width: 601px) and (max-width: 1024px) {
    .banner-content {
        gap: 40px;
    }
}

@media (max-width: 600px) {
    .banner-content {
        justify-content: center;
        flex-direction: column;
        gap: 26px;
        text-align: center;
    }
}

.banner-svg-image {
    width: 100%;
    max-width: 330px;
    min-width: 133px;
}


@media (max-width: 600px) {
    .banner-svg-image {
        max-width: 133px !important;
    }
}

.banner-content h1 {
    max-width: 962px;
    margin-bottom: 0 !important;
}

@media (max-width: 600px) {
    .banner-content h1 {
        max-width: 302px;
    }
}

/* Home banner css end*/
/* Home banner btn css start*/
.quantum-hero .quantum-hero__button {
    display: inline-flex;
    background-image: var(--bg-gradient-blue-green);
    border: none;
    padding: 0;
    width: 525px;
    margin-bottom: 40px;
}

.quantum-hero .quantum-hero__button:nth-of-type(2) {
    --bg-gradient-blue-green: linear-gradient(270deg, rgba(10 72 204) 15%, rgba(0, 163, 173) 100%);
}

.quantum-hero .quantum-button__text {
    display: flex;
    flex: 1;
}

.quantum-hero .quantum-button--primary {
    display: flex;
    flex-grow: 1;
    align-items: center;
    place-content: flex-start;
    padding: 24px 15px;
    color: var(--primary-white-color);
    font-family: 'IBMPlexSans-Bold';
    position: relative;
}

.quantum-hero .quantum-button--primary:after {
    content: "";
    background-color: transparent;
    background-image: url(../images/icons/right-arrow-white-circle.png);
    background-repeat: no-repeat;
    background-position: center center;
    display: flex;
    align-items: center;
    justify-self: center;
    right: 25px;
    width: 50px;
    height: 100%;
    background-size: 40px;
    position: absolute;
    color: #fff;
    transition: background-position .2s;
}

@media (max-width: 1300px) {
    .quantum-hero .quantum-hero__button {
        margin-bottom: 20px;
    }
}

@media (max-width: 767px) {
    .quantum-button--primary:after {
        right: 13px;
    }

    .content-spacing {
        margin-top: 30px;
    }

    .query-section {
        margin-top: 20px;
    }

    .quantum-hero .quantum-button--primary {
        padding: 13px 42px 13px 17px;
        text-align: left;
    }

    .quantum-hero__text p {
        max-width: 167px;
    }

    .quantum-hero .quantum-hero__button {
        margin-bottom: 10px;
    }

    .quantum-hero .quantum-hero__button,
    .field-link {
        width: 200px;
        z-index: 1;
    }

    .quantum-hero .quantum-button--primary:after {
        width: 38px;
        background-size: 25px;
        right: 10px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .quantum-hero__text-inner {
        max-width: 800px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .quantum-hero .quantum-button--primary {
        padding: 13px 44px 13px 17px;
        text-align: left;
    }

    .quantum-hero__text p,
    .quantum-hero__text h1 {
        max-width: 360px;
    }

    .quantum-hero .quantum-hero__button,
    .field-link {
        width: 300px;
        z-index: 1;
    }

    .quantum-hero .quantum-button--primary:after {
        width: 38px;
        background-size: 25px;
        right: 5px;
    }
}

/* Home banner btn css start*/
/* Site-map css start*/
.sitemap-container {
    margin-top: clamp(1.875rem, 0.567rem + 2.7285vw, 3.125rem);
    margin-bottom: clamp(3.125rem, -0.145rem + 6.8213vw, 6.25rem);
}

.sitemap-container .field-link a {
    text-decoration: underline;
    color: #000000;
}

.sitemap-container .link-head .field-link a {
    text-decoration: none;
    color: #00A3AD;
    font-weight: bold;
    margin-left: -22px;
    font-family: "Poppins-Bold";
}

.sitemap-container .link-head {
    margin: 30px 0 16px 0;
}

.sitemap-container .list-arrow .link-head:before {
    display: none;
}

.sitemap-container .link-head+.link-head {
    margin-top: 0;
}

.sitemap-container h1 {
    --h1-font-size: clamp(1.875rem, 0.567rem + 2.7285vw, 3.125rem);
}





/* Site-map css end*/

.blue-border-top,
.purple-border-top {
    border-top: clamp(0.625rem, 0.298rem + 0.6821vw, 0.9375rem) solid;
    border-image: var(--bg-gradient-blue-border-top);
    border-image-slice: 1 !important;
    padding-top: 50px
}

.blue-border-top {
    margin-top: 40px;
}

.purple-border-top {
    border-image: var(--bg-gradient-purple-border-top);
    border-image-slice: 1;
}

.polyangiitis-section {
    margin-top: clamp(1.5625rem, -0.0725rem + 3.4106vw, 3.125rem);
}

.polyangiitis-section .col-lg-6 {
    display: flex;
    margin-bottom: clamp(1.5625rem, -0.0725rem + 3.4106vw, 3.125rem);
}

.polyangiitis-section .col-lg-6:first-child {
    border-right: 1px dotted var(--secondary-black-color);
}

.polyangiitis-section .col-lg-6:nth-child(2) {
    padding-left: 20px;
}

.polyangiitis-section .component-content {
    display: flex;
    flex-direction: column-reverse;
    justify-content: space-between;
    flex: 1;
}

.polyangiitis-section .field-promoicon {
    text-align: center;
}

.polyangiitis-section .col-lg-6:first-of-type .field-promoicon img {
    width: 675px;
    margin-top: 20px;
    margin-inline: auto;
}

.polyangiitis-section .col-lg-6:last-of-type .field-promoicon img {
    width: 376px;
}

.identifying-patients-container {
    --h2-font-color: #41E6B9;
    --h3-font-color: #fff;
    --link-color: var(--h2-font-color);
    --link-hover-color: #fff;
    background: linear-gradient(308deg, #1E1933 0%, #312648 80%, #54406F 100%) 0% 0% no-repeat;
    color: #fff;
    padding-top: 76px;
    padding-bottom: 67px;
}

.identifying-patients-container h3,
.identifying-patients-container h1 {
    color: var(--primary-white-color);
}

@media (max-width: 1200px) {
    .identifying-patients-container {
        padding-top: clamp(1.5625rem, -0.0725rem + 3.4106vw, 3.125rem);
        padding-bottom: 35px;
    }
}

.organs-image {
    margin-top: 56px;
    margin-bottom: 92px;
    position: relative;
}

.organs-image>svg {
    max-width: 100%;
    height: auto;
}

#organ-group-svg-sm {
    display: none;
}

.organ-group-svg-sm-adv-text {
    display: none;
    margin-top: 10px;
    color: #B079FF;
}

@media (max-width: 767px) {
    .polyangiitis-section h3 {
        font-size: var(--h2-font-size);
    }

    .polyangiitis-section .col-lg-6:first-child {
        border-right: none;
    }

    .polyangiitis-section .col-lg-6 {
        display: flex;
        margin-bottom: clamp(1.5625rem, -0.0725rem + 3.4106vw, 3.125rem);
    }

    .polyangiitis-section .col-lg-6:nth-child(2) ::after {
        content: "";
        top: 0;
        width: 94%;
        height: 2px;
        border-bottom: 1px dotted #6D6D6D;
        margin-bottom: 20px;
    }

    #organ-group-svg-lg {
        display: none;
    }

    .organs-image {
        text-align: center;
        margin-bottom: 40px;
        margin-top: 15px;
    }

    #organ-group-svg-sm {
        display: inline-block;
        margin-inline: auto;
    }

    .organ-group-svg-sm-adv-text {
        display: block;
    }
}

.organ-popup {
    border: 1px solid #41E6B9;
    background-color: #1F1933;
    border-radius: 10px;
    text-align: center;
    color: #fff;
    font-size: 16px;
    line-height: 20px;
    padding: 0 18px 18px;
    position: absolute;
    width: 100%;
    top: 0;
    max-width: 300px;
    right: 0;
    left: 0;
    margin-inline: auto;
    box-shadow: 0 12px 9px rgba(0, 0, 0, .16);
}

.organ-popup:not(.opened) {
    display: none;
}

.organ-popup-close-btn {
    appearance: none;
    background: url('../images/organ-popup-close-btn.svg') no-repeat transparent;
    width: 34px;
    height: 34px;
    background-size: contain;
    border: none;
    position: absolute;
    right: 20px;
    top: 20px;
    outline: none !important;
}

.organ-name {
    color: #41E6B9;
    text-transform: capitalize;
}

.organ-desc-last {
    color: #B079FF;
    margin-top: 10px;
}

@media (max-width: 767px) {
    .identifying-patients-container {
        --h3-font-color: #B079FF;
    }
}

.promo_db>.component-content {
    align-items: flex-start;
    gap: 16px;
}

.promo_db .field-promoicon {
    position: relative;
}

.promo_db .field-promoicon>svg {
    width: 122px;
    height: auto;
}

.promo_db {
    margin-bottom: 10xpx;
}

.promo_db .promo-text {
    padding-top: 32px;
}

.promo_db+.foot-note {
    margin-top: 40px;
}

.promo_db_widget_text {
    position: absolute;
    padding: 20px;
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    text-align: center;
    font-size: 30px;
    font-family: 'IBMPlexSans-Regular';
}

.promo_db_widget_text small {
    text-transform: uppercase;
    font-size: 14px;
    font-family: 'IBMPlexSans-Bold';
    line-height: 1;
    margin-bottom: 5px;
}

@media (max-width: 600px) {
    .promo_db .promo-text {
        padding-top: 0;
    }

    .promo_db>.component-content {
        align-items: center;
    }

    .promo_db {
        margin-bottom: 30px;
    }
}

.purplr-bg {
    background: var(--primary-purple-color);
    padding: clamp(1.5625rem, -0.0725rem + 3.4106vw, 3.125rem);
}

.light-blue-bg>.component-content {
    background: var(--bg-gradient-light-blue);
    padding: clamp(1.5625rem, -0.0725rem + 3.4106vw, 3.125rem);
    padding-inline: clamp(1.875rem, 0.567rem + 2.7285vw, 3.125rem);
}

@media (min-width: 768px) {
    .container.light-blue-bg {
        padding-inline: 0;
    }
}

.aav-section .component-content {
    display: flex;
    flex-direction: column;
    color: var(--primary-white-color);
}

.aav-section .component-content .component>div {
    font-size: var(--big-para-font-size);
    line-height: var(--big-para-line-height);
}

.aav-section.list-arrow ul>li::before {
    filter: brightness(0) saturate(100%) invert(100%);
}

.container.aav-section {
    margin-top: 0;
}

.goal-wrapper {
    background: var(--bg-gradient-light-blue);
    padding-inline: 20px;
    padding-top: 15px;
    padding-bottom: 15px;
    margin-top: 30px;
}

.goal-table {
    width: 100%;
}

.goal-table thead {
    border-bottom: 1px dashed #707070;
}

.goal-table th,
.goal-table td {
    padding: 15px;
    vertical-align: top;
    font-family: 'IBMPlexSans-Medium';
}

.color-blue {
    color: var(--primary-blue-color) !important;
}

.promo-two-col .component-content {
    display: flex;
    align-items: center;
    gap: 30px;
}

.treatment-section .field-promoicon img {
    width: 800px;
}

.treatment-section .promo-two-col {
    margin: 50px 0;
}

.treatment-section .promo-two-col .component-content {
    display: flex;
}

.treatment-section .promo-two-col .promo-text {
    display: flex;
    flex: 1;
    align-items: center;
    gap: 30px;
}

.treatment-section .promo-text .field-promotext,
.treatment-section .promo-text .field-promotext1 {
    flex: .5;
}

/*
.treatment-section .promo-text .field-promotext {
    position: relative;
    background-image: url(../images/medication-regimen.png);
    background-repeat: no-repeat;
    height: 400px;
    background-size: cover;
    background-position: bottom;
}*/

.treatment-section .promo-text .field-promotext p {
    /* position: absolute;*/
    top: 80px;
    right: 0;
    width: 295px;
    border-top: 15px solid white;
    padding-top: 20px;
    padding-right: 20px;
    /*color: white;*/
    font-weight: bold;
    font-size: var(--big-para-font-size);
}

.treatment-section .promo-text .field-promotext p span {
    font-size: 45px;
}

.experience-section .quantum-button--primary {
    max-width: 850px;
    margin-top: clamp(1.5625rem, -0.0725rem + 3.4106vw, 3.125rem);
}

.next-page-link-container {
    background: var(--bg-gradient-blue-green);
    margin-top: clamp(2.8125rem, 0.5889rem + 4.6385vw, 4.9375rem);
    margin-bottom: clamp(2.8125rem, 0.5889rem + 4.6385vw, 4.9375rem);
}

.next-page-link-container .promo-text {
    display: flex;
    justify-content: space-between;
    height: 219px;
    align-items: center;
    gap: 50px;
}

.next-page-link-container h3 {
    --h3-font-size: clamp(1.375rem, -0.217rem + 4.2453vw, 2.5rem);
    --h3-line-height: clamp(1.5625rem, -0.6486rem + 5.8962vw, 3.125rem);
    ;
    --h3-font-color: var(--primary-white-color);
    --h3-font-family: 'IBMPlexSans-Regular';
}

a.nxtpagelnk,
.nxtpagelnk>a {
    display: block;
    min-width: 67px;
    height: 57px;
    background-image: url(../images/icons/icon-go-arrow.png);
    background-size: 60px;
    background-repeat: no-repeat;
}

.aav-section ul {
    margin-top: 20px;
}

@media (max-width: 767px) {
    .field-promoicon img {
        max-width: 100%;
    }

    .promo-two-col .component-content {
        flex-direction: column;
    }

    .goal-table th,
    .goal-table td {
        padding-left: 0px;
    }

    .container .blue-border-top {
        padding-inline: 0;
    }

    .container.list-arrow {
        padding-inline: 15px;
    }

    .blue-border-top {
        border-image: linear-gradient(89deg, #B079FF40 0%, #41E6B940 100%) 0% 0%;
        margin-top: 35px;
        padding-top: 35px;
    }

    .next-page-link-container {
        padding: 25px;
        margin-top: 0px !important;
    }

    .next-page-link-container .promo-text {
        justify-content: space-evenly;
        gap: 20px;
        flex-direction: column;
        text-align: center;
        height: auto;
        padding: 5px 0px;
    }

    a.nxtpagelnk,
    .nxtpagelnk>a {
        background-size: 45px;
    }

    .oral-treatment-section.light-blue-bg>.component-content {
        padding-top: 30px;
        padding-bottom: 30px;
        background: linear-gradient(180deg, #0a47cc1a 70%, #f5f4f4f5 90%);
    }

    .experience-section .quantum-button--primary {
        padding-right: 45px;
    }

    .experience-section .quantum-button--primary:after {
        right: 15px;
    }

    .treatment-section .promo-two-col .promo-text {
        flex-direction: column;
    }

    .treatment-section .promo-text .field-promotext,
    .treatment-section .promo-text .field-promotext1 {
        flex: auto;
    }

    .treatment-section .promo-text .field-promotext p {
        top: 37px;
        width: 164px;
        border-top: 8px solid white;
        padding-bottom: 20px;
        font-size: 13px;
    }

    .treatment-section .promo-text .field-promotext p span {
        font-size: 20px;
    }

    .treatment-section .promo-text .field-promotext {
        position: relative;
        width: 100%;
        background-position: bottom;
        height: 200px;
    }

    .treatment-section .promo-two-col {
        margin: 50px 0;
        margin-left: -15px;
        margin-right: -15px;
    }

    .treatment-section .promo-text .field-promotext1 {
        padding-inline: 15px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1180px) {
    .field-promoicon img {
        max-width: 100%;
    }


    .container .blue-border-top {
        padding-inline: 0;
    }

    .experience-section .quantum-button--primary {
        max-width: 580px;
    }

    .treatment-section .promo-text .field-promotext {
        height: 400px;
        background-position: bottom;
    }

    .treatment-section .promo-text .field-promotext p {
        width: 209px;
    }
}

.why-section .promo-two-col .component-content {
    flex-direction: row-reverse;
}

@media (max-width: 767px) {
    .why-section .promo-two-col .component-content {
        flex-direction: column-reverse;
    }
}

.ask-my-doctor-section .quantum-button--primary {
    max-width: 850px;
}

.ask-my-doctor-section h1:first-child {
    margin-bottom: 50px;
}

.right-for-me-section .component>p:last-of-type,
.instruction-section .component p:first-of-type {
    margin-top: 20px;
    color: var(--primary-white-bg-purple-text);
    font-size: var(--big-para-font-size);
    line-height: var(--big-para-line-height);
}

.capsules-section .light-blue-bg,
.capsules-section .foot-note {
    text-align: center;
}

.capsules-section img {
    max-width: 100%;
    margin-inline: auto;
}

/*.foot-note span {
    color: var(--primary-white-bg-green-text);
}*/

.light-blue-bg+.foot-note {
    margin-top: 20px;
}

.instruction-section .component-content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.instruction-section .promo-two-col .promo-text {
    display: flex;
    flex-wrap: wrap;
    gap: 35px;
    border-bottom: 1px dotted;
}

.instruction-section .promo-two-col .field-promotext {
    display: flex;
    width: 820px;
    align-items: center;
}

.instruction-section .component p:first-of-type {
    margin-bottom: 20px;
    margin-top: 50px;
}

.quality-block .row-splitter {
    margin-top: 30px;
}

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

    .instruction-section .promo-two-col .field-promotext,
    .instruction-section .promo-two-col .field-promotext2 {
        width: 340px;
    }
}

.treatment-fewer-section .promo-two-col {
    margin-bottom: 30px;
}

.treatment-analysis-block .sub-section {
    margin-top: 30px;
}

.glucocorticoids-section {
    margin-bottom: 40px;
}

.section-anchor .row {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.section-anchor .link .field-link a {
    width: 45px;
    height: 45px;
    background: url(../images/scroll-top.png) no-repeat left top;
    background-size: 100%;
}

.section-anchor .field-link {
    display: inline-flex;
    width: auto;
}

@media (max-width: 767px) {
    .ask-my-doctor-section .quantum-button--primary {
        padding-right: 60px;
    }

    .treatment-fewer-section .promo-two-col {
        margin-bottom: 10px !important;
    }

    .treatment-analysis-block .sub-section {
        margin-top: 10px;
    }

    .instruction-section .promo-two-col .field-promotext {
        width: 100%;
    }

    .instruction-section .promo-two-col .promo-text {
        gap: 3px;
    }

    .right-for-me-section .light-blue-bg {
        margin-top: 20px;
    }

    .capsules-section .light-blue-bg .component-content {
        margin-inline: -30px;
    }

    .capsules-section .container {
        margin-top: 0px;
    }
}

@media (min-width:1500px) {

    .treatment-analysis-block .row-splitter,
    .quality-block .row-splitter {
        padding-inline: 100px;
    }

    .treatment-analysis-block .sub-section {
        padding-inline: 65px;
    }
}

/* @media (min-width:1499px) {
    .treatment-analysis-section .row-splitter {
       padding-inline:100px;
    }
 } */

.container.instruction-section,
.right-for-me-section .container {
    margin-top: 20px;
}

.treatment-analysis-section .treatment-analysis-block h2,
.quality-section .quality-block h2 {
    text-align: center;
    font-size: clamp(1.25rem, 0.269rem + 2.0464vw, 2.1875rem);
    color: var(--primary-black-color);
}

.treatment-analysis-section .field-promotext p span {
    font-size: var(--big-para-font-size);
}

.treatment-analysis-block .foot-note {
    font-size: clamp(1rem, 0.6462rem + 0.9434vw, 1.25rem);
    line-height: clamp(1.25rem, 0.8078rem + 1.1792vw, 1.5625rem);
}

.treatment-analysis-section .field-promotext .foot-note {
    padding-top: 20px;
}


.treatment-comparable .row,
.treatment-superior .row {
    margin: 40px 0px;
}

.treatment-comparable .promo.container-fluid,
.treatment-superior .promo.container-fluid {
    border-bottom: 1px dotted;
    padding-bottom: 35px;
    margin-bottom: 30px;
}

.treatment-analysis-section .field-promoicon img {
    width: 280px;
}

.treatment-analysis-section .row-splitter+p:last-of-type {
    text-align: center;
    padding-top: 30px;
}

.treatment-analysis-section .row-splitter:last-of-type .promo-two-col .component-content,
.quality-section .promo-two-col .component-content {
    align-items: flex-start;
}

.treatment-analysis-section>p:last-of-type {
    text-align: center;
}

.kidney-section .field-promoicon img {
    width: 315px;
}

.quality-section .field-promoicon img {
    width: 280px;
}

.kidney-section h1,
.kidney-section h2 {
    margin-bottom: 30px;
}

.quality-section .quality-block {
    margin-top: 30px;
    margin-bottom: 20px;
}

.kidney-section .promo-two-col:first-of-type {
    margin-bottom: 50px;
}

@media (max-width: 767px) {

    .container.instruction-section,
    .right-for-me-section .container {
        margin-top: 0px;
    }

    .instruction-section .component p:first-of-type {
        margin-bottom: 30px;
        margin-top: 30px;
    }

    .treatment-analysis-section .row-splitter+p:last-of-type {
        text-align: left;
    }

    .treatment-analysis-section .row-splitter:last-of-type .promo-two-col .component-content {
        align-items: center;
    }

    .treatment-analysis-section .field-promoicon img,
    .quality-section .field-promoicon img,
    .kidney-section .field-promoicon img {
        width: 230px;
    }

    .treatment-analysis-block {
        margin-inline: 15px;
        padding-inline: 0;
    }

    .quality-section .promo-two-col .component-content {
        align-items: center;
    }

    .quality-section .quality-block .field-promotext p {
        text-align: center;
    }

    .treatment-analysis-section .col-lg-6:nth-child(2) .field-promoicon,
    .quality-block .col-lg-6:nth-child(2) .field-promoicon {
        margin-top: 30px;
    }
}

.container.treatment-analysis-section {
    margin-top: 0;
}

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

    .treatment-analysis-section .row-splitter .field-promoicon img,
    .quality-section .field-promoicon img,
    .kidney-section .field-promoicon img {
        width: 230px;
    }


    .kidney-section .promo-two-col .component-content,
    .quality-block .promo-two-col .component-content {
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
}

.promo-cards .col-lg-4 .component-content {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.promo-cards .promo-text {
    display: flex;
    flex-direction: column;
    flex: 1;
    justify-content: space-between;
}

.promo-cards .field-promoicon {
    text-align: center;
}

.help-to-start-section p {
    margin-bottom: 20px;
}

.help-to-start-section .quantum-button--primary {
    width: 400px;
}

.steps-to-start-section {
    margin-top: 30px;
}

.steps-to-start-section .quantum-button--primary:after {
    display: none;
}

.promo-cards.steps-to-start-section .field-promoicon img {
    width: 250px;
    padding-bottom: 20px;
}

.promo-cards.steps-to-start-section .col-lg-4 {
    padding-inline: 50px;
    border-right: 1px dotted #6D6D6D;
}

.three-steps-section .col-lg-4 {
    padding-inline: 50px;
    border-right: 1px dotted #6D6D6D;
}

.promo-cards.steps-to-start-section .col-lg-4:last-of-type,
.three-steps-section .col-lg-4:last-of-type {
    border-right: none;
}

.three-steps-section .col-lg-4:first-of-type {
    padding-left: 0;
}

.three-steps-section .col-lg-4:last-of-type {
    padding-right: 0;
}



.promo-cards.steps-to-start-section .row {
    justify-content: center;
    text-align: center;
}

.tavneos-connect-section {
    margin: 40px auto;
}

.promo-cards.steps-to-start-section .quantum-button--primary {
    background-color: var(--primary-purple-color);
    background-image: none;
    margin-top: 20px;
    font-family: 'IBMPlexSans-Regular';
}

.steps-to-start-section .promo>.foot-note {
    margin-top: 30px;
}

.three-steps-section .field-promotext {
    text-align: center;
    margin-bottom: 20px;
}

.three-steps-section .field-promotext1 a {
    color: var(--primary-white-bg-blue-text);
    text-decoration: underline;
}

.tavneos-connect-section .field-promoicon img {
    width: 500px;
}

.tavneos-connect-section .promo-two-col .component-content {
    gap: 155px;
}

@media only screen and (min-width: 768px) and (max-width: 1180px) {
    .steps-to-start-section .field-link {
        width: 100%;
        z-index: 1;
    }

    .promo-cards.steps-to-start-section .quantum-button--primary {
        padding-right: 59px;
        min-height: 88px;
    }

    .steps-to-start-section .quantum-button--primary:after {
        right: 6px;
    }

    .tavneos-connect-section .field-promoicon img {
        width: 300px;
    }

    .tavneos-connect-section .promo-two-col .component-content {
        gap: 20px;
    }

    .treatment-analysis-block .promo-two-col .component-content {
        flex-direction: column;
    }

    .promo-two-col .component-content {
        flex-direction: row;
    }

    .promo-cards.steps-to-start-section .col-lg-4 {
        padding-inline: 15px;
    }

    .three-steps-section .col-lg-4:first-of-type {
        padding-left: 15px;
    }

    .three-steps-section .col-lg-4 {
        padding-inline: 15px;
    }
}

@media (max-width: 767px) {
    .help-to-start-section .quantum-button--primary {
        width: 100%;
    }

    .help-to-start-section,
    .steps-to-start-section,
    .three-steps-section,
    .footnote-sec {
        padding-inline: 25px;
    }

    .steps-to-start-section .field-link {
        width: 100%;
        margin-bottom: 20px;
    }

    .promo-cards.steps-to-start-section .col-lg-4 {
        padding-inline: 0;
        margin-bottom: 20px;
        border-bottom: 1px dotted #6D6D6D;
        border-right: none;
        margin-inline: 15px;
    }

    .promo-cards.steps-to-start-section .col-lg-4:last-of-type {
        border-bottom: none;
    }

    .steps-to-start-section .col-lg-4:first-of-type .promo-text .field-promotext {
        order: 1;
    }

    .steps-to-start-section .col-lg-4:first-of-type .promo-text .field-link {
        order: 2;
    }

    .steps-to-start-section .col-lg-4:first-of-type .promo-text .field-promotext1 {
        order: 3;
        margin-bottom: 20px;
    }

    .container.three-steps-head-section {
        margin-top: 20px;
    }

    .three-steps-section .col-lg-4 {
        margin-inline: 15px;
        padding-right: 0;
    }

    .three-steps-section .col-lg-4 {
        padding-inline: 0px;
        border-bottom: 1px dotted;
        border-right: none;
        padding-bottom: 20px;
        margin-bottom: 20px;
    }

    .three-steps-section .col-lg-4:last-of-type {
        border-bottom: none;
    }

    .tavneos-connect-section .promo-two-col .component-content {
        gap: 15px;
    }

    .three-steps-section p:has(b) {
        padding-top: 0px;
    }

    .tavneos-connect-section.container {
        margin-top: 0px;
        padding-inline: 0;
    }

    .financial-support-section .field-promotext p {
        margin-bottom: 20px;
    }

    .query-section.container {
        margin-top: 15px;
        padding-inline: 20px;
    }

    .paying-for-tavneos-page .component-content {
        padding-inline: 15px;
    }

    .three-steps-section.blue-border-top {
        margin-top: 0px;
    }

    .three-steps-section.blue-border-top h1 {
        text-align: center;
    }
}

@-moz-document url-prefix() {
    .three-steps-section.blue-border-top h1 {
        padding-bottom: 20px;
    }
}

.financial-support-section.container {
    margin-top: 20px;
}

.downloadable_resources-container .col-lg-6 .component-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 100%;
}

.quantum-cta-document {
    --h3-font-color: #000;
    --h3-font-size: 30px;
    display: grid;
    grid-template-columns: 100px 1fr;
    column-gap: 39px;
    height: 100%;
}

.quantum-cta-document .quantum-cta_img {
    grid-row: 1/3;
    min-width: 100px;
}

.quantum-cta_img>img {
    max-width: 100%;
}

.quantum-cta-document .quantum-cta__btnset {
    margin-top: auto;
    grid-column: 2/3;
    display: flex;
    gap: 50px;
}

.downloadable_resources-container .quantum-button--primary {
    place-content: unset;
    padding: 15px 15px;
    width: 200px;
    flex-grow: initial;
}

.downloadable_resources-container .quantum-button--primary::after {
    right: 5px;
}

.quantum-cta__copy {
    margin-bottom: 20px;
    max-width: 562px;
}

.downloadable_resources-container .col-lg-6 .quantum-button--primary:first-of-type:after {
    background-image: url(../images/icons/icon-download.png);
    background-size: 21px;
}

.downloadable_resources-container .col-lg-6 .quantum-button--primary:nth-of-type(2):after {
    background-image: url(../images/icons/icon-email.png);
    background-size: 30px;
}

.downloadable_resources-container .col-lg-6:last-of-type .quantum-button--primary:first-of-type:after {
    background-image: url(../images/icons/icon-share.png);
    background-size: 30px;
}

.downloadable_resources-container .col-lg-6:not(:nth-child(3)) {
    margin-bottom: 50px;
}

@media (max-width: 767px) {
    .quantum-cta-document .quantum-cta__btnset {
        grid-column: 1/3;
        gap: 30px;
    }

    .quantum-cta-document {
        column-gap: 5px;
    }

    .quantum-cta_img>img {
        max-width: 85%;
    }

    .downloadable_resources-container .quantum-button--primary:after {
        right: 5px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1180px) {
    .quantum-cta-document .quantum-cta__btnset {
        grid-column: 1/3;
        gap: 30px;
    }

    .quantum-cta-document {
        column-gap: 5px;
    }

    .quantum-cta_img>img {
        max-width: 85%;
    }

    .downloadable_resources-container .quantum-button--primary:after {
        right: 5px;
    }
}

.downloadable_resources-container h1 {
    margin-bottom: 50px;
}

.organizations-list-section .promo-two-col {
    display: flex;
    border-top: 1px dotted;
    padding-top: 50px;
    padding-bottom: 50px;
}

.organizations-list-section .promo-two-col:first-of-type {
    margin-top: 50px;
}

.organizations-list-section .field-promoicon {
    flex: .5;
    display: flex;
    justify-content: flex-end;
}

.organizations-list-section .promo-text {
    flex: .47;
}

.organizations-list-section .promo-two-col .component-content {
    gap: 70px;
    flex: 1;
}

.organizations-list-section .field-promolink a {
    color: var(--primary-white-bg-blue-text);
    text-decoration: underline;
}

.organizations-list-section .field-promolink {
    padding-top: 20px;
}

.organizations-list-section.container {
    margin-top: 0;
}

.faq-list-arrow ul {
    list-style: none;
}

.accordion-component li ul {
    padding-top: 10px;
    padding-bottom: 5px;
}

.faq-list-arrow .accordion-component {
    padding-left: 35px;
    padding-top: 20px;
    padding-bottom: 20px;
}

.faq-list-arrow .accordion-component:has(p) {
    padding-left: 45px;
}

.faq-list-arrow ul>li,
.faq-list-arrow ul ul>li,
.faq-list-arrow ul ul ul>li {
    position: relative;
    margin-bottom: 5px;
}

.faq-list-arrow ul ul>li::before {
    content: url(../images/icons/icon-bullet-arrow.svg);
    background-image: none;
}

.faq-list-arrow .field-heading::before {
    background-image: url(../images/icons/icon-purple-arrow.png);
    background-repeat: no-repeat;
    background-size: 17px 20px;
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    position: absolute;
    left: 15px;
    top: 10px;
}

.faq-list-arrow .toggle-header .field-heading {
    display: flex;
    padding-bottom: 10px;
    align-items: flex-start;
    padding-left: 50px;
}

.accordion .item.active .field-heading::before {
    transform: rotate(90deg);
}

.faq-list-arrow ul ul ul>li::before,
.faq-list-arrow ul ul>li::before,
.faq-list-arrow ul>li::before {
    position: absolute;
    transform: translateX(calc(-100% - 8px));
    line-height: 1;
}

.faq-list-arrow ul ul ul>li::before {
    content: url(../images/icons/icon-bullet-dash.svg);
    top: -4px;
}

.faq-list-arrow ul ul ul {
    list-style: none;
    padding-left: 15px;
}

.faq-section .field-heading {
    font-size: var(--h2-font-size);
    line-height: var(--h2-line-height);
    font-family: var(--h2-font-family);
    color: var(--h2-font-color)
}

.faq-list-arrow .items {
    padding-left: 0;
}

.faq-section .component-content h2,
.faq-main-head h1 {
    padding-left: 15px;
}

.faq-section .component-content h2 {
    color: var(--primary-black-color);
}

.faq-section .toggle-content .quantum-button--primary {
    margin-top: 20px;
    width: 550px;
    color: var(--primary-white-color);
    text-decoration: none;
}

.faq-section .toggle-content a {
    color: var(--primary-white-bg-blue-text);
    text-decoration: underline;
}

.faq-section .item:nth-child(5) .toggle-content a {
    color: var(--primary-black-color);
}

.faq-section .toggle-content p+p {
    margin-top: 10px;
}

.identifying-patients-container {
    text-align: center;
}

@media (max-width: 767px) {
    .organizations-list-section .promo-two-col .component-content {
        gap: 20px;
    }

    .faq-section .field-heading::before {
        background-size: 12px 15px;
        height: 20px;
        top: 5px;
    }

    .faq-list-arrow ul {
        list-style: none;
        padding: 0;
    }

    .accordion-component ul {
        padding-inline-start: 37px;
    }

    .faq-section .accordion-component {
        padding-top: 0px;
    }

    .faq-section .toggle-content .quantum-button--primary {
        width: 276px;
        padding-right: 71px;
    }

    .faq-section .toggle-content .quantum-button--primary:after {
        right: 13px;
    }

    .identifying-patients-container {
        text-align: left;
    }

    .patient-story-button {
        margin-top: 10px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1180px) {
    .faq-section .field-heading::before {
        background-size: 12px 15px;
        height: 20px;
        top: 5px;
        left: 0 !important;
    }

    .faq-section .accordion-component {
        padding-top: 0px;
    }

    .faq-section .toggle-content .quantum-button--primary {
        width: 385px;
    }
}

.faq-section {
    margin-bottom: 50px;
}

.patient-stories-page .right-or-wrong-section p {
    font-weight: 600;
}

.steps-to-start-section.promo-cards .field-promoicon {
    text-align: center;
    height: 270px;
}

@-moz-document url-prefix() {
    .human-body path {
        fill: rgb(60, 49, 98);
    }
}

.link-textdecor-none {
    text-decoration: none !important;
}

.sign-up-page .component.rich-text h1 {
    font-size: clamp(1.375rem, -1.1014rem + 6.6038vw, 3.125rem);
    font-family: 'Poppins-Bold';
    margin-bottom: 25px;
    line-height: clamp(1.5625rem, -1.533rem + 8.2547vw, 3.75rem);
}

#btn_contact:hover,
#btn_contact:focus {
    text-decoration: none;
    color: #fff;
}

/* resources page css start */
@media (min-width: 991px) {
    .container.container-fluid.top-spy-nav {
        margin-top: 0;
    }

    .resource-section .col-lg-6 .quantum-button--primary:first-of-type:after {
        background-image: url(../images/icons/icon-download.png) !important;
        background-size: 21px !important;
    }

    .downloadable_resources-container h1 {
        font-size: 50px;
        line-height: 60px;
        font-family: 'Poppins-Bold';
    }

    .downloadable_resources-container .quantum-cta.quantum-cta-document h2 {
        line-height: 35px;
    }

    .downloadable_resources-container .quantum-cta__copy {
        margin-bottom: 35px;
    }

    .downloadable_resources-container .quantum-button--primary {
        font-size: 20px;
        line-height: 27px;
    }

    .downloadable-page .blue-border-top.organizations-list-section h1 {
        font-size: 50px;
        line-height: 60px;
        font-family: 'Poppins-Bold';
    }

    .downloadable-page .blue-border-top.organizations-list-section h2 {
        line-height: 35px;
    }

    .downloadable-page .container-fluid.next-page-link-container h3 {
        font-family: 'IBMPlexSans-Regular';
        font-size: 40px;
        line-height: 50px;
    }

    .downloadable-page .organizations-list-section .promo-two-col:nth-of-type(3) {
        padding-bottom: 0;
    }

}

@media (max-width: 767px) {
    .downloadable_resources-container h1 {
        font-family: 'Poppins-Bold';
        font-size: 22px;
        line-height: 25px;
    }

    .downloadable_resources-container .quantum-cta.quantum-cta-document h2 {
        font-size: 20px;
        line-height: 27px;
    }

    .downloadable_resources-container .quantum-button--primary {
        font-size: 15px;
        line-height: 19px;
    }

    .downloadable-page .blue-border-top.organizations-list-section h1 {
        font-family: 'Poppins-Bold';
        font-size: 22px;
        line-height: 25px;
    }

    .container.blue-border-top.organizations-list-section h2 {
        font-size: 20px;
        line-height: 27px;
    }

    .downloadable-page .organizations-list-section .promo-two-col:nth-of-type(3) {
        padding-bottom: 0;
    }
}

/* resources page css end */

/* breadcrumbs start */
.top-spy-nav {
    position: sticky;
    z-index: 4;
    background-color: #fff;
    /* box-shadow: 0px 3px 6px #00000029; */
}

.top-spy-nav .link-list {
    --link-color: #000;
    background-color: #fff;
    font-family: 'IBMPlexSans-Medium';
    font-size: 15px;
    line-height: 19px;
}

.top-spy-nav .link-list ul {
    display: flex;
    list-style: none;
    align-items: center;
    margin-bottom: 0;
    padding: 0;
    height: 50px;
}

.top-spy-nav .link-list ul>li {
    position: relative;
}

.container-fluid.top-spy-nav .field-link {
    background-color: #fff;
    width: auto;
}

.top-spy-nav .field-link {
    display: inline-flex;
    border: none;
    padding: 0;
}

.container-fluid.top-spy-nav .field-link {
    background-color: #fff;
    width: auto;
}

.top-spy-nav .link-list ul a {
    text-decoration: none;
}

.top-spy-nav .link-list ul>li+li {
    margin-left: 12px;
    padding-left: 12px;
}

.top-spy-nav .link-list ul>li+li:before {
    content: "";
    width: 2px;
    background-color: #000;
    position: absolute;
    height: 13px;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}

.top-spy-nav .link-list ul {
    list-style: none;
}

#link-list-selected {
    position: absolute;
    width: fit-content;
    top: 2px;
    left: 0;
    right: 0;
    margin: auto;
    color: var(--primary-color);
    display: none;
    max-width: 60%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.top-spy-nav .link-list {
    color: #000;
    font-family: 'IBMPlexSans-Medium';
    font-size: 15px;
    line-height: 19px;
    background-color: #fff;
}

/*   breadcrumbs end  */


/* Paying for tavenos */
.heading-paying-tav h1 {
    font-family: 'IBMPlexSans-Bold';
}

.financial-assistance-sec {
    margin-top: 40px;
}

.query-section p {
    font-size: clamp(1rem, -0.2382rem + 3.3019vw, 1.875rem);
    line-height: clamp(1.25rem, -0.5189rem + 4.717vw, 2.5rem);
}

.downloadable_resources-container.blue-border-top.resource-section {
    margin-top: 55px;
}

@media (max-width: 767px) {
    .downloadable_resources-container.content-spacing .container-fluid {
        padding-left: 0;
        padding-right: 0;
    }

    .downloadable_resources-container.blue-border-top {
        border-image: linear-gradient(to right, #B079FF40, #CBD8F4D4, #c2dce9, #c5e5ee);
        border-image-slice: 1 !important;
    }

    .downloadable-page .blue-border-top.resource-section .container-fluid {
        padding-left: 0;
        padding-right: 0;
    }

    .downloadable-page .organizations-list-section .promo-two-col {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .downloadable-page .organizations-list-section .promo-two-col:first-of-type {
        margin-top: 25px;
    }
}



/* about anca css start */

/* about anca css start */

@media (min-width: 991px) {
    .about-anca-associated-vasculitis-page .container.severe-container h1 {
        font-family: 'Poppins-Bold';
        font-size: 50px;
        line-height: 60px;
    }

    .about-anca-associated-vasculitis-page .container.severe-container h2 {
        line-height: 33px;
    }

    .about-anca-associated-vasculitis-page .blue-border-top.polyangiitis-section h2 {
        line-height: 35px;
    }

    .about-anca-associated-vasculitis-page .blue-border-top.polyangiitis-section h3 {
        font-family: 'IBMPlexSans-Medium';
        line-height: 33px;
    }

    .identifying-patients-container {
        padding-top: 45px;
    }

    .container-fluid.identifying-patients-container h1 {
        font-family: 'Poppins-Bold';
        font-size: 50px;
        line-height: 60px;
    }

    .container-fluid.identifying-patients-container h2 {
        line-height: 27px;
    }

    .aav-section.purplr-bg.list-arrow h2 {
        font-size: 40px;
        line-height: 50px;
        font-family: 'IBMPlexSans-Regular';
        color: var(--primary-white-color);
    }

    .treatment-section h1 {
        font-family: 'Poppins-Bold';
        font-size: 50px;
        line-height: 60px;
    }

    .treatment-section h2 {
        line-height: 27px;
    }

    .goal-table.desktop-tbl .color-blue {
        font-family: 'IBMPlexSans-Bold';
        font-size: 30px;
        line-height: 35px;
    }

    .treatment-section .promo-text .field-promotext p {
        font-size: 35px;
        line-height: 40px;
        font-family: 'IBMPlexSans-Medium';
    }

    .about-anca-associated-vasculitis-page .component.container.blue-border-top h1 {
        font-family: 'Poppins-Bold';
        font-size: 50px;
        line-height: 60px;
    }

    .about-anca-associated-vasculitis-page .component.container.blue-border-top h2 {
        line-height: 27px;
    }

    .light-blue-bg.oral-treatment-section h1 {
        line-height: 50px;
    }

    .about-anca-associated-vasculitis-page .container-fluid.next-page-link-container h3 {
        font-family: 'IBMPlexSans-Regular';
        font-size: 40px;
        line-height: 50px;
    }

    .about-anca-associated-vasculitis-page .identifying-patients-container h3 {
        display: none;
    }
}

@media (max-width: 767px) {
    .about-anca-associated-vasculitis-page .container.severe-container h1 {
        font-family: 'Poppins-Bold';
        font-size: 22px;
        line-height: 25px;
    }

    .about-anca-associated-vasculitis-page .container.severe-container h2 {
        font-size: 18px;
        line-height: 23px;
    }

    .about-anca-associated-vasculitis-page .blue-border-top {
        border-image: linear-gradient(to right, #B079FF40, #CBD8F4D4, #c2dce9, #c5e5ee);
        border-image-slice: 1 !important;
    }

    .about-anca-associated-vasculitis-page .blue-border-top.polyangiitis-section h2 {
        font-size: 20px;
    }

    .about-anca-associated-vasculitis-page .blue-border-top.polyangiitis-section .col-lg-6 .field-promotext h3 {
        font-family: 'IBMPlexSans-Medium';
        font-size: 16px;
    }

    .about-anca-associated-vasculitis-page .identifying-patients-container {
        margin-top: 30px;
    }

    .about-anca-associated-vasculitis-page .identifying-patients-container h1 {
        font-family: 'Poppins-Bold';
        font-size: 22px;
        line-height: 25px;
    }

    .about-anca-associated-vasculitis-page .identifying-patients-container h2 {
        font-family: 'Poppins-Bold';
        font-size: 16px;
        line-height: 20px;
    }

    .about-anca-associated-vasculitis-page .identifying-patients-container h3 {
        font-family: 'IBMPlexSans-Regular';
        font-size: 16px;
        line-height: 16px;
    }

    .about-anca-associated-vasculitis-page .aav-section.purplr-bg.list-arrow h2 {
        font-size: 22px;
        line-height: 25px;
        color: var(--primary-white-color);
        font-family: 'IBMPlexSans-Regular';
    }

    .about-anca-associated-vasculitis-page .container.treatment-section h1 {
        font-family: 'Poppins-Bold';
        font-size: 22px;
        line-height: 25px;
    }

    .about-anca-associated-vasculitis-page .container.treatment-section h2 {
        font-size: 20px;
        line-height: 27px;
    }

    .about-anca-associated-vasculitis-page .goal-table.desktop-tbl .color-blue {
        font-size: 18px;
        line-height: 35px;
    }

    .about-anca-associated-vasculitis-page .container.blue-border-top h1 {
        font-family: 'Poppins-Bold';
        font-size: 22px;
    }

    .about-anca-associated-vasculitis-page .container.blue-border-top h2 {
        font-size: 20px;
        line-height: 27px;
    }

    .about-anca-associated-vasculitis-page .light-blue-bg.oral-treatment-section h1 {
        font-size: 20px;
        line-height: 27px;
    }

    .about-anca-associated-vasculitis-page .next-page-link-container {
        font-family: 'IBMPlexSans-Regular';
        font-size: 22px;
        line-height: 25px;
    }
}

.about-anca-associated-vasculitis-page .container-fluid.identifying-patients-container {
    margin-top: 40px;
}

.about-anca-associated-vasculitis-page .container.treatment-section {
    margin-top: 30px;
}

.about-anca-associated-vasculitis-page .container.blue-border-top {
    margin-top: 30px;
}

.about-anca-associated-vasculitis-page .treatment-section .promo-two-col {
    margin: 35px 0;
}

.about-anca-associated-vasculitis-page .light-blue-bg.oral-treatment-section {
    margin-top: 40px;
}


/* about anca css end */

/* patient stories page css start */
@media (min-width: 991px) {
    .patient-stories-page .right-or-wrong-section.content-spacing h1 {
        line-height: 50px;
    }

    .patient-stories-page .right-or-wrong-section.content-spacing p {
        font-size: 25px;
        line-height: 32px;
        font-family: 'IBMPlexSans-Medium';
        font-weight: normal;
    }

    .patient-stories-page .patient-story-tabs {
        margin-top: 30px;
    }

    .patient-stories-page .patient-story-tabs .promo-text>div {
        font-size: 20px;
        line-height: 27px;
        font-family: 'IBMPlexSans-SemiBold';
    }

    .patient-stories-page .patient-story-tabs .promo-team-cards .field-promotext h2 {
        font-family: 'Poppins-Bold';
        margin-bottom: 0px;
    }

    .patient-stories-page .patient-story-tabs .field-promotext2>div>b {
        font-family: 'IBMPlexSans-Bold';
        font-size: 25px;
        line-height: 30px;
    }

    .patient-stories-page .patient-story-tabs .field-promotext2>div {
        font-size: 25px;
        line-height: 30px;
        font-family: 'IBMPlexSans-Regular';
    }

    .patient-story-button {
        margin-top: 60px;
    }

}

@media (min-width: 1200px) {
    .patient-stories-page .promo-team-cards .field-promoicon img {
        height: 505px !important;
    }
}

@media (max-width: 767px) {
    .patient-stories-page .right-or-wrong-section.content-spacing h1 {
        line-height: 25px;
    }

    .patient-story-tabs .row .row {
        margin-bottom: 0px;
    }

    .patient-stories-page .patient-story-tabs .promo-text>div {
        font-family: 'IBMPlexSans-SemiBold';
    }

    .patient-stories-page .right-or-wrong-section p {
        padding-bottom: 30px;
    }

    .patient-stories-page .patient-story-tabs .field-promotext2>div {
        font-family: 'IBMPlexSans-Regular';
    }

    .patient-stories-page .quantum-button__text.quantum-button--primary {
        font-size: 15px;
        line-height: 16px;
    }
}

@media only screen and (max-width: 1024px) and (min-width: 768px) {
    .patient-stories-page .right-or-wrong-section.content-spacing p {
        padding-bottom: 30px;
    }
}


/* taking tavneos css start */

@media (min-width: 991px) {
    .taking-tavneos-page .ask-my-doctor-section .quantum-button--primary {
        margin-top: 82px;
    }

    .taking-tavneos-page .blue-border-top {
        margin-top: 60px;
    }

    .taking-tavneos-page .right-for-me-section .light-blue-bg.list-arrow .component-content {
        margin-top: 25px;
    }

    .taking-tavneos-page .purple-border-top.capsules-section {
        margin-top: 50px;
    }

    .taking-tavneos-page .blue-border-top.right-for-me-section .rich-text p {
        line-height: 55px;
    }

    .taking-tavneos-page .blue-border-top.right-for-me-section .rich-text p {
        line-height: 33px;
    }

    .taking-tavneos-page .purple-border-top.capsules-section .foot-note {
        font-size: 20px;
        line-height: 27px;
    }

    .taking-tavneos-page .instruction-section .component-content {
        flex-direction: row;
    }

    .taking-tavneos-page .instruction-section .promo-two-col .field-promotext {
        width: 694px;
    }

    .taking-tavneos-page .container.instruction-section {
        margin-top: 45px;
    }

    .taking-tavneos-page .instruction-section .promo-two-col .promo-text {
        align-items: center;
        padding-top: 35px;
        padding-bottom: 15px;
    }

    .taking-tavneos-page .purple-border-top.capsules-section .light-blue-bg>.component-content {
        background: transparent linear-gradient(95deg, #0A48CC33 0%, #e1e9f8 0%, #FFFFFF 100%) 0% 0% no-repeat;
    }
}

@media (max-width: 767px) {
    .ask-my-doctor-section h1:first-child {
        margin-bottom: 35px;
    }

    .ask-my-doctor-section.content-spacing .quantum-button__text.quantum-button--primary {
        font-size: 15px;
        line-height: 16px;
    }

    .right-for-me-section .component>p:last-of-type {
        margin-bottom: 40px;
        margin-top: 30px;
    }

    .right-for-me-section .light-blue-bg>.component-content {
        background: transparent;
    }

    .taking-tavneos-page .purple-border-top.capsules-section .light-blue-bg>.component-content {
        background: transparent linear-gradient(149deg, #0A48CC33 1%, #e1e9f8 0%, #FFFFFF 87%) 40% 0% no-repeat;
    }

    .instruction-section .component p:first-of-type {
        font-size: 20px;
        line-height: 27px;
    }

    .next-page-link-container {
        margin-top: 30px !important;
    }
}

@media only screen and (max-width: 1024px) and (min-width: 768px) {
    .taking-tavneos-page .ask-my-doctor-section .quantum-button--primary {
        margin-top: 82px;
    }

    .taking-tavneos-page .blue-border-top {
        margin-top: 60px;
    }

    .taking-tavneos-page .right-for-me-section .light-blue-bg.list-arrow .component-content {
        margin-top: 25px;
    }

    .taking-tavneos-page .purple-border-top.capsules-section {
        margin-top: 50px;
    }

    .taking-tavneos-page .blue-border-top.right-for-me-section .rich-text p {
        line-height: 55px;
    }

    .taking-tavneos-page .blue-border-top.right-for-me-section .rich-text p {
        line-height: 33px;
    }

    .taking-tavneos-page .purple-border-top.capsules-section .foot-note {
        font-size: 20px;
        line-height: 27px;
    }

    .taking-tavneos-page .instruction-section .component-content {
        flex-direction: row;
    }

    .taking-tavneos-page .instruction-section .promo-two-col .field-promotext {
        width: 694px;
    }

    .taking-tavneos-page .container.instruction-section {
        margin-top: 45px;
    }

    .taking-tavneos-page .instruction-section .promo-two-col .promo-text {
        align-items: center;
        padding-top: 35px;
        padding-bottom: 15px;
    }

    .taking-tavneos-page .purple-border-top.capsules-section .light-blue-bg>.component-content {
        background: transparent linear-gradient(95deg, #0A48CC33 0%, #e1e9f8 0%, #FFFFFF 100%) 0% 0% no-repeat;
    }
}

/* taking tavneos css end */

/* faq css start */
.faq-section {
    margin-bottom: 25px;
}

.footnote-small {
    font-family: 'IBMPlexSans-Regular';
    font-size: 15px;
    line-height: 19px;
    text-indent: -9px;
    margin-top: 15px;
}

/* faq css end */
/*  */

.section-anchor-white .link .field-link a {
    background: url(../images/down-arrow-white.png) no-repeat left top;

}

/* downloadable page popup */
@media (max-width: 767px) {
    .downloadable-page .form-control {
        padding: 15px 45px !important;
        height: 50px !important;
    }

    .downloadable-page #send-mail-modal .form-group:has(.feedback-error) .error-text {
        padding-bottom: 15px;
        font-size: 16px;
        line-height: 20px;
        margin-left: 0;
    }
}

.quantum-drop-down-menu__menu {
    top: 60px;
    border: 1px solid var(--primary-purple-color);
}

.quantum-drop-down-menu__menu .quantum-drop-down-menu__menu-list-item:nth-of-type(1) {
    box-shadow: 0 12px 9px rgba(0, 0, 0, .16);
}

/* 19-10-2023 */
/* faq page css start */

.faq-list-arrow .accordion-component {
    padding-top: 0;
}

.faq-section .toggle-content .quantum-button--primary {
    margin-bottom: 20px;
}

/* faq page css end */

.downloadable-page .organizations-list-section h2+p {
    margin-bottom: 30px !important;
}

.downloadable-page .organizations-list-section .promo-two-col:nth-of-type(3) {
    padding-bottom: 50px;
}

.downloadable-page .next-page-link-container {
    margin-top: 0;
}

.quantum-isi-tray__content.quantum-long-form-text ul>li::before {
    content: url(../images/icons/icon-bullet-arrow.svg);
    position: absolute;
    transform: translateX(calc(-100% - 8px));
    line-height: 1;
    list-style-type: none;
}

.quantum-isi-tray__content.quantum-long-form-text ul li {
    list-style-type: none !important;
}

#footer .quantum-footer__logo-link.gtm-footerCl svg {
    display: none;
}

.faq-section h2 {
    margin-bottom: 20px;
}

.accordion-component {
    margin-top: 10px;
}

.accordion-component p {
    margin-bottom: 14px;
}

.faq-section .toggle-content .quantum-button--primary {
    margin-bottom: 50px;
    margin-top: 50px;
    width: 498px;
    padding: 19px 33px;
}

.faq-section .quantum-button--primary:after {
    right: 15px;
}

.faq-list-arrow .items>.item {
    margin-bottom: 20px;
}

.possible-side-effects-section ul ul {
    margin-top: 20px;
}

@media (max-width: 767px) {
    .accordion .item.active .field-heading::before {
        transform: rotate(90deg);
        left: 10px;
    }

    .accordion .col-12 {
        padding-inline: 5px;
    }

    .about-anca-faq-section .item:first-child ul>li:last-of-type {
        /* display: none; */
    }

    .faq-section .toggle-content .quantum-button--primary {
        margin-bottom: 20px;
        margin-top: 20px;
        margin-left: -72px;
        width: 85VW;
        padding: 19px 14px;
    }

    .faq-section .toggle-content .quantum-button--primary:after {
        right: 5px;
        background-size: 36px;
    }

    .faq-section .footnote-small p {
        font-size: 12px;
        line-height: 15px;
    }

    .possible-side-effects-section ul ul {
        margin-top: 10px;
    }
}

.possible-side-effects-section p+p {
    margin-top: 20px;
}

.possible-side-effects-section h2 {
    margin-bottom: 20px;
}

@media only screen and (min-width: 768px) and (max-width:1180px) {
    .accordion .item.active .field-heading::before {
        transform: rotate(90deg);
        left: 10px;
    }
}

.tavneos-connect-page .footnote-sec {
    margin-top: 50px;
}

.what-is-tavneos-page .list-arrow p {
    margin-top: 10px;
}

.right-for-me-section .component-content p:last-of-type {
    margin-top: 20px;
    color: var(--primary-white-bg-purple-text);
    font-size: var(--big-para-font-size);
    line-height: var(--big-para-line-height);
}

.treatment-comparable .promo-separator,
.treatment-superior .promo-separator {
    font-family: var(--h2-font-family);
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}

.treatment-comparable .row,
.treatment-superior .row {
    justify-content: space-around;
}

@media (max-width: 767px) {

    .treatment-comparable .promo-separator,
    .treatment-superior .promo-separator {
        padding: 20px 0px;
    }
}

.blue-border-top.right-for-me-section p:last-of-type {
    color: var(--primary-white-bg-purple-text);
    font-size: var(--big-para-font-size);
    line-height: var(--big-para-line-height);
    padding-top: 20px;
}

@media (min-width: 768px) {
    .downloadable_resources-container .content.col-sm-6 .component-content {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        height: 100%;
    }

    .downloadable_resources-container .quantum-cta-document {
        grid-template-rows: auto 1fr;
    }

    .downloadable_resources-container .content.col-sm-6 {
        margin-bottom: 70px;
    }

    .downloadable_resources-container .content.col-sm-6:not(:last-child) {
        margin-bottom: 70px;
    }

    .downloadable_resources-container .content.col-sm-6:last-child {
        margin-bottom: 35px;
    }

    .downloadable_resources-container.resource-section .content.col-sm-6 {
        margin-bottom: 70px;
    }

    .organizations-list-section .row {
        justify-content: space-between;
        flex: 1;
        align-items: center;
        padding-inline: 15px;
    }

    .downloadable-page .container {
        padding-inline: 0;
    }

    .organizations-list-section .promo-two-col {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .downloadable-page .organizations-list-section h2+p {
        margin-bottom: 60px !important;
    }

    .organizations-list-section .field-promoicon img {
        height: auto;
    }

    .organizations-list-section .promo-two-col:first-of-type {
        margin-top: 0px;
    }
}

@media (max-width: 767px) {
    .downloadable_resources-container .content.col-sm-6 {
        margin-bottom: 30px;
    }

    .downloadable_resources-container .quantum-cta_img>img {
        max-width: 66px;
        height: 81px;
    }

    .downloadable_resources-container .quantum-cta-document .quantum-cta__btnset {
        gap: 20px;
    }

    .downloadable_resources-container.blue-border-top.resource-section {
        margin-top: 0;
    }

    .downloadable_resources-container h1 {
        margin-bottom: 20px;
    }

    .downloadable_resources-container .content.col-sm-6:first-child::after {
        content: "";
        display: block;
        width: 100%;
        border-bottom: 1px dotted #6D6D6D;
        padding-top: 30px;
        margin: 0 auto;
    }

    .organizations-list-section .row {
        justify-content: space-between;
        flex: 1;
        align-items: center;
        padding-inline: 15px;
    }

    .organizations-list-section .field-promoicon img {
        height: auto;
    }

    .organizations-list-section .field-promoicon {
        flex: 1;
        display: flex;
        justify-content: flex-start;
    }

    .downloadable-page .organizations-list-section .promo-two-col {
        padding-top: 20px;
        padding-bottom: 0px;
    }

    .downloadable-page .next-page-link-container {
        margin-top: 20px !important;
    }
}

@media (max-width: 767px) {
    .what-is-tavneos-page .container.list-arrow {
        padding-inline: 0px;
    }

    .demo-shell__takeover .quantum-isi-tray__inner {
        padding-inline: 15px;
    }

    .quantum-isi-tray__content p:first-of-type+ul {
        padding-left: 25px;
    }

    .what-is-tavneos-page .container.list-arrow .component-content>.component.rich-text {
        padding-inline: 30px;
    }

    .quantum-isi-tray h2+ul {
        padding-left: 25px;
    }
}

.quantum-isi-tray__content.quantum-long-form-text ul ul>li::before {
    position: absolute;
    content: url(../images/icons/icon-bullet-dash.svg);
}

.demo-shell__takeover .quantum-isi-tray__inner ul ul {
    padding-left: 18px;
}

.next-page-link-container .promo-text .field-promotext h3 {
    margin-bottom: 0px;
}

.sitemap-container .link-head {
    text-decoration: none !important;
    color: #00A3AD !important;
    font-weight: bold;
    margin-left: -45px;
    font-family: "Poppins-Bold";
}

.sitemap-container .item0.odd.first:before,
.sitemap-container .item1.even:before,
.sitemap-container .item6.odd:before,
.sitemap-container .item10.odd:before,
.sitemap-container .item13.even:before {
    display: none
}

.sitemap-container .item0.odd.first,
.sitemap-container .item1.even,
.sitemap-container .item6.odd,
.sitemap-container .item10.odd,
.sitemap-container .item13.even {
    margin: 20px 0px;
}

.sitemap-container ul {
    padding-left: 50px;
}

.sitemap-container .list-arrow ul>li {
    margin-bottom: 8px;
}

@media (max-width: 767px) {
    .sitemap-container {
        padding-inline: 35px;
    }

    .sitemap-container .link-head {
        margin-left: -24px;
    }

    .sitemap-container ul {
        padding-left: 24px;
    }

    .sitemap-container .item0.odd.first,
    .sitemap-container .item1.even,
    .sitemap-container .item6.odd,
    .sitemap-container .item10.odd,
    .sitemap-container .item13.even {
        margin: 10px 0px;
    }

    .sitemap-container .field-link {
        width: 100%;
    }
}

#send-mail-modal .quantum-modal__dialog h1,
#notice-modal h1 {
    --h1-font-size: 40px;
    --h1-line-height: 33px;
    --h1-font-family: 'IBMPlexSans-Bold';
}

#send-mail-modal #send-mail-form .form-control {
    --primary-black-color: #707070;
}

#send-mail-modal #send-mail-form input::placeholder {
    color: #000000;
}

.feedback-error #send-mail-modal #send-mail-form input::placeholder {
    color: #FF0000;
    font-family: 'IBMPlexSans-Regular';
    font-weight: normal;
}

#send-mail-modal .error-text {
    font-size: clamp(1rem, 0.7384rem + 0.5457vw, 1.25rem);
    line-height: clamp(1.25rem, 0.7922rem + 0.955vw, 1.6875rem);
    color: #FF0000;
}

#send-mail-modal #send-mail-form input[type="email"].feedback-error {
    margin-top: 27px;
}

#send-mail-modal .form-group>.error-text:first-child {
    padding-top: 0px;
}

.send-mail-btn-patients-active #send-mail-modal .form-group>.error-text:first-child {
    padding-top: 10px;
}

.feedback-error .modal-actions {
    margin-top: 20px;
}

@media screen and (min-width: 1024px) {
    #send-mail-modal .quantum-modal__dialog {
        padding: 50px 0 79px;
        max-width: 1364px;
    }

    #send-mail-modal #send-mail-form .form-control {
        padding: 17px;
        width: 674px;
    }

    #send-mail-modal .quantum-button--primary:after,
    #notice-modal .quantum-button--primary:after {
        right: 25px;
        width: 31px;
        background-size: 31px;
    }

    #send-mail-modal .quantum-button--primary,
    #notice-modal .quantum-button--primary {
        padding: 21px 29px 21px 37px !important;
    }

    #send-mail-modal #send-mail-form input[type="email"] {
        margin-top: 57px;
    }

    #send-mail-modal #send-mail-form {
        margin-top: 40px;
    }

    #send-mail-modal .modal-actions .quantum-button--primary {
        flex-grow: 0;
        width: 436px;
    }

    #send-mail-modal h1+div,
    #notice-modal h1+div {
        max-width: 812px;
    }

    #notice-modal .modal-actions {
        margin-top: 30px;
        gap: 122px;
    }
}

@media (max-width: 767px) {

    #send-mail-modal .quantum-modal__dialog h1 {
        --h1-font-size: 16px;
        --h1-line-height: 25px;
    }

    #notice-modal h1 {
        --h1-font-size: 22px;
        --h1-line-height: 20px;
    }

    #send-mail-modal #send-mail-form {
        margin-top: 10px;
    }

    #send-mail-modal .form-group {
        margin-bottom: 0px;
    }

    #send-mail-modal #send-mail-form input[type="email"] {
        margin-top: 40px;
    }

    #send-mail-modal .quantum-modal__dialog {
        padding: 34px 36px 39px;
    }

    #send-mail-modal .quantum-button--primary:after,
    #notice-modal .quantum-button--primary:after {
        right: 10px;
        width: 25px;
        background-size: 25px;
    }

    #send-mail-modal .modal-actions .quantum-button--primary {
        padding: 13px 10px;
    }

    #send-mail-modal .modal-actions .quantum-button--primary {
        flex-grow: 0;
        width: 129px;
    }

    .downloadable-page .form-control {
        padding: 10px !important;
        height: 40px !important;
        width: 275px !important;
    }

    #send-mail-modal #send-mail-form input[type="email"].feedback-error {
        margin-top: 0px;
    }

    .feedback-error .modal-actions {
        margin-top: 10px;
    }

    #send-mail-modal h1+div,
    #notice-modal h1+div {
        text-align: left;
        max-width: 100%;
    }

    #send-mail-modal div+#send-mail-form {
        margin-top: 20px;
    }

    #notice-modal .modal-actions .quantum-button--primary {
        padding: 16px 20px;
    }

    #notice-modal .quantum-button--primary:after {
        background-size: 25px;
        right: 5px;
    }

    #notice-modal button.quantum-modal__close {
        display: none;
    }
}

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

    #send-mail-modal .quantum-modal__dialog h1,
    #notice-modal h1 {
        --h1-font-size: 30px;
    }

    #send-mail-modal .quantum-modal {
        --modal-base-font-size: 20px;
    }

    #send-mail-modal .form-control {
        --base-font-size: 20px
    }

    #send-mail-modal .quantum-button--primary,
    #notice-modal .quantum-button--primary {
        padding: 20px !important;
    }
}

.feedback-error .quantum-modal__dialog div+#send-mail-form {
    margin-top: 10px !important;
}

.faq-list-arrow .items>.item .toggle-content .component-content .field-content p {
    padding-left: 50px;
}

.faq-section .component-content h2 {
    padding-left: 30px;
}

.faq-list-arrow ul {
    padding-left: 80px;
}

.special-footnote {
    display: flex;
    align-items: baseline;
}

.special-footnote span {
    min-width: 20px;
    text-align: right;
    margin-right: 2px;
}

.special-footnote p {
    padding-left: 0px !important;
}

.foot-note {
    font-size: clamp(0.75rem, calc(0.4rem + 0.94vw), 1rem);
    line-height: clamp(0.94rem, calc(0.5rem + 1.18vw), 1.25rem);
    margin-top: 25px;
}

.special-footnote p {
    margin-bottom: 10px !important;
}

.faq-list-arrow .toggle-header .field-heading {
    padding-bottom: 20px !important;
}

.faq-list-arrow ul>li,
.faq-list-arrow ul ul>li,
.faq-list-arrow ul ul ul>li {
    margin-bottom: 10px !important;
}

@media (max-width: 767px) {
    .faq-section .component-content h2 {
        padding-left: 5px;
    }

    .faq-list-arrow .toggle-header .field-heading {
        padding-bottom: 15px;
        padding-left: 30px;
    }

    .faq-list-arrow .toggle-content ul {
        padding-left: 60px;
    }

    .faq-list-arrow .items>.item .toggle-content .component-content .field-content p {
        padding-left: 30px;
    }

    .faq-list-arrow .items>.item .toggle-content .component-content .field-content p:has(b) {
        padding-top: 0px !important;
    }

    .faq-list-arrow .items>.item .toggle-content .component-content .field-content p:has(+ ul) {
        margin-bottom: 15px;
    }

    .faq-wrapper {
        padding-right: 30px;
        padding-left: 30px;
    }

    .accordion .item.active .field-heading::before {
        left: 0px;
    }

    .faq-section .toggle-content a {
        word-wrap: break-word;
    }

    .faq-section .field-heading::before {
        left: 8px;
    }

    .faq-list-arrow .toggle-header .field-heading {
        padding-bottom: 10px !important;
    }

    .faq-list-arrow .toggle-content ul ul {
        padding-left: 16px !important;
    }
}

.faq-list-arrow ul ul ul {
    padding-top: 10px;
}

@media (max-width: 767px) {
    .what-is-tavneos-page .show-desktop {
        display: none;
    }

    .what-is-tavneos-page .show-mobile {
        margin: 30px 0px 0px;
        text-align: center;
    }

    .what-is-tavneos-page .show-mobile img {
        max-width: 100%;
    }

}

@media (min-width: 768px) {
    .what-is-tavneos-page .show-mobile {
        display: none;
    }
}

.what-is-tavneos-page .show-desktop img {
    max-width: 100%;
}

.footsup span {
    color: #000;
    margin-left: -5px;
}

.footsup {
    padding: 0;
    margin: 0;
}

.downloadable_resources-container .quantum-button--primary.download:after {
    background-image: url(../images/icons/icon-download.png);
    background-size: 20px;
}

.downloadable_resources-container .quantum-button--primary.email:after {
    background-image: url(../images/icons/icon-email.png);
    background-size: 22px;
}

.downloadable_resources-container .quantum-button--primary.visit:after {
    background-image: url(../images/icons/icon-share.png);
    background-size: 22px;
}

.footnote-what-tavneos {
    padding: 0;
}

.foot-note p:last-child {
    margin-bottom: 0;
}

.footnote-what-tavneos p {
    margin-bottom: 0 !important;
    padding-top: 0;
}

.what-is-tavneos-page .show-desktop {
    text-align: center;
    margin-bottom: 15px;
}

@media (max-width: 767px) {
    .footnote-what-tavneos {
        margin-top: 15px;
    }
}


@media (max-width: 500px) {

    .what-is-tavneos-page .oral-treatment,
    .what-is-tavneos-page .why-section {
        padding-inline: 25px;
    }

    .footnote-what-tavneos .special-footnote span {
        min-width: 5px;
    }

    .what-is-tavneos-page .show-mobile img {
        width: 100%;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .what-is-tavneos-page .show-desktop {
        margin-top: 30px;
    }
}


@media (min-width: 1500px) {
    .sitemap-container {
        max-width: 1400px;
    }
}

.what-is-tavneos-page .next-page-link-container {
    margin-bottom: 0;
}

.demo-shell__fixed-bottom h1,
.quantum-isi-tray h1 {
    font-family: 'IBMPlexSans-Bold';
}

.quantum-isi-tray p+ul,
.quantum-isi-tray h2+ul {
    padding-left: 26px;
}

.quantum-isi-tray__content p:first-of-type+ul {
    padding-left: 26px;
}

.quantum-isi-tray h3 {
    margin-bottom: 10px !important;
}

.quantum-isi-tray h2:first-of-type {
    margin: 20px 0 10px !important;
}

@media (min-width: 1300px) {
    .quantum-isi-tray__content-preview.quantum-long-form-text {
        padding-inline: 90px;
    }
}

@media (max-width: 767px) {
    .quantum-footer__logo-link {
        text-align: center;
        display: flex;
        justify-content: center;
    }

    .quantum-container--primary.quantum-footer {
        padding-left: 30px;
        padding-right: 30px;
    }

    .quantum-footer__inner {
        padding: 50px 0 !important;
    }
}

.downloadable_resources-container .quantum-button--primary {
    width: 180px;
}

.downloadable_resources-container h1 .sup-reg {
    font-weight: bold;
}

.tavneos-connect-page .promo-cards.steps-to-start-section .field-promoicon img {
    height: 100%;
}

.steps-to-start-section {
    margin-top: 38px;
}

.downloadable-page .help-to-start-section p {
    margin-bottom: 25px;
}

.tavneos-connect-page .promo-cards.steps-to-start-section .col-lg-4 {
    padding-inline: 15px;
    border-right: none;
}

.tavneos-connect-page .promo-cards.steps-to-start-section .col-lg-4:after {
    content: "";
    width: 1px;
    height: 90%;
    border-right: 1px dotted #6D6D6D;
    position: absolute;
    top: 0;
    right: 0;
}

.tavneos-connect-page .promo-cards.steps-to-start-section .quantum-button--primary {
    padding: 18px 20px;
}

.tavneos-connect-page .promo-cards.steps-to-start-section .field-promolink {
    padding-inline: 53px;
}

.tavneos-connect-page .footnote-sec .foot-note {
    padding-left: 0;
}

.tavneos-connect-page .special-footnote span {
    min-width: auto;
}

.tavneos-connect-page .promo-cards.steps-to-start-section .col-lg-4 .field-promotext {
    padding-inline: 107px;
}

.tavneos-connect-page .promo-cards.steps-to-start-section .col-lg-4:first-child .field-promotext {
    padding-inline: 13px;
}

.tavneos-connect-page .blue-border-top {
    margin-top: 80px;
    padding-top: 58px;
}

.tavneos-connect-page .three-steps-section .field-promotext h2 {
    margin-bottom: 30px;
}

.tavneos-connect-page .three-steps-section .field-promotext hp {
    margin-bottom: 5px;
}

.tavneos-connect-section {
    margin: 80px auto;
}

.tavneos-connect-section .promo .component-content {
    display: flex;
    align-items: center;
    gap: 154px;
}

.tavneos-connect-section .field-promoicon img {
    width: 519px;
}

.downloadable-page .next-page-link-container .component-content,
.help-to-start-section.container,
.steps-to-start-section.container,
.footnote-sec.container,
.top-spy-nav .component-content {
    padding-inline: 0;
}

.help-to-start-section .quantum-button--primary {
    padding: 19px 31px;
}

.help-to-start-section p {
    margin-bottom: 24px;
}

.tavneos-connect-page h1 sup {
    font-weight: bold;
}

@media only screen and (min-width: 768px) and (max-width: 1180px) {
    .tavneos-connect-page .promo-cards.steps-to-start-section .field-promoicon img {
        height: auto;
        width: 167px;
    }

    .steps-to-start-section.promo-cards .field-promoicon {
        height: auto;
    }

    .tavneos-connect-page .promo-cards.steps-to-start-section .col-lg-4 .field-promotext {
        padding-inline: 10px;
    }

    .tavneos-connect-page .promo-cards.steps-to-start-section .field-promolink {
        padding-inline: 5px;
    }

    .tavneos-connect-page .promo-cards.steps-to-start-section .quantum-button--primary {
        padding: 1px 19px;
        min-height: 55px;
    }

    .tavneos-connect-page .blue-border-top {
        margin-top: 40px;
        padding-top: 40px;
    }

    .tavneos-connect-section .promo .component-content {
        gap: 15px;
    }

    .tavneos-connect-section .field-promoicon img {
        width: 100%;
        height: auto;
    }

    .tavneos-connect-section {
        margin: 40px auto;
    }

    .three-steps-section .col-lg-4:first-of-type {
        padding-left: 0;
    }

    .help-to-start-section .quantum-button--primary {
        width: 255px;
    }
}

@media (max-width: 767px) {

    .downloadable-page .next-page-link-container .component-content,
    .help-to-start-section.container,
    .steps-to-start-section.container,
    .footnote-sec.container,
    .top-spy-nav .component-content {
        padding-inline: 15px;
    }

    .tavneos-connect-page .promo-cards.steps-to-start-section .col-lg-4:after {
        display: none;
    }

    .tavneos-connect-page .promo-cards.steps-to-start-section .field-promolink {
        padding-inline: 0;
        margin-bottom: 20px;
    }

    .tavneos-connect-page .promo-cards.steps-to-start-section .field-promoicon img {
        width: 223px;
        height: auto;
        padding-bottom: 30px;
    }

    .tavneos-connect-page .steps-to-start-section.promo-cards .field-promoicon {
        height: auto;
    }

    .tavneos-connect-page .promo-cards.steps-to-start-section .col-lg-4 .field-promotext {
        padding-inline: 19px;
    }

    .foot-note,
    .tavneos-connect-page .footnote-sec,
    .tavneos-connect-page .promo-cards.steps-to-start-section .col-lg-4 {
        margin-top: 0;
    }

    .tavneos-connect-page .promo-cards.steps-to-start-section .field-promolink {
        padding-inline: 0;
        margin-bottom: 30px;
    }

    .tavneos-connect-page .blue-border-top .scroll-top {
        display: none;
    }

    .tavneos-connect-page .three-steps-section .field-promotext h2 {
        margin-bottom: 10px;
    }

    .tavneos-connect-page .three-steps-section .field-promotext hp {
        margin-bottom: 0px;
    }

    .tavneos-connect-section .promo .component-content {
        gap: 10px;
        flex-direction: column;
    }

    .tavneos-connect-section .field-promoicon img {
        width: 100%;
        height: auto;
    }

    .light-blue-bg>.component-content {
        padding: 50px 0;
    }

    .tavneos-connect-section {
        margin: 30px auto !important;
    }

    .help-to-start-section .enroll-now-btn .field-link {
        width: 100%;
    }

    .help-to-start-section .quantum-button--primary:after {
        width: 25px;
        background-size: 25px;
    }

    .help-to-start-section .quantum-button--primary {
        padding: 16px 10px;
    }

    .tavneos-connect-section .field-promotext {
        max-width: 289px;
    }

    .tavneos-connect-page .blue-border-top {
        margin-top: 20px;
        padding-top: 30px;
    }

    .three-steps-section .col-lg-4 {
        padding-bottom: 0px;
        margin-bottom: 0px;
    }

    .tavneos-connect-page .promo-cards.steps-to-start-section .quantum-button--primary:after {
        content: "";
        background-color: transparent;
        background-image: url(../images/icons/right-arrow-white-circle.png);
        background-repeat: no-repeat;
        background-position: center center;
        display: flex;
        align-items: center;
        justify-self: center;
        right: 15px;
        top: 0px;
        height: 100%;
        width: 25px;
        background-size: 25px;
        position: absolute;
        color: #fff;
        transition: background-position .2s;
    }
}

.tavneos-connect-page .next-page-link-container .component-content {
    padding-inline: 0;
}


@media (max-width: 767px) {
    .quantum-indications .quantum-indications__inner {
        padding-left: 30px !important;
        padding-right: 30px !important;
    }
}

.footnote-nospace p {
    margin-bottom: 0 !important;
}

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

.mobile-footnote .special-footnote:first-child p {
    margin-bottom: 0 !important;
}

.paying-for-tavneos-page .promo-cards.steps-to-start-section .col-lg-4:last-child:after {
    display: none;
}

.paying-for-tavneos-page .foot-note.footnote-nospace {
    margin-top: 45px;
}

.paying-for-tavneos-page .promo-cards.steps-to-start-section .col-lg-4 .field-promotext {
    padding-inline: 55px;
}

@media (min-width: 768px) and (max-width: 991px) {
    .paying-for-tavneos-page .foot-note {
        display: block !important;
    }
}

@media (max-width: 767px) {
    .paying-for-tavneos-page .promo-cards.steps-to-start-section .col-lg-4:last-child {
        margin-bottom: 0;
    }

    .paying-for-tavneos-page .financial-assistance-sec {
        border-image: linear-gradient(89deg, #B079FF40 0%, #41E6B940 100%) 0% 0%;
        border-top: clamp(0.625rem, 0.298rem + 0.6821vw, 0.9375rem) solid;
        border-image-slice: 1 !important;
    }

    .financial-assistance-sec h2 {
        margin-top: 25px;
    }
}

@media (max-width: 767px) {
    .paying-for-tavneos-page .promo-cards.steps-to-start-section .col-lg-4 {
        padding-bottom: 8px;
    }
}

.promo-cards.steps-to-start-section .col-lg-4:last-child:after {
    display: none;
}

.quantum-button--primary:hover,
.quantum-button--primary:focus {
    color: var(--primary-white-color) !important;
    --bg-gradient-blue-green: linear-gradient(90deg, #0A48CC 35%, #00A3AD 100%);
    transition: opacity 0.3s;

}

.promo-cards.steps-to-start-section .quantum-button--primary:hover,
.promo-cards.steps-to-start-section .quantum-button--primary:focus {
    background-color: #9251f0;
    color: var(--primary-white-color);
}

@media (min-width: 768px) {
    .organizations-list-section .promo-two-col .component-content {
        gap: 0px;
        flex: 1;
    }

    .organizations-list-section .field-promoicon {
        flex: .45;
        padding-right: 83px;
    }

    .organizations-list-section .promo-text {
        flex: .46;
    }
}

#send-mail-modal #send-mail-form .form-control,
.form-control {
    color: black;
}

.footnote-reg .sup-reg {
    font-size: 1.2em;
    top: 0px;
}

.footnote-nospace .sup-dagger {
    top: -0.5em;
}

.paying-for-tavneos-page .steps-to-start-section .col-lg-4:first-child .sup-dagger {
    top: -0.5em;
}

@media (min-width: 1500px) {
    .paying-for-tavneos-page .financial-assistance-sec {
        margin-top: 60px;
    }
}

@media (max-width: 1300px) {
    .paying-for-tavneos-page .promo-cards.steps-to-start-section .col-lg-4 .field-promotext {
        padding-inline: 10px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .paying-for-tavneos-page .mobile-footnote {
        display: none !important;
    }
}


@media (min-width: 768px) {
    .paying-for-tavneos-page .heading-paying-tav h1 {
        margin-bottom: 35px;
    }
}

@media (min-width: 1301px) {
    .paying-for-tavneos-page .promo-cards.steps-to-start-section .col-lg-4:first-child .field-promotext {
        padding-inline: 20px;
    }
}

@media (max-width: 767px) {
    .paying-for-tavneos-page .component-content {
        padding-inline: 0;
    }

    .paying-for-tavneos-page .query-section>.component-content {
        padding: 40px 40px;
    }

    .paying-for-tavneos-page .financial-assistance-sec {
        padding-inline: 36px;
    }

    .paying-for-tavneos-page .financial-assistance-sec {
        margin-top: 0px;
    }

    .paying-for-tavneos-page .financial-assistance-sec h2 {
        margin-bottom: 0;
    }
}

@media (max-width: 767px) {

    .downloadable-page .component.container,
    .tavneos-connect-page .component.container {
        padding-right: 35px;
        padding-left: 35px;
    }

    .downloadable-page .next-page-link-container .component-content,
    .tavneos-connect-page .next-page-link-container .component-content,
    .tavneos-connect-page .tavneos-connect-section {
        padding-inline: 0 !important;
    }

    .tavneos-connect-page .tavneos-connect-section .promo .component-content {
        align-items: flex-start;
    }

    .tavneos-connect-page .tavneos-connect-section .promo-text {
        padding-left: 35px;
    }

    .tavneos-connect-page .three-steps-section .col-lg-4 {
        padding-bottom: 20px;
        margin-bottom: 20px;
    }

    .tavneos-connect-page .three-steps-section .col-lg-4:last-of-type {
        padding-bottom: 0px;
        margin-bottom: 0px;
    }

    .tavneos-connect-page .section-anchor .row {
        padding-inline: 15px;
    }
}

.quantum-isi-tray__content p:first-of-type+ul {
    margin-bottom: 5px;
}

.quantum-isi-tray h2+ul {
    margin-top: 10px;
}

.quantum-isi-tray .container h2 {
    margin-bottom: 0;
}

.quantum-isi-tray h2:not(.quantum-isi-tray h2:has(span)) {
    margin-top: 5px !important;
}

.quantum-isi-tray .container>h1 {
    margin-bottom: 0px;
}

.indication-text h3+p {
    margin-bottom: 25px !important;
}

@media (max-width: 767px) {
    .quantum-isi-tray__content p:first-of-type {
        margin-bottom: 10px;
    }
}

.patient-stories-page .patient-story-tabs .promo-team-cards .field-promotext2 {
    display: unset;
}

.patient-stories-page .promo-content-wrapper {
    padding: 10px 0px;
}

.patient-stories-page .promo-content-wrapper h3 {
    color: #000;
}

.patient-stories-page .promo-content-wrapper:not(.promo-content-wrapper:last-child) {
    border-bottom: 1px dotted #6D6D6D;
}

.patient-stories-page .promo-team-cards-head {
    margin-bottom: 15px;
}

.patient-stories-page .patient-story-tabs p:has(b) {
    padding-top: 0px;
}

.patient-stories-page .promo-content-wrapper h3 {
    color: #000;
    margin-bottom: 0px;
}

@media (min-width: 1500px) {
    .patient-stories-page .promo-team-cards-head .field-promoicon img {
        height: 158px;
    }
}

@media (max-width: 991px) {
    .patient-stories-page .promo-wrap {
        display: flex;
        flex-direction: row;
        justify-content: center;
        margin-bottom: 20px;
    }
}

@media (min-width: 1200px) {
    .patient-story-button {
        width: 856px;
        margin-inline: auto;
    }
}

.patient-story-button a {
    display: flex;
    align-items: center;
    padding: 15px 20px;
    background-image: var(--bg-gradient-blue-green);
    color: var(--primary-white-color);
    font-family: 'IBMPlexSans-Bold';
    position: relative;
    justify-content: flex-start;
    text-decoration: none;
}

.patient-story-button a:after {
    content: "";
    background-color: transparent;
    background-image: url(../images/icons/right-arrow-white-circle.png);
    background-repeat: no-repeat;
    background-position: center center;
    display: flex;
    align-items: center;
    justify-self: center;
    right: 10px;
    top: 2px;
    width: 50px;
    height: 100%;
    background-size: 30px;
    position: absolute;
    color: #fff;
    transition: background-position .2s;
}

@media (min-width: 991px) {

    .quantum-top-nav .quantum-drop-down-menu__list-item:nth-child(2),
    .quantum-top-nav .quantum-drop-down-menu__list-item:nth-child(3),
    .quantum-top-nav .quantum-drop-down-menu__list-item:nth-child(5) {
        text-transform: uppercase;
    }

    .quantum-top-nav .quantum-drop-down-menu__list {
        text-align: center;
    }
}

@media (max-width: 767px) {
    .quantum-indications__copy--read-more.quantum-long-form-text {
        font-size: 12px;
        line-height: 15px;
    }

    .quantum-indications__copy.quantum-text.quantum-text--small {
        font-size: 12px;
        line-height: 14px;
    }

    .quantum-isi-tray .container>h1 {
        font-size: 14px;
        line-height: 18px;
    }

    .quantum-isi-tray__content p {
        font-size: 14px;
        line-height: 18px;
    }

    .quantum-isi-tray--open ul {
        font-size: 14px;
        line-height: 18px;
    }

    .quantum-isi-tray h2 span {
        font-size: 14px;
        line-height: 18px;
    }

    .quantum-isi-tray__content.quantum-long-form-text ul li {
        margin-bottom: 5px;
    }

    .indication-text h3+p {
        margin-bottom: 0;
    }

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

    .indication-text h3+p {
        margin-bottom: 10px !important;
    }

    .quantum-isi-tray .indication-text h2:first-of-type {
        margin-bottom: 0 !important;
    }
}

.patient-stories-page .promo-content-wrapper h3 {
    font-size: clamp(1rem, 0.204rem + 2.1226vw, 1.5625rem);
    line-height: clamp(1.25rem, 0.3656rem + 2.3585vw, 1.875rem);
}

.patient-stories-page .promo-team-cards-head .field-promotext {
    font-size: clamp(0.625rem, -0.2594rem + 2.3585vw, 1.25rem);
    line-height: clamp(0.8125rem, -0.4257rem + 3.3019vw, 1.6875rem);
}

@media (min-width: 1200px) {
    .patient-story-tabs .promo-team-cards-head {
        padding: 0;
    }

    .patient-story-tabs .col-lg-10 {
        padding-right: 0;
    }
}



@media (min-width: 992px) and (max-width: 1199px) {
    .patient-stories-page .promo-wrap {
        display: flex;
        flex-direction: row;
        justify-content: center;
        margin-bottom: 20px;
        margin-inline: auto;
        max-width: 100%;
        flex: 0 0 100%;
    }

    .patient-stories-page .promo-team-cards-head {
        margin-bottom: 15px;
        max-width: 255px;
        padding-left: 0;
    }

    .patient-story-tabs .col-lg-10 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .patient-stories-page .promo-team-cards .field-promoicon {
        flex: 0 0 30%;
    }

    .patient-stories-page .promo-team-cards .promo-text {
        flex: 0 0 70%;
    }
}

@media (min-width: 768px) and (max-width: 1199px) {
    .patient-story-button {
        width: 600px;
    }

    .patient-story-button a {
        padding: 15px 35px;
    }

    .patient-story-button a:after {
        right: 3px;
    }

}

@media (max-width: 991px) {
    .patient-story-button {
        margin-top: 30px;
    }

    .patient-story-button .field-link {
        width: unset;
    }
}

@media (max-width: 767px) {
    .patient-story-tabs .promo-team-cards .promo-content-wrapper {
        flex-direction: column;
        gap: 10px;
    }

    .patient-stories-page .patient-story-button {
        width: 350px;
    }

    .patient-stories-page .promo-team-cards-head {
        max-width: 100%;
    }

    .patient-stories-page .promo-team-cards .field-promoicon img {
        height: auto !important;
    }

    .patient-stories-page .promo-wrap {
        margin-bottom: 5px;
        padding-inline: 32px;
    }

    .patient-stories-page .right-or-wrong-section {
        padding-inline: 32px;
    }

    .promo-team-cards .field-promotext h2 {
        margin-bottom: 10px;
    }
}

.quantum-header__menu .quantum-drop-down-menu__link>svg {
    display: none;
}

.quantum-header__menu .hasSubMenu .quantum-drop-down-menu__link-text:after {
    content: "";
    min-width: 11px;
    height: 8px;
    display: inline-block;
    background-image: url(../images/icon-carat.png);
    background-repeat: no-repeat;
    background-size: 100%;
}

@media (min-width: 991px) {
    .quantum-isi-tray__content.quantum-long-form-text ul li {
        margin-bottom: 5px;
    }
}

.taking-tavneos-page .right-for-me-section .row-splitter+.rich-text p,
.taking-tavneos-page .right-for-me-section .rich-text ul+p {
    margin-top: 0;
    padding-top: 0;
    color: black;
    font-size: var(--base-font-size);
    line-height: var(--base-line-height);
    font-family: var(--base-font-family);
}

@media (min-width: 768px) {

    .taking-tavneos-page .light-blue-bg>.component-content {
        padding: 0px;
    }

    .taking-tavneos-page .ask-my-doctor-section.container,
    .taking-tavneos-page .right-for-me-section.container,
    .taking-tavneos-page .capsules-section.container,
    .taking-tavneos-page .next-page-link-container .component-content {
        padding-inline: 0;
    }


    .taking-tavneos-page .promo-two-col .component-content {
        align-items: flex-start;
    }


    .taking-tavneos-page .ask-my-doctor-section .promo-two-col .field-promotext {
        height: 493px;
        display: flex;
        flex-direction: column;
    }

    .taking-tavneos-page .ask-my-doctor-section .quantum-button--primary {
        margin-top: auto;
        flex-grow: 0;
    }

    .taking-tavneos-page .ask-my-doctor-section .promo-two-col .field-promotext h2 {
        margin-bottom: 30px;
    }

    .taking-tavneos-page h1 {
        margin-bottom: 30px;
    }

    .taking-tavneos-page .blue-border-top {
        margin-top: 88px;
        padding-top: 60px;
    }

    .taking-tavneos-page .section-anchor .row {
        padding-inline: 15px;
    }

    .taking-tavneos-page .right-for-me-section .light-blue-bg.list-arrow .component-content {
        margin-top: 30px;
    }

    .taking-tavneos-page .right-for-me-section .light-blue-bg>.component-content {
        padding: 40px 67px;
    }

    .taking-tavneos-page .right-for-me-section .container {
        margin-top: 30px;
    }

    .taking-tavneos-page .purple-border-top.capsules-section {
        margin-top: 60px;
    }

    .taking-tavneos-page .instruction-section>.component-content {
        flex-direction: column;
    }

    .taking-tavneos-page .instruction-section .instruction-list>.component-content {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        gap: 35px;
        border-bottom: 1px dotted;
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .taking-tavneos-page .instruction-section .instruction-list>.component-content h2 {
        width: 800px;
        margin-bottom: 0;
    }

    .taking-tavneos-page .instruction-section .instruction-list>.component-content ul,
    .taking-tavneos-page .instruction-section .instruction-list>.component-content p {
        margin: 0;
    }

    .taking-tavneos-page .instruction-section .instruction-list:last-of-type>.component-content p {
        margin-bottom: 20px;
    }

    .taking-tavneos-page .instruction-section .instruction-list:first-child>.component-content {
        padding-top: 0px;
    }

    .taking-tavneos-page .instruction-section .instruction-list:last-child>.component-content {
        padding-bottom: 0px;
        border-bottom: none;
    }

    .taking-tavneos-page .instruction-section .instruction-list:last-child>.component-content {
        gap: 0;
    }

    .taking-tavneos-page .instruction-section+.blue-border-top {
        margin-top: 85px;
    }

    .taking-tavneos-page .instruction-section+.blue-border-top .component-content ul,
    .taking-tavneos-page .instruction-section+.blue-border-top .component-content p {
        margin-bottom: 30px;
    }

    .taking-tavneos-page .instruction-section+.blue-border-top .component-content ul:nth-of-type(2) {
        margin-bottom: 20px;
    }

    .taking-tavneos-page .next-page-link-container {
        margin-top: 110px;
    }

    .taking-tavneos-page .container.instruction-section {
        margin-top: 60px;
    }

    .taking-tavneos-page .light-blue-bg+.foot-note {
        margin-top: 30px;
    }

    .taking-tavneos-page .instruction-section .component-content {
        gap: 0;
    }

    .taking-tavneos-page .ask-my-doctor-section .promo-two-col .component-content {
        gap: 59px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1180px) {
    .taking-tavneos-page .ask-my-doctor-section .promo-two-col .field-promotext {
        width: 350px;
    }

    .taking-tavneos-page .ask-my-doctor-section .promo-two-col .quantum-button--primary:after {
        right: -1px;
        background-size: 34px;
    }

    .taking-tavneos-page .blue-border-top {
        margin-top: 60px;
        padding-top: 50px;
    }

    .taking-tavneos-page .right-for-me-section .light-blue-bg>.component-content {
        padding: 20px 30px;
    }

    .taking-tavneos-page .purple-border-top.capsules-section {
        margin-top: 30px;
    }

    .taking-tavneos-page .instruction-section .instruction-list>.component-content {
        gap: 10px;
    }

    .taking-tavneos-page .instruction-section .instruction-list>.component-content {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .taking-tavneos-page .instruction-section+.blue-border-top {
        margin-top: 25px;
    }

    .taking-tavneos-page .blue-border-top {
        padding-top: 30px;
    }

    .taking-tavneos-page .next-page-link-container {
        margin-top: 50px;
    }

    .taking-tavneos-page .ask-my-doctor-section .promo-two-col .component-content {
        gap: 30px;
    }
}

@media (max-width: 767px) {

    .taking-tavneos-page .ask-my-doctor-section.container,
    .taking-tavneos-page .right-for-me-section.container,
    .taking-tavneos-page .capsules-section.container,
    .taking-tavneos-page .instruction-section.container.list-arrow {
        padding-inline: 30px;
    }

    .taking-tavneos-page .next-page-link-container .component-content {
        padding-inline: 0;
    }

    .taking-tavneos-page .quantum-button--primary:after {
        width: 30px;
        background-size: 30px;
    }

    .taking-tavneos-page .ask-my-doctor-section .quantum-button--primary {
        margin-top: 20px;
    }

    .taking-tavneos-page .section-anchor .row {
        margin-left: 0;
        align-items: flex-start;
    }

    .taking-tavneos-page .container.list-arrow {
        padding-inline: 0;
    }

    .taking-tavneos-page .right-for-me-section .light-blue-bg>.component-content {
        padding: 30px 0 0;
    }

    .taking-tavneos-page .ask-my-doctor-section.container {
        padding-inline: 30px;
        padding-top: 30px;
    }

    .taking-tavneos-page .container.capsules-section {
        margin-top: 30px;
        padding-top: 30px;
    }

    .taking-tavneos-page .capsules-section .light-blue-bg .component-content {
        margin-inline: -15px;
    }

    .taking-tavneos-page .capsules-section .light-blue-bg>.component-content {
        padding: 0px 0;
    }

    .taking-tavneos-page .section-anchor h1 {
        margin-bottom: 30px;
        width: 259px;
    }

    .taking-tavneos-page .capsules-section .foot-note {
        font-size: 16px;
    }

    .taking-tavneos-page .instruction-section .instruction-list>.component-content {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        gap: 0px;
        border-bottom: 1px dotted;
        padding-top: 30px;
        padding-bottom: 10px;
    }

    .taking-tavneos-page .instruction-section .instruction-list:last-child>.component-content {
        padding-bottom: 0px;
        border-bottom: none;
        padding-top: 0;
    }

    .taking-tavneos-page .instruction-section .instruction-list:last-child>.component-content p:first-child {
        margin-bottom: 20px;
        margin-top: 20px;
    }

    .taking-tavneos-page .instruction-section+.container.list-arrow {
        padding-inline: 35px;
    }

    .taking-tavneos-page .instruction-section .section-anchor h1 {
        width: 100px;
    }

    .taking-tavneos-page .section-anchor .link .field-link a {
        background-size: 86%;
    }

    .taking-tavneos-page .ask-my-doctor-section .field-promoicon img {
        width: 316px;
    }

    .taking-tavneos-page .purplr-bg {
        padding: 64px 0;
    }

    .taking-tavneos-page .aav-section .component-content {
        padding-inline: 0;
    }
}

.taking-tavneos-page .purple-border-top.capsules-section .foot-note span {
    color: var(--primary-white-bg-green-text);
}

.taking-tavneos-page .instruction-section+.container.list-arrow a {
    color: var(--primary-white-bg-blue-text);
    text-decoration: underline;
}

@media (max-width: 991px) {
    #link-list-selected {
        display: block;
    }

    .top-spy-nav .link-list {
        height: 24px;
        position: relative;
        font-size: 10px;
        padding-inline: 0;
    }

    .top-spy-nav .link-list:before {
        content: "Jump to:";
        font-family: 'IBMPlexSans-Bold';
        color: var(--primary-color);
        padding-left: 20px;
        margin-top: 2px;
        display: inline-block;
        position: relative;
        z-index: 20;
    }

    .top-spy-nav .link-list:after {
        content: url(../images/carat-sm.svg);
        position: absolute;
        right: 39px;
        display: block;
        top: 5px;
        transform: rotate(180deg);
        z-index: 20;
    }

    .top-spy-nav .link-list ul {
        display: none;
        flex-direction: column;
        background-color: #fff;
        justify-content: center;
        padding-bottom: 20px;
        padding-top: 0;
        position: absolute;
        top: 6px;
        z-index: 9;
        width: 100%;
        height: auto;
        justify-content: center;
        align-items: center;
    }

    .top-spy-nav .link-list ul>li+li:before {
        width: 144px;
        height: 1px;
        background-color: #41E6B8;
        top: 0;
        bottom: auto;
        right: 0;
        left: 0;
    }

    .top-spy-nav .link-list ul>li+li {
        margin-top: 10px;
        padding-top: 10px;
        margin-left: 0;
        padding-left: 0;
    }

    .top-spy-nav .link-list ul>li {
        width: 196px;
        text-align: center;
    }

    .top-spy-nav {
        padding-inline: 0;
    }

    .openspy-link .link-list:after {
        transform: rotate(0);
        top: 2px;

    }

    .openspy-link .link-list ul {
        display: flex;
    }

    .openspy-link #link-list-selected {
        display: none;
    }
}

.treated-section h2 {
    text-align: center;
    font-size: clamp(1.375rem, -0.217rem + 4.2453vw, 2.5rem);
    color: var(--primary-black-color);
}

.treatment-comparable,
.treatment-superior {
    border-bottom: 1px dotted;
    padding-bottom: 35px;
    margin-bottom: 30px;
}

.treatment-comparable .promo-separator,
.treatment-superior .promo-separator {
    align-items: center;
}

.quality-section .survey-heading h2 {
    font-size: clamp(1.25rem, 0.3656rem + 2.3585vw, 1.875rem);
    text-align: center;
    color: var(--primary-black-color);
    margin: 20px 0px;
}

@media (min-width: 1500px) {
    .treated-section {
        padding-left: 80px;
    }

    .treatment-fewer-section .sub-section {
        margin-left: -10px;
    }
}

.about-anca-associated-vasculitis .severe-container p:nth-last-of-type(2) {
    padding-top: 20px;
    padding-bottom: 10px;
}

.about-anca-associated-vasculitis .polyangiitis-section .component-content {
    flex-direction: column;
}

.about-anca-associated-vasculitis .polyangiitis-section .row .component-content {
    flex-direction: column-reverse;
    gap: 0;
}

.about-anca-associated-vasculitis .goal-table th,
.about-anca-associated-vasculitis .goal-table td,
.polyangiitis-section .promo h3 {
    font-family: 'IBMPlexSans-Regular';
}

.aav-section .component-content .component>div {
    font-size: var(--base-font-size);
    line-height: var(--base-line-height);
    font-family: var(--base-font-family);
}

.about-anca-associated-vasculitis .treatment-section .promo-text .field-promotext p {
    font-size: var(--base-font-size);
    line-height: var(--base-line-height);
    font-family: 'IBMPlexSans-Regular';
    font-weight: normal;
}

.about-anca-associated-vasculitis .treatment-section .promo-text .field-promotext p b {
    font-size: var(--base-font-size);
    line-height: var(--base-line-height);
    font-family: 'IBMPlexSans-Medium';
}

@media (min-width: 769px) {

    .taking-tavneos-page .quantum-button--primary,
    .about-anca-associated-vasculitis .quantum-button--primary {
        padding: 17px 32px;
    }

    .taking-tavneos-page .quantum-button--primary:after,
    .about-anca-associated-vasculitis .quantum-button--primary:after {
        right: 18px;
        width: 35px;
        background-size: 35px;
    }

    .about-anca-associated-vasculitis .severe-container,
    .about-anca-associated-vasculitis .polyangiitis-section,
    .about-anca-associated-vasculitis .treatment-section,
    .about-anca-associated-vasculitis .treatment-section+.blue-border-top,
    .next-page-link-container .component-content,
    .aav-section>.component-content {
        padding-inline: 0;
    }

    .about-anca-associated-vasculitis .polyangiitis-section .col-lg-6:first-of-type .field-promoicon img {
        width: 754px;
        margin-top: 0px;
        margin-inline: auto;
        max-width: 100%;
    }

    .about-anca-associated-vasculitis .identifying-patients-container {
        padding-top: 50px;
    }

    .about-anca-associated-vasculitis .identifying-patients-container>.component-content .section-anchor .row {
        justify-content: center;
        position: relative;
    }

    .about-anca-associated-vasculitis .identifying-patients-container>.component-content .field-link a {
        position: absolute;
        float: right;
        right: 0;
        top: 0;
    }


    .about-anca-associated-vasculitis .polyangiitis-section .component-content .component-content p {
        margin-bottom: 23px;
    }

    .about-anca-associated-vasculitis .polyangiitis-section .row-splitter+.rich-text p {
        margin-bottom: 83px;
    }


    .about-anca-associated-vasculitis .section-anchor .row {
        padding-inline: 15px;
    }

    .about-anca-associated-vasculitis .treatment-section .section-anchor {
        margin-top: 50px;
    }

    .about-anca-associated-vasculitis .goal-wrapper {
        background: var(--bg-gradient-light-blue);
        padding-inline: 20px;
        padding-top: 15px;
        padding-bottom: 15px;
        margin-top: 50px;
    }

    .about-anca-associated-vasculitis .treatment-section .promo-text .field-promotext p {
        width: 100%;
        padding-top: 0;
    }

    .about-anca-associated-vasculitis .treatment-section .promo-text .field-promotext {
        flex: 1;
    }

    .about-anca-associated-vasculitis .treatment-section .promo-two-col {
        margin: 60px 0 40px;
    }

    .about-anca-associated-vasculitis .blue-border-top {
        margin-top: 50px;
    }

    .about-anca-associated-vasculitis .experience-section ul {
        margin-bottom: 40px;
    }

    .about-anca-associated-vasculitis .oral-treatment-section {
        margin-top: 72px;
    }

    .about-anca-associated-vasculitis .light-blue-bg.oral-treatment-section h1 {
        font-size: 40px;
    }

    .about-anca-associated-vasculitis .next-page-link-container {
        margin-top: 101px;
    }

}

@media only screen and (min-width: 768px) and (max-width: 1180px) {
    .about-anca-associated-vasculitis .polyangiitis-section .col-lg-6:last-of-type .field-promoicon img {
        /*   width: 180px;*/
    }

    .about-anca-associated-vasculitis svg#organ-group-svg-lg {
        width: 100%;
        height: auto;
    }

    .about-anca-associated-vasculitis .aav-section.purplr-bg.list-arrow h2 {
        color: var(--primary-white-color);
    }

    .about-anca-associated-vasculitis .treatment-section .field-promoicon img {
        width: 370px;
    }

    .about-anca-associated-vasculitis .treatment-section .promo-text .field-promotext {
        height: auto;
    }

    .about-anca-associated-vasculitis .section-anchor h1 {
        width: 600px !important;
    }

    .about-anca-associated-vasculitis .light-blue-bg.oral-treatment-section h1 {
        font-size: 25px;
        line-height: 30px;
    }

    .about-anca-associated-vasculitis .experience-section>.component-content>.link .field-link {
        width: 557px;
    }

    .about-anca-associated-vasculitis .quantum-button--primary:after {
        right: 6px;
        background-size: 35px;
    }

    .about-anca-associated-vasculitis .next-page-link-container,
    .about-anca-associated-vasculitis .blue-border-top,
    .about-anca-associated-vasculitis .oral-treatment-section {
        margin-top: 50px;
    }
}

@media (max-width: 768px) {

    .about-anca-associated-vasculitis .severe-container,
    .about-anca-associated-vasculitis .polyangiitis-section,
    .about-anca-associated-vasculitis .treatment-section,
    .about-anca-associated-vasculitis .treatment-section+.blue-border-top,
    .about-anca-associated-vasculitis .aav-section>.component-content,
    .about-anca-associated-vasculitis .identifying-patients-container,
    .about-anca-associated-vasculitis .experience-section.container.list-arrow,
    .about-anca-associated-vasculitis .oral-treatment-section>.component-content,
    .about-anca-associated-vasculitis .aav-section.list-arrow.purplr-bg.container-fluid,
    .about-anca-associated-vasculitis .oral-treatment-section {
        padding-inline: 35px;
    }

    .about-anca-associated-vasculitis .blue-border-top {
        margin-top: 30px;
    }

    .about-anca-associated-vasculitis .polyangiitis-section .row .promo:first-of-type h3 {
        margin-top: 30px;
    }

    .about-anca-associated-vasculitis .polyangiitis-section .col-lg-6:first-of-type .field-promoicon img {
        margin-top: 0px;
    }

    .about-anca-associated-vasculitis .polyangiitis-section .col-lg-6 .promo-two-col .component-content {
        gap: 10px;
    }

    .about-anca-associated-vasculitis .polyangiitis-section .col-lg-6:nth-child(2) ::after {
        margin-bottom: 30px;
    }

    .about-anca-associated-vasculitis .section-anchor .row {
        padding-inline: 15px;
        align-items: flex-start;
    }

    .about-anca-associated-vasculitis .section-anchor .row h1 {
        width: 250px;
        text-align: left;
    }

    .identifying-patients-container .rich-text h2 {
        text-align: left;
    }

    .about-anca-associated-vasculitis .container-fluid>.component-content {
        padding-inline: 0;
    }

    .about-anca-associated-vasculitis .identifying-patients-container {
        margin-top: 30px;
        padding-top: 50px;
    }

    .about-anca-associated-vasculitis #organ-group-svg-sm {
        display: inline-block;
        margin-inline: auto;
    }

    .about-anca-associated-vasculitis .identifying-patients-container {
        text-align: center;
    }

    .about-anca-associated-vasculitis .aav-section.purplr-bg.list-arrow h2 {
        font-size: 22px;
        line-height: 25px;
        font-family: 'IBMPlexSans-Regular';
        color: var(--primary-white-color);
    }

    .about-anca-associated-vasculitis .aav-section ul {
        margin-top: 0px;
    }

    .about-anca-associated-vasculitis .aav-section {
        margin-bottom: 30px;
    }

    .about-anca-associated-vasculitis .treatment-section .promo .field-promoicon.d-lg-none.d-md-none {
        margin-inline: -35px;
    }

    .about-anca-associated-vasculitis .treatment-section .promo-text .field-promotext p {
        width: 100%;
        padding-top: 0;
        padding-right: 0;
        padding-inline: 0px;
    }

    .about-anca-associated-vasculitis .treatment-section .footnote-sec {
        margin-top: 150px;
        margin-inline: -15px;
    }

    .about-anca-associated-vasculitis .experience-section .link .field-link {
        width: 100%;
    }

    .about-anca-associated-vasculitis .experience-section .quantum-button--primary {
        font-size: 15px;
    }

    .about-anca-associated-vasculitis .experience-section .quantum-button--primary:after {
        background-size: 30px;
    }

    .about-anca-associated-vasculitis .oral-treatment-section {
        margin-top: 30px;
    }

    .about-anca-associated-vasculitis .section-anchor .link .field-link a {
        background-size: 40px !important;
    }

    .about-anca-associated-vasculitis .treatment-section .promo-two-col {
        margin: 30px 0;
    }
}

@media (min-width: 1200px) and (max-width: 1499.98px) {
    .quantum-hero__text {
        --h1-font-size: 27px;
        --h1-line-height: 34px;
        --h2-font-size: 20px;
        --h2-line-height: 25px;
    }

    .quantum-hero .quantum-hero__button {
        margin-bottom: 20px;
        width: 265px !important;
    }

    .quantum-hero__text h2 {
        font-size: 20px;
        line-height: 25px;
    }

    .quantum-hero .quantum-button--primary {
        font-size: 16px;
        line-height: 20px;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .quantum-hero__text p {
        font-size: 14px;
        line-height: 18px;
    }



    .quantum-hero .quantum-button--primary:after {
        width: 20px;
        height: 25px;
        background-size: 100%;
        top: 50%;
        transform: translateY(-50%);
    }

    .quantum-hero__text {
        padding-top: 25px;
        padding-bottom: 25px;
    }

    .quantum-hero {
        height: 506px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .quantum-hero__text-inner {
        max-width: 480px;
    }
}



.quantum-hero__text-inner *:empty {
    display: none;
}

img[height="1"][width="1"] {
    display: none;
}

@media (min-width: 991px) {
    .home .quantum-long-form-text h1 {
        line-height: 50px;
    }

    .home .quantum-hero__text-inner {
        max-width: 767px;
    }

    .home .quantum-hero__text h2 {
        margin-top: 10px;
    }

    .home .quantum-hero .quantum-hero__button {
        width: 534px;
    }

    .home .quantum-hero__text .quantum-long-form-text p {
        font-size: 15px;
        line-height: 19px;
    }

    .home .quantum-hero__inner {
        background-position-x: 62%;
    }
}

@media (max-width: 767px) {
    .home .quantum-hero .quantum-hero__button {
        width: auto;
    }

    .quantum-long-form-text h1 {
        font-size: 20px;
        line-height: 25px;
    }

    .quantum-hero__text h2 {
        margin-top: 10px;
        font-family: 'IBMPlexSans-Regular';
    }

    .home .quantum-hero .quantum-hero__button {
        width: 200px !important;
    }
}

.home .quantum-hero--multiple-background-images {
    border-bottom: 15px solid;
    border-image: var(--bg-gradient-blue-green);
    border-image-slice: 1;
}

.home .quantum-hero__text h1+h2 {
    margin-bottom: 0;
}

.about-anca-associated-vasculitis .polyangiitis-section .promo h3 {
    font-family: 'IBMPlexSans-medium';
}


@media (min-width: 992px) {
    .about-anca-associated-vasculitis .polyangiitis-section .row .component-content {
        gap: 31px;
    }

    .about-anca-associated-vasculitis .purplr-bg {
        padding: 64px 140px 55px;
    }
}

@media (min-width: 991px) {
    .about-anca-associated-vasculitis .aav-section.purplr-bg.list-arrow h2 {
        margin-bottom: 10px;
    }

    .about-anca-associated-vasculitis .aav-section.purplr-bg.list-arrow ul {
        margin-top: 10px;
    }
}

@media (min-width: 768px) {
    .about-anca-associated-vasculitis .treatment-section .section-anchor {
        margin-top: 60px;
    }

    .about-anca-associated-vasculitis .goal-wrapper {
        padding-inline: 83px;
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .about-anca-associated-vasculitis .goal-table th {
        padding: 0 0 30px 0;
    }

    .about-anca-associated-vasculitis .goal-table td {
        padding: 30px 0 0 0;
    }

    .about-anca-associated-vasculitis .treatment-section .promo-two-col .component-content {
        gap: 43px;
    }

    .about-anca-associated-vasculitis .treatment-section+.blue-border-top {
        margin-top: 70px;
    }

    /*.about-anca-associated-vasculitis .blue-border-top {
margin-top : 80px;
}*/
    .about-anca-associated-vasculitis .light-blue-bg>.component-content {
        padding: 50px 60px;
    }
}

@media (max-width: 768px) {
    .about-anca-associated-vasculitis .polyangiitis-section .col-lg-6 .promo-two-col .component-content {
        gap: 20px;
    }

    /*
.about-anca-associated-vasculitis .polyangiitis-section .row .component-content {
gap: 20px;
}*/
    .about-anca-associated-vasculitis .aav-section.list-arrow.purplr-bg.container-fluid {
        padding: 30px 35px;
    }
}

.results-page .section-anchor .row {
    flex-wrap: nowrap;
}


@media (min-width: 992px) {
    .results-page .treatment-comparable h2 {
        margin-top: 30px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
    .treated-section .promo-two-col .component-content {
        flex-direction: column;
    }

    .treatment-comparable .promo-text .field-promotext,
    .treatment-superior {
        text-align: center;
    }

    .results-page .promo-separator p {
        margin: 25px 0px;
    }
}


@media (max-width: 1400px) {
    .results-page .field-promoicon img {
        width: 250px;
    }

    .results-page .promo-separator p {
        font-size: 25px;
    }
}


@media (max-width: 1199px) {

    .kidney-section .section-anchor h1 .d-lg-block,
    .kidney-function-heading h2 .d-lg-block {
        display: none !important;
    }
}

@media (max-width: 767px) {

    .results-page .quality-section .row,
    .results-page .kidney-section .row {
        margin-inline: unset;
    }

    .results-page .quality-section,
    .kidney-section {
        padding-inline: 30px;
    }

    .results-page .treatment-fewer-section .list-arrow,
    .results-page .treatment-fewer-section .sub-section {
        padding-left: 15px;
    }

    .results-page .quality-block .promo-two-col .component-content {
        gap: 15px;
    }
}

@media (max-width: 767px) {
    .next-page-link-container .nxtpagelnk {
        min-width: 47px;
        height: 47px;
    }
}

@media (max-width: 767px) {
    .paying-for-tavneos-page .promo-cards.steps-to-start-section .col-lg-4:first-of-type .field-promotext {
        padding-inline: 30px;
    }

    .paying-for-tavneos-page .promo-cards.steps-to-start-section .col-lg-4 .field-promotext {
        padding-inline: 41px;
    }

    .patient-stories-page .promo-team-cards {
        padding-inline: 25px;
    }
}

@media (max-width: 600px) {
    .paying-for-tavneos-page .heading-paying-tav {
        padding-inline: 36px;
    }
}

@media (max-width: 991px) {
    .top-spy-nav .link-list:before {
        color: var(--h1-font-color);
    }

    .top-spy-nav .link-list ul>li+li:before {
        background-color: #0A48CC;
    }
}

@media (min-width: 1500px) and (max-width: 1920px) {
    .safety-page .possible-side-effects-section {
        padding-right: 110px;
    }
}

.identifying-patients-container .orgen-mobile-image+.component.rich-text {
    text-align: left;
}

@media (max-width: 767px) {
    .tavneos-connect-page .promo-cards.steps-to-start-section .quantum-button--primary {
        font-family: 'IBMPlexSans-Bold';
        color: white;
        margin-inline: -15px;
    }
}

.taking-tavneos-page .blue-border-top.right-for-me-section .rich-text ul:first-of-type {
    margin-bottom: 25px;
}

.taking-tavneos-page .blue-border-top.right-for-me-section .rich-text p {
    margin-bottom: 10px;
}

.taking-tavneos-page .right-for-me-section .light-blue-bg.list-arrow .component-content {
    margin-top: 0px;
}

@media (max-width: 767px) {
    .taking-tavneos-page .ask-my-doctor-section.container {
        margin-top: 20px;
        padding-top: 0px;
    }

    .taking-tavneos-page .blue-border-top.right-for-me-section .rich-text p:first-of-type {
        margin-bottom: 0px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1180px) {
    .taking-tavneos-page .ask-my-doctor-section .promo-two-col .quantum-button--primary:after {
        right: 15px;
    }

    .taking-tavneos-page .instruction-section .instruction-list>.component-content h2 {
        width: 100%;
    }

    .taking-tavneos-page .ask-my-doctor-section .promo-two-col .field-promotext {
        height: auto;
    }

    .taking-tavneos-page .ask-my-doctor-section .promo-two-col .field-promotext {
        width: auto;
    }

    .taking-tavneos-page .ask-my-doctor-section .promo-two-col .field-promoicon img {
        max-width: 350px;
    }
}


@media (min-width: 768px) {
    .faq-page .faq-main-head h1 {
        padding-left: 0px;
    }

    .faq-page .faq-list-arrow .field-heading::before {
        left: 0px;
    }

    .faq-page .faq-list-arrow .toggle-header .field-heading {
        padding-left: 30px;
    }

    .faq-page .faq-section .component-content h2 {
        padding-left: 15px;
    }

    .faq-page .container {
        padding-right: 0px;
        padding-left: 0px;
    }
}

@media screen and (max-width: 767px) {
    .faq-page .about-anca-faq-section .faq-list-arrow ul li:first-of-type .toggle-content ul li:not(:first-child)::before {
        content: url(../images/icons/icon-bullet-dash.svg);
        top: -4px;
    }

    .faq-page .faq-section .component-content h2 {
        padding-left: 15px;
    }
}

.faq-page div#AboutTAVNEOS .component-content h2 {
    padding-left: 0px;
}

.faq-page div#AboutSupport .items>.item .toggle-content .component-content .field-content .foot-note {
    padding-left: clamp(0.63rem, calc(0.06rem + 2.8vw), 2.06rem);
    ;
}

@media (max-width: 768px) {
    .faq-page div#AboutSupport .items>.item .toggle-content .component-content .field-content .foot-note {
        padding-top: 10px;
    }
}

@media (min-width: 768px) {
    .faq-page .faq-list-arrow ul {
        padding-bottom: 20px
    }
}



@media (min-width: 768px) {
    .faq-page .faq-list-arrow .toggle-content ul {
        padding-left: 60px;
    }

    .faq-list-arrow .items>.item .toggle-content .component-content .field-content p {
        padding-left: 30px;
    }
}

.faq-page div#AboutSupport .items>.item .toggle-content .component-content .field-content .foot-note {
    padding-left: 15px;
}



.results-page .section-anchor .row {
    margin-inline: unset;
}

@media (min-width: 1500px) {
    .kidney-section {
        padding-inline: 0;
    }
}

@media (min-width: 1400px) {
    .results-page .kidney-section .kidney-function .field-promoicon img {
        padding-left: 30px;
    }
}


@media (min-width: 1200px) and (max-width: 1499.98px) {
    h1 {
        font-size: 28px !important;
        line-height: 33px !important;
    }

    h2 {
        font-size: 23px !important;
        line-height: 28px !important;
    }

    h3 {
        font-size: 20px !important;
        line-height: 25px !important;
    }

    .what-is-tavneos-page .why-section li,
    .what-is-tavneos-page p,
    .results-page .treated-section p,
    .treated-section li,

    .what-is-tavneos-page .why-section li,
    .what-is-tavneos-page p,
    .results-page .treated-section p,
    .treated-section li,
    .quality-section,
    .kidney-section,
    .possible-side-effects-section li,
    .possible-side-effects-section p,
    .patient-stories-page .right-or-wrong-section p,
    .patient-stories-page .promo-team-cards p,
    .patient-stories-page .field-promotext,
    .paying-for-tavneos-page .financial-support-section p,
    .paying-for-tavneos-page .financial-assistance-sec p {
        font-size: 18px !important;
        line-height: 23px !important;
    }

    .foot-note p {
        font-size: 14px !important;
        line-height: 19px !important;
    }

    .treated-section img {
        width: 250px;
    }
}

@media (max-width: 767px) {
    .results-page .heading-top p {
        font-family: 'IBMPlexSans-Bold';
    }

    .results-page .treated-section,
    .results-page .content-spacing {
        padding-inline: 15px;
    }
}

@media (min-width: 768px) {
    .faq-page .faq-list-arrow ul {
        padding-bottom: 0px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1180px) {
    .quantum-top-nav {
        padding: 15px 0 18px;
    }

    .quantum-header__inner {
        padding-top: 10px;
    }
}

@media only screen and (min-width: 1200) and (max-width: 1600px) {

    .quantum-drop-down-menu__menu-link,
    .quantum-drop-down-menu__link {
        text-align: center;
        padding-inline: 15px;
    }

}

@media only screen and (min-width: 1025px) and (max-width: 1299px) {
    .quantum-top-nav__link .quantum-top-nav__link-text {
        font-size: 10px;
        line-height: 15px;
        padding: 5px 0;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .quantum-top-nav__link .quantum-top-nav__link-text {
        font-size: 10px;
        line-height: 12px;
        padding: 5px 5px;
    }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .quantum-top-nav__link .quantum-top-nav__link-text {
        font-size: 12px;
        line-height: 14px;
        padding: 5px 5px;
    }
}

@media (min-width: 1400px) and (max-width: 1499.98px) {
    .quantum-top-nav__link .quantum-top-nav__link-text {
        font-size: 14px;
        line-height: 15px;
        padding: 5px 5px
    }
}

@media (min-width: 1400px) {

    .faq-page .faq-list-arrow ul>li,
    .faq-list-arrow ul ul>li,
    .faq-list-arrow ul ul ul>li {
        max-width: 1500px;
    }
}

.no-action {
    pointer-events: none;
}

.file-type-icon-media-link {
    pointer-events: none;
}

@media (min-width: 767px) {
    .polyangiitis-section .col-lg-6:last-of-type .field-promoicon img {
        max-width: 50%;
    }
}

.faq-page .faq-list-arrow .toggle-content ul:first-of-type ul {
    padding-left: 15px;
}

@media (min-width: 1200px) and (max-width: 1499.98px) {
    .patient-stories-page .patient-story-button {
        width: 680px;
    }

    .patient-stories-page .patient-story-button a {
        font-size: 18px;
        line-height: 23px;
    }

    .faq-page .faq-list-arrow .field-heading p {
        font-size: 20px !important;
        line-height: 25px !important;
    }

    .faq-page .faq-list-arrow .toggle-header .field-heading {
        padding-bottom: 10px !important;
    }

    .faq-page .faq-list-arrow ul>li {
        font-size: 18px;
        line-height: 23px;
    }

    .faq-page .faq-section .toggle-content .quantum-button--primary {
        margin-bottom: 35px;
        margin-top: 35px;
    }

    .paying-for-tavneos-page .query-section p {
        font-size: 18px;
        line-height: 23px;
    }

    .next-page-link-container a.nxtpagelnk {
        height: 50px;
        background-size: 50px;
    }

    .downloadable-page .downloadable_resources-container .quantum-cta__copy,
    .taking-tavneos-page .ask-my-doctor-section .field-promotext li {
        font-size: 18px;
        line-height: 23px;
    }

    .taking-tavneos-page .ask-my-doctor-section .quantum-button--primary {
        max-width: 680px;
        font-size: 18px;
        line-height: 23px;
    }

    .taking-tavneos-page .right-for-me-section p,
    .instruction-section,
    .list-arrow li,
    .tavneos-connect-page .help-to-start-section,
    .tavneos-connect-page .three-steps-section,
    .tavneos-connect-page .steps-to-start-section,
    .tavneos-connect-page .tavneos-connect-section {
        font-size: 18px !important;
        line-height: 23px !important;
    }

    .taking-tavneos-page .ask-my-doctor-section h1:first-child {
        margin-bottom: 35px;
    }

    .taking-tavneos-page .blue-border-top {
        margin-top: 70px;
        padding-top: 50px;
    }

    .tavneos-connect-page .help-to-start-section .quantum-button--primary {
        width: 250px;
    }

    .about-anca-associated-vasculitis .treatment-section .field-promotext p b,
    .about-anca-associated-vasculitis .treatment-section .field-promotext p,
    .about-anca-associated-vasculitis #HowtoTreat,
    .about-anca-associated-vasculitis .severe-container,
    .about-anca-associated-vasculitis .polyangiitis-section,
    .about-anca-associated-vasculitis .purplr-bg,
    .about-anca-associated-vasculitis .treatment-section th,
    .about-anca-associated-vasculitis .treatment-section td,
    .about-anca-associated-vasculitis .experience-section p,
    .about-anca-associated-vasculitis .oral-treatment-section {
        font-size: 18px !important;
        line-height: 23px !important;
    }

    .about-anca-associated-vasculitis .experience-section .quantum-button--primary {
        max-width: 650px;
        margin-top: 30px;
        font-size: 18px;
        line-height: 23px;
    }

    .about-anca-associated-vasculitis .oral-treatment-section {
        margin-top: 50px;
    }

    .about-anca-associated-vasculitis .next-page-link-container {
        margin-top: 80px;
    }

    .taking-tavneos-page .ask-my-doctor-section img {
        height: 400px;
    }

    .taking-tavneos-page .ask-my-doctor-section .promo-two-col .field-promotext {
        height: 400px;
    }
}


@media (max-width: 767px) {

    .results-page .treated-section,
    .results-page .content-spacing {
        padding-inline: 30px;
    }

    .results-page .heading-top p {
        padding-left: 15px;
    }

    .results-page .treatment-comparable p:has(b),
    .results-page .treatment-superior p:has(b) {
        padding-left: 30px;
    }
}

@media (max-width: 767px) {
    .patient-stories-page .patient-story-tabs .promo-team-cards .component-content {
        gap: 20px !important;
    }

    .patient-stories-page .promo-content-wrapper {
        padding: 20px 0px;
    }

    .patient-stories-page .patient-story-tabs .promo-team-cards .promo-content-wrapper {
        gap: 20px;
    }

    .patient-stories-page .patient-story-button {
        margin-top: 10px;
    }

    .patient-stories-page .promo-team-cards .field-promotext h2 {
        margin-bottom: 0px;
    }
}

@media (min-width: 992px) {
    .about-anca-associated-vasculitis .experience-section.blue-border-top {
        margin-top: 80px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1180px) {
    .about-anca-associated-vasculitis .treatment-section .promo-text .field-promotext {
        height: auto;
        flex: 1;
    }

    .about-anca-associated-vasculitis .treatment-section .footnote-sec {
        margin-top: 50px;
    }
}

@media (min-width: 992px) {

    .about-anca-associated-vasculitis .treatment-section+.spy-scrolled .component.rich-text>.component-content,
    .about-anca-associated-vasculitis .experience-section .component.rich-text>.component-content {
        max-width: 1514px;
    }
}

@media (min-width: 1500px) {
    .results-page .treated-section {
        padding-inline: 0px;
        max-width: 1420px;
        padding-bottom: 0px;
    }

    .results-page .special-footnote span {
        min-width: 6px;
    }

    .results-page .quality-block {
        max-width: 1420px;
    }
}

@media (min-width: 768px) {

    .results-page .quality-section .quality-content,
    .results-page .quality-section .survey-heading,
    .results-page .kidney-section .glucocorticoids-section,
    .results-page .kidney-section .kidney-function {
        padding-right: 50px;
    }
}

@media (min-width: 992px) {
    .about-anca-associated-vasculitis .polyangiitis-section .col-lg-6:nth-child(2) {
        padding-left: 40px;
    }

    .about-anca-associated-vasculitis .identifying-patients-container>.component-content {
        padding-inline: 0;
    }

    .about-anca-associated-vasculitis .severe-container.content-spacing {
        margin-top: 30px;
    }
}

@media (max-width: 768px) {
    .about-anca-associated-vasculitis .section-anchor .link .field-link a {
        width: 27px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1180px) {
    .about-anca-associated-vasculitis .section-anchor .link .field-link a {
        width: 27px;
        background-size: 40px;
    }
}

@media (max-width: 768px) {
    .polyangiitis-section .col-lg-6:last-of-type .field-promoicon img {
        padding-top: 20px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1180px) {
    .about-anca-associated-vasculitis .polyangiitis-section .row .promo h3 {
        margin-top: 0px;
    }

    .about-anca-associated-vasculitis .polyangiitis-section .col-lg-6:nth-child(2) {
        padding-left: 15px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1180px) {
    .about-anca-associated-vasculitis .treatment-section+.blue-border-top {
        margin-top: 50px;
    }
}

.open-indication .quantum-top-nav .quantum-drop-down-menu__list-item .link_indication .quantum-top-nav__link-text {
    color: white;
}

@media (min-width: 768px) {

    .what-is-tavneos-page .oral-treatment,
    .what-is-tavneos-page .why-section {
        padding-inline: 0;
    }
}

@media (min-width: 1200px) and (max-width: 1499.98px) {
    .faq-list-arrow .field-heading::before {
        top: 6px;
    }

    .results-page .kidney-section .section-anchor h1 br {
        display: none !important;
    }

    .next-page-link-container .promo-text {
        height: 185px;
    }
}

@media (max-width: 991px) {
    #link-list-selected {
        color: var(--h1-font-color);
    }

    .top-spy-nav .link-list,
    .top-spy-nav .field-link {
        background-color: #f8f8f8 !important;
    }

    .top-spy-nav {
        background-color: #f8f8f8;
    }

    .top-spy-nav .link-list ul {
        background-color: #f8f8f8;
        top: 3px;
    }

    .top-spy-nav>.component-content {
        max-width: 100%;
    }

    .top-spy-nav .component-content {
        padding-inline: 0px;
    }
}

@media (min-width: 992px) {
    .top-spy-nav .field-link {
        font-family: 'IBMPlexSans-SemiBold';
    }
}

@media (max-width: 991px) {
    .top-spy-nav .field-link {
        font-family: 'IBMPlexSans-Regular';
    }

    #link-list-selected {
        font-family: 'IBMPlexSans-Medium';
    }
}

@media (min-width: 768px) {
    .tavneos-connect-page .three-steps-section .field-promotext h2 {
        margin-bottom: 15px;
    }
}

@media (max-width: 767px) {
    .downloadable_resources-container {
        margin-top: 15px;
    }

    #Modal_Site_Leave .quantum-modal__dialog h1 {
        --h1-font-size: 16px;
        --h1-line-height: 20px;
    }
}

@media (max-width: 768px) {
    .identifying-patients-container .rich-text h3 {
        text-align: left;
    }
}

.treatment-comparable,
.treatment-superior {
    border-bottom-color: #6D6D6D;
}

.top-spy-nav .link-list ul a {
    font-size: clamp(0.625rem, -0.029rem + 1.3643vw, 1.25rem);
    line-height: clamp(0.8125rem, -0.1031rem + 1.91vw, 1.6875rem);
}

.faq-page .section-anchor .row {
    flex-wrap: nowrap;
}

@media (min-width: 1200px) and (max-width: 1499.98px) {
    .top-spy-nav .link-list ul a {
        font-size: 15px;
        line-height: 20px;
    }
}


@media (max-width: 767px) {
    .results-page .treatment-fewer-section .sub-section p:nth-child(3) {
        margin-top: 10px;
    }

    .safety-page .blue-text-mobile {
        color: var(--primary-white-bg-blue-text);
        white-space: nowrap !important;
    }

    .paying-for-tavneos-page .steps-to-start-section .mobile-footnote .component-content .special-footnote:nth-child(2) {
        margin: 10px 0px;
    }

    .quantum-indications .quantum-button {
        width: 20px;
        height: 20px;
        background-size: 7px;
    }
}

@media (max-width: 450px) {
    .quantum-hero .quantum-hero__text {
        padding-inline: 30px;
    }
}

@media (min-width: 991px) {
    .downloadable-page .downloadable_resources-container h1 {
        margin-top: 30px;
    }
}

@media (max-width: 767px) {
    .downloadable-page .downloadable_resources-container {
        margin-top: 20px;
    }
}

@media (max-width: 767px) {
    .about-anca-associated-vasculitis .file-type-icon-media-link.organs-image {
        display: none;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1180px) {
    .about-anca-associated-vasculitis .file-type-icon-media-link.organs-image img {
        max-width: 100%;
        height: auto;
    }

    .about-anca-associated-vasculitis .orgen-mobile-image {
        display: none;
    }
}

.about-anca-associated-vasculitis .identifying-patients-container .special-footnote span {
    min-width: auto;
}

@media (min-width: 992px) {
    .patient-stories-page .promo-team-cards .field-promoicon2 img {
        display: none;
    }
}

@media (max-width: 991.99px) {
    .patient-stories-page .promo-team-cards .field-promoicon img {
        display: none;
    }
}

@media (max-width: 767px) {
    .patient-stories-page .promo-team-cards .field-promoicon2 img {
        width: 100%;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1024px) {
    .patient-stories-page .promo-team-cards .field-promoicon img {
        max-width: 100%;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .patient-stories-page .promo-content-wrapper h3 {
        font-size: 20px;
        line-height: 25px;
    }

    .patient-stories-page .promo-content-wrapper p {
        font-size: 18px;
        line-height: 22px;
        margin-left: 10px;
    }

    .patient-stories-page .promo-team-cards {
        padding-inline: 0;
    }
}

@media (max-width: 767px) {
    .results-page .section-anchor .row {
        align-items: flex-start;
    }
}


.signup-page .contact-form-section {
    margin-bottom: 0px;
    padding-bottom: 0px;
}

@media (max-width: 767px) {
    .signup-page .form-group {
        margin-bottom: 20px;
    }

    .signup-page .patient-form-submit {
        flex-grow: unset;
        height: 50px;
    }

    .signup-page .contact-form-section h2 {
        font-family: var(--h1-font-family);
        font-size: 18px;
        text-align: start;
    }

    .signup-page .content-spacing {
        padding: 0px 57px 0px 36px;
    }

    .signup-page .contact-form-section .quantum-button--primary:after {
        background-size: 28px;
        right: 0px
    }

    .signup-page .contact-form-section {
        margin-top: 20px;
    }

    .signup-page .quantum-isi-tray__inner {
        margin-top: 0px;
    }
}

@media (min-width: 768px) {
    .signup-page .contact-form-section .button__container {
        margin-bottom: 0px;
    }
}

@media (min-width: 991px) {

    .quantum-top-nav .quantum-drop-down-menu__list-item:nth-child(2),
    .quantum-top-nav .quantum-drop-down-menu__list-item:nth-child(3),
    .quantum-top-nav .quantum-drop-down-menu__list-item:nth-child(5) {
        text-transform: math-auto;
    }

    .top-spy-nav .link-list ul>li+li {
        margin-left: 20px;
        padding-left: 20px;
    }

    .next-page-link-container .promo-text {
        gap: 48px;
    }

    .demo-shell__fixed-bottom {
        padding-top: 30px;
    }
}

.footer_region-text {
    display: none;
}

.quantum-hero__text-inner h1 {
    font-family: "Poppins-Bold";
}

.quantum-drop-down-menu__menu .quantum-drop-down-menu__menu-link {
    font-size: clamp(1rem, 0.8849rem + 0.2401vw, 1.125rem);
    line-height: 20px;
}

.steps-to-start-section .quantum-button--primary:after {
    display: block;
    right: 12px;
}

@media only screen and (min-width: 1396px) and (max-width: 1536px) {
    .what-is-tavneos-page .show-desktop img {
        height: 485px;
        max-height: 100%;
    }
}

@media (min-width: 1200px) and (max-width: 1499px) {
    .what-is-tavneos-page .show-desktop img {
        height: 327px;
        max-height: 100%;
        width: 483px;
        max-width: 100%;
    }

    .quantum-drop-down-menu__menu .quantum-drop-down-menu__menu-link {
        font-size: 14px;
        line-height: 15px;
    }

    .quantum-isi-tray__content-preview.quantum-long-form-text {
        padding-inline: 90px;
    }

    h1 {
        font-size: 37px !important;
        line-height: 1.2 !important;
    }

    .foot-note .special-footnote p {
        font-size: 14px !important;
        line-height: 20px !important;
    }

    .taking-tavneos-page .blue-border-top.right-for-me-section p:last-of-type,
    .taking-tavneos-page .instruction-section .instruction-list:last-of-type>.component-content p {
        font-size: 23px !important;
    }

    .taking-tavneos-page .instruction-section+.blue-border-top .component-content p {
        font-size: 18px !important;
        line-height: 23px !important;
    }

    .next-page-link-container h3 {
        font-size: 27px !important;
        line-height: 35px !important;
    }

    .tavneos-connect-page .promo-cards.steps-to-start-section .quantum-button--primary {
        font-size: 20px;
    }

    .tavneos-connect-page .promo-cards.steps-to-start-section .field-promolink {
        padding-inline: 10px;
    }
}

@media (min-width: 768px) {
    .taking-tavneos-page #fullIsi .isi-desktop h1 {
        margin-bottom: 0px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1180px) {
    .tavneos-connect-page .promo-cards.steps-to-start-section .quantum-button--primary {
        text-align: left;
    }
}

.faq-page .color-pink {
    color: var(--primary-black-color) !important;
}

.signup-page .quantum-top-nav .quantum-drop-down-menu__list-item:nth-of-type(5) .quantum-top-nav__link {
    color: var(--quantum-top-nav-link-hover-color);
}

.sign-up-page .form-group #zip {
    max-width: 190px;
}

@media (max-width: 767px) {
    .dob-month {
        min-width: 115px !important;
    }
}

.signup-page .demo-shell__takeover .quantum-isi-tray:before {
    content: "";
    display: block;
    height: 15px;
    width: 100%;
    background: var(--bg-gradient-blue-green);
}

@media (max-width: 767px) {
    .signup-page .demo-shell__takeover .quantum-isi-tray:before {
        height: 10px;
        margin-bottom: 30px;
    }

    .quantum-top-nav .quantum-drop-down-menu__list {
        gap: 18px;
    }

    .what-is-tavneos-page .quantum-drop-down-menu__list-item:nth-of-type(4) .quantum-drop-down-menu__menu .quantum-drop-down-menu__menu-list-item:first-of-type .quantum-drop-down-menu__menu-link,
    .results-page .quantum-drop-down-menu__list-item:nth-of-type(4) .quantum-drop-down-menu__menu .quantum-drop-down-menu__menu-list-item:nth-of-type(2) .quantum-drop-down-menu__menu-link,
    .taking-tavneos-page .quantum-drop-down-menu__list-item:nth-of-type(4) .quantum-drop-down-menu__menu .quantum-drop-down-menu__menu-list-item:nth-of-type(3) .quantum-drop-down-menu__menu-link,
    .safety-page .quantum-drop-down-menu__list-item:nth-of-type(4) .quantum-drop-down-menu__menu .quantum-drop-down-menu__menu-list-item:nth-of-type(4) .quantum-drop-down-menu__menu-link,
    .tavneos-connect-page .quantum-drop-down-menu__list-item:nth-of-type(6) .quantum-drop-down-menu__menu .quantum-drop-down-menu__menu-list-item:first-of-type .quantum-drop-down-menu__menu-link,
    .paying-for-tavneos-page .quantum-drop-down-menu__list-item:nth-of-type(6) .quantum-drop-down-menu__menu .quantum-drop-down-menu__menu-list-item:nth-of-type(2) .quantum-drop-down-menu__menu-link,
    .downloadable-page .quantum-drop-down-menu__list-item:nth-of-type(7) .quantum-drop-down-menu__menu .quantum-drop-down-menu__menu-list-item:first-of-type .quantum-drop-down-menu__menu-link,
    .faq-page .quantum-drop-down-menu__list-item:nth-of-type(7) .quantum-drop-down-menu__menu .quantum-drop-down-menu__menu-list-item:nth-of-type(2) .quantum-drop-down-menu__menu-link,
    .patient-stories-page.active-tab-0 .quantum-drop-down-menu__list-item:nth-of-type(5) .quantum-drop-down-menu__menu .quantum-drop-down-menu__menu-list-item:first-of-type .quantum-drop-down-menu__menu-link,
    .patient-stories-page.active-tab-1 .quantum-drop-down-menu__list-item:nth-of-type(5) .quantum-drop-down-menu__menu .quantum-drop-down-menu__menu-list-item:nth-of-type(2) .quantum-drop-down-menu__menu-link,
    .patient-stories-page.active-tab-2 .quantum-drop-down-menu__list-item:nth-of-type(5) .quantum-drop-down-menu__menu .quantum-drop-down-menu__menu-list-item:nth-of-type(3) .quantum-drop-down-menu__menu-link {
        color: var(--primary-green-color);
    }

    .quantum-isi-tray__content h2+ul+p {
        margin-bottom: 5px;
    }

    .quantum-isi-tray__content h2+ul+p+ul {
        margin-top: 10px;
    }

    .about-anca-associated-vasculitis .identifying-patients-container .rich-text h2 {
        font-size: 16px;
        line-height: 20px;
    }

    .about-anca-associated-vasculitis .identifying-patients-container .rich-text h3 {
        font-family: 'IBMPlexSans-Regular';
    }

    .what-is-tavneos-page .show-mobile img {
        height: auto;
    }

    .results-page .treatment-comparable .row,
    .treatment-superior .row {
        margin: 20px 0px;
    }

    .results-page .promo-two-col .component-content {
        gap: 15px;
    }

    .foot-note {
        font-size: 16px;
        line-height: 20px;
    }

    .results-page .treatment-fewer-section .field-promotext .color-blue b {
        font-size: 20px;
        line-height: 27px;
    }

    .taking-tavneos-page .top-spy-nav .link-list ul {
        padding-bottom: 5px;
    }

    .taking-tavneos-page .right-for-me-section .light-blue-bg.list-arrow>.component-content {
        background: var(--bg-gradient-light-blue);
        padding: 0px 18px 1px;
        margin-top: 20px;
    }

    .signup-page .contact-form-section {
        padding-top: 20px;
    }

    .signup-page .form-group.mt-3,
    .signup-page .form-group.mt-3+.custom-control,
    .grecaptcha-badge {
        display: none !important;
    }

    #Modal_Registration_Success h1,
    #Modal_Site_Leave h1 {
        text-align: center;
    }

    #Modal_Registration_Success .quantum-modal__dialog>div:nth-child(2) {
        margin-top: 0px;
    }

    #Modal_Registration_Success .modal-actions {
        max-width: 160px !important;
    }

    #Modal_Registration_Success .modal-actions .quantum-button--primary {
        padding: 12px 10px !important;
    }

    .quantum-modal .quantum-button--primary:after {
        right: 0px;
        background-size: 25px;
    }
}

.about-anca-associated-vasculitis .file-type-icon-media-link.organs-image img {
    max-width: 100%;
    height: auto;
}

@media (min-width: 1400px) and (max-width: 1600px) {

    .demo-shell__fixed-bottom h1,
    .quantum-isi-tray h1 {
        --h1-font-size: 25px;
        --h1-line-height: 1.0;
    }

    .quantum-isi-tray .isi-desktop div {
        font-size: 21px;
        line-height: 1.3;
    }

    .quantum-isi-tray h1 span {
        font-size: 23px;
        line-height: 1.0;
    }
}

.toggle-header .field-heading {
    cursor: pointer;
}



.pop-overlay {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, .2);
    z-index: 9999999;
}

.organ-popup {
    z-index: 99999991;
}

@media (max-width: 991px) {

    .faq-page .anca-vasculitis li:nth-child(2),
    .faq-page .anca-vasculitis li:nth-child(3),
    .faq-page .anca-vasculitis li:nth-child(4),
    .faq-page .anca-vasculitis li:nth-child(5) {
        margin-left: 17px;
    }
}

/*added by niharika*/


@media (max-width: 767px) {
    .faq-page .faq-section .component-content h2 {
        padding-left: 30px !important;
    }

    .about-anca-faq-section,
    #AboutSupport {
        padding-left: 30px;
        padding-right: 30px;
    }

    .faq-list-arrow .toggle-content ul {
        padding-left: 57px !important;
    }

    .faq-page div#AboutTAVNEOS .component-content h2 {
        padding-left: 5px !important;
    }
}

@media (max-width: 991px) {
    .top-spy-nav .link-list:before {
        padding-left: 30px;
    }
}

/*end added by niharika*/

.patient-story-button a:hover {
    color: var(--primary-white-color) !important;
    --bg-gradient-blue-green: linear-gradient(90deg, #0A48CC 40%, #00A3AD 100%);
}

.patient-stories-page .promo-team-cards .field-promoicon img {
    height: auto;
}

/*nidhi*/
@media (min-width: 992px) {
    .top-spy-nav .link-list a.active {
        color: var(--primary-blue-color);
    }

    .top-spy-nav .link-list ul a:hover {
        color: var(--primary-blue-color);
    }
}

.next-page-link-container:hover a.nxtpagelnk {
    transform: scale(1.1);
}

/*nidhi*/

/*divya*/
.patient-stories-page .patient-story-button a:hover {
    --bg-gradient-blue-green: linear-gradient(90deg, #0A48CC 35%, #00A3AD 100%);
}


/*divya*/
@media (min-width: 992px) {
    .patient-stories-page .column-splitter>.promo-wrap {
        padding-right: 0;
    }
}


.patient-stories-page .promo-team-cards-head .field-promoicon img {
    width: 100%;
}



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

    .what-is-tavneos-page .quantum-drop-down-menu__list-item:nth-of-type(4) .quantum-drop-down-menu__menu .quantum-drop-down-menu__menu-list-item:first-of-type .quantum-drop-down-menu__menu-link,
    .results-page .quantum-drop-down-menu__list-item:nth-of-type(4) .quantum-drop-down-menu__menu .quantum-drop-down-menu__menu-list-item:nth-of-type(2) .quantum-drop-down-menu__menu-link,
    .taking-tavneos-page .quantum-drop-down-menu__list-item:nth-of-type(4) .quantum-drop-down-menu__menu .quantum-drop-down-menu__menu-list-item:nth-of-type(3) .quantum-drop-down-menu__menu-link,
    .safety-page .quantum-drop-down-menu__list-item:nth-of-type(4) .quantum-drop-down-menu__menu .quantum-drop-down-menu__menu-list-item:nth-of-type(4) .quantum-drop-down-menu__menu-link,
    .tavneos-connect-page .quantum-drop-down-menu__list-item:nth-of-type(6) .quantum-drop-down-menu__menu .quantum-drop-down-menu__menu-list-item:first-of-type .quantum-drop-down-menu__menu-link,
    .paying-for-tavneos-page .quantum-drop-down-menu__list-item:nth-of-type(6) .quantum-drop-down-menu__menu .quantum-drop-down-menu__menu-list-item:nth-of-type(2) .quantum-drop-down-menu__menu-link,
    .downloadable-page .quantum-drop-down-menu__list-item:nth-of-type(7) .quantum-drop-down-menu__menu .quantum-drop-down-menu__menu-list-item:first-of-type .quantum-drop-down-menu__menu-link,
    .faq-page .quantum-drop-down-menu__list-item:nth-of-type(7) .quantum-drop-down-menu__menu .quantum-drop-down-menu__menu-list-item:nth-of-type(2) .quantum-drop-down-menu__menu-link,
    .patient-stories-page.active-tab-0 .quantum-drop-down-menu__list-item:nth-of-type(5) .quantum-drop-down-menu__menu .quantum-drop-down-menu__menu-list-item:first-of-type .quantum-drop-down-menu__menu-link,
    .patient-stories-page.active-tab-1 .quantum-drop-down-menu__list-item:nth-of-type(5) .quantum-drop-down-menu__menu .quantum-drop-down-menu__menu-list-item:nth-of-type(2) .quantum-drop-down-menu__menu-link,
    .patient-stories-page.active-tab-2 .quantum-drop-down-menu__list-item:nth-of-type(5) .quantum-drop-down-menu__menu .quantum-drop-down-menu__menu-list-item:nth-of-type(3) .quantum-drop-down-menu__menu-link {
        color: var(--primary-green-color);
    }

    .quantum-drop-down-menu__link-text br,
    .quantum-drop-down-menu__menu-list-item br {
        display: none;
    }
}

.organs-image #organ-group-svg-lg {
    max-width: 100%;
    height: auto;
}

@media (min-width: 1200px) and (max-width: 1499px) {
    .organs-image #organ-group-svg-lg {
        max-width: 75%;
    }
}

@media (max-width: 767px) {

    .downloadable-page .component.container.top-spy-nav,
    .tavneos-connect-page .component.container.top-spy-nav {
        padding-inline: 0;
    }
}

path#Path_23260 {
    fill: #4A3A71;
}

#organ-group-svg-lg circle[id*="Ellipse_"] {
    transition: all ease .2s;
}

.lightup-circle {
    r: 8;
    filter: url(#glow);
}

[data-hovered="icon-eye"] #Ellipse_36,
[data-hovered="icon-ears"] #Ellipse_37,
[data-hovered="icon-nose"] #Ellipse_35,
[data-hovered="icon-lungs"] #Ellipse_37-2,
[data-hovered="icon-digestive-system"] #Ellipse_36-2,
[data-hovered="icon-heart"] #Ellipse_35-2,
[data-hovered="icon-kidneys"] #Ellipse_36-3,
[data-hovered="icon-skin"] #Ellipse_37-3 {
    r: 8px;
    filter: url(#glow);
}

@media (min-width: 1200px) {

    .link_start_patient_now .quantum-drop-down-menu__link-text:after {
        width: 31px;
        height: 22px;
        background-size: 29px 20px;
        margin-bottom: -12px;
        padding-top: 41px;
    }
}

@media (min-width: 1500px) {
    .link_start_patient_now .quantum-drop-down-menu__link-text:after {
        padding-top: 62px;
    }
}

@media (min-width: 1600px) {
    .link_start_patient_now .quantum-drop-down-menu__link-text:after {
        padding-top: 59px;
    }
}

.quantum-hero__text-inner h1 {
    font-family: "Poppins-Regular";
}

.quantum-hero__text-inner h1 b {
    font-family: "Poppins-Bold";
}

@media (min-width: 991px) {
    .paying-for-tavneos-page .light-blue-bg.query-section p {
        padding-top: 0px;
    }

    .downloadable-page .downloadable_resources-container.resource-section h1 {
        margin-top: 0px;
    }
}

@media (min-width: 1200px) and (max-width: 1499.98px) {
    .about-anca-associated-vasculitis .aav-section.purplr-bg {
        padding-inline: 0;
    }

    .about-anca-associated-vasculitis .aav-section.purplr-bg h2 {
        font-size: 27px !important;
        line-height: 31px !important;
        font-weight: normal;
    }

    .about-anca-associated-vasculitis .aav-section.purplr-bg>.component-content {
        max-width: 1140px;
    }

    .taking-tavneos-page .blue-border-top.right-for-me-section .component-content>.rich-text p,
    .taking-tavneos-page .instruction-section>.component-content .instruction-list:last-of-type p:last-of-type {
        font-size: 18px !important;
        line-height: 23px !important;
    }

    .tavneos-connect-page .footnote-sec .special-footnote p {
        margin-bottom: 0 !important;
    }

    .paying-for-tavneos-page .light-blue-bg.query-section p {
        font-size: 20px;
        line-height: 24px;
    }

    .paying-for-tavneos-page .light-blue-bg.query-section>.component-content {
        margin-inline: 15px;
    }
}


@media (max-width: 1199.98px) {
    .quantum-top-nav {
        border-bottom: none;
        background: url(../images/mobile-purplr-bg-1.png);
        background-size: cover;
    }

    .quantum-header.sticky-header.quantum-container--white {
        background: url(../images/mobile-purplr-bg-2.png);
        background-size: cover;
    }
}

@media (min-width: 1200px) and (max-width: 1499.98px) {
    .quantum-isi-tray .isi-desktop div {
        font-size: 16px;
        line-height: 1.3;
    }
}

@media (min-width: 1500px) and (max-width: 1700px) {
    .quantum-isi-tray .isi-desktop h1 {
        font-size: 23px;
        line-height: 1.3;
    }

    .quantum-isi-tray .isi-desktop span {
        font-size: 22px;
        line-height: 1.3;
    }

    .quantum-isi-tray .isi-desktop div {
        font-size: 21px;
        line-height: 1.3;
    }
}

@media (min-width: 992px) and (max-width: 1200px) {
    .quantum-isi-tray .isi-desktop h1 {
        line-height: 1.3;
    }
}

/* nidhi css */
@media (max-width: 991px) {
    .demo-shell__fixed-bottom {
        padding-top: 25px;
    }

    .demo-shell__takeover .quantum-isi-tray__inner {
        margin: 20px 0px;
    }
}

@media (max-width: 767px) {
    .what-is-tavneos-page .next-page-link-container {
        margin-bottom: 45px;
    }

    .results-page .content-spacing h2 {
        font-size: 20px;
    }

    .results-page .treatment-fewer-section .field-promotext .color-blue b {
        font-size: 16px;
        line-height: 20px;
    }

    .results-page .quality-section .quality-block .field-promotext p b {
        font-size: 20px;
        line-height: 27px;
    }

    .results-page .kidney-section h2,
    .results-page .quality-section h2 {
        font-size: 20px;
    }

    .taking-tavneos-page .ask-my-doctor-section .field-promotext h2,
    .safety-page .possible-side-effects-section h2,
    .faq-list-arrow .toggle-header .field-heading {
        font-size: 20px;
    }
}

@media (min-width: 769px) {
    .tavneos-connect-page .footnote-sec .special-footnote p{
        margin-bottom: 0px !important;
    }
}
@media (min-width: 1200px) and (max-width: 1499.98px){
    .home .quantum-hero__text-inner {
        max-width: 635px;
    }
}
.downloadable-page .EmailForm{
    display: none;
}



.organ-inline-aligned {
    display: flex;
    width: 100%;
}
.organ-inline-aligned img{max-width: 100%;height: auto;width: 100%;}
.organ-inline-aligned >span{
    padding: 0.4rem;
    text-align: center;
    flex-basis: 25%;
    min-width:25%;
}

@media(max-width: 767px){
    .organ-inline-aligned{
        flex-wrap: wrap;
        margin-top: 10px;
        margin-bottom: 10px;
    }
    .organ-inline-aligned >span{
        flex-basis: 50%;
        min-width:50%;
        padding: 0.8rem;
    }
}
.organ-inline-aligned:after{
    display: none;
}

.about-anca-associated-vasculitis .polyangiitis-section .promo-two-col .field-promoicon{
    display: none !important;
}

@media (max-width: 767px) {
    .safety-page .list-arrow.possible-side-effects-section {
        padding-inline: 35px;
    }
}
.page-not-found .main-wrapper{
    padding-top: 50px;
    padding-bottom: 20px;
}
@media (max-width: 767px) {
  .page-not-found .main-wrapper{
      padding-top: 30px;
      padding-bottom: 20px;
      padding-inline: 30px;
  }
}