.bg-deep-blue {
  background: rgba(140, 162, 209, 0.15);
}

.bg-white {
  background-color: #fff !important;
}

.bg-grey {
  background-color: #edf0ff !important;
}

.bg-light-grey {
  background-color: #E6E7E8 !important;
}

.bg-blue {
  background-color: #00A3DF !important;
}

.bg-deep-grey {
  background-color: #50535A !important;
}

.color-white {
  color: #fff !important;
}

.color-deep-blue {
  color: #071d49 !important;
}

.color-black {
  color: #000 !important;
}

.color-deep-grey {
  color: #50535A !important;
}

.color-red {
  color: red;
}

.color-sky-blue {
  color: #66e6ff;
}

.color-shallow-blue {
  color: #ccf7ff;
}

.color-light-purple {
  color: #b8b6d1;
}

.color-purple {
  color: #cd81ff;
}

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

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

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

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

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

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

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

.font-size-28 {
  font-size: 28px !important;
}

.font-size-30 {
  font-size: 30px !important;
}

.font-size-36 {
  font-size: 36px !important;
}

.font-size-40 {
  font-size: 40px !important;
}

.font-minion-pro-regular {
  font-family: 'MinionPro-Regular' !important;
}

.font-Inter-Regular {
  font-family: 'Inter', sans-serif;
  font-weight: 400;
  font-style: normal;
}

.font-Inter-Bold {
  font-family: 'Inter', sans-serif;
  font-weight: 700;
  font-style: normal;
}

.font-Roboto-Regular {
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-style: normal;
}

.font-Roboto-Bold {
  font-family: 'Roboto', sans-serif;
  font-weight: 700;
  font-style: normal;
}

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

.text-line-height-22 {
  line-height: 22px !important;
}

.text-line-height-24 {
  line-height: 24px !important;
}

.text-line-height-26 {
  line-height: 26px !important;
}

.text-line-height-28 {
  line-height: 28px !important;
}

.text-line-height-30 {
  line-height: 30px !important;
}

.text-line-height-32 {
  line-height: 32px !important;
}

.text-line-height-34 {
  line-height: 34px !important;
}

.text-line-height-44 {
  line-height: 44px !important;
}

.text-line-height-48 {
  line-height: 48px !important;
}

.text-letter-spacing-2 {
  letter-spacing: 2px;
}

.font-style-italic {
  font-style: italic !important;
}

.font-uppercase {
  text-transform: uppercase !important;
}

.min-width-105 {
  min-width: 105px !important;
}

.min-width-120 {
  min-width: 120px !important;
}

.max-width-35 {
  max-width: 35px;
}

.max-width-60 {
  max-width: 60px;
}

.max-width-80 {
  max-width: 80px !important;
}

.max-width-125 {
  max-width: 125px !important;
}

.max-width-140 {
  max-width: 140px !important;
}

.max-width-150 {
  max-width: 150px !important;
}

.max-width-160 {
  max-width: 160px !important;
}

.max-width-170 {
  max-width: 170px !important;
}

.max-width-200 {
  max-width: 200px !important;
}

.max-width-250 {
  max-width: 250px !important;
}

.max-width-300 {
  max-width: 300px !important;
}

.max-width-450 {
  max-width: 450px !important;
}

.max-width-750 {
  max-width: 750px !important;
}

.width-100-PCT {
  width: 100%;
}

.min-height-120 {
  min-height: 120px !important;
}

.max-height-115 {
  max-height: 115px !important;
}

.border-radius-0 {
  border-radius: 0 !important;
}

.border-radius-12 {
  border-radius: 12px !important;
}

.border-none {
  border: none;
}

.border-y {
  border-right: 1px solid #071d49 !important;
}

.border-deep-blue {
  border: 1px solid #071d49 !important;
}

.border-red {
  border: 1px solid #dc3545 !important;
}

.border-green {
  border: 1px solid #0f5132 !important;
}

.box-shadow-grey {
  box-shadow: 0 1px 6px 1px rgba(0, 0, 0, 0.3) !important;
}

.line-deep-blue {
  border-bottom: 1px solid #071d49;
}

.text-italic {
  font-style: italic !important;
}

.height-one-hundred-percent {
  height: 100% !important;
}

form .table, tr, td, th {
  border: 1px solid #071d49 !important;
  text-align: center;
}

.datepicker table, .datepicker tr, .datepicker td, .datepicker th {
  border: none !important;
}

td {
  padding: 0 !important;
}

.TASA_message, .message {
  display: none;
}

.alert {
  display: block !important;
}

.alert-danger {
  color: #dc3545 !important;
}

.opacity {
  opacity: 1 !important;
}

.posiTive {
  position: relative;
}

.seizeaseat {
  width: 100%;
  height: 107px;
}

@media (min-width: 1200px) {
  .container {
    max-width: 1200px;
  }
}

@keyframes slide-left {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-100%);
  }
}

.fade-in-section {
  opacity: 0;
  transform: translateY(20vh);
  visibility: hidden;
  transition: opacity 1200ms ease-out, transform 600ms ease-out, visibility 1200ms ease-out;
}

.fade-in-section.is-visible {
  opacity: 1;
  transform: none;
  visibility: visible;
}

.website-link, .external-links {
  text-decoration: none;
  cursor: pointer;
}

.txt-bg-1 {
  background-image: linear-gradient(to right, #e3e76f, #66e6ff);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.success-msg {
  font-family: 'Inter';
  font-size: 16px;
  line-height: 20px;
  color: green;
}

.error-msg {
  font-family: 'Inter';
  font-size: 14px;
  line-height: 14px;
  color: #E43D2F;
}

.error-msg.warning {
  color: #50535A;
  text-align: center;
  font-family: 'Roboto';
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 28px;
}

.error-msg.warning::before {
  content: '';
  width: 20px;
  height: 20px;
  background-image: url(../images/warning-icon.svg);
  background-repeat: no-repeat;
  background-size: 20px 20px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
}

.hero-title {
  color: #50535A;
  /* Heading 1 */
  font-family: "F37Lineca-ExtraBold";
  font-size: 44px;
  line-height: 54px;
  /* 122.727% */
}

.pfesubtitle {
  color: #50535A;
  /* Paragraph */
  font-family: "F37Lineca-ExtraBold";
  font-size: 22px;
  line-height: 26px;
  /* 155.556% */
}

.psubtitle {
  color: #50535A;
  /* Paragraph */
  font-family: 'Roboto';
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 28px;
  /* 155.556% */
}

.ptxt {
  color: #50535A;
  /* Paragraph */
  font-family: 'Roboto';
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
  /* 155.556% */
}

.ptxt .txt-link {
  color: #00A3DF;
  font-family: 'Roboto';
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 28px;
  text-decoration-line: underline;
  cursor: pointer;
}

.ptxt b {
  font-weight: 700;
}

.plittletxt {
  color: #50535A;
  /* Footnotes */
  font-family: 'Inter';
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
}

.plittletxt b {
  font-weight: 700;
}

ul {
  margin-bottom: 0;
}

ul li {
  color: #50535A;
  /* Paragraph */
  font-family: 'Roboto';
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
}

ul li .txt-link {
  color: #00A3DF;
  font-family: 'Roboto';
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 28px;
  text-decoration-line: underline;
}

ul.list-blue li::marker {
  color: #00A3DF;
}

ul.ul-blue li {
  color: #8CA2D1;
  font-family: 'Roboto';
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 28px;
}

ul.ul-blue li::marker {
  color: #8CA2D1;
}

.list-2 {
  list-style: none;
  padding-left: 0;
}

.list-2 li {
  color: #50535A;
  /* Paragraph */
  font-family: 'Roboto';
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
  padding-left: 33px;
  text-indent: -33px;
  margin-bottom: 8px;
}

.list-2 li::before {
  content: '';
  width: 18px;
  height: 18px;
  background-image: url(../images/liicon.svg);
  background-size: 18px 18px;
  background-repeat: no-repeat;
  display: inline-block;
  margin-right: 15px;
}

.pcontent-title {
  color: #00A3DF;
  /* Heading 2 */
  font-family: "F37Lineca-ExtraBold";
  font-size: 36px;
  line-height: 44px;
  /* 122.222% */
}

.pcontent-sub-title {
  color: #8CA2D1;
  /* Heading 3 */
  font-family: "F37Lineca-ExtraBold";
  font-size: 22px;
  line-height: 26px;
}

footer {
  padding: 10px 0 40px 0;
}

footer .footer-txt {
  color: #50535A;
  text-align: center;
  font-family: 'Inter',sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
  /* 150% */
}

footer .footer-link {
  color: #50535A;
  font-family: Inter;
  font-size: 12px;
  font-family: 'Inter',sans-serif;
  font-weight: 400;
  line-height: 18px;
  text-decoration-line: underline;
  cursor: pointer;
}

hr {
  border-color: #b8b6d1;
  opacity: 1;
}

hr.hr-white {
  border-color: #ffffff;
}

#mainNav {
  display: block;
  padding-top: 20px;
  padding-bottom: 0;
  background-color: transparent;
}

