/*Import Tailwind CSS*/
/*! tailwindcss v2.2.19 | MIT License | https://tailwindcss.com*/
/*! modern-normalize v1.1.0 | MIT License | https://github.com/sindresorhus/modern-normalize */
/*
Document
========
*/
/**
Use a better box model (opinionated).
*/
*,
::before,
::after {
	box-sizing: border-box;
}
/**
Use a more readable tab size (opinionated).
*/
html {
	-moz-tab-size: 4;
	-o-tab-size: 4;
	   tab-size: 4;
}
/**
1. Correct the line height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
*/
html {
	line-height: 1.15; /* 1 */
	-webkit-text-size-adjust: 100%; /* 2 */
}
/*
Sections
========
*/
/**
Remove the margin in all browsers.
*/
body {
	margin: 0;
}
/**
Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3)
*/
body {
	font-family:
		system-ui,
		-apple-system, /* Firefox supports this but not yet `system-ui` */
		'Segoe UI',
		Roboto,
		Helvetica,
		Arial,
		sans-serif,
		'Apple Color Emoji',
		'Segoe UI Emoji';
}
/*
Grouping content
================
*/
/**
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
*/
hr {
	height: 0; /* 1 */
	color: inherit; /* 2 */
}
/*
Text-level semantics
====================
*/
/**
Add the correct text decoration in Chrome, Edge, and Safari.
*/
abbr[title] {
	-webkit-text-decoration: underline dotted;
	        text-decoration: underline dotted;
}
/**
Add the correct font weight in Edge and Safari.
*/
b,
strong {
	font-weight: bolder;
}
/**
1. Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3)
2. Correct the odd 'em' font sizing in all browsers.
*/
code,
kbd,
samp,
pre {
	font-family:
		ui-monospace,
		SFMono-Regular,
		Consolas,
		'Liberation Mono',
		Menlo,
		monospace; /* 1 */
	font-size: 1em; /* 2 */
}
/**
Add the correct font size in all browsers.
*/
small {
	font-size: 80%;
}
/**
Prevent 'sub' and 'sup' elements from affecting the line height in all browsers.
*/
sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sub {
	bottom: -0.25em;
}
sup {
	top: -0.5em;
}
/*
Tabular data
============
*/
/**
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
*/
table {
	text-indent: 0; /* 1 */
	border-color: inherit; /* 2 */
}
/*
Forms
=====
*/
/**
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
*/
button,
input,
optgroup,
select,
textarea {
	font-family: inherit; /* 1 */
	font-size: 100%; /* 1 */
	line-height: 1.15; /* 1 */
	margin: 0; /* 2 */
}
/**
Remove the inheritance of text transform in Edge and Firefox.
1. Remove the inheritance of text transform in Firefox.
*/
button,
select { /* 1 */
	text-transform: none;
}
/**
Correct the inability to style clickable types in iOS and Safari.
*/
button,
[type='button'],
[type='reset'],
[type='submit'] {
	-webkit-appearance: button;
}
/**
Remove the inner border and padding in Firefox.
*/
::-moz-focus-inner {
	border-style: none;
	padding: 0;
}
/**
Restore the focus styles unset by the previous rule.
*/
:-moz-focusring {
	outline: 0.0625rem dotted ButtonText;
}
/**
Remove the additional ':invalid' styles in Firefox.
See: https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737
*/
:-moz-ui-invalid {
	box-shadow: none;
}
/**
Remove the padding so developers are not caught out when they zero out 'fieldset' elements in all browsers.
*/
legend {
	padding: 0;
}
/**
Add the correct vertical alignment in Chrome and Firefox.
*/
progress {
	vertical-align: baseline;
}
/**
Correct the cursor style of increment and decrement buttons in Safari.
*/
::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
	height: auto;
}
/**
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/
[type='search'] {
	-webkit-appearance: textfield; /* 1 */
	outline-offset: -0.125rem; /* 2 */
}
/**
Remove the inner padding in Chrome and Safari on macOS.
*/
::-webkit-search-decoration {
	-webkit-appearance: none;
}
/**
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to 'inherit' in Safari.
*/
::-webkit-file-upload-button {
	-webkit-appearance: button; /* 1 */
	font: inherit; /* 2 */
}
/*
Interactive
===========
*/
/*
Add the correct display in Chrome and Safari.
*/
summary {
	display: list-item;
}
/**
 * Manually forked from SUIT CSS Base: https://github.com/suitcss/base
 * A thin layer on top of normalize.css that provides a starting point more
 * suitable for web applications.
 */
/**
 * Removes the default spacing and border for appropriate elements.
 */
blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}
button {
  background-color: transparent;
  background-image: none;
}
fieldset {
  margin: 0;
  padding: 0;
}
ol,
ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
/**
 * Tailwind custom reset styles
 */
/**
 * 1. Use the user's configured `sans` font-family (with Tailwind's default
 *    sans-serif font stack as a fallback) as a sane default.
 * 2. Use Tailwind's default "normal" line-height so the user isn't forced
 *    to override it to ensure consistency even when using the default theme.
 */
html {
  font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 1 */
  line-height: 1.5; /* 2 */
}
/**
 * Inherit font-family and line-height from `html` so users can set them as
 * a class directly on the `html` element.
 */
body {
  font-family: inherit;
  line-height: inherit;
}
/**
 * 1. Prevent padding and border from affecting element width.
 *
 *    We used to set this in the html element and inherit from
 *    the parent element for everything else. This caused issues
 *    in shadow-dom-enhanced elements like <details> where the content
 *    is wrapped by a div with box-sizing set to `content-box`.
 *
 *    https://github.com/mozdevs/cssremedy/issues/4
 *
 *
 * 2. Allow adding a border to an element by just adding a border-width.
 *
 *    By default, the way the browser specifies that an element should have no
 *    border is by setting it's border-style to `none` in the user-agent
 *    stylesheet.
 *
 *    In order to easily add borders to elements by just setting the `border-width`
 *    property, we change the default border-style for all elements to `solid`, and
 *    use border-width to hide them instead. This way our `border` utilities only
 *    need to set the `border-width` property instead of the entire `border`
 *    shorthand, making our border utilities much more straightforward to compose.
 *
 *    https://github.com/tailwindcss/tailwindcss/pull/116
 */
*,
::before,
::after {
  box-sizing: border-box; /* 1 */
  border-width: 0; /* 2 */
  border-style: solid; /* 2 */
  border-color: currentColor; /* 2 */
}
/*
 * Ensure horizontal rules are visible by default
 */
hr {
  border-top-width: 0.0625rem;
}
/**
 * Undo the `border-style: none` reset that Normalize applies to images so that
 * our `border-{width}` utilities have the expected effect.
 *
 * The Normalize reset is unnecessary for us since we default the border-width
 * to 0 on all elements.
 *
 * https://github.com/tailwindcss/tailwindcss/issues/362
 */
img {
  border-style: solid;
}
textarea {
  resize: vertical;
}
input::-moz-placeholder, textarea::-moz-placeholder {
  opacity: 1;
  color: #9ca3af;
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {
  opacity: 1;
  color: #9ca3af;
}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
  opacity: 1;
  color: #9ca3af;
}
input::-ms-input-placeholder, textarea::-ms-input-placeholder {
  opacity: 1;
  color: #9ca3af;
}
input::placeholder,
textarea::placeholder {
  opacity: 1;
  color: #9ca3af;
}
button,
[role="button"] {
  cursor: pointer;
}
/**
 * Override legacy focus reset from Normalize with modern Firefox focus styles.
 *
 * This is actually an improvement over the new defaults in Firefox in our testing,
 * as it triggers the better focus styles even for links, which still use a dotted
 * outline in Firefox by default.
 */
:-moz-focusring {
	outline: auto;
}
table {
  border-collapse: collapse;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}
/**
 * Reset links to optimize for opt-in styling instead of
 * opt-out.
 */
a {
  color: inherit;
  text-decoration: inherit;
}
/**
 * Reset form element properties that are easy to forget to
 * style explicitly so you don't inadvertently introduce
 * styles that deviate from your design system. These styles
 * supplement a partial reset that is already applied by
 * normalize.css.
 */
button,
input,
optgroup,
select,
textarea {
  padding: 0;
  line-height: inherit;
  color: inherit;
}
/**
 * Use the configured 'mono' font family for elements that
 * are expected to be rendered with a monospace font, falling
 * back to the system monospace stack if there is no configured
 * 'mono' font family.
 */
pre,
code,
kbd,
samp {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}
/**
 * 1. Make replaced elements `display: block` by default as that's
 *    the behavior you want almost all of the time. Inspired by
 *    CSS Remedy, with `svg` added as well.
 *
 *    https://github.com/mozdevs/cssremedy/issues/14
 * 
 * 2. Add `vertical-align: middle` to align replaced elements more
 *    sensibly by default when overriding `display` by adding a
 *    utility like `inline`.
 *
 *    This can trigger a poorly considered linting error in some
 *    tools but is included by design.
 * 
 *    https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210
 */
img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block; /* 1 */
  vertical-align: middle; /* 2 */
}
/**
 * Constrain images and videos to the parent width and preserve
 * their intrinsic aspect ratio.
 *
 * https://github.com/mozdevs/cssremedy/issues/14
 */
img,
video {
  max-width: 100%;
  height: auto;
}
/**
 * Ensure the default browser behavior of the `hidden` attribute.
 */
