/* global START */

* {
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
}

@font-face {
    font-family: "Roboto";
    src: url(../../css/fonts/Roboto-Regular.ttf) format("truetype");
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: "Roboto-Black";
    src: url(../../css/fonts/Roboto-Black.ttf) format("truetype");
    font-style: normal;
}

@font-face {
    font-family: "Roboto-Bold";
    src: url(../../css/fonts/Roboto-Bold.ttf) format("truetype");
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: "Roboto-BoldItalic";
    src: url(../../css/fonts/Roboto-BoldItalic.ttf) format("truetype");
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: "Roboto-Medium";
    src: url(../../css/fonts/Roboto-Medium.ttf) format("truetype");
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: "Gotham-Book";
    src: url(../../css/fonts/Gotham-Book.otf) format("truetype");
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: "cooperHewittBold";
    src: url(../../../Fonts/CooperHewitt-Bold.otf) format("truetype");
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "cooperHewittBook";
    src: url(../../../Fonts/CooperHewitt-Book.otf) format("truetype");
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "cooperHewittBookItalic";
    src: url(../../../Fonts/CooperHewitt-BookItalic.otf) format("truetype");
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "cooperHewittSemiBold";
    src: url(../../../Fonts/CooperHewitt-Semibold.otf) format("truetype");
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "cooperHewittSemiboldItalic";
    src: url(../../../Fonts/CooperHewitt-SemiboldItalic.otf) format("truetype");
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "museoSans500Italic";
    src: url(../../../Fonts/MuseoSans-500Italic.otf) format("truetype");
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "MuseoSans900";
    src: url(../../../Fonts/MuseoSans-900.otf) format("truetype");
    font-style: normal;
    font-display: swap;
}


.font-cooperHewittBold {
    font-family: "cooperHewittBold", sans-serif !important;
}

.font-cooperHewittBook {
    font-family: "cooperHewittBook", sans-serif !important;
}

.font-cooperHewittBookItalic {
    font-family: "cooperHewittBookItalic", sans-serif !important;
}

.font-cooperHewittSemiBold {
    font-family: "cooperHewittSemiBold", sans-serif !important;
}

.font-cooperHewittSemiboldItalic {
    font-family: "cooperHewittSemiboldItalic", sans-serif !important;
}

.font-museoSans500Italic {
    font-family: "museoSans500Italic", sans-serif !important;
}

.font-MuseoSans900 {
    font-family: "MuseoSans900", sans-serif !important;
}

body {
    box-sizing: border-box;
    font-family: "Roboto", sans-serif;
    line-height: 1.5;
    color: #000000;
    font-size: 18px;
    overflow: auto;
}

.white-fg {
    color: #ffffff;
}

.black-fg {
    color: #000000;
}

.blue-fg {
    color: #2299d6;
}

.primary-fg {
    color: #0b394f;
}

.text-underline {
    text-decoration: underline;
}

.gray-fg {
    color: #636262;
}

.blue-txt,
.blue-txt:hover {
    color: #deeff9;
}

.sky-txt {
    color: #239ad7;
}

.Roboto-Medium {
    font-family: "Roboto-Medium";
    font-weight: 500;
}

.Roboto-Bold {
    font-family: "Roboto-Bold";
    font-weight: bold;
}

.Roboto-Black {
    font-family: "Roboto-Black";
    font-weight: bold;
}


.primary-bg,
.primary-bg:not(.elaprase-roundblock):hover,
.primary-bg:not(.elaprase-roundblock):focus {
    background-color: #0b394f;
    color: #ffffff;
}

.gray-bg {
    background-color: #d1d1d1;
    color: #0b394f;
}

.footer-bg {
    background-color: #f2f2f2;
    color: #000000;
}

.white-bg {
    background: #ffffff;
    color: #0b394f;
}

.navyblue-bg {
    background: #deeff9;
}

.blue-bg {
    background-color: #2299d6;
    color: #0b394f;
}

.lightblue-bg {
    background: rgb(222 239 249);
}

.font-50 {
    font-size: 50px;
}

.font-32 {
    font-size: 32px;
    line-height: 38px;
}

.font-28 {
    font-size: 28px;
    line-height: 34px;
}

.font-27 {
    font-size: 27px;
}

.font-26 {
    font-size: 26px;
}

.font-24 {
    font-size: 24px;
}

.font-22 {
    font-size: 22px;
}

.font-21 {
    font-size: 21px;
}

.font-20 {
    font-size: 20px;
}

.font-19 {
    font-size: 19px;
}

.font-18 {
    font-size: 18px;
}

.font-17 {
    font-size: 17px;
}

.font-16 {
    font-size: 16px;
}

.font-15 {
    font-size: 15px;
}

.font-14 {
    font-size: 14px;
}

.font-13 {
    font-size: 13px;
}

.font-12 {
    font-size: 12px;
}

a {
    color: #2299d6;
    /* text-decoration: underline; */
}
.line-height1 {
    line-height: 1;
}
.pt-30 {
    padding-top: 30px !important;
}

a:hover {
    color: #2299d6;
}

.text-dec-underline {
    text-decoration: underline;
}

button:focus {
    outline: none;
}

.btn-continue {
    background-image: linear-gradient( rgb(210 210 210), rgb(255 255 255), rgb(210 210 210) );
    border-radius: 20px;
    box-shadow: none;
    border: 1px solid #000;
    font-weight: bold;
    line-height: 1;
    box-shadow: 0px 0px 3px 2px rgba(136, 136, 136, 0.8);
}

.site-transition {
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.list-inside {
    list-style-position: inside;
}

/* global END */

/* header START */
header {
    position: relative;
    z-index: 99;
    background: #ffffff;
}
.content #lightning {
    min-height: 600px !important;
}
/* topbar STARt */

.cursor-point {
    cursor: pointer;
}

.top-bar {
    /*padding: 6px 0px;*/
    background: #DEEFF9;
}

.topbar-links {
    padding-left: 0;
    /*overflow: hidden;*/
    margin-bottom: 0;
}

    .topbar-links li {
        float: left;
        font-size: 17px;
        font-family: "Roboto-Bold";
        list-style: none;
        margin-right: 10px;
        position: relative;
        padding: 6px 0px;
        padding-right: 10px;
    }

        .topbar-links li a {
            /*text-decoration: underline;*/
        }

            .topbar-links li a:hover {
                text-decoration: underline !important;
            }

        .topbar-links li:not(:last-child)::after {
            content: " ";
            width: 1px;
            height: 17px;
            background: #0a0c16;
            display: block;
            position: absolute;
            top: 11px;
            right: 0px;
        }
        .topbar-links li:has(.indication_link) {
            background-color: #239AD7 !important;
            padding-left: 8px;
            padding-right: 8px;
        }
        .topbar-links li:has(.indication_link) button{
            color: #ffffff !important;
        }
.top-bar .topbar-links li:first-child {
    padding-left: 8px;
    padding-right: 8px;
}
.top-users {
    padding: 0px 10px;
    border-radius: 10px;
    text-align: center;
    background: #fff;
    color: #000;
}

.navbar-nav,
.navbar-light .navbar-nav .nav-link {
    font-family: "Roboto-Black";
    font-size: 17px;
    color: #000;
}

    .navbar-nav li {
        position: relative;
    }

    li.nav-item:hover,
    .navbar-light .navbar-nav .active > .nav-link,
    .navbar-light .navbar-nav .nav-link.active,
    .navbar-light .navbar-nav .nav-link.show,
    .navbar-light .navbar-nav .show > .nav-link {
        background: #000;
        color: #2299d6;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
    }

    .navbar-light .navbar-nav .nav-link:focus,
    .navbar-light .navbar-nav .nav-link:hover {
        color: #2299d6;
    }

.navbar-wrapper .navbar {
    padding-left: 0;
    padding-right: 0;
}

.navbar-wrapper .container {
    padding-right: 30px;
}

.navbar-expand-lg .navbar-nav .dropdown-menu {
    width: 100%;
    font-size: 13px;
    text-align: center;
    margin: 0px;
    min-width: auto;
    background-color: #d2d2d2;
    display: block;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    visibility: hidden;
    opacity: 0;
    -webkit-transform: translateY(10px) translateZ(0);
    -moz-transform: translateY(10px) translateZ(0);
    transform: translateY(10px) translateZ(0);
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.text-dark {
    color: rgb(0 0 0) !important;
}

li.nav-item:hover .navbar-nav,
.navbar-light .navbar-nav li.nav-item:hover .nav-link {
    color: #2299d6;
}

.navbar-expand-lg .navbar-nav .dropdown-menu .dropdown-item {
    white-space: unset;
    padding: 0.25rem 0.5rem;
    font-weight: 600;
    font-family: "Roboto";
    color: #000;
    font-size: 14px;
}

    .navbar-expand-lg .navbar-nav .dropdown-menu .dropdown-item:hover,
    .navbar-expand-lg .navbar-nav .dropdown-menu .dropdown-item:active,
    .navbar-expand-lg .navbar-nav .dropdown-menu .dropdown-item:focus {
        background-color: #f8f9fa;
    }

.navbar-nav li > ul.dropdown-menu {
    padding: 0px;
}

.navbar-nav li:hover > ul.dropdown-menu {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translateY(0px) translateZ(0);
    -moz-transform: translateY(0px) translateZ(0);
    transform: translateY(0px) translateZ(0);
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    overflow: hidden;
}

ul.dropdown-menu li {
    border-bottom: 1px solid #fff;
}

    ul.dropdown-menu li:last-child {
        border: none;
    }

.navbar-nav li > span {
    display: none;
}

.stay-updated {
    padding: 5px 10px;
    border-radius: 10px;
    margin-right: 10px;
    font-family: "Roboto";
    font-size: 13px;
    margin: 5px 15px 0px 15px;
    text-decoration: none;
    background: #000;
    color: #ffffff;
}

    .stay-updated:hover {
        text-decoration: none;
        color: #ffffff;
    }

.navigation-logo {
    max-width: 320px;
}

.navbar-wrapper {
    position: relative;
    z-index: 1;
}

.fix-header {
    position: fixed;
    background: #ffffff;
    z-index: 11;
    top: 0;
    width: 100%;
    left: 0px;
    /*box-shadow: 1px 1px 2px #888888;*/
}

/*Header Search Bar*/
.search-btn {
    cursor: pointer;
    position: relative;
}

.search-results a {
    font-size: 19px;
    margin-bottom: 12px;
    display: inline-block;
    color: #ffffff;
}

.search-form {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    width: 100%;
    max-height: calc(100vh - 218px);
    overflow: auto;
    z-index: 5;
    background: rgb(35 154 215);
    padding: 15px 0;
    text-align: right;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

    .search-form button {
    }

.search-form--open {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

.search-form form {
    width: 100%;
    max-width: 750px;
    margin: 0 auto;
    border-radius: 25px;
    padding: 4px 5px 4px 15px;
    background-color: #ffffff;
}

.search-result {
    max-width: 750px;
    width: 100%;
}

.search-form form .form-control,
.search-form form .btn--search {
    border: 0;
    outline: none;
    box-shadow: none;
}

.search-form form .form-control {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.search-form .btn--search {
    border-radius: 25px;
    background: rgb(35 154 215);
}

.search-cross,
.search-btn--open .search-icon {
    opacity: 0;
    visibility: hidden;
}

.search-cross {
    position: absolute;
    left: 0;
    display: block;
    right: 0;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
    margin: 0 auto;
    top: 5px;
    width: 15px;
}

.search-btn--open .search-cross,
.search-icon {
    opacity: 1;
    visibility: visible;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.search-results {
    width: 100%;
    max-width: 680px;
    margin: 0 auto;
    text-align: left;
    margin: 15px auto 0;
}

    .search-results p {
        font-size: 11px;
        color: rgb(255 255 255 / 0.5);
        margin-top: 20px;
    }

.safety-information--content > .container {
    background: url(../../img/safety-information-bg.png) no-repeat;
    background-position: right top;
    background-size: 250px auto;
}

/*Conditional POPUP*/
.page-information .container {
    position: relative;
}

.btn--close {
    border: 0;
    outline: none;
    background: transparent;
    cursor: pointer;
}

.page-info--header {
    position: fixed;
    right: 0;
    border-radius: 54px;
    max-width: 1280px;
    width: 100%;
    left: 0;
    margin: 0 auto;
    text-align: right;
    z-index: 999999;
}

    .page-info--header > div {
        margin-right: 60px;
    }

.info-header--wrapper {
    border-radius: 54px;
    padding: 10px 20px;
    background-color: #000;
}

    .info-header--wrapper:hover, .popupHeader .info-header--wrapper:hover {
        background-color: #0b394f;
    }



    .info-header--wrapper .btn--close {
        margin-left: 15px;
    }

/* topbar END */

.page-information {
    padding: 10px 0px;
    letter-spacing: -0.5px;
    line-height: 1.2;
}

.page-information-wrapper {
    padding: 10px 0px;
}

/* header END */

/* banner section  */
.hero {
    overflow: hidden;
}

    .hero .container {
        position: relative;
    }

    .hero .row > div:last-child {
        position: relative;
        z-index: 1;
    }

    .hero .hero-badge {
        position: absolute;
        bottom: 0;
        right: 15px;
        width: 100%;
    }
    .hero .hero-badge.new-hero-badge{
        top:20px;
        right:0;
    }
    .hero .hero-badge.new-hero-badge h1{
        font-size:36px;
    }

/* What you are looking for START */

.feature-section-wrapper {
    padding-right: 12px;
    padding-left: 12px;
    margin-bottom: 24px;
}

.feature-section {
    background: #fff;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    height: 100%;
    display: block;
}

.feature-icon-wrapper {
    border: 2px solid #0b394f;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    background: white;
    overflow: hidden;
}

img.feature-icon {
    width: 100%;
    height: auto;
}

.feature-title-wrapper {
    min-height: 74px;
    padding: 0px 8px;
    align-items: center;
    display: flex;
    justify-content: center;
    border: 2px solid rgb(11, 57, 79);
    border-top: 0;
}

h2.feature-title {
    margin: 0px;
}

.looking-for-wrapper .title {
    margin: 10px 0px;
}

/* What you are looking for END */

/* Import safty Global CSS START  */
#importSaftyInfo {
    position: sticky;
    background-color: #ffffff;
    z-index: 10;
}

.toggle-open .sidebar-index {
    z-index: 10;
}

.toggle-open header {
    z-index: 999;
}

.hide-show-btn {
    margin-bottom: 12px;
    font-size: 28px;
    cursor: pointer;
    background: #0b394f;
    padding: 10px 20px;
    border-radius: 5px;
    color: white;
    line-height: 20px;
    border: 0;
    margin-top: 3px;
    font-weight: bold;
    color: #0b394f;
    background: transparent;
    display: block;
}

.clinical-trial-body #importSaftyInfo {
    z-index: 100;
}

.btn-rev-skew {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
}

.btn-span,
.btn-rev-skew {
    display: block;
    height: 20px;
    -moz-transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

    .btn-span.down-btn {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }

.bottom-btn {
    position: fixed;
    bottom: 24px;
    z-index: 9;
    right: 40px;
}

.important-safety-hide-show-btn:focus {
    outline: none;
}

.import-safty-inner .container p {
    letter-spacing: -0.5px;
    line-height: 1.5;
    margin: 0.5rem 0;
}

.warning-wrapper {
    border: 1px solid #000000;
    padding: 3px 30px;
}

.contact-details-inner ul li {
    list-style: none;
    float: left;
    padding: 0px 4px;
    font-weight: bold;
}

    .contact-details-inner ul li a {
        text-decoration: underline;
    }

.support-Inner {
    padding-top: 35px;
    padding-bottom: 20px;
    border-bottom: 0.5px solid #000000;
    margin-bottom: 30px;
}

.support-title {
    font-weight: bold;
    color: #636262;
    font-size: 23px;
    margin-bottom: 0.7rem;
}

.support-footer-links ul {
    overflow: hidden;
}

    .support-footer-links ul li {
        list-style: none;
        padding-left: 0px;
        float: left;
        font-size: 16px;
        font-weight: bold;
        padding: 0px 14px 0 0px;
    }

        .support-footer-links ul li:first-child {
            padding-left: 0px;
        }

footer a {
    font-weight: bold;
}

.support-title br {
    display: none;
}

.footer-menu--bottom {
    text-align: right;
}

.support-footer-row {
    margin-top: -10px;
}

.footer-tel--top,
.footer-tel--bottom {
    display: inline-block;
}

.footer-tel--top {
    color: #636262;
}

.footer-tel--bottom {
    color: #000000;
    font-weight: normal;
}

/* Import safty Global CSS END  */

/* About Elaprase page START */

.about-elaprase-content .main-secction-inner .main-content {
    top: unset;
    bottom: 0px;
}

.direction {
    direction: rtl;
}

/* About Elaprase content START*/

.about-elaprase-content .about-us-elaprase-indi-wrapper {
    /*   background-image: url("/../../Content/assets/images/bulb-boy-bg.jpg");
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: right center;
    margin-top: 30px;*/
    /* padding-top: 30px; */
    right: 0;
    top: 0;
}

.takeda-logo {
    margin-bottom: -60px;
}

.elaprase-content {
    letter-spacing: -0.5px;
    color: #0a0c16;
}

.elaprase-product-img {
    padding: 0px;
    text-align: center;
}

    .elaprase-product-img img {
        width: 100%;
        height: auto;
    }

.elaprase-art-product img {
    width: auto;
}

.elaprase-support .elaprase-art-product {
    min-height: 350px;
}

.mechanism-action
/* About Elaprase content END */
/* About Elaprase page END */
/* Tabbbing design START */
.page-tabbing-wrapper.container {
    position: relative;
    overflow: hidden;
}

.tabs-main ul {
    margin: 0px;
    padding: 0px;
    display: flex;
    align-items: stretch;
    justify-content: center;
    text-align: center;
    background: rgb(222 239 249);
    margin: 30px 0px;
    overflow: hidden;
}

    .tabs-main ul li {
        list-style: none;
        position: relative;
        width: calc(100% / 5);
        -webkit-transform: skew(-20deg);
        transform: skew(-20deg);
        transition: all ease 0.8s;
    }

.tabs-main--equal.tabs-main ul li {
    width: auto;
    flex: 1 0 auto;
}

.tabs-main ul li::after {
    content: " ";
    position: absolute;
    width: 3px;
    background: #fff;
    height: 100%;
    right: 0px;
    bottom: 0px;
}

.tabs-main ul li:last-child::after {
    content: none;
}

a.elaprase-tab-links {
    font-weight: bold;
    font-size: 22px;
    color: #239ad7;
    text-decoration: none;
    -webkit-transform: skew(20deg);
    transform: skew(20deg);
    display: inline-block;
    transition: all ease 0.1s;
    align-items: center;
    display: flex;
    flex: 1;
    padding: 10px 20px;
    justify-content: center;
    width: 100%;
    height: 100%;
    min-height: 100px;
}

li.elaprase-tab-items.active,
li.elaprase-tab-items:hover,
.elaprase-tab-items.items-active {
    background: #000;
    color: white;
}

    li.elaprase-tab-items.active a.elaprase-tab-links,
    li.elaprase-tab-items:hover a.elaprase-tab-links,
    .elaprase-tab-items.items-active a.elaprase-tab-links {
        color: rgb(34 153 214);
    }

li.elaprase-tab-items:first-child,
li.elaprase-tab-items:last-child {
    transition: none;
}

    li.elaprase-tab-items:first-child:hover::before,
    li.elaprase-tab-items:last-child:hover::before,
    .elaprase-tab-items:first-child.items-active::before,
    .elaprase-tab-items:last-child.items-active::before {
        content: "";
        position: absolute;
        width: 30px;
        height: calc(100% - 8px);
        background: rgb(0 0 0);
        left: -5px;
        top: 0px;
        -webkit-transform: skew(20deg);
        transform: skew(20deg);
        z-index: -1;
    }

    li.elaprase-tab-items:last-child:hover::before,
    .elaprase-tab-items.items-active:last-child::before {
        top: unset;
        left: unset;
        right: -5px;
        bottom: 0px;
    }

/* Tabbing design END */
/* Modal design START */
.modal-content {
    border-radius: 40px;
    border: 2px solid #deeff9;
    box-shadow: 4px 8px 14px rgba(0, 0, 0, 0.75);
}

.modal-open .modal {
    padding-right: 0;
}

.auth-modal-content {
    padding: 45px 0px;
    border: 3px solid #000;
}

.auth-modal-img {
    width: 80%;
    height: auto;
    position: relative;
    z-index: 1;
}

.auth-modal-btn-wrapper {
    position: relative;
    overflow-x: hidden;
    top: 30px;
    z-index: 2;
}

.sitemap-row ul li {
    font-size: 12px;
}

.auth-modal-btn-wrapper .elaprase-badge--right .elaprase-badge--inner,
.auth-modal-btn-wrapper .elaprase-badge--right .elaprase-badge--inner::before,
.auth-modal-btn-wrapper .elaprase-badge--right .elaprase-badge--inner::after {
    background: #2299d6;
}

.auth-modal-img-wrapper {
    padding: 0px 70px;
    text-align: center;
}

.auth-modal-btn-wrapper .elaprase-badge {
    background: transparent;
    border: 0;
    overflow: visible;
    /* width: calc(50% - 100px); */
}

    .auth-modal-btn-wrapper
    .elaprase-badge:not(.elaprase-badge--right)
    .elaprase-badge--inner {
        padding-left: 75px;
    }

.auth-modal-btn-wrapper .elaprase-badge--right .elaprase-badge--inner {
    padding-right: 75px;
}

.professional-based-user,
.familymember-based-user {
    font-size: 20px;
    padding: 20px 40px 20px 60px;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    top: 0px;
    width: 440px;
}

.familymember-based-user {
    right: -20px;
    left: unset;
    border-radius: 0px;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    position: absolute;
}

.close-btn {
    background: none;
    border: none;
    position: absolute;
    right: 40px;
    top: 30px;
    cursor: pointer;
    padding: 10px;
    z-index: 11;
}

.cookies-modal {
    position: relative;
    max-width: 512px;
    width: 100%;
}

.cookies-modal-content .close-btn {
    right: 24px;
    top: 24px;
    padding: 0px;
}

.modal-backdrop {
    background-color: rgba(12, 58, 80, 1);
}

    .modal-backdrop.show {
        opacity: 0.5;
    }

.cookies-header {
    position: relative;
    overflow: hidden;
    margin-top: 40px;
}

.cookies-modal-content {
    border-radius: 40px;
    /* overflow: hidden; */
    overflow: inherit;
}

    .cookies-modal-content .elaprase-badge {
        margin-left: -2px;
    }

    .cookies-modal-content .elaprase-badge--inner {
        max-width: 402px;
        padding-left: 50px;
    }

.cookies-modal--text {
    padding: 0 50px 30px;
}

.modal-badge--head {
    margin-top: 16px;
}

.modal-content--wrapper .close-btn-wrapper .close-btn {
    top: 28px;
}

    .modal-content--wrapper .close-btn-wrapper .close-btn img {
        width: 15px;
    }

.modal-dialog .elaprase-badge--inner::before {
    min-width: 43px;
}

.modal--stay-updated {
    max-width: 960px;
    width: 95%;
    margin-left: auto;
    margin-right: auto;
}

#unsubscribe .cookies-modal {
    max-width: 625px;
}

/*Stay Updated*/
.modal .form-label {
    display: block;
    width: 100%;
    position: relative;
}

.modal .form-control {
    margin-top: 8px;
    margin-bottom: 15px;
    border-radius: 28px;
    border: 1px solid #000;
    width: 100%;
}

.modal .input-error .form-control {
    border-color: #e30613;
}

#unsubscribeEmailField .input-msg {
    position: unset;
    display: none;
}

.input-msg {
    display: block;
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    text-align: right;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

#unsubscribeEmailField.input-error .input-msg {
    display: block;
}

.input-error .input-msg {
    color: #e30613;
    opacity: 1;
    visibility: visible;
}

.form-label {
    position: relative;
}

    .form-label input[type="radio"] {
        position: absolute;
        left: -9999px;
    }

.custom-radio {
    position: relative;
    display: block;
    width: 42px;
    height: 25px;
    border-radius: 18px;
    border: 1px solid #000;
    margin-top: 1px;
    margin-right: 10px;
    overflow: hidden;
}

    .custom-radio::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: #0c3a50;
        border: 2px solid #ffffff;
        border-radius: 18px;
        opacity: 0;
        visibility: hidden;
        transition: all 0.3s ease;
    }

input[type="radio"]:checked + .custom-radio::before {
    opacity: 1;
    visibility: visible;
}

.modal--stay-updated p a {
    font-family: "Roboto-Bold", sans-serif;
}

.modal--stay-updated hr {
    margin-top: 28px;
    margin-bottom: 20px;
    border: 0px;
    border-bottom: 3px solid #000;
}

#unsubscribeEmailField .input-msg {
    position: unset;
}