#mainNav .nav-box {
  padding-bottom: 15px;
  align-items: end;
}

#mainNav .logo {
  width: 100px;
}

@media (max-width: 992px) {
  #mainNav .nav-box {
    align-items: center;
  }
}

#mainNav .navbar-toggler {
  border: none;
  box-shadow: none;
}

#mainNav .navbar-toggler .navbar-toggler-icon {
  width: 20px;
  height: 19px;
  background-repeat: no-repeat;
  background-image: url(../images/nav-btn.svg);
  background-size: 20px 19px;
}

#mainNav #navbarNavDropdown {
  justify-content: flex-end;
  align-items: end;
}

#mainNav #navbarNavDropdown .navbar-nav {
  align-items: end;
}

#mainNav #navbarNavDropdown .navbar-nav.displaynone {
  display: none;
}

#mainNav #navbarNavDropdown .navbar-nav .nav-item {
  position: relative;
  margin-right: 25px;
}

#mainNav #navbarNavDropdown .navbar-nav .nav-item .nav-link {
  padding: 0;
  margin-top: 10px;
  display: inline-block;
  cursor: pointer;
  color: #50535A;
  font-family: "F37Lineca-ExtraBold";
}

#mainNav #navbarNavDropdown .navbar-nav .nav-item .nav-link.dropdown-toggle::after {
  content: '';
  width: 11px;
  height: 6px;
  display: inline-block;
  background-image: url(../images/Vector.svg);
  background-repeat: no-repeat;
  background-size: 11px 6px;
  border: none;
  margin-left: 0;
  vertical-align: 0.1em;
}

#mainNav #navbarNavDropdown .navbar-nav .nav-item .dropdown-menu {
  border: none;
  border-radius: 12px;
  background: #FFF;
  box-shadow: 8px 8px 16px 4px rgba(0, 0, 0, 0.15);
  padding: 10px 20px;
}

#mainNav #navbarNavDropdown .navbar-nav .nav-item .dropdown-menu span {
  color: #00A3DF;
  text-align: center;
  font-family: "F37Lineca-ExtraBold";
  font-size: 18px;
  line-height: 18px;
  padding: 0 10px;
}

#mainNav #navbarNavDropdown .navbar-nav .nav-item .dropdown-menu .dropdown-item {
  margin-top: 0;
  font-family: "F37Lineca-Book";
  font-size: 18px;
}

#mainNav #navbarNavDropdown .navbar-nav .nav-item .dropdown-menu .dropdown-item:hover {
  background-color: transparent;
  color: #F39200;
}

#mainNav #navbarNavDropdown .navbar-nav .nav-item .dropdown-menu.show {
  display: flex;
  align-items: center;
  justify-content: center;
}

#mainNav #navbarNavDropdown .navbar-nav .nav-item .dropdown-menu[data-bs-popper] {
  left: auto;
  right: -30px;
}

@media (max-width: 1200px) {
  #mainNav #navbarNavDropdown .navbar-nav .nav-item .dropdown-menu[data-bs-popper] {
    right: -200px;
  }
  #mainNav #navbarNavDropdown .navbar-nav .nav-item .dropdown-menu[data-bs-popper].tools-resources-menu {
    right: -30px;
  }
}

#mainNav #navbarNavDropdown .navbar-nav .nav-item .mobile-separation-line {
  height: 3px;
  align-self: stretch;
  border-radius: 0px 0px 3px 3px;
  background: #FFF;
  display: none;
}

#mainNav .rectangle-3 {
  width: 100%;
  height: 8px;
  flex-shrink: 0;
  border-radius: 0px 0px 8px 8px;
  background: #00A3DF;
}

#mainNav .rectangle-1 {
  width: 100%;
  height: 3px;
  flex-shrink: 0;
  border-radius: 0px 0px 8px 8px;
  background: #00A3DF;
  display: none;
}

#mainNav .search-form {
  align-items: center;
  display: flex;
}

#mainNav .search-form .close-form {
  display: inline-block;
  width: 0;
  height: 16px;
  background-image: url(../images/Search-Close-button.svg);
  background-repeat: no-repeat;
  background-size: 16px 16px;
  cursor: pointer;
  transition: width 1s;
}

#mainNav .search-form .close-form.show {
  width: 16px;
  margin-right: 10px;
}

#mainNav .search-form .input-panel {
  display: flex;
  align-items: center;
  border-radius: 12px;
  padding-right: 10px;
}

#mainNav .search-form .input-panel .form-control {
  margin-right: 10px;
  border: none;
  background-color: transparent;
  height: 40px;
  padding: 0;
  width: 0;
  transition: width 1s;
}

#mainNav .search-form .input-panel .form-control.show {
  width: 270px;
}

@media (max-width: 400px) {
  #mainNav .search-form .input-panel .form-control.show {
    width: 190px;
  }
}

#mainNav .search-form .input-panel input:focus {
  outline: none;
  box-shadow: none;
}

#mainNav .search-form .input-panel input::placeholder {
  color: rgba(80, 83, 90, 0.4);
  font-family: Roboto;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
}

#mainNav .search-form .input-panel .search-btn {
  width: 27px;
  height: 23px;
  background-image: url(../images/Search-icon.svg);
  background-repeat: no-repeat;
  background-size: 22px 23px;
  border: none;
  background-color: transparent;
}

#mainNav .search-form .input-panel.show {
  padding-left: 10px;
  background: linear-gradient(0deg, rgba(140, 162, 209, 0.07) 0%, rgba(140, 162, 209, 0.07) 100%), #FFF;
}

#mainNav .search-form.sf-mobile {
  display: none;
}

#mainNav .search-form.sf-mobile .search-btn {
  background-image: url(../images/Search-icon-white.svg);
}

#mainNav .search-form.sf-mobile .search-btn.active {
  background-image: url(../images/Search-icon-white-blue.svg);
}

@media (max-width: 992px) {
  #mainNav .search-form.sf-lg {
    display: none;
  }
  #mainNav .search-form .close-form {
    background-image: url(../images/Search-Close-button-white.svg);
  }
}

#mainNav.scrollBg {
  background: rgba(255, 255, 255, 0.9);
  padding-top: 5px;
}

#mainNav.scrollBg .nav-box {
  padding-bottom: 5px;
}

#mainNav.scrollBg .logo {
  width: 68px;
}

#mainNav.scrollBg .rectangle-box {
  display: none;
}

#mainNav.scrollBg .rectangle-1 {
  display: block;
}

@media (max-width: 992px) {
  #mainNav.open {
    background-color: #00A3DF;
    border-radius: 0px 0px 8px 8px;
    padding-bottom: 5px;
  }
  #mainNav.open .navbar-brand {
    display: none;
  }
  #mainNav.open .search-form.sf-mobile {
    display: flex;
  }
  #mainNav.open .navbar-toggler .navbar-toggler-icon {
    background-image: url(../images/nav-btn-white.svg);
  }
  #mainNav.open #navbarNavDropdown .navbar-nav {
    align-items: normal;
  }
  #mainNav.open #navbarNavDropdown .navbar-nav .nav-item .mobile-separation-line {
    display: block;
  }
  #mainNav.open #navbarNavDropdown .navbar-nav .nav-item .nav-link {
    margin-top: 0;
    color: #ffffff;
    padding: 5px 0;
  }
  #mainNav.open #navbarNavDropdown .navbar-nav .nav-item a {
    color: #ffffff;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  #mainNav.open #navbarNavDropdown .navbar-nav .nav-item a.dropdown-toggle::after {
    background-image: url(../images/Vector-white.svg);
  }
  #mainNav.open #navbarNavDropdown .navbar-nav .nav-item a.dropdown-toggle.show::after {
    background-image: url(../images/Vector-white-top.svg);
  }
  #mainNav.open #navbarNavDropdown .navbar-nav .nav-item .dropdown-menu {
    background-color: transparent;
    box-shadow: none;
  }
  #mainNav.open #navbarNavDropdown .navbar-nav .nav-item .dropdown-menu .delimiter {
    display: none;
  }
  #mainNav.open #navbarNavDropdown .navbar-nav .nav-item .dropdown-menu li {
    border-top: 1px solid #ffffff;
    padding: 5px 0;
  }
  #mainNav.open #navbarNavDropdown .navbar-nav .nav-item .dropdown-menu.show {
    display: list-item;
  }
}

.btn {
  background-color: #B41955;
  width: 177px;
  height: 40px;
  color: #FFF;
  text-align: center;
  font-family: "F37Lineca-ExtraBold";
  font-size: 22px;
  line-height: 22px;
  /* 100% */
  padding: 8px;
  border-radius: 20px;
}

.btn:hover {
  color: #ffffff;
}

.btn .btn-bg-grey {
  border: 1px solid #B8C5E2;
}