[hidden] {
  display: none;
}
*, ::before, ::after {
	--tw-translate-x: 0;
	--tw-translate-y: 0;
	--tw-rotate: 0;
	--tw-skew-x: 0;
	--tw-skew-y: 0;
	--tw-scale-x: 1;
	--tw-scale-y: 1;
	--tw-transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
	--tw-border-opacity: 1;
	border-color: rgba(229, 231, 235, var(--tw-border-opacity));
	--tw-ring-offset-shadow: 0 0 #0000;
	--tw-ring-shadow: 0 0 #0000;
	--tw-shadow: 0 0 #0000;
	--tw-blur: var(--tw-empty,/*!*/ /*!*/);
	--tw-brightness: var(--tw-empty,/*!*/ /*!*/);
	--tw-contrast: var(--tw-empty,/*!*/ /*!*/);
	--tw-grayscale: var(--tw-empty,/*!*/ /*!*/);
	--tw-hue-rotate: var(--tw-empty,/*!*/ /*!*/);
	--tw-invert: var(--tw-empty,/*!*/ /*!*/);
	--tw-saturate: var(--tw-empty,/*!*/ /*!*/);
	--tw-sepia: var(--tw-empty,/*!*/ /*!*/);
	--tw-drop-shadow: var(--tw-empty,/*!*/ /*!*/);
	--tw-filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.container {
	width: 100%;
}
@media (min-width: 640px) {
	.container {
		max-width: 40rem;
	}
}
@media (min-width: 768px) {
	.container {
		max-width: 48rem;
	}
}
@media (min-width: 1024px) {
	.container {
		max-width: 64rem;
	}
}
@media (min-width: 1181px) {
	.container {
		max-width: 73.8125rem;
	}
}
@media (min-width: 1212px) {
	.container {
		max-width: 75.75rem;
	}
}
@media (min-width: 1280px) {
	.container {
		max-width: 80rem;
	}
}
@media (min-width: 1400px) {
	.container {
		max-width: 87.5rem;
	}
}
@media (min-width: 1500px) {
	.container {
		max-width: 93.75rem;
	}
}
@media (min-width: 1536px) {
	.container {
		max-width: 96rem;
	}
}
@media (min-width: 1920px) {
	.container {
		max-width: 120rem;
	}
}
@media (min-width: 2000px) {
	.container {
		max-width: 125rem;
	}
}
/*component classes go here*/
.visible {
	visibility: visible !important;
}
.static {
	position: static !important;
}
.fixed {
	position: fixed !important;
}
.absolute {
	position: absolute !important;
}
.relative {
	position: relative !important;
}
.right-0 {
	right: 0 !important;
}
.-top-11 {
	top: -2.75rem !important;
}
.left-\[-40px\] {
	left: -2.5rem !important;
}
.col-span-2 {
	grid-column: span 2 / span 2 !important;
}
.col-start-2 {
	grid-column-start: 2 !important;
}
.col-start-3 {
	grid-column-start: 3 !important;
}
.float-right {
	float: right !important;
}
.m-auto {
	margin: auto !important;
}
.mx-auto {
	margin-left: auto !important;
	margin-right: auto !important;
}
.my-\[40px\] {
	margin-top: 2.5rem !important;
	margin-bottom: 2.5rem !important;
}
.mx-\[-15px\] {
	margin-left: -0.9375rem !important;
	margin-right: -0.9375rem !important;
}
.my-\[20px\] {
	margin-top: 1.25rem !important;
	margin-bottom: 1.25rem !important;
}
.my-\[3\.125rem\] {
	margin-top: 3.125rem !important;
	margin-bottom: 3.125rem !important;
}
.my-\[2\.5rem\] {
	margin-top: 2.5rem !important;
	margin-bottom: 2.5rem !important;
}
.mx-8 {
	margin-left: 2rem !important;
	margin-right: 2rem !important;
}
.mx-\[5\.375rem\] {
	margin-left: 5.375rem !important;
	margin-right: 5.375rem !important;
}
.mx-\[2\.5rem\] {
	margin-left: 2.5rem !important;
	margin-right: 2.5rem !important;
}
.my-\[1\.25rem\] {
	margin-top: 1.25rem !important;
	margin-bottom: 1.25rem !important;
}
.mx-\[0\.9375rem\] {
	margin-left: 0.9375rem !important;
	margin-right: 0.9375rem !important;
}
.mb-\[20px\] {
	margin-bottom: 1.25rem !important;
}
.mb-\[30px\] {
	margin-bottom: 1.875rem !important;
}
.mb-\[42px\] {
	margin-bottom: 2.625rem !important;
}
.mb-\[44\.5px\] {
	margin-bottom: 2.78125rem !important;
}
.mb-\[2\.5rem\] {
	margin-bottom: 2.5rem !important;
}
.mt-\[2\.5rem\] {
	margin-top: 2.5rem !important;
}
.mb-\[1\.25rem\] {
	margin-bottom: 1.25rem !important;
}
.mt-10 {
	margin-top: 2.5rem !important;
}
.mb-5 {
	margin-bottom: 1.25rem !important;
}
.mb-\[1\.625rem\] {
	margin-bottom: 1.625rem !important;
}
.mt-\[20px\] {
	margin-top: 1.25rem !important;
}
.mt-\[25px\] {
	margin-top: 1.5625rem !important;
}
.mb-\[10px\] {
	margin-bottom: 0.625rem !important;
}
.mr-\[7px\] {
	margin-right: 0.4375rem !important;
}
.mb-\[13px\] {
	margin-bottom: 0.8125rem !important;
}
.mr-\[17px\] {
	margin-right: 1.0625rem !important;
}
.mb-\[17px\] {
	margin-bottom: 1.0625rem !important;
}
.mt-auto {
	margin-top: auto !important;
}
.mb-\[-15px\] {
	margin-bottom: -0.9375rem !important;
}
.mt-\[17px\] {
	margin-top: 1.0625rem !important;
}
.mt-\[30px\] {
	margin-top: 1.875rem !important;
}
.mb-\[12px\] {
	margin-bottom: 0.75rem !important;
}
.ml-0 {
	margin-left: 0 !important;
}
.mt-\[1\.625rem\] {
	margin-top: 1.625rem !important;
}
.mb-\[2\.25rem\] {
	margin-bottom: 2.25rem !important;
}
.mr-\[1\.25rem\] {
	margin-right: 1.25rem !important;
}
.mb-\[0\.625rem\] {
	margin-bottom: 0.625rem !important;
}
.mr-\[20px\] {
	margin-right: 1.25rem !important;
}
.mb-0 {
	margin-bottom: 0 !important;
}
.mb-\[1\.875rem\] {
	margin-bottom: 1.875rem !important;
}
.mr-\[15px\] {
	margin-right: 0.9375rem !important;
}
.mr-\[5px\] {
	margin-right: 0.3125rem !important;
}
.ml-\[5px\] {
	margin-left: 0.3125rem !important;
}
.mb-4 {
	margin-bottom: 1rem !important;
}
.mb-\[25px\] {
	margin-bottom: 1.5625rem !important;
}
.mt-\[3\.125rem\] {
	margin-top: 3.125rem !important;
}
.mb-\[2\.1875rem\] {
	margin-bottom: 2.1875rem !important;
}
.mb-\[2\.0625rem\] {
	margin-bottom: 2.0625rem !important;
}
.mr-\[0\.75rem\] {
	margin-right: 0.75rem !important;
}
.mr-\[0\.4375rem\] {
	margin-right: 0.4375rem !important;
}
.mb-\[4\.5rem\] {
	margin-bottom: 4.5rem !important;
}
.mb-\[1\.5625rem\] {
	margin-bottom: 1.5625rem !important;
}
.mr-5 {
	margin-right: 1.25rem !important;
}
.mb-2 {
	margin-bottom: 0.5rem !important;
}
.mb-\[4\.313rem\] {
	margin-bottom: 4.313rem !important;
}
.mt-\[2\.438rem\] {
	margin-top: 2.438rem !important;
}
.mb-10 {
	margin-bottom: 2.5rem !important;
}
.mt-\[3\.75rem\] {
	margin-top: 3.75rem !important;
}
.mb-\[14px\] {
	margin-bottom: 0.875rem !important;
}
.mb-\[18\.5px\] {
	margin-bottom: 1.15625rem !important;
}
.mb-\[27px\] {
	margin-bottom: 1.6875rem !important;
}
.mb-\[3\.75rem\] {
	margin-bottom: 3.75rem !important;
}
.mb-\[1\.0625rem\] {
	margin-bottom: 1.0625rem !important;
}
.mb-\[3\.125rem\] {
	margin-bottom: 3.125rem !important;
}
.mb-\[7\.5rem\] {
	margin-bottom: 7.5rem !important;
}
.mt-\[1\.125rem\] {
	margin-top: 1.125rem !important;
}
.mt-\[67px\] {
	margin-top: 4.1875rem !important;
}
.mb-\[40px\] {
	margin-bottom: 2.5rem !important;
}
.block {
	display: block !important;
}
.inline-block {
	display: inline-block !important;
}
.flex {
	display: flex !important;
}
.grid {
	display: grid !important;
}
.hidden {
	display: none !important;
}
.h-\[33px\] {
	height: 2.0625rem !important;
}
.h-\[500px\] {
	height: 31.25rem !important;
}
.h-full {
	height: 100% !important;
}
.h-\[24px\] {
	height: 1.5rem !important;
}
.h-\[7rem\] {
	height: 7rem !important;
}
.h-\[4\.6875rem\] {
	height: 4.6875rem !important;
}
.h-\[22px\] {
	height: 1.375rem !important;
}
.h-\[150px\] {
	height: 9.375rem !important;
}
.h-\[70px\] {
	height: 4.375rem !important;
}
.h-\[11\.5625rem\] {
	height: 11.5625rem !important;
}
.h-\[14px\] {
	height: 0.875rem !important;
}
.h-\[20px\] {
	height: 1.25rem !important;
}
.h-\[16px\] {
	height: 1rem !important;
}
.h-\[9\.375rem\] {
	height: 9.375rem !important;
}
.h-\[75px\] {
	height: 4.6875rem !important;
}
.h-\[2px\] {
	height: 0.125rem !important;
}
.max-h-\[41\.5rem\] {
	max-height: 41.5rem !important;
}
.w-full {
	width: 100% !important;
}
.w-\[47px\] {
	width: 2.9375rem !important;
}
.w-\[300px\] {
	width: 18.75rem !important;
}
.w-\[12\.813rem\] {
	width: 12.813rem !important;
}
.w-\[11\.5625rem\] {
	width: 11.5625rem !important;
}
.w-\[10\.125rem\] {
	width: 10.125rem !important;
}
.w-\[14px\] {
	width: 0.875rem !important;
}
.w-\[1px\] {
	width: 0.0625rem !important;
}
.w-\[24px\] {
	width: 1.5rem !important;
}
.w-\[12px\] {
	width: 0.75rem !important;
}
.w-\[15\.9375rem\] {
	width: 15.9375rem !important;
}
.min-w-\[264px\] {
	min-width: 16.5rem !important;
}
.min-w-0 {
	min-width: 0 !important;
}
.min-w-\[10\.125rem\] {
	min-width: 10.125rem !important;
}
.min-w-\[17\.9375rem\] {
	min-width: 17.9375rem !important;
}
.max-w-\[1360px\] {
	max-width: 85rem !important;
}
.max-w-\[1116px\] {
	max-width: 69.75rem !important;
}
.max-w-\[10rem\] {
	max-width: 10rem !important;
}
.max-w-\[470px\] {
	max-width: 29.375rem !important;
}
.max-w-\[900px\] {
	max-width: 56.25rem !important;
}
.max-w-\[1012px\] {
	max-width: 63.25rem !important;
}
.max-w-\[27\.5rem\] {
	max-width: 27.5rem !important;
}
.max-w-\[194px\] {
	max-width: 12.125rem !important;
}
.max-w-\[56\.25rem\] {
	max-width: 56.25rem !important;
}
.max-w-\[81\.875rem\] {
	max-width: 81.875rem !important;
}
.max-w-\[1142px\] {
	max-width: 71.375rem !important;
}
.origin-center {
	-webkit-transform-origin: center !important;
	        transform-origin: center !important;
}
.rotate-180 {
	--tw-rotate: 180deg !important;
	-webkit-transform: var(--tw-transform) !important;
	        transform: var(--tw-transform) !important;
}
.rotate-90 {
	--tw-rotate: 90deg !important;
	-webkit-transform: var(--tw-transform) !important;
	        transform: var(--tw-transform) !important;
}
.-rotate-90 {
	--tw-rotate: -90deg !important;
	-webkit-transform: var(--tw-transform) !important;
	        transform: var(--tw-transform) !important;
}
.transform {
	-webkit-transform: var(--tw-transform) !important;
	        transform: var(--tw-transform) !important;
}
.cursor-pointer {
	cursor: pointer !important;
}
.list-disc {
	list-style-type: disc !important;
}
.grid-cols-1 {
	grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
}
.grid-cols-3 {
	grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}
.grid-cols-2 {
	grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
.grid-rows-4 {
	grid-template-rows: repeat(4, minmax(0, 1fr)) !important;
}
.flex-row {
	flex-direction: row !important;
}
.flex-col {
	flex-direction: column !important;
}
.flex-wrap {
	flex-wrap: wrap !important;
}
.items-start {
	align-items: flex-start !important;
}
.items-end {
	align-items: flex-end !important;
}
.items-center {
	align-items: center !important;
}
.justify-start {
	justify-content: flex-start !important;
}
.justify-end {
	justify-content: flex-end !important;
}
.justify-center {
	justify-content: center !important;
}
.justify-between {
	justify-content: space-between !important;
}
.gap-\[20px\] {
	gap: 1.25rem !important;
}
.gap-\[18px\] {
	gap: 1.125rem !important;
}
.gap-\[10px\] {
	gap: 0.625rem !important;
}
.gap-\[15px\] {
	gap: 0.9375rem !important;
}
.gap-\[30px\] {
	gap: 1.875rem !important;
}
.gap-5 {
	gap: 1.25rem !important;
}
.gap-y-\[20px\] {
	row-gap: 1.25rem !important;
}
.gap-x-\[20px\] {
	-moz-column-gap: 1.25rem !important;
	     -webkit-column-gap: 1.25rem !important;
	        column-gap: 1.25rem !important;
}
.gap-x-\[10px\] {
	-moz-column-gap: 0.625rem !important;
	     -webkit-column-gap: 0.625rem !important;
	        column-gap: 0.625rem !important;
}
.gap-y-\[1\.875rem\] {
	row-gap: 1.875rem !important;
}
.gap-x-\[1\.25rem\] {
	-moz-column-gap: 1.25rem !important;
	     -webkit-column-gap: 1.25rem !important;
	        column-gap: 1.25rem !important;
}
.space-x-8 > :not([hidden]) ~ :not([hidden]) {
	--tw-space-x-reverse: 0 !important;
	margin-right: calc(2rem * var(--tw-space-x-reverse)) !important;
	margin-left: calc(2rem * calc(1 - var(--tw-space-x-reverse))) !important;
}
.self-start {
	align-self: flex-start !important;
}
.self-center {
	align-self: center !important;
}
.overflow-hidden {
	overflow: hidden !important;
}
.overflow-scroll {
	overflow: scroll !important;
}
.overflow-x-hidden {
	overflow-x: hidden !important;
}
.whitespace-nowrap {
	white-space: nowrap !important;
}
.rounded-full {
	border-radius: 624.9375rem !important;
}
.border-2 {
	border-width: 0.125rem !important;
}
.border {
	border-width: 0.0625rem !important;
}
.border-\[2px\] {
	border-width: 0.125rem !important;
}
.border-t-0 {
	border-top-width: 0 !important;
}
.border-l-0 {
	border-left-width: 0 !important;
}
.border-r-0 {
	border-right-width: 0 !important;
}
.border-b {
	border-bottom-width: 0.0625rem !important;
}
.border-solid {
	border-style: solid !important;
}
.border-\[\#C9C9C9\] {
	--tw-border-opacity: 1 !important;
	border-color: rgba(201, 201, 201, var(--tw-border-opacity)) !important;
}
.border-white {
	--tw-border-opacity: 1 !important;
	border-color: rgba(255, 255, 255, var(--tw-border-opacity)) !important;
}
.border-\[\#707070\] {
	--tw-border-opacity: 1 !important;
	border-color: rgba(112, 112, 112, var(--tw-border-opacity)) !important;
}
.bg-\[\#545454\] {
	--tw-bg-opacity: 1 !important;
	background-color: rgba(84, 84, 84, var(--tw-bg-opacity)) !important;
}
.bg-\[\#F7F7F7\] {
	--tw-bg-opacity: 1 !important;
	background-color: rgba(247, 247, 247, var(--tw-bg-opacity)) !important;
}
.bg-\[\#347DB9\] {
	--tw-bg-opacity: 1 !important;
	background-color: rgba(52, 125, 185, var(--tw-bg-opacity)) !important;
}
.bg-transparent {
	background-color: transparent !important;
}
.bg-white {
	--tw-bg-opacity: 1 !important;
	background-color: rgba(255, 255, 255, var(--tw-bg-opacity)) !important;
}
.bg-black {
	--tw-bg-opacity: 1 !important;
	background-color: rgba(0, 0, 0, var(--tw-bg-opacity)) !important;
}
.bg-sap-gold {
	background-image: url('https://static.rainfocus.com/sap/sapsapphire/static/staticfile/staticfile/Sapphire%20BG%20Gradient_1647009495069001pvTz.png') !important;
}
.bg-gradient-to-b {
	background-image: linear-gradient(to bottom, var(--tw-gradient-stops)) !important;
}
.bg-sap-gray-gradient {
	background-image: url('https://static.rainfocus.com/sap/sapsapphire/static/staticfile/staticfile/sap-gray-gradient_1649931563897001s6se.png') !important;
}
.bg-sap-white-gray-gradient {
	background-image: url('https://static.rainfocus.com/sap/sapsapphire/static/staticfile/staticfile/sap-white-gray-gradient_1649943816191001z3qU.png') !important;
}
.from-\[\#6e6e6e\] {
	--tw-gradient-from: #6e6e6e !important;
	--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(110, 110, 110, 0)) !important;
}
.to-\[\#4f4f40\] {
	--tw-gradient-to: #4f4f40 !important;
}
.bg-cover {
	background-size: cover !important;
}
.bg-repeat-x {
	background-repeat: repeat-x !important;
}
.p-0 {
	padding: 0 !important;
}
.p-\[10px\] {
	padding: 0.625rem !important;
}
.p-\[20px\] {
	padding: 1.25rem !important;
}
.py-\[10px\] {
	padding-top: 0.625rem !important;
	padding-bottom: 0.625rem !important;
}
.px-\[20px\] {
	padding-left: 1.25rem !important;
	padding-right: 1.25rem !important;
}
.py-\[29px\] {
	padding-top: 1.8125rem !important;
	padding-bottom: 1.8125rem !important;
}
.py-\[40px\] {
	padding-top: 2.5rem !important;
	padding-bottom: 2.5rem !important;
}
.px-\[30px\] {
	padding-left: 1.875rem !important;
	padding-right: 1.875rem !important;
}
.py-\[3\.125rem\] {
	padding-top: 3.125rem !important;
	padding-bottom: 3.125rem !important;
}
.px-\[55px\] {
	padding-left: 3.4375rem !important;
	padding-right: 3.4375rem !important;
}
.px-\[1\.875rem\] {
	padding-left: 1.875rem !important;
	padding-right: 1.875rem !important;
}
.px-\[15px\] {
	padding-left: 0.9375rem !important;
	padding-right: 0.9375rem !important;
}
.px-\[22px\] {
	padding-left: 1.375rem !important;
	padding-right: 1.375rem !important;
}
.px-\[70px\] {
	padding-left: 4.375rem !important;
	padding-right: 4.375rem !important;
}
.py-\[25px\] {
	padding-top: 1.5625rem !important;
	padding-bottom: 1.5625rem !important;
}
.py-10 {
	padding-top: 2.5rem !important;
	padding-bottom: 2.5rem !important;
}
.px-5 {
	padding-left: 1.25rem !important;
	padding-right: 1.25rem !important;
}
.px-\[3\.75rem\] {
	padding-left: 3.75rem !important;
	padding-right: 3.75rem !important;
}
.py-\[50px\] {
	padding-top: 3.125rem !important;
	padding-bottom: 3.125rem !important;
}
.px-\[60px\] {
	padding-left: 3.75rem !important;
	padding-right: 3.75rem !important;
}
.px-\[1\.25rem\] {
	padding-left: 1.25rem !important;
	padding-right: 1.25rem !important;
}
.py-\[2\.5rem\] {
	padding-top: 2.5rem !important;
	padding-bottom: 2.5rem !important;
}
.pb-\[15\.5px\] {
	padding-bottom: 0.96875rem !important;
}
.pt-\[0\.8125rem\] {
	padding-top: 0.8125rem !important;
}
.pb-\[0\.9375rem\] {
	padding-bottom: 0.9375rem !important;
}
.pb-10 {
	padding-bottom: 2.5rem !important;
}
.pt-\[20px\] {
	padding-top: 1.25rem !important;
}
.pb-\[20px\] {
	padding-bottom: 1.25rem !important;
}
.pt-\[25px\] {
	padding-top: 1.5625rem !important;
}
.pb-\[58px\] {
	padding-bottom: 3.625rem !important;
}
.pb-3 {
	padding-bottom: 0.75rem !important;
}
.pt-10 {
	padding-top: 2.5rem !important;
}
.pb-\[3\.125rem\] {
	padding-bottom: 3.125rem !important;
}
.pt-\[40px\] {
	padding-top: 2.5rem !important;
}
.pb-\[45px\] {
	padding-bottom: 2.8125rem !important;
}
.pb-\[25px\] {
	padding-bottom: 1.5625rem !important;
}
.pl-\[20px\] {
	padding-left: 1.25rem !important;
}
.pt-\[53px\] {
	padding-top: 3.3125rem !important;
}
.pb-\[50px\] {
	padding-bottom: 3.125rem !important;
}
.pt-\[43px\] {
	padding-top: 2.6875rem !important;
}
.pb-\[40px\] {
	padding-bottom: 2.5rem !important;
}
.pb-\[10px\] {
	padding-bottom: 0.625rem !important;
}
.pl-\[0\.9375rem\] {
	padding-left: 0.9375rem !important;
}
.text-center {
	text-align: center !important;
}
.text-\[27\.65px\] {
	font-size: 1.72813rem !important;
}
.text-\[35px\] {
	font-size: 2.1875rem !important;
}
.text-\[20px\] {
	font-size: 1.25rem !important;
}
.text-copy-normal {
	font-size: 1rem !important;
	line-height: 1.5rem !important;
}
.text-\[2\.0625rem\] {
	font-size: 2.0625rem !important;
}
.text-\[1\.728rem\] {
	font-size: 1.728rem !important;
}
.text-xl {
	font-size: 1.25rem !important;
	line-height: 1.75rem !important;
}
.text-\[1\.69rem\] {
	font-size: 1.69rem !important;
}
.text-\[16px\] {
	font-size: 1rem !important;
}
.text-\[27px\] {
	font-size: 1.6875rem !important;
}
.text-heading-m-s {
	font-size: 1.2rem !important;
	line-height: 1.63125rem !important;
}
.text-xs {
	font-size: 0.75rem !important;
	line-height: 1rem !important;
}
.text-copy-m-normal {
	font-size: 1rem !important;
	line-height: 1.5rem !important;
}
.text-copy-m-small {
	font-size: 0.83313rem !important;
	line-height: 1.25rem !important;
}
.text-\[1\.25rem\] {
	font-size: 1.25rem !important;
}
.text-\[19px\] {
	font-size: 1.1875rem !important;
}
.text-\[13px\] {
	font-size: 0.8125rem !important;
}
.text-\[23px\] {
	font-size: 1.4375rem !important;
}
.text-heading-m-l {
	font-size: 1.72813rem !important;
	line-height: 2.63625rem !important;
}
.text-base {
	font-size: 1rem !important;
	line-height: 1.5rem !important;
}
.text-\[1\.44rem\] {
	font-size: 1.44rem !important;
}
.text-\[33px\] {
	font-size: 2.0625rem !important;
}
.text-heading-m-xl {
	font-size: 2.07375rem !important;
	line-height: 3.425rem !important;
}
.text-heading-m-m {
	font-size: 1.44rem !important;
	line-height: 2.19688rem !important;
}
.text-heading-xl {
	font-size: 2.85625rem !important;
	line-height: 3.425rem !important;
}
.text-\[0\.8125rem\] {
	font-size: 0.8125rem !important;
}
.font-normal {
	font-weight: 400 !important;
}
.font-medium {
	font-weight: 500 !important;
}
.leading-\[33px\] {
	line-height: 2.0625rem !important;
}
.leading-\[42px\] {
	line-height: 2.625rem !important;
}
.leading-\[26px\] {
	line-height: 1.625rem !important;
}
.leading-\[2\.4375rem\] {
	line-height: 2.4375rem !important;
}
.leading-\[2\.074rem\] {
	line-height: 2.074rem !important;
}
.leading-\[1\.625rem\] {
	line-height: 1.625rem !important;
}
.leading-\[2\.197rem\] {
	line-height: 2.197rem !important;
}
.leading-\[24px\] {
	line-height: 1.5rem !important;
}
.leading-\[35px\] {
	line-height: 2.1875rem !important;
}
.leading-\[25px\] {
	line-height: 1.5625rem !important;
}
.leading-\[17px\] {
	line-height: 1.0625rem !important;
}
.leading-\[30px\] {
	line-height: 1.875rem !important;
}
.leading-\[1\.8125rem\] {
	line-height: 1.8125rem !important;
}
.leading-\[19px\] {
	line-height: 1.1875rem !important;
}
.leading-\[40px\] {
	line-height: 2.5rem !important;
}
.leading-\[1\.0625rem\] {
	line-height: 1.0625rem !important;
}
.text-white {
	--tw-text-opacity: 1 !important;
	color: rgba(255, 255, 255, var(--tw-text-opacity)) !important;
}
.text-\[\#969696\] {
	--tw-text-opacity: 1 !important;
	color: rgba(150, 150, 150, var(--tw-text-opacity)) !important;
}
.text-\[\#545454\] {
	--tw-text-opacity: 1 !important;
	color: rgba(84, 84, 84, var(--tw-text-opacity)) !important;
}
.text-\[\#037DB9\] {
	--tw-text-opacity: 1 !important;
	color: rgba(3, 125, 185, var(--tw-text-opacity)) !important;
}
.text-\[\#727272\] {
	--tw-text-opacity: 1 !important;
	color: rgba(114, 114, 114, var(--tw-text-opacity)) !important;
}
.text-\[\#000000\] {
	--tw-text-opacity: 1 !important;
	color: rgba(0, 0, 0, var(--tw-text-opacity)) !important;
}
.text-sap-gray {
	--tw-text-opacity: 1 !important;
	color: rgba(84, 84, 84, var(--tw-text-opacity)) !important;
}
.text-black {
	--tw-text-opacity: 1 !important;
	color: rgba(0, 0, 0, var(--tw-text-opacity)) !important;
}
.text-sap-gray-707070 {
	--tw-text-opacity: 1 !important;
	color: rgba(112, 112, 112, var(--tw-text-opacity)) !important;
}
.text-\[\#707070\] {
	--tw-text-opacity: 1 !important;
	color: rgba(112, 112, 112, var(--tw-text-opacity)) !important;
}
.underline {
	text-decoration: underline !important;
}
.no-underline {
	text-decoration: none !important;
}
.shadow-xl {
	--tw-shadow: 0 1.25rem 1.5625rem -0.3125rem rgba(0, 0, 0, 0.1), 0 0.625rem 0.625rem -0.3125rem rgba(0, 0, 0, 0.04) !important;
	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}
.shadow-lg {
	--tw-shadow: 0 0.625rem 0.9375rem -0.1875rem rgba(0, 0, 0, 0.1), 0 0.25rem 0.375rem -0.125rem rgba(0, 0, 0, 0.05) !important;
	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}
.filter {
	-webkit-filter: var(--tw-filter) !important;
	        filter: var(--tw-filter) !important;
}
.transition {
	transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter !important;
	transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter !important;
	transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter !important;
	transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-transform, -webkit-filter, -webkit-backdrop-filter !important;
	transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter !important;
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
	transition-duration: 150ms !important;
}
.custom-breakpoint-container {
    position: relative !important;
    z-index: 1 !important;
    width: 100% !important;
    padding-left: 1.25rem !important;
    padding-right: 1.25rem !important;
    max-width: 85rem !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
@media screen and (min-width: 768px) {
    .custom-breakpoint-container {
      padding-left: 2rem !important;
      padding-right: 2rem !important;
    }
  }
@media screen and (min-width: 1400px) {
    .custom-breakpoint-container {
      padding-left: 0 !important;
      padding-right: 0 !important;
    }
  }
.orange-bg-gradient {
    position: relative !important;
  }
.orange-bg-gradient::before {
    content: "" !important;
    position: absolute !important;
    width: 100% !important;
    height: 100% !important;
    top: 0 !important;
    left: 0 !important;
    background-image: url("https://static.rainfocus.com/sap/sapsapphire/static/staticfile/staticfile/Sapphire%20BG%20Gradient_1647009495069001pvTz.png") !important;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    z-index: -1 !important;
    overflow: hidden !important;
  }
.transparent-button-blue, .transparent-button-grey, .transparent-button-black, .transparent-button-white {
	display: flex;
	min-width: 11.75rem;
	align-items: center;
	justify-content: center;
	border-radius: 624.9375rem;
	border-width: 0.125rem;
	border-style: solid;
	text-decoration: none;
    width: -webkit-fit-content !important;
    width: -moz-fit-content !important;
    width: fit-content !important;
    height: 2.5rem !important;
    cursor: pointer !important;
    transition: 0.2s !important;
}
.transparent-button-blue {
	--tw-border-opacity: 1 !important;
	border-color: rgba(0, 118, 203, var(--tw-border-opacity)) !important;
	--tw-text-opacity: 1 !important;
	color: rgba(0, 118, 203, var(--tw-text-opacity)) !important;
}
.transparent-button-blue:hover {
	--tw-border-opacity: 1 !important;
	border-color: rgba(42, 107, 146, var(--tw-border-opacity)) !important;
	--tw-bg-opacity: 1 !important;
	background-color: rgba(42, 107, 146, var(--tw-bg-opacity)) !important;
	--tw-text-opacity: 1 !important;
	color: rgba(255, 255, 255, var(--tw-text-opacity)) !important;
}
.transparent-button-blue:active {
	--tw-border-opacity: 1 !important;
	border-color: rgba(42, 107, 146, var(--tw-border-opacity)) !important;
	--tw-bg-opacity: 1 !important;
	background-color: rgba(42, 107, 146, var(--tw-bg-opacity)) !important;
	--tw-text-opacity: 1 !important;
	color: rgba(255, 255, 255, var(--tw-text-opacity)) !important;
}
.transparent-button-blue:focus {
	--tw-border-opacity: 1 !important;
	border-color: rgba(42, 107, 146, var(--tw-border-opacity)) !important;
	--tw-bg-opacity: 1 !important;
	background-color: rgba(42, 107, 146, var(--tw-bg-opacity)) !important;
	--tw-text-opacity: 1 !important;
	color: rgba(255, 255, 255, var(--tw-text-opacity)) !important;
}
.transparent-button-blue:disabled {
	--tw-border-opacity: 1 !important;
	border-color: rgba(180, 180, 180, var(--tw-border-opacity)) !important;
	--tw-bg-opacity: 1 !important;
	background-color: rgba(180, 180, 180, var(--tw-bg-opacity)) !important;
	--tw-text-opacity: 1 !important;
	color: rgba(255, 255, 255, var(--tw-text-opacity)) !important;
}
.transparent-button-blue {
    transition: 0.2s !important;
  }
.transparent-button-grey {
	--tw-border-opacity: 1 !important;
	border-color: rgba(84, 84, 84, var(--tw-border-opacity)) !important;
	--tw-text-opacity: 1 !important;
	color: rgba(84, 84, 84, var(--tw-text-opacity)) !important;
}
.transparent-button-grey:hover {
	--tw-bg-opacity: 1 !important;
	background-color: rgba(84, 84, 84, var(--tw-bg-opacity)) !important;
	--tw-text-opacity: 1 !important;
	color: rgba(255, 255, 255, var(--tw-text-opacity)) !important;
}
.transparent-button-grey:focus {
	--tw-bg-opacity: 1 !important;
	background-color: rgba(84, 84, 84, var(--tw-bg-opacity)) !important;
	--tw-text-opacity: 1 !important;
	color: rgba(255, 255, 255, var(--tw-text-opacity)) !important;
}
.transparent-button-grey:active {
	--tw-bg-opacity: 1 !important;
	background-color: rgba(84, 84, 84, var(--tw-bg-opacity)) !important;
	--tw-text-opacity: 1 !important;
	color: rgba(255, 255, 255, var(--tw-text-opacity)) !important;
}
.transparent-button-grey:disabled {
	--tw-border-opacity: 1 !important;
	border-color: rgba(180, 180, 180, var(--tw-border-opacity)) !important;
	--tw-bg-opacity: 1 !important;
	background-color: rgba(180, 180, 180, var(--tw-bg-opacity)) !important;
	--tw-text-opacity: 1 !important;
	color: rgba(255, 255, 255, var(--tw-text-opacity)) !important;
}
.transparent-button-grey {
    transition: 0.2s !important;
  }
.transparent-button-black {
	--tw-border-opacity: 1 !important;
	border-color: rgba(0, 0, 0, var(--tw-border-opacity)) !important;
	--tw-text-opacity: 1 !important;
	color: rgba(0, 0, 0, var(--tw-text-opacity)) !important;
}
.transparent-button-black:hover {
	--tw-bg-opacity: 1 !important;
	background-color: rgba(0, 0, 0, var(--tw-bg-opacity)) !important;
	--tw-text-opacity: 1 !important;
	color: rgba(255, 255, 255, var(--tw-text-opacity)) !important;
}
.transparent-button-black:focus {
	--tw-bg-opacity: 1 !important;
	background-color: rgba(0, 0, 0, var(--tw-bg-opacity)) !important;
	--tw-text-opacity: 1 !important;
	color: rgba(255, 255, 255, var(--tw-text-opacity)) !important;
}
.transparent-button-black:active {
	--tw-bg-opacity: 1 !important;
	background-color: rgba(0, 0, 0, var(--tw-bg-opacity)) !important;
	--tw-text-opacity: 1 !important;
	color: rgba(255, 255, 255, var(--tw-text-opacity)) !important;
}
.transparent-button-black:disabled {
	--tw-border-opacity: 1 !important;
	border-color: rgba(180, 180, 180, var(--tw-border-opacity)) !important;
	--tw-bg-opacity: 1 !important;
	background-color: rgba(180, 180, 180, var(--tw-bg-opacity)) !important;
	--tw-text-opacity: 1 !important;
	color: rgba(255, 255, 255, var(--tw-text-opacity)) !important;
}
.transparent-button-black {
    transition: 0.2s !important;
  }
.transparent-button-white {
	--tw-border-opacity: 1 !important;
	border-color: rgba(255, 255, 255, var(--tw-border-opacity)) !important;
	--tw-text-opacity: 1 !important;
	color: rgba(255, 255, 255, var(--tw-text-opacity)) !important;
}
.transparent-button-white:hover {
	--tw-bg-opacity: 1 !important;
	background-color: rgba(255, 255, 255, var(--tw-bg-opacity)) !important;
	--tw-text-opacity: 1 !important;
	color: rgba(0, 118, 203, var(--tw-text-opacity)) !important;
	--tw-bg-opacity: 1 !important;
	background-color: rgba(255, 255, 255, var(--tw-bg-opacity)) !important;
	--tw-text-opacity: 1 !important;
	color: rgba(0, 118, 203, var(--tw-text-opacity)) !important;
	--tw-bg-opacity: 1 !important;
	background-color: rgba(255, 255, 255, var(--tw-bg-opacity)) !important;
	--tw-text-opacity: 1 !important;
	color: rgba(0, 118, 203, var(--tw-text-opacity)) !important;
}
.transparent-button-white:disabled {
	--tw-border-opacity: 1 !important;
	border-color: rgba(180, 180, 180, var(--tw-border-opacity)) !important;
	--tw-bg-opacity: 1 !important;
	background-color: rgba(180, 180, 180, var(--tw-bg-opacity)) !important;
	--tw-text-opacity: 1 !important;
	color: rgba(255, 255, 255, var(--tw-text-opacity)) !important;
}
.transparent-button-white {
    transition: 0.2s !important;
  }
.session-card {
	--tw-bg-opacity: 1;
	background-color: rgba(197, 228, 253, var(--tw-bg-opacity));
}
.session-card:hover {
	--tw-bg-opacity: 1;
	background-color: rgba(219, 239, 255, var(--tw-bg-opacity));
}
.session-card {
	padding: 0.9375rem;
	--tw-text-opacity: 1;
	color: rgba(84, 84, 84, var(--tw-text-opacity));
	font-size: 1rem;
	line-height: 1.5rem;
}
.session-card.selected-card {
	--tw-bg-opacity: 1;
	background-color: rgba(132, 190, 237, var(--tw-bg-opacity));
}
.session-card > div p:nth-child(2) {
	--tw-text-opacity: 1;
	color: rgba(0, 0, 0, var(--tw-text-opacity));
}
.live-slide {
	background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
	--tw-gradient-from: #F38B1F;
	--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(243, 139, 31, 0));
	--tw-gradient-to: #FFC834;
}
.past-session {
	--tw-bg-opacity: 1;
	background-color: rgba(60, 60, 60, var(--tw-bg-opacity));
	background-image: none;
}
.past-session:hover {
	--tw-bg-opacity: 1;
	background-color: rgba(114, 114, 114, var(--tw-bg-opacity));
}
.past-session {
	--tw-text-opacity: 1;
	color: rgba(255, 255, 255, var(--tw-text-opacity));
}
.past-session.selected-card {
	--tw-bg-opacity: 1;
	background-color: rgba(0, 0, 0, var(--tw-bg-opacity));
}
.past-session > div p:nth-child(2) {
	--tw-text-opacity: 1;
	color: rgba(255, 255, 255, var(--tw-text-opacity));
}

/*fonts*/

/* Added for DC-18 */
@font-face {
  font-family: "bentonsans";
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url("https://static.rainfocus.com/sap/sapsapphire/static/staticfile/staticfile/BentonSans-Regular_16478645877190013zdY.otf")
    format("opentype");
}

*:not(.video-js *),
html {
  font-family: "bentonsans" !important;
  /*SAP does not use bold font styles. They use black or grey text colors instead*/
  font-weight: normal !important;
}

/* Added for DC-18 */

/*======================================================================================================*/
/*                                          UTILITY CLASSES                                             */
/*======================================================================================================*/

.large-grey-arrow-up::after {
  content: url("https://static.rainfocus.com/sap/sapsapphire/static/staticfile/staticfile/arrow_1648039271450001k40w.svg");
}

.large-grey-arrow-down::after {
  content: url("https://static.rainfocus.com/sap/sapsapphire/static/staticfile/staticfile/arrow_1648039271450001k40w.svg");
  display: inline-block;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.large-grey-arrow-right::after {
  content: url("https://static.rainfocus.com/sap/sapsapphire/static/staticfile/staticfile/arrow_1648039271450001k40w.svg");
  display: inline-block;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  transition: 0.2s;
}

.large-grey-arrow-left::after {
  content: url("https://static.rainfocus.com/sap/sapsapphire/static/staticfile/staticfile/arrow_1648039271450001k40w.svg");
  display: inline-block;
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
}

/*========================================================================================================*/
/*                                            GLOBAL STYLING                                                                  */
/*========================================================================================================*/

html {
  height: 100%;
  line-height: 1.5 !important;
  -webkit-text-size-adjust: 100% !important;
}

body {
  margin: 0;
  display: flex;
  flex-direction: column;
  height: 100%;

  /*This is event specific body styling for sticky header*/
  /*sticky the parent nav seemingly fixed this issue
  @apply mt-[4.6875rem] xl:mt-[7rem];*/
}

a{
  color: #46a8f7;
}
a > span{
  color: #46a8f7 !important;
}

a:hover,
a:focus,
a:link:hover,
a:link:focus,
a:visited:hover,
a:visited:focus {
  color: #3273de;
}

.rf-org-header-container {
  position: sticky;
  top: 0;
  left: 0;
  z-index: 100;
}

/*
sapphire-navbar,
sapphire-navbar-mobile {
  position: sticky;
  top: 0;
  left: 0;
  z-index: 100;
}
*/

/* Added for DC-26 */
.sap-box-shadow {
	--tw-shadow: 0 0.625rem 0.9375rem -0.1875rem rgba(0, 0, 0, 0.1), 0 0.25rem 0.375rem -0.125rem rgba(0, 0, 0, 0.05);
	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

/* Added for DC-26 */

/*======================================================================================================
                                       background classes for header banner for each page
========================================================================================================*/

.session-catalog-bg {
  width: 100%;
  position: relative;
  top: 0;
  left: 0;
  background-image: url("https://static.rainfocus.com/sap/sapsapphire/static/staticfile/staticfile/Sapphire%20BG%20Gradient_1647009495069001pvTz.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  overflow: hidden;
}

/*these queries can be shared*/
@media screen and (min-width: 768px) {
  .session-catalog-bg {
    background-image: url("https://static.rainfocus.com/sap/sapsapphire/static/staticfile/staticfile/sessioncatalog%20bg%20img%20tablet_1648059562089001OspY.png"),
      url("https://static.rainfocus.com/sap/sapsapphire/static/staticfile/staticfile/Sapphire%20BG%20Gradient_1647009495069001pvTz.png");
    background-size: contain, cover;
    background-position: center right, center center;
    background-repeat: no-repeat, no-repeat;
  }
}

@media screen and (min-width: 1400px) {
  .session-catalog-bg {
    background-image: url("https://static.rainfocus.com/sap/sapsapphire/static/staticfile/staticfile/sessioncatalog%20bg%20img%20desktop_1648059561541001OKz2.png"),
      url("https://static.rainfocus.com/sap/sapsapphire/static/staticfile/staticfile/Sapphire%20BG%20Gradient_1647009495069001pvTz.png");
  }
}

/*======================================================================================================
                                       end background classes for header banner for each page
========================================================================================================*/

/*=======================================================================================================*/
/*                                    RainFocus Widget/form Styles
/*=======================================================================================================*/

/*Global Message Bar*/
#message-bar.display-msgbar {
  display: block;
}
#message-bar.hide-msgbar {
  display: none;
}

#message-bar .txt-subhead1 a{
  color:white;
  text-decoration: underline;
}

#message-bar .txt-subhead1 a:hover {
	--tw-text-opacity: 1;
	color: rgba(70, 168, 247, var(--tw-text-opacity));
}