#unsubscribesuccess {
    top: 69px;
}

.modal .form-error {
    border-color: rgb(255 0 0);
}

.form-separator {
    border: 2px solid #deeff9;
}

.modal-form--success {
    position: absolute;
    left: 0;
    top: 30px;
    width: 100%;
    height: calc(100% - 160px);
    opacity: 0;
    visibility: hidden;
    background: #ffff;
    border-radius: 50px;
    z-index: 1;
    transition: all 0.3s ease;
}

.success-active ~ * {
    opacity: 0;
}

.modal-form--success > div {
    height: 100%;
}

.modal-form--success.success-active {
    opacity: 1;
    visibility: visible;
}

.modal-form--wrapper {
    position: relative;
}

.modal-form--success p {
    max-width: 100%;
    width: 495px;
    margin-left: auto;
    margin-right: auto;
}

.list-outside {
    list-style-position: outside;
    padding-left: 20px;
}

.modal-form--success .success--footer {
    position: absolute;
    bottom: 30px;
    width: 495px;
    max-width: 100%;
}

.clinical-trial-body .footer-badge,
.clinical-trial-body footer.footer-bg {
    z-index: 999;
    position: relative;
    background-color: white;
    padding-top: 8px;
    margin-top: -8px;
}

.clinical-trial-body .fix-header {
    z-index: 999;
}

/*About Mechanism Action Page*/
.mechanism-action img {
    -webkit-transform: translateX(-2.3vw);
    transform: translateX(-2.3vw);
}

.extend-lines {
    position: relative;
}

    .extend-lines:before {
        content: "";
        position: absolute;
    }

.hero-badge .elaprase-badge--right .elaprase-badge--inner {
    padding-left: 0px;
}

.mechanism-steps .mechanism-steps--count {
    font-family: "Roboto-Black";
    font-size: 78px;
    line-height: 74px;
    font-weight: 900;
    color: rgb(35 154 215);
    line-height: 0.8;
}

.mechanism-steps .mechanism-steps--text {
    padding-left: 15px;
    width: calc(100% - 65px);
}

.mechanism-steps h3 {
    font-family: "Roboto-Black";
    font-size: 27px;
    line-height: 30px;
    font-weight: 900;
    color: #0a0c16;
    min-height: 90px;
}

.mechanism-steps--wrapper {
    max-width: 370px;
    margin-left: auto;
    margin-right: auto;
}

.elaprase-section {
    padding-top: 60px;
    padding-bottom: 30px;
}

    .elaprase-section p:last-child {
        margin-bottom: 0;
    }

/*Elaprase Table*/
.elaprase-table .font-21 {
    line-height: 1.3em;
}

.elaprase-roundblock.sky-border {
    border: 2px solid #239ad7;
}

.elaprase-table,
.elaprase-roundblock {
    border-radius: 28px;
    border: 2.8px solid #000;
    padding: 25px 30px;
    color: #000;
}

.elaprase-table {
    padding: 0px 30px 25px;
    box-sizing: inherit;
}

.elaprase-table--md {
    overflow-x: hidden;
}

.elaprase-table.white-fg,
.elaprase-roundblock.white-fg {
    color: #ffffff;
}

.elaprase-table--lg,
.elaprase-roundblock--lg {
    max-width: 1054px;
    margin-left: auto;
    margin-right: auto;
}

.elaprase-table--md,
.elaprase-roundblock--md {
    max-width: 846px;
    margin-left: auto;
    margin-right: auto;
}

.elaprase-table th {
    font-family: "Roboto-Bold";
}

.elaprase-table table {
    width: 100%;
    color: #000;
}

.elaprase-table--spacing > tbody > tr > td,
.elaprase-table--spacing > tbody > tr > th,
.elaprase-table--spacing > thead > tr > td,
.elaprase-table--spacing > thead > tr > th {
    padding: 5px;
}

    .elaprase-table--spacing > tbody > tr > td:nth-child(even),
    .elaprase-table--spacing > tbody > tr > th:nth-child(even),
    .elaprase-table--spacing > thead > tr > td:nth-child(even),
    .elaprase-table--spacing > thead > tr > th:nth-child(even) {
        border-left: 1px solid #000;
        border-right: 1px solid #000;
    }

    .elaprase-table--spacing > tbody > tr > td:last-child,
    .elaprase-table--spacing > tbody > tr > th:last-child,
    .elaprase-table--spacing > thead > tr > td:last-child,
    .elaprase-table--spacing > thead > tr > th:last-child {
        border-right: 0;
    }

.elaprase-table--spacing > tbody > tr > td,
.elaprase-table--spacing > tbody > tr:not(:first-child) > th,
.elaprase-table--spacing > thead > tr > td,
.elaprase-table--spacing > thead > tr:not(:first-child) > th {
    border-top: 1px solid #000;
}

.elaprase-table--spacingall > tbody > tr > td,
.elaprase-table--spacingall > tbody > tr > th,
.elaprase-table--spacingall > thead > tr > td,
.elaprase-table--spacingall > thead > tr > th {
    padding: 5px 12px;
}

.elaprase-table table table {
    margin: 10px -5px;
    width: calc(100% + 10px);
}

.elaprase-table .elaprase-table--spacing table td {
    padding-left: 10px;
    padding-right: 10px;
}

.elaprase-table table tr:last-child table {
    margin-bottom: 0;
}

.elaprase-table table table tr:nth-child(odd) td {
    background: #e6ebed;
}

.whitespace-nowrap {
    white-space: nowrap;
}

/*Badges*/
.elaprase-badge {
    overflow: hidden;
    font-family: "Roboto-Bold";
}

.elaprase-badge--inner {
    background: #deeff9;
    display: inline-block;
    padding: 4px 10px;
    color: #000;
    position: relative;
}

    .elaprase-badge--inner[class*="width-lg-"] {
        max-width: calc(100% - 50px);
    }

    .elaprase-badge--inner:not([class*="font-"]) {
        font-size: 18px;
    }

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

/*.elaprase-badge--right .elaprase-badge--inner { padding-right: 30px; }*/

.elaprase-badge--spaced {
    padding-left: 50px;
}

.elaprase-badge p {
    margin: 0;
    position: relative;
}

.elaprase-badge a:not([class*="-txt"]) {
    color: #000;
}

.elaprase-badge--inner::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: -webkit-calc(100% - 19px);
    left: calc(100% - 20px);
    width: 12%;
    max-width: 75px;
    min-width: 30px;
    height: 100%;
    -webkit-transform: skew(20deg);
    transform: skew(20deg);
    background: #deeff9;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 10px;
}

.elaprase-badge--right .elaprase-badge--inner::before {
    left: auto;
    right: 100%;
    -webkit-transform: translateX(50%) skew(-20deg);
    transform: translateX(50%) skew(-20deg);
    border-radius: 0;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 6px;
}

.elaprase-badge--right .elaprase-badge--inner::before {
}

.badge-extend .elaprase-badge--inner {
    padding-left: 0;
}

.badge-extend,
.badge-extend--right {
    overflow: visible;
}

    .badge-extend--right .elaprase-badge--inner {
        position: relative;
        padding-right: 1px;
    }

        .badge-extend--right .elaprase-badge--inner::after {
            content: "";
            position: absolute;
            top: 0;
            left: calc(100% - 1px);
            width: 60px;
            height: 100%;
            background: #deeff9;
        }

.elaprase-badge--gray .elaprase-badge--inner,
.elaprase-badge--gray .elaprase-badge--inner::before {
    background: #d2d2d2;
    color: #000;
}

.elaprase-badge--blue .elaprase-badge--inner,
.elaprase-badge--blue .elaprase-badge--inner::before {
    background: rgb(222 239 249);
    color: #000;
}

.elaprase-badge--inner ol,
.elaprase-badge--inner ul {
    padding-left: 24px;
    margin-bottom: 0;
}

.elaprase-badge--inner > * {
    position: relative;
    z-index: 1;
}

.elaprase-badge--inner[class*="font-"] {
    padding-top: 10px;
    padding-bottom: 10px;
}

.elaprase-badge--inner.font-21 {
    line-height: 28px;
}

/*Banner Badges*/
.elaprase-badge-banner {
    overflow: visible;
}

.elaprase-badge-banner .elaprase-badge--inner {
    padding: 12px 10px;
    padding-left: 0;
    display: inline-flex;
    flex-wrap: wrap;
    align-content: center;
}

.elaprase-badge-banner .elaprase-badge--inner::before {
    left: -webkit-calc(100% - 28px);
    left: calc(100% - 28px);
    width: 30%;
    -webkit-transform: skew(20deg);
    transform: skew(18deg);
    border-radius: 0;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}
.badge-extend .elaprase-badge--inner::after {
    content: "";
    position: absolute;
    top: 0;
    right: calc(100% - 1px);
    width: 60px;
    height: 100%;
    background: #deeff9;
}

.badge-extend.elaprase-badge--gray .elaprase-badge--inner::after {
    background: #d2d2d2;
}

.elaprase-badge--inner.font-26::before {
    left: -webkit-calc(100% - 11px);
    left: calc(100% - 11px);
}

/*Home Badges*/
.elaprase-badge--home .elaprase-badge--inner {
    min-height: 50px;
}

/*Inner pages Badges*/
.elaprase-badge--page .elaprase-badge--inner {
    min-height: 180px;
    /*min-width: 276px;*/
}
.hero-home a.elaprase-badge--inner:hover{
    text-decoration: none;
}
.hero-home a.elaprase-badge--inner:hover span {
    color: #0c3a50;
    transition: 0.3s all;
}

    .elaprase-badge--page .elaprase-badge--inner::before {
        max-width: 84px;
        left: -webkit-calc(100% - 32px);
        left: calc(100% - 32px);
    }

.elaprase-badge--page h1 {
    font-size: 50px;
    margin-bottom: 0;
    line-height: 1.05em;
}

/*Footer Badges*/
.footer-badge {
    overflow: hidden;
}

.badge-footer {
    margin-top: 20px;
    margin-bottom: 20px;
}

    .badge-footer .elaprase-badge--inner {
        padding-top: 12px;
        padding-bottom: 12px;
    }

/*Elaprase Clinical Trials*/
.clinical-trials--content {
    background: url(/../../content/assets/images/clinical-trial-bg.png);
    background-position: right top 50px;
    background-repeat: no-repeat;
}

.elaprase-block h3 {
    font-family: "Roboto-Bold", sans-serif;
    color: #deeff9;
    font-size: 24px;
    line-height: 34px;
}

.elaprase-cto-table2 {
    overflow-x: hidden;
}

