@import url('../../../GxToolkitMaster/Styles/Gx-toolkit.css');
@import url('../../../GxToolkitMaster/Styles/font-helvetica-neue.css');

/******** GENRIC COLOUR CHANGES *********/

.list-unordered li::before,
.richtext ul li::before,
.richtext ul ul li::before,
.richtext ol ul li::before,
.richtext ul ul ul li::before,
.richtext ul ol ul li::before,
.richtext ol ul ul li::before,
.richtext ol ol ul li::before {
    color: #296C77;
}

.list-ordered li::before,
.richtext ol li::before,
.richtext ol ol li::before,
.richtext ul ol li::before,
.richtext ul ul ol li::before,
.richtext ul ol ol li::before,
.richtext ol ul ol li::before,
.richtext ol ol ol li::before {
    color: #296C77;
}

.button-p2,
.button-p2.is-hover,
.button-p2:hover,
.button-p2.is-focus,
.button-p2:focus {
    background-color: #296C77;
    border-color: none;
    box-shadow: none;
}

@font-face {
    font-family: 'VisueltPro-Regular';
    font-style: normal;
    font-weight: normal;
    src: url("/-/media/themes/Grunenthal/ChangePain/Toolkit ChangePain/Fonts/VisueltPro-Regular.ttf");
}

@font-face {
    font-family: 'visuelt-bold';
    font-style: normal;
    font-weight: normal;
    src: url("/-/media/themes/Grunenthal/ChangePain/Toolkit ChangePain/Fonts/visuelt-bold.woff");
}

@font-face {
    font-family: 'visuelt-medium';
    font-style: normal;
    font-weight: normal;
    src: url("/-/media/themes/Grunenthal/ChangePain/Toolkit ChangePain/Fonts/visuelt-medium.woff");
}

@font-face {
    font-family: 'helvetica-neue-medium';
    font-style: normal;
    font-weight: normal;
    src: url("/-/media/themes/Grunenthal/ChangePain/Toolkit ChangePain/Fonts/helvetica-neue/helvetica-neue-medium.woff");
}

@font-face {
    font-family: 'VisueltPro-Medium';
    font-style: normal;
    font-weight: normal;
    src: url("/-/media/themes/Grunenthal/ChangePain/Toolkit ChangePain/Fonts/VisueltPro-Medium.ttf");
}

a,
a:hover {
    color: #296C77;
}

span.Gx-toggle {
    color: #296C77;
}

.Gx-switch input:checked+.slider {
    background-color: #296C77;
}


/******** HEADER *********/

.header--dark .logo__product-hub {
    display: none;
}

.navigation.navigation--light {
    display: none;
}

.navigation-sub__list ul{
margin-top: 0.8rem;
}

header.header--static {
    min-height: 0;
    margin-top: 0;
    padding-top: 0;
}


/***** NAVIGATION ******/
/***** NAVIGATION ******/

.navigation-page__list {
    background-color: transparent;
}

.navigation-page-horizontal-vcenter::after {
    display: none !important;
}

.navigation-page-horizontal-vcenter .large-1 {
    display: none;
}

.navigation-page__list,
.navigation-page__sub-list {
    background-color: transparent;
}

.navigation-page__list-item {
    width: auto;
}

.navigation-page__list-item a,
.navigation-page__list-item a:hover {
    color: #ffffff;
    letter-spacing: 0.72px;
    font-weight: 400;
}

.navigation-page__list-item a:hover {
    background-color: transparent;
}

.navigation-page__list-item.is-active::after,
.navigation-page__list-item.selected::after {
    display: none;
}

.navigation-page__list-item.selected {
    background-color: transparent;
}

.navigation-page__list-item.selected>a {
    border-bottom: 5px solid #ffdc00;
}

.navigation-page__list.dropdown.menu {
    width: auto;
    position: absolute;
    right: 0;
    top: -13px;
}

.dropdown.menu .is-active>a {
    background-color: transparent;
}

.dropdown .is-dropdown-submenu-item.selected a {
    background-color: transparent;
}

.dropdown .is-dropdown-submenu-item.selected a:hover {
    background-color: transparent;
}

.navigation-page__sub-list .selected::after {
    display: none;
}

/*#wrapper .row-splitter:first-of-type { 
     top: 50px; 
    position: relative; 
	position: absolute;
    width: 100%;
    z-index: 999;
    top: 80px;
 } */
 
.header-rowsplitter{
	position: absolute;
    width: 100%;
    z-index: 999;
    top: 80px;
 }

.gcnavigationPage::before {
    display: none;
}

.navigation__nav-trigger.icon {
    display: none;
}

@media screen and (max-width: 48rem) {
    .navigation-page__list-item {
        width: 100%;
    }
    .navigation-page-horizontal-vcenter {
        display: none;
        position: absolute;
        width: 100%;
        top: 50px;
        left: 0;
    }
    .nav-active .navigation-page-horizontal-vcenter {
        display: block;
    }
    .gcnavigationPage::before {
        content: '\e900';
        font-family: "icomoon" !important;
        color: white;
        font-size: 2rem;
        position: absolute;
        right: 2rem;
        top: -0.5rem;
        display: block;
    }
    .gcnavigationPage.nav-active::before {
        content: '\e901';
    }
    #wrapper.nav-active #content,
    #wrapper.nav-active footer {
        display: none;
    }
    #wrapper.nav-active {
        background-color: #296C77;
    }
    .navigation-page__sub-list {
        position: relative;
        left: 2rem;
    }
    .navigation-page__list.dropdown.menu {
        width: 100%;
    }
    .navigation-functional {
        display: none;
        position: fixed;
    }
    .navigation-functional.nav-active {
        display: block;
        visibility: visible;
    }
}


/********* WHATS NEW SECTION **************/

.whats-new-button1 .icon-right::before,
.whats-new-button1 .button-p1 .button__elipsis,
.whats-new-button1 .button-p1 .icon-right {
    display: none;
}

.whats-new-button1 .button-p1.is-focus,
.whats-new-button1 .button-p1:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
    border-color: transparent;
}

.whats-new-button1 .button-p1 {
    background-color: #ffffff;
    color: #000000;
    border-radius: 28px;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-right: 25px;
    box-shadow: none;
    border-color: transparent;
}

.whats-new-button1 .button-p1:after {
    content: '';
    background-image: url(/-/media/Projects/change-pain/shared/arrow-small.png);
    width: 25px;
    height: 25px;
    display: inline-block;
    position: absolute;
    background-position: right;
    background-repeat: no-repeat;
}


/********* TOUTS **************/

.gctout {
    background-color: #f2f2f2;
    margin-top: 0px;
}

.changepain-en-gb .gctout {
    margin-bottom: 32px;
}

.changepain-en-gb.hometout .gctout,
.changepain-en-gb .hometout .gctout {
    margin-top: 50px;
    margin-bottom: 0px;
}

/* .gctout a {
    background-image: none!important;
} */

.gctout .tout-tertiary {
    min-height: 350px;
    margin-top: 50px;
    top: -50px;
}

.changepain-en-gb .gctout .tout-tertiary {
    padding-bottom: 100px !important;
    margin-bottom: 0!important;
}

.changepain-en-gb.hometout .gctout .tout-tertiary,
.changepain-en-gb .hometout .gctout .tout-tertiary {
    top: -50px;
    padding-bottom: 50px !important;
}

.gctout img {
    width: auto;
    margin: 0 auto;
}

.gctout .resource-hub-tout img {
    width: 100%;
}

.gctout .tout-tertiary__excerpt {
    width: 80%;
    margin: 0 auto;
    letter-spacing: 0.72px;
    color: #000000;
    font-size: 1.125rem;
}

.gctout .tout-tertiary__cta {
    font-size: 1.125rem;
    font-weight: 700;
    letter-spacing: 0.64px;
    color: #000000;
    position: relative !important;
    top: 25px;
    bottom: 0;
    margin: 0 auto!important;
    text-align: center;
    left: 0;
    right: 0;
    display: block;
    max-width: 250px;
}

.changepain-en-gb .gctout .tout-tertiary__cta {
    position: absolute !important;
    bottom: 25px;
    top: unset;
    width: auto;
    min-width: unset;
}

.changepain-en-gb.hometout .gctout .tout-tertiary__cta,
.changepain-en-gb .hometout .gctout .tout-tertiary__cta {
    position: absolute !important;
    bottom: -25px;
    top: unset;
    width: auto;
    min-width: unset;
}

.gctout .icon-right::before,
.gctout .button-p1 .button__elipsis,
.gctout .button-p1 .icon-right {
    display: none;
}

.gctout .button-p1 {
    background-color: #ffffff;
    color: #000000;
    border-radius: 28px;
    min-width: 250px;
    padding-top: 15px;
}
/* 
.gctout .button-p1:after {
    content: '';
    background: url(/-/media/Projects/change-pain/shared/arrow-small.png);
    width: 21px;
    height: 25px;
    display: inline-block;
    position: absolute;
    right: 22px;
} */

.gctout .button-p1.is-focus,
.gctout .button-p1:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
    border-color: transparent;
}

.gctout .tout-tertiary__title {
    letter-spacing: 0.96px;
    color: #000000;
    font-weight: 700;
    font-size: 1.5rem;
}

.gctout .download-tout {
    text-align: center;
}

.download-tout .tout__secondary__content {
    border: none;
}

.download-tout.spacer-m {
    margin-bottom: 2.875rem;
}

@media screen and (max-width:40rem) {
    .gctout .tout-tertiary {
        min-height: 0;
    }
    .gctout img {
        width: auto;
        margin: 0 auto;
    }
    .gctout .tout-tertiary__cta {
        top: 25px;
        font-size: 1.125rem;
        font-weight: 700;
        letter-spacing: 0.64px;
        color: #000000;
        position: relative!important;
    }
}

@media screen and (min-width: 40rem) {
    .download-tout .tout__secondary__image img {
        display: block;
    }
}


/************* RICHTEXTS ******************/

#content {
    font-family: 'Helvetica Neue'!important;
}

.richtext h1 {
    color: #FFDC00;
    letter-spacing: 1.12px;
    font-size: 1.75rem;
    font-weight: 700;
}

.richtext h2 {
    color: #000000;
    font-size: 1.5rem;
    font-weight: 700;
}

.richtext h3 {
    color: #296C77;
    border-bottom: 1px solid #296C77;
    padding-bottom: 0.5rem;
    font-size: 1.75rem;
    letter-spacing: 1.12px;
    font-weight: 700;
    margin-bottom: 0;
}

.richtext h4 {
    color: #000000;
    font-size: 1.25rem;
    letter-spacing: 1.12px;
    font-weight: 700;
}

.richtext ul li.highlighted {
    background: #FAF5D4 0% 0% no-repeat padding-box;
    font-size: 1.125rem;
    letter-spacing: 0.72px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 10px;
}

.richtext ul li.highlighted.transparent-bg {
    background: transparent 0% 0% no-repeat padding-box;
    font-size: 1rem;
    padding-top: 0;
    padding-bottom: 0;
    ;
}

.grey-box {
    background-color: #F4F4F4;
    padding: 25px;
}

.greay-text {
    color: #7B7B7B;
}

.list-unordered li.highlighted::before,
.richtext ul li.highlighted::before,
.richtext ul ul li.highlighted::before,
.richtext ol ul li.highlighted::before,
.richtext ul ul ul li.highlighted::before,
.richtext ul ol ul li.highlighted::before,
.richtext ol ul ul li.highlighted::before,
.richtext ol ol ul li.highlighted::before {
    color: #FFDC00;
    font-size: 3rem;
}

.richtext ol li.highlighted::before,
.richtext ul li.highlighted::before {
    left: -0.5rem;
    top: -0.75rem;
}

.richtext ol li.highlighted.transparent-bg::before,
.richtext ul li.highlighted.transparent-bg::before {
    top: -1.40rem;
}

.richtext i {
    font-style: italic;
}

.call-out-box {
    background: white;
    border-radius: 15px;
    border: 2px #FFDC00 solid;
    padding: 1rem;
    margin-bottom: 2.5rem;
}


/******** HERO IMAGE AND PRODUCT ************/

.hero-home__title {
    letter-spacing: 1.18px;
    font-weight: 700;
    font-size: 28px;
    top: 20px;
    position: relative;
    line-height: 34px;
}

.hero-image-content__headline {
    padding: 0;
    width: auto;
}

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

.hero-image-home .hero-image {
    z-index: -2;
}

@media screen and (min-width: 40rem) {
    .hero-image {
        padding-top: 0;
        top: 0px;
    }
    .hero-home {
        height: 32rem;
        padding-top: 0;
        top: -50px;
    }
    .hero-home__image-wrapper {
        height: 32rem;
    }
}

@media screen and (max-width: 48rem) {
    .hero-home__content {
        margin-bottom: 0rem;
        width: 100%;
    }
}

@media screen and (min-width: 40rem) and (max-width: 64rem) {
    #indication-icons>div {
        width: calc(100%/ 4) !important;
        margin-bottom: 12px;
    }
}

@media screen and (max-width: 64rem) {
    .hero-home {
        /*height: 20rem;*/
        top: -60px;
    }
    .hero-image {
        top: -60px;
        height: 20rem;
        margin-bottom: -2.75rem;
    }
    .heading00 {
        font-size: 2.5rem;
    }
    .hero-home__title.heading00 {
        font-size: 1.5rem
    }
}

@media screen and (max-width: 40rem) {
    .hero-home {
        height: 30rem;
        position: relative;
        padding-top: 0;
        top: -60px;
    }
    .hero-image {
        padding-top: 0;
        top: -60px;
        height: 15rem;
        margin-bottom: -2.75rem;
    }
    .heading00 {
        font-size: 2.5rem;
    }
    .hero-home__title.heading00 {
        font-size: 1.5rem
    }
}


/*********** BREADCRUMBS **********/

.hero-image-content h1.heading00 {
    margin-top: 0;
}

.breadcrumbs a {
    font-size: 0.875rem;
    letter-spacing: 0.56px;
    color: #FFFFFF;
    opacity: 0.8;
    font-weight: 400;
}

.breadcrumbs li {
    margin-bottom: 0;
}

@media screen and (max-width:40rem) {
    .breadcrumbs {
        display: none;
    }
}


/******** GX IMAGE *********/

.gcimage .caption {
    font-size: 1rem;
    letter-spacing: 0.64px;
    color: #000000;
}


/********* SPEECH BUBBLE HOME *******/

.speech-bubble {
    position: relative;
    top: 0px;
}

.speech-bubble h4 {
    background-image: url(/-/media/477DFC7ED8864039A38CEF98A6F1B309.ashx);
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    /*     padding: 40px 30px 70px 30px; */
    padding: 17.6% 8.2% 27.8% 8.2%;
    color: #296C77;
    font-weight: 700;
    font-size: 1.125rem;
}

a {
    word-break: break-word;
}

.table-container {
    overflow-x: auto;
}

.speech-bubble p,
.speech-bubble a {
    color: #0B292D;
    font-size: 0.875rem;
    font-weight: 400;
    text-decoration: none;
    word-break: break-all;
}

.speech-bubble p:first-of-type {
    margin-top: -80px;
}

@media screen and (min-width: 64rem) {
    .speech-bubble {
        top: -22px;
    }
    /*.speech-bubble p:first-of-type {
		margin-top: -80px;
	}*/
}


/************ CIRCLE PATTERN HOME ***********/

.circle-pattern.circle-pattern-hero-image {
    position: absolute;
    top: 112px;
    z-index: -1;
}

.circle-pattern {
    position: absolute;
    top: 463px;
    z-index: -1;
}

.circle-pattern img {
    max-height: 475px;
}


/*************** SUB LIGHT NAVIGATION *************/

.navigation-sub__container {
    padding: 0;
}

.navigation-sub--light .navigation-sub__heading {
    border-bottom: none;
    color: #1A3033;
    font-size: 1.125rem;
    font-weight: 500;
    letter-spacing: 0.64px;
    padding: 1rem 0.75rem 2px;
	font-family: VisueltPro-Medium;
}