/*reg overlay hovering*/
.sapphire-registration #rf-overlay-id .form-element-popover {
  pointer-events: none;
}

.rf-workflow .rf-text-container ul li,
.rf-workflow .rf-text-container ol li {
  list-style: disc;
}
/*overall RF class styling*/
.sapphire-registration form, .sapphire-my-profile form {
	--tw-shadow: 0 0.625rem 0.9375rem -0.1875rem rgba(0, 0, 0, 0.1), 0 0.25rem 0.375rem -0.125rem rgba(0, 0, 0, 0.05);
	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

/* DEC-832 */
.sapphire-registration #wf-btn-cancel {
	display: none;
}

/* End of DEC-832 */

/*DC-35*/

.sapphire-registration .custom-form-content, .sapphire-my-profile .custom-form-content {
    position: relative;
  }

.sapphire-registration .custom-form-content::before, .sapphire-my-profile .custom-form-content::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-image: url("https://static.rainfocus.com/sap/sapsapphire/static/staticfile/staticfile/Sapphire%20BG%20Gradient_1647009495069001pvTz.png");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    z-index: -1;
    overflow: hidden;
  }

.sapphire-registration #contact-info, .sapphire-my-profile #contact-info {
    position: relative;
    z-index: 1;
    width: 100%;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    max-width: 85rem;
    margin-left: auto;
    margin-right: auto;
  }

@media screen and (min-width: 768px) {
    .sapphire-registration #contact-info, .sapphire-my-profile #contact-info {
      padding-left: 2rem;
      padding-right: 2rem;
    }
  }

@media screen and (min-width: 1400px) {
    .sapphire-registration #contact-info, .sapphire-my-profile #contact-info {
      padding-left: 0;
      padding-right: 0;
    }
  }

.sapphire-registration form {
	--tw-bg-opacity: 1;
	background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
}

.sapphire-registration .custom-form-content {
  overflow: hidden;
}

.rfwf-full-panel.form-id-1646839757753001o5sM {
  padding: 5.9375rem 0rem;
}

.custom-form-content .mobile-tab {
  display: none;
}

.fre-form-class .custom-breakpoint-container {
  padding-top: 2.5rem;
}

.fre-form-class .custom-breakpoint-container p {
  color: #545454;
}

.fre-form-class .custom-breakpoint-container .header-text h5 {
  margin-bottom: 1.25rem;
  font-size: 1.1875rem;
  line-height: 1.5rem;
  font-weight: 400;
}

.fre-form-class .custom-breakpoint-container .header-text h1 {
  margin-bottom: 1.25rem;
  font-size: 2.0625rem;
  line-height: 2.4375rem;
  font-weight: 400;
}

.fre-form-class .custom-breakpoint-container .header-text h3 {
  margin-bottom: 1.875rem;
  font-size: 1.4375rem;
  line-height: 1.4;
  font-weight: 400;
}

.fre-form-class .custom-breakpoint-container .header-text {
  font-size: 0.8125rem;
  line-height: 1.0625rem;
  font-weight: 500;
}

.custom-form-content .header-text .text-groups .text-group-1 {
  margin-top: 0.625rem;
}

.custom-form-content .header-text .text-groups p {
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 400;
}

.custom-form-content .header-text .text-groups p:not(:last-of-type) {
  margin-bottom: 1rem;
}

.custom-form-content .header-text .text-groups p:last-of-type {
  margin-bottom: 0rem;
}

.fre-form-class .custom-breakpoint-container .steps-container {
  margin-top: 2.625rem;
}

.custom-form-content .steps-container p {
  margin-bottom: 2.5rem;
}

.steps-container .steps .heading-1 {
  border-bottom: solid 0.0625rem #707070;
  margin-bottom: 1.25rem;
}

.steps-container .steps .heading > div > img {
  margin-bottom: 1.25rem;
}

.custom-form-content .steps-container h1 {
  font-size: 1.4375rem;
  line-height: 1.875rem;
  font-weight: 400;
  margin-bottom: 0.625rem;
}

.custom-form-content .steps-container h3 {
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 400;
  margin-bottom: 0.625rem;
}

.custom-form-content .steps-container p:first-of-type {
  margin-bottom: 2.5rem;
}

.custom-form-content .steps-container p {
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 400;
  margin-bottom: 1.25rem;
}

.steps-container .steps .heading-2 {
  border-bottom: solid 0.0625rem #707070;
  padding-bottom: 1.25rem;
}

.custom-form-content .steps-container .heading-2 p:first-of-type {
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 400;
  margin-bottom: 2.5rem;
  color: #545454;
}

.custom-form-content .steps-container .heading-2 p:last-of-type {
  margin-bottom: 0rem;
}

.custom-form-content .steps-container .heading-2 p {
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 400;
  color: #000000;
  margin-bottom: 1.25rem;
}

.sapphire-registration #myDynamicForm .form-footer-actions {
  margin-top: 2.5rem;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.sapphire-registration #myDynamicForm .form-footer-actions .mdBtnR-container {
  margin: 0;
}

.sapphire-registration #myDynamicForm #wf-btn-submit {
  padding-top: 0.5rem;
  padding-bottom: 0.625rem;
  padding-left: 3.75rem;
  padding-right: 3.75rem;
  background-color: transparent;
  border: solid 0.125rem #037db9;
  border-radius: 2.625rem;
  margin-bottom: 2.5rem;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    height: 2.5rem;
    cursor: pointer;
    transition: 0.2s;
    display: flex;
    min-width: 11.75rem;
    align-items: center;
    justify-content: center;
    border-radius: 624.9375rem;
    border-width: 0.125rem;
    border-style: solid;
    text-decoration: none;
    transition: 0.2s;
    --tw-border-opacity: 1 !important;
    border-color: rgba(0, 118, 203, var(--tw-border-opacity)) !important;
    --tw-text-opacity: 1 !important;
    color: rgba(0, 118, 203, var(--tw-text-opacity)) !important;
}

.sapphire-registration #myDynamicForm #wf-btn-submit:hover {
	--tw-border-opacity: 1 !important;
	border-color: rgba(42, 107, 146, var(--tw-border-opacity)) !important;
	--tw-bg-opacity: 1 !important;
	background-color: rgba(42, 107, 146, var(--tw-bg-opacity)) !important;
	--tw-text-opacity: 1 !important;
	color: rgba(255, 255, 255, var(--tw-text-opacity)) !important;
}

.sapphire-registration #myDynamicForm #wf-btn-submit:focus {
	--tw-border-opacity: 1 !important;
	border-color: rgba(42, 107, 146, var(--tw-border-opacity)) !important;
	--tw-bg-opacity: 1 !important;
	background-color: rgba(42, 107, 146, var(--tw-bg-opacity)) !important;
	--tw-text-opacity: 1 !important;
	color: rgba(255, 255, 255, var(--tw-text-opacity)) !important;
}

.sapphire-registration #myDynamicForm #wf-btn-submit:active {
	--tw-border-opacity: 1 !important;
	border-color: rgba(42, 107, 146, var(--tw-border-opacity)) !important;
	--tw-bg-opacity: 1 !important;
	background-color: rgba(42, 107, 146, var(--tw-bg-opacity)) !important;
	--tw-text-opacity: 1 !important;
	color: rgba(255, 255, 255, var(--tw-text-opacity)) !important;
}

.sapphire-registration #myDynamicForm #wf-btn-submit:disabled {
	--tw-border-opacity: 1 !important;
	border-color: rgba(180, 180, 180, var(--tw-border-opacity)) !important;
	--tw-bg-opacity: 1 !important;
	background-color: rgba(180, 180, 180, var(--tw-bg-opacity)) !important;
	--tw-text-opacity: 1 !important;
	color: rgba(255, 255, 255, var(--tw-text-opacity)) !important;
}
.sapphire-registration #myDynamicForm #wf-btn-submit:hover::after {
  color: white;
}

.sapphire-registration #myDynamicForm #wf-btn-submit span {
  font-size: 1rem;
  line-height: 1.3125rem;
  font-weight: 400;
  color: #037db9;
  text-transform: capitalize;
}

/*DC-277 part of registration worklfow*/

.sapphire-registration .rf-overlay-new {
  max-height: none;
}

.sapphire-registration
  .rf-overlay-new
  .rf-scroll-frame
  ul:not(.rf-select-selected)
  li:not(.common-select-dropdown-option-item) {
  white-space: normal;
}

/*DC-277*/

/*tablet*/
@media (min-width: 768px) {
  .rfwf-full-panel.form-id-1646839757753001o5sM {
    padding: 4.1875rem 0rem;
  }

  .fre-form-class .custom-breakpoint-container .header-text h5 {
    font-size: 1.25rem;
    line-height: 1.625rem;
  }

  .fre-form-class .custom-breakpoint-container .header-text h1 {
    font-size: 2.8125rem;
    line-height: 3.375rem;
  }

  .fre-form-class .custom-breakpoint-container .header-text h3 {
    margin-bottom: 1.6875rem;
    font-size: 2.1875rem;
  }

  .fre-form-class .custom-breakpoint-container .header-text {
    font-size: 0.75rem;
    line-height: 1.125rem;
  }

  .custom-form-content .header-text .text-groups .text-group-1 {
    display: grid;
    grid-template-columns: 50% 50%;
    grid-column-gap: 1.25rem;
    grid-row-gap: 1rem;
  }

  .fre-form-class .custom-breakpoint-container .steps-container {
    margin-top: 2.375rem;
  }

  .steps-container .steps .heading {
    display: flex;
    flex-direction: row;
    border: none;
    -moz-column-gap: 1.875rem;
         -webkit-column-gap: 1.875rem;
            column-gap: 1.875rem;
    align-items: flex-start;
  }

  .steps-container .steps .heading > div > img {
    width: 3.75rem;
    height: 3.75rem;
    max-width: none;
    max-height: none;
  }

  .steps-container .steps .heading > .step {
    border-bottom: 0.0625rem solid #707070;
  }

  .custom-form-content .steps-container p:last-of-type {
    margin-bottom: 2.5rem;
  }

  .steps-container .steps .heading-1 {
    margin-bottom: 2.5rem;
  }

  .custom-form-content .steps-container .heading-2 p:last-of-type {
    margin-bottom: 2.5rem;
  }

  .sapphire-registration #myDynamicForm .form-footer-actions {
    margin-top: 3.75rem;
    align-items: flex-end;
  }

  .sapphire-registration #myDynamicForm .form-footer-actions .mdBtnR-container {
    margin-right: 1.875rem;
  }
}

/*desktop*/
@media (min-width: 1280px) {
  .rfwf-full-panel.form-id-1646839757753001o5sM {
    padding: 7.5rem 0rem;
  }

  .sapphire-registration #contact-info {
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .sapphire-registration #myDynamicForm {
    max-width: 71.375rem;
  }

  .fre-form-class .custom-breakpoint-container {
    max-width: 71.375rem !important;
    padding-top: 3.5625rem !important;
    margin-left: 0rem !important;
    margin-right: 0rem !important;
    padding-left: 4rem !important;
    padding-right: 4rem !important;
    margin-bottom: 0;
    display: flex;
    flex-direction: row;
    -moz-column-gap: 4.5625rem;
         -webkit-column-gap: 4.5625rem;
            column-gap: 4.5625rem;
  }

  .custom-form-content .header-text .text-groups .text-group-1 {
    display: flex;
    flex-direction: column;
    row-gap: 1rem;
  }

  .custom-form-content .header-text .text-groups .text-group-1 p {
    margin: 0rem;
  }

  .fre-form-class .custom-breakpoint-container .steps-container {
    margin-top: 0rem;
    margin-right: 1.75rem;
  }

  .fre-form-class .custom-breakpoint-container .header-text {
    max-width: 19.6875rem;
    font-size: 0.75rem;
    line-height: 1.125rem;
  }

  .fre-form-class .custom-breakpoint-container .header-text h5 {
    font-size: 1.25rem;
    line-height: 1.625rem;
  }

  .fre-form-class .custom-breakpoint-container .header-text h1 {
    font-size: 2.8125rem;
    line-height: 3.375rem;
  }

  .fre-form-class .custom-breakpoint-container .header-text h3 {
    font-size: 1.6875rem;
    line-height: 2.1875rem;
  }

  .steps-container .steps .heading-1 {
    margin-bottom: 1.875rem;
  }

  .custom-form-content .steps-container h1 {
    font-size: 1.6875rem;
    line-height: 2.1875rem;
  }

  .custom-form-content .steps-container p:first-of-type {
    margin-bottom: 1.25rem;
  }

  .custom-form-content .steps-container p:last-of-type {
    margin-bottom: 3.75rem;
  }

  .custom-form-content .steps-container .step > p:last-of-type {
    margin-bottom: 1.875rem;
  }

  .steps-container .steps .heading {
    margin-left: 2.625rem;
  }

  .custom-form-content .steps-container .heading-2 p:first-of-type {
    margin-bottom: 1.25rem;
  }

  .custom-form-content .steps-container .heading-2 p {
    margin-bottom: 1.25rem;
  }

  .custom-form-content .steps-container .heading-2 p:last-of-type {
    margin-bottom: 1.875rem;
  }

  .steps-container .steps .heading-2 {
    padding-bottom: 0rem;
  }

  .sapphire-registration #myDynamicForm .form-footer-actions {
    margin-top: 5.875rem;
    margin-bottom: 4.1875rem;
  }

  .sapphire-registration #myDynamicForm .form-footer-actions .mdBtnR-container {
    margin-right: 5.75rem;
  }
}

/*end DC-35*/

/* DC-36*/

/*
*so we are using the workflow class, and the page specific class here
* .sapphire-registration = workflow
* .sap-sapsapphire-registration-form-contactInfo = page specific
* the styles are also somewhat in order of encounter on the page
*/

.sap-sapsapphire-portal-form-invitefriend form, .sap-sapsapphire-portal-staging-form-invitefriend form {
	margin-top: 3.125rem;
    position: relative;
    z-index: 1;
    width: 100%;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    max-width: 85rem;
    margin-left: auto;
    margin-right: auto;
}

@media screen and (min-width: 768px) {
    .sap-sapsapphire-portal-form-invitefriend form, .sap-sapsapphire-portal-staging-form-invitefriend form {
      padding-left: 2rem;
      padding-right: 2rem;
    }
  }

@media screen and (min-width: 1400px) {
    .sap-sapsapphire-portal-form-invitefriend form, .sap-sapsapphire-portal-staging-form-invitefriend form {
      padding-left: 0;
      padding-right: 0;
    }
  }
.sap-sapsapphire-portal-form-invitefriend form #wf-temp_a1650372882300 a, .sap-sapsapphire-portal-staging-form-invitefriend form #wf-temp_a1650372882300 a {
	text-decoration: none;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    height: 2.5rem;
    cursor: pointer;
    transition: 0.2s;
    display: flex;
    min-width: 11.75rem;
    align-items: center;
    justify-content: center;
    border-radius: 624.9375rem;
    border-width: 0.125rem;
    border-style: solid;
    text-decoration: none;
    transition: 0.2s;
    --tw-border-opacity: 1 !important;
    border-color: rgba(0, 118, 203, var(--tw-border-opacity)) !important;
    --tw-text-opacity: 1 !important;
    color: rgba(0, 118, 203, var(--tw-text-opacity)) !important;
}
.sap-sapsapphire-portal-form-invitefriend form #wf-temp_a1650372882300 a:hover, .sap-sapsapphire-portal-staging-form-invitefriend form #wf-temp_a1650372882300 a:hover {
	--tw-border-opacity: 1 !important;
	border-color: rgba(42, 107, 146, var(--tw-border-opacity)) !important;
	--tw-bg-opacity: 1 !important;
	background-color: rgba(42, 107, 146, var(--tw-bg-opacity)) !important;
	--tw-text-opacity: 1 !important;
	color: rgba(255, 255, 255, var(--tw-text-opacity)) !important;
}
.sap-sapsapphire-portal-form-invitefriend form #wf-temp_a1650372882300 a:focus, .sap-sapsapphire-portal-staging-form-invitefriend form #wf-temp_a1650372882300 a:focus {
	--tw-border-opacity: 1 !important;
	border-color: rgba(42, 107, 146, var(--tw-border-opacity)) !important;
	--tw-bg-opacity: 1 !important;
	background-color: rgba(42, 107, 146, var(--tw-bg-opacity)) !important;
	--tw-text-opacity: 1 !important;
	color: rgba(255, 255, 255, var(--tw-text-opacity)) !important;
}
.sap-sapsapphire-portal-form-invitefriend form #wf-temp_a1650372882300 a:active, .sap-sapsapphire-portal-staging-form-invitefriend form #wf-temp_a1650372882300 a:active {
	--tw-border-opacity: 1 !important;
	border-color: rgba(42, 107, 146, var(--tw-border-opacity)) !important;
	--tw-bg-opacity: 1 !important;
	background-color: rgba(42, 107, 146, var(--tw-bg-opacity)) !important;
	--tw-text-opacity: 1 !important;
	color: rgba(255, 255, 255, var(--tw-text-opacity)) !important;
}
.sap-sapsapphire-portal-form-invitefriend form #wf-temp_a1650372882300 a:disabled, .sap-sapsapphire-portal-staging-form-invitefriend form #wf-temp_a1650372882300 a:disabled {
	--tw-border-opacity: 1 !important;
	border-color: rgba(180, 180, 180, var(--tw-border-opacity)) !important;
	--tw-bg-opacity: 1 !important;
	background-color: rgba(180, 180, 180, var(--tw-bg-opacity)) !important;
	--tw-text-opacity: 1 !important;
	color: rgba(255, 255, 255, var(--tw-text-opacity)) !important;
}

.sapphire-registration .rf-workflow .rf-text-container ul {
  padding-left: 1.25rem !important;
}

.sapphire-registration
  .sap-sapsapphire-registration-form-contactInfo
  #contact-info {
  position: relative;
  z-index: 1;
  width: 100%;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  max-width: 69.625rem;
  margin-left: auto;
  margin-right: auto;
}

.sapphire-registration
  .sap-sapsapphire-registration-form-contactInfo
  #contact-info
  #myDynamicForm {
  margin: 3.125rem 0rem;
  padding: 2.5rem 1.25rem;
}

#wf-1618750924854001Sgad::before {
  content: "In order to complete the SAP Sapphire Virtual registration process:";
  margin-bottom: 3.75rem;
  display: inline-block;
  font-size: 1.72813rem;
  line-height: 2.63625rem;
  font-weight: 400;
}

@media (min-width: 640px) {
	#wf-1618750924854001Sgad::before {
		margin-bottom: 1.875rem;
	}
	#wf-1618750924854001Sgad::before {
		font-size: 2.19688rem;
		line-height: 2.63625rem;
	}
}

.sapphire-registration
  .sap-sapsapphire-registration-form-contactInfo
  .rf-text-container
  h4
  strong {
  font-size: 1.4375rem;
  line-height: 1.8125rem;
  font-weight: 400 !important;
}

.sapphire-registration
  .sap-sapsapphire-registration-form-contactInfo
  .rf-label
  span.label-text {
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 400;
  color: #545454;
}

.sapphire-registration
  .sap-sapsapphire-registration-form-contactInfo
  .rf-input
  input:not([type="checkbox"]):not([type="radio"]):not(.mdBtnR),
.rf-input textarea {
  border: solid 0.0625rem #c7c7c7;
  border-radius: 0;
  box-shadow: 0 0 0.375rem rgba(0, 0, 0, 0.2);
}

.sapphire-registration
  .sap-sapsapphire-registration-form-contactInfo
  .wf-form-element-div
  .rf-read-only
  .readOnly-value {
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 400;
  color: #545454;
}

.sap-sapsapphire-registration-form-contactInfo
  .wf-form-element-div
  > .rf-select {
  padding-bottom: 1.25rem;
  padding-top: 0rem;
}

.sapphire-registration
  .sap-sapsapphire-registration-form-contactInfo
  .wf-form-element-div
  > .rf-select
  > div {
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 400;
  color: #545454;
}

.sapphire-registration
  .sap-sapsapphire-registration-form-contactInfo
  .wf-form-element-div
  > .rf-select
  > select {
  border: solid 0.0625rem #c7c7c7;
  border-radius: 0;
  box-shadow: 0 0 0.375rem rgba(0, 0, 0, 0.2);
}

.sapphire-registration
  .sap-sapsapphire-registration-form-contactInfo
  .checkbox
  > label
  > input
  + span {
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 400;
  color: #545454;
}

.sapphire-registration
  .sap-sapsapphire-registration-form-contactInfo
  .rf-select
  .select-dropdown-icon
  .dropdown-icon-background {
  background: transparent;
  border: none;
}

.sapphire-registration
  .sap-sapsapphire-registration-form-contactInfo
  .rf-select.no-padding.rf-single-select
  > .rf-dropdown-container {
  border: solid 0.0625rem #c7c7c7;
  border-radius: 0;
  box-shadow: 0 0 0.375rem rgba(0, 0, 0, 0.2);
}

.sapphire-registration
  .sap-sapsapphire-registration-form-contactInfo
  .rf-select
  .rf-dropdown-container
  .rf-dropdown-trigger {
  border: none;
}

.sapphire-registration
  .sap-sapsapphire-registration-form-contactInfo
  #myDynamicForm
  .form-footer-actions {
  margin-bottom: 0rem;
  margin-top: 3.75rem;
}

.sapphire-registration
  .sap-sapsapphire-registration-form-contactInfo
  #myDynamicForm
  .form-footer-actions
  .mdBtnR-container
  #wf-btn-submit {
  margin: 0;
}

@media screen and (min-width: 768px) {
  .sapphire-registration
    .sap-sapsapphire-registration-form-contactInfo
    .rf-text-container
    h4
    strong {
    font-size: 1.6875rem;
    line-height: 2.1875rem;
  }

  .sapphire-registration
    .sap-sapsapphire-registration-form-contactInfo
    #contact-info {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .sapphire-registration
    .sap-sapsapphire-registration-form-contactInfo
    #contact-info
    #myDynamicForm {
    margin: 4.375rem 0rem;
    padding: 2.5rem;
  }

  /*I have no idea if these are specific enough*/
  .sapphire-registration
    .sap-sapsapphire-registration-form-contactInfo
    .wf-form-element-div
    > div {
    display: flex;
    flex-direction: row;
  }

  .sapphire-registration
    .sap-sapsapphire-registration-form-contactInfo
    .rf-select
    select
    + .select-dropdown-icon
    .dropdown-icon-background,
  .sapphire-registration
    .sap-sapsapphire-registration-form-contactInfo
    .rf-select
    select:not([multiple])
    + .select-dropdown-icon
    .dropdown-icon-background {
    top: 0;
  }

  .sapphire-registration
    .sap-sapsapphire-registration-form-contactInfo
    #wf-1646396263517001VABN
    .rf-select.rf-single-select {
    display: flex;
    flex-direction: column;
  }

  .sapphire-registration
    .sap-sapsapphire-registration-form-contactInfo
    #wf-1646396263517001VABN
    .rf-select
    select
    + .select-dropdown-icon
    .dropdown-icon-background,
  .sapphire-registration
    .sap-sapsapphire-registration-form-contactInfo
    #wf-1646396263517001VABN
    .rf-select
    select:not([multiple])
    + .select-dropdown-icon
    .dropdown-icon-background {
    top: -2.0625rem;
  }

  .sapphire-registration
    .sap-sapsapphire-registration-form-contactInfo
    #myDynamicForm
    .form-footer-actions
    .mdBtnR-container {
    margin: 0;
  }

  .sap-sapsapphire-registration-form-contactInfo
    .wf-form-element-div
    > .rf-select {
    padding-bottom: 1.875rem;
    padding-top: 0rem;
  }
}
@media screen and (min-width: 1280px) {
  .sapphire-registration
    .sap-sapsapphire-registration-form-contactInfo
    #contact-info {
    padding-left: 0;
    padding-right: 0;
  }

  .sapphire-registration
    .sap-sapsapphire-registration-form-contactInfo
    #contact-info
    #myDynamicForm {
    margin: 7.5rem 0rem;
    padding: 3.75rem 7.5rem;
  }
}

/* end of DC-36*/

/*DC-57*/

/*
.sapphire-email-unsub =  workflow specific
*/

.sapphire-email-unsub #myDynamicForm {
  position: relative;
  z-index: 1;
  width: 100%;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  max-width: 85rem;
  margin-left: auto;
  margin-right: auto;
  margin-top: 10rem;
}

.sapphire-email-unsub .rf-text-container h1 strong {
  font-size: 1.6875rem;
  line-height: 2.1875rem;
  font-weight: 400 !important;
  color: #000000;
}

.sapphire-email-unsub .rf-text-container h1 {
  margin-top: 0;
  margin-bottom: 2.625rem;
}

.sapphire-email-unsub .rf-text-container p:first-of-type {
  display: none;
}

.sapphire-email-unsub .rf-text-container span > strong > span {
  font-size: 1.6875rem;
  line-height: 2.1875rem;
  font-weight: 400 !important;
  color: #000000;
}