.btn.btn-bg-grey:hover {
  background-color: #F39200;
  border: 1px solid #F39200;
}

.btn.bg-blue:hover {
  background-color: #F39200 !important;
}

.selection-btn {
  display: flex;
  width: 344px;
  padding: 8px 10px;
  align-items: center;
  gap: 10px;
  border-radius: 12px;
  background: #FFF;
  /* Shadow Box */
  box-shadow: 8px 8px 16px 4px rgba(0, 0, 0, 0.15);
  position: relative;
  height: 62px;
}

.selection-btn:hover {
  background: linear-gradient(0deg, rgba(243, 146, 0, 0.2) 0%, rgba(243, 146, 0, 0.2) 100%), #FFF;
}

.selection-btn .icon-box {
  width: 52px;
  height: 52px;
  flex-shrink: 0;
}

.selection-btn .icon-box .icon {
  width: 48px;
  height: 48px;
  position: absolute;
  left: 12px;
  top: 7px;
  background-image: url(../images/selection-Icon-1.svg);
  background-repeat: no-repeat;
  background-size: 48px 48px;
}

.selection-btn .text {
  display: flex;
  height: 62px;
  flex-direction: column;
  justify-content: center;
  flex: 1 0 0;
  color: #50535A;
  text-align: center;
  font-family: Roboto;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  /* 133.333% */
}

.selection-btn#psoriasis .icon-box .icon {
  background-image: url(../images/selection-Icon-2.svg);
}

.selection-btn#Other_condition .icon-box .icon {
  background-image: url(../images/selection-Icon-3.svg);
}

@media (max-width: 540px) {
  .selection-btn {
    margin: auto;
  }
}

.interested-btn {
  display: flex;
  width: 100%;
  padding: 8px 10px;
  align-items: center;
  gap: 20px;
  border-radius: 12px;
  background: #FFF;
  /* Shadow Box */
  box-shadow: 8px 8px 16px 4px rgba(0, 0, 0, 0.15);
  position: relative;
  height: 88px;
  text-decoration: none;
  cursor: pointer;
  border: 3px solid #ffffff;
}

.interested-btn:hover {
  background: rgba(243, 146, 0, 0.2);
  border: 3px solid transparent;
}

.interested-btn .icon-box {
  width: 60px;
  height: 60px;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.interested-btn .icon-box .icon {
  width: 60px;
  height: 60px;
  position: absolute;
  background-image: url(../images/interested-Icon-1.svg);
  background-repeat: no-repeat;
  background-size: 60px 60px;
}

.interested-btn.active {
  border: 3px solid #00A3DF;
}

.interested-btn .text {
  display: flex;
  height: 62px;
  flex-direction: column;
  justify-content: center;
  flex: 1 0 0;
  color: #50535A;
  text-align: left;
  font-family: 'F37Lineca-ExtraBold', sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
  /* 133.333% */
}

.interested-btn.interested-btn-2 .icon-box .icon {
  background-image: url(../images/interested-Icon-2.svg);
}

.interested-btn.interested-btn-3 .icon-box .icon {
  background-image: url(../images/interested-Icon-3.svg);
}

.interested-btn.interested-btn-4 .icon-box .icon {
  background-image: url(../images/interested-Icon-4.svg);
}

.interested-btn.interested-btn-5 .icon-box .icon {
  background-image: url(../images/interested-Icon-5.svg);
}

.interested-btn.interested-btn-6 .icon-box .icon {
  background-image: url(../images/interested-Icon-6.svg);
}

.interested-btn.interested-btn-7 .icon-box .icon {
  background-image: url(../images/interested-Icon-7.svg);
}

.interested-btn.interested-btn-8 .icon-box .icon {
  background-image: url(../images/interested-Icon-8.svg);
}

.interested-btn.interested-btn-9 .icon-box .icon {
  background-image: url(../images/interested-Icon-9.svg);
}

.form-control {
  font-family: 'Roboto';
}

input[type="range"]:focus::-webkit-slider-thumb {
  outline: none;
  box-shadow: none;
}

input[type="range"]:focus {
  outline: none;
  box-shadow: none;
}

.form-range-panel input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none;
  border-radius: 50%;
  width: 35px;
  height: 35px;
  border: 5px solid #ffffff;
  background-color: #8CA2D1;
  background-image: none;
  margin-top: -9px;
  box-shadow: 8px 8px 16px 4px rgba(0, 0, 0, 0.15);
}

.form-range-panel input[type="range"]::-webkit-slider-thumb:hover {
  background-color: #00A3DF;
  background-image: none;
}

.form-range-panel input[type="range"]::-webkit-slider-runnable-track {
  height: 18px;
  background-color: rgba(140, 162, 209, 0.3);
  border-radius: 10px;
}

.effects-range input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  border: 5px solid #ffffff;
  background-color: #DADADA;
  background-image: none;
  margin-top: -9px;
  box-shadow: 8px 8px 16px 4px rgba(0, 0, 0, 0.15);
}

.effects-range input[type="range"]::-webkit-slider-thumb:hover {
  background-color: #00A3DF;
  background-image: none;
}

.effects-range input[type="range"]::-webkit-slider-runnable-track {
  height: 32px;
  background: linear-gradient(90deg, #90C577 0%, #F39200 66%, #C6087A 100%);
  border-radius: 16px;
}

.foods-range input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  border: 5px solid #ffffff;
  background-color: #DADADA;
  background-image: none;
  margin-top: -9px;
  box-shadow: 8px 8px 16px 4px rgba(0, 0, 0, 0.15);
}

.foods-range input[type="range"]::-webkit-slider-thumb:hover {
  background-color: #00A3DF;
  background-image: none;
}