.navigation-sub__heading::after {
    content: "";
    border-bottom: 1px solid #707070;
    width: 100%;
    display: block;
    padding-top: 15px;
}

.navigation-sub__list li {
    padding: 1rem 0.75rem;
}

.navigation-sub__list li.selected {
    background-color: #296C77;
}

.navigation-sub--light .navigation-sub__list li a {
    color: #296C77;
    font-size: 1.125rem;
    font-weight: 400;
    letter-spacing: 0.64px;
}

.navigation-sub--light .navigation-sub__list li.selected a {
    color: #ffffff;
}


/******** REFERENCES ACCORDION ************/

.accordion-item {
    border-bottom: none;
    border-top: none;
}

.accordion-item.is-active {
    border-bottom: none;
}

.reference-title__text {
    color: #000000;
    font-size: 1rem;
    letter-spacing: 0.64px;
    font-weight: 700;
}

.accordion-title.reference-title,
.is-active .accordion-title.reference-title {
    background-color: #f4f4f4;
    border-radius: 12px;
    padding-top: 15px;
    padding-bottom: 15px;
    width: 228px;
}

:last-child:not(.is-active)>.accordion-title {
    border-radius: 12px;
}

.reference-title__text::after,
.is-active .reference-title__text::after {
    right: -2.5rem;
    content: '+';
    top: -4px;
    color: #FFDC00;
    font-size: 3rem;
    font-weight: 1000;
    font-family: 'Helvetica Neue'!important;
    transform: none;
}

.reference-title__text::before,
.is-active .reference-title__text::before {
    content: '';
}

.accordion-title.reference-title,
.is-active .accordion-title.reference-title {
    /*max-width: 45%;*/
    margin: 0 auto;
    margin-bottom: 1rem;
}

.gcreference.align-with-buttons {
    margin-top: -6rem;
}


/*	.accordion-title.reference-title, .is-active .accordion-title.reference-title {
		max-width: 60%;
	}

}*/

.gcreference.align-left .accordion-title.reference-title,
.gcreference.align-left .is-active .accordion-title.reference-title {
    margin-left: 0.9375rem;
}

@media screen and (max-width: 40rem) {
    /*.accordion-title.reference-title, .is-active .accordion-title.reference-title {
		max-width: 80%;
	}*/
    .gcreference.align-with-buttons {
        margin-top: 0rem;
    }
}


/***************** ACCORDIONS *******************/

.accordionlist .accordion-item {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #707070;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

.accordionlist .accordion-item.is-active {
    padding-bottom: 0rem;
}

.accordionlist .is-active .accordion-title {
    background-color: transparent;
    color: #000000;
    margin-bottom: 0;
}

.accordionlist .is-active .accordion-content {
    padding-top: 1.625rem;
    padding-bottom: 1.625rem;
    background: #F4F4F4 0% 0% no-repeat padding-box;
    border-top: 1px solid #707070;
    margin-top: 0.5rem;
    margin-bottom: 0rem;
}

.accordionList :last-child>.accordion-content:last-child {
    border-bottom: 1px solid #707070;
}

.accordionlist .accordion-title::before,
.accordionList .is-active .accordion-title::before {
    content: '';
    background-image: url(/-/media/Projects/change-pain/shared/accordion-chevron.png);
    width: 26px;
    height: 22px;
}

.accordionlist .accordion-title::before {
    margin-top: -0.65rem;
}


/******** KEYLINE ************************/

.gckeyline .keyline {
    color: #F2F2F2;
    height: 8px;
}

.gckeyline.home-vertical .keyline {
    width: 4px;
    height: 150px;
    margin: 0 auto;
}


/******** PREVIEW NEXT BUTTON ************/

.cp-button {
    border-bottom: none;
    border-top: none;
}

.cp-button .button-p1.is-active,
.cp-button .button-p1:active,
.cp-button .button-p1.is-hover,
.cp-button .button-p1:hover {
    background-color: #f4f4f4;
    color: #000000;
}

.cp-button .button {
    color: #000000;
    font-size: 1rem;
    letter-spacing: 0.64px;
    font-weight: 700;
    padding-top: 15px;
    padding-bottom: 15px;
    background-color: #f4f4f4;
    width: auto;
    padding-left: 50px;
    padding-right: 20px;
    /*min-width: 160px;*/
}

.cp-button .button__elipsis {
    display: none;
}

.cp-button.previous .button-p1>[class*=' icon-'],
.cp-button.previous .button-p1>[class^=icon-] {
    content: '';
    background-image: url(/-/media/53E30BEB6D5A4048A04E11289420AC43.ashx);
    width: 21px;
    height: 25px;
    transform: rotate(180deg);
    background-color: transparent;
    border-radius: 0;
    color: transparent;
    left: 15px;
    position: absolute;
}

.cp-button.next .button-p1>[class*=' icon-'],
.cp-button.next .button-p1>[class^=icon-] {
    content: '';
    background-image: url(/-/media/53E30BEB6D5A4048A04E11289420AC43.ashx);
    width: 21px;
    height: 25px;
    /*transform: rotate(180deg);*/
    background-color: transparent;
    border-radius: 0;
    color: transparent;
    right: 15px;
    position: absolute;
}

.cp-button.next {
    text-align: right;
}


/*.cp-button.next .icon-right {
	display:none;
}*/

.cp-button.next .button-p1 {
    padding-left: 20px;
    padding-right: 50px;
    text-align: right;
}


/*.cp-button.next .button-p1:after {
	content: '';
    background-image: url(/-/media/53E30BEB6D5A4048A04E11289420AC43.ashx);
    width: 21px;
    height: 25px;
    position: absolute;
    right: 22px;
}*/

@media screen and (max-width: 40rem) {
    .cp-button {
        text-align: center;
    }
    .cp-button.next {
        text-align: center;
    }
    .cp-button .button {
        min-width: 160px;
    }
}


/************ POP UP COMPONENT ************/

.Gx-popup-component {
    z-index: 1000;
}

.Gx-popup {
    width: 30%;
    min-width: 290px;
}


/************* TABLES *******************/

table {
    border: 1px solid #6fae4f;
}

table td,
table th {
    border: 1px solid #6fae4f;
    border-bottom: 1px solid #6fae4f;
}

table td:first-child,
table th:first-child {
    border-left: 1px solid #6fae4f;
}

table td:last-child,
table th:last-child {
    border-right: 1px solid #6fae4f;
}

table tr:first-child td {
    border-bottom: 1px solid #6fae4f;
    background-color: #296C77;
    color: #ffffff;
}

table tr:first-child:hover td {
    background-color: #296C77;
    color: #ffffff!important;
}

table tr:first-child:hover td * {
    color: white !important;
}

table tr:last-child td {
    border-bottom: 1px solid #6fae4f;
    ;
}

table tr td {
    color: #000000;
}

table tr:hover td {
    background-color: transparent;
    color: #000000 !important;
}

table tr:hover td * {
    background-color: transparent;
    color: #000000 !important;
}

.v-align-center {
    vertical-align: middle;
}

table tr:nth-child(even) {
    background-color: #e2efda
}

table tr:nth-child(odd) {
    background: #ffffff
}

@media screen and (max-width: 64rem) {
    .circle-pattern {
        display: none;
    }
}

table.changepain-table {
    width: auto !important;
}

table.changepain-table tr td:nth-child(1) {
    width: 25%;
}

table.changepain-table tr td:nth-child(2) {
    width: 50%;
}

table.changepain-table tr td:nth-child(3) {
    width: 25%;
}


/********** KEY PAIN INDICATIONS ********************/

.indication-link {
    cursor: pointer;
}

.child-items {
    display: none;
}

.child-items.show {
    display: block;
}

.disease-buttons {
    border: 4px solid #EAEAEA;
    padding: 2px 24px 2px 34px;
    font-size: 16px;
    text-align: center;
    transition-duration: 0.4s;
    border-radius: 36px;
    margin: 12px 0;
    width: 100%;
    height: 62px;
    text-decoration: none;
    color: #000;
    font-weight: 400;
    display: flex;
    align-items: center;
    justify-content: center;
}

.disease-buttons:hover {
    background-color: #296C77;
    border: 4px solid #296C77;
    color: white;
}

.disease-buttons.selected {
    border: 4px solid #296C77;
    background-color: #296C77;
    color: #ffffff
}

.disease-buttons.selected::after {
    content: "";
    height: 20px;
    width: 20px;
    background-color: #FFDC00;
    border-radius: 50%;
    position: absolute;
    left: 10px;
    top: 16px;
}

.container-indication-icons,
#indication-icons {
    width: 100%;
}

#indication-icons>div {
    float: left;
    width: calc(100%/ 8);
    text-align: center;
}

#indication-icons>div.selected {
    background-color: #ffffff;
    color: #296C77;
    border-radius: 14px;
    height: 172px;
    box-shadow: 0px 0px 5px 5px #00000029;
}

#indication-icons div,
#indication-icons div selected {
    background-size: 84px;
    background-position: top center;
    background-repeat: no-repeat;
    height: 172px;
}

#selected-indication-icon {
    display: none;
}

#indication-icons #epidemiology {
    background-image: url(/-/media/F4CF8104B48D44E596FAD9DA9ED553F5.ashx);
}

#indication-icons #risk {
    background-image: url(/-/media/E5BC9229BE0D4BCFBDE469BB02A2648A.ashx);
}

#indication-icons #causes {
    background-image: url(/-/media/133A17BBC7534DAA9700635300BF3197.ashx);
}

#indication-icons #signs {
    background-image: url(/-/media/B3505424F3DE43EAB802DD67B6828256.ashx);
}

#indication-icons #physiology {
    background-image: url(/-/media/A5F3DB98C72A4359A198CAE59C56B7A9.ashx);
}

#indication-icons #diagnosis {
    background-image: url(/-/media/AE7ECF92E0504777BE86BB5A9236C5BA.ashx);
}

#indication-icons #management {
    background-image: url(/-/media/8C0BB73073904A1890125C0CF5CB5B19.ashx);
}

#indication-icons #unmet {
    background-image: url(/-/media/7DBB25DD1BFB4D8CAD604BA8822FD9FF.ashx);
}

#indication-icons #epidemiology.selected {
    background-image: url(/-/media/405F5F72657346308731BF08B2513DB9.ashx);
}

#indication-icons #risk.selected {
    background-image: url(/-/media/F718F0B0018549288ED99CF7BA4B0297.ashx);
}

#indication-icons #causes.selected {
    background-image: url(/-/media/458F4C0AA5B74FA890F2A88EAECCAB04.ashx);
}

#indication-icons #signs.selected {
    background-image: url(/-/media/638FDCACCE944892A2DA8B9C89A2F354.ashx);
}

#indication-icons #physiology.selected {
    background-image: url(/-/media/A872402F460944DF9138E929371E128F.ashx);
}

#indication-icons #diagnosis.selected {
    background-image: url(/-/media/F5663D75DCFA419B851699755F7F5F94.ashx);
}

#indication-icons #management.selected {
    background-image: url(/-/media/7C0C84C79930428698D44BEEBFB62B6D.ashx);
}

#indication-icons #unmet.selected {
    background-image: url(/-/media/C096D89A3ABB4D9B86E6C77E20C59A5D.ashx);
}

#disease-icons>div {
    display: block;
}

#indication-icons>div>p {
    top: 94px;
    position: relative;
}

.container-color-background {
    background: transparent linear-gradient(180deg, #DDD 0%, #F2F2F2 100%) 0% 0% no-repeat padding-box;
    padding: 20px;
}

.separator {
    display: flex;
    align-items: center;
    text-align: center;
    color: #717171;
}

.separator::before,
.separator::after {
    content: '';
    flex: 1;
    border-bottom: 15px solid #F2F2F2;
    margin: 10px 6px;
}

.white-triangle {
    width: 0;
    height: 0;
    position: relative;
    border-style: solid;
    border-width: 35px 40px 0 40px;
    border-color: #ffffff transparent transparent transparent;
    bottom: 20px;
    left: 20px;
}

.grey-triangle {
    width: 0;
    height: 0;
    position: relative;
    border-style: solid;
    border-width: 35px 40px 0 40px;
    border-color: #F4F4F4 transparent transparent transparent;
    bottom: 0px;
    left: 20px;
}

.child-items {
    margin-top: 20px
}

#disease-icons>div#item-selected {
    display: none;
}

div#item-selected>a.selected {
    display: none;
}

@media screen and (max-width: 40rem) {
    .white-triangle,
    .grey-triangle {
        display: none;
    }
    .container-color-background {
        margin-top: 20px;
        background: #ffffff;
        padding-bottom: 0;
    }
    #disease-icons {
        margin: 12px;
    }
    #disease-icons>div {
        padding: 0;
    }
    #disease-icons>div.sideBorders {
        border: 1px solid #8E8E8E;
        border-bottom: 0;
        border-top: 0;
    }
    #disease-icons>div.sideBorders:nth-last-child(1) {
        border-bottom: 1px solid #8E8E8E;
        border-bottom-left-radius: 8px;
        border-bottom-right-radius: 8px;
    }
    #disease-icons>div#item-selected {
        display: block;
        border-top: 1px solid #8E8E8E;
        border-top-right-radius: 8px;
        border-top-left-radius: 8px;
    }
    div#item-selected>a.selected {
        display: flex;
        height: 52px;
        background-image: url(/-/media/A173DF75C5244BC599B55749F98BA97D.ashx);
        background-repeat: no-repeat;
        background-size: auto 30px;
        background-position: right 18px center;
        color: #296C77;
        background-color: #ffffff;
        border: 1px solid transparent;
        border-radius: 8px;
    }
    .disease-buttons.hiddenInactive,
    #indication-icons>div.hiddenInactive {
        display: none;
    }
    #indication-icons {
        flex-direction: column;
        display: flex;
    }
    #indication-icons div,
    #indication-icons div selected {
        background-position: bottom center
    }
    #indication-icons>div>p {
        top: 0;
        align-items: center;
        display: flex;
        padding: 2px 38px;
        margin: 0;
    }
    .disease-buttons {
        border: 0;
        margin: 0;
        height: 42px;
        text-align: right;
        justify-content: left;
        font-weight: 500;
        letter-spacing: 0.64px;
        text-align: left;
    }
    .disease-buttons.selected {
        border-radius: 0;
        border: 0;
    }
    .disease-buttons.selected::after {
        height: 0;
        width: 0;
        background-color: transparent;
    }
    .container-indication-icons {
        border: 1px solid #8E8E8E;
        border-radius: 8px;
    }
    #indication-icons>div {
        background-image: none !important;
        width: 100%;
        font-weight: 500;
        text-transform: uppercase;
        letter-spacing: 0.64px;
        height: 40px;
        display: flex;
        text-align: left;
    }
    #indication-icons>div.selected {
        height: 40px;
        background-repeat: no-repeat;
        background-size: 24px 24px;
        background-position: right 18px center;
        box-shadow: none;
        color: #ffffff;
        background-color: #296C77;
        border: 1px solid #8E8E8E;
        border-radius: 0px;
    }
    #selected-indication-icon {
        display: block;
    }
    #selected-indication-icon>div {
        display: flex;
        height: 52px;
        background-image: url(/-/media/A173DF75C5244BC599B55749F98BA97D.ashx);
        background-repeat: no-repeat;
        background-size: auto 30px;
        background-position: right 18px center;
        color: #296C77;
        background-color: #ffffff;
        border: 1px solid transparent;
        border-radius: 8px;
        justify-content: right;
        font-weight: 500;
        padding: 2px 38px;
        text-transform: uppercase;
        align-items: center;
        letter-spacing: 0.64px;
    }
    #selected-indication-icon>div>p {
        margin: 0;
    }
    .icon-container {
        border: 1px solid #000;
        margin: 0px 34px;
        border-radius: 8px;
    }
    #indication-icons>div.selected {
        border: 0;
    }
    .indication-icon-image {
        height: 100px;
        margin-top: 20px;
    }
    .indication-icon-image>div {
        height: 100%;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: left bottom;
    }
    .indication-bg-image {
        display: none;
    }
    .indication-bg-image.show {
        display: block;
    }
    .indication-bg-image.epidemiology {
        background-image: url(/-/media/405F5F72657346308731BF08B2513DB9.ashx) !important;
    }
    .indication-bg-image.risk {
        background-image: url(/-/media/F718F0B0018549288ED99CF7BA4B0297.ashx) !important;
    }
    .indication-bg-image.causes {
        background-image: url(/-/media/458F4C0AA5B74FA890F2A88EAECCAB04.ashx) !important;
    }
    .indication-bg-image.signs {
        background-image: url(/-/media/638FDCACCE944892A2DA8B9C89A2F354.ashx) !important;
    }
    .indication-bg-image.physiology {
        background-image: url(/-/media/A872402F460944DF9138E929371E128F.ashx) !important;
    }
    .indication-bg-image.diagnosis {
        background-image: url(/-/media/F5663D75DCFA419B851699755F7F5F94.ashx) !important;
    }
    .indication-bg-image.management {
        background-image: url(/-/media/7C0C84C79930428698D44BEEBFB62B6D.ashx) !important;
    }
    .indication-bg-image.unmet {
        background-image: url(/-/media/C096D89A3ABB4D9B86E6C77E20C59A5D.ashx) !important;
    }
}

