@charset "UTF-8";
.duo-background-white-core-alpha {
  background-color: rgba(255, 255, 255, 0.8); }

/**
  Font Weights:
  300 - Light
  400 - Regular
  600 - Semi Bold (Default Bold)
**/
@font-face {
  src: url("../fonts/sans/woff2/IBMPlexSans-Light.woff2") format("woff2"), url("../fonts/sans/woff/IBMPlexSans-Light.woff") format("woff");
  font-family: "ibm-plex-sans";
  font-weight: 300;
  font-style: normal; }

@font-face {
  src: url("../fonts/sans/woff2/IBMPlexSans-LightItalic.woff2") format("woff2"), url("../fonts/sans/woff/IBMPlexSans-LightItalic.woff") format("woff");
  font-family: "ibm-plex-sans";
  font-weight: 300;
  font-style: italic; }

/*
@font-face {
  @include addFontPartial($fontPathSans, 'IBMPlexSans-Regular', 'Vietnamese');
  font-family: $plexFontFamilySans;
  font-weight: 400;
}

@font-face {
  @include addFontPartial($fontPathSans, 'IBMPlexSans-Regular', 'Latin-Ext');
  font-family: $plexFontFamilySans;
  font-weight: 400;
}

@font-face {
  @include addFontPartial($fontPathSans, 'IBMPlexSans-Regular', 'Latin');
  font-family: $plexFontFamilySans;
  font-weight: 400;
}
*/
@font-face {
  src: url("../fonts/sans/woff2/IBMPlexSans-Italic.woff2") format("woff2"), url("../fonts/sans/woff/IBMPlexSans-Italic.woff") format("woff");
  font-family: "ibm-plex-sans";
  font-weight: 400;
  font-style: italic; }

@font-face {
  src: url("../fonts/sans/woff2/IBMPlexSans-SemiBold.woff2") format("woff2"), url("../fonts/sans/woff/IBMPlexSans-SemiBold.woff") format("woff");
  font-family: "ibm-plex-sans";
  font-weight: 600;
  font-style: normal; }

@font-face {
  src: url("../fonts/sans/woff2/IBMPlexSans-SemiBoldItalic.woff2") format("woff2"), url("../fonts/sans/woff/IBMPlexSans-SemiBoldItalic.woff") format("woff");
  font-family: "ibm-plex-sans";
  font-weight: 600;
  font-style: italic; }

@font-face {
  src: url("../fonts/mono/woff2/IBMPlexMono-Regular.woff2") format("woff2"), url("../fonts/mono/woff/IBMPlexMono-Regular.woff") format("woff");
  font-family: "ibm-plex-mono";
  font-weight: 400;
  font-style: normal; }

/* Serif */
@font-face {
  src: url("../fonts/serif/woff2/IBMPlexSerif-Light.woff2") format("woff2"), url("../fonts/serif/woff/IBMPlexSerif-Light.woff") format("woff");
  font-family: "ibm-plex-serif";
  font-weight: 300;
  font-style: normal; }

@font-face {
  src: url("../fonts/serif/woff2/IBMPlexSerif-LightItalic.woff2") format("woff2"), url("../fonts/serif/woff/IBMPlexSerif-LightItalic.woff") format("woff");
  font-family: "ibm-plex-serif";
  font-weight: 300;
  font-style: italic; }

@font-face {
  src: url("../fonts/serif/woff2/IBMPlexSerif-Regular.woff2") format("woff2"), url("../fonts/serif/woff/IBMPlexSerif-Regular.woff") format("woff");
  font-family: "ibm-plex-serif";
  font-weight: 400; }

@font-face {
  src: url("../fonts/serif/woff2/IBMPlexSerif-Italic.woff2") format("woff2"), url("../fonts/serif/woff/IBMPlexSerif-Italic.woff") format("woff");
  font-family: "ibm-plex-serif";
  font-weight: 400;
  font-style: italic; }

@font-face {
  src: url("../fonts/serif/woff2/IBMPlexSerif-SemiBold.woff2") format("woff2"), url("../fonts/serif/woff/IBMPlexSerif-SemiBold.woff") format("woff");
  font-family: "ibm-plex-serif";
  font-weight: 600;
  font-style: normal; }

@font-face {
  src: url("../fonts/serif/woff2/IBMPlexSerif-SemiBoldItalic.woff2") format("woff2"), url("../fonts/serif/woff/IBMPlexSerif-SemiBoldItalic.woff") format("woff");
  font-family: "ibm-plex-serif";
  font-weight: 600;
  font-style: italic; }

.ibm,
[class*="ibm-type"] {
  font-family: "ibm-plex-sans";
  font-size: 100%;
  margin-top: 0;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%; }

[class*="ibm-type"] {
  margin-top: 0; }

.ibm-type-italic {
  font-style: italic; }

.ibm-type-light {
  font-weight: 300; }

code,
.ibm-type-mono,
.ibm-type-mono * {
  font-family: "ibm-plex-mono"; }

.ibm-type-regular {
  font-weight: 400; }

strong,
.ibm-type-semibold {
  font-weight: 600; }

.ibm-type-serif,
.ibm-type-serif * {
  font-family: "ibm-plex-serif"; }

@font-face {
  font-family: "icons-ibm-duo";
  src: url("../fonts/icons/icons-ibm-duo.eot?qfnunl");
  src: url("../fonts/icons/icons-ibm-duo.eot?qfnunl#iefix") format("embedded-opentype"), url("../fonts/icons/icons-ibm-duo.ttf?qfnunl") format("truetype"), url("../fonts/icons/icons-ibm-duo.woff?qfnunl") format("woff"), url("../fonts/icons/icons-ibm-duo.svg?qfnunlicons-ibm-duo") format("svg");
  font-weight: normal;
  font-style: normal; }

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
  [class^="icon-"]:before, [class*=" icon-"]:before {
    font-family: "icons-ibm-duo" !important;
    padding-right: 0.5rem; }

.icon-ibm-duo-play:before {
  content: "\e907"; }

.icon-ibm-duo-checkbox:before {
  content: "\e900"; }

.icon-ibm-duo-chevron-left-regular:before {
  content: "\e901"; }

.icon-ibm-duo-close:before {
  content: "\e902"; }

.icon-ibm-duo-forward:before {
  content: "\e903"; }

.icon-ibm-duo-new-window:before {
  content: "\e904"; }

.icon-ibm-duo-plus:before {
  content: "\e905"; }

.icon-ibm-duo-chevron-right-regular:before {
  content: "\e906"; }

body {
  font-size: 16px; }

