/*Palette V.2.0*/

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap');

:root {
  /* Primitive/Colours Styles */

  --primary-element-background: #FFF;
  --primary-element-pale: #FCF7FB;
  /* --primary-element-pale: #fff; */
  /* this color is updated to achieve background color of web pages as per figma*/
  --primary-element-subtle: #F6E7F1;
  --primary-element-light: #E3B5D4;
  --primary-element-mid-light: #C35EA3;
  --primary-element-mid: #A60F75;
  --primary-element-mid-dark: #760B53;
  --primary-element-dark: #5B0840;

  /* Secondary/Element */
  --secondary-element-background: #FFF;
  --secondary-element-pale: #EEE4D2;
  --secondary-element-subtle: #F1E9F2;
  --secondary-element-light: #D4BBD7;
  --secondary-element-mid-light: #A16CA9;
  --secondary-element-mid: #F6F6F8;
  --secondary-element-mid-dark: #561A5F;
  --secondary-element-dark: #45154C;

  /* Primary/Button */
  --primary-button-foreground-ondark: #FFF;
  --primary-button-foreground-onlight: #A60F75;
  --primary-button-label-inverted: #640946;
  --primary-button-resting: #A60F75;
  --primary-button-hover: #AE976D;
  --primary-button-pressed: #7C6B4D;

  /* Secondary/Button */
  --secondary-button-foreground-ondark: #EEE4D2;
  --secondary-button-foreground-onlight: #73237F;
  --secondary-button-label-inverted: #3F1346;
  --secondary-button-resting: #73237F;
  --secondary-button-hover: #561A5F;
  --secondary-button-pressed: #3F1346;

  /* Tertiary/Button */
  --tertiary-button-foreground-ondark: #FFF;
  --tertiary-button-foreground-onlight: #AE976D;
  --tertiary-button-label-inverted: #493F2E;
  --tertiary-button-resting: #AE976D;
  --tertiary-button-hover: #7C6B4D;
  --tertiary-button-pressed: #60533C;

  /* Primary/Navigation */
  --primary-nav-label-selected: #FFF;
  --primary-nav-label-resting: #7D0B58;
  --primary-nav-label-hover: #7C6B4D;
  --primary-nav-label-pressed: #640946;
  --primary-nav-container-selected: #A60F75;
  --primary-nav-container-selected-hover: #7D0B58;

  /* Primary/Chip */
  --primary-chip-label-selected: #A60F75;
  --primary-chip-border-selected: #A60F75;
  --primary-chip-container-selected: #F6E7F1;
  --primary-chip-container-selected-hover: #E3B5D4;

  /* Primary/Tab */
  --primary-tab-label-resting: #FFF;
  --primary-tab-container-active: #FFF;
  --primary-tab-container-resting: #A60F75;
  --primary-tab-container-resting-hover: #760B53;

  /* Primary/Title */
  --primary-title-page-title: #640946;
  --primary-title-page-subtitle: #760B53;
  --primary-title-card-title: #640946;
  --primary-title-card-subtitle: #760B53;
  --primary-title-highlight: #A60F75;

  /* Secondary/Title */
  --secondary-title-page-title: #3F1346;
  --secondary-title-page-subtitle: #561A5F;
  --secondary-title-card-title: #3F1346;
  --secondary-title-card-subtitle: #561A5F;
  --secondary-title-highlight: #AE976D;

  /* Primary/Body Text */
  --primary-body-text-highlight: #A60F75;

  /* Secondary/Body Text */
  --secondary-body-text-highlight: #AE976D;


  /* Primary/Overlay */
  --primary-overlay-overlaylight: rgba(45, 45, 62, 0.50);

  /* Primary/Shadow */
  --primary-shadow-branded: #640946;


  /* Gradient/Element */
  --gradient-element-flashing: linear-gradient(274deg, rgba(248, 235, 243, 0.50) 21.05%, #F8EBF3 39.28%, #F2DBEA 66.63%);
  --gradient-element-fade: linear-gradient(90deg, rgba(252, 247, 251, 0.00) 0%, #FCF7FB 100%);

  /* ==========>          Gradients with the same start and end color */
  --gradient-element-pattern: linear-gradient(135deg, var(--color-primary-100), var(--color-primary-50) 50.52%, var(--color-secondary-100));

  /* Gradient/Navigation */
  --gradient-navigation-separator: linear-gradient(90deg, rgba(174, 151, 109, 0.00) 0%, rgba(174, 151, 109, 0.50) 50%, rgba(174, 151, 109, 0.00) 100%);
  --gradient-navigation-footer-separator: linear-gradient(90deg, rgba(174, 151, 109, 0.00) 0%, rgba(174, 151, 109, 0.50) 50%, rgba(174, 151, 109, 0.00) 100%);
  --gradient-navigation-fade: linear-gradient(90deg, rgba(246, 231, 241, 0.00) 0%, #F6E7F1 100%);

  --color-topnav-background: #F6E7F1;
  /*  --color-loader: 29, 35, 107;         

  --font-montserrat: "Montserrat";
  --font-title: var(--font-montserrat);


  /* Font */
  --font-title: "Noto Sans";
  --color-footer-background: #FCF7FB;
  --footer-font-color: #2D2D3E;

  /* Veriables for Hyperlink color */
  --primary-hyperlink-ondark: #A60F75;
  --primary-hyperlink-onlight: #515170;



}

.list {
  font-size: var(--step-0);
}

.wordwrap {
  word-break: break-all;
}

.bold-styling.step-2 h2 .step-5-custom {
  font-size: var(--step-5);
}

/* CSS added by ABT */
.cmp-top-nav .primary-nav .above-brand-nav__rightnav ul li a span:not(ul.sub-menu li a span) {
  font-size: var(--step--2);
  color: #A60F75;
}

.cmp-top-nav .primary-nav .above-brand-nav__rightnav ul li ul.sub-menu li a span {
  font-size: var(--step--2);
}

@media only screen and (min-width: 1024.1px) {
  .cmp-top-nav .primary-nav {
    padding: 0;
  }
}

.cmp-primary-nav.cmp-separator__light {
  border-bottom: 1px solid #E3B5D4;
}

.cmp-top-nav .primary-nav ul.sub-menu>li:first-child .cmp-nav__sub-menu--icon,
.cmp-top-nav .primary-nav ul.sub-menu>li:first-child .cmp-nav__sub-menu--icon:hover {
  background-color: #fff;
  pointer-events: none;
  cursor: auto;
}

.cmp-top-nav .primary-nav ul.sub-menu>li:first-child {
  cursor: text;

}

.cmp-top-nav .primary-nav ul.sub-menu>li:first-child span {
  color: #3A3A50;
  font-weight: 600;
}

.cmp-isi.sticky-isi {
  background: #fff;
}

.cmp-isi--contianer-medium .sticky-isi .cmp-isi--container {
  background-color: var(--primary-element-background);
}

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

  .cmp-primary-nav .primary-nav-wrapper .primary-nav.two_line--navigation ul.menu li.nav-item-variant-small span:nth-child(2),
  .cmp-primary-nav .primary-nav-wrapper .primary-nav.two_line--navigation ul.menu li.nav-item-variant-large span:nth-child(2) {
    display: none;
  }

  /*
 .mobile-hide,
  #mobile-hide {
    display: none;
  }
*/

}

@media only screen and (min-width:320px) and (max-width:767px) {
  .cmp-top-nav .primary-nav .above-brand-nav__rightnav ul li a span:not(ul.sub-menu li a span) {
    width: max-content;
    background: #fff;
    padding: 2px 18px;
    border-radius: 6px;
  }
}

@media only screen and (min-width:1024.1px) {
  .cmp-top-nav .primary-nav ul.sub-menu {
    top: 45px !important;
  }
}

.cmp-isi--row__col .separator.top-space-xs {
  margin-top: 0px !important;
}
.cmp-isi--row__col .separator.bottom-space-xs {
  margin-bottom: var(--space-2xs) !important;
}
.cmp-top-nav .primary-nav .above-brand-nav__rightnav ul li ul.sub-menu li a span{width: 19rem;}

.IBMplexsons {
  font-family: 'IBM Plex Sans' !important;
}

.strong-step-5 {
  font-size: var(--step-5) !important;
}

#dynamicmedia_90202820_socialShare { 

display:none !important;

}

.cmp-top-nav .primary-nav .above-brand-nav__rightnav {
    margin-left: 0px !important;
}

.fontstep1 { font-size: var(--step-1) !important;}
.fontstep2 { font-size: var(--step-2) !important;}
.fontstep3 { font-size: var(--step-3) !important;}
.fontstep4 { font-size: var(--step-4) !important;}
.fontstep5 { font-size: var(--step-5) !important;}
.fontstep0 { font-size: var(--step-0) !important;}
.fontstep-1 { font-size: var(--step--1) !important;}


.cmp-isi--container__holder, .cmp-isi.enabled-inpage-isi .cmp-isi--container .cmp-isi--container__holder {
padding: 5px var(--space-s) 0 var(--space-s) !important;
}

@media only screen and (min-width: 320px) and (max-width: 1024px) {
#column-mobile{
gap: 0px !important;
}
#column-mobile ul {
margin-top: 0px !important;
margin-bottom: 0px !important;

}
}