.elaprase-roundblock {
    padding: 30px 60px;
}

    .elaprase-roundblock ul,
    .elaprase-roundblock ol {
        padding: 0 0 0 30px;
    }

        .elaprase-roundblock ul:last-child,
        .elaprase-roundblock ol:last-child {
            margin-bottom: 0;
        }

    .elaprase-roundblock sup,
    p sup,
    li sup {
        font-size: 0.6em;
        top: -0.8em;
    }

.sidebar-index {
    position: fixed;
    top: 48%;
    /* transform: translateX(-100%) translateY(-50%);
    left: 46px;
    width: 380px; */
    transform: translateX(-100px) translateY(-50%);
    /* left: 0px; */
    width: 0px;
    background: #f3f3f3;
    border-top-right-radius: 19px;
    border-bottom-right-radius: 19px;
    /* z-index: 1000; */
    z-index: 100;
    -webkit-overflow-scrolling: touch;
}

    .sidebar-index .sidebar-body {
        overflow: hidden;
    }

.sidebar--open .sidebar-body {
    overflow: auto;
}

.sidebar-row {
    display: flex;
}

.sidebar-body {
    padding-right: 40px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-top: 10px;
    padding-bottom: 0px;
    -webkit-overflow-scrolling: touch;
    /* max-height: calc(100vh - 360px); */
    max-height: 630px;
    overflow: auto;
    z-index: 99;
}

    .sidebar-body a:not(.blue-txt) {
        color: #000000;
    }

.sidebar-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transform-origin: 50% 50.5%;
    transform-origin: 50% 50.5%;
    -webkit-transform: rotate(180deg) translate3d(0, 1%, 0);
    transform: rotate(180deg) translate3d(0, 1%, 0);
    -webkit-writing-mode: vertical-lr;
    -ms-writing-mode: tb-lr;
    writing-mode: vertical-lr;
    cursor: pointer;
    padding: 15px 5px;
    border-top-left-radius: 19px;
    border-bottom-left-radius: 19px;
    margin-left: auto;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.sider-bar-container {
    width: 1280px;
    /* position: fixed; */
    left: 0;
    /* right: 0; */
    margin: 0 auto;
    /* top: 55%; */
    /* z-index: 99; */
    /* transform: translateX(0%) translateY(-50%); */
}

.sidebar-header span {
    padding-top: 15px;
    line-height: 1.2;
}

.sidebar-margin {
    padding-left: 50px;
}

.sidebar-index .sidebar-header--open img {
    /* transform: rotate(180deg); */
    /* transform: rotate(0deg); */
}

.sidebar--open {
    /* transform: translateX(-46px) translateY(-50%); */
    transform: translateX(-100px) translateY(-50%);
    width: 380px;
}

.symb {
    font-size: 12px;
}

.elaprase-cto-table2 .font-18 {
    line-height: 24px;
}

.elaprase-table-map.font-13 {
    line-height: 19px;
}

#leavingModal .cookies-modal {
    max-width: 650px;
}

#leavingModal .elaprase-badge--inner::before {
    max-width: 41px;
}

#leavingModal .cookies-modal-content .elaprase-badge--inner {
    max-width: 574px;
    padding-right: 0;
}


/*Dosing and Administration*/

.brackets-icon {
    padding: 10px 35px;
    border: 10px solid magenta;
    position: relative;
    max-width: 350px !important;
}

    .brackets-icon::after {
        content: "";
        width: calc(100% - 30px);
        position: absolute;
        top: -10px;
        left: 0;
        right: 0;
        margin: 0 auto;
        background: #deeff9;
        height: 10px;
    }

    .brackets-icon::before {
        content: "";
        width: calc(100% - 30px);
        position: absolute;
        bottom: -10px;
        left: 0;
        right: 0;
        margin: 0 auto;
        background: #deeff9;
        height: 10px;
    }

.dosing-administration-content {
    background-image: url("../../img/dosing-administration-art.jpg");
    background-position: top right;
    background-repeat: repeat-y;
}

.blockquote-rounded {
    border: 2px solid #000;
    border-radius: 32px;
    padding: 20px 90px;
    margin-top: 30px;
    margin-bottom: 30px;
}

.blockquote-navy {
    background: #deeff9;
}

.custom-list,
.custom-list-anchor {
    list-style: none;
    margin-left: 30px;
}

    .custom-list li::before {
        content: "\2022";
        font-weight: bold;
        display: inline-block;
        width: 1em;
        margin-left: -1em;
    }

    .custom-list-anchor li a::before {
        content: "\2022";
        display: inline-block;
        width: 1em;
        margin-left: -1em;
    }

/*Preparing Elaprase*/
.preparing-elaprase-content {
    background-image: url("../../img/preparing-elaprase-art.jpg");
    background-repeat: no-repeat;
    background-position: right top 85px;
}

/*Administration Instructions*/
.admin-instructions-content {
    background-image: url("../../img/administration-instructions-art.jpg");
    background-repeat: no-repeat;
    background-position: right top;
}

.download-block {
    max-width: 320px;
    margin: 40px auto;
    line-height: 1.26em;
}

.download-block--head {
    padding: 15px;
    border: 3px solid #239ad7;
    border-top-left-radius: 25px;
    border-top-right-radius: 25px;
}

.sidebar-header img {
    transform: rotate(180deg);
}

.btn-download {
    background: #e9e9e9;
    padding-top: 10px;
    padding-bottom: 12px;
    text-decoration: none;
}

.timeline-img-height img {
    max-height: 130px;
    width: auto;
}

.btn-download--navy {
    background: #deeff9;
}

.btn-download:hover {
    text-decoration: none;
}

.download-block--navy .download-block--head {
    border-color: #000;
}

.download-block--navy .btn-download {
    background: #deeff9;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.download-block--button {
    border: 3px solid #000;
    border-top: 0;
}

.download-block--navy .btn-download:hover {
    background: #092f42;
    color: #fff !important;
}

.menu_imp_safty {
    display: none;
    position: fixed !important;
    bottom: -2px !important;
    left: 0;
    right: 0;
}

    .menu_imp_safty .warning-wrapper p:nth-child(2) {
        vertical-align: unset;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        margin-bottom: 0;
        overflow: hidden;
    }

/*Access & Support*/
.access-support-content {
    background-image: url("../../img/access-support-art.jpg");
    background-repeat: no-repeat;
    background-position: right top;
    overflow: visible;
}

/*OnePath Product Services*/
.onepath-product-content {
    background-image: url("../../img/onepath-product-services-art.jpg");
    background-repeat: no-repeat;
    background-position: right top 10vh;
    overflow: visible;
}

.tailored-support-content.onepath-product-content {
    background-image: none;
}
/*Reimbursement*/
.reimbursement-content {
    background-image: url("../../img/reimbursement-procedure-art.jpg");
    background-repeat: no-repeat;
    background-position: right top 30px;
}

/*Hunter Outcome Survey*/
.hunter-outcome-content {
    background-image: url("../../img/hunter-outcome-art.jpg");
    background-repeat: no-repeat;
    background-position: right top 20px;
}

    .hunter-outcome-content .blockquote-rounded {
        background-image: url("../../img/hunter-outcome-survey-bg.png");
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
    }

.download-resource {
    font-size: 35px;
    /*border: 2px solid #000;*/
    color: #000;
    border-top-left-radius: 25px;
    border-top-right-radius: 25px;
    overflow: hidden;
    margin-bottom: 40px;
}

    .download-resource .resource-button a {
        border-left: 2px solid #000;
        display: flex;
        align-items: center;
        justify-content: center;
    }

.elaprase-badge + .download-resource {
    margin-top: 24px;
}

.resource-label {
    padding: 13px 40px;
}

.resource-button {
    min-width: 240px;
}

    .resource-button a {
        display: block;
        height: 100%;
    }

.resource-img-wrapper {
    min-height: 280px;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    padding: 10px 0;
}

    .resource-img-wrapper .resource-img {
        width: auto;
        max-width: 100%;
        object-fit: contain;
        max-height: 280px;
        box-shadow: 0px 0px 9px 0px #00000070;
    }

.resource-content a.btn {
    background-color: #000000;
    color: #ffffff;
    font-size: 17px;
}

.banner-btn-arrow {
    min-width: 36px;
    min-height: 36px;
    box-shadow: 3px 3px 6px rgb(0 0 0 / 16%);
}

    .banner-btn-arrow img.download-icon {
        transform: rotateZ(-90deg);
    }

.sidebar-body {
    max-height: 471px;
}

/*FAQs*/

.elaprase-badge--inner.font-28 ol,
.elaprase-badge--inner.font-28 ul {
    padding-left: 0;
}

.page-headers .badge-extend--right {
    margin-bottom: 40px;
}

.page-headers .elaprase-badge-banner {
    margin-bottom: 70px;
}

.healthcare-faqs-content {
    background-image: url("../../img/healthcare-faqs.jpg");
    background-repeat: no-repeat;
    background-position: right top 0;
    overflow: hidden;
}

/*Sitemap*/
.sitemap-content {
    background-image: url("../../img/sitemap-art.jpg");
    background-position: right top 110px;
    background-repeat: no-repeat;
    overflow: hidden;
}

    .sitemap-content a,
    .sitemap-content a:hover {
        color: #000000;
        text-decoration: underline;
    }

.sitemap-row p {
    margin-bottom: 20px;
}

.elaprase-badge-banner .elaprase-badge--inner.height-auto {
    min-height: 0;
}

    .elaprase-badge-banner .elaprase-badge--inner.height-auto::before {
        border-top-right-radius: 10px;
        border-bottom-right-radius: 10px;
    }

.elaprase-badge-banner .elaprase-badge--inner.height-auto {
    min-width: 200px;
}

.sitemap-content .page-headers .elaprase-badge-banner {
    margin-bottom: 30px;
}

/*404 page*/
.error-content {
    background-image: url("../../img/error-art.jpg");
    background-repeat: no-repeat;
    background-size: 670px auto;
    background-position: right top 110px;
    overflow: hidden;
}

/*History Page*/
.roundblock--history {
    /* background-image: url("/../../Content/assets/images/whatIs-bulb-bg.png");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat; */
    background-image: none;
}


.history--content {
    overflow: hidden;
}

    .history--content h2 {
        font-size: 36px;
        line-height: 46px;
    }

    .history--content .elaprase-roundblock {
        padding: 10px 40px;
    }

.history-timeline {
    padding-top: 15px;
    background-image: url("/../../Content/assets/images/whatIs-bulb-bg.png");
    /* background-position: top; */
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
}

.mt_pr_1 {
    margin-top: 8.5rem;
}

.mt_min_1 {
    margin-top: -21.5rem;
}

.mt_min_2 {
    margin-top: -10.5rem;
}

.history-timeline:after {
    content: "";
    position: absolute;
    top: -115px;
    left: -26px;
    right: 0;
    width: 400px;
    margin: 0 auto;
    height: 100%;
    background-image: url("/../../Content/assets/images/timeline-img/line.png");
    background-position: center;
    background-size: auto 96%;
    background-repeat: no-repeat;
    /*z-index:-2;*/
}

.what-elaprase-tab ul li {
    width: calc(100% / 4);
}

.timeline_top_block .timeline-badge {
    min-width: calc(100% - 126px);
}

.timeline_top_block .timeline-content {
    margin-left: auto;
}

.timeline_top_block .timeline-art {
    margin-top: -30px;
}

.timeline-row {
    width: 50%;
    margin-bottom: 60px;
}

    .timeline-row:nth-child(odd) {
        padding-right: 83px;
    }

    .timeline-row:nth-child(even) {
        padding-left: 78px;
    }