.foods-range input[type="range"]::-webkit-slider-runnable-track {
  height: 32px;
  background: linear-gradient(90deg, #FFCE20 0%, #EEFF2D 32.51%, #0035F3 67.02%, #2A1522 100%);
  border-radius: 16px;
}

.feeling_today-range input[type="range"]::-webkit-slider-runnable-track {
  height: 32px;
  background: linear-gradient(90deg, #90C577 0%, #F39200 66%, #C6087A 100%);
  border-radius: 16px;
}

.feeling_today-range input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  border: 5px solid #ffffff;
  background-color: #DADADA;
  background-image: none;
  margin-top: -9px;
  box-shadow: 8px 8px 16px 4px rgba(0, 0, 0, 0.15);
}

.feeling_today-range input[type="range"]::-webkit-slider-thumb:hover {
  background-color: #00A3DF;
  background-image: none;
}

.lg-img {
  display: block;
  margin: auto;
}

@media (max-width: 768px) {
  .lg-img {
    display: none;
  }
}

.mobile-img {
  display: none;
}

@media (max-width: 768px) {
  .mobile-img {
    display: block;
    margin: auto;
  }
}

.lg-btn {
  display: block;
}

@media (max-width: 768px) {
  .lg-btn {
    display: none;
  }
}

.mobile-btn {
  display: none;
}

@media (max-width: 768px) {
  .mobile-btn {
    display: block;
  }
}

.breadcrumb-box {
  color: #000;
  font-family: 'Inter';
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
  /* 150% */
}

.breadcrumb-box a {
  text-decoration: none;
  color: #000;
}

.back-to-top {
  display: flex;
  justify-content: end;
  align-items: center;
  cursor: pointer;
}

.back-to-top .txt {
  color: #50535A;
  flex-shrink: 0;
  font-family: 'Inter';
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
  padding-right: 10px;
}

.back-to-top .icon {
  width: 22px;
  height: 12px;
  background-image: url(../images/arrow-top.svg);
  background-repeat: no-repeat;
  background-size: 22px 12px;
  display: inline-block;
}

.pBox-shadow {
  box-shadow: 8px 8px 16px 4px rgba(0, 0, 0, 0.15);
}

.links-title {
  display: flex;
  justify-content: center;
  align-items: center;
}

.links-title .txt {
  color: #00A3DF;
  /* Heading 3 */
  font-family: "F37Lineca-ExtraBold";
  font-size: 22px;
  line-height: 26px;
  /* 118.182% */
  padding-right: 20px;
}

.links-title .icon {
  width: 13px;
  height: 24px;
  background-image: url(../images/arrow-right.svg);
  background-repeat: no-repeat;
  background-size: 13px 24px;
}

.pcontent-panel {
  padding: 16px;
  border-radius: 12px;
  position: relative;
}

.pcontent-panel .pc-title {
  display: flex;
  align-items: center;
}

.pcontent-panel .pc-title .txt {
  color: #00A3DF;
  /* Heading 3 */
  font-family: "F37Lineca-ExtraBold";
  font-size: 22px;
  line-height: 26px;
  /* 118.182% */
  padding-right: 20px;
}

.pcontent-panel .pc-title .icon {
  width: 13px;
  height: 24px;
  background-image: url(../images/arrow-right.svg);
  background-repeat: no-repeat;
  background-size: 13px 24px;
}

.pcontent-panel.ppHover-blue:hover {
  background-color: #00A3DF;
}

.pcontent-panel.ppHover-blue:hover .pc-title .txt {
  color: #ffffff;
}

.pcontent-panel.ppHover-blue:hover .pc-title .icon {
  background-image: url(../images/arrow-right-white.svg);
}

.pcontent-panel.ppHover-light-blue:hover {
  background: linear-gradient(0deg, rgba(0, 163, 223, 0.2) 0%, rgba(0, 163, 223, 0.2) 100%), #FFF;
}

.video-panel {
  border-radius: 12px;
  cursor: pointer;
}

.divider-line {
  height: 8px;
  align-self: stretch;
  border-radius: 0px 0px 8px 8px;
  opacity: 0.1;
  background: #50535A;
}

.pcontent-divider-line {
  width: 7px;
  align-self: stretch;
  border-radius: 0px 0px 8px 8px;
  opacity: 0.1;
  background: #50535A;
  height: 100%;
  margin: auto;
}

@media (max-width: 768px) {
  .pcontent-divider-line {
    height: 8px;
    align-self: stretch;
    border-radius: 0px 0px 8px 8px;
    opacity: 0.1;
    background: #50535A;
    width: 100%;
    margin: 50px 0;
  }
}

.rang-txt {
  cursor: pointer;
}

@media (min-width: 769px) {
  .rang-txt.rang-txt-2 {
    padding-left: 32px;
  }
  .rang-txt.rang-txt-3 {
    padding-left: 62px;
  }
}

@media (min-width: 993px) {
  .rang-txt.rang-txt-2 {
    padding-left: 37px;
  }
  .rang-txt.rang-txt-3 {
    padding-left: 70px;
  }
}

@media (min-width: 1201px) {
  .rang-txt.rang-txt-2 {
    padding-left: 51px;
  }
  .rang-txt.rang-txt-3 {
    padding-left: 98px;
  }
}

@media (max-width: 768px) {
  .rang-txt.rang-txt-2 {
    padding-right: 20px;
  }
  .rang-txt.rang-txt-3 {
    padding-right: 26px;
  }
  .rang-txt.rang-txt-4 {
    padding-right: 40px;
  }
}

@media (max-width: 400px) {
  .rang-txt.rang-txt-2 {
    padding-right: 10px;
  }
  .rang-txt.rang-txt-3 {
    padding-right: 16px;
  }
  .rang-txt.rang-txt-4 {
    padding-right: 10px;
  }
}

.accordion .accordion-item {
  border: none;
  margin-top: 30px;
}

.accordion .accordion-item .accordion-header .accordion-button {
  color: #50535A;
  /* Heading 3 */
  font-family: "F37Lineca-ExtraBold";
  font-size: 22px;
  line-height: 26px;
  padding-left: 0;
  padding-right: 0;
}

.accordion .accordion-item .accordion-header .accordion-button:focus {
  outline: none;
  box-shadow: none;
}

.accordion .accordion-item .accordion-header .accordion-button::after {
  width: 26px;
  height: 24px;
  background-image: url(../images/acc-2.svg);
  background-repeat: no-repeat;
  background-size: 26px 24px;
}

.accordion .accordion-item .accordion-header .accordion-button:not(.collapsed) {
  background-color: transparent;
  box-shadow: none;
}

.accordion .accordion-item .accordion-body {
  padding-left: 0;
  padding-top: 0;
}

.accordion .accordion-item .accordion-footer {
  height: 8px;
  align-self: stretch;
  border-radius: 0px 0px 8px 8px;
  background: #8CA2D1;
}

#carouselExampleIndicators .carousel-indicators {
  margin: 0;
  top: 0;
}

#carouselExampleIndicators .carousel-indicators [data-bs-target] {
  width: 13.74px;
  height: 14.15px;
  background-image: url(../images/slider.svg);
  background-repeat: no-repeat;
  background-size: 13.74px 14.15px;
  margin-right: 5px;
  margin-left: 5px;
  border: 0;
  opacity: 1;
}

#carouselExampleIndicators .carousel-indicators [data-bs-target].active {
  background-image: url(../images/slider-active.svg);
}

#carouselExampleIndicators .carousel-indicators .carousel-control-prev {
  position: relative;
  width: 8.76px;
  height: 14.1px;
  background-image: url(../images/slider-left.svg);
  background-repeat: no-repeat;
  background-size: 8.76px 14.1px;
}

#carouselExampleIndicators .carousel-indicators .carousel-control-next {
  position: relative;
  width: 8.76px;
  height: 14.1px;
  background-image: url(../images/slider-right.svg);
  background-repeat: no-repeat;
  background-size: 8.76px 14.1px;
}

@media (max-width: 768px) {
  #carouselExampleIndicators .carousel-indicators {
    justify-content: start;
  }
}

#carouselExampleIndicators .carousel-inner {
  z-index: 8;
  border-radius: 12px;
}

#carouselExampleIndicators .edit-option {
  width: 150px;
  height: 56.6px;
  background-image: url(../images/edit-option.svg);
  background-repeat: no-repeat;
  background-size: 150px 56.6px;
  position: absolute;
  right: -29px;
  top: 19px;
  z-index: 9;
}

@media (max-width: 992px) {
  #carouselExampleIndicators .edit-option {
    right: 7px;
  }
}

.card-btn-box {
  display: flex;
  align-items: flex-start;
  align-self: stretch;
}

.card-btn-box .card-btn {
  display: flex;
  margin-right: 15px;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  flex: 1 0 0;
  align-self: stretch;
  justify-content: space-between;
  cursor: pointer;
}

.card-btn-box .card-btn.cbtn-2 {
  margin-right: 0;
  margin-left: 15px;
}

.card-btn-box .card-btn .txt {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-self: stretch;
  color: #50535A;
  font-family: "F37Lineca-ExtraBold";
  font-size: 22px;
  line-height: 26px;
  opacity: 0.4;
}

.card-btn-box .card-btn .bline {
  height: 8px;
  align-self: stretch;
  border-radius: 0px 0px 0px 8px;
  background-color: #50535A;
  opacity: 0.15;
}

.card-btn-box .card-btn .bline-right {
  border-radius: 0px 0px 8px 0px;
}

.card-btn-box .card-btn.active .txt {
  opacity: 1;
}

.card-btn-box .card-btn.active .bline {
  opacity: 1;
  background-color: #00A3DF;
}

.card-content {
  display: none;
}

.card-content.show {
  display: block;
}

.rangContent {
  display: none;
  transition: transform .6s ease-in-out;
}

.rangContent.show {
  transition: transform .6s ease-in-out;
  display: block;
}

.penPanel {
  background-image: url(../images/pen-bg.png);
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 30px;
}

.pen-step-guide {
  display: flex;
  align-items: center;
}

.pen-step-guide .img-box {
  width: 50%;
}

.pen-step-guide .links-title {
  width: 50%;
  margin-left: 10px;
  text-decoration: none;
}

@media (max-width: 768px) {
  .pen-step-guide {
    display: block;
  }
  .pen-step-guide .img-box {
    margin: auto;
  }
  .pen-step-guide .links-title {
    margin: auto;
    margin-left: auto;
    margin-top: 10px;
  }
}

.iconPanel {
  display: flex;
  align-items: center;
}

.iconPanel .iconTxt {
  padding-left: 20px;
}

@media (max-width: 560px) {
  .iconPanel.mobile-tb {
    display: block;
  }
  .iconPanel.mobile-tb img {
    display: block;
    margin: auto;
    margin-bottom: 10px;
  }
}

.modal .modal-content {
  background: transparent;
  border: none;
}

.modal .modal-header {
  background: transparent;
  border: none;
}

.modal .modal-header .btn-close {
  width: 30px;
  height: 30px;
  flex-shrink: 0;
  background-image: url(../images/Close-button-lozenge.svg);
  background-repeat: no-repeat;
  background-size: 30px 30px;
  opacity: 1;
  padding: 0;
}

.modal .modal-header .btn-close:hover {
  background-image: url(../images/Close-button-lozenge-hover.svg);
}

.modal .modal-body {
  border-radius: 12px;
  background: #FFF;
  box-shadow: 8px 8px 16px 4px rgba(0, 0, 0, 0.15);
}

.modal .modal-body .title {
  color: #50535A;
  font-size: 36px;
  text-align: center;
  font-family: "F37Lineca-ExtraBold";
  line-height: 44px;
}

.modal .modal-body .txt {
  color: #50535A;
  text-align: center;
  font-family: 'Roboto';
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
}

.modal .modal-body .txt .txt-link {
  color: #00A3DF;
  font-family: "Roboto";
  font-size: 18px;
  line-height: 28px;
  /* 118.182% */
  text-decoration-line: underline;
}

.protein-txt-tooltip {
  --bs-tooltip-bg: #00A3DF;
  --bs-tooltip-color: #ffffff;
  --bs-tooltip-font-size: 14px;
  --bs-tooltip-font-family: 'Roboto';
  --bs-tooltip-opacity: 1;
}