body.on-page-editor div.Gx-popup-component {
    display: none !important;
}


/********** FORMS ********************/

form.changepain-forms {
    padding: 30px 0;
}

table.formStyles tr:nth-child(even),
table.formStyles tr:nth-child(odd) {
    background-color: transparent;
}

table tr:first-child td,
table tr:last-child td {
    border: 0;
}

table.formStyles {
    width: 100% !important;
    border: 0;
}

table.formStyles td {
    border: 0;
}

table.formStyles tr:first-child td {
    background-color: transparent;
    color: inherit;
}

table.formStyles tr:first-child:hover td * {
    color: initial !important;
}

table.formStyles td:first-child,
table.formStyles th:first-child {
    font-weight: 500;
    width: 30%;
}

table.formStyles td input,
table.formStyles td select {
    width: 100%;
}

.required:after {
    content: " *";
    color: red;
}

.errorText,
.errorTextEmail {
    color: red;
    font-size: 12px;
    font-weight: 400;
    display: none;
}

.showError,
.showErrorEmail {
    display: block;
}

#registration-form-message,
#registration-form-failed,
#survey-form-message,
#survey-form-failed {
    display: none;
}

#registration-form-message.registration-form-submitted,
#registration-form-failed.registration-form-submitted {
    display: block;
}

#result {
    padding: 20px 0;
}

table.formStyles.formSurvey td select,
table.formStyles.formSurvey td input {
    width: auto;
}

input[type="radio"] {
    width: auto !important;
}

table.formStyles.formSurvey td textarea {
    height: 100px;
    width: 100%;
}

.removeTopPadding {
    padding-top: 0;
}


/******* expert talk banner *********/

.rounded-yellow-banner {
    background-color: #FFE26B;
    display: flex;
    align-items: center;
    height: 150px;
    border-radius: 25px;
}

.rounded-yellow-banner-image {
    height: 100%;
    padding: 8px 14px;
    width: auto;
}

.richtext h2.rounded-yellow-banner-text {
    font-size: 1.75rem;
    margin: 0 4px;
    width: 70%;
    text-align: center;
}

.richtext span.rounded-yellow-banner-text {
    margin: 0 4px;
    width: 70%;
}

.rounded-yellow-banner-text .button-p1 {
    background-color: #ffffff;
    color: #000000;
    border-radius: 28px;
    min-width: 250px;
    padding-top: 15px;
    padding-bottom: 15px;
    box-shadow: none;
    border-color: transparent;
}

.rounded-yellow-banner-text .button-p1:after {
    content: '';
    background-image: url(/-/media/Projects/change-pain/shared/arrow-small.png);
    width: 21px;
    height: 25px;
    display: inline-block;
    position: absolute;
    right: 22px;
}

@media screen and (max-width: 40rem) {
    .richtext h2.rounded-yellow-banner-text {
        font-size: 1.5rem;
    }
    .rounded-yellow-banner-text .button-p1 {
        min-width: 240px;
        right: 12px;
    }
    .rounded-yellow-banner-image {
        height: 50%;
        padding: 8px 8px;
    }
    .rounded-yellow-banner {
        height: 200px;
    }
}


/********** UK CHANGE PAIN STYLES ********************/


/*

.en-gb #wrapper .row-splitter:first-of-type {
    top: 0;
    background-color: #296C77;
    padding-top: 20px;
}

.en-gb .hero-home {
    top: 0;
}

*/

.hero-home__image-wrapper {
    background-color: #ffffff;
}

.wave-background .hero-home {
    top: 0;
}

.wave-background .hero-home--small {
    height: 16rem;
}

.wave-background .hero-home__image-wrapper::before {
    background: rgba(255, 255, 255, 0);
    background: -moz-linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
    background: -webkit-linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
    opacity: 1;
}

.wave-background .hero-home__image-wrapper::after {
    opacity: 0;
}


/* 

.en-gb .navigation-page__list-item.selected>a {
    border-bottom: 5px solid #95c11f;
}

@media screen and (max-width: 64rem) {
    .en-gb .preview .header--static {
        padding-top: 0;
        margin-top: 0;
    }
} 

*/

.changepain-en-gb .homepage-with-carousel-nav {
    height: 80px;
    background-color: #003041;
    /*background: rgb(4,36,44);
	background: linear-gradient(90deg, rgba(4,36,44,1) 5%, rgba(8,52,68,1) 32%,rgba(4,68,88,1)53%, rgba(4,76,100,1) 70%, rgba(8,76,100,1) 85%, rgba(4,36,44,1) 100%);*/
    padding-top: 20px;
}

.changepain-en-gb #wrapper .row-splitter:first-of-type {
    top: 35px;
}

@media only screen and (max-width: 64rem) {
    .changepain-en-gb.homepage-navigation-with-carousel #wrapper .row-splitter:first-of-type {
        top: 0px;
    }
    header.header--static {
        position: absolute;
    }
    .changepain-en-gb.homepage-navigation-with-carousel .hcps-promolink {
        top: 580px;
    }
}

@media screen and (max-width: 40rem) {
    /* .changepain-en-gb #wrapper .row-splitter:first-of-type {
        top: 15px;
        padding-top: 0;
    } */
    .changepain-en-gb #wrapper.nav-active .row-splitter:first-of-type {
        background-color: #296C77;
    }
    .changepain-en-gb .navigation-page__list.dropdown.menu {
        right: 0;
        top: 20px;
    }
    .changepain-en-gb .navigation-page__sub-list.submenu.is-dropdown-submenu.first-sub.vertical {
        border: 0px !important;
    }
}

.change-pain-en-gb #content {
    padding-top: 35px;
}

.modules-homepage-image a {
    text-align: center;
}

.modules-tick img {
    width: 3.5rem;
    display: none;
}

.changepain-en-gb .richtext h1 {
    color: #95C11F;
}

.changepain-en-gb .richtext ul li.highlighted::before {
    color: #95C11F;
}

.changepain-en-gb .disease-buttons.selected::after {
    background-color: #95C11F;
}

.changepain-en-gb .reference-title__text::after,
.changepain-en-gb .is-active .reference-title__text::after {
    color: #95C11F;
}

.is-active .reference-title__text::after {
    font-size: 1.875rem;
    top: 50%;
    right: -3rem;
}


.changepain-en-gb .navigation-page__list-item.selected>a,
.changepain-en-gb .navigation-page__list-item>a:hover {
    border-bottom: 5px solid #95C11F;
}

/* .changepain-en-gb .navigation-page__list-item.selected>a,
.changepain-en-gb .navigation-page__list-item>a:hover {
    border-bottom: 5px solid #95C11F;
} */

.changepain-en-gb .dropdown.menu>li.is-dropdown-submenu-parent>a {
    position: relative;
}

.en-patient-navigation .navigation-page__list .dropdown.menu,
.en-hcp-navigation .navigation-page__list .dropdown.menu {
    width: auto;
    position: absolute;
    right: 0;
    top: -13px;
    margin-left: -90px;
}


/* Addition by Graham to fix drop down menus */

.en-patient-navigation .dropdown.menu a,
.en-hcp-navigation .dropdown.menu a {
    padding: 0.6875rem 0rem 0rem 0rem;
    margin-right: 1.2rem;
}

.changepain-en-gb .navigation-page__sub-list.submenu.is-dropdown-submenu.first-sub.vertical {
    z-index: 20;
    background-color: rgba(41, 108, 119, 0.85);
    text-shadow: 0px 0px 3px #296C77;
    border: 1px solid rgb(0, 0, 0, 0.5);
}

.changepain-en-gb .navigation-page__sub-list.submenu.is-dropdown-submenu.first-sub.vertical li:hover {
    background-color: transparent;
    text-shadow: 0px 0px 3px #5f9199;
}

.changepain-en-gb .dropdown.menu>li.is-dropdown-submenu-parent[aria-label="about" i] ul {
    display: none !important;
}

.changepain-en-gb .dropdown.menu>li.is-dropdown-submenu-parent>a {
    position: relative;
    padding: 0.6875rem 0rem 0rem 0rem !important;
    margin-right: 1.2rem;
}

.changepain-herotext {
    max-width: 60%;
    color: white;
    text-shadow: 0px 0px 2px rgba(0, 57, 76, 0.8), 2px 2px 5px rgba(0, 57, 76, 0.8);
    font-size: 2.5rem;
    line-height: 1.15;
}

.changepain-herobody {
    max-width: 60%;
    color: white;
    text-shadow: 0px 0px 2px rgba(0, 57, 76, 0.8), 2px 2px 5px rgba(0, 57, 76, 0.8);
    font-size: 1.5rem;
}

@media screen and (max-width: 40rem) {
    .gx-heroCarousel-component .carousel-caption.gx-heroCarousel-slide-content {
        background-color: #296c77;
    }
    .gx-heroCarousel-component .carousel-indicators {
        bottom: 1.2rem;
    }
    .changepain-herotext,
    .changepain-herobody {
        max-width: 100%;
    }
    .changepain-en-gb .webinar-practitioner-image {
        text-align: center;
    }
}

@media screen and (max-width: 64rem) {
    .changepain-en-gb .hero-home__title.heading00 {
        font-size: 2.0rem;
        margin-bottom: 2.5rem;
    }
}

.changepain-en-gb .webinar-practitioner-image {
    margin-bottom: 2rem;
}

.hcps-promolink {
    background-color: #296C77;
    padding: 15px 12px 20px 12px;
    margin-bottom: 3.1rem;
    top: 100px;
    font-size: 15px;
    font-weight: 500;
    border-radius: 10px;
    color: #ffffff;
    margin-left: 60px;
    z-index: -1;
    max-width: 200px;
    position: absolute;
    right: 30px;
    border: 2px solid #5f9199;
    float: right;
}

.hcps-promolink a {
    color: #acdee5;
}

#wrapper.nav-active .hcps-promolink {
    display: none;
}

.changepain-en-gb .p--x-small {
    min-width: 300px;
    margin-top: 50px;
}

.changepainuk-jobnumber {
    font-weight: 300;
    font-size: 12px;
    color: #555;
}

.changepainuk-jobnumber-tout {
    font-weight: 300;
    font-size: 12px;
    color: #555;
    position: absolute;
    right: 20px;
    bottom: -40px;
}

.changepain-en-gb .gctout .resource-hub-tout {
    position: relative;
}

.changepain-en-gb .nav-columnsplitter {
    padding-top: 0;
}

.changepain-en-gb .homepage-with-carousel-nav .nav-columnsplitter {
    padding-top: 0;
}

.changepain-en-gb .gctout .button-p1:after {
    content: '';
    background: url(/-/media/Projects/change-pain/en-gb/green-arrow.png);
    background-size: 25px 25px;
    width: 25px;
    height: 25px;
    display: inline-block;
    position: absolute;
    right: 22px;
    top: 12px;
}

.changepain-en-gb .gctout .inactive .tout-tertiary__cta {
    opacity: 0.5;
    cursor: not-allowed;
    pointer-events: none;
    font-style: italic;
}

.changepain-en-gb .gctout .inactive img {
    opacity: 0.5;
    cursor: not-allowed;
    pointer-events: none;
}

.changepain-en-gb .gctout .inactive a {
    cursor: not-allowed;
    pointer-events: none;
}

.changepain-en-gb .gctout .inactive .button-p1:after {
    background-image: none;
}

.changepain-en-gb .cpd-module-box-links h3 {
    border: 2px solid #95C11F;
    padding-top: 7px;
    line-height: 45px;
}

@media screen and (max-width: 64rem) {
    .changepain-en-gb .cpd-module-box-links h3 {
        line-height: 35px;
    }
}

@media screen and (min-width: 40rem) {
    .changepain-en-gb .nav-columnsplitter {
        padding-top: 20px;
    }
    .changepain-en-gb .hero-image {
        padding-top: 0;
        /* top: -35px; */
    }
}

@media screen and (min-width:64rem) {
    .changepain-en-gb .hero-image-content .hero-image-content__headline {
        width: calc(100% - 230px);
    }
}

@media screen and (max-width:64rem) {
    .changepain-en-gb .hero-image,
    .changepain-en-gb .gx-heroCarousel-component {
        margin-bottom: 52px;
    }
    .changepain-en-gb .hcps-promolink {
        min-width: 100%;
        right: 0;
        top: calc(100% - -225px);
        border-radius: 0;
        margin: 0;
    }
}

@media screen and (max-width: 40rem) {
    .changepain-en-gb .hcps-promolink {
        top: calc(100% - -145px);
    }
    .changepain-en-gb.homepage-navigation-with-carousel .hcps-promolink {
        top: 560px
    }
}
/* updated styles for change-pain-uk HCP start */

.changepain-en-gb .footer-site .row:nth-child(2) .large-2:nth-child(1) {
    width: 20%;
}

.changepain-en-gb .footer-site .row:nth-child(2) .large-8 {
    width: 80%;
}

.changepain-en-gb  .Gx-top-header-list-item a.Gx-top-header-list-item-link.link-external {
    pointer-events: none;
}

.changepain-en-gb .link-external::after {
    display: none !important;
}

.changepain-en-gb  #tablinks li.Gx-top-header-list-item {
    margin: 0.625rem 0rem 0.5rem 0rem;
    border: 0;
    padding: 0;
   
}

.changepain-en-gb  #tablinks li.Gx-top-header-list-item a {
    font-weight: bold;
    color: #ffdc00;
}

.changepain-en-gb  #tablinks li.Gx-top-header-list-item a:hover {
    color: #fff;
   
}
/* updated styles for change-pain-uk HCP end */


/* updated styles for change-pain-uk MOP start */

/* landing page */
.patient-home .cp-patient-navigation .navigation-page__list-item:nth-child(1) a {
    /* color: red; */
    border-bottom: 0;
    background-color: #FBDD03;
    border-radius: 30px;
    color: #000;
}


.cp--landing-home .Gx-top-header-link-list .link-external::after{
    display: none !important;
}

.cp--landing-home .Gx-top-header-link-list a{
pointer-events: none;
}

.cp--landing-home .gcimage .image-default img{
    width: 441px;
    max-width: unset;
}

.cp--landing-home #wrapper>.row-splitter:first-of-type {
    z-index: 999;
    background-image: url("/-/media/Projects/change-pain/shared/landing_bg");
    height: 721px;
    background-size: cover;
    padding-top: 74px;
    position: relative;
    top: 0;
}

.cp--landing-home #content {
    background-color: #282828;
    color: white;
    padding: 10px 0 0;
}

.cp--landing-home .richtext .veeva-ref{
    margin-bottom: 0 !important;
}

.cp-promo-custom {
    display: flex;
    justify-content: space-between;
    padding: 161px 25px 0;
}

.cp-promo-custom .cp-heading {
    font-size: 35px;
    text-align: left;
    max-width: 599px;
    font-weight: normal;
    letter-spacing: normal;
    color: #FFFFFF;
    margin: 30px 0 0;
	font-family : 'helvetica-neue-medium';
}


