@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 (min-width: 64rem) {
  .navigation-page-horizontal-vcenter .large-10 {
    width: 100%;
  }
}

@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;
    padding-inline: 15px;
  }
  .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 {
  margin-bottom: 0px;
}

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

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

.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 {
  padding-bottom: 0 !important;
}

.changepain-en-gb.hometout .gctout img {
  margin-top: 24px;
}

.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;
}

.cp-no-about-us .richtext h2 {
  word-wrap: break-word;
}

/* .cp-no-about-us .vision-cols .column-splitter,
.cp-no-about-us .vision-cols .column-splitter .columns,
.cp-no-about-us .vision-cols .column-splitter .columns .spacer-m,
.cp-no-about-us .vision-cols .column-splitter .columns .spacer-m .richtext{
    display: flex;
} */

.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.4rem;
}

.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%;
  }
  .hero-image-content__headline {
    padding: 0rem 1.25rem;
  }
  .cp-patient .hero-image-content__headline {
    padding: 0;
  }
}

@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: 2rem;
  }
  .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: 225px;
}

: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;
  }

  .navigation-functional__list-item {
    padding: 7px 10px !important;
  }
}

@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;
}

.changepain-en-gb .is-active .reference-title__text::after {
  font-size: 1.875rem;
  top: 50%;
  right: -3rem !important;
}
.changepain-en-gb .accordion-title .reference-title__text::after {
  right: -3rem !important;
}

.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: 2rem;
    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: 290px;
    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;
  }
  .Gx-top-header-link-list {
    flex-direction: column !important;
  }
}
/* updated styles for change-pain-uk HCP start */

.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;
  color: #fff;
}

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

.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;
  text-transform: uppercase;
}

.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;
  text-transform: uppercase;
}

.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;
  font-weight: 700;
}

.cp-patient #gx-breadcrumb-container ul.gx-breadcrumbs li a {
  color: #ffdc00;
  font-weight: 700;
}

.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: 470px;
}

.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: 470px;
  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: 430px;
}

.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: 150px;
}

.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;
  }
  .footer-site .row:nth-child(2) .large-2:nth-child(1) {
    width: 20%;
  }
  .footer-site .row:nth-child(2) .large-8 {
    width: 80%;
  }
  .footer-site .row:nth-child(2) .large-8 .footer__navigation-inline {
    float: right;
    width: 80%;
  }
  .footer-site .row:nth-child(2) .large-8 .footer__navigation-inline a {
    float: left;
    width: auto;
  }
  .footer-site .row:nth-child(2) .large-8 .footer__navigation-inline a::after {
    border-right: 0;
  }

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

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

/*External POPUP start*/
.changepain-en-gb .Gx-popup,
.cp--landing-home .Gx-popup,
.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;
}
.changepain-en-gb .Gx-popup-button-cancel.button-p1,
.cp--landing-home .Gx-popup-button-cancel.button-p1,
.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;
}

.changepain-en-gb .Gx-popup-button-ok.button-p1,
.cp--landing-home .Gx-popup-button-ok.button-p1,
.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;
}
.changepain-en-gb .Gx-popup-button-ok.button-p1:hover,
.cp--landing-home .Gx-popup-button-ok.button-p1:hover,
.cp-patient .Gx-popup-button-ok.button-p1:hover {
  background-color: #fbdd03 !important;
  color: #404855 !important;
}
.changepain-en-gb .Gx-popup-button-cancel.button-p1:hover,
.cp--landing-home .Gx-popup-button-cancel.button-p1:hover,
.cp-patient .Gx-popup-button-cancel.button-p1:hover {
  background-color: #fbdd03 !important;
  color: #404855 !important;
}
.changepain-en-gb .Gx-popup .icon-right,
.cp--landing-home .Gx-popup .icon-right,
.cp-patient .Gx-popup .icon-right {
  display: none !important;
}
.changepain-en-gb .Gx-popup .button__elipsis,
.cp--landing-home .Gx-popup .button__elipsis,
.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 */

/* breadcrumbs style update start*/
.hero-image-content__headline .breadcrumbs {
  display: none;
}

#gx-breadcrumb-container.breadcrumbs-hero-home {
  top: 0;
  margin-bottom: 0;
}