#video_show-Modal .modal-body {
  padding: 0;
  background-color: transparent;
  border-radius: 12px;
  box-shadow: none;
}

@media (min-width: 993px) {
  #page-top.psa .navbar .navbar-nav li.home-item::after {
    content: '';
    width: 13.74px;
    height: 14.15px;
    display: block;
    background-image: url(../images/Highlight.svg);
    background-repeat: no-repeat;
    background-size: 13.74px 14.15px;
    position: absolute;
    top: -5px;
    left: 50%;
    transform: translate(-50%, 0%);
  }
}

@media (max-width: 992px) {
  #page-top.psa .navbar .navbar-nav li.home-item .nav-link {
    color: #F39200 !important;
  }
}

@media (min-width: 993px) {
  #page-top.psa .navbar.scrollBg .navbar-nav li.home-item::after {
    content: '';
    width: 6px;
    height: 6px;
    display: block;
    background-image: url(../images/Highlight-l.svg);
    background-repeat: no-repeat;
    background-size: 6px 6px;
    position: absolute;
    top: 3px;
    left: 50%;
    transform: translate(-50%, 0%);
  }
}

@media (min-width: 993px) {
  #page-top.resources .navbar .navbar-nav li.tools-resources-item::after, #page-top.faqs .navbar .navbar-nav li.tools-resources-item::after {
    content: '';
    width: 13.74px;
    height: 14.15px;
    display: block;
    background-image: url(../images/Highlight.svg);
    background-repeat: no-repeat;
    background-size: 13.74px 14.15px;
    position: absolute;
    top: -5px;
    left: 50%;
    transform: translate(-50%, 0%);
  }
}

@media (max-width: 992px) {
  #page-top.resources .navbar .navbar-nav li.tools-resources-item .nav-link, #page-top.faqs .navbar .navbar-nav li.tools-resources-item .nav-link {
    color: #F39200 !important;
  }
}

@media (min-width: 993px) {
  #page-top.resources .navbar.scrollBg .navbar-nav li.tools-resources-item::after, #page-top.faqs .navbar.scrollBg .navbar-nav li.tools-resources-item::after {
    content: '';
    width: 6px;
    height: 6px;
    display: block;
    background-image: url(../images/Highlight-l.svg);
    background-repeat: no-repeat;
    background-size: 6px 6px;
    position: absolute;
    top: 3px;
    left: 50%;
    transform: translate(-50%, 0%);
  }
}

#page-top.resources .dropdown-item.resources-link {
  color: #F39200 !important;
}

#page-top.faqs .dropdown-item.faqs-link {
  color: #F39200 !important;
}

@media (min-width: 993px) {
  #page-top.disease-information .navbar .navbar-nav li.about-psa-item::after, #page-top.flares-remission .navbar .navbar-nav li.about-psa-item::after {
    content: '';
    width: 13.74px;
    height: 14.15px;
    display: block;
    background-image: url(../images/Highlight.svg);
    background-repeat: no-repeat;
    background-size: 13.74px 14.15px;
    position: absolute;
    top: -5px;
    left: 50%;
    transform: translate(-50%, 0%);
  }
}

@media (max-width: 992px) {
  #page-top.disease-information .navbar .navbar-nav li.about-psa-item .nav-link, #page-top.flares-remission .navbar .navbar-nav li.about-psa-item .nav-link {
    color: #F39200 !important;
  }
}

@media (min-width: 993px) {
  #page-top.disease-information .navbar.scrollBg .navbar-nav li.about-psa-item::after, #page-top.flares-remission .navbar.scrollBg .navbar-nav li.about-psa-item::after {
    content: '';
    width: 6px;
    height: 6px;
    display: block;
    background-image: url(../images/Highlight-l.svg);
    background-repeat: no-repeat;
    background-size: 6px 6px;
    position: absolute;
    top: 3px;
    left: 50%;
    transform: translate(-50%, 0%);
  }
}

#page-top.disease-information .dropdown-item.disease-information-link {
  color: #F39200 !important;
}

#page-top.flares-remission .dropdown-item.flares-remission-link {
  color: #F39200 !important;
}

@media (min-width: 993px) {
  #page-top.understanding-skyrizi .navbar .navbar-nav li.about-skyrizi-item::after, #page-top.using-skyrizi .navbar .navbar-nav li.about-skyrizi-item::after {
    content: '';
    width: 13.74px;
    height: 14.15px;
    display: block;
    background-image: url(../images/Highlight.svg);
    background-repeat: no-repeat;
    background-size: 13.74px 14.15px;
    position: absolute;
    top: -5px;
    left: 50%;
    transform: translate(-50%, 0%);
  }
}

@media (max-width: 992px) {
  #page-top.understanding-skyrizi .navbar .navbar-nav li.about-skyrizi-item .nav-link, #page-top.using-skyrizi .navbar .navbar-nav li.about-skyrizi-item .nav-link {
    color: #F39200 !important;
  }
}

@media (min-width: 993px) {
  #page-top.understanding-skyrizi .navbar.scrollBg .navbar-nav li.about-skyrizi-item::after, #page-top.using-skyrizi .navbar.scrollBg .navbar-nav li.about-skyrizi-item::after {
    content: '';
    width: 6px;
    height: 6px;
    display: block;
    background-image: url(../images/Highlight-l.svg);
    background-repeat: no-repeat;
    background-size: 6px 6px;
    position: absolute;
    top: 3px;
    left: 50%;
    transform: translate(-50%, 0%);
  }
}

#page-top.understanding-skyrizi .dropdown-item.understanding-skyrizi-link {
  color: #F39200 !important;
}

#page-top.using-skyrizi .dropdown-item.using-skyrizi-link {
  color: #F39200 !important;
}

@media (min-width: 993px) {
  #page-top.healthy-eating .navbar .navbar-nav li.healthy-living-item::after, #page-top.exercise .navbar .navbar-nav li.healthy-living-item::after, #page-top.managing-pain .navbar .navbar-nav li.healthy-living-item::after, #page-top.mental-health .navbar .navbar-nav li.healthy-living-item::after, #page-top.rest-sleep .navbar .navbar-nav li.healthy-living-item::after {
    content: '';
    width: 13.74px;
    height: 14.15px;
    display: block;
    background-image: url(../images/Highlight.svg);
    background-repeat: no-repeat;
    background-size: 13.74px 14.15px;
    position: absolute;
    top: -5px;
    left: 50%;
    transform: translate(-50%, 0%);
  }
}

@media (max-width: 992px) {
  #page-top.healthy-eating .navbar .navbar-nav li.healthy-living-item .nav-link, #page-top.exercise .navbar .navbar-nav li.healthy-living-item .nav-link, #page-top.managing-pain .navbar .navbar-nav li.healthy-living-item .nav-link, #page-top.mental-health .navbar .navbar-nav li.healthy-living-item .nav-link, #page-top.rest-sleep .navbar .navbar-nav li.healthy-living-item .nav-link {
    color: #F39200 !important;
  }
}

@media (min-width: 993px) {
  #page-top.healthy-eating .navbar.scrollBg .navbar-nav li.healthy-living-item::after, #page-top.exercise .navbar.scrollBg .navbar-nav li.healthy-living-item::after, #page-top.managing-pain .navbar.scrollBg .navbar-nav li.healthy-living-item::after, #page-top.mental-health .navbar.scrollBg .navbar-nav li.healthy-living-item::after, #page-top.rest-sleep .navbar.scrollBg .navbar-nav li.healthy-living-item::after {
    content: '';
    width: 6px;
    height: 6px;
    display: block;
    background-image: url(../images/Highlight-l.svg);
    background-repeat: no-repeat;
    background-size: 6px 6px;
    position: absolute;
    top: 3px;
    left: 50%;
    transform: translate(-50%, 0%);
  }
}

#page-top.healthy-eating .dropdown-item.healthy-eating-link {
  color: #F39200 !important;
}

#page-top.exercise .dropdown-item.exercise-link {
  color: #F39200 !important;
}

#page-top.managing-pain .dropdown-item.managing-pain-link {
  color: #F39200 !important;
}

#page-top.mental-health .dropdown-item.mental-health-link {
  color: #F39200 !important;
}

#page-top.rest-sleep .dropdown-item.rest-sleep-link {
  color: #F39200 !important;
}

.tooltip-panel {
  position: relative;
}

.tooltip-panel .tooltip-item {
  position: absolute;
  z-index: 5;
  cursor: pointer;
}

.tooltip-panel .tooltip-item .tooltip-btn {
  cursor: pointer;
  width: 100%;
  display: block;
}

.tooltip-panel .tooltip-item .tooltip-content {
  width: 100%;
  display: none;
}

.tooltip-panel .tooltip-item.show {
  z-index: 9;
}

.tooltip-panel .tooltip-item.show .tooltip-btn {
  display: none;
}

.tooltip-panel .tooltip-item.show .tooltip-content {
  display: block;
}