.cp-promo-custom .cp-cta{
    background: #FFFFFF;
    box-shadow: 0px 3px 6px #00000029;
    border-radius: 15px;
    padding: 20px;
    max-width: 535px;
    margin-bottom: 28px;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
}

.cp-cta__text {
    padding-left: 30px;
}

.cp-promo-custom .cp-cta__text a h2{
    font-size: 24px;
    color: #363131;
    text-align: left;
    font-weight: bold;
    text-decoration: none;
    font-family: 'visuelt-bold';
}

.cp-promo-custom .cp-cta__text a{
    text-decoration: none;
}

.cp-promo-custom .cp-cta__text .cp-cta-dot {
    position: relative;
    top: -5px;
}

.cp--landing-home .navigation-functional{
    background-color: #1A3033;
}

.cp--landing-home .cp-details {
    font-size: 18px;
    font-family: 'visuelt-medium';
    font-weight: 500;
}

.for-mobile{
    display: none;
}

.for-desktop{
    display: block;
}


/* patient home  */

/*.gcnavigationSubLight {
    min-height: 599px;
}*/
.patient-home-right .column-splitter .small-12.medium-6.large-6.columns:nth-child(odd) {
    padding-left: 0;
}
.patient-home-right .column-splitter .small-12.medium-6.large-6.columns:nth-child(even) {
    padding-right: 0;
}
.cp-patient .navigation-sub__container{
	position:relative;
	left:auto;
}

.cp-patient .navigation-sub.navigation-sub--light{
	margin:0;
}

.patient-home header.header--static {
    position: absolute;
}

.patient-home .gx-heroCarousel-component .carousel-inner .gx-heroCarousel-slide{
    height: 656px;
    background-size: cover;
    background-position: center;

}

.patient-home  .carousel-caption .button-p2 {
    background-color: #FBDD03;
    color: #404855 !important;
    font-size: 17px;
    font-family:visuelt-bold;
    min-width: 158px;
    text-shadow: none;
}

.patient-home  .slide-descr{
    width: 420px;
    font-size: 18px;
    color: #fff;
    font-family: VisueltPro-Regular;
    text-shadow: none;
    line-height: 25px;
}

.patient-home  .slide-descr.slide-two-descr{
    width: 531px;
}

.patient-home .slide-title{
    font-size: 32px;
    color: #fff;
    padding-bottom: 15px;
    font-family: visuelt-medium;
    text-shadow: none;
}
.patient-home .row-splitter:first-of-type{
    top: 90px !important;
}

.patient-home  .navigation-functional .columns{
    min-height: unset !important;
}

.patient-home .gx-heroCarousel-component .carousel-control i {
    display: none;
}

.navigation-page__list-item a, .navigation-page__list-item a:hover {
    color: #ffffff;
    letter-spacing: 0.72px;
    font-weight: 400;
}
.patient-home .gx-heroCarousel-component .carousel-indicators {
    bottom: -34px;
}

.patient-home .gx-heroCarousel-component .carousel-indicators li:not(.active) {
    color: #296c77;
    background-color:#296c77 !important;
    width: 80px;
    height: 8px;
    border-radius: 0;
}

.patient-home .gx-heroCarousel-component .carousel-indicators li.active {
    background-color:  #ffdc00;
    color: #ffdc00;
    height: 9px;
    width: 80px;
    border-radius: 0;
}

.patient-home  .navigation-functional {
    min-height: 50px; 
}


.patient-home  #tablinks li.Gx-top-header-list-item a:hover{
    color: #fff;
}

.patient-home  .gctout {
    margin-top: 60px;
}

.patient-home .tout-primary__content{
    padding: 0 10px;
    margin-bottom: 100px;
}

.patient-home .tout-primary {
    background-color: #fff !important;
}

.cp-home-banner p {
    font-size: 18px;
    text-align: left;
    color: #fff;
    font-family: 'VisueltPro-Regular';
    line-height: 23px;
    margin-bottom: 30px;
}

.cp-home-banner  sup {
    left: 0.1em;
}

.patient-home #content > .row-splitter{
    background-color: #fff !important;
}
.cp-home-banner img{
    height: 50px;
    width: 50px;
    margin-bottom: 22px;
}

.cp-home-banner .heading02{
    color: #fff;
    font-size: 24px;
    font-family:visuelt-bold; 
}

.cp-home-sec-one {
    max-width: 1169px;
    margin: 35px auto 0;
    border-left: 2px solid #3C6B74;
}

.sec_one__title {
    font-size: 23px;
    color: #2A6C76;
    padding: 5px 0 25px 15px;
    font-family: VisueltPro-Regular;
    line-height: 24px;
    margin: 0;
}

.sec_one__desc {
    padding: 0 16px;
    font-family: VisueltPro-Regular;
    font-size: 16px;
}

.sec_one__icon {
    padding: 0 16px;
}

.patient-home  .gx-heroCarousel-component .carousel-inner .gx-heroCarousel-slide-content {
    top: 62%;
    width: 1214px;
	text-shadow: none;
}

.edorsed-sec {
    background-color: #f4f4f4;
    padding: 26px 88px 62px;
    border-radius: 21px;
    margin: 60px 0 100px 14px;
}


.edorsed-sec h2 {
    color: #323232;
    font-size: 24px;
    text-align: center;
    margin-bottom: 37px;
}

.endorsed_logo__container {
    display: flex;
    justify-content: space-evenly;
}

.patient-home a.Gx-top-header-list-item-link::hover{
    color: #fff;
}

/* patient navigation */

header.header--static {
    background-color: #1a3033;
}
.cp-patient-navigation .navigation-page__list.dropdown.menu {
    width: auto;
    position: absolute;
    right: -172px;
    top: 0px;
}
.cp-patient-navigation .navigation-page__list.dropdown.menu {
    border-radius: 30px;
    border: 1px solid  #FBDD03;
    padding: 0;
    background-color: #296C77;
}

.cp-patient-navigation  .navigation-page__list-item.selected>a,.cp-patient-navigation  .changepain-en-gb .navigation-page__list-item>a:hover {
    border-bottom:0;
    background-color: #FBDD03;
    border-radius: 30px;
    color: #000;
}

.cp-patient-navigation  .dropdown.menu a,.cp-patient-navigation  .en-hcp-navigation .dropdown.menu a {
    margin-right: 0;
    padding: 4px 14px 4px 18px;
}



.cp-patient-navigation .navigation-page__list-item.is-dropdown-submenu-parent:hover>a{
    background-color: #FBDD03;
    border-radius: 30px;
    color: #000;
}



.cp-patient-navigation.dropdown.menu>li:last-child>a {
    margin-right: 0 !important;

}
.cp-patient-navigation .navigation-page__list,.cp-patient-navigation  .navigation-page__sub-list.is-dropdown-submenu {
    background-color:#296C77;
    border-radius: 10px;
   
}

.cp-patient-navigation .changepain-en-gb .navigation-page__sub-list.submenu.is-dropdown-submenu.first-sub.vertical {
    border: 0;
    padding: 5px 5px 10px;
}

.cp-patient-navigation .dropdown .is-dropdown-submenu-item a:hover,.cp-patient-navigation  .navigation-page__list.dropdown.menu li a:hover{
    border-bottom: 0;
    bottom: 0;
    background-color:#FBDD03;
    color: #000;
    border-radius: 30px;
    height: auto;
	text-shadow: none;
}

.cp-patient-navigation .changepain-en-gb .navigation-page__sub-list.submenu.is-dropdown-submenu.first-sub.vertical li:hover {
    background-color:transparent;
    text-shadow: 0px 0px 3px #5f9199;
   
}
.cp-patient-navigation  .dropdown.menu>li.is-dropdown-submenu-parent>a {
    margin-right: 0;
    padding: 4px 10px 4px 10px !important;
    text-transform: uppercase;
    margin-left: 0;
}

.cp-patient-navigation   .navigation-page__list-item>a {
    border-bottom: 0;
}


/* for promo cards component */
body {
    background: #fff;
}

.promo-small-green {
    background: #F0F8F8;
}

.promo-small-cream {
    background: #FEFBEA;
}

.promo-small-green,
.promo-small-cream {
    min-height: 312px;
    display: flex;
    justify-content: center;
    text-align: center;
    padding: 20px;
    align-items: self-start;
	position:relative;
}

.promo-small-cream img,
.promo-small-green img {
    padding: 1.4rem 0;
}

.promo-small-cream h3,
.promo-small-green h3 {
    color: #296C76;
    font-size: 1.25rem;
    font-weight: bold;
    padding-bottom: 0.5rem;
    font-family: 'visuelt-bold';
}

.promo-small-cream span,
.promo-small-green span {
    color: #296C76;
    font-size: 1rem;
    font-weight: normal;
    font-family: 'VisueltPro-Regular';
}

.card-heading-wrapper .round-bg{
     width: 80px;
    height: 80px;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto 5px auto;
    border-radius: 50px;
    font-size: 24px;  
}

.card-heading-wrapper .card-heading{
    padding: 0;
}


.px-0 {
    padding-left: 0;
    padding-right: 0;
}

.pl-0{
    padding-left: 0;
}

.pr-0{
    padding-right: 0;
}


/* hero image breadcrumbs */

.cp-patient nav.breadcrumbs {
    display: none;
}

.cp-patient div#gx-breadcrumb-container.breadcrumbs-hero-image {
    bottom: 40px;
}


.cp-patient #gx-breadcrumb-container ul.gx-breadcrumbs li {
    color:#fff;
    font-size: 12px;
    font-family: VisueltPro-Regular;
}

.cp-patient #gx-breadcrumb-container ul.gx-breadcrumbs li a {
    color:#FFDC00;
}

.cp-patient #gx-breadcrumb-container ul.gx-breadcrumbs li+li:before {
    color:#FFDC00;
    font-size: 12px;
}

/* hero image container */
.hero-image-content__image::after {
    background-image: none;
}

.cp-patient .hero-image {
    padding-top: 0;
    top: 0px;
    margin: auto;
}

.cp-patient .hero-image.hero-image--small {
    height: 412px;
    margin-bottom: 0;
}

.cp-patient .hero-image-content {
    position: relative;
    width: 584px;
    bottom: 55px;
}

		
.banner-text-body ul li{	
    font-size: 20px;	
    text-align: left;	
    font-weight: normal;	
    font-family: VisueltPro-Regular;	
    line-height: 24px;	
    list-style: disc;	
    margin-left: 18px;	
    margin-bottom: 14px;
}	
.banner-text-body h1{	
    font-size: 32px;	
    font-family: VisueltPro-Regular;	
    line-height: 41px;	
    font-weight: normal;	
}
/* sub navaigation light */

.cp-patient .navigation-sub--light .navigation-sub__list li a {
    font-size: 16px;
	font-family: VisueltPro-Medium;
}



/* global style  container */


.patient-home-left {
    padding-right: 0;
}

.cp-patient .Gx-top-header-list-item a{
    pointer-events: none;
}

.cp-patient .Gx-top-header-list-item.hcp_link a{
    pointer-events: all;
    margin-left: 5px;
    color: #ffdc00;
}

.patient-home-right{
	padding: 0 30px;
}

.cp-mobile-img{
    display: none;
}

.top-p-18 {
    padding-top: 18px;
}

.bottom-m-18{
    margin-bottom: 18px;
}

.no-margin {
    margin: 0 !important;
}

.promo-style-small .promo-small-green,  .promo-style-small .promo-small-cream{
    min-height: 168px;
}

.box-bg {
    font-weight: bold !important;
    padding: 5px;
    color: #ffdc00 !important;
}
.cp-patient .Gx-top-header-list-item a:hover{
    color:#fff ;
} 

.cp-patient .Gx-top-header-list-item a{
    padding: 0 !important;
}

.richtext .cp-title {
	color: #296C76;
    font-size: 24px;
    font-family: VisueltPro-Regular;
    margin-bottom: 28px;
    line-height: 30px;
}

.cp-descr {
    font-size: 18px;
    color: #4B4B4B;
    line-height: 30px;
    font-family: VisueltPro-Regular;
}
.cp-descr a {
    font-weight: normal;
    text-decoration: none;
    color: #2A6C76;
}

.cp-patient #tablinks li.Gx-top-header-list-item {
    margin: 0.625rem 0rem 0.5rem 0rem;
    border: 0;
    padding: 0;
}

.cp-patient #tablinks li.Gx-top-header-list-item a:hover {
    color: #fff;
}

.cp-patient .link-external::after{
    display: none !important;
}

.promo.patient-cta-with-left-img .component-content{
    display: flex;
    width: 100%;
    align-items: center;
}

.promo.patient-cta-with-left-img .field-promoicon {
    width: 43%;
}

.promo.patient-cta-with-left-img .text-descr {
    width: 368px;
    font-size: 18px;
    color: #404040;
    line-height: 28px;
    font-family: VisueltPro-Regular;
    margin-left: 46px;
}

.understanding-pain .promo.patient-cta-with-left-img .text-descr {
    width: 361px;
    font-size: 18px;
    color: #404040;
    line-height: 27px;
    font-family: VisueltPro-Regular;
    text-align: left;
    margin-top: 0;
}

.promo.patient-cta-with-left-img {
    background-color: #F4F4F4;
    padding: 0;
}

.patient-home-right .button-p1 > [class^=icon-] {	
    background-color: #296C77;	
    margin-left: 10px;	
}	
.patient-home-right .button-p1 {	
    display: flex;	
    flex-direction: row-reverse;	
    justify-content: flex-end;	
    width: 173px;	
    color: #414854;	
    font-size: 18px;
	border: 0;
    font-family: 'VisueltPro-Regular';
    align-items: flex-end;
}	
.patient-home-right .button-p1:hover {	
    background-color:transparent;	
    color: #414854;
}	

.patient-home-right .button-p1:focus{
    border: 0;
    box-shadow: none;
    background-color: transparent;
}

.patient-home-right .button-p1:active{
    background-color:transparent;	
}

.patient-home-right .button-p1:focus > [class^=icon-]{
    color: #fff;
}

.patient-home-right .button-p1:active > [class^=icon-] {
    color: #fff;
}
.patient-home-right  .button-p1 .button__elipsis {	
    color:  #296C77;	
    margin-left: 10px;	
}	

.promo.patient-cta-with-left-img .field-promolink {
    background-color: #FBDD03;
    width: 151px;
    text-align: center;
    border-radius: 80px;
    padding: 9px 20px;
    margin: 49px 0 0 46px;
    cursor: pointer;
}

.promo.patient-cta-with-left-img .field-promolink a{
    text-decoration: none;
    font-size: 17px;
    color: #404855;
    font-family: VisueltPro-Regular;
}

.for-mobile {
    display: none !important;
}


.richtext .veeva-ref {
    font-family: VisueltPro-Regular;
    padding: 0 15px;
    margin-bottom: 10px !important;
    font-size: 16px !important;
}


/* read more section start */
.more-text,
.more-text-two
 {
    display: none;
}
/* read more section end */


/* what is pain page style */

.what-is-pain .promo-small-green,.what-is-pain .promo-small-cream {
    min-height: 229px;
}

.what-is-pain .promo-small-cream span,.what-is-pain .promo-small-green span {
    width: 234px;
    display: block;
}
.inner-sec-1 {
    display: flex;
    flex-direction: row;
    width: 100%;
}

.inner-sec1-desc {
    width: 50%;
}

.inner-sec1-image img {
    margin-top: 42px;
}
.inner-sec1-image {
    width: 40%;
    text-align: center;
    background-color: #F0F8F8;
    min-height: 209px;
}

.inner-sec1-desc {
    font-size: 18px;
    color: #404040;
    line-height: 30px;
    font-family: VisueltPro-Regular;
    margin-left: 25px;
}

.what-is-pain .reference-sec {
    padding: 40px 0 0;
}

.cp-patient.what-is-pain .hero-image-content {
    bottom: 31px;
}

/* what is pain page style end */

/* classification of pain page style */

.classification-of-pain .promo.patient-cta-with-left-img.promo-with-left-image{
    background-color: #fff;
}

.classification-of-pain .promo.patient-cta-with-left-img.promo-with-left-image .text-descr {
    width: 470px;
}