.timeline-row-style {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.timeline-row .timeline-block--left .timeline-badge {
    min-width: auto;
    margin-right: 0;
}

.timeline-row .timeline-block--left .timeline--width {
    /* min-width: 227px; */
    margin-right: -105px;
}

.timeline-block {
    display: flex;
    align-items: flex-start;
    width: 50%;
}

.timeline-block--left {
    width: 100%;
}

    .timeline-block--left > .timeline-content {
        max-width: 302px;
    }

.timeline-block--right {
    width: 100%;
    margin-left: auto;
    margin-top: 70px;
}

    .timeline-block--right .timeline-badge {
        text-align: left;
        min-width: auto;
    }

    .timeline-block--right > .timeline-content {
        order: 1;
        max-width: 382px;
    }

    .timeline-block--right > .timeline-art {
        order: 2;
    }

.timeline-block .timeline-content {
    font-size: 21px;
    line-height: 24px;
    padding-left: 15px;
    padding-right: 15px;
}

.timeline-badge {
    position: relative;
    font-family: "Roboto-Black", sans-serif;
    /* min-width: 227px; */
    font-size: 35px;
    line-height: 35px;
}

    .timeline-badge::before {
        content: "";
        position: absolute;
        width: 100%;
        min-width: 400px;
        z-index: -1;
        height: calc(100% + 30px);
        right: -15px;
        top: -15px;
        background: linear-gradient(to left, #deeff9, #fff);
        border-top-right-radius: 30px;
        border-bottom-right-radius: 30px;
    }

    .timeline-badge span {
        display: inline-block;
        position: relative;
        z-index: 1;
        /* padding: 6px 0px 6px 0px; */
        color: #000;
        /* background: #2299d6; */
        border-top-left-radius: 11px;
        border-bottom-left-radius: 11px;
    }

.timeline-badge--white::before,
.timeline-badge--white span {
    background: #ffffff;
    color: #2299d6;
}

.timeline-block--left .timeline-content {
    text-align: right;
}

    .timeline-block--left .timeline-content .timeline-badge {
        text-align: right;
    }

.timeline-block--right .timeline-badge span {
    border-radius: 0;
    border-top-right-radius: 11px;
    border-bottom-right-radius: 11px;
}

.timeline-block--right .timeline-badge::before {
    border-radius: 0;
    left: -15px;
    right: auto;
    color: #000;
    background: linear-gradient(to right, rgb(222 239 249), rgb(255 255 255));
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px;
}

.timeline-block--left > *:first-child {
    margin-left: auto;
}

.timeline-block .timeline-content p {
    margin-bottom: 10px;
    color: #000;
}

.timeline-row--2021 {
    background-image: url("../../img/history-timeline/2021_2016_tiles.png");
    background-repeat: no-repeat;
    background-position: left 42% top 60px;
}

.timeline-row--2016 {
    margin-top: -70px;
    background-image: url("../../img/history-timeline/2016_2015_tiles.png");
    background-repeat: no-repeat;
    background-position: left 48% top 60px;
}

.timeline-row--2015 {
    margin-top: -15px;
    padding-bottom: 20px;
    background-image: url("../../img/history-timeline/2015_2014_tiles.png");
    background-repeat: no-repeat;
    background-position: left 45% top 60px;
}

    .timeline-row--2015 .timeline-content {
        max-width: 230px;
    }

.timeline-row--2014 {
    background-image: url("../../img/history-timeline/2014_2011_tiles.png");
    background-repeat: no-repeat;
    background-position: left 45% top 60px;
}

.timeline-row--2011 {
    margin-top: -274px;
    height: 298px;
    background-image: url("../../img/history-timeline/2011_2006_tiles.png");
    background-repeat: no-repeat;
    background-position: left 50% top 60px;
}

.timeline-row--2005 {
    margin-top: -65px;
    height: 248px;
    background-image: url("../../img/history-timeline/2005_2001_tiles.png");
    background-repeat: no-repeat;
    background-position: left 50% top 60px;
}

.timeline-row--2001 {
    padding-bottom: 10px;
    background-image: url("../../img/history-timeline/2001_1990_tiles.png");
    background-repeat: no-repeat;
    background-position: left 51% top 60px;
}

.timeline-row--9020 {
    margin-top: 10px;
}

    .timeline-row--9020 .timeline-block--left {
        width: 50%;
    }

.timeline-row--1990 {
    margin-top: -145px;
    height: 190px;
    background-image: url("../../img/history-timeline/1990_1972_tiles.png");
    background-repeat: no-repeat;
    background-position: left 48% top 60px;
}

.timeline-row--1917 {
    margin-top: -90px;
}

.cooking-content {
    font-weight: 500;
    letter-spacing: -0.4px;
}

.extra_curv {
    border-radius: 67px;
}

.cookies-link {
    font-weight: 600;
}

.timeline-block-content {
    display: flex;
    align-items: flex-start;
}

.badge-dark-blue::before {
    min-width: 187px !important;
    background: linear-gradient( to right, rgb(45 152 184), rgb(222 239 249), rgb(255 255 255) ) !important;
}

.profile-card--top .profile-row-minus-left {
    margin-left: -20px;
}

.profile-card--top .profile-review-cont {
    bottom: 35px;
}

/*Patient Profile*/
.patient-profile-bg {
    background: linear-gradient(to top, #d9e1e4, #fefefe);
}

.patient-profile--content .container > .elaprase-badge--right {
    /* margin-top: -80px; */
}

.profile-card--top {
    background: linear-gradient(to top, #d9e1e4, #fefefe);
    background-image: url("../../img/patient-profile/patient-profile-bg-1.jpg");
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: bottom;
    border-bottom-left-radius: 23px;
    border-bottom-right-radius: 23px;
    position: relative;
}

.profile-card--antonio.profile-card--top::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: url("../../img/patient-profile/patient-profile-top.svg");
    background-repeat: no-repeat;
    background-size: 85% auto;
    background-position: center;
}

.patient-profile--container {
    padding-left: 40px;
    padding-right: 40px;
}

.profile-quote--badge {
    margin-top: -2px;
    padding: 15px 14px;
    border-radius: 0 0 22px 22px;
    color: #deeff9;
    margin-right: 119px;
}

    .profile-quote--badge:hover {
        color: #deeff9;
        text-decoration: none;
    }

.profile-timeline {
    margin-top: 16px;
    position: relative;
    padding-bottom: 114px;
}

    .profile-timeline::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        margin: 0 auto;
        width: 9px;
        height: calc(100% - 62px);
        background: #deeff9;
    }

    .profile-timeline::after {
        content: "";
        position: absolute;
        top: calc(100% - 62px);
        left: 0;
        right: 0;
        margin: 0 auto;
        width: 35px;
        height: 35px;
        background: url("../../img/svg/timeline-arrow.svg");
        background-repeat: no-repeat;
        background-size: 100%;
    }

.profile-row--head + div {
    margin-top: 82px;
}

.profile-block {
    position: relative;
    display: flex;
    align-items: flex-start;
    width: 50%;
    flex-wrap: wrap;
}

    .profile-block::before {
        content: "";
        position: absolute;
        top: 0px;
        width: 40px;
        height: 40px;
        background: #deeff9;
        border-radius: 100%;
    }

.profile-block--left::before {
    right: -20px;
}

.profile-block--right::before {
    left: -20px;
}

.profile-block--left .profile-content {
    text-align: right;
    padding-right: 10px;
}

    .profile-block--left .profile-content p {
        margin-left: auto;
    }

.profile-block--left {
    padding-right: 35px;
}

.profile-block--right {
    padding-left: 35px;
    margin-left: auto;
}

    .profile-block--right .profile-badge span {
        padding-right: 10px;
    }

.profile-content {
    padding-top: 18px;
    line-height: 1.26;
}

.profile-content-counts {
    border-color: #239ad7;
    padding: 30px;
}

.profile-block--left .profile-content-counts {
    margin-left: auto;
}

.profile-block--right .profile-content-counts {
    margin-right: auto;
}

.profile-badge {
    position: relative;
    font-family: "Roboto-Black", sans-serif;
    font-size: 35px;
    line-height: 35px;
    text-transform: uppercase;
}

.profile-block--left .profile-badge {
    margin-left: auto;
}

.profile-badge::before {
    content: "";
    position: absolute;
    width: 50%;
    width: 50px;
    height: 100%;
    right: 0;
    top: 0;
    background: #deeff9;
    border-top-right-radius: 9px;
    border-bottom-right-radius: 9px;
    -webkit-transform: skewX(21deg);
    transform: skewX(21deg);
}

.profile-badge span {
    display: inline-block;
    position: relative;
    z-index: 1;
    padding: 6px 10px 6px 15px;
    background: #deeff9;
    border-top-left-radius: 11px;
    border-bottom-left-radius: 11px;
    color: #ffffff;
}

.profile-badge.profile-badge--rounded {
    min-width: 138px;
    display: inline-block;
}

    .profile-badge.profile-badge--rounded::before {
        display: none;
    }

    .profile-badge.profile-badge--rounded span {
        border-radius: 11px;
        width: 100%;
    }

.profile-block--left .profile-badge {
    text-align: right;
}

    .profile-block--left .profile-badge span {
        padding-left: 0;
        border-radius: 0;
        border-top-right-radius: 11px;
        border-bottom-right-radius: 11px;
    }

    .profile-block--left .profile-badge::before {
        border-radius: 0;
        left: -20px;
        right: auto;
        border-top-left-radius: 9px;
        border-bottom-left-radius: 9px;
        -webkit-transform: skewX(-21deg);
        transform: skewX(-21deg);
    }

.profile-block--right .profile-badge::before {
    right: -20px;
}

.profile-row--12 {
    margin-top: -70px;
}

.sidebar-clinical-trial {
    overflow: hidden;
}

.profile-row--28 {
    margin-top: 35px;
}

.profile-row--3 {
    margin-top: -50px;
}

.profile-row--5 {
    margin-top: 60px;
}

.profile-row--6 {
    margin-top: -60px;
}

.profile-row--7 {
    margin-top: -50px;
}

.profile-row--9 {
    margin-top: -200px;
}

.row--pb-lg {
    padding-bottom: 110px;
}

.dosing-calculator::after {
    width: calc(100% + 120px);
    height: 100%;
    position: absolute;
    content: "";
    left: -60px;
    background: url(../../img/calc-guideline-bg.png) no-repeat;
    background-size: cover;
    background-position: bottom;
    bottom: 0;
    z-index: -1;
}

/* Profile patient bottom section */
.profile-card--bottom {
    background-image: url("../../img/patient-profile/patient-profile-bg-2.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: top center;
    border-bottom-left-radius: 23px;
    border-bottom-right-radius: 23px;
}

    .profile-card--bottom .profile-badge span {
        background: #239ad7;
    }

    .profile-card--bottom .profile-badge::before,
    .profile-card--bottom .profile-block::before,
    .profile-card--bottom .profile-timeline::before {
        background: #239ad7;
    }

.profile-block-transparent.profile-block::before {
    background: transparent;
}

.profile-card--bottom .profile-timeline::before {
    top: -50px;
    /* height: calc(100% + 10px); */
}

.profile-review-cont {
    left: 20px;
    bottom: 0px;
}

.profile-card--bottom .profile-timeline::after {
    background: url(../../img/svg/timeline-arrow-2.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    top: auto;
}

.profile-row-minus-left {
    margin-left: -80px;
}

.profile-content-counts {
    padding: 20px;
}

.profile-card--scott .profile-review-cont {
    left: AUTO;
    width: 50%;
    right: 0;
}

    .profile-card--scott .profile-review-cont .profile-block {
        width: auto;
        justify-content: flex-end;
    }

/* Profile scott */
.profile-card--scott.profile-card--top::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: url("../../img/patient-profile/patient-profile-top-2.svg");
    background-repeat: no-repeat;
    background-size: 85% auto;
    background-position: center;
}

.profile-card--scott .profile-timeline::before {
    top: 97px;
    height: calc(100% - 149px);
}

.profile-card--scott .profile-row--head + div {
    margin-top: 46px;
}

.Roboto-Black {
    font-family: "Roboto-Black";
}

.elaprase-support {
    /*background-image: url(/../../Content/assets/images/getting-started-blog.jpg);
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: left center;
    margin-top: 30px;*/
    top: 0;
    left: 0;
    width: 100%;
}

/* Dosing Calculation */
.dosing-calculator {
    margin-bottom: -24px;
    padding-bottom: 34px;
    position: relative;
}

.dosing-calc-mobile-view {
    background: transparent;
    padding: 50px;
    position: relative;
    height: 350px;
}

    .dosing-calc-mobile-view:before {
        content: "";
        position: absolute;
        width: calc(100% + 80px);
        height: calc(100% + 80px);
        top: -40px;
        left: -40px;
        background: url("../../img/dosing-calculation-mobile.png") no-repeat;
        background-size: 100%;
    }

.dosing-calc-senario {
    font-size: 22px;
    color: #000;
}

    .dosing-calc-senario input[type="text"] {
        border-radius: 18px;
        border: 1px solid #646363;
        width: 85px;
        height: 45px;
        padding: 8px;
        background: #fff;
    }

.dosing-calc--kg-cal input[type="text"] {
    border-radius: 18px;
    border: 1px solid #646363;
    width: 135px;
    height: 80px;
    padding: 8px;
}

.dosing-calc-mobile-view .btn-continue {
    width: 110px;
    height: 32px;
    font-size: 17px;
}

.dosing-calc input[type="text"],
.dosing-calc input[type="number"] {
    width: 201px !important;
    height: 64px !important;
    border: 0px;
    width: 85px;
    height: 45px;
    padding: 8px;
    background: #fff;
    border-radius: 10px;
    box-shadow: inset 0px 3px 5px black;
}

.calc-top-dark {
    min-height: 174px;
}

.calc-bottom-light {
    min-height: 130px;
}

.calc-count {
    min-width: 173px;
}

.dosing-calc-mobile-view {
    font-size: 23px;
}

.light-gray01 {
    background: #d2d2d2 !important;
}

.light-gray {
    background: #d8dfe3 !important;
}

.dark-gray {
    background: #a0b2bb !important;
}

.calc-instruction {
    background: #e0e6e8 !important;
}

    .calc-instruction::after {
        width: calc(100% + 120px);
        height: 100%;
        position: absolute;
        content: "";
        left: -60px;
        background: #e0e6e8;
        top: 0;
        z-index: -1;
    }

.Calculation-legend {
    font-size: 21px;
    color: #0a0c16;
}

    .Calculation-legend p {
        margin-bottom: 0px;
    }

.claculator-process {
    font-size: 21px;
    padding: 35px;
    background-image: url(../../img/Calculation-process-bg.png);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-blend-mode: color-burn;
}

.fix-width {
    width: 235px;
    margin: 0 auto;
}

.mt-changes-minus {
    margin-top: 45px;
}

.mechanism-img-res {
    display: none;
}

    .mechanism-img-res img {
        margin-left: 0 !important;
        width: 220px !important;
        -webkit-transform: translateY(-5vw) !important;
        transform: translateY(-3vw) !important;
    }

.elaprase-table--spacing tbody tr:last-child th {
    border-bottom: 1px solid #000;
}

.round-box {
    border-radius: 40px;
    padding: 15px 25px;
    border: 2.8px solid rgb(0 0 0);
}

.box-shadow-in {
    box-shadow: inset 0px -2px #fff;
}

/*Header Nav & Toggle*/
.navbar-toggler {
    border: 0;
    padding: 0;
}

.navbar-light .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2811, 57, 80, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.toggle-open .navbar-light .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2811, 57, 80, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7L23 23M23 7L4 23'/%3e%3c/svg%3e");
    /* background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2811, 57, 80, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") */
}

.timeline-block.timeline-block--left .timeline-art,
.timeline-block.timeline-block--left .timeline-content {
    transform: translateX(-50px);
}

.timeline-block.timeline-block--right .timeline-art,
.timeline-block.timeline-block--right .timeline-content {
    transform: translateX(50px);
}

.timeline-block > .timeline-art,
.timeline-block > .timeline-content {
    visibility: hidden;
    opacity: 0;
    transition: all 3s cubic-bezier(0.16, 1.03, 0, 1.03);
}

.timeline-block.revealIt > .timeline-art,
.timeline-block.revealIt > .timeline-content {
    transform: translateX(0);
    visibility: visible;
    opacity: 1;
}

.timeline-block img {
    object-fit: contain;
    object-position: center;
}

.timeline-block--right .timeline-art img {
    /* padding-left: 10px; */
}

.timeline-block--left > .timeline-content {
    width: calc(100% - 183px);
}

.timeline-block--right > .timeline-content {
    width: calc(100% - 183px);
}

.bold-list small {
    font-weight: 600;
}

.colum-count-2 {
    column-count: 2;
}

.lead-1 {
    line-height: 1;
}

.sm-w {
    width: 20px;
    height: 20px;
}

.elaprase-who {
    position: relative;
}

    .elaprase-who:after {
        width: 200px;
        content: "";
        height: 319px;
        background: url(../../assets/images/img-01.png) no-repeat;
        background-size: 130px;
        background-position: top right;
        position: absolute;
        right: -50px;
        top: 0;
    }

.col-mechanism--art {
    margin-top: -80px;
}

.z-index {
    z-index: 1;
}

.analysis-box {
    display: flex;
    align-items: flex-start;
    max-width: 300px;
    margin: 10px auto;
    font-size: 45px;
}

.tbl_rad {
    border-radius: 43px;
}

.sfety-bg .elaprase-badge--gray .elaprase-badge--inner,
.sfety-bg .elaprase-badge--gray .elaprase-badge--inner::before,
.sfety-bg .elaprase-badge--gray .elaprase-badge--inner::after {
    background: rgb(233 233 233);
}

.sfety-bg .elaprase-badge--inner[class*="font-"] {
    padding-top: 3px;
    padding-bottom: 3px;
}

.sfety-bg .elaprase-badge--inner::before {
    width: 6%;
}

.sfety-bg {
    background-image: url(../../assets/images/safety-bg-02.png);
    background-repeat: no-repeat;
    background-size: 130px;
    background-position: right top 100px;
}

.single-line-bg {
    background: url(/../../content/assets/images/hunter-outcome-survey.png);
    background-position: right top;
    background-repeat: no-repeat;
}

.horizontal-bg {
    background: url(/../../content/assets/images/horizontal-line.png);
    background-position: bottom 100px left;
    background-repeat: no-repeat;
}

.horizontal-bg-dosed {
    background: url(/../../content/assets/images/horizontal-line.png);
    background-position: bottom left;
    background-repeat: no-repeat;
}

.block-bottom {
    bottom: 15px;
    left: 60px;
}

.vertical_bg {
    background: url(/../../content/assets/images/vertical-line.png);
    background-position: top right;
    background-repeat: no-repeat;
    background-size: 120px;
}

.onepath-img-block img {
    min-height: 182px;
    object-fit: cover;
    object-position: right;
}

.onepath-product-content .box-content a:hover {
    color: #9B278F;
}

.onepath-product-content.tailored-support-content .left-col {
    border: 0;
}

.tailored-border-top {
    border-top: 2px solid #9B278F;
}

.list-purple.custom-ul {
    list-style-image: url("../../assets/images/blue-bullet-point.svg")
}

.lead-2 {
    line-height: 1.3;
}

.margin_minus {
    margin-top: -125px;
}

.mt_mi {
    margin-top: -45px;
}

.resources-content {
    background: url(/../../content/assets/images/horizontal-line-02.png);
    background-position: top right;
    background-repeat: no-repeat;
    background-size: 600px;
}

.elaprase-badge--page .badge-height {
    min-height: auto;
}

.elaprase-faq {
    background: url(/../../content/assets/images/vertical-long-line.png);
    background-position: top right;
    background-repeat: no-repeat;
}

.elaprase-sitemap {
    background: url(/../../content/assets/images/square-bg.png);
    background-position: top 100px right;
    background-repeat: no-repeat;
}

    .elaprase-sitemap a {
        color: #000;
        text-decoration: underline;
    }

.elaprase-badge--dark-blue,
.elaprase-badge--dark-blue:before {
    background: rgb(11 57 79);
}

.dark-blue-txt {
    color: rgb(11 57 79);
}

.elaprase-tabbing .elaprase-tab-items a {
    color: #000;
}

.curvy_radius {
    border-radius: 60px;
}

.error_page {
    background: url(/../../content/assets/images/error-bulb.png);
    background-repeat: no-repeat;
    background-position: top right;
}

.anniversary-modal {
    max-width: 690px;
}

    .anniversary-modal .stay-updated {
        padding: 8px 18px;
        border-radius: 20px;
        font-family: "Roboto-bold";
        font-size: 18px;
        background: rgb(11 52 72);
    }

.d-inline-block-word-break {
    display: inline-block !important;
}

.isi-fixed {
    position: fixed !important;
    width: 100%;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 11 !important;
}

.open_tray {
    width: 28px;
    height: 28px;
    background-color: #c1c1c1;
}

    .open_tray img {
        transform: rotate(45deg);
    }

.close_tray {
    width: 28px;
    height: 28px;
    background-color: #c1c1c1;
}

    .close_tray span {
        width: 1.2rem;
        height: 2px;
    }

.ISI_tray_innerCon {
    width: calc(100% - 60px);
}

.ISI_sticky_head_tray {
    z-index: 7;
}

.ISI_full_scroll_tray {
    z-index: 10600;
}

    .ISI_full_scroll_tray.tray__open {
        height: calc(100vh - 80px);
    }

.close_tray {
    right: 40px;
    top: 68px;
    z-index: 2;
}

.arrow-icon {
    bottom: 40%;
    cursor: pointer;
    position: fixed;
    z-index: 9;
    right: 4%;
    width: 3.9rem;
    height: 3.9rem;
    border-radius: 50%;
    border: 2px solid var(--gray-400);
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #ffffff;
}

.bottom-0 {
    bottom: 0
}

.ISI_sticky_head_tray {
    /*    z-index: 10000;*/
}

.ISI_sticky_tray {
    z-index: 11;
    bottom: -65px;
}
.ISI_sticky_tray.consumer-position{
    bottom:-150px;
}
.ISI__section.tray__open {
    z-index: 9;
    position: fixed;
    bottom: 0;
    width: 100%;
    background-color: #ffffff;
    overflow-y: scroll;
}

.ISI__section button.btn_close.close_tray {
    display: none !important;
}

.ISI__section.tray__open button.btn_close.close_tray {
    display: flex !important;
}

/* lang toggle styling */
.elaprase-langToggle {
    padding-top: 30px;
}

.langToggle {
    cursor: pointer;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 24px;
    background: #D9F0FA;
    max-width: 115px;
    width: 100%;
    padding: 7px 21px;
    box-shadow: inset 0px 0px 6px 1px rgba(0, 0, 0, 0.24);
}

    .langToggle p.active {
        color: #ffffff;
    }

    .langToggle p {
        position: relative;
        z-index: 1;
        font-size: 21px;
    }

    .langToggle::before {
        content: '';
        position: absolute;
        height: 32px;
        border-radius: 24px;
        background: #2299d6;
        top: 50%;
        transform: translateY(-50%);
    }

    .langToggle.en::before {
        width: 50px;
        left: 10px;
    }

    .langToggle.es::before {
        width: 48px;
        left: unset;
        right: 10px;
    }
/* lang toggle styling */
.blockQuoteCard {
    border-radius: 70px;
    background: #bde0f3;
    position: relative;
    width: calc(100% - 300px);
    margin: 0 auto;
}

    .blockQuoteCard::before {
        position: absolute;
        content: '';
        background-image: url("../../assets/images/icons/blockquoteIconleft.png");
        background-repeat: no-repeat;
        background-size: contain;
        width: 101px;
        height: 72px;
        left: 0;
        top: -15px;
        transform: translateX(-100%);
    }

    .blockQuoteCard::after {
        position: absolute;
        content: '';
        background-image: url("../../assets/images/icons/blockquoteIconRight.png");
        background-repeat: no-repeat;
        background-size: contain;
        width: 101px;
        height: 72px;
        right: 0;
        bottom: -15px;
        transform: translateX(100%);
    }

.fadeBG {
    background: #bde0f3;
    padding: 40px 0;
    max-width: 300px;
    margin: 0 auto;
    border-top-right-radius: 30px;
}

.overflow-unset {
    overflow: unset;
}

.fadeBG::before {
    z-index: -1;
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: -webkit-calc(100% - 19px);
    left: calc(100% - 25px);
    width: 20%;
    max-width: 75px;
    min-width: 30px;
    height: 100%;
    -webkit-transform: skew(20deg);
    transform: skew(5deg);
    background: #bde0f3;
    border-top-right-radius: 30px;
    border-bottom-right-radius: 50px;
}

.fadeBG::after {
    z-index: -1;
    content: "";
    display: block;
    position: absolute;
    top: 0;
    transform: translateX(-100%);
    left: 0;
    width: 20%;
    max-width: 75px;
    min-width: 30px;
    height: 100%;
    background: #deeff9;
    background: linear-gradient(90deg, rgba(255,255,255,1) 20%, #bde0f3 100%);
}

#ResourceModal .auth-modal-btn-wrapper {
    top: unset;
}

#ResourceModal .auth-modal-img-wrapper {
    padding: 10px 0 20px 10%;
}

#ResourceModal .auth-modal-img {
    width: auto;
}