.ibm-type-a {
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1rem;
  margin-bottom: 1.25rem;
  color: #626262; }

.ibm-type-b {
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1rem;
  margin-bottom: 1.25rem;
  text-transform: uppercase; }

.ibm-type-c {
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
  margin-bottom: 1.25rem; }

.ibm-type-d {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem;
  margin-bottom: 1.5rem; }

.ibm-type-e {
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5rem;
  margin-bottom: 1rem; }

.ibm-type-f {
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.5rem;
  margin-bottom: 1.5rem; }
  @media (min-width: 320px) {
    .ibm-type-f {
      font-size: calc(18px + 0.00625 * (100vw - 320px));
      line-height: calc(24px + 0.0125 * (100vw - 320px));
      margin-bottom: calc(24px + 0.0125 * (100vw - 320px)); } }
  @media (min-width: 640px) {
    .ibm-type-f {
      font-size: 1.25rem;
      line-height: 1.75rem;
      margin-bottom: 1.75rem; } }

.ibm-type-g {
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 1.75rem;
  margin-bottom: 1.75rem; }
  @media (min-width: 320px) {
    .ibm-type-g {
      font-size: calc(20px + 0.0125 * (100vw - 320px));
      line-height: calc(28px + 0.0125 * (100vw - 320px));
      margin-bottom: calc(28px + 0.0125 * (100vw - 320px)); } }
  @media (min-width: 640px) {
    .ibm-type-g {
      font-size: 1.5rem;
      line-height: 2rem;
      margin-bottom: 2rem; } }

.ibm-type-h {
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 2rem;
  margin-bottom: 2rem;
  font-size: calc(24px + 0.00962 * (100vw - 640px));
  line-height: calc(32px + 0.00962 * (100vw - 640px)); }
  @media (min-width: 1056px) {
    .ibm-type-h {
      font-size: 1.75rem;
      line-height: 2.25rem; } }

.ibm-type-i {
  font-size: 1.75rem;
  font-weight: 300;
  line-height: 2.25rem;
  margin-bottom: 2rem; }
  @media (min-width: 320px) {
    .ibm-type-i {
      font-size: calc(28px + 0.0125 * (100vw - 320px));
      line-height: calc(36px + 0.0125 * (100vw - 320px)); } }
  @media (min-width: 640px) {
    .ibm-type-i {
      font-size: 2rem;
      line-height: 2.5rem;
      font-size: calc(32px + 0.00962 * (100vw - 640px));
      line-height: calc(40px + 0.00962 * (100vw - 640px)); } }
  @media (min-width: 1056px) {
    .ibm-type-i {
      font-size: 2.25rem;
      line-height: 2.75rem;
      margin-bottom: 2.25rem; } }

.ibm-type-j {
  font-size: 1.75rem;
  font-weight: 300;
  line-height: 2.25rem;
  margin-bottom: 2rem; }
  @media (min-width: 320px) {
    .ibm-type-j {
      font-size: calc(28px + 0.025 * (100vw - 320px));
      line-height: calc(36px + 0.025 * (100vw - 320px)); } }
  @media (min-width: 640px) {
    .ibm-type-j {
      font-size: 2.25rem;
      line-height: 2.75rem;
      font-size: calc(36px + 0.01442 * (100vw - 640px));
      line-height: calc(44px + 0.00962 * (100vw - 640px)); } }
  @media (min-width: 1056px) {
    .ibm-type-j {
      font-size: 2.625rem;
      line-height: 3rem;
      margin-bottom: 2.25rem; } }

.ibm-type-k {
  font-size: 2.625rem;
  font-weight: 300;
  line-height: 3rem;
  margin-bottom: 1rem; }
  @media (min-width: 320px) {
    .ibm-type-k {
      font-size: calc(42px + 0.08125 * (100vw - 320px));
      line-height: calc(48px + 0.0875 * (100vw - 320px));
      margin-bottom: calc(16px + 0.0125 * (100vw - 320px)); } }
  @media (min-width: 640px) {
    .ibm-type-k {
      font-size: 4.25rem;
      line-height: 4.75rem;
      margin-bottom: 1.25rem;
      font-size: calc(68px + 0 * (100vw - 640px));
      line-height: calc(76px + 0 * (100vw - 640px));
      margin-bottom: calc(20px + 0.02885 * (100vw - 640px)); } }
  @media (min-width: 1056px) {
    .ibm-type-k {
      font-size: 4.25rem;
      line-height: 4.75rem;
      margin-bottom: 2rem; } }

.ibm-type-l {
  font-size: 2.625rem;
  font-weight: 600;
  line-height: 3rem;
  margin-bottom: 1rem; }
  @media (min-width: 320px) {
    .ibm-type-l {
      font-size: calc(42px + 0.08125 * (100vw - 320px));
      line-height: calc(48px + 0.0875 * (100vw - 320px));
      margin-bottom: calc(16px + 0.0125 * (100vw - 320px)); } }
  @media (min-width: 640px) {
    .ibm-type-l {
      font-size: 4.25rem;
      line-height: 4.75rem;
      margin-bottom: 1.25rem;
      font-size: calc(68px + 0.21154 * (100vw - 640px));
      line-height: calc(76px + 0.20192 * (100vw - 640px));
      margin-bottom: calc(20px + 0.02885 * (100vw - 640px)); } }
  @media (min-width: 1056px) {
    .ibm-type-l {
      font-size: 9.75rem;
      line-height: 10rem;
      margin-bottom: 2rem; } }

.duo-transform-fadeIn-right {
  transition: transform 1.2s cubic-bezier(0.645, 0.045, 0.355, 1), all 1.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  animation: 1s ease-out 0s 1 fadein-right; }

.duo-transform-fadeIn-right-2 {
  transition: transform 1.2s cubic-bezier(0.645, 0.045, 0.355, 1), all 1.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  animation: 1s ease-out 0s 1 fadein-right;
  animation-delay: .25s; }

.duo-transform-fadein, .duo-service-tabs .duo-tabs .duo-tab {
  animation-name: content-fade-in;
  animation-direction: normal;
  animation-duration: 0.3s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: 1; }

.tab-label {
  height: 12.5vw;
  max-height: 265px;
  transition: .35s ease;
  z-index: 1;
  flex-direction: column; }
  .tab-label.ibm-background-white-core {
    color: #000; }
  .tab-label.ibm-background-blue-gradient {
    background: linear-gradient(to bottom, #006EFF 30%, rgba(86, 82, 186, 0.8) 100%); }
  @media (max-width: 1056px) {
    .tab-label {
      height: 20vw; } }
  @media (max-width: 640px) {
    .tab-label {
      height: auto;
      max-height: auto; } }
  @media (min-width: 640px) {
    .tab-label:hover {
      animation: expand-2 .75s ease forwards;
      /*keep arrow at bottom left along with enlargement*/
      /*enlarge title on second half of enlargement*/
      /*make text & gradient fade in after hover*/ }
      .tab-label:hover.tab-title-left {
        padding-left: 3.0303vw; }
      .tab-label:hover .tab-title {
        transform-origin: top left;
        animation: expand-title .75s forwards; }
      .tab-label:hover .tab-description {
        animation: expand-description .75s forwards; } }

@media (min-width: 1056px) {
  .ibm-col-lg-4 .tab-label:hover {
    animation: expand-2 .75s ease forwards; }
  .ibm-col-lg-8 .tab-label:hover {
    animation: full-width-parent-expand-2 .75s ease forwards; } }

@media (min-width: 1650px) {
  .ibm-col-lg-4 .tab-label:hover {
    animation: expand-2--xl .75s ease forwards; }
  .ibm-col-lg-8 .tab-label:hover {
    animation: full-width-parent-expand-2--xl .75s ease forwards; } }

/*keep arrow at bottom left along with enlargement*/
/*enlarge title on second half of enlargement*/
/*make text & gradient fade in after hover*/
.tab-label-words {
  color: #fff !important; }
  .tab-label-words .tab-desc-left {
    max-width: 24.24242vw; }

@media (max-width: 640px) {
  .tab-label {
    min-height: 100%; } }

.tab-label .tab-description {
  position: absolute;
  opacity: 0;
  transform: scaleY(0);
  margin-top: 3.5em;
  color: #fff !important; }
  @media (max-width: 1056px) {
    .tab-label .tab-description {
      margin-top: 2em; } }
  @media (max-width: 640px) {
    .tab-label .tab-description {
      opacity: 1;
      transform: scaleY(1);
      margin-top: 0;
      position: relative; } }

@media (max-width: 640px) {
  .tab-label .icon-ibm-duo-forward {
    opacity: 1; } }

/* sequential expansion – left, then up for index hover module */
@keyframes expand-2 {
  0% {
    min-height: 12.5vw;
    width: 50%; }
  37.5%, 50% {
    min-height: 12.5vw;
    width: 100%;
    padding-left: 1.51515; }
  75%, 100% {
    min-height: 100%;
    width: 100%; } }

@keyframes full-width-parent-expand-2 {
  0% {
    min-height: 12.5vw;
    width: 25%; }
  37.5%, 50% {
    min-height: 12.5vw;
    width: 50%; }
  75%, 100% {
    min-height: 100%;
    width: 50%; } }

@keyframes expand-2--xl {
  0% {
    min-height: 12.5vw;
    width: 50%; }
  37.5%, 50% {
    min-height: 12.5vw;
    width: 100%; }
  75%, 100% {
    min-height: 100%;
    width: 100%; } }

@keyframes full-width-parent-expand-2--xl {
  0% {
    /*height: 25%;*/
    min-height: 12.5vw;
    width: 25%; }
  37.5%, 50% {
    /*min-height: 25%;*/
    min-height: 12.5vw;
    width: 50%; }
  75%, 100% {
    min-height: 100%;
    width: 50%; } }

@keyframes expand-2-out {
  0% {
    min-height: 50vw;
    width: 100%; }
  100% {
    min-height: 12.5vw;
    width: 50%; } }

@keyframes expand-title {
  0% {
    transform: scale(1, 1) translateX(0%); }
  37.5%, 50% {
    transform: scale(1, 1) translateX(0%); }
  75%, 100% {
    transform: scale(1.4, 1.4) translate(0%);
    font-weight: 300; } }

@keyframes expand-description {
  0% {
    position: absolute;
    transform: scaleY(0); }
  37.5%, 50% {
    position: absolute;
    transform: scaleY(0);
    opacity: 0; }
  75% {
    display: block;
    position: static;
    transform: scaleY(1);
    opacity: 0; }
  100% {
    display: block;
    position: static;
    transform: scaleY(1);
    opacity: 1; } }

@keyframes expand-img {
  0% {
    transform: translateX(0%); }
  37.5%, 50% {
    transform: translateX(-50%); }
  100% {
    transform: translateX(0%); } }

@keyframes fadein-right {
  0% {
    opacity: 0;
    transform: translateX(20%); }
  100% {
    opacity: 1;
    transform: translateX(0); } }

@keyframes content-fade-in {
  from {
    opacity: 0;
    transform: translateY(1%); }
  to {
    opacity: 1;
    transform: translateY(0%); } }

#why-watson-container {
  width: 100%;
  height: 90vh;
  margin: 0;
  padding: 0;
  overflow: visible; }

.ww-title {
  padding-left: 1.51515vw; }
  @media (min-width: 1056px) {
    .ww-title {
      padding-left: 25px; } }

#progress {
  position: fixed;
  display: block;
  top: 200px;
  right: 0px;
  color: red;
  font-size: 24px;
  height: 30px;
  width: 80px;
  background: rgba(255, 255, 255, 0.5);
  overflow: hidden; }

.scrollmagic-pin-spacer {
  margin: 0 !important;
  padding: 0; }

#why-watson {
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 1; }

.animation-copy {
  position: absolute;
  margin: 0;
  left: 55%;
  width: 40%;
  height: 100%;
  z-index: 20; }
  .animation-copy .copy-container {
    position: absolute;
    width: 100%;
    height: 100%;
    padding: 0 50px;
    box-sizing: border-box;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center; }
    @media (min-width: 1056px) {
      .animation-copy .copy-container {
        padding-right: 100px; } }
    .animation-copy .copy-container:first-of-type {
      z-index: 10; }
    .animation-copy .copy-container > div {
      width: 100%; }

/* SVG styling */
#svg-container {
  position: relative;
  overflow: visible;
  width: 45%;
  margin-left: 5%;
  height: 100%;
  box-sizing: border-box; }

.ring {
  transform-origin: "50% 50%"; }

.ring-svg {
  fill: none;
  stroke: #ffffff;
  stroke-width: 0.5px;
  stroke-miterlimit: 10;
  stroke-dasharray: 1370 260 1370;
  stroke-dashoffset: 3005;
  stroke-opacity: .8; }

.data-item {
  position: absolute;
  opacity: 0;
  /*z-index: 1000;*/ }

.data-item svg {
  /**/ }

.di-1 {
  fill: #50ffd2; }

.di-2 {
  fill: #0064ff; }

.di-3 {
  fill: #50ffd2; }

.di-4 {
  fill: #0064ff; }

.di-5 {
  fill: #558fff; }

.di-6 {
  fill: #558fff; }

.di-7 {
  fill: #558fff; }

.di-8 {
  fill: #0064ff; }

.di-9 {
  fill: #0064ff; }

.di-10 {
  fill: #50ffd2; }

.di-11 {
  fill: #fff; }

.di-12 {
  fill: #50ffd2; }

.di-13 {
  fill: #0064ff; }

.di-14 {
  fill: #558fff; }

.di-15 {
  fill: #0064ff; }

.di-16 {
  fill: #558fff; }

.di-17 {
  fill: #50ffd2; }

.di-18 {
  fill: #0064ff; }

.di-19 {
  fill: #50ffd2; }

.di-20 {
  fill: #0064ff; }

.di-21 {
  fill: #558fff; }

.di-22 {
  fill: #50ffd2; }

.di-23 {
  fill: #0064ff; }

.di-24 {
  fill: #558fff; }

.di-25 {
  fill: #558fff; }

.di-26 {
  fill: #50ffd2; }

.di-27 {
  fill: #558fff; }

.di-28 {
  fill: #558fff; }

.di-29 {
  fill: #0064ff; }

.di-30 {
  fill: #558fff; }

.di-31 {
  fill: #fff; }

/*lines*/
.tree {
  stroke: #ffffff;
  stroke-width: 0.5px;
  stroke-miterlimit: 10;
  stroke-opacity: .8; }

.tree-1 {
  stroke-dasharray: 167;
  stroke-dashoffset: 167; }

.tree-2 {
  stroke-dasharray: 228;
  stroke-dashoffset: 228; }

.tree-3 {
  stroke-dasharray: 130;
  stroke-dashoffset: 130; }

.tree-4 {
  stroke-dasharray: 80;
  stroke-dashoffset: 80; }

.tree-5 {
  stroke-dasharray: 135;
  stroke-dashoffset: 135; }

.tree-6 {
  stroke-dasharray: 88;
  stroke-dashoffset: 88; }

.duo-textcolor-black-core {
  color: #000; }

.duo-background-black-core {
  background-color: #000; }

.duo-border-black-core {
  border-color: #000; }

.duo-btn-black-core.duo-btn-pri {
  background-color: #000;
  border-color: #000;
  color: #fff; }

.duo-btn-black-core.duo-btn-sec {
  color: #000;
  background-color: transparent;
  border-color: #000; }

.duo-textcolor-black-10 {
  color: #070D14; }

.duo-background-black-10 {
  background-color: #070D14; }

.duo-border-black-10 {
  border-color: #070D14; }

.duo-btn-black-10.duo-btn-pri {
  background-color: #070D14;
  border-color: #070D14;
  color: #fff; }

.duo-btn-black-10.duo-btn-sec {
  color: #070D14;
  background-color: transparent;
  border-color: #070D14; }

.duo-textcolor-white-core {
  color: #fff !important; }
a.ibm-underline
{
	text-decoration:underline !important;
}
.duo-background-white-core {
  background-color: #fff; }

.duo-border-white-core {
  border-color: #fff; }

.duo-btn-white-core.duo-btn-pri {
  background-color: #fff;
  border-color: #fff;
  color: #000; }

.duo-btn-white-core.duo-btn-sec {
  color: #fff;
  background-color: transparent;
  border-color: #fff; }

.duo-textcolor-gray-5 {
  color: #f4f4f4; }

.duo-background-gray-5 {
  background-color: #f4f4f4; }

.duo-border-gray-5 {
  border-color: #f4f4f4; }

.duo-btn-gray-5.duo-btn-pri {
  background-color: #f4f4f4;
  border-color: #f4f4f4;
  color: #000; }

.duo-btn-gray-5.duo-btn-sec {
  color: #f4f4f4;
  background-color: transparent;
  border-color: #f4f4f4; }

.duo-textcolor-gray-10 {
  color: #f3f3f3; }

.duo-background-gray-10 {
  background-color: #f3f3f3; }

.duo-border-gray-10 {
  border-color: #f3f3f3; }

.duo-btn-gray-10.duo-btn-pri {
  background-color: #f3f3f3;
  border-color: #f3f3f3;
  color: #000; }

.duo-btn-gray-10.duo-btn-sec {
  color: #f3f3f3;
  background-color: transparent;
  border-color: #f3f3f3; }

.duo-textcolor-gray-20 {
  color: #d8d8d8; }

.duo-background-gray-20 {
  background-color: #d8d8d8; }

.duo-border-gray-20 {
  border-color: #d8d8d8; }

.duo-btn-gray-20.duo-btn-pri {
  background-color: #d8d8d8;
  border-color: #d8d8d8;
  color: #000; }

.duo-btn-gray-20.duo-btn-sec {
  color: #d8d8d8;
  background-color: transparent;
  border-color: #d8d8d8; }

.duo-textcolor-gray-30 {
  color: #bebebe; }

.duo-background-gray-30 {
  background-color: #bebebe; }

.duo-border-gray-30 {
  border-color: #bebebe; }

.duo-btn-gray-30.duo-btn-pri {
  background-color: #bebebe;
  border-color: #bebebe;
  color: #000; }

.duo-btn-gray-30.duo-btn-sec {
  color: #bebebe;
  background-color: transparent;
  border-color: #bebebe; }

.duo-textcolor-gray-40 {
  color: #a3a3a3; }

.duo-background-gray-40 {
  background-color: #a3a3a3; }

.duo-border-gray-40 {
  border-color: #a3a3a3; }

.duo-btn-gray-40.duo-btn-pri {
  background-color: #a3a3a3;
  border-color: #a3a3a3;
  color: #000; }

.duo-btn-gray-40.duo-btn-sec {
  color: #a3a3a3;
  background-color: transparent;
  border-color: #a3a3a3; }

.duo-textcolor-gray-50 {
  color: #8a8a8a; }

.duo-background-gray-50 {
  background-color: #8a8a8a; }

.duo-border-gray-50 {
  border-color: #8a8a8a; }

.duo-btn-gray-50.duo-btn-pri {
  background-color: #8a8a8a;
  border-color: #8a8a8a;
  color: #000; }

.duo-btn-gray-50.duo-btn-sec {
  color: #8a8a8a;
  background-color: transparent;
  border-color: #8a8a8a; }

.duo-textcolor-gray-core {
  color: #8a8a8a; }

.duo-background-gray-core {
  background-color: #8a8a8a; }

.duo-border-gray-core {
  border-color: #8a8a8a; }

.duo-btn-gray-core.duo-btn-pri {
  background-color: #8a8a8a;
  border-color: #8a8a8a;
  color: #000; }

.duo-btn-gray-core.duo-btn-sec {
  color: #8a8a8a;
  background-color: transparent;
  border-color: #8a8a8a; }

.duo-textcolor-gray-60 {
  color: #757575; }

.duo-background-gray-60 {
  background-color: #757575; }

.duo-border-gray-60 {
  border-color: #757575; }

.duo-btn-gray-60.duo-btn-pri {
  background-color: #757575;
  border-color: #757575;
  color: #fff; }

.duo-btn-gray-60.duo-btn-sec {
  color: #757575;
  background-color: transparent;
  border-color: #757575; }

.duo-textcolor-gray-70 {
  color: #565656; }

.duo-background-gray-70 {
  background-color: #565656; }

.duo-border-gray-70 {
  border-color: #565656; }

.duo-btn-gray-70.duo-btn-pri {
  background-color: #565656;
  border-color: #565656;
  color: #fff; }

.duo-btn-gray-70.duo-btn-sec {
  color: #565656;
  background-color: transparent;
  border-color: #565656; }

.duo-textcolor-gray-80 {
  color: #3d3d3d; }

.duo-background-gray-80 {
  background-color: #3d3d3d; }

.duo-border-gray-80 {
  border-color: #3d3d3d; }

.duo-btn-gray-80.duo-btn-pri {
  background-color: #3d3d3d;
  border-color: #3d3d3d;
  color: #fff; }

.duo-btn-gray-80.duo-btn-sec {
  color: #3d3d3d;
  background-color: transparent;
  border-color: #3d3d3d; }

.duo-textcolor-gray-90 {
  color: #252525; }

.duo-background-gray-90 {
  background-color: #252525; }

.duo-border-gray-90 {
  border-color: #252525; }

.duo-btn-gray-90.duo-btn-pri {
  background-color: #252525;
  border-color: #252525;
  color: #fff; }

.duo-btn-gray-90.duo-btn-sec {
  color: #252525;
  background-color: transparent;
  border-color: #252525; }

.duo-textcolor-gray-100 {
  color: #171717; }

.duo-background-gray-100 {
  background-color: #171717; }

.duo-border-gray-100 {
  border-color: #171717; }

.duo-btn-gray-100.duo-btn-pri {
  background-color: #171717;
  border-color: #171717;
  color: #fff; }

.duo-btn-gray-100.duo-btn-sec {
  color: #171717;
  background-color: transparent;
  border-color: #171717; }

.duo-textcolor-blue-10 {
  color: #edf4ff; }

.duo-background-blue-10 {
  background-color: #edf4ff; }

.duo-border-blue-10 {
  border-color: #edf4ff; }

.duo-btn-blue-10.duo-btn-pri {
  background-color: #edf4ff;
  border-color: #edf4ff;
  color: #000; }

.duo-btn-blue-10.duo-btn-sec {
  color: #edf4ff;
  background-color: transparent;
  border-color: #edf4ff; }

.duo-textcolor-blue-20 {
  color: #c9deff; }

.duo-background-blue-20 {
  background-color: #c9deff; }

.duo-border-blue-20 {
  border-color: #c9deff; }

.duo-btn-blue-20.duo-btn-pri {
  background-color: #c9deff;
  border-color: #c9deff;
  color: #000; }

.duo-btn-blue-20.duo-btn-sec {
  color: #c9deff;
  background-color: transparent;
  border-color: #c9deff; }

.duo-textcolor-blue-30 {
  color: #97c1ff; }

.duo-background-blue-30 {
  background-color: #97c1ff; }

.duo-border-blue-30 {
  border-color: #97c1ff; }

.duo-btn-blue-30.duo-btn-pri {
  background-color: #97c1ff;
  border-color: #97c1ff;
  color: #000; }

.duo-btn-blue-30.duo-btn-sec {
  color: #97c1ff;
  background-color: transparent;
  border-color: #97c1ff; }

.duo-textcolor-blue-40 {
  color: #6ea6ff; }

.duo-background-blue-40 {
  background-color: #6ea6ff; }

.duo-border-blue-40 {
  border-color: #6ea6ff; }

.duo-btn-blue-40.duo-btn-pri {
  background-color: #6ea6ff;
  border-color: #6ea6ff;
  color: #000; }

.duo-btn-blue-40.duo-btn-sec {
  color: #6ea6ff;
  background-color: transparent;
  border-color: #6ea6ff; }

.duo-textcolor-blue-50 {
  color: #418cff; }

.duo-background-blue-50 {
  background-color: #418cff; }

.duo-border-blue-50 {
  border-color: #418cff; }

.duo-btn-blue-50.duo-btn-pri {
  background-color: #418cff;
  border-color: #418cff;
  color: #000; }

.duo-btn-blue-50.duo-btn-sec {
  color: #418cff;
  background-color: transparent;
  border-color: #418cff; }

.duo-textcolor-blue-core {
  color: #3d8aff; }

.duo-background-blue-core {
  background-color: #3d8aff; }

.duo-border-blue-core {
  border-color: #3d8aff; }

.duo-btn-blue-core.duo-btn-pri {
  background-color: #3d8aff;
  border-color: #3d8aff;
  color: #000; }

.duo-btn-blue-core.duo-btn-sec {
  color: #3d8aff;
  background-color: transparent;
  border-color: #3d8aff; }

.duo-textcolor-blue-60 {
  color: #0f6dff; }

.duo-background-blue-60 {
  background-color: #0f6dff; }

.duo-border-blue-60 {
  border-color: #0f6dff; }

.duo-btn-blue-60.duo-btn-pri {
  background-color: #0f6dff;
  border-color: #0f6dff;
  color: #fff; }

.duo-btn-blue-60.duo-btn-sec {
  color: #0f6dff;
  background-color: transparent;
  border-color: #0f6dff; }

.duo-textcolor-blue-70 {
  color: #054ada; }

.duo-background-blue-70 {
  background-color: #054ada; }

.duo-border-blue-70 {
  border-color: #054ada; }

.duo-btn-blue-70.duo-btn-pri {
  background-color: #054ada;
  border-color: #054ada;
  color: #fff; }

.duo-btn-blue-70.duo-btn-sec {
  color: #054ada;
  background-color: transparent;
  border-color: #054ada; }

.duo-textcolor-blue-80 {
  color: #0530ad; }

.duo-background-blue-80 {
  background-color: #0530ad; }

.duo-border-blue-80 {
  border-color: #0530ad; }

.duo-btn-blue-80.duo-btn-pri {
  background-color: #0530ad;
  border-color: #0530ad;
  color: #fff; }

.duo-btn-blue-80.duo-btn-sec {
  color: #0530ad;
  background-color: transparent;
  border-color: #0530ad; }

.duo-textcolor-blue-90 {
  color: #051b75; }

.duo-background-blue-90 {
  background-color: #051b75; }

.duo-border-blue-90 {
  border-color: #051b75; }

.duo-btn-blue-90.duo-btn-pri {
  background-color: #051b75;
  border-color: #051b75;
  color: #fff; }

.duo-btn-blue-90.duo-btn-sec {
  color: #051b75;
  background-color: transparent;
  border-color: #051b75; }

.duo-textcolor-blue-100 {
  color: #051243; }

.duo-background-blue-100 {
  background-color: #051243; }

.duo-border-blue-100 {
  border-color: #051243; }

.duo-btn-blue-100.duo-btn-pri {
  background-color: #051243;
  border-color: #051243;
  color: #fff; }

.duo-btn-blue-100.duo-btn-sec {
  color: #051243;
  background-color: transparent;
  border-color: #051243; }

.duo-textcolor-purple-10 {
  color: #b380e0; }

.duo-background-purple-10 {
  background-color: #b380e0; }

.duo-border-purple-10 {
  border-color: #b380e0; }

.duo-btn-purple-10.duo-btn-pri {
  background-color: #b380e0;
  border-color: #b380e0;
  color: #000; }

.duo-btn-purple-10.duo-btn-sec {
  color: #b380e0;
  background-color: transparent;
  border-color: #b380e0; }

.duo-textcolor-purple-20 {
  color: #8747b8; }

.duo-background-purple-20 {
  background-color: #8747b8; }

.duo-border-purple-20 {
  border-color: #8747b8; }

.duo-btn-purple-20.duo-btn-pri {
  background-color: #8747b8;
  border-color: #8747b8;
  color: #fff; }

.duo-btn-purple-20.duo-btn-sec {
  color: #8747b8;
  background-color: transparent;
  border-color: #8747b8; }

.duo-textcolor-purple-30 {
  color: #6e177d; }

.duo-background-purple-30 {
  background-color: #6e177d; }

.duo-border-purple-30 {
  border-color: #6e177d; }

.duo-btn-purple-30.duo-btn-pri {
  background-color: #6e177d;
  border-color: #6e177d;
  color: #fff; }

.duo-btn-purple-30.duo-btn-sec {
  color: #6e177d;
  background-color: transparent;
  border-color: #6e177d; }

.duo-textcolor-purple-70 {
  color: #6E32C9; }

.duo-background-purple-70 {
  background-color: #6E32C9; }

.duo-border-purple-70 {
  border-color: #6E32C9; }

.duo-btn-purple-70.duo-btn-pri {
  background-color: #6E32C9;
  border-color: #6E32C9;
  color: #fff; }

.duo-btn-purple-70.duo-btn-sec {
  color: #6E32C9;
  background-color: transparent;
  border-color: #6E32C9; }

.duo-background-gradient-blue-core:hover, .duo-background-gradient-blue-core:focus {
  background: #006EFF;
  background: -webkit-linear-gradient(-90deg, #006EFF 30%, #5652BA 100%);
  background: linear-gradient(180deg, #006EFF 30%, #5652BA 100%); }
  .duo-background-gradient-blue-core:hover *, .duo-background-gradient-blue-core:hover[class^="icon-"], .duo-background-gradient-blue-core:hover[class*="icon-"], .duo-background-gradient-blue-core:focus *, .duo-background-gradient-blue-core:focus[class^="icon-"], .duo-background-gradient-blue-core:focus[class*="icon-"] {
    color: #fff; }

.duo-blocklink:hover .duo-background-gradient-blue-core, .duo-blocklink:focus .duo-background-gradient-blue-core {
  background: #006EFF;
  background: -webkit-linear-gradient(-90deg, #006EFF 30%, #5652BA 100%);
  background: linear-gradient(180deg, #006EFF 30%, #5652BA 100%); }
  .duo-blocklink:hover .duo-background-gradient-blue-core *, .duo-blocklink:hover .duo-background-gradient-blue-core[class^="icon-"], .duo-blocklink:hover .duo-background-gradient-blue-core[class*="icon-"], .duo-blocklink:focus .duo-background-gradient-blue-core *, .duo-blocklink:focus .duo-background-gradient-blue-core[class^="icon-"], .duo-blocklink:focus .duo-background-gradient-blue-core[class*="icon-"] {
    color: #fff; }

.duo-background-gradient-cyan-core:hover, .duo-background-gradient-cyan-core:focus {
  background: #006EFF;
  background: -webkit-linear-gradient(-90deg, #006EFF 30%, #1BB6DF 100%);
  background: linear-gradient(180deg, #006EFF 30%, #1BB6DF 100%); }
  .duo-background-gradient-cyan-core:hover *, .duo-background-gradient-cyan-core:hover[class^="icon-"], .duo-background-gradient-cyan-core:hover[class*="icon-"], .duo-background-gradient-cyan-core:focus *, .duo-background-gradient-cyan-core:focus[class^="icon-"], .duo-background-gradient-cyan-core:focus[class*="icon-"] {
    color: #fff; }

.duo-blocklink:hover .duo-background-gradient-cyan-core, .duo-blocklink:focus .duo-background-gradient-cyan-core {
  background: #006EFF;
  background: -webkit-linear-gradient(-90deg, #006EFF 30%, #1BB6DF 100%);
  background: linear-gradient(180deg, #006EFF 30%, #1BB6DF 100%); }
  .duo-blocklink:hover .duo-background-gradient-cyan-core *, .duo-blocklink:hover .duo-background-gradient-cyan-core[class^="icon-"], .duo-blocklink:hover .duo-background-gradient-cyan-core[class*="icon-"], .duo-blocklink:focus .duo-background-gradient-cyan-core *, .duo-blocklink:focus .duo-background-gradient-cyan-core[class^="icon-"], .duo-blocklink:focus .duo-background-gradient-cyan-core[class*="icon-"] {
    color: #fff; }

.duo-block-blue-gradient {
  background: #006EFF;
  background: -webkit-linear-gradient(top, #006EFF 30%, rgba(86, 82, 186, 0.8) 100%);
  background: linear-gradient(to bottom, #006EFF 30%, rgba(86, 82, 186, 0.8) 100%); }

.duo-block-cyan-gradient {
  background: #006EFF;
  background: -webkit-linear-gradient(top, #006EFF 30%, rgba(27, 182, 223, 0.8) 100%);
  background: linear-gradient(to bottom, #006EFF 30%, rgba(27, 182, 223, 0.8) 100%); }

.duo-block-blue-gradient-horizontal {
  background: #006EFF;
  background: -webkit-linear-gradient(left, #006EFF 30%, rgba(86, 82, 186, 0.8) 100%);
  background: linear-gradient(to right, #006EFF 30%, rgba(86, 82, 186, 0.8) 100%); }

.duo-block-cyan-gradient-horizontal {
  background: #006EFF;
  background: -webkit-linear-gradient(left, #006EFF 30%, rgba(27, 182, 223, 0.8) 100%);
  background: linear-gradient(to right, #006EFF 30%, rgba(27, 182, 223, 0.8) 100%); }

.duo-slick-overlay-bg-blue {
  background: rgba(0, 110, 255, 0.8);
  background: -webkit-linear-gradient(-90deg, rgba(0, 110, 255, 0.8) 30%, rgba(86, 82, 186, 0.8) 100%);
  background: linear-gradient(180deg, rgba(0, 110, 255, 0.8) 30%, rgba(86, 82, 186, 0.8) 100%); }

.duo-slick-overlay-bg-cyan {
  background: rgba(0, 110, 255, 0.8);
  background: -webkit-linear-gradient(-90deg, rgba(0, 110, 255, 0.8) 30%, rgba(27, 182, 233, 0.8) 100%);
  background: linear-gradient(180deg, rgba(0, 110, 255, 0.8) 30%, rgba(27, 182, 233, 0.8) 100%); }

.duo-block-purple-gradient {
  background: #6e32c9;
  background: -webkit-linear-gradient(-90deg, #6e32c9 0%, #054ada 100%);
  background: linear-gradient(180deg, #6e32c9 0%, #054ada 100%); }

.ibm-mobilemenu .cloud-mega {
  display: none; }

.ibm-mobilemenu .cloud-mega-mobile {
  display: block; }
  .ibm-mobilemenu .cloud-mega-mobile p {
    padding: 7px 20px 7px 30px; }

.ibm-sitenav-menu-container .cloud-mega-mobile {
  display: none; }

.ibm-sitenav-menu-container #cloud-mega {
  width: 100vw;
  border: none; }
  .ibm-sitenav-menu-container #cloud-mega .duo-subnav {
    margin: 0; }
    .ibm-sitenav-menu-container #cloud-mega .duo-subnav a {
      padding: 0;
      margin-bottom: 1rem; }
      .ibm-sitenav-menu-container #cloud-mega .duo-subnav a:hover {
        background-color: transparent;
        text-decoration: underline; }
    .ibm-sitenav-menu-container #cloud-mega .duo-subnav > .ibm-col-group > .ibm-col-md-1 {
      min-height: 250px; }

.ibm-sitenav-menu-container .ibm-sitenav-menu-name a:after {
  background: #000; }

.ibm-sitenav-menu-container .ibm-sitenav-menu-name a:hover, .ibm-sitenav-menu-container .ibm-sitenav-menu-name a:focus {
  color: #000; }
  .ibm-sitenav-menu-container .ibm-sitenav-menu-name a:hover:after, .ibm-sitenav-menu-container .ibm-sitenav-menu-name a:focus:after {
    background: #000; }

.ibm-sitenav-menu-container .ibm-sitenav-menu-list ul.ibm-align-right {
  right: -7px; }

.ibm-sitenav-menu-container .ibm-sitenav-menu-list li ul:not(#cloud-mega) {
  color: #fff;
  background-color: #171717;
  border: none;
  padding-bottom: 20px; }
  .ibm-sitenav-menu-container .ibm-sitenav-menu-list li ul:not(#cloud-mega) li {
    padding: 1.51515vw 4rem 0 0; }
    .ibm-sitenav-menu-container .ibm-sitenav-menu-list li ul:not(#cloud-mega) li:last-of-type {
      padding-bottom: 10px; }
    .ibm-sitenav-menu-container .ibm-sitenav-menu-list li ul:not(#cloud-mega) li a:hover {
      background-color: transparent;
      text-decoration: underline; }

.ibm-sitenav-menu-container .ibm-sitenav-menu-list > ul > li.ibm-active > button, .ibm-sitenav-menu-container .ibm-sitenav-menu-list > ul > li.ibm-active > span, .ibm-sitenav-menu-container .ibm-sitenav-menu-list > ul > li.ibm-active > a {
  color: #fff;
  background-color: #171717;
  border-bottom: 1px solid #8a8a8a; }

.ibm-sitenav-menu-container .ibm-sitenav-menu-list > ul > li > button:hover, .ibm-sitenav-menu-container .ibm-sitenav-menu-list > ul > li > button:focus, .ibm-sitenav-menu-container .ibm-sitenav-menu-list > ul > li > span:hover, .ibm-sitenav-menu-container .ibm-sitenav-menu-list > ul > li > span:focus, .ibm-sitenav-menu-container .ibm-sitenav-menu-list > ul > li > a:hover, .ibm-sitenav-menu-container .ibm-sitenav-menu-list > ul > li > a:focus {
  color: #fff;
  background-color: #171717;
  border-bottom: 1px solid #8a8a8a; }
  .ibm-sitenav-menu-container .ibm-sitenav-menu-list > ul > li > button:hover::after, .ibm-sitenav-menu-container .ibm-sitenav-menu-list > ul > li > button:focus::after, .ibm-sitenav-menu-container .ibm-sitenav-menu-list > ul > li > span:hover::after, .ibm-sitenav-menu-container .ibm-sitenav-menu-list > ul > li > span:focus::after, .ibm-sitenav-menu-container .ibm-sitenav-menu-list > ul > li > a:hover::after, .ibm-sitenav-menu-container .ibm-sitenav-menu-list > ul > li > a:focus::after {
    display: none; }

.ibm-sitenav-menu-container .ibm-sitenav-menu-list > ul > li > button::after, .ibm-sitenav-menu-container .ibm-sitenav-menu-list > ul > li > span::after, .ibm-sitenav-menu-container .ibm-sitenav-menu-list > ul > li > a::after {
  display: none; }

.ibm-sitenav-menu-container .ibm-sitenav-menu-list > ul > li a:not(.duo-btn-pri) {
  padding: 0 20px;
  margin: 0; }

.ibm-sitenav-menu-container .ibm-sitenav-menu-list > ul > li.ibm-haschildlist button, .ibm-sitenav-menu-container .ibm-sitenav-menu-list > ul > li.ibm-haschildlist span, .ibm-sitenav-menu-container .ibm-sitenav-menu-list > ul > li.ibm-haschildlist a {
  margin: 0;
  cursor: pointer;
  font-size: 1rem;
  padding: 0 35px 0 20px;
  position: relative; }
  .ibm-sitenav-menu-container .ibm-sitenav-menu-list > ul > li.ibm-haschildlist button:before, .ibm-sitenav-menu-container .ibm-sitenav-menu-list > ul > li.ibm-haschildlist span:before, .ibm-sitenav-menu-container .ibm-sitenav-menu-list > ul > li.ibm-haschildlist a:before {
    right: 10px; }

.ibm-sitenav-menu-container .ibm-sitenav-menu-list > ul > li:last-of-type a:not(.duo-btn-pri) {
  display: none; }

.ibm-mobilemenu-sitenavmenu .duo-subnav {
  display: none; }

.ibm-mobilemenu-sitenavmenu > ul > li .duo-btn-pri {
  display: none; }

.ibm-mobilemenu-sitenavmenu > ul > li:not(.duo-btn-pri) {
  display: block; }

/* ================= */
footer {
  max-width: 1650px;
  margin: 0 auto; }
  footer #ibm-footer {
    background-color: #eaeaea; }

.no-livechat #cm-pane-wrapper {
  display: none !important; }

.ibm-btt-auto.ibm-hidden-small {
  display: block !important; }

.logo-watson-avatar {
  max-width: 100px; }

@media (max-width: 1056px) {
  .logo-watson-avatar {
    max-width: 80px; } }

.ibm-type-d {
  font-size: 16px;
  line-height: 24px; }

@media (min-width: 640px) {
  [class*=ibm-col-] .ibm-type-c {
    max-width: 62.5vw; } }

@media (min-width: 1056px) {
  [class*=ibm-col-] .ibm-type-c {
    max-width: 37.5vw; } }

.duo-nospacing {
  margin: 0 !important;
  padding: 0 !important; }

.duo-padding-right-0 {
  padding-right: 0 !important; }

.duo-padding-left-0 {
  padding-left: 0 !important; }

.duo-margin-right-0 {
  margin-right: 0 !important; }

.duo-margin-left-0 {
  margin-left: 0 !important; }

.duo-margin-bottom-0 {
  margin-bottom: 0 !important; }

.duo-margin-bottom-1 {
  margin-bottom: 20px !important; }

.duo-margin-bottom-2 {
  margin-bottom: 40px !important; }

.duo-margin-bottom-3 {
  margin-bottom: 60px !important; }

.duo-margin-bottom-r1 {
  margin-bottom: 2vw !important; }

.duo-margin-bottom-r2 {
  margin-bottom: 5vw !important; }

.duo-margin-bottom-r3 {
  margin-bottom: 10vw !important; }

.duo-margin-top-0 {
  margin-top: 0 !important; }

.duo-margin-top-1 {
  margin-top: 20px !important; }

.duo-margin-top-2 {
  margin-top: 40px !important; }

.duo-margin-top-3 {
  margin-top: 60px !important; }

.duo-margin-top-r1 {
  margin-top: 2vw !important; }

.duo-margin-top-r2 {
  margin-top: 5vw !important; }

.duo-margin-top-r3 {
  margin-top: 10vw !important; }

.duo-padding-bottom-0 {
  padding-bottom: 0 !important; }

.duo-padding-bottom-10 {
  padding-bottom: 10px !important; }

.duo-padding-bottom-1 {
  padding-bottom: 20px !important; }

.duo-padding-bottom-2 {
  padding-bottom: 40px !important; }

.duo-padding-bottom-3 {
  padding-bottom: 60px !important; }

.duo-padding-bottom-r1 {
  padding-bottom: 2vw !important; }

.duo-padding-bottom-r2 {
  padding-bottom: 5vw !important; }

.duo-padding-bottom-r3 {
  padding-bottom: 10vw !important; }

.duo-padding-top-0 {
  padding-top: 0 !important; }

.duo-padding-top-1 {
  padding-top: 20px !important; }

.duo-padding-top-10 {
  padding-top: 10px !important; }

.duo-padding-top-2 {
  padding-top: 40px !important; }

.duo-padding-top-3 {
  padding-top: 60px !important; }

.duo-padding-top-r1 {
  padding-top: 2vw !important; }

.duo-padding-top-r2 {
  padding-top: 5vw !important; }

.duo-padding-top-r3 {
  padding-top: 10vw !important; }

@media (min-width: 1056px) {
  .duo-quote-box_padding {
    padding: 3.125vw !important; } }

@media (max-width: 640px) {
  .duo-border-bottom-sm {
    border-bottom-width: 1px;
    border-bottom-style: solid; } }

@media (max-width: 640px) {
  .duo-border-sm-none {
    border: none !important; } }

@media (max-width: 640px) {
  .duo-border-md-none {
    border: none !important; } }

@media (max-width: 640px) {
  .duo-border-left-md-none {
    border-left: none !important; } }

@media (max-width: 640px) {
  .duo-border-top-md-none {
    border-top: none !important; } }

@media (max-width: 1056px) {
  .duo-border-lg-none {
    border: none !important; } }

.duo-border-none {
  border: none !important; }

@media (min-width: 640px) {
  .duo-border-inset {
    margin-left: 3.125vw; } }

@media (min-width: 1056px) {
  .duo-border-inset {
    margin-left: 1.51515vw; } }

@media (min-width: 1650px) {
  .duo-border-inset {
    margin-left: 25px; } }

@media (min-width: 640px) {
  .duo-border-inset a:first-of-type {
    margin-left: -3.125vw; } }

@media (min-width: 1056px) {
  .duo-border-inset a:first-of-type {
    margin-left: -1.51515vw; } }

@media (min-width: 1650px) {
  .duo-border-inset a:first-of-type {
    margin-left: -25px; } }

.duo-img-resize {
  height: auto !important;
  width: 100%; }

.duo-img-resize-sm {
  height: auto !important;
  width: 75%; }

.watson-stories .duo-blocklink-img img {
  width: 100%; }

.navbar-button {
  height: 32px !important;
  margin-top: 9px;
  line-height: 18px !important; }
  .navbar-button:after {
    background: transparent !important;
    height: 0; }

.ibm .duo-alternate-background {
  color: #fff; }
  .ibm .duo-alternate-background a {
    color: #418cff; }
    .ibm .duo-alternate-background a:hover {
      color: #6ea6ff; }
    .ibm .duo-alternate-background a.duo-blocklink:hover [class*='-blue-60'] {
      color: #418cff; }
    .ibm .duo-alternate-background a.duo-blocklink.duo-background-gradient-blue-core:hover [class*='icon-ibm-'], .ibm .duo-alternate-background a.duo-blocklink.duo-background-gradient-cyan-core:hover [class*='icon-ibm-'] {
      color: #fff; }
    .ibm .duo-alternate-background a.duo-btn-blue-60.duo-btn-pri {
      color: #fff; }
      .ibm .duo-alternate-background a.duo-btn-blue-60.duo-btn-pri:hover {
        color: #000;
        background-color: #418cff;
        border-color: #418cff; }
    .ibm .duo-alternate-background a.duo-btn-blue-60.duo-btn-sec {
      color: #418cff; }
      .ibm .duo-alternate-background a.duo-btn-blue-60.duo-btn-sec:hover {
        color: #6ea6ff;
        border-color: #418cff; }
    .ibm .duo-alternate-background a.duo-btn-white-core.duo-btn-sec {
      color: #fff; }
      .ibm .duo-alternate-background a.duo-btn-white-core.duo-btn-sec:hover {
        color: #418cff;
        border-color: #418cff; }
  .ibm .duo-alternate-background[class*='duo-block-blue-gradient'] .duo-btn-white-core.duo-btn-sec, .ibm .duo-alternate-background[class*='duo-block-cyan-gradient'] .duo-btn-white-core.duo-btn-sec {
    transition: opacity .35s; }
    .ibm .duo-alternate-background[class*='duo-block-blue-gradient'] .duo-btn-white-core.duo-btn-sec:hover, .ibm .duo-alternate-background[class*='duo-block-cyan-gradient'] .duo-btn-white-core.duo-btn-sec:hover {
      color: #fff;
      border-color: #fff;
      opacity: .7; }
  .ibm .duo-alternate-background[class*='duo-block-blue-gradient'] .duo-btn-white-core.duo-btn-pri, .ibm .duo-alternate-background[class*='duo-block-cyan-gradient'] .duo-btn-white-core.duo-btn-pri {
    transition: opacity .35s; }
    .ibm .duo-alternate-background[class*='duo-block-blue-gradient'] .duo-btn-white-core.duo-btn-pri:hover, .ibm .duo-alternate-background[class*='duo-block-cyan-gradient'] .duo-btn-white-core.duo-btn-pri:hover {
      color: #0f6dff;
      background-color: #fff;
      opacity: .7; }
  .ibm .duo-alternate-background[class*='duo-block-blue-gradient'] .duo-textcolor-white-core, .ibm .duo-alternate-background[class*='duo-block-cyan-gradient'] .duo-textcolor-white-core {
    transition: transform .35s;
    color: #fff; }
    .ibm .duo-alternate-background[class*='duo-block-blue-gradient'] .duo-textcolor-white-core a, .ibm .duo-alternate-background[class*='duo-block-cyan-gradient'] .duo-textcolor-white-core a {
      color: inherit; }
    .ibm .duo-alternate-background[class*='duo-block-blue-gradient'] .duo-textcolor-white-core:hover, .ibm .duo-alternate-background[class*='duo-block-cyan-gradient'] .duo-textcolor-white-core:hover {
      transform: translateX(10px); }

.ibm a:hover {
  color: #054ada;
  text-decoration: none; }
  .ibm a:hover[class*='icon-ibm-'] {
    color: #054ada; }

.ibm a.duo-blocklink:hover [class*='-blue-60'] {
  color: #054ada; }

.ibm a.duo-blocklink:hover [class*='-blue-50'] {
  color: #6ea6ff; }

.ibm a.duo-blocklink:hover .duo-background-gradient-blue-core [class*='icon-ibm-'],
.ibm a.duo-blocklink:hover .duo-background-gradient-cyan-core [class*='icon-ibm-'] {
  color: #fff; }

.ibm a.duo-blocklink.duo-background-gradient-blue-core:hover [class*='icon-ibm-'], .ibm a.duo-blocklink.duo-background-gradient-cyan-core:hover [class*='icon-ibm-'] {
  color: #fff; }

.ibm a.duo-btn-blue-60.duo-btn-pri {
  color: #fff; }
  .ibm a.duo-btn-blue-60.duo-btn-pri:hover {
    color: #fff;
    background-color: #054ada;
    border-color: #054ada; }

.ibm a.duo-btn-blue-60.duo-btn-sec {
  color: #0f6dff; }
  .ibm a.duo-btn-blue-60.duo-btn-sec:hover {
    color: #054ada;
    border-color: #054ada; }

.ibm a[class*='duo-btn-'][class*='-btn'] {
  border-radius: 50px; }

.ibm a.duo-blocklink {
  color: inherit !important; }
  .ibm a.duo-blocklink:hover .duo-blocklink-img {
    position: relative; }
    .ibm a.duo-blocklink:hover .duo-blocklink-img::before {
      content: " ";
      position: absolute;
      height: 98%;
      width: 100%;
      background-color: rgba(0, 100, 255, 0.1); }

.duo-ind-link a[class*='duo-btn-'][class*='-btn'] {
  padding-left: 2.8em;
  margin-bottom: 5px; }
  .duo-ind-link a[class*='duo-btn-'][class*='-btn'].duo-btn-nowrap {
    margin-bottom: 0px; }
  .duo-ind-link a[class*='duo-btn-'][class*='-btn']::before {
    font-size: 1.5rem !important;
    left: 0.4em; }

@media (min-width: 640px) {
  .duo-show-small {
    display: none; } }

@media (min-width: 1056px) {
  .duo-show-medium {
    display: none; } }

@media (max-width: 640px) {
  .duo-show-medium {
    display: none; } }

@media (max-width: 1056px) {
  .duo-show-large {
    display: none; } }

@media (max-width: 1366px) {
  .duo-show-xlarge {
    display: none; } }

.duo-eyebrow {
  margin: 0;
  padding-bottom: 5px; }
  @media (min-width: 640px) {
    .duo-eyebrow {
      margin-top: 20px; } }

.duo-leadspace-footnote {
  font-size: 85%;
  line-height: 1.1rem;
  z-index: 5;
  width: 90vw;
  max-width: 1550px;
  height: auto;
  margin-bottom: 0; }

@media (min-width: 1056px) {
  .ibm-col-bleed-left .ibm-col-full_padding {
    padding-left: 1.51515vw; } }

.duo-block-list {
  width: 100%; }
  @media (min-width: 1056px) {
    .duo-block-list {
      max-width: 50vw; } }
  @media (min-width: 1650px) {
    .duo-block-list {
      max-width: 800px; } }
  .duo-block-list .duo-blocklist-item {
    position: relative;
    display: flex;
    flex-direction: row;
    width: 100%;
    min-height: 100px;
    margin-bottom: 1px;
    background-color: #f3f3f3; }
    .duo-block-list .duo-blocklist-item.duo-blocklink {
      cursor: pointer; }
      .duo-block-list .duo-blocklist-item.duo-blocklink:hover {
        background-color: #edf4ff; }
    .duo-block-list .duo-blocklist-item .duo-block-list-img {
      width: 100px;
      height: 100px;
      padding: 10px;
      background-color: #252525;
      background-repeat: no-repeat;
      background-position: 50% 50%;
      background-size: 75%; }
    .duo-block-list .duo-blocklist-item .duo-block-list-info {
      flex: 1;
      height: 100%;
      padding: 10px 15px; }
      .duo-block-list .duo-blocklist-item .duo-block-list-info h4 {
        font-weight: 600; }

.ai-advantage-list {
  width: 100%; }
  @media (min-width: 1056px) {
    .ai-advantage-list {
      max-width: 50vw; } }
  @media (min-width: 1650px) {
    .ai-advantage-list {
      max-width: 800px; } }
  .ai-advantage-list .ai-advantage-list-item {
    position: relative;
    display: flex;
    flex-direction: row;
    width: 100%;
    min-height: 100px;
    margin-bottom: 1px; }
    .ai-advantage-list .ai-advantage-list-item .ai-advantage-list-img {
      width: 100px;
      height: 100px;
      padding: 10px;
      background-repeat: no-repeat;
      background-position: 15px 15px;
      background-size: 58%; }
    .ai-advantage-list .ai-advantage-list-item .ai-advantage-list-info {
      flex: 1;
      height: 100%;
      padding: 10px; }
      .ai-advantage-list .ai-advantage-list-item .ai-advantage-list-info h4 {
        font-weight: 600; }

.sticky-social {
  left: 0;
  padding: 0;
  width: 48px;
  position: absolute;
  top: 32px;
  z-index: 100; }
  .sticky-social ul.ibm-icononly {
    width: 100%;
    display: flex;
    flex-direction: column !important; }
    .sticky-social ul.ibm-icononly li {
      padding: 0;
      width: 48px;
      height: 48px; }
      .sticky-social ul.ibm-icononly li:last-child a {
        border-bottom: 1px solid #d8d8d8; }
      .sticky-social ul.ibm-icononly li a {
        padding: 0;
        background: #fff;
        box-sizing: border-box;
        color: #3d3d3d;
        border-top: 1px solid #d8d8d8;
        border-left: 1px solid #d8d8d8;
        border-right: 1px solid #d8d8d8;
        display: block;
        height: 100%;
        line-height: 48px;
        position: relative;
        text-align: center;
        width: 100%;
        margin-bottom: 0;
        transition: all .35s; }
        .sticky-social ul.ibm-icononly li a:before {
          width: 100%;
          height: 100%;
          color: inherit !important;
          font-size: 24px; }
        .sticky-social ul.ibm-icononly li a:hover {
          background: #0f6dff;
          border-color: #0f6dff;
          color: #fff; }
  @media (max-width: 1056px) {
    .sticky-social {
      position: relative;
      width: 100%;
      top: 0; }
      .sticky-social ul.ibm-icononly {
        flex-direction: row !important; }
        .sticky-social ul.ibm-icononly li a {
          border-left: none;
          border-bottom: 1px solid #d8d8d8; }
        .sticky-social ul.ibm-icononly li:first-child a {
          border-left: 1px solid #d8d8d8; } }

.duo-link-list-detailed a:last-of-type .flex-row {
  border-bottom-style: solid;
  border-bottom-width: 1px; }

.duo-btn-pri, .duo-btn-sec {
  border: 2px solid #323232;
  border-radius: 50px;
  background-color: #323232;
  color: #fff;
  cursor: pointer;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 16px;
  line-height: 20px;
  max-width: 100%;
  min-width: 120px;
  min-width: 90px\9;
  min-height: 20px;
  padding: 6px 18px;
  text-align: center;
  text-decoration: none;
  transition: border .3s,color .3s,background-color .3s;
  white-space: normal; }

ul > li::before {
  display: inline-block;
  font-weight: 300;
  margin-left: -1.8rem;
  position: absolute; }

ul.ibm-dashed-list > li::before {
  content: '\2014';
  font-family: "ibm-plex-sans";
  color: #000; }

ul.ibm-dashed-list-white > li::before {
  content: '\2014';
  font-family: "ibm-plex-sans";
  color: #fff; }

/* POSITIONING */
.ibm-col-section-header p {
  padding-top: 15px; }

.flex {
  display: flex;
  justify-content: space-between;
  position: relative; }
  @media (max-width: 640px) {
    .flex[class*='-0-only'] {
      display: none !important; } }

.flex-right {
  justify-content: flex-end; }

.flex-center {
  justify-content: center;
  align-items: center;
  height: 100% !important; }

.flex-between {
  justify-content: space-between; }

.flex-self {
  align-self: flex-start; }

.flex-bottom {
  align-items: flex-end; }

.flex-self-end {
  align-self: flex-end; }

.flex-top {
  justify-content: flex-start; }

.flex-bottom-left {
  justify-content: flex-start;
  align-items: flex-end; }

.flex-bottom-right {
  justify-content: flex-end;
  align-items: flex-end; }

.flex-column {
  align-items: flex-start;
  flex-direction: column;
  height: 100% !important; }
  @media (max-width: 640px) {
    .flex-column.flex-sm-row {
      flex-direction: row !important; } }

.flex-justify-end {
  justify-content: flex-end; }

.flex-justify-start {
  justify-content: flex-start; }
  .flex-justify-start .flex-column {
    height: auto !important; }

.flex-row {
  flex-direction: row; }

.flex-align-self-end {
  align-self: flex-end; }

.flex-align-items-end {
  align-items: flex-end; }

.slick-slider {
  margin-bottom: 0; }
  .slick-slider.slick-initialized .slick-slide {
    outline: none;
    height: auto; }
  .slick-slider .slick-dots {
    position: absolute;
    bottom: 3.2rem;
    right: 3.5rem;
    width: auto;
    height: 8px;
    padding: 0;
    margin: 0; }
    @media (max-width: 640px) {
      .slick-slider .slick-dots {
        left: 6.25vw; } }
    .slick-slider .slick-dots li {
      border-radius: 2px;
      height: 4px;
      overflow: hidden;
      transform: translateZ(0);
      width: 44px; }
      .slick-slider .slick-dots li button {
        background: rgba(255, 255, 255, 0.3);
        position: absolute;
        top: 0;
        left: 0;
        border-radius: 3px;
        height: 100%;
        width: 100%;
        border: none;
        outline: none;
        padding: 0;
        margin: 0; }
      .slick-slider .slick-dots li.slick-active button {
        outline: none;
        background: white; }
  .slick-slider .slick-prev, .slick-slider .slick-next {
    position: absolute;
    width: 32px;
    height: 32px;
    z-index: 100;
    cursor: pointer;
    background-size: contain; }
    .slick-slider .slick-prev:before, .slick-slider .slick-next:before {
      color: #c9deff; }
  .slick-slider .slick-prev {
    left: 3.125vw;
    background-image: url("/watson/assets/duo/img/icons/duo-chevron-round-ko-prev.svg"); }
    .slick-slider .slick-prev:before {
      content: ''; }
  .slick-slider .slick-next {
    right: 3.125vw;
    background-image: url("/watson/assets/duo/img/icons/duo-chevron-round-ko-next.svg"); }
    .slick-slider .slick-next:before {
      content: ''; }

.duo-sm-carousel .slick-dots {
  left: 25px;
  bottom: 20px !important;
  top: auto;
  right: auto; }
  .duo-sm-carousel .slick-dots li {
    width: 30px; }
    .duo-sm-carousel .slick-dots li.slick-active button {
      background: rgba(0, 0, 0, 0.5); }
    .duo-sm-carousel .slick-dots li button {
      background: rgba(0, 0, 0, 0.2); }

.duo-sm-carousel .slick-prev,
.duo-sm-carousel .slick-next {
  width: 20px;
  height: 20px; }

.duo-carousel {
  overflow: hidden; }
  @media (min-width: 1056px) {
    .duo-carousel .ibm-col-sm-0-only .duo-img-resize {
      max-width: 85%; } }
  .duo-carousel .duo-sidebar {
    top: 0; }
  .duo-carousel .slick-dots {
    top: 20px;
    left: 25px;
    right: auto;
    bottom: auto; }
    .duo-carousel .slick-dots li {
      width: 30px; }
      .duo-carousel .slick-dots li.slick-active button {
        background: rgba(0, 0, 0, 0.5); }
      .duo-carousel .slick-dots li button {
        background: rgba(0, 0, 0, 0.2); }
  .duo-carousel.hide-nav-dots .slick-dots {
    display: none !important; }
  @media (max-width: 1650px) {
    .duo-carousel .slick-dots {
      left: 1.51515vw; } }
  @media (max-width: 1056px) {
    .duo-carousel .slick-dots {
      left: 3.125vw; } }
  @media (max-width: 640px) {
    .duo-carousel .slick-prev {
      left: 20px; }
    .duo-carousel .slick-next {
      right: 20px; }
    .duo-carousel .slick-dots {
      left: 25px; } }

.duo-carousel-jump-menu {
  margin-top: -1rem; }
  .duo-carousel-jump-menu li {
    color: #a3a3a3;
    margin-bottom: 5px !important; }
    .duo-carousel-jump-menu li.active {
      color: #565656; }
    .duo-carousel-jump-menu li a {
      color: inherit !important; }

.duo-border-top-none {
  border-top-width: 0; }

.duo-border-bottom-none {
  border-top-width: 0; }

.duo-border-top {
  border-top-width: 1px;
  border-top-style: solid; }

.duo-border-right {
  border-right-width: 1px;
  border-right-style: solid; }

.duo-border-bottom {
  border-bottom-width: 1px;
  border-bottom-style: solid; }

.duo-border-left {
  border-left-width: 1px;
  border-left-style: solid; }

.duo-content-border-left {
  position: absolute;
  top: 6px;
  left: 0;
  bottom: 3px;
  width: 1px; }

.duo-tile-bordered > [class*=ibm-col-] {
  box-shadow: inset -1px -1px 0 0 #f3f3f3, inset 0 0 0 0 white; }

.duo-tile-bordered:after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  padding: 0;
  margin: 0;
  pointer-events: none;
  width: 100%;
  height: 100%;
  border-top: 1px solid #f3f3f3;
  border-left: 1px solid #f3f3f3; }

.duo-tile-bordered-gray-20 > [class*=ibm-col-] {
  box-shadow: inset -1px -1px 0 0 #d8d8d8, inset 0 0 0 0 white; }

.duo-tile-bordered-gray-20:after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  padding: 0;
  margin: 0;
  pointer-events: none;
  width: 100%;
  height: 100%;
  border-top: 1px solid #d8d8d8;
  border-left: 1px solid #d8d8d8; }

.thick-gradient-border {
  border-top-width: 4px;
  border-image-source: linear-gradient(to right, #0062FF, #BB8EFF);
  border-image-slice: 1; }

/* CONTENT */
.ibm-leadspace-links a, .ibm-leadspace-links span {
  transition: all 0.2s ease; }

.ibm-leadspace-links span {
  position: relative;
  z-index: 2; }
  .ibm-leadspace-links span::before {
    content: " ";
    position: absolute;
    height: 0.8em;
    width: 0.8em;
    background-color: #0f6dff;
    z-index: -1;
    border-radius: 50%;
    top: 0.35em;
    left: -0.05em; }

.ibm-leadspace-links .ibm-leadspace-links-hovered {
  color: #565656;
  transition: all 0.2s ease; }
  .ibm-leadspace-links .ibm-leadspace-links-hovered span {
    color: #565656; }
    .ibm-leadspace-links .ibm-leadspace-links-hovered span:hover {
      color: #0f6dff;
      text-decoration: none;
      cursor: pointer; }
      .ibm-leadspace-links .ibm-leadspace-links-hovered span:hover::before {
        display: none; }

.duo-leadspace-background {
  position: absolute;
  height: 100%;
  background-repeat: no-repeat;
  background-position: right center;
  background-size: 100% auto;
  overflow: hidden; }
  @media (max-width: 640px) {
    .duo-leadspace-background {
      background-position: 70% 0;
      background-size: auto 100% !important; }
      .duo-leadspace-background::after {
        content: " ";
        width: 100%;
        height: 100%;
        position: absolute;
        background-image: linear-gradient(to right, rgba(0, 0, 0, 0.7) 25%, rgba(0, 0, 0, 0.55) 50%, rgba(0, 0, 0, 0.6) 75%, rgba(0, 0, 0, 0.25) 100%);
        z-index: 1; } }

.duo-leadspace-background-sm {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: auto 100%; }

#duo-leadspace-carousel .duo-leadspace-background {
  width: 100%; }

@media (min-width: 641px) and (max-width: 725px) {
  #duo-leadspace-carousel .ibm-type-j,
  #duo-leadspace-carousel .ibm-type-d {
    max-width: 50vw; } }

@media (max-width: 640px) {
  #duo-leadspace-carousel.slick-slider .slick-slide {
    height: 133vw !important;
    max-height: calc(100vh - 100px); } }

#duo-leadspace-carousel .slick-dots li {
  background: rgba(255, 255, 255, 0.3);
  border: 0;
  box-sizing: border-box; }
  #duo-leadspace-carousel .slick-dots li button {
    opacity: 0; }
  #duo-leadspace-carousel .slick-dots li:after {
    background: rgba(255, 255, 255, 0);
    border-radius: 2px;
    content: '';
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 2px; }

#duo-leadspace-carousel .slick-dots.inited li.slick-active:after {
  background: rgba(255, 255, 255, 0.5);
  transition: width 5s linear;
  width: 100%; }

@media (max-width: 640px) {
  #duo-leadspace-carousel .slick-dots {
    bottom: 2.5rem;
    text-align: left; } }

#duo-leadspace-carousel .slick-prev, #duo-leadspace-carousel .slick-next {
  opacity: 0;
  margin-top: -10px;
  transition: opacity .35s; }

@media (min-width: 1056px) {
  #duo-leadspace-carousel:hover .slick-prev, #duo-leadspace-carousel:hover .slick-next {
    opacity: 0.7; }
    #duo-leadspace-carousel:hover .slick-prev::before, #duo-leadspace-carousel:hover .slick-next::before {
      opacity: 0.7; } }

.duo-full-width {
  max-width: 100% !important; }

.duo-full-height {
  height: 100%; }

.duo-leadspace {
  position: relative;
  background-size: cover;
  background-position: top right;
  background-repeat: no-repeat; }
  .duo-leadspace video {
    width: 100%; }
  .duo-leadspace * {
    z-index: 5; }
  .duo-leadspace.ibm-leadspace-bg-contain {
    background-size: contain; }
  .duo-leadspace.ibm-leadspace-bg-cover {
    background-size: cover; }
  @media (max-width: 1056px) {
    .duo-leadspace {
      background-position: 25% 0;
      background-size: cover !important; }
      .duo-leadspace:after {
        content: " ";
        width: 100%;
        height: 100%;
        position: absolute;
        z-index: 1;
        padding-bottom: 0 !important; } }
  @media (max-width: 640px) {
    .duo-leadspace {
      background-position: 40% 0;
      background-size: cover; }
      .duo-leadspace::after {
        content: " ";
        width: 100%;
        height: 100%;
        position: absolute;
        z-index: 1; } }
  @media (min-width: 640px) and (max-width: 900px) {
    .duo-leadspace.watson-stories [class*=ibm-type-] {
      max-width: 50vw !important; } }
  @media (min-width: 1056px) and (max-width: 1280px) {
    .duo-leadspace.watson-stories [class*=ibm-type-] {
      max-width: 37.5vw !important; } }
  .duo-leadspace > .ibm-col-group {
    z-index: 5; }
  .duo-leadspace .duo-leadspace-anim {
    transform: translateY(20px);
    opacity: 0;
    transition: .35s ease; }
    .duo-leadspace .duo-leadspace-anim.active {
      transform: translateY(0);
      opacity: 1; }
      .duo-leadspace .duo-leadspace-anim.active.duo-leadspace-anim-desc {
        transition-delay: 0.2s; }
  @media (min-width: 640px) and (max-width: 690px) {
    .duo-leadspace.prod-serv:after {
      display: none;
      min-height: 350px; } }

.duo-fullwidth-carousel {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover; }
  .duo-fullwidth-carousel .slick-dots {
    left: calc(50% + 3.125vw);
    bottom: auto;
    top: 35px;
    right: auto; }
    @media (max-width: 640px) {
      .duo-fullwidth-carousel .slick-dots {
        left: 6.25vw; } }
    @media (min-width: 1056px) {
      .duo-fullwidth-carousel .slick-dots {
        left: calc(50% + 1.51515vw); } }
    @media (min-width: 1650px) {
      .duo-fullwidth-carousel .slick-dots {
        left: calc(50% + 25px); } }
  .duo-fullwidth-carousel .duo-slick-slide .overlay-reveal {
    transition: all .75s;
    opacity: 0; }
  .duo-fullwidth-carousel .duo-slick-slide .overlay-txt-reveal {
    opacity: 0;
    transition: all .75s .25s;
    transform: translate3d(0, 100px, 0); }
  .duo-fullwidth-carousel .duo-slick-slide.slick-active .overlay-reveal {
    opacity: 1; }
  .duo-fullwidth-carousel .duo-slick-slide.slick-active .overlay-txt-reveal {
    opacity: 1;
    transform: translate3d(0, 0, 0); }

.duo-overflow-hidden {
  overflow: hidden; }

.chatroom-carousel .slick-slide .duo-img-mask {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 40%;
  opacity: 1;
  background-color: #fff;
  z-index: 1;
  transition: opacity .75s 2s;
  backface-visibility: hidden; }

.chatroom-carousel .slick-slide.slick-active .duo-img-mask {
  opacity: 0; }

.duo-bg-image-cover {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover; }

.overlay-carousel {
  overflow: hidden;
  width: 100%;
  height: 100%;
  opacity: 0;
  transform: translate3d(100%, 0, 0);
  transition: all .75s ease-out; }
  .overlay-carousel .duo-slick-slide {
    padding-left: 0 !important; }
    .overlay-carousel .duo-slick-slide .overlay-txt-reveal {
      opacity: 0;
      transition: transform .75s .75s ease-out, opacity .75s .75s linear;
      transform: translate3d(0, 50px, 0); }
    .overlay-carousel .duo-slick-slide.slick-active .overlay-txt-reveal {
      opacity: 1;
      transform: translate3d(0, 0, 0); }
  .overlay-carousel.overlay-reveal {
    opacity: 1;
    transform: translate3d(0, 0, 0); }
  .overlay-carousel .slick-dots {
    left: 3.125vw;
    bottom: auto;
    top: 35px;
    right: auto; }
    @media (max-width: 640px) {
      .overlay-carousel .slick-dots {
        left: 6.25vw; } }
    @media (min-width: 1056px) {
      .overlay-carousel .slick-dots {
        left: 1.51515vw; } }
    @media (min-width: 1650px) {
      .overlay-carousel .slick-dots {
        left: 25px; } }

.duo-slick-slide {
  position: relative; }
  @media (min-width: 1056px) {
    .duo-slick-slide {
      padding-left: 1.51515vw; } }
  @media (min-width: 1650px) {
    .duo-slick-slide {
      padding-left: 25px !important; } }
  .duo-slick-slide * {
    z-index: 5; }
  .duo-slick-slide .duo-slick-slide-bg {
    height: 100%;
    position: absolute;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    overflow: hidden; }
    @media (max-width: 640px) {
      .duo-slick-slide .duo-slick-slide-bg {
        background-size: auto 100% !important; } }

.duo-text-aside {
  position: relative;
  padding: 24px 0 28px; }
  .duo-text-aside::before, .duo-text-aside::after {
    content: " ";
    position: absolute;
    width: 3.5rem;
    height: 4px;
    left: 0;
    background-color: #000; }
  .duo-text-aside::before {
    top: 0; }
  .duo-text-aside::after {
    bottom: 0; }

.duo-max-width {
  max-width: 37.5vw; }
  @media (max-width: 1056px) {
    .duo-max-width {
      max-width: 62.5vw; } }
  @media (max-width: 640px) {
    .duo-max-width {
      max-width: 100%; } }
  @media (min-width: 1650px) {
    .duo-max-width {
      max-width: 618.75px; } }

@media (min-width: 320px) {
  .duo-max-width-sm {
    max-width: 75% !important; } }

@media (min-width: 640px) {
  .duo-max-width-sm {
    max-width: 75% !important; } }

@media (min-width: 1056px) {
  .duo-max-width-sm {
    max-width: 75% !important; } }

@media (min-width: 1650px) {
  .duo-max-width-sm {
    max-width: 75% !important; } }

.duo-pull-quote blockquote {
  position: relative; }
  .duo-pull-quote blockquote em {
    display: block;
    font-style: normal; }
    .duo-pull-quote blockquote em .duo-pullquote-quote {
      display: inline-block;
      margin-bottom: 0; }

.duo-pull-quote.ibm-inset {
  float: right;
  margin: 5px 0 0 20px;
  padding: 0;
  width: 280px; }
  .duo-pull-quote.ibm-inset.ibm-alternate {
    float: left;
    margin: 5px 20px 0 0; }

.news-marquee-stories {
  line-height: 1.4rem; }

.duo-pullquote-open, .duo-pull-quote-open {
  position: absolute;
  transform: translate3d(-105%, 0.065em, 0); }

.duo-pullquote-close, .duo-pull-quote-close {
  position: absolute;
  transform: translate3d(20%, 0.12em, 0); }

.duo-pullquote-source, .duo-pull-quote-source {
  color: #5a5a5a; }

.duo-img-cta-module > .ibm-col-group {
  padding: 20px 0;
  width: 90%;
  border-top: 1px solid #d8d8d8; }
  @media (max-width: 640px) {
    .duo-img-cta-module > .ibm-col-group {
      width: 100%; }
      .duo-img-cta-module > .ibm-col-group .flex-row {
        flex-direction: column !important; } }
  .duo-img-cta-module > .ibm-col-group:last-child {
    border-bottom: 1px solid #d8d8d8;
    margin-bottom: 40px; }
  .duo-img-cta-module > .ibm-col-group .duo-cta-image-container {
    padding: 0 20px 0 0; }
    .duo-img-cta-module > .ibm-col-group .duo-cta-image-container img {
      width: 120px;
      height: 120px; }
    @media (max-width: 640px) {
      .duo-img-cta-module > .ibm-col-group .duo-cta-image-container {
        padding: 0 0 20px 0; }
        .duo-img-cta-module > .ibm-col-group .duo-cta-image-container img {
          width: 100%; } }

.scrollmagic-pin-spacer {
  min-width: 100% !important; }

.scrollmagic-pin-spacer .duo-sidebar {
  min-width: auto !important; }

.duo-sidebar p.ibm-type-c {
  padding-bottom: 0; }
  @media (max-width: 640px) {
    .duo-sidebar p.ibm-type-c {
      font-size: 16px;
      line-height: 24px; } }

.duo-sidebar a {
  display: block;
  line-height: 1.5rem; }

@media (max-width: 1056px) {
  .duo-sidebar .flex {
    display: block; }
    .duo-sidebar .flex p {
      margin-bottom: 0; } }

.duo-sidebar img {
  width: 100px;
  height: 100px; }
  @media (max-width: 1056px) {
    .duo-sidebar img {
      padding: 0 0 10px 0;
      display: block;
      width: 100%;
      height: auto; } }

.duo-no-scrollbar-tabs {
  height: 60px;
  overflow: hidden; }
  .duo-no-scrollbar-tabs .ibm-graphic-tabs {
    overflow: hidden;
    background: #fff;
    height: 75px; }
    @media (max-width: 640px) {
      .duo-no-scrollbar-tabs .ibm-graphic-tabs {
        overflow: auto; } }
    .duo-no-scrollbar-tabs .ibm-graphic-tabs::-webkit-scrollbar {
      display: none; }
    .duo-no-scrollbar-tabs .ibm-graphic-tabs .ibm-tabs {
      width: auto;
      min-width: 100vw;
      border-top: 1px solid #fff;
      flex-flow: row; }
      .duo-no-scrollbar-tabs .ibm-graphic-tabs .ibm-tabs li {
        background: #ececec;
        border-left: 0;
        border-top: 0;
        border-right: 1px solid #fff !important;
        cursor: default;
        display: block;
        width: auto;
        -webkit-box-flex: unset;
        -webkit-flex: unset;
        -moz-box-flex: unset;
        -ms-flex: unset;
        flex: unset;
        margin: 0;
        padding: 0;
        position: relative;
        text-align: center; }
        .duo-no-scrollbar-tabs .ibm-graphic-tabs .ibm-tabs li a {
          line-height: 1.4rem;
          padding-top: 14px;
          padding-bottom: 16px;
          padding-left: 3.125vw;
          padding-right: 3.125vw; }
          @media (max-width: 640px) {
            .duo-no-scrollbar-tabs .ibm-graphic-tabs .ibm-tabs li a {
              padding-left: 6.25vw;
              padding-right: 6.25vw; } }
          @media (min-width: 1650px) {
            .duo-no-scrollbar-tabs .ibm-graphic-tabs .ibm-tabs li a {
              padding-left: 50px;
              padding-right: 50px; } }
        .duo-no-scrollbar-tabs .ibm-graphic-tabs .ibm-tabs li a[aria-selected='true'] {
          background: #fff; }
          .duo-no-scrollbar-tabs .ibm-graphic-tabs .ibm-tabs li a[aria-selected='true'] span {
            border-bottom: 3px solid #000; }
        .duo-no-scrollbar-tabs .ibm-graphic-tabs .ibm-tabs li a:hover {
          color: #757575; }
        .duo-no-scrollbar-tabs .ibm-graphic-tabs .ibm-tabs li a:hover::after, .duo-no-scrollbar-tabs .ibm-graphic-tabs .ibm-tabs li a[aria-selected='true']::after {
          border-bottom-color: transparent; }

.duo-service-tabs {
  /* tab setting */
  /* selectors relative to radio inputs */ }
  .duo-service-tabs .duo-tabs .duo-tab {
    display: none; }
  .duo-service-tabs input[name="tab-control"] {
    display: none; }
    .duo-service-tabs input[name="tab-control"]:nth-of-type(1):checked ~ .duo-tab-list > label:nth-child(1) {
      cursor: default;
      font-weight: 600;
      background-color: #fff; }
      .duo-service-tabs input[name="tab-control"]:nth-of-type(1):checked ~ .duo-tab-list > label:nth-child(1)::after {
        position: absolute;
        width: 100%;
        height: 3px;
        background-color: #000;
        top: 0;
        left: 0; }
      .duo-service-tabs input[name="tab-control"]:nth-of-type(1):checked ~ .duo-tab-list > label:nth-child(1) span {
        border-bottom: 3px solid #000; }
    .duo-service-tabs input[name="tab-control"]:nth-of-type(1):checked ~ .duo-tabs > .duo-tab:nth-child(1) {
      display: block; }
    .duo-service-tabs input[name="tab-control"]:nth-of-type(2):checked ~ .duo-tab-list > label:nth-child(2) {
      cursor: default;
      font-weight: 600;
      background-color: #fff; }
      .duo-service-tabs input[name="tab-control"]:nth-of-type(2):checked ~ .duo-tab-list > label:nth-child(2)::after {
        position: absolute;
        width: 100%;
        height: 3px;
        background-color: #000;
        top: 0;
        left: 0; }
      .duo-service-tabs input[name="tab-control"]:nth-of-type(2):checked ~ .duo-tab-list > label:nth-child(2) span {
        border-bottom: 3px solid #000; }
    .duo-service-tabs input[name="tab-control"]:nth-of-type(2):checked ~ .duo-tabs > .duo-tab:nth-child(2) {
      display: block; }
    .duo-service-tabs input[name="tab-control"]:nth-of-type(3):checked ~ .duo-tab-list > label:nth-child(3) {
      cursor: default;
      font-weight: 600;
      background-color: #fff; }
      .duo-service-tabs input[name="tab-control"]:nth-of-type(3):checked ~ .duo-tab-list > label:nth-child(3)::after {
        position: absolute;
        width: 100%;
        height: 3px;
        background-color: #000;
        top: 0;
        left: 0; }
      .duo-service-tabs input[name="tab-control"]:nth-of-type(3):checked ~ .duo-tab-list > label:nth-child(3) span {
        border-bottom: 3px solid #000; }
    .duo-service-tabs input[name="tab-control"]:nth-of-type(3):checked ~ .duo-tabs > .duo-tab:nth-child(3) {
      display: block; }
    .duo-service-tabs input[name="tab-control"]:nth-of-type(4):checked ~ .duo-tab-list > label:nth-child(4) {
      cursor: default;
      font-weight: 600;
      background-color: #fff; }
      .duo-service-tabs input[name="tab-control"]:nth-of-type(4):checked ~ .duo-tab-list > label:nth-child(4)::after {
        position: absolute;
        width: 100%;
        height: 3px;
        background-color: #000;
        top: 0;
        left: 0; }
      .duo-service-tabs input[name="tab-control"]:nth-of-type(4):checked ~ .duo-tab-list > label:nth-child(4) span {
        border-bottom: 3px solid #000; }
    .duo-service-tabs input[name="tab-control"]:nth-of-type(4):checked ~ .duo-tabs > .duo-tab:nth-child(4) {
      display: block; }
  .duo-service-tabs .duo-tab-list label {
    display: inline-block;
    margin: 0 0 -1px;
    padding: 15px 25px;
    text-align: center;
    cursor: pointer;
    position: relative;
    left: -25px; }
  @media (max-width: 640px) {
    .duo-service-tabs .duo-tab-list {
      display: flex; }
      .duo-service-tabs .duo-tab-list label {
        flex-grow: 1;
        left: 0; } }

.duo-video-background-container {
  position: absolute;
  height: 100%;
  overflow: hidden;
  background-color: #000; }
  .duo-video-background-container video {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    height: 100%;
    min-width: 100%;
    min-height: 100%;
    object-fit: cover; }
  @media (max-width: 640px) {
    .duo-video-background-container {
      position: relative; }
      .duo-video-background-container video {
        display: none; } }

.duo-video-background-container2 {
  position: absolute;
  overflow: hidden; }
  .duo-video-background-container2 video {
    position: absolute;
    left: 62%;
    top: 43%;
    transform: translate(-50%, -50%);
    height: 100%;
    object-fit: cover; }
  @media (max-width: 1056px) {
    .duo-video-background-container2 video {
      top: 36%; } }
  @media (max-width: 640px) {
    .duo-video-background-container2 {
      position: relative; }
      .duo-video-background-container2 video {
        display: none; } }

.sr-reveal {
  visibility: hidden; }

.watson-avatar {
  object-fit: initial;
  width: 100%;
  height: 100%; }

.duo-box-links {
  box-sizing: border-box; }
  @media (min-width: 640px) and (max-width: 1366px) {
    .duo-box-links .duo-blocklink.ibm-col-ratio-md-6:after {
      padding-bottom: 87.5% !important; } }

.ibm-advantages-nav {
  box-sizing: border-box;
  overflow: hidden; }
  .ibm-advantages-nav .duo-blocklink h4, .ibm-advantages-nav .duo-blocklink p {
    margin-bottom: 0;
    padding-bottom: 0; }
  .ibm-advantages-nav .duo-blocklink p {
    position: absolute;
    z-index: 1;
    margin-right: 15%;
    color: #fff;
    transform: translateY(10px);
    opacity: 0; }
  @media (min-width: 1056px) and (max-width: 1366px) {
    .ibm-advantages-nav .duo-blocklink.ibm-col-ratio-lg-6:after {
      padding-bottom: 87.5%; } }
  .ibm-advantages-nav .duo-blocklink.duo-background-gradient-blue-core.active {
    background: #006EFF;
    background: -webkit-linear-gradient(-90deg, #006EFF 30%, #5652BA 100%);
    background: linear-gradient(180deg, #006EFF 30%, #5652BA 100%); }
    .ibm-advantages-nav .duo-blocklink.duo-background-gradient-blue-core.active *, .ibm-advantages-nav .duo-blocklink.duo-background-gradient-blue-core.active[class^="icon-"], .ibm-advantages-nav .duo-blocklink.duo-background-gradient-blue-core.active[class*="icon-"] {
      color: #fff; }
  .ibm-advantages-nav .duo-blocklink.duo-background-gradient-cyan-core.active {
    background: #006EFF;
    background: -webkit-linear-gradient(-90deg, #006EFF 30%, #1BB6DF 100%);
    background: linear-gradient(180deg, #006EFF 30%, #1BB6DF 100%); }
    .ibm-advantages-nav .duo-blocklink.duo-background-gradient-cyan-core.active *, .ibm-advantages-nav .duo-blocklink.duo-background-gradient-cyan-core.active[class^="icon-"], .ibm-advantages-nav .duo-blocklink.duo-background-gradient-cyan-core.active[class*="icon-"] {
      color: #fff; }
  @media (min-width: 640px) {
    .ibm-advantages-nav .duo-blocklink:hover:not(.active) h4 {
      display: none; }
    .ibm-advantages-nav .duo-blocklink:hover:not(.active) p {
      transform: translateY(0);
      opacity: 1;
      transition: all .5s; } }
  .ibm-advantages-nav.no-hover .duo-blocklink h4 {
    display: block !important; }
  .ibm-advantages-nav.no-hover .duo-blocklink p {
    display: none !important; }

@media (min-width: 640px) and (max-width: 880px) {
  .advantages-nav-ratio-override.ibm-col-ratio-md-4:after {
    padding-bottom: 62.5% !important; } }

@media (min-width: 1056px) and (max-width: 1366px) {
  .advantages-nav-ratio-override.ibm-col-ratio-lg-7:after {
    padding-bottom: 100%; } }

.gradient-text-cyan-90 {
  display: inline-block;
  font-size: 4rem;
  line-height: 4rem;
  font-weight: 600;
  padding: 0 2px 0 0;
  color: #006EFF;
  background: #006EFF;
  background: -webkit-linear-gradient(0deg, #006EFF 10%, #1BB6DF 90%);
  background: linear-gradient(90deg, #006EFF 10%, #1BB6DF 90%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent; }
  
  .gradient-text-cyan-90-big {
	display: inline-block;
	font-size: 7rem;
	line-height: 7rem;
	font-weight: 600;
	padding: 0 2px 0 0;
	color: #006EFF;
	background: #006EFF;
	background: -webkit-linear-gradient(0deg, #006EFF 10%, #1BB6DF 90%);
	background: linear-gradient(90deg, #006EFF 10%, #1BB6DF 90%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;  
  }
  
  
  @media (min-width: 640px) and (max-width: 1056px) {
    .gradient-text-cyan-90, .gradient-text-cyan-90-big{
      display: inline-block;
      font-size: 3.2rem;
      line-height: 3.2rem;
      font-weight: 600;
      padding: 0 2px 0 0;
      color: #006EFF;
      background: #006EFF;
      background: -webkit-linear-gradient(0deg, #006EFF 10%, #1BB6DF 90%);
      background: linear-gradient(90deg, #006EFF 10%, #1BB6DF 90%);
      background-clip: text;
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent; } }

.gradient-text-purple-0 {
  display: inline-block;
  font-size: 5rem;
  line-height: 5rem;
  font-weight: 500;
  padding: 0 2px 0 0;
  color: #054ada;
  background: #054ada;
  background: -webkit-linear-gradient(90deg, #054ada 10%, #6E32C9 90%);
  background: linear-gradient(0deg, #054ada 10%, #6E32C9 90%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent; }

.callcenter-icon {
  width: 40px;
  height: 40px;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: auto 100%;
  margin-bottom: 10px; }
  .callcenter-icon.icon-banking {
    background-image: url("/watson/assets/duo/img/call-center/callcenter-icon-banking.svg"); }
  .callcenter-icon.icon-insurance {
    background-image: url("/watson/assets/duo/img/call-center/callcenter-icon-insurance.svg"); }
  .callcenter-icon.icon-telco {
    background-image: url("/watson/assets/duo/img/call-center/callcenter-icon-telco.svg"); }
  .callcenter-icon.icon-retail {
    background-image: url("/watson/assets/duo/img/call-center/callcenter-icon-retail.svg"); }

.duo-accordion {
  position: relative;
  display: block;
  box-sizing: border-box; }
  .duo-accordion h2 {
    color: #418cff;
    padding: 13px 0;
    max-width: 92% !important; }
    .duo-accordion h2:after {
      position: absolute;
      font-family: "ibm-plex-sans";
      color: #6ea6ff;
      top: 0;
      right: 0;
      padding: 13px 0;
      content: '\FF0B'; }
    .duo-accordion h2:hover {
      cursor: pointer;
      color: #6ea6ff; }
      .duo-accordion h2:hover:after {
        color: #6ea6ff; }
  .duo-accordion .details-more {
    position: relative;
    display: block;
    margin-top: -2px;
    padding: 0;
    height: auto;
    max-height: 0px;
    overflow: hidden;
    transition: max-height .5s; }
    .duo-accordion .details-more > div {
      padding: 10px 0 0 0; }
      .duo-accordion .details-more > div:last-child {
        padding-bottom: 20px; }
  .duo-accordion.is-active .details-more {
    transition-duration: .75s;
    max-height: 1200px; }
  .duo-accordion.is-active h2 {
    color: #6ea6ff; }
    .duo-accordion.is-active h2:after {
      content: '\FF0D';
      color: #6ea6ff; }

.duo-content-expand .details-more {
  display: none; }

.duo-content-expand .icon-ibm-duo-plus.is-active {
  display: block; }
  .duo-content-expand .icon-ibm-duo-plus.is-active::before {
    content: "\e902" !important; }

.duo-content-expand .icon-ibm-duo-plus:hover {
  cursor: pointer; }

.duo-content-expand.is-active .details-more {
  display: inline; }

.duo-content-expand.is-active .details-ellipses {
  display: none; }

.duo-content-expand.is-active .icon-ibm-duo-plus::before {
  content: "\e902" !important; }

.header-shiv {
  height: 51px;
  display: none; }
  .ibm-sitenav-menu-sticky .header-shiv {
    display: block; }

#footerSlideContainer {
  top: auto !important;
  bottom: 0 !important; }

button.ibm-contact-widget-btn.ibm-active {
  background-color: #0f6dff !important; }
  button.ibm-contact-widget-btn.ibm-active:hover {
    background-color: #054ada !important; }

@keyframes open-sp-sm {
  0% {
    height: 16vh; }
  100% {
    height: auto; } }

.ibm-play-link:before {
  font-family: "icons-ibm-duo";
  font-size: 48px !important;
  content: "\e907"; }

.ibm-play-link:after {
  background: transparent !important; }

.duo-with-watson-gradient-animated {
  background: linear-gradient(70deg, #6E32C9 3%, #054ada 5%, #6E32C9 7%, #6E32C9 12%, #054ada 14%, #6E32C9 16%, #6E32C9 21%, #054ada 23%, #6E32C9 25%, #6E32C9 30%, #054ada 32%, #6E32C9 34%, #6E32C9 39%, #054ada 41%, #6E32C9 43%, #6E32C9 48%, #054ada 50%, #6E32C9 52%, #6E32C9 57%, #054ada 59%, #6E32C9 61%, #6E32C9 66%, #054ada 68%, #6E32C9 70%, #6E32C9 75%, #054ada 77%, #6E32C9 79%, #6E32C9 84%, #054ada 86%, #6E32C9 89%, #6E32C9 94%, #054ada 96%, #6E32C9 98%);
  background-size: 3000% 100% !important;
  animation: Gradient 400s ease infinite; }

@keyframes Gradient {
  0% {
    background-position: 0%; }
  50% {
    background-position: 50%; }
  100% {
    background-position: 100%; } }

#watson-demos {
  background-color: #171717; }

#view-change-button {
  display: inline-block;
  position: absolute;
  width: 3.125rem;
  height: 3.125rem;
  border-radius: 1.5625rem;
  background: #AB72F8;
  top: 0.3125rem;
  right: 0.3125rem;
  line-height: 3.125rem;
  vertical-align: middle; }
  #view-change-button:hover {
    cursor: pointer; }
  #view-change-button img {
    display: none;
    width: 100%;
    height: 100%;
    vertical-align: middle; }
  #view-change-button:not(.full) .not-full, #view-change-button.full .full {
    display: inline-block; }

#conversation-demo {
  position: relative; }

.responsive-columns-wrapper {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  -ms-display: flex;
  -ms-flex-direction: row; }

.responsive-column {
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  overflow: auto; }

#chat-column-holder {
  text-align: center;
  width: 55%; }

.chat-column {
  padding: 0.9375rem 0 0 2em;
  text-align: left;
  height: 28rem;
  width: 80%; }
  .chat-column p {
    font-size: 20px;
    font-weight: 300; }

#scrollingChat {
  margin: 0.75rem;
  overflow-y: auto;
  overflow-x: hidden;
  height: calc(100% - 7rem); }

.message-inner {
  opacity: 0;
  margin-top: 0.9375rem;
  -webkit-transition-property: opacity, margin-top;
  -webkit-transition-duration: 0.75s;
  -webkit-transition-timing-function: ease-in;
  -moz-transition-property: opacity, margin-top;
  -moz-transition-duration: 0.75s;
  -moz-transition-timing-function: ease-in;
  -o-transition-property: opacity, margin-top;
  -o-transition-duration: 0.75s;
  -o-transition-timing-function: ease-in;
  -ms-transition-property: opacity, margin-top;
  -ms-transition-duration: 0.75s;
  -ms-transition-timing-function: ease-in;
  transition-property: opacity, margin-top;
  transition-duration: 0.75s;
  transition-timing-function: ease-in; }

.load .message-inner {
  opacity: 1;
  margin: 0.5125rem 0; }

.from-user {
  text-align: right; }
  .from-user .message-inner {
    position: relative;
    font-size: 1rem;
    color: #fff;
    letter-spacing: 0.015rem;
    line-height: 1.3125rem;
    background: #00B4A0;
    border-radius: 1.25rem;
    border-bottom-right-radius: 0;
    text-align: left;
    display: inline-block;
    margin-left: 2.5rem;
    min-width: 2.5rem; }
    .from-user .message-inner p {
      margin: 0.3125rem;
      padding: 0 0.9375rem; }
    .from-user .message-inner:before, .from-user .message-inner:after {
      content: "";
      position: absolute; }
    .from-user .message-inner:before {
      z-index: -2;
      bottom: -0.375rem;
      right: 0;
      height: 0.375rem;
      width: 0.5rem;
      background: #1cb3a0; }
    .from-user .message-inner:after {
      z-index: -1;
      bottom: -0.5rem;
      right: 0;
      height: 0.5rem;
      width: 0.5rem;
      background: #fff;
      border-top-right-radius: 1.25rem; }

.from-watson .message-inner {
  position: relative;
  border-radius: 1.5625rem;
  color: #B5B5B5;
  letter-spacing: 0.015rem;
  line-height: 1.3125rem; }

.from-watson.latest .message-inner {
  color: #323232; }
  .from-watson.latest .message-inner p {
    font-size: 20px;
    font-weight: 300; }

.from-watson p {
  margin: 0.3125rem;
  padding: 0 1.25rem;
  font-size: 16px;
  font-weight: 300; }

.from-watson.latest.top p:before {
  content: ".";
  color: #9855D4;
  background-image: url("/watson/assets/duo/img/icons/ico-chat-marker.png");
  background-size: 0.3125rem 1.3125rem;
  position: absolute;
  z-index: 2;
  left: 0.4375rem;
  width: 0.3125rem;
  height: 1.3125rem;
  line-height: 1.3125rem; }

#textInput {
  border: none;
  outline: none;
  background: transparent;
  font-size: 20px;
  color: #323232;
  letter-spacing: 0.015rem;
  line-height: 1.3125rem;
  height: 2.5rem;
  max-width: 100%;
  padding-left: 0.125rem;
  margin-bottom: -0.125rem;
  font-weight: 300; }
  #textInput.underline {
    border-bottom: 2px solid #00B4A0; }

::-webkit-input-placeholder {
  color: #B5B5B5; }

::-moz-placeholder, input:-moz-placeholder {
  color: #B5B5B5;
  opacity: 1; }

:-ms-input-placeholder {
  color: #B5B5B5; }

::-ms-clear {
  display: none; }

.inputOutline {
  display: block;
  border-bottom: 0.0625rem solid #aeaeae;
  margin-left: 0.5rem;
  margin-right: 0.5rem; }

#textInputDummy {
  position: absolute;
  white-space: pre;
  top: 0;
  left: -1000%;
  opacity: 0; }

#payload-column {
  font-size: 0.75rem;
  letter-spacing: 0;
  line-height: 1.125rem;
  background-color: #23292A;
  color: #fff;
  overflow-x: auto;
  width: 45%;
  max-height: 32rem; }
  #payload-column.full {
    width: 100%;
    max-width: none;
    min-width: initial; }
  #payload-column .header-text, #payload-column #payload-initial-message {
    font-size: 1.125rem;
    color: #9E9E9E;
    letter-spacing: 0.01875rem;
    padding: 0.5rem;
    padding-left: 2.5rem;
    background: #383D3E; }

.hide {
  display: none; }

.payload .line-numbers, .payload .payload-text {
  padding: 0.5rem; }

.line-numbers {
  width: 2rem;
  color: #898989;
  text-align: right; }

pre {
  margin: 0;
  word-wrap: normal; }

.string {
  color: #54EED0; }

.boolean, .null, .number {
  color: #CE8EFF; }

.key {
  color: #66B7FF; }

html {
  font-size: 16px; }

@media only screen and (max-width: 1000px) {
  html {
    font-size: 15px; } }

@media only screen and (max-width: 600px) {
  html {
    font-size: 14px; }
  .chat-column {
    padding-top: 4rem; }
  #payload-column {
    width: 0;
    max-width: none;
    min-width: initial; } }

.news-marquee {
  overflow: hidden;
  position: relative;
  padding-left: 8rem;
  z-index: 1; }
  .news-marquee::before {
    content: "Latest news";
    color: #757575;
    display: inline-block;
    padding-right: 1.5rem;
    position: absolute;
    left: 0;
    border-right: 1px solid #fff;
    background-color: #000;
    z-index: 5; }

.news-marquee-stories-container {
  /*width: 2000px;*/
  transform: translateX(100%);
  animation: marquee-scroll 40s linear infinite; }

.news-marquee-stories {
  list-style: none;
  display: table-cell;
  white-space: nowrap;
  /*float: left;*/ }

.news-marquee-stories-container:hover {
  animation-play-state: paused !important; }

.news-marquee-stories li {
  display: inline;
  margin-left: 0;
  padding-left: 3em; }

.news-marquee-stories li a:hover {
  text-decoration: none; }

.news-marquee-stories li a:hover span {
  text-decoration: underline;
  color: white; }

.news-marquee-stories li:before {
  content: ""; }

.news-marquee-stories li a span:after {
  /*content: "|";*/
  /*margin-left: .75em;*/
  content: attr(cta);
  color: #757575;
  display: inline-block;
  padding-left: 0.6em; }

.news-marquee-stories li a:hover span:after {
  transform: translateX(0.25em);
  transition: .25s ease;
  color: #fff; }

/*.news-marquee-stories li:last-of-type:after {
    content: "";
}*/
@keyframes marquee-scroll {
  0% {
    transform: translateX(0); }
  100% {
    transform: translateX(-50%);
    /*-2000px*/ } }

.duo-blocklink-noborder {
  border: none !important; }
  .duo-blocklink-noborder:hover, .duo-blocklink-noborder:focus {
    border: none; }

.story-detail {
  padding-bottom: 0; }
  .story-detail h2 {
    padding-top: 10px;
    margin-bottom: 24px; }
  .story-detail p {
    padding: 0;
    margin-bottom: 24px; }
    .story-detail p:last-of-type {
      margin-bottom: 48px; }
  @media (min-width: 1650px) {
    .story-detail .ibm-type-c {
      max-width: 618.75px; } }
  @media (max-width: 640px) {
    .story-detail .ibm-type-d,
    .story-detail h2 {
      max-width: 100%; } }
  .story-detail .text-border-top {
    padding-top: 10px;
    border-top: 1px solid #d8d8d8; }
  .story-detail .ibm-dashed-list {
    padding-bottom: 0;
    max-width: 62.5vw; }
    @media (min-width: 1056px) {
      .story-detail .ibm-dashed-list {
        max-width: 37.5vw; } }
    @media (max-width: 640px) {
      .story-detail .ibm-dashed-list {
        max-width: 100vw; } }
    .story-detail .ibm-dashed-list li {
      padding-top: 0;
      margin-bottom: 16px; }
      .story-detail .ibm-dashed-list li:last-child {
        margin-bottom: 24px; }
  .story-detail .duo-pull-quote blockquote p {
    padding-bottom: 24px;
    margin-bottom: 0; }

.duo-overlay-img-container {
  display: block;
  position: relative;
  width: 100%;
  height: auto;
  margin-bottom: 10px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover; }
  .duo-overlay-img-container .duo-overlay-img-info {
    position: absolute;
    opacity: 0;
    top: 0;
    left: 0;
    bottom: 4px;
    right: 0;
    background: rgba(23, 23, 23, 0.65);
    transition: opacity .75s; }
    .duo-overlay-img-container .duo-overlay-img-info p {
      font-weight: 300 !important;
      padding: 20px 40px 20px 20px;
      margin: 0; }
    .duo-overlay-img-container .duo-overlay-img-info:hover, .duo-overlay-img-container .duo-overlay-img-info:focus {
      opacity: 1; }

.duo-img-mix-padding {
  padding-top: 0;
  padding-bottom: 48px;
  margin: 0; }
  @media (min-width: 640px) {
    .duo-img-mix-padding {
      padding-left: 0; } }
  .duo-img-mix-padding .duo-pull-quote blockquote p {
    padding-bottom: 24px;
    margin-bottom: 0; }
    .duo-img-mix-padding .duo-pull-quote blockquote p:last-of-type {
      padding-bottom: 0; }

.ibm-pullquote-open {
  transform: translate3d(-105%, -3%, 0); }

.ibm-pullquote-close {
  transform: translate3d(0, -5%, 0); }

@media (min-width: 640px) {
  .duo-imgmix-left-gutter {
    padding-left: 10px; } }

@media (min-width: 1056px) {
  .duo-imgmix-left-gutter {
    padding-left: 15px; } }

.duo-sidebar p {
  padding: 0;
  margin-top: 10px;
  max-width: 100%; }
  .duo-sidebar p.ibm-type-c {
    margin-top: 0; }
    .duo-sidebar p.ibm-type-c:last-of-type {
      margin-bottom: 24px; }
  .duo-sidebar p.duo-sidebar-header {
    margin-top: 0;
    margin-bottom: 10px !important;
    padding-bottom: 10px;
    border-bottom: 1px solid #d8d8d8;
    font-weight: 600; }
    .duo-sidebar p.duo-sidebar-header.duo-sidebar-video-header {
      padding-bottom: 0;
      border-bottom: none; }

.duo-sidebar .story-detail {
  max-width: 260px; }
  @media (max-width: 640px) {
    .duo-sidebar .story-detail {
      max-width: 100%; } }
  .duo-sidebar .story-detail .duo-sidebar-video {
    padding: 10px 0;
    border-bottom-width: 1px;
    border-bottom-style: solid; }
    @media (min-width: 1056px) {
      .duo-sidebar .story-detail .duo-sidebar-video .flex-column {
        height: 100px !important; } }
    .duo-sidebar .story-detail .duo-sidebar-video:last-of-type {
      margin-bottom: 24px; }

.big-num-list {
  clear: both; }
  .big-num-list li {
    margin: 0;
    padding: 0 0 15px 60px;
    min-height: 80px; }
    .big-num-list li:before {
      content: counter(item);
      font-size: 74px !important;
      line-height: 62px;
      color: #000;
      font-family: 'ibm-plex-sans';
      width: 55px;
      margin-left: -60px;
      text-align: center; }
  @media (min-width: 640px) and (max-width: 1056px) {
    .big-num-list li {
      padding: 0 0 15px 35px; }
      .big-num-list li:before {
        font-size: 44px !important;
        line-height: 38px;
        width: 30px;
        margin-left: -35px; } }

.duo-video-module-sm {
  padding: 15px 0; }
  .duo-video-module-sm a {
    width: auto;
    min-width: 100px;
    overflow: hidden; }
  .duo-video-module-sm p {
    margin-left: 15px; }

.duo-sidebar .duo-video-module-sm {
  padding: 10px 0; }
  .duo-sidebar .duo-video-module-sm p {
    margin: 0; }
    @media (min-width: 1056px) {
      .duo-sidebar .duo-video-module-sm p {
        margin-left: 10px; } }
  .duo-sidebar .duo-video-module-sm:last-of-type {
    border-bottom: 1px solid #d8d8d8; }
  @media (max-width: 640px) {
    .duo-sidebar .duo-video-module-sm {
      width: calc(50% - 5px);
      border-bottom: 1px solid #d8d8d8; }
      .duo-sidebar .duo-video-module-sm:first-of-type {
        margin-right: 10px; } }

@media (min-width: 640px) {
  .duo-explore-link {
    position: absolute;
    bottom: 0; } }