.sapphire-email-unsub .rf-text-container p {
  margin-top: 0;
  margin-bottom: 2.1875rem;
}

.sapphire-email-unsub .rf-text-container p:nth-child(3),
.sapphire-email-unsub .rf-text-container p:nth-child(4) {
  margin-top: 0;
  margin-bottom: 2.3125rem;
}

.sapphire-email-unsub .rf-input .rf-label span {
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 400;
  color: #545454;
}

.sapphire-email-unsub #wf-formAttendee-email .rf-input {
  padding: 0rem;
}

.sapphire-email-unsub .form-footer-actions {
  margin-bottom: 0rem;
  margin-top: 6.6875rem;
}

.sapphire-email-unsub #formAttendee-email {
  border: solid 0.0625rem #c7c7c7;
  border-radius: 0rem;
  box-shadow: 0 0 0.375rem rgba(0, 0, 0, 0.2);
}

.sapphire-email-unsub span.mdBtnR-container > button {
  padding-top: 0.5rem;
  padding-bottom: 0.625rem;
  padding-left: 3.75rem;
  padding-right: 3.75rem;
  background-color: transparent;
  border: solid 0.125rem #037db9;
  border-radius: 2.625rem;
  margin-bottom: 2.5rem;
}

.sapphire-email-unsub span.mdBtnR-container > button > span {
  font-size: 1rem;
  line-height: 1.3125rem;
  font-weight: 400 !important;
  color: #037db9;
}

.sapphire-email-unsub span.mdBtnR-container:last-of-type {
  margin-left: 2.4375rem;
}

@media screen and (min-width: 768px) {
  .sapphire-email-unsub #myDynamicForm {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
@media screen and (min-width: 1280px) {
  .sapphire-email-unsub #myDynamicForm {
    padding-left: 0;
    padding-right: 0;
  }
}

/*end of DC-57*/

/*DC-56*/

/*
.sapphire-my-profile = workflow specific
*/

/*a lot of this is reused from the other form tickets*/
.sapphire-my-profile #contact-info {
  position: relative;
  z-index: 1;
  width: 100%;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  max-width: 82.5rem;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
}

.sapphire-my-profile #contact-info #myDynamicForm {
  background: white;
  margin: 3.125rem 0rem 4.375rem 0rem;
  padding: 2.5rem 1.25rem;
}

.sapphire-my-profile .rf-text-container h4 {
  font-size: 2.1875rem;
  line-height: 2.625rem;
  font-weight: 400 !important;
}

.sapphire-my-profile .rf-label span.label-text {
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 400;
  color: #545454;
}

.sapphire-my-profile .rf-label span.label-text a {
  line-break: anywhere;
}

.sapphire-my-profile
  .rf-input
  input:not([type="checkbox"]):not([type="radio"]):not(.mdBtnR),
.rf-input textarea {
  border: solid 0.0625rem #c7c7c7;
  border-radius: 0;
  box-shadow: 0 0 0.375rem rgba(0, 0, 0, 0.2);
}

.sapphire-my-profile .wf-form-element-div .rf-read-only .readOnly-value {
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 400;
  color: #545454;
}

.sapphire-my-profile .wf-form-element-div > .rf-select {
  padding-bottom: 1.25rem;
  padding-top: 0rem;
}

.sapphire-my-profile .wf-form-element-div > .rf-select > div {
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 400;
  color: #545454;
}

.sapphire-my-profile .wf-form-element-div > .rf-select > select {
  border: solid 0.0625rem #c7c7c7;
  border-radius: 0;
  box-shadow: 0 0 0.375rem rgba(0, 0, 0, 0.2);
}

.sapphire-my-profile .checkbox > label > input + span {
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 400;
  color: #545454;
}

.sapphire-my-profile
  .rf-select
  .select-dropdown-icon
  .dropdown-icon-background {
  background: transparent;
  border: none;
}

.sapphire-my-profile
  .rf-select.no-padding.rf-single-select
  > .rf-dropdown-container {
  border: solid 0.0625rem #c7c7c7;
  border-radius: 0;
  box-shadow: 0 0 0.375rem rgba(0, 0, 0, 0.2);
}

.sapphire-my-profile .rf-select .rf-dropdown-container .rf-dropdown-trigger {
  border: none;
}

.sapphire-my-profile #myDynamicForm .form-footer-actions {
  margin-bottom: 0rem;
  margin-top: 2.5rem;
}

.sapphire-my-profile
  #myDynamicForm
  .form-footer-actions
  .mdBtnR-container
  #wf-btn-submit {
  margin: 0;
}

.sapphire-my-profile .rf-phone-number .phone-number-wrapper {
  display: flex;
  flex-direction: column;
}

.sapphire-my-profile
  .rf-phone-number
  .phone-number-wrapper
  .rf-input.no-padding.no-label {
  margin-top: 0.625rem;
}

.sapphire-my-profile .form-footer-actions {
  margin-top: 2.5rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.sapphire-my-profile span.mdBtnR-container > button {
  padding-top: 0.5rem;
  padding-bottom: 0.625rem;
  padding-left: 3.75rem;
  padding-right: 3.75rem;
  background-color: transparent;
  border: solid 0.125rem #037db9;
  border-radius: 2.625rem;
  margin-bottom: 2.5rem;
}

.sapphire-my-profile span.mdBtnR-container > button:first-of-type {
  margin-bottom: 0.625rem;
}

.sapphire-my-profile span.mdBtnR-container > button > span {
  font-size: 1rem;
  line-height: 1.3125rem;
  font-weight: 400 !important;
  color: #037db9;
}

@media screen and (min-width: 768px) {
  .sapphire-my-profile #contact-info {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .sapphire-my-profile #contact-info #myDynamicForm {
    padding: 2.5rem;
  }

  .sapphire-my-profile #myDynamicForm .form-footer-actions .mdBtnR-container {
    margin: 0;
  }

  .sapphire-my-profile .wf-form-element-div > .rf-select {
    padding-bottom: 1.875rem;
    padding-top: 0rem;
  }

  .sapphire-my-profile .form-footer-actions {
    align-items: flex-end;
  }

  .sapphire-my-profile .rf-phone-number .phone-number-wrapper {
    flex-direction: row;
  }

  .sapphire-my-profile
    .rf-phone-number
    .phone-number-wrapper
    .rf-input.no-padding.no-label {
    margin-top: 0rem;
  }
}
@media screen and (min-width: 1280px) {
  .sapphire-my-profile #contact-info {
    padding-left: 0;
    padding-right: 0;
  }

  .sapphire-my-profile #contact-info #myDynamicForm {
    margin: 7.5rem 0rem;
    padding: 3.75rem 7.5rem;
  }
}

/*end of DC-56*/

/*DC-94 Session Catalog
=======================================*/

/*session catalog filter styles*/

.session-catalog-page *:not(.video-js *) {
  font-family: "bentonsans" !important;
}

.session-catalog-page
  .rf-default-modal
  .modal-content
  .modal-header
  .modal-title {
  font-size: 1.25rem;
  line-height: 2.1875rem;
  font-weight: 400;
  color: #000000;
}

.session-catalog-page .rf-filtersModal-modal .search-filters .quick-filters {
  padding-top: 3.375rem;
}

.session-catalog-page .rf-default-modal .rf-checkbox .rf-checkbox-label {
  font-size: 0.875rem;
  line-height: 1.2rem;
  font-weight: 400;
  color: #545454;
}

.session-catalog-page button.catalog-filter span {
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 400;
  color: #000000;
}

.session-catalog-page .rf-default-modal .modal-header,
.modal .modal-header {
  border: none;
  background-color: #f5f5f5;
}

.session-catalog-page .rf-default-modal .modal-header .modal-close .rfSI svg,
.session-catalog-page .modal .modal-header .modal-close .rfSI svg {
  fill: #545454;
}

.session-catalog-page .rf-filtersModal-modal .results-count {
  color: #000000;
  font-size: 1.25rem;
  line-height: 2.1875rem;
  font-weight: 400;
  background-color: #f5f5f5;
  border: none;
  text-transform: capitalize;
}

.session-catalog-page .rf-filtersModal-modal .results-count .semibold {
  font-weight: inherit;
  font-size: inherit;
  line-height: inherit;
  color: inherit;
}

.session-catalog-page .rf-filtersModal-modal .modal-footer {
  border: none;
  background-color: #ffffff;
  padding: 1.25rem 1.5625rem;
}

.rf-filtersModal-modal .modal-footer .mdBtnR {
  padding: 0.625rem 2.5rem;
  border: #037db9 0.125rem solid;
  border-radius: 2.625rem;
  color: #037db9;
  background: transparent;
  font-size: 1rem;
  line-height: 1.3125rem;
  font-weight: 400;
  text-transform: capitalize;
}

.rf-filtersModal-modal .modal-footer .mdBtnR span {
  font-size: inherit;
  line-height: inherit;
  font-weight: inherit;
  color: inherit;
}

/*session catalog filter styles*/

/*
.session-catalog-page is our prefix
*/

.session-catalog-page #rf-catalog {
  background: #ffffff;
}

.session-catalog-page #rf-catalog .search-container.top-filters .search-bar {
  margin: 2.5rem 0rem;
  padding: 0rem 0.875rem 0rem 1.25rem;
  background: none;
  border: none;
}

.session-catalog-page
  #rf-catalog
  .search-container.top-filters
  .top-search-content {
  padding: 0rem;
  margin: 0rem;
}

.session-catalog-page #rf-catalog .search-container .main-content {
  padding-top: 0;
}

.session-catalog-page
  #rf-catalog
  .search-container.top-filters
  .rf-catalog-tabs {
  border: none;
  overflow: inherit;
}

.session-catalog-page #rf-catalog .search-container .rf-catalog-tabs {
  flex-wrap: wrap;
}

.session-catalog-page #rf-catalog .search-container .rf-catalog-tabs li {
  border: none;
  margin-bottom: 0.625rem;
  padding-bottom: 0.625rem;
}

.session-catalog-page #rf-catalog .search-container .rf-catalog-tabs li.active {
  border-bottom: #4b4b4b solid 0.25rem;
  padding-bottom: 0.9375rem;
}

.session-catalog-page
  #rf-catalog
  .search-container
  .rf-catalog-tabs
  li.active
  button {
  color: #000000;
}
.session-catalog-page
  #rf-catalog
  .search-container
  .rf-catalog-tabs
  li
  button:focus {
  outline: none !important;
}

.session-catalog-page #rf-catalog .search-container .rf-catalog-tabs li button {
  color: #545454;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 400;
}

.session-catalog-page [id*="rf-"].rf-widget .catalog-result {
  border: none;
  box-shadow: 0 0 0.625rem rgba(0, 0, 0, 0.2);
  border-radius: 0;
  margin-bottom: 1.25rem;
  padding: 1.875rem 1.5rem 1.875rem 1.5rem;
}

.session-catalog-page
  [id*="rf-"].rf-widget
  .catalog-result
  .catalog-result-title
  .catalog-result-options
  .favorite-catalog-result
  svg {
  fill: #545454;
}

.session-catalog-page
  [id*="rf-"].rf-widget
  .catalog-result
  .catalog-result-title
  .catalog-result-options
  .favorite-catalog-result.favorited
  svg {
  fill: #545454;
}

.session-catalog-page
  [id*="rf-"].rf-widget
  .catalog-result
  .catalog-result-title
  a
  .title-text {
  font-size: 1.3125rem;
  line-height: 1.6875rem;
  font-weight: 400;
  color: #347db9;
  margin-bottom: 0rem;
}

.session-catalog-page
  [id*="rf-"].rf-widget
  .catalog-result
  .catalog-result-title
  a:hover {
  text-decoration: none;
}

.session-catalog-page .rf-attribute .description p {
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 400;
  color: #545454;
}

.session-catalog-page .catalog-result.session-result {
  display: flex;
  flex-direction: column;
}

.session-catalog-page .search-content .search-results .rf-attribute {
  order: 4;
  color: black;
}

.session-catalog-page .search-content .search-results .rf-attribute > div > p {
  color: #545454;
}

/*
[] is the attribute selector, it allows us to select things based on a html attribute and it's value
*/
.session-catalog-page
  .search-content
  .search-results
  div.rf-attribute[data-test="abstract-component"] {
  order: 3;
  /* margin-bottom: 1.875rem; */
  color: #545454;
}

#rf-catalog
  > div
  > main
  > div.search-content
  > ul
  > li:nth-child(2)
  > div:nth-child(4)
  > div
  > p
  .session-catalog-page
  .search-content
  .search-results
  div.rf-attribute[data-test="times-component"] {
  order: 2;
  margin-bottom: 1.875rem;
}

.session-catalog-page
  .search-content
  .search-results
  .catalog-result-title.session-title.rf-simple-flex-frame {
  order: 1;
  margin-bottom: 1.25rem;
}

.session-catalog-page
  [id*="rf-"].rf-widget
  .catalog-result
  ul.session-actions
  > li {
  display: flex;
  flex-direction: column;
}

.session-catalog-page .rf-session-card-time-location {
  order: 2;
}

.session-catalog-page .session-schedule.session-action {
  order: 1;
}

.session-catalog-page
  [id*="rf-"].rf-widget
  .catalog-result
  ul.session-actions
  > li
  .session-action {
	display: flex;
	min-width: 11.75rem;
	align-items: center;
	justify-content: center;
	border-radius: 624.9375rem;
	border-width: 0.125rem;
	border-style: solid;
	text-decoration: none;
	--tw-border-opacity: 1;
	border-color: rgba(0, 118, 203, var(--tw-border-opacity));
	--tw-text-opacity: 1;
	color: rgba(0, 118, 203, var(--tw-text-opacity));
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: 2.5rem;
  cursor: pointer;
  transition: 0.2s;
}

.session-catalog-page
  [id*="rf-"].rf-widget
  .catalog-result
  ul.session-actions
  > li
  .session-action:hover {
  background: transparent;
}

.session-catalog-page
  [id*="rf-"].rf-widget
  .catalog-result
  ul.session-actions
  > li
  .session-action
  .mdBtnR-text::before {
  content: url("https://static.rainfocus.com/sap/sapsapphire/static/staticfile/staticfile/blue%20calendar_1648132288744001kwiL.svg");
  height: 1.375rem;
  margin-right: 0.375rem;
}

.form-id-1648575356607001Lxod .form-footer-actions{
  display:none;
}

.session-catalog-page
  [id*="rf-"].rf-widget
  .catalog-result
  ul.session-actions
  > li
  .session-action
  .mdBtnR-text {
	--tw-border-opacity: 1;
	border-color: rgba(0, 118, 203, var(--tw-border-opacity));
	--tw-text-opacity: 1;
	color: rgba(0, 118, 203, var(--tw-text-opacity));
  transition: 0.2s;
  font-size: 1rem;
  line-height: 1.3125rem;
  font-weight: 400;
  text-transform: capitalize;
  display: flex;
  flex-direction: row;
}

.session-catalog-page .session-time-and-location.rf-black-text {
  display: flex;
  flex-direction: row;
}

.session-catalog-page .session-date-time {
  display: flex;
}

.session-catalog-page .session-date-time .semibold.session-date {
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 400;
  color: #000000;
}

.session-catalog-page .session-date-time .semibold.session-time {
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 400;
  color: #545454;
}

.session-catalog-page .session-time-and-location .session-location {
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 400;
  color: #545454;
  margin-bottom: 0;
  height: 1.5rem;
  border: none;
  padding: 0rem;
}

.session-catalog-page
  [id*="rf-"].rf-widget
  .catalog-result
  ul.session-actions
  > li:not(:last-of-type) {
  margin-bottom: 0.625rem;
}

@media screen and (min-width: 768px) {
  /*due to lack of caontainer class*/
  .session-catalog-page #rf-catalog .search-container.top-filters .search-bar {
    padding: 0 1.25rem;
  }

  .session-catalog-page #rf-catalog .search-container .main-content {
    padding: 0 1.375rem;
  }

  .session-catalog-page
    #rf-catalog
    .search-container.top-filters
    .search-content {
		margin-bottom: 7.5rem;
	}

  .session-catalog-page
    #rf-catalog
    .search-container.top-filters
    .search-content {
		padding: 0;
	}
  /*due to lack of caontainer class*/

  /*filter styles*/

  .session-catalog-page .modal-content {
    border-radius: 0;
  }

  .session-catalog-page .modal-dialog {
    border-radius: 0;
  }

  /*end filter styles*/

  .session-catalog-page [id*="rf-"].rf-widget .catalog-result {
    margin-bottom: 1.875rem;
  }

  .session-catalog-page
    [id*="rf-"].rf-widget
    .catalog-result
    ul.session-actions
    > li {
    flex-direction: row;
  }

  .session-catalog-page .session-date-time {
    flex-direction: row;
  }

  .session-catalog-page .session-time-and-location.rf-black-text {
    flex-direction: row;
  }
}

@media screen and (min-width: 1400px) {
  /*due to lack of caontainer class*/
  .session-catalog-page #rf-catalog .search-container.top-filters .search-bar {
    padding: 0;
    max-width: 58.375rem;
  }

  .session-catalog-page #rf-catalog .search-container .main-content {
    padding: 0;
    max-width: 58.375rem;
    width: 100%;
  }

  .session-catalog-page #rf-catalog .search-container.top-filters {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .session-catalog-page
    #rf-catalog
    .search-container.top-filters
    .rf-catalog-tabs {
    max-width: none;
  }

  .session-catalog-page
    #rf-catalog
    .search-container.top-filters
    .search-content {
    max-width: none;
  }
  /*due to lack of caontainer class*/
}

/*=====================================
end DC-94 Session Catalog*/

/* DC-95 */

/*
    DC-635

    Session Details Page (Bug): Style Main CTA
*/

.session-details-page .rf-attribute .description a.mdBtnR.mdBtnR-primary{
  color: #037db9;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.1875rem;
  text-transform: lowercase;
  border-radius: 6.25rem;
  border: 0.125rem solid #037db9;
  padding: 0.625rem 1.875rem  !important;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 13rem;
  height: 2.375rem;
}

.session-details-page .rf-attribute .description a.mdBtnR.mdBtnR-primary span{
  color: inherit !important;
  font-weight: inherit !important;
  font-size: inherit;
  line-height: inherit;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  min-width: 0;
}

.session-details-page .rf-attribute .description a.mdBtnR.mdBtnR-primary span::first-letter{
  text-transform: capitalize;
}

.session-details-page .rf-attribute .description a.mdBtnR.mdBtnR-primary:hover{
  color: white;
  background-color: #037db9;
  border-color: #037db9;
  text-decoration: none;
}

.session-details-page .rf-attribute .description a.mdBtnR.mdBtnR-primary:hover span{
  text-decoration: none;
}

/*
    End DC-635

    Session Details Page (Bug): Style Main CTA
*/

/*
    DC-622

    Session Catalog (Bug): Style Buttons
*/

.session-details-page [id*="rf-"].rf-widget #widget-page-session-details .webinar-player-info .webinar-info-actions .mdBtnR{
  border-radius: 6.25rem;
  border: 0.125rem solid #FFFFFF;
  background: transparent;
}

.session-details-page [id*="rf-"].rf-widget #widget-page-session-details .webinar-player-info .webinar-info-actions .mdBtnR span{
  font-size: 1rem;
  line-height: 1.1875rem;
  font-weight: 400;
  color: #FFFFFF !important;
  text-transform: lowercase;
}

.session-details-page [id*="rf-"].rf-widget #widget-page-session-details .webinar-player-info .webinar-info-actions .mdBtnR.session-scheduled svg{
  fill: #FFFFFF;
}

.session-details-page [id*="rf-"].rf-widget #widget-page-session-details .webinar-player-info .webinar-info-actions .mdBtnR.session-scheduled:hover svg{
  fill: #037db9;
}

.session-details-page [id*="rf-"].rf-widget #widget-page-session-details .webinar-player-info .webinar-info-actions .mdBtnR span::first-letter{
  text-transform: capitalize;
}

.session-details-page [id*="rf-"].rf-widget #widget-page-session-details .webinar-player-info .webinar-info-actions .mdBtnR:hover{
  background-color: #FFFFFF;
  border-color: #FFFFFF !important;
  opacity: 1;
}

.session-details-page [id*="rf-"].rf-widget #widget-page-session-details .webinar-player-info .webinar-info-actions .mdBtnR:hover span{
  color: #2A6B92 !important;
}

.session-details-page .session-details-container .mdBtnR-outline-primary{
  border-radius: 6.25rem;
  border: 0.125rem solid #037db9;
}

.session-details-page .session-details-container .mdBtnR-outline-primary:hover{
  background-color: #037db9;
  border-color: #037db9;
}

/* .session-details-page .session-details-container .mdBtnR-outline-primary:hover span.mdBtnR-text{
  color: white;
} */

.session-details-page .session-details-container .mdBtnR-outline-primary span.mdBtnR-text{
  color: #037db9;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.1875rem;
  text-transform: lowercase;
}

.session-details-page .session-details-container .mdBtnR-outline-primary span::first-letter{
  text-transform: uppercase;
}

/*
    DC-622

    Session Catalog (Bug): Style Buttons
*/

.session-details-page
  [id*="rf-"].rf-widget
  .catalog-result
  .catalog-result-title
  .catalog-result-options
  .favorite-catalog-result.favorited
  svg,
[id*="rf-"].rf-widget
  .catalog-result
  .catalog-result-title
  .session-actions
  .favorite-catalog-result.favorited
  svg,
[id*="rf-"].rf-widget
  .session-details-page
  .catalog-result-title
  .catalog-result-options
  .favorite-catalog-result.favorited
  svg,
[id*="rf-"].rf-widget
  .session-details-page
  .catalog-result-title
  .session-actions
  .favorite-catalog-result.favorited
  svg,
.rf-default-modal
  .catalog-result
  .catalog-result-title
  .catalog-result-options
  .favorite-catalog-result.favorited
  svg,
.rf-default-modal
  .catalog-result
  .catalog-result-title
  .session-actions
  .favorite-catalog-result.favorited
  svg,
.rf-default-modal
  .session-details-page
  .catalog-result-title
  .catalog-result-options
  .favorite-catalog-result.favorited
  svg,
.rf-default-modal
  .session-details-page
  .catalog-result-title
  .session-actions
  .favorite-catalog-result.favorited
  svg {
  fill: #545454;
}

.session-details-page .title-text {
  font-size: 1.6875rem !important;
  font-family: "bentonsans";
  font-weight: normal !important;
}

/*
 * DC-671: this was causing problems, removing it for now
*:not(.video-js),
*:not(.vjs-icon-placeholder),
.session-details-page span {
  line-height: 1.6;
  font-family: "bentonsans" !important;
}
*/

/*DC-671*/
.video-js .vjs-big-play-button{
  width:6.25rem;
  height:6.25rem;
  margin:0;
  -webkit-transform:translate(-50%,-50%);
          transform:translate(-50%,-50%);
  font-size: inherit;
}

.video-js .vjs-big-play-button .vjs-icon-placeholder:before{
  font-size:3.5em!important;
  height:auto;
  top:50%;
  -webkit-transform:translateY(-50%);
          transform:translateY(-50%);
}

.sap-sapsapphire-portal-staging-page-homepage .video-js .vjs-sap-livepreview-cta-overlay-cta,
.sap-sapsapphire-portal-page-homepage .video-js .vjs-sap-livepreview-cta-overlay-cta{
  color:white;
}

/*DC-671 END*/


/* control the images in the banner that need to be outside the custom-breakpoint-container */

.session-details__image--desktop,
.session-details__image--tablet {
  display: none;
}

@media screen and (min-width: 768px) and (max-width: 1280px) {
  .session-details__image--tablet {
    display: block;
  }
  .session-details__image--desktop {
    display: none;
  }
}
@media screen and (min-width: 1280px) {
  .session-details__image--desktop {
    display: block;
  }
  .session-details__image--tablet {
    display: none;
  }
}

/* !DC-95 */

/* DC-141 */
[id*="rf-"].rf-widget
  #widget-page-session-details
  .session-details-back-to-catalog {
  border: none;
}
/* .session-details-page .mdBtnR-outline-primary:hover span {
  color: white !important;
} */

.sapphire-registration #myDynamicForm #wf-btn-submit span {
  display: none;
}

.sapphire-registration #myDynamicForm #wf-btn-submit::after {
  content: "Get started";
  font-size: 1rem;
  line-height: 1.3125rem;
  font-weight: 400;
  color: #037db9;
  text-transform: capitalize;
}

/* !DC-141 */

/* My Schedule Modal DC-92 */

/*calendar-page is our prefix*/
.calendar-page .modal-dialog {
  margin: 0;
  width: 100%;
  max-width: none;
  display: flex;
  align-items: center;
}

.calendar-page .modal-content {
  border-radius: 0;
}

.calendar-page .modal-dialog .modal-header {
  background-color: transparent;
}

.calendar-page .modal-dialog .modal-header h3.modal-title {
  font-size: 1.6875rem;
  line-height: 2.1875rem;
  font-weight: 400;
}

.calendar-page
  .modal-dialog
  .modal-header
  .modal-close
  span[title="Close Modal"]
  svg {
  fill: #545454;
}

.calendar-page .modal-body {
  padding: 0 0.9375rem;
}

.calendar-page .search-results .catalog-result {
  border: none;
  border-radius: 0;
  box-shadow: 0 0 1.875rem rgba(0, 0, 0, 0.2);
  margin: 1.875rem 0;
}

.calendar-page .catalog-result .title-text {
  font-size: 1.3125rem;
  line-height: 1.6875rem;
  font-weight: 400;
  color: #347db9;
}

.calendar-page .catalog-result:hover {
  text-decoration: none;
}

.calendar-page .catalog-result .title-text:hover {
  color: #347db9;
  text-decoration: none;
}