#ResourceModal .auth-modal-content {
    padding: 25px 0px;
}

#ResourceModal .job-code {
    font-size: 12px;
    opacity: 0.4;
}

/* tailoredsupport-css start */
.about-elaprase-content .hero.tcpPage.tailored-support {
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url("../../assets/images/tcp-banner-img.png");
    height: 281px;
    background-position-y: -40px;
    margin-top: 16px;
    border-bottom: 2px solid #07809F;
}

.about-elaprase-content .hero.tcpPage.tailored-support {
    background-image: url("../../assets/images/Tailored_Support_banner.png");
    background-position-y: unset !important;
    border-bottom: 2px solid #9B278F;
}
.onePathColorGrey {
    color: #746F73;
}
.onePathColorPurple {
    color: #9B278F;
}
.hero.tcpPage .tcp-bannerlogo {
    object-position: -15px;
}
/* tailoredsupport-css end */

/*Onepath css start*/
.onePathColorBlue {
    color: #07809F;
}

.onePathColorGrey {
    color: #746F73;
}

.onePathColorBlack {
    color: #231F20;
}

.onePAthBgLightBlue {
    background-color: #E4F0F5;
}

.bottom-card-gray {
    background-color: #F4F4F4;
    border-radius: 16px;
}

.bottom-card-gray .purple-corner-svg {
    position: absolute;
    bottom: -5px;
    right: -5px;
}

.bottom-card-gray.ts-support a:hover, .ts-blue-hover {
    color: #07809F !important;
    }

.onepath-product-content .card-blue {
    border-radius: 16px 0 0 16px;
}

.onepath-product-content .left-col {
    padding-top: 24px;
    padding-bottom: 24px;
    border-top: 2px solid #07809F;
    border-bottom: 2px solid #07809F;
}

/*.list-blue.custom-ul {
    list-style-image: url("../../assets/images/purple-bullet-point.svg")
}*/

    .list-blue.custom-ul li {
        padding-left: 10px;
    }

.one-path-firstList {
    color: #001C71;
    font-weight: 600;
}

.list-blue li::marker {
    color: #001C71;
}

.one-path-secondList {
    color: #35BBEA;
    font-weight: 600;
}

.list-light-blue li::marker {
    color: #35BBEA;
}

.download-block--button ul li#start-form {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.download-block--button ul li#start-form:hover ul#start-form-links {
    width: 160px !important;
    background: #ffffff;
}

    .download-block--button ul li#start-form:hover ul#start-form-links li:first-child {
        border-bottom: 0 !important;
    }

.download-block--button ul li#start-form #start-form-links {
    top: 47px;
    left: 0 !important;
    padding-top: 0 !important;
}

/*Onepath css end*/

.portalParent .contentHeader{
    margin-top:170px;
}


@media only screen and (min-width: 992px) {
    #ResourceModal .auth-modal-btn-wrapper .elaprase-badge {
        max-width: 350px;
        width: 100%;
    }

        #ResourceModal .auth-modal-btn-wrapper .elaprase-badge:not(.elaprase-badge--right) .elaprase-badge--inner {
            padding-left: 15px;
        }

    #ResourceModal .auth-modal-btn-wrapper .elaprase-badge--right .elaprase-badge--inner {
        padding-right: 45px;
    }
}

/*Resposnive Styles*/
@media (max-height: 800px) {
    .sidebar-body {
        max-height: 248px !important;
    }

    .sidebar-index {
        top: 45%;
    }

    .sidebar-header span {
        font-size: 15px;
    }
}

@media only screen and (min-width: 1450px) {
    .font-28 {
        font-size: 28px;
    }

    .font-24 {
        font-size: 24px;
    }

    .font-22 {
        font-size: 22px;
    }

    .font-19,
    .support-title {
        font-size: 19px;
    }

    .font-17 {
        font-size: 17px;
    }

    .font-14 {
        font-size: 14px;
    }

    .font-13 {
        font-size: 13px;
    }

    .auth-modal-width {
        max-width: 60%;
    }

    #ResourceModal .auth-modal-width {
        max-width: 950px;
    }
}

@media(min-width:1441px) {
    .about-elaprase-content .hero.tcpPage.tailored-support {
        height: 381px;
        background-position-y: -60px;
    }
}

@media(min-width:2100px) {
    .about-elaprase-content .hero.tcpPage.tailored-support {
        height: 500px;
        background-position-y: -80px;
    }
}

@media (min-width: 1280px) {
    .container {
        max-width: 1280px;
        padding-left: 60px;
        padding-right: 60px;
    }
}

@media (max-width: 1450px) {
    .font-50 {
        font-size: 44px;
    }

    .navigation-logo {
        max-width: 260px;
    }

    .navbar-nav,
    .navbar-light .navbar-nav .nav-link {
        font-size: 15px;
    }

    .stay-updated {
        font-size: 12px;
    }

    a.elaprase-tab-links {
        font-size: 20px;
    }

    .tabs-main ul {
        margin: 20px 0px;
    }

    .auth-modal-width {
        max-width: 80%;
    }
}

@media (max-width: 1279px) {
    .navigation-logo {
        max-width: 228px;
    }

    .navbar-nav,
    .navbar-light .navbar-nav .nav-link {
        font-size: 12px;
    }

    .font-50 {
        font-size: 30px;
    }

    .font-28 {
        font-size: 26px;
        line-height: 1.2em;
    }

    .font-27 {
        font-size: 25px;
    }

    .font-26 {
        font-size: 24px;
    }

    .font-24 {
        font-size: 22px;
    }

    .font-22 {
        font-size: 20px;
    }

    .font-21 {
        font-size: 19px;
    }

    .font-19,
    .support-title {
        font-size: 18px;
    }

    .font-17 {
        font-size: 17px;
    }

    .font-14 {
        font-size: 14px;
    }

    .font-13 {
        font-size: 12px;
    }

    .support-footer-links ul li {
        font-size: 14px;
    }

    .footer-badge .elaprase-badge--inner {
        text-align: right;
    }

    .navbar-expand-lg .navbar-nav .dropdown-menu .dropdown-item {
        font-size: 12px;
    }

    .elaprase-badge--inner.font-21 {
        line-height: 25px;
    }

    .contact-deatils {
        margin-bottom: 10px;
    }

    .elaprase-badge--inner:not([class*="font-"]) {
        font-size: 17px;
    }

    .hero .hero-badge {
        right: 15px;
    }

    .navbar-wrapper .container {
        padding-right: 15px;
    }

    .blockquote-rounded {
        padding: 20px;
    }

    .elaprase-badge-banner .elaprase-badge--inner::before {
        -webkit-transform: skew(12deg);
        transform: skew(12deg);
    }

    .badge-footer {
        max-width: calc(100% - 60px);
        margin-left: auto;
    }

    .download-resource {
        font-size: 26px;
        line-height: 32px;
    }

        .download-resource img {
            width: 32px;
        }

    .resource-label {
        padding: 10px 40px;
    }

    .resource-button {
        min-width: 160px;
    }

        .resource-button a {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
        }

    .page-headers .elaprase-badge-banner {
        margin-bottom: 50px;
    }

    .history--content h2 {
        font-size: 30px;
        line-height: 38px;
    }

    .timeline-badge:not(.timeline-badge--lg) {
        min-width: 126px;
    }

    .timeline-row--2011 {
        background-position: left 45% top 68px;
    }

    .timeline-row--1990 {
        margin-top: -165px;
    }

    .timeline-row--1917 {
        margin-top: -90px;
    }

    .patient-profile--content .badge-extend--right .elaprase-badge--inner::after {
        left: auto;
        right: -56px;
        z-index: -1;
    }

    .dosing-calc-mobile-view {
        font-size: 18px;
    }

    .calc-top-dark {
        min-height: 130px;
    }

    .dosing-calc input[type="text"],
    .dosing-calc input[type="number"] {
        width: 180px !important;
    }

    .dosing-calc-senario {
        font-size: 18px;
    }

    .calc-count {
        min-width: 142px !important;
    }

    .dosing-calc-senario strong {
        min-width: 31px;
    }
}

@media only screen and (min-width: 991px) {
    .width-lg-90 {
        max-width: 90%;
    }

    .width-lg-80 {
        max-width: 80%;
    }

    .width-lg-60 {
        max-width: 60%;
    }

    .width-lg-70 {
        max-width: 70%;
    }

    .width-lg-900 {
        width: 900px;
        max-width: 100%;
    }

    .width-lg-1150 {
        width: 1150px;
        max-width: 100%;
    }

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

    /* 13-1 feedback changes */
    .tabs-main ul li:last-child::after,
    .tabs-main ul li:first-child::after {
        content: "";
        position: absolute;
        top: 0;
        width: 60px;
        height: 100%;
        background: rgb(222 239 249);
        transform: skew(20deg);
    }

    .tabs-main ul li:first-child::after {
        right: calc(100% - 25px);
        width: 85px;
    }

    .tabs-main ul li:last-child::after {
        left: calc(100% - 1px);
    }

    .tabs-main ul li:first-child.items-active::after,
    .tabs-main ul li:first-child:hover::after,
    .tabs-main ul li:last-child.items-active::after,
    .tabs-main ul li:last-child:hover::after {
        background: #000;
    }

    .tabs-main ul {
        overflow: visible;
    }

        .tabs-main ul li:first-child::before {
            content: " ";
            position: absolute;
            width: 3px;
            background: #fff;
            height: 100%;
            right: 0px;
            bottom: 0px;
            left: unset;
        }

        .tabs-main ul li:first-child:hover::before,
        .tabs-main ul li:first-child.items-active::before {
            left: unset;
            height: 100%;
            width: 3px;
            background: white;
            transform: unset;
        }
}

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

    .navigation-logo {
        max-width: 205px;
    }

    .margin_minus {
        margin-top: 0;
    }

    .dosing-calculator {
        padding-bottom: 0;
    }

    .navbar-expand-lg .navbar-nav .nav-link {
        padding: 0.5rem 0.8rem;
    }

    .elaprase-badge--inner:not([class*="font-"]) {
        font-size: 16px;
    }

    /*Inner Pages*/
    .elaprase-badge--page h1 {
        font-size: 44px;
    }

    .elaprase-badge--page .elaprase-badge--inner {
        min-height: 160px;
        min-width: 256px;
    }

    a.elaprase-tab-links {
        font-size: 18px;
    }

    .background-xl {
        background: none;
    }

    .resource-label {
        padding-left: 15px;
        padding-right: 15px;
    }

    .history--content h2 {
        font-size: 28px;
        line-height: 36px;
    }

    .topbar-links li {
        font-size: 12px;
    }
    .topbar-links li:not(:last-child)::after{
        top:7px;
    }
    .top-users {
        white-space: nowrap;
    }

    /*Modals*/
    .auth-modal-btn-wrapper
    .elaprase-badge:not(.elaprase-badge--right)
    .elaprase-badge--inner {
        padding-left: 30px;
    }

    .auth-modal-btn-wrapper .elaprase-badge--right .elaprase-badge--inner {
        padding-right: 30px;
    }

    .timeline-block--right {
        margin-top: 0;
    }

    .timeline-badge {
        font-size: 30px;
        line-height: 30px;
    }

        .timeline-badge:not(.timeline-badge--lg) {
            min-width: 112px;
        }

    .timeline-block .timeline-art {
        width: 120px;
        /* max-height: 76px; */
        text-align: center;
    }

    .timeline-block .timeline-content {
        font-size: 19px;
    }

    .timeline-row--2016 {
        margin-top: -90px;
    }

    .timeline-row--1990 {
        margin-top: -195px;
    }

    .timeline-row--2005 {
        margin-top: -85px;
    }

    .timeline-row--1917 {
        margin-top: -130px;
    }

    .timeline-badge--lg {
        min-width: 192px;
    }

    .timeline-row--1972 img {
        max-width: 70px;
    }

    .timeline-row--9020 img {
        max-width: 140px;
    }

    .timeline-row--9020 .timeline-content {
        min-width: 256px;
    }

    .timeline-row--1990 {
        margin-top: -175px;
    }

    .elaprase-cto-table2 {
        overflow-x: auto;
    }

    .resource-content a.btn {
        font-size: 16px;
    }

    .block-bottom {
        background: rgba(255, 255, 255, 0.5);
        left: 0;
        bottom: 4px;
    }

    .mechanism-steps h3 {
        min-height: 0px;
    }
    .ISI_sticky_tray {
        bottom: -105px;
    }
    .hero .hero-badge.new-hero-badge h1 {
        font-size: 30px;
    }
}

@media (max-width: 400px) and (max-height: 800px) {
    .sidebar-body {
        max-height: calc(100vh - 360px);
    }

    .page-information {
        padding-left: 0px;
        padding-bottom: 0;
        padding-top: 0;
    }

        .page-information p.Roboto-Bold {
            margin-bottom: 10px;
        }

        .page-information p {
            font-size: 14px;
            /*line-height: 1.5;*/
            margin-bottom:0.5rem !important;
        }

        .page-information br {
            display: none;
        }

    .page-information {
        padding-bottom: 0;
    }
}

@media (max-width: 400px) and (max-height: 678px) {
    .toggle-open .navbar-nav {
        max-height: unset !important;
        overflow: auto;
        z-index: 999;
        touch-action: auto;
    }
}

@media only screen and (max-width: 1030px) {
    .clinical-trial-body .elaprase-badge-banner .elaprase-badge--inner {
        padding-left: 25px;
    }

    .clinical-trial-body #importSaftyInfo {
        padding-left: 30px;
    }

    .clinical-trial-body .page-information {
        padding-left: 30px;
    }

    .clinical-trial-body .navigation-logo {
        max-width: 190px;
    }

    .clinical-trial-body .navbar-brand {
        margin-left: 20px;
        margin-right: 10px;
    }

    .dosing-calc-senario input[type="text"] {
        width: 77px;
    }

    .sidebar-index {
        /* left: 43px; */
        transform: translateX(-112px) translateY(-50%);
    }

    .clinical-trial-body .footer-badge,
    .clinical-trial-body .footer-bg {
        padding-left: 30px;
    }
}

@media (max-width: 1024) {
    .mechanism-steps h3 {
        /*min-height: 126px;*/
        min-height: 0px;
    }
}

@media (max-width: 768) {
    .mechanism-steps h3 {
        min-height: auto;
    }
}

@media (min-width: 1025px) {
    .mechanism-action h3.round-box {
        font-size: 36px;
        margin-left: -70px;
    }
}

@media only screen and (max-width: 1024px) {
    .timeline-row:nth-child(odd) {
        padding-right: 30px;
    }

    .feature-icon-wrapper img {
        max-width: 100%;
    }

    .timeline-row:nth-child(even) {
        padding-left: 30px;
    }

    .timeline-row .timeline-block--left .timeline--width {
        margin-right: 0px;
    }

    #ResourceModal .auth-modal-img-wrapper {
        padding: 10px 10px 20px 10%;
    }

    #ResourceModal .auth-modal-img {
        width: 100%;
    }
}

@media only screen and (max-width: 1024px) and (min-width: 991px) {
    .history-timeline
    .timeline-row-style:nth-child(1)
    .timeline-row:nth-child(1)
    .timeline-block--left {
        width: 90%;
    }

        .history-timeline
        .timeline-row-style:nth-child(1)
        .timeline-row:nth-child(1)
        .timeline-block--left
        .timeline--width {
            min-width: auto;
            width: 175px;
        }

    .history-timeline:after {
        left: 0px;
        opacity: 0;
    }
}