.classification-of-pain .promo.patient-cta-with-left-img.promo-with-left-image .field-promoicon {
    width: 30%;
}

.classification-of-pain .promo.patient-cta-with-left-img.promo-with-left-image .text-descr ul{
    list-style: disc;
}


.classification-of-pain .promo.patient-cta-with-left-img.promo-with-left-image .text-descr ul li::marker{
    color:  #296C77;
}

.classification-of-pain .promo.patient-cta-with-left-img.promo-with-left-image .text-descr ul li{
    line-height: 30px;
}

.classification-of-pain .promo.patient-cta-with-left-img.promo-with-left-image .field-promolink {
    display: none;
}

.classification-of-pain .promo.patient-cta-with-left-img.promo-with-left-image .component-content {
    margin: 50px 0;
}

.classification-of-pain .promo.patient-cta-with-left-img.promo-with-left-image ul li a {
    color: #3C6B74;
    font-weight: normal;
    text-decoration: none;
}

.classification-of-pain .reference-sec {
    padding: 40px  0;
}

.classification-of-pain .cp-descr {
    margin-bottom: 30px;
}
/* classification of pain page style end */

/* mechanisms-of-pain style */

.mechanism-of-pain .promo-small-green, .mechanism-of-pain .promo-small-cream{
    min-height: 242px;
}

.mechanism-of-pain .read-more-sec .cp-descr{
    margin-bottom: 18px;
}

.mop-sec-two .richtext  h4{
    font-size: 18px;
    color: #404040;
    line-height: 30px;
    font-family: VisueltPro-Regular;
    font-weight: bold;
    text-align: left;
    margin-bottom: 0;
}

.mop-sec-two .richtext  p{
    font-size: 18px;
    color: #404040;
    line-height: 30px;
    font-family: VisueltPro-Regular;
    font-weight: normal;
    text-align: left;
    margin-bottom: 20px;
}

.button-p1:hover > [class*=' icon-'], .button-p1:hover > [class^=icon-] {
    color: #fff;
}
.cp-patient.mechanism-of-pain .hero-image-content {
    bottom: 33px;
}
/* mechanisms-of-pain style end */

/* how is pain measured */


.pain-measured p.lead {
    margin-bottom: 0;
}

.pain-measured .spacer-s {
 margin-bottom: 1.5rem;
}

.pain-measured .promo-style-small .promo-small-green, .pain-measured  .promo-style-small .promo-small-cream{
    min-height: 168px;
    margin: 26px 0 40px;
}

.patient-cta-with-left-img.promo-with-right-image{
    background-color: transparent;
    padding: 0 25px;
}

.promo.patient-cta-with-left-img.promo-with-right-image .component-content {
    flex-direction: row-reverse;
    justify-content: flex-end;
    padding: 15px 0;
}

.promo-with-right-image .field-promotext2 ul{
    list-style-type: disc;
}

.promo-with-right-image .field-promotext2 ul li::marker {
    color: #3C6B74;
}

.promo.patient-cta-with-left-img.promo-with-right-image .field-promolink{
    display: none;
}



/* how is pain measured end */




/*  understand pain start */

ul.sec1-descr-ul {
    list-style: disc;
    font-size: 18px;
    color: #404040;
    line-height: 30px;
    font-family: VisueltPro-Regular;
}

.understanding-pain-01 h4.tout-tertiary__title {
    margin-left: 20px;
    text-align: left;
    font-size: 29px;
    letter-spacing: 0px;
    color: #404040;
    font-weight: 500;
}

article.understanding-pain-01.tout.tout-tertiary {
    border: 1px solid #eae4e4;
    top: 0;
	padding-bottom: 0;
    margin-top: 0;
	margin-bottom:15px;
	min-height: 432px;
}

.understanding-pain-01 .tout-tertiary__excerpt.richtext {
	padding: 0;
    height: 120px;
    text-align: left;
    letter-spacing: 0px;
    color: #404040;
    opacity: 1;
    font-size: 17px;
    line-height: 1.6rem;
	font-family: 'VisueltPro-Regular';
	margin-left: 20px;
}

.understanding-pain-01 a.button.button-p1.tout-tertiary__cta {
    color: #3C6B74;
    font-size: 16px;
    font-weight: 500;
    display: block;
    min-width: 204px;
    top: auto;
	background: none;
	left: auto;
	position: absolute !important;
}

.understanding-pain-last_btn  a.button.button-p1.tout-tertiary__cta {
    color: #3C6B74;
    font-size: 16px;
    font-weight: 500;
    display: block;
    min-width: 204px;
    top: auto;
    left: auto;
	position: absolute !important;
}

.understanding-pain  .patient-home-right .button-p1:hover {
    background-color: #fff; 
    color: #f4f4f4;
}

/*.understanding-pain-01 a:hover {
    color: #fff !important;
}*/

.understanding-pain-01 .button-p1:after {
	content: ''; 
	background: url(/-/media/projects/change-pain/shared/cp-right-icon.svg); 
    width: 21px;
	height: 25px;
	display: inline-block;
	position: absolute; 
	right: 22px; 
	background-repeat: no-repeat; 
	} 
	
p.sec1-descr {
	font-size: 18px; 
	color: #404040; 
	line-height: 28px; 
	font-family: 'VisueltPro-Regular'; 
	}
	
 .component.gctout.component-content { 
 background-color: #ffffff; 
 } 
 .understanding-pain-01 img {
	 width: 100%; 
	 } 
 .patient-home-right .understanding-pain-01 {
 margin-top: 52px;
 } 
 .promo-with-left-image .field-promotext2 ul { 
 list-style-type: disc;
 } 
 .promo-with-left-image .field-promotext2 ul li::marker {
	 color: #3C6B74; 
	 } 
 .classification-of-pain .patient-cta-with-left-img.promo-with-left-image {
	 background-color: transparent; padding: 0 25px; 
	 } 
 

	 
	.change-your-pain article.understanding-pain-01.tout.tout-tertiary {
    margin-bottom: -47px;
}

.change-your-pain .patient-home-right .understanding-pain-01 {
    margin-top: 84px;
}
 .understanding-pain .patient-cta-with-left-img.patient-home-right {
    background-color: transparent;
    padding: 0;
	margin-top: 0;
	padding-bottom: 32px;
    padding-top: 10px;
}




.understanding-pain .promo.patient-cta-with-left-img .field-promolink {
    display: none;
}

.change-your-pain article.understanding-pain-01.tout.tout-tertiary {
    border: 1px solid #eae4e4;
    max-height: 600px;
    margin-bottom: 36px;
}

.understanding-pain hr{
  border : 1.8px solid #3C6B74  ;
  
}

.para_padding1 {
    padding-bottom: 50px;
}

.para_padding2 {
    padding-bottom: 100px;
    padding-top: 50px;
}

.para_padding4{
padding-bottom: 20px;
}

.understanding-pain .promo.patient-cta-with-left-img .component-content {
    gap: 37px;
}

.understanding-pain .promo.patient-cta-with-left-img .field-promoicon {
    width: 41%;
}
.cp-patient.understanding-pain .hero-image-content { 
bottom: 128px; 
}
/****** Understand your pain end **********/

/****** change your pain start **********/

article.change-your-pain-01.tout.tout-tertiary {
    border: 1px solid #eae4e4;
    min-height: 437px;
    top: 0;
    padding-bottom: 0;
    margin-top: 0;
    margin-bottom: 20px;
}

.change-your-pain-01 .tout-tertiary__excerpt.richtext {
    margin-left: 20px;
    height: 105px;
    text-align: left;
    letter-spacing: 0px;
    color: #404040;
    opacity: 1;
    font-size: 17px;
    line-height: 1.6rem;
    font-family: 'VisueltPro-Regular';
}


.change-your-pain-01 .button-p1:after {
    content: '';
    background: url(/-/media/projects/change-pain/shared/cp-right-icon.svg);
    width: 21px;
    height: 25px;
    display: inline-block;
    position: absolute;
    right: 22px;
    background-repeat: no-repeat;
    }
	
	
	.change-your-pain-01 a.button.button-p1.tout-tertiary__cta {
    color: #3C6B74;
    font-size: 16px;
    font-weight: 500;
    display: block;
    min-width: 204px;
    top: auto;
    background: none;
    left: auto;
	position: absolute !important;
}




.change-your-pain-01 h4.tout-tertiary__title {
    margin-left: 20px;
    text-align: left;
    font-size: 29px;
    letter-spacing: 0px;
    color: #404040;
    font-weight: 500;
	font-family: 'VisueltPro-Regular';
}

/*.change-your-pain-01 a:hover {
    color: #fff !important;
}*/

.change-your-pain .promo.patient-cta-with-left-img .field-promolink {
    display: none;
}

.change-your-pain .promo.patient-cta-with-left-img .component-content {
    background : #F0F8F8;
	gap: 11px;
}

.change-your-pain .promo-text-wrapper {
    padding: 10px
}

.change-your-pain  .patient-home-right .button-p1:hover {
    background-color: #fff; 
    color: #f4f4f4;
}

.change-your-pain  .patient-home-right .button-p1:hover {
    background-color: #fff; 
    color: #3C6B74;
}

.change-your-pain hr{
  border : 1.8px solid #3C6B74  ;
  
}

.para_padding3 {
    padding-bottom: 40px;
}

.change-your-pain .promo.patient-cta-with-left-img {
    background-color: transparent;
	padding-bottom: 77px;
}

.change-your-pain .promo.patient-cta-with-left-img .field-promoicon {
    width: 46%;
}

.para_padding5 {
    padding: 35px 0 20px;
}

.cp-patient.change-your-pain .hero-image-content { 
bottom: 128px; 
}

/****** change your pain end **********/


/****** resource page start **********/
.resource-01.tout.tout-tertiary {
    border: 1px solid #eae4e4;
    max-height: 462px;
}

.resources article.understanding-pain-01.tout.tout-tertiary {
    min-height: 387px;
}


.resources .tout.tout-tertiary {
    border: 1px solid #eae4e4;
    max-height: 399px;
}

.resource-01 h4.tout-tertiary__title {
    margin-left: 20px;
    text-align: left;
    font-size: 29px;
    letter-spacing: 0px;
    color: #404040;
    font-weight: 500;
}


.resource-01 a.button.button-p1.tout-tertiary__cta {
   color: #3C6B74;
    font-size: 16px;
    font-weight: 500;
    display: block;
    min-width: 204px;
    top: -40px;
    left: 76px;
}


.resource-01  .patient-home-right .button-p1:hover {
    background-color: #fff; 
    color: #3C6B74;
}

.resource-01 .button-p1::after {
    content: "";
    background-image: url(/-/media/projects/change-pain/shared/cp-right-icon.svg);
    width: 21px;
    height: 25px;
    display: inline-block;
    position: absolute;
    right: 22px;
    background-repeat: no-repeat;
}


.resources  .gctout .tout-tertiary__excerpt {
    margin-left: 20px;
    height: 105px;
    text-align: left;
    letter-spacing: 0px;
    color: #404040;
    opacity: 1;
    font-size: 17px;
    line-height: 1.6rem;
    font-family: 'VisueltPro-Regular';
}

.resources  h4.tout-tertiary__title {
    margin-left: 20px;
    text-align: left;
    font-size: 29px;
    letter-spacing: 0px;
    color: #404040;
    font-weight: 500;
}

.resources hr {
    border: 1.8px solid #3C6B74;
}

.cp-patient.resources .hero-image-content { 
bottom: 128px;
}

.pain-resources .promo-button {
    font-family: 'visuelt-medium';
   font-size: 18px;
   color: #414854;
   font-weight: normal;
}


/****** resource page end **********/


/* multidisciplinary-pain-management */

.pain-management.cp-patient .hero-image-content {
    bottom: 7px;
}

.pain-management .read-more-sec-two{
    margin-top: 18px;
}
.pain-management .list-block{
    font-size: 18px;
    color: #4B4B4B;
    line-height: 30px;
    font-family: VisueltPro-Regular;
}

.pain-management .cp-descr {
    margin-bottom: 31px;
}

.pain-management .promo-small-cream img, .pain-management .promo-small-green img {
    padding: 0;
}

.pain-management .promo-style-small ,.pain-management .promo-style-small {
    margin-top: 15px;
}

.pain-management .promo-small-cream h3,.pain-management .promo-small-green h3 {
    padding-top: 10px;
    font-family: 'visuelt-bold';

}

.pain-management .read-more-btn-1{
    padding: 7px 0 33px;
}
.pain-treatment {
    text-align: center;
    background-color: #F2F8F8;
}

.list-block-pain-teams {
    display: flex;
    padding: 41px 10px 33px;
    background-color: #F8DC560D;
    color: #296C76;
    margin: 30px 0 29px;
}

.list-block-pain-teams .list-block-one {
    width: 36%;
}

.list-block-pain-teams .list-block-one li{
   line-height:35px ;
}

.list-block-pain-teams ul li{
    line-height: 30px;
    font-family: 'VisueltPro-Regular';
    font-size: 14px;
    font-weight: 500;
    color: #296C76;
}

.list-block-pain-teams ul li::before{
    font-size: 24px;
}


.list-block-pain-teams ul{
    margin: 0;
    padding: 0 21px;
}

.list-block-one, .list-block-two{
border-right: 1px solid #FAE689;
}

.specialists-sec {
    background-image: url("/-/media/Projects/change-pain/change-your-pain/specialist-bg-img");
    background-repeat: no-repeat;
    min-height: 361px;
    background-size: cover;
    margin: 33px 0 28px 0;
}

.richtext .specialists-sec h2 {
    padding: 54px 0 0 18px;
    width: 313px;
    color: #F8DC56;
    line-height: 29px;
    font-family: 'VisueltPro-Regular';
    font-size: 22px;
} 

.richtext .specialists-sec p {
    padding:0 0 0 18px;
    width: 281px;
    color: #fff;
    line-height: 30px;
    font-family: 'VisueltPro-Regular';
    font-size: 18px;
} 

.pain-management .reference-sec {
    margin-top: 40px;
}


.pain-management .taking-control-sec {
    padding: 32px 0 0;
}


/* multidisciplinary-pain-management end */

/* communicating and tracking pain page style */


.tracking-pain .promo.patient-cta-with-left-img.promo-with-left-image .text-descr {
    width: 555px;
}

.tracking-pain  .promo.patient-cta-with-left-img .field-promolink {
    margin-top: 33px;
    width: 35%;
}

.tracking-pain .promo-with-centre-img .field-promoicon{
    width: auto;
}


.tracking-pain .field-promotext2 ul li{
    line-height: 38px;
}

.tracking-pain .promo.patient-cta-with-left-img.promo-with-left-image .component-content {
    align-items: flex-start;
}

.tracking-pain .promo.patient-cta-with-left-img.promo-with-left-image {
    background-color: #fff;
    padding: 0;
    margin-bottom: 40px;
}

.tracking-pain .promo.patient-cta-with-left-img.promo-with-left-image .field-promolink {
    display: none;
}

.tracking-pain .promo.patient-cta-with-left-img.promo-with-left-image  ul {
    list-style: disc;
}
.tracking-pain .promo.patient-cta-with-left-img.promo-with-left-image  ul li::marker {
 color:#296C76;
}

.pain-measurement-tool-sec {
    background-color: #FEFBED;
    padding: 20px 10px;
    margin: 40px 0;
}

.pain-measurement-tool-sec  p:last-of-type {
    margin-bottom: 0;
    text-align: left;
    padding-right: 20px;
}

.pain-measurement-tool-sec .image-holder {
    text-align: center;
    margin: 30px 0;
}

.promo.patient-cta-with-left-img.promo-with-centre-img {
    background-color: #F4F4F4;
    padding: 65px 0 64px 19px;
}


.tracking-pain .reference-sec {
    margin-top: 64px;
}

.tracking-pain.cp-patient .hero-image-content {
    bottom: 7px;
}

.tracking-pain .banner-text-body ul li a{
    color: #F8DC56;
    font-weight: normal;
    text-decoration: none;
    pointer-events: none;
}


/* communicating and tracking pain page style end */

