@font-face {
  font-family: "Sky Text";
  font-style: normal;
  font-weight: 400px;
  src: url("//static.skyassets.com/fonts/sky-regular.woff2") format("woff2"), url("//static.skyassets.com/fonts/sky-regular.woff") format("woff");
}

@font-face {
  font-family: "Sky Text Medium";
  font-style: normal;
  font-weight: 500px;
  src: url("//static.skyassets.com/fonts/sky-medium.woff2") format("woff2"), url("//static.skyassets.com/fonts/sky-medium.woff") format("woff");
}

:root {
  /* Colours */
  --bods-transparent-pixel: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='0' height='0' viewBox='0 0 1 1'%3E%3Cpath d='M 1,1' fill='transparent' /%3E%3C/svg%3E");
  --bods-color-cta-dark-gradient: linear-gradient(90deg, rgba(8, 3, 40, 1) 0%, rgba(5, 25, 132, 1) 100%);
  --bods-color-cta-mirror-effect: linear-gradient(178.5deg, rgba(255, 255, 255, 0) 1.3%, rgba(255, 255, 255, 0.125) 47.74%, rgba(0, 55, 255, 0.5) 47.75%, rgba(0, 55, 255, 0.5) 95.18%);
  --bods-color-cta-light-mirror-effect: linear-gradient(177deg, rgba(255, 255, 255, 0.00) 2.8%, rgba(255, 255, 255, 0.13) 49.08%, rgba(0, 164, 255, 0.50) 49.08%, rgba(0, 164, 255, 0.50) 97.25%);
  --bods-color-cta-dark-mirror-effect: linear-gradient(175deg, rgba(255, 255, 255, 0.00) 1.3%, rgba(255, 255, 255, 0.13) 47.74%, rgba(0, 7, 122, 0.50) 47.75%, rgba(0, 7, 122, 0.50) 95.18%);
  --bods-gradient-overlay-cta-mirror-effect: linear-gradient(0deg, rgba(255, 255, 255, 0) 1.3%, rgba(255, 255, 255, 0.125) 47.74%, rgba(0, 55, 255, 0.5) 47.75%, rgba(0, 55, 255, 0.5) 95.18%);
  --bods-gradient-overlay-cta-dark-mirror-effect: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.125) 49.4692%, rgba(0, 7, 122, 0.5) 49.4792%, rgba(0, 7, 122, 0.5) 100%);
  /* Added new Background color - BOS-11323 -start */
  --bods-color-dark-gradient: linear-gradient(90deg, #080328 34.67%, #051984 99.89%);
  /* Added new Background color - BOS-11323 -End */
  --bods-color-backgrounds-cool-grey: #f2f5fa;
  --bods-color-brand-white: #ffffff;
  --bods-color-brand-primary-blue: #0037ff;
  --bods-color-brand-light-blue: #00a4ff;
  --bods-color-brand-mid-blue: #0083ff;
  --bods-color-brand-deep-blue: #00077a;
  --bods-color-brand-dark-blue: #14182d;
  --bods-color-brand-primary-grey: #4a4a4a;
  --bods-color-brand-primarhy-grey: var(--bods-color-brand-primary-grey);
  --bods-color-brand-text-grey: #4a4a4a;
  --bods-color-brand-fresh-grey: #a4b4cb;
  --bods-color-cta-default: #0037ff;
  --bods-color-cta-dark: #00077a;
  --bods-color-cta-selected: #1589ee;
  --bods-color-cta-enabled: #0037ff;
  --bods-color-cta-disabled: #cccccc;
  --bods-color-foundation-grey-neutral-80: #c9c9c9;
  --bods-color-foundation-grey-neutral-100: #ffffff;
  --bods-color-Brand-Cool-Grey: #FAFAFD;
  --bods-color-greyscale-white: #ffffff;
  --bods-color-greyscale-grey-2: #FAFAFA;
  --bods-color-greyscale-grey-3: #f6f6f6;
  --bods-color-greyscale-grey-5: #f2f2f2;
  --bods-color-greyscale-grey-10: #E6E6E6;
  --bods-color-greyscale-grey-20: #c0c0c0;
  --bods-color-greyscale-grey-50: #909090;
  --bods-color-greyscale-grey-55: #737373;
  --bods-color-greyscale-grey-70: #4d4d4d;
  --bods-color-reserved-negative: #dd1717;
  --bods-color-reserved-positive: #007e13;
  --bods-color-primary-regular: #000ff5;
  --bods-color-primary-light: #0097f5;
  --bods-color-text-white: #ffffff;
  --bods-color-text-primary-grey: #4a4a4a;
  --bods-color-text-primary-gradient: linear-gradient(90deg, #0037ff 20.45%, #0083ff 89.58%);
  --bods-color-text-primary-gradient-reversed: linear-gradient(90deg, #0083ff 10.42%, #0037ff 79.55%);
  --bods-color-text-secondary-gradient: linear-gradient(90deg, #032528 -50.81%, #0037ff 59.94%);
  --bods-color-text-secondary-gradient-reversed: linear-gradient(90deg, #0037ff 26.5625%, #032528 100%);
  --bods-color-tab-unselected-shadow: #747474;
  --bods-color-cta-hover-light: #e7ecff;
  --bods-color-reserved-attention-dark: #C1481B;
  --bods-color-reserve-negative-dark: #B11212;
  /* End Colours */

  /* Typography */
  --bods-typography-font-normal: "Sky Text", "Salesforce Sans", Arial, Helvetica, sans-serif;
  --bods-typography-font-medium: "Sky Text Medium", "Salesforce Sans", Arial, Helvetica, sans-serif;
  --bods-typography-display-1-regular-fontFamily: var(--bods-typography-font-normal);
  --bods-typography-display-1-regular-fontSize: 48px;
  --bods-typography-display-1-regular-fontWeight: 400;
  --bods-typography-display-1-regular-lineHeight: 52px;
  --bods-typography-display-2-regular-fontFamily: var(--bods-typography-font-normal);
  --bods-typography-display-2-regular-fontSize: 40px;
  --bods-typography-display-2-regular-fontWeight: 400;
  --bods-typography-display-2-regular-lineHeight: 52px;
  --bods-typography-display-2-medium-fontFamily: var(--bods-typography-font-medium);
  --bods-typography-display-2-medium-fontSize: 40px;
  --bods-typography-display-2-medium-fontWeight: 500;
  --bods-typography-display-2-medium-lineHeight: 52px;
  --bods-typography-default-lineHeight: 24px;
  --bods-typography-display-3-regular-fontFamily: var(--bods-typography-font-normal);
  --bods-typography-display-3-regular-fontSize: 48px;
  --bods-typography-display-3-regular-fontWeight: 400;
  --bods-typography-display-3-regular-lineHeight: 64px;
  --bods-typography-display-4-regular-fontFamily: var(--bods-typography-font-normal);
  --bods-typography-display-4-regular-fontSize: 20px;
  --bods-typography-display-4-regular-fontWeight: 400;
  --bods-typography-display-4-regular-lineHeight: 24px;
  --bods-typography-display-4-medium-fontFamily: var(--bods-typography-font-medium);
  --bods-typography-display-4-medium-fontSize: 40px;
  --bods-typography-display-4-medium-fontWeight: 500;
  --bods-typography-display-4-medium-lineHeight: 52px;
  --bods-typography-display-5-regular-fontFamily: var(--bods-typography-font-normal);
  --bods-typography-display-5-regular-fontSize: 28px;
  --bods-typography-display-5-regular-fontWeight: 400;
  --bods-typography-display-5-regular-lineHeight: 40px;
  --bods-typography-display-5-medium-fontFamily: var(--bods-typography-font-medium);
  --bods-typography-display-5-medium-fontSize: 28px;
  --bods-typography-display-5-medium-fontWeight: 500;
  --bods-typography-display-5-medium-lineHeight: 40px;
  --bods-typography-display-6-regular-fontFamily: var(--bods-typography-font-normal);
  --bods-typography-display-6-regular-fontSize: 20px;
  --bods-typography-display-6-regular-fontWeight: 400;
  --bods-typography-display-6-regular-lineHeight: var(--bods-typography-default-lineHeight);
  --bods-typography-display-6-medium-fontFamily: var(--bods-typography-font-medium);
  --bods-typography-display-6-medium-fontSize: 20px;
  --bods-typography-display-6-medium-fontWeight: 500;
  --bods-typography-display-6-medium-lineHeight: var(--bods-typography-default-lineHeight);
  --bods-typography-display-7-regular-fontFamily: var(--bods-typography-font-normal);
  --bods-typography-display-7-regular-fontSize: 16px;
  --bods-typography-display-7-regular-fontWeight: 400;
  --bods-typography-display-7-regular-lineHeight: 20px;
  --bods-typography-display-7-medium-fontFamily: var(--bods-typography-font-medium);
  --bods-typography-display-7-medium-fontSize: 16px;
  --bods-typography-display-7-medium-fontWeight: 500;
  --bods-typography-display-7-medium-lineHeight: 20px;
  --bods-typography-body-legal-regular-fontFamily: var(--bods-typography-font-normal);
  --bods-typography-body-legal-regular-fontSize: 14px;
  --bods-typography-body-legal-regular-fontWeight: 400;
  --bods-typography-body-legal-regular-lineHeight: var(--bods-typography-default-lineHeight);
  --bods-typography-body-legal-regular-color: var(--bods-color-greyscale-grey-70);
  --bods-typography-body-legal-medium-fontFamily: var(--bods-typography-font-medium);
  --bods-typography-body-legal-medium-fontSize: 14px;
  --bods-typography-body-legal-medium-fontWeight: 500;
  --bods-typography-body-legal-medium-lineHeight: var(--bods-typography-default-lineHeight);
  --bods-typography-body-legal-medium-color: var(--bods-color-greyscale-grey-70);
  --bods-typography-body-sml-regular-fontFamily: var(--bods-typography-font-normal);
  --bods-typography-body-sml-regular-fontSize: 16px;
  --bods-typography-body-sml-regular-fontWeight: 400;
  --bods-typography-body-sml-regular-lineHeight: var(--bods-typography-default-lineHeight);
  --bods-typography-body-sml-medium-fontFamily: var(--bods-typography-font-medium);
  --bods-typography-body-sml-medium-fontSize: 16px;
  --bods-typography-body-sml-medium-fontWeight: 500;
  --bods-typography-body-sml-medium-lineHeight: var(--bods-typography-default-lineHeight);
  --bods-typography-body-sml-medium-fontColor: var(--bods-color-greyscale-grey-70);
  --bods-typography-body-body-regular-fontFamily: var(--bods-typography-font-normal);
  --bods-typography-body-body-regular-fontSize: 18px;
  --bods-typography-body-body-regular-fontWeight: 400;
  --bods-typography-body-body-regular-lineHeight: 28px;
  --bods-typography-body-body-medium-fontFamily: var(--bods-typography-font-medium);
  --bods-typography-body-body-medium-fontSize: 18px;
  --bods-typography-body-body-medium-fontWeight: 500;
  --bods-typography-body-body-medium-lineHeight: 28px;
  --bods-typography-body-large-regular-fontFamily: var(--bods-typography-font-normal);
  --bods-typography-body-large-regular-fontSize: 20px;
  --bods-typography-body-large-regular-fontWeight: 400;
  --bods-typography-body-large-regular-lineHeight: 32px;
  --bods-typography-body-large-medium-fontFamily: var(--bods-typography-font-medium);
  --bods-typography-body-large-medium-fontSize: 20px;
  --bods-typography-body-large-medium-fontWeight: 500;
  --bods-typography-body-large-medium-lineHeight: 32px;

  /* END: Typography */

  /* Layout */
  --bods-layout-spacing-xx-small-top: 4px;
  --bods-layout-spacing-xx-small-right: 4px;
  --bods-layout-spacing-xx-small-bottom: 4px;
  --bods-layout-spacing-xx-small-left: 4px;
  --bods-layout-spacing-x-small-top: 8px;
  --bods-layout-spacing-x-small-right: 8px;
  --bods-layout-spacing-x-small-bottom: 8px;
  --bods-layout-spacing-x-small-left: 8px;
  --bods-layout-spacing-v-small-top: 10px;
  --bods-layout-spacing-v-small-right: 10px;
  --bods-layout-spacing-v-small-bottom: 10px;
  --bods-layout-spacing-v-small-left: 10px;
  --bods-layout-spacing-small-top: 12px;
  --bods-layout-spacing-small-right: 12px;
  --bods-layout-spacing-small-bottom: 12px;
  --bods-layout-spacing-small-left: 12px;
  --bods-layout-spacing-medium-top: 16px;
  --bods-layout-spacing-medium-right: 16px;
  --bods-layout-spacing-medium-bottom: 16px;
  --bods-layout-spacing-medium-left: 16px;
  --bods-layout-spacing-large-top: 20px;
  --bods-layout-spacing-large-right: 20px;
  --bods-layout-spacing-large-bottom: 20px;
  --bods-layout-spacing-large-left: 20px;
  --bods-layout-spacing-x-large-top: 24px;
  --bods-layout-spacing-x-large-right: 24px;
  --bods-layout-spacing-x-large-bottom: 24px;
  --bods-layout-spacing-x-large-left: 24px;
  --bods-layout-spacing-xx-large-top: 28px;
  --bods-layout-spacing-xx-large-right: 28px;
  --bods-layout-spacing-xx-large-bottom: 28px;
  --bods-layout-spacing-xx-large-left: 28px;
  --bods-layout-spacing-default-top: var(--bods-layout-spacing-small-top);
  --bods-layout-spacing-default-right: 0px;
  --bods-layout-spacing-default-bottom: var(--bods-layout-spacing-small-bottom);
  --bods-layout-spacing-default-left: 0px;
  --bods-layout-default-padding-top: var(--bods-layout-spacing-x-small-top);
  --bods-layout-default-padding-right: 0px;
  --bods-layout-default-padding-bottom: var(--bods-layout-spacing-x-small-bottom);
  --bods-layout-default-padding-left: 0px;
  --bods-layout-default-padding: var(--bods-layout-default-padding-top) var(--bods-layout-default-padding-right) var(--bods-layout-default-padding-bottom) var(--bods-layout-default-padding-left);
  --bods-layout-image-margin: var(--bods-layout-default-padding);
  /* END: Layout */

  /* Use case oriented design tokens */
  /* Primary CTA Button */
  --bods-cta-primary-textColor: var(--bods-color-brand-white);
  --bods-cta-primary-background-gradient: var(--bods-color-cta-mirror-effect);
  --bods-cta-primary-background-color: var(--bods-color-cta-default);
  --bods-cta-primary-background-hover-gradient: var(--bods-color-cta-dark-mirror-effect);
  --bods-cta-primary-background-hover-color: var(--bods-color-cta-dark);
  --bods-cta-primary-background-focus-gradient: var(--bods-color-cta-dark-mirror-effect);
  --bods-cta-primary-background-focus-color: var(--bods-color-cta-dark);
  --bods-cta-primary-background-disabled: var(--bods-color-greyscale-grey-20);
  --bods-cta-primary-borderColor: transparent;
  --bods-cta-primary-borderColor-focus: var(--bods-color-brand-light-blue);
  --bods-cta-primary-borderWidth: 0px;
  --bods-cta-primary-borderRadius: 56px;
  --bods-cta-primary-padding-top: var(--bods-layout-spacing-x-small-top);
  --bods-cta-primary-padding-right: var(--bods-layout-spacing-medium-right);
  --bods-cta-primary-padding-bottom: var(--bods-layout-spacing-x-small-bottom);
  --bods-cta-primary-padding-left: var(--bods-layout-spacing-medium-left);
  --bods-cta-primary-fontFamily: var(--bods-typography-body-body-medium-fontFamily);
  --bods-cta-primary-fontSize: var(--bods-typography-body-body-medium-fontSize);
  --bods-cta-primary-fontWeight: var(--bods-typography-body-body-medium-fontWeight);
  --bods-cta-primary-lineHeight: var(--bods-typography-body-body-medium-lineHeight);
  --bods-cta-primary-focus-outline-color: var(--bods-color-brand-light-blue);
  --bods-cta-primary-focus-outline-offset: var(--bods-layout-spacing-xx-small-top);
  --bods-cta-primary-focus-outline-width: 1px;
  --bods-cta-primary-focus-outline-style: solid;

  /* Primary CTA Button Inverse */
  --bods-cta-primary-inverse-background-hover-gradient: var(--bods-color-cta-light-mirror-effect);
  --bods-cta-primary-inverse-background-hover-color: var(--bods-color-brand-light-blue);
  --bods-cta-primary-inverse-focus-outline-color: var(--bods-color-brand-white);

  /* Secondary CTA Button */
  --bods-cta-secondary-textColor: var(--bods-color-cta-default);
  --bods-cta-secondary-backgroundColor: var(--bods-color-greyscale-white);
  /* --bods-cta-secondary-backgroundColor-hover & --bods-cta-secondary-backgroundColor-focus changed from "rgba(0, 55, 255, 0.05)" to "#E7ECFF" 
     BOSSALES-3945 - changed by siddharth 09/07 */
  --bods-cta-secondary-backgroundColor-hover: #E7ECFF;
  --bods-cta-secondary-backgroundColor-focus: #E7ECFF;
  --bods-cta-secondary-borderColor: var(--bods-color-cta-default);
  --bods-cta-secondary-borderWidth: 2px;
  --bods-cta-secondary-borderRadius: 56px;
  --bods-cta-secondary-padding-top: calc(var(--bods-layout-spacing-x-small-top) - var(--bods-cta-secondary-borderWidth));
  --bods-cta-secondary-padding-right: calc(var(--bods-layout-spacing-medium-right) - var(--bods-cta-secondary-borderWidth));
  --bods-cta-secondary-padding-bottom: calc(var(--bods-layout-spacing-x-small-bottom) - var(--bods-cta-secondary-borderWidth));
  --bods-cta-secondary-padding-left: calc(var(--bods-layout-spacing-medium-left) - var(--bods-cta-secondary-borderWidth));
  --bods-cta-secondary-fontFamily: var(--bods-typography-body-body-medium-fontFamily);
  --bods-cta-secondary-fontSize: var(--bods-typography-body-body-medium-fontSize);
  --bods-cta-secondary-fontWeight: var(--bods-typography-body-body-medium-fontWeight);
  --bods-cta-secondary-lineHeight: var(--bods-typography-body-body-medium-lineHeight);
  --bods-cta-secondary-focus-outline-color: var(--bods-color-brand-light-blue);
  --bods-cta-secondary-focus-outline-offset: var(--bods-layout-spacing-xx-small-top);
  --bods-cta-secondary-focus-outline-width: 1px;
  --bods-cta-secondary-focus-outline-style: solid;

  /* Secondary CTA Button Inverse */
  --bods-cta-secondary-inverse-textColor: var(--bods-color-text-white);
  --bods-cta-secondary-inverse-backgroundColor: transparent;
  --bods-cta-secondary-inverse-backgroundColor-hover: rgba(255, 255, 255, 0.20);
  --bods-cta-secondary-inverse-backgroundColor-focus: rgba(255, 255, 255, 0.20);
  --bods-cta-secondary-inverse-borderColor: var(--bods-color-greyscale-white);

  /* Tertiary CTA Button */
  --bods-cta-tertiary-textColor: var(--bods-color-cta-default);
  --bods-cta-tertiary-textColor-focus: var(--bods-color-brand-dark-blue);
  --bods-cta-tertiary-textColor-disabled: var(--bods-color-cta-disabled);
  --bods-cta-tertiary-textDecoration: none;
  --bods-cta-tertiary-textDecoration-hover: underline;
  --bods-cta-tertiary-textDecoration-focus: underline;
  --bods-cta-tertiary-background: transparent;
  --bods-cta-tertiary-borderColor: transparent;
  --bods-cta-tertiary-borderWidth: 0px;
  --bods-cta-tertiary-borderRadius: 0px;
  --bods-cta-tertiary-padding-top: var(--bods-p-padding-top);
  --bods-cta-tertiary-padding-right: var(--bods-p-padding-right);
  --bods-cta-tertiary-padding-bottom: var(--bods-p-padding-bottom);
  --bods-cta-tertiary-padding-left: var(--bods-p-padding-left);
  --bods-cta-tertiary-fontFamily: var(--bods-typography-font-medium);
  --bods-cta-tertiary-fontSize: var(--bods-typography-body-sml-medium-fontSize);
  --bods-cta-tertiary-fontWeight: var(--bods-typography-body-sml-medium-fontWeight);
  --bods-cta-tertiary-lineHeight: var(--bods-typography-body-sml-medium-lineHeight);

  /* Tertiary CTA Button Inverse */
  --bods-cta-tertiary-inverse-textColor: var(--bods-color-brand-white);

  /* Text Input */
  --bods-input-text-borderColor: var(--bods-color-greyscale-grey-50);
  --bods-input-text-borderRadius: 4px;
  --bods-input-text-padding: 8px;
  --bods-input-text-fontFamily: var(--bods-typography-body-body-regular-fontFamily);
  --bods-input-text-fontWeight: var(--bods-typography-body-body-regular-fontWeight);
  --bods-input-text-fontSize: var(--bods-typography-body-body-regular-fontSize);
  --bods-input-text-lineHeight: var(--bods-typography-body-body-regular-lineHeight);
  --bods-input-text-textColor: var(--bods-color-greyscale-grey-70);

  /* Error Messages */
  --bods-input-error-message-fontFamily: var(--bods-typography-body-sml-regular-fontFamily);
  --bods-input-error-message-fontWeight: var(--bods-typography-body-sml-regular-fontWeight);
  --bods-input-error-message-fontSize: var(--bods-typography-body-sml-regular-fontSize);
  --bods-input-error-message-lineHeight: var(--bods-typography-body-sml-regular-lineHeight);
  --bods-input-error-message-textColor: var(--bods-color-reserved-negative);
  --bods-input-error-message-margin-top: 8px;

  /* Text Defaults */
  --bods-p-fontFamily: var(--bods-typography-body-sml-regular-fontFamily);
  --bods-p-fontSize: var(--bods-typography-body-sml-regular-fontSize);
  --bods-p-fontWeight: var(--bods-typography-body-sml-regular-fontWeight);
  --bods-p-lineHeight: var(--bods-typography-body-sml-regular-lineHeight);
  --bods-p-color: var(--bods-color-greyscale-grey-70);
  --bods-p-padding-top: var(--bods-layout-default-padding-top);
  --bods-p-padding-right: 0px;
  --bods-p-padding-bottom: var(--bods-layout-default-padding-bottom);
  --bods-p-padding-left: 0px;
  --bods-p-padding: var(--bods-p-padding-top) var(--bods-p-padding-right) var(--bods-p-padding-bottom) var(--bods-p-padding-left);
  --bods-h1-fontFamily: var(--bods-typography-display-4-medium-fontFamily);
  --bods-h1-fontSize: var(--bods-typography-display-4-medium-fontSize);
  --bods-h1-fontWeight: var(--bods-typography-display-4-medium-fontWeight);
  --bods-h1-lineHeight: var(--bods-typography-display-4-medium-lineHeight);
  --bods-h1-color: var(--bods-color-greyscale-grey-70);
  --bods-h1-padding-top: var(--bods-layout-default-padding-top);
  --bods-h1-padding-right: 0px;
  --bods-h1-padding-bottom: var(--bods-layout-default-padding-bottom);
  --bods-h1-padding-left: 0px;
  --bods-h1-padding: var(--bods-h1-padding-top) var(--bods-h1-padding-right) var(--bods-h1-padding-bottom) var(--bods-h1-padding-left);
  --bods-h2-fontFamily: var(--bods-typography-display-5-medium-fontFamily);
  --bods-h2-fontSize: var(--bods-typography-display-5-medium-fontSize);
  --bods-h2-fontWeight: var(--bods-typography-display-5-medium-fontWeight);
  --bods-h2-lineHeight: var(--bods-typography-display-5-medium-lineHeight);
  --bods-h2-color: var(--bods-color-greyscale-grey-70);
  --bods-h2-padding-top: var(--bods-layout-default-padding-top);
  --bods-h2-padding-right: 0px;
  --bods-h2-padding-bottom: var(--bods-layout-default-padding-bottom);
  --bods-h2-padding-left: 0px;
  --bods-h2-padding: var(--bods-h2-padding-top) var(--bods-h2-padding-right) var(--bods-h2-padding-bottom) var(--bods-h2-padding-left);
  --bods-h3-fontFamily: var(--bods-typography-display-6-medium-fontFamily);
  --bods-h3-fontSize: var(--bods-typography-display-6-medium-fontSize);
  --bods-h3-fontWeight: var(--bods-typography-display-6-medium-fontWeight);
  --bods-h3-lineHeight: var(--bods-typography-display-6-medium-lineHeight);
  --bods-h3-color: var(--bods-color-greyscale-grey-70);
  --bods-h3-padding-top: var(--bods-layout-default-padding-top);
  --bods-h3-padding-right: 0px;
  --bods-h3-padding-bottom: var(--bods-layout-default-padding-bottom);
  --bods-h3-padding-left: 0px;
  --bods-h3-padding: var(--bods-h3-padding-top) var(--bods-h3-padding-right) var(--bods-h3-padding-bottom) var(--bods-h3-padding-left);
  --bods-h4-fontFamily: var(--bods-typography-display-7-medium-fontFamily);
  --bods-h4-fontSize: var(--bods-typography-display-7-medium-fontSize);
  --bods-h4-fontWeight: var(--bods-typography-display-7-medium-fontWeight);
  --bods-h4-lineHeight: var(--bods-typography-display-7-medium-lineHeight);
  --bods-h4-color: var(--bods-color-greyscale-grey-70);
  --bods-h4-padding-top: var(--bods-layout-default-padding-top);
  --bods-h4-padding-right: 0px;
  --bods-h4-padding-bottom: var(--bods-layout-default-padding-bottom);
  --bods-h4-padding-left: 0px;
  --bods-h4-padding: var(--bods-h4-padding-top) var(--bods-h4-padding-right) var(--bods-h4-padding-bottom) var(--bods-h4-padding-left);
  --bods-h5-fontFamily: var(--bods-typography-display-7-medium-fontFamily);
  --bods-h5-fontSize: var(--bods-typography-display-7-medium-fontSize);
  --bods-h5-fontWeight: var(--bods-typography-display-7-medium-fontWeight);
  --bods-h5-lineHeight: var(--bods-typography-display-7-medium-lineHeight);
  --bods-h5-color: var(--bods-color-greyscale-grey-70);
  --bods-h5-padding-top: var(--bods-layout-default-padding-top);
  --bods-h5-padding-right: 0px;
  --bods-h5-padding-bottom: var(--bods-layout-default-padding-bottom);
  --bods-h5-padding-left: 0px;
  --bods-h5-padding: var(--bods-h5-padding-top) var(--bods-h5-padding-right) var(--bods-h5-padding-bottom) var(--bods-h5-padding-left);
  --bods-h6-fontFamily: var(--bods-typography-display-7-medium-fontFamily);
  --bods-h6-fontSize: var(--bods-typography-display-7-medium-fontSize);
  --bods-h6-fontWeight: var(--bods-typography-display-7-medium-fontWeight);
  --bods-h6-lineHeight: var(--bods-typography-display-7-medium-lineHeight);
  --bods-h6-color: var(--bods-color-greyscale-grey-70);
  --bods-h6-padding-top: var(--bods-layout-default-padding-top);
  --bods-h6-padding-right: 0px;
  --bods-h6-padding-bottom: var(--bods-layout-default-padding-bottom);
  --bods-h6-padding-left: 0px;
  --bods-h6-padding: var(--bods-h6-padding-top) var(--bods-h6-padding-right) var(--bods-h6-padding-bottom) var(--bods-h6-padding-left);
  /* End Text Defaults */

  /* container*/
  --bods-container-width: 396px;
  --bods-container-padding: 16px;
  --bods-container-border-radius: 4px;
  --bods-container-shadow: 0px 2px 8px rgba(0, 0, 0, 0.25);
  --bods-container-backgroundColor: #fff;
  --bods-container-display: flex;
  --bods-container-flex-direction: column;
  --bods-container-align-items: flex-start;
  --bods-container-gap: 16px;
  --bods-container-align-self: stretch;
  --bods-container-height: auto;

  /*scroll control*/
  --bods-overflow-x: scroll;
  --bods-overflow-x: auto;
  --bods-overflow-y: scroll;
  --bods-overflow-y: auto;



  /*hyperlink*/
  --bods-link-active-text-decoration: underline;

  /* Bos Grid breakpoints and gutters */

  /* Breakpoints */
  --bp-tablet-small: 648px;
  --bp-tablet-large: 1044px;
  --bp-desktop: 1248px;

  /* Gutter widths */
  --gutter-mobile: 16px;
  --gutter-tablet-small: 16px;
  --gutter-tablet-large: 24px;
  --gutter-desktop: 24px;

  /* button disable background */
  --bods-button-disabled-background: none;
}

.bods .bods-frame-container {
  gap: 24px;
  margin: 0 auto 16px auto;
}

/* ------- TYPOGRAPHY ------- */
/* Typography Display/1-regular */
.bods .bods-typography-display-1-regular,
.bods .bods-typography-display-1-regular span {
  --bods-text-font-family-override: var(--bods-typography-display-1-regular-fontFamily);
  --bods-text-font-size-override: var(--bods-typography-display-1-regular-fontSize);
  --bods-text-font-weight-override: var(--bods-typography-display-1-regular-fontWeight);
  --bods-text-line-height-override: var(--bods-typography-display-1-regular-lineHeight);
}

/* Typography Display/2-regular */
.bods .bods-typography-display-2-regular,
.bods .bods-typography-display-2-regular span {
  --bods-text-font-family-override: var(--bods-typography-display-2-regular-fontFamily);
  --bods-text-font-size-override: var(--bods-typography-display-2-regular-fontSize);
  --bods-text-font-weight-override: var(--bods-typography-display-2-regular-fontWeight);
  --bods-text-line-height-override: var(--bods-typography-display-2-regular-lineHeight);
}

/* Typography Display/2-medium */
.bods .bods-typography-display-2-medium,
.bods .bods-typography-display-2-medium span {
  --bods-text-font-family-override: var(--bods-typography-display-2-medium-fontFamily);
  --bods-text-font-size-override: var(--bods-typography-display-2-medium-fontSize);
  --bods-text-font-weight-override: var(--bods-typography-display-2-medium-fontWeight);
  --bods-text-line-height-override: var(--bods-typography-display-2-medium-lineHeight);
}

/* Typography Display/3-regular */
.bods .bods-typography-display-3-regular,
.bods .bods-typography-display-3-regular span {
  --bods-text-font-family-override: var(--bods-typography-display-3-regular-fontFamily);
  --bods-text-font-size-override: var(--bods-typography-display-3-regular-fontSize);
  --bods-text-font-weight-override: var(--bods-typography-display-3-regular-fontWeight);
  --bods-text-line-height-override: var(--bods-typography-display-3-regular-lineHeight);
}

/* Typography Display/4-regular */
.bods .bods-typography-display-4-regular,
.bods .bods-typography-display-4-regular span {
  --bods-text-font-family-override: var(--bods-typography-display-4-regular-fontFamily);
  --bods-text-font-size-override: var(--bods-typography-display-4-regular-fontSize);
  --bods-text-font-weight-override: var(--bods-typography-display-4-regular-fontWeight);
  --bods-text-line-height-override: var(--bods-typography-display-4-regular-lineHeight);
}

/* Typography Display/5-regular */
.bods .bods-typography-display-5-regular,
.bods .bods-typography-display-5-regular span {
  --bods-text-font-family-override: var(--bods-typography-display-5-regular-fontFamily);
  --bods-text-font-size-override: var(--bods-typography-display-5-regular-fontSize);
  --bods-text-font-weight-override: var(--bods-typography-display-5-regular-fontWeight);
  --bods-text-line-height-override: var(--bods-typography-display-5-regular-lineHeight);
}

/* Typography Display/5-medium */
.bods .bods-typography-display-5-medium,
.bods .bods-typography-display-5-medium span {
  --bods-text-font-family-override: var(--bods-typography-display-5-medium-fontFamily);
  --bods-text-font-size-override: var(--bods-typography-display-5-medium-fontSize);
  --bods-text-font-weight-override: var(--bods-typography-display-5-medium-fontWeight);
  --bods-text-line-height-override: var(--bods-typography-display-5-medium-lineHeight);
}

/* Typography Display/6-regular */
.bods .bods-typography-display-6-regular,
.bods .bods-typography-display-6-regular span {
  --bods-text-font-family-override: var(--bods-typography-display-6-regular-fontFamily);
  --bods-text-font-size-override: var(--bods-typography-display-6-regular-fontSize);
  --bods-text-font-weight-override: var(--bods-typography-display-6-regular-fontWeight);
  --bods-text-line-height-override: var(--bods-typography-display-6-regular-lineHeight);
}

/* Typography Display/6-medium */
.bods .bods-typography-display-6-medium,
.bods .bods-typography-display-6-medium span {
  --bods-text-font-family-override: var(--bods-typography-display-6-medium-fontFamily);
  --bods-text-font-size-override: var(--bods-typography-display-6-medium-fontSize);
  --bods-text-font-weight-override: var(--bods-typography-display-6-medium-fontWeight);
  --bods-text-line-height-override: var(--bods-typography-display-6-medium-lineHeight);
}

/* Typography Display/7-regular */
.bods .bods-typography-display-7-regular,
.bods .bods-typography-display-7-regular span {
  --bods-text-font-family-override: var(--bods-typography-display-7-regular-fontFamily);
  --bods-text-font-size-override: var(--bods-typography-display-7-regular-fontSize);
  --bods-text-font-weight-override: var(--bods-typography-display-7-regular-fontWeight);
  --bods-text-line-height-override: var(--bods-typography-display-7-regular-lineHeight);
}

/* Typography Display/7-medium */
.bods .bods-typography-display-7-medium,
.bods .bods-typography-display-7-medium span {
  --bods-text-font-family-override: var(--bods-typography-display-7-medium-fontFamily);
  --bods-text-font-size-override: var(--bods-typography-display-7-medium-fontSize);
  --bods-text-font-weight-override: var(--bods-typography-display-7-medium-fontWeight);
  --bods-text-line-height-override: var(--bods-typography-display-7-medium-lineHeight);
}

/* Typography Body/legal/regular */
.bods .bods-typography-body-legal-regular,
.bods .bods-typography-body-legal-regular span {
  --bods-text-font-family-override: var(--bods-typography-body-legal-regular-fontFamily);
  --bods-text-font-size-override: var(--bods-typography-body-legal-regular-fontSize);
  --bods-text-font-weight-override: var(--bods-typography-body-legal-regular-fontWeight);
  --bods-text-line-height-override: var(--bods-typography-body-legal-regular-lineHeight);
}

/* Typography Body/legal/medium */
.bods .bods-typography-body-legal-medium-medium,
.bods .bods-typography-body-legal-medium span {
  --bods-text-font-family-override: var(--bods-typography-body-legal-medium-fontFamily);
  --bods-text-font-size-override: var(--bods-typography-body-legal-medium-fontSize);
  --bods-text-font-weight-override: var(--bods-typography-body-legal-medium-fontWeight);
  --bods-text-line-height-override: var(--bods-typography-body-legal-medium-lineHeight);
}

/* Typography Body/sml-regular */
.bods .bods-typography-body-sml-regular,
.bods .bods-typography-body-sml-regular span {
  --bods-text-font-family-override: var(--bods-typography-body-sml-regular-fontFamily);
  --bods-text-font-size-override: var(--bods-typography-body-sml-regular-fontSize);
  --bods-text-font-weight-override: var(--bods-typography-body-sml-regular-fontWeight);
  --bods-text-line-height-override: var(--bods-typography-body-sml-regular-lineHeight);
}

/* Typography Body/sml-medium */
.bods .bods-typography-body-sml-medium,
.bods .bods-typography-body-sml-medium span {
  --bods-text-font-family-override: var(--bods-typography-body-sml-medium-fontFamily);
  --bods-text-font-size-override: var(--bods-typography-body-sml-medium-fontSize);
  --bods-text-font-weight-override: var(--bods-typography-body-sml-medium-fontWeight);
  --bods-text-line-height-override: var(--bods-typography-body-sml-medium-lineHeight);
}

/* Typography Body/body-regular */
.bods .bods-typography-body-body-regular,
.bods .bods-typography-body-body-regular span {
  --bods-text-font-family-override: var(--bods-typography-body-body-regular-fontFamily);
  --bods-text-font-size-override: var(--bods-typography-body-body-regular-fontSize);
  --bods-text-font-weight-override: var(--bods-typography-body-body-regular-fontWeight);
  --bods-text-line-height-override: var(--bods-typography-body-body-regular-lineHeight);
}

/* Typography Body/body-medium */
.bods .bods-typography-body-body-medium,
.bods .bods-typography-body-body-medium span {
  --bods-text-font-family-override: var(--bods-typography-body-body-medium-fontFamily);
  --bods-text-font-size-override: var(--bods-typography-body-body-medium-fontSize);
  --bods-text-font-weight-override: var(--bods-typography-body-body-medium-fontWeight);
  --bods-text-line-height-override: var(--bods-typography-body-body-medium-lineHeight);
}

.bods .bods-typography-body-lg-regular,
.bods .bods-typography-body-lg-regular span {
  --bods-text-font-family-override: var(--bods-typography-body-large-regular-fontFamily);
  --bods-text-font-size-override: var(--bods-typography-body-large-regular-fontSize);
  --bods-text-font-weight-override: var(--bods-typography-body-large-regular-fontWeight);
  --bods-text-line-height-override: var(--bods-typography-body-large-regular-lineHeight);
}

.bods .bods-typography-body-lg-medium,
.bods .bods-typography-body-lg-medium span {
  --bods-text-font-family-override: var(--bods-typography-body-large-medium-fontFamily);
  --bods-text-font-size-override: var(--bods-typography-body-large-medium-fontSize);
  --bods-text-font-weight-override: var(--bods-typography-body-large-medium-fontWeight);
  --bods-text-line-height-override: var(--bods-typography-body-large-medium-lineHeight);
}

.bods .bods-text-align-left {
  --bods-text-align: left;
}

.bods .bods-text-align-right {
  --bods-text-align: right;
}

.bods .bods-text-align-center {
  --bods-text-align: center;
}

.bods .bods-suppress-line-breaks,
.bods .bods-suppress-line-breaks>p {
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0px;
  width: calc(100% - 1px);
  overflow: hidden;
}

.bods c-bos-flyout-table .bods-suppress-line-breaks,
.bods c-bos-flyout-table .bods-suppress-line-breaks>p {
  text-overflow: none;
  white-space: none;
  min-width: 0px;
  width: 100%;
  overflow: none;
}

/* ------- END TYPOGRAPHY ------- */
/* ------- COLORS ------- */
.bods .bods-color-brand-mid-blue {
  --bods-color: var(--bods-color-brand-mid-blue);
}

.bods .bods-color-cta-default {
  --bods-color: var(--bods-color-cta-default);
}

.bods .bods-color-greyscale-white {
  --bods-color: var(--bods-color-greyscale-white);
}

.bods .bods-color-greyscale-grey-5 {
  --bods-color: var(--bods-color-greyscale-grey-5);
}

.bods .bods-color-greyscale-grey-20 {
  --bods-color: var(--bods-color-greyscale-grey-20);
}

.bods .bods-color-greyscale-grey-50 {
  --bods-color: var(--bods-color-greyscale-grey-50);
}

.bods .bods-color-text-primary-grey {
  --bods-color: var(--bods-color-brand-text-grey);
}

.bods .bods-color-reserved-negative {
  --bods-color: var(--bods-color-reserved-negative);
}

.bods .bods-color-reserved-positive {
  --bods-color: var(--bods-color-reserved-positive);
}

.bods .bods-color-cta-disabled {
  --bods-color: var(--bods-color-cta-disabled);
}

.bods .bods-color-brand-white {
  --bods-color: var(--bods-color-brand-white);
}

.bods .bods-color-brand-blue {
  --bods-color: var(--bods-color-brand-primary-blue);
}

.bods .bods-color-brand-grey {
  --bods-color: var(--bods-color-brand-text-grey);
}

.bods .bods-color-Brand-Cool-Grey {
  --bods-color: var(--bods-color-Brand-Cool-Grey);
}

.bods .bods-color-gradient-orange,
.bods .bods-color-gradient-orange span {
  background: linear-gradient(90deg, #FF2A00 0.08%, #F56400 99.89%);
  background-clip: text;
  color: transparent;
}

.bods .bods-color-gradient-primary,
.bods .bods-color-gradient-primary span {
  background: var(--bods-color-text-primary-gradient);
  background-clip: text;
  color: transparent;
}

.bods .bods-links-blue a {
  color: var(--bods-color-brand-primary-blue);
}

/*BOSSALES-3827 - Added By Dipa - Started*/
.bods .bods-color-gradient-secondary,
.bods .bods-color-gradient-secondary span {
  background: var(--bods-color-text-secondary-gradient);
  background-clip: text;
  color: transparent;
  text-align: center;
  display: block;
}

.bods .bods-center-text-gradient,
.bods .bods-center-text-gradient span {
  background: var(--bods-color-text-primary-gradient);
  background-clip: text;
  color: transparent;
  text-align: center;
  display: block;
}

/* Changed - Siddharth - Brochureware - Tab color – match Figma design: Previous : #4D4D4D
Expected: #4A4A4A */
.bods c-bos-tab-header-item p {
  --bods-color: var(--bods-color-brand-text-grey);
}

/* Added Center alignment Property */
.bods .bods-center-text {
  text-align: center;
  display: block;
}



/*BOSSALES-3827 - Added By Dipa - End*/
/* ------- END COLORS ------- */
/* -------- SPACING ---------*/
@media only screen and (min-width: 601px) {
  .bods .bods-spacing-xx-small-around {
    --bods-spacing-top: var(--bods-layout-spacing-xx-small-top);
    --bods-spacing-right: var(--bods-layout-spacing-xx-small-right);
    --bods-spacing-bottom: var(--bods-layout-spacing-xx-small-bottom);
    --bods-spacing-left: var(--bods-layout-spacing-xx-small-left);
  }
}

@media only screen and (max-width: 600px) {
  .bods .bods-spacing-xx-small-around {
    --bods-spacing-top: var(--bods-layout-spacing-xx-small-top);
    --bods-spacing-right: var(--bods-layout-spacing-xx-small-right);
    --bods-spacing-bottom: var(--bods-layout-spacing-xx-small-bottom);
    --bods-spacing-left: var(--bods-layout-spacing-xx-small-left);
  }
}

@media only screen and (min-width: 601px) {
  .bods .bods-spacing-xx-small-vertical {
    --bods-spacing-top: var(--bods-layout-spacing-xx-small-top);
    --bods-spacing-bottom: var(--bods-layout-spacing-xx-small-bottom);
  }
}

@media only screen and (max-width: 600px) {
  .bods .bods-spacing-xx-small-vertical {
    --bods-spacing-top: var(--bods-layout-spacing-xx-small-top);
    --bods-spacing-bottom: var(--bods-layout-spacing-xx-small-bottom);
  }
}

@media only screen and (min-width: 601px) {
  .bods .bods-spacing-xx-small-top {
    --bods-spacing-top: var(--bods-layout-spacing-xx-small-top);
  }
}

@media only screen and (max-width: 600px) {
  .bods .bods-spacing-xx-small-top {
    --bods-spacing-top: var(--bods-layout-spacing-xx-small-top);
  }
}

@media only screen and (min-width: 601px) {
  .bods .bods-spacing-xx-small-bottom {
    --bods-spacing-bottom: var(--bods-layout-spacing-xx-small-bottom);
  }
}

@media only screen and (max-width: 600px) {
  .bods .bods-spacing-xx-small-bottom {
    --bods-spacing-bottom: var(--bods-layout-spacing-xx-small-bottom);
  }
}

@media only screen and (min-width: 601px) {
  .bods .bods-spacing-xx-small-horizontal {
    --bods-spacing-left: var(--bods-layout-spacing-xx-small-left);
    --bods-spacing-right: var(--bods-layout-spacing-xx-small-right);
  }
}

@media only screen and (max-width: 600px) {
  .bods .bods-spacing-xx-small-horizontal {
    --bods-spacing-left: var(--bods-layout-spacing-xx-small-left);
    --bods-spacing-right: var(--bods-layout-spacing-xx-small-right);
  }
}

@media only screen and (min-width: 601px) {
  .bods .bods-spacing-xx-small-left {
    --bods-spacing-left: var(--bods-layout-spacing-xx-small-left);
  }
}

@media only screen and (max-width: 600px) {
  .bods .bods-spacing-xx-small-left {
    --bods-spacing-left: var(--bods-layout-spacing-xx-small-left);
  }
}

@media only screen and (min-width: 601px) {
  .bods .bods-spacing-xx-small-right {
    --bods-spacing-right: var(--bods-layout-spacing-xx-small-right);
  }
}

@media only screen and (max-width: 600px) {
  .bods .bods-spacing-xx-small-right {
    --bods-spacing-right: var(--bods-layout-spacing-xx-small-right);
  }
}

@media only screen and (min-width: 601px) {
  .bods .bods-spacing-x-small-around {
    --bods-spacing-top: var(--bods-layout-spacing-x-small-top);
    --bods-spacing-right: var(--bods-layout-spacing-x-small-right);
    --bods-spacing-bottom: var(--bods-layout-spacing-x-small-bottom);
    --bods-spacing-left: var(--bods-layout-spacing-x-small-left);
  }
}

@media only screen and (max-width: 600px) {
  .bods .bods-spacing-x-small-around {
    --bods-spacing-top: var(--bods-layout-spacing-xx-small-top);
    --bods-spacing-right: var(--bods-layout-spacing-xx-small-right);
    --bods-spacing-bottom: var(--bods-layout-spacing-xx-small-bottom);
    --bods-spacing-left: var(--bods-layout-spacing-xx-small-left);
  }
}

@media only screen and (min-width: 601px) {
  .bods .bods-spacing-x-small-vertical {
    --bods-spacing-top: var(--bods-layout-spacing-x-small-top);
    --bods-spacing-bottom: var(--bods-layout-spacing-x-small-bottom);
  }
}

@media only screen and (max-width: 600px) {
  .bods .bods-spacing-x-small-vertical {
    --bods-spacing-top: var(--bods-layout-spacing-xx-small-top);
    --bods-spacing-bottom: var(--bods-layout-spacing-xx-small-bottom);
  }
}

@media only screen and (min-width: 601px) {
  .bods .bods-spacing-x-small-top {
    --bods-spacing-top: var(--bods-layout-spacing-x-small-top);
  }
}

@media only screen and (max-width: 600px) {
  .bods .bods-spacing-x-small-top {
    --bods-spacing-top: var(--bods-layout-spacing-xx-small-top);
  }
}

@media only screen and (min-width: 601px) {
  .bods .bods-spacing-x-small-bottom {
    --bods-spacing-bottom: var(--bods-layout-spacing-x-small-bottom);
  }
}

@media only screen and (max-width: 600px) {
  .bods .bods-spacing-x-small-bottom {
    --bods-spacing-bottom: var(--bods-layout-spacing-xx-small-bottom);
  }
}

@media only screen and (min-width: 601px) {
  .bods .bods-spacing-x-small-horizontal {
    --bods-spacing-left: var(--bods-layout-spacing-x-small-left);
    --bods-spacing-right: var(--bods-layout-spacing-x-small-right);
  }
}

@media only screen and (max-width: 600px) {
  .bods .bods-spacing-x-small-horizontal {
    --bods-spacing-left: var(--bods-layout-spacing-xx-small-left);
    --bods-spacing-right: var(--bods-layout-spacing-xx-small-right);
  }
}

@media only screen and (min-width: 601px) {
  .bods .bods-spacing-x-small-left {
    --bods-spacing-left: var(--bods-layout-spacing-x-small-left);
  }
}

@media only screen and (max-width: 600px) {
  .bods .bods-spacing-x-small-left {
    --bods-spacing-left: var(--bods-layout-spacing-xx-small-left);
  }
}

@media only screen and (min-width: 601px) {
  .bods .bods-spacing-x-small-right {
    --bods-spacing-right: var(--bods-layout-spacing-x-small-right);
  }
}

@media only screen and (max-width: 600px) {
  .bods .bods-spacing-x-small-right {
    --bods-spacing-right: var(--bods-layout-spacing-xx-small-right);
  }
}

@media only screen and (min-width: 601px) {
  .bods .bods-spacing-small-around {
    --bods-spacing-top: var(--bods-layout-spacing-small-top);
    --bods-spacing-right: var(--bods-layout-spacing-small-right);
    --bods-spacing-bottom: var(--bods-layout-spacing-small-bottom);
    --bods-spacing-left: var(--bods-layout-spacing-small-left);
  }
}

@media only screen and (max-width: 600px) {
  .bods .bods-spacing-small-around {
    --bods-spacing-top: var(--bods-layout-spacing-x-small-top);
    --bods-spacing-right: var(--bods-layout-spacing-x-small-right);
    --bods-spacing-bottom: var(--bods-layout-spacing-x-small-bottom);
    --bods-spacing-left: var(--bods-layout-spacing-x-small-left);
  }
}

@media only screen and (min-width: 601px) {
  .bods .bods-spacing-small-vertical {
    --bods-spacing-top: var(--bods-layout-spacing-small-top);
    --bods-spacing-bottom: var(--bods-layout-spacing-small-bottom);
  }
}

@media only screen and (max-width: 600px) {
  .bods .bods-spacing-small-vertical {
    --bods-spacing-top: var(--bods-layout-spacing-xx-small-top);
    --bods-spacing-bottom: var(--bods-layout-spacing-xx-small-bottom);
  }
}

@media only screen and (min-width: 601px) {
  .bods .bods-spacing-small-top {
    --bods-spacing-top: var(--bods-layout-spacing-small-top);
  }
}

@media only screen and (max-width: 600px) {
  .bods .bods-spacing-small-top {
    --bods-spacing-top: var(--bods-layout-spacing-xx-small-top);
  }
}

@media only screen and (min-width: 601px) {
  .bods .bods-spacing-small-bottom {
    --bods-spacing-bottom: var(--bods-layout-spacing-small-bottom);
  }
}

@media only screen and (max-width: 600px) {
  .bods .bods-spacing-small-bottom {
    --bods-spacing-bottom: var(--bods-layout-spacing-xx-small-bottom);
  }
}

@media only screen and (min-width: 601px) {
  .bods .bods-spacing-small-horizontal {
    --bods-spacing-left: var(--bods-layout-spacing-small-left);
    --bods-spacing-right: var(--bods-layout-spacing-small-right);
  }
}

@media only screen and (max-width: 600px) {
  .bods .bods-spacing-small-horizontal {
    --bods-spacing-left: var(--bods-layout-spacing-xx-small-left);
    --bods-spacing-right: var(--bods-layout-spacing-xx-small-right);
  }
}

@media only screen and (min-width: 601px) {
  .bods .bods-spacing-small-left {
    --bods-spacing-left: var(--bods-layout-spacing-small-left);
  }
}

@media only screen and (max-width: 600px) {
  .bods .bods-spacing-small-left {
    --bods-spacing-left: var(--bods-layout-spacing-xx-small-left);
  }
}

@media only screen and (min-width: 601px) {
  .bods .bods-spacing-small-right {
    --bods-spacing-right: var(--bods-layout-spacing-small-right);
  }
}

@media only screen and (max-width: 600px) {
  .bods .bods-spacing-small-right {
    --bods-spacing-right: var(--bods-layout-spacing-xx-small-right);
  }
}

@media only screen and (min-width: 601px) {
  .bods .bods-spacing-medium-around {
    --bods-spacing-top: var(--bods-layout-spacing-medium-top);
    --bods-spacing-right: var(--bods-layout-spacing-medium-right);
    --bods-spacing-bottom: var(--bods-layout-spacing-medium-bottom);
    --bods-spacing-left: var(--bods-layout-spacing-medium-left);
  }
}

@media only screen and (max-width: 600px) {
  .bods .bods-spacing-medium-around {
    --bods-spacing-top: var(--bods-layout-spacing-small-top);
    --bods-spacing-right: var(--bods-layout-spacing-small-right);
    --bods-spacing-bottom: var(--bods-layout-spacing-small-bottom);
    --bods-spacing-left: var(--bods-layout-spacing-small-left);
  }
}

@media only screen and (min-width: 601px) {
  .bods .bods-spacing-medium-vertical {
    --bods-spacing-top: var(--bods-layout-spacing-medium-top);
    --bods-spacing-bottom: var(--bods-layout-spacing-medium-bottom);
  }
}

@media only screen and (max-width: 600px) {
  .bods .bods-spacing-medium-vertical {
    --bods-spacing-top: var(--bods-layout-spacing-small-top);
    --bods-spacing-bottom: var(--bods-layout-spacing-small-bottom);
  }
}

@media only screen and (min-width: 601px) {
  .bods .bods-spacing-medium-top {
    --bods-spacing-top: var(--bods-layout-spacing-medium-top);
  }
}

@media only screen and (max-width: 600px) {
  .bods .bods-spacing-medium-top {
    --bods-spacing-top: var(--bods-layout-spacing-small-top);
  }
}

@media only screen and (min-width: 601px) {
  .bods .bods-spacing-medium-bottom {
    --bods-spacing-bottom: var(--bods-layout-spacing-medium-bottom);
  }
}

@media only screen and (max-width: 600px) {
  .bods .bods-spacing-medium-bottom {
    --bods-spacing-bottom: var(--bods-layout-spacing-small-bottom);
  }
}

@media only screen and (min-width: 601px) {
  .bods .bods-spacing-medium-horizontal {
    --bods-spacing-left: var(--bods-layout-spacing-medium-left);
    --bods-spacing-right: var(--bods-layout-spacing-medium-right);
  }
}

@media only screen and (max-width: 600px) {
  .bods .bods-spacing-medium-horizontal {
    --bods-spacing-left: var(--bods-layout-spacing-small-left);
    --bods-spacing-right: var(--bods-layout-spacing-small-right);
  }
}

@media only screen and (min-width: 601px) {
  .bods .bods-spacing-medium-left {
    --bods-spacing-left: var(--bods-layout-spacing-medium-left);
  }
}

@media only screen and (max-width: 600px) {
  .bods .bods-spacing-medium-left {
    --bods-spacing-left: var(--bods-layout-spacing-small-left);
  }
}

@media only screen and (min-width: 601px) {
  .bods .bods-spacing-medium-right {
    --bods-spacing-right: var(--bods-layout-spacing-medium-right);
  }
}

@media only screen and (max-width: 600px) {
  .bods .bods-spacing-medium-right {
    --bods-spacing-right: var(--bods-layout-spacing-small-right);
  }
}

@media only screen and (min-width: 601px) {
  .bods .bods-spacing-large-around {
    --bods-spacing-top: var(--bods-layout-spacing-large-top);
    --bods-spacing-right: var(--bods-layout-spacing-large-right);
    --bods-spacing-bottom: var(--bods-layout-spacing-large-bottom);
    --bods-spacing-left: var(--bods-layout-spacing-large-left);
  }
}

@media only screen and (max-width: 600px) {
  .bods .bods-spacing-large-around {
    --bods-spacing-top: var(--bods-layout-spacing-medium-top);
    --bods-spacing-right: var(--bods-layout-spacing-medium-right);
    --bods-spacing-bottom: var(--bods-layout-spacing-medium-bottom);
    --bods-spacing-left: var(--bods-layout-spacing-medium-left);
  }
}

@media only screen and (min-width: 601px) {
  .bods .bods-spacing-large-vertical {
    --bods-spacing-top: var(--bods-layout-spacing-large-top);
    --bods-spacing-bottom: var(--bods-layout-spacing-large-bottom);
  }
}

@media only screen and (max-width: 600px) {
  .bods .bods-spacing-large-vertical {
    --bods-spacing-top: var(--bods-layout-spacing-medium-top);
    --bods-spacing-bottom: var(--bods-layout-spacing-medium-bottom);
  }
}

@media only screen and (min-width: 601px) {
  .bods .bods-spacing-large-top {
    --bods-spacing-top: var(--bods-layout-spacing-large-top);
  }
}

@media only screen and (max-width: 600px) {
  .bods .bods-spacing-large-top {
    --bods-spacing-top: var(--bods-layout-spacing-medium-top);
  }
}

@media only screen and (min-width: 601px) {
  .bods .bods-spacing-large-bottom {
    --bods-spacing-bottom: var(--bods-layout-spacing-large-bottom);
  }
}

@media only screen and (max-width: 600px) {
  .bods .bods-spacing-large-bottom {
    --bods-spacing-bottom: var(--bods-layout-spacing-medium-bottom);
  }
}

@media only screen and (min-width: 601px) {
  .bods .bods-spacing-large-horizontal {
    --bods-spacing-left: var(--bods-layout-spacing-large-left);
    --bods-spacing-right: var(--bods-layout-spacing-large-right);
  }
}

@media only screen and (max-width: 600px) {
  .bods .bods-spacing-large-horizontal {
    --bods-spacing-left: var(--bods-layout-spacing-medium-left);
    --bods-spacing-right: var(--bods-layout-spacing-medium-right);
  }
}

@media only screen and (min-width: 601px) {
  .bods .bods-spacing-large-left {
    --bods-spacing-left: var(--bods-layout-spacing-large-left);
  }
}

@media only screen and (max-width: 600px) {
  .bods .bods-spacing-large-left {
    --bods-spacing-left: var(--bods-layout-spacing-medium-left);
  }
}

@media only screen and (min-width: 601px) {
  .bods .bods-spacing-large-right {
    --bods-spacing-right: var(--bods-layout-spacing-large-right);
  }
}

@media only screen and (max-width: 600px) {
  .bods .bods-spacing-large-right {
    --bods-spacing-right: var(--bods-layout-spacing-medium-right);
  }
}

@media only screen and (min-width: 601px) {
  .bods .bods-spacing-x-large-around {
    --bods-spacing-top: var(--bods-layout-spacing-x-large-top);
    --bods-spacing-right: var(--bods-layout-spacing-x-large-right);
    --bods-spacing-bottom: var(--bods-layout-spacing-x-large-bottom);
    --bods-spacing-left: var(--bods-layout-spacing-x-large-left);
  }
}

@media only screen and (max-width: 600px) {
  .bods .bods-spacing-x-large-around {
    --bods-spacing-top: var(--bods-layout-spacing-large-top);
    --bods-spacing-right: var(--bods-layout-spacing-large-right);
    --bods-spacing-bottom: var(--bods-layout-spacing-large-bottom);
    --bods-spacing-left: var(--bods-layout-spacing-large-left);
  }
}

@media only screen and (min-width: 601px) {
  .bods .bods-spacing-x-large-vertical {
    --bods-spacing-top: var(--bods-layout-spacing-x-large-top);
    --bods-spacing-bottom: var(--bods-layout-spacing-x-large-bottom);
  }
}

@media only screen and (max-width: 600px) {
  .bods .bods-spacing-x-large-vertical {
    --bods-spacing-top: var(--bods-layout-spacing-large-top);
    --bods-spacing-bottom: var(--bods-layout-spacing-large-bottom);
  }
}

@media only screen and (min-width: 601px) {
  .bods .bods-spacing-x-large-top {
    --bods-spacing-top: var(--bods-layout-spacing-x-large-top);
  }
}

@media only screen and (max-width: 600px) {
  .bods .bods-spacing-x-large-top {
    --bods-spacing-top: var(--bods-layout-spacing-large-top);
  }
}

@media only screen and (min-width: 601px) {
  .bods .bods-spacing-x-large-bottom {
    --bods-spacing-bottom: var(--bods-layout-spacing-x-large-bottom);
  }
}

@media only screen and (max-width: 600px) {
  .bods .bods-spacing-x-large-bottom {
    --bods-spacing-bottom: var(--bods-layout-spacing-large-bottom);
  }
}

@media only screen and (min-width: 601px) {
  .bods .bods-spacing-x-large-horizontal {
    --bods-spacing-left: var(--bods-layout-spacing-x-large-left);
    --bods-spacing-right: var(--bods-layout-spacing-x-large-right);
  }
}

@media only screen and (max-width: 600px) {
  .bods .bods-spacing-x-large-horizontal {
    --bods-spacing-left: var(--bods-layout-spacing-large-left);
    --bods-spacing-right: var(--bods-layout-spacing-large-right);
  }
}

@media only screen and (min-width: 601px) {
  .bods .bods-spacing-x-large-left {
    --bods-spacing-left: var(--bods-layout-spacing-x-large-left);
  }
}

@media only screen and (max-width: 600px) {
  .bods .bods-spacing-x-large-left {
    --bods-spacing-left: var(--bods-layout-spacing-large-left);
  }
}

@media only screen and (min-width: 601px) {
  .bods .bods-spacing-x-large-right {
    --bods-spacing-right: var(--bods-layout-spacing-x-large-right);
  }
}

@media only screen and (max-width: 600px) {
  .bods .bods-spacing-x-large-right {
    --bods-spacing-right: var(--bods-layout-spacing-large-right);
  }
}

@media only screen and (min-width: 601px) {
  .bods .bods-spacing-xx-large-around {
    --bods-spacing-top: var(--bods-layout-spacing-xx-large-top);
    --bods-spacing-right: var(--bods-layout-spacing-xx-large-right);
    --bods-spacing-bottom: var(--bods-layout-spacing-xx-large-bottom);
    --bods-spacing-left: var(--bods-layout-spacing-xx-large-left);
  }
}

@media only screen and (max-width: 600px) {
  .bods .bods-spacing-xx-large-around {
    --bods-spacing-top: var(--bods-layout-spacing-x-large-top);
    --bods-spacing-right: var(--bods-layout-spacing-x-large-right);
    --bods-spacing-bottom: var(--bods-layout-spacing-x-large-bottom);
    --bods-spacing-left: var(--bods-layout-spacing-x-large-left);
  }
}

@media only screen and (min-width: 601px) {
  .bods .bods-spacing-xx-large-vertical {
    --bods-spacing-top: var(--bods-layout-spacing-xx-large-top);
    --bods-spacing-bottom: var(--bods-layout-spacing-xx-large-bottom);
  }
}

@media only screen and (max-width: 600px) {
  .bods .bods-spacing-xx-large-vertical {
    --bods-spacing-top: var(--bods-layout-spacing-x-large-top);
    --bods-spacing-bottom: var(--bods-layout-spacing-x-large-bottom);
  }
}

@media only screen and (min-width: 601px) {
  .bods .bods-spacing-xx-large-top {
    --bods-spacing-top: var(--bods-layout-spacing-xx-large-top);
  }
}

@media only screen and (max-width: 600px) {
  .bods .bods-spacing-xx-large-top {
    --bods-spacing-top: var(--bods-layout-spacing-x-large-top);
  }
}

@media only screen and (min-width: 601px) {
  .bods .bods-spacing-xx-large-bottom {
    --bods-spacing-bottom: var(--bods-layout-spacing-xx-large-bottom);
  }
}

@media only screen and (max-width: 600px) {
  .bods .bods-spacing-xx-large-bottom {
    --bods-spacing-bottom: var(--bods-layout-spacing-x-large-bottom);
  }
}

@media only screen and (min-width: 601px) {
  .bods .bods-spacing-xx-large-horizontal {
    --bods-spacing-left: var(--bods-layout-spacing-xx-large-left);
    --bods-spacing-right: var(--bods-layout-spacing-xx-large-right);
  }
}

@media only screen and (max-width: 600px) {
  .bods .bods-spacing-xx-large-horizontal {
    --bods-spacing-left: var(--bods-layout-spacing-x-large-left);
    --bods-spacing-right: var(--bods-layout-spacing-x-large-right);
  }
}

@media only screen and (min-width: 601px) {
  .bods .bods-spacing-xx-large-left {
    --bods-spacing-left: var(--bods-layout-spacing-xx-large-left);
  }
}

@media only screen and (max-width: 600px) {
  .bods .bods-spacing-xx-large-left {
    --bods-spacing-left: var(--bods-layout-spacing-x-large-left);
  }
}

@media only screen and (min-width: 601px) {
  .bods .bods-spacing-xx-large-right {
    --bods-spacing-right: var(--bods-layout-spacing-xx-large-right);
  }
}

@media only screen and (max-width: 600px) {
  .bods .bods-spacing-xx-large-right {
    --bods-spacing-right: var(--bods-layout-spacing-x-large-right);
  }
}

.bods .bods-grid-container {
  display: grid;
  grid-template-columns: 1fr auto;
  /* First column flexible, second column auto-sized */
  gap: 16px;
}

@media only screen and (min-width: 648px) {
  .text-ellipses-overflow {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
}

@media only screen and (max-width: 647px) {
  :root {
    --bods-h1-fontFamily: var(--bods-typography-display-5-medium-fontFamily);
    --bods-h1-fontSize: var(--bods-typography-display-5-medium-fontSize);
    --bods-h1-fontWeight: var(--bods-typography-display-5-medium-fontWeight);
    --bods-h1-lineHeight: var(--bods-typography-display-5-medium-lineHeight);
    --bods-p-fontFamily: var(--bods-typography-body-sml-regular-fontFamily);
    --bods-p-fontWeight: var(--bods-typography-body-sml-regular-fontWeight);
    --bods-p-fontSize: var(--bods-typography-body-sml-regular-fontSize);
    --bods-p-lineHeight: var(--bods-typography-body-sml-regular-lineHeight);
  }
}

@media only screen and (max-width: 647px) {
  .bods .bods-grid-container {
    grid-template-columns: 1fr;
    /* Stacks elements for mobile */
  }

  .bods .bods-hero-banner-button-container {
    justify-self: start;
    /* Aligns to the left in mobile view */
  }

}

@media only screen and (min-width: 648px) {
  .bods .bods-hero-banner-button-container {
    justify-self: end;
    /* Aligns to the left in mobile view */
    padding-top: var(--bods-layout-default-padding-top);
  }
}

.bods .bods-padding-none {
  --bods-padding-top: 0px;
  --bods-padding-right: 0px;
  --bods-padding-bottom: 0px;
  --bods-padding-left: 0px;
}

.bods .bods-margin-none {
  --bods-margin-top: 0px;
  --bods-margin-right: 0px;
  --bods-margin-bottom: 0px;
  --bods-margin-left: 0px;
  --lwc-spacingSmall: none;
  margin-top: none;
  margin-right: none;
  margin-bottom: none;
  margin-left: none;
}

/* -------- END SPACING ---------*/

.bods.bods-page-root {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  overflow-x: clip;
}

.bods label.bods-required:before {
  content: "*";
  color: var(--bods-color-reserved-negative);
}

/* ---------- Page template ----------*/
@media only screen and (max-width: 600px) {
  :root {
    --bods-record-page-content-margin-top: var(--bods-layout-spacing-medium-top);
    --bods-record-page-content-margin-right: var(--bods-layout-spacing-medium-right);
    --bods-record-page-content-margin-bottom: var(--bods-layout-spacing-medium-bottom);
    --bods-record-page-content-margin-left: var(--bods-layout-spacing-medium-left);

    --bods-experience-selection-page-content-margin-top: var(--bods-layout-spacing-medium-top);
    --bods-experience-selection-page-content-margin-right: var(--bods-layout-spacing-medium-right);
    --bods-experience-selection-page-content-margin-bottom: var(--bods-layout-spacing-medium-bottom);
    --bods-experience-selection-page-content-margin-left: var(--bods-layout-spacing-medium-left);

    --bods-layout-spacing-collapse-default-top: var(--bods-record-page-content-margin-top);
    --bods-layout-spacing-collapse-default-bottom: var(--bods-record-page-content-margin-bottom);
  }
}

@media only screen and (min-width: 601px) {
  :root {
    --bods-record-page-content-margin-top: var(--bods-layout-spacing-medium-top);
    --bods-record-page-content-margin-right: 132px;
    --bods-record-page-content-margin-bottom: var(--bods-layout-spacing-medium-bottom);
    --bods-record-page-content-margin-left: 132px;

    --bods-experience-selection-page-content-margin-top: var(--bods-layout-spacing-medium-top);
    --bods-experience-selection-page-content-margin-right: 132px;
    --bods-experience-selection-page-content-margin-bottom: var(--bods-layout-spacing-medium-bottom);
    --bods-experience-selection-page-content-margin-left: 132px;

    --bods-record-page-header-margin-top: 48px;
    --bods-record-page-header-margin-bottom: 48px;
    --bods-layout-spacing-collapse-default-top: var(--bods-record-page-header-margin-top);
    --bods-layout-spacing-collapse-default-bottom: var(--bods-record-page-header-margin-bottom);
  }
}

.bods .bods-page-section-container {
  --bods-spacing-top: 0px;
  --bods-spacing-right: 0px;
  --bods-spacing-bottom: 0px;
  --bods-spacing-left: 0px;
  --bods-border-top: 1px solid transparent;
  --bods-border-right: 1px solid transparent;
  --bods-border-bottom: 1px solid transparent;
  --bods-border-left: 1px solid transparent;
}

/* record header */
.bods .bods-record-header {
  --bods-background-gradient: var(--bods-color-text-secondary-gradient);
  --bods-color: var(--bods-color-text-white);
}

.bods .bods-record-header>* {
  --bods-background-gradient: initial;
}

.bods .bods-record-header>div.bods-page-section-content {
  --bods-spacing-top: var(--bods-record-page-header-margin-top, var(--bods-record-page-content-margin-top));
  --bods-spacing-right: var(--bods-record-page-header-margin-right, var(--bods-record-page-content-margin-right));
  --bods-spacing-bottom: var(--bods-record-page-header-margin-bottom, var(--bods-record-page-content-margin-bottom));
  --bods-spacing-left: var(--bods-record-page-header-margin-left, var(--bods-record-page-content-margin-left));
}

div.bods-page-section-content>div {
  display: flex;
  flex-direction: column;
  gap: var(--bods-layout-spacing-x-large-top);
}

/* end record header */
/* Modal */
@media only screen and (max-width: 600px) {
  c-bos-omni-script-modal .slds-modal__container {
    width: 100vw !important;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 0 !important;
    height: 100dvh !important;
    max-width: 100vw !important;
  }

  vlocity_cmt-omniscript-custom-lwc.slds-m-bottom_xx-small,
  .slds-m-bottom--xx-small {
    margin-bottom: 0;
  }

  vlocity_cmt-omniscript-step .omniscript-step__body[vlocity_cmt-omniscriptStep_omniscriptStep] {
    padding-right: 0;
  }

  vlocity_cmt-omniscript-custom-lwc c-bos-set-values .bods-button {
    width: 100%;
    display: grid;
  }

  vlocity_cmt-omniscript-custom-lwc button {
    --bods-button-text-align-override: center;
  }

  .omniscript-body.slds-card__body {
    margin-top: -16px;
  }

  /* BOSSALES-4398 start */
  c-bos-basket-checkout-wrapper .omniscript-body.slds-card__body {
    margin-top: 0;
  }

  c-bos-basket-checkout-wrapper .omniscript-step__body {
    padding-right: 0 !important;
    min-height: unset !important;
  }

  /* BOSSALES-4398 end */

  c-bos-omni-script-modal .slds-modal__content {
    height: 100%;
    overflow-y: auto;
  }

}

c-omniscript-formatted-rich-text .slds-rich-text-editor__output p,
.slds-rich-text-editor__output p>span {
  --bods-color: var(--bods-color-brand-primary-grey) !important;
}

.card-button-wrapper {
  --bods-cta-primary-padding-right: 76px;
  --bods-cta-primary-padding-left: 76px;
}

/* Modal */

/* tabs */
.bods .bods-tab-container {
  --bods-background-color: var(--bods-color-greyscale-white);
  --bods-border-bottom: 0px solid transparent;
}

.bods .bods-tab-container>div.bods-page-section-content {
  --bods-spacing-top: var(--bods-record-page-content-margin-top);
  --bods-spacing-right: var(--bods-record-page-content-margin-right);
  --bods-spacing-bottom: 0px;
  --bods-spacing-left: var(--bods-record-page-content-margin-left);
}

/* end tabs */

/* page body */
.bods .bods-page-section-body-container {
  --bods-background-color: var(--bods-color-greyscale-grey-3);
}

.bods .bods-page-section-body-container>div.bods-page-section-content {
  --bods-spacing-top: var(--bods-record-page-content-margin-top);
  --bods-spacing-right: var(--bods-record-page-content-margin-right);
  --bods-spacing-bottom: var(--bods-record-page-content-margin-bottomm);
  --bods-spacing-left: var(--bods-record-page-content-margin-left);
}

/* end page body */

/* page footer */

.bods .bods-page-section-page-footer-container>div.bods-page-section-content {
  --bods-spacing-top: var(--bods-record-page-content-margin-top);
  --bods-spacing-right: var(--bods-record-page-content-margin-right);
  --bods-spacing-bottom: var(--bods-record-page-content-margin-bottomm);
  --bods-spacing-left: var(--bods-record-page-content-margin-left);
}

/* END page footer */

/* tempate footer */


/* END tempate footer */
/* ---------- END Page template ----------*/

/* flex containers */

.bods-flex-container {
  display: flex;
}

/* ---------- Start Card Component ----*/
.bods .bods-selection-container {
  display: var(--bods-container-display, flex);
  padding: var(--bods-container-padding, 16px);
  flex-direction: var(--bods-container-flex-direction, column);
  justify-content: center;
  align-items: center;
  flex-shrink: 0px;
  border-radius: var(--bods-container-border-radius, 4px);
  border: 2px solid var(--bods-color-brand-white, #fff);
}

.bods .bods-selection-container,
.bods .bods-selected-container {
  cursor: pointer;
}

.bods .bods-card-wrapper {
  display: flex;
  gap: 16px;
  justify-content: space-between;
  align-items: center;
}

.bods .bods-selected-container {
  display: var(--bods-container-display, flex);
  padding: var(--bods-container-padding, 16px);
  flex-direction: var(--bods-container-flex-direction, column);
  justify-content: center;
  align-items: center;
  flex-shrink: 0px;
  border-radius: var(--bods-container-border-radius, 4px);
  border: 2px solid var(--bods-color-brand-light-blue, #00a4ff);
  box-shadow: 0 0 0 2px var(--bods-color-brand-light-blue, #00a4ff);
  background: var(--bods-color-text-white, #fff);
}

@media (max-width: 600px) {
  .bods .bods-selection-container {
    width: 100%;
    align-self: stretch;
  }

  .bods .bods-selected-container {
    width: 100%;
    align-self: stretch;
  }

  .bods .bods-card-wrapper {
    flex-direction: column;
  }
}

@media (hover: hover) {
  .bods .bods-selection-container:hover {
    border-radius: 4px;
    box-shadow: 0 0 0 2px var(--Brand-White, #fff);
    background: rgba(255, 255, 255, 0.2);
  }

  .bods .bods-selection-container:hover h2,
  .bods .bods-selection-container:hover h2 span {
    font-family: var(--bods-typography-body-body-medium-fontFamily);
    font-size: var(--bods-typography-body-body-medium-fontSize);
    font-weight: var(--bods-typography-body-body-medium-fontWeight);
    line-height: var(--bods-typography-body-body-medium-lineHeight);
  }

}


.bods .bods-selection-container ul,
.bods .bods-selected-container ul {
  display: flex;
  padding: 5px 0px;
  gap: 16px;
}

.bods .bods-selection-container li,
.bods .bods-selection-container li span,
.bods .bods-selected-container li,
.bods .bods-selected-container li span {
  background-color: var(--bods-background-color);
  background-image: var(--bods-background-image, var(--bods-background-gradient));
  background-repeat: var(--bods-background-repeat);
  background-position: var(--bods-background-position-x, 0) var(--bods-background-position-y, 0);
  background-size: var(--bods-background-size);
  height: 45px;
  width: 45px;

}

.bods .bods-selection-container h2,
.bods .bods-selection-container h2 span {
  font-family: var(--bods-typography-body-body-regular-fontFamily);
  font-size: var(--bods-typography-body-body-regular-fontSize);
  font-weight: var(--bods-typography-body-body-regular-fontWeight);
  line-height: var(--bods-typography-body-body-regular-lineHeight);
  color: var(--bods-color, var(--bods-color-greyscale-white));
}

.bods .bods-selection-container p,
.bods .bods-selection-container p span {
  color: var(--bods-color, var(--bods-color-greyscale-white));
  text-align: var(--bods-text-align, center);
}

.bods .bods-selected-container h2,
.bods .bods-selected-container h2 span {
  font-family: var(--bods-typography-body-body-medium-fontFamily);
  font-size: var(--bods-typography-body-body-medium-fontSize);
  font-weight: var(--bods-typography-body-body-medium-fontWeight);
  line-height: var(--bods-typography-body-body-medium-lineHeight);
  background: var(--Text-Primary-gradient, linear-gradient(90deg, #0037FF 20.45%, #0083FF 89.58%));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.bods .bods-selected-container p,
.bods .bods-selected-container p span {
  color: var(--bods-color-brand-text-grey);
  text-align: var(--bods-text-align, center);
}

.bods-selected-button {
  text-align: end;
  margin-top: 32px;
  width: 100%;
}

.bods-selected-button div>button {
  max-width: 343px;
  width: 100%;
  text-align: center;
}

@media (min-width: 648px) {
  .bods-selected-button div>button {
    width: auto;
    max-width: fit-content;
  }
}

@media (min-width: 1248px) {
  .bods-selected-button {
    margin-top: 48px;
  }
}

/* ---------- End Card Component ----*/
/* ---------- Search Component ------*/
@media only screen and (max-width: 647px) {
  .bods-search-container {
    display: flex;
    height: 46px;
    align-items: center;
    flex-shrink: 0;
    width: 100%;
  }
}

.bods-search-container {
  position: relative;
  width: 100%;
  height: 48px;
  display: flex;
  align-items: flex-start;
  /* Vertically aligns the content */
}

.bods-search-container .searching-icon {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M15.2649 13.9304L11.1429 9.8403C11.9734 8.67171 12.4041 7.1956 12.1888 5.62723C11.8196 2.98252 9.66632 0.891363 6.99006 0.645344C3.36019 0.276315 0.284031 3.35155 0.65317 7.01109C0.899263 9.65579 2.99105 11.8392 5.63655 12.2082C7.20539 12.4235 8.68195 11.993 9.85089 11.1627L13.9422 15.2527C14.1268 15.4372 14.4036 15.4372 14.5882 15.2527L15.2342 14.6069C15.4187 14.4224 15.4187 14.1149 15.2649 13.9304ZM2.46809 6.4271C2.46809 4.24368 4.25227 2.46004 6.43634 2.46004C8.62042 2.46004 10.4046 4.24368 10.4046 6.4271C10.4046 8.61052 8.62042 10.3942 6.43634 10.3942C4.25227 10.3942 2.46809 8.64127 2.46809 6.4271Z" fill="%23747474"/></svg>');
  background-size: contain;
  background-repeat: no-repeat;
  height: 36px;
  flex-shrink: 0;
}

.bods-search-container div input {
  background-color: var(--bods-color-brand-white);
  border-top: 1px solid var(--bods-color-greyscale-grey-50);
  border-right: 1px solid var(--bods-color-greyscale-grey-50);
  border-bottom: 1px solid var(--bods-color-greyscale-grey-50);
  border-left: 1px solid var(--bods-color-greyscale-grey-50);
  border-radius: 4px;
  padding-top: calc(var(--bods-layout-spacing-v-small-top) - 1px);
  padding-right: var(--bods-layout-spacing-medium-right);
  padding-bottom: calc(var(--bods-layout-spacing-v-small-bottom) - 1px);
  padding-left: calc(var(--bods-layout-spacing-medium-left) + 24px);
  font-family: var(--bods-typography-body-body-regular-fontFamily);
  font-size: var(--bods-typography-body-body-regular-fontSize);
  font-weight: var(--bods-typography-body-body-regular-fontWeight);
  line-height: var(--bods-typography-body-body-regular-lineHeight);
}

.slds-input-has-icon_right div input {
  padding-right: calc(var(--bods-layout-spacing-medium-right) + 24px);
  padding-left: var(--bods-layout-spacing-medium-left);
}

.bods-search-container div input[readonly] {
  border: 1px solid black !important;
}

.bods-search-container .slds-input-has-icon .slds-input__icon {
  pointer-events: auto;
  margin-top: -12px;
}

.bods-search-container .leftspace {
  border: black;
  border-radius: 2px;
}

.bods-search-container .bods-Change {
  padding-top: 17px;
  padding-right: 30px;
  color: blue;
}

.bods-search-container .bods-change-container {
  background-color: var(--bods-color-brand-white, white);
  padding-left: 6px;
}

.bods-search-container .slds-icon_small,
.slds-icon--small {
  width: 24px;
  height: 24px;
  line-height: 2;
}

.bods-search-container .bods-search-clear-button {
  padding-top: var(--bods-layout-spacing-xx-small-top);
}

.bods-search-container .slds-icon_container,
.slds-icon__container {
  display: inline-block;
  border-radius: var(--slds-c-icon-radius-border, var(--sds-c-icon-radius-border, var(--lwc-borderRadiusMedium, 0.25rem)));
  line-height: var(--lwc-lineHeightReset, 1);
  background-color: var(--slds-c-icon-color-background, var(--sds-c-icon-color-background, transparent));
  background-repeat: var(--bods-background-repeat);
  background-position: var(--bods-background-position-x, 0) var(--bods-background-position-y, 0);
  background-size: var(--bods-background-size);
  background-clip: var(--bods-background-clip);
}

.bods-search-container .iconAccount {
  flex-shrink: 0;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><rect width="24" height="24" rx="4" fill="%235867E8"/><path d="M18.96 12.2642C18.984 11.7602 18.624 11.6162 18.48 11.6162H13.248C12.792 11.6162 12.72 12.0962 12.72 12.1442V17.7602H18.96V12.2642ZM15.36 16.2962C15.36 16.5602 15.144 16.7762 14.88 16.7762H14.4C14.136 16.7762 13.92 16.5602 13.92 16.2962V15.8162C13.92 15.5522 14.136 15.3362 14.4 15.3362H14.88C15.144 15.3362 15.36 15.5522 15.36 15.8162V16.2962ZM15.36 13.8482C15.36 14.1122 15.144 14.3282 14.88 14.3282H14.4C14.136 14.3282 13.92 14.1122 13.92 13.8482V13.3682C13.92 13.1042 14.136 12.8882 14.4 12.8882H14.88C15.144 12.8882 15.36 13.1042 15.36 13.3682V13.8482ZM17.76 16.2962C17.76 16.5602 17.544 16.7762 17.28 16.7762H16.8C16.536 16.7762 16.32 16.5602 16.32 16.2962V15.8162C16.32 15.5522 16.536 15.3362 16.8 15.3362H17.28C17.544 15.3362 17.76 15.5522 17.76 15.8162V16.2962ZM17.76 13.8482C17.76 14.1122 17.544 14.3282 17.28 14.3282H16.8C16.536 14.3282 16.32 14.1122 16.32 13.8482V13.3682C16.32 13.1042 16.536 12.8882 16.8 12.8882H17.28C17.544 12.8882 17.76 13.1042 17.76 13.3682V13.8482Z" fill="white"/><path d="M14.16 9.67223C14.16 9.48023 14.16 6.88823 14.16 6.88823C14.184 6.38423 13.824 6.24023 13.68 6.24023H5.56804C5.11204 6.24023 5.04004 6.72023 5.04004 6.76823V17.7602H11.28V10.7282C11.28 10.7282 11.28 10.1522 11.808 10.1522C11.808 10.1522 13.44 10.1522 13.704 10.1522C13.968 10.1522 14.16 9.86423 14.16 9.67223ZM7.68004 16.0562C7.68004 16.3202 7.46404 16.5362 7.20004 16.5362H6.72004C6.45604 16.5362 6.24004 16.3202 6.24004 16.0562V15.5762C6.24004 15.3122 6.45604 15.0962 6.72004 15.0962H7.20004C7.46404 15.0962 7.68004 15.3122 7.68004 15.5762V16.0562ZM7.68004 13.5842C7.68004 13.8482 7.46404 14.0642 7.20004 14.0642H6.72004C6.45604 14.0642 6.24004 13.8482 6.24004 13.5842V13.1042C6.24004 12.8402 6.45604 12.6242 6.72004 12.6242H7.20004C7.46404 12.6242 7.68004 12.8402 7.68004 13.1042V13.5842ZM7.68004 11.1362C7.68004 11.4002 7.46404 11.6162 7.20004 11.6162H6.72004C6.45604 11.6162 6.24004 11.4002 6.24004 11.1362V10.6562C6.24004 10.3922 6.45604 10.1762 6.72004 10.1762H7.20004C7.46404 10.1762 7.68004 10.3922 7.68004 10.6562V11.1362ZM7.68004 8.68823C7.68004 8.95223 7.46404 9.16823 7.20004 9.16823H6.72004C6.45604 9.16823 6.24004 8.95223 6.24004 8.68823V8.20823C6.24004 7.94423 6.45604 7.72823 6.72004 7.72823H7.20004C7.46404 7.72823 7.68004 7.94423 7.68004 8.20823V8.68823ZM10.32 16.0562C10.32 16.3202 10.104 16.5362 9.84004 16.5362H9.36004C9.09604 16.5362 8.88004 16.3202 8.88004 16.0562V15.5762C8.88004 15.3122 9.09604 15.0962 9.36004 15.0962H9.84004C10.104 15.0962 10.32 15.3122 10.32 15.5762V16.0562ZM10.32 13.5842C10.32 13.8482 10.104 14.0642 9.84004 14.0642H9.36004C9.09604 14.0642 8.88004 13.8482 8.88004 13.5842V13.1042C8.88004 12.8402 9.09604 12.6242 9.36004 12.6242H9.84004C10.104 12.6242 10.32 12.8402 10.32 13.1042V13.5842ZM10.32 11.1362C10.32 11.4002 10.104 11.6162 9.84004 11.6162H9.36004C9.09604 11.6162 8.88004 11.4002 8.88004 11.1362V10.6562C8.88004 10.3922 9.09604 10.1762 9.36004 10.1762H9.84004C10.104 10.1762 10.32 10.3922 10.32 10.6562V11.1362ZM10.32 8.68823C10.32 8.95223 10.104 9.16823 9.84004 9.16823H9.36004C9.09604 9.16823 8.88004 8.95223 8.88004 8.68823V8.20823C8.88004 7.94423 9.09604 7.72823 9.36004 7.72823H9.84004C10.104 7.72823 10.32 7.94423 10.32 8.20823V8.68823ZM12.96 8.68823C12.96 8.95223 12.744 9.16823 12.48 9.16823H12C11.736 9.16823 11.52 8.95223 11.52 8.68823V8.20823C11.52 7.94423 11.736 7.72823 12 7.72823H12.48C12.744 7.72823 12.96 7.94423 12.96 8.20823V8.68823Z" fill="white"/></svg>') !important;
  background-size: contain;
  background-repeat: no-repeat;
  margin-top: 5px;
}

.bods-search-container .secondLine {
  margin-left: 9px;
}

.bods-search-container .bods-firstline {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-flex;
  margin-bottom: var(--lwc-spacingXxxSmall, 0.125rem);
  margin-top: 0px;
  align-items: flex-start;
}

.bods-search-container .bods-combobox {
  position: static;
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
}

.bods-search-container .bods-form {
  gap: 16px;
}

.bods-search-container .bods-combobox-container {
  position: relative;
  z-index: 7000;
  left: 50%;
  float: left;
  margin-top: var(--lwc-spacingXxxSmall, 0.125rem);
  margin-bottom: var(--lwc-spacingXxxSmall, 0.125rem);
  border: var(--lwc-borderWidthThin, 1px) solid var(--slds-g-color-border-base-4, var(--lwc-colorBorder, #939393));
  border-radius: var(--lwc-borderRadiusMedium, 0.25rem);
  padding: var(--lwc-spacingXxSmall, 0.25rem) 0;
  font-size: 0.75rem;
  background: var(--slds-g-color-neutral-base-100, var(--lwc-colorBackgroundAlt, rgb(255, 255, 255)));
  box-shadow: var(--lwc-shadowDropDown, 0 2px 3px 0 rgba(0, 0, 0, 0.16));
  transform: translateX(-50%);
  color: var(--slds-g-color-neutral-base-10, var(--lwc-colorTextDefault, #222222));
}

.bods-search-container .bods-error-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  min-width: 256px;
  padding: 16px;
}

.bods-search-container .bods-error-container h4 {
  margin: 0;
  /* Removes any default margin from the heading */
  text-align: center;
  /* Ensures text alignment is explicitly centered */
}

.bods-search-container .slds-media__body span {
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
}

.bods-search-container .bods-search-container strong {
  font-size: 14px;
}

.bods-search-container .bods-searching-content {
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  /* 153.846% */
  padding-top: var(--bods-layout-spacing-x-small-top);
  padding-right: var(--bods-layout-spacing-x-small-right);
  padding-bottom: var(--bods-layout-spacing-x-small-bottom);
  padding-left: var(--bods-layout-spacing-x-small-left);
  background: var(--Foundation-Gray-Neutral-95, #f3f3f3);
}

.bods-search-container .bods-icon-search-right {
  right: var(--lwc-spacingSmall, 0.75rem);
}

.bods-search-container .bods-icon-search-left {
  left: var(--lwc-spacingSmall, 0.75rem);
}

.bods-search-container .slds-form-element__control h3 {
  margin-top: 0px;
  padding-top: 0px;
}

.leftspace input::placeholder {
  font-size: 18px;
  /* Adjust the size as needed */
  font-weight: 400;
  line-height: 28px;
  /* 155.556% */
  font-family: var(--bods-typography-font-normal);
}

.bods-combobox-container p {
  --bods-text-font-family: var(--bods-typography-display-7-regular-fontFamily);
  --bods-text-font-size: var(--bods-typography-display-7-regular-fontSize);
  --bods-text-font-weight: var(--bods-typography-display-7-regular-fontWeight);
  --bods-text-line-height: var(--bods-typography-display-7-regular-lineHeight);
  --bods-text-align: center;
}

.bods-combobox-container p strong {
  font-weight: 500;
}

/* ---------- Search Component End --*/

/*---------- Text Icon Component ---- */

.bods .bods-text-image-container {
  --bods-input-text-fontFamily: var(--bods-typography-body-legal-regular-fontFamily);
  --bods-input-text-fontWeight: var(--bods-typography-body-legal-regular-fontWeight);
  --bods-input-text-fontSize: var(--bods-typography-body-legal-regular-fontSize);
  --bods-input-text-lineHeight: var(--bods-typography-body-legal-regular-lineHeight);
  display: var(--bods-container-display, flex);
}

.bods .bods-text-image-container>lightning-formatted-text {
  padding-top: var(--bods-padding-top, var(--bods-p-padding-top));
  padding-right: calc(var(--bods-padding-right, var(--bods-p-padding-right, 0px)) + var(--bods-icon-width-right, 0px) + var(--bods-icon-padding-right, 0px));
  padding-bottom: var(--bods-padding-bottom, var(--bods-p-padding-bottom));
  padding-left: calc(var(--bods-padding-left, var(--bods-p-padding-left, 0px)) + var(--bods-icon-width-left, 0px) + var(--bods-icon-padding-left, 0px));
  text-align: var(--bods-text-align, left);
  background: var(--bods-background);
  background-image: var(--bods-background-image);
  background-repeat: var(--bods-background-repeat);
  background-position: var(--bods-background-position-x, 0) var(--bods-background-position-y, 0);
  background-size: var(--bods-background-size);
  background-clip: var(--bods-background-clip);
  --bods-padding-right: 0px;
  font-family: var(--bods-input-text-fontFamily);
  font-size: var(--bods-input-text-fontSize);
  font-weight: var(--bods-input-text-fontWeight);
  line-height: var(--bods-input-text-lineHeight);
}

.bods .bods-icon-type-heading {
  --bods-input-text-fontFamily: var(--bods-typography-body-legal-medium-fontFamily);
  --bods-input-text-fontWeight: var(--bods-typography-body-legal-medium-fontWeight);
  --bods-input-text-fontSize: var(--bods-typography-body-legal-medium-fontSize);
  --bods-input-text-lineHeight: var(--bods-typography-body-legal-medium-lineHeight);
}

/* ---------- End Text Icon Component ----------*/

/* ---------- Buttons ----------*/
.quantity-container button {
  --bods-button-disabled-background: var(--bods-background-image) !important;
}

/* ---------- End Buttons ----------*/

/* ---------- Icons ----------*/
.bods .bods-icon,
.bods .bods-button-icon>button {
  --bods-background-repeat: no-repeat;
  --bods-icon-width: 24px;
  --bods-icon-height: 24px;
  --bods-icon-padding-horizontal: var(--bods-layout-spacing-xx-small-left);
  --bods-icon-width-right: var(--bods-icon-width);
  --bods-icon-padding-right: var(--bods-icon-padding-horizontal);
  --bods-background-position-x: right var(--bods-padding-right);
  --bods-background-position-y: center;
}

.bods .bods-icon-position-left,
.bods .bods-button-icon-position-left>button {
  --bods-icon-width: 24px;
  --bods-icon-height: 24px;
  --bods-icon-width-left: var(--bods-icon-width);
  --bods-icon-padding-left: var(--bods-icon-padding-horizontal);
  --bods-icon-width-right: unset;
  --bods-icon-padding-right: unset;
  --bods-background-position-x: left var(--bods-padding-left);
  --bods-background-position-y: center;
}

.bods .bods-icon-position-right-container {
  display: flex;
  justify-content: flex-end;
  /* Pushes button to right */
  align-items: center;
  /* Center vertically (optional) */
}

@media (min-width: 48em) {
  .omniscript-body {
    border-right: none !important;
  }
}

.bods .bods-button-icon-only,
.bods .bods-button-icon-only>button {
  --bods-icon-width-left: calc(var(--bods-icon-width) / 2);
  --bods-icon-padding-left: 0px;
  --bods-icon-width-right: calc(var(--bods-icon-width) / 2);
  --bods-icon-padding-right: 0px;
  --bods-background-position-x: center;
  --bods-background-position-y: center;
  --bods-height: var(--bods-icon-height);
}

.bods .bods-icon-unlimited,
.bods .bods-button-icon-unlimited>button {
  --bods-background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2242%22%20height%3D%2220%22%20viewBox%3D%220%200%2042%2020%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M40.639%204.88736C38.7816%201.40968%2034.762%20-0.498241%2030.8245%200.142782C27.9071%200.617239%2025.44%203.00467%2023.4631%205.14225L25.6534%207.33031C26.6267%206.29306%2027.9587%204.92017%2029.014%204.18324C31.6711%202.32831%2035.4702%203.04%2037.4965%205.60409C39.4969%208.13537%2039.4875%2011.9336%2037.4753%2014.4522C35.0106%2017.5362%2030.4399%2017.6599%2027.5812%2014.6869C24.0095%2010.9771%2020.4706%207.22936%2016.8943%203.52708C16.2001%202.80782%2015.438%202.14156%2014.6265%201.58382C11.1838%20-0.790991%206.72806%20-0.462909%203.40732%202.35103C0.450085%204.85707%20-0.769395%209.38208%200.496988%2013.1727C1.90642%2017.3999%205.39836%2020.0145%2010.0582%2019.9968C13.5009%2020.1003%2016.0313%2017.6573%2018.3882%2014.8812L16.3408%2012.6781C15.8507%2013.1777%2015.0768%2013.9626%2014.7461%2014.3462C13.1983%2016.1557%2011.3034%2016.9355%209.00286%2016.7866C6.51699%2016.6251%204.28441%2014.9671%203.37683%2012.4383C2.47864%209.92973%203.079%206.99718%204.86835%205.17001C7.55121%202.42926%2011.6951%202.5075%2014.4483%205.37696C18.1255%209.21047%2021.7769%2013.0692%2025.4588%2016.8977C29.5863%2021.188%2036.2441%2020.9987%2039.7056%2016.5141C42.4002%2013.0238%2042.7355%208.8193%2040.6366%204.88736H40.639Z%22%20fill%3D%22url(%23paint0_linear_14493_243)%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22paint0_linear_14493_243%22%20x1%3D%224.88945e-08%22%20y1%3D%229.99999%22%20x2%3D%2242%22%20y2%3D%229.99999%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%220.204477%22%20stop-color%3D%22%230037FF%22%2F%3E%3Cstop%20offset%3D%220.895833%22%20stop-color%3D%22%230083FF%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3C%2Fsvg%3E");
}

/* added as part of BOS-10473 */
.bods .bods-icon-union,
.bods .bods-button-icon-union>button {
  --bods-background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="42" height="20" viewBox="0 0 42 20" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M18.1828 3.31183C18.1941 3.20951 18.1999 3.10552 18.1999 3.00018C18.1999 1.45379 16.9463 0.200195 15.3999 0.200195C13.8825 0.200195 12.647 1.40728 12.6012 2.91362L5.91106 7.78365C5.43789 7.41783 4.84435 7.20016 4.19998 7.20016C2.65359 7.20016 1.39999 8.45376 1.39999 10.0001C1.39999 11.5465 2.65359 12.8001 4.19998 12.8001C5.74637 12.8001 6.99996 11.5465 6.99996 10.0001C6.99996 9.64195 6.9327 9.29947 6.81013 8.98464L13.0149 4.46774C13.5079 5.26726 14.3917 5.80017 15.3999 5.80017C16.2907 5.80017 17.0844 5.38415 17.5972 4.7358L23.9097 9.22103C23.8382 9.46836 23.7999 9.72978 23.7999 10.0001C23.7999 11.5465 25.0535 12.8001 26.5999 12.8001C28.1462 12.8001 29.3998 11.5465 29.3998 10.0001C29.3998 9.84003 29.3864 9.68306 29.3606 9.53029L35.6597 4.80581C36.1733 5.41395 36.9415 5.80017 37.7998 5.80017C39.3462 5.80017 40.5998 4.54657 40.5998 3.00018C40.5998 1.45379 39.3462 0.200195 37.7998 0.200195C36.2534 0.200195 34.9998 1.45379 34.9998 3.00018C34.9998 3.13739 35.0097 3.27229 35.0288 3.40422L28.701 8.14943C28.188 7.56736 27.4368 7.20016 26.5999 7.20016C25.867 7.20016 25.1999 7.48172 24.7008 7.94257L18.1828 3.31183ZM5.59997 10.0001C5.59997 10.7733 4.97317 11.4001 4.19998 11.4001C3.42678 11.4001 2.79998 10.7733 2.79998 10.0001C2.79998 9.22695 3.42678 8.60015 4.19998 8.60015C4.97317 8.60015 5.59997 9.22695 5.59997 10.0001ZM15.3999 4.40017C16.1731 4.40017 16.7999 3.77338 16.7999 3.00018C16.7999 2.22699 16.1731 1.60019 15.3999 1.60019C14.6267 1.60019 13.9999 2.22699 13.9999 3.00018C13.9999 3.77338 14.6267 4.40017 15.3999 4.40017ZM27.9999 10.0001C27.9999 10.7733 27.3731 11.4001 26.5999 11.4001C25.8267 11.4001 25.1999 10.7733 25.1999 10.0001C25.1999 9.22695 25.8267 8.60015 26.5999 8.60015C27.3731 8.60015 27.9999 9.22695 27.9999 10.0001ZM37.7998 4.40017C38.573 4.40017 39.1998 3.77338 39.1998 3.00018C39.1998 2.22699 38.573 1.60019 37.7998 1.60019C37.0266 1.60019 36.3998 2.22699 36.3998 3.00018C36.3998 3.77338 37.0266 4.40017 37.7998 4.40017ZM33.3531 11.0001C33.3531 10.4479 33.8008 10.0001 34.3531 10.0001H41C41.5523 10.0001 42 10.4479 42 11.0001V18.7693C42 19.3216 41.5523 19.7693 41 19.7693H34.3531C33.8008 19.7693 33.3531 19.3216 33.3531 18.7693V11.0001ZM23.2351 14.9155C22.6829 14.9155 22.2351 15.3632 22.2351 15.9155V18.8001C22.2351 19.3524 22.6829 19.8001 23.2351 19.8001H29.8821C30.4344 19.8001 30.8821 19.3524 30.8821 18.8001V15.9155C30.8821 15.3632 30.4344 14.9155 29.8821 14.9155H23.2351ZM11.1176 11.0001C11.1176 10.4479 11.5653 10.0001 12.1176 10.0001H18.7645C19.3168 10.0001 19.7645 10.4479 19.7645 11.0001V18.7693C19.7645 19.3216 19.3168 19.7693 18.7645 19.7693H12.1176C11.5653 19.7693 11.1176 19.3216 11.1176 18.7693V11.0001ZM1 14.9155C0.447715 14.9155 0 15.3632 0 15.9155V18.8001C0 19.3524 0.447716 19.8001 1 19.8001H7.64695C8.19923 19.8001 8.64695 19.3524 8.64695 18.8001V15.9155C8.64695 15.3632 8.19923 14.9155 7.64695 14.9155H1Z" fill="url(%23paint0_linear_4933_3004)"/><defs><linearGradient id="paint0_linear_4933_3004" x1="4.88945e-08" y1="10.0001" x2="42" y2="10.0001" gradientUnits="userSpaceOnUse"><stop offset="0.204477" stop-color="%230037FF"/><stop offset="0.895833" stop-color="%230083FF"/></linearGradient></defs></svg>');
}


.bods .bods-icon-flex,
.bods .bods-button-icon-flex>button {
  --bods-background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2242%22%20height%3D%2220%22%20viewBox%3D%220%200%2042%2020%22%20fill%3D%22none%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M18.1828%203.31155C18.1941%203.20927%2018.1999%203.10534%2018.1999%203.00005C18.1999%201.45366%2016.9463%200.200062%2015.3999%200.200062C13.8825%200.200062%2012.6471%201.40706%2012.6013%202.91332L5.91098%207.78345C5.43781%207.41767%204.84431%207.20003%204.19998%207.20003C2.65359%207.20003%201.39999%208.45362%201.39999%2010C1.39999%2011.5464%202.65359%2012.8%204.19998%2012.8C5.74637%2012.8%206.99996%2011.5464%206.99996%2010C6.99996%209.64175%206.93268%209.2992%206.81005%208.98431L13.0149%204.46757C13.5079%205.26711%2014.3917%205.80003%2015.3999%205.80003C16.2908%205.80003%2017.0845%205.384%2017.5973%204.73562L23.9097%209.22079C23.8382%209.46815%2023.7999%209.7296%2023.7999%2010C23.7999%2011.5464%2025.0535%2012.8%2026.5999%2012.8C28.1462%2012.8%2029.3998%2011.5464%2029.3998%2010C29.3998%209.83997%2029.3864%209.68306%2029.3606%209.53036L35.6599%204.8059C36.1735%205.41391%2036.9416%205.80003%2037.7998%205.80003C39.3462%205.80003%2040.5998%204.54644%2040.5998%203.00005C40.5998%201.45366%2039.3462%200.200062%2037.7998%200.200062C36.2534%200.200062%2034.9998%201.45366%2034.9998%203.00005C34.9998%203.13731%2035.0097%203.27227%2035.0288%203.40425L28.7014%208.14975C28.1883%207.56741%2027.437%207.20003%2026.5999%207.20003C25.8669%207.20003%2025.1997%207.48167%2024.7006%207.94263L18.1828%203.31155ZM5.6%2010C5.6%2010.7732%204.9732%2011.4%204.20001%2011.4C3.42681%2011.4%202.80001%2010.7732%202.80001%2010C2.80001%209.22682%203.42681%208.60002%204.20001%208.60002C4.9732%208.60002%205.6%209.22682%205.6%2010ZM15.3999%204.40004C16.1731%204.40004%2016.7999%203.77324%2016.7999%203.00005C16.7999%202.22685%2016.1731%201.60005%2015.3999%201.60005C14.6268%201.60005%2014%202.22685%2014%203.00005C14%203.77324%2014.6268%204.40004%2015.3999%204.40004ZM27.9999%2010C27.9999%2010.7732%2027.3731%2011.4%2026.5999%2011.4C25.8267%2011.4%2025.1999%2010.7732%2025.1999%2010C25.1999%209.22682%2025.8267%208.60002%2026.5999%208.60002C27.3731%208.60002%2027.9999%209.22682%2027.9999%2010ZM37.7998%204.40004C38.573%204.40004%2039.1998%203.77324%2039.1998%203.00005C39.1998%202.22685%2038.573%201.60005%2037.7998%201.60005C37.0266%201.60005%2036.3998%202.22685%2036.3998%203.00005C36.3998%203.77324%2037.0266%204.40004%2037.7998%204.40004ZM33.3531%2011C33.3531%2010.4477%2033.8008%2010%2034.3531%2010H41C41.5523%2010%2042%2010.4477%2042%2011V18.7692C42%2019.3214%2041.5523%2019.7692%2041%2019.7692H34.3531C33.8008%2019.7692%2033.3531%2019.3214%2033.3531%2018.7692V11ZM23.2351%2014.9154C22.6829%2014.9154%2022.2351%2015.3631%2022.2351%2015.9154V18.7999C22.2351%2019.3522%2022.6829%2019.7999%2023.2351%2019.7999H29.8821C30.4344%2019.7999%2030.8821%2019.3522%2030.8821%2018.7999V15.9154C30.8821%2015.3631%2030.4344%2014.9154%2029.8821%2014.9154H23.2351ZM11.1176%2011C11.1176%2010.4477%2011.5653%2010%2012.1176%2010H18.7645C19.3168%2010%2019.7645%2010.4477%2019.7645%2011V18.7692C19.7645%2019.3214%2019.3168%2019.7692%2018.7645%2019.7692H12.1176C11.5653%2019.7692%2011.1176%2019.3214%2011.1176%2018.7692V11ZM1%2014.9154C0.447715%2014.9154%200%2015.3631%200%2015.9154V18.7999C0%2019.3522%200.447716%2019.7999%201%2019.7999H7.64695C8.19923%2019.7999%208.64695%2019.3522%208.64695%2018.7999V15.9154C8.64695%2015.3631%208.19923%2014.9154%207.64695%2014.9154H1Z%22%20fill%3D%22url(%23paint0_linear_14493_218)%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22paint0_linear_14493_218%22%20x1%3D%224.88945e-08%22%20y1%3D%229.99999%22%20x2%3D%2242%22%20y2%3D%229.99999%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%220.204477%22%20stop-color%3D%22%230037FF%22%2F%3E%3Cstop%20offset%3D%220.895833%22%20stop-color%3D%22%230083FF%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3C%2Fsvg%3E");
}

.bods .bods-icon-signpost,
.bods .bods-button-icon-signpost>button {
  --bods-background-image: url("data:image/svg+xml,%3Csvg width='19' height='22' viewBox='0 0 19 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.75027 1.25V2.75H3.68484C3.47987 2.75 3.28384 2.83388 3.14232 2.98214L0.994593 5.23214C0.717948 5.52196 0.717948 5.97804 0.994593 6.26786L3.14232 8.51786C3.28384 8.66612 3.47987 8.75 3.68484 8.75H8.75027V10.25H3.50028C3.08606 10.25 2.75028 10.5858 2.75028 11L2.75027 15.5C2.75027 15.9142 3.08606 16.25 3.50027 16.25H8.75027V20H2.75027C2.33606 20 2.00027 20.3358 2.00027 20.75V21.5H17.0003V20.75C17.0003 20.3358 16.6645 20 16.2503 20H10.2503V16.25H15.3157C15.5207 16.25 15.7167 16.1661 15.8582 16.0179L18.006 13.7679C18.2826 13.478 18.2826 13.022 18.006 12.7321L15.8582 10.4821C15.7167 10.3339 15.5207 10.25 15.3157 10.25L10.2503 10.25V8.75H15.5003C15.9145 8.75 16.2503 8.41421 16.2503 8V3.5C16.2503 3.08579 15.9145 2.75 15.5003 2.75H10.2503V0.5H9.50027C9.08606 0.5 8.75027 0.835786 8.75027 1.25ZM14.9948 14.75L16.4266 13.25L14.9948 11.75L4.25028 11.75L4.25027 14.75L14.9948 14.75ZM14.7503 7.25H4.00576L2.57394 5.75L4.00576 4.25H14.7503V7.25Z' fill='white'/%3E%3C/svg%3E");
}

.bods .bods-icon-chevron,
.bods .bods-button-icon-chevron>button {
  --bods-background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M15.682 11.341C15.9749 11.6339 15.9749 12.1088 15.682 12.4016L9.06066 19.023C8.76777 19.3159 8.29289 19.3159 8 19.023L7.5 18.523L14.1516 11.8713L7.5 5.21967L8 4.71967C8.29289 4.42678 8.76777 4.42678 9.06066 4.71967L15.682 11.341Z" fill="%230037FF"/></svg>');
}

.bods .bods-icon-network,
.bods .bods-button-icon-network>button {
  --bods-background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M16%2028C22.6274%2028%2028%2022.6274%2028%2016C28%209.37258%2022.6274%204%2016%204C9.37258%204%204%209.37258%204%2016C4%2022.6274%209.37258%2028%2016%2028ZM16%2030C23.732%2030%2030%2023.732%2030%2016C30%208.26801%2023.732%202%2016%202C8.26801%202%202%208.26801%202%2016C2%2023.732%208.26801%2030%2016%2030Z%22%20fill%3D%22url(%23paint0_linear_21810_47215)%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M29%2016.895H3V14.895H29V16.895Z%22%20fill%3D%22url(%23paint1_linear_21810_47215)%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M15%2029L15%203L17%203L17%2029H15Z%22%20fill%3D%22url(%23paint2_linear_21810_47215)%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M11.9307%207.28171C10.7568%209.46192%2010%2012.5425%2010%2016C10%2019.4575%2010.7568%2022.5381%2011.9307%2024.7183C13.1266%2026.9392%2014.6112%2028%2016%2028C17.3888%2028%2018.8734%2026.9392%2020.0693%2024.7183C21.2432%2022.5381%2022%2019.4575%2022%2016C22%2012.5425%2021.2432%209.46192%2020.0693%207.28171C18.8734%205.06077%2017.3888%204%2016%204C14.6112%204%2013.1266%205.06077%2011.9307%207.28171ZM10.1698%206.33351C11.5074%203.84938%2013.5229%202%2016%202C18.4771%202%2020.4926%203.84938%2021.8302%206.33351C23.1898%208.85838%2024%2012.2778%2024%2016C24%2019.7222%2023.1898%2023.1416%2021.8302%2025.6665C20.4926%2028.1506%2018.4771%2030%2016%2030C13.5229%2030%2011.5074%2028.1506%2010.1698%2025.6665C8.81024%2023.1416%208%2019.7222%208%2016C8%2012.2778%208.81024%208.85838%2010.1698%206.33351Z%22%20fill%3D%22url(%23paint3_linear_21810_47215)%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M5.94121%207.20842C8.06469%208.84768%2011.7296%2010%2016%2010C20.2704%2010%2023.9353%208.84768%2026.0588%207.20842L27.2809%208.79158C24.706%2010.7793%2020.5649%2012%2016%2012C11.4351%2012%207.29395%2010.7793%204.71907%208.79158L5.94121%207.20842Z%22%20fill%3D%22url(%23paint4_linear_21810_47215)%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M26.0589%2024.7916C23.9354%2023.1523%2020.2705%2022%2016.0001%2022C11.7296%2022%208.06475%2023.1523%205.94126%2024.7916L4.71913%2023.2084C7.29401%2021.2207%2011.4351%2020%2016.0001%2020C20.565%2020%2024.7061%2021.2207%2027.281%2023.2084L26.0589%2024.7916Z%22%20fill%3D%22url(%23paint5_linear_21810_47215)%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22paint0_linear_21810_47215%22%20x1%3D%222%22%20y1%3D%2216%22%20x2%3D%2230%22%20y2%3D%2216%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%220.204477%22%20stop-color%3D%22%230037FF%22%2F%3E%3Cstop%20offset%3D%220.895833%22%20stop-color%3D%22%230083FF%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22paint1_linear_21810_47215%22%20x1%3D%222%22%20y1%3D%2216%22%20x2%3D%2230%22%20y2%3D%2216%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%220.204477%22%20stop-color%3D%22%230037FF%22%2F%3E%3Cstop%20offset%3D%220.895833%22%20stop-color%3D%22%230083FF%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22paint2_linear_21810_47215%22%20x1%3D%222%22%20y1%3D%2216%22%20x2%3D%2230%22%20y2%3D%2216%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%220.204477%22%20stop-color%3D%22%230037FF%22%2F%3E%3Cstop%20offset%3D%220.895833%22%20stop-color%3D%22%230083FF%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22paint3_linear_21810_47215%22%20x1%3D%222%22%20y1%3D%2216%22%20x2%3D%2230%22%20y2%3D%2216%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%220.204477%22%20stop-color%3D%22%230037FF%22%2F%3E%3Cstop%20offset%3D%220.895833%22%20stop-color%3D%22%230083FF%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22paint4_linear_21810_47215%22%20x1%3D%222%22%20y1%3D%2216%22%20x2%3D%2230%22%20y2%3D%2216%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%220.204477%22%20stop-color%3D%22%230037FF%22%2F%3E%3Cstop%20offset%3D%220.895833%22%20stop-color%3D%22%230083FF%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22paint5_linear_21810_47215%22%20x1%3D%222%22%20y1%3D%2216%22%20x2%3D%2230%22%20y2%3D%2216%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%220.204477%22%20stop-color%3D%22%230037FF%22%2F%3E%3Cstop%20offset%3D%220.895833%22%20stop-color%3D%22%230083FF%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3C%2Fsvg%3E");
}

.bods .bods-icon-info,
.bods .bods-button-icon-info>button {
  --bods-background-image: url("data:image/svg+xml;utf8,%3Csvg width='22' height='21' viewBox='0 0 22 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_3158_4882)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.5 10.5C0.5 4.70137 5.20137 0 11 0C16.7986 0 21.5 4.70137 21.5 10.5C21.5 16.2986 16.7986 21 11 21C5.20137 21 0.5 16.2986 0.5 10.5ZM20.1875 10.5C20.1875 5.43375 16.0662 1.3125 11 1.3125C5.93375 1.3125 1.8125 5.43375 1.8125 10.5C1.8125 15.5662 5.93375 19.6875 11 19.6875C16.0662 19.6875 20.1875 15.5662 20.1875 10.5ZM10.9984 8.11598C10.577 8.11598 10.2207 8.24263 10.2207 8.72629V16.7463L10.2482 16.7503C10.7819 16.8269 11.757 16.967 11.757 16.1878V8.16782C11.5056 8.13107 11.2517 8.11598 10.9984 8.11598ZM11.0078 6.33691C11.6424 6.33691 12.1562 5.82241 12.1562 5.18848C12.1562 4.55388 11.6424 4.04004 11.0078 4.04004C10.3739 4.04004 9.85938 4.55388 9.85938 5.18848C9.85938 5.82241 10.3739 6.33691 11.0078 6.33691Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_3158_4882'%3E%3Crect width='21' height='21' fill='white' transform='translate(0.5)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  --bods-icon-width: 22px;
  --bods-icon-height: 21px;
}

.bods .bods-icon-alerts-information-circle,
.bods .bods-button-icon-alerts-information-circle>button {
  --bods-background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M11.4817 17.7908C11.6392 17.8118 11.7967 17.8223 11.9542 17.8223C12.2902 17.8223 12.5212 17.754 12.6472 17.6175C12.7732 17.481 12.8362 17.3078 12.8362 17.0978V10.1363C12.7522 10.1153 12.6315 10.0995 12.474 10.089C12.3165 10.068 12.1537 10.0575 11.9857 10.0575C11.6602 10.0575 11.4345 10.1258 11.3085 10.2623C11.1825 10.3988 11.1195 10.572 11.1195 10.782V17.7435C11.2035 17.7645 11.3242 17.7803 11.4817 17.7908Z' fill='%23DD1717'/%3E%3Cpath d='M11.3085 8.40375C11.4975 8.59275 11.7232 8.68725 11.9857 8.68725C12.2587 8.68725 12.4897 8.59275 12.6787 8.40375C12.8677 8.21475 12.9622 7.989 12.9622 7.7265C12.9622 7.4535 12.8677 7.2225 12.6787 7.0335C12.4897 6.8445 12.2587 6.75 11.9857 6.75C11.7232 6.75 11.4975 6.8445 11.3085 7.0335C11.1195 7.2225 11.025 7.4535 11.025 7.7265C11.025 7.989 11.1195 8.21475 11.3085 8.40375Z' fill='%23DD1717'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M22.5 12C22.5 17.799 17.799 22.5 12 22.5C6.20101 22.5 1.5 17.799 1.5 12C1.5 6.20101 6.20101 1.5 12 1.5C17.799 1.5 22.5 6.20101 22.5 12ZM21 12C21 16.9706 16.9706 21 12 21C7.02944 21 3 16.9706 3 12C3 7.02944 7.02944 3 12 3C16.9706 3 21 7.02944 21 12Z' fill='%23DD1717'/%3E%3C/svg%3E");
  --bods-icon-width: 32px;
  --bods-icon-height: 32px;
}

.bods .bods-icon-status-good,
.bods .bods-button-icon-status-good>button {
  --bods-background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cellipse cx='7.33366' cy='7.99967' rx='4.66667' ry='4.66667' fill='%23007E13'/%3E%3C/svg%3E");
  --bods-icon-width: 16px;
  --bods-icon-height: 16px;
}

.bods .bods-icon-sort-decending,
.bods .bods-button-icon-sort-decending>button {
  --bods-background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='Utility Icons / A / arrowdown'%3E%3Cpath id='Icon' fill-rule='evenodd' clip-rule='evenodd' d='M2.21561 7.15392C2.03099 7.33854 2.03099 7.59238 2.21561 7.777L5.67715 11.1693C5.86176 11.3539 6.13869 11.3539 6.3233 11.1693L9.80792 7.777C9.99253 7.59238 9.99253 7.33854 9.80792 7.15392L9.16176 6.53084C8.97715 6.34623 8.70023 6.34623 8.51561 6.53084L7.43099 7.59238C7.24638 7.777 6.9233 7.66161 6.9233 7.38469V1.15392C6.9233 0.923152 6.71561 0.692383 6.46176 0.692383H5.53869C5.28484 0.692383 5.07715 0.946229 5.07715 1.15392V7.38469C5.07715 7.66161 4.75407 7.777 4.56946 7.59238L3.48484 6.53084C3.30023 6.34623 3.0233 6.34623 2.83869 6.53084L2.21561 7.15392Z' fill='white'/%3E%3C/g%3E%3C/svg%3E%0A");
  --bods-icon-width: 12px;
  --bods-icon-height: 12px;
}

.bods .bods-icon-notification,
.bods .bods-button-icon-notification>button {
  --bods-background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M17.9918 4.0775C17.9972 4.01744 18 3.95661 18 3.89514C18 2.79057 17.1046 1.89514 16 1.89514C14.8954 1.89514 14 2.79057 14 3.89514C14 3.95663 14.0028 4.01747 14.0082 4.07754C9.33614 4.96767 7.00011 8.94464 7.00011 12.2028V18.441C7.00011 19.165 6.80365 19.8753 6.43166 20.4964L2.90684 26.3813C2.50761 27.0478 2.98777 27.8951 3.76473 27.8951H13.1707C13.5825 29.0603 14.6938 29.8952 16 29.8952C17.3062 29.8952 18.4175 29.0603 18.8293 27.8951H28.2355C29.0124 27.8951 29.4926 27.0478 29.0934 26.3813L25.5686 20.4964C25.1966 19.8753 25.0001 19.165 25.0001 18.441V12.2028C25.0001 8.94459 22.664 4.96755 17.9918 4.0775ZM23.8528 21.5241L26.4709 25.8951H5.52934L8.14743 21.5241C8.70541 20.5925 9.00011 19.5269 9.00011 18.441V12.2028C9.00011 9.47293 11.2417 5.89514 16.0001 5.89514C20.7585 5.89514 23.0001 9.47293 23.0001 12.2028V18.441C23.0001 19.5269 23.2948 20.5925 23.8528 21.5241Z" fill="%234A4A4A"/></svg>');
  --bods-icon-width: 32px;
  --bods-icon-height: 32px;
}

.bods .bods-icon-rotate,
.bods .bods-button-icon-rotate>button {
  --bods-background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none"><path d="M25.987 15.4871C25.7368 10.5354 21.8848 6.53369 16.9985 6.04924C16.4489 5.99475 15.9999 5.55228 15.9999 5V4C22.4435 4 27.7009 9.07871 27.9876 15.4516L29.4392 14L29.7927 14.3535C30.1833 14.744 30.1833 15.3772 29.7927 15.7677L27.6766 17.8838C27.2861 18.2744 26.6529 18.2744 26.2624 17.8838L24.1463 15.7677C23.7558 15.3772 23.7558 14.744 24.1463 14.3535L24.4998 14L25.987 15.4871Z" fill="%234A4A4A"/><path d="M2.53048 17.591L4.00048 16.121C4.06539 22.6927 9.41284 28 15.9999 28V27C15.9999 26.4477 15.5509 26.0053 15.0013 25.9508C9.98691 25.4536 6.06184 21.2524 6.00061 16.1218L7.46982 17.591L7.82337 17.2374C8.2139 16.8469 8.2139 16.2137 7.82337 15.8232L5.70726 13.7071C5.31673 13.3166 4.68357 13.3166 4.29304 13.7071L2.17693 15.8232C1.7864 16.2137 1.7864 16.8469 2.17693 17.2374L2.53048 17.591Z" fill="%234A4A4A"/></svg>');
  --bods-icon-width: 32px;
  --bods-icon-height: 32px;
}

.bods .bods-icon-signout,
.bods .bods-button-icon-signout>button {
  --bods-background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="21" height="18" viewBox="0 0 21 18" fill="none"><path d="M19.8132 9.7088C20.2623 9.2597 20.2623 8.53156 19.8132 8.08246L12.4946 0.763902C12.0455 0.314799 11.3174 0.314799 10.8683 0.763902C10.4192 1.21301 10.4192 1.94114 10.8683 2.39025L17.3737 8.89563L10.8683 15.401C10.4192 15.8501 10.4192 16.5783 10.8683 17.0274C11.3174 17.4765 12.0455 17.4765 12.4946 17.0274L19.8132 9.7088ZM2 7.74563C1.36487 7.74563 0.85 8.2605 0.85 8.89563C0.85 9.53076 1.36487 10.0456 2 10.0456V7.74563ZM19 7.74563H10.5V10.0456H19V7.74563ZM10.5 7.74563L2 7.74563V10.0456L10.5 10.0456V7.74563Z" fill="%234A4A4A"/></svg>');
  --bods-icon-width: 32px;
  --bods-icon-height: 32px;
}

.bods .bods-icon-homeArrowOut,
.bods .bods-button-icon-homeArrowOut>button {
  --bods-background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="21" height="20" viewBox="0 0 21 20" fill="none"><path d="M17.7777 3.32636L10.5 3.32637V4.01387C10.5 4.39356 10.8078 4.70136 11.1875 4.70136L17.7777 4.70136L15.5139 6.96523L16 7.45136C16.2685 7.71985 16.7038 7.71985 16.9723 7.45136L19.9236 4.5C20.1921 4.23151 20.1921 3.79621 19.9236 3.52773L16.9723 0.576364C16.7038 0.307879 16.2685 0.307879 16 0.576364L15.5139 1.0625L17.7777 3.32636Z" fill="%234A4A4A"/><path fill-rule="evenodd" clip-rule="evenodd" d="M6.375 19.625C6.7547 19.625 7.0625 19.3172 7.0625 18.9375V14.125H9.8125V19.625H15.3125C15.6922 19.625 16 19.3172 16 18.9375V12.3473C16 12.1649 15.9276 11.9901 15.7986 11.8611L8.92364 4.98614C8.65515 4.71765 8.21985 4.71765 7.95136 4.98614L1.07636 11.8611C0.947433 11.9901 0.875 12.1649 0.875 12.3473V19.625H6.375ZM6.375 12.75C5.9953 12.75 5.6875 13.0578 5.6875 13.4375V18.25H2.25V12.632L8.4375 6.44454L14.625 12.632V18.25H11.1875V13.4375C11.1875 13.0578 10.8797 12.75 10.5 12.75H6.375Z" fill="%234A4A4A"/></svg>');
  --bods-icon-width: 22px;
  --bods-icon-height: 22px;
}

.bods .bods-icon-home,
.bods .bods-button-icon-home>button {
  --bods-background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M10.9393 2.24989C11.5251 1.6641 12.4749 1.6641 13.0607 2.24989L22.0607 11.2499C22.342 11.5312 22.5 11.9127 22.5 12.3105V21.7499C22.5 22.1641 22.1642 22.4999 21.75 22.4999L14.25 22.4999V14.9999H9.75V21.7499C9.75 22.1641 9.41421 22.4999 9 22.4999H1.5V12.3105C1.5 11.9127 1.65804 11.5312 1.93934 11.2499L10.9393 2.24989ZM12 3.31055L3 12.3105V20.9999H8.25V14.2499C8.25 13.8357 8.58579 13.4999 9 13.4999H15C15.4142 13.4999 15.75 13.8357 15.75 14.2499V20.9999H21V12.3105L12 3.31055Z" fill="%234A4A4A"/></svg>');
}

.bods .bods-icon-sim {
  --bods-background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M6 3C6 2.44772 6.44772 2 7 2H17.6364C17.8977 2 18.1486 2.1023 18.3355 2.28499L25.6991 9.48499C25.8915 9.67313 26 9.93089 26 10.2V29C26 29.5523 25.5523 30 25 30H7C6.44772 30 6 29.5523 6 29V3ZM8 4V28H24V10.6208L17.2287 4H8Z" fill="%230037FF"/><path fill-rule="evenodd" clip-rule="evenodd" d="M10 14C10 13.4477 10.4477 13 11 13H21C21.5523 13 22 13.4477 22 14V25C22 25.5523 21.5523 26 21 26H11C10.4477 26 10 25.5523 10 25V14ZM12 15V24H20V15H12Z" fill="%230037FF"/><path fill-rule="evenodd" clip-rule="evenodd" d="M14 22H12V20H15C15.5523 20 16 20.4477 16 21V24H14V22Z" fill="%230037FF"/><path fill-rule="evenodd" clip-rule="evenodd" d="M18 17H20V19H17C16.4477 19 16 18.5523 16 18V15H18V17Z" fill="%230037FF"/></svg>');
  --bods-icon-width: 32px;
  --bods-icon-height: 32px;
}

.bods .bods-icon-wifi {
  --bods-background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="32" viewBox="0 0 48 32" fill="none"><path d="M46.3021 10.7688C46.1069 10.7688 45.9081 10.6929 45.7599 10.5447C39.9472 4.7319 32.2221 1.53272 24.0018 1.53272C15.7816 1.53272 8.05292 4.7319 2.24016 10.5447C1.94012 10.8447 1.45573 10.8447 1.15569 10.5447C0.855655 10.2446 0.855655 9.76022 1.15569 9.46019C7.26125 3.35824 15.3731 0 24.0018 0C32.6306 0 40.7424 3.36185 46.8444 9.46019C47.1444 9.76022 47.1444 10.2446 46.8444 10.5447C46.6962 10.6929 46.501 10.7688 46.3021 10.7688Z" fill="white"/><path d="M38.8894 18.1864C38.6942 18.1864 38.4954 18.1104 38.3472 17.9622C34.5154 14.1304 29.422 12.0193 24.0033 12.0193C18.5845 12.0193 13.4911 14.1304 9.65935 17.9622C9.35931 18.2623 8.87492 18.2623 8.57488 17.9622C8.27484 17.6622 8.27484 17.1778 8.57488 16.8778C12.6959 12.7568 18.1724 10.4902 24.0033 10.4902C29.8305 10.4902 35.3107 12.7568 39.428 16.8778C39.7281 17.1778 39.7281 17.6622 39.428 17.9622C39.2798 18.1104 39.0846 18.1864 38.8894 18.1864Z" fill="white"/><path d="M31.3423 25.7311C31.1471 25.7311 30.9483 25.6551 30.8001 25.5069C28.9854 23.6922 26.5707 22.6909 24.0005 22.6909C21.4339 22.6909 19.0191 23.6922 17.2009 25.5069C16.9008 25.807 16.4164 25.807 16.1164 25.5069C15.8163 25.2069 15.8163 24.7225 16.1164 24.4225C18.2203 22.3186 21.0218 21.1582 23.9969 21.1582C26.9755 21.1582 29.7735 22.315 31.8773 24.4225C32.1774 24.7225 32.1774 25.2069 31.8773 25.5069C31.7327 25.6551 31.5375 25.7311 31.3423 25.7311Z" fill="white"/><path d="M24.1526 31.9996C23.3393 31.9996 22.6777 31.338 22.6777 30.5247C22.6777 29.7113 23.3393 29.0498 24.1526 29.0498C24.966 29.0498 25.6275 29.7113 25.6275 30.5247C25.6275 31.338 24.966 31.9996 24.1526 31.9996ZM24.0948 30.5283C24.0948 30.5608 24.1201 30.5861 24.1526 30.5861L24.0948 30.5283Z" fill="white"/></svg>');
  --bods-icon-width: 48px;
  --bods-icon-height: 32px;
}

.bods .bods-icon-phone {
  --bods-background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="33" height="32" viewBox="0 0 33 32" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M29.3674 23.5258C31.4124 25.7618 31.4424 26.3418 30.3664 27.9188C28.4024 30.7968 25.0084 32.0498 19.8294 29.9608C16.6274 28.6698 13.3844 26.3898 9.53138 22.5378C5.67938 18.6848 3.40038 15.4418 2.10838 12.2398C0.0193841 7.06078 1.27338 3.66678 4.15138 1.70278C5.72838 0.627783 6.30838 0.656783 8.54438 2.70178C10.6604 4.63678 12.6664 7.39678 13.5194 9.08378C14.2544 10.5348 14.0224 11.1508 13.4064 11.8748C12.9674 12.3888 12.3844 13.0038 11.8204 13.5678C11.2404 14.1478 11.2044 14.3588 11.7474 15.1568C12.2914 15.9548 13.3344 17.2268 14.0884 17.9808C14.8424 18.7348 16.1144 19.7778 16.9124 20.3218C17.7104 20.8648 17.9224 20.8298 18.5024 20.2498C19.0664 19.6858 19.6804 19.1018 20.1954 18.6638C20.9194 18.0478 21.5344 17.8158 22.9864 18.5498C24.6724 19.4038 27.4324 21.4098 29.3674 23.5258ZM10.9424 21.1268C14.4844 24.6698 17.3994 26.7718 20.5754 28.1108C25.1924 30.0558 27.7744 28.6218 29.0374 26.2818C27.2584 23.7248 23.7984 21.1108 21.5744 20.1118C21.5744 20.1118 20.5014 21.0718 19.9124 21.6598C18.2684 23.3038 16.8874 22.6228 15.7894 21.9708C14.6804 21.3118 13.5104 20.2238 12.6784 19.3918C11.8454 18.5588 10.7574 17.3888 10.0984 16.2788C9.44638 15.1818 8.76538 13.7998 10.4094 12.1558C10.9984 11.5678 11.9574 10.4958 11.9574 10.4958C10.9584 8.27178 8.34538 4.81178 5.78738 3.03178C3.44738 4.29578 2.01338 6.87778 3.95838 11.4938C5.29738 14.6698 7.40038 17.5848 10.9424 21.1268Z" fill="white"/></svg>');
  --bods-icon-width: 32px;
  --bods-icon-height: 32px;
}

.bods .bods-icon-simonly {
  --bods-background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="42" height="42" viewBox="0 0 42 42" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M10.1875 37.375V4.625C10.1875 4.07272 10.6352 3.625 11.1875 3.625H24.2339C24.531 3.625 24.8128 3.75713 25.0028 3.98559L25.7604 3.35551L25.0028 3.98559L31.3502 11.6181C31.649 11.9773 31.8125 12.4298 31.8125 12.8969V37.375C31.8125 37.9273 31.3648 38.375 30.8125 38.375H11.1875C10.6352 38.375 10.1875 37.9273 10.1875 37.375ZM9.1875 37.375V4.625C9.1875 3.52043 10.0829 2.625 11.1875 2.625H24.2339C24.8282 2.625 25.3916 2.88927 25.7716 3.34618L32.1191 10.9787C32.5672 11.5175 32.8125 12.1962 32.8125 12.8969V37.375C32.8125 38.4796 31.9171 39.375 30.8125 39.375H11.1875C10.0829 39.375 9.1875 38.4796 9.1875 37.375ZM21.6028 25.2058V19.4961H14.946C14.3937 19.4961 13.946 19.9438 13.946 20.4961V27.9084L19.068 27.9084C19.8964 27.9084 20.568 28.58 20.568 29.4084L20.568 35.1189H27.2241C27.7764 35.1189 28.2241 34.6712 28.2241 34.1189V26.7058H23.1028C22.2743 26.7058 21.6028 26.0342 21.6028 25.2058ZM14.946 18.4961H21.6028V18.4958H22.6028V18.4961H27.2241C28.3286 18.4961 29.2241 19.3915 29.2241 20.4961V25.7058H29.2244V26.7058H29.2241V34.1189C29.2241 35.2235 28.3286 36.1189 27.2241 36.1189H14.946C13.8415 36.1189 12.946 35.2235 12.946 34.1189V20.4961C12.946 19.3915 13.8415 18.4961 14.946 18.4961ZM22.6028 25.2058V19.4961H27.2241C27.7764 19.4961 28.2241 19.9438 28.2241 20.4961V25.7058H23.1028C22.8266 25.7058 22.6028 25.4819 22.6028 25.2058ZM13.946 28.9084V34.1189C13.946 34.6712 14.3937 35.1189 14.946 35.1189H19.568L19.568 29.4084C19.568 29.1323 19.3441 28.9084 19.068 28.9084L13.946 28.9084Z" fill="white"/></svg>');
  --bods-icon-width: 42px;
  --bods-icon-height: 42px;
}

.bods .bods-icon-wifiselected {
  --bods-background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="32" viewBox="0 0 48 32" fill="none"><path d="M46.3021 10.7688C46.1069 10.7688 45.9081 10.6929 45.7599 10.5447C39.9472 4.7319 32.2221 1.53272 24.0018 1.53272C15.7816 1.53272 8.05292 4.7319 2.24016 10.5447C1.94012 10.8447 1.45573 10.8447 1.15569 10.5447C0.855655 10.2446 0.855655 9.76022 1.15569 9.46019C7.26125 3.35824 15.3731 0 24.0018 0C32.6306 0 40.7424 3.36185 46.8444 9.46019C47.1444 9.76022 47.1444 10.2446 46.8444 10.5447C46.6962 10.6929 46.501 10.7688 46.3021 10.7688Z" fill="url(%23paint0_linear_8521_40579)"/><path d="M38.8892 18.1864C38.694 18.1864 38.4951 18.1104 38.3469 17.9622C34.5151 14.1304 29.4218 12.0193 24.003 12.0193C18.5843 12.0193 13.4909 14.1304 9.65911 17.9622C9.35907 18.2623 8.87467 18.2623 8.57464 17.9622C8.2746 17.6622 8.2746 17.1778 8.57464 16.8778C12.6956 12.7568 18.1722 10.4902 24.003 10.4902C29.8302 10.4902 35.3104 12.7568 39.4278 16.8778C39.7278 17.1778 39.7278 17.6622 39.4278 17.9622C39.2796 18.1104 39.0844 18.1864 38.8892 18.1864Z" fill="url(%23paint1_linear_8521_40579)"/><path d="M31.3421 25.7311C31.1469 25.7311 30.9481 25.6551 30.7999 25.5069C28.9852 23.6922 26.5704 22.6909 24.0002 22.6909C21.4337 22.6909 19.0189 23.6922 17.2006 25.5069C16.9006 25.807 16.4162 25.807 16.1161 25.5069C15.8161 25.2069 15.8161 24.7225 16.1161 24.4225C18.22 22.3186 21.0216 21.1582 23.9966 21.1582C26.9753 21.1582 29.7732 22.315 31.8771 24.4225C32.1771 24.7225 32.1771 25.2069 31.8771 25.5069C31.7325 25.6551 31.5373 25.7311 31.3421 25.7311Z" fill="url(%23paint2_linear_8521_40579)"/><path d="M24.1526 31.9996C23.3393 31.9996 22.6777 31.338 22.6777 30.5247C22.6777 29.7113 23.3393 29.0498 24.1526 29.0498C24.966 29.0498 25.6275 29.7113 25.6275 30.5247C25.6275 31.338 24.966 31.9996 24.1526 31.9996ZM24.0948 30.5283C24.0948 30.5608 24.1201 30.5861 24.1526 30.5861L24.0948 30.5283Z" fill="url(%23paint3_linear_8521_40579)"/><defs><linearGradient id="paint0_linear_8521_40579" x1="0.930664" y1="5.38483" x2="47.0694" y2="5.38483" gradientUnits="userSpaceOnUse"><stop offset="0.204477" stop-color="%230037FF"/><stop offset="0.895833" stop-color="%230083FF"/></linearGradient><linearGradient id="paint1_linear_8521_40579" x1="8.34961" y1="14.3387" x2="39.6528" y2="14.3387" gradientUnits="userSpaceOnUse"><stop offset="0.204477" stop-color="%230037FF"/><stop offset="0.895833" stop-color="%230083FF"/></linearGradient><linearGradient id="paint2_linear_8521_40579" x1="15.8911" y1="23.4451" x2="32.1021" y2="23.4451" gradientUnits="userSpaceOnUse"><stop offset="0.204477" stop-color="%230037FF"/><stop offset="0.895833" stop-color="%230083FF"/></linearGradient><linearGradient id="paint3_linear_8521_40579" x1="22.6777" y1="30.5247" x2="25.6275" y2="30.5247" gradientUnits="userSpaceOnUse"><stop offset="0.204477" stop-color="%230037FF"/><stop offset="0.895833" stop-color="%230083FF"/></linearGradient></defs></svg>');
  --bods-icon-width: 48px;
  --bods-icon-height: 32px;
}

.bods .bods-icon-phoneselected {
  --bods-background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="33" height="32" viewBox="0 0 33 32" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M29.8674 23.5258C31.9124 25.7618 31.9424 26.3418 30.8664 27.9188C28.9024 30.7968 25.5084 32.0498 20.3294 29.9608C17.1274 28.6698 13.8844 26.3898 10.0314 22.5378C6.17938 18.6848 3.90038 15.4418 2.60838 12.2398C0.519384 7.06078 1.77338 3.66678 4.65138 1.70278C6.22838 0.627783 6.80838 0.656783 9.04438 2.70178C11.1604 4.63678 13.1664 7.39678 14.0194 9.08378C14.7544 10.5348 14.5224 11.1508 13.9064 11.8748C13.4674 12.3888 12.8844 13.0038 12.3204 13.5678C11.7404 14.1478 11.7044 14.3588 12.2474 15.1568C12.7914 15.9548 13.8344 17.2268 14.5884 17.9808C15.3424 18.7348 16.6144 19.7778 17.4124 20.3218C18.2104 20.8648 18.4224 20.8298 19.0024 20.2498C19.5664 19.6858 20.1804 19.1018 20.6954 18.6638C21.4194 18.0478 22.0344 17.8158 23.4864 18.5498C25.1724 19.4038 27.9324 21.4098 29.8674 23.5258ZM11.4424 21.1268C14.9844 24.6698 17.8994 26.7718 21.0754 28.1108C25.6924 30.0558 28.2744 28.6218 29.5374 26.2818C27.7584 23.7248 24.2984 21.1108 22.0744 20.1118C22.0744 20.1118 21.0014 21.0718 20.4124 21.6598C18.7684 23.3038 17.3874 22.6228 16.2894 21.9708C15.1804 21.3118 14.0104 20.2238 13.1784 19.3918C12.3454 18.5588 11.2574 17.3888 10.5984 16.2788C9.94638 15.1818 9.26538 13.7998 10.9094 12.1558C11.4984 11.5678 12.4574 10.4958 12.4574 10.4958C11.4584 8.27178 8.84538 4.81178 6.28738 3.03178C3.94738 4.29578 2.51338 6.87778 4.45838 11.4938C5.79738 14.6698 7.90038 17.5848 11.4424 21.1268Z" fill="url(%23paint0_linear_8521_1126)"/><defs><linearGradient id="paint0_linear_8521_1126" x1="1.56934" y1="16" x2="31.5696" y2="16" gradientUnits="userSpaceOnUse"><stop offset="0.204477" stop-color="%230037FF"/><stop offset="0.895833" stop-color="%230083FF"/></linearGradient></defs></svg>');
  --bods-icon-width: 33px;
  --bods-icon-height: 32px;
}

.bods .bods-icon-simonlyselected {
  --bods-background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="43" height="42" viewBox="0 0 43 42" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M10.6875 37.375V4.625C10.6875 4.07272 11.1352 3.625 11.6875 3.625H24.7339C25.031 3.625 25.3128 3.75713 25.5028 3.98559L26.2604 3.35551L25.5028 3.98559L31.8502 11.6181C32.149 11.9773 32.3125 12.4298 32.3125 12.8969V37.375C32.3125 37.9273 31.8648 38.375 31.3125 38.375H11.6875C11.1352 38.375 10.6875 37.9273 10.6875 37.375ZM9.6875 37.375V4.625C9.6875 3.52043 10.5829 2.625 11.6875 2.625H24.7339C25.3282 2.625 25.8916 2.88927 26.2716 3.34618L32.6191 10.9787C33.0672 11.5175 33.3125 12.1962 33.3125 12.8969V37.375C33.3125 38.4796 32.4171 39.375 31.3125 39.375H11.6875C10.5829 39.375 9.6875 38.4796 9.6875 37.375ZM22.1028 25.2058V19.4961H15.446C14.8937 19.4961 14.446 19.9438 14.446 20.4961V27.9084L19.568 27.9084C20.3964 27.9084 21.068 28.58 21.068 29.4084L21.068 35.1189H27.7241C28.2764 35.1189 28.7241 34.6712 28.7241 34.1189V26.7058H23.6028C22.7743 26.7058 22.1028 26.0342 22.1028 25.2058ZM15.446 18.4961H22.1028V18.4958H23.1028V18.4961H27.7241C28.8286 18.4961 29.7241 19.3915 29.7241 20.4961V25.7058H29.7244V26.7058H29.7241V34.1189C29.7241 35.2235 28.8286 36.1189 27.7241 36.1189H15.446C14.3415 36.1189 13.446 35.2235 13.446 34.1189V20.4961C13.446 19.3915 14.3415 18.4961 15.446 18.4961ZM23.1028 25.2058V19.4961H27.7241C28.2764 19.4961 28.7241 19.9438 28.7241 20.4961V25.7058H23.6028C23.3266 25.7058 23.1028 25.4819 23.1028 25.2058ZM14.446 28.9084V34.1189C14.446 34.6712 14.8937 35.1189 15.446 35.1189H20.068L20.068 29.4084C20.068 29.1323 19.8441 28.9084 19.568 28.9084L14.446 28.9084Z" fill="url(%23paint0_linear_8521_22064)"/><defs><linearGradient id="paint0_linear_8521_22064" x1="9.6875" y1="21" x2="33.3125" y2="21" gradientUnits="userSpaceOnUse"><stop offset="0.204477" stop-color="%230037FF"/><stop offset="0.895833" stop-color="%230083FF"/></linearGradient></defs></svg>');
  --bods-icon-width: 43px;
  --bods-icon-height: 42px;
}

.bods .bods-icon-exclamationTriangle {
  --bods-background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M11.3101 17.8812C11.5101 18.0712 11.7401 18.1662 12.0001 18.1662C12.2701 18.1662 12.5001 18.0712 12.6901 17.8812C12.8801 17.6812 12.9751 17.4512 12.9751 17.1912C12.9751 16.9212 12.8801 16.6912 12.6901 16.5012C12.5001 16.3112 12.2701 16.2162 12.0001 16.2162C11.7401 16.2162 11.5101 16.3112 11.3101 16.5012C11.1201 16.6912 11.0251 16.9212 11.0251 17.1912C11.0251 17.4512 11.1201 17.6812 11.3101 17.8812Z" fill="%23F15A22"/><path d="M11.0701 8.95618V9.04618L11.4901 14.5362C11.6901 14.6062 11.8701 14.6412 12.0301 14.6412C12.2301 14.6412 12.3701 14.5962 12.4501 14.5062C12.5301 14.4062 12.5751 14.2962 12.5851 14.1762L12.9601 8.34118C12.8701 8.32118 12.7351 8.30118 12.5551 8.28117C12.3851 8.26118 12.2101 8.25118 12.0301 8.25118C11.6901 8.25118 11.4451 8.32118 11.2951 8.46118C11.1451 8.59118 11.0701 8.75618 11.0701 8.95618Z" fill="%23F15A22"/><path fill-rule="evenodd" clip-rule="evenodd" d="M10.689 3.11138L1.98829 18.7727C1.43284 19.7725 2.15579 21.0012 3.29952 21.0012H20.701C21.8447 21.0012 22.5677 19.7725 22.0122 18.7727L13.3115 3.11138C12.74 2.08267 11.2605 2.08266 10.689 3.11138ZM3.29952 19.5012L12.0002 3.83984L20.701 19.5012L3.29952 19.5012Z" fill="%23F15A22"/></svg>');
}

.bods .bods-icon-alerts-information-circleManagePlans {
  --bods-background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M11.4817 17.7908C11.6392 17.8118 11.7967 17.8223 11.9542 17.8223C12.2902 17.8223 12.5212 17.754 12.6472 17.6175C12.7732 17.481 12.8362 17.3078 12.8362 17.0978V10.1363C12.7522 10.1153 12.6315 10.0995 12.474 10.089C12.3165 10.068 12.1537 10.0575 11.9857 10.0575C11.6602 10.0575 11.4345 10.1258 11.3085 10.2623C11.1825 10.3988 11.1195 10.572 11.1195 10.782V17.7435C11.2035 17.7645 11.3242 17.7803 11.4817 17.7908Z" fill="%23DD1717"/><path d="M11.3085 8.40375C11.4975 8.59275 11.7232 8.68725 11.9857 8.68725C12.2587 8.68725 12.4897 8.59275 12.6787 8.40375C12.8677 8.21475 12.9622 7.989 12.9622 7.7265C12.9622 7.4535 12.8677 7.2225 12.6787 7.0335C12.4897 6.8445 12.2587 6.75 11.9857 6.75C11.7232 6.75 11.4975 6.8445 11.3085 7.0335C11.1195 7.2225 11.025 7.4535 11.025 7.7265C11.025 7.989 11.1195 8.21475 11.3085 8.40375Z" fill="%23DD1717"/><path fill-rule="evenodd" clip-rule="evenodd" d="M22.5 12C22.5 17.799 17.799 22.5 12 22.5C6.20101 22.5 1.5 17.799 1.5 12C1.5 6.20101 6.20101 1.5 12 1.5C17.799 1.5 22.5 6.20101 22.5 12ZM21 12C21 16.9706 16.9706 21 12 21C7.02944 21 3 16.9706 3 12C3 7.02944 7.02944 3 12 3C16.9706 3 21 7.02944 21 12Z" fill="%23DD1717"/></svg> ')
}

.bods .bods-icon-lockShut {
  --bods-background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M13.5001 14.25C13.5001 14.8052 13.1985 15.29 12.7501 15.5493V18.75C12.7501 19.1642 12.4143 19.5 12.0001 19.5H11.2501V15.5493C10.8018 15.29 10.5001 14.8052 10.5001 14.25C10.5001 13.4216 11.1717 12.75 12.0001 12.75C12.8285 12.75 13.5001 13.4216 13.5001 14.25Z" fill="%23DD1717"/><path fill-rule="evenodd" clip-rule="evenodd" d="M6.75012 9.75V6.75C6.75012 3.85051 9.10063 1.5 12.0001 1.5C14.8996 1.5 17.2501 3.85051 17.2501 6.75V9.75H18.7501C19.5785 9.75 20.2501 10.4216 20.2501 11.25V21C20.2501 21.8284 19.5786 22.5 18.7501 22.5H5.25012C4.42169 22.5 3.75012 21.8284 3.75012 21V11.25C3.75012 10.4216 4.42169 9.75 5.25012 9.75H6.75012ZM8.25012 6.75C8.25012 4.67893 9.92905 3 12.0001 3C14.0712 3 15.7501 4.67893 15.7501 6.75V9.75H8.25012V6.75ZM5.25012 11.25V21H18.7501V11.25H5.25012Z" fill="%23DD1717"/></svg> ')
}

.bods .bods-icon-exclamationTriangleRed {
  --bods-background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M11.3097 17.88C11.5097 18.07 11.7397 18.165 11.9997 18.165C12.2697 18.165 12.4997 18.07 12.6897 17.88C12.8797 17.68 12.9747 17.45 12.9747 17.19C12.9747 16.92 12.8797 16.69 12.6897 16.5C12.4997 16.31 12.2697 16.215 11.9997 16.215C11.7397 16.215 11.5097 16.31 11.3097 16.5C11.1197 16.69 11.0247 16.92 11.0247 17.19C11.0247 17.45 11.1197 17.68 11.3097 17.88Z" fill="%23DD1717"/><path d="M11.0697 8.95495V9.04495L11.4897 14.535C11.6897 14.605 11.8697 14.64 12.0297 14.64C12.2297 14.64 12.3697 14.595 12.4497 14.505C12.5297 14.405 12.5747 14.295 12.5847 14.175L12.9597 8.33995C12.8697 8.31995 12.7347 8.29995 12.5547 8.27995C12.3847 8.25995 12.2097 8.24995 12.0297 8.24995C11.6897 8.24995 11.4447 8.31995 11.2947 8.45995C11.1447 8.58995 11.0697 8.75495 11.0697 8.95495Z" fill="%23DD1717"/><path fill-rule="evenodd" clip-rule="evenodd" d="M10.6885 3.11016L1.9878 18.7715C1.43235 19.7713 2.15531 20.9999 3.29903 20.9999H20.7005C21.8442 20.9999 22.5672 19.7713 22.0117 18.7715L13.311 3.11016C12.7395 2.08144 11.26 2.08144 10.6885 3.11016ZM3.29903 19.4999L11.9998 3.83862L20.7005 19.4999L3.29903 19.4999Z" fill="%23DD1717"/></svg>')
}

.bods .bods-icon-spinner {
  --bods-background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 2.25C6.615 2.25 2.25 6.615 2.25 12C2.25 17.385 6.615 21.75 12 21.75C12.1718 21.3113 12.1905 20.7945 11.8312 20.4352C11.6145 20.238 11.319 20.2237 11.151 20.2065C7.01175 19.7857 3.75 16.263 3.75 12C3.75 7.45125 7.45125 3.75 12 3.75C16.2622 3.75 19.785 7.01175 20.2065 11.151C20.2237 11.3197 20.238 11.6145 20.4352 11.8312C20.7937 12.1905 21.3113 12.1718 21.75 12C21.75 6.615 17.385 2.25 12 2.25Z" fill="%230037FF"/></svg>');
}

.bods .bods-icon-simtext {
  --bods-background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M6.25 20.5V3.5C6.25 2.94772 6.69772 2.5 7.25 2.5H13.446C13.7431 2.5 14.0248 2.63213 14.2148 2.86059L17.2877 6.55562C17.5865 6.91482 17.75 7.36726 17.75 7.83445V20.5C17.75 21.0523 17.3023 21.5 16.75 21.5H7.25C6.69772 21.5 6.25 21.0523 6.25 20.5ZM5.25 20.5V3.5C5.25 2.39543 6.14543 1.5 7.25 1.5H13.446C14.0402 1.5 14.6037 1.76427 14.9837 2.22118L18.0566 5.91621C18.5047 6.45501 18.75 7.13367 18.75 7.83445V20.5C18.75 21.6046 17.8546 22.5 16.75 22.5H7.25C6.14543 22.5 5.25 21.6046 5.25 20.5ZM12.1302 13.9747V11.5692H9.39773C8.84544 11.5692 8.39773 12.0169 8.39773 12.5692V15.7334H10.4674C11.2959 15.7334 11.9674 16.405 11.9674 17.2334L11.9674 19.6394H14.6995C15.2518 19.6394 15.6995 19.1917 15.6995 18.6394V15.4747H13.6302C12.8017 15.4747 12.1302 14.8032 12.1302 13.9747ZM9.39773 10.5692H12.1302V10.569H13.1302V10.5692H14.6995C15.804 10.5692 16.6995 11.4646 16.6995 12.5692V14.4747H16.6997V15.4747H16.6995V18.6394C16.6995 19.7439 15.804 20.6394 14.6995 20.6394H9.39773C8.29316 20.6394 7.39773 19.7439 7.39773 18.6394V12.5692C7.39773 11.4646 8.29316 10.5692 9.39773 10.5692ZM13.1302 13.9747V11.5692H14.6995C15.2518 11.5692 15.6995 12.0169 15.6995 12.5692V14.4747H13.6302C13.354 14.4747 13.1302 14.2509 13.1302 13.9747ZM8.39773 16.7334V18.6394C8.39773 19.1917 8.84545 19.6394 9.39773 19.6394H10.9674L10.9674 17.2334C10.9674 16.9573 10.7436 16.7334 10.4674 16.7334H8.39773Z" fill="%230037FF"/></svg>');
}

.bods .bods-icon-chevronUp,
.bods .bods-button-icon-chevronUp>button {
  --bods-background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='Common UI/chevronUp'%3E%3Cpath id='Vector' fill-rule='evenodd' clip-rule='evenodd' d='M15.1213 10.2929C15.5118 9.90237 16.145 9.90237 16.5355 10.2929L25.364 19.1213C25.7545 19.5118 25.7545 20.145 25.3639 20.5355L24.6973 21.2022L15.8284 12.3333L6.95956 21.2022L6.29289 20.5355C5.90237 20.145 5.90237 19.5118 6.29289 19.1213L15.1213 10.2929Z' fill='%234A4A4A'/%3E%3C/g%3E%3C/svg%3E%0A");
  --bods-icon-width: 32px;
  --bods-icon-height: 32px;
}

.bods .bods-icon-chevronDown,
.bods .bods-button-icon-chevronDown>button {
  --bods-background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='Common UI/chevronDown'%3E%3Cpath id='Vector' fill-rule='evenodd' clip-rule='evenodd' d='M16.5355 20.9093C16.145 21.2998 15.5118 21.2998 15.1213 20.9093L6.29289 12.0809C5.90237 11.6904 5.90237 11.0572 6.29289 10.6667L6.95956 10L15.8284 18.8689L24.6973 10L25.364 10.6667C25.7545 11.0572 25.7545 11.6904 25.364 12.0809L16.5355 20.9093Z' fill='%234A4A4A'/%3E%3C/g%3E%3C/svg%3E%0A");
  --bods-icon-width: 32px;
  --bods-icon-height: 32px;
}

.bods .bods-icon-chevronUp-small,
.bods .bods-button-icon-chevronUp-small>button {
  --bods-background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.341 7.71967C11.6339 7.42678 12.1088 7.42678 12.4016 7.71967L19.023 14.341C19.3159 14.6339 19.3159 15.1088 19.023 15.4016L18.523 15.9016L11.8713 9.25L5.21967 15.9016L4.71967 15.4016C4.42678 15.1088 4.42678 14.6339 4.71967 14.341L11.341 7.71967Z' fill='%234A4A4A'/%3E%3C/svg%3E");
  --bods-icon-width: 16px;
  --bods-icon-height: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.bods .bods-icon-chevronDown-small,
.bods .bods-button-icon-chevronDown-small>button {
  --bods-background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.4016 15.682C12.1088 15.9749 11.6339 15.9749 11.341 15.682L4.71967 9.06066C4.42678 8.76777 4.42678 8.29289 4.71967 8L5.21967 7.5L11.8713 14.1516L18.523 7.5L19.023 8C19.3159 8.29289 19.3159 8.76777 19.023 9.06066L12.4016 15.682Z' fill='%234A4A4A'/%3E%3C/svg%3E");
  --bods-icon-width: 16px;
  --bods-icon-height: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.bods .bods-icon-chevronLeft,
.bods .bods-button-icon-chevronLeft>button {
  --bods-background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='Common UI/chevronLeft'%3E%3Cpath id='Vector' fill-rule='evenodd' clip-rule='evenodd' d='M10.2929 16.5355C9.90237 16.145 9.90237 15.5118 10.2929 15.1213L19.1213 6.29289C19.5118 5.90237 20.145 5.90237 20.5355 6.29289L21.2022 6.95956L12.3333 15.8284L21.2022 24.6973L20.5355 25.364C20.145 25.7545 19.5118 25.7545 19.1213 25.364L10.2929 16.5355Z' fill='%234A4A4A'/%3E%3C/g%3E%3C/svg%3E%0A");
  --bods-icon-width: 32px;
  --bods-icon-height: 32px;
}

.bods .bods-icon-chevronRight,
.bods .bods-button-icon-chevronRight>button {
  --bods-background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='Common UI/chevronRight'%3E%3Cpath id='Vector' fill-rule='evenodd' clip-rule='evenodd' d='M20.9093 15.1213C21.2998 15.5118 21.2998 16.145 20.9093 16.5355L12.0809 25.364C11.6904 25.7545 11.0572 25.7545 10.6667 25.3639L10 24.6973L18.8689 15.8284L10 6.95956L10.6667 6.29289C11.0572 5.90237 11.6904 5.90237 12.0809 6.29289L20.9093 15.1213Z' fill='%234A4A4A'/%3E%3C/g%3E%3C/svg%3E%0A");
  --bods-icon-width: 32px;
  --bods-icon-height: 32px;
}

.bods .bods-icon-chevronRight-ctadefault-medium,
.bods .bods-button-icon-chevronRight-ctadefault-medium>button {
  --bods-background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15.682 11.341C15.9749 11.6339 15.9749 12.1088 15.682 12.4016L9.06066 19.023C8.76777 19.3159 8.29289 19.3159 8 19.023L7.5 18.523L14.1516 11.8713L7.5 5.21967L8 4.71967C8.29289 4.42678 8.76777 4.42678 9.06066 4.71967L15.682 11.341Z' fill='%230037FF'/%3E%3C/svg%3E");
  --bods-icon-width: 24px;
  --bods-icon-height: 24px;
}

.bods .bods-icon-chevronRight-white-medium,
.bods .bods-button-icon-chevronRight-white-medium>button {
  --bods-background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='Common UI/chevronRight'%3E%3Cpath id='Vector' fill-rule='evenodd' clip-rule='evenodd' d='M15.682 11.341C15.9749 11.6339 15.9749 12.1088 15.682 12.4016L9.06066 19.023C8.76777 19.3159 8.29289 19.3159 8 19.023L7.5 18.523L14.1516 11.8713L7.5 5.21967L8 4.71967C8.29289 4.42678 8.76777 4.42678 9.06066 4.71967L15.682 11.341Z' fill='white'/%3E%3C/g%3E%3C/svg%3E%0A");
  --bods-icon-width: 24px;
  --bods-icon-height: 24px;
}

.bods .bods-icon-filterSort,
.bods .bods-button-icon-filter>button {
  --bods-background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='Common UI/filter'%3E%3Cg id='Vector'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13.874 7C13.4299 5.27477 11.8638 4 10 4C8.13616 4 6.57006 5.27477 6.12602 7H3V8C3 8.55228 3.44772 9 4 9H6.12602C6.57006 10.7252 8.13616 12 10 12C11.8638 12 13.4299 10.7252 13.874 9H29V8C29 7.44772 28.5523 7 28 7H13.874ZM10 10C11.1046 10 12 9.10457 12 8C12 6.89543 11.1046 6 10 6C8.89543 6 8 6.89543 8 8C8 9.10457 8.89543 10 10 10Z' fill='%230037FF'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13.874 23C13.4299 21.2748 11.8638 20 10 20C8.13616 20 6.57006 21.2748 6.12602 23H3V24C3 24.5523 3.44772 25 4 25H6.12602C6.57006 26.7252 8.13616 28 10 28C11.8638 28 13.4299 26.7252 13.874 25H29V24C29 23.4477 28.5523 23 28 23H13.874ZM10 26C11.1046 26 12 25.1046 12 24C12 22.8954 11.1046 22 10 22C8.89543 22 8 22.8954 8 24C8 25.1046 8.89543 26 10 26Z' fill='%230037FF'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M18.126 17C18.5701 18.7252 20.1362 20 22 20C23.8638 20 25.4299 18.7252 25.874 17H29V16C29 15.4477 28.5523 15 28 15H25.874C25.4299 13.2748 23.8638 12 22 12C20.1362 12 18.5701 13.2748 18.126 15L3 15V16C3 16.5523 3.44772 17 4 17L18.126 17ZM22 18C23.1046 18 24 17.1046 24 16C24 14.8954 23.1046 14 22 14C20.8954 14 20 14.8954 20 16C20 17.1046 20.8954 18 22 18Z' fill='%230037FF'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
  --bods-icon-width: 32px;
  --bods-icon-height: 32px;
}

.bods .bods-icon-cross,
.bods .bods-button-icon-cross>button {
  --bods-background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='Common UI/cross'%3E%3Cpath id='Vector' d='M16.364 17.7782L23.3137 24.7279L24.0208 24.0208C24.4113 23.6303 24.4113 22.9971 24.0208 22.6066L17.7782 16.364L24.7279 9.41424L24.0208 8.70714C23.6303 8.31661 22.9971 8.31661 22.6066 8.70714L16.364 14.9498L9.4142 8L8.7071 8.70711C8.31657 9.09763 8.31657 9.7308 8.7071 10.1213L14.9498 16.364L8 23.3137L8.70711 24.0208C9.09763 24.4114 9.7308 24.4114 10.1213 24.0208L16.364 17.7782Z' fill='%234A4A4A'/%3E%3C/g%3E%3C/svg%3E%0A");
  --bods-icon-width: 32px;
  --bods-icon-height: 32px;
}

.bods-icon-search {
  --bods-background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.7185 6.6095C11.7185 7.884 11.289 9.0555 10.573 9.997L15.5395 14.964C14.649 15.3085 13.4725 15.0185 12.6085 14.154L9.5145 11.06C8.5695 11.784 7.3915 12.219 6.1095 12.219C3.0115 12.219 0.5 9.7075 0.5 6.6095C0.5 3.5115 3.0115 1 6.1095 1C9.2075 1 11.7185 3.5115 11.7185 6.6095ZM6.1095 2C3.5675 2 1.5 4.068 1.5 6.6095C1.5 9.151 3.5675 11.219 6.1095 11.219C8.651 11.219 10.7185 9.151 10.7185 6.6095C10.7185 4.068 8.651 2 6.1095 2Z" fill="%234A4A4A"/></svg>');
  --bods-icon-width: 16px;
  --bods-icon-height: 16px;
}

.bods .bods-icon-close,
.bods .bods-button-icon-close>button {
  --bods-background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='Utility Icons / C / close'%3E%3Cpath id='Icon' fill-rule='evenodd' clip-rule='evenodd' d='M9.53863 7.81531L13.5386 3.78454C13.7232 3.59992 13.7232 3.323 13.5386 3.13838L12.9232 2.49223C12.7386 2.30761 12.4617 2.30761 12.2771 2.49223L8.24632 6.523C8.12324 6.64608 7.93863 6.64608 7.81555 6.523L3.78478 2.46146C3.60017 2.27684 3.32324 2.27684 3.13863 2.46146L2.49247 3.10761C2.30786 3.29223 2.30786 3.56915 2.49247 3.75377L6.52324 7.78454C6.64632 7.90761 6.64632 8.09223 6.52324 8.21531L2.4617 12.2768C2.27709 12.4615 2.27709 12.7384 2.4617 12.923L3.10786 13.5692C3.29247 13.7538 3.5694 13.7538 3.75401 13.5692L7.78478 9.53838C7.90786 9.41531 8.09247 9.41531 8.21555 9.53838L12.2463 13.5692C12.4309 13.7538 12.7079 13.7538 12.8925 13.5692L13.5386 12.923C13.7232 12.7384 13.7232 12.4615 13.5386 12.2768L9.53863 8.24608C9.41555 8.123 9.41555 7.93838 9.53863 7.81531Z' fill='white'/%3E%3C/g%3E%3C/svg%3E%0A");
  --bods-icon-width: 16px;
  --bods-icon-height: 16px;
}

.bods .bods-icon-user,
.bods .bods-button-icon-user>button {
  --bods-background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="19" height="19" viewBox="0 0 19 19" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M18.2854 15.5706V16.3564C18.2854 17.2849 17.4997 18.0706 16.5712 18.0706H2.85686C1.92829 18.0706 1.14258 17.2849 1.14258 16.3564V15.5706C1.14258 13.4992 3.57115 12.2135 5.85686 11.2135L6.07115 11.1064C6.24972 11.0349 6.42829 11.0349 6.60686 11.1421C7.53544 11.7492 8.57115 12.0706 9.67829 12.0706C10.7854 12.0706 11.8569 11.7135 12.7497 11.1421C12.9283 11.0349 13.1069 11.0349 13.2854 11.1064L13.4997 11.2135C15.8569 12.2135 18.2854 13.4635 18.2854 15.5706ZM9.71403 0.927734C12.0712 0.927734 13.964 3.03488 13.964 5.64203C13.964 8.24918 12.0712 10.3563 9.71403 10.3563C7.35689 10.3563 5.46403 8.24918 5.46403 5.64203C5.46403 3.03488 7.35689 0.927734 9.71403 0.927734Z" fill="white"/></svg>');
  --bods-icon-width: 19px;
  --bods-icon-height: 19px;
}

.bods .bods-icon-switch,
.bods .bods-button-icon-switch>button {
  --bods-background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M16.5002 9.375L8.5609 9.375L11.0306 11.8447L10.5002 12.375C10.2074 12.6679 9.73248 12.6679 9.43958 12.375L6.21991 9.15533C5.92702 8.86244 5.92702 8.38756 6.21991 8.09467L9.43958 4.875C9.73248 4.58211 10.2074 4.58211 10.5002 4.875L11.0306 5.40533L8.5609 7.875H15.7502C16.1645 7.875 16.5002 8.21079 16.5002 8.625V9.375Z" fill="%230037FF"/><path d="M7.50043 14.6893H15.4398L12.9701 12.2197L13.5004 11.6893C13.7933 11.3964 14.2682 11.3964 14.5611 11.6893L17.7808 14.909C18.0737 15.2019 18.0737 15.6768 17.7808 15.9697L14.5611 19.1893C14.2682 19.4822 13.7933 19.4822 13.5004 19.1893L12.9701 18.659L15.4398 16.1893H8.25043C7.83621 16.1893 7.50043 15.8536 7.50043 15.4393V14.6893Z" fill="%230037FF"/><path fill-rule="evenodd" clip-rule="evenodd" d="M22.5002 12C22.5002 17.799 17.7992 22.5 12.0002 22.5C6.20125 22.5 1.50024 17.799 1.50024 12C1.50024 6.20101 6.20125 1.5 12.0002 1.5C17.7992 1.5 22.5002 6.20101 22.5002 12ZM21.0002 12C21.0002 16.9706 16.9708 21 12.0002 21C7.02968 21 3.00024 16.9706 3.00024 12C3.00024 7.02944 7.02968 3 12.0002 3C16.9708 3 21.0002 7.02944 21.0002 12Z" fill="%230037FF"/></svg>');
  --bods-icon-width: 24px;
  --bods-icon-height: 24px;
}

.bods .bods-icon-informationCircle,
.bods .bods-button-icon-informationCircle>button {
  --bods-background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none"><path d="M15.309 23.721C15.519 23.749 15.729 23.763 15.939 23.763C16.387 23.763 16.695 23.672 16.863 23.49C17.031 23.308 17.115 23.077 17.115 22.797V13.515C17.003 13.487 16.842 13.466 16.632 13.452C16.422 13.424 16.205 13.41 15.981 13.41C15.547 13.41 15.246 13.501 15.078 13.683C14.91 13.865 14.826 14.096 14.826 14.376V23.658C14.938 23.686 15.099 23.707 15.309 23.721Z" fill="url(%23paint0_linear_11714_41137)"/><path d="M15.078 11.205C15.33 11.457 15.631 11.583 15.981 11.583C16.345 11.583 16.653 11.457 16.905 11.205C17.157 10.953 17.283 10.652 17.283 10.302C17.283 9.938 17.157 9.63 16.905 9.378C16.653 9.126 16.345 9 15.981 9C15.631 9 15.33 9.126 15.078 9.378C14.826 9.63 14.7 9.938 14.7 10.302C14.7 10.652 14.826 10.953 15.078 11.205Z" fill="url(%23paint1_linear_11714_41137)"/><path fill-rule="evenodd" clip-rule="evenodd" d="M30 16C30 23.732 23.732 30 16 30C8.26801 30 2 23.732 2 16C2 8.26801 8.26801 2 16 2C23.732 2 30 8.26801 30 16ZM28 16C28 22.6274 22.6274 28 16 28C9.37258 28 4 22.6274 4 16C4 9.37258 9.37258 4 16 4C22.6274 4 28 9.37258 28 16Z" fill="url(%23paint2_linear_11714_41137)"/><defs><linearGradient id="paint0_linear_11714_41137" x1="2" y1="18.8125" x2="30.0004" y2="18.7585" gradientUnits="userSpaceOnUse"><stop stop-color="%23FF2A00"/><stop offset="1" stop-color="%23F56400"/></linearGradient><linearGradient id="paint1_linear_11714_41137" x1="2" y1="18.8125" x2="30.0004" y2="18.7585" gradientUnits="userSpaceOnUse"><stop stop-color="%23FF2A00"/><stop offset="1" stop-color="%23F56400"/></linearGradient><linearGradient id="paint2_linear_11714_41137" x1="2" y1="18.8125" x2="30.0004" y2="18.7585" gradientUnits="userSpaceOnUse"><stop stop-color="%23FF2A00"/><stop offset="1" stop-color="%23F56400"/></linearGradient></defs></svg>');
  --bods-icon-width: 32px;
  --bods-icon-height: 32px;
}

.bods .bods-icon-chevronUpCTADefault,
.bods .bods-button-icon-chevronUpCTADefault>button {
  --bods-background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="10" viewBox="0 0 16 10" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.99928 2.29353L15.1616 9.45508C15.1909 9.43217 15.2238 9.40639 15.2604 9.37632C15.4372 9.22882 16 8.79635 16 8.47271C15.9936 8.33094 15.937 8.20993 15.8217 8.09322L8.47257 0.741214C8.21122 0.47987 7.78734 0.47987 7.52672 0.741214L0.177571 8.09322C0.0615768 8.20993 0.00501156 8.33094 0 8.47271C0 8.79635 0.561354 9.22882 0.73964 9.37632C0.775441 9.40639 0.807661 9.43217 0.837018 9.45508L7.99928 2.29353Z" fill="%230037FF"/></svg>');
  --bods-icon-width: 16px;
  --bods-icon-height: 8.91px;
}

.bods .bods-icon-chevronDownCTADefault,
.bods .bods-button-icon-chevronDownCTADefault>button {
  --bods-background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="10" viewBox="0 0 16 10" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.00072 7.70647L0.83845 0.544922C0.809093 0.567834 0.776157 0.593611 0.73964 0.623683C0.562785 0.771182 0 1.20365 0 1.52729C0.00644411 1.66906 0.063009 1.79007 0.178287 1.90678L7.52743 9.25879C7.78878 9.52013 8.21266 9.52013 8.47328 9.25879L15.8224 1.90678C15.9384 1.79007 15.995 1.66906 16 1.52729C16 1.20365 15.4386 0.771182 15.2604 0.623683C15.2246 0.593611 15.1923 0.567834 15.163 0.544922L8.00072 7.70647Z" fill="%230037FF"/></svg>');
  --bods-icon-width: 16px;
  --bods-icon-height: 8.91px;
}

.bods .bods-icon-closeBig,
.bods .bods-button-icon-closeBig>button {
  --bods-background-image: url('data:image/svg+xml, <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M16.364 24.7782L23.3137 31.7279L24.0208 31.0208C24.4113 30.6303 24.4113 29.9971 24.0208 29.6066L17.7782 23.364L24.7279 16.4142L24.0208 15.7071C23.6303 15.3166 22.9971 15.3166 22.6066 15.7071L16.364 21.9498L9.4142 15L8.7071 15.7071C8.31657 16.0976 8.31657 16.7308 8.7071 17.1213L14.9498 23.364L8 30.3137L8.70711 31.0208C9.09763 31.4114 9.7308 31.4114 10.1213 31.0208L16.364 24.7782Z" fill="%234A4A4A" /></svg>');
  --bods-icon-width: 32px;
  --bods-icon-height: 32px;
}

.bods .bods-icon-redWarning,
.bods .bods-button-icon-redWarning>button {
  --bods-background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11.3101 17.8802C11.5101 18.0702 11.7401 18.1652 12.0001 18.1652C12.2701 18.1652 12.5001 18.0702 12.6901 17.8802C12.8801 17.6802 12.9751 17.4502 12.9751 17.1902C12.9751 16.9202 12.8801 16.6902 12.6901 16.5002C12.5001 16.3102 12.2701 16.2152 12.0001 16.2152C11.7401 16.2152 11.5101 16.3102 11.3101 16.5002C11.1201 16.6902 11.0251 16.9202 11.0251 17.1902C11.0251 17.4502 11.1201 17.6802 11.3101 17.8802Z" fill="%23DD1717"/><path d="M11.0701 8.9552V9.0452L11.4901 14.5352C11.6901 14.6052 11.8701 14.6402 12.0301 14.6402C12.2301 14.6402 12.3701 14.5952 12.4501 14.5052C12.5301 14.4052 12.5751 14.2952 12.5851 14.1752L12.9601 8.3402C12.8701 8.3202 12.7351 8.3002 12.5551 8.2802C12.3851 8.2602 12.2101 8.2502 12.0301 8.2502C11.6901 8.2502 11.4451 8.3202 11.2951 8.4602C11.1451 8.5902 11.0701 8.7552 11.0701 8.9552Z" fill="%23DD1717"/><path fill-rule="evenodd" clip-rule="evenodd" d="M10.689 3.1104L1.98829 18.7717C1.43284 19.7715 2.15579 21.0002 3.29952 21.0002H20.701C21.8447 21.0002 22.5677 19.7715 22.0122 18.7717L13.3115 3.1104C12.74 2.08169 11.2605 2.08169 10.689 3.1104ZM3.29952 19.5002L12.0002 3.83887L20.701 19.5002L3.29952 19.5002Z" fill="%23DD1717"/></svg>');
  --bods-icon-width: 24px;
  --bods-icon-height: 24px;
}

.bods .bods-icon-greenCircleCheck,
.bods .bods-button-icon-greenCircleCheck>button {
  --bods-background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 0C5.373 0 0 5.37225 0 12C0 18.6278 5.373 24 12 24C18.627 24 24 18.6278 24 12C24 5.37225 18.627 0 12 0ZM12 1.5C17.79 1.5 22.5 6.21 22.5 12C22.5 17.79 17.79 22.5 12 22.5C6.21 22.5 1.5 17.79 1.5 12C1.5 6.21 6.21 1.5 12 1.5ZM18.3691 6.75037C18.4411 6.78112 18.5274 6.83812 18.6301 6.91987C18.9834 7.20112 19.5211 7.72087 19.0756 8.16487L9.96236 17.2789C9.64136 17.5991 9.12161 17.5991 8.80136 17.2789L4.48961 12.9671C4.04411 12.5231 4.58261 12.0026 4.93511 11.7214C5.03786 11.6396 5.12486 11.5834 5.19611 11.5526L9.38186 15.7376L18.3691 6.75037Z" fill="%23007E13"/></svg>');
  --bods-icon-width: 24px;
  --bods-icon-height: 24px;
}

.bods .bods-icon-tickCircle,
.bods .bods-button-icon-tickCircle>button {
  --bods-background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="52" height="52" viewBox="0 0 52 52" fill="none"><path d="M37.851 21.3221C38.4856 20.6875 38.4856 19.6587 37.851 19.024L36.7019 17.875L21.601 31.351L14.625 24.375L13.476 25.524C12.8413 26.1586 12.8413 27.1875 13.476 27.8221L20.4519 34.7981C21.0865 35.4327 22.1154 35.4327 22.75 34.7981L37.851 21.3221Z" fill="%231AAB31"/><path fill-rule="evenodd" clip-rule="evenodd" d="M48.75 26C48.75 38.5645 38.5645 48.75 26 48.75C13.4355 48.75 3.25 38.5645 3.25 26C3.25 13.4355 13.4355 3.25 26 3.25C38.5645 3.25 48.75 13.4355 48.75 26ZM45.5 26C45.5 36.7696 36.7696 45.5 26 45.5C15.2304 45.5 6.5 36.7696 6.5 26C6.5 15.2304 15.2304 6.5 26 6.5C36.7696 6.5 45.5 15.2304 45.5 26Z" fill="%231AAB31"/></svg>');
  --bods-icon-width: 52px;
  --bods-icon-height: 52px;
}

.bods .bods-icon-sim,
.bods .bods-button-icon-sim>button {
  --bods-background-image: url('data:image/svg+xml,<svg width="20" height="28" viewBox="0 0 20 28" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M0 1C0 0.447715 0.447716 0 1 0H11.6364C11.8977 0 12.1486 0.102296 12.3355 0.284993L19.6991 7.48499C19.8915 7.67313 20 7.93089 20 8.2V27C20 27.5523 19.5523 28 19 28H1C0.447715 28 0 27.5523 0 27V1ZM2 2V26H18V8.62081L11.2287 2H2Z" fill="%230037FF"/><path fill-rule="evenodd" clip-rule="evenodd" d="M4 12C4 11.4477 4.44772 11 5 11H15C15.5523 11 16 11.4477 16 12V23C16 23.5523 15.5523 24 15 24H5C4.44772 24 4 23.5523 4 23V12ZM6 13V22H14V13H6Z" fill="%230037FF"/><path fill-rule="evenodd" clip-rule="evenodd" d="M8 20H6V18H9C9.55228 18 10 18.4477 10 19V22H8V20Z" fill="%230037FF"/><path fill-rule="evenodd" clip-rule="evenodd" d="M12 15H14V17H11C10.4477 17 10 16.5523 10 16V13H12V15Z" fill="%230037FF"/></svg>');
  --bods-icon-width: 20px;
  --bods-icon-height: 28px;
}

.bods .bods-icon-questionCircle,
.bods .bods-button-icon-questionCircle>button {
  --bods-background-image: url('data:image/svg+xml,<svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.6205 20.6012C12.9069 20.8671 13.2363 21 13.6086 21C13.9952 21 14.3246 20.8671 14.5967 20.6012C14.8687 20.3213 15.0048 19.9995 15.0048 19.6357C15.0048 19.2579 14.8687 18.936 14.5967 18.6702C14.3246 18.4043 13.9952 18.2714 13.6086 18.2714C13.2363 18.2714 12.9069 18.4043 12.6205 18.6702C12.3484 18.936 12.2124 19.2579 12.2124 19.6357C12.2124 19.9995 12.3484 20.3213 12.6205 20.6012Z" fill="%230037FF"/><path d="M12.8138 16.2984C13.1002 16.3963 13.3652 16.4453 13.6086 16.4453C13.895 16.4453 14.1026 16.3823 14.2315 16.2564C14.3747 16.1304 14.4606 15.9975 14.4893 15.8576C14.5322 15.5777 14.6181 15.3398 14.747 15.1439C14.8759 14.934 15.0477 14.7451 15.2625 14.5772C15.4773 14.3953 15.7279 14.2204 16.0143 14.0525C16.315 13.8846 16.6587 13.6957 17.0453 13.4858C17.2888 13.3598 17.5251 13.2059 17.7542 13.024C17.9976 12.8421 18.2052 12.6322 18.3771 12.3943C18.5632 12.1424 18.7136 11.8626 18.8282 11.5547C18.9427 11.2469 19 10.8971 19 10.5052C19 10.0015 18.8998 9.53973 18.6993 9.11994C18.4988 8.68616 18.2052 8.31534 17.8186 8.0075C17.432 7.68566 16.9523 7.44078 16.3795 7.27286C15.8067 7.09095 15.1551 7 14.4248 7C13.5943 7 12.778 7.12594 11.9761 7.37781C11.1742 7.61569 10.5155 7.90255 10 8.23838C10.0143 8.74213 10.1217 9.14093 10.3222 9.43478C10.5227 9.71464 10.7733 9.85457 11.074 9.85457C11.2745 9.85457 11.4678 9.81959 11.6539 9.74963C11.8544 9.66567 12.0764 9.57471 12.3198 9.47676C12.5776 9.37881 12.8711 9.29485 13.2005 9.22489C13.5442 9.14093 13.9523 9.09895 14.4248 9.09895C15.1122 9.09895 15.642 9.25287 16.0143 9.56072C16.401 9.85457 16.5943 10.2464 16.5943 10.7361C16.5943 11.044 16.5012 11.3098 16.315 11.5337C16.1289 11.7436 15.8926 11.9465 15.6062 12.1424C15.3198 12.3243 15.0119 12.5132 14.6826 12.7091C14.3532 12.905 14.0453 13.1359 13.7589 13.4018C13.4726 13.6677 13.2363 13.9825 13.0501 14.3463C12.864 14.7101 12.7709 15.1509 12.7709 15.6687V15.9835C12.7852 16.0815 12.7995 16.1864 12.8138 16.2984Z" fill="%230037FF"/><path fill-rule="evenodd" clip-rule="evenodd" d="M28 14C28 21.732 21.732 28 14 28C6.26801 28 0 21.732 0 14C0 6.26801 6.26801 0 14 0C21.732 0 28 6.26801 28 14ZM26 14C26 20.6274 20.6274 26 14 26C7.37258 26 2 20.6274 2 14C2 7.37258 7.37258 2 14 2C20.6274 2 26 7.37258 26 14Z" fill="%230037FF"/></svg>');
  --bods-icon-width: 28px;
  --bods-icon-height: 28px;
}

.bods .bods-icon-closeMid,
.bods .bods-button-icon-closeMid>button {
  --bods-background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M12.273 13.3336L17.4853 18.5459L18.0156 18.0156C18.3085 17.7227 18.3085 17.2478 18.0156 16.955L13.3336 12.273L18.5459 7.06068L18.0156 6.53035C17.7227 6.23746 17.2478 6.23746 16.955 6.53035L12.273 11.2123L7.06065 6L6.53032 6.53033C6.23743 6.82322 6.23743 7.2981 6.53032 7.59099L11.2123 12.273L6 17.4853L6.53033 18.0156C6.82322 18.3085 7.2981 18.3085 7.59099 18.0156L12.273 13.3336Z" fill="%234A4A4A"/></svg>');
  --bods-icon-width: 24px;
  --bods-icon-height: 24px;
}

.bods .bods-icon-chevronRightBlue,
.bods .bods-button-icon-chevronRightBlue>button {
  --bods-background-image: url('data:image/svg+xml,<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.3487 11.341C16.6416 11.6339 16.6416 12.1088 16.3487 12.4016L9.72741 19.023C9.43451 19.3159 8.95964 19.3159 8.66675 19.023L8.16675 18.523L14.8184 11.8713L8.16675 5.21967L8.66675 4.71967C8.95964 4.42678 9.43452 4.42678 9.72741 4.71967L16.3487 11.341Z" fill="%230037FF"/></svg>');
  --bods-icon-width: 25px;
  --bods-icon-height: 24px;
}

.bods .bods-icon-chevronRightWhite,
.bods .bods-button-icon-chevronRightWhite>button {
  --bods-background-image: url('data:image/svg+xml,<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.3487 11.341C16.6416 11.6339 16.6416 12.1088 16.3487 12.4016L9.72741 19.023C9.43451 19.3159 8.95964 19.3159 8.66675 19.023L8.16675 18.523L14.8184 11.8713L8.16675 5.21967L8.66675 4.71967C8.95964 4.42678 9.43452 4.42678 9.72741 4.71967L16.3487 11.341Z" fill="%23FFFFFF"/></svg>');
  --bods-icon-width: 25px;
  --bods-icon-height: 24px;
}

.bods .bods-icon-navHome,
.bods .bods-button-icon-navHome>button {
  --bods-background-image: url('data:image/svg+xml,<svg width="56" height="24" viewBox="0 0 56 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M9.4393 0.439342C10.0251 -0.146447 10.9749 -0.146447 11.5607 0.439342L20.5607 9.43935C20.842 9.72065 21 10.1022 21 10.5V19.9394C21 20.3536 20.6642 20.6894 20.25 20.6894H12.75V13.1894H8.25V19.9394C8.25 20.3536 7.91421 20.6894 7.5 20.6894H0V10.5C0 10.1022 0.15804 9.72065 0.43934 9.43935L9.4393 0.439342ZM10.5 1.5L1.5 10.5V19.1894H6.75V12.4394C6.75 12.0252 7.08579 11.6894 7.5 11.6894H13.5C13.9142 11.6894 14.25 12.0252 14.25 12.4394V19.1894H19.5V10.5L10.5 1.5Z" fill="%234A4A4A"/></svg>');
}

.bods .bods-icon-chevronLeftBlue,
.bods .bods-button-icon-chevronLeftBlue>button {
  --bods-background-image: url('data:image/svg+xml,<svg width="24" height="22" viewBox="0 0 24 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.71967 12.4016C7.42678 12.1088 7.42678 11.6339 7.71967 11.341L14.341 4.71967C14.6339 4.42678 15.1088 4.42678 15.4016 4.71967L15.9016 5.21967L9.25 11.8713L15.9016 18.523L15.4016 19.023C15.1088 19.3159 14.6339 19.3159 14.341 19.023L7.71967 12.4016Z" fill="%230037FF"/></svg>');
  --bods-icon-width: 24px;
  --bods-icon-height: 24px;
}

.bods .bods-icon-disableMinusCircle,
.bods .bods-button-icon-disableMinusCircle>button {
  --bods-background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48" fill="none"><path d="M13.5001 25.5L36.0001 25.5V24C36.0001 23.1716 35.3285 22.5 34.5001 22.5L12.0001 22.5V24C12.0001 24.8285 12.6716 25.5 13.5001 25.5Z" fill="%23CCCCCC"/><path fill-rule="evenodd" clip-rule="evenodd" d="M45 24C45 35.598 35.598 45 24 45C12.402 45 3 35.598 3 24C3 12.402 12.402 3 24 3C35.598 3 45 12.402 45 24ZM42 24C42 33.9411 33.9411 42 24 42C14.0589 42 6 33.9411 6 24C6 14.0589 14.0589 6 24 6C33.9411 6 42 14.0589 42 24Z" fill="%23CCCCCC"/></svg>');
  --bods-icon-width: 48px;
  --bods-icon-height: 48px;
}

.bods .bods-icon-enableMinusCircle,
.bods .bods-button-icon-enableMinusCircle>button {
  --bods-background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48" fill="none"><path d="M13.5001 25.5L36.0001 25.5V24C36.0001 23.1716 35.3285 22.5 34.5001 22.5L12.0001 22.5V24C12.0001 24.8285 12.6716 25.5 13.5001 25.5Z" fill="%230037FF"/><path fill-rule="evenodd" clip-rule="evenodd" d="M45 24C45 35.598 35.598 45 24 45C12.402 45 3 35.598 3 24C3 12.402 12.402 3 24 3C35.598 3 45 12.402 45 24ZM42 24C42 33.9411 33.9411 42 24 42C14.0589 42 6 33.9411 6 24C6 14.0589 14.0589 6 24 6C33.9411 6 42 14.0589 42 24Z" fill="%230037FF"/></svg>');
  --bods-icon-width: 48px;
  --bods-icon-height: 48px;
}

.bods .bods-icon-disablePlusCircle,
.bods .bods-button-icon-disablePlusCircle>button {
  --bods-background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48" fill="none"><path d="M22.5 25.5H13.5001C12.6716 25.5 12.0001 24.8285 12.0001 24V22.5H22.5V13.5C22.5 12.6716 23.1715 12 24 12H25.5V22.5H34.5001C35.3285 22.5 36.0001 23.1716 36.0001 24V25.5H25.5V34.5C25.5 35.3284 24.8284 36 24 36H22.5V25.5Z" fill="%23CCCCCC"/><path fill-rule="evenodd" clip-rule="evenodd" d="M24 45C35.598 45 45 35.598 45 24C45 12.402 35.598 3 24 3C12.402 3 3 12.402 3 24C3 35.598 12.402 45 24 45ZM24 42C33.9411 42 42 33.9411 42 24C42 14.0589 33.9411 6 24 6C14.0589 6 6 14.0589 6 24C6 33.9411 14.0589 42 24 42Z" fill="%23CCCCCC"/></svg>');
  --bods-icon-width: 48px;
  --bods-icon-height: 48px;
}

.bods .bods-icon-enablePlusCircle,
.bods .bods-button-icon-enablePlusCircle>button {
  --bods-background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48" fill="none"><path d="M22.5 25.5H13.5001C12.6716 25.5 12.0001 24.8285 12.0001 24V22.5H22.5V13.5C22.5 12.6716 23.1715 12 24 12H25.5V22.5H34.5001C35.3285 22.5 36.0001 23.1716 36.0001 24V25.5H25.5V34.5C25.5 35.3284 24.8284 36 24 36H22.5V25.5Z" fill="%230037FF"/><path fill-rule="evenodd" clip-rule="evenodd" d="M24 45C35.598 45 45 35.598 45 24C45 12.402 35.598 3 24 3C12.402 3 3 12.402 3 24C3 35.598 12.402 45 24 45ZM24 42C33.9411 42 42 33.9411 42 24C42 14.0589 33.9411 6 24 6C14.0589 6 6 14.0589 6 24C6 33.9411 14.0589 42 24 42Z" fill="%230037FF"/></svg>');
  --bods-icon-width: 48px;
  --bods-icon-height: 48px;
}

/* Added new Background color - BOS-11354 -start */
.bods .bods-icon-disableMinusCircleMedium,
.bods .bods-button-icon-disableMinusCircleMedium>button,
.bods .bods-button-icon-disableMinusCircleMedium>button:disabled {
  --bods-background-image: url('data:image/svg+xml,<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="1" y="1" width="30" height="30" rx="15" fill="white"/><rect x="1" y="1" width="30" height="30" rx="15" stroke="%23999999" stroke-width="2"/><path d="M26.6567 16.8284H16.8283L14.8283 16.8284H5.99988C5.44759 16.8284 4.99988 16.3807 4.99988 15.8284V14.8284H14.8283H16.8283H25.6567C26.209 14.8284 26.6567 15.2761 26.6567 15.8284V16.8284Z" fill="%23999999"/></svg>');
  --bods-icon-width: 32px;
  --bods-icon-height: 32px;
  display: flex;
  --bods-button-disabled-background: var(--bods-background-image) center center !important;
}

.bods .bods-icon-enableMinusCircleMedium,
.bods .bods-button-icon-enableMinusCircleMedium>button {
  --bods-background-image: url('data:image/svg+xml,<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="1" y="1" width="30" height="30" rx="15" fill="white"/><rect x="1" y="1" width="30" height="30" rx="15" stroke="%230037FF" stroke-width="2"/><path d="M26.6567 16.8284H16.8283L14.8283 16.8284H5.99988C5.44759 16.8284 4.99988 16.3807 4.99988 15.8284V14.8284H14.8283H16.8283H25.6567C26.209 14.8284 26.6567 15.2761 26.6567 15.8284V16.8284Z" fill="%230037FF"/></svg>');
  --bods-icon-width: 32px;
  --bods-icon-height: 32px;
  display: flex;
}

.bods .bods-icon-disablePlusCircleMedium,
.bods .bods-button-icon-disablePlusCircleMedium>button,
.bods .bods-button-icon-disablePlusCircleMedium>button:disabled {
  --bods-background-image: url('data:image/svg+xml,<svg width="56" height="32" viewBox="0 0 56 32" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="13" y="1" width="30" height="30" rx="15" fill="white"/><rect x="13" y="1" width="30" height="30" rx="15" stroke="%23999999" stroke-width="2"/><path d="M28.6212 16.6213H35.9925V15.8713C35.9925 15.4571 35.6567 15.1213 35.2425 15.1213H28.6212V7.75L27.8712 7.75C27.457 7.75 27.1212 8.08579 27.1212 8.5V15.1213L19.7499 15.1213V15.8713C19.7499 16.2855 20.0857 16.6213 20.4999 16.6213H27.1212V23.9926L27.8712 23.9926C28.2854 23.9926 28.6212 23.6569 28.6212 23.2426L28.6212 16.6213Z" fill="%23999999"/></svg>');
  --bods-icon-width: 32px;
  --bods-icon-height: 32px;
  display: flex;
  --bods-button-disabled-background: var(--bods-background-image) center center !important;
}

.bods .bods-icon-enablePlusCircleMedium,
.bods .bods-button-icon-enablePlusCircleMedium>button {
  --bods-background-image: url('data:image/svg+xml,<svg width="56" height="32" viewBox="0 0 56 32" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="13" y="1" width="30" height="30" rx="15" fill="white"/><rect x="13" y="1" width="30" height="30" rx="15" stroke="%230037FF" stroke-width="2"/><path d="M28.6212 16.6213H35.9925V15.8713C35.9925 15.4571 35.6567 15.1213 35.2425 15.1213H28.6212V7.75L27.8712 7.75C27.457 7.75 27.1212 8.08579 27.1212 8.5V15.1213L19.7499 15.1213V15.8713C19.7499 16.2855 20.0857 16.6213 20.4999 16.6213H27.1212V23.9926L27.8712 23.9926C28.2854 23.9926 28.6212 23.6569 28.6212 23.2426L28.6212 16.6213Z" fill="%230037FF"/></svg>');
  --bods-icon-width: 32px;
  --bods-icon-height: 32px;
  display: flex;
}

/* Added new Background color - BOS-11354 -end */


/* Uplift basket - start */
.bods .bods-icon-disableMinusCircleSmall,
.bods .bods-button-icon-disableMinusCircleSmall>button,
.bods .bods-button-icon-disableMinusCircleSmall>button:disabled {
  --bods-background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none"><path d="M9.00004 17L24 17V16C24 15.4477 23.5523 15 23 15L8.00004 15V16C8.00004 16.5523 8.44776 17 9.00004 17Z" fill="%23CCCCCC"/><path fill-rule="evenodd" clip-rule="evenodd" d="M30 16C30 23.732 23.732 30 16 30C8.26801 30 2 23.732 2 16C2 8.26801 8.26801 2 16 2C23.732 2 30 8.26801 30 16ZM28 16C28 22.6274 22.6274 28 16 28C9.37258 28 4 22.6274 4 16C4 9.37258 9.37258 4 16 4C22.6274 4 28 9.37258 28 16Z" fill="%23CCCCCC"/></svg>');
  --bods-icon-width: 28px;
  --bods-icon-height: 28px;
  display: flex;
  --bods-button-disabled-background: var(--bods-background-image) center center !important;
}

.bods .bods-icon-enableMinusCircleSmall,
.bods .bods-button-icon-enableMinusCircleSmall>button {
  --bods-background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 28 28" fill="none"><path d="M7.00004 15L22 15V14C22 13.4477 21.5523 13 21 13L6.00004 13V14C6.00004 14.5523 6.44776 15 7.00004 15Z" fill="%230037FF"/><path fill-rule="evenodd" clip-rule="evenodd" d="M28 14C28 21.732 21.732 28 14 28C6.26801 28 0 21.732 0 14C0 6.26801 6.26801 0 14 0C21.732 0 28 6.26801 28 14ZM26 14C26 20.6274 20.6274 26 14 26C7.37258 26 2 20.6274 2 14C2 7.37258 7.37258 2 14 2C20.6274 2 26 7.37258 26 14Z" fill="%230037FF"/></svg>');
  --bods-icon-width: 28px;
  --bods-icon-height: 28px;
  display: flex;
}

.bods .bods-icon-disablePlusCircleSmall,
.bods .bods-button-icon-disablePlusCircleSmall>button,
.bods .bods-button-icon-disablePlusCircleSmall>button:disabled {
  --bods-background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 28 28" fill="none"><path d="M13 15H7.00004C6.44776 15 6.00004 14.5523 6.00004 14V13H13V7.00001C13 6.44772 13.4477 6.00001 14 6.00001H15V13H21C21.5523 13 22 13.4477 22 14V15H15V21C15 21.5523 14.5523 22 14 22H13V15Z" fill="%23CCCCCC"/><path fill-rule="evenodd" clip-rule="evenodd" d="M14 28C21.732 28 28 21.732 28 14C28 6.26801 21.732 0 14 0C6.26801 0 0 6.26801 0 14C0 21.732 6.26801 28 14 28ZM14 26C20.6274 26 26 20.6274 26 14C26 7.37258 20.6274 2 14 2C7.37258 2 2 7.37258 2 14C2 20.6274 7.37258 26 14 26Z" fill="%23CCCCCC"/></svg>');
  --bods-icon-width: 28px;
  --bods-icon-height: 28px;
  display: flex;
  --bods-button-disabled-background: var(--bods-background-image) center center !important;
}

.bods .bods-icon-enablePlusCircleSmall,
.bods .bods-button-icon-enablePlusCircleSmall>button {
  --bods-background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none"><path d="M15 17H9.00004C8.44776 17 8.00004 16.5523 8.00004 16V15H15V9.00001C15 8.44772 15.4477 8.00001 16 8.00001H17V15H23C23.5523 15 24 15.4477 24 16V17H17V23C17 23.5523 16.5523 24 16 24H15V17Z" fill="%230037FF"/><path fill-rule="evenodd" clip-rule="evenodd" d="M16 30C23.732 30 30 23.732 30 16C30 8.26801 23.732 2 16 2C8.26801 2 2 8.26801 2 16C2 23.732 8.26801 30 16 30ZM16 28C22.6274 28 28 22.6274 28 16C28 9.37258 22.6274 4 16 4C9.37258 4 4 9.37258 4 16C4 22.6274 9.37258 28 16 28Z" fill="%230037FF"/></svg>');
  --bods-icon-width: 28px;
  --bods-icon-height: 28px;
  display: flex;
}

/* Uplift basket - end */

/* added as part of BOS-10541 */
.bods .bods-icon-addContactIcon,
.bods .bods-button-icon-addContactIcon>button {
  --bods-background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none"><rect width="32" height="32" rx="16" fill="%2300A4FF"/><path d="M24.778 9.72314H9.12898C8.07267 9.72314 7.17285 10.5355 7.17285 11.5693V20.4308C7.17285 21.4278 8.07267 22.277 9.12898 22.277H24.778C25.8735 22.277 26.7341 21.4647 26.7341 20.4308V11.5693C26.7341 10.5355 25.8735 9.72314 24.778 9.72314ZM16.484 20.1355H10.8504C10.2244 20.1355 9.75494 19.5078 9.75494 18.8801C9.79407 17.957 10.8113 17.4031 11.8676 16.9601C12.6109 16.6647 12.7283 16.3693 12.7283 16.0739C12.7283 15.7785 12.5326 15.4831 12.2588 15.2616C11.8284 14.8924 11.5937 14.3385 11.5937 13.7478C11.5937 12.5662 12.337 11.6062 13.6281 11.6062C14.9191 11.6062 15.6625 12.6031 15.6625 13.7478C15.6625 14.3755 15.4277 14.9293 14.9974 15.2616C14.7235 15.4831 14.5279 15.7416 14.5279 16.0739C14.5279 16.3693 14.6061 16.6647 15.3886 16.9231C16.4449 17.3662 17.4621 17.957 17.5012 18.8801C17.6186 19.5078 17.11 20.1355 16.484 20.1355ZM24.1129 17.9939C24.1129 18.3262 23.8 18.6216 23.4478 18.6216H20.5137C20.1616 18.6216 19.8486 18.3631 19.8486 17.9939V17.0708C19.8486 16.7385 20.1616 16.4431 20.5137 16.4431H23.4478C23.8 16.4431 24.1129 16.7016 24.1129 17.0708V17.9939ZM24.1129 14.6339C24.1129 14.9662 23.8 15.2616 23.4478 15.2616H18.5966C18.2445 15.2616 17.9316 15.0031 17.9316 14.6339V13.7108C17.9316 13.3785 18.2445 13.0831 18.5966 13.0831H23.487C23.8391 13.0831 24.1521 13.3416 24.1521 13.7108V14.6339H24.1129Z" fill="white"/></svg>');
  --bods-icon-width: 32px;
  --bods-icon-height: 32px;
}

.bods .bods-icon-balanceIcon,
.bods .bods-button-icon-balanceIcon>button {
  --bods-background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none"><rect width="32" height="32" rx="16" fill="%2306A59A"/><path d="M24.0857 8.9476L16.8857 9.98145V20.1353C16.8857 20.3199 16.7749 20.4307 16.5903 20.4307H15.4088C15.2242 20.4307 15.1134 20.3199 15.1134 20.1353V10.2768L8.17187 11.3107C8.09802 11.3107 8.09802 11.3107 8.0611 11.3107C7.61802 11.3107 7.24879 10.9784 7.17494 10.5353C7.1011 10.0553 7.43341 9.57529 7.87648 9.53837L13.378 8.72606C13.8949 7.80299 14.8549 7.17529 15.9626 7.17529C16.7749 7.17529 17.5134 7.5076 18.0303 8.02452L23.8273 7.21222C24.3073 7.13837 24.7873 7.47068 24.8242 7.95068C24.898 8.39375 24.6026 8.83683 24.0857 8.9476Z" fill="white"/><path d="M13.4519 19.803C13.6734 19.5445 13.7103 19.2122 13.5626 18.8799L11.1996 13.3045C11.0888 12.9722 10.7565 12.7876 10.3873 12.7876C10.018 12.7876 9.72264 12.9722 9.57494 13.3045L7.21187 18.9168C7.1011 19.1753 7.13802 19.4707 7.28571 19.7291C7.35956 19.803 8.50417 21.5753 10.3503 21.5753C11.4211 21.5753 12.4919 20.9845 13.4519 19.803ZM10.3873 15.9261L11.6426 18.9538H9.13187L10.3873 15.9261Z" fill="white"/><path d="M22.4242 11.5322C22.2765 11.1999 21.9442 11.0153 21.6119 11.0153C21.2426 11.0153 20.9473 11.2368 20.7996 11.5322L18.4365 17.1445C18.3257 17.403 18.3626 17.6984 18.5103 17.9568C18.5842 18.0307 19.7288 19.803 21.5749 19.803C22.6826 19.803 23.7165 19.2122 24.6765 18.0307C24.898 17.7722 24.9349 17.4399 24.7873 17.1076L22.4242 11.5322ZM21.6119 14.1538L22.8673 17.1814H20.3196L21.6119 14.1538Z" fill="white"/><path d="M15.9996 22.203C14.338 22.203 12.6765 22.7938 11.4949 23.7907C11.3842 23.9014 11.2734 24.0491 11.2734 24.2338V24.2707C11.2734 24.603 11.5319 24.8614 11.8642 24.8614H20.1349C20.4673 24.8614 20.7257 24.603 20.7257 24.2707V24.2338C20.7257 24.0491 20.6519 23.9014 20.5042 23.7907C19.3226 22.7938 17.6611 22.203 15.9996 22.203Z" fill="white"/></svg>');
  --bods-icon-width: 32px;
  --bods-icon-height: 32px;
}

.bods .bods-icon-moneyBagIcon,
.bods .bods-button-icon-moneyBagIcon>button {
  --bods-background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 30 30" fill="none"><rect width="30" height="30" rx="15" fill="%23F15A22"/><path d="M13.0959 9.15013C13.1652 9.35782 13.3729 9.46167 13.5805 9.46167H16.3844C16.5921 9.46167 16.7998 9.35782 16.869 9.15013L17.9767 7.10782C18.0459 6.90013 17.9075 6.72705 17.7344 6.72705H12.2998C12.0921 6.72705 11.9536 6.93474 12.0575 7.10782L13.0959 9.15013Z" fill="white"/><path d="M16.6267 11.1232H13.3729C10.6382 11.1232 8.42285 13.3732 8.42285 16.1078V21.6463C8.42285 22.5463 9.14977 23.3078 10.0844 23.3078H19.9152C20.8152 23.3078 21.5767 22.5463 21.5767 21.6463V16.1078C21.5767 13.3732 19.3267 11.1232 16.6267 11.1232ZM15.8305 20.4347V21.3694C15.8305 21.5424 15.6575 21.6463 15.4844 21.6463H14.3767C14.2036 21.6463 14.169 21.5424 14.169 21.3694V20.4694C13.3382 20.2963 12.6459 19.9501 12.4729 19.7771C12.2652 19.5694 12.1959 19.3963 12.369 19.154L12.7152 18.6001C12.7844 18.4617 12.9575 18.3924 13.1305 18.3924C13.2344 18.3924 13.3382 18.4271 13.4075 18.4617H13.4421C13.9959 18.8078 14.4805 18.9463 14.8267 18.9463C15.2075 18.9463 15.519 18.7386 15.519 18.5309C15.519 18.3578 15.4152 18.0809 14.3767 17.7347C13.4421 17.3886 12.2998 16.8347 12.2998 15.554C12.2998 14.7924 12.7844 13.9271 14.169 13.6501V12.8194C14.169 12.6463 14.2382 12.5424 14.3767 12.5424H15.4844C15.6575 12.5424 15.8305 12.6463 15.8305 12.8194V13.6155C16.3844 13.754 16.9729 14.0309 17.1805 14.1694C17.2844 14.2386 17.3536 14.3771 17.3882 14.5155C17.4229 14.654 17.3536 14.7924 17.2844 14.8617L16.869 15.3463C16.7652 15.4847 16.5575 15.5886 16.419 15.5886C16.3498 15.5886 16.2459 15.554 16.1767 15.5194C15.6229 15.2078 15.1729 15.0347 14.8613 15.0347C14.4113 15.0347 14.2036 15.2424 14.2036 15.3809C14.2036 15.5886 14.3075 15.7963 15.2421 16.1424C16.3844 16.5232 17.6652 17.1463 17.6652 18.4617C17.6305 19.3963 16.9036 20.1924 15.8305 20.4347Z" fill="white"/></svg>');
  --bods-icon-width: 30px;
  --bods-icon-height: 30px;
}

.bods .bods-icon-new_person_account,
.bods .bods-button-icon-new_person_account>button {
  --bods-background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none"><rect width="32" height="32" rx="16" fill="%235867E8"/><path d="M21.7971 18.6583C20.7264 18.2152 20.5417 17.8091 20.5417 17.366C20.5417 16.9229 20.8371 16.5168 21.2064 16.1845C21.8341 15.6306 22.1664 14.8183 22.1664 13.8952C22.1664 12.1968 21.0587 10.6829 19.1387 10.6829C17.2187 10.6829 16.111 12.1598 16.111 13.8952C16.111 14.8552 16.4802 15.5937 17.071 16.1845C17.4402 16.5168 17.7356 16.9229 17.7356 17.366C17.7356 17.8091 17.551 18.2152 16.4802 18.6583C14.8925 19.3229 13.4156 20.1352 13.3787 21.5383C13.3787 22.4614 14.0802 23.3845 14.9664 23.3845H23.2371C24.1602 23.3845 24.8248 22.4614 24.8248 21.5383C24.8987 20.1722 23.3848 19.3229 21.7971 18.6583Z" fill="white"/><path d="M15.0402 16.406C14.9294 16.2583 14.3387 15.5198 14.3756 13.526C14.4125 11.5691 15.2617 11.0891 15.2617 11.0891C15.2617 9.94446 15.2617 9.24293 15.2617 9.16908C15.2617 8.83677 14.9294 8.61523 14.7079 8.61523C14.4494 8.61523 7.95098 8.61523 7.69252 8.61523C7.43406 8.61523 7.13867 8.8737 7.13867 9.206V22.0922H11.1264C11.2371 18.806 15.0033 17.4768 15.0033 17.4768C15.5571 17.1814 15.151 16.5537 15.0402 16.406ZM10.3141 20.4675C10.3141 20.7998 10.0556 21.0583 9.72329 21.0583H9.13252C8.80021 21.0583 8.54175 20.7998 8.54175 20.4675V19.8768C8.54175 19.5445 8.80021 19.286 9.13252 19.286H9.72329C10.0556 19.286 10.3141 19.5445 10.3141 19.8768V20.4675ZM10.3141 17.5506C10.3141 17.8829 10.0556 18.1414 9.72329 18.1414H9.13252C8.80021 18.1414 8.54175 17.8829 8.54175 17.5506V16.9598C8.54175 16.6275 8.80021 16.3691 9.13252 16.3691H9.72329C10.0556 16.3691 10.3141 16.6275 10.3141 16.9598V17.5506ZM10.3141 14.5968C10.3141 14.9291 10.0556 15.1875 9.72329 15.1875H9.13252C8.80021 15.1875 8.54175 14.9291 8.54175 14.5968V14.006C8.54175 13.6737 8.80021 13.4152 9.13252 13.4152H9.72329C10.0556 13.4152 10.3141 13.6737 10.3141 14.006V14.5968ZM10.3141 11.6798C10.3141 12.0122 10.0556 12.2706 9.72329 12.2706H9.13252C8.80021 12.2706 8.54175 12.0122 8.54175 11.6798V11.0891C8.54175 10.7568 8.80021 10.4983 9.13252 10.4983H9.72329C10.0556 10.4983 10.3141 10.7568 10.3141 11.0891V11.6798ZM13.6371 17.5506C13.6371 17.8829 13.3787 18.1414 13.0464 18.1414H12.4556C12.1233 18.1414 11.8648 17.8829 11.8648 17.5506V16.9598C11.8648 16.6275 12.1233 16.3691 12.4556 16.3691H13.0464C13.3787 16.3691 13.6371 16.6275 13.6371 16.9598V17.5506ZM13.6371 14.5968C13.6371 14.9291 13.3787 15.1875 13.0464 15.1875H12.4556C12.1233 15.1875 11.8648 14.9291 11.8648 14.5968V14.006C11.8648 13.6737 12.1233 13.4152 12.4556 13.4152H13.0464C13.3787 13.4152 13.6371 13.6737 13.6371 14.006V14.5968ZM13.6371 11.6798C13.6371 12.0122 13.3787 12.2706 13.0464 12.2706H12.4556C12.1233 12.2706 11.8648 12.0122 11.8648 11.6798V11.0891C11.8648 10.7568 12.1233 10.4983 12.4556 10.4983H13.0464C13.3787 10.4983 13.6371 10.7568 13.6371 11.0891V11.6798Z" fill="white"/></svg>');
  --bods-icon-width: 32px;
  --bods-icon-height: 32px;
}

.bods .bods-icon-transparent,
.bods .bods-button-icon-transparent>button {
  --bods-background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none"><rect width="32" height="32" rx="16" fill="none"/><path d="M21.7971 18.6583C20.7264 18.2152 20.5417 17.8091 20.5417 17.366C20.5417 16.9229 20.8371 16.5168 21.2064 16.1845C21.8341 15.6306 22.1664 14.8183 22.1664 13.8952C22.1664 12.1968 21.0587 10.6829 19.1387 10.6829C17.2187 10.6829 16.111 12.1598 16.111 13.8952C16.111 14.8552 16.4802 15.5937 17.071 16.1845C17.4402 16.5168 17.7356 16.9229 17.7356 17.366C17.7356 17.8091 17.551 18.2152 16.4802 18.6583C14.8925 19.3229 13.4156 20.1352 13.3787 21.5383C13.3787 22.4614 14.0802 23.3845 14.9664 23.3845H23.2371C24.1602 23.3845 24.8248 22.4614 24.8248 21.5383C24.8987 20.1722 23.3848 19.3229 21.7971 18.6583Z" fill="none"/><path d="M15.0402 16.406C14.9294 16.2583 14.3387 15.5198 14.3756 13.526C14.4125 11.5691 15.2617 11.0891 15.2617 11.0891C15.2617 9.94446 15.2617 9.24293 15.2617 9.16908C15.2617 8.83677 14.9294 8.61523 14.7079 8.61523C14.4494 8.61523 7.95098 8.61523 7.69252 8.61523C7.43406 8.61523 7.13867 8.8737 7.13867 9.206V22.0922H11.1264C11.2371 18.806 15.0033 17.4768 15.0033 17.4768C15.5571 17.1814 15.151 16.5537 15.0402 16.406ZM10.3141 20.4675C10.3141 20.7998 10.0556 21.0583 9.72329 21.0583H9.13252C8.80021 21.0583 8.54175 20.7998 8.54175 20.4675V19.8768C8.54175 19.5445 8.80021 19.286 9.13252 19.286H9.72329C10.0556 19.286 10.3141 19.5445 10.3141 19.8768V20.4675ZM10.3141 17.5506C10.3141 17.8829 10.0556 18.1414 9.72329 18.1414H9.13252C8.80021 18.1414 8.54175 17.8829 8.54175 17.5506V16.9598C8.54175 16.6275 8.80021 16.3691 9.13252 16.3691H9.72329C10.0556 16.3691 10.3141 16.6275 10.3141 16.9598V17.5506ZM10.3141 14.5968C10.3141 14.9291 10.0556 15.1875 9.72329 15.1875H9.13252C8.80021 15.1875 8.54175 14.9291 8.54175 14.5968V14.006C8.54175 13.6737 8.80021 13.4152 9.13252 13.4152H9.72329C10.0556 13.4152 10.3141 13.6737 10.3141 14.006V14.5968ZM10.3141 11.6798C10.3141 12.0122 10.0556 12.2706 9.72329 12.2706H9.13252C8.80021 12.2706 8.54175 12.0122 8.54175 11.6798V11.0891C8.54175 10.7568 8.80021 10.4983 9.13252 10.4983H9.72329C10.0556 10.4983 10.3141 10.7568 10.3141 11.0891V11.6798ZM13.6371 17.5506C13.6371 17.8829 13.3787 18.1414 13.0464 18.1414H12.4556C12.1233 18.1414 11.8648 17.8829 11.8648 17.5506V16.9598C11.8648 16.6275 12.1233 16.3691 12.4556 16.3691H13.0464C13.3787 16.3691 13.6371 16.6275 13.6371 16.9598V17.5506ZM13.6371 14.5968C13.6371 14.9291 13.3787 15.1875 13.0464 15.1875H12.4556C12.1233 15.1875 11.8648 14.9291 11.8648 14.5968V14.006C11.8648 13.6737 12.1233 13.4152 12.4556 13.4152H13.0464C13.3787 13.4152 13.6371 13.6737 13.6371 14.006V14.5968ZM13.6371 11.6798C13.6371 12.0122 13.3787 12.2706 13.0464 12.2706H12.4556C12.1233 12.2706 11.8648 12.0122 11.8648 11.6798V11.0891C11.8648 10.7568 12.1233 10.4983 12.4556 10.4983H13.0464C13.3787 10.4983 13.6371 10.7568 13.6371 11.0891V11.6798Z" fill="none"></svg>');
  --bods-icon-width: 32px;
  --bods-icon-height: 32px;
}

.bods .bods-icon-phoneSmall,
.bods .bods-button-icon-phoneSmall>button {
  --bods-background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M3.65994 1.99505C4.76244 1.23755 5.16744 1.26005 6.73494 2.69255L6.74244 2.70005C8.21994 4.05755 9.62244 5.99255 10.2224 7.17005C10.7324 8.18255 10.5674 8.61005 10.1399 9.12005C9.83244 9.48005 9.43494 9.90005 9.02994 10.3051C8.62494 10.7101 8.59494 10.8601 8.97744 11.4151C9.35244 11.9776 10.0874 12.8701 10.6124 13.3951C11.1449 13.9201 12.0374 14.6476 12.5924 15.0301C13.1474 15.4051 13.2974 15.3826 13.7024 14.9776C14.0999 14.5801 14.5274 14.1751 14.8874 13.8676C15.3899 13.4326 15.8174 13.2751 16.8374 13.7851C18.0224 14.3776 19.9499 15.7876 21.3074 17.2651C22.7399 18.8326 22.7549 19.2376 22.0049 20.3401C20.6324 22.3576 18.2549 23.2351 14.6324 21.7726C12.3899 20.8651 10.1249 19.2751 7.42494 16.5751C4.72494 13.8826 3.13494 11.6101 2.22744 9.36755C0.764942 5.74505 1.64244 3.36755 3.65994 1.99505ZM17.9251 21C17.9275 21 17.93 21 17.9325 21H17.9175C17.92 21 17.9225 21 17.9251 21ZM15.195 20.3775C16.2118 20.7888 17.1317 20.9987 17.9251 21C19.1438 20.998 20.0714 20.5105 20.76 19.5C20.8248 19.3975 20.874 19.3183 20.9105 19.2596C20.9247 19.2367 20.937 19.2169 20.9475 19.2C20.8575 19.0575 20.6625 18.7875 20.19 18.2775C18.96 16.935 17.19 15.645 16.155 15.12C16.02 15.0525 15.9225 15.015 15.8625 14.9925L15.8475 15.0075C15.555 15.255 15.165 15.6225 14.7525 16.035C14.746 16.0414 14.7393 16.0479 14.7324 16.0546C14.4779 16.302 13.9732 16.7925 13.17 16.7925C12.5925 16.7925 12.1425 16.5375 11.7375 16.26C11.0775 15.81 10.1175 15.015 9.54751 14.445C8.98501 13.8825 8.18252 12.915 7.73252 12.255C7.25252 11.5425 6.75002 10.455 7.96501 9.24004C8.37002 8.83504 8.73751 8.44504 8.99252 8.14504L9.00752 8.13004C8.98502 8.06254 8.94752 7.97254 8.88002 7.83754C8.35502 6.80254 7.07252 5.03254 5.72252 3.80254C5.20502 3.33004 4.93502 3.12754 4.80002 3.04504C4.73252 3.08254 4.64252 3.13504 4.50002 3.23254C3.89252 3.64504 2.04002 4.90504 3.61502 8.80504C4.47002 10.905 6.01502 13.0425 8.48252 15.51C10.9575 17.985 13.0875 19.53 15.195 20.3775Z" fill="%230037FF"/></svg>');
  --bods-icon-width: 24px;
  --bods-icon-height: 24px;
}

.bods .bods-icon-speechBubblesDots,
.bods .bods-button-icon-speechBubblesDots>button {
  --bods-background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="44" height="44" viewBox="0 0 44 44" fill="none"><path d="M2.75 11C2.75 8.72183 4.59683 6.875 6.875 6.875H26.125C28.4032 6.875 30.25 8.72183 30.25 11V17.875H27.5V11C27.5 10.2406 26.8844 9.625 26.125 9.625H6.875C6.11561 9.625 5.5 10.2406 5.5 11V19.25C5.5 20.0094 6.11561 20.625 6.875 20.625H8.25C9.00939 20.625 9.625 21.2406 9.625 22V24.9552L12.6763 21.141C12.9372 20.8149 13.3323 20.625 13.75 20.625H16.5V23.375H14.4109L9.32369 29.734C8.51174 30.7489 6.875 30.1748 6.875 28.875V23.375C4.59683 23.375 2.75 21.5282 2.75 19.25V11Z" fill="white"/><path fill-rule="evenodd" clip-rule="evenodd" d="M41.25 19.25C41.25 16.9718 39.4032 15.125 37.125 15.125H17.875C15.5968 15.125 13.75 16.9718 13.75 19.25V27.5C13.75 29.7782 15.5968 31.625 17.875 31.625H29.5891L34.6763 37.984C35.4883 38.9989 37.125 38.4248 37.125 37.125V31.625C39.4032 31.625 41.25 29.7782 41.25 27.5V19.25ZM37.125 17.875C37.8844 17.875 38.5 18.4906 38.5 19.25V27.5C38.5 28.2594 37.8844 28.875 37.125 28.875H35.75C34.9906 28.875 34.375 29.4906 34.375 30.25V33.2052L31.3237 29.391C31.0628 29.0649 30.6677 28.875 30.25 28.875H17.875C17.1156 28.875 16.5 28.2594 16.5 27.5V19.25C16.5 18.4906 17.1156 17.875 17.875 17.875H37.125Z" fill="white"/><path d="M23.375 23.375C23.375 24.1344 22.7594 24.75 22 24.75C21.2406 24.75 20.625 24.1344 20.625 23.375C20.625 22.6156 21.2406 22 22 22C22.7594 22 23.375 22.6156 23.375 23.375Z" fill="white"/><path d="M28.875 23.375C28.875 24.1344 28.2594 24.75 27.5 24.75C26.7406 24.75 26.125 24.1344 26.125 23.375C26.125 22.6156 26.7406 22 27.5 22C28.2594 22 28.875 22.6156 28.875 23.375Z" fill="white"/><path d="M34.375 23.375C34.375 24.1344 33.7594 24.75 33 24.75C32.2406 24.75 31.625 24.1344 31.625 23.375C31.625 22.6156 32.2406 22 33 22C33.7594 22 34.375 22.6156 34.375 23.375Z" fill="white"/></svg>');
  --bods-icon-width: 44px;
  --bods-icon-height: 44px;
}

/* BOSSALES-4121 start */
.bods .bods-icon-basket,
.bods .bods-button-icon-basket>button {
  --bods-background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11.25 2.25C11.25 1.83579 11.5858 1.5 12 1.5H12.75V6.75H11.25V2.25Z" fill="%230037FF"/><path fill-rule="evenodd" clip-rule="evenodd" d="M3.12756 9.74986H2.25V8.99986C2.25 8.58564 2.58579 8.24986 3 8.24986H21C21.4142 8.24986 21.75 8.58564 21.75 8.99986V9.74986H20.8724L18.7372 21.1381C18.6706 21.4928 18.3609 21.7499 18 21.7499H6C5.63909 21.7499 5.32936 21.4928 5.26285 21.1381L3.12756 9.74986ZM4.65369 9.74986L6.62244 20.2499H17.3776L19.3463 9.74986H4.65369Z" fill="%230037FF"/></svg>');
  --bods-icon-width: 24px;
  --bods-icon-height: 24px;
}

/* BOSSALES-4121 end*/

/* BOSSALES-4128 start */
.bods .bods-icon-edit,
.bods .bods-button-icon-edit>button {
  --bods-background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8.56387 14.2216C8.59834 14.0166 8.69588 13.8273 8.84293 13.6803L18.6972 3.82598L20.2882 5.41697L10.4339 15.2713C10.2869 15.4183 10.0976 15.5159 9.89257 15.5503L8.50311 15.7839C8.40143 15.801 8.31323 15.7128 8.33032 15.6111L8.56387 14.2216Z" fill="%230037FF"/><path d="M22.084 3.62121L20.8186 4.88664L19.2276 3.29565L20.493 2.03022C20.7859 1.73732 21.2608 1.73732 21.5536 2.03022L22.084 2.56055C22.3769 2.85344 22.3769 3.32831 22.084 3.62121Z" fill="%230037FF"/><path d="M20.25 7.95381L18.75 9.45381V19.4999H5.25V6.74989H13.2751L14.7751 5.24989H4.5C4.08579 5.24989 3.75 5.58567 3.75 5.99989V20.2499C3.75 20.6641 4.08579 20.9999 4.5 20.9999H19.5C19.9142 20.9999 20.25 20.6641 20.25 20.2499V7.95381Z" fill="%230037FF"/></svg>');
  --bods-icon-width: 24px;
  --bods-icon-height: 24px;
}

/* BOSSALES-4128 end*/

/* BOSSALES-4130 start */

.bods .bods-icon-greenCircleCheckBig,
.bods .bods-button-icon-greenCircleCheckBig>button {
  --bods-background-image: url('data:image/svg+xml,<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><g><path fill-rule="evenodd" clip-rule="evenodd" d="M16 0C7.164 0 0 7.163 0 16C0 24.837 7.164 32 16 32C24.836 32 32 24.837 32 16C32 7.163 24.836 0 16 0ZM16 2C23.72 2 30 8.28 30 16C30 23.72 23.72 30 16 30C8.28 30 2 23.72 2 16C2 8.28 8.28 2 16 2ZM24.4921 9.00049C24.5881 9.04149 24.7031 9.11749 24.8401 9.22649C25.3111 9.60149 26.0281 10.2945 25.4341 10.8865L13.2831 23.0385C12.8551 23.4655 12.1621 23.4655 11.7351 23.0385L5.98614 17.2895C5.39214 16.6975 6.11014 16.0035 6.58014 15.6285C6.71714 15.5195 6.83314 15.4445 6.92814 15.4035L12.5091 20.9835L24.4921 9.00049Z" fill="%23007E13"/></g></svg>');
  --bods-icon-width: 32px;
  --bods-icon-height: 32px;
}

.bods .bods-icon-redCircleCheckBig,
.bods .bods-button-icon-redCircleCheckBig>button {
  --bods-background-image: url('data:image/svg+xml,<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><g><path d="M16 0C24.836 0 32 7.163 32 16C32 24.837 24.836 32 16 32C7.164 32 0 24.837 0 16C0 7.163 7.164 0 16 0ZM16 2C8.28 2 2 8.28 2 16C2 23.72 8.28 30 16 30C23.72 30 30 23.72 30 16C30 8.28 23.72 2 16 2ZM16 14.5859L22.1279 8.45801C22.2939 8.29204 22.489 8.21178 22.709 8.21875C23.1779 8.23475 23.8384 8.96352 24.0205 9.39355L17.4141 16L23.542 22.1279C23.708 22.2939 23.7892 22.488 23.7812 22.71C23.7653 23.1779 23.0365 23.8384 22.6064 24.0215L16 17.4141L9.87207 23.542C9.70607 23.708 9.51203 23.7882 9.29004 23.7812C8.82223 23.7652 8.1628 23.0365 7.97949 22.6064L14.5859 16L8.45801 9.87207C8.29102 9.70608 8.21176 9.512 8.21875 9.29102C8.23475 8.82202 8.96453 8.16152 9.39453 7.97852L16 14.5859Z" fill="%23DD1717"/></g></svg>');
  --bods-icon-width: 32px;
  --bods-icon-height: 32px;
}

/* BOSSALES-4130 end */

/* lock icon start */
.bods .bods-icon-lock,
.bods .bods-button-icon-lock>button {
  --bods-background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M9 9.5C9 9.87014 8.7989 10.1933 8.5 10.3662V12.5C8.5 12.7761 8.27614 13 8 13H7.5V10.3662C7.2011 10.1933 7 9.87014 7 9.5C7 8.94772 7.44772 8.5 8 8.5C8.55228 8.5 9 8.94772 9 9.5Z" fill="%234A4A4A"/><path fill-rule="evenodd" clip-rule="evenodd" d="M4.5 6.5V4.5C4.5 2.567 6.067 1 8 1C9.933 1 11.5 2.567 11.5 4.5V6.5H12.5C13.0523 6.5 13.5 6.94772 13.5 7.5V14C13.5 14.5523 13.0523 15 12.5 15H3.5C2.94772 15 2.5 14.5523 2.5 14V7.5C2.5 6.94772 2.94771 6.5 3.5 6.5H4.5ZM5.5 4.5C5.5 3.11929 6.61929 2 8 2C9.38071 2 10.5 3.11929 10.5 4.5V6.5H5.5V4.5ZM3.5 7.5V14H12.5V7.5H3.5Z" fill="%234A4A4A"/></svg>');
  --bods-icon-width: 16px;
  --bods-icon-height: 16px;
}

.bods .bods-icon-lock-white,
.bods .bods-button-icon-lock-white>button
 {
  --bods-background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M13.5 14.25C13.5 14.8052 13.1984 15.29 12.75 15.5493V18.75C12.75 19.1642 12.4142 19.5 12 19.5H11.25V15.5493C10.8016 15.29 10.5 14.8052 10.5 14.25C10.5 13.4216 11.1716 12.75 12 12.75C12.8284 12.75 13.5 13.4216 13.5 14.25Z" fill="white"/><path fill-rule="evenodd" clip-rule="evenodd" d="M6.75 9.75V6.75C6.75 3.85051 9.10051 1.5 12 1.5C14.8995 1.5 17.25 3.85051 17.25 6.75V9.75H18.75C19.5784 9.75 20.25 10.4216 20.25 11.25V21C20.25 21.8284 19.5784 22.5 18.75 22.5H5.25C4.42157 22.5 3.75 21.8284 3.75 21V11.25C3.75 10.4216 4.42157 9.75 5.25 9.75H6.75ZM8.25 6.75C8.25 4.67893 9.92893 3 12 3C14.0711 3 15.75 4.67893 15.75 6.75V9.75H8.25V6.75ZM5.25 11.25V21H18.75V11.25H5.25Z" fill="white"/></svg>');
  --bods-icon-width: 24px;
  --bods-icon-height: 24px;
}

.bods .bods-button-icon-lock-white>button:disabled {
  --bods-button-disabled-background: var(--bods-background-image) no-repeat calc(100% - 16px) center;
}

.bods .bods-button-icon-position-left.bods-button-icon-lock-white>button:disabled {
  --bods-button-disabled-background: var(--bods-background-image) no-repeat 16px center;
}
/* lock icon end */

/* BOS-11676 Start*/
.bods .bods-icon-trash,
.bods .bods-button-icon-trash>button {
  --bods-background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M15 8.25C15.4142 8.25 15.75 8.58579 15.75 9V19.5H15C14.5858 19.5 14.25 19.1642 14.25 18.75L14.25 8.25H15Z" fill="%23DD1717"/><path d="M12 8.25C12.4142 8.25 12.75 8.58579 12.75 9L12.75 19.5H12C11.5858 19.5 11.25 19.1642 11.25 18.75L11.25 8.25H12Z" fill="%23DD1717"/><path d="M9 8.25C9.41421 8.25 9.75 8.58579 9.75 9L9.75 19.5H9C8.58579 19.5 8.25 19.1642 8.25 18.75L8.25 8.25H9Z" fill="%23DD1717"/><path fill-rule="evenodd" clip-rule="evenodd" d="M8.25 5.25V4.5C8.25 3.25736 9.25736 2.25 10.5 2.25H13.5C14.7426 2.25 15.75 3.25736 15.75 4.5V5.25H20.25C20.6642 5.25 21 5.58579 21 6V6.75H18.75V20.25C18.75 21.4926 17.7426 22.5 16.5 22.5H7.5C6.25736 22.5 5.25 21.4926 5.25 20.25V6.75H3V6C3 5.58579 3.33579 5.25 3.75 5.25H8.25ZM10.5 3.75H13.5C13.9142 3.75 14.25 4.08579 14.25 4.5V5.25H9.75V4.5C9.75 4.08579 10.0858 3.75 10.5 3.75ZM6.75 6.75V20.25C6.75 20.6642 7.08579 21 7.5 21H16.5C16.9142 21 17.25 20.6642 17.25 20.25V6.75H6.75Z" fill="%23DD1717"/></svg>');
  --bods-icon-width: 24px;
  --bods-icon-height: 24px;
}

/* BOS-11676 End*/

/* ------ end icons -----------*/

/* ------ meter -----------*/
@media only screen and (min-width: 648px) {
  :root {
    --bods-meter-fill-color-low: var(--bods-color-reserved-negative);
    --bods-meter-fill-color-nominal: var(--bods-color-brand-primary-blue);
    --bods-meter-fill-gradient-overlay-nominal: var(--bods-gradient-overlay-cta-mirror-effect);
    --bods-meter-fill-color-unlimited: var(--bods-color-brand-deep-blue);
    --bods-meter-fill-gradient-overlay-unlimited: var(--bods-gradient-overlay-cta-dark-mirror-effect);
  }

  .bods-meter-low {
    --bods-meter-fill: var(--bods-meter-fill-color-low);
  }

  .bods-meter-nominal {
    --bods-meter-fill: var(--bods-meter-fill-color-nominal);
    --bods-meter-fill-gradient-overlay: var(--bods-meter-fill-gradient-overlay-nominal);
  }

  .bods-meter-unlimited {
    --bods-meter-fill: var(--bods-meter-fill-color-unlimited);
    --bods-meter-fill-gradient-overlay: var(--bods-meter-fill-gradient-overlay-unlimited);
  }



  .bods-meter {
    width: 200px;
    display: flex;
    align-items: center;
    gap: var(--bods-layout-spacing-xx-small-left);
  }

  .bods-meter * {
    --bods-padding-top: 0px;
    --bods-padding-right: 0px;
    --bods-padding-bottom: 0px;
    --bods-padding-left: 0px;
  }

  div.bods-meter-description {
    display: flex;
    align-items: center;
    gap: var(--bods-layout-spacing-xx-small-left);
  }

  p.bods-meter-value {
    --bods-text-font-family: var(--bods-typography-body-legal-regular-fontFamily);
    --bods-text-font-size: var(--bods-typography-body-legal-regular-fontSize);
    --bods-text-font-weight: var(--bods-typography-body-legal-regular-fontWeight);
    --bods-text-line-height: var(--bods-typography-body-legal-regular-lineHeight);
    --bods-color: var(--bods-color-brand-dark-blue);
    --bods-padding-top: 3px;
    --bods-padding-bottom: 3px;
    --bods-width: 46px;
  }

  p.bods-meter-value strong {
    --bods-text-font-family: var(--bods-typography-body-legal-medium-fontFamily);
    --bods-text-font-size: var(--bods-typography-body-legal-medium-fontSize);
    --bods-text-font-weight: var(--bods-typography-body-legal-medium-fontWeight);
    --bods-bold-weight: var(--bods-typography-body-legal-medium-fontWeight);
    --bods-text-line-height: var(--bods-typography-body-legal-medium-lineHeight);
    --bods-color: transparent;
    --bods-background: var(--bods-meter-fill);
    --bods-background-image: var(--bods-meter-fill-gradient-overlay);
    --bods-background-clip: text;
  }

  .bods-meter-unlimited p.bods-meter-value {
    block-size: 30px;
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="30" height="16" viewBox="0 0 30 16" fill="none"><path d="M27.5678 3.05013L27.5685 3.05099C30.0092 5.81057 30.0123 10.152 27.5669 12.9483C25.2165 15.615 21.3341 16.1654 18.3533 14.2967C18.0871 14.1287 17.509 13.6354 16.8944 13.0629C16.4876 12.6838 16.0951 12.2986 15.8044 11.9943L17.9016 9.61154L18.8284 10.5272C19.024 10.7627 19.2947 10.9538 19.5116 11.0911C19.6919 11.2053 19.882 11.3104 20.0175 11.3853C20.053 11.4049 20.0849 11.4225 20.1117 11.4376C21.7626 12.4468 23.8699 12.1291 25.168 10.6917L25.168 10.6917L25.1727 10.6864C26.5146 9.16483 26.5146 6.83263 25.1727 5.31106L25.1727 5.31103L25.168 5.3058C23.8672 3.86542 21.754 3.54937 20.1016 4.56609L20.1015 4.56603L20.094 4.57081C19.7682 4.77802 19.4264 5.09163 19.1304 5.46767C19.1298 5.46841 19.1292 5.46916 19.1286 5.4699L17.4029 7.62355L17.4011 7.62583L14.5305 11.244L14.53 11.2446L13.4231 12.636C13.4228 12.6364 13.4225 12.6368 13.4221 12.6372C12.87 13.3238 12.266 13.8733 11.6459 14.2639L11.6437 14.2653C10.4334 15.0351 9.14197 15.4 7.82218 15.4C5.83446 15.4 3.84886 14.5729 2.4344 12.9498L2.43441 12.9498L2.43149 12.9465C-0.00916037 10.187 -0.0123232 5.84566 2.43296 3.04933C4.78325 0.382496 8.66569 -0.167909 11.6465 1.70068C11.9066 1.86471 12.4511 2.3379 13.0345 2.89323C13.4233 3.26333 13.8003 3.64183 14.0821 3.94202L11.9671 6.58153L10.8886 5.41721C10.6134 5.06964 10.2992 4.7405 9.91188 4.52159L9.91194 4.52149L9.90122 4.51571C9.28551 4.18399 8.56763 3.9459 7.82218 3.9459C6.70643 3.9459 5.62969 4.41619 4.86248 5.27498L4.86247 5.27498L4.85993 5.27786C3.51802 6.79946 3.51801 9.13165 4.85993 10.6532L4.8599 10.6533L4.86463 10.6585C6.16535 12.0989 8.27863 12.4149 9.93106 11.3982L9.9311 11.3983L9.93864 11.3935C10.2644 11.1863 10.6062 10.8727 10.9022 10.4967L12.6297 8.34072L12.6297 8.34074L12.6336 8.33584L15.4695 4.72026L15.4721 4.71702L16.5769 3.32824C16.5772 3.32787 16.5775 3.32749 16.5778 3.32712C17.1299 2.6407 17.7337 2.09122 18.3536 1.70062C21.3347 -0.168083 25.2176 0.382633 27.5678 3.05013Z" fill="%2300077A" stroke="white" stroke-width="1.2"/></svg>');
    background-position: left center;
    background-repeat: no-repeat;
  }

  p.bods-meter-value-label {
    display: none;
  }

  .bods-meter-graph {
    display: inline-flex;
    width: 110px;
    line-height: 8px;
    block-size: 8px;
  }

  .bods-meter-graph meter {
    margin-top: 0px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: none;
    background: var(--bods-color-cta-disabled);
    width: 100%;
    line-height: 8px;
    block-size: 8px;
  }

  .bods-meter-graph meter::-webkit-meter-inner-element {
    block-size: 8px;
  }

  .bods-meter-graph meter::-webkit-meter-bar {
    background: var(--bods-color-cta-disabled);
    block-size: 8px;
  }

  .bods-meter-graph meter::-webkit-meter-optimum-value {
    background: var(--bods-meter-fill);
    background-image: var(--bods-meter-fill-gradient-overlay);
  }

  .bods-meter-graph meter:-moz-meter-optimum::-moz-meter-bar {
    background: var(--bods-meter-fill);
    background-image: var(--bods-meter-fill-gradient-overlay);
  }

  .bods-meter-graph meter::-webkit-meter-suboptimum-value {
    background: var(--bods-meter-fill);
    background-image: var(--bods-meter-fill-gradient-overlay);
  }

  .bods-meter-graph meter:-moz-meter-sub-optimum::-moz-meter-bar {
    background: var(--bods-meter-fill);
    background-image: var(--bods-meter-fill-gradient-overlay);
  }

  .bods-meter-graph meter::-webkit-meter-even-less-good-value {
    background: var(--bods-meter-fill);
    background-image: var(--bods-meter-fill-gradient-overlay);
  }

  .bods-meter-graph meter:-moz-meter-sub-sub-optimum::-moz-meter-bar {
    background: var(--bods-meter-fill);
    background-image: var(--bods-meter-fill-gradient-overlay);
  }

  .bods-meter-graph-masks {
    display: none;
  }
}

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

  :root {
    --bods-meter-fill-color-low: var(--bods-color-reserved-negative);
    --bods-meter-fill-color-nominal: var(--bods-color-text-primary-gradient-reversed);
    --bods-meter-fill-color-unlimited: var(--bods-color-text-secondary-gradient-reversed);
  }

  .bods-meter-low {
    --bods-meter-fill: var(--bods-meter-fill-color-low);
  }

  .bods-meter-nominal {
    --bods-meter-fill: var(--bods-meter-fill-color-nominal);
  }

  .bods-meter-unlimited {
    --bods-meter-fill: var(--bods-meter-fill-color-unlimited);
  }


  .bods-meter {
    position: relative;
    width: 136px;
    height: 73px;
  }

  .bods-meter-description {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
  }

  p.bods-meter-value {
    --bods-text-font-family: var(--bods-typography-body-large-regular-fontFamily);
    --bods-text-font-size: var(--bods-typography-body-large-regular-fontSize);
    --bods-text-font-weight: var(--bods-typography-body-large-regular-fontWeight);
    --bods-text-line-height: var(--bods-typography-body-large-regular-lineHeight);
    --bods-color: transparent;
    --bods-background: var(--bods-meter-fill);
    --bods-background-image: var(--bods-meter-fill);
    --bods-background-clip: text;
    --bods-width: 100%;
    --bods-text-align: center;
    --bods-padding-top: 0;
    --bods-padding-right: 0;
    --bods-padding-bottom: 0;
    --bods-padding-left: 0;
    margin-bottom: -1px;
  }

  p.bods-meter-value strong {
    --bods-text-font-family: var(--bods-typography-body-large-medium-fontFamily);
    --bods-text-font-size: var(--bods-typography-body-large-medium-fontSize);
    --bods-text-font-weight: var(--bods-typography-body-large-medium-fontWeight);
    --bods-text-line-height: var(--bods-typography-body-large-medium-lineHeight);
  }

  p.bods-meter-value-label {
    --bods-text-font-family: var(--bods-typography-display-7-regular-fontFamily);
    --bods-text-font-size: var(--bods-typography-display-7-regular-fontSize);
    --bods-text-font-weight: var(--bods-typography-display-7-regular-fontWeight);
    --bods-text-line-height: var(--bods-typography-display-7-regular-lineHeight);
    --bods-color: var(--bods-color-brand-text-grey);
    --bods-padding-top: 0;
    --bods-padding-right: 0;
    --bods-padding-bottom: 0;
    --bods-padding-left: 0;
    --bods-width: 100%;
    --bods-text-align: center;
    margin: 0;
  }

  .bods-meter-unlimited p.bods-meter-value {
    --bods-width: 100%;
    --bods-height: 26px;
    --bods-padding-top: 0;
    --bods-padding-right: 0;
    --bods-padding-bottom: 0;
    --bods-padding-left: 0;
    --bods-background-clip: none;
    --bods-background: none;
    --bods-background-repeat: no-repeat;
    --bods-background-position-x: center;
    --bods-background-position-y: top;
    --bods-background-image: url("data:image/svg+xml,%3Csvg width='48' height='22' viewBox='0 0 48 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath id='Vector' d='M45.9769 5.37609C43.8984 1.55065 39.4003 -0.548065 34.9941 0.15706C31.7294 0.678963 28.9686 3.30514 26.7563 5.65648L29.2074 8.06334C30.2965 6.92237 31.7871 5.41218 32.9681 4.60157C35.9415 2.56115 40.1929 3.344 42.4603 6.1645C44.6989 8.94891 44.6884 13.1269 42.4367 15.8974C39.6785 19.2898 34.5637 19.4258 31.3646 16.1556C27.3678 12.0748 23.4076 7.95229 19.4055 3.87978C18.6287 3.0886 17.7758 2.35572 16.8678 1.7422C13.0153 -0.87009 8.02902 -0.5092 4.31295 2.58613C1.00367 5.34278 -0.360989 10.3203 1.05615 14.49C2.63338 19.1399 6.54102 22.0159 11.7556 21.9965C15.6081 22.1103 18.4398 19.4231 21.0772 16.3694L18.7862 13.9459C18.2377 14.4955 17.3717 15.3589 17.0016 15.7808C15.2696 17.7713 13.1491 18.6291 10.5746 18.4653C7.79283 18.2876 5.29446 16.4638 4.27884 13.6821C3.27372 10.9227 3.94555 7.6969 5.94792 5.68701C8.95016 2.67219 13.5874 2.75825 16.6683 5.91465C20.7833 10.1315 24.8694 14.3761 28.9896 18.5875C33.6084 23.3068 41.0589 23.0986 44.9324 18.1655C47.9478 14.3262 48.3231 9.70123 45.9743 5.37609H45.9769Z' fill='url(%23paint0_linear_7245_38835)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_7245_38835' x1='-23.3827' y1='11' x2='47.5' y2='11' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23032528'/%3E%3Cstop offset='0.734375' stop-color='%230037FF'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A");
    margin: 0;
    block-size: 26px;
  }

  .bods-meter-graph {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #cccccc;
    clip-path: var(--range-clip-path-url);
  }

  .bods-meter-graph meter {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-appearance: none;
    appearance: none;
    background: none;
    background: var(--bods-meter-fill);
    clip-path: var(--value-clip-path-url);
  }

  .bods-meter-graph meter::-webkit-meter-inner-element,
  .bods-meter meter:-moz-meter-optimum::-moz-meter-bar,
  .bods-meter meter:-moz-meter-sub-optimum::-moz-meter-bar,
  .bods-meter meter:-moz-meter-sub-sub-optimum::-moz-meter-bar {
    background: none;
  }

  .bods-meter-graph meter::-webkit-meter-bar {
    display: none;
  }

  .bods-meter-graph-masks {
    position: fixed;
    top: -100%;
  }
}

/* ------ end meter -----------*/
/* ------ fly tablle ----------*/
.modal-container button.slds-modal__close {
  display: none;
}

.modal-container .slds-modal__content {
  overflow-y: hidden;
  scrollbar-width: none;
  -ms-overflow-style: none;
  scroll-behavior: smooth;
}

.flyout-container .bods-grid {
  display: grid;
  grid-row-gap: 4px !important;
}

.flyout-container c-bos-data-table-row,
.flyout-container .bods-grid-row {
  display: grid !important;
  grid-template-columns: subgrid !important;
  grid-template-rows: subgrid !important;
  grid-column: 1 / -1 !important;
  min-width: 0;
  background-color: var(--bods-color-foundation-grey-neutral-100) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  margin: 0 !important;
  padding: 0 !important;
  gap: 0 !important;
}

.flyout-container c-bos-data-table-cell-group,
.flyout-container .bods-grid-cell-group {
  display: grid !important;
  grid-template-columns: subgrid !important;
  grid-template-rows: subgrid !important;
}

.flyout-container .bods-grid-header-row {
  background-color: var(--bods-color-brand-deep-blue);
  color: var(--bods-color-brand-white);
}

.flyout-container .bods-grid-column-header-cell h3 {
  --bods-text-font-family: var(--bods-typography-body-legal-medium-fontFamily);
  --bods-text-font-size: var(--bods-typography-body-legal-medium-fontSize);
  --bods-text-font-weight: var(--bods-typography-body-legal-medium-fontWeight);
  --bods-text-line-height: var(--bods-typography-body-legal-medium-lineHeight);
  --bods-color: var(--bods-color-brand-white);
}

.flyout-container .bods-grid-column-header-cell span.sorter {
  width: 12px;
  height: 12px;
  padding-left: 18px;
  cursor: pointer;
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='Utility Icons / A / arrowdown'%3E%3Cpath id='Icon' fill-rule='evenodd' clip-rule='evenodd' d='M2.21561 7.15392C2.03099 7.33854 2.03099 7.59238 2.21561 7.777L5.67715 11.1693C5.86176 11.3539 6.13869 11.3539 6.3233 11.1693L9.80792 7.777C9.99253 7.59238 9.99253 7.33854 9.80792 7.15392L9.16176 6.53084C8.97715 6.34623 8.70023 6.34623 8.51561 6.53084L7.43099 7.59238C7.24638 7.777 6.9233 7.66161 6.9233 7.38469V1.15392C6.9233 0.923152 6.71561 0.692383 6.46176 0.692383H5.53869C5.28484 0.692383 5.07715 0.946229 5.07715 1.15392V7.38469C5.07715 7.66161 4.75407 7.777 4.56946 7.59238L3.48484 6.53084C3.30023 6.34623 3.0233 6.34623 2.83869 6.53084L2.21561 7.15392Z' fill='white'/%3E%3C/g%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center right;
}

.flyout-container .bods-grid-cell p {
  --bods-text-font-family: var(--bods-typography-body-legal-regular-fontFamily);
  --bods-text-font-size: var(--bods-typography-body-legal-regular-fontSize);
  --bods-text-font-weight: var(--bods-typography-body-legal-regular-fontWeight);
  --bods-text-line-height: var(--bods-typography-body-legal-regular-lineHeight);
  --bods-color: var(--bods-color-text-primary-grey);
}

.flyout-container .bods-grid-row-header-cell p {
  --bods-text-font-family: var(--bods-typography-body-legal-medium-fontFamily);
  --bods-text-font-size: var(--bods-typography-body-legal-medium-fontSize);
  --bods-text-font-weight: var(--bods-typography-body-legal-medium-fontWeight);
  --bods-text-line-height: var(--bods-typography-body-legal-medium-lineHeight);
  --bods-color: var(--bods-color-text-primary-grey);
}


.flyout-container c-bos-data-table-cell {
  box-shadow: inset 0px -1px 0px 0px #c9c9c9;
  gap: var(--bods-layout-spacing-x-small-left);
  min-width: 0;
  block-size: 32px !important;
}


.flyout-container .bods-grid-cell {
  min-width: 0;
  block-size: 40px;
  padding: 4px 5px;
  display: inline-flex;
  align-items: center;
  align-content: flex-start;
  width: auto !important;
}

.flyout-container .bods-grid-cell.bods-align-start {
  justify-content: start;
}

.flyout-container .bods-grid-cell.bods-align-left {
  justify-content: left;
  block-size: 32px !important;
}

.flyout-container .bods-grid-cell.bods-align-center {
  justify-content: center;
}

.flyout-container .bods-grid-cell.bods-align-right {
  justify-content: right;
}

.flyout-container .bods-grid-cell.bods-align-end {
  justify-content: end;
}

.flyout-container .bods-grid-cell>p,
.flyout-container .bods-grid-cell>h3 {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-top: 4px;
  padding-bottom: 2px;
  margin: 0;
  height: 100%;
  block-size: 30px;
}

.flyout-container .bods-grid-cell button {
  padding-top: 2px;
  padding-bottom: 4px;
  margin: 0;
  height: 100%;
  block-size: 30px;
}

.flyout-container .bods-grid-cell>p>span.bods-assistive-text {
  display: none;
}

/* Barbara: extension for flyout table start */
.fluid .flyout-container c-bos-data-table-cell,
.fluid .flyout-container .bods-grid-cell.bods-align-left {
  block-size: 36px !important;
}

/* Barbara: extension for flyout table end */

/* ------- flyout table -----------*/

/* ------- responsive table / grid -----------*/

@media only screen and (min-width: 648px) {
  .bods-contianer {
    justify-self: center;
  }

  .bods-grid {
    display: grid;
    grid-row-gap: 8px;
  }

  c-bos-data-table-row,
  .bods-grid-row {
    display: grid;
    grid-template-columns: subgrid;
    grid-template-rows: subgrid;
    grid-column: 1 / -1;
    min-width: 0;
    background-color: var(--bods-color-foundation-grey-neutral-100);
  }

  c-bos-data-table-cell-group,
  .bods-grid-cell-group {
    display: grid;
    grid-template-columns: subgrid;
    grid-template-rows: subgrid;
  }

  .bods-grid-header-row {
    background-color: var(--bods-color-brand-deep-blue);
    color: var(--bods-color-brand-white);
  }

  .bods-grid-column-header-cell h3 {
    --bods-text-font-family: var(--bods-typography-body-legal-medium-fontFamily);
    --bods-text-font-size: var(--bods-typography-body-legal-medium-fontSize);
    --bods-text-font-weight: var(--bods-typography-body-legal-medium-fontWeight);
    --bods-text-line-height: var(--bods-typography-body-legal-medium-lineHeight);
    --bods-color: var(--bods-color-brand-white);
  }

  .bods-grid-column-header-cell span.sorter {
    width: 12px;
    height: 12px;
    padding-left: 18px;
    cursor: pointer;
    background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='Utility Icons / A / arrowdown'%3E%3Cpath id='Icon' fill-rule='evenodd' clip-rule='evenodd' d='M2.21561 7.15392C2.03099 7.33854 2.03099 7.59238 2.21561 7.777L5.67715 11.1693C5.86176 11.3539 6.13869 11.3539 6.3233 11.1693L9.80792 7.777C9.99253 7.59238 9.99253 7.33854 9.80792 7.15392L9.16176 6.53084C8.97715 6.34623 8.70023 6.34623 8.51561 6.53084L7.43099 7.59238C7.24638 7.777 6.9233 7.66161 6.9233 7.38469V1.15392C6.9233 0.923152 6.71561 0.692383 6.46176 0.692383H5.53869C5.28484 0.692383 5.07715 0.946229 5.07715 1.15392V7.38469C5.07715 7.66161 4.75407 7.777 4.56946 7.59238L3.48484 6.53084C3.30023 6.34623 3.0233 6.34623 2.83869 6.53084L2.21561 7.15392Z' fill='white'/%3E%3C/g%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center right;
  }

  .bods-grid-cell p {
    --bods-text-font-family: var(--bods-typography-body-legal-regular-fontFamily);
    --bods-text-font-size: var(--bods-typography-body-legal-regular-fontSize);
    --bods-text-font-weight: var(--bods-typography-body-legal-regular-fontWeight);
    --bods-text-line-height: var(--bods-typography-body-legal-regular-lineHeight);
    --bods-color: var(--bods-color-text-primary-grey);
  }

  .bods-grid-row-header-cell p {
    --bods-text-font-family: var(--bods-typography-body-legal-medium-fontFamily);
    --bods-text-font-size: var(--bods-typography-body-legal-medium-fontSize);
    --bods-text-font-weight: var(--bods-typography-body-legal-medium-fontWeight);
    --bods-text-line-height: var(--bods-typography-body-legal-medium-lineHeight);
    --bods-color: var(--bods-color-text-primary-grey);
  }

  c-bos-data-table-cell {
    box-shadow: 0px 1px 0px 0px #c9c9c9;
    gap: var(--bods-layout-spacing-x-small-left);
    min-width: 0;
    block-size: 40px;
  }

  .bods-grid-cell {
    min-width: 0;
    block-size: 40px;
    padding: 4px 5px;
    display: inline-flex;
    align-items: center;
    align-content: flex-start;
    width: 100%;
  }

  .bods-grid-cell.bods-align-start {
    justify-content: start;
  }

  .bods-grid-cell.bods-align-left {
    justify-content: left;
  }

  .bods-grid-cell.bods-align-center {
    justify-content: center;
  }

  .bods-grid-cell.bods-align-right {
    justify-content: right;
  }

  .bods-grid-cell.bods-align-end {
    justify-content: end;
  }

  .bods-grid-cell>p,
  .bods-grid-cell>h3 {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-top: 4px;
    padding-bottom: 2px;
    margin: 0;
    height: 100%;
    block-size: 30px;
  }

  .bods-grid-cell button {
    padding-top: 2px;
    padding-bottom: 4px;
    margin: 0;
    height: 100%;
    block-size: 30px;
  }

  .bods-grid-cell>p>span.bods-assistive-text {
    display: none;
  }
}

.modal-container .slds-modal__container {
  margin: 0px;
  padding: 0px;
  justify-self: center;
  width: 546px;
}

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

  /* fly-out table */
  c-bos-flyout-table .bods-grid-header-row {
    display: grid !important;
    grid-template-columns: subgrid !important;
    grid-template-rows: subgrid !important;
    grid-column: 1 / -1 !important;
    min-width: 0 !important;
    background-color: var(--bods-color-foundation-grey-neutral-100) !important;
    background-color: var(--bods-color-brand-deep-blue) !important;
    color: var(--bods-color-brand-white) !important;
    padding: 6px 17px 6px 4px !important;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }

  c-bos-flyout-table .slds-modal__container {
    margin: 0px;
    padding: 0px;
    justify-self: center;
    background: #FFF;
  }

  c-bos-flyout-table .slds-p-around_medium {
    padding: 0px;
  }

  /* fly-out Table */
  .bods-contianer .bods-grid-header-row {
    display: none !important;
  }

  .bods-contianer .bods-grid-row {
    display: grid;
    border-radius: 4px;
    box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.25);
    margin-top: 16px;
    margin-bottom: 16px;
    padding: 16px;
    gap: 16px;
    background-color: var(--bods-color-greyscale-white);
  }

  .bods-contianer c-bos-data-table-cell-group {
    display: grid;
    grid-auto-flow: column;
    gap: 6px;
    width: 100%;
    max-width: 100%;
  }

  .bods-contianer .bods-grid-row-cell p {
    --bods-text-font-family: var(--bods-typography-display-7-regular-fontFamily);
    --bods-text-font-size: var(--bods-typography-display-7-regular-fontSize);
    --bods-text-font-weight: var(--bods-typography-display-7-regular-fontWeight);
    --bods-text-line-height: var(--bods-typography-display-7-regular-lineHeight);
    --bods-color: var(--bods-color-text-primary-grey);
  }

  .bods-contianer .bods-grid-row-header-cell p {
    --bods-text-font-family: var(--bods-typography-display-6-medium-fontFamily);
    --bods-text-font-size: var(--bods-typography-display-6-medium-fontSize);
    --bods-text-font-weight: var(--bods-typography-display-6-medium-fontWeight);
    --bods-text-line-height: var(--bods-typography-display-6-medium-lineHeight);
    --bods-color: var(--bods-color-text-primary-grey);
  }

  .bods-contianer .bods-grid-subcard {
    display: grid;
    grid-template-rows: repeat(var(--bods-rows), auto);
    grid-template-columns: repeat(var(--bods-columns), auto);
    grid-auto-flow: column;
  }

  .bods-contianer .bods-grid-cell {
    width: max-content;
    min-width: 0;
    max-width: 100%;
  }

  .bods-contianer .bods-grid-cell>* {
    --bods-padding-top: 0px;
    --bods-padding-right: 0px;
    --bods-padding-bottom: 0px;
    --bods-padding-left: 0px;
  }

  .bods-contianer .bods-grid-cell>p>span.bods-assistive-text {
    display: block;
    font-family: var(--bods-typography-font-medium);
    font-size: 14px;
    line-height: 24px;
  }

}


/* ------- END responsive table / grid -----------*/

/* --------- Checkbox -------------*/

.bods-checkbox {
  display: inline-flex;
  align-items: start;
  align-content: flex-start;
  height: fit-content;
  width: fit-content;
}

.bods-checkbox>div {
  --bods-checkbox-box-vertical-spacing: calc(calc(calc(max(24px, var(--bods-text-line-height, var(--bods-p-lineHeight))) - 24px) / 2) + var(--bods-layout-spacing-x-small-top) - 4px);
  margin: var(--bods-checkbox-box-vertical-spacing) var(--bods-layout-spacing-small-right) var(--bods-checkbox-box-vertical-spacing) 0px;
  border: 1px solid transparent;
  border-radius: 4px;
  padding: 3px;
  width: 32px;
  height: 32px;
}

.bods-checkbox>div:has(input[type="checkbox"]:enabled) {
  cursor: pointer;
}

.bods-checkbox>div:has(input[type="checkbox"]:enabled:hover) {
  background-color: rgba(0, 15, 245, 0.2);
}

.bods-checkbox>div:has(input[type="checkbox"]:invalid:hover) {
  background-color: rgba(255, 0, 0, 0.2);
}

.bods-checkbox>div:has(input[type="checkbox"]:enabled:focus) {
  border: 1px solid var(--bods-color-primary-light);
  border-radius: 7px;
}

.bods-checkbox>div>input[type="checkbox"] {
  border: 2px solid var(--bods-color-primary-regular);
  border-radius: 4px;
  width: 24px !important;
  height: 24px !important;
  background-color: var(--bods-color-greyscale-white);
  text-align: center;
  display: inline-block;
  vertical-align: middle;
  appearance: none;
}

.bods-checkbox>div>input[type="checkbox"]:invalid {
  border: 2px solid var(--bods-color-reserved-negative);
}

.bods-checkbox>div>input[type="checkbox"]:invalid:checked {
  background-color: var(--bods-color-reserved-negative);
}

.bods-checkbox>div>input[type="checkbox"][readonly] {
  border: 2px solid var(--bods-color-greyscale-grey-50);
}

.bods-checkbox>div>input[type="checkbox"]:focus,
.bods-checkbox>div>input[type="checkbox"]:active,
.bods-checkbox>div>input[type="checkbox"]:focus-visible {
  outline: none;
}

.bods-checkbox>div>input[type="checkbox"]:checked {
  background-color: var(--bods-color-primary-regular);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M19.7197 6.53033C20.0126 6.82322 20.0126 7.2981 19.7197 7.59099L9.75 17.5607C9.45711 17.8536 8.98223 17.8536 8.68934 17.5607L3.96967 12.841C3.67678 12.5481 3.67678 12.0732 3.96967 11.7803L4.5 11.25L9.21967 15.9697L19.1893 6L19.7197 6.53033Z' fill='white'/%3E%3C/svg%3E");
  background-position: center center;
  background-repeat: no-repeat;
}

.bods-checkbox>div>input:checked[type="checkbox"][readonly] {
  background-color: var(--bods-color-greyscale-grey-50);
}

.bods-checkbox label {
  --bods-checkbox-label-vertical-spacing: calc(var(--bods-layout-spacing-x-small-top) + calc(calc(24px - 1lh) / 2));
  --bods-padding-top: var(--bods-checkbox-label-vertical-spacing);
  --bods-padding-bottom: var(--bods-checkbox-label-vertical-spacing);
  --bods-padding-right: var(--bods-layout-spacing-xx-small-right);
}

.bods-checkbox label[data-invalid="true"] {
  --bods-color: var(--bods-color-reserved-negative);
}

.bods-checkbox label[data-readonly="true"] {
  --bods-color: var(--bods-color-greyscale-grey-50);
}

@media only screen and (min-width: 601px) {
  .bods-checkbox-group-apply-container hr {
    height: 1px;
    margin: 4px 0px 8px 0px;
    border-top: 1px solid var(--bods-color-greyscale-grey-50);
  }

  .bods-checkbox-group-apply-container div {
    margin: auto;
    width: max-content;
  }
}

@media only screen and (max-width: 600px) {
  .bods-checkbox-group-apply-container {
    display: none;
  }
}

/* --------- End: Checkbox -------------*/

/* --------- Radio Button -------------*/

.bods-radiobutton {
  display: inline-flex;
  align-items: start;
  align-content: flex-start;
  height: fit-content;
  width: fit-content;
}

.bods-radiobutton>div {
  --bods-radiobutton-box-vertical-spacing: calc(calc(calc(max(24px, var(--bods-text-line-height, var(--bods-p-lineHeight))) - 24px) / 2) + var(--bods-layout-spacing-x-small-top) - 4px);
  margin: var(--bods-radiobutton-box-vertical-spacing) var(--bods-layout-spacing-small-right) var(--bods-radiobutton-box-vertical-spacing) 0px;
  border: 1px solid transparent;
  padding: 3px;
  border-radius: 32px;
  width: 32px;
  height: 32px;
}

.bods-radiobutton>div:has(input[type="radio"]:enabled) {
  cursor: pointer;
}

.bods-radiobutton>div:has(input[type="radio"]:enabled:hover) {
  background-color: rgba(0, 15, 245, 0.2);
}

.bods-radiobutton>div:has(input[type="radio"]:invalid:hover) {
  background-color: rgba(255, 0, 0, 0.2);
}

.bods-radiobutton>div:has(input[type="radio"]:enabled:focus),
.bods-radiobutton>div:has(input[type="radio"]:enabled:active),
.bods-radiobutton>div:has(input[type="radio"]:enabled:focus-visible) {
  border: 1px solid var(--bods-color-primary-light);
  outline: none;
}

.bods-radiobutton>div>input[type="radio"] {
  border: 2px solid var(--bods-color-primary-regular);
  border-radius: 24px;
  width: 24px !important;
  height: 24px !important;
  background-color: var(--bods-color-greyscale-white);
  text-align: center;
  display: inline-block;
  vertical-align: middle;
  appearance: none;
}

.bods-radiobutton>div>input[type="radio"]:invalid {
  border: 2px solid var(--bods-color-reserved-negative);
}

.bods-radiobutton>div>input[type="radio"][readonly] {
  border: 2px solid var(--bods-color-greyscale-grey-50);
}

.bods-radiobutton>div>input[type="radio"]:checked {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Ccircle cx='6' cy='6' r='6' fill='%230037FF'/%3E%3C/svg%3E");
  background-position: center center;
  background-repeat: no-repeat;
}

.bods-radiobutton>div>input:checked[type="radio"][readonly] {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Ccircle cx='6' cy='6' r='6' fill='%23909090'/%3E%3C/svg%3E");
}

.bods-radiobutton>div>input[type="radio"]:invalid:checked {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Ccircle cx='6' cy='6' r='6' fill='%23DD1717'/%3E%3C/svg%3E");
}

.bods-radiobutton label {
  --bods-radiobutton-label-vertical-spacing: calc(var(--bods-layout-spacing-x-small-top) + calc(calc(24px - 1lh) / 2));
  --bods-padding-top: var(--bods-radiobutton-label-vertical-spacing);
  --bods-padding-bottom: var(--bods-radiobutton-label-vertical-spacing);
  --bods-padding-right: var(--bods-layout-spacing-xx-small-right);
}

.bods-radiobutton label[data-invalid="true"] {
  --bods-color: var(--bods-color-reserved-negative);
}

.bods-radiobutton label[data-readonly="true"] {
  --bods-color: var(--bods-color-greyscale-grey-50);
}

/* --------- End: Radiobutton -------------*/

/*---------- Input Tree ----------------*/
.bods-input-tree ul {
  list-style: none;
  padding: 0px;
  margin: 0px;
}

.bods-input-tree div.bods-checkbox>div,
.bods-input-tree div.bods-radiobutton>div {
  padding: 2px 3px 4px 3px !important;
}

.bods-input-tree ul.bods-input-tree-child-tree {
  padding-left: var(--bods-layout-spacing-medium-left);
}

/*---------- END: Input Tree ----------------*/
/*---------- Modal Start----------------*/
/* Override SLDS modal container layout */
@media only screen and (min-width: 648px) {
  c-b-osmobile-sim-activate-digital-english {
    padding-top: 30px;
  }

  c-bos-omni-script-modal .slds-modal__container {
    margin: 0 auto !important;

    position: fixed !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;

    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;

    padding: 0 !important;
    height: auto !important;
    overflow-y: hidden !important;
  }

  /* Override SLDS modal content */
  c-bos-omni-script-modal .slds-modal__content {
    width: auto !important;
    min-width: 20rem !important;
    max-width: 100% !important;
    height: auto !important;
    display: flex !important;
    flex-direction: column !important;
    padding: 0 !important;
    border-radius: 4px !important;
    background: #FFF !important;
    box-shadow: 0px 24px 38px 0px rgba(0, 0, 0, 0.05),
      0px 9px 46px 0px rgba(0, 0, 0, 0.12),
      0px 11px 15px 0px rgba(0, 0, 0, 0.20) !important;
    max-height: 93vh !important;
  }

  /* Custom close button */
  c-bos-omni-script-modal .modal-close {
    position: absolute;
    top: 1rem;
    right: 1rem;
    z-index: 10;
    margin-bottom: -30px !important;
  }

  c-bos-omni-script-modal .slds-var-p-around_medium {
    padding: 0 !important;
  }

  /*BOSSALES-3913 - Changed by Dipa and Siddharth - Start*/
  c-b-osmobile-sim-activate-digital-english .omniscript-step__body {
    min-height: 150px;
    padding-left: 24px !important;
    padding-right: 24px !important;
    padding-bottom: 32px !important;
    padding-top: 0px !important;
  }

  .bods c-bos-data-table-cell c-bos-omni-script-modal .modal-close {
    top: 0px;
  }

  .bods c-bos-data-table-cell .bods-button.bods-button-icon.bods-button-icon-closeMid.bods-button-icon-position-left.bods-button-icon-only.bods-button-variant-tertiary.bods-icon-position-right-container {
    height: 60px
  }

  c-b-osmobile-sim-activate-digital-english .slds-p-right_small,
  .slds-p-right--small {
    padding-right: 0px !important;
  }

  c-b-osmobile-sim-activate-digital-english .slds-p-left_medium,
  .slds-p-left--medium {
    padding-left: 0px !important;
  }

  /*BOSSALES-3913 - Changed by Dipa and Siddharth - End*/

  c-b-osaccount-tour-mobile-journey-english .slds-p-vertical_small,
  .slds-p-vertical--small {
    padding: 48px !important;
  }

  c-b-osaccount-tour-mobile-journey-english .slds-p-right_medium,
  .slds-p-right--medium {
    padding-right: 0 !important;
  }

  c-b-osaccount-tour-mobile-journey-english .slds-m-top_medium,
  .slds-m-top--medium {
    margin-top: 0 !important;
  }

  c-b-osaccount-tour-mobile-journey-english .slds-card__body,
  c-b-osmobile-sim-activate-digital-english .slds-card__body {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
  }

  c-b-osaccount-tour-mobile-journey-english vlocity_cmt-omniscript-custom-lwc div:last-child {
    height: 100% !important;
  }

  c-b-osaccount-tour-mobile-journey-english vlocity_cmt-omniscript-custom-lwc .bos-rp-horizontal_small {
    padding-left: 0px;
    padding-right: 0px;
  }

  c-b-osaccount-tour-mobile-journey-english h3.bods-typography-display-7-medium.bods-icon.bods-icon-addContactIcon.bods-icon-position-left.icon-large {
    padding-left: calc(var(--bods-icon-width) + 24px);
  }

  c-b-osaccount-tour-mobile-journey-english h3.bods-typography-display-7-medium.bods-icon.bods-icon-balanceIcon.bods-icon-position-left.icon-large {
    padding-left: calc(var(--bods-icon-width) + 24px);
  }

  c-b-osaccount-tour-mobile-journey-english h3.bods-typography-display-7-medium.bods-icon.bods-icon-moneyBagIcon.bods-icon-position-left.icon-large {
    padding-left: calc(var(--bods-icon-width) + 24px);
  }

  c-b-osaccount-tour-mobile-journey-english h3.bods-typography-display-7-medium.bods-icon.bods-icon-new_person_account.bods-icon-position-left.icon-large {
    padding-left: calc(var(--bods-icon-width) + 24px);
  }
}

c-b-osaccount-tour-mobile-journey-english vlocity_cmt-omniscript-custom-lwc .bods-icon {
  --bods-h3-padding-top: 0px !important;
  --bods-background-position-y: top !important
}

c-b-osaccount-tour-mobile-journey-english h3 .sub-text {
  padding-top: 8px !important;
}

c-b-osaccount-tour-mobile-journey-english vlocity_cmt-omniscript-custom-lwc .icon-large {
  background-size: 32px 32px !important;
  background-position: unset !important;
  --bods-h3-color: var(--bods-color-brand-primary-grey) !important;
}

c-b-osaccount-tour-mobile-journey-english p.sub-text {
  --bods-text-font-size-override: var(--bods-typography-body-legal-regular-fontSize) !important;
  --bods-text-line-height-override: var(--bods-typography-body-legal-regular-lineHeight) !important;
  --bods-p-color: var(--bods-color-greyscale-grey-70) !important;
}

c-b-osaccount-tour-mobile-journey-english lightning-formatted-rich-text.slds-rich-text-editor__output {
  --bods-p-color: var(--bods-color-brand-primary-grey) !important;
}


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

  c-b-osaccount-tour-mobile-journey-english .card-button-wrapper {
    display: inline-flex !important;
    height: 104px !important;
    padding: 16px !important;
    flex-shrink: 0 !important;
    grid-template-rows: repeat(0, minmax(0, 1fr)) !important;
    grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
    background: #FFF !important;
    box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.25);
    bottom: 0px !important
  }

  c-b-osaccount-tour-mobile-journey-english .bos-rp-horizontal_small {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }

  c-b-osaccount-tour-mobile-journey-english .slds-p-right_small,
  .slds-p-right--small {
    padding-right: 0px !important;
  }

  c-b-osaccount-tour-mobile-journey-english .slds-p-left_medium,
  .slds-p-left--medium {
    padding-left: 0px !important;
    overflow-y: auto !important;
    scrollbar-width: none;
    -ms-overflow-style: none;
    max-height: 75vh !important;
  }

  .bods .account-hero-button .bods-button.bods-button-icon.bods-button-icon-closeMid.bods-button-icon-position-left.bods-button-icon-only.bods-button-variant-tertiary.bods-icon-position-right-container {
    height: 60px
  }

  .bods .account-hero-button .slds-var-p-around_medium {
    padding-top: 0px !important;
    padding-left: var(--lwc-varSpacingMedium, 1rem) !important;
    padding-right: var(--lwc-varSpacingMedium, 1rem) !important;
    padding-bottom: var(--lwc-varSpacingMedium, 1rem) !important;
  }

  c-b-osaccount-tour-mobile-journey-english h3.bods-typography-display-7-medium.bods-icon.bods-icon-addContactIcon.bods-icon-position-left.icon-large {
    padding-left: calc(var(--bods-icon-width) + 8px);
  }

  c-b-osaccount-tour-mobile-journey-english h3.bods-typography-display-7-medium.bods-icon.bods-icon-balanceIcon.bods-icon-position-left.icon-large {
    padding-left: calc(var(--bods-icon-width) + 8px);
  }

  c-b-osaccount-tour-mobile-journey-english h3.bods-typography-display-7-medium.bods-icon.bods-icon-moneyBagIcon.bods-icon-position-left.icon-large {
    padding-left: calc(var(--bods-icon-width) + 9px);
  }

  c-b-osaccount-tour-mobile-journey-english h3.bods-typography-display-7-medium.bods-icon.bods-icon-new_person_account.bods-icon-position-left.icon-large {
    padding-left: calc(var(--bods-icon-width) + 7px);
  }

  c-b-osaccount-tour-mobile-journey-english .slds-p-left_medium::-webkit-scrollbar,
  .slds-p-left--medium::-webkit-scrollbar {
    display: none;
  }

  /*BOSSALES-3913 - Changed by Dipa and Siddharth - Start*/
  .bods c-bos-data-table-cell .slds-var-p-around_medium {
    padding-top: 0px !important;
    padding-left: var(--lwc-varSpacingMedium, 1rem) !important;
    padding-right: var(--lwc-varSpacingMedium, 1rem) !important;
    padding-bottom: 32px !important;
  }

  .bods c-bos-data-table-cell .bods-button.bods-button-icon.bods-button-icon-closeMid.bods-button-icon-position-left.bods-button-icon-only.bods-button-variant-tertiary.bods-icon-position-right-container {
    height: 60px
  }

  c-b-osmobile-sim-activate-digital-english .slds-p-right_small,
  .slds-p-right--small {
    padding-right: 0px !important;
  }

  c-b-osmobile-sim-activate-digital-english .slds-p-left_medium,
  .slds-p-left--medium {
    padding-left: 0px !important;
  }

  /*BOSSALES-3913 - Changed by Dipa and Siddharth - End*/
}

.banner-content .slds-modal__content {
  text-align: left;
}

@media only screen and (min-width: 648px) {

  .banner-content .slds-modal__content .omniscript-step__body {
    min-height: 150px;
    padding-left: 48px !important;
    padding-right: 48px !important;
    padding-bottom: 48px !important;
    padding-top: 0px !important;
  }

  .bods .banner-content c-bos-omni-script-modal .modal-close {
    top: 0px;
  }

  .banner-content .slds-modal__content .bods-button.bods-button-icon.bods-button-icon-closeMid.bods-button-icon-position-left.bods-button-icon-only.bods-button-variant-tertiary.bods-icon-position-right-container {
    height: 48px;
  }

  .banner-content .slds-modal__content .slds-p-right_small,
  .banner-content .slds-modal__content .slds-p-right--small {
    padding-right: 0px !important;
  }

  .banner-content .slds-modal__content .slds-p-left_medium,
  .banner-content .slds-modal__content .slds-p-left--medium {
    padding-left: 0px !important;
  }

  .banner-content .slds-modal__content .slds-p-vertical_small,
  .banner-content .slds-modal__content .slds-p-vertical--small {
    padding: 24px 48px 48px 48px !important;
  }

  .banner-content .slds-modal__content .slds-p-right_medium,
  .banner-content .slds-modal__content .slds-p-right--medium {
    padding-right: 0 !important;
  }

  .banner-content .slds-modal__content .slds-m-top_medium,
  .banner-content .slds-modal__content .slds-m-top--medium {
    margin-top: 0 !important;
  }

  .banner-content .slds-modal__content .slds-card__body {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
  }

  .banner-content .slds-modal__content vlocity_cmt-omniscript-custom-lwc div:last-child {
    height: 100% !important;
  }

  .banner-content vlocity_cmt-omniscript-custom-lwc .bos-rp-horizontal_small {
    padding-left: 0px;
    padding-right: 0px;
  }
}

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

  .bods .banner-content .slds-modal__content.slds-var-p-around_medium {
    padding-top: 0px !important;
    padding-left: var(--lwc-varSpacingMedium, 1rem) !important;
    padding-right: var(--lwc-varSpacingMedium, 1rem) !important;
    padding-bottom: 48px !important;
  }

  .bods .banner-content .slds-modal__content .bods-button.bods-button-icon.bods-button-icon-closeMid.bods-button-icon-position-left.bods-button-icon-only.bods-button-variant-tertiary.bods-icon-position-right-container {
    height: 48px;
  }

  .banner-content .slds-modal__content .slds-p-right_small,
  .banner-content .slds-modal__content .slds-p-right--small {
    padding-right: 0px !important;
  }

  .banner-content .slds-modal__content .slds-p-left_medium,
  .banner-content .slds-modal__content .slds-p-left--medium {
    padding-left: 0px !important;
  }
}

/*---------- Modal End----------------*/
/*---------- Filter Group ----------------*/

@media only screen and (min-width: 648px) {
  .bods-filter-group {
    display: flex;
    justify-content: start;
    gap: var(--bods-layout-spacing-x-small-right);
  }

  .bods-filter-group .bos-filter-group-header-mobile-only {
    display: none;
  }

  .bods-filter-group h3 {
    --bods-padding-top: var(--bods-layout-spacing-small-top);
    --bods-padding-bottom: var(--bods-layout-spacing-small-bottom);
  }

  .bos-filter-group-filters {
    display: flex;
    justify-content: start;
    gap: var(--bods-layout-spacing-x-small-right);
    width: 100%;
  }

  c-bos-filter {
    flex: 1;
  }

  .bods-filters-showhide-container {
    display: none;
  }

  .bods-filter {
    display: grid;
    position: relative;
    columns: auto;
    z-index: 20;
  }

  .bods-filter-underlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
  }

  .bods-filter-underlay.bods-show {
    display: block;
  }

  .bods-filter .bods-filter-header *[data-filter-role="collapse-button"],
  .bods-filter .bods-filter-header *[data-filter-role="reset-button"],
  .bods-filter .bods-filter-header h4 {
    display: none;
  }

  .bods-filter button {
    width: 100%;
  }

  .bods-filter div.bods-filter-values {
    padding-top: var(--bods-layout-spacing-x-small-top);
    padding-right: var(--bods-layout-spacing-medium-right);
    padding-bottom: var(--bods-layout-spacing-x-small-bottom);
    padding-left: var(--bods-layout-spacing-medium-left);
    white-space: preserve nowrap;
  }

  .bods-filter.bods-filter-values-collapsed div.bods-filter-values {
    position: fixed;
    bottom: 100%;
  }

  .bods-filter.bods-filter-values-expanded div.bods-filter-values {
    position: absolute;
    top: 52px;
    left: 0;
    z-index: 99;
    background: var(--bods-color-foundation-grey-neutral-100);
    border: 1px solid var(--bods-color-foundation-grey-neutral-80);
    border-radius: 4px;
    box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.16);
  }

  div.bods-filter-group-pills {
    flex-wrap: wrap;
    margin-top: var(--bods-layout-spacing-small-top);
    display: flex;
    align-items: center;
    gap: var(--bods-layout-spacing-small-right);
  }

  div.bods-filter-group-pills>c-bos-button {
    display: block;
    margin-top: 2px;
  }
}

@media (min-width: 648px) and (max-width: 1043px) {

  .bos-filter-group-header {
    margin-right: 14px;
  }
}

@media only screen and (max-width: 647px) {
  div.bods-filter-group-overlay.bods-filter-group-open {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.4);
    z-index: 50;
  }

  .bods-filter-group {
    display: none;
    gap: var(--bods-layout-spacing-x-small-right);
  }

  .bods-filter-group .bos-filter-group-header,
  .bods-filter.bods-filter-values-expanded.bods-filter-collapsable .bods-filter-header {
    grid-area: header;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 14px;
    padding-bottom: var(--bods-layout-spacing-v-small-bottom);
  }

  .bods-filter-group .bos-filter-group-header.bos-filter-group-has-expanded {
    display: none;
  }

  .bos-filter-group-filters {
    grid-area: filters;
    display: flex;
    flex-direction: column;
    gap: var(--bods-layout-spacing-v-small-bottom);
  }

  .bos-filter-group-filters.bos-filter-group-has-expanded,
  .bos-filter-group-filters.bos-filter-group-has-expanded>c-bos-filter,
  .bos-filter-group-filters.bos-filter-group-has-expanded>c-bos-filter>div.bods-filter.bods-filter-collapsable.bods-filter-values-expanded {
    display: grid;
    grid-row: 1 / span 3;
    grid-template-columns: subgrid;
    grid-template-rows: subgrid;
    pointer-events: none;
  }

  .bos-filter-group-filters.bos-filter-group-has-expanded>c-bos-filter>div.bods-filter.bods-filter-collapsable.bods-filter-values-expanded * {
    pointer-events: auto;
  }

  div.bods-filter-group.bods-filter-group-open {
    display: grid;
    grid-template-columns: 100%;
    grid-template-rows: auto min-content 1fr 54px;
    grid-template-areas:
      "header"
      "pills"
      "filters"
      "footer";
    position: fixed;
    right: 0;
    top: 0;
    width: 75%;
    /* min-width: 400px;
        max-width: 600px; */
    min-height: 100%;
    height: 100%;
    overflow-x: scroll;
    background-color: white;
    border-left: 1px solid grey;
    padding-top: var(--bods-layout-spacing-x-small-top);
    padding-right: var(--bods-layout-spacing-x-small-right);
    padding-bottom: var(--bods-layout-spacing-x-small-bottom);
    padding-left: var(--bods-layout-spacing-x-small-left);
    z-index: 100;
  }

  .bods-filter-underlay {
    display: none;
  }

  .bods-filter.bods-filter-not-collapsable.bods-filter-values-expanded {
    display: flex;
    flex-direction: column;
    gap: var(--bods-layout-spacing-v-small-bottom);
  }

  .bods-filter.bods-filter-not-collapsable.bods-filter-values-expanded.bods-filter-hidden-in-mobile {
    display: none;
  }

  .bods-filter.bods-filter-expanded .bods-filter-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: var(--bods-layout-spacing-small-top);
    padding-bottom: var(--bods-layout-spacing-small-bottom);
  }

  .bods-filter .bods-filter-header *[data-filter-role="toggle-button"],
  .bods-filter .bods-filter-header h4 {
    --bods-text-font-family-override: var(--bods-typography-display-7-medium-fontFamily);
    --bods-text-font-size-override: var(--bods-typography-display-7-medium-fontSize);
    --bods-text-font-weight-override: var(--bods-typography-display-7-medium-fontWeight);
    --bods-text-line-height-override: var(--bods-typography-display-7-medium-lineHeight);
    --bods-padding-top: var(--bods-layout-spacing-v-small-top);
    --bods-padding-bottom: var(--bods-layout-spacing-v-small-bottom);
  }

  .bods-filter.bods-filter-hidden-in-mobile {
    display: none;
  }

  .bods-filter.bods-filter-not-collapsable .bods-filter-header *[data-filter-role="collapse-button"],
  .bods-filter.bods-filter-not-collapsable .bods-filter-header *[data-filter-role="toggle-button"],
  .bods-filter.bods-filter-not-collapsable .bods-filter-header *[data-filter-role="reset-button"] {
    display: none;
  }

  .bods-filter.bods-filter-values-expanded.bods-filter-collapsable .bods-filter-header *[data-filter-role="toggle-button"] {
    display: none;
  }

  .bods-filter.bods-filter-values-expanded.bods-filter-collapsable .bods-filter-header h4 {
    --bods-text-font-family-override: var(--bods-typography-display-6-medium-fontFamily);
    --bods-text-font-size-override: var(--bods-typography-display-6-medium-fontSize);
    --bods-text-font-weight-override: var(--bods-typography-display-6-medium-fontWeight);
    --bods-text-line-height-override: var(--bods-typography-display-6-medium-lineHeight);
  }

  .bods-filter.bods-filter-values-collapsed.bods-filter-collapsable .bods-filter-header *[data-filter-role="collapse-button"],
  .bods-filter.bods-filter-values-collapsed.bods-filter-collapsable .bods-filter-header *[data-filter-role="reset-button"],
  .bods-filter.bods-filter-values-collapsed.bods-filter-collapsable .bods-filter-header h4 {
    display: none;
  }

  .bods-filter.bods-filter-values-collapsed .bods-filter-values {
    display: none;
  }

  /* toggle filter button */
  div.bods-filter lightning-button.bods-cta-filter-button>button,
  div.bods-filter button.bods-cta-filter-button {
    --bods-background-color-override: transparent;
    --bods-border-top-override: 0px none;
    --bods-border-right-override: 0px none;
    --bods-border-bottom-override: 0px none;
    --bods-border-left-override: 0px none;
    --bods-border-radius-override: 0px;
    --bods-padding-top: var(--bods-layout-spacing-v-small-top);
    --bods-padding-right: 0px;
    --bods-padding-bottom: var(--bods-layout-spacing-v-small-bottom);
    --bods-padding-left: 0px;
  }

  .bods-filter-group .bos-filter-group-footer {
    position: sticky;
    grid-area: footer;
    height: 100%;
    padding: 10px 5px 10px 10px;
    bottom: 0;
    background-color: var(--bods-color-brand-white);
  }

  div.bods-filter-group-pills {
    grid-area: pills;
    flex-wrap: wrap;
    display: flex;
    gap: var(--bods-layout-spacing-medium-right);
  }

  c-bos-filter-group-pills.bos-filter-group-has-expanded {
    display: none;
  }

  div.bods-filter-group-pills-placeholder {
    grid-area: pills;
  }

  .bods-filter.bods-filter-not-collapsable.bods-filter-values-expanded .bods-filter-group-pills-placeholder {
    display: none;
  }

  div.bods-filter-group-pills>.bods-applied-filters-label,
  div.bods-filter-group-pills>c-bos-button {
    display: none;
  }
}

/*---------- END: Filter Group ----------------*/

/* -------- STYLE APPLICATION ---------*/
.bods p,
.bods label,
.bods span {
  padding-top: var(--bods-padding-top, var(--bods-p-padding-top));
  padding-right: calc(var(--bods-padding-right, var(--bods-p-padding-right, 0px)) + var(--bods-icon-width-right, 0px) + var(--bods-icon-padding-right, 0px));
  padding-bottom: var(--bods-padding-bottom, var(--bods-p-padding-bottom));
  padding-left: calc(var(--bods-padding-left, var(--bods-p-padding-left, 0px)) + var(--bods-icon-width-left, 0px) + var(--bods-icon-padding-left, 0px));
  font-family: var(--bods-text-font-family-override, var(--bods-text-font-family, var(--bods-p-fontFamily)));
  font-size: var(--bods-text-font-size-override, var(--bods-text-font-size, var(--bods-p-fontSize)));
  font-weight: var(--bods-text-font-weight-override, var(--bods-text-font-weight, var(--bods-p-fontWeight)));
  line-height: var(--bods-text-line-height-override, var(--bods-text-line-height, var(--bods-p-lineHeight)));
  color: var(--bods-color, var(--bods-p-color));
  text-align: var(--bods-text-align, left);
  background: var(--bods-background);
  background-image: var(--bods-background-image);
  background-repeat: var(--bods-background-repeat);
  background-position: var(--bods-background-position-x, 0) var(--bods-background-position-y, 0);
  background-size: var(--bods-background-size);
  background-clip: var(--bods-background-clip);
  width: var(--bods-width-override, var(--bods-width));
  height: var(--bods-height);
  /* text-overflow: var(--bods-text-overflow); */
  /* white-space: var(--bods-white-space); */
  --bods-bold-weight: calc(var(--bods-text-font-weight, var(--bods-p-fontWeight)) + 100);
}

.bods span[part=formatted-rich-text] {
  display: var(--bods-richtext-display, unset);
}

.bods a,
.bods a span {
  text-decoration: var(--bods-link-text-decoration, none);
  color: var(--bods-link-text-color-override);
  font-size: var(--bods-link-font-size-override);
}

.bods a:hover,
.bods a:hover span,
.bods a:focus,
.bods a:focus span,
.bods a:active,
.bods a:active span {
  text-decoration: var(--bods-link-active-text-decoration, underline);
  text-decoration-color: var(--bods-link-active-text-decoration-color, var(--bods-color));
}

/****Phone Number Hyperlink for BOS Notification Open***/
c-bos-notification a {
  font-family: var(--bods-typography-body-legal-medium-fontFamily);
  font-size: var(--bods-typography-body-legal-medium-fontSize);
  font-weight: var(--bods-typography-body-legal-medium-fontWeight);
  line-height: var(--bods-typography-body-legal-medium-lineHeight);
  color: var(--bods-color-brand-primary-blue);
}

/****Phone Number Hyperlink for BOS Notification Close****/
.bods h1,
.bods h1 span {
  padding: var(--bods-h1-padding);
  font-family: var(--bods-text-font-family-override, var(--bods-text-font-family, var(--bods-h1-fontFamily)));
  font-size: var(--bods-text-font-size-override, var(--bods-text-font-size, var(--bods-h1-fontSize)));
  font-weight: var(--bods-text-font-weight-override, var(--bods-text-font-weight, var(--bods-h1-fontWeight)));
  line-height: var(--bods-text-line-height-override, var(--bods-text-line-height, var(--bods-h1-lineHeight)));
  color: var(--bods-color, var(--bods-h1-color));
  text-align: var(--bods-text-align, left);
  background: var(--bods-background);
  background-image: var(--bods-background-image);
  background-repeat: var(--bods-background-repeat);
  background-position: var(--bods-background-position-x, 0) var(--bods-background-position-y, 0);
  background-size: var(--bods-background-size);
  background-clip: var(--bods-background-clip);
  width: var(--bods-width-override, var(--bods-width));
  height: var(--bods-height);
  white-space: var(--bods-white-space);
  text-overflow: var(--bods-text-overflow);
  --bods-bold-weight: calc(var(--bods-text-font-weight, var(--bods-h1-fontWeight)) + 100);
  --lwc-fontSizeHeadingLarge: var(--bods-text-font-size, var(--bods-h1-fontSize));
}

.bods h2,
.bods h2 span {
  padding: var(--bods-h2-padding);
  font-family: var(--bods-text-font-family-override, var(--bods-text-font-family, var(--bods-h2-fontFamily)));
  font-size: var(--bods-text-font-size-override, var(--bods-text-font-size, var(--bods-h2-fontSize)));
  font-weight: var(--bods-text-font-weight-override, var(--bods-text-font-weight, var(--bods-h2-fontWeight)));
  line-height: var(--bods-text-line-height-override, var(--bods-text-line-height, var(--bods-h2-lineHeight)));
  color: var(--bods-color, var(--bods-h2-color));
  text-align: var(--bods-text-align, left);
  background: var(--bods-background);
  background-image: var(--bods-background-image);
  background-repeat: var(--bods-background-repeat);
  background-position: var(--bods-background-position-x, 0) var(--bods-background-position-y, 0);
  background-size: var(--bods-background-size);
  background-clip: var(--bods-background-clip);
  width: var(--bods-width-override, var(--bods-width));
  height: var(--bods-height);
  text-overflow: var(--bods-text-overflow);
  --bods-bold-weight: calc(var(--bods-text-font-weight, var(--bods-h2-fontWeight)) + 100);
}

/* Default styles for gradient heading */
/* BOS-10777 & Brochureware -Added styling to support H2 tag as css properties - Start*/
.bods-text-h2-typography.slds-rich-text-editor__output,
.bods-text-h2-typography.slds-rich-text-editor__output>span {
  /* Gradient text setup */
  background: var(--bods-color-text-primary-gradient);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;

  --bods-text-font-family-override: var(--bods-typography-display-5-regular-fontFamily);
  --bods-text-font-size-override: var(--bods-typography-display-5-regular-fontSize);
  --bods-text-font-weight-override: var(--bods-typography-display-5-regular-fontWeight);
  --bods-text-line-height-override: var(--bods-typography-display-5-regular-lineHeight);

  font-family: var(--bods-text-font-family-override);
  font-size: var(--bods-text-font-size-override);
  font-weight: var(--bods-text-font-weight-override);
  line-height: var(--bods-text-line-height-override);

  /* Layout and spacing */
  text-align: center;
  padding: 0;

  display: block;
}

.cBosDigitalRecordPageTemplate2 .bods-text-h2-typography.slds-rich-text-editor__output,
.cBosDigitalRecordPageTemplate2 .bods-text-h2-typography.slds-rich-text-editor__output>span {
  margin-top: 32px;
  margin-bottom: 16px;
}

/* Responsive adjustments */
@media (min-width: 648px) {

  .bods-text-h2-typography.slds-rich-text-editor__output,
  .bods-text-h2-typography.slds-rich-text-editor__output>span {
    --bods-text-font-family-override: var(--bods-typography-display-2-regular-fontFamily);
    --bods-text-font-size-override: var(--bods-typography-display-2-regular-fontSize);
    --bods-text-font-weight-override: var(--bods-typography-display-2-regular-fontWeight);
    --bods-text-line-height-override: var(--bods-typography-display-2-regular-lineHeight);

    font-family: var(--bods-text-font-family-override);
    font-size: var(--bods-text-font-size-override);
    font-weight: var(--bods-text-font-weight-override);
    line-height: var(--bods-text-line-height-override);

  }

  .cBosDigitalRecordPageTemplate2 .bods-text-h2-typography.slds-rich-text-editor__output,
  .cBosDigitalRecordPageTemplate2 .bods-text-h2-typography.slds-rich-text-editor__output>span {
    margin-top: 24px;
    margin-bottom: 24px;
  }
}

/* BOS-10777 & Brochureware Added styling to support H2 tag as css properties - End*/

.bods h3,
.bods h3 span {
  padding-top: var(--bods-padding-top, var(--bods-h3-padding-top));
  padding-right: calc(var(--bods-padding-right, var(--bods-h3-padding-right)) + var(--bods-icon-width-right, 0px) + var(--bods-icon-padding-right, 0px));
  padding-bottom: var(--bods-padding-bottom, var(--bods-h3-padding-bottom));
  padding-left: calc(var(--bods-padding-left, var(--bods-h3-padding-left)) + var(--bods-icon-width-left, 0px) + var(--bods-icon-padding-left, 0px));
  font-family: var(--bods-text-font-family-override, var(--bods-text-font-family, var(--bods-h3-fontFamily)));
  font-size: var(--bods-text-font-size-override, var(--bods-text-font-size, var(--bods-h3-fontSize)));
  font-weight: var(--bods-text-font-weight-override, var(--bods-text-font-weight, var(--bods-h3-fontWeight)));
  line-height: var(--bods-text-line-height-override, var(--bods-text-line-height, var(--bods-h3-lineHeight)));
  color: var(--bods-color, var(--bods-h3-color));
  text-align: var(--bods-text-align, left);
  background: var(--bods-background);
  background-image: var(--bods-background-image);
  background-repeat: var(--bods-background-repeat);
  background-position: var(--bods-background-position-x, 0) var(--bods-background-position-y, 0);
  background-size: var(--bods-background-size);
  background-clip: var(--bods-background-clip);
  width: var(--bods-width-override, var(--bods-width));
  height: var(--bods-height);
  white-space: var(--bods-white-space);
  text-overflow: var(--bods-text-overflow);
  --bods-bold-weight: calc(var(--bods-text-font-weight, var(--bods-h3-fontWeight)) + 100);
}

.bods h4,
.bods h4 span {
  padding-top: var(--bods-padding-top, var(--bods-h4-padding-top));
  padding-right: calc(var(--bods-padding-right, var(--bods-h4-padding-right, 0px)) + var(--bods-icon-width-right, 0px) + var(--bods-icon-padding-right, 0px));
  padding-bottom: var(--bods-padding-bottom, var(--bods-h4-padding-bottom));
  padding-left: calc(var(--bods-padding-left, var(--bods-h4-padding-left, 0px)) + var(--bods-icon-width-left, 0px) + var(--bods-icon-padding-left, 0px));
  font-family: var(--bods-text-font-family-override, var(--bods-text-font-family, var(--bods-h4-fontFamily)));
  font-size: var(--bods-text-font-size-override, var(--bods-text-font-size, var(--bods-h4-fontSize)));
  font-weight: var(--bods-text-font-weight-override, var(--bods-text-font-weight, var(--bods-h4-fontWeight)));
  line-height: var(--bods-text-line-height-override, var(--bods-text-line-height, var(--bods-h4-lineHeight)));
  color: var(--bods-color, var(--bods-h4-color));
  text-align: var(--bods-text-align, left);
  background: var(--bods-background);
  background-image: var(--bods-background-image);
  background-repeat: var(--bods-background-repeat);
  background-position: var(--bods-background-position-x, 0) var(--bods-background-position-y, 0);
  background-size: var(--bods-background-size);
  background-clip: var(--bods-background-clip);
  width: var(--bods-width-override, var(--bods-width));
  height: var(--bods-height);
  white-space: var(--bods-white-space);
  text-overflow: var(--bods-text-overflow);
  --bods-bold-weight: calc(var(--bods-text-font-weight, var(--bods-h4-fontWeight)) + 100);
}

.bods h5,
.bods h5 span {
  padding: var(--bods-h5-padding);
  font-family: var(--bods-text-font-family-override, var(--bods-text-font-family, var(--bods-h5-fontFamily)));
  font-size: var(--bods-text-font-size-override, var(--bods-text-font-size, var(--bods-h5-fontSize)));
  font-weight: var(--bods-text-font-weight-override, var(--bods-text-font-weight, var(--bods-h5-fontWeight)));
  line-height: var(--bods-text-line-height-override, var(--bods-text-line-height, var(--bods-h5-lineHeight)));
  color: var(--bods-color, var(--bods-h5-color));
  text-align: var(--bods-text-align, left);
  background: var(--bods-background);
  background-image: var(--bods-background-image);
  background-repeat: var(--bods-background-repeat);
  background-position: var(--bods-background-position-x, 0) var(--bods-background-position-y, 0);
  background-size: var(--bods-background-size);
  background-clip: var(--bods-background-clip);
  width: var(--bods-width-override, var(--bods-width));
  height: var(--bods-height);
  white-space: var(--bods-white-space);
  text-overflow: var(--bods-text-overflow);
  --bods-bold-weight: calc(var(--bods-text-font-weight, var(--bods-h5-fontWeight)) + 100);
}

.bods h6,
.bods h6 span {
  padding: var(--bods-h6-padding);
  font-family: var(--bods-text-font-family-override, var(--bods-text-font-family, var(--bods-h6-fontFamily)));
  font-size: var(--bods-text-font-size-override, var(--bods-text-font-size, var(--bods-h6-fontSize)));
  font-weight: var(--bods-h6-fontWeight);
  line-height: var(--bods-text-line-height-override, var(--bods-text-line-height, var(--bods-h6-lineHeight)));
  color: var(--bods-color, var(--bods-h6-color));
  text-align: var(--bods-text-align, left);
  background: var(--bods-background);
  background-image: var(--bods-background-image);
  background-repeat: var(--bods-background-repeat);
  background-position: var(--bods-background-position-x, 0) var(--bods-background-position-y, 0);
  background-size: var(--bods-background-size);
  background-clip: var(--bods-background-clip);
  width: var(--bods-width-override, var(--bods-width));
  height: var(--bods-height);
  white-space: var(--bods-white-space);
  text-overflow: var(--bods-text-overflow);
  --bods-bold-weight: calc(var(--bods-text-font-weight, var(--bods-h6-fontWeight)) + 100);
}

.bods li,
.bods li span {
  padding-top: var(--bods-padding-top);
  padding-right: var(--bods-padding-right);
  padding-bottom: var(--bods-padding-bottom);
  padding-left: var(--bods-padding-left);
  font-family: var(--bods-text-font-family-override, var(--bods-text-font-family, var(--bods-p-fontFamily)));
  font-size: var(--bods-text-font-size-override, var(--bods-text-font-size, var(--bods-p-fontSize)));
  font-weight: var(--bods-text-font-weight-override, var(--bods-text-font-weight, var(--bods-p-fontWeight)));
  line-height: var(--bods-text-line-height-override, var(--bods-text-line-height, var(--bods-p-lineHeight)));
  color: var(--bods-color, var(--bods-p-color));
  text-align: var(--bods-text-align, left);
  background: var(--bods-background);
  background-image: var(--bods-background-image);
  background-repeat: var(--bods-background-repeat);
  background-position: var(--bods-background-position-x, 0) var(--bods-background-position-y, 0);
  background-size: var(--bods-background-size);
  background-clip: var(--bods-background-clip);
  width: var(--bods-width-override, var(--bods-width));
  height: var(--bods-height);
  white-space: var(--bods-white-space);
  text-overflow: var(--bods-text-overflow);
  --bods-bold-weight: calc(var(--bods-text-font-weight, var(--bods-p-fontWeight)) + 100);
}

/* .bods label {
    font-family: var(--bods-text-font-family-override, var(--bods-text-font-family, var(--bods-p-fontFamily)));
    font-size: var(--bods-text-font-size-override, var(--bods-text-font-size, var(--bods-p-fontSize)));
    font-weight: var(--bods-text-font-weight-override, var(--bods-text-font-weight, var(--bods-p-fontWeight)));
    line-height: var(--bods-text-line-height-override, var(--bods-text-line-height, var(--bods-p-lineHeight)));
    color: var(--bods-color, var(--bods-p-color));
    text-align: var(--bods-text-align, left);
    background: var(--bods-background);
    background-image: var(--bods-background-image);
    background-repeat: var(--bods-background-repeat);
    background-position: var(--bods-background-position-x, 0) var(--bods-background-position-y, 0);
    background-size: var(--bods-background-size);
    background-clip: var(--bods-background-clip);
    padding-top: var(--bods-padding-top, var(--bods-p-padding-top));
    padding-right: calc(var(--bods-padding-right, var(--bods-p-padding-right, 0px)) + var(--bods-icon-width-right, 0px) + var(--bods-icon-padding-right, 0px));
    padding-bottom: var(--bods-padding-bottom, var(--bods-p-padding-bottom));
    padding-left: calc(var(--bods-padding-left, var(--bods-p-padding-left, 0px)) + var(--bods-icon-width-left, 0px) + var(--bods-icon-padding-left, 0px));
    width: var(--bods-width-override, var(--bods-width));
    height: var(--bods-height);
    --bods-bold-weight: calc(var(--bods-text-font-weight, var(--bods-p-fontWeight)) + 100);
} */

/* BOSSALES-4337 start*/
.bods strong,
.bods b {
  font-family: var(--bods-text-font-family-bold-override, var(--bods-text-font-family-override, var(--bods-text-font-family-bold, var(--bods-typography-font-medium))));
  font-size: var(--bods-text-font-size-override, var(--bods-text-font-size, var(--bods-p-fontSize)));
  font-weight: var(--bods-bold-weight, bold);
  line-height: var(--bods-text-line-height-override, var(--bods-text-line-height, var(--bods-p-lineHeight)));
  color: var(--bods-color, var(--bods-p-color));
  text-align: var(--bods-text-align, left);
}

/* BOSSALES-4337 end*/

.bods strong.bods-gradient {
  background: var(--bods-background);
  background-image: var(--bods-background-image);
  background-repeat: var(--bods-background-repeat);
  background-position: var(--bods-background-position-x, 0) var(--bods-background-position-y, 0);
  background-size: var(--bods-background-size);
  background-clip: var(--bods-background-clip);
}

/* .bods button, .bods button:hover, .bods button:active, .bods button:focus  {
    width: var(--bods-width-override, var(--bods-width));
    height: var(--bods-height-override, var(--bods-height));

    padding-top: var(--bods-padding-top-override, var(--bods-padding-top));
    padding-right: var(--bods-padding-right-override, calc(var(--bods-padding-right, 0px) + var(--bods-icon-width-right, 0px) + var(--bods-icon-padding-right, 0px)));
    padding-bottom: var(--bods-padding-bottom-override, var(--bods-padding-bottom));
    padding-left: var(--bods-padding-left-override, calc(var(--bods-padding-left, 0px) + var(--bods-icon-width-left, 0px) + var(--bods-icon-padding-left, 0px)));

    border-top: var(--bods-border-top-override, var(--bods-border-top));
    border-right: var(--bods-border-top-override, var(--bods-border-right));
    border-bottom: var(--bods-border-bottom-override, var(--bods-border-bottom));
    border-left: var(--bods-border-left-override, var(--bods-border-left));
    border-radius: var(--bods-border-radius);

    box-shadow: var(--bods-box-shadow);

    font-family: var(--bods-text-font-family-override, var(--bods-text-font-family, var(--bods-p-fontFamily)));
    font-size: var(--bods-text-font-size-override, var(--bods-text-font-size, var(--bods-p-fontSize)));
    font-weight: var(--bods-text-font-weight-override, var(--bods-text-font-weight, var(--bods-p-fontWeight)));
    line-height: var(--bods-text-line-height-override, var(--bods-text-line-height, var(--bods-p-lineHeight)));
    text-decoration: var(--bods-text-decoration);
    text-align: var(--bods-text-align, left) !important;
    justify-content: var(--bods-text-align, left) !important;
    color: var(--bods-color, var(--bods-p-color));

    white-space: var(--bods-white-space);
    text-overflow: var(--bods-text-overflow);

    background: var(--bods-background-image, var(--bods-transparent-pixel)) var(--bods-background-position-x, center) var(--bods-background-position-y, center) var(--bods-background-repeat, no-repeat), var(--bods-background-gradient, var(--bods-transparent-pixel)), var(--bods-background-color, transparent);

} */

.bods .bods-banner-container {
  padding-top: var(--bods-layout-spacing-collapse-default-top);
  margin-right: var(--bods-spacing-right, var(--bods-layout-spacing-default-right));
  padding-bottom: var(--bods-layout-spacing-collapse-default-bottom);
  margin-left: var(--bods-spacing-left, var(--bods-layout-spacing-default-left));
  border-top: var(--bods-border-top-override, var(--bods-border-top));
  border-right: var(--bods-border-right-override, var(--bods-border-right));
  border-bottom: var(--bods-border-bottom-override, var(--bods-border-bottom));
  border-left: var(--bods-border-left-override, var(--bods-border-left));
}

@media screen and (max-width: 600px) {
  .bods .bods-banner-container {
    margin-top: var(--bods-spacing-top, var(--bods-layout-spacing-collapse-default-top));
    margin-right: var(--bods-spacing-right, var(--bods-layout-spacing-default-right));
    margin-bottom: var(--bods-spacing-bottom, var(--bods-layout-spacing-collapse-default-bottom));
    margin-left: var(--bods-spacing-left, var(--bods-layout-spacing-default-left));
    border-top: var(--bods-border-top-override, var(--bods-border-top));
    border-right: var(--bods-border-right-override, var(--bods-border-right));
    border-bottom: var(--bods-border-bottom-override, var(--bods-border-bottom));
    border-left: var(--bods-border-left-override, var(--bods-border-left));
  }
}

.bods .bods-container {
  width: var(--bods-width-override, var(--bods-width));
  padding-top: var(--bods-padding-div-top);
  padding-right: var(--bods-padding-div-top);
  padding-bottom: var(--bods-padding-div-top);
  padding-left: var(--bods-padding-div-top);
  margin-top: var(--bods-spacing-top, var(--bods-layout-spacing-default-top));
  margin-right: var(--bods-spacing-right, var(--bods-layout-spacing-default-right));
  margin-bottom: var(--bods-spacing-bottom, var(--bods-layout-spacing-default-bottom));
  margin-left: var(--bods-spacing-left, var(--bods-layout-spacing-default-left));
  border-top: var(--bods-border-top-override, var(--bods-border-top));
  border-right: var(--bods-border-right-override, var(--bods-border-right));
  border-bottom: var(--bods-border-bottom-override, var(--bods-border-bottom));
  border-left: var(--bods-border-left-override, var(--bods-border-left));
}

.bods .bods-background {
  background-color: var(--bods-background-color);
  background-image: var(--bods-background-image, var(--bods-background-gradient));
  background-repeat: var(--bods-background-repeat);
  background-position: var(--bods-background-position-x, 0) var(--bods-background-position-y, 0);
  background-size: var(--bods-background-size);
}

.bods .bods-card-container {
  display: var(--bods-container-display, flex);
  flex-direction: var(--bods-container-flex-direction, column);
  align-items: var(--bods-container-align-items, flex-start);
  padding: var(--bods-container-padding, 16px);
  border-radius: var(--bods-container-border-radius, 4px);
  box-shadow: var(--bods-container-shadow, 0px 2px 8px rgba(0, 0, 0, 0.25));
  background-color: var(--bods-container-backgroundColor, #fff);
  gap: var(--bods-container-gap, 16px);
  height: var(--bods-container-height, 100%);
}

@media only screen and (max-width: 601px) {
  :root {
    --bods-container-width: 100%;
    --bods-container-align-self: stretch;
  }
}

.bods-hide {
  display: none !important;
}

/* .bods menu {
    display: var(--bods-menu-display);
    list-style: var(--bods-menu-list-style);
    margin-top: var(--bods-spacing-top, var(--bods-layout-spacing-default-top));
    margin-right: var(--bods-spacing-right, var(--bods-layout-spacing-default-right));
    margin-bottom: var(--bods-spacing-bottom, var(--bods-layout-spacing-default-bottom));
    margin-left: var(--bods-spacing-left, var(--bods-layout-spacing-default-left));
    padding-top: var(--bods-padding-top);
    padding-right: var(--bods-padding-right);
    padding-bottom: var(--bods-padding-bottom);
    padding-left: var(--bods-padding-left);
} */

/* .bods menu>li {
    flex-grow: var(--bods-menu-item-flex-grow);
    margin-top: var(--bods-spacing-top, var(--bods-layout-spacing-default-top));
    margin-right: var(--bods-spacing-right, var(--bods-layout-spacing-default-right));
    margin-bottom: var(--bods-spacing-bottom, var(--bods-layout-spacing-default-bottom));
    margin-left: var(--bods-spacing-left, var(--bods-layout-spacing-default-left));
    padding-top: var(--bods-padding-top);
    padding-right: var(--bods-padding-right);
    padding-bottom: var(--bods-padding-bottom);
    padding-left: var(--bods-padding-left);
} */

/* --------- BOS Grid -------------*/

/* ----------------------------------------------------------------------------
 BOS Grid System - Usage Guide
 ----------------------------------------------------------------------------

 Overview:
   The BOS Grid System is a responsive, CSS Grid–based layout tool designed
   to help you structure your pages consistently across multiple breakpoints.
   It allows you to control the width and positioning of your content using
   helper classes without writing custom CSS for each layout change.

 How to Use:
 
 1. Define Your Grid Container:
    - Wrap your content in a container with the class "bos-grid". This sets
      up the grid with the appropriate number of columns based on the current
      breakpoint.
    
    Example:
       <div class="bos-grid">
         <!-- Grid items go here -->
       </div>

 2. Define Grid Items:
    - Each grid item should use the "bos-grid-item" class.
    - For each grid item, apply helper classes to set the column span and, if 
      needed, an offset (starting column).
    
    Mobile (Default - 4-column grid):
       - Use ".col-1" to ".col-4" to set the column span.
       - Optionally, use ".start-1" to ".start-4" for the starting column (default is 1).

    Tablet Small (Min-width: 648px, 8-column grid):
       - Use ".col-tablet-small-1" to ".col-tablet-small-8" for span.
       - Use ".start-tablet-small-1" to ".start-tablet-small-8" for starting column.

    Tablet Large (Min-width: 1044px, 10-column grid):
       - Use ".col-tablet-large-1" to ".col-tablet-large-10" for span.
       - Use ".start-tablet-large-1" to ".start-tablet-large-10" for starting column.

    Desktop (Min-width: 1248px, 12-column grid):
       - Use ".col-desktop-1" to ".col-desktop-12" for span.
       - Use ".start-desktop-1" to ".start-desktop-12" for starting column.

 3. Offsets (Starting Position):
    - If you don’t specify a starting position (offset), the grid item will
      default to starting at the first column.
    - Apply a start helper class when you need the grid item to begin at a 
      different column (e.g., ".start-tablet-large-2" to shift it one column
      to the right on tablet large viewports).

 4. Full-Bleed Backgrounds:
    - To have a grid item's background extend full width (beyond the grid 
      container), use the ".full-bleed" helper class on that item.
    
    Example:
       <div class="bos-grid-item full-bleed ...">
         Your content here.
       </div>

 5. Example Usage:
    
    <div class="bos-grid">
      <!-- Header: spans full width at all breakpoints -->
      <div class="bos-grid-item col-4 col-tablet-small-8 col-tablet-large-10 col-desktop-12">
        Header Content
      </div>
      
      <!-- Main Content: spans full width on mobile, with offsets on larger screens -->
      <div class="bos-grid-item col-4 col-tablet-small-8 col-tablet-large-8 col-desktop-8 
                   start-tablet-large-2 start-desktop-3">
        Main Content
      </div>
      
      <!-- Footer: spans full width at all breakpoints -->
      <div class="bos-grid-item col-4 col-tablet-small-8 col-tablet-large-10 col-desktop-12">
        Footer Content
      </div>
    </div>

 Tips:
   - External padding for the page or section is best managed by the parent 
     container to keep grid sizing intact. Consider using a helper class that 
     applies left/right padding based on the gutter variables.
   - The system automatically applies gutters (gap) between columns.
   - Use nested grid containers for more complex layouts if needed.

 ---------------------------------------------------------------------------- */

/* ------------------------------------------------------------------------- */
/* Grid Container                                                            */
/* ------------------------------------------------------------------------- */

/* BOS-11356 start */
.bos-grid-wrapper {
    width: 100%;
    overflow-x: clip;
}

/* BOS-11356 end */

/* Mobile: 4 columns */
.bos-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  column-gap: var(--gutter-mobile);
  width: 100%;
  margin: 0 auto;
}

/* Tablet Small: 8 columns */
@media (min-width: 648px) {
  .bos-grid {
    grid-template-columns: repeat(8, 1fr);
    column-gap: var(--gutter-tablet-small);
  }
}

/* Tablet Large: 10 columns, fixed width */
@media (min-width: 1044px) {
  .bos-grid {
    grid-template-columns: repeat(10, 1fr);
    column-gap: var(--gutter-tablet-large);
  }
}

/* Desktop: 12 columns, fixed width */
@media (min-width: 1248px) {
  .bos-grid {
    grid-template-columns: repeat(12, 1fr);
    column-gap: var(--gutter-desktop);
    /* fix max-width grid BOS-13647*/
    max-width: 1200px;
  }
}

/* ------------------------------------------------------------------------- */
/* Grid Item Base: Common styles for all grid items                          */
/* ------------------------------------------------------------------------- */
.bos-grid-item {
  display: block;
  --col-start: 1;
  --col-span: 4;
  grid-column: var(--col-start) / span var(--col-span);
}

/* ------------------------------------------------------------------------- */
/* Override grid-column at each breakpoint using custom properties            */
/* ------------------------------------------------------------------------- */

/* Tablet Small (8-column grid) */
@media (min-width: 648px) {
  .bos-grid-item {
    grid-column: var(--col-start-tablet-small, var(--col-start)) / span var(--col-span-tablet-small, var(--col-span));
  }
}

/* Tablet Large (10-column grid) */
@media (min-width: 1044px) {
  .bos-grid-item {
    grid-column: var(--col-start-tablet-large, var(--col-start)) / span var(--col-span-tablet-large, var(--col-span));
  }
}

/* Desktop (12-column grid) */
@media (min-width: 1248px) {
  .bos-grid-item {
    grid-column: var(--col-start-desktop, var(--col-start)) / span var(--col-span-desktop, var(--col-span));
  }
}

/* ------------------------------------------------------------------------- */
/* Helper Classes: Set column span and start for each breakpoint               */
/* ------------------------------------------------------------------------- */

/* -- Mobile (4-column grid) -- */
.col-1 {
  --col-span: 1;
}

.col-2 {
  --col-span: 2;
}

.col-3 {
  --col-span: 3;
}

.col-4 {
  --col-span: 4;
}

.start-1 {
  --col-start: 1;
}

.start-2 {
  --col-start: 2;
}

.start-3 {
  --col-start: 3;
}

.start-4 {
  --col-start: 4;
}

/* -- Tablet Small (8-column grid) -- */
.col-tablet-small-1 {
  --col-span-tablet-small: 1;
}

.col-tablet-small-2 {
  --col-span-tablet-small: 2;
}

.col-tablet-small-3 {
  --col-span-tablet-small: 3;
}

.col-tablet-small-4 {
  --col-span-tablet-small: 4;
}

.col-tablet-small-5 {
  --col-span-tablet-small: 5;
}

.col-tablet-small-6 {
  --col-span-tablet-small: 6;
}

.col-tablet-small-7 {
  --col-span-tablet-small: 7;
}

.col-tablet-small-8 {
  --col-span-tablet-small: 8;
}

.start-tablet-small-1 {
  --col-start-tablet-small: 1;
}

.start-tablet-small-2 {
  --col-start-tablet-small: 2;
}

.start-tablet-small-3 {
  --col-start-tablet-small: 3;
}

.start-tablet-small-4 {
  --col-start-tablet-small: 4;
}

.start-tablet-small-5 {
  --col-start-tablet-small: 5;
}

.start-tablet-small-6 {
  --col-start-tablet-small: 6;
}

.start-tablet-small-7 {
  --col-start-tablet-small: 7;
}

.start-tablet-small-8 {
  --col-start-tablet-small: 8;
}

/* -- Tablet Large (10-column grid) -- */
.col-tablet-large-1 {
  --col-span-tablet-large: 1;
}

.col-tablet-large-2 {
  --col-span-tablet-large: 2;
}

.col-tablet-large-3 {
  --col-span-tablet-large: 3;
}

.col-tablet-large-4 {
  --col-span-tablet-large: 4;
}

.col-tablet-large-5 {
  --col-span-tablet-large: 5;
}

.col-tablet-large-6 {
  --col-span-tablet-large: 6;
}

.col-tablet-large-7 {
  --col-span-tablet-large: 7;
}

.col-tablet-large-8 {
  --col-span-tablet-large: 8;
}

.col-tablet-large-9 {
  --col-span-tablet-large: 9;
}

.col-tablet-large-10 {
  --col-span-tablet-large: 10;
}

.start-tablet-large-1 {
  --col-start-tablet-large: 1;
}

.start-tablet-large-2 {
  --col-start-tablet-large: 2;
}

.start-tablet-large-3 {
  --col-start-tablet-large: 3;
}

.start-tablet-large-4 {
  --col-start-tablet-large: 4;
}

.start-tablet-large-5 {
  --col-start-tablet-large: 5;
}

.start-tablet-large-6 {
  --col-start-tablet-large: 6;
}

.start-tablet-large-7 {
  --col-start-tablet-large: 7;
}

.start-tablet-large-8 {
  --col-start-tablet-large: 8;
}

.start-tablet-large-9 {
  --col-start-tablet-large: 9;
}

.start-tablet-large-10 {
  --col-start-tablet-large: 10;
}

/* -- Desktop (12-column grid) -- */
.col-desktop-1 {
  --col-span-desktop: 1;
}

.col-desktop-2 {
  --col-span-desktop: 2;
}

.col-desktop-3 {
  --col-span-desktop: 3;
}

.col-desktop-4 {
  --col-span-desktop: 4;
}

.col-desktop-5 {
  --col-span-desktop: 5;
}

.col-desktop-6 {
  --col-span-desktop: 6;
}

.col-desktop-7 {
  --col-span-desktop: 7;
}

.col-desktop-8 {
  --col-span-desktop: 8;
}

.col-desktop-9 {
  --col-span-desktop: 9;
}

.col-desktop-10 {
  --col-span-desktop: 10;
}

.col-desktop-11 {
  --col-span-desktop: 11;
}

.col-desktop-12 {
  --col-span-desktop: 12;
}

.start-desktop-1 {
  --col-start-desktop: 1;
}

.start-desktop-2 {
  --col-start-desktop: 2;
}

.start-desktop-3 {
  --col-start-desktop: 3;
}

.start-desktop-4 {
  --col-start-desktop: 4;
}

.start-desktop-5 {
  --col-start-desktop: 5;
}

.start-desktop-6 {
  --col-start-desktop: 6;
}

.start-desktop-7 {
  --col-start-desktop: 7;
}

.start-desktop-8 {
  --col-start-desktop: 8;
}

.start-desktop-9 {
  --col-start-desktop: 9;
}

.start-desktop-10 {
  --col-start-desktop: 10;
}

.start-desktop-11 {
  --col-start-desktop: 11;
}

.start-desktop-12 {
  --col-start-desktop: 12;
}

/* ------------------------------------------------------------------------- */
/* Hidden Classes: Hide grid items on specific breakpoints                   */
/* ------------------------------------------------------------------------- */

/* Hide on mobile only */
@media (max-width: calc(648px - 1px)) {
  .bos-grid-item.hidden-mobile {
    display: none !important;
  }
}

/* Hide on tablet small */
@media (min-width: 648px) and (max-width: calc(1044px - 1px)) {
  .bos-grid-item.hidden-tablet-small {
    display: none !important;
  }
}

/* Hide on tablet large */
@media (min-width: 1044px) and (max-width: calc(1248px - 1px)) {
  .bos-grid-item.hidden-tablet-large {
    display: none !important;
  }
}

/* Hide on desktop */
@media (min-width: 1248px) {
  .bos-grid-item.hidden-desktop {
    display: none !important;
  }
}

/* ------------------------------------------------------------------------- */
/* Full Bleed: Makes an element extend to full viewport width                */
/* ------------------------------------------------------------------------- */

/* BOS-11357 full bleed impacts on mobile padding start */

@media (min-width: 1044px) {
  .bos-grid-item.full-bleed {
    width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
  }
}

/* BOS-11357 full bleed impacts on mobile padding end */

/* Helper class for external horizontal padding matching gutter widths */
.grid-padding {
  padding-left: var(--gutter-mobile);
  padding-right: var(--gutter-mobile);
}

.grid-padding-left {
  padding-left: var(--gutter-mobile);
  padding-right: 0;
}

.grid-padding-right {
  padding-right: var(--gutter-mobile);
  padding-left: 0;
}

@media (min-width: 648px) {
  .grid-padding {
    padding-left: var(--gutter-tablet-small);
    padding-right: var(--gutter-tablet-small);
  }

  .grid-padding-left {
    padding-left: var(--gutter-tablet-small);
    padding-right: 0;
  }

  .grid-padding-right {
    padding-right: var(--gutter-tablet-small);
    padding-left: 0;
  }
}

@media (min-width: 1044px) {
  .grid-padding {
    padding-left: var(--gutter-tablet-large);
    padding-right: var(--gutter-tablet-large);
  }

  .grid-padding-left {
    padding-left: var(--gutter-tablet-large);
    padding-right: 0;
  }

  .grid-padding-right {
    padding-right: var(--gutter-tablet-large);
    padding-left: 0;
  }
}

@media (min-width: 1248px) {
  .grid-padding {
    padding-left: var(--gutter-desktop);
    padding-right: var(--gutter-desktop);
  }

  .grid-padding-left {
    padding-left: var(--gutter-desktop);
    padding-right: 0;
  }

  .grid-padding-right {
    padding-right: var(--gutter-desktop);
    padding-left: 0;
  }
}

/* Override classes to remove padding at specific breakpoints */

/* Remove padding for tablet small */
@media (min-width: 648px) and (max-width: 1043px) {
  .no-padding-tablet-small {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

/* Remove padding for tablet large */
@media (min-width: 1044px) and (max-width: 1247px) {
  .no-padding-tablet-large {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

/* Remove padding for desktop (1248px and up) */
@media (min-width: 1248px) {
  .no-padding-desktop {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

.grid-bleed-bg {
  position: relative;
  --bleed-bg-color: var(--bods-color-greyscale-grey-3);
}

.grid-bleed-bg::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  background: var(--bleed-bg-color);
  z-index: -1;
  pointer-events: none;
}

/* Added by siddharth -  brochureware BOS-11323 start*/
.grid-bleed-bg-gray-brochureware {
  position: relative;
  --bleed-bg-color: var(--bods-color-Brand-Cool-Grey);
}

.grid-bleed-bg-gray-brochureware::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  background: var(--bleed-bg-color);
  z-index: -1;
  pointer-events: none;
}

.grid-bleed-bg-gray-activate-sim {
  position: relative;
  --bleed-bg-color: var(--bods-color-backgrounds-cool-grey);
}

.grid-bleed-bg-gray-activate-sim::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  background: var(--bleed-bg-color);
  z-index: -1;
  pointer-events: none;
}

.grid-bleed-bg-dark-gradient {
  position: relative;
  --bleed-bg-color: var(--bods-color-cta-dark-gradient);
}

.grid-bleed-bg-dark-gradient::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  background: var(--bleed-bg-color);
  z-index: -1;
  pointer-events: none;
}

/* Added by siddharth -  brochureware BOS-11323 End*/


/* ------- END BOS Grid -----------*/

lightning-progress-bar div {
  overflow-y: hidden;
}

/* Barbara test had fix progress bar start */
c-b-ospost-active-number-port-digital-english .slds-progress {
  max-width: 53% !important;
}

/* Barbara test had fix progress bar end */

/* BOS-10902: auto modal size on mobile bills start*/
@media (min-width: 48em) {
  c-bos-next-bill-wrapper c-bos-omni-script-modal .slds-modal__container {
    width: auto !important;
  }
}

/* BOS-10902: auto modal size on mobile bills end*/


/* BOSSALES-4337 start*/
.bods .bods-text-align-mobile-center,
.bods .bods-text-align-mobile-center span {
  display: block;
  text-align: center;
}

@media (min-width: 648px) {

  .bods .bods-text-align-mobile-center,
  .bods .bods-text-align-mobile-center span {
    display: inline;
    text-align: unset;
  }
}

/* BOSSALES-4337 end*/


/* BOSSALES-4398 fix progress bar start */
c-bos-progress-tracker .slds-progress {
  max-width: 100% !important;
}

c-bos-progress-tracker .slds-progress__marker {
  border-width: var(--bods-stepper-icon-border-width, 4px);
  width: var(--bods-stepper-icon-width, var(--lwc-squareIconUtilitySmall, 1rem));
  height: var(--bods-stepper-icon-height, var(--lwc-squareIconUtilitySmall, 1rem));
  box-shadow: none !important;
}

@media (max-width: 647px) {
    c-bos-progress-tracker .slds-progress__list {
        flex-direction: column;
        align-items: start;
        gap: 16px;
    }

  c-bos-progress-tracker lightning-progress-bar {
    display: none;
  }
}

/* BOSSALES-4398 fix progress bar end */


/* BOSSALES-4420 reach edit box */
.bods .bods-richedit p {
  padding-top: var(--bods-richedit-padding-top, 0);
  padding-bottom: var(--bods-richedit-padding-bottom, 0);
  background: inherit;
  background-clip: inherit;
  color: inherit;
}

.bods .bods-richedit span,
.bods .bods-richedit p {
  line-height: var(--richtedit-line-height-override, var(--bods-text-line-height-override, var(--bods-text-line-height, var(--bods-p-lineHeight))));
}



.bods .bods-richedit strong,
.bods .bods-richedit b {
  --bods-text-font-family-bold-override: var(--bods-richedit-font-medium, var(--bods-typography-font-medium));
}

.bods .bods-richedit a {
  --bods-link-text-color-override: var(--bods-richedit-link-text-color, var(--bods-color-brand-primary-blue));
}



.bods .bods-richedit strong,
.bods .bods-richedit b {
  font-family: var(--richtedit-font-family-bold-override, var(--bods-text-font-family-bold-override, var(--bods-text-font-family-override, var(--bods-text-font-family-bold, var(--bods-typography-font-medium)))));
  font-weight: var(--richtedit-font-weight-bold-override, var(--bods-bold-weight, bold));
  background: inherit;
  background-clip: inherit;
  color: inherit;
}


/* BOSSALES-4420 reach edit box */


/* Barbara: modal z-index for overlapping the progress tracker start*/
lightning-overlay-container .fix-slds-backdrop,
lightning-overlay-container .fix-slds-modal {
  z-index: 1 !important;
}

/* Barbara: modal z-index end*/

/* -------- END: STYLE APPLICATION ---------*/

/* Dividers */
.bods-divider {
  width: 100%;
  height: var(--bods-divider-height, 1px);
  background-color: var(--bods-divider-background, var(--bods-color-brand-fresh-grey));
  margin-top: var(--bods-divider-mt, 0);
  margin-bottom: var(--bods-divider-mb, 0);
}

/* Replacement Sim Activation CSS Override */
c-b-osdigital-replacement-simactivation-english slot.slds-grid.slds-wrap.slds-size_1-of-1.slds-p-left_medium {
    padding-left: 0;
}

/* Passpharse modal CSS Override */
c-b-osdigital-pass-phrase-update-modal-english .slds-card__body {
    margin: 0px !important;
    padding: 0px !important;
}

c-b-osdigital-pass-phrase-update-modal-english .omniscript-step__body {
  padding: 0px !important;
}

c-b-osdigital-pass-phrase-update-modal-english slot {
  padding: 0px !important;
}

c-b-osdigital-pass-phrase-update-modal-english vlocity_cmt-omniscript-custom-lwc {
  padding: 0px !important;
  margin-bottom: 0px !important;
}

.passphraseContainer span[part=formatted-rich-text]{
  padding: 0px !important;
}

.passphraseContainer span[part=formatted-rich-text] p {
  padding: 0px !important;
}

.passphraseContainer c-bos-button .bods-button-variant-tertiary button{
  padding: 0px !important;
}

@media only screen and (max-width: 600px) {
  c-b-osdigital-pass-phrase-update-modal-english vlocity_cmt-omniscript-custom-lwc button {
    --bods-button-background-position-x: 240px !important;
  }

  [data-id="passphraseButton"] .slds-modal__content {
    padding: 0px !important;
  }

  .passphraseContainer span[part=formatted-rich-text] p {
    text-align: center !important;
    color: #4a4a4a;
  }
}
/* Passpharse modal ends here */