@media only screen and (max-width: 991px) {
    .font-50 {
        font-size: 28px;
    }

    .font-28 {
        font-size: 24px;
    }

    .font-26 {
        font-size: 22px;
    }

    .font-24 {
        font-size: 20px;
    }

    .font-22 {
        font-size: 18px;
    }

    .font-21 {
        font-size: 17px;
    }

    .font-19 {
        font-size: 16px;
    }

    .font-17 {
        font-size: 15px;
    }

    .font-14 {
        font-size: 13px;
    }

    .font-13 {
        font-size: 12px;
    }

    .collapsable {
        display: none;
    }

    .access-support-content .elaprase-block p.font-28 {
        font-size: 19px;
        margin-bottom: -10px;
    }

    .modal-form--success {
        height: calc(70% - 160px);
    }

    .takeda-logo {
        margin-bottom: 0;
    }

    .collapsable.show {
        position: absolute;
        top: 60px;
        z-index: 1;
        background: white;
        width: 100%;
        left: 0px;
        display: block;
    }

    .menu_imp_safty {
        display: block;
        background: #fff;
    }

    .toggle-open header .navbar-nav {
        /*z-index: 9;
        position: relative;*/
    }
    /*
    body.toggle-open .page-information {
        display: none;
    }*/

    .badge-extend--right .elaprase-badge--inner::after {
        left: calc(100% - 22px);
    }

    .main-content {
        position: relative;
    }

    .feature-section-wrapper {
        width: 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .support-footer-row {
        margin-top: 10px;
    }

    .elaprase-product-img {
        min-height: 400px;
    }

    .support-title {
        margin-bottom: 10px;
    }

    .order_22 {
        order: 1;
    }

    .order_11 {
        order: 2;
    }

    .order_14 {
        order: 3;
    }

    .support-title br {
        display: block;
    }

    .timeline-row:nth-child(odd) {
        padding-right: 0px;
    }

    .timeline-row:nth-child(even) {
        padding-left: 0px;
    }

    .navbar-nav .dropdown-menu .dropdown-item br {
        display: none;
    }

    .support-footer-links {
        margin-bottom: 0;
    }

    .support-Inner {
        padding-top: 40px;
        padding-bottom: 20px;
    }

    .support-footer-links ul {
        text-align: center;
    }

        .support-footer-links ul li {
            display: inline-block;
            float: none;
            padding: 0px 9px 0 0px;
        }

    h2.feature-title {
        font-size: 18px;
    }

    .elaprase-bg-add {
        position: relative;
    }

    .col-mechanism--art {
        margin-top: 20px;
    }

    .elaprase-badge-banner {
        margin-top: 20px;
    }

        .elaprase-badge-banner + .elaprase-badge-banner {
            margin-top: 10px;
        }

    .hide-show-btn {
        margin-bottom: 0;
    }

    .history-timeline:after {
        left: auto;
        right: -7px;
        background-image: url(/../../Content/assets/images/timeline-img/bulb.png);
        background-position: right;
        width: 200px;
        top: 10px;
        background-size: auto 100%;
    }

    .about-elaprase-content .elaprase-badge-banner {
        background: url(/../../content/assets/images/clinical-trial-bg.png);
        background-position: right bottom;
        background-repeat: no-repeat;
        background-size: 125px;
    }

    .elaprase-support {
        background-size: auto;
        background-position: left bottom;
    }

    .timeline-block .timeline-content p {
        width: 80%;
    }

    .timeline-block .timeline-art {
        width: calc(100% - 74px);
        text-align: left;
    }

    .timeline-block--right .timeline-badge {
        width: 67px;
        order: 2;
    }

    .timeline_top_block .timeline-art {
        margin-top: 0;
    }

    .timeline_top_block .timeline-badge span {
        font-size: 23px;
    }

    .timeline_top_block .timeline-badge span {
        padding-left: 0;
    }

    .timeline_top_block .timeline-badge::before {
        border-top-left-radius: 40px !important;
        border-bottom-left-radius: 40px !important;
        min-width: 120px !important;
    }

    .timeline-block .timeline-content {
        order: 3;
    }

    .timeline-block--left > *:first-child {
        margin-left: 0;
    }

    .timeline-block--left .timeline-content {
        order: 3;
    }

    .timeline-block.timeline-block--left .timeline-art {
        order: 1;
    }

    .timeline-row .timeline-block--left .timeline-badge {
        order: 2;
    }

    .timeline-block {
        justify-content: space-between;
        flex-wrap: wrap;
    }

    .timeline-badge {
        margin-top: 19px;
    }

        .timeline-badge::before,
        .timeline-block--right .timeline-badge::before {
            min-width: 111px;
            right: -37px;
            left: auto;
            width: auto;
            top: -15px;
            background: linear-gradient(to right, rgb(222 239 249), rgb(226 241 250));
            border-top-left-radius: 30px;
            border-bottom-left-radius: 30px;
            border-top-right-radius: 0px;
            border-bottom-right-radius: 0px;
        }

        .timeline-badge span {
            padding-left: 10px;
            max-width: 70px;
        }

    .badge-dark-blue::before {
        min-width: 105px !important;
    }

    .timeline--noBudget .timeline-content {
        order: 1 !important;
    }

    .timeline-block .timeline-content {
        margin-top: 30px;
    }

    .info-header--wrapper {
        font-size: 16px;
        max-width: 270px;
        border-radius: 14px;
        padding: 14px 20px 14px 30px;
    }

    .elaprase-who:after {
        background-size: 100px;
        background-position: top right;
        position: absolute;
        right: 15px;
        top: -140px;
    }

    .info-header--wrapper .btn--close {
        margin-left: 10px;
    }


        .info-header--wrapper .btn--close img {
            width: 10px;
        }

    .navbar-collapse {
        margin-left: -15px;
        margin-right: -15px;
        position: relative;
    }

    .fix-header {
        /* background: transparent; */
    }

    .toggle-open .fix-header {
    }

    .fix-header .top-bar {
        position: relative;
    }

    .navbar-collapse::before {
        position: absolute;
        top: 0;
        left: 0;
        content: "";
    }

    .navbar-expand-lg .navbar-nav .dropdown-menu {
        opacity: 1;
        visibility: visible;
    }

    .navbar-nav .nav-item {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        background: #000;
        width: 100%;
        line-height: 21px;
        min-height: 38px;
        overflow-y: auto !important;
    }

        .navbar-nav .nav-item.show {
            min-height: auto;
        }

        .navbar-nav .nav-item > .dropdown-menu {
            width: 100%;
            order: 3;
        }

        .navbar-nav .nav-item > .nav-link {
            order: 2;
        }

    .navbar-light .navbar-nav .nav-link,
    .navbar-nav .nav-link {
        /*background: rgb(11 57 79) #deeff9;*/
        background: none;
        color: #ffffff;
        text-align: center;
        font-size: 18px !important;
        line-height: 26px;
        color: #239ad7;
        display: inline-block;
        padding: 5px;
        vertical-align: middle;
    }

   /* .fix-header .navbar-wrapper {
        box-shadow: 1px 1px 2px rgba(136, 136, 136, 0.57);
    }*/

    .navbar-expand-lg .navbar-nav .dropdown-menu {
        display: none;
        transform: none;
        transition: none;
    }

    .header-cta {
        /* display: none;
    padding: 0; */
        display: block;
        text-align: center;
    }

        .header-cta .stay-updated {
            font-size: 18px;
            display: block;
            width: 100%;
            margin: 0;
            border-radius: 0;
            border-top: 2px solid #fff;
            text-align: center;
            color: #239ad7;
            font-weight: 600;
            font-family: Roboto-Black;
        }

    .navbar-expand-lg .navbar-nav .dropdown-menu,
    .navbar-nav li:hover > ul.dropdown-menu {
        border-radius: 0;
        border: 0;
    }

    .navbar-wrapper .navbar {
        margin-bottom: -8px;
        z-index: 3;
    }

    .page-info--header > div {
        margin-right: 15px;
    }

    .navbar-nav li:not(:last-child) {
        border-bottom: 2px solid #ffffff;
    }

    .navbar-wrapper > .container {
        background: #ffffff;
    }

    .navbar-wrapper .container,
    .page-information .container,
    .top-bar .container {
        max-width: 100%;
    }

    li.nav-item:hover {
        border-radius: 0;
    }

    .dropdown-menu li {
        position: relative;
        opacity: 1;
        display: inline-block;
        width: 100%;
    }

    .search-form {
        top: 79px;
    }

    .navbar-collapse {
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        z-index: 1;
    }

    .navbar-wrapper::before {
        content: "";
        display: block;
        position: absolute;
        left: 0;
        right: 0;
        height: 100vh;
        /* height: 345px; */
        top: 100%;
        /* background-color: rgba(82, 115, 131, 0.8); */
        background-color: rgb(255, 255, 255);
        opacity: 0;
        visibility: hidden;
        transition: all 0.1s ease-in-out 0s;
    }

    .toggle-open .navbar-wrapper::before {
        opacity: 1;
        visibility: visible;
    }

    .toggle-open .fix-header {
        /* position: relative; */
        /*height: 100%;
        overflow: auto;*/
    }
    /*   body.toggle-open {
        overflow: hidden;
    }*/

    .search-form {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .navbar-nav li > span {
        display: flex;
        align-items: center;
        justify-content: center;
        line-height: 36px;
        width: 36px;
        color: #239ad7;
        height: 36px;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        font-size: 24px;
        vertical-align: middle;
        margin-top: 0;
        transform-origin: center;
    }

    .navbar-expand-lg .navbar-nav .dropdown-menu .dropdown-item {
        font-size: 16px;
    }

    .navbar-nav li > span.dropdown-open {
        line-height: 40px;
    }

    .search-results a {
        margin-bottom: 5px;
        font-size: 16px;
    }

    .search-results > p:first-child {
        margin-top: 10px;
    }

    .search-results {
        width: 90%;
    }

    .topbar-contnet {
        white-space: nowrap;
    }

    .single-line-bg {
        background-position: right bottom 100px;
        background-size: 100px;
    }

    .horizontal-bg {
        background-size: 87%;
    }

    .horizontal-bg-dosed {
        background-size: 37%;
    }

    /*Inner Pages*/
    .elaprase-badge--inner.font-21 {
        line-height: 23px;
    }

    .about-elaprase-content .about-us-elaprase-indi-wrapper {
        padding-top: 20px;
        margin-top: 20px;
        background-size: auto;
        background-position: bottom right;
    }

    .tabs-main ul {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        background: #d2d2d2;
    }

        .tabs-main ul li,
        .tabs-main--equal.tabs-main ul li {
            width: 100%;
        }

            .tabs-main ul li:not(:first-child) {
                border-top: 2px solid #fff;
            }

            .tabs-main ul li a {
                padding: 5px 0;
                color: #000;
            }

            .tabs-main ul li::after {
                display: none;
            }

        .tabs-main ul li,
        a.elaprase-tab-links {
            -webkit-transform: none;
            transform: none;
            min-height: unset;
        }

            .tabs-main ul li br {
                display: none;
            }

    .mechanism-action img {
        -webkit-transform: none;
        transform: none;
        display: block;
        margin: 0 auto;
        width: 250px;
        max-width: 100%;
    }

    .mechanism-steps--wrapper {
        max-width: 100%;
    }

    .mechanism-steps h3 br {
        display: none;
    }

    .mechanism-steps .mechanism-steps--count {
        font-family: "Roboto-Black";
        font-size: 78px;
        line-height: 74px;
        font-weight: 900;
        color: rgb(35 154 215);
        line-height: 0.8;
    }

    .mechanism-action {
        margin-top: 30px;
    }

    .sidebar-index {
        /* left: 40px; */
        transform: translateX(-125px) translateY(-50%);
    }

    .download-resource {
        font-size: 22px;
        line-height: 28px;
    }

    .resource-button {
        min-width: 70px;
    }

    .download-resource {
        border-top-left-radius: 15px;
        border-top-right-radius: 15px;
    }

    .page-headers .elaprase-badge-banner {
        margin-bottom: 40px;
    }

    .profile-card--scott .profile-review-cont {
        width: 45%;
    }

    /* Modals */
    .auth-modal-btn-wrapper {
        margin-top: 30px;
        top: auto;
        display: flex;
    }

        .auth-modal-btn-wrapper .elaprase-badge {
            width: calc(50% - 50px);
        }

        .auth-modal-btn-wrapper .d-lg-none {
            display: none !important;
        }

        .auth-modal-btn-wrapper .elaprase-badge--right .elaprase-badge--inner {
            padding-right: 15px;
            padding-left: 0 !important;
        }

        .auth-modal-btn-wrapper
        .elaprase-badge:not(.elaprase-badge--right)
        .elaprase-badge--inner {
            padding-left: 15px;
            padding-right: 0 !important;
        }

    .timeline-block--left,
    .timeline-block--right,
    .timeline-row--9020 .timeline-block--left {
        max-width: 100%;
        width: 100%;
    }

    .timeline-row {
        margin-top: 0;
        background: none;
        margin-bottom: 30px;
        width: 100%;
    }

    .timeline-block .timeline-content {
        max-width: 100%;
    }

    .timeline-block--right .timeline-art img {
        padding-left: 10px;
    }

    .timeline-block img {
        max-height: 75px;
    }

    .timeline-row--2005,
    .timeline-row--2011,
    .timeline-row--1990 {
        height: auto;
    }

    .safety-information--content > .container {
        background: transparent;
    }

    .safety-hero-block {
        background: url(../../img/safety-information-bg.png) no-repeat;
        background-position: right top;
        background-size: 29%;
    }

    .timeline-block .timeline-content {
        font-size: 18px;
    }

    .history--content .elaprase-roundblock {
        padding-left: 15px;
        padding-right: 15px;
    }

    .timeline-block--left .timeline-content {
        text-align: left;
    }

    .timeline-block--right .timeline-badge {
        min-width: auto;
        /* order: 3; */
    }

    .history-timeline {
        padding: 0 20px;
    }

    .timeline-block--right .timeline-art {
        order: 1;
    }

    .timeline-row .timeline-block--left .timeline-badge {
        margin-right: 0;
        min-width: auto;
    }

    .timeline-img-height img {
        max-height: 95px;
    }

    .timeline-badge--lg {
        max-width: 112px;
        min-width: 0;
    }

    .timeline-block .timeline-content {
        /* max-width: calc(100% - 197px); */
        margin-left: auto;
        flex: 1;
    }

    .blockquote-rounded {
        margin-top: 15px;
    }

    .timeline-row--9020 .timeline-content {
        min-width: 0;
    }

    .timeline-row--9020 .timeline-block .timeline-art {
        max-height: 90px;
    }

    .timeline-row--9020 .timeline-badge span {
        background: transparent;
        position: relative;
    }

    .timeline-row--9020 .timeline-badge::after {
        content: "";
        background: #2299d6;
        width: 80px;
        height: 100%;
        display: block;
        position: absolute;
        top: 0;
        border-radius: 11px;
    }

    .timeline-block.timeline-block--right .timeline-art,
    .timeline-block.timeline-block--right .timeline-content {
        transform: translateX(-50px);
    }

    .timeline-block.revealIt > .timeline-art,
    .timeline-block.revealIt > .timeline-content {
        transform: translateX(0);
    }

    .page-tabbing-wrapper.container {
        max-width: 100%;
        padding: 0px;
    }

    .timeline-block-content {
        flex-direction: column;
    }

    /* Dosing calculator */
    .dosing-calc-mobile-view {
        height: 325px;
        padding: 77px 85px;
    }

        .dosing-calc-mobile-view:before {
            background-position: bottom;
        }

        .dosing-calc-mobile-view:before {
            width: 100%;
            left: 0;
        }

    .clinical-trial-body #importSaftyInfo {
        padding-left: 30px;
    }

    .clinical-trial-body .page-information {
        padding-left: 115px;
    }

    .clinical-trial-body .navbar-brand {
        margin-left: 119px;
    }

    .background-transparent {
        background-image: none;
    }

    .navbar-nav .nav-item.show span {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
        line-height: 40px;
        height: 26px;
        transform-origin: center;
    }

    .navbar-nav .nav-item.show .dropdown-menu {
        display: flex !important;
        align-items: stretch;
        flex-direction: column;
        width: 100%;
        height: 94px;
        overflow: auto;
        overflow-y: auto;
        opacity: 1;
        transition: 0.3s all;
        -webkit-transition: height 0.3s ease-in;
        -moz-transition: height 0.3s ease-in;
        -o-transition: height 0.3s ease-in;
        -ms-transition: height 0.3s ease-in;
        transition: all 0.3s ease-in;
    }

    .sidebar-body {
        max-height: calc(100vh - 430px);
    }

    .profile-card--top {
        background-size: cover;
        background-position: right bottom;
    }

    .navbar-nav .nav-item.show:nth-child(2) .dropdown-menu {
        height: 155px;
    }

    .navbar-nav .nav-item.show:nth-child(3) .dropdown-menu {
        height: 60px;
    }

    .navbar-nav .nav-item.show:nth-child(4) .dropdown-menu {
        height: 68px;
    }

    .navbar-nav .nav-item .dropdown-menu {
        display: initial !important;
        position: relative;
        height: 0;
        opacity: 0;
        transition: 0.3s all;
        overflow: hidden;
        transition: 0.3s all;
        -webkit-transition: height 0.3s ease-in;
        -moz-transition: height 0.3s ease-in;
        -o-transition: height 0.3s ease-in;
        -ms-transition: height 0.3s ease-in;
        transition: all 0.3s ease-in;
        top: unset;
        left: unset;
        z-index: auto;
    }

    .navbar-nav .nav-item:nth-child(1) {
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
    }

    .fix-header .page-information.footer-bg,
    .page-information.footer-bg {
        /*overflow: visible !important;
        display: block !important;
        height: auto !important;
        padding: 10px 0px !important;*/
    }

    .blockQuoteCard {
        width: calc(100% - 100px);
    }

        .blockQuoteCard::after, .blockQuoteCard::before {
            width: 60px;
            height: 45px;
        }

    .about-elaprase-content .hero.tcpPage.tailored-support {
        background-position-y: unset;
    }
}

@media only screen and (max-width: 768px) {
    .sidebar-index {
        /* left: 40px; */
        transform: translateX(-104px) translateY(-50%);
    }

    .clinical-trial-body .navbar-brand {
        margin-left: 30px;
    }

    .clinical-trial-body .page-information {
        padding-left: 30px;
    }

    .block-bottom {
        bottom: 0;
        /*left: 0;*/
    }



    .error_page {
        background: url(/../../content/assets/images/error-bulb-res.png);
        background-repeat: no-repeat;
        background-position: top right;
        background-size: 32%;
    }

    .res_tran {
        transform: translate(-1px, 103px);
    }

    .res_tran_2 {
        transform: translate(0px, 89px);
    }

    .res_tran_3 {
        transform: translate(0px, 52px);
    }

    .res_tran_2020 {
        transform: translate(0px, 108px);
    }

    .res_tran_2011 {
        transform: translate(0px, 29px);
    }

    .res_tran_2015 {
        transform: translate(0px, 108px);
    }

    .res_tran_2006 {
        transform: translate(0px, 77px);
    }

    .res_tran_2001 {
        transform: translate(0px, 62px);
    }

    .res_tran_1920 {
        transform: translate(0px, 67px);
    }

    .res_tran_1972 {
        transform: translate(0px, 62px);
    }
    .hero .hero-badge.new-hero-badge {
        top: 35px;
        right: 18px;
    }
    .hero .hero-badge.new-hero-badge h1 {
        font-size: 24px;
    }
}

@media only screen and (max-width: 815px) {
    .pb-md-50 {
        padding-bottom: 50px;
    }
}

@media only screen and (max-width: 767px) {
    .elaprase-section .main-title {
        font-size: 22px;
    }
    .subscriber-captcha {
        transform: translate(-25px) scale(0.8);
    }

    .timeline-badge::before,
    .timeline-block--right .timeline-badge::before {
        min-width: 88px;
        right: -18px;
    }

    .elaprase-faq .font-28 {
        font-size: 18px;
    }

    .sfety-bg {
        background-image: url(../../assets/images/safety-bg-res.png);
        background-size: 86px;
        background-position: right top 630px;
        padding-right: 65px;
    }

    .elaprase-faq {
        background: url(/../../content/assets/images/vertical-long-line-res.png);
        background-repeat: no-repeat;
        background-position: top right;
        background-size: 75px;
    }

    .elaprase-sitemap {
        background-position: top 200px right;
        background-size: 100%;
    }

    .vertical_bg {
        background: none;
    }

    .resources-content {
        background: none;
    }

    .res_resources {
        background: url(/../../content/assets/images/horizontal-line-02.png);
        background-position: bottom right -165px;
        background-repeat: no-repeat;
        background-size: 461px;
    }

    .onepath-elaprase {
        background: url(/../../content/assets/images/vertical-line.png);
        background-position: center right;
        background-repeat: no-repeat;
        background-size: 90px;
    }

    .container {
        max-width: 100%;
    }

    .font-32 {
        font-size: 24px;
        line-height: 30px;
    }

    .timeline-block--right > .timeline-content {
        order: 3;
    }

    .font-20 {
        font-size: 18px;
        line-height: 24px;
    }

    .font-19,
    .support-title {
        font-size: 16px;
        line-height: 22px;
    }

    .navbar-wrapper::before {
        height: 100vh;
    }

    .top-bar {
        text-align: center;
    }

    .top-bar .d-flex {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    ul.topbar-links {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
    .top-bar .topbar-links li:first-child {
        order: 1;
        width: 100%;
        margin-right: 0;
    }
    ul.topbar-links li:first-child::after {
        content: unset;
    }
    .top-bar .topbar-links li:first-child:has(.indication_link):after {
        content: "";
        width: 16px;
        background-color: #239AD7;
        display: block;
        height: 100%;
        right: -15px;
        position: absolute;
        top: 0;
    }
        .top-bar .topbar-links li:first-child:has(.indication_link):before {
            content: "";
            width: 16px;
            background-color: #239AD7;
            display: block;
            height: 100%;
            left: -15px;
            position: absolute;
            top: 0;
        }
    .topbar-links li {
        display: inline-block;
        float: none;
        font-size: 12px;
        /* margin-right: 0px;
        padding-right: 0px; */
    }

    .sidebar-index {
        top: 46%;
    }

    .top-users {
        margin-left: 0px;
        margin-right: 10px;
    }

    .navigation-logo {
        max-width: 220px;
    }

    .feature-title-wrapper {
        min-height: 60px;
    }

    .feature-section-wrapper {
        width: 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .elaprase-product-img img {
        width: auto;
        height: auto;
    }

    .support-title br {
        display: none;
    }

    .contact-details-inner ul li {
        float: none;
        display: inline-block;
    }

    .support-footer-links ul {
        margin-bottom: 0;
    }

    .badge-footer.elaprase-badge--right .elaprase-badge--inner::before {
        max-width: 82px;
        width: 18%;
        border-top-left-radius: 18px;
        border-bottom-left-radius: 14px;
        -webkit-transform: translateX(50%) skew(-14deg);
        transform: translateX(50%) skew(-14deg);
    }

    .support-footer-links ul {
        line-height: 18px;
    }

    .support-Inner .col {
        padding-right: 0;
    }

    .support-Inner {
        padding-bottom: 10px;
        margin-bottom: 10px;
        padding-top: 30px;
    }

    .bottom-btn {
        right: 15px;
    }

    .elaprase-badge--page .elaprase-badge--inner {
        min-width: unset;
        min-height: 150px;
    }

        .elaprase-badge--page .elaprase-badge--inner::before {
            -webkit-transform: skew(14deg);
            transform: skew(14deg);
        }

    /*Inner Pages*/
    .about-elaprase-content .about-us-elaprase-indi-wrapper {
        margin-top: 0;
    }

    .elaprase-badge-banner {
        padding-bottom: 0;
    }

    .mechanism-action img {
        width: 200px;
    }

    .mechanism-steps h3 {
        font-size: 20px;
        line-height: 26px;
    }

    .mechanism-steps .mechanism-steps--count {
        font-size: 50px;
        line-height: 45px;
    }

    .mechanism-steps .mechanism-steps--text {
        padding-left: 10px;
    }

    .mechanism-action > .container > .row {
        margin-bottom: 10px;
    }

    .elaprase-badge--inner[class*="width-lg-"] {
        max-width: calc(100% - 70px);
    }

    .onepath-product-content .download-block,
    .reimbursement-content .download-block {
        margin-bottom: 0;
    }

    .blockquote-rounded {
        padding: 15px;
    }

    .blockquote-rounded {
        margin-bottom: 0;
    }

    .download-resource img {
        width: 26px;
    }

    .download-resource {
        font-size: 20px;
        line-height: 26px;
    }
    /* lang toggle styling */
    .elaprase-langToggle, .pt-30 {
        padding-top: 22px !important;
    }
    /* lang toggle styling */

    /*Table*/
    .elaprase-table {
        padding: 0px 10px 10px;
    }

    .elaprase-roundblock {
        padding: 20px;
    }

    .elaprase-section {
        padding-top: 22px;
        padding-bottom: 22px;
    }

    .auth-modal-btn-wrapper .elaprase-badge br {
        display: none;
    }

    .auth-modal-width.modal-dialog {
        max-width: 96%;
        margin-left: auto;
        margin-right: auto;
    }

    .auth-modal-btn-wrapper .elaprase-badge--inner {
        display: block;
    }

    .auth-modal-btn-wrapper
    .elaprase-badge:not(.elaprase-badge--right)
    .elaprase-badge--inner::before {
        left: -webkit-calc(100% - 21px);
        left: calc(100% - 21px);
    }

    .auth-modal-btn-wrapper .elaprase-badge--right .elaprase-badge--inner {
        padding-right: 5px;
        margin-left: auto;
    }

    .auth-modal-btn-wrapper
    .elaprase-badge:not(.elaprase-badge--right)
    .elaprase-badge--inner {
        padding-left: 5px;
    }

    .auth-modal-img-wrapper {
        padding-left: 15px;
        padding-right: 15px;
        margin-top: 20px;
    }

    .auth-modal-img {
        width: 100%;
    }

    .modal-content--wrapper .close-btn-wrapper .close-btn {
        top: 23px;
    }

    .success-active ~ * {
        display: none !important;
    }

    .modal-form--success.success-active .success--footer {
        position: static;
        margin-top: 20px;
    }

    .modal-form--success.success-active > div {
        height: auto;
        margin-top: 20px;
    }

    .modal-form--success.success-active {
        position: static;
    }

    .modal-form--success img {
        width: 50px;
    }

    .history-timeline {
        margin-top: 35px;
        padding: 0;
    }

    .timeline-badge {
        font-size: 28px;
        line-height: 26px;
    }

    .history--content h2 {
        font-size: 25px;
        line-height: 26px;
    }

        .history--content h2 br {
            display: none;
        }

        .history--content h2 + .font-28 {
            font-size: 19px;
        }

    .timeline-block .timeline-content {
        font-size: 16px;
        line-height: 20px;
    }

    .timeline-block--left > img:first-child {
        margin-left: 0;
    }

    .timeline-row {
        margin-bottom: 20px;
    }

    .page-tabbing-wrapper.container {
        max-width: 100%;
        padding: 0px;
    }

    .clinical-trial-body .elaprase-badge-banner .elaprase-badge--inner {
        padding-left: 33px;
    }

    .sidebar-index {
        /* left: 40px; */
        transform: translateX(-91px) translateY(-50%);
    }

    /* PatientProfiles */
    .patient-profile--content .badge-extend--right .elaprase-badge--inner::after {
        right: -15px;
    }

    .profile-block {
        width: 100%;
        flex-direction: row-reverse;
        justify-content: space-between;
    }

    .profile-block--left .profile-badge {
        text-align: left;
        margin-left: 0;
    }

    .profile-badge {
        font-size: 26px;
        width: 150px;
    }

    .profile-block--left {
        padding-right: 0;
    }

    .profile-block--right {
        padding-left: 0;
    }

    .profile-block--left .profile-content {
        text-align: left;
    }

    .profile-block::before {
        display: none;
    }

    .profile-card--bottom {
        margin-top: 8px;
    }

        .profile-card--bottom .profile-timeline::before {
            top: -25px;
        }

        .profile-card--bottom .profile-content .profile-content-counts p {
            font-size: 16px;
            margin-bottom: 5px;
        }

    .row--pb-lg {
        padding-bottom: 0;
    }

    .profile-content {
        width: calc(100% - 150px);
        padding-top: 0;
        padding-right: 10px;
    }

    .profile-block--left .profile-badge span {
        border-top-left-radius: 11px;
        border-bottom-left-radius: 11px;
    }

    .profile-badge span {
        padding: 6px 0px 6px 8px !important;
        /* width: 100%; */
        position: relative;
    }

    .profile-badge::before,
    .profile-badge--rounded span::before {
        display: none;
    }

    .profile-badge.profile-badge--rounded {
        min-width: auto;
        text-align: center;
    }

    .profile-card--bottom .profile-badge span::before {
        background: #239ad7;
    }

    .profile-timeline::after {
        left: auto;
        right: 50px;
    }

    .profile-timeline::before {
        left: auto;
        right: 63px;
    }

    .profile-badge.profile-badge--rounded span {
        width: auto;
        padding-right: 15px !important;
    }

    .profile-badge span::before {
        content: "";
        position: absolute;
        width: 50%;
        width: 50px;
        height: 100%;
        right: -15px;
        top: 0;
        background: #deeff9;
        border-top-right-radius: 9px;
        border-bottom-right-radius: 9px;
        -webkit-transform: skewX(21deg);
        transform: skewX(21deg);
        z-index: -1;
    }

    .profile-block--left .profile-badge::before {
        border-top-right-radius: 9px;
        border-bottom-right-radius: 9px;
        -webkit-transform: skewX(21deg);
        transform: skewX(21deg);
        right: -20px;
        left: auto;
    }

    .patient-profiles--content .font-15 {
        font-size: 12px;
    }

    .profile-card--bottom .profile-timeline {
        margin-top: 46px;
        padding-bottom: 274px;
    }

    .profile-row--head + div {
        margin-top: 60px;
    }

    .profile-row--12 {
        margin-top: 70px;
    }

    .profile-row--5 {
        margin-top: 55px;
    }

    .profile-row--6 {
        margin-top: 25px;
    }

    .profile-row--8 {
        margin-top: 40px;
    }

    .profile-row--28 {
        margin-top: 25px;
    }

    .profile-row--3 {
        margin-top: 70px;
    }

    .profile-row--5 {
        margin-top: 105px;
    }

    .profile-row--12 {
        margin-top: 46px;
    }

    .profile-row--7 {
        margin-top: 20px;
    }

    .profile-row--9 {
        margin-top: 20px;
    }

    .profile-review-cont .profile-block-transparent {
        flex-direction: row;
    }

    .profile-review-cont {
        left: 0;
    }

    .profile-row-minus-left {
        margin-left: 0;
    }

    .profile-card--bottom .profile-timeline::before {
        height: calc(100% - 247px);
    }

    .profile-card--top .profile-review-cont {
        display: none;
    }

    .patient-profile--content .blockquote-rounded .font_res_37 {
        font-size: 37px;
    }

    .font_res_19 {
        font-size: 19px;
    }

    /* Profile scott */
    .profile-card--scott .profile-timeline::before {
        top: 0;
        height: calc(100% - 62px);
    }

    .profile-card--scott .profile-row--1,
    .profile-card--scott .profile-row--3,
    .profile-card--scott .profile-row--5 {
        margin-top: 30px;
    }

    .profile-card--scott .profile-review-cont .profile-content {
        width: 80%;
    }

    /* Dosing calculator */
    .calc-instruction::after {
        display: none;
    }

    .dosing-calc-mobile-view {
        font-size: 15px;
        height: auto;
    }

    .dosing-calc-senario {
        font-size: 15px;
    }

    .dosing-calc-mobile-view {
        padding: 52px 85px;
    }

        .dosing-calc-mobile-view:before {
            background-position: inherit;
        }

    .dosing-calculator::after,
    .calc-instruction::after {
        width: 100%;
        left: 0;
    }

    .dosing-calc-senario input[type="text"] {
        border-radius: 9px;
        width: 55px;
        height: 30px;
    }

    .mt-changes-minus {
        margin-top: 0;
    }

    .Calculation-legend,
    .Calculation-legend h4 {
        font-size: 16px;
    }

    .calc-instruction {
        font-size: 12px;
    }

    .claculator-process {
        font-size: 18px;
    }

    .resp-cal-bg {
        background: transparent url(../../img/shape-calc.png) no-repeat;
        background-position: right center;
    }

    #leavingModal .cookies-modal {
        max-width: 500px;
    }

    .anniversary-modal .stay-updated {
        font-size: 15px;
    }

    .anniversary-modal small {
        font-size: 70%;
    }

    .resource-content a.btn {
        font-size: 14px;
    }

    .page-info--header > div {
        margin-left: 15px;
    }

    .info-header--wrapper {
        max-width: 100%;
    }
}

@media only screen and (max-width: 639px) {
    .mechanism-action img {
        -webkit-transform: translateY(-5vw);
        transform: translateY(-5vw);
    }

    .elaprase-badge--inner::before {
        -webkit-transform: skew(14deg);
        transform: skew(14deg);
    }

    .dosing-calc input[type="text"],
    .dosing-calc input[type="number"] {
        width: 140px !important;
        height: 42px !important;
    }

    .dosing-calc--kg-cal input[type="text"] {
        border-radius: 9px;
        width: 87px;
        height: 44px;
    }

    .calc-bottom-light {
        min-height: 86px;
    }

    .calc-top-dark {
        min-height: 120px;
    }

    .dosing-calc-mobile-view .btn-continue {
        width: 73px;
        height: 25px;
        font-size: 13px;
    }
}

@media only screen and (max-width: 575px) {
    .hero.tcpPage .tcp-bannerlogo {
        object-position: -10px;
        height: 100px;
        width: auto;
    }

    .history-timeline:after {
        right: -59px;
        width: 230px;
        top: -10px;
        background-size: auto 99%;
    }

    .page-headers .elaprase-badge--right .elaprase-badge--inner {
        max-width: 130px;
    }

    .hero-badge .elaprase-badge--right .elaprase-badge--inner {
        max-width: 130px;
    }

    .res_tran_2 {
        transform: translate(-3px, 121px);
    }

    .res_tran_2001 {
        transform: translate(-3px, 28px);
    }

    .takeda-logo img {
        max-width: 109px;
    }

    .colum-count-2 {
        column-count: 3;
    }



    .search-form {
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .search-btn .search-icon {
        width: 26px;
    }

    .res_tran_1920 {
        transform: translate(0px, 80px);
    }

    .res_tran_1972 {
        transform: translate(0px, 37px);
    }

    .mechanism-steps .mechanism-steps--count {
        font-size: 45px;
        line-height: 34px;
    }

    .mechanism-steps h3 {
        font-size: 16px;
        line-height: 20px;
        margin-left: -35px;
    }

    .extend-lines {
        font-size: 1.3rem;
        padding: 15px 12px;
    }

    .mechanism-steps .mechanism-steps--text {
        font-size: 14px;
    }

    .mechanism-action img {
        width: auto;
    }

    .elaprase-table table {
        font-size: 16px;
    }

    .elaprase-badge--inner::before {
        -webkit-transform: skew(12deg);
        transform: skew(12deg);
    }

    .horizontal-bg-dosed {
        background: none;
    }

    .elaprase-badge + .download-resource {
        margin-top: 10px;
    }

    .download-resource {
        margin-bottom: 20px;
    }

    .page-headers .elaprase-badge-banner {
        margin-bottom: 30px;
    }

    .auth-modal-logo-link img {
        max-width: 160px;
        height: auto;
    }

    .auth-modal-btn-wrapper .elaprase-badge--right .elaprase-badge--inner,
    .auth-modal-btn-wrapper
    .elaprase-badge:not(.elaprase-badge--right)
    .elaprase-badge--inner {
        max-width: -webkit-calc(100% - 10px);
        max-width: calc(100% - 10px);
    }

    .elaprase-badge--right .elaprase-badge--inner::before {
        -webkit-transform: translateX(50%) skew(-16deg);
        transform: translateX(50%) skew(-16deg);
    }

    .close-btn {
        right: 20px;
        top: 10px;
    }

    .cookies-modal-content .elaprase-badge--inner {
        max-width: calc(100% - 82px);
        padding-left: 15px;
        padding-right: 0;
    }

    .cookies-modal--text {
        padding: 0 30px 30px;
    }

    .cookies-modal {
        max-width: 95%;
        margin-left: auto;
        margin-right: auto;
    }

    .input-msg {
        font-size: 16px;
    }

    .custom-radio {
        min-width: 30px;
    }

    .modal .form-label span.custom-radio {
        width: 40px;
    }

    .modal .form-label span:nth-child(3) {
        width: calc(100% - 42px);
    }

    .modal-form--success p,
    .modal-form--success .success--footer {
        width: 100%;
    }

    .cookies-modal-content {
        border-radius: 20px;
    }

    .timeline-row {
        margin-bottom: 10px;
    }

    #leavingModal .cookies-modal {
        max-width: 95%;
    }

    #leavingModal .cookies-modal-content .elaprase-badge--inner {
        max-width: calc(100% - 82px);
    }

    /* profile-timeline */
    .patient-profile--container {
        padding-left: 10px;
        padding-right: 10px;
    }

    #leavingModal .elaprase-badge--inner::before {
        max-width: 50px;
    }

    .profile-review-cont .profile-content {
        width: 100%;
    }

    .profile-card--scott.profile-card--top::before,
    .profile-card--antonio.profile-card--top::before {
        background-position: center 254px;
    }

    .profile-quote--badge {
        margin-right: 30px;
    }

    .dosing-calc-mobile-view {
        padding: 30px 75px;
    }

    .calc-bottom-light {
        min-height: 60px;
    }

    .brackets-icon {
        padding: 10px 15px;
    }

    .top-bar-link-wrapper {
        display: block;
        width: 100%;
        margin-bottom: 5px;
    }

    .topbar-links.d-none {
        display: flex !important;
        justify-content: center;
    }

    .topbar-links.d-xl-none {
        display: none !important;
    }

    .clinical-trial-body .cookies-modal-content .elaprase-badge--inner {
        padding-left: 30px;
    }

    .menu_imp_safty .warning-wrapper {
        font-size: 14px;
    }

    .about-elaprase-content .hero.tcpPage.tailored-support {
        height: 200px;
        background-position-y: unset;
        background-image: url("../../assets/images/tailored-support-mobile.png");
    }
    .hero .hero-badge.new-hero-badge {
        top: 12px;        
    }

    .hero .hero-badge.new-hero-badge h1 {
        font-size: 18px;
    }
    .navbar-wrapper .navbar {
        margin-bottom: 0px;
    }
}
@media only screen and (max-width: 540px) {
    .ISI_sticky_tray {
        bottom: -180px;
    }
    .ISI_sticky_tray.consumer-position{
        bottom:-350px;
    }
}
@media only screen and (max-width: 500px) {
    .feature-section-wrapper {
        width: 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .footer_new {
        max-width: 100%;
    }

    .main-img-wrapper {
        margin: 30px 0px;
        padding-bottom: 30px;
        top: 0px;
        left: 0px;
    }

    .top-bar .topbar-contnet {
        line-height: 16px;
    }

    .elaprase-badge--inner {
        max-width: -webkit-calc(100% - 60px);
        max-width: calc(100% - 60px);
    }

    .import-safty-inner .elaprase-badge--inner {
        max-width: -webkit-calc(100% - 21px);
        max-width: calc(100% - 21px);
    }

    .warning-wrapper {
        padding: 3px 15px;
    }

    .badge-footer.elaprase-badge--right .elaprase-badge--inner::before {
        width: 26%;
    }

    .page-information {
        padding-top: 15px;
        padding-bottom: 15px;
    }

    .hero .row > div:first-child {
        padding: 0;
    }

    .elaprase-badge--inner::before {
        left: -webkit-calc(100% - 33px);
        left: calc(100% - 33px);
        width: 22%;
    }

    .badge-footer {
        max-width: 91%;
    }

    .elaprase-roundblock {
        padding: 15px;
    }

    .dosing-calc-mobile-view {
        padding: 24px 46px;
    }

    .dosing-calc-mobile-view {
        height: auto;
    }

    .calc-top-dark {
        min-height: 100px;
    }

    .dosing-calc--kg-cal input[type="text"] {
        width: 69px;
        height: 39px;
    }

    .sidebar-col.sidebar-header.font-24 {
        font-size: 12px;
    }

    .sidebar-index {
        /* left: 27px; */
    }

        .sidebar-index .sidebar-header img {
            max-width: 16px;
        }

    .sidebar-body {
        max-height: calc(100vh - 462px);
    }

    .clinical-trial-body .page-information {
        padding-left: 16px;
        padding-bottom: 0;
        padding-top: 0;
    }

    .clinical-trial-body #importSaftyInfo {
        padding-left: 15px;
    }

    .clinical-trial-body .page-information br {
        display: none;
    }

    .clinical-trial-body .page-information p {
        font-size: 11px;
        line-height: 1.5;
    }

        .clinical-trial-body .page-information p.Roboto-Bold {
            margin-bottom: 10px;
        }

    .clinical-trial-body .warning-wrapper {
        padding: 0 10px;
    }

    .clinical-trial-body .navbar-wrapper .navbar {
        padding-top: 0;
    }

    .clinical-trial-body .import-safty-content {
        margin-top: 0 !important;
    }

    .clinical-trial-body .navbar-brand {
        margin-left: 15px;
        padding: 0;
    }

    .badge-extend--right .elaprase-badge--inner::after {
        left: calc(100% - 45px);
        z-index: 0;
    }

    .profile-review-cont .profile-block-transparent p {
        margin-bottom: 0;
    }

    #myModal .badge-extend--right .elaprase-badge--inner::after {
        background: #2299d6;
    }

    #myModal .elaprase-badge--right .elaprase-badge--inner::before {
        transform: translateX(55%) skew(-10deg);
    }

    #myModal .close-btn img {
        width: 15px;
    }

    .fix-width {
        width: auto;
    }

    .topbar-links li {
        margin-right: 3px;
        padding-right: 7px;
        padding-bottom: 0px;
    }
    .top-bar .topbar-links li:first-child {
        padding-bottom: 6px;
    }

    .topbar-links li:not(:last-child)::after {               
        right: 1px;
    }
    .topbar-links li:nth-child(3)::after{
        content:unset;
    }
  
}