ul.gx-breadcrumbs li + li:before,
ul.gx-breadcrumbs li a,
ul.gx-breadcrumbs li {
  color: #f4f4f4;
  font-weight: 400;
  opacity: 0.8;
  letter-spacing: 0.56px;
}

ul.gx-breadcrumbs li + li:before {
  padding: 0 3px 0 0;
}

/* breadcrumbs style update end*/

/* responsive style start  */

@media screen and (max-width: 1025px) and (orientation: portrait) {
  .changepain-en-gb .nav-columnsplitter {
    padding-top: 20px;
  }
}
/* for table and ipad */
@media screen and (max-width: 1024px) {
  .mechanism-of-pain .promo-small-green,
  .mechanism-of-pain .promo-small-cream {
    min-height: 280px;
  }

  .understanding-pain .promo.patient-cta-with-left-img .component-content {
    flex-direction: column !important;
    padding: 0 0 20px;
  }
  .understanding-pain .promo.patient-cta-with-left-img .text-descr {
    width: 100%;
    margin-left: 0;
  }
  .understanding-pain .promo.patient-cta-with-left-img .field-promoicon {
    width: 100%;
  }

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

  .cp-patient.static-page .hero-image-content__image::after {
    display: none;
  }
  .cp-patient.what-is-pain .hero-image-content,
  .cp-patient .hero-image-content,
  .cp-patient.mechanism-of-pain .hero-image-content {
    bottom: 0;
  }

  .cp-patient.pain-management .hero-image.hero-image--small {
    height: 490px;
  }

  .cp-patient.tracking-pain .hero-image.hero-image--small {
    height: 470px;
  }
  /* 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: row;
    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;
  }
  .cp-patient.static-page .row-splitter:first-of-type {
    padding: 55px 0 25px 0;
  }

  .cp-patient .hero-image-content {
    bottom: 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;
    padding: 15px;
  }

  .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;
  }

  .pain-measured
    .promo.patient-cta-with-left-img.promo-with-right-image
    .component-content {
    flex-direction: column;
  }

  .pain-measured .promo.patient-cta-with-left-img .text-descr {
    width: 100%;
    margin-left: 0;
  }

  .promo-small-green,
  .promo-small-cream {
    min-height: 590px;
  }
  article.understanding-pain-01.tout.tout-tertiary,
  article.change-your-pain-01.tout.tout-tertiary {
    min-height: 500px;
  }

  /* for external popup mobile start */
  .changepain-en-gb .Gx-popup-button-cancel.button-p1,
  .cp--landing-home .Gx-popup-button-cancel.button-p1,
  .cp-patient .Gx-popup-button-cancel.button-p1 {
    padding: 5px 20px 7px 20px !important;
    margin: 0px 10px 10px 20px;
  }

  .changepain-en-gb .Gx-popup-button-ok.button-p1,
  .cp--landing-home .Gx-popup-button-ok.button-p1,
  .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: 0;
  }
}

@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;
  }
  .gx-breadcrumbs {
    padding: 0 21px;
  }
}

/* for tablets screen End*/

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

@media only screen and (max-width: 1024px) and (orientation: landscape) {
  .cp-patient .hero-image.hero-image--small {
    height: 461px;
    margin-bottom: 0;
  }
  .cp-patient-navigation .navigation-page__list.dropdown.menu {
    right: 0;
  }
  .header-rowsplitter {
    top: 30px;
  }
  .changepain-en-gb .homepage-with-carousel-nav {
    height: auto;
    background-color: #003041;
    padding-top: 0;
  }
  .changepain-en-gb.homepage-navigation-with-carousel .hcps-promolink {
    top: 500px;
  }
  .changepain-en-gb .hcps-promolink {
    top: 259px;
  }
}