.calendar-page .rf-attribute .session-actions .mdBtnR {
  border: 0.125rem solid #037db9;
  background-color: transparent;
  border-radius: 2.625rem;
  padding: 1rem 2rem;
  font-size: 1rem;
  line-height: 1.3125rem;
  font-weight: 400;
  height: auto;
  width: -webkit-min-content;
  width: -moz-min-content;
  width: min-content;
  color: #037db9;
  display: flex;
  align-items: center;
}

.calendar-page .rf-attribute .session-actions .mdBtnR:hover {
  background-color: #037db9;
  color: #ffffff;
}

.calendar-page .rf-attribute .session-actions .mdBtnR span::before {
  content: url("https://static.rainfocus.com/sap/sapsapphire/static/staticfile/staticfile/blue%20calendar_1648132288744001kwiL.svg");
  margin-right: 0.375rem;
}

.calendar-page .rf-attribute .session-actions .mdBtnR:hover span::before {
  content: url("https://static.rainfocus.com/sap/sapsapphire/static/staticfile/staticfile/white%20calendar_1648222950835001qFfO.svg");
}

.calendar-page .rf-attribute .session-actions .mdBtnR span {
  font-size: 1rem;
  line-height: 1.3125rem;
  font-weight: 400;
  color: inherit;
  text-transform: capitalize;
  display: flex;
  align-items: center;
}

.calendar-page .modal-footer {
  border: none;
  display: flex;
  flex-direction: column-reverse;
  align-items: flex-start;
  row-gap: 1.5625rem;
}

.calendar-page .modal-footer .mdBtnR.mdBtnR-outline-primary {
  border: solid #037db9 0.125rem;
  border-radius: 2.625rem;
  padding: 0.625rem 3.75rem;
}

.calendar-page .modal-footer .mdBtnR.mdBtnR-outline-primary span {
  text-transform: capitalize;
  color: #037db9;
  font-size: 1rem;
  line-height: 1.1875rem;
  font-weight: 400;
}

@media screen and (min-width: 768px) {
  .calendar-page .modal-content {
    margin: 0 4.375rem;
  }

  .calendar-page .modal-dialog .modal-header {
    padding: 1.875rem;
  }

  .calendar-page .modal-body {
    padding: 0 1.875rem;
  }

  .calendar-page .modal-footer {
    padding: 0 1.875rem;
    flex-direction: row;
    justify-content: space-between;
    padding: 1.875rem;
  }
  .calendar-page .modal-footer::after {
    display: none;
  }
  .calendar-page .modal-footer::before {
    display: none;
  }
}

@media screen and (min-width: 1400px) {
  .calendar-page .modal-content {
    margin: auto;
  }
}

/*session is over styles*/

/* end of My Schedule Modal DC-92*/

/*
=====================================
            STAGING REG WORKFLOW CLASS NAME CHANGES
=====================================
*/

.sap-sapsapphire-registration-staging-form-contactInfo
  .sapphire-registration
  .sap-sapsapphire-registration-staging-form-contactInfo
  #contact-info,
  .sap-sapsapphire-registration-form-contactInfo
  .sapphire-registration
  .sap-sapsapphire-registration-form-contactInfo
  #contact-info {
  position: relative;
  z-index: 1;
  width: 100%;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  max-width: 69.625rem;
  margin-left: auto;
  margin-right: auto;
}

.sapphire-registration .sap-sapsapphire-registration-staging-form-contactInfo #contact-info #myDynamicForm,
.sapphire-registration .sap-sapsapphire-registration-form-contactInfo #contact-info #myDynamicForm {
  margin: 3.125rem 0rem;
  padding: 2.5rem 1.25rem;
}

#wf-1618750924854001Sgad::before {
  content: "In order to complete the SAP Sapphire Virtual registration process:";
  margin-bottom: 3.75rem;
  display: inline-block;
  font-size: 1.72813rem;
  line-height: 2.63625rem;
  font-weight: 400;
}

@media (min-width: 640px) {
	#wf-1618750924854001Sgad::before {
		margin-bottom: 1.875rem;
	}
	#wf-1618750924854001Sgad::before {
		font-size: 2.19688rem;
		line-height: 2.63625rem;
	}
}

.sapphire-registration
  .sap-sapsapphire-registration-staging-form-contactInfo
  .rf-text-container
  h4
  strong,
  .sapphire-registration
  .sap-sapsapphire-registration-form-contactInfo
  .rf-text-container
  h4
  strong {
  font-size: 1.4375rem;
  line-height: 1.8125rem;
  font-weight: 400 !important;
}

.sapphire-registration
  .sap-sapsapphire-registration-staging-form-contactInfo
  .rf-label
  span.label-text,
  .sapphire-registration
  .sap-sapsapphire-registration-form-contactInfo
  .rf-label
  span.label-text {
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 400;
  color: #545454;
}

.sapphire-registration
  .sap-sapsapphire-registration-staging-form-contactInfo
  .rf-input
  input:not([type="checkbox"]):not([type="radio"]):not(.mdBtnR),
.rf-input textarea,
.sapphire-registration
  .sap-sapsapphire-registration-form-contactInfo
  .rf-input
  input:not([type="checkbox"]):not([type="radio"]):not(.mdBtnR),
.rf-input textarea  {
  border: solid 0.0625rem #c7c7c7;
  border-radius: 0;
  box-shadow: 0 0 0.375rem rgba(0, 0, 0, 0.2);
}

.sapphire-registration
  .sap-sapsapphire-registration-staging-form-contactInfo
  .wf-form-element-div
  .rf-read-only
  .readOnly-value,
  .sapphire-registration
  .sap-sapsapphire-registration-form-contactInfo
  .wf-form-element-div
  .rf-read-only
  .readOnly-value  {
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 400;
  color: #545454;
}

.sap-sapsapphire-registration-staging-form-contactInfo
  .wf-form-element-div
  > .rf-select,
  .sap-sapsapphire-registration-form-contactInfo
  .wf-form-element-div
  > .rf-select {
  padding-bottom: 1.25rem;
  padding-top: 0rem;
}

.sapphire-registration
  .sap-sapsapphire-registration-staging-form-contactInfo
  .wf-form-element-div
  > .rf-select
  > div,
  .sapphire-registration
  .sap-sapsapphire-registration-form-contactInfo
  .wf-form-element-div
  > .rf-select
  > div  {
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 400;
  color: #545454;
}

.sapphire-registration
  .sap-sapsapphire-registration-staging-form-contactInfo
  .wf-form-element-div
  > .rf-select
  > select,
  .sapphire-registration
  .sap-sapsapphire-registration-form-contactInfo
  .wf-form-element-div
  > .rf-select
  > select {
  border: solid 0.0625rem #c7c7c7;
  border-radius: 0;
  box-shadow: 0 0 0.375rem rgba(0, 0, 0, 0.2);
}

.sapphire-registration
  .sap-sapsapphire-registration-staging-form-contactInfo
  .checkbox
  > label
  > input
  + span,
  .sapphire-registration
  .sap-sapsapphire-registration-form-contactInfo
  .checkbox
  > label
  > input
  + span {
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 400;
  color: #545454;
}

.sapphire-registration
  .sap-sapsapphire-registration-staging-form-contactInfo
  .rf-select
  .select-dropdown-icon
  .dropdown-icon-background,
  .sapphire-registration
  .sap-sapsapphire-registration-form-contactInfo
  .rf-select
  .select-dropdown-icon
  .dropdown-icon-background {
  background: transparent;
  border: none;
}

.sapphire-registration
  .sap-sapsapphire-registration-staging-form-contactInfo
  .rf-select.no-padding.rf-single-select
  > .rf-dropdown-container,
  .sapphire-registration
  .sap-sapsapphire-registration-form-contactInfo
  .rf-select.no-padding.rf-single-select
  > .rf-dropdown-container {
  border: solid 0.0625rem #c7c7c7;
  border-radius: 0;
  box-shadow: 0 0 0.375rem rgba(0, 0, 0, 0.2);
}

.sapphire-registration
  .sap-sapsapphire-registration-staging-form-contactInfo
  .rf-select
  .rf-dropdown-container
  .rf-dropdown-trigger,
  .sapphire-registration
  .sap-sapsapphire-registration-form-contactInfo
  .rf-select
  .rf-dropdown-container
  .rf-dropdown-trigger {
  border: none;
}

.sapphire-registration
  .sap-sapsapphire-registration-staging-form-contactInfo
  #myDynamicForm
  .form-footer-actions,
  .sapphire-registration
  .sap-sapsapphire-registration-form-contactInfo
  #myDynamicForm
  .form-footer-actions {
  margin-bottom: 0rem;
  margin-top: 3.75rem;
}

.sapphire-registration
  .sap-sapsapphire-registration-staging-form-contactInfo
  #myDynamicForm
  .form-footer-actions
  .mdBtnR-container
  #wf-btn-submit,
  .sapphire-registration
  .sap-sapsapphire-registration-form-contactInfo
  #myDynamicForm
  .form-footer-actions
  .mdBtnR-container
  #wf-btn-submit {
  margin: 0;
}

@media screen and (min-width: 768px) {
  .sapphire-registration
    .sap-sapsapphire-registration-staging-form-contactInfo
    .rf-text-container
    h4
    strong,
    .sapphire-registration
    .sap-sapsapphire-registration-form-contactInfo
    .rf-text-container
    h4
    strong {
    font-size: 1.6875rem;
    line-height: 2.1875rem;
  }

  .sapphire-registration
    .sap-sapsapphire-registration-staging-form-contactInfo
    #contact-info,
    .sapphire-registration
    .sap-sapsapphire-registration-form-contactInfo
    #contact-info {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .sapphire-registration
    .sap-sapsapphire-registration-staging-form-contactInfo
    #contact-info
    #myDynamicForm,
    .sapphire-registration
    .sap-sapsapphire-registration-form-contactInfo
    #contact-info
    #myDynamicForm {
    margin: 4.375rem 0rem;
    padding: 2.5rem;
  }

  /*I have no idea if these are specific enough*/
  .sapphire-registration
    .sap-sapsapphire-registration-staging-form-contactInfo
    .wf-form-element-div
    > div,
    .sapphire-registration
    .sap-sapsapphire-registration-form-contactInfo
    .wf-form-element-div
    > div {
    display: flex;
    flex-direction: row;
  }

  .sapphire-registration
    .sap-sapsapphire-registration-staging-form-contactInfo
    .rf-select
    select
    + .select-dropdown-icon
    .dropdown-icon-background,
  .sapphire-registration
    .sap-sapsapphire-registration-form-contactInfo
    .rf-select
    select:not([multiple])
    + .select-dropdown-icon
    .dropdown-icon-background {
    top: 0;
  }

  .sapphire-registration
    .sap-sapsapphire-registration-staging-form-contactInfo
    #wf-1646396263517001VABN
    .rf-select.rf-single-select,
    .sapphire-registration
    .sap-sapsapphire-registration-form-contactInfo
    #wf-1646396263517001VABN
    .rf-select.rf-single-select {
    display: flex;
    flex-direction: column;
  }

  .sapphire-registration
    .sap-sapsapphire-registration-staging-form-contactInfo
    #wf-1646396263517001VABN
    .rf-select
    select
    + .select-dropdown-icon
    .dropdown-icon-background,
  .sapphire-registration
    .sap-sapsapphire-registration-form-contactInfo
    #wf-1646396263517001VABN
    .rf-select
    select:not([multiple])
    + .select-dropdown-icon
    .dropdown-icon-background {
    top: -2.0625rem;
  }

  .sapphire-registration
    .sap-sapsapphire-registration-staging-form-contactInfo
    #myDynamicForm
    .form-footer-actions
    .mdBtnR-container,
    .sapphire-registration
    .sap-sapsapphire-registration-form-contactInfo
    #myDynamicForm
    .form-footer-actions
    .mdBtnR-container {
    margin: 0;
  }

  .sap-sapsapphire-registration-staging-form-contactInfo
    .wf-form-element-div
    > .rf-select,
    .sap-sapsapphire-registration-form-contactInfo
    .wf-form-element-div
    > .rf-select {
    padding-bottom: 1.875rem;
    padding-top: 0rem;
  }
}
@media screen and (min-width: 1280px) {
  .sapphire-registration
    .sap-sapsapphire-registration-staging-form-contactInfo
    #contact-info,
    .sapphire-registration
    .sap-sapsapphire-registration-form-contactInfo
    #contact-info {
    padding-left: 0;
    padding-right: 0;
  }

  .sapphire-registration
    .sap-sapsapphire-registration-staging-form-contactInfo
    #contact-info
    #myDynamicForm,
    .sapphire-registration
    .sap-sapsapphire-registration-form-contactInfo
    #contact-info
    #myDynamicForm {
    margin: 7.5rem 0rem;
    padding: 3.75rem 7.5rem;
  }
}

/*
=====================================
            STAGING REG WORKFLOW CLASS NAME CHANGES
=====================================
*/

/* DC-268 */

.rf-label {
  width: 70% !important;
  word-break: break-word;
  height: -webkit-fit-content !important;
  height: -moz-fit-content !important;
  height: fit-content !important;
  margin: unset !important;
  margin-right: 0.625rem !important;
  padding: unset !important;
}

.rf-label + div {
  width: 100%;
  text-align: left !important;
}

.rf-phone-number .rf-standalone-label {
  width: 50%;
}

.rf-phone-number .rf-standalone-label + div {
  width: 70%;
  text-align: left !important;
}

.sapphire-registration
  .sap-sapsapphire-registration-staging-form-contactInfo
  .rf-label
  span.label-text,
  .sapphire-registration
  .sap-sapsapphire-registration-form-contactInfo
  .rf-label
  span.label-text {
  width: 90% !important;
}

/* !DC-268 */

/* DC-266 */
.registration-benefits .flex-box-section-full,
.registration-benefits .page-builder-display-reset,
.registration-benefits .flex-box-section-full-interior {
  background: transparent !important;
}
.registration-benefits body::before {
  content: "" !important;
  position: absolute !important;
  width: 100% !important;
  height: 100% !important;
  top: 0 !important;
  left: 0 !important;
  background-image: url(https://static.rainfocus.com/sap/sapsapphire/static/staticfile/staticfile/Sapphire%20BG%20Gradient_1647009495069001pvTz.png) !important;
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  z-index: -1 !important;
  overflow: hidden !important;
}

/* !DC-266 */

/* DC-273 */
.rf-feedback-alert.danger {
  word-break: break-word;
}
/* !DC-273 */

/* DC-276 */
.error-msg {
  position: absolute;
  text-align: right;
  top: 2.125rem;
  left: 42%;
  right: 0;
  width: -webkit-max-content !important;
  width: -moz-max-content !important;
  width: max-content !important;
  font-weight: 900;
  display: none !important;
}
.rf-radio-container.rf-form-element-group.has-error .error-msg {
  display: none;
}

@media only screen and (max-width: 767px) {
  .rf-phone-number .rf-standalone-label,
  .rf-phone-number .rf-standalone-label + div {
    width: 100%;
  }
  .rf-label {
    margin: unset !important;
    width: 100% !important;
    margin-bottom: 0.625rem !important;
  }
}

/* !DC-276 */

/* DC-226 */

.sap__gradient--gray {
  position: relative;
}
.sap__gradient--gray:before,
.sap__gradient--gray:after {
  content: "";
  background: rgb(232, 231, 231);
  height: 21.875rem;
  position: absolute;
  left: 0;
  right: 0;
}
.sap__gradient--gray:before {
  background: linear-gradient(
    0deg,
    rgba(232, 231, 231, 0) 0%,
    rgba(232, 231, 231, 1) 100%
  );
  height: 21.875rem;
  top: 0;
}

.sap__gradient--gray:after {
  background: linear-gradient(
    180deg,
    rgba(232, 231, 231, 0) 0%,
    rgba(232, 231, 231, 1) 100%
  );
  bottom: 0;
}

/* !DC-226 */

/*DC-326 error box alignment for registration*/

@media screen and (min-width: 1280px) {
  .sapphire-registration .rf-feedback-alert.danger {
    /* margin-bottom: 1300px; */
  }
}

/*end DC-326 error box alignment for registration*/

/* DC-324 */

.sap-sapsapphire-registration-staging-form-contactInfo
  .rf-single-select
  > label,
.sap-sapsapphire-registration-staging-form-contactInfo
  .rf-single-select
  .rf-label,
.sap-sapsapphire-registration-staging-form-contactInfo
  .rf-form-element-group
  .rf-label
  span:first-of-type,
.sap-sapsapphire-registration-staging-form-contactInfo
  .rf-form-element-group
  .rf-label
  .label-text,
.sap-sapsapphire-registration-staging-form-contactInfo
  .rf-form-element-group
  .rf-label,
  .sap-sapsapphire-registration-form-contactInfo
  .rf-single-select
  > label,
.sap-sapsapphire-registration-form-contactInfo
  .rf-single-select
  .rf-label,
.sap-sapsapphire-registration-form-contactInfo
  .rf-form-element-group
  .rf-label
  span:first-of-type,
.sap-sapsapphire-registration-form-contactInfo
  .rf-form-element-group
  .rf-label
  .label-text,
.sap-sapsapphire-registration-form-contactInfo
  .rf-form-element-group
  .rf-label{
  width: 100% !important;
  margin-bottom: 1.25rem !important;
}

/* !DC-324 */

/* DC-160 */

#rf-calendar
  > div
  > div.schedule-calendar.editable.day-count-4.rbc-calendar
  > div.schedule-calendar-toolbar
  > div
  > button {
  display: none;
}

#rf-calendar
  > div
  > div.schedule-calendar.editable.day-count-4.rbc-calendar
  > div.rbc-time-view
  > div.rbc-time-content
  > div.rbc-day-slot
  > div {
  margin-right: 0;
}

#rf-calendar
  > div
  > div.schedule-calendar.editable.day-count-4.rbc-calendar
  > div.rbc-time-view
  > div.rbc-time-content
  > div.rbc-day-slot:nth-child(even)
  > div.rbc-timeslot-group
  > div {
  background-color: white;
}

#rf-calendar
  > div
  > div.schedule-calendar.editable.day-count-4.rbc-calendar
  > div.rbc-time-view
  > div.rbc-time-content
  > div.rbc-day-slot
  > div
  > div {
  border-radius: 0;
}

#rf-calendar
  > div
  > div.schedule-calendar.editable.day-count-4.rbc-calendar
  > div.rbc-time-view
  > div.rbc-time-content
  > div.rbc-day-slot
  > div
  > div.schedule-calendar-session.enrolled, #rf-calendar .schedule-calendar .rbc-event {
  border-color: #ffb300;
  background-color: #ffb300;
  color: black;
}

#rf-calendar .schedule-calendar .rbc-event .rbc-event-content p {
  color: black;
  font-size: 0.875rem !important;
}

.rbc-event.schedule-calendar-session.calendar-item {
  color: black;
}

#rf-calendar
  > div
  > div.schedule-calendar.editable.day-count-4.rbc-calendar
  > div.rbc-time-view
  > div.rbc-time-content
  > div.rbc-day-slot
  > div
  > div.calendar-item
  > div {
  color: black;
}

#rf-calendar
  > div
  > div.schedule-calendar.editable.day-count-4.rbc-calendar
  > div.rbc-time-view
  > div.rbc-time-content
  > div.rbc-day-slot
  > div
  > div.calendar-item {
  border-color: #ffb300;
}

#rf-calendar .schedule-calendar {
  max-width: 69.4375rem;
  margin-right: auto;
  margin-left: auto;
}

#rf-calendar
  .schedule-calendar
  .schedule-calendar-toolbar
  .rf-checkbox
  input[type="checkbox"]:checked
  + .checkbox-bg {
  background: #ffb300;
}

@media (min-width: 1111px) {
  #rf-calendar .schedule-calendar {
    padding-left: 0;
    padding-right: 0;
  }
}

/* !DC-160 */

/* DC-364 Schedule Button  */

.session-catalog-page
  [id*="rf-"].rf-widget
  .catalog-result
  ul.session-actions
  > li
  .session-scheduled
  .mdBtnR-text {
  color: white !important;
}
.session-catalog-page
  [id*="rf-"].rf-widget
  .catalog-result
  ul.session-actions
  > li
  .session-scheduled {
	--tw-bg-opacity: 1;
	background-color: rgba(42, 107, 146, var(--tw-bg-opacity));
}
.session-catalog-page
  [id*="rf-"].rf-widget
  .catalog-result
  ul.session-actions
  > li
  .session-scheduled:hover {
	background-color: transparent;
}
  .session-catalog-page
  [id*="rf-"].rf-widget
  .catalog-result
  ul.session-actions
  > li
  .session-scheduled svg path:last-child{
    fill:white;
  }
  .session-catalog-page
  [id*="rf-"].rf-widget
  .catalog-result
  ul.session-actions
  > li
  .session-scheduled:hover svg path:last-child{
    fill:#2A6B92;
  }

.session-catalog-page
  [id*="rf-"].rf-widget
  .catalog-result
  ul.session-actions
  > li
  .session-scheduled:hover
  .mdBtnR-text {
  color: #347db9 !important;
}

.session-catalog-page
  [id*="rf-"].rf-widget
  .catalog-result
  ul.session-actions
  > li
  .session-scheduled.session-action
  .mdBtnR-text::before {
  content: url(https://static.rainfocus.com/sap/sapsapphire/static/staticfile/staticfile/white_calendar_1649439137934001h0iJ.svg);
}

.session-catalog-page
  [id*="rf-"].rf-widget
  .catalog-result
  ul.session-actions
  > li
  .session-scheduled.session-action:hover
  .mdBtnR-text::before {
  content: url(https://static.rainfocus.com/sap/sapsapphire/static/staticfile/staticfile/blue%20calendar_1648132288744001kwiL.svg);
}

.session-catalog-page
  [id*="rf-"].rf-widget
  .catalog-result
  ul.session-actions
  > li
  .session-scheduled.session-action:hover
  .rfSI
  svg {
  fill: #347db9;
}
/* !DC-364 Schedule Button  */
html:not(.live-desk-page) .mdBtnR.mdBtnR-primary, html:not(.live-desk-page) .mdBtnR.mdBtnR-outline-primary {
	border-radius: 624.9375rem;
	--tw-border-opacity: 1;
	border-color: rgba(0, 118, 203, var(--tw-border-opacity));
	--tw-bg-opacity: 1;
	background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
	text-transform: none;
	--tw-text-opacity: 1;
	color: rgba(0, 118, 203, var(--tw-text-opacity));
}

.session-catalog-page .mdBtnR.mdBtnR-primary.disabled{
  background:#707070!important;
  border-color: #707070!important;
}
.session-catalog-page .mdBtnR.mdBtnR-primary.disabled span{
  color:lightgrey!important;
}

.mdBtnR.mdBtnR-primary.session-full.disabled, .mdBtnR.mdBtnR-primary.disabled, .mdBtnR.mdBtnR-primary.session-full.disabled:hover, .mdBtnR.mdBtnR-primary.disabled:hover {
	--tw-border-opacity: 1 !important;
	border-color: rgba(112, 112, 112, var(--tw-border-opacity)) !important;
	--tw-bg-opacity: 1 !important;
	background-color: rgba(112, 112, 112, var(--tw-bg-opacity)) !important;
}

.mdBtnR.mdBtnR-primary.session-full.disabled .mdBtnR-text, .mdBtnR.mdBtnR-primary.disabled .mdBtnR-text {
	--tw-text-opacity: 1 !important;
	color: rgba(255, 255, 255, var(--tw-text-opacity)) !important;
}

.mdBtnR.mdBtnR-outline-primary .mdBtnR-text, .mdBtnR.mdBtnR-primary .mdBtnR-text {
	--tw-text-opacity: 1;
	color: rgba(0, 118, 203, var(--tw-text-opacity));
}

span.rfSI > svg,
span.rfSI > svg:hover {
  fill: #0076cb;
}

html:not(.live-desk-page) .mdBtnR.mdBtnR-outline-primary:hover, html:not(.live-desk-page) .mdBtnR.mdBtnR-primary:hover, html:not(.live-desk-page).mdBtnR.mdBtnR-primary:hover {
	--tw-bg-opacity: 1;
	background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
}

#rf-calendar .schedule-calendar .rbc-time-view {
	margin-bottom: 7.913rem;
}

/* #wf-formAttendee-phone > div > div.phone-number-wrapper{
  pointer-events: none;
} */

#rf-content .orders-page {display: none;}

.dashboard-gray-banner {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #F7F7F7;
  min-height: 22rem;
  z-index: 1;
}

.dashboard-gray-banner__wrapper {
  width: 17.5rem;
  margin: 2.5rem 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top:2.5rem;
}

.dashboard-gray-banner__title,
.dashboard-gray-banner__subtitle {
  text-align: center;
  line-height: 1.4;
}


/* 27.04 */
.dashboard-gray-banner__title {
  font-size: 1.44rem;
}

/* 20.08 */
.dashboard-gray-banner__subtitle {
  padding-top: 1.25rem;
  font-size: 1.2rem;
}

.dashboard-gray-banner:before,
.dashboard-gray-banner:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  z-index: -1;
  height: 9.375rem;
  background: rgb(232, 231, 231);
}

.dashboard-gray-banner:before {
  top: 0;
  background: linear-gradient(180deg, rgba(232, 231, 231, 1) 0%, rgba(232, 231, 231, 0) 100%);
}

.dashboard-gray-banner:after {
  bottom: 0;
  background: linear-gradient(0deg, rgba(232, 231, 231, 1) 0%, rgba(232, 231, 231, 0) 100%);
}

/* queries */

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

  .dashboard-gray-banner__wrapper {
      width: 37.5rem;
      margin: 4.375rem 0 0;
      margin-top:2.5rem;
  }

  .dashboard-gray-banner__subtitle {
      font-size: 1.255rem;
  }
}