@media only screen and (max-width: 459px) {
    .history--content h2 {
        font-size: 20px;
        line-height: 22px;
    }

    .elaprase-faq .elaprase-badge--inner::before {
        min-width: 70px;
    }

    .history--content h2 + .font-28 {
        font-size: 17px;
    }

    .timeline-badge {
        font-size: 22px;
        line-height: 22px;
    }

    .timeline-badge--lg {
        max-width: 87px;
    }

    .timeline-block .timeline-content {
        padding-left: 0;
    }

    .timeline-block--right .timeline-art img {
        padding-left: 0px;
    }

    .timeline-img-height img {
        max-height: 80px !important;
    }

    .history-timeline:after {
        right: -35px;
        z-index: -2;
    }
    .timeline_top_block .timeline-block--right .timeline-badge {
        z-index: -4;
    }

    .timeline-block .timeline-content {
        /* padding-left: 10px; */
        padding-right: 10px;
    }

    .timeline_top_block .timeline-badge {
        width: 90px !important;
    }

    .timeline_top_block .timeline-art {
        width: calc(100% - 105px);
    }

    .timeline-badge span {
        padding-left: 10px;
    }

    .timeline-block--right .timeline-badge {
        order: 2;
        width: 67px;
    }

    .timeline-block--left > img:first-child {
        order: 1;
    }

    .timeline-block .timeline-content {
        max-width: 100%;
    }

    .timeline-block img {
        width: 60px;
        max-height: 65px;
        object-fit: contain;
        object-position: left;
    }

    .timeline-content {
        padding-left: 0;
    }

    .timeline-block .timeline-art {
        text-align: left;
        max-height: -webkit-fill-available;
    }

    .timeline-block .timeline-content {
        max-width: calc(100% - 87px);
        margin-top: 10px;
        margin-right: auto;
        margin-left: 0;
    }

    .timeline-block--right > .timeline-art {
        order: 0;
    }

    .calc-bottom-light {
        min-height: auto;
    }

    .dosing-calc-mobile-view:before {
        width: calc(100% + 51px);
        left: -30px;
    }

    .calc-bottom-light {
        margin-top: 20px;
    }

    .mechanism-img-res {
        display: block;
    }
}