/* caregivers selfcare guide page style */


.selfcare-guide .selfcare-guide-sec-one{
    position: relative;
}

.cp-patient.selfcare-guide .hero-image-content {
    bottom: 188px;
}

.selfcare-guide .selfcare-guide-sec-one .caption {
    color: white;
    position: absolute;
    font-family: VisueltPro-Regular;
    bottom: -29px;
    max-width: 816px;
    background-color: #2A6C76;
    padding: 15px 86px 15px 20px;
    font-size: 18px;
    line-height: 25px;
    opacity: 0.8;
}

.selfcare-guide .selfcare-guide-sec-two{
    background-color: #FEFBEE;
    display: flex;
    padding: 20px 10px;
    font-family: VisueltPro-Regular;
    align-items: center;
    margin: 28px 0 35px;
}

.selfcare-guide-sec-two  p:last-of-type {
    margin-bottom: 0;
}

.selfcare-guide-sec-two .text-big {
    text-align: center;
    font-size: 40px;
    font-weight: bold;
    color: #2A6C76;
    line-height: 24px;
}

.selfcare-guide-sec-two .text-small {
    text-align: center;
    font-size: 18px;
    font-weight: normal;
    color: #2A6C76;
    line-height: 24px;
    min-width: 232px;
}

.selfcare-guide-sec-two-left {
    border-right: 1px solid #F8DC56;
    padding-right: 15px;
}

.selfcare-guide-sec-two-right p {
    font-size: 18px;
    color: #000000;
    text-align: left;
    padding: 0 43px;
    font-weight: 500;
}

.self-care-guide-section {
    display: flex;
    align-items: center;
}

.self-care-img-section img {
    width: 235px;
    height: 307px;
}

.self-care-img-section {
    width: 104%;
}

.self-care-text-section {
    padding: 0 17px;
}

.self-care-link-section {
    font-size: 16px;
    display: flex;
    flex-direction: column;
	font-family: VisueltPro-Regular;
}

.self-care-link-section a{
    font-weight: normal;
}

.selfcare-guide .reference-sec {
    margin-top: 58px;
}

/* caregivers selfcare guide page style end */


/* how to talk to your healthcare professionals */

.healthcare-professional .image-full[data-responsive-background-image] {
    background-position: center center !important;
}

.healthcare-professional .cp-descr {
    padding-bottom: 17px;
}

.healthcare-professional.cp-patient .hero-image-content{
    bottom: 149px;
}

.healthcare-professional .key-pieces-section {
    background-image: url("/-/media/Projects/change-pain/change-your-pain/key-pices-section");
    min-height: 445px;
    margin-bottom: 27px;
    background-size: contain;
    padding-bottom: 5px;
}

.healthcare-professional .key-pieces-section ul {
    max-width: 401px;
    background-color: #FFFFFFD0;
    margin-left: 21px;
    margin-top: 10px;
    padding: 12px 12px 5px 12px;
}

.healthcare-professional .key-pieces-section p {
    font-size: 18px;
    color: #2A6C76;
    text-align: left;
    font-family: 'visuelt-bold';
    line-height: 30px;
    padding-left: 15px;
    margin-bottom: 6px;
    padding-top: 26px;
}

.healthcare-professional .key-pieces-section ul li{
    font-size: 16px;
    color: #1A3033;
    text-align: left;
    font-family: 'VisueltPro-Regular';
    line-height: 30px;
}

.healthcare-professional .promo.patient-cta-with-left-img {
    margin: 0  0 28px;
}

.healthcare-professional .cp-list{
    margin-top: 6px;
}

.healthcare-professional .cp-list li{
    font-family: VisueltPro-Regular;
    font-size: 18px;
    line-height: 30px;
    color: #4B4B4B;
    margin: 0;
    padding-left: 18px;
}

.healthcare-professional .cp-list li::before{
    color: #2A6C76;
    font-size: 25px;
    padding: 0;

}

.healthcare-professional .cp-list-title{
    margin: 0;
    padding: 0;
}

/* how to talk to your healthcare professionals end */
/* refrence section  */
.reference-sec .richtext h3 {
    color: #296C77;
    font-family: VisueltPro-Regular;;
    border-top: 2px solid #296C77;
    border-bottom:0;
    padding-top: 12px;
}

.reference-sec ol{
    margin-top: 0;
}

.reference-sec ol li{
    color: #404040;
    font-family: VisueltPro-Regular;
    line-height: 30px;
    padding-left: 15px;
}

.reference-sec ol li a{
   text-decoration: none;
   color: #3C6B74;
   font-weight: normal;
}

.reference-sec .richtext ol li::before{
    color: #404040;
    padding: 0;
}




/*my-pain-diary*/
.my-pain-diary-yellow-bg{
	padding: 10px 20px;
    background-color: #fefbee;
}


.my-pain-diary .my-pain-diary-yellow-bg ul {
    font-size: 18px;
    font-size: 18px;
    color: #404040;
    font-family: VisueltPro-Regular;
}
.my-pain-diary .my-pain-diary-yellow-bg ul li::before {
    color: #2A6C76;
    padding: 0;
    font-size: 25px;
    margin-top: -5px;
}
.my-pain-diary .my-pain-diary-yellow-bg ul li {
    padding-left: 1rem;
}
.my-pain-diary .self-care-img-section img {
    width: auto;
    height: auto;
}
.my-pain-diary .self-care-guide-section{
	margin: 30px 0;
    align-items: normal;
}
.my-pain-diary .self-care-img-section{
	width: 100%;	
}

.cp-patient.my-pain-diary .hero-image-content { 
bottom: 188px; 
}
/*my-pain-diary-end*/

/*pain-resource*/
.promo-reduce-pain .field-promotext{
    padding: 0 30px;
}

.pain-resources .promo-small-cream img, .pain-resources .promo-small-green img {
    padding: 0;
    width: 50px;
    margin-bottom: 20px;
}
.pain-resources .promo-style-small {
    padding: 15px 7px;
}
.pain-resources .promo-style-small:first-child {
    padding-left: 0px;
}
.pain-resources .promo-style-small:last-child {
    padding-right: 0px;
}

.pain-resources .promo-small-cream h3, .pain-resources .promo-small-green h3 {
    color: #296C76;
    font-size: 1.25rem;
    padding-bottom: 0.5rem;
    font-family: 'visuelt-bold';
    margin-bottom: 20px;
}
.promo-button::after {
    content: '\e913';
    width: 23px;
    height: 23px;
    border-radius: 50%;
    font-family: "icomoon" !important;
    display: inline-block;
    position: absolute;
    color: white;
    right: -10px;
    background-color: #296C77;
    font-size: 14px;
    padding-top: 2px;
}
.promo-button:hover {
    color: #414854;
}
.promo-button {
    text-decoration: none;
    color: #414854;
	padding-right: 20px;
}
.cp-title.pain-treatment{
	line-height:2.75rem;
}

.pain-resources .cp-title.pain-treatment {
margin-bottom: 15px;
}

.pain-resources .promo-button.local {
    color: #296C76;
}

.cp-patient.pain-resources .hero-image-content { 
bottom: 188px; 
}

.pain-resources .promo-style-small .promo-small-green, .pain-resources .promo-style-small .promo-small-cream{
  min-height: 203px;
    margin-bottom: 30px;  
}

.pain-resources .promo-button.local {
color:#296C76;
font-family:'visuelt-medium'
}

.promo-reduce-pain a.promo-button.local {
margin-top: 20px;
}
/*pain-resources-end*/

/* sitemap page style start */
.patient-sitemap .sitemap-level-0 {
    padding: 0 25px;
    margin: 15px 0 123px 0;
}

.patient-sitemap .keyline{
    background-color: transparent;
}

.patient-sitemap .heading04{
    margin: 0;
}

.patient-sitemap .sitemap-level-0 li a{
    font-size: 18px;
    font-family: 'visuelt-bold' !important;
}

.patient-sitemap .sitemap-level-1 li a{
    font-size: 18px;
    font-family: 'visuelt-bold' !important;
}

.patient-sitemap .sitemap-level-2 li a{
    font-size: 18px;
    font-family: 'VisueltPro-Regular' !important;
}


/* sitemap page style end */



/*footer-patient start*/
@media screen and (min-width: 769px){
	li.navigation-page__list-item:last-child {
		display: none;
	}
	.component.link{
			display:none;
	}
	.cp-patient .footer-site .row:nth-child(2) .large-2:nth-child(1) {
		width: 20%;
	}
	.cp-patient .footer-site .row:nth-child(2) .large-8 {
		width: 80%;
	}
	.cp-patient .footer-site .row:nth-child(2) .large-8 .footer__navigation-inline{
		float: right;
		width: 80%;
	}
	.cp-patient .footer-site .row:nth-child(2) .large-8 .footer__navigation-inline a {
		float: left;
		width: auto;
	}
	.cp-patient .footer-site .row:nth-child(2) .large-8 .footer__navigation-inline a::after {
		border-right: 0;
	}

    .cp-patient .footer-site__logo {
      pointer-events: none;
    }

    .cp--landing-home .footer-site__logo{
        pointer-events: all;
    }
}
/*footer-patient End*/

/*External POPUP start*/
.cp-patient .Gx-popup {
	border-radius: 0;
    padding: 0;
}
.gx-popup-header{
	background-color: #2a6c76;
    color: #fff;
    text-align: center;
    padding: 20px;
    font-weight: 600;
    font-size: 18px;
}
.gx-popup-content{
	text-align: center;
    padding: 20px;
    color: #000;
    font-size: 18px;
}
.cp-patient .Gx-popup-button-cancel.button-p1{
	color: #404855 !important;
	margin-left: 160px;
    border: 1px solid #2a6c76 !important;
    padding: 5px 40px 7px 40px !important;
    margin-bottom: 30px;
}
.cp-patient .Gx-popup-button-ok.button-p1{
	color: #404855 !important;
    margin-right: 160px;
    border: 1px solid #2a6c76 !important;
    padding: 5px 20px 7px 20px !important;
    margin-bottom: 30px;
}
.cp-patient .Gx-popup-button-ok.button-p1:hover{
	background-color:#fbdd03 !important;
	color: #404855 !important;
}
.cp-patient .Gx-popup-button-cancel.button-p1:hover{
	background-color:#fbdd03 !important;
	color: #404855 !important;
}
.cp-patient .Gx-popup .icon-right{
	display: none !important;
}
.cp-patient .Gx-popup .button__elipsis{
	display: none !important;
}
/*External POPUP end*/


/* for static page start */
.cp-patient.static-page .row-splitter:first-of-type{
    background-color: var(--color-maincolor);
    background-image: linear-gradient(to bottom, #296C77, #4697a5);
    padding: 30px 0 25px 0;
    height: 100px !important;
}

.static-page-heading {
    margin-top: 50px !important;
    display: block;
}
/* for static page end */
/* nl-nl HEADER start */
.nl-nl #wrapper .row-splitter:first-of-type {
    top: 50px;
    position: relative;
    z-index: 999;
}


.nl-nl .hero-image-home {
    height: 0;
    padding-top: 0;
    top: -50px;
    position: relative;
}

.nl-nl .hero-image.spacer-s.hero-image--small {

     height: 32rem;
    padding-top: 0;
    top: -50px;
    position: relative;
}
/* nl-nl HEADER end */

/* responsive style start  */

/* for table and ipad */
@media screen and (max-width: 1024px) {
    /* landing page  */

    .pain-management .for-mobile {
        display: none !important;
    }

    .pain-management .for-desktop {
        display: block !important;
    }

    .specialists-sec {
        min-height: auto;
    }

    .richtext .specialists-sec p {
        padding: 0 0 20px 18px;
        max-width: 300px;
    }
  
    
    .specialists-sec-mobile.for-mobile {
        background: transparent linear-gradient(0deg, #16383D 0%, #2A6C76 100%) 0% 0%;
        padding: 10px 31px;
        margin-bottom: 20px;
    }
    .cp-promo-custom .cp-heading {
        max-width: 350px;
        font-size: 24px;
    }

    .cp-promo-custom .cp-cta {
        max-width: 400px;
    }


    .cp-promo-custom .cp-cta__text a h2 {
        font-size: 20px;
    }

    .for-mobile {
        display: block;
    }

    .for-desktop {
        display: none;
    }

    .for-mobile a h2 {
        margin: 0 24px 0 0 !important;
    }

    .for-mobile .cp-details {
        margin: 0 0 0 -14px !important;
    }

 
  

  

         /* caregivers-selfcare-guide page tab start  */
         .for-desktop{
            display: none !important;
        }
    
         .for-mobile{
            display: block !important;
        }
    
        .for-mobile  .self-care-img-section {
            text-align: center;
          }
      
          .for-mobile .self-care-link-section {
              text-align: center;
              line-height: 28px;
          }
    
         /* caregivers-selfcare-guide page tab end  */


         /* global style */

         .Gx-top-header-link-list {
            display: flex;
            flex-direction: column;
            align-items: baseline;
         }
         .cp-patient #tablinks li.Gx-top-header-list-item.hcp_link{
            margin: -20px 0 0;
         }
         .cp-patient #tablinks li.Gx-top-header-list-item{
            margin-top: 0;
            margin-bottom: 0;
         }
         .cp-patient .Gx-top-header-list-item.hcp_link a{
            margin-left: 0;
         }
        
         

}
 /* for tablets screen start*/
 @media screen and (max-width: 1180px) {


	.patient-home-left {
		padding-left: 15px;
	}

    .healthcare-professional .key-pieces-section {
        background-image: none;
    }

      .patient-home .tout-primary__content {
        margin-bottom: 70px;
    }

    .promo.patient-cta-with-left-img .component-content {
        gap: 13px;
    }

    .tracking-pain .promo.patient-cta-with-left-img .field-promoicon {
        width: 50%;
    }

    .tracking-pain .cp-deskt-img  img{
        width: 100%;
        height: auto;
    }
	
    .tracking-pain .promo.patient-cta-with-left-img.promo-with-left-image .component-content {
        align-items: flex-start;
        flex-direction: column;
    }

 

    article.understanding-pain-01.tout.tout-tertiary {
        min-height: 470px;
    }

    article.change-your-pain-01.tout.tout-tertiary {
        min-height: 470px;
      
    }
	/* for external popup mobile start */
	.cp-patient .Gx-popup-button-cancel.button-p1 {
		padding: 5px 20px 7px 20px !important;
		margin: 0px 10px 10px 20px;
	}

	.cp-patient .Gx-popup-button-ok.button-p1 {
		margin: 0px 20px 10px 0px;
		padding: 5px 20px 7px 20px !important;
	}
	/* for external popup mobile end */

	.cp-patient-navigation .dropdown.menu a{
		font-size: 14px;
	}
	.cp-patient-navigation .navigation-page__list.dropdown.menu{
		right:-100px;
	}
 }

 @media only screen and (max-width: 1023px) and (min-width: 767px)  {

    .home-intro-tout .tout-primary__excerpt.richtext.ImageLight {
        background-color: #2A6C76;
        padding: 18px;
        margin-bottom: 0;
    }
 }

 /* for tablets screen End*/
  
@media screen and (max-width: 850px) {
	.cp-patient-navigation .navigation-page__list.dropdown.menu{
		right:0;
	}
}





 /* for small mobile screen */