@media screen and (min-width: 1280px) {
  .dashboard-gray-banner__wrapper {
      width: 70.625rem;
      margin: 7.5rem 0 0;
      margin-top:2.5rem;
  }
  .dashboard-gray-banner__title {
      font-size: 1.69rem;
  }
}

/* */

/* =====================================
          RF WIDGET STYLES
======================================*/

.sap-dashboard .rf-headline-content{
  padding-top:1.875rem;padding-bottom:1.875rem;
  text-align: center;
  width:100%;
}

.sap-dashboard .rf-headline-content > div{
  display: flex;
  flex-direction: column;
  align-items: center;
}

.sap-dashboard .rf-headline-content h1{
  font-size: 1.25rem;
  line-height: 1.625rem;
  font-weight: 400;
  color: #545454;
  margin-bottom: 1rem;
}

.sap-dashboard .rf-headline-content p{
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 400;
  color: #545454;
  margin-bottom: 1.25rem;
}

.sap-dashboard .rf-headline-content .mdBtnR.mdBtnR-primary{
  color: #037DB9;
  display: flex;
  align-items: center;
  justify-content: center;
  border: solid 0.125rem;
  border-radius: 2.625rem;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  min-width: 11.75rem;
  height: 2.5rem;
  cursor: pointer;
  transition: 0.2s;
  padding: 0.625rem 3.75rem;
}

.sap-dashboard .rf-headline-content .mdBtnR.mdBtnR-primary span{
  font-size: 1rem;
  line-height: 1.1875rem;
  font-weight: 400;
}

.sap-dashboard .rf-headline-content .mdBtnR.mdBtnR-primary:hover{
  background-color: #037DB9;
}

.sap-dashboard .rf-headline-content .mdBtnR.mdBtnR-primary:hover span{
  color: #FFFFFF !important;
}

@media screen and (min-width:1024px){
  .sap-dashboard .rf-headline-content{
    max-width:27.5rem;
  }
}

/* =====================================
          RF WIDGET STYLES
======================================*/
.sap-dashboard .rf-headline-content {
  box-shadow: 0 0.625rem 0.9375rem -0.1875rem rgb(0 0 0 / 0.1), 0 0.25rem 0.375rem -0.25rem rgb(0 0 0 / 0.1);
  background:white
}







/* DC-583 Registration Form - Tablet - Fix help boxes*/
.sapphire-registration .rf-overlay-new.form-element-popover.rf-overlay-padded.rf-overlay-top.light-mode {
  right: 1.25rem;
}

/* !DC-583 Registration Form - Tablet - Fix help boxes*/


/*
    DC-634

    Footer (Bug): Cookies Preference

    Once it goes into the shadow dom this can't reach it. Thus no need to remove this
*/
a.truste_cursor_pointer[role="link"]{
  display: none;
}

#aa-cookie-link a.truste_cursor_pointer[role="link"]{
  display: block;
}

/*
    DC-634

    Footer (Bug): Cookies Preference
*/

/*
    DC-641

    Session Catalog (Bug): Fix My Favorites Check Box
*/

label[aria-checked="false"] span.rfSI > svg{
  fill: transparent;
}

/*
    End DC-641

    Session Catalog (Bug): Fix My Favorites Check Box
*/

/*====================================
        SOLUTION CENTER PAGE
====================================*/

.solution-center-page #rf-exhibitorcatalog .search-container{
  max-width: none;
}

.solution-center-page #rf-exhibitorcatalog .search-container::before{
  display: none;
}

.solution-center-page #rf-exhibitorcatalog .search-container::after{
  display: none;
}

.solution-center-page #rf-exhibitorcatalog .search-filters{
  display: none;
}

.solution-center-page #rf-exhibitorcatalog .search-container .total-results-count{
  display: none;
}

.solution-center-page #rf-exhibitorcatalog .search-container.top-filters .search-bar{
  display: none;
}

.solution-center-page #rf-exhibitorcatalog .search-container .main-content{
  padding: 0;
  margin: 0;
}

.solution-center-page #rf-exhibitorcatalog .search-container .search-content {
    position: relative;
    z-index: 1;
    width: 100%;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    max-width: 85rem;
    margin-left: auto;
    margin-right: auto;
  }

@media screen and (min-width: 768px) {
    .solution-center-page #rf-exhibitorcatalog .search-container .search-content {
      padding-left: 2rem;
      padding-right: 2rem;
    }
  }

@media screen and (min-width: 1400px) {
    .solution-center-page #rf-exhibitorcatalog .search-container .search-content {
      padding-left: 0;
      padding-right: 0;
    }
  }

.solution-center-page #rf-exhibitorcatalog .search-container .search-content{
  margin-top: 2.5rem;
  margin-bottom: 6.25rem;
}
 
.solution-center-page .rf-tile-container{
  margin: 0;
}

.solution-center-page .rf-tile-container.exhibitor-tile-container{
  display: flex;
  flex-direction: column;
  align-items: stretch;
  row-gap: 1.875rem;
}

.solution-center-page .rf-tile-container .rf-tile .rf-tile-banner img{
  position: relative;
  display: block;
  padding-top: 1.625rem;
  background-position: center;
  background-size: cover;
}

.solution-center-page .rf-tile-container .rf-tile .rf-tile-banner{
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  padding-top: 0;
  border-radius: 0;
}

.solution-center-page .rf-tile-container .rf-tile .rf-tile-banner.no-banner{
  padding-top: 43%;
}

.solution-center-page .rf-tile-container .rf-tile-wrapper{
 padding: 0;
}

.solution-center-page .rf-tile-container .rf-tile{
  margin: 0;
  border-radius: 0;
  border:none;
  box-shadow: 0 0.1875rem 0.375rem rgba(0, 0, 0, 0.16);
}

/*cloud erp*/
.solution-center-page [data-test="rf-tile-exhibitor-1647630362860001Dqew"] img{
  background: url(https://static.rainfocus.com/sap/sapsapphire/static/staticfile/staticfile/solution%20dark%20orange_1650655493493001VeMN.png);
}

/*supply chain management*/
.solution-center-page [data-test="rf-tile-exhibitor-1647630654211001gVse"] img{
 background: url(https://static.rainfocus.com/sap/sapsapphire/static/staticfile/staticfile/solution%20teal_1650655493207001Vsja.png);
}

/*customer experince*/
.solution-center-page [data-test="rf-tile-exhibitor-1647630726148001JeNE"] img{
  background: url(https://static.rainfocus.com/sap/sapsapphire/static/staticfile/staticfile/solution%20pink_1650655492512001VudJ.png);
}

/*human experince*/
.solution-center-page [data-test="rf-tile-exhibitor-1647630623028001XfOw"] img{
  background: url(https://static.rainfocus.com/sap/sapsapphire/static/staticfile/staticfile/solution%20purple_1650655492997001VqaG.png);
}

/* spend managment*/
.solution-center-page [data-test="rf-tile-exhibitor-1647630696627001gHge"] img{
  background: url(https://static.rainfocus.com/sap/sapsapphire/static/staticfile/staticfile/solution%20blue_1650655493363001V74d.png);
}

/*business tech*/
.solution-center-page [data-test="rf-tile-exhibitor-1647630751603001DZoI"] img{
  background: url(https://static.rainfocus.com/sap/sapsapphire/static/staticfile/staticfile/solution%20green_1650655493634001Vd9k.png);
}

/*human resources*/
.solution-center-page [data-test="rf-tile-exhibitor-1647630623028001XfOw"] img{
  background: url(https://static.rainfocus.com/sap/sapsapphire/static/staticfile/staticfile/solution%20purple_1650655492997001VqaG.png)
}

/*    DC-768

Solutions Center: Style SAP Runs SAP card

added rf-tile-exhibitor-1629920098858001kAPQ to the list
*/

/* if RF didn't upload another img
.solution-center-page [data-test="rf-tile-exhibitor-1629920098858001kAPQ"] img{
  aspect-ratio: 126/63;
}*/

/*default yellow ones*/
.solution-center-page [data-test="rf-tile-exhibitor-1647630776977001C5q9"] img,
.solution-center-page [data-test="rf-tile-exhibitor-1647630820714001Xg5A"] img,
.solution-center-page [data-test="rf-tile-exhibitor-1629920098858001kAPQ"] img{
  background: url(https://static.rainfocus.com/sap/sapsapphire/static/staticfile/staticfile/Sapphire%20BG%20Gradient_1647009495069001pvTz.png);
}

.solution-center-page .rf-tile-container .rf-tile .rf-tile-body{
  padding: 1.25rem 1.25rem 1.75rem;
}

.solution-center-page .rf-tile-container .rf-tile .rf-tile-title{
  margin-bottom: 0;
}

.solution-center-page .rf-tile-container .rf-tile .rf-tile-title a{
  font-size: 1.4375rem;
  line-height: 1.8125rem;
  font-weight: 400;
  color: #000000;
  margin-bottom: 1.25rem;
}

.solution-center-page .rf-tile-container .rf-tile .rf-tile-info{
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 400;
  color: #545454;
  margin: 0;
  padding: 0;
  max-height: none;
}

@media screen and (min-width:768px){
  .solution-center-page .rf-tile-container.exhibitor-tile-container{
    -moz-column-gap: 1.25rem;
         -webkit-column-gap: 1.25rem;
            column-gap: 1.25rem;
    flex-direction: row;
  }

  .solution-center-page .rf-tile-container .rf-tile-wrapper{
    width: 48%;
  } 

  .solution-center-page #rf-exhibitorcatalog .search-container .search-content{
    margin-top: 3.75rem;
    margin-bottom: 3.75rem;
  }
}

@media screen and (min-width:1400px){
  .solution-center-page .rf-tile-container .rf-tile-wrapper{
    width: 32%;
  } 

  .solution-center-page #rf-exhibitorcatalog .search-container .search-content{
    margin-top: 7.5rem;
    margin-bottom: 7.5rem;
  }
}

/*====================================
        END SOLUTION CENTER PAGE
====================================*/

/*==========================================
        SOLUTION CENTER DETIALS PAGE
                DC-437
==========================================*/

.solution-center-page #exhibitor-files{
  display: none;
}

.solution-center-page #rf-exhibitorcatalog{
  background: #fff;
}

.solution-center-page #rf-exhibitorcatalog.rf-widget .exhibitor-details-page {
    position: relative;
    z-index: 1;
    width: 100%;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    max-width: 85rem;
    margin-left: auto;
    margin-right: auto;
  }

@media screen and (min-width: 768px) {
    .solution-center-page #rf-exhibitorcatalog.rf-widget .exhibitor-details-page {
      padding-left: 2rem;
      padding-right: 2rem;
    }
  }

@media screen and (min-width: 1400px) {
    .solution-center-page #rf-exhibitorcatalog.rf-widget .exhibitor-details-page {
      padding-left: 0;
      padding-right: 0;
    }
  }

.solution-center-page #rf-exhibitorcatalog.rf-widget .exhibitor-details-page{
  margin-bottom: 5.625rem;
  margin-top: 2.5rem;
  padding-top: 0;
}

.solution-center-page #rf-exhibitorcatalog.rf-widget .exhibitor-details-page .exhibitor-details-back-to-catalog{
  display:none;
}

.solution-center-page #rf-exhibitorcatalog.rf-widget .exhibitor-details-page .exhibitor-details-back-to-catalog.custom-back-button{
  margin: 0 0 1.875rem;
  padding: 0;
}

.solution-center-page .exhibitor-details-page-frame{
  display: flex;
  flex-direction: column-reverse;
}

.solution-center-page #rf-exhibitorcatalog.rf-widget .exhibitor-details-page .exhibitor-details-content{
  padding: 0;
  display: flex;
  flex-direction: column;
}

.solution-center-page #rf-exhibitorcatalog.rf-widget .exhibitor-details-page .rf-contact-sidebar .mobile-only .exhibitor-banner{
  display: none;
}

.solution-center-page #rf-exhibitorcatalog.rf-widget .exhibitor-details-page .rf-contact-sidebar .mobile-only .exhibitor-logo{
  display: none;
}

.solution-center-page #rf-exhibitorcatalog.rf-widget .exhibitor-details-page .rf-contact-sidebar{
  padding: 0;
  border: none;
}

.solution-center-page #rf-exhibitorcatalog.rf-widget .exhibitor-details-page .rf-contact-sidebar .rf-contact-sidebar-content{
  display: none;
}

.solution-center-page #rf-exhibitorcatalog.rf-widget .exhibitor-details-page .exhibitor-details-back-to-catalog.custom-back-button a{
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 400;
  color: #000000; 
}

.solution-center-page #rf-exhibitorcatalog.rf-widget .exhibitor-details-page .exhibitor-details-back-to-catalog.custom-back-button a svg{
  fill: #727272;
}

.solution-center-page #rf-exhibitorcatalog.rf-widget .exhibitor-details-page .rf-contact-sidebar .mobile-only .exhibitor-title{
  margin: 0;
}

.solution-center-page #rf-exhibitorcatalog.rf-widget .exhibitor-details-page .rf-contact-sidebar .mobile-only .title-info h1{
  font-size: 1.25rem;
  line-height: 1.625rem;
  font-weight: 400;
  color: #000000;
  margin-bottom: 1.25rem;
}

.solution-center-page #rf-exhibitorcatalog.rf-widget .exhibitor-details-page .exhibitor-details-content .exhibitor-videos h2{
  margin: 0;
}

.solution-center-page #rf-exhibitorcatalog.rf-widget .exhibitor-details-page .exhibitor-details-content .exhibitor-overview h2{
  display: none;
}

.solution-center-page #rf-exhibitorcatalog.rf-widget .exhibitor-details-page .exhibitor-details-content .exhibitor-overview{
  order: 2;
}

.solution-center-page #rf-exhibitorcatalog.rf-widget .exhibitor-details-page .exhibitor-details-content .exhibitor-videos{
  order: 1;

}

.solution-center-page #rf-exhibitorcatalog.rf-widget .exhibitor-details-page .exhibitor-details-content .download-file-link::before{
  content: 'Resources';
  font-size: 1.25rem;
  line-height: 1.625rem;
  font-weight: 400;
  color: #000;
  display: block;
  margin-bottom: 1.25rem;
}

.solution-center-page #rf-exhibitorcatalog.rf-widget .exhibitor-details-page .exhibitor-details-content .download-file-link{
  order: 3;
  border: none;
  border-radius: 0;
  padding: 0;
  margin-bottom: 2.5rem;
}

.solution-center-page #exhibitor-customComponent1::before{
  content: 'Links';
  font-size: 1.25rem;
  line-height: 1.625rem;
  font-weight: 400;
  color: #000;
  display: block;
  margin-bottom: 1.25rem;
}

.solution-center-page #exhibitor-customComponent1 #exhibitor-customComponent1-text{
  display: flex;
  flex-direction: column;
  row-gap: 1.4375rem;
}

.solution-center-page [id*="rf-"].rf-widget #exhibitor-customComponent1-text p{
  margin: 0;
  font-size: 1rem;
  line-height: 1.25rem;
  font-weight: 400;
  color: #347DB9;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}

.solution-center-page [id*="rf-"].rf-widget #exhibitor-customComponent1-text p::after{
  content: url(https://static.rainfocus.com/sap/sapsapphire/static/staticfile/staticfile/blue%20arrow%20right_1650904375761001R0Tq.svg);
  display: block;
}

.solution-center-page div[id*="rf-"].rf-widget #exhibitor-customComponent1-text p a{
  padding-right: 0.5rem;
}

.solution-center-page #exhibitor-customComponent1{
  order: 4;
  margin-bottom: 2.5rem;
}

.solution-center-page #rf-exhibitorcatalog.rf-widget .exhibitor-details-page .exhibitor-details-content .exhibitor-sessions{
  order: 5;
}

.solution-center-page #rf-exhibitorcatalog.rf-widget .exhibitor-details-page .exhibitor-details-content .exhibitor-videos{
  border: none;
  border-radius: 0;
  padding: 0;
  margin-bottom: 2.5rem;
}

.solution-center-page .exhibitor-details-page .exhibitor-videos .sub-video{
  width: 49%;
  margin: 0;
}

.solution-center-page #rf-exhibitorcatalog.rf-widget .exhibitor-details-page .exhibitor-details-content .exhibitor-sessions h2{
  display: none;
}

.solution-center-page #rf-exhibitorcatalog.rf-widget .exhibitor-details-page .exhibitor-details-content .catalog-result{
  border: none;
  border-radius: 0;
  box-shadow: 0 0 0.9375rem rgba(0, 0, 0, 0.20);
}

.solution-center-page [id*="rf-"].rf-widget .catalog-result .catalog-result-title button .title-text{
 font-size: 1.3125rem;
 line-height: 1.6875rem;
 font-weight: 400; 
 color: #347DB9;
}

.solution-center-page [id*="rf-"].rf-widget .catalog-result .catalog-result-title button::before{
  display: none;
}

.solution-center-page [id*="rf-"].rf-widget .catalog-result .catalog-result-title button::after{
  display: none;
}

.solution-center-page #rf-exhibitorcatalog.rf-widget .catalog-result .favorite-catalog-result.favorited svg{
  fill: #545454;
}

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

  /*these guys are not the cloned nodes, and thus don't need to be seen*/
  .solution-center-page #rf-exhibitorcatalog.rf-widget .exhibitor-details-page .exhibitor-details-page-frame .exhibitor-title:not([clone="true"]) {
    display: none;
  }

  .solution-center-page #exhibitor-description:not([clone="true"]){
    display: none;
  }

  .solution-center-page #exhibitor-customComponent1:not([clone="true"]){
    display: none;
  }

  .solution-center-page #exhibitor-files:not([clone="true"]){
    display: none;
  }
  /*these guys are not the cloned nodes, and thus don't need to be seen*/

  .solution-center-page #rf-exhibitorcatalog.rf-widget .exhibitor-details-page .rf-contact-sidebar .rf-contact-sidebar-content{
    display: block;
  }

  .solution-center-page #rf-exhibitorcatalog.rf-widget .exhibitor-details-page{
    margin-bottom: 6.875rem;
    margin-top: 2.5rem;
  }

  .solution-center-page #rf-exhibitorcatalog.rf-widget .exhibitor-details-page .exhibitor-details-back-to-catalog.custom-back-button{
    margin-bottom: 2.5rem;
    display: flex;
    flex-direction: column;
  }

  .solution-center-page .exhibitor-banner{
    display: none;
  }

  .solution-center-page .exhibitor-details-page-frame{
    flex-direction: row-reverse;
    justify-content: start;
    -moz-column-gap: 1.125rem;
         -webkit-column-gap: 1.125rem;
            column-gap: 1.125rem;
  }

  .solution-center-page #rf-exhibitorcatalog.rf-widget .exhibitor-details-page .rf-contact-sidebar{
    flex: 1 1 25%;
  }

  .solution-center-page #rf-exhibitorcatalog.rf-widget .exhibitor-details-page .exhibitor-details-content{
    flex: 2 1 65%;
  }

  .solution-center-page #rf-exhibitorcatalog.rf-widget .exhibitor-details-page .exhibitor-details-page-frame .exhibitor-title{
    display: flex;
    flex-direction: column;
  }

  .solution-center-page #rf-exhibitorcatalog.rf-widget .exhibitor-details-page .exhibitor-details-page-frame .exhibitor-title .exhibitor-logo img{
    width: 100%;
    aspect-ratio: auto;
    margin: 0;
    max-width: none;
  }

  .solution-center-page #rf-exhibitorcatalog.rf-widget .exhibitor-details-page .exhibitor-details-page-frame .exhibitor-title .title-info h1{
    font-size: 1.25rem;
    line-height: 1.625rem;
    font-weight: 400;
    color: #000000;
    margin: 2.5rem 0;
  }

  .solution-center-page #rf-exhibitorcatalog.rf-widget .exhibitor-details-page .rf-contact-sidebar p{
    margin-bottom: 0;
  }

  .solution-center-page #rf-exhibitorcatalog.rf-widget .exhibitor-details-page .rf-contact-sidebar h2{
    display: none;
  }

  .solution-center-page #exhibitor-files{
    margin-top: 7.5rem;
  }

  .solution-center-page #exhibitor-customComponent1{
    margin: 3.75rem 0 0;
  }

}


@media screen and (min-width:1280px){
  .solution-center-page #rf-exhibitorcatalog.rf-widget .exhibitor-details-page{
    margin-bottom: 7.5rem;
    margin-top: 3.75rem;
  }

  .solution-center-page .exhibitor-details-page-frame{
    -moz-column-gap: 2.5rem;
         -webkit-column-gap: 2.5rem;
            column-gap: 2.5rem;
  }

  .solution-center-page #exhibitor-files{
    margin-top: 24rem;
  }
}

/*==========================================
       END SOLUTION CENTER DETIALS PAGE
                  DC-437
==========================================*/