@media only screen and (max-width: 459px) {
    .footer-badge .elaprase-badge--inner {
        padding-left: 0;
    }

        .footer-badge .elaprase-badge--inner br {
            display: none;
        }

    .elaprase-badge--inner:not([class*="font-"]) {
        font-size: 14px;
    }

    .hero-badge .elaprase-badge--right .elaprase-badge--inner::before {
        right: 101%;
        -webkit-transform: translateX(50%) skew(-10deg);
        transform: translateX(50%) skew(-10deg);
    }

    .hide-show-btn {
        padding: 7px 16px;
        font-size: 21px;
        /* transform: skew(-12deg);
        -webkit-transform: skew(-12deg); */
    }

    .elaprase-badge--inner::before {
        -webkit-transform: skew(12deg);
        transform: skew(12deg);
    }

    /*.elaprase-badge--inner { max-width: -webkit-calc(100% - 40px); max-width: calc(100% - 40px); }*/
    .elaprase-badge-banner .elaprase-badge--inner::before {
        width: 25%;
        -webkit-transform: skew(12deg);
        transform: skew(12deg);
    }

    .page-information {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .elaprase-badge-banner .elaprase-badge--inner::before {
        width: 66px;
    }

    .elaprase-badge--page h1 {
        font-size: 30px;
        line-height: 38px;
    }

    .elaprase-badge--page .elaprase-badge--inner {
        min-width: unset;
        min-height: 130px;
    }

    .col-mechanism--art {
        display: none;
    }

    .col-mechanism--content {
        width: 100%;
    }

    .elaprase-table > table {
        min-width: 400px;
    }

    .elaprase-table,
    .elaprase-roundblock {
        border-radius: 12px;
        border-width: 1px;
    }

    .sfety-bg .elaprase-table {
        border-radius: 60px;
    }

    .sidebar-index {
        max-width: 100%;
    }

    .modal-dialog .elaprase-badge--inner::before,
    .elaprase-badge--inner::before {
        min-width: 52px;
    }

    .badge-footer.elaprase-badge--right .elaprase-badge--inner::before {
        -webkit-transform: translateX(50%) skew(-10deg);
        transform: translateX(50%) skew(-10deg);
    }

    .elaprase-badge--inner::before {
        border-top-right-radius: 16px;
        border-bottom-right-radius: 16px;
    }

    .elaprase-badge--right .elaprase-badge--inner::before {
    }

    .elaprase-badge--right .elaprase-badge--inner::before {
        border-top-left-radius: 10px;
        border-bottom-left-radius: 10px;
        -webkit-transform: translateX(79%) skew(-10deg);
        transform: translateX(79%) skew(-10deg);
    }

    #ResourceModal .elaprase-badge--right .elaprase-badge--inner::before {
        transform: translateX(65%) skew(-10deg);
    }

    .import-safty-wrapper .elaprase-badge--inner::before {
        border-top-right-radius: 8px;
        border-bottom-right-radius: 10px;
    }

    .elaprase-badge--inner[class*="width-lg-"] {
        max-width: calc(100% - 50px);
    }

    .elaprase-as-ert .elaprase-product-img img {
        max-width: 260px;
    }

    .download-block {
        margin: 25px auto;
    }

    .btn-download img {
        max-width: 25px;
    }

    .font-21 {
        font-size: 16px;
        line-height: 22px;
    }

    .elaprase-badge-banner .elaprase-badge--inner.height-auto {
        min-width: 0px;
    }

    .modal-content--wrapper .close-btn-wrapper .close-btn {
        top: 20px;
    }

    .input-msg {
        font-size: 14px;
        position: static;
        margin-top: -10px;
    }

    .modal--stay-updated hr {
        margin-top: 30px;
    }

    .form-separator {
        border: 1px solid #deeff9;
    }
}

@media only screen and (max-width: 458px) {
    .profile-badge {
        font-size: 19px;
        width: 124px;
    }

    .patient-profile--container {
        padding-right: 0px;
    }

    .profile-content {
        width: calc(100% - 125px);
    }

    .dosing-calc-mobile-view {
        padding: 23px 34px;
    }

    .dosing-calc-mobile-view {
        font-size: 12px;
    }

    .dosing-calc input[type="text"],
    .dosing-calc input[type="number"] {
        width: 100px !important;
    }

    .dosing-calculator {
        overflow: hidden;
    }

    .auth-modal-btn-wrapper .elaprase-badge--right .elaprase-badge--inner,
    .auth-modal-btn-wrapper
    .elaprase-badge:not(.elaprase-badge--right)
    .elaprase-badge--inner {
        max-width: -webkit-calc(100% - 0px);
        max-width: calc(100% - 0px);
    }

    .calc-count {
        min-width: 115px !important;
    }

    .sidebar-body {
        max-height: calc(100vh - 538px);
    }

    .sidebar-index {
        top: calc(41% + 0px);
    }
}

@media only screen and (max-width: 376px) {
    .calc-top-dark {
        min-height: 79px;
    }

    .history-timeline:after {
        right: -46px;
    }
}

@media only screen and (max-width: 374px) {
    .elaprase-badge--page h1 {
        font-size: 26px;
        line-height: 36px;
    }

    .modal-content--wrapper .close-btn-wrapper .close-btn {
        top: 22px;
        right: 15px;
    }

        .modal-content--wrapper .close-btn-wrapper .close-btn img {
            width: 12px;
        }

    .font-32 {
        font-size: 20px;
        line-height: 26px;
    }

    .modal-content--wrapper .elaprase-badge--inner::before {
        left: -webkit-calc(100% - 23px);
        left: calc(100% - 23px);
    }

    .cookies-modal--text {
        padding: 0 20px 20px;
    }

    .dosing-calc-mobile-view {
        padding: 11px 17px;
    }

    .calc-bottom-light {
        margin-top: 17px;
    }

    .clinical-trial-body .cookies-modal-content .elaprase-badge--inner {
        padding-left: 20px;
    }

    .sidebar-body {
        max-height: calc(100vh - 376px) !important;
    }
}

@media only screen and (max-width: 359px) {
    .support-Inner .col {
        padding-right: 0;
        min-width: 100%;
        text-align: center;
        padding-right: 15px;
        padding-bottom: 10px;
    }

    .takeda-logo {
        display: block;
        width: 100%;
    }

    /* .clinical-trial-body .navigation-logo {
        padding-left: 18px;
    } */
    .clinical-trial-body .navbar-brand {
        margin-left: 13px;
    }

    .takeda-logo img {
        display: block;
        margin: 0 auto;
    }

    .font-19,
    .support-title {
        font-size: 14px;
        line-height: 20px;
    }

    /*.elaprase-badge-banner .elaprase-badge--inner::before { border-top-right-radius: 8px; border-bottom-right-radius: 14px; }*/
    .navigation-logo {
        max-width: 200px;
    }

    .search-form {
        top: 75px;
    }

    .font-19,
    .support-title {
        font-size: 14px;
    }

    .page-information-wrapper.font-19{
        font-size:16px;
    }

    .hero .hero-badge .elaprase-badge--inner {
        max-width: 100px;
    }

    .hero .hero-badge .elaprase-badge--right .elaprase-badge--inner::before {
        right: 96%;
    }

    .elaprase-badge--inner.font-26 {
        font-size: 20px;
        line-height: 26px;
    }

    .elaprase-badge-wide .elaprase-badge--inner::before {
        min-width: 64px;
    }

    .elaprase-badge-wide .elaprase-badge--inner::before {
        -webkit-transform: skew(6deg);
        transform: skew(6deg);
    }

    .elaprase-as-ert .elaprase-product-img img {
        max-width: 224px;
    }

    .download-resource {
        font-size: 18px;
        line-height: 24px;
    }

    .font-20 {
        font-size: 16px;
        line-height: 22px;
    }

    .cookies-modal-content .elaprase-badge--inner {
        max-width: calc(100% - 55px);
    }

    .modal-content--wrapper .elaprase-badge--inner::before {
        left: calc(100% - 34px) !important;
    }

    .dosing-calc-mobile-view {
        padding: 10px 7px;
    }

    .calc-top-dark {
        min-height: auto;
    }

    .calc-bottom-light {
        margin-top: 24px;
    }
}

@media (max-height: 400px) {
    .clinical-trial-body .navigation-logo {
        margin-left: 32px;
    }
}

@media (max-height: 667px) {
    .sidebar-index {
        top: 39%;
    }

    .sidebar-header {
        padding: 5px 5px;
    }

    .sidebar-body {
        max-height: 199px !important;
    }

    .clinical-trial-body .top-bar {
        padding: 0;
    }

    .clinical-trial-body .top-bar-link-wrapper {
        margin-bottom: 0;
    }

    .clinical-trial-body .import-safty-wrapper .elaprase-badge--inner {
        max-width: calc(100% + 4px);
    }
}

@media (max-height: 568px) {
    .sidebar-body {
        max-height: 132px !important;
    }

    .sidebar-header span {
        text-align: center;
        padding-top: 0;
        padding-left: 5px;
        padding-right: 5px;
    }

    .sidebar-index .sidebar-header img {
        max-width: 13px;
    }

    .sidebar-index {
        top: 42%;
    }
}

@media (max-width: 360px) {
    .history-timeline:after {
        display: none;
    }

    .timeline-block .timeline-content p {
        width: 100%;
    }
}

@media (min-width: 1179px) {
    .pb-150-lg {
        padding-bottom: 150px;
    }
}

@media only screen and (max-width: 991px) and (min-width: 575px) {
    .about-elaprase-content .hero.tcpPage.tailored-support {
        background-position-x: 35%;
    }
}