/* 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: 400px;
    margin-bottom: 0;
  }
  .cp-patient .hero-image.hero-image--small,
  .changepain-en-gb .hero-image.hero-image--small {
    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: 240px;
  }

  .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 .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;
  }

  .patient-navigation.gcimage .image-default img {
    width: 200px;
    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;
    text-align: center;
  }

  .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 !important;
  }

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

  /* 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: block;
  }
  .cp-patient.static-page div#gx-breadcrumb-container.breadcrumbs-hero-image {
    bottom: 60px;
  }

  .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.cp-patient .hero-image.hero-image--small {
    height: 391px;
  }

  /*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: 400px;
    margin-bottom: 0;
  }

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

  .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;
  }

  .pain-measured.cp-patient .hero-image-content {
    top: 202px;
  }
  .pain-measured.cp-patient .hero-image.hero-image--small {
    height: 400px;
  }
  .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: 465px;
    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: 420px;
  }

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

  .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: 445px;
    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: 215px;
    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;
    font-family: VisueltPro-Regular;
    min-height: 400px;
  }

  .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: 170px;
  }
  .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;
    margin-top: 15px;
  }
  .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: 15px;
    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 10px;
    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 */

  .gx-breadcrumbs {
    padding: 0 15px;
  }
  .changepain-en-gb .hcps-promolink {
    top: 180px;
  }

  .grunnleggende-om-smerte .hero-image {
    top: -5px;
    margin-bottom: 123px;
  }

  .grunnleggende-om-smerte .hcps-promolink {
    top: 234px;
  }

  .static-page.cp-patient .hero-image.hero-image--small {
    height: auto;
  }
  .static-page.cp-patient div#gx-breadcrumb-container.breadcrumbs-hero-image {
    display: block !important;
  }
}

@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;
  }
  .cp-patient .hero-image-content {
    top: 202px;
  }

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

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

@media screen and (max-width: 786px) and (orientation: landscape) {
  .cp-patient.pain-resources .navigation-sub--light .navigation-sub__list li a,
  .cp-patient.my-pain-diary .navigation-sub--light .navigation-sub__list li a,
  .cp-patient.resources .navigation-sub--light .navigation-sub__list li a {
    font-size: 14px;
  }

  .cp-patient.pain-management .hero-image.hero-image--small {
    height: 417px;
  }

  .cp-patient .hero-image.hero-image--small {
    margin-bottom: 23px !important;
  }

  .cp-patient.pain-management .hero-image-content {
    top: 210px;
  }

  .gcnavigationSubLight .navigation-sub--light .navigation-sub__heading {
    background-position: center right 8px;
    background-size: 12px;
    font-size: 14px;
  }

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

  .cp-patient .hero-image-content {
    top: 174px;
  }

  .what-is-pain.cp-patient .hero-image.hero-image--small {
    height: 381px;
  }

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

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

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

  .cp-patient.classification-of-pain .hero-image.hero-image--small,
  .pain-measured.cp-patient .hero-image.hero-image--small {
    height: 350px;
  }

  .pain-measured.cp-patient .hero-image-content {
    top: 151px;
  }

  .navigation-functional.navigation-functional--twoitems
    nav:last-child
    .navigation-functional__list-item
    a {
    font-size: 15px;
  }

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

  .cp-patient.patient-home .gctout img {
    width: 740px;
  }

  .cp-patient.change-your-pain .hero-image-content {
    top: 0;
  }

  .cp-patient.pain-measured .promo-small-green h3 {
    font-size: 20px;
  }

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

  .cp--landing-home .cp-promo-custom {
    flex-direction: row;
  }

  .grunnleggende-om-smerte .disease-buttons {
    padding: 2px 15px;
  }

  .changepain-en-gb .hcps-promolink {
    top: 314px;
  }
  .changepain-en-gb .hero-image--small .hero-image-content__image {
    min-height: 320px;
  }
  .changepain-en-gb .gx-breadcrumbs {
    margin-bottom: 30px;
  }

  .changepain-en-gb .hcps-promolink {
    top: 259px;
  }

  .changepain-en-gb.grunnleggende-om-smerte
    .hero-image--small
    .hero-image-content__image {
    min-height: 344px;
  }

  .changepain-en-gb.grunnleggende-om-smerte .hcps-promolink {
    top: 338px;
  }

  .changepain-en-gb #wrapper {
    height: 378px;
  }

  .pain-management .promo-small-green,
  .pain-management .promo-small-cream {
    margin: 0 !important;
  }
  .disease-buttons.selected::after {
    height: 10px;
    width: 10px;
  }
}

/* CP Sweden hiding footer links */
/* .footer__navigation-inline .link-external,
.footer__navigation-inline .maillink,
.footer__navigation-inline .local {
  pointer-events: none;
} */