.symptoms-tooltip .Head-tooltip {
  width: 82px;
  height: 29px;
  overflow: hidden;
  top: 0px;
  left: 48%;
}

.symptoms-tooltip .Head-tooltip.show {
  width: 103px;
  height: 70px;
}

.symptoms-tooltip .Eyes-tooltip {
  width: 86px;
  height: 29px;
  overflow: hidden;
  top: 4%;
  right: 69%;
}

.symptoms-tooltip .Eyes-tooltip.show {
  width: 86px;
  height: 89px;
}

.symptoms-tooltip .Neck-tooltip {
  width: 166px;
  height: 47px;
  overflow: hidden;
  top: 11%;
  left: 53%;
}

@media (max-width: 768px) {
  .symptoms-tooltip .Neck-tooltip {
    top: 11%;
    left: 26%;
  }
}

.symptoms-tooltip .Neck-tooltip.show {
  width: 260px;
  height: 90px;
}

.symptoms-tooltip .Elbows-tooltip {
  width: 149px;
  height: 47px;
  overflow: hidden;
  top: 30%;
  right: 82%;
}

@media (max-width: 768px) {
  .symptoms-tooltip .Elbows-tooltip {
    top: 30%;
    right: 34%;
  }
}

.symptoms-tooltip .Elbows-tooltip.show {
  width: 211px;
  height: 112px;
}

.symptoms-tooltip .Fingers-tooltip {
  width: 119px;
  height: 29px;
  overflow: hidden;
  top: 42%;
  left: 34%;
}

.symptoms-tooltip .Fingers-tooltip.show {
  width: 228px;
  height: 128px;
}

.symptoms-tooltip .Knees-tooltip {
  width: 86px;
  height: 29px;
  overflow: hidden;
  bottom: 25%;
  right: 71%;
}

@media (max-width: 768px) {
  .symptoms-tooltip .Knees-tooltip {
    bottom: 25%;
    right: 50%;
  }
}

.symptoms-tooltip .Knees-tooltip.show {
  width: 148px;
  height: 91px;
}

.symptoms-tooltip .Foot-tooltip {
  width: 86px;
  height: 29px;
  overflow: hidden;
  bottom: 6%;
  right: 80%;
}

@media (max-width: 768px) {
  .symptoms-tooltip .Foot-tooltip {
    bottom: 6%;
    right: 60%;
  }
}

.symptoms-tooltip .Foot-tooltip.show {
  width: 143px;
  height: 120px;
}

.symptoms-tooltip .Toes-tooltip {
  width: 82px;
  height: 29px;
  overflow: hidden;
  bottom: 5%;
  left: 59%;
}

@media (max-width: 768px) {
  .symptoms-tooltip .Toes-tooltip {
    bottom: 5%;
    left: 44%;
  }
}

.symptoms-tooltip .Toes-tooltip.show {
  width: 182px;
  height: 141px;
}

.flare-tooltip .Mental-challenges-tooltip {
  width: 126px;
  height: 47px;
  overflow: hidden;
  top: 5%;
  left: 48%;
}

.flare-tooltip .Mental-challenges-tooltip.show {
  width: 189px;
  height: 102px;
}

.flare-tooltip .Fatigue-tooltip {
  width: 114px;
  height: 36px;
  overflow: hidden;
  top: 29%;
  right: 66%;
}

@media (max-width: 768px) {
  .flare-tooltip .Fatigue-tooltip {
    top: 29%;
    right: 51%;
  }
}

.flare-tooltip .Fatigue-tooltip.show {
  width: 162px;
  height: 125px;
}

.flare-tooltip .Joint-pain-and-swelling-tooltip {
  width: 126px;
  height: 47px;
  overflow: hidden;
  top: 43%;
  left: 52%;
}

@media (max-width: 768px) {
  .flare-tooltip .Joint-pain-and-swelling-tooltip {
    top: 43%;
    left: 31%;
  }
}

.flare-tooltip .Joint-pain-and-swelling-tooltip.show {
  width: 213px;
  height: 125px;
}

.flare-tooltip .Skin-rash-tooltip {
  width: 126px;
  height: 36px;
  overflow: hidden;
  top: 70%;
  right: 54%;
}

@media (max-width: 768px) {
  .flare-tooltip .Skin-rash-tooltip {
    top: 70%;
    right: 36%;
  }
}

.flare-tooltip .Skin-rash-tooltip.show {
  width: 173px;
  height: 125px;
}

.foods-tooltip .Dairy-tooltip {
  width: 165px;
  height: 46px;
  overflow: hidden;
  top: 16%;
  left: 55%;
}

@media (max-width: 768px) {
  .foods-tooltip .Dairy-tooltip {
    top: 5%;
    left: 25%;
  }
}

.foods-tooltip .Dairy-tooltip.show {
  width: 249px;
  height: 69px;
}

.foods-tooltip .Fruit-tooltip {
  width: 94px;
  height: 29px;
  overflow: hidden;
  top: 29%;
  right: 63%;
}

.foods-tooltip .Fruit-tooltip.show {
  width: 142px;
  height: 70px;
}

.foods-tooltip .Grain-tooltip {
  width: 130px;
  height: 43px;
  overflow: hidden;
  top: 45%;
  left: 66%;
}

@media (max-width: 768px) {
  .foods-tooltip .Grain-tooltip {
    top: 40%;
    left: 42%;
  }
}

.foods-tooltip .Grain-tooltip.show {
  width: 210px;
  height: 89px;
}

.foods-tooltip .Vegetables-tooltip {
  width: 125px;
  height: 29px;
  overflow: hidden;
  top: 50%;
  right: 70%;
}

@media (max-width: 768px) {
  .foods-tooltip .Vegetables-tooltip {
    top: 50%;
    right: 57%;
  }
}

.foods-tooltip .Vegetables-tooltip.show {
  width: 144px;
  height: 85px;
}

.foods-tooltip .Protein-tooltip {
  width: 154px;
  height: 29px;
  overflow: hidden;
  top: 65%;
  left: 50%;
}

@media (max-width: 768px) {
  .foods-tooltip .Protein-tooltip {
    top: 65%;
    left: 24%;
  }
}

.foods-tooltip .Protein-tooltip.show {
  width: 231px;
  height: 92px;
}

.sleep-tooltip .Improve-tooltip {
  width: 162px;
  height: 53px;
  overflow: hidden;
  top: 12%;
  left: 65%;
}

@media (max-width: 768px) {
  .sleep-tooltip .Improve-tooltip {
    top: 0;
    left: 25%;
  }
}

.sleep-tooltip .Improve-tooltip.show {
  width: 264px;
  height: 126px;
}

.sleep-tooltip .Create-tooltip {
  width: 178px;
  height: 53px;
  overflow: hidden;
  top: 24%;
  right: 45%;
}

@media (max-width: 768px) {
  .sleep-tooltip .Create-tooltip {
    top: 20%;
    right: 15%;
  }
}

.sleep-tooltip .Create-tooltip.show {
  width: 279px;
  height: 141px;
}

.sleep-tooltip .Adjust-tooltip {
  width: 139px;
  height: 53px;
  overflow: hidden;
  top: 44%;
  left: 39%;
}

@media (max-width: 768px) {
  .sleep-tooltip .Adjust-tooltip {
    top: 40%;
    left: 4%;
  }
}

.sleep-tooltip .Adjust-tooltip.show {
  width: 235px;
  height: 181px;
}

.sleep-tooltip .Wind-tooltip {
  width: 139px;
  height: 53px;
  overflow: hidden;
  top: 57%;
  left: 64%;
}

@media (max-width: 768px) {
  .sleep-tooltip .Wind-tooltip {
    top: 44%;
    left: 44%;
  }
}

.sleep-tooltip .Wind-tooltip.show {
  width: 202px;
  height: 252px;
}

.sleep-tooltip .Stay-tooltip {
  width: 201px;
  height: 53px;
  overflow: hidden;
  top: 65%;
  left: 9%;
}

@media (max-width: 768px) {
  .sleep-tooltip .Stay-tooltip {
    top: 62%;
    left: 3%;
  }
}

.sleep-tooltip .Stay-tooltip.show {
  width: 349px;
  height: 126px;
}

.sleep-tooltip .Exercise-tooltip {
  width: 178px;
  height: 53px;
  overflow: hidden;
  bottom: 6%;
  right: 32%;
}

@media (max-width: 768px) {
  .sleep-tooltip .Exercise-tooltip {
    bottom: 0%;
    right: 6%;
  }
}

.sleep-tooltip .Exercise-tooltip.show {
  width: 299px;
  height: 182px;
}

.exercises-icon {
  position: relative;
}

.exercises-icon img {
  cursor: pointer;
  margin: auto;
}

.exercises-icon .ei-img {
  display: block;
}

.exercises-icon .ei-hover-img {
  display: none;
}

.exercises-icon:hover .ei-img {
  display: none;
}

.exercises-icon:hover .ei-hover-img {
  display: block;
}