/*Home Page Banner css
 * Note: DC-646 we have to move this here because it was conflicting with the brightcove
 * player addition
 * */
 .gold-background{
  background: url(https://static.rainfocus.com/sap/sapsapphire/static/staticfile/staticfile/Sapphire%20BG%20Gradient_1647009495069001pvTz.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.header-breakpoint-container {
  position: relative;
  z-index: 1;
  width: 100%;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  margin-left: auto;
  margin-right: auto;
}

.header-breakpoint-container a{
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

@media screen and (min-width: 768px) {
  .header-breakpoint-container {
    padding-left: 2.8125rem;
    padding-right: 2.8125rem;
  }
}
@media screen and (min-width: 1400px) {
  .header-breakpoint-container {
    padding-left: 0;
    padding-right: 0;
    max-width: 34.6875rem;
    margin-right: 5.75rem;
    margin-left: 5.75rem;
    justify-content: center;
  }
}
/* having issues getting the video to display in a way that is preferred i.e. not squish the text
selected 1349px because anything smaller makes the text too narrow   */
    /* @media screen and (max-width: 1349px) {
      .container-iframe{
        position: relative;
        overflow: hidden;
        width: 100%;
        height: 100%;
      }

    } */

    @media screen and (max-width: 1500px){
    /*video container acts weird when screen width is more than 1180(black bars above and below*/
    .container-iframe {
      position: relative;
      overflow: hidden;
      width: 100%;
      padding-top: 56.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
  }

      /* Then style the iframe to fit in the container div with full height and width */
    .responsive-iframe {
       position: absolute;
       top: 0;
       left: 0;
       bottom: 0;
       right: 0;
       width: 100%;
       height: 100%;
  }

  }

/*End of Home page*/

/*    DC-696

Session Catalog (Bug): Style "Go to Live Desk" Button*/
.session-details-page .attribute-Channel1 .attribute-values a {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    height: 2.5rem;
    cursor: pointer;
    transition: 0.2s;
    display: flex;
    min-width: 11.75rem;
    align-items: center;
    justify-content: center;
    border-radius: 624.9375rem;
    border-width: 0.125rem;
    border-style: solid;
    text-decoration: none;
    transition: 0.2s;
    --tw-border-opacity: 1 !important;
    border-color: rgba(0, 118, 203, var(--tw-border-opacity)) !important;
    --tw-text-opacity: 1 !important;
    color: rgba(0, 118, 203, var(--tw-text-opacity)) !important;
  }
.session-details-page .attribute-Channel1 .attribute-values a:hover {
	--tw-border-opacity: 1 !important;
	border-color: rgba(42, 107, 146, var(--tw-border-opacity)) !important;
	--tw-bg-opacity: 1 !important;
	background-color: rgba(42, 107, 146, var(--tw-bg-opacity)) !important;
	--tw-text-opacity: 1 !important;
	color: rgba(255, 255, 255, var(--tw-text-opacity)) !important;
}
.session-details-page .attribute-Channel1 .attribute-values a:focus {
	--tw-border-opacity: 1 !important;
	border-color: rgba(42, 107, 146, var(--tw-border-opacity)) !important;
	--tw-bg-opacity: 1 !important;
	background-color: rgba(42, 107, 146, var(--tw-bg-opacity)) !important;
	--tw-text-opacity: 1 !important;
	color: rgba(255, 255, 255, var(--tw-text-opacity)) !important;
}
.session-details-page .attribute-Channel1 .attribute-values a:active {
	--tw-border-opacity: 1 !important;
	border-color: rgba(42, 107, 146, var(--tw-border-opacity)) !important;
	--tw-bg-opacity: 1 !important;
	background-color: rgba(42, 107, 146, var(--tw-bg-opacity)) !important;
	--tw-text-opacity: 1 !important;
	color: rgba(255, 255, 255, var(--tw-text-opacity)) !important;
}
.session-details-page .attribute-Channel1 .attribute-values a:disabled {
	--tw-border-opacity: 1 !important;
	border-color: rgba(180, 180, 180, var(--tw-border-opacity)) !important;
	--tw-bg-opacity: 1 !important;
	background-color: rgba(180, 180, 180, var(--tw-bg-opacity)) !important;
	--tw-text-opacity: 1 !important;
	color: rgba(255, 255, 255, var(--tw-text-opacity)) !important;
}

.session-details-page div[id*='rf-'] .attribute-Channel1 .attribute-values a:hover{
  text-decoration: none;
}
/*    End DC-696

Session Catalog (Bug): Style "Go to Live Desk" Button*/

/*sprinklr fix*/
.swe_posts .swe_post_social_link * {
  font-family: "swe_icon" !important;
}

.swe_post_footer_container .swe_post_meta_container .swe_post_date.swe_post_action {
  color:#000000 !important;
}

.swe_packery_simple.swe_embed .swe_post.swe_has_video .swe_post_image_container::after, 
.swe_packery_simple.swe_embed .swe_post_icon, 
.swe_packery_simple.swe_embed .swe_post_icon_arrow, 
.swe_packery_simple .swe_feed_selector .swe_post.swe_has_video .swe_post_image_container::after, 
.swe_packery_simple .swe_feed_selector .swe_post_icon, 
.swe_packery_simple .swe_feed_selector .swe_post_icon_arrow{
  font-family: swe_icon !important;
}

.swe_card .swe_post_icon_close {
  font-family: swe_icon !important;
}
.swe_post_meta_container .swe_post_date.swe_post_action {
  color: #fff !important;
}

.swe_embed li, .swe_embed ul {
  list-style: none !important;
}

@media screen and (orientation:landscape) {
  .swe_posts.swe_width_3.max_columns_4.swe_show{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
  }
}

/*sprinklr fix*/

/*
    DC-714

    Session Catalog: Style Buttons/Links for Live Event (10am - 12pm on 4/29)
*/
.session-catalog-page ul.search-results [data-test="abstract-component"] .mdBtnR.mdBtnR-primary {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    height: 2.5rem;
    cursor: pointer;
    transition: 0.2s;
    display: flex;
    min-width: 11.75rem;
    align-items: center;
    justify-content: center;
    border-radius: 624.9375rem;
    border-width: 0.125rem;
    border-style: solid;
    text-decoration: none;
    transition: 0.2s;
    --tw-border-opacity: 1 !important;
    border-color: rgba(0, 118, 203, var(--tw-border-opacity)) !important;
    --tw-text-opacity: 1 !important;
    color: rgba(0, 118, 203, var(--tw-text-opacity)) !important;
  }
.session-catalog-page ul.search-results [data-test="abstract-component"] .mdBtnR.mdBtnR-primary:hover {
	--tw-border-opacity: 1 !important;
	border-color: rgba(42, 107, 146, var(--tw-border-opacity)) !important;
	--tw-bg-opacity: 1 !important;
	background-color: rgba(42, 107, 146, var(--tw-bg-opacity)) !important;
	--tw-text-opacity: 1 !important;
	color: rgba(255, 255, 255, var(--tw-text-opacity)) !important;
}
.session-catalog-page ul.search-results [data-test="abstract-component"] .mdBtnR.mdBtnR-primary:focus {
	--tw-border-opacity: 1 !important;
	border-color: rgba(42, 107, 146, var(--tw-border-opacity)) !important;
	--tw-bg-opacity: 1 !important;
	background-color: rgba(42, 107, 146, var(--tw-bg-opacity)) !important;
	--tw-text-opacity: 1 !important;
	color: rgba(255, 255, 255, var(--tw-text-opacity)) !important;
}
.session-catalog-page ul.search-results [data-test="abstract-component"] .mdBtnR.mdBtnR-primary:active {
	--tw-border-opacity: 1 !important;
	border-color: rgba(42, 107, 146, var(--tw-border-opacity)) !important;
	--tw-bg-opacity: 1 !important;
	background-color: rgba(42, 107, 146, var(--tw-bg-opacity)) !important;
	--tw-text-opacity: 1 !important;
	color: rgba(255, 255, 255, var(--tw-text-opacity)) !important;
}
.session-catalog-page ul.search-results [data-test="abstract-component"] .mdBtnR.mdBtnR-primary:disabled {
	--tw-border-opacity: 1 !important;
	border-color: rgba(180, 180, 180, var(--tw-border-opacity)) !important;
	--tw-bg-opacity: 1 !important;
	background-color: rgba(180, 180, 180, var(--tw-bg-opacity)) !important;
	--tw-text-opacity: 1 !important;
	color: rgba(255, 255, 255, var(--tw-text-opacity)) !important;
}
.session-catalog-page ul.search-results [data-test="abstract-component"] .mdBtnR.mdBtnR-primary{
  text-decoration: none;
  padding-right: 1rem !important;
}

.session-catalog-page ul.search-results [data-test="abstract-component"] .mdBtnR.mdBtnR-primary span{
  color: #0076CB !important;

}

.session-catalog-page ul.search-results [data-test="abstract-component"] .mdBtnR.mdBtnR-primary:hover span {
  color: #ffffff !important;
  text-decoration: none;
}

.session-catalog-page .attribute-SlackChannelLink a {
    width: -webkit-fit-content !important;
    width: -moz-fit-content !important;
    width: fit-content !important;
    height: 2.5rem !important;
    cursor: pointer !important;
    transition: 0.2s !important;
    display: flex;
    min-width: 11.75rem;
    align-items: center;
    justify-content: center;
    border-radius: 624.9375rem;
    border-width: 0.125rem;
    border-style: solid;
    text-decoration: none;
    transition: 0.2s !important;
    --tw-border-opacity: 1 !important;
    border-color: rgba(0, 118, 203, var(--tw-border-opacity)) !important;
    --tw-text-opacity: 1 !important;
    color: rgba(0, 118, 203, var(--tw-text-opacity)) !important;
  }

.session-catalog-page .attribute-SlackChannelLink a:hover {
	--tw-border-opacity: 1 !important;
	border-color: rgba(42, 107, 146, var(--tw-border-opacity)) !important;
	--tw-bg-opacity: 1 !important;
	background-color: rgba(42, 107, 146, var(--tw-bg-opacity)) !important;
	--tw-text-opacity: 1 !important;
	color: rgba(255, 255, 255, var(--tw-text-opacity)) !important;
}

.session-catalog-page .attribute-SlackChannelLink a:focus {
	--tw-border-opacity: 1 !important;
	border-color: rgba(42, 107, 146, var(--tw-border-opacity)) !important;
	--tw-bg-opacity: 1 !important;
	background-color: rgba(42, 107, 146, var(--tw-bg-opacity)) !important;
	--tw-text-opacity: 1 !important;
	color: rgba(255, 255, 255, var(--tw-text-opacity)) !important;
}

.session-catalog-page .attribute-SlackChannelLink a:active {
	--tw-border-opacity: 1 !important;
	border-color: rgba(42, 107, 146, var(--tw-border-opacity)) !important;
	--tw-bg-opacity: 1 !important;
	background-color: rgba(42, 107, 146, var(--tw-bg-opacity)) !important;
	--tw-text-opacity: 1 !important;
	color: rgba(255, 255, 255, var(--tw-text-opacity)) !important;
}

.session-catalog-page .attribute-SlackChannelLink a:disabled {
	--tw-border-opacity: 1 !important;
	border-color: rgba(180, 180, 180, var(--tw-border-opacity)) !important;
	--tw-bg-opacity: 1 !important;
	background-color: rgba(180, 180, 180, var(--tw-bg-opacity)) !important;
	--tw-text-opacity: 1 !important;
	color: rgba(255, 255, 255, var(--tw-text-opacity)) !important;
}

.session-catalog-page .attribute-SlackChannelLink a:hover {
	text-decoration: none !important;
  text-decoration: none;
}
/*
    End DC-714

    Session Catalog: Style Buttons/Links for Live Event (10am - 12pm on 4/29)
*/

/*    DC-715

Live Desk: Style Review Session Button (10am - 12pm on 4/29)*/

.live-desk-page .room-info-details .mdBtnR.mdBtnR-primary {
	margin-top: 0.9375rem;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    height: 2.5rem;
    cursor: pointer;
    transition: 0.2s;
    display: flex;
    min-width: 11.75rem;
    align-items: center;
    justify-content: center;
    border-radius: 624.9375rem;
    border-width: 0.125rem;
    border-style: solid;
    text-decoration: none;
    transition: 0.2s;
    --tw-border-opacity: 1 !important;
    border-color: rgba(0, 118, 203, var(--tw-border-opacity)) !important;
    --tw-text-opacity: 1 !important;
    color: rgba(0, 118, 203, var(--tw-text-opacity)) !important;
}

.live-desk-page .room-info-details .mdBtnR.mdBtnR-primary:hover {
	--tw-border-opacity: 1 !important;
	border-color: rgba(42, 107, 146, var(--tw-border-opacity)) !important;
	--tw-bg-opacity: 1 !important;
	background-color: rgba(42, 107, 146, var(--tw-bg-opacity)) !important;
	--tw-text-opacity: 1 !important;
	color: rgba(255, 255, 255, var(--tw-text-opacity)) !important;
}

.live-desk-page .room-info-details .mdBtnR.mdBtnR-primary:focus {
	--tw-border-opacity: 1 !important;
	border-color: rgba(42, 107, 146, var(--tw-border-opacity)) !important;
	--tw-bg-opacity: 1 !important;
	background-color: rgba(42, 107, 146, var(--tw-bg-opacity)) !important;
	--tw-text-opacity: 1 !important;
	color: rgba(255, 255, 255, var(--tw-text-opacity)) !important;
}

.live-desk-page .room-info-details .mdBtnR.mdBtnR-primary:active {
	--tw-border-opacity: 1 !important;
	border-color: rgba(42, 107, 146, var(--tw-border-opacity)) !important;
	--tw-bg-opacity: 1 !important;
	background-color: rgba(42, 107, 146, var(--tw-bg-opacity)) !important;
	--tw-text-opacity: 1 !important;
	color: rgba(255, 255, 255, var(--tw-text-opacity)) !important;
}

.live-desk-page .room-info-details .mdBtnR.mdBtnR-primary:disabled {
	--tw-border-opacity: 1 !important;
	border-color: rgba(180, 180, 180, var(--tw-border-opacity)) !important;
	--tw-bg-opacity: 1 !important;
	background-color: rgba(180, 180, 180, var(--tw-bg-opacity)) !important;
	--tw-text-opacity: 1 !important;
	color: rgba(255, 255, 255, var(--tw-text-opacity)) !important;
}

.live-desk-page .room-info-details .mdBtnR.mdBtnR-primary {
  background-color:white!important;
  text-decoration: none;
  
  padding-right: 1rem !important;
}

.live-desk-page .room-info-details .mdBtnR.mdBtnR-primary span {
  color: #0076cb !important;
}

.live-desk-page .room-info-details .mdBtnR.mdBtnR-primary:hover span {
  color: #ffffff !important;

  text-decoration: none;
}

/*    End DC-715

Live Desk: Style Review Session Button (10am - 12pm on 4/29)*/

/*
    DC-726

    Registration Form (Bug): PROD page - Word breaking in Eden Relief paragraph (TABLET)
*/
.sapphire-registration .label-text a{
  white-space: nowrap;
}
/*
    End DC-726

    Registration Form (Bug): PROD page - Word breaking in Eden Relief paragraph (TABLET)
*/

/*
    DC-779

    Live Desk: Review Session Button - Hide Attribute Title
*/

.session-catalog-page .attribute-SlackChannelLink .attribute-name{
  display: none;
}
    
/*
    DC-779

    Live Desk: Review Session Button - Hide Attribute Title
*/


/*
    DC-780

    Live Desk: Style Watch Replay Button 
*/

.session-details-page .attribute-SlackChannelLink a {
    width: -webkit-fit-content !important;
    width: -moz-fit-content !important;
    width: fit-content !important;
    height: 2.5rem !important;
    cursor: pointer !important;
    transition: 0.2s !important;
    display: flex;
    min-width: 11.75rem;
    align-items: center;
    justify-content: center;
    border-radius: 624.9375rem;
    border-width: 0.125rem;
    border-style: solid;
    text-decoration: none;
    transition: 0.2s !important;
    --tw-border-opacity: 1 !important;
    border-color: rgba(0, 118, 203, var(--tw-border-opacity)) !important;
    --tw-text-opacity: 1 !important;
    color: rgba(0, 118, 203, var(--tw-text-opacity)) !important;
  }

.session-details-page .attribute-SlackChannelLink a:hover {
	--tw-border-opacity: 1 !important;
	border-color: rgba(42, 107, 146, var(--tw-border-opacity)) !important;
	--tw-bg-opacity: 1 !important;
	background-color: rgba(42, 107, 146, var(--tw-bg-opacity)) !important;
	--tw-text-opacity: 1 !important;
	color: rgba(255, 255, 255, var(--tw-text-opacity)) !important;
}

.session-details-page .attribute-SlackChannelLink a:focus {
	--tw-border-opacity: 1 !important;
	border-color: rgba(42, 107, 146, var(--tw-border-opacity)) !important;
	--tw-bg-opacity: 1 !important;
	background-color: rgba(42, 107, 146, var(--tw-bg-opacity)) !important;
	--tw-text-opacity: 1 !important;
	color: rgba(255, 255, 255, var(--tw-text-opacity)) !important;
}

.session-details-page .attribute-SlackChannelLink a:active {
	--tw-border-opacity: 1 !important;
	border-color: rgba(42, 107, 146, var(--tw-border-opacity)) !important;
	--tw-bg-opacity: 1 !important;
	background-color: rgba(42, 107, 146, var(--tw-bg-opacity)) !important;
	--tw-text-opacity: 1 !important;
	color: rgba(255, 255, 255, var(--tw-text-opacity)) !important;
}

.session-details-page .attribute-SlackChannelLink a:disabled {
	--tw-border-opacity: 1 !important;
	border-color: rgba(180, 180, 180, var(--tw-border-opacity)) !important;
	--tw-bg-opacity: 1 !important;
	background-color: rgba(180, 180, 180, var(--tw-bg-opacity)) !important;
	--tw-text-opacity: 1 !important;
	color: rgba(255, 255, 255, var(--tw-text-opacity)) !important;
}

.session-details-page .attribute-SlackChannelLink a:hover {
	text-decoration: none !important;
}

.session-details-page .attribute-SlackChannelLink .attribute-name{
  display: none;
}

.session-details-page .attribute-WatchReplay a {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    height: 2.5rem;
    cursor: pointer;
    transition: 0.2s;
    display: flex;
    min-width: 11.75rem;
    align-items: center;
    justify-content: center;
    border-radius: 624.9375rem;
    border-width: 0.125rem;
    border-style: solid;
    text-decoration: none;
    transition: 0.2s;
    --tw-border-opacity: 1 !important;
    border-color: rgba(0, 118, 203, var(--tw-border-opacity)) !important;
    --tw-text-opacity: 1 !important;
    color: rgba(0, 118, 203, var(--tw-text-opacity)) !important;
  }

.session-details-page .attribute-WatchReplay a:hover {
	--tw-border-opacity: 1 !important;
	border-color: rgba(42, 107, 146, var(--tw-border-opacity)) !important;
	--tw-bg-opacity: 1 !important;
	background-color: rgba(42, 107, 146, var(--tw-bg-opacity)) !important;
	--tw-text-opacity: 1 !important;
	color: rgba(255, 255, 255, var(--tw-text-opacity)) !important;
}

.session-details-page .attribute-WatchReplay a:focus {
	--tw-border-opacity: 1 !important;
	border-color: rgba(42, 107, 146, var(--tw-border-opacity)) !important;
	--tw-bg-opacity: 1 !important;
	background-color: rgba(42, 107, 146, var(--tw-bg-opacity)) !important;
	--tw-text-opacity: 1 !important;
	color: rgba(255, 255, 255, var(--tw-text-opacity)) !important;
}

.session-details-page .attribute-WatchReplay a:active {
	--tw-border-opacity: 1 !important;
	border-color: rgba(42, 107, 146, var(--tw-border-opacity)) !important;
	--tw-bg-opacity: 1 !important;
	background-color: rgba(42, 107, 146, var(--tw-bg-opacity)) !important;
	--tw-text-opacity: 1 !important;
	color: rgba(255, 255, 255, var(--tw-text-opacity)) !important;
}

.session-details-page .attribute-WatchReplay a:disabled {
	--tw-border-opacity: 1 !important;
	border-color: rgba(180, 180, 180, var(--tw-border-opacity)) !important;
	--tw-bg-opacity: 1 !important;
	background-color: rgba(180, 180, 180, var(--tw-bg-opacity)) !important;
	--tw-text-opacity: 1 !important;
	color: rgba(255, 255, 255, var(--tw-text-opacity)) !important;
}

.session-details-page .attribute-WatchReplay a:hover {
	text-decoration: none;
}

.session-details-page .attribute-WatchReplay .attribute-name{
  display: none;
}

/*
    DC-780

    Live Desk: Style Watch Replay Button 
*/

/*
    DC-786

    Content Catalog: Style Watch Replay Button 
*/

.session-catalog-page .attribute-WatchReplay a {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    height: 2.5rem;
    cursor: pointer;
    transition: 0.2s;
    display: flex;
    min-width: 11.75rem;
    align-items: center;
    justify-content: center;
    border-radius: 624.9375rem;
    border-width: 0.125rem;
    border-style: solid;
    text-decoration: none;
    transition: 0.2s;
    --tw-border-opacity: 1 !important;
    border-color: rgba(0, 118, 203, var(--tw-border-opacity)) !important;
    --tw-text-opacity: 1 !important;
    color: rgba(0, 118, 203, var(--tw-text-opacity)) !important;
  }

.session-catalog-page .attribute-WatchReplay a:hover {
	--tw-border-opacity: 1 !important;
	border-color: rgba(42, 107, 146, var(--tw-border-opacity)) !important;
	--tw-bg-opacity: 1 !important;
	background-color: rgba(42, 107, 146, var(--tw-bg-opacity)) !important;
	--tw-text-opacity: 1 !important;
	color: rgba(255, 255, 255, var(--tw-text-opacity)) !important;
}

.session-catalog-page .attribute-WatchReplay a:focus {
	--tw-border-opacity: 1 !important;
	border-color: rgba(42, 107, 146, var(--tw-border-opacity)) !important;
	--tw-bg-opacity: 1 !important;
	background-color: rgba(42, 107, 146, var(--tw-bg-opacity)) !important;
	--tw-text-opacity: 1 !important;
	color: rgba(255, 255, 255, var(--tw-text-opacity)) !important;
}

.session-catalog-page .attribute-WatchReplay a:active {
	--tw-border-opacity: 1 !important;
	border-color: rgba(42, 107, 146, var(--tw-border-opacity)) !important;
	--tw-bg-opacity: 1 !important;
	background-color: rgba(42, 107, 146, var(--tw-bg-opacity)) !important;
	--tw-text-opacity: 1 !important;
	color: rgba(255, 255, 255, var(--tw-text-opacity)) !important;
}

.session-catalog-page .attribute-WatchReplay a:disabled {
	--tw-border-opacity: 1 !important;
	border-color: rgba(180, 180, 180, var(--tw-border-opacity)) !important;
	--tw-bg-opacity: 1 !important;
	background-color: rgba(180, 180, 180, var(--tw-bg-opacity)) !important;
	--tw-text-opacity: 1 !important;
	color: rgba(255, 255, 255, var(--tw-text-opacity)) !important;
}

.session-catalog-page .attribute-WatchReplay a:hover {
	text-decoration: none;
}

.session-catalog-page .attribute-WatchReplay .attribute-name{
  display: none;
}

/*
    DC-786

    Content Catalog: Style Watch Replay Button 
*/

/*styling the surveys button on the live desk details page*/

/*hiding session planned attribute*/
.session-details-page .attribute-SessionPlanned{
  display:none;
}
.session-details-page.on-demand-session .session-actions,
.session-catalog-page.on-demand-session .session-actions{
  display:none;
}

.moreDetails-abstract .mdBtnR {
	margin-top: 1.5625rem !important;
	padding: 0 !important;
	font-size: 1rem !important;
    width: -webkit-fit-content !important;
    width: -moz-fit-content !important;
    width: fit-content !important;
    height: 2.5rem !important;
    cursor: pointer !important;
    transition: 0.2s !important;
    display: flex;
    min-width: 11.75rem;
    align-items: center;
    justify-content: center;
    border-radius: 624.9375rem;
    border-width: 0.125rem;
    border-style: solid;
    text-decoration: none;
    transition: 0.2s !important;
    --tw-border-opacity: 1 !important;
    border-color: rgba(255, 255, 255, var(--tw-border-opacity)) !important;
    --tw-text-opacity: 1 !important;
    color: rgba(255, 255, 255, var(--tw-text-opacity)) !important;
}

.moreDetails-abstract .mdBtnR:hover {
	--tw-bg-opacity: 1 !important;
	background-color: rgba(255, 255, 255, var(--tw-bg-opacity)) !important;
	--tw-bg-opacity: 1 !important;
	background-color: rgba(255, 255, 255, var(--tw-bg-opacity)) !important;
	--tw-bg-opacity: 1 !important;
	background-color: rgba(255, 255, 255, var(--tw-bg-opacity)) !important;
	--tw-text-opacity: 1 !important;
	color: rgba(0, 118, 203, var(--tw-text-opacity)) !important;
	--tw-text-opacity: 1 !important;
	color: rgba(0, 118, 203, var(--tw-text-opacity)) !important;
	--tw-text-opacity: 1 !important;
	color: rgba(0, 118, 203, var(--tw-text-opacity)) !important;
}

.moreDetails-abstract .mdBtnR:disabled {
	--tw-border-opacity: 1 !important;
	border-color: rgba(180, 180, 180, var(--tw-border-opacity)) !important;
	--tw-bg-opacity: 1 !important;
	background-color: rgba(180, 180, 180, var(--tw-bg-opacity)) !important;
	--tw-text-opacity: 1 !important;
	color: rgba(255, 255, 255, var(--tw-text-opacity)) !important;
}

div.description a.mdBtnR.mdBtnR-primary {
    text-transform: capitalize !important;
    margin-top: 0.9375rem;
    padding-right: 1rem !important;
}


div.description a.mdBtnR.mdBtnR-primary:hover {
    background-color: #3e82e0;
    color: white !important;
    text-transform: none !important;
    text-decoration: unset;
}

/*my schedule page*/
.my-schedule-page .modal-content .attribute-SlackChannelLink .attribute-name,
.my-schedule-page .modal-content .attribute-WatchReplay .attribute-name{
  display:none;
}
.my-schedule-page .modal-content .attribute-SlackChannelLink .attribute-values a, .my-schedule-page .modal-content .attribute-WatchReplay .attribute-values a {
	text-decoration: none;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    height: 2.5rem;
    cursor: pointer;
    transition: 0.2s;
    display: flex;
    min-width: 11.75rem;
    align-items: center;
    justify-content: center;
    border-radius: 624.9375rem;
    border-width: 0.125rem;
    border-style: solid;
    text-decoration: none;
    transition: 0.2s;
    --tw-border-opacity: 1 !important;
    border-color: rgba(0, 118, 203, var(--tw-border-opacity)) !important;
    --tw-text-opacity: 1 !important;
    color: rgba(0, 118, 203, var(--tw-text-opacity)) !important;
}
.my-schedule-page .modal-content .attribute-SlackChannelLink .attribute-values a:hover, .my-schedule-page .modal-content .attribute-WatchReplay .attribute-values a:hover {
	--tw-border-opacity: 1 !important;
	border-color: rgba(42, 107, 146, var(--tw-border-opacity)) !important;
	--tw-bg-opacity: 1 !important;
	background-color: rgba(42, 107, 146, var(--tw-bg-opacity)) !important;
	--tw-text-opacity: 1 !important;
	color: rgba(255, 255, 255, var(--tw-text-opacity)) !important;
}
.my-schedule-page .modal-content .attribute-SlackChannelLink .attribute-values a:focus, .my-schedule-page .modal-content .attribute-WatchReplay .attribute-values a:focus {
	--tw-border-opacity: 1 !important;
	border-color: rgba(42, 107, 146, var(--tw-border-opacity)) !important;
	--tw-bg-opacity: 1 !important;
	background-color: rgba(42, 107, 146, var(--tw-bg-opacity)) !important;
	--tw-text-opacity: 1 !important;
	color: rgba(255, 255, 255, var(--tw-text-opacity)) !important;
}
.my-schedule-page .modal-content .attribute-SlackChannelLink .attribute-values a:active, .my-schedule-page .modal-content .attribute-WatchReplay .attribute-values a:active {
	--tw-border-opacity: 1 !important;
	border-color: rgba(42, 107, 146, var(--tw-border-opacity)) !important;
	--tw-bg-opacity: 1 !important;
	background-color: rgba(42, 107, 146, var(--tw-bg-opacity)) !important;
	--tw-text-opacity: 1 !important;
	color: rgba(255, 255, 255, var(--tw-text-opacity)) !important;
}
.my-schedule-page .modal-content .attribute-SlackChannelLink .attribute-values a:disabled, .my-schedule-page .modal-content .attribute-WatchReplay .attribute-values a:disabled {
	--tw-border-opacity: 1 !important;
	border-color: rgba(180, 180, 180, var(--tw-border-opacity)) !important;
	--tw-bg-opacity: 1 !important;
	background-color: rgba(180, 180, 180, var(--tw-bg-opacity)) !important;
	--tw-text-opacity: 1 !important;
	color: rgba(255, 255, 255, var(--tw-text-opacity)) !important;
}

.my-schedule-page .modal-content div.description a.mdBtnR.mdBtnR-primary {
	display: flex !important;
	font-size: 1rem !important;
    width: -webkit-fit-content !important;
    width: -moz-fit-content !important;
    width: fit-content !important;
    height: 2.5rem !important;
    cursor: pointer !important;
    transition: 0.2s !important;
    display: flex;
    min-width: 11.75rem;
    align-items: center;
    justify-content: center;
    border-radius: 624.9375rem;
    border-width: 0.125rem;
    border-style: solid;
    text-decoration: none;
    transition: 0.2s !important;
    --tw-border-opacity: 1 !important;
    border-color: rgba(0, 118, 203, var(--tw-border-opacity)) !important;
    --tw-text-opacity: 1 !important;
    color: rgba(0, 118, 203, var(--tw-text-opacity)) !important;
}

.my-schedule-page .modal-content div.description a.mdBtnR.mdBtnR-primary:hover {
	--tw-border-opacity: 1 !important;
	border-color: rgba(42, 107, 146, var(--tw-border-opacity)) !important;
	--tw-bg-opacity: 1 !important;
	background-color: rgba(42, 107, 146, var(--tw-bg-opacity)) !important;
	--tw-text-opacity: 1 !important;
	color: rgba(255, 255, 255, var(--tw-text-opacity)) !important;
}

.my-schedule-page .modal-content div.description a.mdBtnR.mdBtnR-primary:focus {
	--tw-border-opacity: 1 !important;
	border-color: rgba(42, 107, 146, var(--tw-border-opacity)) !important;
	--tw-bg-opacity: 1 !important;
	background-color: rgba(42, 107, 146, var(--tw-bg-opacity)) !important;
	--tw-text-opacity: 1 !important;
	color: rgba(255, 255, 255, var(--tw-text-opacity)) !important;
}

.my-schedule-page .modal-content div.description a.mdBtnR.mdBtnR-primary:active {
	--tw-border-opacity: 1 !important;
	border-color: rgba(42, 107, 146, var(--tw-border-opacity)) !important;
	--tw-bg-opacity: 1 !important;
	background-color: rgba(42, 107, 146, var(--tw-bg-opacity)) !important;
	--tw-text-opacity: 1 !important;
	color: rgba(255, 255, 255, var(--tw-text-opacity)) !important;
}

.my-schedule-page .modal-content div.description a.mdBtnR.mdBtnR-primary:disabled {
	--tw-border-opacity: 1 !important;
	border-color: rgba(180, 180, 180, var(--tw-border-opacity)) !important;
	--tw-bg-opacity: 1 !important;
	background-color: rgba(180, 180, 180, var(--tw-bg-opacity)) !important;
	--tw-text-opacity: 1 !important;
	color: rgba(255, 255, 255, var(--tw-text-opacity)) !important;
}

.vjs-text-track-display .vjs-text-track-cue div,
.vjs-text-track-display .vjs-text-track-cue div b {
    font-size: unset !important;
    font-weight:normal!important;
}


.section-title[data-test="catalog-section-title"] {
    display: none;
}


.hover\:underline:hover {
	text-decoration: underline !important;
}


.hover\:no-underline:hover {
	text-decoration: none !important;
}


@media (min-width: 640px) {
	.sm\:m-0 {
		margin: 0 !important;
	}
	.sm\:mx-auto {
		margin-left: auto !important;
		margin-right: auto !important;
	}
	.sm\:my-\[4\.375rem\] {
		margin-top: 4.375rem !important;
		margin-bottom: 4.375rem !important;
	}
	.sm\:mx-\[3\.875rem\] {
		margin-left: 3.875rem !important;
		margin-right: 3.875rem !important;
	}
	.sm\:mb-\[30\.5px\] {
		margin-bottom: 1.90625rem !important;
	}
	.sm\:mt-\[4rem\] {
		margin-top: 4rem !important;
	}
	.sm\:mb-\[1rem\] {
		margin-bottom: 1rem !important;
	}
	.sm\:mr-0 {
		margin-right: 0 !important;
	}
	.sm\:mt-\[4\.375rem\] {
		margin-top: 4.375rem !important;
	}
	.sm\:mr-\[5rem\] {
		margin-right: 5rem !important;
	}
	.sm\:mb-\[0rem\] {
		margin-bottom: 0rem !important;
	}
	.sm\:mb-\[0\.625rem\] {
		margin-bottom: 0.625rem !important;
	}
	.sm\:mb-\[4\.375rem\] {
		margin-bottom: 4.375rem !important;
	}
	.sm\:block {
		display: block !important;
	}
	.sm\:flex {
		display: flex !important;
	}
	.sm\:hidden {
		display: none !important;
	}
	.sm\:h-\[105px\] {
		height: 6.5625rem !important;
	}
	.sm\:h-full {
		height: 100% !important;
	}
	.sm\:w-\[166px\] {
		width: 10.375rem !important;
	}
	.sm\:w-full {
		width: 100% !important;
	}
	.sm\:w-1\/2 {
		width: 50% !important;
	}
	.sm\:w-\[8\.625rem\] {
		width: 8.625rem !important;
	}
	.sm\:max-w-\[50\%\] {
		max-width: 50% !important;
	}
	.sm\:grid-cols-2 {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}
	.sm\:flex-row {
		flex-direction: row !important;
	}
	.sm\:flex-col {
		flex-direction: column !important;
	}
	.sm\:items-start {
		align-items: flex-start !important;
	}
	.sm\:items-center {
		align-items: center !important;
	}
	.sm\:justify-start {
		justify-content: flex-start !important;
	}
	.sm\:justify-center {
		justify-content: center !important;
	}
	.sm\:whitespace-nowrap {
		white-space: nowrap !important;
	}
	.sm\:border-2 {
		border-width: 0.125rem !important;
	}
	.sm\:border-t-0 {
		border-top-width: 0 !important;
	}
	.sm\:border-l-0 {
		border-left-width: 0 !important;
	}
	.sm\:border-b-0 {
		border-bottom-width: 0 !important;
	}
	.sm\:bg-white {
		--tw-bg-opacity: 1 !important;
		background-color: rgba(255, 255, 255, var(--tw-bg-opacity)) !important;
	}
	.sm\:p-\[40px\] {
		padding: 2.5rem !important;
	}
	.sm\:p-0 {
		padding: 0 !important;
	}
	.sm\:py-\[4\.375rem\] {
		padding-top: 4.375rem !important;
		padding-bottom: 4.375rem !important;
	}
	.sm\:px-\[22px\] {
		padding-left: 1.375rem !important;
		padding-right: 1.375rem !important;
	}
	.sm\:py-\[40px\] {
		padding-top: 2.5rem !important;
		padding-bottom: 2.5rem !important;
	}
	.sm\:px-\[30px\] {
		padding-left: 1.875rem !important;
		padding-right: 1.875rem !important;
	}
	.sm\:py-\[42px\] {
		padding-top: 2.625rem !important;
		padding-bottom: 2.625rem !important;
	}
	.sm\:px-0 {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	.sm\:px-\[1\.375rem\] {
		padding-left: 1.375rem !important;
		padding-right: 1.375rem !important;
	}
	.sm\:px-\[3\.4375rem\] {
		padding-left: 3.4375rem !important;
		padding-right: 3.4375rem !important;
	}
	.sm\:pt-\[60px\] {
		padding-top: 3.75rem !important;
	}
	.sm\:pb-\[40px\] {
		padding-bottom: 2.5rem !important;
	}
	.sm\:pb-\[4\.375rem\] {
		padding-bottom: 4.375rem !important;
	}
	.sm\:pt-10 {
		padding-top: 2.5rem !important;
	}
	.sm\:pl-\[\] {
		padding-left:  !important;
	}
	.sm\:pt-\[16\.5px\] {
		padding-top: 1.03125rem !important;
	}
	.sm\:pb-\[18px\] {
		padding-bottom: 1.125rem !important;
	}
	.sm\:pl-\[1\.375rem\] {
		padding-left: 1.375rem !important;
	}
	.sm\:text-left {
		text-align: left !important;
	}
	.sm\:text-\[2\.8125rem\] {
		font-size: 2.8125rem !important;
	}
	.sm\:text-copy-normal {
		font-size: 1rem !important;
		line-height: 1.5rem !important;
	}
	.sm\:text-heading-m {
		font-size: 1.69rem !important;
		line-height: 2.19688rem !important;
	}
	.sm\:text-copy-m-small {
		font-size: 0.83313rem !important;
		line-height: 1.25rem !important;
	}
	.sm\:text-\[27px\] {
		font-size: 1.6875rem !important;
	}
	.sm\:text-\[16px\] {
		font-size: 1rem !important;
	}
	.sm\:text-\[20px\] {
		font-size: 1.25rem !important;
	}
	.sm\:text-xl {
		font-size: 1.25rem !important;
		line-height: 1.75rem !important;
	}
	.sm\:text-heading-l {
		font-size: 2.19688rem !important;
		line-height: 2.63625rem !important;
	}
	.sm\:text-heading-xl {
		font-size: 2.85625rem !important;
		line-height: 3.425rem !important;
	}
	.sm\:text-\[2\.856rem\] {
		font-size: 2.856rem !important;
	}
	.sm\:leading-\[3\.375rem\] {
		line-height: 3.375rem !important;
	}
	.sm\:leading-\[35px\] {
		line-height: 2.1875rem !important;
	}
	.sm\:leading-\[24px\] {
		line-height: 1.5rem !important;
	}
	.sm\:leading-\[26px\] {
		line-height: 1.625rem !important;
	}
	.sm\:leading-\[3\.428rem\] {
		line-height: 3.428rem !important;
	}
}


@media (min-width: 768px) {
	.md\:my-\[60px\] {
		margin-top: 3.75rem !important;
		margin-bottom: 3.75rem !important;
	}
	.md\:my-\[4\.375rem\] {
		margin-top: 4.375rem !important;
		margin-bottom: 4.375rem !important;
	}
	.md\:my-0 {
		margin-top: 0 !important;
		margin-bottom: 0 !important;
	}
	.md\:mb-\[47\.5px\] {
		margin-bottom: 2.96875rem !important;
	}
	.md\:mb-\[70px\] {
		margin-bottom: 4.375rem !important;
	}
	.md\:mb-\[1\.25rem\] {
		margin-bottom: 1.25rem !important;
	}
	.md\:mb-\[40px\] {
		margin-bottom: 2.5rem !important;
	}
	.md\:mt-\[40px\] {
		margin-top: 2.5rem !important;
	}
	.md\:mr-0 {
		margin-right: 0 !important;
	}
	.md\:mr-3 {
		margin-right: 0.75rem !important;
	}
	.md\:mb-0 {
		margin-bottom: 0 !important;
	}
	.md\:-mt-16 {
		margin-top: -4rem !important;
	}
	.md\:mb-\[1\.625rem\] {
		margin-bottom: 1.625rem !important;
	}
	.md\:mt-\[4\.375rem\] {
		margin-top: 4.375rem !important;
	}
	.md\:mb-\[4\.375rem\] {
		margin-bottom: 4.375rem !important;
	}
	.md\:mt-\[80px\] {
		margin-top: 5rem !important;
	}
	.md\:mb-\[33px\] {
		margin-bottom: 2.0625rem !important;
	}
	.md\:mb-\[16px\] {
		margin-bottom: 1rem !important;
	}
	.md\:mr-\[24px\] {
		margin-right: 1.5rem !important;
	}
	.md\:ml-0 {
		margin-left: 0 !important;
	}
	.md\:mr-\[1\.5rem\] {
		margin-right: 1.5rem !important;
	}
	.md\:mt-\[1\.375rem\] {
		margin-top: 1.375rem !important;
	}
	.md\:mb-16 {
		margin-bottom: 4rem !important;
	}
	.md\:mr-\[30px\] {
		margin-right: 1.875rem !important;
	}
	.md\:ml-auto {
		margin-left: auto !important;
	}
	.md\:block {
		display: block !important;
	}
	.md\:flex {
		display: flex !important;
	}
	.md\:h-\[48px\] {
		height: 3rem !important;
	}
	.md\:min-h-\[62vh\] {
		min-height: 62vh !important;
	}
	.md\:w-\[66\.6\%\] {
		width: 66.6% !important;
	}
	.md\:w-\[33\.3\%\] {
		width: 33.3% !important;
	}
	.md\:w-\[8\.625rem\] {
		width: 8.625rem !important;
	}
	.md\:w-\[17\.375rem\] {
		width: 17.375rem !important;
	}
	.md\:min-w-\[17\.375rem\] {
		min-width: 17.375rem !important;
	}
	.md\:max-w-\[600px\] {
		max-width: 37.5rem !important;
	}
	.md\:max-w-\[15\.625rem\] {
		max-width: 15.625rem !important;
	}
	.md\:max-w-\[37\.5rem\] {
		max-width: 37.5rem !important;
	}
	.md\:flex-none {
		flex: none !important;
	}
	.md\:grid-cols-3 {
		grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
	}
	.md\:grid-cols-4 {
		grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
	}
	.md\:grid-rows-3 {
		grid-template-rows: repeat(3, minmax(0, 1fr)) !important;
	}
	.md\:grid-rows-6 {
		grid-template-rows: repeat(6, minmax(0, 1fr)) !important;
	}
	.md\:flex-row {
		flex-direction: row !important;
	}
	.md\:items-start {
		align-items: flex-start !important;
	}
	.md\:items-center {
		align-items: center !important;
	}
	.md\:justify-start {
		justify-content: flex-start !important;
	}
	.md\:justify-end {
		justify-content: flex-end !important;
	}
	.md\:justify-center {
		justify-content: center !important;
	}
	.md\:gap-\[24px\] {
		gap: 1.5rem !important;
	}
	.md\:p-0 {
		padding: 0 !important;
	}
	.md\:py-\[60px\] {
		padding-top: 3.75rem !important;
		padding-bottom: 3.75rem !important;
	}
	.md\:px-\[40px\] {
		padding-left: 2.5rem !important;
		padding-right: 2.5rem !important;
	}
	.md\:py-10 {
		padding-top: 2.5rem !important;
		padding-bottom: 2.5rem !important;
	}
	.md\:px-\[1\.625rem\] {
		padding-left: 1.625rem !important;
		padding-right: 1.625rem !important;
	}
	.md\:px-0 {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	.md\:px-\[90px\] {
		padding-left: 5.625rem !important;
		padding-right: 5.625rem !important;
	}
	.md\:py-\[2\.5rem\] {
		padding-top: 2.5rem !important;
		padding-bottom: 2.5rem !important;
	}
	.md\:py-\[4\.375rem\] {
		padding-top: 4.375rem !important;
		padding-bottom: 4.375rem !important;
	}
	.md\:pb-8 {
		padding-bottom: 2rem !important;
	}
	.md\:pt-\[74px\] {
		padding-top: 4.625rem !important;
	}
	.md\:pb-\[70px\] {
		padding-bottom: 4.375rem !important;
	}
	.md\:text-left {
		text-align: left !important;
	}
	.md\:text-\[2\.197rem\] {
		font-size: 2.197rem !important;
	}
	.md\:text-\[1\.874rem\] {
		font-size: 1.874rem !important;
	}
	.md\:text-heading-m {
		font-size: 1.69rem !important;
		line-height: 2.19688rem !important;
	}
	.md\:text-\[2\.856rem\] {
		font-size: 2.856rem !important;
	}
	.md\:text-\[1\.69rem\] {
		font-size: 1.69rem !important;
	}
	.md\:text-\[45px\] {
		font-size: 2.8125rem !important;
	}
	.md\:text-\[27px\] {
		font-size: 1.6875rem !important;
	}
	.md\:text-heading-xl {
		font-size: 2.85625rem !important;
		line-height: 3.425rem !important;
	}
	.md\:text-\[20px\] {
		font-size: 1.25rem !important;
	}
	.md\:text-\[46px\] {
		font-size: 2.875rem !important;
	}
	.md\:text-\[0\.75rem\] {
		font-size: 0.75rem !important;
	}
	.md\:leading-\[2\.636rem\] {
		line-height: 2.636rem !important;
	}
	.md\:leading-\[3\.428rem\] {
		line-height: 3.428rem !important;
	}
	.md\:leading-\[2\.1875rem\] {
		line-height: 2.1875rem !important;
	}
	.md\:leading-\[35px\] {
		line-height: 2.1875rem !important;
	}
	.md\:leading-\[26px\] {
		line-height: 1.625rem !important;
	}
	.md\:leading-\[55px\] {
		line-height: 3.4375rem !important;
	}
	.md\:leading-\[1\.125rem\] {
		line-height: 1.125rem !important;
	}
}


@media (min-width: 1024px) {
	.lg\:my-\[7\.5rem\] {
		margin-top: 7.5rem !important;
		margin-bottom: 7.5rem !important;
	}
	.lg\:mr-0 {
		margin-right: 0 !important;
	}
	.lg\:mr-10 {
		margin-right: 2.5rem !important;
	}
	.lg\:mt-2 {
		margin-top: 0.5rem !important;
	}
	.lg\:mr-\[4\.313rem\] {
		margin-right: 4.313rem !important;
	}
	.lg\:mt-\[6\.681rem\] {
		margin-top: 6.681rem !important;
	}
	.lg\:mb-0 {
		margin-bottom: 0 !important;
	}
	.lg\:mt-\[7\.5rem\] {
		margin-top: 7.5rem !important;
	}
	.lg\:mb-\[7\.5rem\] {
		margin-bottom: 7.5rem !important;
	}
	.lg\:mr-\[4\.1875rem\] {
		margin-right: 4.1875rem !important;
	}
	.lg\:mt-\[9\.125rem\] {
		margin-top: 9.125rem !important;
	}
	.lg\:mt-\[3\.4375rem\] {
		margin-top: 3.4375rem !important;
	}
	.lg\:mt-\[1\.375rem\] {
		margin-top: 1.375rem !important;
	}
	.lg\:mb-\[1\.625rem\] {
		margin-bottom: 1.625rem !important;
	}
	.lg\:mr-\[73px\] {
		margin-right: 4.5625rem !important;
	}
	.lg\:mb-\[60px\] {
		margin-bottom: 3.75rem !important;
	}
	.lg\:mt-\[30px\] {
		margin-top: 1.875rem !important;
	}
	.lg\:mb-\[57px\] {
		margin-bottom: 3.5625rem !important;
	}
	.lg\:block {
		display: block !important;
	}
	.lg\:flex {
		display: flex !important;
	}
	.lg\:hidden {
		display: none !important;
	}
	.lg\:h-\[105px\] {
		height: 6.5625rem !important;
	}
	.lg\:h-\[43rem\] {
		height: 43rem !important;
	}
	.lg\:w-\[33\.3\%\] {
		width: 33.3% !important;
	}
	.lg\:w-\[11\.063rem\] {
		width: 11.063rem !important;
	}
	.lg\:w-\[210px\] {
		width: 13.125rem !important;
	}
	.lg\:w-\[24\.375rem\] {
		width: 24.375rem !important;
	}
	.lg\:w-\[30\.75rem\] {
		width: 30.75rem !important;
	}
	.lg\:min-w-\[24\.375rem\] {
		min-width: 24.375rem !important;
	}
	.lg\:max-w-full {
		max-width: 100% !important;
	}
	.lg\:max-w-none {
		max-width: none !important;
	}
	.lg\:max-w-\[315px\] {
		max-width: 19.6875rem !important;
	}
	.lg\:flex-row {
		flex-direction: row !important;
	}
	.lg\:items-start {
		align-items: flex-start !important;
	}
	.lg\:justify-start {
		justify-content: flex-start !important;
	}
	.lg\:justify-center {
		justify-content: center !important;
	}
	.lg\:py-\[3\.75rem\] {
		padding-top: 3.75rem !important;
		padding-bottom: 3.75rem !important;
	}
	.lg\:px-\[7\.188rem\] {
		padding-left: 7.188rem !important;
		padding-right: 7.188rem !important;
	}
	.lg\:pt-\[120px\] {
		padding-top: 7.5rem !important;
	}
	.lg\:pb-\[60px\] {
		padding-bottom: 3.75rem !important;
	}
	.lg\:pl-\[7\.1875rem\] {
		padding-left: 7.1875rem !important;
	}
	.lg\:pr-\[15\.125rem\] {
		padding-right: 15.125rem !important;
	}
	.lg\:pb-20 {
		padding-bottom: 5rem !important;
	}
	.lg\:pl-\[64px\] {
		padding-left: 4rem !important;
	}
	.lg\:pt-\[60px\] {
		padding-top: 3.75rem !important;
	}
	.lg\:pr-\[72px\] {
		padding-right: 4.5rem !important;
	}
	.lg\:text-left {
		text-align: left !important;
	}
	.lg\:text-\[35px\] {
		font-size: 2.1875rem !important;
	}
	.lg\:leading-\[42px\] {
		line-height: 2.625rem !important;
	}
}


@media (min-width: 1280px) {
	.xl\:absolute {
		position: absolute !important;
	}
	.xl\:bottom-0 {
		bottom: 0 !important;
	}
	.xl\:right-\[4rem\] {
		right: 4rem !important;
	}
	.xl\:my-\[120px\] {
		margin-top: 7.5rem !important;
		margin-bottom: 7.5rem !important;
	}
	.xl\:mx-auto {
		margin-left: auto !important;
		margin-right: auto !important;
	}
	.xl\:mx-0 {
		margin-left: 0 !important;
		margin-right: 0 !important;
	}
	.xl\:mb-\[3\.75rem\] {
		margin-bottom: 3.75rem !important;
	}
	.xl\:mt-\[7\.125rem\] {
		margin-top: 7.125rem !important;
	}
	.xl\:mb-0 {
		margin-bottom: 0 !important;
	}
	.xl\:mt-\[7\.5rem\] {
		margin-top: 7.5rem !important;
	}
	.xl\:mr-\[7\.875rem\] {
		margin-right: 7.875rem !important;
	}
	.xl\:mt-2 {
		margin-top: 0.5rem !important;
	}
	.xl\:mb-\[7\.5rem\] {
		margin-bottom: 7.5rem !important;
	}
	.xl\:mr-\[4\.1875rem\] {
		margin-right: 4.1875rem !important;
	}
	.xl\:mt-\[9\.125rem\] {
		margin-top: 9.125rem !important;
	}
	.xl\:mt-\[3\.4375rem\] {
		margin-top: 3.4375rem !important;
	}
	.xl\:mb-\[18px\] {
		margin-bottom: 1.125rem !important;
	}
	.xl\:mb-\[4\.6875rem\] {
		margin-bottom: 4.6875rem !important;
	}
	.xl\:mr-\[3rem\] {
		margin-right: 3rem !important;
	}
	.xl\:mr-0 {
		margin-right: 0 !important;
	}
	.xl\:block {
		display: block !important;
	}
	.xl\:flex {
		display: flex !important;
	}
	.xl\:h-\[43rem\] {
		height: 43rem !important;
	}
	.xl\:h-\[112px\] {
		height: 7rem !important;
	}
	.xl\:w-\[24\.375rem\] {
		width: 24.375rem !important;
	}
	.xl\:w-\[30\.75rem\] {
		width: 30.75rem !important;
	}
	.xl\:w-\[11\.0625rem\] {
		width: 11.0625rem !important;
	}
	.xl\:w-full {
		width: 100% !important;
	}
	.xl\:min-w-\[24\.375rem\] {
		min-width: 24.375rem !important;
	}
	.xl\:max-w-\[25rem\] {
		max-width: 25rem !important;
	}
	.xl\:max-w-full {
		max-width: 100% !important;
	}
	.xl\:max-w-none {
		max-width: none !important;
	}
	.xl\:max-w-\[55\.875rem\] {
		max-width: 55.875rem !important;
	}
	.xl\:flex-shrink-0 {
		flex-shrink: 0 !important;
	}
	.xl\:flex-row {
		flex-direction: row !important;
	}
	.xl\:items-start {
		align-items: flex-start !important;
	}
	.xl\:justify-start {
		justify-content: flex-start !important;
	}
	.xl\:py-\[3\.75rem\] {
		padding-top: 3.75rem !important;
		padding-bottom: 3.75rem !important;
	}
	.xl\:px-\[7\.188rem\] {
		padding-left: 7.188rem !important;
		padding-right: 7.188rem !important;
	}
	.xl\:px-0 {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	.xl\:px-\[7\.1875rem\] {
		padding-left: 7.1875rem !important;
		padding-right: 7.1875rem !important;
	}
	.xl\:pl-\[7\.1875rem\] {
		padding-left: 7.1875rem !important;
	}
	.xl\:pr-\[15\.125rem\] {
		padding-right: 15.125rem !important;
	}
	.xl\:pl-0 {
		padding-left: 0 !important;
	}
	.xl\:pb-\[3\.5625rem\] {
		padding-bottom: 3.5625rem !important;
	}
	.xl\:text-left {
		text-align: left !important;
	}
	.xl\:text-\[3rem\] {
		font-size: 3rem !important;
	}
	.xl\:text-heading-m {
		font-size: 1.69rem !important;
		line-height: 2.19688rem !important;
	}
	.xl\:text-heading-s {
		font-size: 1.255rem !important;
		line-height: 1.63125rem !important;
	}
	.xl\:text-heading-l {
		font-size: 2.19688rem !important;
		line-height: 2.63625rem !important;
	}
	.xl\:leading-\[3\.625rem\] {
		line-height: 3.625rem !important;
	}
}


@media (min-width: 1400px) {
	.\31 400px\:mb-\[120px\] {
		margin-bottom: 7.5rem !important;
	}
	.\31 400px\:mt-0 {
		margin-top: 0 !important;
	}
	.\31 400px\:mb-\[0\.9375rem\] {
		margin-bottom: 0.9375rem !important;
	}
	.\31 400px\:flex-row-reverse {
		flex-direction: row-reverse !important;
	}
	.\31 400px\:text-\[2\.256rem\] {
		font-size: 2.256rem !important;
	}
	.\31 400px\:leading-\[3\.428rem\] {
		line-height: 3.428rem !important;
	}
}


@media (min-width: 2000px) {
	.\32 000px\:justify-center {
		justify-content: center !important;
	}
}


@media (min-width: 1920px) {
	.full\:h-\[664px\] {
		height: 41.5rem !important;
	}
	.full\:w-\[1180px\] {
		width: 73.75rem !important;
	}
}


@media (min-width: 1024px) {
	.laptop\:max-w-\[1130px\] {
		max-width: 70.625rem !important;
	}
	.laptop\:flex-row {
		flex-direction: row !important;
	}
	.laptop\:justify-center {
		justify-content: center !important;
	}
}


@media (min-width: 1181px) {
	.desktop\:mt-0 {
		margin-top: 0 !important;
	}
	.desktop\:mb-\[0\.9375rem\] {
		margin-bottom: 0.9375rem !important;
	}
	.desktop\:flex-row-reverse {
		flex-direction: row-reverse !important;
	}
	.desktop\:text-\[2\.256rem\] {
		font-size: 2.256rem !important;
	}
	.desktop\:leading-\[3\.428rem\] {
		line-height: 3.428rem !important;
	}
}