@media screen and (max-width: 768px) {

    /* global style for mobile  */

	.pain-resources .promo-small-green,.pain-resources .promo-small-cream{
		padding: 20px;
	}
	.pain-resources .promo-style-small {
		padding: 15px 20px;
	}

    .navigation-functional.navigation-functional--twoitems nav:last-child .navigation-functional__list-item{
        width: 100%;
    }
	.pain-resources .promo-style-small:last-child {
		padding-right: 20px;
	}
	.pain-resources .promo-style-small:first-child {
		padding-left: 20px;
	}
	.pain-resources .promo-small-cream h3, .pain-resources .promo-small-green h3{
		font-size: 23px;
	}
	.pain-resources .promo-button.local {
		color: #414854;
		font-family: 'visueltpro-medium';
		font-size: 18px;
	}
	.patient-home-left {
		padding-left: 0;
	}
	.self-care-text-section {
		padding: 0;
	}
	.my-pain-diary .self-care-guide-section {
		flex-flow: column;
	}
	.my-pain-diary .self-care-guide-section .self-care-text-section .self-care-link-section{
		text-align: center;
	}
	.my-pain-diary .self-care-guide-section .self-care-text-section .self-care-link-section span{
		font-weight: 600;
	}
	.my-pain-diary .my-pain-diary-yellow-bg ul li {
		font-size: 16px;
	}
	.patient-home-right {
		padding: 0 20px;
	}
	.footer-site .columns{
		padding-left: 20px;
		padding-right: 20px;
	}

    .cp-patient .hero-image-content {
        max-width: 584px;
        bottom: 55px;
        width: 100%;
        bottom: 0;
        top: 186px;
    }

    .cp-patient div#gx-breadcrumb-container.breadcrumbs-hero-image {
        display: none !important;
    }

    .cp-patient .hero-image.hero-image--small {
        height: 354px;
        margin-bottom: 0;
        background: transparent linear-gradient(90deg, #16383D 0%, #2A6C76 100%) 0% 0%;
    }

    .hero-image--small .hero-image-content__image{
        background-position: center !important;
        height: auto;
        min-height: 200px;
    }

    .banner-text-body ul li {
        font-size: 14px;
        text-align: left;
        line-height: 18px;
        margin-bottom: 12px;
    }

    .banner-text-body h1 {
        font-size: 14px;
        padding: 0 20px;
        max-width: 206px;
        line-height: 14px;
        margin: 0 0 24px;
    }

    .hero-image--small .columns{
        padding: 0;
    }

    .banner-text-body ul {
        padding: 15px 20px;
    }

    .richtext .cp-title {
        color: #296C76;
        font-size: 16px;
        margin-bottom: 12px;
        line-height: 20px;
    }

    .cp-descr {
        font-size: 16px;
        color: #4B4B4B;
        line-height: 22px;
    }

    .promo.patient-cta-with-left-img .component-content {
        display: flex;
        width: 100%;
        align-items: center;
        gap: 28px;
        flex-direction: column !important;
        padding: 0 0 20px;
    }

    .promo.patient-cta-with-left-img .field-promoicon {
        width: 100%;
    }

    .promo.patient-cta-with-left-img .text-descr {
        width: 100%;
        font-size: 16px;
        color: #404040;
        padding: 0 15px;
        line-height: 22px;
    }

    .promo.patient-cta-with-left-img .field-promolink {
        width: 140px;
        margin: 20px 15px 0;
        min-width: 140px;
        padding: 9px 10px;
    }

	.patient-home-right .button-p1 {
		font-size: 16px;
	}
	.patient-home-right.position-center .button-p1 {
			font-size: 16px;
			padding: 0;
	}
    /* global style for mobile end  */

    /* landing page mobile */
    .cp--landing-home #wrapper>.row-splitter:first-of-type {
        z-index: 999;
        background-image: url("/-/media/Projects/change-pain/shared/landing_bg_mobile");
        background-size: cover;
        position: unset;
        height: auto;
        padding: 35px 20px 0 20px;
    }

    .cp--landing-home #wrapper .header-rowsplitter {
        width: auto;
    }

    .cp-promo-custom {
        flex-direction: column;
        margin: 84px 0 0;
        padding: 0 25px 0;
    }

    .cp--landing-home .gcimage .image-default img {
        width: 141px;
        max-width: unset;
    }

    .cp-promo-custom .cp-heading {
        font-size: 18px;
        text-align: left;
        width: auto;
        margin: 84px auto 70px;
        line-height: 1.6;
    }

    .cp-promo-custom .cp-cta {
        width: auto;
        flex-direction: column;
    }

    .cp-promo-custom .cp-cta__text a h2 {
        font-size: 16px;
        text-align: center;
    }

    .cp--landing-home .cp-details {
        font-size: 14px;
    }

    .cp-cta__text {
        padding-left: 0;
    }

    .for-mobile {
        display: block;
    }

    .for-desktop {
        display: none;
    }

    .for-mobile a h2 {
        margin: 0 24px 0 0 !important;
    }

    .for-mobile .cp-details {
        margin: 0 0 0 -41px !important;
    }

    /* landing page mobile end */
    /* home page mobile start */
    .patient-home .slide-title {
        font-size: 14px;
    }

    .patient-home .slide-descr {
        max-width: 308px;
        font-size: 14px;
        line-height: 16px;
    }

    .gx-heroCarousel-component .carousel-caption.gx-heroCarousel-slide-content {
        background-color: transparent;
    }

    .patient-home .gx-heroCarousel-component .carousel-indicators li.active {
        height: 5px;
        width: 50px;
    }

    .patient-home .gx-heroCarousel-component .carousel-indicators li:not(.active) {
        height: 5px;
        width: 50px;
    }

    .endorsed_logo__container {
        flex-direction: column;
        gap: 10px;
    }

    .cp-mobile-img {
        display: block;
        width: 100%;
    }

    .cp-deskt-img {
        display: none;
    }

    .patient-home .gx-heroCarousel-component .carousel-inner .gx-heroCarousel-slide {
        height: 450px;
    }

    .home-intro-tout .tout-primary__excerpt.richtext.ImageLight {
        background-color: #2A6C76;
        padding: 18px;
        margin-bottom: 0;
    }

    .patient-home .gctout .tout-primary__image-wrapper img {
        display: none;
    }

    .cp-home-banner img {
        height: auto;
        width: auto;
        margin-bottom: 22px;
    }

    .patient-home .small-12.columns,
    .patient-home .tout-primary__content,
    .patient-home .tout-primary__container.columns {
        padding: 0;
    }

    .patient-home .tout-primary__content {
        background-color: #2A6C76;
        margin-bottom: 0;

    }

    .patient-home .gx-heroCarousel-component .carousel-inner .gx-heroCarousel-slide-content {
        top: auto;
        width: 100%;
        padding: 0 20px;
        height: auto;
        position: absolute;
        bottom: 27px;
    }

    .patient-home .carousel-caption .button-p2 {
        font-size: 14px;
        min-width: 120px;
    }

    .patient-home .heading00 {
        margin-bottom: 0;
    }

    .cp-home-banner p,
    .cp-home-banner .heading02 {
        font-size: 16px;
    }

    .cp-home-sec-one {
        margin: 35px 20px 0;
    }


    .edorsed-sec {
        border-radius: 0;
        margin: 60px 0 50px 0;
    }

    .gx-heroCarousel-component .carousel-inner div:nth-child(1) .gx-heroCarousel-slide {
        background-image: url("/-/media/Projects/change-pain/change-your-pain-mobile/mob-slide-one") !important;
        z-index: 2;
        position: relative;
    }

    .gx-heroCarousel-component .carousel-inner div:nth-child(2) .gx-heroCarousel-slide {
        background-image: url("/-/media/Projects/change-pain/change-your-pain-mobile/mob-slide-two") !important;
        z-index: 2;
        position: relative;
    }

    .gx-heroCarousel-component .carousel-inner div:nth-child(3) .gx-heroCarousel-slide {
        background-image: url("/-/media/Projects/change-pain/change-your-pain-mobile/mob-slide-three") !important;
        z-index: 2;
        position: relative;
    }

    /* home page mobile end */
    /* understanding page mobile  */

    .understanding-pain-01 h4.tout-tertiary__title {
        font-size: 18px;
        font-family: 'VisueltPro-Regular';
    }

    
    .understanding-pain-01 .tout-tertiary__excerpt.richtext {
        font-size: 16px;
        font-family: 'VisueltPro-Regular';
    }

    .understanding-pain-01 a.button.button-p1.tout-tertiary__cta {
        left: auto;
        font-size: 16px;
        font-family: VisueltPro-Regular;
    }

    p.sec1-descr {
        font-size: 16px;
        margin-left: 0px;
        font-family: VisueltPro-Regular;
    }

    .cp-patient.understanding-pain .hero-image.hero-image--small {
        height: auto;
        margin-bottom: 0;
    }


    .understanding-pain .promo.patient-cta-with-left-img .component-content {
        flex-direction: column;
        font-family: VisueltPro-Regular;
        ;
    }


    .understanding-pain .promo.patient-cta-with-left-img .field-promoicon {
        width: auto;
        font-family: VisueltPro-Regular;

    }

    article.understanding-pain-01.tout.tout-tertiary {
        border: 1px solid #eae4e4;
        margin-bottom: 20px;
        min-height: 395px;
        font-family: VisueltPro-Regular;
    }

    .para_padding4 {

        padding-bottom: 20px;
        margin-right: 0px;
        font-family: VisueltPro-Regular;

    }

    .understanding-pain-last_btn a.button.button-p1.tout-tertiary__cta {
        padding-top: 28px;
    }

    .cp-patient div#gx-breadcrumb-container.breadcrumbs-hero-image {
        display: none;
    }


    .understanding-pain .promo.patient-cta-with-left-img .text-descr {
        padding-left: 0px;
        font-size: 16px;
        font-family: VisueltPro-Regular;
        padding-top: 14px;
		width: 100%;
    }

   .understanding-pain hr {
		border: 1.8px solid #C6C6C6;
	}

    .cp-patient.understanding-pain .hero-image-content {
        bottom: 0;
        max-width: 100%;
        top: 0;
    }
    .cp-patient.understanding-pain .banner-text-body h1 {
        max-width: 100%;
    }
    /* understanding page mobile  end */

    /* what-is-pain page mobile  start */
    .what-is-pain p.cp-descr {
        font-size: 16px;
        line-height: 20px;
    }


    .what-is-pain .richtext .cp-title {
        color: #296C76;
        font-size: 16px;
        font-family: VisueltPro-Regular;
        margin-bottom: 14;
        line-height: 20px;
        padding-top: 15px;
    }

    .what-is-pain .inner-sec-1 {
        display: flex;
        flex-direction: column;
        width: 100%;
        padding: 12px 0 20px;
    }

    .what-is-pain .inner-sec1-image {
        width: 100%;
        text-align: center;
        background-color: #F0F8F8;
        min-height: 209px;
    }

    .what-is-pain .inner-sec1-desc {
        font-size: 16px;
        color: #404040;
        line-height: 25px;
        font-family: VisueltPro-Regular;
        width: 100%;
        margin: 25px 0 0;
    }

    .what-is-pain .promo.patient-cta-with-left-img .text-descr {
        width: 100%;
        font-size: 16px;
        color: #404040;
        line-height: 25px;
        font-family: VisueltPro-Regular;
        margin: 0;
    }

    .what-is-pain .promo.patient-cta-with-left-img .field-promoicon {
        width: 100%;
    }

    .what-is-pain .promo-small-cream span,
    .what-is-pain .promo-small-green span {
        width: 145px;
        display: block;
        font-size: 14px;
    }

  

    .what-is-pain .promo-small-green, .what-is-pain .promo-small-cream {
        min-height: 195px;
        padding: 0;
    }

    .what-is-pain .promo-small-cream h3,.what-is-pain .promo-small-green h3 {
        font-size: 16px;
        font-weight: bold;
        line-height: 30px;
    }

    /*what-is-pain page mobile end */


    /*classification-of-pain page mobile start */


    .classification-of-pain .promo.patient-cta-with-left-img .component-content {
        flex-direction: column;
    }

    .classification-of-pain .promo.patient-cta-with-left-img.promo-with-left-image .field-promoicon {
        width: 100%;
    }

    .classification-of-pain .promo.patient-cta-with-left-img.promo-with-left-image .text-descr {
        width: 302px;
        font-size: 16px;
    }


    .cp-patient.classification-of-pain .hero-image.hero-image--small {
        height: 340px;
        margin-bottom: 0;
    }

    .cp-patient.classification-of-pain .hero-image-content {
        top: 168px;
    }


    .classification-of-pain .promo.patient-cta-with-left-img .component-content {
        flex-direction: column;
        display: flex;
        width: 101%;
        align-items: center;
        gap: 20px;
    }


    .classification-of-pain .promo.patient-cta-with-left-img .field-promoicon {
        width: 100%;
    }

    .classification-of-pain .promo.patient-cta-with-left-img .text-descr {
        width: 100%;
        font-size: 16px;
        color: #404040;
        line-height: 25px;
        font-family: VisueltPro-Regular;
    }


    .classification-of-pain .richtext .cp-title {
        font-size: 16px;
    }

    .classification-of-pain .cp-descr {
        font-size: 16px;
    }

    .classification-of-pain .promo.patient-cta-with-left-img.promo-with-left-image .component-content {
        margin:  0;
    }


    /*classification-of-pain page mobile end */

    /*mechanism-of-pain  page mobile start */
    .mechanism-of-pain .richtext .cp-title {
        font-size: 16px;
        font-family: VisueltPro-Regular;
    }

    .cp-patient.mechanism-of-pain .hero-image-content {
        top: 197px;
    }


    .mechanism-of-pain .promo-small-cream h3,
    .promo-small-green h3 {
        font-size: 23px;
    }

    .mechanism-of-pain .promo-small-cream span,
    .promo-small-green span {
        font-size: 16px;
    }

    /*mechanism-of-pain  page mobile end */

    /*how-is-pain-assessed-measured  page mobile start */
    .promo.patient-cta-with-left-img .component-content {
        flex-direction: column;
        width: 100%;
        align-items: center;
        gap: 20px;
        display: flex
    }

 
    .pain-measured .promo.patient-cta-with-left-img .field-promoicon {
        width: 100%;
    }

    .pain-measured .richtext .cp-title {
        font-size: 16px;
    }

    .pain-measured .cp-descr {
        font-size: 16px;
    }


    .promo.patient-cta-with-left-img .text-descr {
        font-size: 16px;
        width: 100%;
        padding-right: 15px;
        margin: 0;
    }

    .pain-measured .reference-sec .richtext h3 {
		margin-top: 20px;
		padding-top: 40px;
		
	}

    .pain-measured .promo-style-small{
        padding: 0 30px;
    }

    .promo-style-small .promo-small-green, .promo-style-small .promo-small-cream {
        margin-bottom: 20px;
    }

   


    /*how-is-pain-assessed-measured  page mobile end */


    /* multidisciplinary-pain-management page mobile  */

    .list-block-pain-teams {
        flex-direction: column;
    }

    .pain-management .for-desktop {
        display: none !important;
    }

    .pain-management .for-mobile {
        display: block !important;
    }
    .list-block-pain-teams .list-block-one {
        width: 100%;
    }

    .list-block-one,
    .list-block-two {
        border-right: 0;
    }

    .list-block-pain-teams {
        padding: 0;
        margin: 20px 0;
    }

    .pain-management .patient-home-right {
        padding: 0 20px;
    }

    .cp-patient.pain-management .hero-image.hero-image--small {
        height: 411px;
        margin-bottom: 0;
    }

    .cp-patient.pain-management .hero-image-content {
        top: 257px;
    }
    .pain-management .promo-small-green,.pain-management  .promo-small-cream {
        min-height: 168px;
        margin: 0 20px !important;
    }

    .promo-small-cream h3,
    .promo-small-green h3 {
        font-size: 23px;
        font-weight: bold;
        line-height: 30px;
    }

    .list-block-pain-teams .list-block-one li {
        line-height: 22px;
    }

    .cp-title.pain-treatment {
        line-height: 2.75rem;
    }

    .pain-management img.for-mobile {
        width: 100%;
        height: auto;
    }

    .specialists-sec-mobile.for-mobile {
        background: transparent linear-gradient(0deg, #16383D 0%, #2A6C76 100%) 0% 0%;
        padding: 10px 31px;
        margin-bottom: 20px;
    }

    .specialists-sec-mobile h2{
        font-family: 'VisueltPro-Regular';
        font-size: 18px;
        line-height: 23px;
        text-align: left;
        color: #F8DC56;
    }

    .specialists-sec-mobile p{
        font-family: 'VisueltPro-Regular';
        font-size: 16px;
        line-height: 20px;
        text-align: left;
        color: #FFFFFF;
        margin-bottom: 0 !important;
    }

    .list-block-pain-teams ul {
        margin: 0;
        padding: 0;
    }

    .list-block-pain-teams ul li {
        margin-bottom: 0;
    }

    /* multidisciplinary-pain-management page mobile end  */

    /* communicating-and-tracking-pain mobile start */

    .tracking-pain .promo.patient-cta-with-left-img.promo-with-centre-img {
        background-color: #F4F4F4;
        padding: 0;
    }

  
    .tracking-pain .banner-text-body ul li a {
        color: #fff;
        font-weight: normal;
        text-decoration: none;
        pointer-events: none;
    }

    .cp-patient.tracking-pain .hero-image.hero-image--small {
        margin-bottom: 0;
        height: 370px;

    }

    .cp-patient.tracking-pain .hero-image-content {
      top: 208px;
    }

    .tracking-pain  .promo.patient-cta-with-left-img .field-promolink {
        margin-top: 33px;
        width: 120px;
        min-width: 120px;
    }

    .tracking-pain .promo.patient-cta-with-left-img.promo-with-left-image .text-descr {
        width: 100%;
    }

    .tracking-pain .promo.patient-cta-with-left-img.promo-with-left-image {
        margin-bottom: 0;
    }


    .tracking-pain .promo.patient-cta-with-left-img.promo-with-left-image .cp-mobile-img img{
        width: 100%;
        height: auto;
    }
    /* communicating-and-tracking-pain mobile end */

    /* change your pain page mobile start  */


    .change-your-pain-01 h4.tout-tertiary__title {
        font-size: 18px;
        font-family: 'VisueltPro-Regular';
    }


    .change-your-pain-01 .tout-tertiary__excerpt.richtext {
        font-size: 16px;
        font-family: 'VisueltPro-Regular';
    }


    .change-your-pain-01 a.button.button-p1.tout-tertiary__cta {
        top: auto;
        left: auto;
    }


    article.change-your-pain-01.tout.tout-tertiary {
        border: 1px solid #eae4e4;
        margin-bottom: 20px;
        min-height: 400px;
        font-family: VisueltPro-Regular;
    }

    .cp-patient.change-your-pain .hero-image.hero-image--small {
        height: auto;
        margin-bottom: 0;
    }

     .change-your-pain hr {
		border: 1.8px solid #C6C6C6;
	}

    .change-your-pain .hero-image-content {
        bottom: 0;
        max-width: 100%;
        top: 0;
    }
    /* change your pain page mobile end  */

    /* caregivers-selfcare-guide page mobile start  */

    .selfcare-guide .selfcare-guide-sec-one .caption {
        position: unset;
        width: 100%;
        padding: 20px;
        font-size: 18px;
        line-height: 25px;
        margin: 0;
        background: transparent linear-gradient(180deg, #16383D 0%, #2A6C76 100%) 0% 0%;
        opacity: unset;
    }

    .cp-patient.selfcare-guide .hero-image.hero-image--small {
        height: auto;
        margin-bottom: 0;
    }

    .selfcare-guide .selfcare-guide-sec-two {
        flex-direction: column;
        gap: 20px;
        padding: 20px;
    }

    .selfcare-guide-sec-two-left {
        border-right: 0;
        padding: 0;
        border-bottom: 1px solid #F8DC56;
    }

    .selfcare-guide-sec-two-right p {
        font-size: 16px;
        padding: 0;
        max-width: 259px;
    }

    .selfcare-guide-sec-two .text-small {
        text-align: center;
        font-size: 18px;
        color: #2A6C76;
        line-height: 25px;
        min-width: 224px;
        max-width: 224px;
        padding: 20px 0;
    }

    .self-care-guide-section {
        display: flex;
        align-items: center;
        flex-direction: column;
    }
    .for-mobile  .self-care-img-section {
      text-align: center;
    }

    .for-mobile .self-care-link-section {
        text-align: center;
        line-height: 28px;
    }

    .selfcare-guide .reference-sec {
        margin-top: 30px;
    }
    .selfcare-guide .banner-text-body h1 {
        line-height: 18px;
        padding: 0 30px;
    }
    .cp-patient.selfcare-guide .hero-image-content {
        max-width: 179px;
        width: 100%;
        top: 0;
    }

    .self-care-img-section img {
        width: auto;
        height: 100%;
        padding: 0 20px;
    }
    /* caregivers-selfcare-guide page mobile end  */

    
    /* how-to-talk-to-your-healthcare-professionals page mobile start  */

    .healthcare-professional .richtext p:last-of-type {
        margin-bottom: 0;
    }



    .healthcare-professional .key-pieces-section {
        background-image: none;
        min-height: unset;
        margin-bottom: 20px;
        background-size: contain;
        padding-bottom: 0;
    }

    .healthcare-professional .key-pieces-section ul li {
        font-size: 16px;
        color: #1A3033;
        line-height: 22px;
        padding-left: 18px;
        font-family: VisueltPro-Regular;
    }

    .healthcare-professional .key-pieces-section p {
        color: #296C76;
        line-height: 20px;
        padding-left: 0;
     
    }

    .healthcare-professional .key-pieces-section ul {
        max-width: 401px;
        margin-left: 0;
        margin-top: 12px;
        padding: 0;
    }

    .healthcare-professional .cp-list li {
        line-height: 28px;
    }
    
    .healthcare-professional .key-pieces-section ul li::before{
        padding: 0;
    }

    .healthcare-professional .reference-sec .richtext h3 {
        padding-top: 30px;
        margin-top: 30px;
    }

    .healthcare-professional .banner-text-body h1 {
        font-size: 14px;
        padding: 0 30px;
        max-width: 262px;
        line-height: 18px;
        margin: 0 ;
    }

    .healthcare-professional.cp-patient .hero-image-content {
        bottom: 0;
        max-width: 100%;
        top: 0;
    }

    .cp-patient.healthcare-professional .hero-image.hero-image--small {
        height: auto;
        margin-bottom: 0;
    }
    /* how-to-talk-to-your-healthcare-professionals mobile page end */



    /* Resource page mobile start  */
    .resources h4.tout-tertiary__title {
        font-size: 18px;
        font-family: 'VisueltPro-Regular';
    }

    .resources .tout-tertiary__excerpt.richtext {
        font-size: 16px;
        font-family: 'VisueltPro-Regular';
    }

    .cp-patient.resources .hero-image.hero-image--small {
        height: auto;
        margin-bottom: 0;
    }

    .resources article.understanding-pain-01.tout.tout-tertiary {
        border: 1px solid #eae4e4;
        margin-bottom: 20px;
        max-height: 362px;
        font-family: VisueltPro-Regular;
		min-height: 352px;
    }

    .resources .understanding-pain-01 a.button.button-p1.tout-tertiary__cta {
        left: auto;
        font-size: 16px;
        font-family: VisueltPro-Regular;

    }
	
	.resources hr {
		border: 1.8px solid #C6C6C6;
	}

    .cp-patient.resources .hero-image-content {
        bottom: 0;
        max-width: 100%;
        top: 0;
    }
    .cp-patient.my-pain-diary  .cp-descr{
        text-align: left;
    }
	
    .cp-patient.my-pain-diary .self-care-img-section img {
        width: auto;
        height: 100%;
        padding: 0;
    }
  
    .cp-patient.my-pain-diary .hero-image-content {
        bottom: 0;
        max-width: 100%;
        top: 0;
    }


    .cp-patient.pain-resources .hero-image-content {
        bottom: 0;
        max-width: 100%;
        top: 0;
    }
    
    .cp-patient.pain-resources .hero-image.hero-image--small {
        height: auto;
        margin-bottom: 0;
    }

    .cp-patient.my-pain-diary .hero-image.hero-image--small {
        height: auto;
        margin-bottom: 0;
    }

    .pain-resources .promo-style-small .promo-small-green, .pain-resources .promo-style-small .promo-small-cream{
          margin-bottom: 0;  
      }
    /* Resourc page mobile end  */
	

    /* sitemap page mobile start */

    .patient-sitemap .sitemap-level-0 {
        padding: 0 25px;
        margin: 15px 0 123px 0;
    }

    .patient-sitemap .keyline{
        background-color: transparent;
    }

    .patient-sitemap .heading04{
        margin: 0;
    }

    .patient-sitemap .sitemap-level-0 li a{
        font-size: 18px;
        font-family: 'visuelt-bold' !important;
    }

    .patient-sitemap .sitemap-level-1 li a{
        font-size: 18px;
        font-family: 'visuelt-bold' !important;
    }

    .patient-sitemap .sitemap-level-2 li a{
        font-size: 18px;
        font-family: 'VisueltPro-Regular' !important;
    }

  
    /* sitemap page mobile end */

	  /* reference page mobile start  */
	  
	.reference-sec .richtext h3 {
		color: #296C77;
		font-family: VisueltPro-Regular;
		border-top: 2px solid #C6C6C6;
		border-bottom: 0;
		padding-top: 40px;
		
	}


  /*reference page mobile end  */
	


    	/*footer mobile*/
    	.footer-site__logo {
    	    float: left;
    	    padding-top: 0;
    	}
    
    	.p--x-small.footer-site__copyright.align-left {
    	    margin-top: 2rem;
    	    font-size: 16px !important;
    	}
    
    	.large-8 .p--x-small.footer-site__copyright {
    	    text-align: left;
    	    font-size: 16px;
    	    display: flex;
    	    flex-direction: column-reverse;
    	}
    
    	.large-8 .p--x-small.footer-site__copyright .footer__navigation-inline {
    	    display: grid;
    	    margin: 20px 0;
    	}
    
    	.large-8 .p--x-small.footer-site__copyright .footer__navigation-inline a {
    	    font-size: 16px;
    	    padding: 5px 0px;
    	}
    
    	.large-8 .p--x-small.footer-site__copyright .footer__navigation-inline a:after {
    	    border-right: 0;
    	}
		.footer-site__copy p {
			font-size: 16px;
		}
    	/*end-footer mobile*/
    
    	/*Menu start*/
		/*.cp-patient-navigation .dropdown.menu>li.is-dropdown-submenu-parent>a::before{
			content: '\e900';
			font-family: "icomoon" !important;
			color: white;
			font-size: 2rem;
			position: absolute;
			right: 2rem;
			top: -0.5rem;
			display: block;
		}*/
			li.navigation-page__list-item:last-child {
				display: block;
			}
		.component.link{
			display: none;
			width: 100%;
			position: absolute;
			left: 0;
		}
		.component.link a{
			padding: 1rem !important;
			background: #ccc;
			display: block;
			width: 100%;
		}
    	.cp-patient-navigation .navigation-page__list.dropdown.menu {
    	    right: auto;
    	}
		.header-rowsplitter {
			top: 30px;
		}
		.gcnavigationPage::before {
			color: #2a6c76;
			padding: 0 6px;
			background: #ded9d5;
			border-radius: 10px;
		}
		.gcimage.patient-navigation a{
			width:70%;
			padding-left: 10px;
		}
		header.header--static {
			background: none;
		}
		.dropdown .navigation-page__list-item.is-dropdown-submenu a {
			padding: 1rem !important;
		}
		.cp-patient-navigation .navigation-page__list-item.selected>a{
			background-color: #FBDD03 !important;
		}
		.cp-patient-navigation .dropdown.menu a, .cp-patient-navigation .en-hcp-navigation .dropdown.menu a {
			padding: 1rem 20px !important;
			background-color: rgba(255, 255, 255, 0.1);
		}
		.cp-patient-navigation .dropdown.menu>li.is-dropdown-submenu-parent>a {
			padding: 1rem 20px !important;
			border-radius: 0;
			background-image: url(/-/media/projects/change-pain/change-your-pain/arrow-down-white.png);
			background-repeat: no-repeat;
			background-position: center right 20px;
			background-size: 15px;
		}
		.navigation-page-horizontal-vcenter .small-12.large-10.columns{
			padding:0;
		}
		.cp-patient-navigation .navigation-page__list.dropdown.menu{
			border: 0;
			border-radius: 0;
			background: none;
		}
		.cp-patient-navigation .navigation-page__list-item.selected >a{
			border-radius: 0;
		}
		.cp-patient-navigation .dropdown .is-dropdown-submenu-item a:hover, .cp-patient-navigation .navigation-page__list.dropdown.menu li a:hover{
			border-radius: 0;
		}
		.changepain-en-gb .navigation-page__sub-list.submenu.is-dropdown-submenu.first-sub.vertical{
			background-color: transparent;
		}

		.navigation-page__list-item {
			border-top: 1px solid #183d42;
		}
		.navigation-page__sub-list.is-dropdown-submenu > li{
			border-top: 1px solid #183d42;
		}
		.nav-active .navigation-page-horizontal-vcenter{
			top: 102px;
		}
		.navigation-functional.navigation-functional--twoitems{
			border-top: 0;
			position: relative;
			top: 80px;
		}
		.navigation-functional.navigation-functional--twoitems nav:first-child{
			display: none;
		}
		.navigation-functional.navigation-functional--twoitems nav:last-child{
			float:initial !important;
		}
		.navigation-functional__list-item{
			float:none;
		}
		.navigation-functional.navigation-functional--twoitems nav:last-child .navigation-functional__list-item{
			padding: 0rem !important;
			background: #ccc;
		}
		.navigation-functional.navigation-functional--twoitems nav:last-child .navigation-functional__list-item a{
			font-size: 16px;
			padding: 1rem 20px!important;
			color: #000;
			width: 100%;
			text-align: left;
		}
		.patient-home .cp-patient-navigation .navigation-page__list-item:nth-child(1) a {
			border-radius: 0;
		}
		.cp-patient-navigation .navigation-page__list.dropdown.menu{
			background-color: #16383D;
			background-image: linear-gradient(#16383D, #2A6C76);		
		}

    	/*Menu end*/
		
		/*left Menu start */
		.gcnavigationSubLight .navigation-sub__heading::after{
			display:none;
		}
		.gcnavigationSubLight .navigation-sub--light .navigation-sub__heading {
			padding: 1.2rem;
			font-family: 'VisueltPro-Medium';
			color: #000;
			font-size: 16px;
			line-height: 1.35rem;
			background-image: url(/-/media/projects/change-pain/change-your-pain/arrow-down.png);
			background-repeat: no-repeat;
			background-position: center right 15px;
			background-size: 15px;
		}
		.gcnavigationSubLight .navigation-sub__list li {
			padding: 0rem;
		}
		.gcnavigationSubLight .navigation-sub__list li a{
			padding: 1rem 20px;
			width: 100%;
		}
		.gcnavigationSubLight .navigation-sub__list ul{
			margin-top: 0;
			display:none;
		}
		.cp-patient .navigation-sub.navigation-sub--light{
			margin-bottom: 30px;
		}
		.navigation-sub--light .navigation-sub__list li a{
			color:#000;
		}
		.cp-patient-navigation .dropdown.menu>li.is-dropdown-submenu-parent.is-active>a {
			background-image: url(/-/media/projects/change-pain/change-your-pain/arrow-up.png);
		}
		/*left Menu End */
		/* common start */
		.sec_one__title {
			font-size: 16px;
		}
		.sec_one__desc {
			font-size: 14px;
		}
		.reference-sec ol li{
			padding-left: 15px;
		}
		.reference-sec ol li:before{
			padding-left: 0;
			padding-right: 0;
		}
		.patient-home-right .column-splitter .small-12.medium-6.large-6.columns:nth-child(odd){
			padding: 0;
		}
		.patient-home-right .column-splitter .small-12.medium-6.large-6.columns:nth-child(even){
			padding: 0;
		}
		.change-your-pain-01 h4.tout-tertiary__title {
			font-size: 20px;
		}
		.richtext h4{
			letter-spacing: normal;
		}
		.mop-sec-two .richtext p {
			font-size: 16px;
			line-height: 22px;
		}
		.mop-sec-two .richtext h4 {
			font-size: 16px;
			line-height: 22px;
			margin-bottom: 5px;
		}
		/* common End */
}

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

    .cp-patient.tracking-pain .hero-image-content {
        top: 266px;
    }

    .cp-patient.tracking-pain .hero-image.hero-image--small {
        margin-bottom: 0;
        height: 429px;
    }
}