.exercises-icon .exercises-icon-content {
  display: none;
  position: absolute;
  width: 200px;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  background-color: #00A3DF;
  border-radius: 8px;
  padding: 10px;
  color: #ffffff;
  width: 100%;
  cursor: pointer;
}

@media (max-width: 768px) {
  .exercises-icon .exercises-icon-content {
    top: 0;
    bottom: auto;
  }
}

.exercises-icon .exercises-icon-content .txt {
  font-family: 'Roboto';
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
}

.exercises-icon .exercises-icon-content .txt b {
  font-weight: 700;
}

.exercises-icon.active .exercises-icon-content {
  display: block;
}

.exercises-icon.active .exercises-icon-content .close {
  width: 14px;
  height: 4px;
  background-image: url(../images/minus-sign.svg);
  background-repeat: no-repeat;
  background-size: 14px 4px;
  margin-bottom: 5px;
}

@media (min-width: 769px) {
  .exercises-icon.active .exercises-icon-content {
    min-height: 331px;
  }
}

@media (min-width: 992px) {
  .exercises-icon.active .exercises-icon-content {
    min-height: 311px;
  }
}

@media (min-width: 1200px) {
  .exercises-icon.active .exercises-icon-content {
    min-height: 226px;
  }
}

@media (max-width: 768px) {
  .exercises-icon.active .exercises-icon-content {
    min-height: auto;
  }
}

#anchor_point_link_panel {
  display: none;
}

@media (max-width: 768px) {
  #anchor_point_link_panel {
    display: block;
  }
}

.anchor-point-link {
  border-radius: 12px;
  background-color: #00A3DF;
  padding: 14px 16px;
  /* Shadow Box */
  box-shadow: 8px 8px 16px 4px rgba(0, 0, 0, 0.15);
  color: #FFF;
  font-family: "F37Lineca-ExtraBold";
  font-size: 20px;
  font-style: normal;
  line-height: 24px;
  text-decoration: none;
  display: block;
  margin: auto;
  margin-bottom: 16px;
  max-width: 420px;
}

.anchor-point-link:hover {
  color: #FFF;
}

.anchor-point-link.active {
  background-color: #F39200;
}

@media (min-width: 769px) {
  .p-lg-480 {
    padding-top: 480px;
  }
}

.chapter-bxslider-panel {
  padding-left: 40px;
  padding-right: 40px;
}

.chapter-bxslider-panel .bx-wrapper .bx-viewport {
  background-color: transparent;
  box-shadow: none;
}

.chapter-bxslider-panel .bx-wrapper .bx-viewport .chapter-bxslider li {
  cursor: pointer;
}

.chapter-bxslider-panel .bx-wrapper .bx-controls .bx-controls-direction a {
  z-index: 9;
}

.chapter-bxslider-panel .bx-wrapper .bx-controls .bx-controls-direction .bx-prev {
  width: 18px;
  height: 18px;
  background: url(../images/chapter/chapter-slider-left.svg) no-repeat 0;
  left: -20px;
}

.chapter-bxslider-panel .bx-wrapper .bx-controls .bx-controls-direction .bx-next {
  width: 18px;
  height: 18px;
  background: url(../images/chapter/chapter-slider-right.svg) no-repeat 0;
  right: -20px;
}

.skip-link {
  color: #50535A;
  text-align: center;
  font-family: 'Roboto';
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
  /* 155.556% */
  text-decoration-line: underline;
  cursor: pointer;
}

.skip-link:hover {
  color: #50535A;
}

#video_chapter_show-Modal .modal-dialog {
  max-width: 770px;
}

#video_chapter_show-Modal .modal-body {
  padding: 0 20px 20px 20px;
}

#video_chapter_show-Modal .vPanel {
  display: flex;
  justify-content: space-between;
}

@media (max-width: 768px) {
  #video_chapter_show-Modal .vPanel {
    display: block;
  }
}

#video_chapter_show-Modal .chapter-video-panel {
  width: 340px;
  height: 601px;
  margin-top: 20px;
}

@media (max-width: 768px) {
  #video_chapter_show-Modal .chapter-video-panel {
    margin: auto;
    margin-top: 20px;
  }
}

#video_chapter_show-Modal .chapter-video-panel video-js {
  height: 100%;
  background-color: #fff;
  border-radius: 12px;
}

#video_chapter_show-Modal .chapter-video-panel video-js .vjs-poster {
  background-color: #fff;
}

#video_chapter_show-Modal .chapter-video-panel video-js .vjs-big-play-button {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin: 0;
  padding: 0;
  width: 129.3px;
  height: 126.7px;
  background-image: url(../images/Video-play-button.svg);
  background-repeat: no-repeat;
  background-size: 129.3px 126.7px;
  background-color: transparent;
  border: none;
}

#video_chapter_show-Modal .chapter-video-panel video-js .vjs-big-play-button:hover {
  background-image: url(../images/Video-play-button-hover.svg);
}

#video_chapter_show-Modal .chapter-video-panel video-js .vjs-big-play-button .vjs-icon-placeholder {
  display: none;
}

#video_chapter_show-Modal .chapter-video-panel video-js .vjs-loading-spinner {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin: 0;
  padding: 0;
}

#video_chapter_show-Modal .chapter-video-panel video-js.vjs-paused .vjs-big-play-button {
  display: block;
}

#video_chapter_show-Modal .chapter-panel {
  max-width: 370px;
  margin-top: 20px;
}

@media (max-width: 768px) {
  #video_chapter_show-Modal .chapter-panel {
    margin: auto;
    margin-top: 20px;
  }
}

#video_chapter_show-Modal .chapter-panel .chapter-list {
  width: 100%;
  padding: 10px 20px;
  border-radius: 12px;
  background: rgba(0, 163, 223, 0.1);
  color: #50535A;
  font-family: "F37Lineca-ExtraBold";
  font-size: 16px;
  line-height: 20px;
  margin-bottom: 10px;
  cursor: pointer;
  gap: 10px;
}

#video_chapter_show-Modal .chapter-panel .chapter-list.active {
  color: #ffffff;
  background: #00A3DF;
}

.msg-btn {
  display: flex;
  padding: 8px 14px;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
  border-radius: 12px;
  background: #7E6355;
  text-decoration: none;
}

.msg-btn .msg-icon {
  width: 37.508px;
  height: 39.07px;
  background-image: url(../images/msg-icon.png);
  background-size: 37.508px 39.07px;
  background-repeat: no-repeat;
  display: block;
  flex-shrink: 0;
}

.msg-btn .mtxt {
  color: #FFF;
  font-family: "F37Lineca-Book";
  font-size: 16px;
  line-height: 20px;
  display: block;
  padding: 0 10px;
}

.msg-btn .mtxt b {
  font-family: "F37Lineca-ExtraBold";
}

.msg-btn .arrow-right {
  width: 12px;
  height: 18px;
  background-image: url(../images/arrow-right-white.svg);
  background-size: 12px 18px;
  background-repeat: no-repeat;
  display: block;
  flex-shrink: 0;
}

.login-content-section {
  margin-top: -80px;
  background-image: url(../images/Welcome-login.jpg);
  background-repeat: no-repeat;
  background-size: 100% auto;
  min-height: 514px;
}

@media (min-width: 540px) {
  .login-content-section {
    background-image: url(../images/Welcome-login-540.jpg);
    min-height: 640px;
  }
}

@media (min-width: 768px) {
  .login-content-section {
    background-image: url(../images/Welcome-login-768.jpg);
    min-height: 610px;
  }
}

@media (min-width: 992px) {
  .login-content-section {
    background-image: url(../images/Welcome-login-1024.jpg);
    min-height: 554px;
  }
}

@media (min-width: 1300px) {
  .login-content-section {
    background-image: url(../images/Welcome-login.jpg);
    min-height: 560px;
  }
}

@media (min-width: 1600px) {
  .login-content-section {
    background-image: url(../images/Welcome-login-1600.jpg);
    min-height: 550px;
  }
}

@media (min-width: 1920px) {
  .login-content-section {
    background-image: url(../images/Welcome-login-1920.jpg);
    min-height: 620px;
  }
}

.login-content-section .login-panel {
  max-width: 300px;
  margin: auto;
}

.login-content-section .login-panel input::placeholder {
  color: rgba(80, 83, 90, 0.4);
  font-family: 'Roboto';
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
}

.login-content-section .login-panel .title {
  color: #50535A;
  text-align: center;
  font-family: 'Roboto', sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 28px;
  /* 155.556% */
}

.login-content-section .login-panel .l-txt {
  color: #50535A;
  text-align: center;
  /* Footnotes */
  font-family: 'Inter', sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
  /* 150% */
}

@media (max-width: 630px) {
  .login-content-section {
    min-height: 590px;
  }
}

@media (max-width: 575px) {
  .login-content-section .login-panel {
    max-width: 320px;
    margin: auto;
  }
}

@media (max-width: 539px) {
  .login-content-section {
    background-image: url(../images/Welcome-login-mobile.jpg);
    min-height: 650px;
    margin-top: -107px;
  }
  .login-content-section .login-panel {
    padding-top: 0;
    max-width: 100%;
  }
}

@media (max-width: 360px) {
  .login-content-section {
    min-height: 582px;
  }
  .login-content-section .login-panel {
    padding-top: 30px;
  }
}

.video-access-section {
  display: flex;
  height: 100vh;
  position: relative;
}

.video-access-section .mobile-header {
  display: none;
}

@media (max-width: 768px) {
  .video-access-section {
    display: block;
  }
  .video-access-section .mobile-header {
    display: flex;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.5) 0%, transparent 100%);
    padding: 20px 20px;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    z-index: 9;
    transition: height 0.3s ease-out;
  }
  .video-access-section .mobile-header .hur-btn {
    width: 20px;
    height: 19px;
    cursor: pointer;
    background-image: url(../images/hamburger-btn.svg);
    background-repeat: no-repeat;
    background-size: 20px 19px;
  }
  .video-access-section .mobile-header .mobile-header-content {
    display: none;
  }
  .video-access-section .mobile-header .mobile-header-content .chapter-list-mobile-panel {
    padding-top: 30px;
  }
  .video-access-section .mobile-header .mobile-header-content .chapter-list-mobile-panel .chapter-list {
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.5);
    color: #ffffff;
    font-family: "F37Lineca-Book";
    font-size: 16px;
    font-style: normal;
    line-height: 20px;
    padding: 10px 20px;
    cursor: pointer;
    margin-bottom: 10px;
  }
  .video-access-section .mobile-header .mobile-header-content .chapter-list-mobile-panel .chapter-list b {
    font-family: "F37Lineca-ExtraBold";
  }
  .video-access-section .mobile-header .mobile-header-content .chapter-list-mobile-panel .chapter-list.active {
    color: #ffffff;
    background: #B41955;
  }
  .video-access-section .mobile-header .mobile-header-content footer .footer-txt {
    color: #ffffff;
  }
  .video-access-section .mobile-header .mobile-header-content footer .footer-link {
    color: #ffffff;
  }
  .video-access-section .mobile-header.active {
    overflow-y: scroll;
    height: 100vh;
    background: rgba(0, 0, 0, 0.7);
  }
  .video-access-section .mobile-header.active .mobile-header-content {
    display: block;
  }
  .video-access-section .mobile-header .find-more {
    justify-content: flex-end;
    align-items: center;
    text-decoration: none;
    display: flex;
  }
  .video-access-section .mobile-header .find-more .txt {
    color: #ffffff;
    font-family: "F37Lineca-ExtraBold";
    font-size: 18px;
    font-style: normal;
    line-height: 26px;
    padding-right: 15px;
  }
  .video-access-section .mobile-header .find-more .icon {
    width: 12px;
    height: 18px;
    background-image: url(../images/arrow-right-white.svg);
    background-repeat: no-repeat;
    background-size: 12px 18px;
    display: inline-block;
  }
}

.video-access-section .chapter-list-panel .chapter-list {
  border-radius: 12px;
  background: #FFF;
  color: #50535A;
  font-family: "F37Lineca-Book";
  font-size: 16px;
  font-style: normal;
  line-height: 20px;
  padding: 10px 20px;
  cursor: pointer;
  margin-bottom: 10px;
}

.video-access-section .chapter-list-panel .chapter-list b {
  font-family: "F37Lineca-ExtraBold";
}

.video-access-section .chapter-list-panel .chapter-list.active {
  color: #ffffff;
  background: #B41955;
}

.video-access-section .page-left {
  width: 400px;
  height: 100vh;
  overflow-y: scroll;
}

.video-access-section .page-left .pleft-title {
  color: #B41955;
  font-family: "F37Lineca-ExtraBold";
  font-size: 28px;
  line-height: 34px;
}

.video-access-section .page-left .pleft-txt {
  color: #50535A;
  font-family: 'Roboto';
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
}

.video-access-section .page-left .page-left-header .pHeader {
  display: flex;
  justify-content: space-between;
}

.video-access-section .page-left .page-left-header .pHeader .find-more {
  justify-content: flex-end;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.video-access-section .page-left .page-left-header .pHeader .find-more .txt {
  color: #50535A;
  font-family: "F37Lineca-ExtraBold";
  font-size: 18px;
  font-style: normal;
  line-height: 26px;
  padding-right: 15px;
}

.video-access-section .page-left .page-left-header .pHeader .find-more .icon {
  width: 12px;
  height: 18px;
  background-image: url(../images/arrow-right.svg);
  background-repeat: no-repeat;
  background-size: 12px 18px;
  display: inline-block;
}

@media (max-width: 768px) {
  .video-access-section .page-left {
    width: 100%;
    display: none;
  }
}

.video-access-section .page-right {
  height: 100vh;
  flex-grow: 1;
  padding: 30px 0;
  display: flex;
}

@media (max-width: 768px) {
  .video-access-section .page-right {
    width: 100%;
    padding: 0;
  }
}

.video-access-section .page-right .right-content {
  width: 402px;
  height: 715px;
  position: relative;
  margin: auto;
}

@media (max-width: 768px) {
  .video-access-section .page-right .right-content {
    width: 100%;
    height: 100%;
  }
}

.video-access-section .page-right .right-content .chapter-video-panel {
  height: 100%;
  width: 100%;
  position: relative;
  margin: auto;
  transition: all 0.5s ease;
  overflow: hidden;
}

.video-access-section .page-right .right-content .chapter-video-panel .chapter-video-list {
  position: absolute;
  width: 100%;
  height: 100%;
  float: left;
  backface-visibility: hidden;
  transition: transform .6s ease-in-out;
}

.video-access-section .page-right .right-content .chapter-video-panel .chapter-video-list.transform-top {
  transform: translateY(-100%);
}

.video-access-section .page-right .right-content .chapter-video-panel .chapter-video-list.transform-bottom {
  transform: translateY(100%);
}

.video-access-section .page-right .right-content .chapter-video-panel .chapter-video-list.active {
  transform: translateY(0);
}

.video-access-section .page-right .right-content .chapter-video-panel video-js {
  height: 100%;
  background-color: #ffffff;
  border-radius: 12px;
}

.video-access-section .page-right .right-content .chapter-video-panel video-js video:focus-visible {
  border: none;
}

.video-access-section .page-right .right-content .chapter-video-panel video-js .vjs-poster {
  background-color: #ffffff;
}

.video-access-section .page-right .right-content .chapter-video-panel video-js .vjs-big-play-button {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin: 0;
  padding: 0;
  width: 129.3px;
  height: 126.7px;
  background-image: url(../images/Video-play-button.svg);
  background-repeat: no-repeat;
  background-size: 129.3px 126.7px;
  background-color: transparent;
  border: none;
}

.video-access-section .page-right .right-content .chapter-video-panel video-js .vjs-big-play-button:hover {
  background-image: url(../images/Video-play-button-hover.svg);
}

.video-access-section .page-right .right-content .chapter-video-panel video-js .vjs-big-play-button .vjs-icon-placeholder {
  display: none;
}

.video-access-section .page-right .right-content .chapter-video-panel video-js:hover .vjs-big-play-button {
  background-color: transparent;
}

.video-access-section .page-right .right-content .chapter-video-panel video-js .vjs-loading-spinner {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin: 0;
  padding: 0;
}

.video-access-section .page-right .right-content .chapter-video-panel video-js.vjs-paused .vjs-big-play-button {
  display: block;
}

.video-access-section .page-right .right-content .scroll-for-more {
  position: absolute;
  right: -125px;
  bottom: 0;
  cursor: pointer;
}

@media (max-width: 768px) {
  .video-access-section .page-right .right-content .scroll-for-more {
    right: 10px;
    display: none !important;
  }
}

.video-access-section .page-right .right-content .scroll-for-more .stxt {
  color: #50535A;
  font-family: 'Roboto';
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
  padding-bottom: 10px;
}

.video-access-section .page-right .right-content .scroll-for-more .sarrow-bottom {
  width: 33px;
  height: 22px;
  background-image: url(../images/arrow-bottom.svg);
  background-repeat: no-repeat;
  background-size: 33px 22px;
}

@media screen and (max-width: 767px) {
  _::-webkit-full-page-media, _:future, :root .safari_only {
    padding-bottom: 100px;
  }
}

.recipe-link {
  display: flex;
  text-align: center;
  justify-content: center;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.recipe-link .txt {
  text-decoration-line: underline;
  color: #00A3DF;
  text-align: center;
  font-family: 'Roboto';
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px;
  display: inline-block;
  margin-right: 20px;
}

.recipe-link .icon {
  width: 19px;
  height: 19px;
  background-image: url(../images/external-link-icon.svg);
  background-repeat: no-repeat;
  background-size: 19px 19px;
  display: inline-block;
}