@charset "UTF-8";
/*! normalize.css v2.0.1 | MIT License | git.io/normalize */
/* ==========================================================================
 HTML5 display definitions
 ========================================================================== */
/*
* Corrects `block` display not defined in IE 8/9.
*/
@import url("https://fonts.googleapis.com/css2?family=Fira+Mono&family=Noto+Serif:ital,wght@0,400;0,700;1,400;1,700&family=Open+Sans+Condensed:ital,wght@0,700&family=Open+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,700&display=swap");
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
  display: block;
}

/*
* Corrects `inline-block` display not defined in IE 8/9.
*/
audio,
canvas,
video {
  display: inline-block;
}

/*
* Prevents modern browsers from displaying `audio` without controls.
* Remove excess height in iOS 5 devices.
*/
audio:not([controls]) {
  display: none;
  height: 0;
}

/*
* Addresses styling for `hidden` attribute not present in IE 8/9.
*/
[hidden] {
  display: none;
}

/* ==========================================================================
 Base
 ========================================================================== */
/*
* 1. Sets default font family to sans-serif.
* 2. Prevents iOS text size adjust after orientation change, without disabling
*    user zoom.
*/
html {
  font-family: sans-serif; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
  -ms-text-size-adjust: 100%; /* 2 */
}

/*
* Removes default margin.
*/
body {
  margin: 0;
}

/* ==========================================================================
 Links
 ========================================================================== */
/*
* Addresses `outline` inconsistency between Chrome and other browsers.
*/
a:focus {
  outline: thin dotted;
}

/*
* Improves readability when focused and also mouse hovered in all browsers.
*/
a:active,
a:hover {
  outline: 0;
}

/* ==========================================================================
 Typography
 ========================================================================== */
/*
* Addresses styling not present in IE 8/9, Safari 5, and Chrome.
*/
abbr[title] {
  border-bottom: 1px dotted;
}

/*
* Addresses style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
*/
b,
strong {
  font-weight: bold;
}

/*
* Addresses styling not present in Safari 5 and Chrome.
*/
dfn {
  font-style: italic;
}

/*
* Addresses styling not present in IE 8/9.
*/
mark {
  background: #ff0;
  color: #000;
}

/*
* Corrects font family set oddly in Safari 5 and Chrome.
*/
code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  font-size: 1em;
}

/*
* Improves readability of pre-formatted text in all browsers.
*/
pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
}

/*
* Sets consistent quote types.
*/
q {
  quotes: "“" "”" "‘" "’";
}

/*
* Addresses inconsistent and variable font size in all browsers.
*/
small {
  font-size: 80%;
}

/*
* Prevents `sub` and `sup` affecting `line-height` in all browsers.
*/
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

p {
  margin: 1em 0;
}

/* ==========================================================================
 Embedded content
 ========================================================================== */
/*
* Removes border when inside `a` element in IE 8/9.
*/
img {
  border: 0;
}

/*
* Corrects overflow displayed oddly in IE 9.
*/
svg:not(:root) {
  overflow: hidden;
}

/* ==========================================================================
 Figures
 ========================================================================== */
/*
* Addresses margin not present in IE 8/9 and Safari 5.
*/
figure {
  margin: 0;
}

/* ==========================================================================
 Forms
 ========================================================================== */
/*
* Define consistent border, margin, and padding.
*/
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/*
* 1. Corrects color not being inherited in IE 8/9.
* 2. Remove padding so people aren't caught out if they zero out fieldsets.
*/
legend {
  border: 0; /* 1 */
  padding: 0; /* 2 */
}

/*
* 1. Corrects font family not being inherited in all browsers.
* 2. Corrects font size not being inherited in all browsers.
* 3. Addresses margins set differently in Firefox 4+, Safari 5, and Chrome
*/
button,
input,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 2 */
  margin: 0; /* 3 */
}

/*
* Addresses Firefox 4+ setting `line-height` on `input` using `!important` in
* the UA stylesheet.
*/
button,
input {
  line-height: normal;
}

/*
* 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
*    and `video` controls.
* 2. Corrects inability to style clickable `input` types in iOS.
* 3. Improves usability and consistency of cursor style between image-type
*    `input` and others.
*/
button,
html input[type=button],
input[type=reset],
input[type=submit] {
  -webkit-appearance: button; /* 2 */
  cursor: pointer; /* 3 */
}

/*
* Re-set default cursor for disabled elements.
*/
button[disabled],
input[disabled] {
  cursor: default;
}

/*
* 1. Addresses box sizing set to `content-box` in IE 8/9.
* 2. Removes excess padding in IE 8/9.
*/
input[type=checkbox],
input[type=radio] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/*
* 1. Addresses `appearance` set to `searchfield` in Safari 5 and Chrome.
* 2. Addresses `box-sizing` set to `border-box` in Safari 5 and Chrome
*    (include `-moz` to future-proof).
*/
input[type=search] {
  -webkit-appearance: textfield; /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box; /* 2 */
  box-sizing: content-box;
}

/*
* Removes inner padding and search cancel button in Safari 5 and Chrome
* on OS X.
*/
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/*
* Removes inner padding and border in Firefox 4+.
*/
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/*
* 1. Removes default vertical scrollbar in IE 8/9.
* 2. Improves readability and alignment in all browsers.
*/
textarea {
  overflow: auto; /* 1 */
  vertical-align: top; /* 2 */
}

/* ==========================================================================
 Tables
 ========================================================================== */
/*
* Remove most spacing between table cells.
*/
table {
  border-collapse: collapse;
  border-spacing: 0;
}

@font-face {
  font-family: "Fira Mono";
  src: url("../fonts/fira-mono/FiraMono-Regular.eot");
  src: url("../fonts/fira-mono/FiraMono-Regular.eot") format("embedded-opentype"), url("../fonts/fira-mono/FiraMono-Regular.woff") format("woff"), url("../fonts/fira-mono/FiraMono-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Fira Mono";
  src: url("../fonts/fira-mono/FiraMono-Bold.eot");
  src: url("../fonts/fira-mono/FiraMono-Bold.eot") format("embedded-opentype"), url("../fonts/fira-mono/FiraMono-Bold.woff") format("woff"), url("../fonts/fira-mono/FiraMono-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
}
html {
  font-size: 62.5%;
}

/*!
 *  Font Awesome 4.2.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
/* FONT PATH
 * -------------------------- */
@font-face {
  font-family: "FontAwesome";
  src: url("//netdna.bootstrapcdn.com/font-awesome/4.2.0/fonts/fontawesome-webfont.eot?v=4.2.0");
  src: url("//netdna.bootstrapcdn.com/font-awesome/4.2.0/fonts/fontawesome-webfont.eot?#iefix&v=4.2.0") format("embedded-opentype"), url("//netdna.bootstrapcdn.com/font-awesome/4.2.0/fonts/fontawesome-webfont.woff?v=4.2.0") format("woff"), url("//netdna.bootstrapcdn.com/font-awesome/4.2.0/fonts/fontawesome-webfont.ttf?v=4.2.0") format("truetype"), url("//netdna.bootstrapcdn.com/font-awesome/4.2.0/fonts/fontawesome-webfont.svg?v=4.2.0#fontawesomeregular") format("svg");
  font-weight: normal;
  font-style: normal;
}
.icon {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* makes the font 33% larger relative to the icon container */
.icon-lg {
  font-size: 1.3333333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}

.icon-2x {
  font-size: 2em;
}

.icon-3x {
  font-size: 3em;
}

.icon-4x {
  font-size: 4em;
}

.icon-5x {
  font-size: 5em;
}

.icon-fw {
  width: 1.2857142857em;
  text-align: center;
}

.icon-ul {
  padding-left: 0;
  margin-left: 2.1428571429em;
  list-style-type: none;
}
.icon-ul > li {
  position: relative;
}

.icon-li {
  position: absolute;
  left: -2.1428571429em;
  width: 2.1428571429em;
  top: 0.1428571429em;
  text-align: center;
}
.icon-li.icon-lg {
  left: -1.8571428571em;
}

.icon-border {
  padding: 0.2em 0.25em 0.15em;
  border: solid 0.08em #eee;
  border-radius: 0.1em;
}

.pull-right {
  float: right;
}

.pull-left {
  float: left;
}

.icon.pull-left {
  margin-right: 0.3em;
}
.icon.pull-right {
  margin-left: 0.3em;
}

.icon-spin {
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear;
}

@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
.icon-rotate-90 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

.icon-rotate-180 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.icon-rotate-270 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}

.icon-flip-horizontal {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0);
  -webkit-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1);
}

.icon-flip-vertical {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
  -webkit-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  transform: scale(1, -1);
}

:root .icon-rotate-90,
:root .icon-rotate-180,
:root .icon-rotate-270,
:root .icon-flip-horizontal,
:root .icon-flip-vertical {
  filter: none;
}

.icon-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle;
}

.icon-stack-1x, .icon-stack-2x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
}

.icon-stack-1x {
  line-height: inherit;
}

.icon-stack-2x {
  font-size: 2em;
}

.icon-inverse {
  color: #fff;
}

/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
   readers do not read off random characters that represent icons */
.icon-glass:before {
  content: "\f000";
}

.icon-music:before {
  content: "\f001";
}

.icon-search:before {
  content: "\f002";
}

.icon-envelope-o:before {
  content: "\f003";
}

.icon-heart:before {
  content: "\f004";
}

.icon-star:before {
  content: "\f005";
}

.icon-star-o:before {
  content: "\f006";
}

.icon-user:before {
  content: "\f007";
}

.icon-film:before {
  content: "\f008";
}

.icon-th-large:before {
  content: "\f009";
}

.icon-th:before {
  content: "\f00a";
}

.icon-th-list:before {
  content: "\f00b";
}

.icon-check:before {
  content: "\f00c";
}

.icon-remove:before,
.icon-close:before,
.icon-times:before {
  content: "\f00d";
}

.icon-search-plus:before {
  content: "\f00e";
}

.icon-search-minus:before {
  content: "\f010";
}

.icon-power-off:before {
  content: "\f011";
}

.icon-signal:before {
  content: "\f012";
}

.icon-gear:before,
.icon-cog:before {
  content: "\f013";
}

.icon-trash-o:before {
  content: "\f014";
}

.icon-home:before {
  content: "\f015";
}

.icon-file-o:before {
  content: "\f016";
}

.icon-clock-o:before {
  content: "\f017";
}

.icon-road:before {
  content: "\f018";
}

.icon-download:before {
  content: "\f019";
}

.icon-arrow-circle-o-down:before {
  content: "\f01a";
}

.icon-arrow-circle-o-up:before {
  content: "\f01b";
}

.icon-inbox:before {
  content: "\f01c";
}

.icon-play-circle-o:before {
  content: "\f01d";
}

.icon-rotate-right:before,
.icon-repeat:before {
  content: "\f01e";
}

.icon-refresh:before {
  content: "\f021";
}

.icon-list-alt:before {
  content: "\f022";
}

.icon-lock:before {
  content: "\f023";
}

.icon-flag:before {
  content: "\f024";
}

.icon-headphones:before {
  content: "\f025";
}

.icon-volume-off:before {
  content: "\f026";
}

.icon-volume-down:before {
  content: "\f027";
}

.icon-volume-up:before {
  content: "\f028";
}

.icon-qrcode:before {
  content: "\f029";
}

.icon-barcode:before {
  content: "\f02a";
}

.icon-tag:before {
  content: "\f02b";
}

.icon-tags:before {
  content: "\f02c";
}

.icon-book:before {
  content: "\f02d";
}

.icon-bookmark:before {
  content: "\f02e";
}

.icon-print:before {
  content: "\f02f";
}

.icon-camera:before {
  content: "\f030";
}

.icon-font:before {
  content: "\f031";
}

.icon-bold:before {
  content: "\f032";
}

.icon-italic:before {
  content: "\f033";
}

.icon-text-height:before {
  content: "\f034";
}

.icon-text-width:before {
  content: "\f035";
}

.icon-align-left:before {
  content: "\f036";
}

.icon-align-center:before {
  content: "\f037";
}

.icon-align-right:before {
  content: "\f038";
}

.icon-align-justify:before {
  content: "\f039";
}

.icon-list:before {
  content: "\f03a";
}

.icon-dedent:before,
.icon-outdent:before {
  content: "\f03b";
}

.icon-indent:before {
  content: "\f03c";
}

.icon-video-camera:before {
  content: "\f03d";
}

.icon-photo:before,
.icon-image:before,
.icon-picture-o:before {
  content: "\f03e";
}

.icon-pencil:before {
  content: "\f040";
}

.icon-map-marker:before {
  content: "\f041";
}

.icon-adjust:before {
  content: "\f042";
}

.icon-tint:before {
  content: "\f043";
}

.icon-edit:before,
.icon-pencil-square-o:before {
  content: "\f044";
}

.icon-share-square-o:before {
  content: "\f045";
}

.icon-check-square-o:before {
  content: "\f046";
}

.icon-arrows:before {
  content: "\f047";
}

.icon-step-backward:before {
  content: "\f048";
}

.icon-fast-backward:before {
  content: "\f049";
}

.icon-backward:before {
  content: "\f04a";
}

.icon-play:before {
  content: "\f04b";
}

.icon-pause:before {
  content: "\f04c";
}

.icon-stop:before {
  content: "\f04d";
}

.icon-forward:before {
  content: "\f04e";
}

.icon-fast-forward:before {
  content: "\f050";
}

.icon-step-forward:before {
  content: "\f051";
}

.icon-eject:before {
  content: "\f052";
}

.icon-chevron-left:before {
  content: "\f053";
}

.icon-chevron-right:before {
  content: "\f054";
}

.icon-plus-circle:before {
  content: "\f055";
}

.icon-minus-circle:before {
  content: "\f056";
}

.icon-times-circle:before {
  content: "\f057";
}

.icon-check-circle:before {
  content: "\f058";
}

.icon-question-circle:before {
  content: "\f059";
}

.icon-info-circle:before {
  content: "\f05a";
}

.icon-crosshairs:before {
  content: "\f05b";
}

.icon-times-circle-o:before {
  content: "\f05c";
}

.icon-check-circle-o:before {
  content: "\f05d";
}

.icon-ban:before {
  content: "\f05e";
}

.icon-arrow-left:before {
  content: "\f060";
}

.icon-arrow-right:before {
  content: "\f061";
}

.icon-arrow-up:before {
  content: "\f062";
}

.icon-arrow-down:before {
  content: "\f063";
}

.icon-mail-forward:before,
.icon-share:before {
  content: "\f064";
}

.icon-expand:before {
  content: "\f065";
}

.icon-compress:before {
  content: "\f066";
}

.icon-plus:before {
  content: "\f067";
}

.icon-minus:before {
  content: "\f068";
}

.icon-asterisk:before {
  content: "\f069";
}

.icon-exclamation-circle:before {
  content: "\f06a";
}

.icon-gift:before {
  content: "\f06b";
}

.icon-leaf:before {
  content: "\f06c";
}

.icon-fire:before {
  content: "\f06d";
}

.icon-eye:before {
  content: "\f06e";
}

.icon-eye-slash:before {
  content: "\f070";
}

.icon-warning:before,
.icon-exclamation-triangle:before {
  content: "\f071";
}

.icon-plane:before {
  content: "\f072";
}

.icon-calendar:before {
  content: "\f073";
}

.icon-random:before {
  content: "\f074";
}

.icon-comment:before {
  content: "\f075";
}

.icon-magnet:before {
  content: "\f076";
}

.icon-chevron-up:before {
  content: "\f077";
}

.icon-chevron-down:before {
  content: "\f078";
}

.icon-retweet:before {
  content: "\f079";
}

.icon-shopping-cart:before {
  content: "\f07a";
}

.icon-folder:before {
  content: "\f07b";
}

.icon-folder-open:before {
  content: "\f07c";
}

.icon-arrows-v:before {
  content: "\f07d";
}

.icon-arrows-h:before {
  content: "\f07e";
}

.icon-bar-chart-o:before,
.icon-bar-chart:before {
  content: "\f080";
}

.icon-twitter-square:before {
  content: "\f081";
}

.icon-facebook-square:before {
  content: "\f082";
}

.icon-camera-retro:before {
  content: "\f083";
}

.icon-key:before {
  content: "\f084";
}

.icon-gears:before,
.icon-cogs:before {
  content: "\f085";
}

.icon-comments:before {
  content: "\f086";
}

.icon-thumbs-o-up:before {
  content: "\f087";
}

.icon-thumbs-o-down:before {
  content: "\f088";
}

.icon-star-half:before {
  content: "\f089";
}

.icon-heart-o:before {
  content: "\f08a";
}

.icon-sign-out:before {
  content: "\f08b";
}

.icon-linkedin-square:before {
  content: "\f08c";
}

.icon-thumb-tack:before {
  content: "\f08d";
}

.icon-external-link:before {
  content: "\f08e";
}

.icon-sign-in:before {
  content: "\f090";
}

.icon-trophy:before {
  content: "\f091";
}

.icon-github-square:before {
  content: "\f092";
}

.icon-upload:before {
  content: "\f093";
}

.icon-lemon-o:before {
  content: "\f094";
}

.icon-phone:before {
  content: "\f095";
}

.icon-square-o:before {
  content: "\f096";
}

.icon-bookmark-o:before {
  content: "\f097";
}

.icon-phone-square:before {
  content: "\f098";
}

.icon-twitter:before {
  content: "\f099";
}

.icon-facebook:before {
  content: "\f09a";
}

.icon-github:before {
  content: "\f09b";
}

.icon-unlock:before {
  content: "\f09c";
}

.icon-credit-card:before {
  content: "\f09d";
}

.icon-rss:before {
  content: "\f09e";
}

.icon-hdd-o:before {
  content: "\f0a0";
}

.icon-bullhorn:before {
  content: "\f0a1";
}

.icon-bell:before {
  content: "\f0f3";
}

.icon-certificate:before {
  content: "\f0a3";
}

.icon-hand-o-right:before {
  content: "\f0a4";
}

.icon-hand-o-left:before {
  content: "\f0a5";
}

.icon-hand-o-up:before {
  content: "\f0a6";
}

.icon-hand-o-down:before {
  content: "\f0a7";
}

.icon-arrow-circle-left:before {
  content: "\f0a8";
}

.icon-arrow-circle-right:before {
  content: "\f0a9";
}

.icon-arrow-circle-up:before {
  content: "\f0aa";
}

.icon-arrow-circle-down:before {
  content: "\f0ab";
}

.icon-globe:before {
  content: "\f0ac";
}

.icon-wrench:before {
  content: "\f0ad";
}

.icon-tasks:before {
  content: "\f0ae";
}

.icon-filter:before {
  content: "\f0b0";
}

.icon-briefcase:before {
  content: "\f0b1";
}

.icon-arrows-alt:before {
  content: "\f0b2";
}

.icon-group:before,
.icon-users:before {
  content: "\f0c0";
}

.icon-chain:before,
.icon-link:before {
  content: "\f0c1";
}

.icon-cloud:before {
  content: "\f0c2";
}

.icon-flask:before {
  content: "\f0c3";
}

.icon-cut:before,
.icon-scissors:before {
  content: "\f0c4";
}

.icon-copy:before,
.icon-files-o:before {
  content: "\f0c5";
}

.icon-paperclip:before {
  content: "\f0c6";
}

.icon-save:before,
.icon-floppy-o:before {
  content: "\f0c7";
}

.icon-square:before {
  content: "\f0c8";
}

.icon-navicon:before,
.icon-reorder:before,
.icon-bars:before {
  content: "\f0c9";
}

.icon-list-ul:before {
  content: "\f0ca";
}

.icon-list-ol:before {
  content: "\f0cb";
}

.icon-strikethrough:before {
  content: "\f0cc";
}

.icon-underline:before {
  content: "\f0cd";
}

.icon-table:before {
  content: "\f0ce";
}

.icon-magic:before {
  content: "\f0d0";
}

.icon-truck:before {
  content: "\f0d1";
}

.icon-pinterest:before {
  content: "\f0d2";
}

.icon-pinterest-square:before {
  content: "\f0d3";
}

.icon-google-plus-square:before {
  content: "\f0d4";
}

.icon-google-plus:before {
  content: "\f0d5";
}

.icon-money:before {
  content: "\f0d6";
}

.icon-caret-down:before {
  content: "\f0d7";
}

.icon-caret-up:before {
  content: "\f0d8";
}

.icon-caret-left:before {
  content: "\f0d9";
}

.icon-caret-right:before {
  content: "\f0da";
}

.icon-columns:before {
  content: "\f0db";
}

.icon-unsorted:before,
.icon-sort:before {
  content: "\f0dc";
}

.icon-sort-down:before,
.icon-sort-desc:before {
  content: "\f0dd";
}

.icon-sort-up:before,
.icon-sort-asc:before {
  content: "\f0de";
}

.icon-envelope:before {
  content: "\f0e0";
}

.icon-linkedin:before {
  content: "\f0e1";
}

.icon-rotate-left:before,
.icon-undo:before {
  content: "\f0e2";
}

.icon-legal:before,
.icon-gavel:before {
  content: "\f0e3";
}

.icon-dashboard:before,
.icon-tachometer:before {
  content: "\f0e4";
}

.icon-comment-o:before {
  content: "\f0e5";
}

.icon-comments-o:before {
  content: "\f0e6";
}

.icon-flash:before,
.icon-bolt:before {
  content: "\f0e7";
}

.icon-sitemap:before {
  content: "\f0e8";
}

.icon-umbrella:before {
  content: "\f0e9";
}

.icon-paste:before,
.icon-clipboard:before {
  content: "\f0ea";
}

.icon-lightbulb-o:before {
  content: "\f0eb";
}

.icon-exchange:before {
  content: "\f0ec";
}

.icon-cloud-download:before {
  content: "\f0ed";
}

.icon-cloud-upload:before {
  content: "\f0ee";
}

.icon-user-md:before {
  content: "\f0f0";
}

.icon-stethoscope:before {
  content: "\f0f1";
}

.icon-suitcase:before {
  content: "\f0f2";
}

.icon-bell-o:before {
  content: "\f0a2";
}

.icon-coffee:before {
  content: "\f0f4";
}

.icon-cutlery:before {
  content: "\f0f5";
}

.icon-file-text-o:before {
  content: "\f0f6";
}

.icon-building-o:before {
  content: "\f0f7";
}

.icon-hospital-o:before {
  content: "\f0f8";
}

.icon-ambulance:before {
  content: "\f0f9";
}

.icon-medkit:before {
  content: "\f0fa";
}

.icon-fighter-jet:before {
  content: "\f0fb";
}

.icon-beer:before {
  content: "\f0fc";
}

.icon-h-square:before {
  content: "\f0fd";
}

.icon-plus-square:before {
  content: "\f0fe";
}

.icon-angle-double-left:before {
  content: "\f100";
}

.icon-angle-double-right:before {
  content: "\f101";
}

.icon-angle-double-up:before {
  content: "\f102";
}

.icon-angle-double-down:before {
  content: "\f103";
}

.icon-angle-left:before {
  content: "\f104";
}

.icon-angle-right:before {
  content: "\f105";
}

.icon-angle-up:before {
  content: "\f106";
}

.icon-angle-down:before {
  content: "\f107";
}

.icon-desktop:before {
  content: "\f108";
}

.icon-laptop:before {
  content: "\f109";
}

.icon-tablet:before {
  content: "\f10a";
}

.icon-mobile-phone:before,
.icon-mobile:before {
  content: "\f10b";
}

.icon-circle-o:before {
  content: "\f10c";
}

.icon-quote-left:before {
  content: "\f10d";
}

.icon-quote-right:before {
  content: "\f10e";
}

.icon-spinner:before {
  content: "\f110";
}

.icon-circle:before {
  content: "\f111";
}

.icon-mail-reply:before,
.icon-reply:before {
  content: "\f112";
}

.icon-github-alt:before {
  content: "\f113";
}

.icon-folder-o:before {
  content: "\f114";
}

.icon-folder-open-o:before {
  content: "\f115";
}

.icon-smile-o:before {
  content: "\f118";
}

.icon-frown-o:before {
  content: "\f119";
}

.icon-meh-o:before {
  content: "\f11a";
}

.icon-gamepad:before {
  content: "\f11b";
}

.icon-keyboard-o:before {
  content: "\f11c";
}

.icon-flag-o:before {
  content: "\f11d";
}

.icon-flag-checkered:before {
  content: "\f11e";
}

.icon-terminal:before {
  content: "\f120";
}

.icon-code:before {
  content: "\f121";
}

.icon-mail-reply-all:before,
.icon-reply-all:before {
  content: "\f122";
}

.icon-star-half-empty:before,
.icon-star-half-full:before,
.icon-star-half-o:before {
  content: "\f123";
}

.icon-location-arrow:before {
  content: "\f124";
}

.icon-crop:before {
  content: "\f125";
}

.icon-code-fork:before {
  content: "\f126";
}

.icon-unlink:before,
.icon-chain-broken:before {
  content: "\f127";
}

.icon-question:before {
  content: "\f128";
}

.icon-info:before {
  content: "\f129";
}

.icon-exclamation:before {
  content: "\f12a";
}

.icon-superscript:before {
  content: "\f12b";
}

.icon-subscript:before {
  content: "\f12c";
}

.icon-eraser:before {
  content: "\f12d";
}

.icon-puzzle-piece:before {
  content: "\f12e";
}

.icon-microphone:before {
  content: "\f130";
}

.icon-microphone-slash:before {
  content: "\f131";
}

.icon-shield:before {
  content: "\f132";
}

.icon-calendar-o:before {
  content: "\f133";
}

.icon-fire-extinguisher:before {
  content: "\f134";
}

.icon-rocket:before {
  content: "\f135";
}

.icon-maxcdn:before {
  content: "\f136";
}

.icon-chevron-circle-left:before {
  content: "\f137";
}

.icon-chevron-circle-right:before {
  content: "\f138";
}

.icon-chevron-circle-up:before {
  content: "\f139";
}

.icon-chevron-circle-down:before {
  content: "\f13a";
}

.icon-html5:before {
  content: "\f13b";
}

.icon-css3:before {
  content: "\f13c";
}

.icon-anchor:before {
  content: "\f13d";
}

.icon-unlock-alt:before {
  content: "\f13e";
}

.icon-bullseye:before {
  content: "\f140";
}

.icon-ellipsis-h:before {
  content: "\f141";
}

.icon-ellipsis-v:before {
  content: "\f142";
}

.icon-rss-square:before {
  content: "\f143";
}

.icon-play-circle:before {
  content: "\f144";
}

.icon-ticket:before {
  content: "\f145";
}

.icon-minus-square:before {
  content: "\f146";
}

.icon-minus-square-o:before {
  content: "\f147";
}

.icon-level-up:before {
  content: "\f148";
}

.icon-level-down:before {
  content: "\f149";
}

.icon-check-square:before {
  content: "\f14a";
}

.icon-pencil-square:before {
  content: "\f14b";
}

.icon-external-link-square:before {
  content: "\f14c";
}

.icon-share-square:before {
  content: "\f14d";
}

.icon-compass:before {
  content: "\f14e";
}

.icon-toggle-down:before,
.icon-caret-square-o-down:before {
  content: "\f150";
}

.icon-toggle-up:before,
.icon-caret-square-o-up:before {
  content: "\f151";
}

.icon-toggle-right:before,
.icon-caret-square-o-right:before {
  content: "\f152";
}

.icon-euro:before,
.icon-eur:before {
  content: "\f153";
}

.icon-gbp:before {
  content: "\f154";
}

.icon-dollar:before,
.icon-usd:before {
  content: "\f155";
}

.icon-rupee:before,
.icon-inr:before {
  content: "\f156";
}

.icon-cny:before,
.icon-rmb:before,
.icon-yen:before,
.icon-jpy:before {
  content: "\f157";
}

.icon-ruble:before,
.icon-rouble:before,
.icon-rub:before {
  content: "\f158";
}

.icon-won:before,
.icon-krw:before {
  content: "\f159";
}

.icon-bitcoin:before,
.icon-btc:before {
  content: "\f15a";
}

.icon-file:before {
  content: "\f15b";
}

.icon-file-text:before {
  content: "\f15c";
}

.icon-sort-alpha-asc:before {
  content: "\f15d";
}

.icon-sort-alpha-desc:before {
  content: "\f15e";
}

.icon-sort-amount-asc:before {
  content: "\f160";
}

.icon-sort-amount-desc:before {
  content: "\f161";
}

.icon-sort-numeric-asc:before {
  content: "\f162";
}

.icon-sort-numeric-desc:before {
  content: "\f163";
}

.icon-thumbs-up:before {
  content: "\f164";
}

.icon-thumbs-down:before {
  content: "\f165";
}

.icon-youtube-square:before {
  content: "\f166";
}

.icon-youtube:before {
  content: "\f167";
}

.icon-xing:before {
  content: "\f168";
}

.icon-xing-square:before {
  content: "\f169";
}

.icon-youtube-play:before {
  content: "\f16a";
}

.icon-dropbox:before {
  content: "\f16b";
}

.icon-stack-overflow:before {
  content: "\f16c";
}

.icon-instagram:before {
  content: "\f16d";
}

.icon-flickr:before {
  content: "\f16e";
}

.icon-adn:before {
  content: "\f170";
}

.icon-bitbucket:before {
  content: "\f171";
}

.icon-bitbucket-square:before {
  content: "\f172";
}

.icon-tumblr:before {
  content: "\f173";
}

.icon-tumblr-square:before {
  content: "\f174";
}

.icon-long-arrow-down:before {
  content: "\f175";
}

.icon-long-arrow-up:before {
  content: "\f176";
}

.icon-long-arrow-left:before {
  content: "\f177";
}

.icon-long-arrow-right:before {
  content: "\f178";
}

.icon-apple:before {
  content: "\f179";
}

.icon-windows:before {
  content: "\f17a";
}

.icon-android:before {
  content: "\f17b";
}

.icon-linux:before {
  content: "\f17c";
}

.icon-dribbble:before {
  content: "\f17d";
}

.icon-skype:before {
  content: "\f17e";
}

.icon-foursquare:before {
  content: "\f180";
}

.icon-trello:before {
  content: "\f181";
}

.icon-female:before {
  content: "\f182";
}

.icon-male:before {
  content: "\f183";
}

.icon-gittip:before {
  content: "\f184";
}

.icon-sun-o:before {
  content: "\f185";
}

.icon-moon-o:before {
  content: "\f186";
}

.icon-archive:before {
  content: "\f187";
}

.icon-bug:before {
  content: "\f188";
}

.icon-vk:before {
  content: "\f189";
}

.icon-weibo:before {
  content: "\f18a";
}

.icon-renren:before {
  content: "\f18b";
}

.icon-pagelines:before {
  content: "\f18c";
}

.icon-stack-exchange:before {
  content: "\f18d";
}

.icon-arrow-circle-o-right:before {
  content: "\f18e";
}

.icon-arrow-circle-o-left:before {
  content: "\f190";
}

.icon-toggle-left:before,
.icon-caret-square-o-left:before {
  content: "\f191";
}

.icon-dot-circle-o:before {
  content: "\f192";
}

.icon-wheelchair:before {
  content: "\f193";
}

.icon-vimeo-square:before {
  content: "\f194";
}

.icon-turkish-lira:before,
.icon-try:before {
  content: "\f195";
}

.icon-plus-square-o:before {
  content: "\f196";
}

.icon-space-shuttle:before {
  content: "\f197";
}

.icon-slack:before {
  content: "\f198";
}

.icon-envelope-square:before {
  content: "\f199";
}

.icon-wordpress:before {
  content: "\f19a";
}

.icon-openid:before {
  content: "\f19b";
}

.icon-institution:before,
.icon-bank:before,
.icon-university:before {
  content: "\f19c";
}

.icon-mortar-board:before,
.icon-graduation-cap:before {
  content: "\f19d";
}

.icon-yahoo:before {
  content: "\f19e";
}

.icon-google:before {
  content: "\f1a0";
}

.icon-reddit:before {
  content: "\f1a1";
}

.icon-reddit-square:before {
  content: "\f1a2";
}

.icon-stumbleupon-circle:before {
  content: "\f1a3";
}

.icon-stumbleupon:before {
  content: "\f1a4";
}

.icon-delicious:before {
  content: "\f1a5";
}

.icon-digg:before {
  content: "\f1a6";
}

.icon-pied-piper:before {
  content: "\f1a7";
}

.icon-pied-piper-alt:before {
  content: "\f1a8";
}

.icon-drupal:before {
  content: "\f1a9";
}

.icon-joomla:before {
  content: "\f1aa";
}

.icon-language:before {
  content: "\f1ab";
}

.icon-fax:before {
  content: "\f1ac";
}

.icon-building:before {
  content: "\f1ad";
}

.icon-child:before {
  content: "\f1ae";
}

.icon-paw:before {
  content: "\f1b0";
}

.icon-spoon:before {
  content: "\f1b1";
}

.icon-cube:before {
  content: "\f1b2";
}

.icon-cubes:before {
  content: "\f1b3";
}

.icon-behance:before {
  content: "\f1b4";
}

.icon-behance-square:before {
  content: "\f1b5";
}

.icon-steam:before {
  content: "\f1b6";
}

.icon-steam-square:before {
  content: "\f1b7";
}

.icon-recycle:before {
  content: "\f1b8";
}

.icon-automobile:before,
.icon-car:before {
  content: "\f1b9";
}

.icon-cab:before,
.icon-taxi:before {
  content: "\f1ba";
}

.icon-tree:before {
  content: "\f1bb";
}

.icon-spotify:before {
  content: "\f1bc";
}

.icon-deviantart:before {
  content: "\f1bd";
}

.icon-soundcloud:before {
  content: "\f1be";
}

.icon-database:before {
  content: "\f1c0";
}

.icon-file-pdf-o:before {
  content: "\f1c1";
}

.icon-file-word-o:before {
  content: "\f1c2";
}

.icon-file-excel-o:before {
  content: "\f1c3";
}

.icon-file-powerpoint-o:before {
  content: "\f1c4";
}

.icon-file-photo-o:before,
.icon-file-picture-o:before,
.icon-file-image-o:before {
  content: "\f1c5";
}

.icon-file-zip-o:before,
.icon-file-archive-o:before {
  content: "\f1c6";
}

.icon-file-sound-o:before,
.icon-file-audio-o:before {
  content: "\f1c7";
}

.icon-file-movie-o:before,
.icon-file-video-o:before {
  content: "\f1c8";
}

.icon-file-code-o:before {
  content: "\f1c9";
}

.icon-vine:before {
  content: "\f1ca";
}

.icon-codepen:before {
  content: "\f1cb";
}

.icon-jsfiddle:before {
  content: "\f1cc";
}

.icon-life-bouy:before,
.icon-life-buoy:before,
.icon-life-saver:before,
.icon-support:before,
.icon-life-ring:before {
  content: "\f1cd";
}

.icon-circle-o-notch:before {
  content: "\f1ce";
}

.icon-ra:before,
.icon-rebel:before {
  content: "\f1d0";
}

.icon-ge:before,
.icon-empire:before {
  content: "\f1d1";
}

.icon-git-square:before {
  content: "\f1d2";
}

.icon-git:before {
  content: "\f1d3";
}

.icon-hacker-news:before {
  content: "\f1d4";
}

.icon-tencent-weibo:before {
  content: "\f1d5";
}

.icon-qq:before {
  content: "\f1d6";
}

.icon-wechat:before,
.icon-weixin:before {
  content: "\f1d7";
}

.icon-send:before,
.icon-paper-plane:before {
  content: "\f1d8";
}

.icon-send-o:before,
.icon-paper-plane-o:before {
  content: "\f1d9";
}

.icon-history:before {
  content: "\f1da";
}

.icon-circle-thin:before {
  content: "\f1db";
}

.icon-header:before {
  content: "\f1dc";
}

.icon-paragraph:before {
  content: "\f1dd";
}

.icon-sliders:before {
  content: "\f1de";
}

.icon-share-alt:before {
  content: "\f1e0";
}

.icon-share-alt-square:before {
  content: "\f1e1";
}

.icon-bomb:before {
  content: "\f1e2";
}

.icon-soccer-ball-o:before,
.icon-futbol-o:before {
  content: "\f1e3";
}

.icon-tty:before {
  content: "\f1e4";
}

.icon-binoculars:before {
  content: "\f1e5";
}

.icon-plug:before {
  content: "\f1e6";
}

.icon-slideshare:before {
  content: "\f1e7";
}

.icon-twitch:before {
  content: "\f1e8";
}

.icon-yelp:before {
  content: "\f1e9";
}

.icon-newspaper-o:before {
  content: "\f1ea";
}

.icon-wifi:before {
  content: "\f1eb";
}

.icon-calculator:before {
  content: "\f1ec";
}

.icon-paypal:before {
  content: "\f1ed";
}

.icon-google-wallet:before {
  content: "\f1ee";
}

.icon-cc-visa:before {
  content: "\f1f0";
}

.icon-cc-mastercard:before {
  content: "\f1f1";
}

.icon-cc-discover:before {
  content: "\f1f2";
}

.icon-cc-amex:before {
  content: "\f1f3";
}

.icon-cc-paypal:before {
  content: "\f1f4";
}

.icon-cc-stripe:before {
  content: "\f1f5";
}

.icon-bell-slash:before {
  content: "\f1f6";
}

.icon-bell-slash-o:before {
  content: "\f1f7";
}

.icon-trash:before {
  content: "\f1f8";
}

.icon-copyright:before {
  content: "\f1f9";
}

.icon-at:before {
  content: "\f1fa";
}

.icon-eyedropper:before {
  content: "\f1fb";
}

.icon-paint-brush:before {
  content: "\f1fc";
}

.icon-birthday-cake:before {
  content: "\f1fd";
}

.icon-area-chart:before {
  content: "\f1fe";
}

.icon-pie-chart:before {
  content: "\f200";
}

.icon-line-chart:before {
  content: "\f201";
}

.icon-lastfm:before {
  content: "\f202";
}

.icon-lastfm-square:before {
  content: "\f203";
}

.icon-toggle-off:before {
  content: "\f204";
}

.icon-toggle-on:before {
  content: "\f205";
}

.icon-bicycle:before {
  content: "\f206";
}

.icon-bus:before {
  content: "\f207";
}

.icon-ioxhost:before {
  content: "\f208";
}

.icon-angellist:before {
  content: "\f209";
}

.icon-cc:before {
  content: "\f20a";
}

.icon-shekel:before,
.icon-sheqel:before,
.icon-ils:before {
  content: "\f20b";
}

.icon-meanpath:before {
  content: "\f20c";
}

.page-with-hero h1 {
  color: #006D97;
  font-family: "Open Sans";
  font-size: 51px;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
  margin-bottom: 0;
  margin-top: 0;
}
.page-with-hero h2 {
  color: #002950;
  font-family: "Open Sans Condensed";
  font-size: 30px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.page-with-hero h3 {
  color: #000;
  font-family: "Open Sans";
  font-size: 21px;
  font-style: normal;
  font-weight: 700;
  line-height: 36px;
}
.page-with-hero h4 {
  color: #000;
  font-family: "Open Sans";
  font-size: 15px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: 4.5px;
  text-transform: uppercase;
}
.page-with-hero h5 {
  color: #000;
  font-family: "Open Sans";
  font-size: 15px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
}
.page-with-hero h6 {
  color: #000;
  font-family: "Open Sans";
  font-size: 15px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
}
.page-with-hero p,
.page-with-hero .body-text {
  color: #000;
  font-family: "Open Sans";
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 48px;
}
.page-with-hero .body-small-text {
  color: #000;
  font-family: "Open Sans";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 27px;
}
.page-with-hero button {
  color: #000;
  font-family: "Open Sans";
  text-align: center;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.page-with-hero a {
  color: #005EB8;
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  text-underline-offset: 6px;
}
.page-with-hero a:hover {
  color: #00A3E0;
}
.page-with-hero a:visited {
  color: #004381;
}

.page-without-hero h1 {
  color: #006D97;
  font-family: "Open Sans";
  font-size: 51px;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
  margin-bottom: 0;
}
.page-without-hero h2 {
  color: #00A3E0;
  font-family: "Open Sans Condensed";
  font-size: 30px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.page-without-hero h3 {
  color: #006D97;
  font-family: "Open Sans";
  font-size: 21px;
  font-style: normal;
  font-weight: 700;
  line-height: 36px;
}
.page-without-hero h4 {
  color: #003551;
  font-family: "Open Sans";
  font-size: 15px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: 4.5px;
  text-transform: uppercase;
}
.page-without-hero h5 {
  color: #003551;
  font-family: "Open Sans";
  font-size: 15px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
}
.page-without-hero h6 {
  font-family: "Open Sans";
}
.page-without-hero p {
  color: #000;
  font-family: "Open Sans";
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 48px;
}
.page-without-hero button,
.page-without-hero .button {
  color: #003B5C;
  text-align: center;
  font-family: "Open Sans";
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
}
.page-without-hero a {
  color: #005EB8;
  font-family: "Open Sans";
  text-underline-offset: 6px;
}
.page-without-hero a:hover {
  color: #00A3E0;
}
.page-without-hero a:visited {
  color: #004381;
}

/*
CSS Written by Jes Gundy
Threespot, Washington DC
---
Ammended and appended by Andrew McCarthy
https://andrevv.com/
---
Ported to Libsass by Michael Trythall
https://lincolnloop.com/team/michael-trythall/
---
CSS rendered with Libsass 0.7.0

Altered for OpenSearch by AWS
*/
html {
  background: #003b5c;
}

body {
  font-family: "Open Sans", "Segoe UI", Tahoma, sans-serif;
  font-size: 18px;
  font-size: 1.8rem;
  background: #f5f7f7;
  color: #002a3a;
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
body .layout-secondary,
body [role=complementary] {
  font-family: "Open Sans", "Segoe UI", Tahoma, sans-serif;
}
@media screen and (min-width: 46.25rem) {
  body {
    min-width: 46.25rem;
  }
}

a {
  color: #005EB8;
  text-decoration: underline;
  -webkit-tap-highlight-color: transparent;
}
a:hover {
  color: #00A3E0;
}
a:visited {
  color: #004381;
}

::selection {
  background: #b9d9eb;
}

::-moz-selection {
  background: #b9d9eb;
}

ol li, ul li {
  margin-top: 10px;
}

dl {
  margin: 20px 0 10px;
}
dl dt {
  font-family: "Open Sans", "Segoe UI", Tahoma, sans-serif;
  font-weight: 400;
}
dl dd {
  margin: 0;
  padding: 0;
}
dl dd:last-of-type {
  margin-bottom: 0;
}
dl.glossary dt {
  font-weight: 600;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Open Sans Condensed", Impact, "Franklin Gothic Bold", sans-serif;
  font-weight: 700;
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
  text-decoration: none;
  color: #0053b8;
  text-decoration: none;
}
h1 a:visited,
h2 a:visited,
h3 a:visited,
h4 a:visited,
h5 a:visited,
h6 a:visited {
  color: #0053b8;
}
h1 a:hover, h1 a:active, h1 a:focus,
h2 a:hover,
h2 a:active,
h2 a:focus,
h3 a:hover,
h3 a:active,
h3 a:focus,
h4 a:hover,
h4 a:active,
h4 a:focus,
h5 a:hover,
h5 a:active,
h5 a:focus,
h6 a:hover,
h6 a:active,
h6 a:focus {
  color: #137cc1;
  text-decoration: none;
}

h1 {
  font-size: 28px;
  font-size: 2.8rem;
  color: #fff;
  letter-spacing: -1px;
  line-height: 1.1;
}
@media screen and (min-width: 46.25rem) {
  h1 {
    font-size: 32px;
    font-size: 3.2rem;
  }
}
.layout-secondary h1 {
  color: #002a3a;
}
[role=main] h1 {
  font-size: 32px;
  font-size: 3.2rem;
  margin: 40px 0px 30px;
  color: #002a3a;
}
[role=complementary] h1 {
  font-size: 28px;
  font-size: 2.8rem;
}

h2 {
  font-size: 24px;
  font-size: 2.4rem;
}
[role=complementary] h2, .layout-secondary h2 {
  font-size: 20px;
  font-size: 2rem;
  border-bottom: 1px solid #ccd3d6;
  padding-bottom: 15px;
  margin-top: 30px;
}
[role=complementary] h2:first-of-type, .layout-secondary h2:first-of-type {
  margin-top: inherit;
}
@media screen and (min-width: 46.25rem) {
  [role=complementary] h2:first-child, .layout-secondary h2:first-child {
    margin-top: 20px;
  }
}
.full-width [role=complementary] h2, .full-width .layout-secondary h2 {
  font-size: 24px;
  font-size: 2.4rem;
}
[role=main] h2 {
  margin-top: 20px;
  margin-bottom: 15px;
}

h3 {
  font-size: 20px;
  font-size: 2rem;
  font-weight: 700;
  color: #002a3a;
  line-height: 1.2;
  margin: 35px 0 20px;
}
[role=complementary] h3, .layout-secondary h3 {
  font-size: 18px;
  font-size: 1.8rem;
  padding-bottom: 5px;
  margin-bottom: 5px;
}
@media screen and (min-width: 46.25rem) {
  [role=complementary] h3:first-child, .layout-secondary h3:first-child {
    margin-top: 12px;
  }
}
[role=complementary] h3 {
  font-size: 18px;
  font-size: 1.8rem;
  border-bottom: 1px solid #ccd3d6;
}

h4 {
  font-size: 16px;
  font-size: 1.6rem;
  color: #002a3a;
  line-height: 1.2;
  margin: 35px 0 20px;
  font-weight: 700;
}

tt,
code,
kbd,
pre,
samp {
  font-family: "Fira Mono", Consolas, Menlo, Monaco, "Courier New", Courier, monospace;
  font-variant-ligatures: no-common-ligatures;
  text-rendering: optimizeSpeed;
  color: #003b5c;
  font-size: 1em;
}

tt {
  font-weight: 700;
}

span.pre {
  font-family: "Fira Mono", Consolas, Menlo, Monaco, "Courier New", Courier, monospace;
  font-variant-ligatures: no-common-ligatures;
  text-rendering: optimizeSpeed;
}

a.javadoc {
  font-family: "Fira Mono", Consolas, Menlo, Monaco, "Courier New", Courier, monospace;
  font-variant-ligatures: no-common-ligatures;
  text-rendering: optimizeSpeed;
  font-size: 1.5rem;
}

a:hover tt, a:active tt, a:focus tt {
  color: #4c636f;
}

[role=main] > p:first-child {
  margin-top: 30px;
}

ul {
  padding-left: 20px;
}

[role=main] {
  background: #fff;
  padding: 1px 10px 40px;
}
@media screen and (min-width: 46.25rem) {
  [role=main] {
    min-height: 800px;
    border: 1px solid #ddd;
    float: right;
    margin: 0;
    padding-bottom: 80px;
    padding-left: 3%;
    padding-right: 3%;
    width: 60%;
  }
  .mdzr-boxshadow [role=main] {
    border: none;
    box-shadow: 0px 0px 0 0 #fff, 0px 0px 0 0 #fff, 460px 0 0 0 #fff, 1000px 0 0 0 #fff, 0px 600px 0 0px #fff, 460px 600px 0 0px #fff;
    padding-left: 4%;
    padding-right: 0;
    width: 63%;
  }
  .sidebar-right [role=main] {
    float: left;
  }
  .mdzr-boxshadow .sidebar-right [role=main] {
    border: none;
    box-shadow: 0px 0px 0 0 #fff, 0px 0px 0 0 #fff, -460px 0 0 0 #fff, -1000px 0 0 0 #fff, 0px 600px 0 0px #fff, -460px 600px 0 0px #fff;
    padding-left: 0;
    width: 62%;
    padding-right: 4%;
  }
}
.full-width [role=main] {
  border: none;
  box-shadow: none;
  float: none;
  margin: 0 auto;
  padding: 0 10px 40px;
  width: auto;
}
@media screen and (min-width: 46.25rem) {
  .full-width [role=main] {
    max-width: 740px;
    padding: 20px 0 40px;
    width: 91.6666666667%;
  }
}
[role=main] .section {
  padding-bottom: 40px;
  border-bottom: 1px solid #ccd3d6;
}
[role=main] .section:last-of-type {
  padding-bottom: 0;
  border-bottom: 0;
}
[role=main] .section dd.last-child {
  padding-bottom: 0;
}

.full-width.container {
  width: 100%;
  padding: 0;
  max-width: none;
  border-bottom: 1px solid #ddd;
  background: #fff;
}
.full-width:before, .full-width:after {
  content: "";
  display: table;
}
.full-width:after {
  clear: both;
}
.mdzr-boxshadow .full-width {
  border: none;
}

[role=complementary] {
  padding: 0 10px 20px;
  font-size: 15px;
  font-size: 1.5rem;
}
@media screen and (min-width: 46.25rem) {
  [role=complementary] {
    float: right;
    margin: 10px 0 20px 0;
    margin-right: 3%;
    padding: 0 0 40px 0;
    width: 30%;
  }
  .sidebar-right [role=complementary] {
    margin-left: 3%;
    margin-right: 0;
  }
}
[role=complementary] span.form-controls {
  display: none;
}
[role=complementary] .list-collapsing {
  margin-top: 0;
  border-bottom: 0;
}
[role=complementary] .list-collapsing.active li {
  border-top: 0;
}
[role=complementary] .list-collapsing.active h2 {
  padding: 10px 40px 10px 0;
  font-size: 18px;
  border-bottom: 0;
  color: #00a3e0;
}
[role=complementary] .list-collapsing.active h2 .collapsing-icon {
  font-size: 10px;
}

[role=secondary] {
  margin: 0 10px;
  padding: 40px 0 60px;
}
@media screen and (min-width: 46.25rem) {
  .full-width [role=secondary] {
    max-width: 700px;
    margin: 0 auto;
  }
}

.layout-secondary {
  padding: 20px 10px 50px;
}

.layout-tertiary {
  background: #fff;
  border-top: 1px solid #ddd;
  padding: 20px 10px 50px;
}
.mdzr-boxshadow .layout-tertiary {
  border: none;
  -moz-box-shadow: 0 -4px 8px #003b5c;
  -webkit-box-shadow: 0 -4px 8px #003b5c;
  box-shadow: 0 -4px 8px #003b5c;
}

@media screen and (min-width: 1100px) {
  .container {
    margin: 0 auto;
    max-width: 1400px;
    padding: 0 4.1666666667%;
  }
}
@media screen and (max-width: 1099px) {
  .container {
    margin: 0 auto;
    max-width: 100vw;
    padding: 0 20px;
  }
}
@media screen and (max-width: 740px) {
  .container {
    padding: 0 10px;
  }
}
.mdzr-boxshadow .container.sidebar-right {
  box-shadow: -1200px 0 0 0px #fff;
}

.container--flex {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.container--flex--wrap--mobile {
  flex-wrap: wrap;
}
@media screen and (min-width: 46.25rem) {
  .container--flex--wrap--mobile {
    flex-wrap: no-wrap;
  }
}

[role=banner] {
  background: rgba(0, 163, 224, 0.05);
  overflow: hidden;
  margin: 0;
  padding: 10px 0 6px;
  position: relative;
  z-index: 0;
}
[role=banner]:before, [role=banner]:after {
  content: "";
  display: table;
}
[role=banner]:after {
  clear: both;
}
@media screen and (min-width: 46.25rem) {
  [role=banner] .container {
    position: relative;
  }
}
[role=banner] .meta, [role=banner] .list-links dd, [role=banner] .search-links dd, .list-links [role=banner] dd, .search-links [role=banner] dd {
  font-size: 13px;
  font-size: 1.3rem;
  color: #00a3e0;
  font-weight: 700;
  width: auto;
  float: left;
  margin: 8px 0 0 10px;
  display: none;
}
@media screen and (min-width: 1150px) {
  [role=banner] .meta, [role=banner] .list-links dd, [role=banner] .search-links dd, .list-links [role=banner] dd, .search-links [role=banner] dd {
    float: left;
    width: 200px;
    display: block;
  }
}
[role=banner] .logo {
  font-size: 35px;
  font-family: "Open Sans", "Segoe UI", Tahoma, sans-serif;
  color: #fff;
  display: block;
  float: left;
  font-weight: 700;
  margin: 10px;
  overflow: hidden;
  text-decoration: none;
  text-indent: 100%;
  height: 36px;
  position: relative;
  left: min(80px, 100% - 1019px);
}
@media screen and (max-width: 1339px) {
  [role=banner] .logo {
    left: 0;
  }
}
[role=banner] .logo svg {
  position: absolute;
  top: 1px;
  left: 1px;
}
@media screen and (min-width: 1019px) {
  [role=banner] .logo {
    margin-left: 0;
  }
}
[role=banner] .menu-button {
  font-size: 35px;
  color: #2C5E7A;
  cursor: pointer;
  display: block;
  float: right;
  height: 45px;
  line-height: 48px;
  margin: 4px 10px;
  text-align: center;
  text-decoration: none;
  width: 45px;
}
[role=banner] .menu-button > i {
  position: relative;
  top: -1px;
}
[role=banner] .menu-button > i:nth-of-type(1) {
  display: inline-block;
}
[role=banner] .menu-button > i:nth-of-type(2) {
  display: none;
}
@media screen and (min-width: 1019px) {
  [role=banner] .menu-button {
    display: none;
  }
}
[role=banner] .menu-button:active {
  color: #00a3e0;
}
[role=banner] .menu-button span {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
[role=banner] .menu-button.active > i:nth-of-type(1) {
  display: none;
}
[role=banner] .menu-button.active > i:nth-of-type(2) {
  display: inline-block;
}
[role=banner] .nav-menu-on {
  overflow: hidden;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
@media screen and (max-width: 1018px) {
  [role=banner] .nav-menu-on {
    height: 0;
  }
}
@media screen and (min-width: 1019px) {
  [role=banner] .nav-menu-on {
    max-height: none;
    height: auto;
    -webkit-transition: none;
    transition: none;
  }
}
@media screen and (min-width: 1019px) {
  [role=banner] .nav-menu-on.active {
    overflow-y: scroll;
  }
}
@media screen and (max-width: 1018px) {
  [role=banner] .nav-menu-on.active {
    height: calc(100vh - 65px);
    overflow-y: auto;
  }
  [role=banner] .nav-menu-on.active > .nested-nav {
    height: auto;
    clear: both;
  }
  [role=banner] .nav-menu-on.active > .nested-nav:before, [role=banner] .nav-menu-on.active > .nested-nav:after {
    content: "";
    display: table;
  }
  [role=banner] .nav-menu-on.active > .nested-nav:after {
    clear: both;
  }
}
[role=banner] [role=navigation] {
  width: 100%;
}
@media screen and (max-width: 1018px) {
  [role=banner] [role=navigation] {
    background: #003551;
  }
}
@media screen and (min-width: 1019px) {
  [role=banner] [role=navigation] {
    width: auto;
    float: right;
  }
}
[role=banner] [role=navigation] ul {
  margin: 0;
  padding: 0;
}
[role=banner] [role=navigation] li {
  font-family: "Open Sans", "Segoe UI", Tahoma, sans-serif;
  font-size: 13px;
  font-size: 1.3rem;
  display: block;
  font-weight: 700;
  line-height: 16px;
  text-align: left;
  text-transform: uppercase;
  margin: 0 10px;
}
@media screen and (min-width: 1019px) {
  [role=banner] [role=navigation] li {
    margin: 0;
    border: 0;
    float: left;
    text-align: left;
  }
}
[role=banner] [role=navigation] li.active a {
  color: #00a3e0;
}
[role=banner] [role=navigation] a {
  color: #fff;
  display: block;
  text-decoration: none;
}
@media screen and (min-width: 1019px) {
  [role=banner] [role=navigation] .nav-primary {
    position: absolute;
    right: 0;
    top: 45px;
  }
}

.header {
  font-family: "Open Sans", "Segoe UI", Tahoma, sans-serif;
  background: #003b5c;
  margin: 0;
  padding: 11px 0px 8px;
  position: relative;
}
.header h1 {
  margin: 0.4em 0;
}
.header p {
  font-family: "Noto Serif", "Iowan Old Style", "Apple Garamond", "Baskerville", "Times New Roman", serif;
  font-size: 18px;
  font-size: 1.8rem;
  color: #fff;
  left: -9999px;
  line-height: 1.5;
  padding: 0 0 10px;
  position: absolute;
  top: 0;
  max-width: 660px;
}
@media screen and (min-width: 46.25rem) {
  .header p {
    position: static;
  }
}

.copy-banner {
  background: #D9E1E2;
  padding: 1px 10px;
}
@media screen and (min-width: 46.25rem) {
  .copy-banner {
    padding: 1px 0;
  }
}
.copy-banner p,
.copy-banner h1 {
  font-family: "Open Sans", "Segoe UI", Tahoma, sans-serif;
  font-size: 24px;
  font-size: 2.4rem;
  color: #0053b8;
  font-weight: 300;
  line-height: 1.3;
  padding: 1px 0 6px;
  margin: 0.45em 0 0.35em;
}
.copy-banner p em,
.copy-banner h1 em {
  font-style: normal;
  color: white;
}
@media screen and (min-width: 46.25rem) {
  .copy-banner p,
  .copy-banner h1 {
    font-size: 32px;
    font-size: 3.2rem;
    margin: 0.35em 0 0.35em;
    color: #b9d9eb;
    padding: 1px 0 6px;
  }
}
.copy-banner p a,
.copy-banner h1 a {
  font-weight: 300;
}
.copy-banner p a.cta, .copy-banner p .cta,
.copy-banner h1 a.cta,
.copy-banner h1 .cta {
  margin: 0;
  font-size: 18px;
  font-size: 1.8rem;
}
.copy-banner a.cta, .copy-banner .cta {
  margin: 15px 0;
  padding: 0.4em 1.5em 0.5em;
  background: #4fb3e3;
  background: none;
  border: 1px solid #b9d9eb;
  color: #b9d9eb;
  font-weight: 400;
}
.copy-banner a.cta em, .copy-banner .cta em {
  color: white;
}
.copy-banner a.cta:hover, .copy-banner .cta:hover {
  background: #fff;
  color: #0053b8;
  border-color: #fff;
}
.copy-banner a.cta:hover em, .copy-banner .cta:hover em {
  color: #0053b8;
}
.copy-banner a.cta.white, .copy-banner .cta.white {
  background: #fff;
  color: #0053b8;
  font-weight: 700;
  border: 0;
}
.copy-banner a.cta.white:hover, .copy-banner .cta.white:hover {
  background: #fff;
}
.homepage .copy-banner p {
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
  margin: 1em auto 0.5em;
  color: #002a3a;
  font-size: 36px;
  font-size: 3.6rem;
}
.homepage .copy-banner p.small {
  color: #647782;
  margin: 2em auto 1em;
  font-size: 14px;
  font-size: 1.4rem;
}
.homepage .copy-banner p em {
  color: #002a3a;
}
.homepage .copy-banner a.cta, .homepage .copy-banner .cta {
  display: inline-block;
  padding: 1em 50px 1.1em;
  margin-bottom: 40px;
  background: #00a3e0;
  color: white;
  border: 0;
}
.copy-banner .container {
  display: flex;
  flex-flow: column nowrap;
  align-items: flex-start;
}
@media (min-width: 46.25rem) {
  .copy-banner .container {
    flex-direction: row;
    align-items: center;
  }
}

[role=alert] {
  clear: both;
  background: #fff;
  position: relative;
  box-shadow: 0 -2px 8px 0 rgba(0, 0, 0, 0.05);
}
[role=alert] a {
  color: #0053b8;
  text-decoration: none;
}
[role=alert] a:visited {
  color: #0053b8;
}
[role=alert] a:hover, [role=alert] a:active, [role=alert] a:focus {
  color: #137cc1;
  text-decoration: none;
}
[role=alert] a.link-readmore {
  margin: 0;
}
[role=alert] dl {
  margin: 0 10px;
  padding: 25px 0;
}
[role=alert] dl:before, [role=alert] dl:after {
  content: "";
  display: table;
}
[role=alert] dl:after {
  clear: both;
}
[role=alert] dl dt i.icon {
  color: #0053b8;
  margin-right: 8px;
}
[role=alert] dl dd {
  float: left;
  width: 60%;
  margin-top: 0;
  font-family: "Open Sans", "Segoe UI", Tahoma, sans-serif;
}
[role=alert] dl .link-readmore {
  margin-left: 10px;
}
@media screen and (min-width: 46.25rem) {
  [role=alert] dt {
    float: left;
    width: 31%;
    padding-right: 2%;
  }
  [role=alert] dl {
    margin: 0;
  }
}

[role=contentinfo] {
  font-family: "Open Sans", "Segoe UI", Tahoma, sans-serif;
  position: relative;
  background: #00a3e0;
  clear: both;
  margin-top: 0px;
}
[role=contentinfo]:before, [role=contentinfo]:after {
  content: "";
  display: table;
}
[role=contentinfo]:after {
  clear: both;
}
[role=contentinfo] .container {
  overflow: hidden;
}
@media screen and (max-width: 740px) {
  [role=contentinfo] .container {
    padding: 0;
  }
}
[role=contentinfo] .subfooter {
  padding: 0;
  background: linear-gradient(180deg, #016BA7 0%, #011C2D 97.92%);
}
[role=contentinfo] .subfooter:before, [role=contentinfo] .subfooter:after {
  content: "";
  display: table;
}
[role=contentinfo] .subfooter:after {
  clear: both;
}
[role=contentinfo] .subfooter .subfooter--flex-wrapper {
  box-sizing: border-box;
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: flex-start;
}
@media screen and (min-width: 1200px) {
  [role=contentinfo] .subfooter .subfooter--flex-wrapper {
    padding: 40px 80px;
  }
}
@media screen and (min-width: 960px) and (max-width: 1199px) {
  [role=contentinfo] .subfooter .subfooter--flex-wrapper {
    padding: 30px 40px;
  }
}
@media screen and (min-width: 739px) and (max-width: 959px) {
  [role=contentinfo] .subfooter .subfooter--flex-wrapper {
    padding: 30px 20px;
  }
}
@media screen and (min-width: 431px) and (max-width: 739px) {
  [role=contentinfo] .subfooter .subfooter--flex-wrapper {
    padding: 30px 10px;
  }
}
@media screen and (max-width: 430px) {
  [role=contentinfo] .subfooter .subfooter--flex-wrapper {
    padding: 30px 5px;
  }
}
[role=contentinfo] .subfooter .subfooter--flex-wrapper .subfooter--columns-wrapper {
  flex-basis: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  padding-bottom: 60px;
}
[role=contentinfo] .subfooter .subfooter--flex-wrapper .subfooter--columns-wrapper > .subfooter--columns-wrapper--column {
  box-sizing: border-box;
}
@media screen and (min-width: 1440px) {
  [role=contentinfo] .subfooter .subfooter--flex-wrapper .subfooter--columns-wrapper > .subfooter--columns-wrapper--column {
    flex-basis: 33%;
  }
  [role=contentinfo] .subfooter .subfooter--flex-wrapper .subfooter--columns-wrapper > .subfooter--columns-wrapper--column:nth-of-type(2) {
    padding-left: 35px;
  }
  [role=contentinfo] .subfooter .subfooter--flex-wrapper .subfooter--columns-wrapper > .subfooter--columns-wrapper--column:nth-of-type(3) {
    padding-left: 70px;
  }
}
@media screen and (max-width: 1439px) and (min-width: 835px) {
  [role=contentinfo] .subfooter .subfooter--flex-wrapper .subfooter--columns-wrapper > .subfooter--columns-wrapper--column:nth-of-type(1) {
    flex-basis: 50%;
  }
  [role=contentinfo] .subfooter .subfooter--flex-wrapper .subfooter--columns-wrapper > .subfooter--columns-wrapper--column:nth-of-type(2) {
    flex-basis: 50%;
  }
  [role=contentinfo] .subfooter .subfooter--flex-wrapper .subfooter--columns-wrapper > .subfooter--columns-wrapper--column:nth-of-type(3) {
    flex-basis: 100%;
  }
}
@media screen and (max-width: 834px) {
  [role=contentinfo] .subfooter .subfooter--flex-wrapper .subfooter--columns-wrapper > .subfooter--columns-wrapper--column {
    flex-basis: 100%;
    padding-left: 0;
    padding-bottom: 80px;
  }
}
[role=contentinfo] .subfooter .subfooter--flex-wrapper .subfooter--columns-wrapper > .subfooter--columns-wrapper--column > h4 {
  color: #fff;
  font-family: "Open Sans";
  font-size: 15px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: 4.5px;
  text-transform: uppercase;
  margin-top: 35px;
  margin-bottom: 20px;
}
[role=contentinfo] .subfooter .subfooter--flex-wrapper .subfooter--columns-wrapper > .subfooter--columns-wrapper--column > ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
@media screen and (max-width: 834px) {
  [role=contentinfo] .subfooter .subfooter--flex-wrapper .subfooter--columns-wrapper > .subfooter--columns-wrapper--column > ul > li {
    color: #fff;
    font-family: "Open Sans";
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 48px;
  }
}
@media screen and (min-width: 835px) {
  [role=contentinfo] .subfooter .subfooter--flex-wrapper .subfooter--columns-wrapper > .subfooter--columns-wrapper--column > ul > li {
    color: #fff;
    font-family: "Open Sans";
    font-size: 15px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
  }
}
[role=contentinfo] .subfooter .col:first-child h2 {
  border-top: 0;
}
@media screen and (min-width: 46.25rem) {
  [role=contentinfo] .subfooter .col {
    float: left;
    margin-bottom: -999px;
    padding: 0 3% 999px 0;
    width: 23%;
  }
}
[role=contentinfo] .subfooter .col:first-child {
  margin-left: 0;
  padding-left: 0;
}
[role=contentinfo] .subfooter .col.last-child {
  margin-right: 0;
  padding-right: 0;
}
[role=contentinfo] h2 {
  font-size: 16px;
  font-size: 1.6rem;
  border-top: 1px solid #ccd3d6;
  color: #fff;
  font-weight: 700;
  margin-top: 20px;
  padding: 30px 0 10px;
}
@media screen and (min-width: 46.25rem) {
  [role=contentinfo] h2 {
    border: none;
    margin-top: 0;
  }
}
[role=contentinfo] ul {
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 400;
  list-style: none;
  margin: 15px 0 0 0;
  padding: 0 0 30px;
}
[role=contentinfo] ul li {
  margin: 10px 0 0;
  padding: 0;
}
[role=contentinfo] ul a {
  color: #fff;
  text-decoration: none;
}
[role=contentinfo] ul a:hover, [role=contentinfo] ul a:active, [role=contentinfo] ul a:focus {
  text-decoration: underline;
}
[role=contentinfo] .footer {
  background: #001E30;
  padding: 10px 0 30px;
  color: #d9d9d9;
}
[role=contentinfo] .footer > .container {
  padding: 0;
}
[role=contentinfo] .footer > .container > .footer--flex-wrapper {
  box-sizing: border-box;
  width: 100%;
}
@media screen and (min-width: 1200px) {
  [role=contentinfo] .footer > .container > .footer--flex-wrapper {
    padding: 40px 80px;
  }
}
@media screen and (min-width: 960px) and (max-width: 1199px) {
  [role=contentinfo] .footer > .container > .footer--flex-wrapper {
    padding: 30px 40px;
  }
}
@media screen and (min-width: 739px) and (max-width: 959px) {
  [role=contentinfo] .footer > .container > .footer--flex-wrapper {
    padding: 30px 20px;
  }
}
@media screen and (min-width: 431px) and (max-width: 739px) {
  [role=contentinfo] .footer > .container > .footer--flex-wrapper {
    padding: 30px 10px;
  }
}
@media screen and (max-width: 430px) {
  [role=contentinfo] .footer > .container > .footer--flex-wrapper {
    padding: 30px 5px;
  }
}
[role=contentinfo] .footer > .container > .footer--flex-wrapper > .footer--legal-rows-wrapper {
  text-align: left;
  margin: auto;
  max-width: 1265px;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: flex-start;
  row-gap: 40px;
}
[role=contentinfo] .footer > .container > .footer--flex-wrapper > .footer--legal-rows-wrapper > .footer--legal-rows-wrapper--row {
  flex-basis: 60px;
  font-size: 15px;
  line-height: 24px;
  box-sizing: border-box;
}
[role=contentinfo] .footer > .container > .footer--flex-wrapper > .footer--legal-rows-wrapper > .footer--legal-rows-wrapper--row a {
  color: #4FB3E3;
  text-decoration: underline;
}
[role=contentinfo] .footer > .container > .footer--flex-wrapper > .footer--legal-rows-wrapper > .footer--legal-rows-wrapper--row a:hover {
  color: #F4F8FB;
}
[role=contentinfo] .footer > .container > .footer--flex-wrapper > .footer--legal-rows-wrapper > .footer--legal-rows-wrapper--row a:visited {
  color: #9BCFED;
}
[role=contentinfo] .footer > .container > .footer--flex-wrapper > .footer--legal-rows-wrapper > .footer--legal-rows-wrapper--row svg > path {
  fill: #F4F8FB;
}
@media screen and (max-width: 834px) {
  [role=contentinfo] .footer > .container > .footer--flex-wrapper > .footer--legal-rows-wrapper > .footer--legal-rows-wrapper--row > .footer--legal-rows-wrapper--row--logo__desktop {
    display: none;
  }
  [role=contentinfo] .footer > .container > .footer--flex-wrapper > .footer--legal-rows-wrapper > .footer--legal-rows-wrapper--row > .footer--legal-rows-wrapper--row--logo__mobile {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
  }
  [role=contentinfo] .footer > .container > .footer--flex-wrapper > .footer--legal-rows-wrapper > .footer--legal-rows-wrapper--row > .footer--legal-rows-wrapper--row--logo__mobile > svg {
    height: auto;
  }
}
@media screen and (min-width: 835px) {
  [role=contentinfo] .footer > .container > .footer--flex-wrapper > .footer--legal-rows-wrapper > .footer--legal-rows-wrapper--row > .footer--legal-rows-wrapper--row--logo__mobile {
    display: none;
  }
  [role=contentinfo] .footer > .container > .footer--flex-wrapper > .footer--legal-rows-wrapper > .footer--legal-rows-wrapper--row > .footer--legal-rows-wrapper--row--logo__desktop {
    display: block;
  }
}
[role=contentinfo] .footer a, [role=contentinfo] .footer svg {
  color: #7b96a9;
}
[role=contentinfo] .footer svg {
  float: left;
  height: 50px;
  padding-top: 40px;
  padding-right: 30px;
}
[role=contentinfo] .footer .copyright {
  float: left;
  font-size: 12px;
  font-size: 1.2rem;
  margin: 20px 0 0 10px;
}
@media screen and (min-width: 46.25rem) {
  [role=contentinfo] .footer .copyright {
    max-width: 80%;
    padding-top: 30px;
    margin: 0;
  }
}
[role=contentinfo] .footer .logo {
  margin-right: 0;
  margin-top: 28px;
}
.mdzr-svg [role=contentinfo] .footer .logo {
  background-position: left center;
  margin-right: 0;
  margin-top: 20px;
}
[role=contentinfo] .logo {
  font-size: 40px;
  font-size: 4rem;
  font-family: "Open Sans", "Segoe UI", Tahoma, sans-serif;
  background: url(../img/logo-search.png) 0 0 no-repeat;
  color: #003b5c;
  display: block;
  font-weight: 700;
  height: 50px;
  margin: 10px;
  overflow: hidden;
  text-decoration: none;
  text-indent: 100%;
  width: 142px;
}
@media screen and (min-width: 46.25rem) {
  [role=contentinfo] .logo {
    float: left;
    margin: 20px 90px 0 0;
  }
}
.mdzr-svg [role=contentinfo] .logo {
  background: url(../img/logo-search.svg) center center no-repeat;
  height: 39px;
  width: 170px;
}
[role=contentinfo] .thanks {
  font-size: 12px;
  font-size: 1.2rem;
  color: #0082b3;
  margin: 0;
  padding: 0;
}
@media screen and (min-width: 46.25rem) {
  [role=contentinfo] .thanks {
    border: none;
  }
}
[role=contentinfo] .thanks li {
  margin: 0;
  padding: 17px 10px 11px;
  display: block;
  clear: both;
}
[role=contentinfo] .thanks li:before, [role=contentinfo] .thanks li:after {
  content: "";
  display: table;
}
[role=contentinfo] .thanks li:after {
  clear: both;
}
@media screen and (min-width: 46.25rem) {
  [role=contentinfo] .thanks li {
    background: none;
    float: left;
    clear: none;
    padding: 0 3% 0 0;
    width: 30%;
  }
  [role=contentinfo] .thanks li.design span.ampersand, [role=contentinfo] .thanks li.design a {
    display: inline-block;
    vertical-align: top;
  }
  [role=contentinfo] .thanks li.design span.ampersand.threespot, [role=contentinfo] .thanks li.design a.threespot {
    clear: both;
  }
  [role=contentinfo] .thanks li.design span.ampersand.ampersand, [role=contentinfo] .thanks li.design a.ampersand {
    position: relative;
    top: 6px;
    margin: 0 6px;
    line-height: 36px;
  }
}
[role=contentinfo] .thanks li span.ampersand {
  line-height: 24px;
}
[role=contentinfo] .thanks span {
  display: block;
  height: 24px;
  line-height: 36px;
  padding-right: 12px;
  white-space: nowrap;
}
[role=contentinfo] .thanks a {
  display: block;
  height: 33px;
  overflow: hidden;
  text-indent: -200px;
  width: 94px;
}
@media screen and (min-width: 46.25rem) {
  [role=contentinfo] .thanks a {
    clear: both;
    margin-top: 5px;
  }
}
[role=contentinfo] .thanks a.rackspace {
  background: url(../img/logo-rackspace.png) no-repeat left center;
}
.mdzr-svg [role=contentinfo] .thanks a.rackspace {
  background: url(../img/logo-rackspace.svg) no-repeat left center;
}
[role=contentinfo] .thanks a.threespot {
  background: url(../img/logo-threespot.png) no-repeat left center;
}
.mdzr-svg [role=contentinfo] .thanks a.threespot {
  background: url(../img/logo-threespot.svg) no-repeat left center;
}
[role=contentinfo] .thanks a.andrevv {
  background: url(../img/logo-andrevv.png) no-repeat left center;
}
.mdzr-svg [role=contentinfo] .thanks a.andrevv {
  background: url(../img/logo-andrevv.svg) no-repeat left center;
}

.backtotop {
  color: #0053b8;
  text-decoration: none;
  font-family: "Open Sans", "Segoe UI", Tahoma, sans-serif;
  font-size: 14px;
  font-size: 1.4rem;
  display: block;
  font-weight: 700;
  margin: 10px 0;
  padding: 10px 0;
  text-align: center;
  text-transform: uppercase;
}
.backtotop:visited {
  color: #0053b8;
}
.backtotop:hover, .backtotop:active, .backtotop:focus {
  color: #137cc1;
  text-decoration: none;
}
@media screen and (min-width: 46.25rem) {
  .backtotop {
    display: none;
  }
}

.cta, a.cta {
  font-family: "Open Sans", "Segoe UI", Tahoma, sans-serif;
  -webkit-appearance: none;
  -moz-appearance: none;
  background: #0053b8;
  border: none;
  border-radius: 5px;
  color: #fff;
  display: block;
  -webkit-font-smoothing: subpixel-antialiased;
  -moz-osx-font-smoothing: auto;
  margin: 30px auto 0;
  padding: 1em 1.5em;
  text-align: center;
  text-decoration: none;
}
@media screen and (min-width: 46.25rem) {
  .cta, a.cta {
    margin: 20px auto;
    max-width: 400px;
  }
}
.cta em, a.cta em {
  color: #b9d9eb;
  font-style: normal;
}
.cta:hover, .cta:focus, a.cta:hover, a.cta:focus {
  background-color: #137cc1;
}
.cta:active, a.cta:active {
  background: #00529e;
}
[role=complementary] .cta, [role=complementary] a.cta {
  font-size: 16px;
  font-size: 1.6rem;
}
[role=complementary] .cta + .link-readmore, [role=complementary] a.cta + .link-readmore {
  display: block;
  text-align: center;
}
@media screen and (min-width: 46.25rem) {
  [role=complementary] .cta + .link-readmore, [role=complementary] a.cta + .link-readmore {
    margin-top: -10px;
  }
}
.cta.outline, a.cta.outline {
  background: none;
  border: 1px solid #0053b8;
  color: #0053b8;
  font-weight: 400;
}
.cta.outline.inline, a.cta.outline.inline {
  display: inline;
  margin-right: 1em;
}
.cta.outline em, a.cta.outline em {
  color: #003b5c;
}
.cta.outline:hover, a.cta.outline:hover {
  border-color: #137cc1;
  color: #137cc1;
}
.cta.outline:hover em, a.cta.outline:hover em {
  color: #137cc1;
}
.cta.outline:active, a.cta.outline:active {
  border-color: #00a3e0;
  color: #00a3e0;
}
.cta.outline:active em, a.cta.outline:active em {
  color: #00a3e0;
}
.cta.create-pr, a.cta.create-pr {
  display: inline-block;
}

.link-alternate {
  color: #0053b8;
  text-decoration: none;
}
.link-alternate:visited {
  color: #0053b8;
}
.link-alternate:hover, .link-alternate:active, .link-alternate:focus {
  color: #137cc1;
  text-decoration: none;
}

.link-readmore {
  color: #0053b8;
  text-decoration: none;
  font-family: "Open Sans", "Segoe UI", Tahoma, sans-serif;
  font-size: 14px;
  font-size: 1.4rem;
  display: inline-block;
  margin: 5px 0 10px 0;
  font-weight: 700;
  text-transform: uppercase;
}
.link-readmore:visited {
  color: #0053b8;
}
.link-readmore:hover, .link-readmore:active, .link-readmore:focus {
  color: #137cc1;
  text-decoration: none;
}
.link-readmore:after {
  content: " ›";
  font-size: 1.2em;
}
.link-readmore.back-link:after {
  content: "";
}
.link-readmore.back-link:before {
  content: "‹ ";
  font-size: 1.2em;
}
[role=complementary] .link-readmore {
  font-size: 12px;
  font-size: 1.2rem;
}

.meta, .list-links dd, .search-links dd {
  font-family: "Open Sans", "Segoe UI", Tahoma, sans-serif;
  font-size: 14px;
  font-size: 1.4rem;
  display: block;
  line-height: 1.3;
  margin: 25px 0 20px;
}
.meta a, .list-links dd a, .search-links dd a {
  color: #0053b8;
  text-decoration: none;
}
.meta a:visited, .list-links dd a:visited, .search-links dd a:visited {
  color: #0053b8;
}
.meta a:hover, .list-links dd a:hover, .search-links dd a:hover, .meta a:active, .list-links dd a:active, .search-links dd a:active, .meta a:focus, .list-links dd a:focus, .search-links dd a:focus {
  color: #137cc1;
  text-decoration: none;
}

.layout-2col {
  margin: 20px 0;
}
@media screen and (min-width: 46.25rem) {
  .layout-2col {
    margin: 0;
  }
  .layout-2col:before, .layout-2col:after {
    content: "";
    display: table;
  }
  .layout-2col:after {
    clear: both;
  }
  .layout-2col .col {
    float: left;
    width: 46%;
    margin: 0 4%;
  }
  .layout-2col .col:first-child {
    margin-left: 0;
  }
  .layout-2col .col.last-child {
    margin-right: 0;
  }
  .layout-2col .one-third {
    width: 29%;
  }
  .layout-2col .two-third {
    width: 62%;
  }
}

.blue {
  color: #0053b8;
}

.label {
  font-family: "Open Sans", "Segoe UI", Tahoma, sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  color: #002a3a;
  display: block;
  font-weight: 700;
  margin: 20px 0 10px;
  text-transform: uppercase;
}
.label.form-controls {
  font-size: 14px;
  font-size: 1.4rem;
  display: block;
  margin: 0;
  position: relative;
  text-align: left;
}
.label.form-controls span {
  cursor: pointer;
}
.label.form-controls span:hover, .label.form-controls span:active, .label.form-controls span:focus {
  color: #647782;
}

@media screen and (min-width: 46.25rem) {
  .callout-right {
    float: right;
    margin: 26px 0 0 35px;
    width: 33%;
  }
  .callout-right.two-thirds {
    width: 60%;
  }
}
.callout-right img {
  display: block;
  max-width: 100%;
}

@media screen and (min-width: 46.25rem) {
  .callout-left {
    float: left;
    margin: 26px 35px 0 0;
    width: 33%;
  }
  .callout-left.two-thirds {
    width: 60%;
  }
}
.callout-left img {
  display: block;
  max-width: 100%;
}

.codedump {
  background: #f5f7f7;
  border: 1px solid #ccd3d6;
  padding: 10px;
  border-radius: 4px;
  font-family: "Open Sans", "Segoe UI", Tahoma, sans-serif;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.6em;
}

.list-events {
  font-family: "Open Sans", "Segoe UI", Tahoma, sans-serif;
  list-style: none;
  margin: 0;
  padding: 0;
}
.list-events li {
  font-size: 18px;
  font-size: 1.8rem;
  border-top: 1px solid #ccd3d6;
  display: block;
  line-height: 1.3;
  margin: 0;
  padding: 20px 0 0 30px;
  position: relative;
}
.list-events li i {
  font-size: 16px;
  font-size: 1.6rem;
  color: #2cd5c4;
  display: block;
  left: 0;
  line-height: 20px;
  height: 30px;
  position: absolute;
  text-align: center;
  top: 20px;
  width: 24px;
}
.list-events li:first-child {
  border-top: 0;
  padding-top: 0;
}
.list-events li:first-child i {
  top: 0px;
}
.list-events .meta, .list-events .list-links dd, .list-events .search-links dd, .list-links .list-events dd, .search-links .list-events dd {
  font-family: "Open Sans", "Segoe UI", Tahoma, sans-serif;
  font-size: 14px;
  font-size: 1.4rem;
  display: block;
  margin-top: 10px;
}
.list-events a {
  color: #0053b8;
  text-decoration: none;
}
.list-events a:visited {
  color: #0053b8;
}
.list-events a:hover, .list-events a:active, .list-events a:focus {
  color: #137cc1;
  text-decoration: none;
}

.list-tags {
  font-family: "Open Sans", "Segoe UI", Tahoma, sans-serif;
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: 700;
  list-style: none;
  margin: 0;
  padding: 0;
  text-transform: uppercase;
}
.list-tags li {
  margin-top: 10px;
}
.list-tags a {
  background: #2cd5c4;
  color: #fff;
  display: inline-block;
  line-height: 1.2;
  margin: 0;
  padding: 8px 10px 5px;
  text-decoration: none;
}
.list-tags a:hover, .list-tags a:active, .list-tags a:focus {
  background-color: #00a3e0;
  color: #fff;
}

.list-news {
  list-style: none;
  margin: 0;
  padding: 0;
}
.list-news h2 {
  font-weight: 400;
  margin-bottom: 5px;
}
.list-news li {
  border-top: 1px solid #ccd3d6;
  margin-top: 35px;
  padding-top: 10px;
}
.list-news li:first-child {
  border: none;
  margin-top: 0;
  padding-top: 0;
}
.list-news li.unpublished, .list-news li.unpublished * {
  color: #647782;
}
.list-news .meta, .list-news .list-links dd, .list-news .search-links dd, .list-links .list-news dd, .search-links .list-news dd {
  margin-top: 10px;
  color: #647782;
}
.list-news .meta a:link, .list-news .list-links dd a:link, .list-news .search-links dd a:link, .list-links .list-news dd a:link, .search-links .list-news dd a:link {
  color: #647782;
  text-decoration: underline;
}

.list-case-study {
  list-style: none;
  margin: 0;
  padding: 0 0 10px;
}
.list-case-study:before, .list-case-study:after {
  content: "";
  display: table;
}
.list-case-study:after {
  clear: both;
}
.list-case-study p {
  font-size: 14px;
  font-size: 1.4rem;
  margin: 10px 0 5px;
}
.list-case-study li {
  border-top: 1px solid #ccd3d6;
  margin-top: 20px;
  padding-top: 20px;
}
@media screen and (min-width: 1024px) {
  .list-case-study li {
    border: none;
    float: left;
    padding-right: 5%;
    padding-top: 0;
    width: 28%;
  }
  .list-case-study li:nth-child(3):after {
    clear: both;
    content: "";
    display: block;
    margin-bottom: 30px;
  }
}
.list-case-study li > a {
  font-family: "Open Sans", "Segoe UI", Tahoma, sans-serif;
  color: #0053b8;
  text-decoration: none;
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: 700;
  margin-top: 10px;
  text-transform: uppercase;
}
.list-case-study li > a:visited {
  color: #0053b8;
}
.list-case-study li > a:hover, .list-case-study li > a:active, .list-case-study li > a:focus {
  color: #137cc1;
  text-decoration: none;
}
.list-case-study li > a:after {
  content: " ›";
  font-size: 1.2em;
}
.list-case-study h3 {
  margin: 10px 0 20px;
  padding: 0;
}
.list-case-study h3.logo {
  text-indent: -1000%;
  overflow: hidden;
}
.list-case-study [title="Knight Foundation"] {
  background: url(../img/logo-knight.png) no-repeat bottom left;
  height: 25px;
  padding-top: 7px;
  width: 190px;
}
.mdzr-svg .list-case-study [title="Knight Foundation"] {
  background: url(../img/logo-knight.svg) no-repeat bottom left;
}
.list-case-study [title=Mozilla] {
  background: url(../img/logo-mozilla.png) no-repeat bottom left;
  height: 32px;
  width: 120px;
}
.mdzr-svg .list-case-study [title=Mozilla] {
  background: url(../img/logo-mozilla.svg) no-repeat bottom left;
}
.list-case-study [title=Disqus] {
  background: url(../img/logo-disqus.png) no-repeat bottom left;
  height: 28px;
  padding-top: 4px;
  width: 140px;
}
.mdzr-svg .list-case-study [title=Disqus] {
  background: url(../img/logo-disqus.svg) no-repeat bottom left;
}
.list-case-study.single-col li {
  margin-top: 0;
  margin-bottom: 30px;
  width: auto;
}
.list-case-study.single-col li p {
  font-size: 18px;
  font-size: 1.8rem;
  margin-right: 40px;
}
.list-case-study.single-col li h3 {
  margin-top: 20px;
}

.case-study-logo {
  max-width: 50%;
  max-height: 70px;
  height: auto;
  margin: 40px 0 0;
}

.list-link-soup {
  font-family: "Open Sans", "Segoe UI", Tahoma, sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  border-top: 1px solid #ccd3d6;
  list-style: none;
  margin: 20px 0 0;
  padding: 20px 0 10px;
}
.list-link-soup:before, .list-link-soup:after {
  content: "";
  display: table;
}
.list-link-soup:after {
  clear: both;
}
.list-link-soup li {
  float: left;
  margin: 10px 5% 0 0;
  width: 45%;
}
@media screen and (min-width: 46.25rem) {
  .list-link-soup li {
    margin-right: 3%;
    width: 30%;
  }
}
.list-link-soup a {
  color: #0053b8;
  text-decoration: none;
}
.list-link-soup a:visited {
  color: #0053b8;
}
.list-link-soup a:hover, .list-link-soup a:active, .list-link-soup a:focus {
  color: #137cc1;
  text-decoration: none;
}
[role=complementary] .list-link-soup li {
  float: none;
}

h2 + .list-link-soup {
  border-top: 0;
}

dl.list-features h2 {
  margin: 0;
}
dl.list-features dt {
  font-size: 24px;
  font-size: 2.4rem;
  border-top: 1px solid #ccd3d6;
  padding-top: 25px;
}
dl.list-features dd p {
  margin-bottom: 0;
  padding: 0;
}
@media screen and (min-width: 46.25rem) {
  dl.list-features {
    padding-bottom: 40px;
  }
  dl.list-features dt {
    margin-top: 60px;
    padding: 20px 0 0 0;
    position: relative;
  }
  dl.list-features dt:first-child {
    margin-top: 20px;
  }
  dl.list-features dt.even {
    padding-left: 0;
    padding-right: 0;
  }
  dl.list-features dt.even i {
    left: auto !important;
    right: 0;
  }
  dl.list-features dd {
    padding-left: 0;
  }
  dl.list-features dd.even {
    padding-left: 0;
    padding-right: 0;
  }
  dl.list-features i {
    font-size: 120px;
    font-size: 12rem;
    display: block;
    height: 200px;
    left: 0;
    position: absolute;
    text-align: center;
    top: 60px;
    width: 200px;
    margin-right: 0;
  }
  .mdzr-borderradius dl.list-features i {
    background: #00a3e0;
    border-radius: 100px;
    color: #fff;
  }
  .mdzr-svg dl.list-features i {
    background: url(../img/bg-features.svg) no-repeat center center;
  }
  .mdzr-svg dl.list-features i.icon-bolt {
    background-position: -150px -269px;
  }
  .mdzr-svg dl.list-features i.icon-briefcase {
    background-position: -354px -7px;
  }
  .mdzr-svg dl.list-features i.icon-lock {
    background-position: -36px -96px;
  }
  .mdzr-svg dl.list-features i.icon-dashboard {
    background-position: -270px -9px;
  }
  .mdzr-svg dl.list-features i.icon-cogs {
    background-position: -334px -12px;
  }
  .mdzr-svg.mdzr-borderradius.mdzr-cssanimations dl.list-features i {
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    -webkit-transform: rotate(0.5turn);
    transform: rotate(0.5turn);
  }
  .mdzr-svg.mdzr-borderradius.mdzr-cssanimations dl.list-features i.inview {
    -webkit-transform: rotate(0turn);
    transform: rotate(0turn);
  }
  .mdzr-svg.mdzr-borderradius.mdzr-cssanimations dl.list-features i.icon-bolt {
    background-position: 40px -369px;
  }
  .mdzr-svg.mdzr-borderradius.mdzr-cssanimations dl.list-features i.icon-bolt.inview {
    background-position: -150px -269px;
  }
  .mdzr-svg.mdzr-borderradius.mdzr-cssanimations dl.list-features i.icon-briefcase {
    background-position: -494px 207px;
  }
  .mdzr-svg.mdzr-borderradius.mdzr-cssanimations dl.list-features i.icon-briefcase.inview {
    background-position: -354px -7px;
  }
  .mdzr-svg.mdzr-borderradius.mdzr-cssanimations dl.list-features i.icon-lock {
    background-position: 144px -206px;
  }
  .mdzr-svg.mdzr-borderradius.mdzr-cssanimations dl.list-features i.icon-lock.inview {
    background-position: -36px -96px;
  }
  .mdzr-svg.mdzr-borderradius.mdzr-cssanimations dl.list-features i.icon-dashboard {
    background-position: -360px 201px;
  }
  .mdzr-svg.mdzr-borderradius.mdzr-cssanimations dl.list-features i.icon-dashboard.inview {
    background-position: -270px -9px;
  }
  .mdzr-svg.mdzr-borderradius.mdzr-cssanimations dl.list-features i.icon-cogs {
    background-position: -500px -180px;
  }
  .mdzr-svg.mdzr-borderradius.mdzr-cssanimations dl.list-features i.icon-cogs.inview {
    background-position: -334px -12px;
  }
  dl.list-features i :-o-prefocus, dl.list-features i {
    background: #00a3e0 !important;
    -webkit-transition: none !important;
    transition: none !important;
    -webkit-transform: none !important;
    transform: none !important;
  }
}
.homepage dl.list-features {
  padding-bottom: 0;
}
.homepage dl.list-features dl {
  padding-top: 0;
}
.homepage dl.list-features i {
  color: #fff;
  margin-right: 10px;
  width: 40px;
  height: 40px;
  top: 10px;
  border-radius: 20px;
  background: #0053b8;
  display: inline-block;
  text-align: center;
  font-size: 24px;
  font-size: 2.4rem;
}
.mdzr-svg.mdzr-borderradius.mdzr-cssanimations .homepage dl.list-features i {
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  -webkit-transform: rotate(0.5turn);
  transform: rotate(0.5turn);
}
.mdzr-svg.mdzr-borderradius.mdzr-cssanimations .homepage dl.list-features i.inview {
  -webkit-transform: rotate(0turn);
  transform: rotate(0turn);
}
@media screen and (min-width: 46.25rem) {
  .homepage dl.list-features dt {
    padding: 20px 0 0px 0;
    font-size: 18px;
    font-size: 1.8rem;
    border-top: 0;
    margin-top: 0;
  }
  .homepage dl.list-features dd {
    padding: 0;
    min-height: 0;
  }
  .homepage dl.list-features dd p {
    margin-top: 0;
    font-size: 18px;
    font-size: 1.8rem;
  }
  .homepage dl.list-features i {
    margin-right: 10px;
    width: 80px;
    height: 80px;
    top: 20px;
    border-radius: 40px;
    font-size: 46px;
    font-size: 4.6rem;
  }
}

@media screen and (min-width: 46.25rem) {
  .list-collapsing-header {
    float: left;
  }
  .section .list-collapsing-header h2 {
    margin: 40px 0 20px;
  }
  .list-collapsing-header + .form-controls.label {
    margin: 50px 0 0;
    text-align: right;
  }
  .form-controls.label {
    float: right;
  }
}
.list-collapsing {
  border-bottom: 1px solid #ccd3d6;
  list-style: none;
  margin: 30px 0;
  padding: 0;
  clear: both;
}
.list-collapsing.active > li {
  border-top: 1px solid #ccd3d6;
  margin: 0;
  padding: 0;
}
.list-collapsing.active > li.active h2 .collapsing-icon:before {
  content: "\f068";
}
.list-collapsing.active h2 {
  font-size: 18px;
  font-size: 1.8rem;
  cursor: pointer;
  margin: 0;
  padding: 18px 40px 18px 0;
  position: relative;
}
.list-collapsing.active h2:hover, .list-collapsing.active h2:focus, .list-collapsing.active h2:active {
  color: #4c636f;
  outline: none;
}
.list-collapsing.active h2 .collapsing-icon {
  position: absolute;
  right: 0;
  top: 24px;
}
.list-collapsing.active h2 .collapsing-icon:before {
  content: "\f067";
}
.list-collapsing.active h2.bullet-icon {
  padding-left: 1.5em;
}
.list-collapsing.active h2.bullet-icon > i:first-child {
  position: absolute;
  top: 24px;
  left: 0;
}
.list-collapsing.active .collapsing-content {
  overflow: hidden;
  max-height: 0px;
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.list-collapsing.active li.active .collapsing-content {
  max-height: 1000px;
  overflow: auto;
}

.list-image {
  list-style: none;
  margin: 0;
  padding: 0;
}
.list-image li {
  border-top: 1px solid #ccd3d6;
  margin-top: 20px;
  padding-top: 40px;
}
@media screen and (min-width: 46.25rem) {
  .list-image li {
    margin-top: 20px;
    padding-top: 40px;
  }
  .list-image li:before, .list-image li:after {
    content: "";
    display: table;
  }
  .list-image li:after {
    clear: both;
  }
}
.list-image li:first-child {
  border: none;
  padding-top: 0;
}
.list-image a {
  text-decoration: none;
}
.list-image a:hover, .list-image a:active, .list-image a:focus {
  color: #647782;
}
.list-image a.link-readmore {
  margin: 0;
}
.list-image img {
  display: block;
  margin: 0 auto 25px;
  max-width: 100%;
}
@media screen and (min-width: 46.25rem) {
  .list-image img {
    float: left;
    margin: 0 40px 0 0;
    max-width: 200px;
    max-height: 200px;
  }
  .list-image h2, .list-image h3, .list-image h4, .list-image p {
    padding-left: 240px;
  }
  .list-image h3 {
    margin-top: 10px;
  }
}
.layout-secondary .list-image img, [role=complementary] .list-image img {
  float: left;
  max-width: 40%;
  max-height: 120px;
  margin: 0 20px 10px 0;
}
.layout-secondary .list-image h2, .layout-secondary .list-image h3, .layout-secondary .list-image h4, .layout-secondary .list-image p, [role=complementary] .list-image h2, [role=complementary] .list-image h3, [role=complementary] .list-image h4, [role=complementary] .list-image p {
  padding-left: 0px;
  border: 0;
}
.layout-secondary .list-image h3, [role=complementary] .list-image h3 {
  font-size: 14px;
  font-size: 1.4rem;
  margin-top: 0;
  margin-bottom: 1em;
  padding-bottom: 0;
  font-family: "Open Sans", "Segoe UI", Tahoma, sans-serif;
  font-weight: 700;
}

#s-feed {
  font-family: "Open Sans", "Segoe UI", Tahoma, sans-serif;
}

.list-outline {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.3;
  list-style: none;
  margin: 0;
  padding: 0;
}
.list-outline a {
  text-decoration: none;
}
.list-outline > li > ul > li {
  margin-top: 12px;
}
.list-outline > li > ul > li:first-child {
  margin-top: 6px;
}
.list-outline > li > a {
  text-transform: uppercase;
  font-weight: 700;
  color: #0053b8;
  text-decoration: none;
}
.list-outline > li > a:visited {
  color: #0053b8;
}
.list-outline > li > a:hover, .list-outline > li > a:active, .list-outline > li > a:focus {
  color: #137cc1;
  text-decoration: none;
}
.list-outline > li > ul {
  list-style: none;
  font-size: 12px;
  font-size: 1.2rem;
  padding: 5px 0 0 10px;
}
.list-outline > li > ul > li > a {
  font-weight: 700;
  text-transform: uppercase;
  color: #0053b8;
  text-decoration: none;
}
.list-outline > li > ul > li > a:visited {
  color: #0053b8;
}
.list-outline > li > ul > li > a:hover, .list-outline > li > ul > li > a:active, .list-outline > li > ul > li > a:focus {
  color: #137cc1;
  text-decoration: none;
}
.list-outline > li > ul > li ul {
  font-size: 14px;
  font-size: 1.4rem;
  padding: 0 0 0 20px;
}

.section h2 {
  margin: 50px 0 30px;
}

.section h3 {
  margin: 40px 0 20px;
}

.browse-horizontal {
  font-family: "Open Sans", "Segoe UI", Tahoma, sans-serif;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 700;
  border-top: 1px solid #ccd3d6;
  border-bottom: 1px solid #ccd3d6;
  padding: 20px 0;
  margin-top: 2em;
}
.browse-horizontal:before, .browse-horizontal:after {
  content: "";
  display: table;
}
.browse-horizontal:after {
  clear: both;
}
.browse-horizontal .left {
  float: left;
}
.browse-horizontal .left .icon {
  margin-right: 4px;
  font-size: 12px;
  font-size: 1.2rem;
}
.browse-horizontal .right {
  float: right;
}
.browse-horizontal .right .icon {
  margin-left: 4px;
  font-size: 12px;
  font-size: 1.2rem;
}
.browse-horizontal a {
  text-decoration: none;
}

#version-switcher {
  position: fixed;
  right: 15px;
  bottom: 15px;
  margin: 0;
  padding: 0;
  z-index: 1;
  pointer-events: none;
  list-style: none;
}
#version-switcher .icon {
  margin-right: 4px;
}
#version-switcher ul {
  text-align: right;
}

#doc-versions, #doc-languages, #faq-link {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}
#doc-versions li, #doc-languages li, #faq-link li {
  display: none;
  margin: 0 3px;
  font-family: "Open Sans", "Segoe UI", Tahoma, sans-serif;
  color: #002a3a;
  font-size: 12px;
  font-size: 1.2rem;
  pointer-events: auto;
}
#doc-versions li.current, #doc-languages li.current, #faq-link li.current {
  display: inline-block;
  background: #fff;
  padding: 8px 15px;
  border: 1px solid #ccd3d6;
  border-radius: 4px;
}
#doc-versions li.current-link, #doc-languages li.current-link, #faq-link li.current-link {
  display: inline-block;
}
#doc-versions li a, #doc-languages li a, #faq-link li a {
  display: inline-block;
  background: #fff;
  color: #00a3e0;
  text-decoration: none;
  font-weight: 700;
  padding: 8px 15px;
  border: 1px solid #ccd3d6;
  border-radius: 4px;
}
#doc-versions li a:hover, #doc-languages li a:hover, #faq-link li a:hover {
  color: #0053b8;
  border: 1px solid #2cd5c4;
}
#doc-versions:hover, #doc-versions .hover-on, #doc-languages:hover, #doc-languages .hover-on, #faq-link:hover, #faq-link .hover-on {
  pointer-events: auto;
}
#doc-versions:hover li, #doc-versions .hover-on li, #doc-languages:hover li, #doc-languages .hover-on li, #faq-link:hover li, #faq-link .hover-on li {
  display: inline-block;
}

#dev-warning, #outdated-warning {
  position: absolute;
  top: 0;
  width: 100%;
  padding: 8px 20px 8px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-image: -webkit-linear-gradient(-45deg, rgba(0, 0, 0, 0.04) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, 0.04) 50%, rgba(0, 0, 0, 0.04) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(-45deg, rgba(0, 0, 0, 0.04) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, 0.04) 50%, rgba(0, 0, 0, 0.04) 75%, transparent 75%, transparent);
  background-image: linear-gradient(135deg, rgba(0, 0, 0, 0.04) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, 0.04) 50%, rgba(0, 0, 0, 0.04) 75%, transparent 75%, transparent);
  font-family: "Open Sans", "Segoe UI", Tahoma, sans-serif;
  font-size: 14px;
  text-align: center;
  background-color: #ffe761;
}
@media screen and (min-width: 46.25rem) {
  #dev-warning, #outdated-warning {
    position: fixed;
    min-width: 46.25rem;
  }
}

#outdated-warning {
  background-color: #fe7d8f;
  color: #7b293b;
}

.versionadded, .versionchanged, .deprecated, .versionmodified {
  font-family: "Open Sans", "Segoe UI", Tahoma, sans-serif;
  font-weight: bold;
  margin-bottom: 20px;
  padding: 10px 13px;
  border: 1px solid #b9d9eb;
  border-radius: 4px;
}
.versionadded p, .versionchanged p, .deprecated p, .versionmodified p {
  font-weight: normal;
  margin-top: 0.3em;
}
.versionadded p:last-child, .versionchanged p:last-child, .deprecated p:last-child, .versionmodified p:last-child {
  margin-bottom: 0;
}

.deprecated .versionadded, .deprecated .versionchanged, .deprecated .deprecated, .deprecated .versionmodified {
  border: none;
  padding: 0;
  margin-bottom: 0;
  display: block;
}
.deprecated p {
  font-weight: normal;
  margin-top: 0;
}
.deprecated p:last-child {
  margin-bottom: 0;
}

dl.function dt, dl.class dt, dl.method dt, dl.classmethod dt, dl.staticmethod dt, dl.attribute dt, dl.exception dt {
  font-weight: 700;
}
dl.function dd, dl.class dd, dl.method dd, dl.classmethod dd, dl.staticmethod dd, dl.attribute dd, dl.exception dd {
  padding-left: 1.4em;
}

table.docutils td, table.docutils th {
  border-bottom: 1px solid #ccd3d6;
}

.list-links, .search-links {
  font-family: "Open Sans", "Segoe UI", Tahoma, sans-serif;
  list-style: none;
  margin: 0;
  padding: 10px 0 0;
}
.list-links a, .search-links a {
  color: #0053b8;
  text-decoration: none;
}
.list-links a:visited, .search-links a:visited {
  color: #0053b8;
}
.list-links a:hover, .search-links a:hover, .list-links a:active, .search-links a:active, .list-links a:focus, .search-links a:focus {
  color: #137cc1;
  text-decoration: none;
}
.list-links dt, .search-links dt,
.list-links li,
.search-links li {
  font-size: 16px;
  font-size: 1.6rem;
  margin-top: 15px;
  font-weight: 400;
}
.list-links dt:first-child, .search-links dt:first-child,
.list-links li:first-child,
.search-links li:first-child {
  margin-top: 0;
}
.list-links dd, .search-links dd {
  margin-top: 0;
  margin-bottom: 30px;
}
[role=complementary] .list-links, [role=complementary] .search-links {
  padding: 0;
}
[role=complementary] .list-links dt, [role=complementary] .search-links dt,
[role=complementary] .list-links li,
[role=complementary] .search-links li {
  font-size: 16px;
  font-size: 1.6rem;
  border-top: 1px solid #ccd3d6;
  margin-top: 0;
  padding-top: 20px;
}
[role=complementary] .list-links dt:first-child, [role=complementary] .search-links dt:first-child,
[role=complementary] .list-links li:first-child,
[role=complementary] .search-links li:first-child {
  border: none;
  padding-top: 0;
}
[role=complementary] .list-links li, [role=complementary] .search-links li {
  padding: 14px 0 10px;
}
[role=complementary] .list-links dd, [role=complementary] .search-links dd {
  font-size: 14px;
  font-size: 1.4rem;
  margin-bottom: 16px;
}
.list-links + h2, .search-links + h2 {
  margin-top: 34px;
}

.search-links em {
  font-weight: 700;
  color: #002a3a;
}
.search-links span.meta {
  margin-top: 0;
  margin-bottom: 10px;
  color: #647782;
}
.search-links span.meta a {
  color: #647782;
}
.search-links span.meta a:visited {
  color: #4c636f;
}
.search-links span.meta a:active, .search-links span.meta a:focus, .search-links span.meta a:hover {
  color: #1d3c4b;
}
.search-links h2.result-title {
  margin: 0.3em 0 !important;
}
.search-links span.arrow {
  color: #002a3a;
  font-weight: 700;
}
.search-links dd {
  margin-bottom: 30px;
}

.list-links-small {
  padding-left: 0;
  list-style: none;
}
.list-links-small a {
  color: #0053b8;
  text-decoration: none;
  text-decoration: none;
}
.list-links-small a:visited {
  color: #0053b8;
}
.list-links-small a:hover, .list-links-small a:active, .list-links-small a:focus {
  color: #137cc1;
  text-decoration: none;
}
.list-links-small li > a:before,
.list-links-small dt > a:before {
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  float: left;
  width: 23px;
  height: 20px;
}
.list-links-small dt {
  font-weight: 400;
}
.list-links-small dd {
  color: #647782;
  padding-top: 2px;
}
.list-links-small.docs-list {
  list-style: none;
}
.list-links-small.docs-list li > a:before,
.list-links-small.docs-list dt > a:before {
  content: "\f0f6";
}
.list-links-small.docs-list dd {
  padding-left: 24px;
}
.list-links-small.news-list {
  list-style: none;
}
.list-links-small.news-list li > a:before,
.list-links-small.news-list dt > a:before {
  content: "\f0a1";
}
.list-links-small.news-list dt.event > a:before {
  content: "\f133";
}
.list-links-small.news-list dd {
  padding-left: 24px;
}
.list-links-small.resource-list {
  list-style: none;
}
.list-links-small.resource-list li > a:before,
.list-links-small.resource-list dt > a:before {
  content: "\f0c1";
}
.list-links-small.resource-list dd {
  padding-left: 24px;
}
.list-links-small.rss-list {
  list-style: none;
}
.list-links-small.rss-list li > a:before,
.list-links-small.rss-list dt > a:before {
  content: "\f09e";
}
.list-links-small.rss-list dd {
  padding-left: 24px;
}

form {
  font-family: "Open Sans", "Segoe UI", Tahoma, sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
}
form input[type=search],
form input[type=text],
form input[type=email],
form input[type=password],
form input[type=number],
form input[type=url],
form textarea {
  font-family: "Open Sans", "Segoe UI", Tahoma, sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  background: #fff;
  border: 1px solid #ccd3d6;
  border-radius: 4px;
  cursor: auto;
  display: block;
  font-weight: 400;
  height: 30px;
  margin: 10px 0px;
  padding: 6px 14% 8px 10px;
  text-indent: 0;
  vertical-align: middle;
  width: 83%;
}
@media screen and (min-width: 46.25rem) {
  form input[type=search],
  form input[type=text],
  form input[type=email],
  form input[type=password],
  form input[type=number],
  form input[type=url],
  form textarea {
    padding: 6px 18% 8px 10px;
    width: 80%;
  }
}
form input[type=search]::-ms-clear,
form input[type=text]::-ms-clear,
form input[type=email]::-ms-clear,
form input[type=password]::-ms-clear,
form input[type=number]::-ms-clear,
form input[type=url]::-ms-clear,
form textarea::-ms-clear {
  display: none;
}
form input[type=search]:active, form input[type=search]:focus,
form input[type=text]:active,
form input[type=text]:focus,
form input[type=email]:active,
form input[type=email]:focus,
form input[type=password]:active,
form input[type=password]:focus,
form input[type=number]:active,
form input[type=number]:focus,
form input[type=url]:active,
form input[type=url]:focus,
form textarea:active,
form textarea:focus {
  outline: none;
  border-color: #0053b8;
}
form textarea {
  height: auto;
}
form input[type=checkbox],
form input[type=radio] {
  margin-right: 6px;
}
form select {
  border: 1px solid #ccd3d6;
  background: white;
  height: 46px;
  padding: 0 10px;
  border-radius: 4px;
  font-size: 16px;
  font-size: 1.6rem;
}
[role=complementary] form select {
  height: 36px;
  font-size: 14px;
  font-size: 1.4rem;
}
form button {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background: #0053b8;
  border-radius: 4px;
  color: white;
  border: 0;
  height: 46px;
  padding: 0 15px;
  font-family: "Open Sans", "Segoe UI", Tahoma, sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
}
form button:hover {
  background: #00a3e0;
}

.form-general fieldset {
  max-width: 700px;
  border: 0;
  padding: 0;
  margin: 15px 0;
}
.form-general fieldset input[type=search],
.form-general fieldset input[type=text],
.form-general fieldset input[type=email],
.form-general fieldset input[type=password],
.form-general fieldset input[type=url] {
  margin: 10px 0;
}

.form-input {
  min-height: 40px;
  margin: 30px 0 20px;
  position: relative;
}
.form-input:focus {
  background: #000;
}
.form-input button {
  background: none;
  border: none;
  color: #00a3e0;
  height: 40px;
  padding: 0;
  position: absolute;
  right: 2%;
  top: 6%;
  width: 40px;
}
@media screen and (min-width: 46.25rem) {
  .form-input button {
    right: 1%;
  }
}
.form-input button i {
  font-size: 20px;
  font-size: 2rem;
  line-height: 1;
}
.form-input button:hover, .form-input button:focus, .form-input button:active {
  background: none;
  color: #003b5c;
  outline: none;
}
[role=complementary] .form-input {
  min-height: 30px;
  margin: 20px 0 30px;
}
[role=complementary] .form-input input[type=search],
[role=complementary] .form-input input[type=text],
[role=complementary] .form-input input[type=email] {
  height: 20px;
  font-size: 14px;
  font-size: 1.4rem;
}
[role=complementary] .form-input button {
  height: 30px;
  width: 30px;
  top: 3px;
}
@media screen and (min-width: 46.25rem) {
  [role=complementary] .form-input button {
    right: 0;
  }
}
[role=complementary] .form-input button i {
  font-size: 20px;
  font-size: 2rem;
}
.form-input.search {
  flex: 0 0 100%;
  margin: 0 0 10px 0;
}
@media screen and (min-width: 46.25rem) {
  .form-input.search {
    flex: 0 0 40%;
    margin: 10px 0;
  }
}
.form-input.search button {
  top: 19%;
}

form.donate {
  max-width: 150px;
}
form.donate label {
  position: absolute;
  left: 0px;
  color: #0082b3;
  padding-top: 0.3em;
  padding-left: 0.5em;
}
form.donate input[type=text] {
  padding-left: 20px;
  padding-right: 9px; /* Magic value to right-align the button inside the input */
}

div[role=main] form.donate label {
  padding-top: 0.7em;
}

::-webkit-input-placeholder,
:-moz-placeholder,
::-moz-placeholder,
:-ms-input-placeholder {
  color: #647782;
}

.form-email h3 {
  font-size: 18px;
  font-size: 1.8rem;
  margin: 10px 0;
}
.form-email .meta, .form-email .list-links dd, .list-links .form-email dd, .form-email .search-links dd, .search-links .form-email dd {
  margin: 0;
}
.form-email form {
  margin: 10px 0 30px;
}

.nav-pagination {
  font-family: "Open Sans", "Segoe UI", Tahoma, sans-serif;
  font-size: 14px;
  font-size: 1.4rem;
  border-top: 1px solid #ccd3d6;
  font-weight: 700;
  line-height: 31px;
  list-style: none;
  margin: 30px 0;
  padding: 30px 0 0;
  text-align: center;
}
.nav-pagination li {
  display: inline-block;
}
.nav-pagination a {
  border: none;
  color: #647782;
  height: auto;
  width: auto;
  margin: 0 5px;
  border-radius: 15px;
  display: block;
  text-decoration: none;
}
@media screen and (min-device-width: 320px) {
  .nav-pagination a {
    background: #647782;
    color: #fff;
    height: 30px;
    margin: 0 2px;
    width: 30px;
  }
}
.nav-pagination a.previous, .nav-pagination a.next {
  font-size: 16px;
  font-size: 1.6rem;
}
@media screen and (min-device-width: 320px) {
  .nav-pagination a.previous, .nav-pagination a.next {
    border-radius: 20px;
    height: 40px;
    line-height: 43px;
    width: 40px;
  }
}
.nav-pagination a.previous {
  margin-right: 10px;
}
@media screen and (min-width: 46.25rem) {
  .nav-pagination a.previous {
    margin-right: 70px;
  }
}
.nav-pagination a.next {
  margin-left: 10px;
  text-indent: 1px;
}
@media screen and (min-width: 46.25rem) {
  .nav-pagination a.next {
    margin-left: 70px;
  }
}
.nav-pagination a:hover, .nav-pagination a:focus, .nav-pagination a:active, .nav-pagination a.active {
  background: none;
  color: #0053b8;
}
@media screen and (min-device-width: 320px) {
  .nav-pagination a:hover, .nav-pagination a:focus, .nav-pagination a:active, .nav-pagination a.active {
    background: #0053b8;
    color: white;
  }
}
.mdzr-no-borderradius .nav-pagination a {
  display: inline;
  background: none;
  color: #647782;
  height: auto;
  width: auto;
  margin: 0 5px !important;
}
.mdzr-no-borderradius .nav-pagination a:hover, .mdzr-no-borderradius .nav-pagination a:active, .mdzr-no-borderradius .nav-pagination a:focus, .mdzr-no-borderradius .nav-pagination a.active {
  background: none;
  color: #0053b8;
}

hr {
  border: 0;
  border-top: 1px solid #ccd3d6;
}

.badge {
  border-radius: 4px;
  font-size: 12px;
  padding: 2px 6px;
  margin: 0 5px;
  letter-spacing: 0px;
  position: relative;
  bottom: 0.3em;
  color: #fff;
  background-color: #0053b8;
}

.user-info .avatar {
  padding: 20px;
  border: 1px solid #ccd3d6;
  border-radius: 4px;
  float: right;
}

.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.clearfix:before, .clearfix:after, .group-container:before, .group-container:after {
  content: "";
  display: table;
}
.clearfix:after, .group-container:after {
  clear: both;
}

.footnote {
  color: #647782;
  font-size: 14px;
  font-size: 1.4rem;
  margin-top: 20px;
  text-align: center;
  /* The IDs in documentation footnotes should stay as table cells */
}
.footnote .label {
  display: table-cell;
  padding-right: 1em;
}

form .footnote {
  margin-top: 10px;
  text-align: left;
}

.footnote.docutils {
  text-align: left;
}

.heroes-section {
  overflow: hidden;
}
.heroes-section .heroes {
  clear: both;
}
.heroes-section .heroes h3 {
  clear: both;
  text-align: center;
}
.heroes-section .heroes .hero {
  width: 33.3333333333%;
  position: relative;
  height: auto;
}
.heroes-section .heroes .hero div {
  width: 100%;
}
.heroes-section .heroes .hero-logo {
  height: 170px;
  line-height: 170px;
}
.heroes-section .heroes .hero-logo img {
  vertical-align: middle;
}
.heroes-section .heroes .hero-name {
  min-height: 87px;
  vertical-align: top;
  margin-bottom: 5px;
}
.heroes-section .heroes .no-logo-hero {
  min-height: 60px;
  margin-right: 24px;
}
.heroes-section .heroes div {
  float: left;
  text-align: center;
}
.heroes-section .heroes div img {
  max-width: 90%;
  max-height: 170px;
}
.heroes-section .pagination {
  clear: both;
}

.manage-donations-form select, .manage-donations-form input[type=number] {
  width: 300px;
}
.manage-donations-form input[type=number] {
  padding: 7px 10px;
  width: 278px;
}

.opensearch-hero-form .form-control {
  margin: 1em 0;
}
.opensearch-hero-form ul {
  list-style: none;
  display: inline-block;
  margin: 0;
  padding: 0;
}
.opensearch-hero-form li {
  display: inline-block;
  margin-left: 1em;
}

table.opensearch-supported-versions {
  border: 1px solid black;
  text-align: center;
}
table.opensearch-supported-versions tr {
  background-color: #b9d9eb;
}
table.opensearch-supported-versions tr th, table.opensearch-supported-versions tr td {
  padding: 5px;
}
table.opensearch-supported-versions tr.unsupported {
  background-color: #fe7d8f;
}

/* Corporate membership list page */
ul.corporate-members li {
  min-height: 160px;
}

.corporate-member-logo {
  float: right;
  max-height: 150px;
  max-width: 150px;
  padding: 0 0 10px 10px;
}

.code-block-caption .btn-clipboard, .snippet .btn-clipboard {
  float: right;
  cursor: pointer;
  margin-top: 2px;
  margin-right: -10px;
}
.code-block-caption .btn-clipboard i:hover, .snippet .btn-clipboard i:hover {
  color: #2cd5c4;
}
.code-block-caption .btn-clipboard .clipboard-success, .snippet .btn-clipboard .clipboard-success {
  font-size: 80%;
  margin-right: 10px;
}

.homepage .section.headline {
  padding-bottom: 0;
}
.homepage .section.headline h1 {
  margin: 2em 1em;
  text-align: center;
}

@media screen and (max-width: 46.24rem) {
  [role=banner] .nav-menu-on .small-nav li {
    line-height: 1.5em;
    font-size: 1em;
  }
  [role=banner] .nav-menu-on .small-nav li + li:before {
    display: none;
  }
}
pre.literal-block,
.literal-block {
  font-size: 14px;
  font-size: 1.4rem;
  border: 1px solid #EAEAEA;
  background: #F4F4F4;
  background: #f5f7f7;
  overflow: auto;
  border-radius: 4px;
  margin: 25px 0;
  padding: 10px 20px;
  color: #003b5c;
}

.code-block-caption {
  background: #b9d9eb;
  color: #003b5c;
  font-family: "Fira Mono", Consolas, Menlo, Monaco, "Courier New", Courier, monospace;
  font-variant-ligatures: no-common-ligatures;
  text-rendering: optimizeSpeed;
  font-size: 1em;
  padding: 5px 20px;
  border-radius: 4px 4px 0 0;
}
.code-block-caption + div > .highlight {
  margin-top: 0;
  border-radius: 0 0 4px 4px;
  border-top: 0;
}

.snippet-filename {
  background: #b9d9eb;
  color: #003b5c;
  font-family: "Fira Mono", Consolas, Menlo, Monaco, "Courier New", Courier, monospace;
  font-variant-ligatures: no-common-ligatures;
  text-rendering: optimizeSpeed;
  font-size: 1em;
  padding: 5px 20px;
  border-radius: 4px 4px 0 0;
}
.snippet-filename + .highlight {
  margin-top: 0;
  border-radius: 0 0 4px 4px;
  border-top: 0;
}

.highlight {
  font-size: 14px;
  font-size: 1.4rem;
  border: 1px solid #EAEAEA;
  background: #F4F4F4;
  background: #f5f7f7;
  overflow: auto;
  border-radius: 4px;
  margin: 25px 0;
  /* Comment */
  /* Keyword */
  /* Operator */
  /* Comment.Multiline */
  /* Comment.Preproc */
  /* Comment.Single */
  /* Comment.Special */
  /* Generic.Deleted */
  /* Generic.Emph */
  /* Generic.Error */
  /* Generic.Heading */
  /* Generic.Inserted */
  /* Generic.Output */
  /* Generic.Prompt */
  /* Generic.Strong */
  /* Generic.Subheading */
  /* Generic.Traceback */
  /* Keyword.Constant */
  /* Keyword.Declaration */
  /* Keyword.Namespace */
  /* Keyword.Pseudo */
  /* Keyword.Reserved */
  /* Keyword.Type */
  /* Literal.Number */
  /* Literal.String */
  /* Name.Attribute */
  /* Name.Builtin */
  /* Name.Class */
  /* Name.Constant */
  /* Name.Decorator */
  /* Name.Entity */
  /* Name.Exception */
  /* Name.Function */
  /* Name.Label */
  /* Name.Namespace */
  /* Name.Tag */
  /* Name.Variable */
  /* Operator.Word */
  /* Text.Whitespace */
  /* Literal.Number.Float */
  /* Literal.Number.Hex */
  /* Literal.Number.Integer */
  /* Literal.Number.Oct */
  /* Literal.String.Backtick */
  /* Literal.String.Char */
  /* Literal.String.Doc */
  /* Literal.String.Double */
  /* Literal.String.Escape */
  /* Literal.String.Heredoc */
  /* Literal.String.Interpol */
  /* Literal.String.Other */
  /* Literal.String.Regex */
  /* Literal.String.Single */
  /* Literal.String.Symbol */
  /* Name.Builtin.Pseudo */
  /* Name.Variable.Class */
  /* Name.Variable.Global */
  /* Name.Variable.Instance */
  /* Literal.Number.Integer.Long */
}
.highlight pre {
  margin: 15px 20px;
}
.highlight li {
  margin-top: 0;
  border-left: 1px solid #EAEAEA;
  padding: 0 0 2px 15px;
}
.highlight li:first-child {
  padding-top: 2px;
}
.highlight .hll {
  background-color: #ffffcc;
}
.highlight .c {
  color: #408080;
  font-style: italic;
}
.highlight .k {
  color: #008000;
  font-weight: bold;
}
.highlight .o {
  color: #666666;
}
.highlight .cm {
  color: #408080;
  font-style: italic;
}
.highlight .cp {
  color: #BC7A00;
}
.highlight .c1 {
  color: #408080;
  font-style: italic;
}
.highlight .cs {
  color: #408080;
  font-style: italic;
}
.highlight .gd {
  color: #A00000;
}
.highlight .ge {
  font-style: italic;
}
.highlight .gr {
  color: #FF0000;
}
.highlight .gh {
  color: #000080;
  font-weight: bold;
}
.highlight .gi {
  color: #00A000;
}
.highlight .go {
  color: #808080;
}
.highlight .gp {
  color: #000080;
  font-weight: bold;
}
.highlight .gs {
  font-weight: bold;
}
.highlight .gu {
  color: #800080;
  font-weight: bold;
}
.highlight .gt {
  color: #0040D0;
}
.highlight .kc {
  color: #008000;
  font-weight: bold;
}
.highlight .kd {
  color: #008000;
  font-weight: bold;
}
.highlight .kn {
  color: #008000;
  font-weight: bold;
}
.highlight .kp {
  color: #008000;
}
.highlight .kr {
  color: #008000;
  font-weight: bold;
}
.highlight .kt {
  color: #B00040;
}
.highlight .m {
  color: #666666;
}
.highlight .s {
  color: #BA2121;
}
.highlight .na {
  color: #7D9029;
}
.highlight .nb {
  color: #008000;
}
.highlight .nc {
  color: #0000FF;
  font-weight: bold;
}
.highlight .no {
  color: #880000;
}
.highlight .nd {
  color: #AA22FF;
}
.highlight .ni {
  color: #999999;
  font-weight: bold;
}
.highlight .ne {
  color: #D2413A;
  font-weight: bold;
}
.highlight .nf {
  color: #0000FF;
}
.highlight .nl {
  color: #A0A000;
}
.highlight .nn {
  color: #0000FF;
  font-weight: bold;
}
.highlight .nt {
  color: #008000;
  font-weight: bold;
}
.highlight .nv {
  color: #19177C;
}
.highlight .ow {
  color: #AA22FF;
  font-weight: bold;
}
.highlight .w {
  color: #bbbbbb;
}
.highlight .mf {
  color: #666666;
}
.highlight .mh {
  color: #666666;
}
.highlight .mi {
  color: #666666;
}
.highlight .mo {
  color: #666666;
}
.highlight .sb {
  color: #BA2121;
}
.highlight .sc {
  color: #BA2121;
}
.highlight .sd {
  color: #BA2121;
  font-style: italic;
}
.highlight .s2 {
  color: #BA2121;
}
.highlight .se {
  color: #BB6622;
  font-weight: bold;
}
.highlight .sh {
  color: #BA2121;
}
.highlight .si {
  color: #BB6688;
  font-weight: bold;
}
.highlight .sx {
  color: #008000;
}
.highlight .sr {
  color: #BB6688;
}
.highlight .s1 {
  color: #BA2121;
}
.highlight .ss {
  color: #19177C;
}
.highlight .bp {
  color: #008000;
}
.highlight .vc {
  color: #19177C;
}
.highlight .vg {
  color: #19177C;
}
.highlight .vi {
  color: #19177C;
}
.highlight .il {
  color: #666666;
}
.highlight .lineno {
  color: #000000;
  background-color: #dddddd;
}

@media print {
  * {
    background: transparent !important;
    color: #000 !important; /* Black prints faster: h5bp.com/s */
    box-shadow: none !important;
    text-shadow: none !important;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  /*
  * Don't show links for images, or javascript/internal links
  */
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group; /* h5bp.com/t */
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  @page {
    margin: 0.5cm;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
  html {
    font-size: 40%;
  }
  .menu-button,
  .news-search,
  .backtotop,
  .nav-pagination,
  [role=contentinfo] > .container,
  [role=contentinfo] .logo,
  .thanks,
  [role=complementary],
  [role=navigation],
  .form-input {
    display: none !important;
  }
  .logo {
    text-indent: 0 !important;
  }
  [role=contentinfo],
  [role=contentinfo] .copyright {
    margin: 0 !important;
    padding: 0 !important;
  }
  .internal-container {
    float: none;
    width: auto;
  }
  .list-news li {
    margin-top: 0;
  }
}
dl.list-features {
  counter-reset: list-features;
}
dl.list-features h2 {
  margin: 0;
}
dl.list-features dt {
  counter-increment: list-features;
}
dl.list-features dt:before {
  opacity: 0.6;
  content: counter(list-features) ". ";
}

.blog-nav {
  display: flex;
  flex-direction: row;
  align-items: stretch;
}
.blog-nav .next, .blog-nav .prev {
  display: block;
  flex: 1;
}
.blog-nav .next {
  padding-right: 0.5em;
}
.blog-nav .prev {
  padding-left: 0.5em;
  text-align: right;
}

[role=banner] [role=navigation] {
  margin-top: 17px;
  margin-right: 40px;
}
@media screen and (max-width: 1339px) {
  [role=banner] [role=navigation] {
    margin-right: 0;
  }
}
[role=banner] [role=navigation] li {
  color: #003551;
  text-transform: none;
  margin-right: 0.5em;
}
@media screen and (min-width: 1250px) {
  [role=banner] [role=navigation] li {
    margin-right: 2em;
  }
}
@media screen and (min-width: 1150px) and (max-width: 1249px) {
  [role=banner] [role=navigation] li {
    margin-right: 1em;
  }
}
[role=banner] [role=navigation] li a {
  display: inline;
  color: #003551;
  font-family: "Open Sans";
  font-size: 15px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
}
[role=banner] [role=navigation] .nested-nav a.in-category,
[role=banner] [role=navigation] .nested-nav a:hover {
  color: #006D97;
  text-decoration: underline;
  text-decoration-color: #006D97;
  text-decoration-thickness: 2px;
  text-underline-offset: 6px;
}

.whats-new .whats-new-post h4 {
  margin-top: 20px;
  margin-bottom: 0;
}
.whats-new .whats-new-post p {
  margin-top: 0.5em;
}
.whats-new .whats-new-post + .whats-new-post h4 {
  margin-top: 30px;
}

.sidebar .feature-box {
  margin-top: 2em;
  margin-bottom: 2em;
}
.sidebar .feature-box .feature-content {
  padding-right: 70px;
}
.sidebar .feature-box img {
  height: 55px;
  width: 55px;
  float: right;
}

.events-page .list-events .icon {
  color: #0053b8;
}
.events-page .list-events li {
  border-top-color: #b9d9eb;
}
.events-page .list-events p {
  font-size: 0.9em;
}
.events-page .list-events ul {
  list-style-type: disc;
}
.events-page .list-events ul li {
  border-top: none;
}

.source-page dt a {
  text-decoration: none;
  display: inline-block;
  color: #0053b8;
  background-color: #f5f7f7;
  padding: 0.25em 1em 0 1em;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
}
.source-page dd {
  padding: 0.5em 1em;
  background-color: #f5f7f7;
  margin-bottom: 1em;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
}
.source-page dd p {
  margin-top: 0;
  margin-bottom: 0.5em;
}
.source-page .link-readmore {
  display: inline-block;
  margin-right: 1.5em;
}

.homepage .sidebar .cta + .link-readmore {
  margin-bottom: 0;
}

.homepage .latest-version {
  color: #647782;
  text-align: center;
  font-size: 1.25rem;
}

.homepage .list-features p {
  margin-bottom: 0;
}

.homepage .list-features dt {
  font-family: "Open Sans", "Segoe UI", Tahoma, sans-serif;
}

.homepage .list-features p + dt {
  padding-top: 0.5em;
}

.author-photo {
  width: 180px;
  height: auto;
}

#faq li {
  list-style-type: none;
}
#faq li h3 a i {
  float: right;
  display: block;
}
#faq li h3 span {
  opacity: 0.9;
}
#faq ol li ul li {
  list-style-type: disc;
}

.img-fluid {
  max-width: 100%;
  height: auto;
  border: 1px solid #f6f8f8;
}

.img-centered {
  max-width: 100%;
  margin: 0 auto;
  display: block;
  border: 1px solid #f6f8f8;
}

.downloads-page .layout-2col .col {
  width: 48%;
  margin: 0 4% 0 0;
}
.downloads-page .layout-2col .col + .col {
  margin: 0;
}

.banner-alert, .version-alert {
  font-family: "Open Sans", "Segoe UI", Tahoma, sans-serif;
  background-color: #ffb81c;
  background-image: linear-gradient(135deg, #ffc460 25%, transparent 25%, transparent 50%, #ffc460 50%, #ffc460 75%, transparent 75%, transparent);
}

.version-alert {
  padding: 0.5em;
  margin-top: 1em;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
}
.version-alert p {
  margin: 0;
}

.imported-post {
  margin-left: -1em;
  margin-right: -1em;
  background-color: #ffe761;
  padding: 1em;
  font-family: "Open Sans", "Segoe UI", Tahoma, sans-serif;
  background-color: #ffb81c;
  background-image: linear-gradient(135deg, #ffc460 25%, transparent 25%, transparent 50%, #ffc460 50%, #ffc460 75%, transparent 75%, transparent);
}

.share-container {
  font-family: "Open Sans", "Segoe UI", Tahoma, sans-serif;
  color: #647782;
  padding-bottom: 2em;
}

#share-buttons {
  display: inline-block;
  vertical-align: middle;
}
#share-buttons :after {
  content: "";
  display: block;
  clear: both;
}
#share-buttons > div {
  position: relative;
  text-align: left;
  height: 36px;
  width: 32px;
  float: left;
  text-align: center;
}
#share-buttons > div > svg {
  height: 16px;
  fill: #D9E1E2;
  margin-top: 10px;
}
#share-buttons > div:hover {
  cursor: pointer;
}
#share-buttons > div.facebook:hover > svg {
  fill: #3B5998;
}
#share-buttons > div.twitter:hover > svg {
  fill: #55ACEE;
}
#share-buttons > div.linkedin:hover > svg {
  fill: #0077b5;
}
#share-buttons > div.mail:hover > svg {
  fill: #7D7D7D;
}
#share-buttons > div.facebook > svg {
  height: 18px;
  margin-top: 9px;
}
#share-buttons > div.twitter > svg {
  height: 20px;
  margin-top: 8px;
}
#share-buttons > div.linkedin > svg {
  height: 19px;
  margin-top: 7px;
}
#share-buttons > div.mail > svg {
  height: 14px;
  margin-top: 11px;
}

.author-social-media a {
  text-decoration: none;
}
.author-social-media ul {
  list-style-type: none;
  padding-left: 0;
}

.tree, .tree ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.tree ul {
  margin-left: 1em;
  position: relative;
}

.tree ul ul {
  margin-left: 0.5em;
}

.tree ul:before {
  content: "";
  display: block;
  width: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  border-left: 1px solid;
}

.tree li {
  margin: 0;
  line-height: 2em;
  position: relative;
}

.tree li li {
  padding: 0 1em;
}

.tree ul li:before {
  content: "";
  display: block;
  width: 10px;
  height: 0;
  border-top: 1px solid;
  margin-top: -1px;
  position: absolute;
  top: 1em;
  left: 0;
}

.tree ul li:last-child:before {
  background: #fff;
  height: auto;
  top: 1em;
  bottom: 0;
}

.artifact-download-tree {
  margin: 1em;
  padding: 1em;
  background-color: #fff;
  font-family: "Open Sans", "Segoe UI", Tahoma, sans-serif;
}

.artifact-name {
  margin-bottom: 0;
}

.artifact-and-heading {
  margin-left: 1em;
  padding-bottom: 1em;
}

.artifact-and-heading + .artifact-and-heading {
  border-top: 1px solid #ccd3d6;
}

.artifact-group h2 {
  padding-top: 0.75em;
  border-top: 1px solid #ccd3d6;
}

#content-main .artifact-group:first-child h2 {
  border-top: none;
}

#content-main img {
  max-width: 100%;
}

.artifact-container {
  display: flex;
  flex-flow: row wrap;
  gap: 1em;
}
.artifact-container .artifact-explain {
  width: 66%;
  flex-grow: 1;
}
.artifact-container .artifact-explain > p:last-child {
  margin-bottom: 0;
}
.artifact-container .download-panel {
  flex-grow: 1;
  font-family: "Open Sans", "Segoe UI", Tahoma, sans-serif;
}
.artifact-container .download-panel select {
  width: 100%;
}
.artifact-container .download-panel label,
.artifact-container .download-panel .extra_links a {
  font-size: 1.2rem;
  display: block;
}
.artifact-container .download-panel .extra_links .cta {
  font-size: 1.5rem;
  max-width: none;
}
.artifact-container .extra-instructions-group {
  width: 100%;
  flex-shrink: 0;
}
.artifact-container .extra-instructions-group .highlight {
  margin: 0 0 15px;
}
.artifact-container .instruction-label {
  margin: 0 0 0.2rem;
}
.artifact-container .instruction-label a {
  font-family: "Open Sans", "Segoe UI", Tahoma, sans-serif;
  font-weight: 400;
  font-size: 1.2rem;
  float: right;
  margin-top: 0.6rem;
  line-height: 1;
}
.artifact-container .instruction-label a:visited {
  color: inherit;
}

.artifact-standalone {
  font-family: "Open Sans", "Segoe UI", Tahoma, sans-serif;
}
.artifact-standalone .cta {
  display: inline-block;
}

.tag-pick {
  padding: 0.25em;
  cursor: pointer;
  display: inline-block;
  border: 1px solid #ccd3d6;
  margin-bottom: 1em;
}

.tag-pick.tag-off {
  background-color: #b9d9eb;
  color: #fff;
}

.testimonial {
  border-top: 1px solid #ccd3d6;
  padding: 0.5em;
  border-left: 1px solid #ccd3d6;
  margin-bottom: 3em;
  padding-left: 1em;
  margin-left: 4em;
  margin-right: 4em;
}
.testimonial.square .attribution img {
  height: 8em;
}
.testimonial p {
  margin: 0;
  font-style: italic;
  padding-bottom: 0.25em;
}
.testimonial .attribution {
  color: #647782;
  text-align: right;
  font-family: "Open Sans", "Segoe UI", Tahoma, sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 0.75em;
  display: flex;
  justify-content: flex-end;
  margin-top: 1em;
}
.testimonial .attribution .readable {
  margin-right: 1em;
}
.testimonial .attribution img {
  padding-left: 1em;
  padding-right: 1em;
  border-left: 1px solid #ccd3d6;
  height: 4em;
  width: auto;
}

.tutorial-layout {
  background-color: #fff;
  padding: 1em 2em;
}
.tutorial-layout img.img-fluid {
  padding: 1em;
  border: 1px solid #002a3a;
}
.tutorial-layout body {
  background-color: #fff;
}
.tutorial-layout .simple-banner {
  top: 1em;
  bottom: 1em;
  border-bottom: 1px solid #ccd3d6;
}
.tutorial-layout .simple-banner img {
  max-width: 200px;
}
.tutorial-layout .highlight pre {
  border: none;
}
.tutorial-layout pre code {
  padding: 0;
}
.tutorial-layout code {
  padding-left: 4px;
  padding-right: 4px;
  border-radius: 4px;
}
.tutorial-layout code, .tutorial-layout .highlight {
  background-color: #1d3c4b;
  color: #c7dfee;
}
.tutorial-layout code::selection, .tutorial-layout .highlight::selection {
  background-color: #ffb81c; /* WebKit/Blink Browsers */
  color: #1d3c4b;
}
.tutorial-layout h1, .tutorial-layout h2, .tutorial-layout h3, .tutorial-layout h4, .tutorial-layout h5, .tutorial-layout h6 {
  color: #002a3a;
}
.tutorial-layout .simple-footer {
  color: #647782;
  padding-top: 4em;
  border-top: 1px solid #ccd3d6;
  font-size: 0.5em;
}
.tutorial-layout .simple-footer a {
  color: #647782;
}
.tutorial-layout .gitpod-visible,
.tutorial-layout body:not(.gitpod-dashboards-ready) .gitpod-dashboards-ready-visible {
  display: none;
}
.tutorial-layout .gitpod.gitpod-dashboards-ready .gitpod-dashboards-ready-visible {
  display: inherit;
}
.tutorial-layout .gitpod.gitpod-dashboards-ready .gitpod-dashboards-ready-hidden {
  display: none;
}
.tutorial-layout .gitpod .gitpod-visible {
  display: inherit;
}
.tutorial-layout .gitpod .gitpod-hidden {
  display: none;
}

.img__outlined, .page--blog-post img {
  border-radius: 4px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12), 0 3px 10px rgba(0, 0, 0, 0.08);
}

.img__no-outline {
  border-radius: 0;
  box-shadow: none;
}

dl.definition-list__same-line-definition {
  display: flex;
  flex-flow: row wrap;
}
dl.definition-list__same-line-definition > dt,
dl.definition-list__same-line-definition > dd {
  margin-bottom: 1em;
  box-sizing: border-box;
  border-bottom-width: 1px;
  border-bottom-color: #ddd;
  border-bottom-style: solid;
  padding-bottom: 1em;
}
dl.definition-list__same-line-definition > dt {
  flex-basis: 20%;
  flex-grow: 0;
  flex-shrink: 0;
  padding-right: 1em;
}
dl.definition-list__same-line-definition > dd {
  flex-basis: 80%;
  flex-grow: 1;
  flex-shrink: 1;
}
@media screen and (max-width: 959px) {
  dl.definition-list__same-line-definition > dt {
    border-bottom-style: none;
    margin-bottom: 0;
  }
  dl.definition-list__same-line-definition > dt,
  dl.definition-list__same-line-definition > dd {
    flex-basis: 100%;
  }
}

@media screen and (max-width: 819px) {
  .resource-grid {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    row-gap: 1.5em;
  }
}
@media screen and (min-width: 820px) {
  .resource-grid {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    column-gap: 20px;
    row-gap: 1em;
    flex-wrap: wrap;
  }
}
@media screen and (min-width: 820px) and (max-width: 1220px) {
  .resource-grid {
    row-gap: 2em;
  }
}
.resource-grid .resource-grid--item {
  background-color: #f5f7f7;
  padding: 1em;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  box-sizing: border-box;
}
.resource-grid .resource-grid--item .resource-grid--item--thumbnail {
  position: relative;
  padding-top: 66.66%;
  width: 100%;
  overflow: hidden;
}
@media screen and (min-width: 1270px) {
  .resource-grid .resource-grid--item .resource-grid--item--thumbnail {
    height: auto;
  }
}
.resource-grid .resource-grid--item .resource-grid--item--thumbnail img {
  width: 100%;
  height: auto;
  object-fit: contain;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.resource-grid .resource-grid--item .resource-grid--item--title {
  flex-grow: 1;
  text-align: left;
  width: 100%;
  display: flex;
  align-items: flex-end;
}
.resource-grid .resource-grid--item .resource-grid--item--title > div {
  display: -webkit-box;
  overflow: hidden;
  max-width: 100%;
  font-size: 18px;
  line-height: 1.2;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  height: 2.4em;
}
.resource-grid .resource-grid--item .resource-grid--item--title-type {
  text-transform: capitalize;
  width: 100%;
  text-align: left;
  padding: 0;
  color: #002a3a;
  font-weight: bold;
}
.resource-grid .resource-grid--item .resource-grid--item--title-text {
  vertical-align: text-top;
}
.resource-grid .resource-grid--item .resource-grid--item--link {
  text-decoration: none;
  line-height: 1;
}
.resource-grid .resource-grid--item .resource-grid-item--byline {
  color: #003551;
  font-family: "Open Sans";
  font-size: 15px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  width: 100%;
  padding-left: 2em;
  padding-bottom: 0.5em;
}
@media screen and (max-width: 819px) {
  .resource-grid .resource-grid--item {
    min-height: auto;
    max-height: unset;
    min-width: auto;
    max-width: unset;
    height: auto;
    justify-content: flex-start;
  }
  .resource-grid .resource-grid--item .resource-grid--item--thumbnail {
    height: auto;
  }
}
@media screen and (max-width: 861px) {
  .resource-grid .resource-grid--item {
    height: auto;
    width: 100%;
  }
}
@media screen and (min-width: 820px) and (max-width: 919px) {
  .resource-grid .resource-grid--item {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    flex-grow: 1;
    flex-shrink: 1;
  }
}
@media screen and (min-width: 920px) and (max-width: 1220px) {
  .resource-grid .resource-grid--item {
    width: calc(50% - 2em);
    max-width: calc(50% - 2em);
    flex-grow: 1;
    flex-shrink: 1;
    box-sizing: border-box;
  }
}
@media screen and (min-width: 1221px) {
  .resource-grid .resource-grid--item {
    flex-grow: 1;
    flex-shrink: 1;
    width: calc(33% - 2em);
    max-width: calc(33% - 2em);
    box-sizing: border-box;
  }
}

.partners-page main.container {
  padding: 0 1em;
}
@media screen and (min-width: 768px) {
  .partners-page main.container {
    margin: 0 auto;
    max-width: 1400px;
    padding: 0 4.1666666667%;
  }
}

.partners {
  margin-bottom: 2em;
  transition: all 0.25s ease-out;
}
@media screen and (min-width: 580px) {
  .partners {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(260px, 100%), 1fr));
    column-gap: 1em;
    row-gap: 1em;
  }
}
.partners .partner {
  text-align: center;
  font-family: "Open Sans", "Segoe UI", Tahoma, sans-serif;
}
.partners .partner a {
  display: flex;
  text-decoration: none;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  padding: 1em;
}
.partners .partner a:hover, .partners .partner a:active, .partners .partner a:focus {
  text-decoration: underline;
  color: #0053b8;
}
@media screen and (max-width: 579px) {
  .partners .partner + .partner {
    border-top: 1px solid #ccd3d6;
  }
}
.partners .partner img {
  width: 80px;
  height: auto;
  margin-right: 1em;
}
@media screen and (min-width: 580px) {
  .partners .partner {
    border-radius: 8px;
    border: 2px solid #ccd3d6;
    transition: all 0.125s ease-out;
    border-top-width: 2px;
  }
  .partners .partner a {
    flex-direction: column;
  }
  .partners .partner img {
    margin-right: 0;
    margin-bottom: 0.25em;
  }
  .partners .partner:hover, .partners .partner:active, .partners .partner:focus, .partners .partner:focus-within {
    border-color: #0053b8;
    transition: all 0.125s ease-in;
  }
}

@media screen and (min-width: 740px) {
  .partner-page--branding {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    padding: 2em 0;
  }
  .partner-page--branding .partner-page--branding--logo {
    flex-grow: 1;
    flex-shrink: 1;
  }
}
@media screen and (min-width: 740px) and (max-width: 1220px) {
  .partner-page--branding .partner-page--branding--logo {
    max-width: 33%;
  }
}
@media screen and (min-width: 740px) and (min-width: 1221px) {
  .partner-page--branding .partner-page--branding--logo {
    max-width: 25%;
  }
}
@media screen and (min-width: 740px) {
  .partner-page--branding .partner-page--branding--logo > img {
    width: 100%;
    height: auto;
    max-width: 250px;
  }
  .partner-page--branding .partner-page--branding--product {
    flex-grow: 2;
    max-width: 62%;
    text-align: right;
  }
}
@media screen and (min-width: 740px) and (max-width: 1220px) {
  .partner-page--branding .partner-page--branding--product {
    max-width: 67%;
  }
}
@media screen and (min-width: 740px) and (min-width: 1221px) {
  .partner-page--branding .partner-page--branding--product {
    max-width: 75%;
  }
}
@media screen and (min-width: 740px) {
  .partner-page--branding .partner-page--branding--product > img {
    width: 100%;
    height: auto;
    max-width: 750px;
  }
}
@media screen and (max-width: 739px) {
  .partner-page--branding {
    padding: 1em 0.5em;
    display: block;
  }
  .partner-page--branding .partner-page--branding--logo {
    display: inline-block;
    width: 100%;
    height: auto;
  }
  .partner-page--branding .partner-page--branding--logo > img {
    widtH: 100%;
    height: auto;
  }
  .partner-page--branding .partner-page--branding--product {
    display: none;
  }
}

.partner-page--layout {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
}
.partner-page--layout .partner-page--layout--meta {
  flex-grow: 1;
}
@media screen and (min-width: 740px) and (max-width: 1220px) {
  .partner-page--layout .partner-page--layout--meta {
    max-width: 33%;
  }
}
@media screen and (min-width: 1221px) {
  .partner-page--layout .partner-page--layout--meta {
    max-width: 25%;
  }
}
.partner-page--layout .partner-page--layout--meta .partner-page--layout--meta__vspaced {
  margin-top: 0;
  margin-bottom: 5em;
}
.partner-page--layout .partner-page--layout--meta .partner-page--layout--meta__vspaced dl {
  margin: 0;
  padding: 0;
}
.partner-page--layout .partner-page--layout--meta .partner-page--layout--meta__vspaced dt {
  font-weight: normal;
  color: #002a3a;
}
.partner-page--layout .partner-page--layout--meta .partner-page--layout--meta__vspaced dd {
  padding: 0.5em;
  color: #0053b0;
}
.partner-page--layout .partner-page--layout--meta .partner-page--layout--meta__vspaced dd ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.partner-page--layout .partner-page--layout--meta .partner-page--layout--meta__vspaced dd ul li {
  margin: 0;
  padding: 0;
  color: #0053b0;
}
.partner-page--layout .partner-page--layout--details {
  flex-grow: 2;
}
.partner-page--layout .partner-page--layout--details:not(:has(.partner-page--layout--details--social-links)) {
  padding-bottom: 2em;
}
@media screen and (min-width: 740px) and (max-width: 1221px) {
  .partner-page--layout .partner-page--layout--details {
    max-width: 67%;
  }
}
@media screen and (min-width: 1221px) {
  .partner-page--layout .partner-page--layout--details {
    max-width: 75%;
  }
}
@media screen and (min-width: 46.25rem) {
  .partner-page--layout .partner-page--layout--details {
    margin: 0 auto;
    box-shadow: none;
  }
}
.partner-page--layout .partner-page--layout--details > h1 {
  margin: 2rem 0;
}
.partner-page--layout .partner-page--layout--details .partner-page--layout--details--description {
  padding: 0;
}
.partner-page--layout .partner-page--layout--details .partner-page--layout--details--products {
  padding: 0;
}
.partner-page--layout .partner-page--layout--details .partner-page--layout--details--products ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.partner-page--layout .partner-page--layout--details .partner-page--layout--details--products ul li {
  margin: 0;
  padding: 0;
}
.partner-page--layout .partner-page--layout--details .partner-page--layout--details--products ul li a {
  color: #0053b0;
  font-weight: bold;
  text-decoration: none;
}
.partner-page--layout .partner-page--layout--details .partner-page--layout--details--products ul li p {
  color: #002a3a;
}
.partner-page--layout .partner-page--layout--details .partner-page--layout--details--resources {
  padding: 0;
}
.partner-page--layout .partner-page--social-links {
  text-align: center;
  display: flex;
  flex-direction: row;
  justify-content: center;
}
.partner-page--layout .partner-page--social-links .partner-page--social-links--icon {
  position: relative;
  height: 36px;
  width: 32px;
  float: left;
  text-align: center;
}

@media screen and (max-width: 739px) {
  .partner-page--layout {
    display: flex;
    flex-flow: row nowrap;
    align-content: stretch;
    height: 100%;
    position: relative;
    justify-content: center;
    flex-flow: column nowrap;
  }
  .partner-page--layout .partner-page--layout--meta .partner-page--layout--meta__vspaced {
    margin-bottom: 0;
  }
  .partner-page--layout .partner-page--social-links {
    width: auto;
    margin-left: auto;
    justify-content: space-around;
    padding: 2em 0 0;
  }
}
@media screen and (min-width: 740px) {
  .partner-page--layout .partner-page--layout--meta {
    display: block;
  }
  .partner-page--layout .partner-page--social-links {
    padding: 1em 0;
  }
}
@media screen and (min-width: 740px) and (max-width: 1245px) {
  .partner-page--layout .partner-page--social-links {
    width: 50%;
    margin-left: 25%;
  }
}
@media screen and (min-width: 46.25rem) {
  .partner-page--layout--meta.sidebar[role=complementary] {
    width: unset;
    margin-right: 0;
  }
}
.community_projects-page main.container {
  padding: 0 1em;
}
@media screen and (min-width: 768px) {
  .community_projects-page main.container {
    margin: 0 auto;
    max-width: 1400px;
    padding: 0 4.1666666667%;
  }
}

.community_projects {
  margin-bottom: 2em;
}
@media screen and (min-width: 860px) {
  .community_projects {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(385px, 100%), 1fr));
    column-gap: 1em;
    row-gap: 1em;
  }
}
.community_projects .community_project {
  text-align: left;
  margin: 0 -1.8rem;
}
@media screen and (min-width: 860px) {
  .community_projects .community_project {
    margin: 0;
    display: flex;
    flex-direction: column;
    border-radius: 8px;
    border: 2px solid #ccd3d6;
    transition: border-color 0.125s ease-out;
    border-top-width: 2px;
    padding: 1em 0;
  }
  .community_projects .community_project:hover, .community_projects .community_project:active, .community_projects .community_project:focus, .community_projects .community_project:focus-within {
    border-color: #0053b8;
    transition: border-color 0.125s ease-in;
  }
}
@media screen and (max-width: 859px) {
  .community_projects .community_project + .community_project {
    padding-top: 1em;
    margin-top: 1em;
    border-top: 1px solid #ccd3d6;
  }
}
.community_projects .community_project .project-info {
  padding: 0 1.8rem;
  margin-bottom: auto;
}
.community_projects .community_project .image {
  float: right;
  text-decoration: none;
  width: 100%;
  height: auto;
  max-width: 80px;
  margin-left: 0.5em;
  margin-bottom: 0.5em;
}
.community_projects .community_project .image img {
  width: 100%;
  height: auto;
  margin: 0;
  display: block;
}
.community_projects .community_project .name {
  margin: 0;
}
.community_projects .community_project .name:hover, .community_projects .community_project .name:active, .community_projects .community_project .name:focus {
  text-decoration: underline;
}
.community_projects .community_project .description {
  font-size: 1.6rem;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}
.community_projects .community_project .extras-group {
  font-size: 1.4rem;
  padding: 0 1.8rem;
}
@media screen and (min-width: 860px) {
  .community_projects .community_project .extras-group {
    border-top: 1px solid #ccd3d6;
    margin-top: 1em;
    padding: 1.8rem 1.8rem 0;
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
    align-items: flex-start;
    justify-items: flex-start;
  }
}
.community_projects .community_project .extras-group .extra {
  margin-bottom: 0;
  margin-top: auto;
}
.community_projects .community_project .extras-group .extra a {
  text-decoration: none;
  font-weight: 600;
}
.community_projects .community_project .extras-group .extra a:hover, .community_projects .community_project .extras-group .extra a:active, .community_projects .community_project .extras-group .extra a:focus {
  text-decoration: underline;
}
.community_projects .community_project .extras-group .extra + .extra {
  margin-top: 0.8rem;
}
.community_projects .community_project .extras-group .download {
  display: inline-block;
  font-size: 1.6rem;
  border-radius: 0.8rem;
  margin-top: 1em;
  background-color: #0053b8;
  color: #f4f8fb;
  text-decoration: none;
  padding: 1.2rem 2.4rem;
  transition: all 0.125s ease-out;
  font-family: "Open Sans", "Segoe UI", Tahoma, sans-serif;
}
.community_projects .community_project .extras-group .download:hover, .community_projects .community_project .extras-group .download:active, .community_projects .community_project .extras-group .download:focus {
  background-color: #006aeb;
  transition: all 0.125s ease-in;
}

/*!
 * SPDX-License-Identifier: BSD-3-Clause
 *
 * The OpenSearch Contributors require contributions made to this file be licensed
 * under the BSD-3-Clause license or a compatible open source license.
 *
 * Modifications Copyright OpenSearch Contributors. See
 * GitHub history for details.
 */
/*! just-the-docs
 *  Copyright (c) 2016 Patrick Marsceill
 *  SPDX-License-Identifier: MIT
 */
.copy-banner a,
.copy-banner h1 {
  white-space: nowrap;
}

[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

.search {
  position: relative;
  z-index: 2;
}

.search * {
  box-sizing: border-box;
}

@media (min-width: 46.25rem) {
  .search {
    position: relative;
  }
}
.search-input-wrap {
  position: relative;
  z-index: 1;
  transition: height linear 200ms;
}

@media (min-width: 46.25rem) {
  .search-input-wrap {
    position: absolute;
    width: 100%;
    height: 100% !important;
    box-shadow: none;
    transition: width ease 400ms;
  }
}
.search-input {
  position: absolute;
  width: 100%;
}

.search-input:focus {
  outline: 0;
}

.search-input:focus + .search-label .search-icon {
  color: #0055A6;
}

.search-label {
  position: absolute;
  display: flex;
  height: 100%;
  padding-left: 1.6rem;
}

@media (min-width: 1019px) {
  .search-label {
    padding-left: 3.2rem;
    transition: padding-left linear 200ms;
  }
}
.search-label .search-icon {
  width: 1.92rem;
  height: 1.92rem;
  align-self: center;
  color: #4D8399;
}

.search-results {
  position: absolute;
  left: 0;
  top: 64px;
  display: none;
  width: 100%;
  max-height: calc(100% - 64px);
  overflow-y: auto;
  background-color: #fff;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12), 0 3px 10px rgba(0, 0, 0, 0.08);
}
@media screen and (max-width: 1018px) {
  .search-results {
    min-height: calc(100% - 64px);
    height: calc(100% - 64px);
    max-height: calc(100% - 64px);
  }
}

@media (min-width: 1019px) {
  .search-results {
    top: 50px;
    width: 536px;
    max-height: calc(100vh - 200%) !important;
  }
}
.search-results-list {
  padding-left: 0;
  margin-bottom: 0.4rem;
  list-style: none;
  font-size: 14px !important;
}

@media (min-width: 31.25rem) {
  .search-results-list {
    font-size: 16px !important;
  }
}
@media (min-width: 1019px) {
  .search-results-list {
    font-size: 12px !important;
  }
}
@media (min-width: 50rem) {
  .search-results-list {
    font-size: 14px !important;
  }
}
.search-results-list-item {
  padding: 0;
  margin: 0;
}

.search-result {
  display: block;
  padding-top: 0.4rem;
  padding-right: 1.2rem;
  padding-bottom: 0.4rem;
  padding-left: 1.2rem;
}

.search-result:hover,
.search-result.active {
  background-color: #ebedf5;
}

.search-result-title {
  display: block;
  padding-top: 0.8rem;
  padding-bottom: 0.8rem;
}

@media (min-width: 31.25rem) {
  .search-result-title {
    display: inline-block;
    width: 40%;
    padding-right: 0.8rem;
    vertical-align: top;
  }
}
.search-result-doc {
  display: flex;
  align-items: center;
  word-wrap: break-word;
}

.search-result-doc.search-result-doc-parent {
  opacity: 0.5;
  font-size: 12px !important;
}

@media (min-width: 31.25rem) {
  .search-result-doc.search-result-doc-parent {
    font-size: 14px !important;
  }
}
@media (min-width: 1019px) {
  .search-result-doc.search-result-doc-parent {
    font-size: 11px !important;
  }
}
@media (min-width: 50rem) {
  .search-result-doc.search-result-doc-parent {
    font-size: 12px !important;
  }
}
.search-result-doc .search-result-icon {
  width: 1.6rem;
  height: 1.6rem;
  margin-right: 0.8rem;
  color: #0055A6;
  flex-shrink: 0;
}

.search-result-doc .search-result-doc-title {
  overflow: auto;
}

.search-result-section {
  margin-left: 2.4rem;
  word-wrap: break-word;
}

.search-result-rel-url {
  display: block;
  margin-left: 2.4rem;
  overflow: hidden;
  color: #959396;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 9px !important;
}

@media (min-width: 31.25rem) {
  .search-result-rel-url {
    font-size: 10px !important;
  }
}
.search-result-previews {
  display: block;
  padding-top: 0.8rem;
  padding-bottom: 0.8rem;
  padding-left: 1.6rem;
  margin-left: 0.8rem;
  color: #959396;
  word-wrap: break-word;
  border-left: 1px solid;
  border-left-color: #eeebee;
  font-size: 11px !important;
}

@media (min-width: 31.25rem) {
  .search-result-previews {
    font-size: 12px !important;
  }
}
@media (min-width: 31.25rem) {
  .search-result-previews {
    display: inline-block;
    width: 60%;
    padding-left: 0.8rem;
    margin-left: 0;
    vertical-align: top;
  }
}
.search-result-preview + .search-result-preview {
  margin-top: 0.4rem;
}

.search-result-highlight {
  font-weight: bold;
}

.search-no-result {
  padding-top: 0.8rem;
  padding-right: 1.2rem;
  padding-bottom: 0.8rem;
  padding-left: 1.2rem;
  font-size: 12px !important;
}

@media (min-width: 31.25rem) {
  .search-no-result {
    font-size: 14px !important;
  }
}
.search-button {
  position: fixed;
  right: 1.6rem;
  bottom: 1.6rem;
  display: flex;
  width: 5.6rem;
  height: 5.6rem;
  background-color: #fff;
  border: 1px solid rgba(0, 85, 166, 0.3);
  border-radius: 2.8rem;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12), 0 3px 10px rgba(0, 0, 0, 0.08);
  align-items: center;
  justify-content: center;
}

.search-overlay {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1;
  width: 0;
  height: 0;
  background-color: rgba(0, 0, 0, 0.3);
  opacity: 0;
  transition: opacity ease 400ms, width 0s 400ms, height 0s 400ms;
}
@media screen and (max-width: 1018px) {
  .search-overlay {
    display: none;
  }
}

@media screen and (max-width: 1018px) {
  .search-active .search {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 0;
  }
}
.search-active .search-input-wrap {
  height: 6.4rem;
  border-radius: 0;
}

@media (min-width: 1019px) {
  .search-active .search-input-wrap {
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12), 0 3px 10px rgba(0, 0, 0, 0.08);
  }
}
.search-active .search-input {
  background-color: #fff;
}

.search-active .search-results {
  display: block;
}

.search-active .search-overlay {
  width: 100%;
  height: 100%;
  opacity: 1;
  transition: opacity ease 400ms, width 0s, height 0s;
}

@media (min-width: 1019px) {
  .search-active .main {
    position: fixed;
    right: 0;
    left: 0;
  }
}
.search-active .main-header {
  padding-top: 6.4rem;
}

@media (min-width: 1019px) {
  .search-active .main-header {
    padding-top: 0;
  }
}
@media (min-width: 1019px) {
  .copy-banner .search {
    display: block;
    height: 4.8rem !important;
    margin: 1.15rem 0 1.15rem 4.8rem;
  }
}
@media (min-width: 1019px) {
  .copy-banner .search-input-wrap {
    height: 4.8rem !important;
    right: 0;
  }
}
.search-active .main {
  position: relative !important;
}

@media (min-width: 1019px) {
  .search-active .search-results {
    right: 0;
    left: auto;
    max-height: calc(100vh - 200% - 60px) !important;
  }
}
#main-header.nav-open ~ .copy-banner .search {
  display: block;
}

.custom-search-results > div {
  padding: 0 1.6rem;
}
@media screen and (min-width: 1019px) {
  .custom-search-results > div {
    padding: 1.6rem;
  }
}

.custom-search-results cite {
  font-size: 12px;
  font-size: 1.2rem;
  font-family: "Open Sans", "Segoe UI", Tahoma, sans-serif;
  color: #002A3A;
  text-decoration: none;
  font-style: normal;
  display: block;
  line-height: 1;
  font-weight: normal;
}

.search-active body {
  position: fixed;
}
@media (min-width: 1019px) {
  .search-active body {
    position: unset;
  }
}

.custom-search-results a {
  font-size: 20px;
  font-size: 2rem;
  font-family: "Open Sans Condensed", Impact, "Franklin Gothic Bold", sans-serif;
  line-height: 1.6;
  font-weight: bold;
  background: linear-gradient(rgb(238, 235, 238) 0%, rgb(238, 235, 238) 100%) repeat-x 0 100%/1px 1px;
  color: rgb(0, 85, 166);
  font-size: 20px;
  text-decoration: rgb(0, 85, 166);
  -moz-osx-font-smoothing: grayscale;
}
.custom-search-results a:hover {
  background-image: linear-gradient(rgba(0, 85, 166, 0.45) 0%, rgba(0, 85, 166, 0.45) 100%);
}

.custom-search-results span {
  font-size: 14px;
  font-size: 1.4rem;
  color: #1B4859;
  line-height: 1.4;
  display: block;
  overflow-wrap: break-word;
}

.custom-search-results span:only-child {
  text-align: center;
  padding: 1.6rem;
}

.custom-search-results .highlighted {
  background: #EAF4F9;
}

.custom-search-results a,
.custom-search-results h1 {
  white-space: unset;
}

.banner-alert ~ main .custom-search-results {
  max-height: calc(100vh - 200% - 60px - 5.76rem) !important;
}

.search-spinner {
  display: none;
  font-weight: 700;
  outline: 0;
  user-select: none;
  position: absolute;
  padding-left: 0.96rem;
  height: 100%;
}

.search-spinner.spinning {
  display: flex;
}

.search-spinner.spinning ~ .search-label {
  display: none;
}

.search-spinner > i {
  border-color: rgba(77, 131, 153, 0.2);
  position: relative;
  animation: spin 0.6s infinite linear;
  border-width: 3px;
  border-style: solid;
  border-radius: 100%;
  display: inline-block;
  width: 18px;
  height: 18px;
  vertical-align: middle;
  align-self: center;
}

.search-spinner > i:before {
  content: "";
  border: 3px solid rgba(77, 131, 153, 0);
  border-top-color: rgba(77, 131, 153, 0.8);
  border-radius: 100%;
  display: block;
  left: -3px;
  position: absolute;
  top: -3px;
  height: 100%;
  width: 100%;
  box-sizing: content-box;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}
.table-styler + table {
  display: table;
  min-width: 100%;
  border-collapse: separate;
  border: 1px solid #ddd;
  font-size: 1.6rem;
}
.table-styler + table th,
.table-styler + table td {
  min-width: 120px;
  padding-top: 0.5rem;
  padding-right: 0.75rem;
  padding-bottom: 0.5rem;
  padding-left: 0.75rem;
  border-bottom: 1px solid #eeebee;
  border-left: 1px solid #eeebee;
}
.table-styler + table th:first-of-type,
.table-styler + table td:first-of-type {
  border-left: 0;
}
.table-styler + table tbody tr:last-of-type th,
.table-styler + table tbody tr:last-of-type td {
  border-bottom: 0;
}
.table-styler + table tbody tr:last-of-type td {
  padding-bottom: 0.75rem;
}
.table-styler + table thead th {
  border-bottom: 1px solid #ddd;
}

.basic-data-table, .data-table__half-width, .data-table__bold-first-column, .data-table__bold-first-two-columns {
  box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.25);
}
@media screen and (min-width: 1200px) {
  .basic-data-table, .data-table__half-width, .data-table__bold-first-column, .data-table__bold-first-two-columns {
    margin: 40px 80px;
    width: calc(100% - 160px);
  }
}
@media screen and (min-width: 960px) and (max-width: 1199px) {
  .basic-data-table, .data-table__half-width, .data-table__bold-first-column, .data-table__bold-first-two-columns {
    margin: 30px 40px;
    width: calc(100% - 80px);
  }
}
@media screen and (min-width: 739px) and (max-width: 959px) {
  .basic-data-table, .data-table__half-width, .data-table__bold-first-column, .data-table__bold-first-two-columns {
    margin: 30px 20px;
    width: calc(100% - 40px);
  }
}
@media screen and (min-width: 431px) and (max-width: 739px) {
  .basic-data-table, .data-table__half-width, .data-table__bold-first-column, .data-table__bold-first-two-columns {
    margin: 30px 10px;
    width: calc(100% - 20px);
  }
}
@media screen and (max-width: 430px) {
  .basic-data-table, .data-table__half-width, .data-table__bold-first-column, .data-table__bold-first-two-columns {
    margin: 30px 5px;
    width: calc(100% - 10px);
  }
}
.basic-data-table > thead > tr > th, .data-table__half-width > thead > tr > th, .data-table__bold-first-column > thead > tr > th, .data-table__bold-first-two-columns > thead > tr > th {
  background-color: #fff;
  border-left: 4px solid #006D97;
  font-family: "Open Sans Condensed";
  font-size: 21px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  color: #002950;
  padding: 10px 12px;
}
.basic-data-table > tbody > tr > td, .data-table__half-width > tbody > tr > td, .data-table__bold-first-column > tbody > tr > td, .data-table__bold-first-two-columns > tbody > tr > td {
  background-color: #F4F8FB;
  border-left: 4px solid #006D97;
  color: #193442;
  font-family: "Open Sans";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 48px;
  padding: 10px 12px;
}

.data-table__bold-first-column > tbody > tr > td:nth-of-type(1), .data-table__bold-first-two-columns > tbody > tr > td:nth-of-type(1) {
  font-weight: 700;
  color: #006D97;
}

.data-table__bold-first-two-columns > tbody > tr > td:nth-of-type(2) {
  font-weight: 700;
  color: #006D97;
}

.data-table__half-width {
  width: 50%;
}

@media screen and (min-width: 1200px) {
  .data-table__use-case-styles {
    margin: 40px 80px;
    width: calc(100% - 160px);
  }
}
@media screen and (min-width: 960px) and (max-width: 1199px) {
  .data-table__use-case-styles {
    margin: 30px 40px;
    width: calc(100% - 80px);
  }
}
@media screen and (min-width: 739px) and (max-width: 959px) {
  .data-table__use-case-styles {
    margin: 30px 20px;
    width: calc(100% - 40px);
  }
}
@media screen and (min-width: 431px) and (max-width: 739px) {
  .data-table__use-case-styles {
    margin: 30px 10px;
    width: calc(100% - 20px);
  }
}
@media screen and (max-width: 430px) {
  .data-table__use-case-styles {
    margin: 30px 5px;
    width: calc(100% - 10px);
  }
}
.data-table__use-case-styles > tbody > tr > td {
  color: #193442;
  font-family: "Open Sans";
  font-size: 15px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
}
.data-table__use-case-styles > tbody > tr > td:nth-of-type(1) {
  color: #193442;
  font-family: "Open Sans";
  font-size: 15px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
}
.data-table__use-case-styles > tbody > tr > td:nth-of-type(2) {
  color: #193442;
  font-family: "Open Sans";
  font-size: 15px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
}
@media screen and (min-width: 601px) {
  .data-table__use-case-styles > tbody > tr > td:nth-of-type(1) {
    width: auto;
  }
}

@media screen and (max-width: 1018px) {
  [role=banner]#top > .container {
    padding: 0;
  }
  [role=banner] [role=navigation] {
    margin-top: 0;
  }
  [role=banner] [role=navigation] li {
    margin-right: 0;
    margin-left: 0;
    margin-top: 0;
    margin-bottom: 0;
  }
  [role=banner] [role=navigation] li a {
    color: #000;
    font-family: "Open Sans";
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 48px;
    color: #E1F0F9;
  }
  [role=navigation] .nested-nav > li {
    padding-bottom: 20px;
    padding-top: 15px;
    border-bottom-color: #006D97;
    border-bottom-style: solid;
    border-bottom-width: 2px;
  }
  [role=navigation] .nested-nav > li > .nested-nav--top-menu-item-wrapper {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: nowrap;
    padding: 0;
    margin: 0;
    border: none;
    width: 100%;
  }
  [role=navigation] .nested-nav > li > .nested-nav--top-menu-item-wrapper.nested-nav-top-menu-item--wrapper__has_children {
    position: relative;
    z-index: 10;
  }
  [role=navigation] .nested-nav > li > .nested-nav--top-menu-item-wrapper > .nested-nav--top-menu-item-wrapper--link {
    flex-basis: calc(100% - 30px - 20px);
    height: 30px;
    flex-grow: 1;
    flex-shrink: 1;
  }
  [role=navigation] .nested-nav > li > .nested-nav--top-menu-item-wrapper > .nested-nav--top-menu-item-wrapper--link > a {
    color: #E1F0F9;
    font-family: "Open Sans";
    font-size: 21px;
    font-style: normal;
    line-height: 36px;
    font-weight: 700;
  }
  [role=navigation] .nested-nav > li > .nested-nav--top-menu-item-wrapper > .nested-nav--top-menu-item-wrapper--toggle {
    flex-basis: 30px;
    width: 30px;
    height: 30px;
    padding: 0 20px 0 0;
    flex-shrink: 0;
    flex-grow: 0;
  }
  [role=navigation] .nested-nav > li > .nested-nav--top-menu-item-wrapper > .nested-nav--top-menu-item-wrapper--toggle .opensearch-toggle-button--wrapper {
    display: inline-block;
    padding: 0;
    margin: 0;
    height: 30px;
    width: 30px;
  }
  [role=navigation] .nested-nav > li > .nested-nav--top-menu-item-wrapper > .nested-nav--top-menu-item-wrapper--toggle .opensearch-toggle-button--wrapper > .opensearch-toggle-button-link {
    display: none;
    padding: 0;
    margin: 0;
    height: 30px;
    width: 30px;
  }
  [role=navigation] .nested-nav > li > .nested-nav--top-menu-item-wrapper > .nested-nav--top-menu-item-wrapper--toggle .opensearch-toggle-button--wrapper > .opensearch-toggle-button-link.opensearch-toggle-button-link__visible {
    display: inline-block;
  }
  [role=navigation] .nested-nav > li > .nested-nav--top-menu-item-wrapper.nested-nav--top-menu-item--wrapper__without-children > .nested-nav--top-menu-item-wrapper--link {
    flex-basis: 100%;
    width: 100%;
    flex-grow: 0;
    flex-shrink: 0;
  }
  [role=navigation] .nested-nav > li > .nested-nav--top-menu-item-wrapper.nested-nav--top-menu-item--wrapper__without-children > .nested-nav--top-menu-item-wrapper--toggle {
    flex-basis: 0;
    width: 0;
    display: none;
  }
  [role=navigation] .nested-nav > li > ul {
    height: 0;
    opacity: 0;
    transition: all 0.25s ease-out;
    z-index: 1;
    position: relative;
  }
  [role=navigation] .nested-nav > li > ul[expanded] {
    height: var(--expanded-height);
    opacity: 1;
  }
}
@media screen and (min-width: 1019px) {
  #top {
    z-index: 9;
  }
  [role=banner] {
    overflow: visible;
  }
  [role=banner] .nav-menu-on {
    overflow: visible;
  }
  [role=banner] .nav-menu-on .nested-nav li {
    font-size: 1.3rem;
  }
  [role=banner] [role=navigation] ul.nested-nav > li:before {
    display: inline-block;
  }
  [role=navigation] .nested-nav > li {
    position: relative;
    float: left;
  }
  [role=navigation] .nested-nav > li > .nested-nav--top-menu-item-wrapper {
    display: block;
    padding: 0;
    margin: 0;
    border: none;
    width: 100%;
    height: auto;
  }
  [role=navigation] .nested-nav > li > .nested-nav--top-menu-item-wrapper > .nested-nav--top-menu-item-wrapper--link {
    display: block;
    width: 100%;
    margin: 0;
    height: auto;
  }
  [role=navigation] .nested-nav > li > .nested-nav--top-menu-item-wrapper > .nested-nav--top-menu-item-wrapper--toggle {
    display: none;
  }
  [role=navigation] .nested-nav > li > ul {
    list-style: none;
    position: absolute;
    background: #fff;
    padding: 0;
    margin: 0;
    min-width: 100%;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    border-radius: 2px;
    left: 0;
  }
  [role=navigation] .nested-nav > li > ul li {
    margin: 0;
    float: none;
  }
  [role=navigation] .nested-nav > li > ul li:before {
    display: none;
  }
  [role=navigation] .nested-nav > li > ul li a {
    color: #003551;
    font-family: "Open Sans";
    font-size: 15px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    width: max-content;
    display: block;
    white-space: nowrap;
    padding: 18px 0 0 0;
    margin-left: 18px;
    margin-right: 18px;
  }
  [role=navigation] .nested-nav > li > ul li a:hover, [role=navigation] .nested-nav > li > ul li a.in-category {
    color: #006D97;
    text-decoration: underline;
    text-decoration-color: #006D97;
    text-decoration-thickness: 2px;
    text-underline-offset: 6px;
  }
  [role=navigation] .nested-nav > li > ul li:last-of-type a {
    padding-bottom: 18px;
  }
  [role=navigation] .nested-nav > li:not(:first-child) > ul {
    left: 0;
  }
  [role=navigation] .nested-nav > li:hover > ul {
    display: block;
    visibility: visible;
    opacity: 1;
    top: calc(100% + 0.5em);
    transition: opacity 0.25s ease-out, top 0.25s ease-out, visibility 0s;
  }
  [role=navigation] .nested-nav ul {
    visibility: hidden;
    display: block;
    opacity: 0;
    transition: opacity 0.25s ease-out, top 0s 0.5s, visibility 0s 0.5s;
    top: 100%;
    min-width: 100%;
    box-sizing: border-box;
  }
  [role=navigation] .nested-nav a {
    cursor: pointer;
  }
}
/* This is placed in a media query to prevent the momentary distortion of the page
 * when it is rendered and the browser takes its time to evaluate the @media.
 */
@media screen and (max-width: 1019px) {
  [role=banner] .nested-nav li ul {
    margin: 0;
  }
  [role=banner] .nested-nav li a {
    padding: 0 0 0 20px;
  }
  [role=banner] [role=navigation] .nested-nav li:before {
    display: none;
  }
}
[role=banner] [role=navigation] .nested-nav > li.landing-page-redesign--nav--search .search > #search-results > .custom-search-result a {
  font-family: "Open Sans Condensed", Impact, "Franklin Gothic Bold", sans-serif;
  line-height: 1.6;
  font-weight: bold;
  background: linear-gradient(rgb(238, 235, 238) 0%, rgb(238, 235, 238) 100%) repeat-x 0 100%/1px 1px;
  color: rgb(0, 85, 166);
  font-size: 20px;
  text-decoration: rgb(0, 85, 166);
}
[role=banner] [role=navigation] .nested-nav > li.landing-page-redesign--nav--search .search > #search-results > .custom-search-result a > cite {
  font-size: 1.2rem;
  font-family: "Open Sans", "Segoe UI", Tahoma, sans-serif;
  color: #002A3A;
  text-decoration: none;
  font-style: normal;
  display: block;
  line-height: 1;
  font-weight: normal;
}
[role=banner] [role=navigation] .nested-nav > li.landing-page-redesign--nav--search .search > #search-results > .custom-search-result > span {
  font-size: 1.4rem;
  color: #1B4859;
  line-height: 1.4;
  display: block;
  overflow-wrap: break-word;
  font-weight: normal;
}

div.herobanner-container img {
  width: 100%;
  border-radius: 10px;
}

@media screen and (max-width: 767px) {
  .platform-solution {
    margin-left: 1em;
    margin-right: 1em;
  }
}
.platform-solution h3 {
  font-size: 2.2rem;
}
.platform-solution h4 {
  font-size: 2rem;
}

.hero-with-headline {
  margin: 1rem 0;
  padding: 2rem 0;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: stretch;
}
@media screen and (max-width: 833px) {
  .hero-with-headline {
    margin: 0;
    padding: 0;
  }
}
.hero-with-headline .hero-with-headline--wrapper {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}
@media screen and (min-width: 834px) {
  .hero-with-headline .hero-with-headline--wrapper {
    width: 100%;
    max-width: 1440px;
  }
}
@media screen and (max-width: 833px) {
  .hero-with-headline .hero-with-headline--wrapper {
    width: 100%;
  }
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--headline > h1 {
  color: black;
  font-size: 2em;
  font-weight: 600;
  line-height: 1.3;
}
@media screen and (max-width: 833px) {
  .hero-with-headline .hero-with-headline--wrapper .hero-with-headline--headline > h1 {
    margin: 1em 0 0.25em;
  }
}
@media screen and (min-width: 834px) {
  .hero-with-headline .hero-with-headline--wrapper .hero-with-headline--headline > h1 {
    margin: 0.5em 0 0.5em;
  }
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  overflow-x: hidden;
}
@media screen and (min-width: 834px) {
  .hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport {
    height: 370px;
  }
}
@media screen and (max-width: 833px) {
  .hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport {
    height: 430px;
    font-size: 0;
  }
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .landing-page-hero--arrows--arrow {
  position: absolute;
  top: calc(50% - 30px);
  margin: auto;
  height: 60px;
  width: 60px;
  background: rgba(255, 255, 255, 0.15);
  margin: 0;
  padding: 0;
  cursor: pointer;
  box-sizing: border-box;
  padding-top: 6px;
  z-index: 2;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .landing-page-hero--arrows--arrow > opensearch-button {
  opacity: 0.4;
  width: 60px;
  height: 60px;
  transition: opacity 0.25s ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .landing-page-hero--arrows--arrow > opensearch-button:hover {
  opacity: 1;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .landing-page-hero--arrows--arrow.landing-page-hero--arrows--arrow__left {
  left: 0;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .landing-page-hero--arrows--arrow.landing-page-hero--arrows--arrow__left svg {
  position: relative;
  left: 15px;
  top: 6px;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .landing-page-hero--arrows--arrow.landing-page-hero--arrows--arrow__right {
  left: calc(100% - 60px);
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .landing-page-hero--arrows--arrow.landing-page-hero--arrows--arrow__right svg {
  position: relative;
  left: 0;
  top: 2px;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  box-sizing: border-box;
  width: auto;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  flex-wrap: nowrap;
  align-items: center;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--items-wrapper__wind-back {
  animation: carousel-animation-wind-back 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-0__to-1 {
  animation: carousel-animation-from-to-slide-0-to-1 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-0__to-2 {
  animation: carousel-animation-from-to-slide-0-to-2 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-0__to-3 {
  animation: carousel-animation-from-to-slide-0-to-3 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-0__to-4 {
  animation: carousel-animation-from-to-slide-0-to-4 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-0__to-5 {
  animation: carousel-animation-from-to-slide-0-to-5 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-0__to-6 {
  animation: carousel-animation-from-to-slide-0-to-6 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-0__to-7 {
  animation: carousel-animation-from-to-slide-0-to-7 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-0__to-8 {
  animation: carousel-animation-from-to-slide-0-to-8 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-0__to-9 {
  animation: carousel-animation-from-to-slide-0-to-9 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-0__to-10 {
  animation: carousel-animation-from-to-slide-0-to-10 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-0__to-11 {
  animation: carousel-animation-from-to-slide-0-to-11 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-0__to-12 {
  animation: carousel-animation-from-to-slide-0-to-12 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-0__to-13 {
  animation: carousel-animation-from-to-slide-0-to-13 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-0__to-14 {
  animation: carousel-animation-from-to-slide-0-to-14 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-0__to-15 {
  animation: carousel-animation-from-to-slide-0-to-15 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-0__to-16 {
  animation: carousel-animation-from-to-slide-0-to-16 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-0__to-17 {
  animation: carousel-animation-from-to-slide-0-to-17 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-0__to-18 {
  animation: carousel-animation-from-to-slide-0-to-18 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-0__to-19 {
  animation: carousel-animation-from-to-slide-0-to-19 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-0__to-20 {
  animation: carousel-animation-from-to-slide-0-to-20 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-1__to-0 {
  animation: carousel-animation-from-to-slide-1-to-0 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-1__to-2 {
  animation: carousel-animation-from-to-slide-1-to-2 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-1__to-3 {
  animation: carousel-animation-from-to-slide-1-to-3 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-1__to-4 {
  animation: carousel-animation-from-to-slide-1-to-4 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-1__to-5 {
  animation: carousel-animation-from-to-slide-1-to-5 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-1__to-6 {
  animation: carousel-animation-from-to-slide-1-to-6 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-1__to-7 {
  animation: carousel-animation-from-to-slide-1-to-7 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-1__to-8 {
  animation: carousel-animation-from-to-slide-1-to-8 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-1__to-9 {
  animation: carousel-animation-from-to-slide-1-to-9 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-1__to-10 {
  animation: carousel-animation-from-to-slide-1-to-10 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-1__to-11 {
  animation: carousel-animation-from-to-slide-1-to-11 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-1__to-12 {
  animation: carousel-animation-from-to-slide-1-to-12 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-1__to-13 {
  animation: carousel-animation-from-to-slide-1-to-13 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-1__to-14 {
  animation: carousel-animation-from-to-slide-1-to-14 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-1__to-15 {
  animation: carousel-animation-from-to-slide-1-to-15 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-1__to-16 {
  animation: carousel-animation-from-to-slide-1-to-16 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-1__to-17 {
  animation: carousel-animation-from-to-slide-1-to-17 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-1__to-18 {
  animation: carousel-animation-from-to-slide-1-to-18 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-1__to-19 {
  animation: carousel-animation-from-to-slide-1-to-19 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-1__to-20 {
  animation: carousel-animation-from-to-slide-1-to-20 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-2__to-0 {
  animation: carousel-animation-from-to-slide-2-to-0 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-2__to-1 {
  animation: carousel-animation-from-to-slide-2-to-1 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-2__to-3 {
  animation: carousel-animation-from-to-slide-2-to-3 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-2__to-4 {
  animation: carousel-animation-from-to-slide-2-to-4 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-2__to-5 {
  animation: carousel-animation-from-to-slide-2-to-5 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-2__to-6 {
  animation: carousel-animation-from-to-slide-2-to-6 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-2__to-7 {
  animation: carousel-animation-from-to-slide-2-to-7 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-2__to-8 {
  animation: carousel-animation-from-to-slide-2-to-8 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-2__to-9 {
  animation: carousel-animation-from-to-slide-2-to-9 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-2__to-10 {
  animation: carousel-animation-from-to-slide-2-to-10 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-2__to-11 {
  animation: carousel-animation-from-to-slide-2-to-11 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-2__to-12 {
  animation: carousel-animation-from-to-slide-2-to-12 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-2__to-13 {
  animation: carousel-animation-from-to-slide-2-to-13 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-2__to-14 {
  animation: carousel-animation-from-to-slide-2-to-14 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-2__to-15 {
  animation: carousel-animation-from-to-slide-2-to-15 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-2__to-16 {
  animation: carousel-animation-from-to-slide-2-to-16 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-2__to-17 {
  animation: carousel-animation-from-to-slide-2-to-17 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-2__to-18 {
  animation: carousel-animation-from-to-slide-2-to-18 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-2__to-19 {
  animation: carousel-animation-from-to-slide-2-to-19 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-2__to-20 {
  animation: carousel-animation-from-to-slide-2-to-20 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-3__to-0 {
  animation: carousel-animation-from-to-slide-3-to-0 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-3__to-1 {
  animation: carousel-animation-from-to-slide-3-to-1 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-3__to-2 {
  animation: carousel-animation-from-to-slide-3-to-2 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-3__to-4 {
  animation: carousel-animation-from-to-slide-3-to-4 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-3__to-5 {
  animation: carousel-animation-from-to-slide-3-to-5 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-3__to-6 {
  animation: carousel-animation-from-to-slide-3-to-6 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-3__to-7 {
  animation: carousel-animation-from-to-slide-3-to-7 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-3__to-8 {
  animation: carousel-animation-from-to-slide-3-to-8 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-3__to-9 {
  animation: carousel-animation-from-to-slide-3-to-9 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-3__to-10 {
  animation: carousel-animation-from-to-slide-3-to-10 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-3__to-11 {
  animation: carousel-animation-from-to-slide-3-to-11 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-3__to-12 {
  animation: carousel-animation-from-to-slide-3-to-12 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-3__to-13 {
  animation: carousel-animation-from-to-slide-3-to-13 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-3__to-14 {
  animation: carousel-animation-from-to-slide-3-to-14 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-3__to-15 {
  animation: carousel-animation-from-to-slide-3-to-15 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-3__to-16 {
  animation: carousel-animation-from-to-slide-3-to-16 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-3__to-17 {
  animation: carousel-animation-from-to-slide-3-to-17 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-3__to-18 {
  animation: carousel-animation-from-to-slide-3-to-18 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-3__to-19 {
  animation: carousel-animation-from-to-slide-3-to-19 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-3__to-20 {
  animation: carousel-animation-from-to-slide-3-to-20 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-4__to-0 {
  animation: carousel-animation-from-to-slide-4-to-0 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-4__to-1 {
  animation: carousel-animation-from-to-slide-4-to-1 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-4__to-2 {
  animation: carousel-animation-from-to-slide-4-to-2 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-4__to-3 {
  animation: carousel-animation-from-to-slide-4-to-3 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-4__to-5 {
  animation: carousel-animation-from-to-slide-4-to-5 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-4__to-6 {
  animation: carousel-animation-from-to-slide-4-to-6 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-4__to-7 {
  animation: carousel-animation-from-to-slide-4-to-7 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-4__to-8 {
  animation: carousel-animation-from-to-slide-4-to-8 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-4__to-9 {
  animation: carousel-animation-from-to-slide-4-to-9 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-4__to-10 {
  animation: carousel-animation-from-to-slide-4-to-10 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-4__to-11 {
  animation: carousel-animation-from-to-slide-4-to-11 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-4__to-12 {
  animation: carousel-animation-from-to-slide-4-to-12 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-4__to-13 {
  animation: carousel-animation-from-to-slide-4-to-13 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-4__to-14 {
  animation: carousel-animation-from-to-slide-4-to-14 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-4__to-15 {
  animation: carousel-animation-from-to-slide-4-to-15 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-4__to-16 {
  animation: carousel-animation-from-to-slide-4-to-16 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-4__to-17 {
  animation: carousel-animation-from-to-slide-4-to-17 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-4__to-18 {
  animation: carousel-animation-from-to-slide-4-to-18 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-4__to-19 {
  animation: carousel-animation-from-to-slide-4-to-19 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-4__to-20 {
  animation: carousel-animation-from-to-slide-4-to-20 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-5__to-0 {
  animation: carousel-animation-from-to-slide-5-to-0 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-5__to-1 {
  animation: carousel-animation-from-to-slide-5-to-1 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-5__to-2 {
  animation: carousel-animation-from-to-slide-5-to-2 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-5__to-3 {
  animation: carousel-animation-from-to-slide-5-to-3 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-5__to-4 {
  animation: carousel-animation-from-to-slide-5-to-4 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-5__to-6 {
  animation: carousel-animation-from-to-slide-5-to-6 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-5__to-7 {
  animation: carousel-animation-from-to-slide-5-to-7 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-5__to-8 {
  animation: carousel-animation-from-to-slide-5-to-8 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-5__to-9 {
  animation: carousel-animation-from-to-slide-5-to-9 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-5__to-10 {
  animation: carousel-animation-from-to-slide-5-to-10 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-5__to-11 {
  animation: carousel-animation-from-to-slide-5-to-11 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-5__to-12 {
  animation: carousel-animation-from-to-slide-5-to-12 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-5__to-13 {
  animation: carousel-animation-from-to-slide-5-to-13 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-5__to-14 {
  animation: carousel-animation-from-to-slide-5-to-14 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-5__to-15 {
  animation: carousel-animation-from-to-slide-5-to-15 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-5__to-16 {
  animation: carousel-animation-from-to-slide-5-to-16 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-5__to-17 {
  animation: carousel-animation-from-to-slide-5-to-17 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-5__to-18 {
  animation: carousel-animation-from-to-slide-5-to-18 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-5__to-19 {
  animation: carousel-animation-from-to-slide-5-to-19 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-5__to-20 {
  animation: carousel-animation-from-to-slide-5-to-20 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-6__to-0 {
  animation: carousel-animation-from-to-slide-6-to-0 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-6__to-1 {
  animation: carousel-animation-from-to-slide-6-to-1 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-6__to-2 {
  animation: carousel-animation-from-to-slide-6-to-2 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-6__to-3 {
  animation: carousel-animation-from-to-slide-6-to-3 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-6__to-4 {
  animation: carousel-animation-from-to-slide-6-to-4 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-6__to-5 {
  animation: carousel-animation-from-to-slide-6-to-5 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-6__to-7 {
  animation: carousel-animation-from-to-slide-6-to-7 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-6__to-8 {
  animation: carousel-animation-from-to-slide-6-to-8 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-6__to-9 {
  animation: carousel-animation-from-to-slide-6-to-9 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-6__to-10 {
  animation: carousel-animation-from-to-slide-6-to-10 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-6__to-11 {
  animation: carousel-animation-from-to-slide-6-to-11 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-6__to-12 {
  animation: carousel-animation-from-to-slide-6-to-12 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-6__to-13 {
  animation: carousel-animation-from-to-slide-6-to-13 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-6__to-14 {
  animation: carousel-animation-from-to-slide-6-to-14 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-6__to-15 {
  animation: carousel-animation-from-to-slide-6-to-15 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-6__to-16 {
  animation: carousel-animation-from-to-slide-6-to-16 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-6__to-17 {
  animation: carousel-animation-from-to-slide-6-to-17 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-6__to-18 {
  animation: carousel-animation-from-to-slide-6-to-18 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-6__to-19 {
  animation: carousel-animation-from-to-slide-6-to-19 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-6__to-20 {
  animation: carousel-animation-from-to-slide-6-to-20 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-7__to-0 {
  animation: carousel-animation-from-to-slide-7-to-0 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-7__to-1 {
  animation: carousel-animation-from-to-slide-7-to-1 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-7__to-2 {
  animation: carousel-animation-from-to-slide-7-to-2 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-7__to-3 {
  animation: carousel-animation-from-to-slide-7-to-3 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-7__to-4 {
  animation: carousel-animation-from-to-slide-7-to-4 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-7__to-5 {
  animation: carousel-animation-from-to-slide-7-to-5 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-7__to-6 {
  animation: carousel-animation-from-to-slide-7-to-6 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-7__to-8 {
  animation: carousel-animation-from-to-slide-7-to-8 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-7__to-9 {
  animation: carousel-animation-from-to-slide-7-to-9 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-7__to-10 {
  animation: carousel-animation-from-to-slide-7-to-10 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-7__to-11 {
  animation: carousel-animation-from-to-slide-7-to-11 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-7__to-12 {
  animation: carousel-animation-from-to-slide-7-to-12 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-7__to-13 {
  animation: carousel-animation-from-to-slide-7-to-13 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-7__to-14 {
  animation: carousel-animation-from-to-slide-7-to-14 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-7__to-15 {
  animation: carousel-animation-from-to-slide-7-to-15 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-7__to-16 {
  animation: carousel-animation-from-to-slide-7-to-16 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-7__to-17 {
  animation: carousel-animation-from-to-slide-7-to-17 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-7__to-18 {
  animation: carousel-animation-from-to-slide-7-to-18 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-7__to-19 {
  animation: carousel-animation-from-to-slide-7-to-19 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-7__to-20 {
  animation: carousel-animation-from-to-slide-7-to-20 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-8__to-0 {
  animation: carousel-animation-from-to-slide-8-to-0 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-8__to-1 {
  animation: carousel-animation-from-to-slide-8-to-1 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-8__to-2 {
  animation: carousel-animation-from-to-slide-8-to-2 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-8__to-3 {
  animation: carousel-animation-from-to-slide-8-to-3 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-8__to-4 {
  animation: carousel-animation-from-to-slide-8-to-4 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-8__to-5 {
  animation: carousel-animation-from-to-slide-8-to-5 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-8__to-6 {
  animation: carousel-animation-from-to-slide-8-to-6 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-8__to-7 {
  animation: carousel-animation-from-to-slide-8-to-7 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-8__to-9 {
  animation: carousel-animation-from-to-slide-8-to-9 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-8__to-10 {
  animation: carousel-animation-from-to-slide-8-to-10 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-8__to-11 {
  animation: carousel-animation-from-to-slide-8-to-11 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-8__to-12 {
  animation: carousel-animation-from-to-slide-8-to-12 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-8__to-13 {
  animation: carousel-animation-from-to-slide-8-to-13 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-8__to-14 {
  animation: carousel-animation-from-to-slide-8-to-14 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-8__to-15 {
  animation: carousel-animation-from-to-slide-8-to-15 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-8__to-16 {
  animation: carousel-animation-from-to-slide-8-to-16 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-8__to-17 {
  animation: carousel-animation-from-to-slide-8-to-17 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-8__to-18 {
  animation: carousel-animation-from-to-slide-8-to-18 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-8__to-19 {
  animation: carousel-animation-from-to-slide-8-to-19 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-8__to-20 {
  animation: carousel-animation-from-to-slide-8-to-20 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-9__to-0 {
  animation: carousel-animation-from-to-slide-9-to-0 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-9__to-1 {
  animation: carousel-animation-from-to-slide-9-to-1 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-9__to-2 {
  animation: carousel-animation-from-to-slide-9-to-2 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-9__to-3 {
  animation: carousel-animation-from-to-slide-9-to-3 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-9__to-4 {
  animation: carousel-animation-from-to-slide-9-to-4 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-9__to-5 {
  animation: carousel-animation-from-to-slide-9-to-5 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-9__to-6 {
  animation: carousel-animation-from-to-slide-9-to-6 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-9__to-7 {
  animation: carousel-animation-from-to-slide-9-to-7 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-9__to-8 {
  animation: carousel-animation-from-to-slide-9-to-8 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-9__to-10 {
  animation: carousel-animation-from-to-slide-9-to-10 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-9__to-11 {
  animation: carousel-animation-from-to-slide-9-to-11 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-9__to-12 {
  animation: carousel-animation-from-to-slide-9-to-12 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-9__to-13 {
  animation: carousel-animation-from-to-slide-9-to-13 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-9__to-14 {
  animation: carousel-animation-from-to-slide-9-to-14 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-9__to-15 {
  animation: carousel-animation-from-to-slide-9-to-15 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-9__to-16 {
  animation: carousel-animation-from-to-slide-9-to-16 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-9__to-17 {
  animation: carousel-animation-from-to-slide-9-to-17 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-9__to-18 {
  animation: carousel-animation-from-to-slide-9-to-18 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-9__to-19 {
  animation: carousel-animation-from-to-slide-9-to-19 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-9__to-20 {
  animation: carousel-animation-from-to-slide-9-to-20 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-10__to-0 {
  animation: carousel-animation-from-to-slide-10-to-0 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-10__to-1 {
  animation: carousel-animation-from-to-slide-10-to-1 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-10__to-2 {
  animation: carousel-animation-from-to-slide-10-to-2 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-10__to-3 {
  animation: carousel-animation-from-to-slide-10-to-3 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-10__to-4 {
  animation: carousel-animation-from-to-slide-10-to-4 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-10__to-5 {
  animation: carousel-animation-from-to-slide-10-to-5 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-10__to-6 {
  animation: carousel-animation-from-to-slide-10-to-6 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-10__to-7 {
  animation: carousel-animation-from-to-slide-10-to-7 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-10__to-8 {
  animation: carousel-animation-from-to-slide-10-to-8 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-10__to-9 {
  animation: carousel-animation-from-to-slide-10-to-9 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-10__to-11 {
  animation: carousel-animation-from-to-slide-10-to-11 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-10__to-12 {
  animation: carousel-animation-from-to-slide-10-to-12 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-10__to-13 {
  animation: carousel-animation-from-to-slide-10-to-13 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-10__to-14 {
  animation: carousel-animation-from-to-slide-10-to-14 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-10__to-15 {
  animation: carousel-animation-from-to-slide-10-to-15 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-10__to-16 {
  animation: carousel-animation-from-to-slide-10-to-16 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-10__to-17 {
  animation: carousel-animation-from-to-slide-10-to-17 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-10__to-18 {
  animation: carousel-animation-from-to-slide-10-to-18 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-10__to-19 {
  animation: carousel-animation-from-to-slide-10-to-19 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-10__to-20 {
  animation: carousel-animation-from-to-slide-10-to-20 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-11__to-0 {
  animation: carousel-animation-from-to-slide-11-to-0 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-11__to-1 {
  animation: carousel-animation-from-to-slide-11-to-1 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-11__to-2 {
  animation: carousel-animation-from-to-slide-11-to-2 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-11__to-3 {
  animation: carousel-animation-from-to-slide-11-to-3 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-11__to-4 {
  animation: carousel-animation-from-to-slide-11-to-4 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-11__to-5 {
  animation: carousel-animation-from-to-slide-11-to-5 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-11__to-6 {
  animation: carousel-animation-from-to-slide-11-to-6 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-11__to-7 {
  animation: carousel-animation-from-to-slide-11-to-7 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-11__to-8 {
  animation: carousel-animation-from-to-slide-11-to-8 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-11__to-9 {
  animation: carousel-animation-from-to-slide-11-to-9 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-11__to-10 {
  animation: carousel-animation-from-to-slide-11-to-10 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-11__to-12 {
  animation: carousel-animation-from-to-slide-11-to-12 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-11__to-13 {
  animation: carousel-animation-from-to-slide-11-to-13 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-11__to-14 {
  animation: carousel-animation-from-to-slide-11-to-14 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-11__to-15 {
  animation: carousel-animation-from-to-slide-11-to-15 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-11__to-16 {
  animation: carousel-animation-from-to-slide-11-to-16 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-11__to-17 {
  animation: carousel-animation-from-to-slide-11-to-17 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-11__to-18 {
  animation: carousel-animation-from-to-slide-11-to-18 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-11__to-19 {
  animation: carousel-animation-from-to-slide-11-to-19 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-11__to-20 {
  animation: carousel-animation-from-to-slide-11-to-20 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-12__to-0 {
  animation: carousel-animation-from-to-slide-12-to-0 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-12__to-1 {
  animation: carousel-animation-from-to-slide-12-to-1 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-12__to-2 {
  animation: carousel-animation-from-to-slide-12-to-2 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-12__to-3 {
  animation: carousel-animation-from-to-slide-12-to-3 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-12__to-4 {
  animation: carousel-animation-from-to-slide-12-to-4 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-12__to-5 {
  animation: carousel-animation-from-to-slide-12-to-5 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-12__to-6 {
  animation: carousel-animation-from-to-slide-12-to-6 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-12__to-7 {
  animation: carousel-animation-from-to-slide-12-to-7 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-12__to-8 {
  animation: carousel-animation-from-to-slide-12-to-8 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-12__to-9 {
  animation: carousel-animation-from-to-slide-12-to-9 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-12__to-10 {
  animation: carousel-animation-from-to-slide-12-to-10 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-12__to-11 {
  animation: carousel-animation-from-to-slide-12-to-11 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-12__to-13 {
  animation: carousel-animation-from-to-slide-12-to-13 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-12__to-14 {
  animation: carousel-animation-from-to-slide-12-to-14 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-12__to-15 {
  animation: carousel-animation-from-to-slide-12-to-15 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-12__to-16 {
  animation: carousel-animation-from-to-slide-12-to-16 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-12__to-17 {
  animation: carousel-animation-from-to-slide-12-to-17 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-12__to-18 {
  animation: carousel-animation-from-to-slide-12-to-18 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-12__to-19 {
  animation: carousel-animation-from-to-slide-12-to-19 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-12__to-20 {
  animation: carousel-animation-from-to-slide-12-to-20 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-13__to-0 {
  animation: carousel-animation-from-to-slide-13-to-0 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-13__to-1 {
  animation: carousel-animation-from-to-slide-13-to-1 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-13__to-2 {
  animation: carousel-animation-from-to-slide-13-to-2 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-13__to-3 {
  animation: carousel-animation-from-to-slide-13-to-3 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-13__to-4 {
  animation: carousel-animation-from-to-slide-13-to-4 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-13__to-5 {
  animation: carousel-animation-from-to-slide-13-to-5 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-13__to-6 {
  animation: carousel-animation-from-to-slide-13-to-6 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-13__to-7 {
  animation: carousel-animation-from-to-slide-13-to-7 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-13__to-8 {
  animation: carousel-animation-from-to-slide-13-to-8 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-13__to-9 {
  animation: carousel-animation-from-to-slide-13-to-9 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-13__to-10 {
  animation: carousel-animation-from-to-slide-13-to-10 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-13__to-11 {
  animation: carousel-animation-from-to-slide-13-to-11 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-13__to-12 {
  animation: carousel-animation-from-to-slide-13-to-12 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-13__to-14 {
  animation: carousel-animation-from-to-slide-13-to-14 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-13__to-15 {
  animation: carousel-animation-from-to-slide-13-to-15 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-13__to-16 {
  animation: carousel-animation-from-to-slide-13-to-16 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-13__to-17 {
  animation: carousel-animation-from-to-slide-13-to-17 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-13__to-18 {
  animation: carousel-animation-from-to-slide-13-to-18 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-13__to-19 {
  animation: carousel-animation-from-to-slide-13-to-19 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-13__to-20 {
  animation: carousel-animation-from-to-slide-13-to-20 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-14__to-0 {
  animation: carousel-animation-from-to-slide-14-to-0 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-14__to-1 {
  animation: carousel-animation-from-to-slide-14-to-1 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-14__to-2 {
  animation: carousel-animation-from-to-slide-14-to-2 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-14__to-3 {
  animation: carousel-animation-from-to-slide-14-to-3 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-14__to-4 {
  animation: carousel-animation-from-to-slide-14-to-4 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-14__to-5 {
  animation: carousel-animation-from-to-slide-14-to-5 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-14__to-6 {
  animation: carousel-animation-from-to-slide-14-to-6 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-14__to-7 {
  animation: carousel-animation-from-to-slide-14-to-7 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-14__to-8 {
  animation: carousel-animation-from-to-slide-14-to-8 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-14__to-9 {
  animation: carousel-animation-from-to-slide-14-to-9 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-14__to-10 {
  animation: carousel-animation-from-to-slide-14-to-10 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-14__to-11 {
  animation: carousel-animation-from-to-slide-14-to-11 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-14__to-12 {
  animation: carousel-animation-from-to-slide-14-to-12 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-14__to-13 {
  animation: carousel-animation-from-to-slide-14-to-13 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-14__to-15 {
  animation: carousel-animation-from-to-slide-14-to-15 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-14__to-16 {
  animation: carousel-animation-from-to-slide-14-to-16 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-14__to-17 {
  animation: carousel-animation-from-to-slide-14-to-17 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-14__to-18 {
  animation: carousel-animation-from-to-slide-14-to-18 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-14__to-19 {
  animation: carousel-animation-from-to-slide-14-to-19 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-14__to-20 {
  animation: carousel-animation-from-to-slide-14-to-20 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-15__to-0 {
  animation: carousel-animation-from-to-slide-15-to-0 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-15__to-1 {
  animation: carousel-animation-from-to-slide-15-to-1 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-15__to-2 {
  animation: carousel-animation-from-to-slide-15-to-2 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-15__to-3 {
  animation: carousel-animation-from-to-slide-15-to-3 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-15__to-4 {
  animation: carousel-animation-from-to-slide-15-to-4 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-15__to-5 {
  animation: carousel-animation-from-to-slide-15-to-5 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-15__to-6 {
  animation: carousel-animation-from-to-slide-15-to-6 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-15__to-7 {
  animation: carousel-animation-from-to-slide-15-to-7 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-15__to-8 {
  animation: carousel-animation-from-to-slide-15-to-8 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-15__to-9 {
  animation: carousel-animation-from-to-slide-15-to-9 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-15__to-10 {
  animation: carousel-animation-from-to-slide-15-to-10 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-15__to-11 {
  animation: carousel-animation-from-to-slide-15-to-11 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-15__to-12 {
  animation: carousel-animation-from-to-slide-15-to-12 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-15__to-13 {
  animation: carousel-animation-from-to-slide-15-to-13 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-15__to-14 {
  animation: carousel-animation-from-to-slide-15-to-14 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-15__to-16 {
  animation: carousel-animation-from-to-slide-15-to-16 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-15__to-17 {
  animation: carousel-animation-from-to-slide-15-to-17 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-15__to-18 {
  animation: carousel-animation-from-to-slide-15-to-18 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-15__to-19 {
  animation: carousel-animation-from-to-slide-15-to-19 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-15__to-20 {
  animation: carousel-animation-from-to-slide-15-to-20 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-16__to-0 {
  animation: carousel-animation-from-to-slide-16-to-0 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-16__to-1 {
  animation: carousel-animation-from-to-slide-16-to-1 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-16__to-2 {
  animation: carousel-animation-from-to-slide-16-to-2 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-16__to-3 {
  animation: carousel-animation-from-to-slide-16-to-3 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-16__to-4 {
  animation: carousel-animation-from-to-slide-16-to-4 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-16__to-5 {
  animation: carousel-animation-from-to-slide-16-to-5 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-16__to-6 {
  animation: carousel-animation-from-to-slide-16-to-6 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-16__to-7 {
  animation: carousel-animation-from-to-slide-16-to-7 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-16__to-8 {
  animation: carousel-animation-from-to-slide-16-to-8 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-16__to-9 {
  animation: carousel-animation-from-to-slide-16-to-9 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-16__to-10 {
  animation: carousel-animation-from-to-slide-16-to-10 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-16__to-11 {
  animation: carousel-animation-from-to-slide-16-to-11 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-16__to-12 {
  animation: carousel-animation-from-to-slide-16-to-12 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-16__to-13 {
  animation: carousel-animation-from-to-slide-16-to-13 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-16__to-14 {
  animation: carousel-animation-from-to-slide-16-to-14 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-16__to-15 {
  animation: carousel-animation-from-to-slide-16-to-15 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-16__to-17 {
  animation: carousel-animation-from-to-slide-16-to-17 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-16__to-18 {
  animation: carousel-animation-from-to-slide-16-to-18 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-16__to-19 {
  animation: carousel-animation-from-to-slide-16-to-19 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-16__to-20 {
  animation: carousel-animation-from-to-slide-16-to-20 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-17__to-0 {
  animation: carousel-animation-from-to-slide-17-to-0 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-17__to-1 {
  animation: carousel-animation-from-to-slide-17-to-1 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-17__to-2 {
  animation: carousel-animation-from-to-slide-17-to-2 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-17__to-3 {
  animation: carousel-animation-from-to-slide-17-to-3 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-17__to-4 {
  animation: carousel-animation-from-to-slide-17-to-4 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-17__to-5 {
  animation: carousel-animation-from-to-slide-17-to-5 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-17__to-6 {
  animation: carousel-animation-from-to-slide-17-to-6 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-17__to-7 {
  animation: carousel-animation-from-to-slide-17-to-7 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-17__to-8 {
  animation: carousel-animation-from-to-slide-17-to-8 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-17__to-9 {
  animation: carousel-animation-from-to-slide-17-to-9 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-17__to-10 {
  animation: carousel-animation-from-to-slide-17-to-10 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-17__to-11 {
  animation: carousel-animation-from-to-slide-17-to-11 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-17__to-12 {
  animation: carousel-animation-from-to-slide-17-to-12 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-17__to-13 {
  animation: carousel-animation-from-to-slide-17-to-13 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-17__to-14 {
  animation: carousel-animation-from-to-slide-17-to-14 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-17__to-15 {
  animation: carousel-animation-from-to-slide-17-to-15 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-17__to-16 {
  animation: carousel-animation-from-to-slide-17-to-16 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-17__to-18 {
  animation: carousel-animation-from-to-slide-17-to-18 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-17__to-19 {
  animation: carousel-animation-from-to-slide-17-to-19 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-17__to-20 {
  animation: carousel-animation-from-to-slide-17-to-20 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-18__to-0 {
  animation: carousel-animation-from-to-slide-18-to-0 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-18__to-1 {
  animation: carousel-animation-from-to-slide-18-to-1 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-18__to-2 {
  animation: carousel-animation-from-to-slide-18-to-2 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-18__to-3 {
  animation: carousel-animation-from-to-slide-18-to-3 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-18__to-4 {
  animation: carousel-animation-from-to-slide-18-to-4 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-18__to-5 {
  animation: carousel-animation-from-to-slide-18-to-5 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-18__to-6 {
  animation: carousel-animation-from-to-slide-18-to-6 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-18__to-7 {
  animation: carousel-animation-from-to-slide-18-to-7 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-18__to-8 {
  animation: carousel-animation-from-to-slide-18-to-8 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-18__to-9 {
  animation: carousel-animation-from-to-slide-18-to-9 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-18__to-10 {
  animation: carousel-animation-from-to-slide-18-to-10 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-18__to-11 {
  animation: carousel-animation-from-to-slide-18-to-11 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-18__to-12 {
  animation: carousel-animation-from-to-slide-18-to-12 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-18__to-13 {
  animation: carousel-animation-from-to-slide-18-to-13 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-18__to-14 {
  animation: carousel-animation-from-to-slide-18-to-14 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-18__to-15 {
  animation: carousel-animation-from-to-slide-18-to-15 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-18__to-16 {
  animation: carousel-animation-from-to-slide-18-to-16 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-18__to-17 {
  animation: carousel-animation-from-to-slide-18-to-17 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-18__to-19 {
  animation: carousel-animation-from-to-slide-18-to-19 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-18__to-20 {
  animation: carousel-animation-from-to-slide-18-to-20 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-19__to-0 {
  animation: carousel-animation-from-to-slide-19-to-0 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-19__to-1 {
  animation: carousel-animation-from-to-slide-19-to-1 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-19__to-2 {
  animation: carousel-animation-from-to-slide-19-to-2 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-19__to-3 {
  animation: carousel-animation-from-to-slide-19-to-3 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-19__to-4 {
  animation: carousel-animation-from-to-slide-19-to-4 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-19__to-5 {
  animation: carousel-animation-from-to-slide-19-to-5 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-19__to-6 {
  animation: carousel-animation-from-to-slide-19-to-6 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-19__to-7 {
  animation: carousel-animation-from-to-slide-19-to-7 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-19__to-8 {
  animation: carousel-animation-from-to-slide-19-to-8 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-19__to-9 {
  animation: carousel-animation-from-to-slide-19-to-9 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-19__to-10 {
  animation: carousel-animation-from-to-slide-19-to-10 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-19__to-11 {
  animation: carousel-animation-from-to-slide-19-to-11 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-19__to-12 {
  animation: carousel-animation-from-to-slide-19-to-12 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-19__to-13 {
  animation: carousel-animation-from-to-slide-19-to-13 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-19__to-14 {
  animation: carousel-animation-from-to-slide-19-to-14 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-19__to-15 {
  animation: carousel-animation-from-to-slide-19-to-15 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-19__to-16 {
  animation: carousel-animation-from-to-slide-19-to-16 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-19__to-17 {
  animation: carousel-animation-from-to-slide-19-to-17 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-19__to-18 {
  animation: carousel-animation-from-to-slide-19-to-18 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-19__to-20 {
  animation: carousel-animation-from-to-slide-19-to-20 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-20__to-0 {
  animation: carousel-animation-from-to-slide-20-to-0 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-20__to-1 {
  animation: carousel-animation-from-to-slide-20-to-1 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-20__to-2 {
  animation: carousel-animation-from-to-slide-20-to-2 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-20__to-3 {
  animation: carousel-animation-from-to-slide-20-to-3 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-20__to-4 {
  animation: carousel-animation-from-to-slide-20-to-4 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-20__to-5 {
  animation: carousel-animation-from-to-slide-20-to-5 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-20__to-6 {
  animation: carousel-animation-from-to-slide-20-to-6 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-20__to-7 {
  animation: carousel-animation-from-to-slide-20-to-7 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-20__to-8 {
  animation: carousel-animation-from-to-slide-20-to-8 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-20__to-9 {
  animation: carousel-animation-from-to-slide-20-to-9 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-20__to-10 {
  animation: carousel-animation-from-to-slide-20-to-10 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-20__to-11 {
  animation: carousel-animation-from-to-slide-20-to-11 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-20__to-12 {
  animation: carousel-animation-from-to-slide-20-to-12 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-20__to-13 {
  animation: carousel-animation-from-to-slide-20-to-13 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-20__to-14 {
  animation: carousel-animation-from-to-slide-20-to-14 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-20__to-15 {
  animation: carousel-animation-from-to-slide-20-to-15 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-20__to-16 {
  animation: carousel-animation-from-to-slide-20-to-16 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-20__to-17 {
  animation: carousel-animation-from-to-slide-20-to-17 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-20__to-18 {
  animation: carousel-animation-from-to-slide-20-to-18 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper.hero-with-headline--carousel--wrapper__running__from-20__to-19 {
  animation: carousel-animation-from-to-slide-20-to-19 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper .hero-with-headline--carousel--item {
  display: inline-flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: center;
  align-self: stretch;
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 100%;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel--pagination {
  display: block;
  width: 100%;
  box-sizing: content-box;
  padding: 0.5rem 0;
  text-align: center;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel--pagination .hero-with-headline--carousel--pagination--items-wrapper {
  display: inline-flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel--pagination .hero-with-headline--carousel--pagination--items-wrapper .hero-with-headline--carousel--pagination--item {
  flex: 1;
  display: inline-block;
  width: 1em;
  height: 1em;
  margin: 0 0.25rem;
  border-radius: 50%;
  opacity: 0.5;
  transition: opacity 0.25s ease-in-out;
  box-shadow: rgba(0, 59, 92, 0.5) 0 0 0 2px;
  cursor: pointer;
  border-color: #D9E1E2;
  background: #fff;
}
.hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel--pagination .hero-with-headline--carousel--pagination--items-wrapper .hero-with-headline--carousel--pagination--item.hero-with-headline--carousel--pagination--item__active {
  background: #D9E1E2;
}

@keyframes carousel-animation-from-to-slide-0-to-1 {
  0% {
    transform: translateX(calc(-100% * 0));
  }
  100% {
    transform: translateX(calc(-100% * 1));
  }
}
@keyframes carousel-animation-from-to-slide-0-to-2 {
  0% {
    transform: translateX(calc(-100% * 0));
  }
  100% {
    transform: translateX(calc(-100% * 2));
  }
}
@keyframes carousel-animation-from-to-slide-0-to-3 {
  0% {
    transform: translateX(calc(-100% * 0));
  }
  100% {
    transform: translateX(calc(-100% * 3));
  }
}
@keyframes carousel-animation-from-to-slide-0-to-4 {
  0% {
    transform: translateX(calc(-100% * 0));
  }
  100% {
    transform: translateX(calc(-100% * 4));
  }
}
@keyframes carousel-animation-from-to-slide-0-to-5 {
  0% {
    transform: translateX(calc(-100% * 0));
  }
  100% {
    transform: translateX(calc(-100% * 5));
  }
}
@keyframes carousel-animation-from-to-slide-0-to-6 {
  0% {
    transform: translateX(calc(-100% * 0));
  }
  100% {
    transform: translateX(calc(-100% * 6));
  }
}
@keyframes carousel-animation-from-to-slide-0-to-7 {
  0% {
    transform: translateX(calc(-100% * 0));
  }
  100% {
    transform: translateX(calc(-100% * 7));
  }
}
@keyframes carousel-animation-from-to-slide-0-to-8 {
  0% {
    transform: translateX(calc(-100% * 0));
  }
  100% {
    transform: translateX(calc(-100% * 8));
  }
}
@keyframes carousel-animation-from-to-slide-0-to-9 {
  0% {
    transform: translateX(calc(-100% * 0));
  }
  100% {
    transform: translateX(calc(-100% * 9));
  }
}
@keyframes carousel-animation-from-to-slide-0-to-10 {
  0% {
    transform: translateX(calc(-100% * 0));
  }
  100% {
    transform: translateX(calc(-100% * 10));
  }
}
@keyframes carousel-animation-from-to-slide-0-to-11 {
  0% {
    transform: translateX(calc(-100% * 0));
  }
  100% {
    transform: translateX(calc(-100% * 11));
  }
}
@keyframes carousel-animation-from-to-slide-0-to-12 {
  0% {
    transform: translateX(calc(-100% * 0));
  }
  100% {
    transform: translateX(calc(-100% * 12));
  }
}
@keyframes carousel-animation-from-to-slide-0-to-13 {
  0% {
    transform: translateX(calc(-100% * 0));
  }
  100% {
    transform: translateX(calc(-100% * 13));
  }
}
@keyframes carousel-animation-from-to-slide-0-to-14 {
  0% {
    transform: translateX(calc(-100% * 0));
  }
  100% {
    transform: translateX(calc(-100% * 14));
  }
}
@keyframes carousel-animation-from-to-slide-0-to-15 {
  0% {
    transform: translateX(calc(-100% * 0));
  }
  100% {
    transform: translateX(calc(-100% * 15));
  }
}
@keyframes carousel-animation-from-to-slide-0-to-16 {
  0% {
    transform: translateX(calc(-100% * 0));
  }
  100% {
    transform: translateX(calc(-100% * 16));
  }
}
@keyframes carousel-animation-from-to-slide-0-to-17 {
  0% {
    transform: translateX(calc(-100% * 0));
  }
  100% {
    transform: translateX(calc(-100% * 17));
  }
}
@keyframes carousel-animation-from-to-slide-0-to-18 {
  0% {
    transform: translateX(calc(-100% * 0));
  }
  100% {
    transform: translateX(calc(-100% * 18));
  }
}
@keyframes carousel-animation-from-to-slide-0-to-19 {
  0% {
    transform: translateX(calc(-100% * 0));
  }
  100% {
    transform: translateX(calc(-100% * 19));
  }
}
@keyframes carousel-animation-from-to-slide-0-to-20 {
  0% {
    transform: translateX(calc(-100% * 0));
  }
  100% {
    transform: translateX(calc(-100% * 20));
  }
}
@keyframes carousel-animation-from-to-slide-1-to-0 {
  0% {
    transform: translateX(calc(-100% * 1));
  }
  100% {
    transform: translateX(calc(-100% * 0));
  }
}
@keyframes carousel-animation-from-to-slide-1-to-2 {
  0% {
    transform: translateX(calc(-100% * 1));
  }
  100% {
    transform: translateX(calc(-100% * 2));
  }
}
@keyframes carousel-animation-from-to-slide-1-to-3 {
  0% {
    transform: translateX(calc(-100% * 1));
  }
  100% {
    transform: translateX(calc(-100% * 3));
  }
}
@keyframes carousel-animation-from-to-slide-1-to-4 {
  0% {
    transform: translateX(calc(-100% * 1));
  }
  100% {
    transform: translateX(calc(-100% * 4));
  }
}
@keyframes carousel-animation-from-to-slide-1-to-5 {
  0% {
    transform: translateX(calc(-100% * 1));
  }
  100% {
    transform: translateX(calc(-100% * 5));
  }
}
@keyframes carousel-animation-from-to-slide-1-to-6 {
  0% {
    transform: translateX(calc(-100% * 1));
  }
  100% {
    transform: translateX(calc(-100% * 6));
  }
}
@keyframes carousel-animation-from-to-slide-1-to-7 {
  0% {
    transform: translateX(calc(-100% * 1));
  }
  100% {
    transform: translateX(calc(-100% * 7));
  }
}
@keyframes carousel-animation-from-to-slide-1-to-8 {
  0% {
    transform: translateX(calc(-100% * 1));
  }
  100% {
    transform: translateX(calc(-100% * 8));
  }
}
@keyframes carousel-animation-from-to-slide-1-to-9 {
  0% {
    transform: translateX(calc(-100% * 1));
  }
  100% {
    transform: translateX(calc(-100% * 9));
  }
}
@keyframes carousel-animation-from-to-slide-1-to-10 {
  0% {
    transform: translateX(calc(-100% * 1));
  }
  100% {
    transform: translateX(calc(-100% * 10));
  }
}
@keyframes carousel-animation-from-to-slide-1-to-11 {
  0% {
    transform: translateX(calc(-100% * 1));
  }
  100% {
    transform: translateX(calc(-100% * 11));
  }
}
@keyframes carousel-animation-from-to-slide-1-to-12 {
  0% {
    transform: translateX(calc(-100% * 1));
  }
  100% {
    transform: translateX(calc(-100% * 12));
  }
}
@keyframes carousel-animation-from-to-slide-1-to-13 {
  0% {
    transform: translateX(calc(-100% * 1));
  }
  100% {
    transform: translateX(calc(-100% * 13));
  }
}
@keyframes carousel-animation-from-to-slide-1-to-14 {
  0% {
    transform: translateX(calc(-100% * 1));
  }
  100% {
    transform: translateX(calc(-100% * 14));
  }
}
@keyframes carousel-animation-from-to-slide-1-to-15 {
  0% {
    transform: translateX(calc(-100% * 1));
  }
  100% {
    transform: translateX(calc(-100% * 15));
  }
}
@keyframes carousel-animation-from-to-slide-1-to-16 {
  0% {
    transform: translateX(calc(-100% * 1));
  }
  100% {
    transform: translateX(calc(-100% * 16));
  }
}
@keyframes carousel-animation-from-to-slide-1-to-17 {
  0% {
    transform: translateX(calc(-100% * 1));
  }
  100% {
    transform: translateX(calc(-100% * 17));
  }
}
@keyframes carousel-animation-from-to-slide-1-to-18 {
  0% {
    transform: translateX(calc(-100% * 1));
  }
  100% {
    transform: translateX(calc(-100% * 18));
  }
}
@keyframes carousel-animation-from-to-slide-1-to-19 {
  0% {
    transform: translateX(calc(-100% * 1));
  }
  100% {
    transform: translateX(calc(-100% * 19));
  }
}
@keyframes carousel-animation-from-to-slide-1-to-20 {
  0% {
    transform: translateX(calc(-100% * 1));
  }
  100% {
    transform: translateX(calc(-100% * 20));
  }
}
@keyframes carousel-animation-from-to-slide-2-to-0 {
  0% {
    transform: translateX(calc(-100% * 2));
  }
  100% {
    transform: translateX(calc(-100% * 0));
  }
}
@keyframes carousel-animation-from-to-slide-2-to-1 {
  0% {
    transform: translateX(calc(-100% * 2));
  }
  100% {
    transform: translateX(calc(-100% * 1));
  }
}
@keyframes carousel-animation-from-to-slide-2-to-3 {
  0% {
    transform: translateX(calc(-100% * 2));
  }
  100% {
    transform: translateX(calc(-100% * 3));
  }
}
@keyframes carousel-animation-from-to-slide-2-to-4 {
  0% {
    transform: translateX(calc(-100% * 2));
  }
  100% {
    transform: translateX(calc(-100% * 4));
  }
}
@keyframes carousel-animation-from-to-slide-2-to-5 {
  0% {
    transform: translateX(calc(-100% * 2));
  }
  100% {
    transform: translateX(calc(-100% * 5));
  }
}
@keyframes carousel-animation-from-to-slide-2-to-6 {
  0% {
    transform: translateX(calc(-100% * 2));
  }
  100% {
    transform: translateX(calc(-100% * 6));
  }
}
@keyframes carousel-animation-from-to-slide-2-to-7 {
  0% {
    transform: translateX(calc(-100% * 2));
  }
  100% {
    transform: translateX(calc(-100% * 7));
  }
}
@keyframes carousel-animation-from-to-slide-2-to-8 {
  0% {
    transform: translateX(calc(-100% * 2));
  }
  100% {
    transform: translateX(calc(-100% * 8));
  }
}
@keyframes carousel-animation-from-to-slide-2-to-9 {
  0% {
    transform: translateX(calc(-100% * 2));
  }
  100% {
    transform: translateX(calc(-100% * 9));
  }
}
@keyframes carousel-animation-from-to-slide-2-to-10 {
  0% {
    transform: translateX(calc(-100% * 2));
  }
  100% {
    transform: translateX(calc(-100% * 10));
  }
}
@keyframes carousel-animation-from-to-slide-2-to-11 {
  0% {
    transform: translateX(calc(-100% * 2));
  }
  100% {
    transform: translateX(calc(-100% * 11));
  }
}
@keyframes carousel-animation-from-to-slide-2-to-12 {
  0% {
    transform: translateX(calc(-100% * 2));
  }
  100% {
    transform: translateX(calc(-100% * 12));
  }
}
@keyframes carousel-animation-from-to-slide-2-to-13 {
  0% {
    transform: translateX(calc(-100% * 2));
  }
  100% {
    transform: translateX(calc(-100% * 13));
  }
}
@keyframes carousel-animation-from-to-slide-2-to-14 {
  0% {
    transform: translateX(calc(-100% * 2));
  }
  100% {
    transform: translateX(calc(-100% * 14));
  }
}
@keyframes carousel-animation-from-to-slide-2-to-15 {
  0% {
    transform: translateX(calc(-100% * 2));
  }
  100% {
    transform: translateX(calc(-100% * 15));
  }
}
@keyframes carousel-animation-from-to-slide-2-to-16 {
  0% {
    transform: translateX(calc(-100% * 2));
  }
  100% {
    transform: translateX(calc(-100% * 16));
  }
}
@keyframes carousel-animation-from-to-slide-2-to-17 {
  0% {
    transform: translateX(calc(-100% * 2));
  }
  100% {
    transform: translateX(calc(-100% * 17));
  }
}
@keyframes carousel-animation-from-to-slide-2-to-18 {
  0% {
    transform: translateX(calc(-100% * 2));
  }
  100% {
    transform: translateX(calc(-100% * 18));
  }
}
@keyframes carousel-animation-from-to-slide-2-to-19 {
  0% {
    transform: translateX(calc(-100% * 2));
  }
  100% {
    transform: translateX(calc(-100% * 19));
  }
}
@keyframes carousel-animation-from-to-slide-2-to-20 {
  0% {
    transform: translateX(calc(-100% * 2));
  }
  100% {
    transform: translateX(calc(-100% * 20));
  }
}
@keyframes carousel-animation-from-to-slide-3-to-0 {
  0% {
    transform: translateX(calc(-100% * 3));
  }
  100% {
    transform: translateX(calc(-100% * 0));
  }
}
@keyframes carousel-animation-from-to-slide-3-to-1 {
  0% {
    transform: translateX(calc(-100% * 3));
  }
  100% {
    transform: translateX(calc(-100% * 1));
  }
}
@keyframes carousel-animation-from-to-slide-3-to-2 {
  0% {
    transform: translateX(calc(-100% * 3));
  }
  100% {
    transform: translateX(calc(-100% * 2));
  }
}
@keyframes carousel-animation-from-to-slide-3-to-4 {
  0% {
    transform: translateX(calc(-100% * 3));
  }
  100% {
    transform: translateX(calc(-100% * 4));
  }
}
@keyframes carousel-animation-from-to-slide-3-to-5 {
  0% {
    transform: translateX(calc(-100% * 3));
  }
  100% {
    transform: translateX(calc(-100% * 5));
  }
}
@keyframes carousel-animation-from-to-slide-3-to-6 {
  0% {
    transform: translateX(calc(-100% * 3));
  }
  100% {
    transform: translateX(calc(-100% * 6));
  }
}
@keyframes carousel-animation-from-to-slide-3-to-7 {
  0% {
    transform: translateX(calc(-100% * 3));
  }
  100% {
    transform: translateX(calc(-100% * 7));
  }
}
@keyframes carousel-animation-from-to-slide-3-to-8 {
  0% {
    transform: translateX(calc(-100% * 3));
  }
  100% {
    transform: translateX(calc(-100% * 8));
  }
}
@keyframes carousel-animation-from-to-slide-3-to-9 {
  0% {
    transform: translateX(calc(-100% * 3));
  }
  100% {
    transform: translateX(calc(-100% * 9));
  }
}
@keyframes carousel-animation-from-to-slide-3-to-10 {
  0% {
    transform: translateX(calc(-100% * 3));
  }
  100% {
    transform: translateX(calc(-100% * 10));
  }
}
@keyframes carousel-animation-from-to-slide-3-to-11 {
  0% {
    transform: translateX(calc(-100% * 3));
  }
  100% {
    transform: translateX(calc(-100% * 11));
  }
}
@keyframes carousel-animation-from-to-slide-3-to-12 {
  0% {
    transform: translateX(calc(-100% * 3));
  }
  100% {
    transform: translateX(calc(-100% * 12));
  }
}
@keyframes carousel-animation-from-to-slide-3-to-13 {
  0% {
    transform: translateX(calc(-100% * 3));
  }
  100% {
    transform: translateX(calc(-100% * 13));
  }
}
@keyframes carousel-animation-from-to-slide-3-to-14 {
  0% {
    transform: translateX(calc(-100% * 3));
  }
  100% {
    transform: translateX(calc(-100% * 14));
  }
}
@keyframes carousel-animation-from-to-slide-3-to-15 {
  0% {
    transform: translateX(calc(-100% * 3));
  }
  100% {
    transform: translateX(calc(-100% * 15));
  }
}
@keyframes carousel-animation-from-to-slide-3-to-16 {
  0% {
    transform: translateX(calc(-100% * 3));
  }
  100% {
    transform: translateX(calc(-100% * 16));
  }
}
@keyframes carousel-animation-from-to-slide-3-to-17 {
  0% {
    transform: translateX(calc(-100% * 3));
  }
  100% {
    transform: translateX(calc(-100% * 17));
  }
}
@keyframes carousel-animation-from-to-slide-3-to-18 {
  0% {
    transform: translateX(calc(-100% * 3));
  }
  100% {
    transform: translateX(calc(-100% * 18));
  }
}
@keyframes carousel-animation-from-to-slide-3-to-19 {
  0% {
    transform: translateX(calc(-100% * 3));
  }
  100% {
    transform: translateX(calc(-100% * 19));
  }
}
@keyframes carousel-animation-from-to-slide-3-to-20 {
  0% {
    transform: translateX(calc(-100% * 3));
  }
  100% {
    transform: translateX(calc(-100% * 20));
  }
}
@keyframes carousel-animation-from-to-slide-4-to-0 {
  0% {
    transform: translateX(calc(-100% * 4));
  }
  100% {
    transform: translateX(calc(-100% * 0));
  }
}
@keyframes carousel-animation-from-to-slide-4-to-1 {
  0% {
    transform: translateX(calc(-100% * 4));
  }
  100% {
    transform: translateX(calc(-100% * 1));
  }
}
@keyframes carousel-animation-from-to-slide-4-to-2 {
  0% {
    transform: translateX(calc(-100% * 4));
  }
  100% {
    transform: translateX(calc(-100% * 2));
  }
}
@keyframes carousel-animation-from-to-slide-4-to-3 {
  0% {
    transform: translateX(calc(-100% * 4));
  }
  100% {
    transform: translateX(calc(-100% * 3));
  }
}
@keyframes carousel-animation-from-to-slide-4-to-5 {
  0% {
    transform: translateX(calc(-100% * 4));
  }
  100% {
    transform: translateX(calc(-100% * 5));
  }
}
@keyframes carousel-animation-from-to-slide-4-to-6 {
  0% {
    transform: translateX(calc(-100% * 4));
  }
  100% {
    transform: translateX(calc(-100% * 6));
  }
}
@keyframes carousel-animation-from-to-slide-4-to-7 {
  0% {
    transform: translateX(calc(-100% * 4));
  }
  100% {
    transform: translateX(calc(-100% * 7));
  }
}
@keyframes carousel-animation-from-to-slide-4-to-8 {
  0% {
    transform: translateX(calc(-100% * 4));
  }
  100% {
    transform: translateX(calc(-100% * 8));
  }
}
@keyframes carousel-animation-from-to-slide-4-to-9 {
  0% {
    transform: translateX(calc(-100% * 4));
  }
  100% {
    transform: translateX(calc(-100% * 9));
  }
}
@keyframes carousel-animation-from-to-slide-4-to-10 {
  0% {
    transform: translateX(calc(-100% * 4));
  }
  100% {
    transform: translateX(calc(-100% * 10));
  }
}
@keyframes carousel-animation-from-to-slide-4-to-11 {
  0% {
    transform: translateX(calc(-100% * 4));
  }
  100% {
    transform: translateX(calc(-100% * 11));
  }
}
@keyframes carousel-animation-from-to-slide-4-to-12 {
  0% {
    transform: translateX(calc(-100% * 4));
  }
  100% {
    transform: translateX(calc(-100% * 12));
  }
}
@keyframes carousel-animation-from-to-slide-4-to-13 {
  0% {
    transform: translateX(calc(-100% * 4));
  }
  100% {
    transform: translateX(calc(-100% * 13));
  }
}
@keyframes carousel-animation-from-to-slide-4-to-14 {
  0% {
    transform: translateX(calc(-100% * 4));
  }
  100% {
    transform: translateX(calc(-100% * 14));
  }
}
@keyframes carousel-animation-from-to-slide-4-to-15 {
  0% {
    transform: translateX(calc(-100% * 4));
  }
  100% {
    transform: translateX(calc(-100% * 15));
  }
}
@keyframes carousel-animation-from-to-slide-4-to-16 {
  0% {
    transform: translateX(calc(-100% * 4));
  }
  100% {
    transform: translateX(calc(-100% * 16));
  }
}
@keyframes carousel-animation-from-to-slide-4-to-17 {
  0% {
    transform: translateX(calc(-100% * 4));
  }
  100% {
    transform: translateX(calc(-100% * 17));
  }
}
@keyframes carousel-animation-from-to-slide-4-to-18 {
  0% {
    transform: translateX(calc(-100% * 4));
  }
  100% {
    transform: translateX(calc(-100% * 18));
  }
}
@keyframes carousel-animation-from-to-slide-4-to-19 {
  0% {
    transform: translateX(calc(-100% * 4));
  }
  100% {
    transform: translateX(calc(-100% * 19));
  }
}
@keyframes carousel-animation-from-to-slide-4-to-20 {
  0% {
    transform: translateX(calc(-100% * 4));
  }
  100% {
    transform: translateX(calc(-100% * 20));
  }
}
@keyframes carousel-animation-from-to-slide-5-to-0 {
  0% {
    transform: translateX(calc(-100% * 5));
  }
  100% {
    transform: translateX(calc(-100% * 0));
  }
}
@keyframes carousel-animation-from-to-slide-5-to-1 {
  0% {
    transform: translateX(calc(-100% * 5));
  }
  100% {
    transform: translateX(calc(-100% * 1));
  }
}
@keyframes carousel-animation-from-to-slide-5-to-2 {
  0% {
    transform: translateX(calc(-100% * 5));
  }
  100% {
    transform: translateX(calc(-100% * 2));
  }
}
@keyframes carousel-animation-from-to-slide-5-to-3 {
  0% {
    transform: translateX(calc(-100% * 5));
  }
  100% {
    transform: translateX(calc(-100% * 3));
  }
}
@keyframes carousel-animation-from-to-slide-5-to-4 {
  0% {
    transform: translateX(calc(-100% * 5));
  }
  100% {
    transform: translateX(calc(-100% * 4));
  }
}
@keyframes carousel-animation-from-to-slide-5-to-6 {
  0% {
    transform: translateX(calc(-100% * 5));
  }
  100% {
    transform: translateX(calc(-100% * 6));
  }
}
@keyframes carousel-animation-from-to-slide-5-to-7 {
  0% {
    transform: translateX(calc(-100% * 5));
  }
  100% {
    transform: translateX(calc(-100% * 7));
  }
}
@keyframes carousel-animation-from-to-slide-5-to-8 {
  0% {
    transform: translateX(calc(-100% * 5));
  }
  100% {
    transform: translateX(calc(-100% * 8));
  }
}
@keyframes carousel-animation-from-to-slide-5-to-9 {
  0% {
    transform: translateX(calc(-100% * 5));
  }
  100% {
    transform: translateX(calc(-100% * 9));
  }
}
@keyframes carousel-animation-from-to-slide-5-to-10 {
  0% {
    transform: translateX(calc(-100% * 5));
  }
  100% {
    transform: translateX(calc(-100% * 10));
  }
}
@keyframes carousel-animation-from-to-slide-5-to-11 {
  0% {
    transform: translateX(calc(-100% * 5));
  }
  100% {
    transform: translateX(calc(-100% * 11));
  }
}
@keyframes carousel-animation-from-to-slide-5-to-12 {
  0% {
    transform: translateX(calc(-100% * 5));
  }
  100% {
    transform: translateX(calc(-100% * 12));
  }
}
@keyframes carousel-animation-from-to-slide-5-to-13 {
  0% {
    transform: translateX(calc(-100% * 5));
  }
  100% {
    transform: translateX(calc(-100% * 13));
  }
}
@keyframes carousel-animation-from-to-slide-5-to-14 {
  0% {
    transform: translateX(calc(-100% * 5));
  }
  100% {
    transform: translateX(calc(-100% * 14));
  }
}
@keyframes carousel-animation-from-to-slide-5-to-15 {
  0% {
    transform: translateX(calc(-100% * 5));
  }
  100% {
    transform: translateX(calc(-100% * 15));
  }
}
@keyframes carousel-animation-from-to-slide-5-to-16 {
  0% {
    transform: translateX(calc(-100% * 5));
  }
  100% {
    transform: translateX(calc(-100% * 16));
  }
}
@keyframes carousel-animation-from-to-slide-5-to-17 {
  0% {
    transform: translateX(calc(-100% * 5));
  }
  100% {
    transform: translateX(calc(-100% * 17));
  }
}
@keyframes carousel-animation-from-to-slide-5-to-18 {
  0% {
    transform: translateX(calc(-100% * 5));
  }
  100% {
    transform: translateX(calc(-100% * 18));
  }
}
@keyframes carousel-animation-from-to-slide-5-to-19 {
  0% {
    transform: translateX(calc(-100% * 5));
  }
  100% {
    transform: translateX(calc(-100% * 19));
  }
}
@keyframes carousel-animation-from-to-slide-5-to-20 {
  0% {
    transform: translateX(calc(-100% * 5));
  }
  100% {
    transform: translateX(calc(-100% * 20));
  }
}
@keyframes carousel-animation-from-to-slide-6-to-0 {
  0% {
    transform: translateX(calc(-100% * 6));
  }
  100% {
    transform: translateX(calc(-100% * 0));
  }
}
@keyframes carousel-animation-from-to-slide-6-to-1 {
  0% {
    transform: translateX(calc(-100% * 6));
  }
  100% {
    transform: translateX(calc(-100% * 1));
  }
}
@keyframes carousel-animation-from-to-slide-6-to-2 {
  0% {
    transform: translateX(calc(-100% * 6));
  }
  100% {
    transform: translateX(calc(-100% * 2));
  }
}
@keyframes carousel-animation-from-to-slide-6-to-3 {
  0% {
    transform: translateX(calc(-100% * 6));
  }
  100% {
    transform: translateX(calc(-100% * 3));
  }
}
@keyframes carousel-animation-from-to-slide-6-to-4 {
  0% {
    transform: translateX(calc(-100% * 6));
  }
  100% {
    transform: translateX(calc(-100% * 4));
  }
}
@keyframes carousel-animation-from-to-slide-6-to-5 {
  0% {
    transform: translateX(calc(-100% * 6));
  }
  100% {
    transform: translateX(calc(-100% * 5));
  }
}
@keyframes carousel-animation-from-to-slide-6-to-7 {
  0% {
    transform: translateX(calc(-100% * 6));
  }
  100% {
    transform: translateX(calc(-100% * 7));
  }
}
@keyframes carousel-animation-from-to-slide-6-to-8 {
  0% {
    transform: translateX(calc(-100% * 6));
  }
  100% {
    transform: translateX(calc(-100% * 8));
  }
}
@keyframes carousel-animation-from-to-slide-6-to-9 {
  0% {
    transform: translateX(calc(-100% * 6));
  }
  100% {
    transform: translateX(calc(-100% * 9));
  }
}
@keyframes carousel-animation-from-to-slide-6-to-10 {
  0% {
    transform: translateX(calc(-100% * 6));
  }
  100% {
    transform: translateX(calc(-100% * 10));
  }
}
@keyframes carousel-animation-from-to-slide-6-to-11 {
  0% {
    transform: translateX(calc(-100% * 6));
  }
  100% {
    transform: translateX(calc(-100% * 11));
  }
}
@keyframes carousel-animation-from-to-slide-6-to-12 {
  0% {
    transform: translateX(calc(-100% * 6));
  }
  100% {
    transform: translateX(calc(-100% * 12));
  }
}
@keyframes carousel-animation-from-to-slide-6-to-13 {
  0% {
    transform: translateX(calc(-100% * 6));
  }
  100% {
    transform: translateX(calc(-100% * 13));
  }
}
@keyframes carousel-animation-from-to-slide-6-to-14 {
  0% {
    transform: translateX(calc(-100% * 6));
  }
  100% {
    transform: translateX(calc(-100% * 14));
  }
}
@keyframes carousel-animation-from-to-slide-6-to-15 {
  0% {
    transform: translateX(calc(-100% * 6));
  }
  100% {
    transform: translateX(calc(-100% * 15));
  }
}
@keyframes carousel-animation-from-to-slide-6-to-16 {
  0% {
    transform: translateX(calc(-100% * 6));
  }
  100% {
    transform: translateX(calc(-100% * 16));
  }
}
@keyframes carousel-animation-from-to-slide-6-to-17 {
  0% {
    transform: translateX(calc(-100% * 6));
  }
  100% {
    transform: translateX(calc(-100% * 17));
  }
}
@keyframes carousel-animation-from-to-slide-6-to-18 {
  0% {
    transform: translateX(calc(-100% * 6));
  }
  100% {
    transform: translateX(calc(-100% * 18));
  }
}
@keyframes carousel-animation-from-to-slide-6-to-19 {
  0% {
    transform: translateX(calc(-100% * 6));
  }
  100% {
    transform: translateX(calc(-100% * 19));
  }
}
@keyframes carousel-animation-from-to-slide-6-to-20 {
  0% {
    transform: translateX(calc(-100% * 6));
  }
  100% {
    transform: translateX(calc(-100% * 20));
  }
}
@keyframes carousel-animation-from-to-slide-7-to-0 {
  0% {
    transform: translateX(calc(-100% * 7));
  }
  100% {
    transform: translateX(calc(-100% * 0));
  }
}
@keyframes carousel-animation-from-to-slide-7-to-1 {
  0% {
    transform: translateX(calc(-100% * 7));
  }
  100% {
    transform: translateX(calc(-100% * 1));
  }
}
@keyframes carousel-animation-from-to-slide-7-to-2 {
  0% {
    transform: translateX(calc(-100% * 7));
  }
  100% {
    transform: translateX(calc(-100% * 2));
  }
}
@keyframes carousel-animation-from-to-slide-7-to-3 {
  0% {
    transform: translateX(calc(-100% * 7));
  }
  100% {
    transform: translateX(calc(-100% * 3));
  }
}
@keyframes carousel-animation-from-to-slide-7-to-4 {
  0% {
    transform: translateX(calc(-100% * 7));
  }
  100% {
    transform: translateX(calc(-100% * 4));
  }
}
@keyframes carousel-animation-from-to-slide-7-to-5 {
  0% {
    transform: translateX(calc(-100% * 7));
  }
  100% {
    transform: translateX(calc(-100% * 5));
  }
}
@keyframes carousel-animation-from-to-slide-7-to-6 {
  0% {
    transform: translateX(calc(-100% * 7));
  }
  100% {
    transform: translateX(calc(-100% * 6));
  }
}
@keyframes carousel-animation-from-to-slide-7-to-8 {
  0% {
    transform: translateX(calc(-100% * 7));
  }
  100% {
    transform: translateX(calc(-100% * 8));
  }
}
@keyframes carousel-animation-from-to-slide-7-to-9 {
  0% {
    transform: translateX(calc(-100% * 7));
  }
  100% {
    transform: translateX(calc(-100% * 9));
  }
}
@keyframes carousel-animation-from-to-slide-7-to-10 {
  0% {
    transform: translateX(calc(-100% * 7));
  }
  100% {
    transform: translateX(calc(-100% * 10));
  }
}
@keyframes carousel-animation-from-to-slide-7-to-11 {
  0% {
    transform: translateX(calc(-100% * 7));
  }
  100% {
    transform: translateX(calc(-100% * 11));
  }
}
@keyframes carousel-animation-from-to-slide-7-to-12 {
  0% {
    transform: translateX(calc(-100% * 7));
  }
  100% {
    transform: translateX(calc(-100% * 12));
  }
}
@keyframes carousel-animation-from-to-slide-7-to-13 {
  0% {
    transform: translateX(calc(-100% * 7));
  }
  100% {
    transform: translateX(calc(-100% * 13));
  }
}
@keyframes carousel-animation-from-to-slide-7-to-14 {
  0% {
    transform: translateX(calc(-100% * 7));
  }
  100% {
    transform: translateX(calc(-100% * 14));
  }
}
@keyframes carousel-animation-from-to-slide-7-to-15 {
  0% {
    transform: translateX(calc(-100% * 7));
  }
  100% {
    transform: translateX(calc(-100% * 15));
  }
}
@keyframes carousel-animation-from-to-slide-7-to-16 {
  0% {
    transform: translateX(calc(-100% * 7));
  }
  100% {
    transform: translateX(calc(-100% * 16));
  }
}
@keyframes carousel-animation-from-to-slide-7-to-17 {
  0% {
    transform: translateX(calc(-100% * 7));
  }
  100% {
    transform: translateX(calc(-100% * 17));
  }
}
@keyframes carousel-animation-from-to-slide-7-to-18 {
  0% {
    transform: translateX(calc(-100% * 7));
  }
  100% {
    transform: translateX(calc(-100% * 18));
  }
}
@keyframes carousel-animation-from-to-slide-7-to-19 {
  0% {
    transform: translateX(calc(-100% * 7));
  }
  100% {
    transform: translateX(calc(-100% * 19));
  }
}
@keyframes carousel-animation-from-to-slide-7-to-20 {
  0% {
    transform: translateX(calc(-100% * 7));
  }
  100% {
    transform: translateX(calc(-100% * 20));
  }
}
@keyframes carousel-animation-from-to-slide-8-to-0 {
  0% {
    transform: translateX(calc(-100% * 8));
  }
  100% {
    transform: translateX(calc(-100% * 0));
  }
}
@keyframes carousel-animation-from-to-slide-8-to-1 {
  0% {
    transform: translateX(calc(-100% * 8));
  }
  100% {
    transform: translateX(calc(-100% * 1));
  }
}
@keyframes carousel-animation-from-to-slide-8-to-2 {
  0% {
    transform: translateX(calc(-100% * 8));
  }
  100% {
    transform: translateX(calc(-100% * 2));
  }
}
@keyframes carousel-animation-from-to-slide-8-to-3 {
  0% {
    transform: translateX(calc(-100% * 8));
  }
  100% {
    transform: translateX(calc(-100% * 3));
  }
}
@keyframes carousel-animation-from-to-slide-8-to-4 {
  0% {
    transform: translateX(calc(-100% * 8));
  }
  100% {
    transform: translateX(calc(-100% * 4));
  }
}
@keyframes carousel-animation-from-to-slide-8-to-5 {
  0% {
    transform: translateX(calc(-100% * 8));
  }
  100% {
    transform: translateX(calc(-100% * 5));
  }
}
@keyframes carousel-animation-from-to-slide-8-to-6 {
  0% {
    transform: translateX(calc(-100% * 8));
  }
  100% {
    transform: translateX(calc(-100% * 6));
  }
}
@keyframes carousel-animation-from-to-slide-8-to-7 {
  0% {
    transform: translateX(calc(-100% * 8));
  }
  100% {
    transform: translateX(calc(-100% * 7));
  }
}
@keyframes carousel-animation-from-to-slide-8-to-9 {
  0% {
    transform: translateX(calc(-100% * 8));
  }
  100% {
    transform: translateX(calc(-100% * 9));
  }
}
@keyframes carousel-animation-from-to-slide-8-to-10 {
  0% {
    transform: translateX(calc(-100% * 8));
  }
  100% {
    transform: translateX(calc(-100% * 10));
  }
}
@keyframes carousel-animation-from-to-slide-8-to-11 {
  0% {
    transform: translateX(calc(-100% * 8));
  }
  100% {
    transform: translateX(calc(-100% * 11));
  }
}
@keyframes carousel-animation-from-to-slide-8-to-12 {
  0% {
    transform: translateX(calc(-100% * 8));
  }
  100% {
    transform: translateX(calc(-100% * 12));
  }
}
@keyframes carousel-animation-from-to-slide-8-to-13 {
  0% {
    transform: translateX(calc(-100% * 8));
  }
  100% {
    transform: translateX(calc(-100% * 13));
  }
}
@keyframes carousel-animation-from-to-slide-8-to-14 {
  0% {
    transform: translateX(calc(-100% * 8));
  }
  100% {
    transform: translateX(calc(-100% * 14));
  }
}
@keyframes carousel-animation-from-to-slide-8-to-15 {
  0% {
    transform: translateX(calc(-100% * 8));
  }
  100% {
    transform: translateX(calc(-100% * 15));
  }
}
@keyframes carousel-animation-from-to-slide-8-to-16 {
  0% {
    transform: translateX(calc(-100% * 8));
  }
  100% {
    transform: translateX(calc(-100% * 16));
  }
}
@keyframes carousel-animation-from-to-slide-8-to-17 {
  0% {
    transform: translateX(calc(-100% * 8));
  }
  100% {
    transform: translateX(calc(-100% * 17));
  }
}
@keyframes carousel-animation-from-to-slide-8-to-18 {
  0% {
    transform: translateX(calc(-100% * 8));
  }
  100% {
    transform: translateX(calc(-100% * 18));
  }
}
@keyframes carousel-animation-from-to-slide-8-to-19 {
  0% {
    transform: translateX(calc(-100% * 8));
  }
  100% {
    transform: translateX(calc(-100% * 19));
  }
}
@keyframes carousel-animation-from-to-slide-8-to-20 {
  0% {
    transform: translateX(calc(-100% * 8));
  }
  100% {
    transform: translateX(calc(-100% * 20));
  }
}
@keyframes carousel-animation-from-to-slide-9-to-0 {
  0% {
    transform: translateX(calc(-100% * 9));
  }
  100% {
    transform: translateX(calc(-100% * 0));
  }
}
@keyframes carousel-animation-from-to-slide-9-to-1 {
  0% {
    transform: translateX(calc(-100% * 9));
  }
  100% {
    transform: translateX(calc(-100% * 1));
  }
}
@keyframes carousel-animation-from-to-slide-9-to-2 {
  0% {
    transform: translateX(calc(-100% * 9));
  }
  100% {
    transform: translateX(calc(-100% * 2));
  }
}
@keyframes carousel-animation-from-to-slide-9-to-3 {
  0% {
    transform: translateX(calc(-100% * 9));
  }
  100% {
    transform: translateX(calc(-100% * 3));
  }
}
@keyframes carousel-animation-from-to-slide-9-to-4 {
  0% {
    transform: translateX(calc(-100% * 9));
  }
  100% {
    transform: translateX(calc(-100% * 4));
  }
}
@keyframes carousel-animation-from-to-slide-9-to-5 {
  0% {
    transform: translateX(calc(-100% * 9));
  }
  100% {
    transform: translateX(calc(-100% * 5));
  }
}
@keyframes carousel-animation-from-to-slide-9-to-6 {
  0% {
    transform: translateX(calc(-100% * 9));
  }
  100% {
    transform: translateX(calc(-100% * 6));
  }
}
@keyframes carousel-animation-from-to-slide-9-to-7 {
  0% {
    transform: translateX(calc(-100% * 9));
  }
  100% {
    transform: translateX(calc(-100% * 7));
  }
}
@keyframes carousel-animation-from-to-slide-9-to-8 {
  0% {
    transform: translateX(calc(-100% * 9));
  }
  100% {
    transform: translateX(calc(-100% * 8));
  }
}
@keyframes carousel-animation-from-to-slide-9-to-10 {
  0% {
    transform: translateX(calc(-100% * 9));
  }
  100% {
    transform: translateX(calc(-100% * 10));
  }
}
@keyframes carousel-animation-from-to-slide-9-to-11 {
  0% {
    transform: translateX(calc(-100% * 9));
  }
  100% {
    transform: translateX(calc(-100% * 11));
  }
}
@keyframes carousel-animation-from-to-slide-9-to-12 {
  0% {
    transform: translateX(calc(-100% * 9));
  }
  100% {
    transform: translateX(calc(-100% * 12));
  }
}
@keyframes carousel-animation-from-to-slide-9-to-13 {
  0% {
    transform: translateX(calc(-100% * 9));
  }
  100% {
    transform: translateX(calc(-100% * 13));
  }
}
@keyframes carousel-animation-from-to-slide-9-to-14 {
  0% {
    transform: translateX(calc(-100% * 9));
  }
  100% {
    transform: translateX(calc(-100% * 14));
  }
}
@keyframes carousel-animation-from-to-slide-9-to-15 {
  0% {
    transform: translateX(calc(-100% * 9));
  }
  100% {
    transform: translateX(calc(-100% * 15));
  }
}
@keyframes carousel-animation-from-to-slide-9-to-16 {
  0% {
    transform: translateX(calc(-100% * 9));
  }
  100% {
    transform: translateX(calc(-100% * 16));
  }
}
@keyframes carousel-animation-from-to-slide-9-to-17 {
  0% {
    transform: translateX(calc(-100% * 9));
  }
  100% {
    transform: translateX(calc(-100% * 17));
  }
}
@keyframes carousel-animation-from-to-slide-9-to-18 {
  0% {
    transform: translateX(calc(-100% * 9));
  }
  100% {
    transform: translateX(calc(-100% * 18));
  }
}
@keyframes carousel-animation-from-to-slide-9-to-19 {
  0% {
    transform: translateX(calc(-100% * 9));
  }
  100% {
    transform: translateX(calc(-100% * 19));
  }
}
@keyframes carousel-animation-from-to-slide-9-to-20 {
  0% {
    transform: translateX(calc(-100% * 9));
  }
  100% {
    transform: translateX(calc(-100% * 20));
  }
}
@keyframes carousel-animation-from-to-slide-10-to-0 {
  0% {
    transform: translateX(calc(-100% * 10));
  }
  100% {
    transform: translateX(calc(-100% * 0));
  }
}
@keyframes carousel-animation-from-to-slide-10-to-1 {
  0% {
    transform: translateX(calc(-100% * 10));
  }
  100% {
    transform: translateX(calc(-100% * 1));
  }
}
@keyframes carousel-animation-from-to-slide-10-to-2 {
  0% {
    transform: translateX(calc(-100% * 10));
  }
  100% {
    transform: translateX(calc(-100% * 2));
  }
}
@keyframes carousel-animation-from-to-slide-10-to-3 {
  0% {
    transform: translateX(calc(-100% * 10));
  }
  100% {
    transform: translateX(calc(-100% * 3));
  }
}
@keyframes carousel-animation-from-to-slide-10-to-4 {
  0% {
    transform: translateX(calc(-100% * 10));
  }
  100% {
    transform: translateX(calc(-100% * 4));
  }
}
@keyframes carousel-animation-from-to-slide-10-to-5 {
  0% {
    transform: translateX(calc(-100% * 10));
  }
  100% {
    transform: translateX(calc(-100% * 5));
  }
}
@keyframes carousel-animation-from-to-slide-10-to-6 {
  0% {
    transform: translateX(calc(-100% * 10));
  }
  100% {
    transform: translateX(calc(-100% * 6));
  }
}
@keyframes carousel-animation-from-to-slide-10-to-7 {
  0% {
    transform: translateX(calc(-100% * 10));
  }
  100% {
    transform: translateX(calc(-100% * 7));
  }
}
@keyframes carousel-animation-from-to-slide-10-to-8 {
  0% {
    transform: translateX(calc(-100% * 10));
  }
  100% {
    transform: translateX(calc(-100% * 8));
  }
}
@keyframes carousel-animation-from-to-slide-10-to-9 {
  0% {
    transform: translateX(calc(-100% * 10));
  }
  100% {
    transform: translateX(calc(-100% * 9));
  }
}
@keyframes carousel-animation-from-to-slide-10-to-11 {
  0% {
    transform: translateX(calc(-100% * 10));
  }
  100% {
    transform: translateX(calc(-100% * 11));
  }
}
@keyframes carousel-animation-from-to-slide-10-to-12 {
  0% {
    transform: translateX(calc(-100% * 10));
  }
  100% {
    transform: translateX(calc(-100% * 12));
  }
}
@keyframes carousel-animation-from-to-slide-10-to-13 {
  0% {
    transform: translateX(calc(-100% * 10));
  }
  100% {
    transform: translateX(calc(-100% * 13));
  }
}
@keyframes carousel-animation-from-to-slide-10-to-14 {
  0% {
    transform: translateX(calc(-100% * 10));
  }
  100% {
    transform: translateX(calc(-100% * 14));
  }
}
@keyframes carousel-animation-from-to-slide-10-to-15 {
  0% {
    transform: translateX(calc(-100% * 10));
  }
  100% {
    transform: translateX(calc(-100% * 15));
  }
}
@keyframes carousel-animation-from-to-slide-10-to-16 {
  0% {
    transform: translateX(calc(-100% * 10));
  }
  100% {
    transform: translateX(calc(-100% * 16));
  }
}
@keyframes carousel-animation-from-to-slide-10-to-17 {
  0% {
    transform: translateX(calc(-100% * 10));
  }
  100% {
    transform: translateX(calc(-100% * 17));
  }
}
@keyframes carousel-animation-from-to-slide-10-to-18 {
  0% {
    transform: translateX(calc(-100% * 10));
  }
  100% {
    transform: translateX(calc(-100% * 18));
  }
}
@keyframes carousel-animation-from-to-slide-10-to-19 {
  0% {
    transform: translateX(calc(-100% * 10));
  }
  100% {
    transform: translateX(calc(-100% * 19));
  }
}
@keyframes carousel-animation-from-to-slide-10-to-20 {
  0% {
    transform: translateX(calc(-100% * 10));
  }
  100% {
    transform: translateX(calc(-100% * 20));
  }
}
@keyframes carousel-animation-from-to-slide-11-to-0 {
  0% {
    transform: translateX(calc(-100% * 11));
  }
  100% {
    transform: translateX(calc(-100% * 0));
  }
}
@keyframes carousel-animation-from-to-slide-11-to-1 {
  0% {
    transform: translateX(calc(-100% * 11));
  }
  100% {
    transform: translateX(calc(-100% * 1));
  }
}
@keyframes carousel-animation-from-to-slide-11-to-2 {
  0% {
    transform: translateX(calc(-100% * 11));
  }
  100% {
    transform: translateX(calc(-100% * 2));
  }
}
@keyframes carousel-animation-from-to-slide-11-to-3 {
  0% {
    transform: translateX(calc(-100% * 11));
  }
  100% {
    transform: translateX(calc(-100% * 3));
  }
}
@keyframes carousel-animation-from-to-slide-11-to-4 {
  0% {
    transform: translateX(calc(-100% * 11));
  }
  100% {
    transform: translateX(calc(-100% * 4));
  }
}
@keyframes carousel-animation-from-to-slide-11-to-5 {
  0% {
    transform: translateX(calc(-100% * 11));
  }
  100% {
    transform: translateX(calc(-100% * 5));
  }
}
@keyframes carousel-animation-from-to-slide-11-to-6 {
  0% {
    transform: translateX(calc(-100% * 11));
  }
  100% {
    transform: translateX(calc(-100% * 6));
  }
}
@keyframes carousel-animation-from-to-slide-11-to-7 {
  0% {
    transform: translateX(calc(-100% * 11));
  }
  100% {
    transform: translateX(calc(-100% * 7));
  }
}
@keyframes carousel-animation-from-to-slide-11-to-8 {
  0% {
    transform: translateX(calc(-100% * 11));
  }
  100% {
    transform: translateX(calc(-100% * 8));
  }
}
@keyframes carousel-animation-from-to-slide-11-to-9 {
  0% {
    transform: translateX(calc(-100% * 11));
  }
  100% {
    transform: translateX(calc(-100% * 9));
  }
}
@keyframes carousel-animation-from-to-slide-11-to-10 {
  0% {
    transform: translateX(calc(-100% * 11));
  }
  100% {
    transform: translateX(calc(-100% * 10));
  }
}
@keyframes carousel-animation-from-to-slide-11-to-12 {
  0% {
    transform: translateX(calc(-100% * 11));
  }
  100% {
    transform: translateX(calc(-100% * 12));
  }
}
@keyframes carousel-animation-from-to-slide-11-to-13 {
  0% {
    transform: translateX(calc(-100% * 11));
  }
  100% {
    transform: translateX(calc(-100% * 13));
  }
}
@keyframes carousel-animation-from-to-slide-11-to-14 {
  0% {
    transform: translateX(calc(-100% * 11));
  }
  100% {
    transform: translateX(calc(-100% * 14));
  }
}
@keyframes carousel-animation-from-to-slide-11-to-15 {
  0% {
    transform: translateX(calc(-100% * 11));
  }
  100% {
    transform: translateX(calc(-100% * 15));
  }
}
@keyframes carousel-animation-from-to-slide-11-to-16 {
  0% {
    transform: translateX(calc(-100% * 11));
  }
  100% {
    transform: translateX(calc(-100% * 16));
  }
}
@keyframes carousel-animation-from-to-slide-11-to-17 {
  0% {
    transform: translateX(calc(-100% * 11));
  }
  100% {
    transform: translateX(calc(-100% * 17));
  }
}
@keyframes carousel-animation-from-to-slide-11-to-18 {
  0% {
    transform: translateX(calc(-100% * 11));
  }
  100% {
    transform: translateX(calc(-100% * 18));
  }
}
@keyframes carousel-animation-from-to-slide-11-to-19 {
  0% {
    transform: translateX(calc(-100% * 11));
  }
  100% {
    transform: translateX(calc(-100% * 19));
  }
}
@keyframes carousel-animation-from-to-slide-11-to-20 {
  0% {
    transform: translateX(calc(-100% * 11));
  }
  100% {
    transform: translateX(calc(-100% * 20));
  }
}
@keyframes carousel-animation-from-to-slide-12-to-0 {
  0% {
    transform: translateX(calc(-100% * 12));
  }
  100% {
    transform: translateX(calc(-100% * 0));
  }
}
@keyframes carousel-animation-from-to-slide-12-to-1 {
  0% {
    transform: translateX(calc(-100% * 12));
  }
  100% {
    transform: translateX(calc(-100% * 1));
  }
}
@keyframes carousel-animation-from-to-slide-12-to-2 {
  0% {
    transform: translateX(calc(-100% * 12));
  }
  100% {
    transform: translateX(calc(-100% * 2));
  }
}
@keyframes carousel-animation-from-to-slide-12-to-3 {
  0% {
    transform: translateX(calc(-100% * 12));
  }
  100% {
    transform: translateX(calc(-100% * 3));
  }
}
@keyframes carousel-animation-from-to-slide-12-to-4 {
  0% {
    transform: translateX(calc(-100% * 12));
  }
  100% {
    transform: translateX(calc(-100% * 4));
  }
}
@keyframes carousel-animation-from-to-slide-12-to-5 {
  0% {
    transform: translateX(calc(-100% * 12));
  }
  100% {
    transform: translateX(calc(-100% * 5));
  }
}
@keyframes carousel-animation-from-to-slide-12-to-6 {
  0% {
    transform: translateX(calc(-100% * 12));
  }
  100% {
    transform: translateX(calc(-100% * 6));
  }
}
@keyframes carousel-animation-from-to-slide-12-to-7 {
  0% {
    transform: translateX(calc(-100% * 12));
  }
  100% {
    transform: translateX(calc(-100% * 7));
  }
}
@keyframes carousel-animation-from-to-slide-12-to-8 {
  0% {
    transform: translateX(calc(-100% * 12));
  }
  100% {
    transform: translateX(calc(-100% * 8));
  }
}
@keyframes carousel-animation-from-to-slide-12-to-9 {
  0% {
    transform: translateX(calc(-100% * 12));
  }
  100% {
    transform: translateX(calc(-100% * 9));
  }
}
@keyframes carousel-animation-from-to-slide-12-to-10 {
  0% {
    transform: translateX(calc(-100% * 12));
  }
  100% {
    transform: translateX(calc(-100% * 10));
  }
}
@keyframes carousel-animation-from-to-slide-12-to-11 {
  0% {
    transform: translateX(calc(-100% * 12));
  }
  100% {
    transform: translateX(calc(-100% * 11));
  }
}
@keyframes carousel-animation-from-to-slide-12-to-13 {
  0% {
    transform: translateX(calc(-100% * 12));
  }
  100% {
    transform: translateX(calc(-100% * 13));
  }
}
@keyframes carousel-animation-from-to-slide-12-to-14 {
  0% {
    transform: translateX(calc(-100% * 12));
  }
  100% {
    transform: translateX(calc(-100% * 14));
  }
}
@keyframes carousel-animation-from-to-slide-12-to-15 {
  0% {
    transform: translateX(calc(-100% * 12));
  }
  100% {
    transform: translateX(calc(-100% * 15));
  }
}
@keyframes carousel-animation-from-to-slide-12-to-16 {
  0% {
    transform: translateX(calc(-100% * 12));
  }
  100% {
    transform: translateX(calc(-100% * 16));
  }
}
@keyframes carousel-animation-from-to-slide-12-to-17 {
  0% {
    transform: translateX(calc(-100% * 12));
  }
  100% {
    transform: translateX(calc(-100% * 17));
  }
}
@keyframes carousel-animation-from-to-slide-12-to-18 {
  0% {
    transform: translateX(calc(-100% * 12));
  }
  100% {
    transform: translateX(calc(-100% * 18));
  }
}
@keyframes carousel-animation-from-to-slide-12-to-19 {
  0% {
    transform: translateX(calc(-100% * 12));
  }
  100% {
    transform: translateX(calc(-100% * 19));
  }
}
@keyframes carousel-animation-from-to-slide-12-to-20 {
  0% {
    transform: translateX(calc(-100% * 12));
  }
  100% {
    transform: translateX(calc(-100% * 20));
  }
}
@keyframes carousel-animation-from-to-slide-13-to-0 {
  0% {
    transform: translateX(calc(-100% * 13));
  }
  100% {
    transform: translateX(calc(-100% * 0));
  }
}
@keyframes carousel-animation-from-to-slide-13-to-1 {
  0% {
    transform: translateX(calc(-100% * 13));
  }
  100% {
    transform: translateX(calc(-100% * 1));
  }
}
@keyframes carousel-animation-from-to-slide-13-to-2 {
  0% {
    transform: translateX(calc(-100% * 13));
  }
  100% {
    transform: translateX(calc(-100% * 2));
  }
}
@keyframes carousel-animation-from-to-slide-13-to-3 {
  0% {
    transform: translateX(calc(-100% * 13));
  }
  100% {
    transform: translateX(calc(-100% * 3));
  }
}
@keyframes carousel-animation-from-to-slide-13-to-4 {
  0% {
    transform: translateX(calc(-100% * 13));
  }
  100% {
    transform: translateX(calc(-100% * 4));
  }
}
@keyframes carousel-animation-from-to-slide-13-to-5 {
  0% {
    transform: translateX(calc(-100% * 13));
  }
  100% {
    transform: translateX(calc(-100% * 5));
  }
}
@keyframes carousel-animation-from-to-slide-13-to-6 {
  0% {
    transform: translateX(calc(-100% * 13));
  }
  100% {
    transform: translateX(calc(-100% * 6));
  }
}
@keyframes carousel-animation-from-to-slide-13-to-7 {
  0% {
    transform: translateX(calc(-100% * 13));
  }
  100% {
    transform: translateX(calc(-100% * 7));
  }
}
@keyframes carousel-animation-from-to-slide-13-to-8 {
  0% {
    transform: translateX(calc(-100% * 13));
  }
  100% {
    transform: translateX(calc(-100% * 8));
  }
}
@keyframes carousel-animation-from-to-slide-13-to-9 {
  0% {
    transform: translateX(calc(-100% * 13));
  }
  100% {
    transform: translateX(calc(-100% * 9));
  }
}
@keyframes carousel-animation-from-to-slide-13-to-10 {
  0% {
    transform: translateX(calc(-100% * 13));
  }
  100% {
    transform: translateX(calc(-100% * 10));
  }
}
@keyframes carousel-animation-from-to-slide-13-to-11 {
  0% {
    transform: translateX(calc(-100% * 13));
  }
  100% {
    transform: translateX(calc(-100% * 11));
  }
}
@keyframes carousel-animation-from-to-slide-13-to-12 {
  0% {
    transform: translateX(calc(-100% * 13));
  }
  100% {
    transform: translateX(calc(-100% * 12));
  }
}
@keyframes carousel-animation-from-to-slide-13-to-14 {
  0% {
    transform: translateX(calc(-100% * 13));
  }
  100% {
    transform: translateX(calc(-100% * 14));
  }
}
@keyframes carousel-animation-from-to-slide-13-to-15 {
  0% {
    transform: translateX(calc(-100% * 13));
  }
  100% {
    transform: translateX(calc(-100% * 15));
  }
}
@keyframes carousel-animation-from-to-slide-13-to-16 {
  0% {
    transform: translateX(calc(-100% * 13));
  }
  100% {
    transform: translateX(calc(-100% * 16));
  }
}
@keyframes carousel-animation-from-to-slide-13-to-17 {
  0% {
    transform: translateX(calc(-100% * 13));
  }
  100% {
    transform: translateX(calc(-100% * 17));
  }
}
@keyframes carousel-animation-from-to-slide-13-to-18 {
  0% {
    transform: translateX(calc(-100% * 13));
  }
  100% {
    transform: translateX(calc(-100% * 18));
  }
}
@keyframes carousel-animation-from-to-slide-13-to-19 {
  0% {
    transform: translateX(calc(-100% * 13));
  }
  100% {
    transform: translateX(calc(-100% * 19));
  }
}
@keyframes carousel-animation-from-to-slide-13-to-20 {
  0% {
    transform: translateX(calc(-100% * 13));
  }
  100% {
    transform: translateX(calc(-100% * 20));
  }
}
@keyframes carousel-animation-from-to-slide-14-to-0 {
  0% {
    transform: translateX(calc(-100% * 14));
  }
  100% {
    transform: translateX(calc(-100% * 0));
  }
}
@keyframes carousel-animation-from-to-slide-14-to-1 {
  0% {
    transform: translateX(calc(-100% * 14));
  }
  100% {
    transform: translateX(calc(-100% * 1));
  }
}
@keyframes carousel-animation-from-to-slide-14-to-2 {
  0% {
    transform: translateX(calc(-100% * 14));
  }
  100% {
    transform: translateX(calc(-100% * 2));
  }
}
@keyframes carousel-animation-from-to-slide-14-to-3 {
  0% {
    transform: translateX(calc(-100% * 14));
  }
  100% {
    transform: translateX(calc(-100% * 3));
  }
}
@keyframes carousel-animation-from-to-slide-14-to-4 {
  0% {
    transform: translateX(calc(-100% * 14));
  }
  100% {
    transform: translateX(calc(-100% * 4));
  }
}
@keyframes carousel-animation-from-to-slide-14-to-5 {
  0% {
    transform: translateX(calc(-100% * 14));
  }
  100% {
    transform: translateX(calc(-100% * 5));
  }
}
@keyframes carousel-animation-from-to-slide-14-to-6 {
  0% {
    transform: translateX(calc(-100% * 14));
  }
  100% {
    transform: translateX(calc(-100% * 6));
  }
}
@keyframes carousel-animation-from-to-slide-14-to-7 {
  0% {
    transform: translateX(calc(-100% * 14));
  }
  100% {
    transform: translateX(calc(-100% * 7));
  }
}
@keyframes carousel-animation-from-to-slide-14-to-8 {
  0% {
    transform: translateX(calc(-100% * 14));
  }
  100% {
    transform: translateX(calc(-100% * 8));
  }
}
@keyframes carousel-animation-from-to-slide-14-to-9 {
  0% {
    transform: translateX(calc(-100% * 14));
  }
  100% {
    transform: translateX(calc(-100% * 9));
  }
}
@keyframes carousel-animation-from-to-slide-14-to-10 {
  0% {
    transform: translateX(calc(-100% * 14));
  }
  100% {
    transform: translateX(calc(-100% * 10));
  }
}
@keyframes carousel-animation-from-to-slide-14-to-11 {
  0% {
    transform: translateX(calc(-100% * 14));
  }
  100% {
    transform: translateX(calc(-100% * 11));
  }
}
@keyframes carousel-animation-from-to-slide-14-to-12 {
  0% {
    transform: translateX(calc(-100% * 14));
  }
  100% {
    transform: translateX(calc(-100% * 12));
  }
}
@keyframes carousel-animation-from-to-slide-14-to-13 {
  0% {
    transform: translateX(calc(-100% * 14));
  }
  100% {
    transform: translateX(calc(-100% * 13));
  }
}
@keyframes carousel-animation-from-to-slide-14-to-15 {
  0% {
    transform: translateX(calc(-100% * 14));
  }
  100% {
    transform: translateX(calc(-100% * 15));
  }
}
@keyframes carousel-animation-from-to-slide-14-to-16 {
  0% {
    transform: translateX(calc(-100% * 14));
  }
  100% {
    transform: translateX(calc(-100% * 16));
  }
}
@keyframes carousel-animation-from-to-slide-14-to-17 {
  0% {
    transform: translateX(calc(-100% * 14));
  }
  100% {
    transform: translateX(calc(-100% * 17));
  }
}
@keyframes carousel-animation-from-to-slide-14-to-18 {
  0% {
    transform: translateX(calc(-100% * 14));
  }
  100% {
    transform: translateX(calc(-100% * 18));
  }
}
@keyframes carousel-animation-from-to-slide-14-to-19 {
  0% {
    transform: translateX(calc(-100% * 14));
  }
  100% {
    transform: translateX(calc(-100% * 19));
  }
}
@keyframes carousel-animation-from-to-slide-14-to-20 {
  0% {
    transform: translateX(calc(-100% * 14));
  }
  100% {
    transform: translateX(calc(-100% * 20));
  }
}
@keyframes carousel-animation-from-to-slide-15-to-0 {
  0% {
    transform: translateX(calc(-100% * 15));
  }
  100% {
    transform: translateX(calc(-100% * 0));
  }
}
@keyframes carousel-animation-from-to-slide-15-to-1 {
  0% {
    transform: translateX(calc(-100% * 15));
  }
  100% {
    transform: translateX(calc(-100% * 1));
  }
}
@keyframes carousel-animation-from-to-slide-15-to-2 {
  0% {
    transform: translateX(calc(-100% * 15));
  }
  100% {
    transform: translateX(calc(-100% * 2));
  }
}
@keyframes carousel-animation-from-to-slide-15-to-3 {
  0% {
    transform: translateX(calc(-100% * 15));
  }
  100% {
    transform: translateX(calc(-100% * 3));
  }
}
@keyframes carousel-animation-from-to-slide-15-to-4 {
  0% {
    transform: translateX(calc(-100% * 15));
  }
  100% {
    transform: translateX(calc(-100% * 4));
  }
}
@keyframes carousel-animation-from-to-slide-15-to-5 {
  0% {
    transform: translateX(calc(-100% * 15));
  }
  100% {
    transform: translateX(calc(-100% * 5));
  }
}
@keyframes carousel-animation-from-to-slide-15-to-6 {
  0% {
    transform: translateX(calc(-100% * 15));
  }
  100% {
    transform: translateX(calc(-100% * 6));
  }
}
@keyframes carousel-animation-from-to-slide-15-to-7 {
  0% {
    transform: translateX(calc(-100% * 15));
  }
  100% {
    transform: translateX(calc(-100% * 7));
  }
}
@keyframes carousel-animation-from-to-slide-15-to-8 {
  0% {
    transform: translateX(calc(-100% * 15));
  }
  100% {
    transform: translateX(calc(-100% * 8));
  }
}
@keyframes carousel-animation-from-to-slide-15-to-9 {
  0% {
    transform: translateX(calc(-100% * 15));
  }
  100% {
    transform: translateX(calc(-100% * 9));
  }
}
@keyframes carousel-animation-from-to-slide-15-to-10 {
  0% {
    transform: translateX(calc(-100% * 15));
  }
  100% {
    transform: translateX(calc(-100% * 10));
  }
}
@keyframes carousel-animation-from-to-slide-15-to-11 {
  0% {
    transform: translateX(calc(-100% * 15));
  }
  100% {
    transform: translateX(calc(-100% * 11));
  }
}
@keyframes carousel-animation-from-to-slide-15-to-12 {
  0% {
    transform: translateX(calc(-100% * 15));
  }
  100% {
    transform: translateX(calc(-100% * 12));
  }
}
@keyframes carousel-animation-from-to-slide-15-to-13 {
  0% {
    transform: translateX(calc(-100% * 15));
  }
  100% {
    transform: translateX(calc(-100% * 13));
  }
}
@keyframes carousel-animation-from-to-slide-15-to-14 {
  0% {
    transform: translateX(calc(-100% * 15));
  }
  100% {
    transform: translateX(calc(-100% * 14));
  }
}
@keyframes carousel-animation-from-to-slide-15-to-16 {
  0% {
    transform: translateX(calc(-100% * 15));
  }
  100% {
    transform: translateX(calc(-100% * 16));
  }
}
@keyframes carousel-animation-from-to-slide-15-to-17 {
  0% {
    transform: translateX(calc(-100% * 15));
  }
  100% {
    transform: translateX(calc(-100% * 17));
  }
}
@keyframes carousel-animation-from-to-slide-15-to-18 {
  0% {
    transform: translateX(calc(-100% * 15));
  }
  100% {
    transform: translateX(calc(-100% * 18));
  }
}
@keyframes carousel-animation-from-to-slide-15-to-19 {
  0% {
    transform: translateX(calc(-100% * 15));
  }
  100% {
    transform: translateX(calc(-100% * 19));
  }
}
@keyframes carousel-animation-from-to-slide-15-to-20 {
  0% {
    transform: translateX(calc(-100% * 15));
  }
  100% {
    transform: translateX(calc(-100% * 20));
  }
}
@keyframes carousel-animation-from-to-slide-16-to-0 {
  0% {
    transform: translateX(calc(-100% * 16));
  }
  100% {
    transform: translateX(calc(-100% * 0));
  }
}
@keyframes carousel-animation-from-to-slide-16-to-1 {
  0% {
    transform: translateX(calc(-100% * 16));
  }
  100% {
    transform: translateX(calc(-100% * 1));
  }
}
@keyframes carousel-animation-from-to-slide-16-to-2 {
  0% {
    transform: translateX(calc(-100% * 16));
  }
  100% {
    transform: translateX(calc(-100% * 2));
  }
}
@keyframes carousel-animation-from-to-slide-16-to-3 {
  0% {
    transform: translateX(calc(-100% * 16));
  }
  100% {
    transform: translateX(calc(-100% * 3));
  }
}
@keyframes carousel-animation-from-to-slide-16-to-4 {
  0% {
    transform: translateX(calc(-100% * 16));
  }
  100% {
    transform: translateX(calc(-100% * 4));
  }
}
@keyframes carousel-animation-from-to-slide-16-to-5 {
  0% {
    transform: translateX(calc(-100% * 16));
  }
  100% {
    transform: translateX(calc(-100% * 5));
  }
}
@keyframes carousel-animation-from-to-slide-16-to-6 {
  0% {
    transform: translateX(calc(-100% * 16));
  }
  100% {
    transform: translateX(calc(-100% * 6));
  }
}
@keyframes carousel-animation-from-to-slide-16-to-7 {
  0% {
    transform: translateX(calc(-100% * 16));
  }
  100% {
    transform: translateX(calc(-100% * 7));
  }
}
@keyframes carousel-animation-from-to-slide-16-to-8 {
  0% {
    transform: translateX(calc(-100% * 16));
  }
  100% {
    transform: translateX(calc(-100% * 8));
  }
}
@keyframes carousel-animation-from-to-slide-16-to-9 {
  0% {
    transform: translateX(calc(-100% * 16));
  }
  100% {
    transform: translateX(calc(-100% * 9));
  }
}
@keyframes carousel-animation-from-to-slide-16-to-10 {
  0% {
    transform: translateX(calc(-100% * 16));
  }
  100% {
    transform: translateX(calc(-100% * 10));
  }
}
@keyframes carousel-animation-from-to-slide-16-to-11 {
  0% {
    transform: translateX(calc(-100% * 16));
  }
  100% {
    transform: translateX(calc(-100% * 11));
  }
}
@keyframes carousel-animation-from-to-slide-16-to-12 {
  0% {
    transform: translateX(calc(-100% * 16));
  }
  100% {
    transform: translateX(calc(-100% * 12));
  }
}
@keyframes carousel-animation-from-to-slide-16-to-13 {
  0% {
    transform: translateX(calc(-100% * 16));
  }
  100% {
    transform: translateX(calc(-100% * 13));
  }
}
@keyframes carousel-animation-from-to-slide-16-to-14 {
  0% {
    transform: translateX(calc(-100% * 16));
  }
  100% {
    transform: translateX(calc(-100% * 14));
  }
}
@keyframes carousel-animation-from-to-slide-16-to-15 {
  0% {
    transform: translateX(calc(-100% * 16));
  }
  100% {
    transform: translateX(calc(-100% * 15));
  }
}
@keyframes carousel-animation-from-to-slide-16-to-17 {
  0% {
    transform: translateX(calc(-100% * 16));
  }
  100% {
    transform: translateX(calc(-100% * 17));
  }
}
@keyframes carousel-animation-from-to-slide-16-to-18 {
  0% {
    transform: translateX(calc(-100% * 16));
  }
  100% {
    transform: translateX(calc(-100% * 18));
  }
}
@keyframes carousel-animation-from-to-slide-16-to-19 {
  0% {
    transform: translateX(calc(-100% * 16));
  }
  100% {
    transform: translateX(calc(-100% * 19));
  }
}
@keyframes carousel-animation-from-to-slide-16-to-20 {
  0% {
    transform: translateX(calc(-100% * 16));
  }
  100% {
    transform: translateX(calc(-100% * 20));
  }
}
@keyframes carousel-animation-from-to-slide-17-to-0 {
  0% {
    transform: translateX(calc(-100% * 17));
  }
  100% {
    transform: translateX(calc(-100% * 0));
  }
}
@keyframes carousel-animation-from-to-slide-17-to-1 {
  0% {
    transform: translateX(calc(-100% * 17));
  }
  100% {
    transform: translateX(calc(-100% * 1));
  }
}
@keyframes carousel-animation-from-to-slide-17-to-2 {
  0% {
    transform: translateX(calc(-100% * 17));
  }
  100% {
    transform: translateX(calc(-100% * 2));
  }
}
@keyframes carousel-animation-from-to-slide-17-to-3 {
  0% {
    transform: translateX(calc(-100% * 17));
  }
  100% {
    transform: translateX(calc(-100% * 3));
  }
}
@keyframes carousel-animation-from-to-slide-17-to-4 {
  0% {
    transform: translateX(calc(-100% * 17));
  }
  100% {
    transform: translateX(calc(-100% * 4));
  }
}
@keyframes carousel-animation-from-to-slide-17-to-5 {
  0% {
    transform: translateX(calc(-100% * 17));
  }
  100% {
    transform: translateX(calc(-100% * 5));
  }
}
@keyframes carousel-animation-from-to-slide-17-to-6 {
  0% {
    transform: translateX(calc(-100% * 17));
  }
  100% {
    transform: translateX(calc(-100% * 6));
  }
}
@keyframes carousel-animation-from-to-slide-17-to-7 {
  0% {
    transform: translateX(calc(-100% * 17));
  }
  100% {
    transform: translateX(calc(-100% * 7));
  }
}
@keyframes carousel-animation-from-to-slide-17-to-8 {
  0% {
    transform: translateX(calc(-100% * 17));
  }
  100% {
    transform: translateX(calc(-100% * 8));
  }
}
@keyframes carousel-animation-from-to-slide-17-to-9 {
  0% {
    transform: translateX(calc(-100% * 17));
  }
  100% {
    transform: translateX(calc(-100% * 9));
  }
}
@keyframes carousel-animation-from-to-slide-17-to-10 {
  0% {
    transform: translateX(calc(-100% * 17));
  }
  100% {
    transform: translateX(calc(-100% * 10));
  }
}
@keyframes carousel-animation-from-to-slide-17-to-11 {
  0% {
    transform: translateX(calc(-100% * 17));
  }
  100% {
    transform: translateX(calc(-100% * 11));
  }
}
@keyframes carousel-animation-from-to-slide-17-to-12 {
  0% {
    transform: translateX(calc(-100% * 17));
  }
  100% {
    transform: translateX(calc(-100% * 12));
  }
}
@keyframes carousel-animation-from-to-slide-17-to-13 {
  0% {
    transform: translateX(calc(-100% * 17));
  }
  100% {
    transform: translateX(calc(-100% * 13));
  }
}
@keyframes carousel-animation-from-to-slide-17-to-14 {
  0% {
    transform: translateX(calc(-100% * 17));
  }
  100% {
    transform: translateX(calc(-100% * 14));
  }
}
@keyframes carousel-animation-from-to-slide-17-to-15 {
  0% {
    transform: translateX(calc(-100% * 17));
  }
  100% {
    transform: translateX(calc(-100% * 15));
  }
}
@keyframes carousel-animation-from-to-slide-17-to-16 {
  0% {
    transform: translateX(calc(-100% * 17));
  }
  100% {
    transform: translateX(calc(-100% * 16));
  }
}
@keyframes carousel-animation-from-to-slide-17-to-18 {
  0% {
    transform: translateX(calc(-100% * 17));
  }
  100% {
    transform: translateX(calc(-100% * 18));
  }
}
@keyframes carousel-animation-from-to-slide-17-to-19 {
  0% {
    transform: translateX(calc(-100% * 17));
  }
  100% {
    transform: translateX(calc(-100% * 19));
  }
}
@keyframes carousel-animation-from-to-slide-17-to-20 {
  0% {
    transform: translateX(calc(-100% * 17));
  }
  100% {
    transform: translateX(calc(-100% * 20));
  }
}
@keyframes carousel-animation-from-to-slide-18-to-0 {
  0% {
    transform: translateX(calc(-100% * 18));
  }
  100% {
    transform: translateX(calc(-100% * 0));
  }
}
@keyframes carousel-animation-from-to-slide-18-to-1 {
  0% {
    transform: translateX(calc(-100% * 18));
  }
  100% {
    transform: translateX(calc(-100% * 1));
  }
}
@keyframes carousel-animation-from-to-slide-18-to-2 {
  0% {
    transform: translateX(calc(-100% * 18));
  }
  100% {
    transform: translateX(calc(-100% * 2));
  }
}
@keyframes carousel-animation-from-to-slide-18-to-3 {
  0% {
    transform: translateX(calc(-100% * 18));
  }
  100% {
    transform: translateX(calc(-100% * 3));
  }
}
@keyframes carousel-animation-from-to-slide-18-to-4 {
  0% {
    transform: translateX(calc(-100% * 18));
  }
  100% {
    transform: translateX(calc(-100% * 4));
  }
}
@keyframes carousel-animation-from-to-slide-18-to-5 {
  0% {
    transform: translateX(calc(-100% * 18));
  }
  100% {
    transform: translateX(calc(-100% * 5));
  }
}
@keyframes carousel-animation-from-to-slide-18-to-6 {
  0% {
    transform: translateX(calc(-100% * 18));
  }
  100% {
    transform: translateX(calc(-100% * 6));
  }
}
@keyframes carousel-animation-from-to-slide-18-to-7 {
  0% {
    transform: translateX(calc(-100% * 18));
  }
  100% {
    transform: translateX(calc(-100% * 7));
  }
}
@keyframes carousel-animation-from-to-slide-18-to-8 {
  0% {
    transform: translateX(calc(-100% * 18));
  }
  100% {
    transform: translateX(calc(-100% * 8));
  }
}
@keyframes carousel-animation-from-to-slide-18-to-9 {
  0% {
    transform: translateX(calc(-100% * 18));
  }
  100% {
    transform: translateX(calc(-100% * 9));
  }
}
@keyframes carousel-animation-from-to-slide-18-to-10 {
  0% {
    transform: translateX(calc(-100% * 18));
  }
  100% {
    transform: translateX(calc(-100% * 10));
  }
}
@keyframes carousel-animation-from-to-slide-18-to-11 {
  0% {
    transform: translateX(calc(-100% * 18));
  }
  100% {
    transform: translateX(calc(-100% * 11));
  }
}
@keyframes carousel-animation-from-to-slide-18-to-12 {
  0% {
    transform: translateX(calc(-100% * 18));
  }
  100% {
    transform: translateX(calc(-100% * 12));
  }
}
@keyframes carousel-animation-from-to-slide-18-to-13 {
  0% {
    transform: translateX(calc(-100% * 18));
  }
  100% {
    transform: translateX(calc(-100% * 13));
  }
}
@keyframes carousel-animation-from-to-slide-18-to-14 {
  0% {
    transform: translateX(calc(-100% * 18));
  }
  100% {
    transform: translateX(calc(-100% * 14));
  }
}
@keyframes carousel-animation-from-to-slide-18-to-15 {
  0% {
    transform: translateX(calc(-100% * 18));
  }
  100% {
    transform: translateX(calc(-100% * 15));
  }
}
@keyframes carousel-animation-from-to-slide-18-to-16 {
  0% {
    transform: translateX(calc(-100% * 18));
  }
  100% {
    transform: translateX(calc(-100% * 16));
  }
}
@keyframes carousel-animation-from-to-slide-18-to-17 {
  0% {
    transform: translateX(calc(-100% * 18));
  }
  100% {
    transform: translateX(calc(-100% * 17));
  }
}
@keyframes carousel-animation-from-to-slide-18-to-19 {
  0% {
    transform: translateX(calc(-100% * 18));
  }
  100% {
    transform: translateX(calc(-100% * 19));
  }
}
@keyframes carousel-animation-from-to-slide-18-to-20 {
  0% {
    transform: translateX(calc(-100% * 18));
  }
  100% {
    transform: translateX(calc(-100% * 20));
  }
}
@keyframes carousel-animation-from-to-slide-19-to-0 {
  0% {
    transform: translateX(calc(-100% * 19));
  }
  100% {
    transform: translateX(calc(-100% * 0));
  }
}
@keyframes carousel-animation-from-to-slide-19-to-1 {
  0% {
    transform: translateX(calc(-100% * 19));
  }
  100% {
    transform: translateX(calc(-100% * 1));
  }
}
@keyframes carousel-animation-from-to-slide-19-to-2 {
  0% {
    transform: translateX(calc(-100% * 19));
  }
  100% {
    transform: translateX(calc(-100% * 2));
  }
}
@keyframes carousel-animation-from-to-slide-19-to-3 {
  0% {
    transform: translateX(calc(-100% * 19));
  }
  100% {
    transform: translateX(calc(-100% * 3));
  }
}
@keyframes carousel-animation-from-to-slide-19-to-4 {
  0% {
    transform: translateX(calc(-100% * 19));
  }
  100% {
    transform: translateX(calc(-100% * 4));
  }
}
@keyframes carousel-animation-from-to-slide-19-to-5 {
  0% {
    transform: translateX(calc(-100% * 19));
  }
  100% {
    transform: translateX(calc(-100% * 5));
  }
}
@keyframes carousel-animation-from-to-slide-19-to-6 {
  0% {
    transform: translateX(calc(-100% * 19));
  }
  100% {
    transform: translateX(calc(-100% * 6));
  }
}
@keyframes carousel-animation-from-to-slide-19-to-7 {
  0% {
    transform: translateX(calc(-100% * 19));
  }
  100% {
    transform: translateX(calc(-100% * 7));
  }
}
@keyframes carousel-animation-from-to-slide-19-to-8 {
  0% {
    transform: translateX(calc(-100% * 19));
  }
  100% {
    transform: translateX(calc(-100% * 8));
  }
}
@keyframes carousel-animation-from-to-slide-19-to-9 {
  0% {
    transform: translateX(calc(-100% * 19));
  }
  100% {
    transform: translateX(calc(-100% * 9));
  }
}
@keyframes carousel-animation-from-to-slide-19-to-10 {
  0% {
    transform: translateX(calc(-100% * 19));
  }
  100% {
    transform: translateX(calc(-100% * 10));
  }
}
@keyframes carousel-animation-from-to-slide-19-to-11 {
  0% {
    transform: translateX(calc(-100% * 19));
  }
  100% {
    transform: translateX(calc(-100% * 11));
  }
}
@keyframes carousel-animation-from-to-slide-19-to-12 {
  0% {
    transform: translateX(calc(-100% * 19));
  }
  100% {
    transform: translateX(calc(-100% * 12));
  }
}
@keyframes carousel-animation-from-to-slide-19-to-13 {
  0% {
    transform: translateX(calc(-100% * 19));
  }
  100% {
    transform: translateX(calc(-100% * 13));
  }
}
@keyframes carousel-animation-from-to-slide-19-to-14 {
  0% {
    transform: translateX(calc(-100% * 19));
  }
  100% {
    transform: translateX(calc(-100% * 14));
  }
}
@keyframes carousel-animation-from-to-slide-19-to-15 {
  0% {
    transform: translateX(calc(-100% * 19));
  }
  100% {
    transform: translateX(calc(-100% * 15));
  }
}
@keyframes carousel-animation-from-to-slide-19-to-16 {
  0% {
    transform: translateX(calc(-100% * 19));
  }
  100% {
    transform: translateX(calc(-100% * 16));
  }
}
@keyframes carousel-animation-from-to-slide-19-to-17 {
  0% {
    transform: translateX(calc(-100% * 19));
  }
  100% {
    transform: translateX(calc(-100% * 17));
  }
}
@keyframes carousel-animation-from-to-slide-19-to-18 {
  0% {
    transform: translateX(calc(-100% * 19));
  }
  100% {
    transform: translateX(calc(-100% * 18));
  }
}
@keyframes carousel-animation-from-to-slide-19-to-20 {
  0% {
    transform: translateX(calc(-100% * 19));
  }
  100% {
    transform: translateX(calc(-100% * 20));
  }
}
@keyframes carousel-animation-from-to-slide-20-to-0 {
  0% {
    transform: translateX(calc(-100% * 20));
  }
  100% {
    transform: translateX(calc(-100% * 0));
  }
}
@keyframes carousel-animation-from-to-slide-20-to-1 {
  0% {
    transform: translateX(calc(-100% * 20));
  }
  100% {
    transform: translateX(calc(-100% * 1));
  }
}
@keyframes carousel-animation-from-to-slide-20-to-2 {
  0% {
    transform: translateX(calc(-100% * 20));
  }
  100% {
    transform: translateX(calc(-100% * 2));
  }
}
@keyframes carousel-animation-from-to-slide-20-to-3 {
  0% {
    transform: translateX(calc(-100% * 20));
  }
  100% {
    transform: translateX(calc(-100% * 3));
  }
}
@keyframes carousel-animation-from-to-slide-20-to-4 {
  0% {
    transform: translateX(calc(-100% * 20));
  }
  100% {
    transform: translateX(calc(-100% * 4));
  }
}
@keyframes carousel-animation-from-to-slide-20-to-5 {
  0% {
    transform: translateX(calc(-100% * 20));
  }
  100% {
    transform: translateX(calc(-100% * 5));
  }
}
@keyframes carousel-animation-from-to-slide-20-to-6 {
  0% {
    transform: translateX(calc(-100% * 20));
  }
  100% {
    transform: translateX(calc(-100% * 6));
  }
}
@keyframes carousel-animation-from-to-slide-20-to-7 {
  0% {
    transform: translateX(calc(-100% * 20));
  }
  100% {
    transform: translateX(calc(-100% * 7));
  }
}
@keyframes carousel-animation-from-to-slide-20-to-8 {
  0% {
    transform: translateX(calc(-100% * 20));
  }
  100% {
    transform: translateX(calc(-100% * 8));
  }
}
@keyframes carousel-animation-from-to-slide-20-to-9 {
  0% {
    transform: translateX(calc(-100% * 20));
  }
  100% {
    transform: translateX(calc(-100% * 9));
  }
}
@keyframes carousel-animation-from-to-slide-20-to-10 {
  0% {
    transform: translateX(calc(-100% * 20));
  }
  100% {
    transform: translateX(calc(-100% * 10));
  }
}
@keyframes carousel-animation-from-to-slide-20-to-11 {
  0% {
    transform: translateX(calc(-100% * 20));
  }
  100% {
    transform: translateX(calc(-100% * 11));
  }
}
@keyframes carousel-animation-from-to-slide-20-to-12 {
  0% {
    transform: translateX(calc(-100% * 20));
  }
  100% {
    transform: translateX(calc(-100% * 12));
  }
}
@keyframes carousel-animation-from-to-slide-20-to-13 {
  0% {
    transform: translateX(calc(-100% * 20));
  }
  100% {
    transform: translateX(calc(-100% * 13));
  }
}
@keyframes carousel-animation-from-to-slide-20-to-14 {
  0% {
    transform: translateX(calc(-100% * 20));
  }
  100% {
    transform: translateX(calc(-100% * 14));
  }
}
@keyframes carousel-animation-from-to-slide-20-to-15 {
  0% {
    transform: translateX(calc(-100% * 20));
  }
  100% {
    transform: translateX(calc(-100% * 15));
  }
}
@keyframes carousel-animation-from-to-slide-20-to-16 {
  0% {
    transform: translateX(calc(-100% * 20));
  }
  100% {
    transform: translateX(calc(-100% * 16));
  }
}
@keyframes carousel-animation-from-to-slide-20-to-17 {
  0% {
    transform: translateX(calc(-100% * 20));
  }
  100% {
    transform: translateX(calc(-100% * 17));
  }
}
@keyframes carousel-animation-from-to-slide-20-to-18 {
  0% {
    transform: translateX(calc(-100% * 20));
  }
  100% {
    transform: translateX(calc(-100% * 18));
  }
}
@keyframes carousel-animation-from-to-slide-20-to-19 {
  0% {
    transform: translateX(calc(-100% * 20));
  }
  100% {
    transform: translateX(calc(-100% * 19));
  }
}
@keyframes carousel-animation-wind-back {
  0% {
    transform: translateX(-500%);
  }
  33% {
    transform: translateX(-530%);
  }
  100% {
    transform: translateX(0);
  }
}
@media screen and (min-width: 46.25rem) {
  .container {
    max-width: 1440px;
  }
}
[role=banner] [role=navigation] li.landing-page-redesign--nav--search {
  display: inline-flex;
  align-items: flex-start;
}
@media screen and (max-width: 1018px) {
  [role=banner] [role=navigation] li.landing-page-redesign--nav--search {
    display: flex;
    width: calc(100% - 40px);
    padding: 15px 20px;
    height: 60px;
  }
}
[role=banner] [role=navigation] li.landing-page-redesign--nav--search > .landing-page-redesign--nav-search--field-with-results {
  display: inline-flex;
  align-items: flex-start;
  min-width: 200px;
  justify-content: stretch;
}
@media screen and (min-width: 1019px) {
  [role=banner] [role=navigation] li.landing-page-redesign--nav--search > .landing-page-redesign--nav-search--field-with-results {
    position: relative;
    top: -4px;
  }
}
@media screen and (max-width: 1018px) {
  [role=banner] [role=navigation] li.landing-page-redesign--nav--search > .landing-page-redesign--nav-search--field-with-results {
    display: flex;
    width: 100%;
    position: relative;
    z-index: 11;
  }
}
[role=banner] [role=navigation] li.landing-page-redesign--nav--search > .landing-page-redesign--nav-search--field-with-results > .landing-page-redesign--nav-search--field-with-results--field {
  flex-basis: 100%;
  flex-grow: 1;
  flex-shrink: 1;
}
[role=banner] [role=navigation] li.landing-page-redesign--nav--search > .landing-page-redesign--nav-search--field-with-results > .landing-page-redesign--nav-search--field-with-results--field > .landing-page-redesign--nav-search--field-with-results--field--wrapper {
  position: relative;
}
[role=banner] [role=navigation] li.landing-page-redesign--nav--search > .landing-page-redesign--nav-search--field-with-results > .landing-page-redesign--nav-search--field-with-results--field > .landing-page-redesign--nav-search--field-with-results--field--wrapper > .search > .search-input-wrap > .search-input {
  padding-left: 0.96rem;
  padding-right: 0.6rem;
  transition: padding-right linear 200ms;
  border-radius: 6px;
  border-color: #DCEBF4;
  border-width: 0;
  background-color: #DCEBF4;
  color: #006D97;
  font-family: "Open Sans";
  font-size: 15px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  box-sizing: border-box;
}
[role=banner] [role=navigation] li.landing-page-redesign--nav--search > .landing-page-redesign--nav-search--field-with-results > .landing-page-redesign--nav-search--field-with-results--field > .landing-page-redesign--nav-search--field-with-results--field--wrapper > .search > .search-input-wrap > .search-input::placeholder {
  color: #006D97;
  font-family: "Open Sans";
  font-size: 15px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
}
@media screen and (max-width: 1018px) {
  [role=banner] [role=navigation] li.landing-page-redesign--nav--search > .landing-page-redesign--nav-search--field-with-results > .landing-page-redesign--nav-search--field-with-results--field > .landing-page-redesign--nav-search--field-with-results--field--wrapper > .search > .search-input-wrap > .search-input {
    height: 60px;
    padding-top: 0;
    padding-bottom: 0;
    font-size: 18px;
  }
}
@media screen and (min-width: 1019px) {
  [role=banner] [role=navigation] li.landing-page-redesign--nav--search > .landing-page-redesign--nav-search--field-with-results > .landing-page-redesign--nav-search--field-with-results--field > .landing-page-redesign--nav-search--field-with-results--field--wrapper > .search > .search-input-wrap > .search-input {
    height: 45px;
    position: relative;
    top: -6px;
    border: none;
  }
}
[role=banner] [role=navigation] li.landing-page-redesign--nav--search > .landing-page-redesign--nav-search--field-with-results > .landing-page-redesign--nav-search--field-with-results--field > .landing-page-redesign--nav-search--field-with-results--field--wrapper > .search > .search-input-wrap > .search-spinner {
  display: none;
  font-weight: 700;
  outline: 0;
  user-select: none;
  position: absolute;
  padding-right: 0.96rem;
  height: 100%;
  right: 0;
  left: auto;
}
[role=banner] [role=navigation] li.landing-page-redesign--nav--search > .landing-page-redesign--nav-search--field-with-results > .landing-page-redesign--nav-search--field-with-results--field > .landing-page-redesign--nav-search--field-with-results--field--wrapper > .search > .search-input-wrap > .search-label {
  right: 4px;
  top: 17px;
  padding-left: 0;
  padding-right: 0;
  transition: right linear 200ms;
}
@media screen and (max-width: 1018px) {
  [role=banner] [role=navigation] li.landing-page-redesign--nav--search > .landing-page-redesign--nav-search--field-with-results > .landing-page-redesign--nav-search--field-with-results--field > .landing-page-redesign--nav-search--field-with-results--field--wrapper > .search > .search-input-wrap > .search-label {
    width: 25px;
    height: 26px;
  }
}

.landing-page-content__right-panel {
  background: #fff;
}
.landing-page-content__right-panel > .landing-page-content__right-panel--content {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.landing-page-content__right-panel > .landing-page-content__right-panel--content > .landing-page-content__right-panel--content--body {
  background: #fff;
}
@media screen and (min-width: 1200px) {
  .landing-page-content__right-panel > .landing-page-content__right-panel--content > .landing-page-content__right-panel--content--body {
    padding: 40px 40px 40px 80px;
    flex-basis: calc(100% - 420px - 120px);
    flex-grow: 1;
    flex-shrink: 1;
  }
}
@media screen and (max-width: 1199px) {
  .landing-page-content__right-panel > .landing-page-content__right-panel--content > .landing-page-content__right-panel--content--body {
    padding: 40px 20px 40px 20px;
    flex-basis: calc(100% - 420px - 40px);
    flex-grow: 1;
    flex-shrink: 1;
  }
}
@media screen and (max-width: 834px) {
  .landing-page-content__right-panel > .landing-page-content__right-panel--content > .landing-page-content__right-panel--content--body {
    flex-shrink: 0;
    flex-grow: 0;
    padding: 20px 0 0 20px;
    flex-basis: calc(100% - 20px);
  }
}
.landing-page-content__right-panel > .landing-page-content__right-panel--content > .landing-page-content__right-panel--content--body > h2 {
  color: #003551;
  font-family: "Open Sans Condensed";
  font-size: 30px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.landing-page-content__right-panel > .landing-page-content__right-panel--content > .landing-page-content__right-panel--content--body > h2 > a {
  color: #005EB8;
  text-decoration: underline;
  font-family: "Open Sans Condensed";
}
.landing-page-content__right-panel > .landing-page-content__right-panel--content > .landing-page-content__right-panel--content--body > h2 > a:hover {
  color: #00A3E0;
}
@media screen and (min-width: 835px) {
  .landing-page-content__right-panel > .landing-page-content__right-panel--content > .landing-page-content__right-panel--content--side-panel {
    flex-basis: 420px;
    flex-grow: 0;
    flex-shrink: 1;
    max-width: 420px;
  }
}
@media screen and (max-width: 834px) {
  .landing-page-content__right-panel > .landing-page-content__right-panel--content > .landing-page-content__right-panel--content--side-panel {
    flex-basis: 100%;
    padding-top: 0;
  }
}
.landing-page-content__right-panel > .landing-page-content__right-panel--content > .landing-page-content__right-panel--content--side-panel.landing-page-content__right-panel--content--side-panel__has-card-grid {
  padding-top: 2em;
  padding-bottom: 2em;
}
@media screen and (min-width: 429px) and (max-width: 834px) {
  .landing-page-content__right-panel > .landing-page-content__right-panel--content > .landing-page-content__right-panel--content--side-panel.landing-page-content__right-panel--content--side-panel__without-card-grid {
    flex-basis: calc(100% - 80px);
    padding-bottom: 20px;
  }
}
@media screen and (max-width: 428px) {
  .landing-page-content__right-panel > .landing-page-content__right-panel--content > .landing-page-content__right-panel--content--side-panel.landing-page-content__right-panel--content--side-panel__without-card-grid {
    padding-left: 0;
    padding-right: 0;
    flex-basis: 100%;
    padding-bottom: 20px;
  }
}
.landing-page-content__right-panel > .landing-page-content__right-panel--content > .landing-page-content__right-panel--content--side-panel > .solutions-card-grid > .solutions-card-grid--card-wrapper {
  padding: 2em 0;
}
@media screen and (min-width: 835px) {
  .landing-page-content__right-panel > .landing-page-content__right-panel--content > .landing-page-content__right-panel--content--side-panel > .solutions-card-grid > .solutions-card-grid--card-wrapper {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
    flex-wrap: wrap;
  }
}
@media screen and (min-width: 701) and (max-width: 834px) {
  .landing-page-content__right-panel > .landing-page-content__right-panel--content > .landing-page-content__right-panel--content--side-panel > .solutions-card-grid > .solutions-card-grid--card-wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
}
@media screen and (max-width: 700px) {
  .landing-page-content__right-panel > .landing-page-content__right-panel--content > .landing-page-content__right-panel--content--side-panel > .solutions-card-grid > .solutions-card-grid--card-wrapper {
    display: grid;
    grid-template-columns: 1fr;
  }
}
@media screen and (max-width: 700px) {
  .landing-page-content__right-panel > .landing-page-content__right-panel--content > .landing-page-content__right-panel--content--side-panel > .solutions-card-grid > .solutions-card-grid--card-wrapper > .solutions-card-grid--card-wrapper--card {
    width: calc(100% - 40px);
  }
}
.landing-page-content__right-panel > .landing-page-content__right-panel--content > .landing-page-content__right-panel--content--side-panel > .solutions-card-grid > .solutions-card-grid--card-wrapper > .solutions-card-grid--card-wrapper--card > .solutions-card-grid--card-wrapper--card--content {
  font-family: "Open Sans";
  font-size: 18px;
  font-weight: 400;
  line-height: 27px;
  letter-spacing: 0em;
  text-align: left;
  color: #697B84;
}
.landing-page-content__right-panel > .landing-page-content__right-panel--content > .landing-page-content__right-panel--content--side-panel > .landing-page-content__right-panel--content-side-panel--header {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.landing-page-content__right-panel > .landing-page-content__right-panel--content > .landing-page-content__right-panel--content--side-panel > .landing-page-content__right-panel--content-side-panel--header > h2 {
  width: 350px;
  white-space: nowrap;
}
.landing-page-content__right-panel > .landing-page-content__right-panel--content > .landing-page-content__right-panel--content--side-panel .draft-3-landing-page--button-stack {
  box-sizing: border-box;
}
@media screen and (max-width: 834px) and (min-width: 429px) {
  .landing-page-content__right-panel > .landing-page-content__right-panel--content > .landing-page-content__right-panel--content--side-panel .draft-3-landing-page--button-stack {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 2em;
    padding: 0 0 0 20px;
    width: calc(100% - 4em);
  }
}
@media screen and (min-width: 835px), screen and (max-width: 428px) {
  .landing-page-content__right-panel > .landing-page-content__right-panel--content > .landing-page-content__right-panel--content--side-panel .draft-3-landing-page--button-stack {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    row-gap: 30px;
  }
}
@media screen and (max-width: 834px) {
  .landing-page-content__right-panel > .landing-page-content__right-panel--content > .landing-page-content__right-panel--content--side-panel .draft-3-landing-page--button-stack {
    width: 100%;
  }
}
@media screen and (min-width: 835px) {
  .landing-page-content__right-panel > .landing-page-content__right-panel--content > .landing-page-content__right-panel--content--side-panel .draft-3-landing-page--button-stack {
    padding-top: 110px;
  }
}
@media screen and (max-width: 428px) {
  .landing-page-content__right-panel > .landing-page-content__right-panel--content > .landing-page-content__right-panel--content--side-panel .draft-3-landing-page--button-stack {
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media screen and (min-width: 835px) and (max-width: 1439px) {
  .landing-page-content__right-panel > .landing-page-content__right-panel--content > .landing-page-content__right-panel--content--side-panel .draft-3-landing-page--button-stack .draft-3-landing-page--button-stack--button {
    flex-basis: 50%;
    flex-grow: 1;
    flex-shrink: 1;
    widtH: auto;
  }
}
@media screen and (min-width: 1440px) {
  .landing-page-content__right-panel > .landing-page-content__right-panel--content > .landing-page-content__right-panel--content--side-panel .draft-3-landing-page--button-stack .draft-3-landing-page--button-stack--button {
    width: 71%;
  }
}
@media screen and (max-width: 834px) {
  .landing-page-content__right-panel > .landing-page-content__right-panel--content > .landing-page-content__right-panel--content--side-panel .draft-3-landing-page--button-stack .draft-3-landing-page--button-stack--button {
    width: 100%;
  }
}
.landing-page-content__right-panel > .landing-page-content__right-panel--content > .landing-page-content__right-panel--content--side-panel .draft-3-landing-page--button-stack .draft-3-landing-page--button-stack--button > opensearch-button {
  width: 100%;
  height: 71px;
}
.landing-page-content__right-panel > .landing-page-content__right-panel--content > .landing-page-content__right-panel--content--side-panel .draft-3-landing-page--button-stack .draft-3-landing-page--button-stack--button > opensearch-button span[slot=icon-slot] {
  width: 37px;
  height: 37px;
  padding: 1em;
}
.landing-page-content__right-panel > .landing-page-content__right-panel--content > .landing-page-content__right-panel--content--side-panel .draft-3-landing-page--button-stack .draft-3-landing-page--button-stack--button > opensearch-button div[slot=icon-slot] {
  widtH: 37px;
  height: 37px;
}
.landing-page-content__right-panel > .landing-page-content__right-panel--content > .landing-page-content__right-panel--content--side-panel .draft-3-landing-page--button-stack .draft-3-landing-page--button-stack--button > opensearch-button div[slot=text-slot] {
  font-weight: bolder;
}
.landing-page-content__right-panel > .landing-page-content__right-panel--content > .landing-page-content__right-panel--content--side-panel > .landing-page-content__right-panel--content-side-panel--version-label {
  color: #94A1A8;
  font-family: "Open Sans";
  font-size: 15px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  padding-top: 20px;
}
@media screen and (max-width: 834px) {
  .landing-page-content__right-panel > .landing-page-content__right-panel--content > .landing-page-content__right-panel--content--side-panel > .landing-page-content__right-panel--content-side-panel--version-label {
    padding-top: 6px;
  }
}
.landing-page-content__right-panel > .landing-page-content__right-panel--content > .landing-page-content__right-panel--content--side-panel > .resource-grid {
  flex-wrap: wrap;
  justify-content: center;
  row-gap: 4em;
}
.landing-page-content__right-panel > .landing-page-content__right-panel--content > .landing-page-content__right-panel--content--side-panel > .resource-grid > .resource-grid--item {
  width: 350px;
  background-color: #fff;
}
.landing-page-content__right-panel > .landing-page-content__right-panel--content > .landing-page-content__right-panel--content--side-panel > .resource-grid--more {
  margin-top: 80px;
}

.homepage-wrapper {
  width: 100%;
  padding: 0;
}
.homepage-wrapper > .landing-page-hero__left-header {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  background: #D9D9D9;
}
.homepage-wrapper > .landing-page-hero__left-header > .landing-page-hero__left-header--header,
.homepage-wrapper > .landing-page-hero__left-header > .landing-page-hero__left-header--hero {
  display: flex;
  min-height: 264px;
}
.homepage-wrapper > .landing-page-hero__left-header > .landing-page-hero__left-header--header {
  max-width: calc(480px - 6em);
  flex-basis: calc(480px - 6em);
  flex-direction: column;
  flex-shrink: 1;
  flex-grow: 1;
  background: #6F6E6E;
  padding: 3em;
}
.homepage-wrapper > .landing-page-hero__left-header > .landing-page-hero__left-header--header > h1 {
  color: #FFF;
  font-size: 54px;
  font-style: normal;
  font-weight: normal;
  line-height: normal;
  font-family: "Open Sans";
}
.homepage-wrapper > .landing-page-hero__left-header > .landing-page-hero__left-header--hero {
  max-width: 960px;
  flex-basis: 960px;
  flex-shrink: 1;
  flex-grow: 1;
}
.homepage-wrapper > .landing-page-hero__left-header > .landing-page-hero__left-header--hero > .landing-page-hero--hero--image-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  flex-basis: 100%;
}
.homepage-wrapper > .landing-page-hero__left-header > .landing-page-hero__left-header--hero > .landing-page-hero--hero--image-wrapper > img {
  margin: auto;
  width: 91.581px;
  height: 68.571px;
  flex-shrink: 0;
}
.homepage-wrapper .landing-page-hero-wrapper {
  position: relative;
  padding: 0;
}
@media screen and (min-width: 834px) {
  .homepage-wrapper .landing-page-hero-wrapper {
    height: 440px;
  }
}
@media screen and (max-width: 833px) {
  .homepage-wrapper .landing-page-hero-wrapper {
    height: 460px;
  }
}
.homepage-wrapper .landing-page-hero-wrapper .landing-page-hero {
  top: 0;
  left: 0;
  margin: 0;
  width: 100%;
  max-width: 1440px;
  position: relative;
}
@media screen and (min-width: 834px) {
  .homepage-wrapper .landing-page-hero-wrapper .landing-page-hero {
    height: 350px;
  }
}
@media screen and (max-width: 833px) {
  .homepage-wrapper .landing-page-hero-wrapper .landing-page-hero {
    height: 430px;
  }
}
.homepage-wrapper .landing-page-hero-wrapper .landing-page-hero .homepage-hero-banner--new-release-available {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.homepage-wrapper .landing-page-hero-wrapper .landing-page-hero .homepage-hero-banner--new-release-available > .homepage-hero-banner--new-release-available--flex-wrap {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
}
.homepage-wrapper .landing-page-hero-wrapper .landing-page-hero .homepage-hero-banner--new-release-available > .homepage-hero-banner--new-release-available--flex-wrap > .homepage-hero-banner--new-release-available--icon-with-name {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: nowrap;
  justify-content: center;
}
.homepage-wrapper .landing-page-hero-wrapper .landing-page-hero .homepage-hero-banner--new-release-available > .homepage-hero-banner--new-release-available--flex-wrap > .homepage-hero-banner--new-release-available--icon-with-name > .homepage-hero-banner--new-release-available--icon-with-name--icon {
  width: 88px;
  height: 88px;
  flex-basis: 88px;
  flex-grow: 0;
  flex-shrink: 0;
}
.homepage-wrapper .landing-page-hero-wrapper .landing-page-hero .homepage-hero-banner--new-release-available > .homepage-hero-banner--new-release-available--flex-wrap > .homepage-hero-banner--new-release-available--icon-with-name > .homepage-hero-banner--new-release-available--icon-with-name--icon > svg {
  width: 88px;
  height: 88px;
}
@media screen and (max-width: 580px) {
  .homepage-wrapper .landing-page-hero-wrapper .landing-page-hero .homepage-hero-banner--new-release-available > .homepage-hero-banner--new-release-available--flex-wrap > .homepage-hero-banner--new-release-available--icon-with-name > .homepage-hero-banner--new-release-available--icon-with-name--icon > svg {
    width: 75px;
    height: 75px;
  }
}
@media screen and (max-width: 580px) {
  .homepage-wrapper .landing-page-hero-wrapper .landing-page-hero .homepage-hero-banner--new-release-available > .homepage-hero-banner--new-release-available--flex-wrap > .homepage-hero-banner--new-release-available--icon-with-name > .homepage-hero-banner--new-release-available--icon-with-name--icon {
    width: 75px;
    height: 75px;
  }
}
@media screen and (max-width: 399px) {
  .homepage-wrapper .landing-page-hero-wrapper .landing-page-hero .homepage-hero-banner--new-release-available > .homepage-hero-banner--new-release-available--flex-wrap > .homepage-hero-banner--new-release-available--icon-with-name > .homepage-hero-banner--new-release-available--icon-with-name--icon {
    width: 58px;
    height: 58px;
  }
}
.homepage-wrapper .landing-page-hero-wrapper .landing-page-hero .homepage-hero-banner--new-release-available > .homepage-hero-banner--new-release-available--flex-wrap > .homepage-hero-banner--new-release-available--icon-with-name > .homepage-hero-banner--new-release-available--icon-with-name--name {
  color: #FFF;
  text-align: center;
  font-family: "Open Sans";
  font-size: 64px;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
  padding-left: 17px;
  box-sizing: border-box;
}
@media screen and (max-width: 580px) {
  .homepage-wrapper .landing-page-hero-wrapper .landing-page-hero .homepage-hero-banner--new-release-available > .homepage-hero-banner--new-release-available--flex-wrap > .homepage-hero-banner--new-release-available--icon-with-name > .homepage-hero-banner--new-release-available--icon-with-name--name {
    font-size: 51px;
    padding-left: 0;
  }
}
@media screen and (max-width: 399px) {
  .homepage-wrapper .landing-page-hero-wrapper .landing-page-hero .homepage-hero-banner--new-release-available > .homepage-hero-banner--new-release-available--flex-wrap > .homepage-hero-banner--new-release-available--icon-with-name > .homepage-hero-banner--new-release-available--icon-with-name--name {
    font-size: 44px;
  }
}
.homepage-wrapper .landing-page-hero-wrapper .landing-page-hero .homepage-hero-banner--new-release-available > .homepage-hero-banner--new-release-available--flex-wrap > .homepage-hero-banner--new-release-available--version {
  color: #FFF;
  text-align: center;
  font-family: "Open Sans";
  font-size: 64px;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
}
@media screen and (max-width: 580px) {
  .homepage-wrapper .landing-page-hero-wrapper .landing-page-hero .homepage-hero-banner--new-release-available > .homepage-hero-banner--new-release-available--flex-wrap > .homepage-hero-banner--new-release-available--version {
    font-size: 51px;
  }
}
@media screen and (max-width: 399px) {
  .homepage-wrapper .landing-page-hero-wrapper .landing-page-hero .homepage-hero-banner--new-release-available > .homepage-hero-banner--new-release-available--flex-wrap > .homepage-hero-banner--new-release-available--version {
    font-size: 44px;
  }
}
.homepage-wrapper .landing-page-hero-wrapper .landing-page-hero .homepage-hero-banner--text-with-gradient {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.homepage-wrapper .landing-page-hero-wrapper .landing-page-hero .homepage-hero-banner--text-with-gradient.homepage-hero-banner--text-with-gradient__malibu-sunset-dark {
  background: linear-gradient(180deg, #F65275 0%, #8C3649 100%);
}
.homepage-wrapper .landing-page-hero-wrapper .landing-page-hero .homepage-hero-banner--text-with-gradient.homepage-hero-banner--text-with-gradient__purple-sage-dark {
  background: linear-gradient(180deg, #963CBD 0%, #692F84 50.52%, #411D52 100%);
}
.homepage-wrapper .landing-page-hero-wrapper .landing-page-hero .homepage-hero-banner--text-with-gradient.homepage-hero-banner--text-with-gradient__deep-blue-sea {
  background: linear-gradient(180deg, #016BA7 0%, #011C2D 97.92%);
}
.homepage-wrapper .landing-page-hero-wrapper .landing-page-hero .homepage-hero-banner--text-with-gradient > .homepage-hero-banner--text-with-gradient--text {
  margin-left: 80px;
  max-width: 650px;
}
@media screen and (max-width: 959px) {
  .homepage-wrapper .landing-page-hero-wrapper .landing-page-hero .homepage-hero-banner--text-with-gradient > .homepage-hero-banner--text-with-gradient--text {
    margin-left: 40px;
  }
}
@media screen and (max-width: 739px) {
  .homepage-wrapper .landing-page-hero-wrapper .landing-page-hero .homepage-hero-banner--text-with-gradient > .homepage-hero-banner--text-with-gradient--text {
    margin-left: 20px;
  }
}
@media screen and (max-width: 690px) {
  .homepage-wrapper .landing-page-hero-wrapper .landing-page-hero .homepage-hero-banner--text-with-gradient > .homepage-hero-banner--text-with-gradient--text {
    margin-left: 10px;
    max-width: calc(100% - 10px);
  }
}
.homepage-wrapper .landing-page-hero-wrapper .landing-page-hero .homepage-hero-banner--text-with-gradient > .homepage-hero-banner--text-with-gradient--text > .homepage-hero-banner--text-with-gradient--text--header {
  color: #fff;
  font-family: "Open Sans";
  font-size: 51px;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
}
@media screen and (max-width: 490px) {
  .homepage-wrapper .landing-page-hero-wrapper .landing-page-hero .homepage-hero-banner--text-with-gradient > .homepage-hero-banner--text-with-gradient--text > .homepage-hero-banner--text-with-gradient--text--header {
    font-size: 42px;
  }
}
.homepage-wrapper .landing-page-hero-wrapper .landing-page-hero .homepage-hero-banner--text-with-gradient > .homepage-hero-banner--text-with-gradient--text > .homepage-hero-banner--text-with-gradient--text--body {
  color: #FFF;
  font-family: "Open Sans";
  font-size: 21px;
  font-style: normal;
  font-weight: 700;
  line-height: 36px;
}
@media screen and (max-width: 490px) {
  .homepage-wrapper .landing-page-hero-wrapper .landing-page-hero .homepage-hero-banner--text-with-gradient > .homepage-hero-banner--text-with-gradient--text > .homepage-hero-banner--text-with-gradient--text--body {
    font-size: 18px;
    line-height: 24px;
  }
}
.homepage-wrapper .landing-page-hero-wrapper .landing-page-hero > .landing-page-hero--images {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
}
.homepage-wrapper .landing-page-hero-wrapper .landing-page-hero > .landing-page-hero--images > .landing-page-hero--images--image.landing-page-hero--images--image__desktop > img {
  object-fit: fill;
  width: 100%;
  height: 100%;
}
.homepage-wrapper .landing-page-hero-wrapper .landing-page-hero > .landing-page-hero--images > .landing-page-hero--images--image.landing-page-hero--images--image__mobile > img {
  object-fit: fill;
  width: 100%;
  height: 100%;
}
.homepage-wrapper .landing-page-hero-wrapper .landing-page-hero > .landing-page-hero--images > .landing-page-hero--images--image img {
  object-fit: fill;
  width: 100%;
  height: 100%;
}
@media screen and (min-width: 834px) {
  .homepage-wrapper .landing-page-hero-wrapper .landing-page-hero > .landing-page-hero--images > .landing-page-hero--images--image.landing-page-hero--images--image__desktop {
    display: block;
  }
  .homepage-wrapper .landing-page-hero-wrapper .landing-page-hero > .landing-page-hero--images > .landing-page-hero--images--image.landing-page-hero--images--image__mobile {
    display: none;
  }
}
@media screen and (max-width: 833px) {
  .homepage-wrapper .landing-page-hero-wrapper .landing-page-hero > .landing-page-hero--images > .landing-page-hero--images--image.landing-page-hero--images--image__desktop {
    display: none;
  }
  .homepage-wrapper .landing-page-hero-wrapper .landing-page-hero > .landing-page-hero--images > .landing-page-hero--images--image.landing-page-hero--images--image__mobile {
    display: block;
  }
}
.homepage-wrapper .landing-page-hero-wrapper .landing-page-hero > .landing-page-hero--call-to-action {
  position: absolute;
  height: 60px;
  box-sizing: border-box;
  z-index: 2;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media screen and (min-width: 1200px) {
  .homepage-wrapper .landing-page-hero-wrapper .landing-page-hero > .landing-page-hero--call-to-action {
    bottom: 50px;
    right: 100px;
  }
}
@media screen and (min-width: 960px) and (max-width: 1199px) {
  .homepage-wrapper .landing-page-hero-wrapper .landing-page-hero > .landing-page-hero--call-to-action {
    bottom: 20px;
    right: 100px;
  }
}
@media screen and (min-width: 835px) and (max-width: 959px) {
  .homepage-wrapper .landing-page-hero-wrapper .landing-page-hero > .landing-page-hero--call-to-action {
    bottom: 20px;
    right: 40px;
  }
}
@media screen and (max-width: 834px) {
  .homepage-wrapper .landing-page-hero-wrapper .landing-page-hero > .landing-page-hero--call-to-action {
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
  }
}
@media screen and (max-width: 490px) {
  .homepage-wrapper .landing-page-hero-wrapper .landing-page-hero > .landing-page-hero--call-to-action {
    bottom: 10px;
    left: 50%;
    transform: translateX(-50%);
  }
}
.homepage-wrapper .landing-page-hero-wrapper .landing-page-hero > .landing-page-hero--call-to-action.malibu-sunrise {
  background: #F65275;
  color: #FFF;
  text-align: center;
  font-family: "Open Sans";
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  height: 60px;
  padding: 17px 17px 16px 25px;
  box-sizing: border-box;
  box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.25);
  border: 1px solid #fff;
  border-radius: 30px;
}
.homepage-wrapper .landing-page-hero-wrapper .landing-page-hero > .landing-page-hero--call-to-action.malibu-sunrise:has(a:focus) {
  border: 3px solid #005EB8;
  background: #F65275;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}
.homepage-wrapper .landing-page-hero-wrapper .landing-page-hero > .landing-page-hero--call-to-action.malibu-sunrise:has(a:hover) {
  background: #fff;
  border: 1px solid #F65275;
}
.homepage-wrapper .landing-page-hero-wrapper .landing-page-hero > .landing-page-hero--call-to-action.malibu-sunrise:has(a:hover) a {
  color: #F65275;
}
.homepage-wrapper .landing-page-hero-wrapper .landing-page-hero > .landing-page-hero--call-to-action.malibu-sunrise:has(a:active) {
  background: #fff;
  border: 1px solid #005EB8;
}
.homepage-wrapper .landing-page-hero-wrapper .landing-page-hero > .landing-page-hero--call-to-action.malibu-sunrise:has(a:active) a {
  color: #F65275;
}
.homepage-wrapper .landing-page-hero-wrapper .landing-page-hero > .landing-page-hero--call-to-action.malibu-sunrise a:hover {
  background: unset;
}
.homepage-wrapper .landing-page-hero-wrapper .landing-page-hero > .landing-page-hero--call-to-action.malibu-sunrise .landing-page-hero--call-to-action--arrow__normal-focused {
  display: block;
}
.homepage-wrapper .landing-page-hero-wrapper .landing-page-hero > .landing-page-hero--call-to-action.malibu-sunrise .landing-page-hero--call-to-action--arrow__hover-active {
  display: none;
}
.homepage-wrapper .landing-page-hero-wrapper .landing-page-hero > .landing-page-hero--call-to-action.malibu-sunrise:hover {
  background: #fff;
  border: 1px solid #F65275;
}
.homepage-wrapper .landing-page-hero-wrapper .landing-page-hero > .landing-page-hero--call-to-action.malibu-sunrise:hover a {
  color: #F65275;
}
.homepage-wrapper .landing-page-hero-wrapper .landing-page-hero > .landing-page-hero--call-to-action.malibu-sunrise:hover .landing-page-hero--call-to-action--arrow__normal-focused {
  display: none;
}
.homepage-wrapper .landing-page-hero-wrapper .landing-page-hero > .landing-page-hero--call-to-action.malibu-sunrise:hover .landing-page-hero--call-to-action--arrow__hover-active {
  display: block;
}
.homepage-wrapper .landing-page-hero-wrapper .landing-page-hero > .landing-page-hero--call-to-action.malibu-sunrise.malibu-sunrise__focus {
  border: 3px solid #005EB8;
  background: #F65275;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}
.homepage-wrapper .landing-page-hero-wrapper .landing-page-hero > .landing-page-hero--call-to-action.malibu-sunrise.malibu-sunrise__focus .landing-page-hero--call-to-action--arrow__normal-focused {
  display: block;
}
.homepage-wrapper .landing-page-hero-wrapper .landing-page-hero > .landing-page-hero--call-to-action.malibu-sunrise.malibu-sunrise__focus .landing-page-hero--call-to-action--arrow__hover-active {
  display: none;
}
.homepage-wrapper .landing-page-hero-wrapper .landing-page-hero > .landing-page-hero--call-to-action.malibu-sunrise.malibu-sunrise__active {
  background: #fff;
  border: 1px solid #005EB8;
}
.homepage-wrapper .landing-page-hero-wrapper .landing-page-hero > .landing-page-hero--call-to-action.malibu-sunrise.malibu-sunrise__active a {
  color: #F65275;
}
.homepage-wrapper .landing-page-hero-wrapper .landing-page-hero > .landing-page-hero--call-to-action.malibu-sunrise.malibu-sunrise__active .landing-page-hero--call-to-action--arrow__normal-focused {
  display: none;
}
.homepage-wrapper .landing-page-hero-wrapper .landing-page-hero > .landing-page-hero--call-to-action.malibu-sunrise.malibu-sunrise__active .landing-page-hero--call-to-action--arrow__hover-active {
  display: block;
}
.homepage-wrapper .landing-page-hero-wrapper .landing-page-hero > .landing-page-hero--call-to-action.purple-sage-secondary {
  background: #963CBD;
  color: #FFF;
  text-align: center;
  font-family: "Open Sans";
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  height: 60px;
  padding: 17px 17px 16px 25px;
  box-sizing: border-box;
  box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.25);
  border: 1px solid #fff;
  border-radius: 30px;
}
.homepage-wrapper .landing-page-hero-wrapper .landing-page-hero > .landing-page-hero--call-to-action.purple-sage-secondary:has(a:focus) {
  border: 3px solid #00A3E0;
  background: #963CBD;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}
.homepage-wrapper .landing-page-hero-wrapper .landing-page-hero > .landing-page-hero--call-to-action.purple-sage-secondary:has(a:hover) {
  background: #fff;
  border: 1px solid #963CBD;
}
.homepage-wrapper .landing-page-hero-wrapper .landing-page-hero > .landing-page-hero--call-to-action.purple-sage-secondary:has(a:hover) a {
  color: #963CBD;
}
.homepage-wrapper .landing-page-hero-wrapper .landing-page-hero > .landing-page-hero--call-to-action.purple-sage-secondary:has(a:active) {
  background: #fff;
  border: 1px solid #00A3E0;
}
.homepage-wrapper .landing-page-hero-wrapper .landing-page-hero > .landing-page-hero--call-to-action.purple-sage-secondary:has(a:active) a {
  color: #963CBD;
}
.homepage-wrapper .landing-page-hero-wrapper .landing-page-hero > .landing-page-hero--call-to-action.purple-sage-secondary a:hover {
  background: unset;
}
.homepage-wrapper .landing-page-hero-wrapper .landing-page-hero > .landing-page-hero--call-to-action.purple-sage-secondary .landing-page-hero--call-to-action--arrow__normal-focused {
  display: block;
}
.homepage-wrapper .landing-page-hero-wrapper .landing-page-hero > .landing-page-hero--call-to-action.purple-sage-secondary .landing-page-hero--call-to-action--arrow__hover-active {
  display: none;
}
.homepage-wrapper .landing-page-hero-wrapper .landing-page-hero > .landing-page-hero--call-to-action.purple-sage-secondary:hover {
  background: #fff;
  border: 1px solid #963CBD;
}
.homepage-wrapper .landing-page-hero-wrapper .landing-page-hero > .landing-page-hero--call-to-action.purple-sage-secondary:hover a {
  color: #963CBD;
}
.homepage-wrapper .landing-page-hero-wrapper .landing-page-hero > .landing-page-hero--call-to-action.purple-sage-secondary:hover .landing-page-hero--call-to-action--arrow__normal-focused {
  display: none;
}
.homepage-wrapper .landing-page-hero-wrapper .landing-page-hero > .landing-page-hero--call-to-action.purple-sage-secondary:hover .landing-page-hero--call-to-action--arrow__hover-active {
  display: block;
}
.homepage-wrapper .landing-page-hero-wrapper .landing-page-hero > .landing-page-hero--call-to-action.purple-sage-secondary.purple-sage-secondary__focus {
  border: 3px solid #00A3E0;
  background: #963CBD;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}
.homepage-wrapper .landing-page-hero-wrapper .landing-page-hero > .landing-page-hero--call-to-action.purple-sage-secondary.purple-sage-secondary__focus .landing-page-hero--call-to-action--arrow__normal-focused {
  display: block;
}
.homepage-wrapper .landing-page-hero-wrapper .landing-page-hero > .landing-page-hero--call-to-action.purple-sage-secondary.purple-sage-secondary__focus .landing-page-hero--call-to-action--arrow__hover-active {
  display: none;
}
.homepage-wrapper .landing-page-hero-wrapper .landing-page-hero > .landing-page-hero--call-to-action.purple-sage-secondary.purple-sage-secondary__active {
  background: #fff;
  border: 1px solid #00A3E0;
}
.homepage-wrapper .landing-page-hero-wrapper .landing-page-hero > .landing-page-hero--call-to-action.purple-sage-secondary.purple-sage-secondary__active a {
  color: #963CBD;
}
.homepage-wrapper .landing-page-hero-wrapper .landing-page-hero > .landing-page-hero--call-to-action.purple-sage-secondary.purple-sage-secondary__active .landing-page-hero--call-to-action--arrow__normal-focused {
  display: none;
}
.homepage-wrapper .landing-page-hero-wrapper .landing-page-hero > .landing-page-hero--call-to-action.purple-sage-secondary.purple-sage-secondary__active .landing-page-hero--call-to-action--arrow__hover-active {
  display: block;
}
.homepage-wrapper .landing-page-hero-wrapper .landing-page-hero > .landing-page-hero--call-to-action.open-sky-primary {
  background: #00A3E0;
  color: #FFF;
  text-align: center;
  font-family: "Open Sans";
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  height: 60px;
  padding: 17px 17px 16px 25px;
  box-sizing: border-box;
  box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.25);
  border: 1px solid #fff;
  border-radius: 30px;
}
.homepage-wrapper .landing-page-hero-wrapper .landing-page-hero > .landing-page-hero--call-to-action.open-sky-primary:has(a:focus) {
  border: 3px solid #005EB8;
  background: #00A3E0;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}
.homepage-wrapper .landing-page-hero-wrapper .landing-page-hero > .landing-page-hero--call-to-action.open-sky-primary:has(a:hover) {
  background: #fff;
  border: 1px solid #00A3E0;
}
.homepage-wrapper .landing-page-hero-wrapper .landing-page-hero > .landing-page-hero--call-to-action.open-sky-primary:has(a:hover) a {
  color: #00A3E0;
}
.homepage-wrapper .landing-page-hero-wrapper .landing-page-hero > .landing-page-hero--call-to-action.open-sky-primary:has(a:active) {
  background: #fff;
  border: 1px solid #005EB8;
}
.homepage-wrapper .landing-page-hero-wrapper .landing-page-hero > .landing-page-hero--call-to-action.open-sky-primary:has(a:active) a {
  color: #00A3E0;
}
.homepage-wrapper .landing-page-hero-wrapper .landing-page-hero > .landing-page-hero--call-to-action.open-sky-primary a:hover {
  background: unset;
}
.homepage-wrapper .landing-page-hero-wrapper .landing-page-hero > .landing-page-hero--call-to-action.open-sky-primary .landing-page-hero--call-to-action--arrow__normal-focused {
  display: block;
}
.homepage-wrapper .landing-page-hero-wrapper .landing-page-hero > .landing-page-hero--call-to-action.open-sky-primary .landing-page-hero--call-to-action--arrow__hover-active {
  display: none;
}
.homepage-wrapper .landing-page-hero-wrapper .landing-page-hero > .landing-page-hero--call-to-action.open-sky-primary:hover {
  background: #fff;
  border: 1px solid #00A3E0;
}
.homepage-wrapper .landing-page-hero-wrapper .landing-page-hero > .landing-page-hero--call-to-action.open-sky-primary:hover a {
  color: #00A3E0;
}
.homepage-wrapper .landing-page-hero-wrapper .landing-page-hero > .landing-page-hero--call-to-action.open-sky-primary:hover .landing-page-hero--call-to-action--arrow__normal-focused {
  display: none;
}
.homepage-wrapper .landing-page-hero-wrapper .landing-page-hero > .landing-page-hero--call-to-action.open-sky-primary:hover .landing-page-hero--call-to-action--arrow__hover-active {
  display: block;
}
.homepage-wrapper .landing-page-hero-wrapper .landing-page-hero > .landing-page-hero--call-to-action.open-sky-primary.open-sky-primary__focus {
  border: 3px solid #005EB8;
  background: #00A3E0;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}
.homepage-wrapper .landing-page-hero-wrapper .landing-page-hero > .landing-page-hero--call-to-action.open-sky-primary.open-sky-primary__focus .landing-page-hero--call-to-action--arrow__normal-focused {
  display: block;
}
.homepage-wrapper .landing-page-hero-wrapper .landing-page-hero > .landing-page-hero--call-to-action.open-sky-primary.open-sky-primary__focus .landing-page-hero--call-to-action--arrow__hover-active {
  display: none;
}
.homepage-wrapper .landing-page-hero-wrapper .landing-page-hero > .landing-page-hero--call-to-action.open-sky-primary.open-sky-primary__active {
  background: #fff;
  border: 1px solid #005EB8;
}
.homepage-wrapper .landing-page-hero-wrapper .landing-page-hero > .landing-page-hero--call-to-action.open-sky-primary.open-sky-primary__active a {
  color: #00A3E0;
}
.homepage-wrapper .landing-page-hero-wrapper .landing-page-hero > .landing-page-hero--call-to-action.open-sky-primary.open-sky-primary__active .landing-page-hero--call-to-action--arrow__normal-focused {
  display: none;
}
.homepage-wrapper .landing-page-hero-wrapper .landing-page-hero > .landing-page-hero--call-to-action.open-sky-primary.open-sky-primary__active .landing-page-hero--call-to-action--arrow__hover-active {
  display: block;
}
.homepage-wrapper .landing-page-hero-wrapper .landing-page-hero > .landing-page-hero--call-to-action > a {
  text-decoration: none;
  color: #FFEEEF;
  transition: color 0.25s ease-in-out;
  font-weight: 700;
  font-size: 18px;
  white-space: nowrap;
}
.homepage-wrapper .landing-page-hero-wrapper .landing-page-hero > .landing-page-hero--call-to-action > a:hover {
  color: #FFAFB7;
}
.homepage-wrapper .landing-page-hero-wrapper .landing-page-hero > .landing-page-hero--call-to-action > a > .landing-page-hero--call-to-action--flex-wrap {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
}
.homepage-wrapper .landing-page-hero-wrapper .landing-page-hero > .landing-page-hero--call-to-action > a > .landing-page-hero--call-to-action--flex-wrap > .landing-page-hero--call-to-action--label {
  padding-right: 15px;
  padding-bottom: 4px;
}
.homepage-wrapper .landing-page-hero-wrapper .landing-page-hero > .landing-page-hero--call-to-action > a > .landing-page-hero--call-to-action--flex-wrap > .landing-page-hero--call-to-action--arrow {
  flex-basis: 25px;
  height: 25px;
  flex-shrink: 0;
  flex-grow: 0;
}
.homepage-wrapper .landing-page-hero-wrapper .landing-page-hero > .landing-page-hero--controls {
  position: absolute;
  bottom: -50px;
  left: 0;
  right: 0;
  margin: auto;
  width: 100%;
  max-width: 1440px;
  height: 50px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.homepage-wrapper .landing-page-hero-wrapper .landing-page-hero > .landing-page-hero--controls > .landing-page-hero--controls--control {
  width: 20px;
  height: 20px;
  border-color: #D9E1E2;
  border-width: 2px;
  border-style: solid;
  border-radius: 50%;
  background: #fff;
  margin: 0 0.5em;
  cursor: pointer;
  overflow: hidden;
}
.homepage-wrapper .landing-page-hero-wrapper .landing-page-hero > .landing-page-hero--controls > .landing-page-hero--controls--control.landing-page-hero--controls--control__active {
  background: #D9E1E2;
}
.homepage-wrapper .landing-page-hero-wrapper .landing-page-hero > .landing-page-hero--controls > .landing-page-hero--controls--control > opensearch-button {
  width: 20px;
  height: 20px;
  padding: 0;
  margin: 0;
  border-radius: 50%;
}
.homepage-wrapper > .landing-page-content__right-panel {
  box-sizing: border-box;
  width: 100%;
}
@media screen and (min-width: 1200px) {
  .homepage-wrapper > .landing-page-content__right-panel {
    padding: 40px 80px;
  }
}
@media screen and (min-width: 960px) and (max-width: 1199px) {
  .homepage-wrapper > .landing-page-content__right-panel {
    padding: 30px 40px;
  }
}
@media screen and (min-width: 739px) and (max-width: 959px) {
  .homepage-wrapper > .landing-page-content__right-panel {
    padding: 30px 20px;
  }
}
@media screen and (min-width: 431px) and (max-width: 739px) {
  .homepage-wrapper > .landing-page-content__right-panel {
    padding: 30px 10px;
  }
}
@media screen and (max-width: 430px) {
  .homepage-wrapper > .landing-page-content__right-panel {
    padding: 30px 5px;
  }
}
.homepage-wrapper > .landing-page-content__right-panel > .landing-page-content__right-panel--content > .landing-page-content__right-panel--content--body {
  box-sizing: border-box;
}
@media screen and (min-width: 1200px) {
  .homepage-wrapper > .landing-page-content__right-panel > .landing-page-content__right-panel--content > .landing-page-content__right-panel--content--body {
    padding: 40px 80px 40px 0;
  }
}
@media screen and (max-width: 1199px) {
  .homepage-wrapper > .landing-page-content__right-panel > .landing-page-content__right-panel--content > .landing-page-content__right-panel--content--body {
    padding: 40px 0;
  }
}
@media screen and (min-width: 835px) {
  .homepage-wrapper > .landing-page-content__right-panel > .landing-page-content__right-panel--content > .landing-page-content__right-panel--content--body {
    flex-basis: calc(100% - 350px);
  }
}
@media screen and (max-width: 834px) {
  .homepage-wrapper > .landing-page-content__right-panel > .landing-page-content__right-panel--content > .landing-page-content__right-panel--content--body {
    flex-basis: 100%;
  }
}
.homepage-wrapper > .landing-page-content__right-panel > .landing-page-content__right-panel--content > .landing-page-content__right-panel--content--side-panel {
  box-sizing: border-box;
  max-width: unset;
}
@media screen and (min-width: 835px) {
  .homepage-wrapper > .landing-page-content__right-panel > .landing-page-content__right-panel--content > .landing-page-content__right-panel--content--side-panel {
    flex-basis: 350px;
  }
}
@media screen and (max-width: 834px) {
  .homepage-wrapper > .landing-page-content__right-panel > .landing-page-content__right-panel--content > .landing-page-content__right-panel--content--side-panel {
    flex-basis: 100%;
  }
}
@media screen and (min-width: 740px) and (max-width: 1199px) {
  .homepage-wrapper > .landing-page-content__right-panel > .landing-page-content__right-panel--content > .landing-page-content__right-panel--content--side-panel .draft-3-landing-page--button-stack {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 20px;
    padding: 0;
  }
}
@media screen and (min-width: 835px) {
  .homepage-wrapper > .landing-page-content__right-panel > .landing-page-content__right-panel--content > .landing-page-content__right-panel--content--side-panel .draft-3-landing-page--button-stack {
    padding-top: 0;
  }
}
@media screen and (min-width: 429px) and (max-width: 834px) {
  .homepage-wrapper > .landing-page-content__right-panel > .landing-page-content__right-panel--content > .landing-page-content__right-panel--content--side-panel .draft-3-landing-page--button-stack {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    row-gap: 10px;
  }
}
@media screen and (max-width: 428px) {
  .homepage-wrapper > .landing-page-content__right-panel > .landing-page-content__right-panel--content > .landing-page-content__right-panel--content--side-panel .draft-3-landing-page--button-stack {
    padding-left: 0;
    padding-right: 0;
    width: calc(100% - 10px);
  }
}
@media screen and (min-width: 1440px) {
  .homepage-wrapper > .landing-page-content__right-panel > .landing-page-content__right-panel--content > .landing-page-content__right-panel--content--side-panel .draft-3-landing-page--button-stack .draft-3-landing-page--button-stack--button {
    width: 100%;
  }
}
@media screen and (max-width: 428px) {
  .homepage-wrapper > .landing-page-content__right-panel > .landing-page-content__right-panel--content > .landing-page-content__right-panel--content--side-panel .draft-3-landing-page--button-stack .draft-3-landing-page--button-stack--button > .redesign-button--wrapper {
    width: 100%;
    box-sizing: border-box;
  }
}
.homepage-wrapper > .landing-page-content__right-panel > .landing-page-content__right-panel--content > .landing-page-content__right-panel--content--side-panel .draft-3-landing-page--button-stack .draft-3-landing-page--button-stack--button > .redesign-button--wrapper.redesign-button--wrapper__complex-content > .redesign-button--anchor {
  width: 100%;
}
.homepage-wrapper > .solutions-card-grid {
  box-sizing: border-box;
  width: 100%;
}
@media screen and (min-width: 1200px) {
  .homepage-wrapper > .solutions-card-grid {
    padding: 40px 80px;
  }
}
@media screen and (min-width: 960px) and (max-width: 1199px) {
  .homepage-wrapper > .solutions-card-grid {
    padding: 30px 40px;
  }
}
@media screen and (min-width: 739px) and (max-width: 959px) {
  .homepage-wrapper > .solutions-card-grid {
    padding: 30px 20px;
  }
}
@media screen and (min-width: 431px) and (max-width: 739px) {
  .homepage-wrapper > .solutions-card-grid {
    padding: 30px 10px;
  }
}
@media screen and (max-width: 430px) {
  .homepage-wrapper > .solutions-card-grid {
    padding: 30px 5px;
  }
}
.homepage-wrapper > .solutions-card-grid > .solutions-card-grid--card-wrapper {
  padding: 0;
}
.homepage-wrapper > .solutions-card-grid > .solutions-card-grid--card-wrapper > .solutions-card-grid--card-wrapper--card {
  min-height: 280px;
  align-items: normal;
}
.homepage-wrapper > .landing-page-solutions--hero-3up {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  background: linear-gradient(180deg, #E1FAFF 0%, #98E3F4 48.15%, #00B7E0 100%);
  box-sizing: border-box;
  width: 100%;
}
@media screen and (min-width: 1200px) {
  .homepage-wrapper > .landing-page-solutions--hero-3up {
    padding: 40px 80px;
  }
}
@media screen and (min-width: 960px) and (max-width: 1199px) {
  .homepage-wrapper > .landing-page-solutions--hero-3up {
    padding: 30px 40px;
  }
}
@media screen and (min-width: 739px) and (max-width: 959px) {
  .homepage-wrapper > .landing-page-solutions--hero-3up {
    padding: 30px 20px;
  }
}
@media screen and (min-width: 431px) and (max-width: 739px) {
  .homepage-wrapper > .landing-page-solutions--hero-3up {
    padding: 30px 10px;
  }
}
@media screen and (max-width: 430px) {
  .homepage-wrapper > .landing-page-solutions--hero-3up {
    padding: 30px 5px;
  }
}
.homepage-wrapper > .landing-page-solutions--hero-3up > div:nth-of-type(1) {
  width: 100%;
  flex-grow: 0;
  flex-shrink: 0;
}
.homepage-wrapper > .landing-page-solutions--hero-3up > .landing-page-solutions--hero-3up--hero:has(a[href]) {
  cursor: pointer;
}
.homepage-wrapper > .landing-page-solutions--hero-3up > .landing-page-solutions--hero-3up--hero:hover .landing-page-solutions--hero-3up--hero--preview--title a {
  border-bottom: 2px solid #005EB8;
  color: #00A3E0;
}
.homepage-wrapper > .landing-page-solutions--hero-3up > .landing-page-solutions--hero-3up--hero:has(a:focus) {
  box-shadow: 0px 4px 12px 8px rgba(0, 99, 184, 0.5);
}
.homepage-wrapper > .landing-page-solutions--hero-3up > .landing-page-solutions--hero-3up--hero:has(a:active) {
  box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.25) inset;
}
.homepage-wrapper > .landing-page-solutions--hero-3up > .landing-page-solutions--hero-3up--hero.landing-page-solutions--hero-3up--hero__focused {
  box-shadow: 0px 4px 12px 8px rgba(0, 99, 184, 0.5);
}
.homepage-wrapper > .landing-page-solutions--hero-3up > .landing-page-solutions--hero-3up--hero.landing-page-solutions--hero-3up--hero__focused {
  box-shadow: 0px 4px 12px 8px rgba(0, 99, 184, 0.5);
}
.homepage-wrapper > .landing-page-solutions--hero-3up > .landing-page-solutions--hero-3up--hero.landing-page-solutions--hero-3up--hero__active {
  box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.25) inset;
}
@media screen and (max-width: 1439px) {
  .homepage-wrapper > .landing-page-solutions--hero-3up > .landing-page-solutions--hero-3up--hero {
    display: none;
  }
}
@media screen and (min-width: 1440px) {
  .homepage-wrapper > .landing-page-solutions--hero-3up > .landing-page-solutions--hero-3up--hero {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.25);
  }
  .homepage-wrapper > .landing-page-solutions--hero-3up > .landing-page-solutions--hero-3up--hero > .landing-page-solutions--hero-3up--hero--image:not(:has(> img)) {
    background: linear-gradient(180deg, #963CBD 5.45%, #2CD5C4 100%);
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
  }
  .homepage-wrapper > .landing-page-solutions--hero-3up > .landing-page-solutions--hero-3up--hero > .landing-page-solutions--hero-3up--hero--image:not(:has(> img)) > svg {
    margin: auto;
  }
  .homepage-wrapper > .landing-page-solutions--hero-3up > .landing-page-solutions--hero-3up--hero > .landing-page-solutions--hero-3up--hero--image > img {
    object-fit: fill;
  }
  .homepage-wrapper > .landing-page-solutions--hero-3up > .landing-page-solutions--hero-3up--hero > .landing-page-solutions--hero-3up--hero--preview {
    background-color: #fff;
    padding: 40px;
    border-bottom: #006D97 6px solid;
    box-sizing: border-box;
  }
  .homepage-wrapper > .landing-page-solutions--hero-3up > .landing-page-solutions--hero-3up--hero > .landing-page-solutions--hero-3up--hero--preview > .landing-page-solutions--hero-3up--hero--preview--category {
    color: #003551;
    font-family: "Open Sans";
    font-size: 15px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: 4.5px;
    text-transform: uppercase;
    flex-basis: 62.5px;
  }
  .homepage-wrapper > .landing-page-solutions--hero-3up > .landing-page-solutions--hero-3up--hero > .landing-page-solutions--hero-3up--hero--preview > .landing-page-solutions--hero-3up--hero--preview--title {
    color: #0085B8;
    font-family: "Open Sans";
    font-size: 21px;
    font-style: normal;
    line-height: 36px;
    font-weight: 700;
  }
  .homepage-wrapper > .landing-page-solutions--hero-3up > .landing-page-solutions--hero-3up--hero > .landing-page-solutions--hero-3up--hero--preview > .landing-page-solutions--hero-3up--hero--preview--title > h3 {
    margin-top: 0;
    margin-bottom: 0;
  }
  .homepage-wrapper > .landing-page-solutions--hero-3up > .landing-page-solutions--hero-3up--hero > .landing-page-solutions--hero-3up--hero--preview > .landing-page-solutions--hero-3up--hero--preview--title > h3 > a {
    color: #0085B8;
    font-family: "Open Sans";
    font-size: 21px;
    font-style: normal;
    line-height: 36px;
    font-weight: 700;
  }
  .homepage-wrapper > .landing-page-solutions--hero-3up > .landing-page-solutions--hero-3up--hero > .landing-page-solutions--hero-3up--hero--preview > .landing-page-solutions--hero-3up--hero--preview--excerpt {
    font-family: "Open Sans";
    font-size: 18px;
    font-weight: 400;
    line-height: 27px;
    letter-spacing: 0em;
    text-align: left;
    flex-basis: 150px;
  }
  .homepage-wrapper > .landing-page-solutions--hero-3up > .landing-page-solutions--hero-3up--hero > .landing-page-solutions--hero-3up--hero--preview > .landing-page-solutions--hero-3up--hero--preview--excerpt > p:last-of-type {
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-family: "Open Sans";
    font-size: 18px;
    font-weight: 400;
    line-height: 27px;
    letter-spacing: 0em;
    text-align: left;
    color: #000;
  }
  .homepage-wrapper > .landing-page-solutions--hero-3up > .landing-page-solutions--hero-3up--hero > .landing-page-solutions--hero-3up--hero--preview > .landing-page-solutions--hero-3up--hero--preview--footer {
    flex-basis: 62.5px;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: nowrap;
  }
  .homepage-wrapper > .landing-page-solutions--hero-3up > .landing-page-solutions--hero-3up--hero > .landing-page-solutions--hero-3up--hero--preview > .landing-page-solutions--hero-3up--hero--preview--footer > .landing-page-solutions--hero-3up--hero--preview--footer--icon {
    width: 27px;
    height: 30px;
    padding: 0;
    flex-basis: 27px;
    flex-shrink: 0;
    flex-grow: 0;
  }
  .homepage-wrapper > .landing-page-solutions--hero-3up > .landing-page-solutions--hero-3up--hero > .landing-page-solutions--hero-3up--hero--preview > .landing-page-solutions--hero-3up--hero--preview--footer > .landing-page-solutions--hero-3up--hero--preview--footer--icon > img,
  .homepage-wrapper > .landing-page-solutions--hero-3up > .landing-page-solutions--hero-3up--hero > .landing-page-solutions--hero-3up--hero--preview > .landing-page-solutions--hero-3up--hero--preview--footer > .landing-page-solutions--hero-3up--hero--preview--footer--icon > svg {
    width: 28px;
    height: 38px;
  }
  .homepage-wrapper > .landing-page-solutions--hero-3up > .landing-page-solutions--hero-3up--hero > .landing-page-solutions--hero-3up--hero--preview > .landing-page-solutions--hero-3up--hero--preview--footer > .landing-page-solutions--hero-3up--hero--preview--footer--date {
    height: 30px;
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: content;
    font-family: "Open Sans";
    font-size: 18px;
    font-weight: 400;
    line-height: 27px;
    letter-spacing: 0em;
    text-align: left;
    color: #415662;
    padding-top: 12px;
    padding-left: 8px;
  }
  .homepage-wrapper > .landing-page-solutions--hero-3up > .landing-page-solutions--hero-3up--hero > .landing-page-solutions--hero-3up--hero--preview > .landing-page-solutions--hero-3up--hero--preview--author {
    color: #003551;
    font-family: "Open Sans";
    font-size: 15px;
    font-style: normal;
    font-weight: 600;
    line-height: 21px;
    flex-basis: 62.5px;
  }
  .homepage-wrapper > .landing-page-solutions--hero-3up > .landing-page-solutions--hero-3up--hero > div {
    flex-basis: 50%;
    height: 400px;
  }
}
.homepage-wrapper > .landing-page-solutions--hero-3up > .landing-page-solutions--hero-3-up--3up.solutions-card-grid {
  background: unset;
  padding: 55px 0 0;
}
.homepage-wrapper > .landing-page-solutions--hero-3up > .landing-page-solutions--hero-3-up--3up.solutions-card-grid > .solutions-card-grid--card-wrapper {
  margin-bottom: 0;
}
@media screen and (min-width: 1460px) {
  .homepage-wrapper > .landing-page-solutions--hero-3up > .landing-page-solutions--hero-3-up--3up.solutions-card-grid > .solutions-card-grid--card-wrapper {
    padding: 0;
  }
}
@media screen and (min-width: 1440px) {
  .homepage-wrapper > .landing-page-solutions--hero-3up > .landing-page-solutions--hero-3-up--3up.solutions-card-grid > .solutions-card-grid--card-wrapper .solutions-card-grid--card-wrapper--card:nth-of-type(1) {
    display: none;
  }
}
.homepage-wrapper > .landing-page-solutions--hero-3up > .landing-page-solutions--hero-3-up--3up.solutions-card-grid .resource-grid--more > .link-button {
  font-family: "Open Sans";
  border-radius: 6px;
  background: #F4F8FB;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  text-align: center;
  height: 50px;
  padding: 0;
  white-space: nowrap;
}
.homepage-wrapper > .landing-page-solutions--hero-3up > .landing-page-solutions--hero-3-up--3up.solutions-card-grid .resource-grid--more > .link-button:has(a:focus) {
  border: 3px solid #00A3E0;
  background: #F4F8FB;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  height: 45px;
}
.homepage-wrapper > .landing-page-solutions--hero-3up > .landing-page-solutions--hero-3-up--3up.solutions-card-grid .resource-grid--more > .link-button:has(a:focus) > a:focus {
  line-height: 46px;
}
.homepage-wrapper > .landing-page-solutions--hero-3up > .landing-page-solutions--hero-3-up--3up.solutions-card-grid .resource-grid--more > .link-button:has(a:hover) {
  background: #F4F8FB;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}
.homepage-wrapper > .landing-page-solutions--hero-3up > .landing-page-solutions--hero-3-up--3up.solutions-card-grid .resource-grid--more > .link-button:has(a:hover) > a:hover {
  background: unset;
  color: #00A3E0;
}
.homepage-wrapper > .landing-page-solutions--hero-3up > .landing-page-solutions--hero-3-up--3up.solutions-card-grid .resource-grid--more > .link-button:has(a:active) {
  background: #F4F8FB;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25) inset;
}
.homepage-wrapper > .landing-page-solutions--hero-3up > .landing-page-solutions--hero-3-up--3up.solutions-card-grid .resource-grid--more > .link-button:has(a[disabled]) {
  background: #94A1A8;
}
.homepage-wrapper > .landing-page-solutions--hero-3up > .landing-page-solutions--hero-3-up--3up.solutions-card-grid .resource-grid--more > .link-button > a {
  display: inline-block;
  box-sizing: border-box;
  line-height: 50px;
  width: 100%;
  color: #003B5C;
  text-decoration: none;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
}
.homepage-wrapper > .landing-page-solutions--hero-3up > .landing-page-solutions--hero-3-up--3up.solutions-card-grid .resource-grid--more > .link-button:hover {
  background: #F4F8FB;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}
.homepage-wrapper > .landing-page-solutions--hero-3up > .landing-page-solutions--hero-3-up--3up.solutions-card-grid .resource-grid--more > .link-button:hover > a:hover {
  background: unset;
  color: #00A3E0;
}
.homepage-wrapper > .landing-page-solutions--hero-3up > .landing-page-solutions--hero-3-up--3up.solutions-card-grid .resource-grid--more > .link-button.link-button__focus {
  border: 3px solid #00A3E0;
  background: #F4F8FB;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  height: 45px;
}
.homepage-wrapper > .landing-page-solutions--hero-3up > .landing-page-solutions--hero-3-up--3up.solutions-card-grid .resource-grid--more > .link-button.link-button__focus > a:focus {
  line-height: 46px;
}
.homepage-wrapper > .landing-page-solutions--hero-3up > .landing-page-solutions--hero-3-up--3up.solutions-card-grid .resource-grid--more > .link-button.link-button__active {
  background: #F4F8FB;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25) inset;
}
.homepage-wrapper > .landing-page-solutions--hero-3up > .landing-page-solutions--hero-3-up--3up.solutions-card-grid .resource-grid--more > .link-button.link-button__disabled {
  background: #94A1A8;
}
.homepage-wrapper > .landing-page-solutions--hero-3up > .landing-page-solutions--hero-3-up--3up > .resource-grid {
  min-height: 550px;
  margin: 40px 0;
  justify-content: space-between;
}
@media screen and (max-width: 1439px) {
  .homepage-wrapper > .landing-page-solutions--hero-3up > .landing-page-solutions--hero-3-up--3up > .resource-grid {
    row-gap: 2em;
  }
}
.homepage-wrapper > .landing-page-solutions--hero-3up > .landing-page-solutions--hero-3-up--3up > .resource-grid .resource-grid--item {
  background-color: white;
  padding: 0;
  box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.25);
}
@media screen and (max-width: 833px) {
  .homepage-wrapper > .landing-page-solutions--hero-3up > .landing-page-solutions--hero-3-up--3up > .resource-grid .resource-grid--item {
    width: 100%;
    max-width: 100%;
    min-height: 600px;
  }
}
@media screen and (min-width: 834px) and (max-width: 1439px) {
  .homepage-wrapper > .landing-page-solutions--hero-3up > .landing-page-solutions--hero-3-up--3up > .resource-grid .resource-grid--item {
    width: calc(50% - 2em);
    max-width: calc(50% - 2em);
    min-height: 500px;
  }
}
@media screen and (min-width: 1440px) {
  .homepage-wrapper > .landing-page-solutions--hero-3up > .landing-page-solutions--hero-3-up--3up > .resource-grid .resource-grid--item {
    min-height: 400px;
    max-height: 500px;
  }
  .homepage-wrapper > .landing-page-solutions--hero-3up > .landing-page-solutions--hero-3-up--3up > .resource-grid .resource-grid--item:nth-of-type(1) {
    display: none;
  }
}
.homepage-wrapper > .landing-page-solutions--hero-3up > .landing-page-solutions--hero-3-up--3up > .resource-grid .resource-grid--item .resource-grid--item--title-type {
  color: #003551;
  font-family: "Open Sans";
  font-size: 15px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: 4.5px;
  text-transform: uppercase;
  padding-left: 2em;
  position: relative;
  top: -10px;
}
.homepage-wrapper > .landing-page-solutions--hero-3up > .landing-page-solutions--hero-3-up--3up > .resource-grid .resource-grid--item .resource-grid--item--title {
  position: relative;
}
.homepage-wrapper > .landing-page-solutions--hero-3up > .landing-page-solutions--hero-3-up--3up > .resource-grid .resource-grid--item .resource-grid--item--title > div {
  position: absolute;
  top: 0;
  left: 14px;
  padding-right: 14px;
  height: auto;
  -webkit-line-clamp: unset;
  overflow: hidden;
}
.homepage-wrapper > .landing-page-solutions--hero-3up > .landing-page-solutions--hero-3-up--3up > .resource-grid .resource-grid--item .resource-grid--item--link {
  color: #0085B8;
  font-family: "Open Sans";
  font-size: 21px;
  font-style: normal;
  line-height: 36px;
  font-weight: 700;
}

.redesign-button--wrapper {
  width: 350px;
}
.redesign-button--wrapper.redesign-button--wrapper__complex-content > .redesign-button--anchor {
  display: inline-block;
  width: 350px;
  height: 70px;
  padding: 0px;
}
.redesign-button--wrapper.redesign-button--wrapper__complex-content > .redesign-button--anchor:focus {
  padding: 0;
}
.redesign-button--wrapper.redesign-button--wrapper__complex-content > .redesign-button--anchor:focus > .redesign-button--contents {
  border: 4px solid #4FB3E3;
  margin: -4px auto auto -4px;
}
.redesign-button--wrapper.redesign-button--wrapper__complex-content > .redesign-button--anchor:focus > .redesign-button--contents.redesign-buttons--project__large {
  border: 4px solid #006D97;
}
.redesign-button--wrapper.redesign-button--wrapper__complex-content > .redesign-button--anchor .redesign-button--contents__mouseout {
  display: inline-flex;
}
.redesign-button--wrapper.redesign-button--wrapper__complex-content > .redesign-button--anchor .redesign-button--contents__mouseover {
  display: none;
}
.redesign-button--wrapper.redesign-button--wrapper__complex-content > .redesign-button--anchor .redesign-button--contents__disabled {
  display: none;
}
.redesign-button--wrapper.redesign-button--wrapper__complex-content > .redesign-button--anchor:hover .redesign-button--contents__mouseout {
  display: none;
}
.redesign-button--wrapper.redesign-button--wrapper__complex-content > .redesign-button--anchor:hover .redesign-button--contents__mouseover {
  display: inline-flex;
}
.redesign-button--wrapper.redesign-button--wrapper__complex-content > .redesign-button--anchor > .redesign-button--contents {
  border-radius: 6px;
  width: 100%;
  margin: 0;
  display: inline-flex;
  flex-direction: row;
  justify-content: center;
  background-color: #003B5C;
}
.redesign-button--wrapper.redesign-button--wrapper__complex-content > .redesign-button--anchor > .redesign-button--contents.redesign-buttons--project__large {
  background-color: #DCEBF4;
}
.redesign-button--wrapper.redesign-button--wrapper__text-only {
  font-family: "Open Sans";
  border-radius: 6px;
  background: #F4F8FB;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  text-align: center;
  height: 50px;
  padding: 0;
  white-space: nowrap;
}
.redesign-button--wrapper.redesign-button--wrapper__text-only:has(a:focus) {
  border: 3px solid #00A3E0;
  background: #F4F8FB;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  height: 45px;
}
.redesign-button--wrapper.redesign-button--wrapper__text-only:has(a:focus) > a:focus {
  line-height: 46px;
}
.redesign-button--wrapper.redesign-button--wrapper__text-only:has(a:hover) {
  background: #F4F8FB;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}
.redesign-button--wrapper.redesign-button--wrapper__text-only:has(a:hover) > a:hover {
  background: unset;
  color: #00A3E0;
}
.redesign-button--wrapper.redesign-button--wrapper__text-only:has(a:active) {
  background: #F4F8FB;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25) inset;
}
.redesign-button--wrapper.redesign-button--wrapper__text-only:has(a[disabled]) {
  background: #94A1A8;
}
.redesign-button--wrapper.redesign-button--wrapper__text-only > a {
  display: inline-block;
  box-sizing: border-box;
  line-height: 50px;
  width: 100%;
  color: #003B5C;
  text-decoration: none;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
}
.redesign-button--wrapper.redesign-button--wrapper__text-only:hover {
  background: #F4F8FB;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}
.redesign-button--wrapper.redesign-button--wrapper__text-only:hover > a:hover {
  background: unset;
  color: #00A3E0;
}
.redesign-button--wrapper.redesign-button--wrapper__text-only.redesign-button--wrapper__text-only__focus {
  border: 3px solid #00A3E0;
  background: #F4F8FB;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  height: 45px;
}
.redesign-button--wrapper.redesign-button--wrapper__text-only.redesign-button--wrapper__text-only__focus > a:focus {
  line-height: 46px;
}
.redesign-button--wrapper.redesign-button--wrapper__text-only.redesign-button--wrapper__text-only__active {
  background: #F4F8FB;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25) inset;
}
.redesign-button--wrapper.redesign-button--wrapper__text-only.redesign-button--wrapper__text-only__disabled {
  background: #94A1A8;
}
.redesign-button--wrapper.redesign-button--wrapper__text-only__dark {
  font-family: "Open Sans";
  border-radius: 6px;
  background: #006D97;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  text-align: center;
  height: 50px;
  padding: 0;
  white-space: nowrap;
}
.redesign-button--wrapper.redesign-button--wrapper__text-only__dark:has(a:focus) {
  border: 3px solid #00A3E0;
  background: #006D97;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}
.redesign-button--wrapper.redesign-button--wrapper__text-only__dark:has(a:focus) > a:focus {
  line-height: 46px;
}
.redesign-button--wrapper.redesign-button--wrapper__text-only__dark:has(a:hover) {
  background: #00A3E0;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}
.redesign-button--wrapper.redesign-button--wrapper__text-only__dark:has(a:hover) a:hover {
  background: unset;
}
.redesign-button--wrapper.redesign-button--wrapper__text-only__dark:has(a:active) {
  background: #00A3E0;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25) inset;
}
.redesign-button--wrapper.redesign-button--wrapper__text-only__dark:has(a[disabled]) {
  border-radius: 6px;
  background: #94A1A8;
}
.redesign-button--wrapper.redesign-button--wrapper__text-only__dark:has(a[disabled]) > a {
  color: #D9E1E2;
}
.redesign-button--wrapper.redesign-button--wrapper__text-only__dark > a {
  display: inline-block;
  box-sizing: border-box;
  width: 100%;
  line-height: 50px;
  color: #F6F8F8;
  text-decoration: none;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
}
.redesign-button--wrapper.redesign-button--wrapper__text-only__dark:hover {
  background: #00A3E0;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}
.redesign-button--wrapper.redesign-button--wrapper__text-only__dark:hover a:hover {
  background: unset;
}
.redesign-button--wrapper.redesign-button--wrapper__text-only__dark.redesign-button--wrapper__text-only__dark__focus {
  border: 3px solid #00A3E0;
  background: #006D97;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}
.redesign-button--wrapper.redesign-button--wrapper__text-only__dark.redesign-button--wrapper__text-only__dark__focus > a:focus {
  line-height: 46px;
}
.redesign-button--wrapper.redesign-button--wrapper__text-only__dark.redesign-button--wrapper__text-only__active {
  background: #00A3E0;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25) inset;
}
.redesign-button--wrapper.redesign-button--wrapper__text-only__dark.redesign-button--wrapper__text-only__disabled {
  border-radius: 6px;
  background: #94A1A8;
}
.redesign-button--wrapper.redesign-button--wrapper__text-only__dark.redesign-button--wrapper__text-only__disabled > a {
  color: #D9E1E2;
}

.redesign-button-pair--wrapper {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.redesign-button-pair--wrapper > .redesign-button--wrapper {
  flex-basis: 45%;
}
.redesign-buttons--project__large .redesign-button--contents--text-slot {
  flex-basis: 95%;
  padding: 18px 0 0 20px;
}
.redesign-buttons--project__large .redesign-button--contents--icon-slot {
  flex-basis: 5%;
  padding: 25px 20px 13px;
}

.redesign-buttons--download__large .redesign-button--contents--text-slot {
  padding: 18px 0 0 20px;
  flex-basis: 90%;
}
.redesign-buttons--download__large .redesign-button--contents--icon-slot {
  padding: 22px 20px 16px;
  flex-basis: 10%;
}

.redesign-buttons--label {
  display: block;
  color: #003551;
  font-family: "Open Sans";
  font-size: 15px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: 4.5px;
  text-transform: uppercase;
  clear: both;
  width: 100%;
  margin-bottom: 12px;
  white-space: nowrap;
}

.redesign-buttons--project__large .opensearch-button--label__combined-text-icon > .opensearch-button--label__combined-text-icon--text {
  color: #006D97;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  white-space: nowrap;
  overflow-x: visible;
}

.redesign-buttons--project__large,
.redesign-buttons--download__large {
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}

.opensearch-button--label__combined-text-icon {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  height: 40px;
}
.opensearch-button--label__combined-text-icon > .opensearch-button--label__combined-text-icon--text {
  padding-left: 8px;
  line-height: 2.25;
  color: #006D97;
}
.opensearch-button--label__combined-text-icon > .opensearch-button--label__combined-text-icon--icon {
  padding-left: 2px;
}

.redesign-buttons--documentation {
  height: 50px;
  padding: 10px 50px;
  border-radius: 6px;
  background: var(--pacific-sky-t-3, #F4F8FB);
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}

.resource-grid--more {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.resource-grid--more > div {
  flex-basis: 268px;
  height: 50px;
  font-family: "Open Sans";
  border-radius: 6px;
  background: #F4F8FB;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  text-align: center;
  height: 50px;
  padding: 0;
  white-space: nowrap;
}
.resource-grid--more > div:has(a:focus) {
  border: 3px solid #00A3E0;
  background: #F4F8FB;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  height: 45px;
}
.resource-grid--more > div:has(a:focus) > a:focus {
  line-height: 46px;
}
.resource-grid--more > div:has(a:hover) {
  background: #F4F8FB;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}
.resource-grid--more > div:has(a:hover) > a:hover {
  background: unset;
  color: #00A3E0;
}
.resource-grid--more > div:has(a:active) {
  background: #F4F8FB;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25) inset;
}
.resource-grid--more > div:has(a[disabled]) {
  background: #94A1A8;
}
.resource-grid--more > div > a {
  display: inline-block;
  box-sizing: border-box;
  line-height: 50px;
  width: 100%;
  color: #003B5C;
  text-decoration: none;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
}

.solutions-card-grid {
  background: linear-gradient(180deg, #E1FAFF 0%, #98E3F4 48.15%, #00B7E0 100%);
  width: 100%;
  box-sizing: border-box;
  padding: 1em 35px 0 35px;
}
@media screen and (max-width: 833px) {
  .solutions-card-grid {
    padding-left: 40px;
    padding-right: 40px;
  }
}
.solutions-card-grid > h2 {
  color: #003551;
  font-family: "Open Sans Condensed";
  font-size: 30px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  margin-top: 13px;
}
.solutions-card-grid > h2 > a {
  color: #005EB8;
  text-decoration: underline;
  font-family: "Open Sans Condensed";
}
.solutions-card-grid > h2 > a:hover {
  color: #00A3E0;
}
.solutions-card-grid > .solutions-card-grid--card-wrapper {
  display: grid;
}
@media screen and (min-width: 1460px) {
  .solutions-card-grid > .solutions-card-grid--card-wrapper {
    grid-template-columns: 1fr 1fr 1fr;
    column-gap: 100px;
    row-gap: 100px;
    padding: 0 2em 2em;
  }
}
@media screen and (min-width: 1401px) and (max-width: 1459px) {
  .solutions-card-grid > .solutions-card-grid--card-wrapper {
    grid-template-columns: 1fr 1fr 1fr;
    column-gap: 25px;
    row-gap: 25px;
    padding: 0 1em 2em;
  }
}
@media screen and (min-width: 835px) and (max-width: 1400px) {
  .solutions-card-grid > .solutions-card-grid--card-wrapper {
    grid-template-columns: 1fr 1fr;
    column-gap: 50px;
    row-gap: 50px;
  }
}
@media screen and (max-width: 834px) {
  .solutions-card-grid > .solutions-card-grid--card-wrapper {
    padding: 0;
    grid-template-columns: 1fr;
  }
}
@media screen and (min-width: 835px) and (max-width: 1400px) {
  .solutions-card-grid > .solutions-card-grid--card-wrapper.solutions-card-grid--card-wrapper__2-col-max {
    column-gap: 25px;
    row-gap: 25px;
    padding: 0;
  }
}
.solutions-card-grid > .solutions-card-grid--card-wrapper > .solutions-card-grid--card-wrapper--card {
  box-sizing: border-box;
  min-height: 250px;
  min-width: auto;
  flex-shrink: 1;
  flex-grow: 0;
  display: flex;
  flex-direction: column;
  justify-content: start;
  align-items: center;
  background: #FFF;
  box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.25);
  border-left: #006D97 10px solid;
  padding: 0 15px 15px;
  margin-bottom: 2em;
}
.solutions-card-grid > .solutions-card-grid--card-wrapper > .solutions-card-grid--card-wrapper--card:has(a[href]) {
  cursor: pointer;
}
.solutions-card-grid > .solutions-card-grid--card-wrapper > .solutions-card-grid--card-wrapper--card:hover .solutions-card-grid--card-wrapper--card--content a {
  border-bottom: 2px solid #005EB8;
  color: #00A3E0;
}
.solutions-card-grid > .solutions-card-grid--card-wrapper > .solutions-card-grid--card-wrapper--card:has(a:focus) {
  box-shadow: 0px 4px 12px 8px rgba(0, 99, 184, 0.5);
}
.solutions-card-grid > .solutions-card-grid--card-wrapper > .solutions-card-grid--card-wrapper--card:has(a:active) {
  box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.25) inset;
}
.solutions-card-grid > .solutions-card-grid--card-wrapper > .solutions-card-grid--card-wrapper--card.solutions-card-grid--card-wrapper--card__focused {
  box-shadow: 0px 4px 12px 8px rgba(0, 99, 184, 0.5);
}
.solutions-card-grid > .solutions-card-grid--card-wrapper > .solutions-card-grid--card-wrapper--card.solutions-card-grid--card-wrapper--card__active {
  box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.25) inset;
}
.solutions-card-grid > .solutions-card-grid--card-wrapper > .solutions-card-grid--card-wrapper--card.tall-card__no-image--grid--card {
  border-left: unset;
  border-bottom: #006D97 10px solid;
  align-items: flex-start;
  min-height: 245px;
  min-width: 280px;
  box-sizing: border-box;
  padding-top: 15px;
  padding-left: 20px;
  padding-right: 10px;
  position: relative;
}
.solutions-card-grid > .solutions-card-grid--card-wrapper > .solutions-card-grid--card-wrapper--card.tall-card__no-image--grid--card:has(a[href]) {
  cursor: pointer;
}
.solutions-card-grid > .solutions-card-grid--card-wrapper > .solutions-card-grid--card-wrapper--card.tall-card__no-image--grid--card:hover h3.tall-card__no-image--grid--card--title a {
  border-bottom: 2px solid #005EB8;
  color: #00A3E0;
}
.solutions-card-grid > .solutions-card-grid--card-wrapper > .solutions-card-grid--card-wrapper--card.tall-card__no-image--grid--card > h3.tall-card__no-image--grid--card--title {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  margin-top: 0;
}
.solutions-card-grid > .solutions-card-grid--card-wrapper > .solutions-card-grid--card-wrapper--card.tall-card__no-image--grid--card > h3.tall-card__no-image--grid--card--title > a {
  color: #0085B8;
  font-family: "Open Sans";
  font-size: 21px;
  font-style: normal;
  line-height: 36px;
  font-weight: 700;
}
.solutions-card-grid > .solutions-card-grid--card-wrapper > .solutions-card-grid--card-wrapper--card.tall-card__no-image--grid--card > h3.tall-card__no-image--grid--card--title a:focus {
  border-bottom: 2px solid #005EB8;
  outline: none;
}
.solutions-card-grid > .solutions-card-grid--card-wrapper > .solutions-card-grid--card-wrapper--card.tall-card__no-image--grid--card:has(a:focus) {
  box-shadow: 0px 4px 12px 8px rgba(0, 99, 184, 0.5);
}
.solutions-card-grid > .solutions-card-grid--card-wrapper > .solutions-card-grid--card-wrapper--card.tall-card__no-image--grid--card:has(a:active) {
  box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.25) inset;
}
.solutions-card-grid > .solutions-card-grid--card-wrapper > .solutions-card-grid--card-wrapper--card.tall-card__no-image--grid--card.tall-card__no-image--grid--card__focused {
  box-shadow: 0px 4px 12px 8px rgba(0, 99, 184, 0.5);
}
.solutions-card-grid > .solutions-card-grid--card-wrapper > .solutions-card-grid--card-wrapper--card.tall-card__no-image--grid--card.tall-card__no-image--grid--card__active {
  box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.25) inset;
}
.solutions-card-grid > .solutions-card-grid--card-wrapper > .solutions-card-grid--card-wrapper--card.tall-card__no-image--grid--card > .tall-card__no-image--grid--card--category {
  margin-bottom: 10px;
  white-space: nowrap;
  margin-top: 10px;
}
.solutions-card-grid > .solutions-card-grid--card-wrapper > .solutions-card-grid--card-wrapper--card.tall-card__no-image--grid--card > .tall-card__no-image--grid--card--footer {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  position: absolute;
  left: 20px;
  right: 30px;
  bottom: 20px;
  top: calc(100% - 50px);
  flex-wrap: nowrap;
}
.solutions-card-grid > .solutions-card-grid--card-wrapper > .solutions-card-grid--card-wrapper--card.tall-card__no-image--grid--card > .tall-card__no-image--grid--card--footer > .tall-card__no-image--grid--card--footer--icon {
  width: 27px;
  height: 30px;
  padding: 0;
  flex-basis: 27px;
  flex-shrink: 0;
  flex-grow: 0;
}
.solutions-card-grid > .solutions-card-grid--card-wrapper > .solutions-card-grid--card-wrapper--card.tall-card__no-image--grid--card > .tall-card__no-image--grid--card--footer > .tall-card__no-image--grid--card--footer--icon > img,
.solutions-card-grid > .solutions-card-grid--card-wrapper > .solutions-card-grid--card-wrapper--card.tall-card__no-image--grid--card > .tall-card__no-image--grid--card--footer > .tall-card__no-image--grid--card--footer--icon > svg {
  width: 28px;
  height: 38px;
}
.solutions-card-grid > .solutions-card-grid--card-wrapper > .solutions-card-grid--card-wrapper--card.tall-card__no-image--grid--card > .tall-card__no-image--grid--card--footer > .tall-card__no-image--grid--card--footer--date {
  height: 30px;
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: content;
  font-family: "Open Sans";
  font-size: 18px;
  font-weight: 400;
  line-height: 27px;
  letter-spacing: 0em;
  text-align: left;
  color: #415662;
  padding-top: 12px;
  padding-left: 8px;
}
.solutions-card-grid > .solutions-card-grid--card-wrapper > .solutions-card-grid--card-wrapper--card > .solutions-card-grid--card-wrapper--card--label__no-icon {
  color: #002950;
  font-family: "Open Sans";
  font-size: 15px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: 4.5px;
  text-transform: uppercase;
  width: 100%;
  padding-top: 40px;
  padding-bottom: 25px;
  box-sizing: border-box;
}
.solutions-card-grid > .solutions-card-grid--card-wrapper > .solutions-card-grid--card-wrapper--card > .solutions-card-grid--card-wrapper--card--icon__left-label {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
}
.solutions-card-grid > .solutions-card-grid--card-wrapper > .solutions-card-grid--card-wrapper--card > .solutions-card-grid--card-wrapper--card--icon__left-label > div:nth-child(1) {
  color: #002950;
  flex-basis: calc(100% - 82px);
  font-size: 15px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: 4.5px;
  text-transform: uppercase;
  padding-top: 50px;
}
.solutions-card-grid > .solutions-card-grid--card-wrapper > .solutions-card-grid--card-wrapper--card > .solutions-card-grid--card-wrapper--card--icon__left-label > div:nth-child(2) {
  padding: 1em 0;
  flex-basis: 82px;
  flex-grow: 0;
  flex-shrink: 0;
  text-align: right;
}
.solutions-card-grid > .solutions-card-grid--card-wrapper > .solutions-card-grid--card-wrapper--card > .solutions-card-grid--card-wrapper--card--icon__left-label > div:nth-child(2) > svg {
  width: 75px;
  height: 75px;
}
.solutions-card-grid > .solutions-card-grid--card-wrapper > .solutions-card-grid--card-wrapper--card > .solutions-card-grid--card-wrapper--card--content {
  color: #00A3E0;
  font-family: "Open Sans Condensed";
  font-size: 30px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.solutions-card-grid > .solutions-card-grid--card-wrapper > .solutions-card-grid--card-wrapper--card > .solutions-card-grid--card-wrapper--card--content > a {
  color: #005EB8;
  text-decoration: underline;
  font-family: "Open Sans Condensed";
}
.solutions-card-grid > .solutions-card-grid--card-wrapper > .solutions-card-grid--card-wrapper--card > .solutions-card-grid--card-wrapper--card--content > a:hover {
  color: #00A3E0;
}
.solutions-card-grid > .solutions-card-grid--card-wrapper > .solutions-card-grid--card-wrapper--card > .solutions-card-grid--card-wrapper--card--content > a {
  color: #00A3E0;
  font-family: "Open Sans Condensed";
  font-size: 30px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-decoration: none;
}
.solutions-card-grid > .solutions-card-grid--card-wrapper > .solutions-card-grid--card-wrapper--card > .solutions-card-grid--card-wrapper--card--content > a > a {
  color: #005EB8;
  text-decoration: underline;
  font-family: "Open Sans Condensed";
}
.solutions-card-grid > .solutions-card-grid--card-wrapper > .solutions-card-grid--card-wrapper--card > .solutions-card-grid--card-wrapper--card--content > a > a:hover {
  color: #00A3E0;
}
.solutions-card-grid > .solutions-card-grid--call-to-action {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  height: 150px;
}
.solutions-card-grid > .solutions-card-grid--call-to-action > .link-button {
  font-family: "Open Sans";
  border-radius: 6px;
  background: #F4F8FB;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  text-align: center;
  height: 50px;
  padding: 0;
  white-space: nowrap;
}
.solutions-card-grid > .solutions-card-grid--call-to-action > .link-button:has(a:focus) {
  border: 3px solid #00A3E0;
  background: #F4F8FB;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  height: 45px;
}
.solutions-card-grid > .solutions-card-grid--call-to-action > .link-button:has(a:focus) > a:focus {
  line-height: 46px;
}
.solutions-card-grid > .solutions-card-grid--call-to-action > .link-button:has(a:hover) {
  background: #F4F8FB;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}
.solutions-card-grid > .solutions-card-grid--call-to-action > .link-button:has(a:hover) > a:hover {
  background: unset;
  color: #00A3E0;
}
.solutions-card-grid > .solutions-card-grid--call-to-action > .link-button:has(a:active) {
  background: #F4F8FB;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25) inset;
}
.solutions-card-grid > .solutions-card-grid--call-to-action > .link-button:has(a[disabled]) {
  background: #94A1A8;
}
.solutions-card-grid > .solutions-card-grid--call-to-action > .link-button > a {
  display: inline-block;
  box-sizing: border-box;
  line-height: 50px;
  width: 100%;
  color: #003B5C;
  text-decoration: none;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
}
.solutions-card-grid > .solutions-card-grid--call-to-action > .link-button > a {
  padding-left: 50px;
  padding-right: 50px;
}
.solutions-card-grid > .solutions-card-grid--call-to-action > .link-button:hover {
  background: #F4F8FB;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}
.solutions-card-grid > .solutions-card-grid--call-to-action > .link-button:hover > a:hover {
  background: unset;
  color: #00A3E0;
}
.solutions-card-grid > .solutions-card-grid--call-to-action > .link-button.link-button__focus {
  border: 3px solid #00A3E0;
  background: #F4F8FB;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  height: 45px;
}
.solutions-card-grid > .solutions-card-grid--call-to-action > .link-button.link-button__focus > a:focus {
  line-height: 46px;
}
.solutions-card-grid > .solutions-card-grid--call-to-action > .link-button.link-button__active {
  background: #F4F8FB;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25) inset;
}
.solutions-card-grid > .solutions-card-grid--call-to-action > .link-button.link-button__disabled {
  background: #94A1A8;
}
.solutions-card-grid > .solutions-card-grid--call-to-action > div {
  font-family: "Open Sans";
  border-radius: 6px;
  background: #F4F8FB;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  text-align: center;
  height: 50px;
  padding: 0;
  white-space: nowrap;
}
.solutions-card-grid > .solutions-card-grid--call-to-action > div:has(a:focus) {
  border: 3px solid #00A3E0;
  background: #F4F8FB;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  height: 45px;
}
.solutions-card-grid > .solutions-card-grid--call-to-action > div:has(a:focus) > a:focus {
  line-height: 46px;
}
.solutions-card-grid > .solutions-card-grid--call-to-action > div:has(a:hover) {
  background: #F4F8FB;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}
.solutions-card-grid > .solutions-card-grid--call-to-action > div:has(a:hover) > a:hover {
  background: unset;
  color: #00A3E0;
}
.solutions-card-grid > .solutions-card-grid--call-to-action > div:has(a:active) {
  background: #F4F8FB;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25) inset;
}
.solutions-card-grid > .solutions-card-grid--call-to-action > div:has(a[disabled]) {
  background: #94A1A8;
}
.solutions-card-grid > .solutions-card-grid--call-to-action > div > a {
  display: inline-block;
  box-sizing: border-box;
  line-height: 50px;
  width: 100%;
  color: #003B5C;
  text-decoration: none;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
}
.solutions-card-grid > .solutions-card-grid--call-to-action > div:hover {
  background: #F4F8FB;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}
.solutions-card-grid > .solutions-card-grid--call-to-action > div:hover > a:hover {
  background: unset;
  color: #00A3E0;
}
.solutions-card-grid > .solutions-card-grid--call-to-action > div.link-button__focus {
  border: 3px solid #00A3E0;
  background: #F4F8FB;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  height: 45px;
}
.solutions-card-grid > .solutions-card-grid--call-to-action > div.link-button__focus > a:focus {
  line-height: 46px;
}
.solutions-card-grid > .solutions-card-grid--call-to-action > div.link-button__active {
  background: #F4F8FB;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25) inset;
}
.solutions-card-grid > .solutions-card-grid--call-to-action > div.link-button__disabled {
  background: #94A1A8;
}
.solutions-card-grid > .solutions-card-grid--call-to-action > div > a {
  padding-left: 50px;
  padding-right: 50px;
}

.landing-page-solutions-community-voices--wrapper {
  padding: 0;
}
.landing-page-solutions-community-voices--wrapper > .landing-page-solutions-community-voices--header > h2 {
  color: #003551;
}
@media screen and (max-width: 979px) {
  .landing-page-solutions-community-voices--wrapper > .landing-page-solutions-community-voices .hero-with-headline {
    margin: 0;
    padding: 0;
  }
  .landing-page-solutions-community-voices--wrapper > .landing-page-solutions-community-voices .hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport {
    height: 680px;
  }
  .landing-page-solutions-community-voices--wrapper > .landing-page-solutions-community-voices.landing-page-hero-wrapper {
    height: 700px;
  }
}
@media screen and (max-width: 979px) {
  .landing-page-solutions-community-voices--wrapper > .landing-page-solutions-community-voices .hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport .hero-with-headline--carousel--wrapper .hero-with-headline--carousel--item {
    justify-content: stretch;
  }
}
.landing-page-solutions-community-voices--wrapper > .landing-page-solutions-community-voices .landing-page-community-voices--arrow-margin-wrapper {
  height: 100%;
  align-content: space-between;
  display: flex;
  justify-content: stretch;
  align-items: stretch;
  height: auto;
}
@media screen and (max-width: 979px) {
  .landing-page-solutions-community-voices--wrapper > .landing-page-solutions-community-voices .landing-page-community-voices--arrow-margin-wrapper {
    flex-direction: column;
  }
}
@media screen and (min-width: 980px) {
  .landing-page-solutions-community-voices--wrapper > .landing-page-solutions-community-voices .landing-page-community-voices--arrow-margin-wrapper {
    flex-direction: row;
  }
}
@media screen and (min-width: 1200px) {
  .landing-page-solutions-community-voices--wrapper > .landing-page-solutions-community-voices .landing-page-community-voices--arrow-margin-wrapper {
    margin: 0 80px;
    width: calc(100% - 160px);
  }
}
@media screen and (max-width: 1199px) {
  .landing-page-solutions-community-voices--wrapper > .landing-page-solutions-community-voices .landing-page-community-voices--arrow-margin-wrapper {
    margin: 0 40px;
    width: calc(100% - 80px);
  }
}
@media screen and (max-width: 739px) {
  .landing-page-solutions-community-voices--wrapper > .landing-page-solutions-community-voices .landing-page-community-voices--arrow-margin-wrapper {
    margin: 0 20px;
    width: calc(100% - 40px);
  }
}
.landing-page-solutions-community-voices--wrapper > .landing-page-solutions-community-voices .landing-page-community-voices--arrow-margin-wrapper .landing-page-community-voices--testimonial {
  display: flex;
}
@media screen and (max-width: 979px) {
  .landing-page-solutions-community-voices--wrapper > .landing-page-solutions-community-voices .landing-page-community-voices--arrow-margin-wrapper .landing-page-community-voices--testimonial {
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
  }
}
@media screen and (min-width: 980px) {
  .landing-page-solutions-community-voices--wrapper > .landing-page-solutions-community-voices .landing-page-community-voices--arrow-margin-wrapper .landing-page-community-voices--testimonial {
    flex-direction: row;
    justify-content: stretch;
    align-items: stretch;
  }
}
.landing-page-solutions-community-voices--wrapper > .landing-page-solutions-community-voices .landing-page-community-voices--arrow-margin-wrapper .landing-page-community-voices--testimonial > .landing-page-community-voices--testimonial--logo {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
@media screen and (min-width: 980px) {
  .landing-page-solutions-community-voices--wrapper > .landing-page-solutions-community-voices .landing-page-community-voices--arrow-margin-wrapper .landing-page-community-voices--testimonial > .landing-page-community-voices--testimonial--logo {
    flex-basis: 38.6%;
    flex-grow: 1;
    flex-shrink: 1;
  }
}
@media screen and (max-width: 979px) {
  .landing-page-solutions-community-voices--wrapper > .landing-page-solutions-community-voices .landing-page-community-voices--arrow-margin-wrapper .landing-page-community-voices--testimonial > .landing-page-community-voices--testimonial--logo {
    flex-grow: 0;
    flex-shrink: 0;
  }
}
.landing-page-solutions-community-voices--wrapper > .landing-page-solutions-community-voices .landing-page-community-voices--arrow-margin-wrapper .landing-page-community-voices--testimonial > .landing-page-community-voices--testimonial--logo > img {
  flex-basis: content;
  flex-grow: 0;
  flex-shrink: 0;
  object-fit: contain;
  width: 100%;
  height: auto;
  max-height: 350px;
}
.landing-page-solutions-community-voices--wrapper > .landing-page-solutions-community-voices .landing-page-community-voices--arrow-margin-wrapper .landing-page-community-voices--testimonial > .landing-page-community-voices--testimonial--citation {
  padding: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: baseline;
}
@media screen and (min-width: 980px) {
  .landing-page-solutions-community-voices--wrapper > .landing-page-solutions-community-voices .landing-page-community-voices--arrow-margin-wrapper .landing-page-community-voices--testimonial > .landing-page-community-voices--testimonial--citation {
    flex-basis: 61.4%;
    flex-grow: 1;
    flex-shrink: 1;
  }
}
@media screen and (max-width: 979px) {
  .landing-page-solutions-community-voices--wrapper > .landing-page-solutions-community-voices .landing-page-community-voices--arrow-margin-wrapper .landing-page-community-voices--testimonial > .landing-page-community-voices--testimonial--citation {
    flex-grow: 0;
    flex-shrink: 0;
  }
}
@media screen and (max-width: 739px) {
  .landing-page-solutions-community-voices--wrapper > .landing-page-solutions-community-voices .landing-page-community-voices--arrow-margin-wrapper .landing-page-community-voices--testimonial > .landing-page-community-voices--testimonial--citation {
    align-items: unset;
    padding: 0 20px;
    overflow-y: scroll;
  }
}
.landing-page-solutions-community-voices--wrapper > .landing-page-solutions-community-voices .landing-page-community-voices--arrow-margin-wrapper .landing-page-community-voices--testimonial > .landing-page-community-voices--testimonial--citation > blockquote {
  flex-basis: content;
  flex-grow: 1;
  flex-shrink: 1;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
}
@media screen and (max-width: 979px) {
  .landing-page-solutions-community-voices--wrapper > .landing-page-solutions-community-voices .landing-page-community-voices--arrow-margin-wrapper .landing-page-community-voices--testimonial > .landing-page-community-voices--testimonial--citation > blockquote {
    margin-left: 0;
  }
}
@media screen and (min-width: 980px) {
  .landing-page-solutions-community-voices--wrapper > .landing-page-solutions-community-voices .landing-page-community-voices--arrow-margin-wrapper .landing-page-community-voices--testimonial > .landing-page-community-voices--testimonial--citation > blockquote {
    margin-left: 40px;
  }
}
@media screen and (max-width: 739px) {
  .landing-page-solutions-community-voices--wrapper > .landing-page-solutions-community-voices .landing-page-community-voices--arrow-margin-wrapper .landing-page-community-voices--testimonial > .landing-page-community-voices--testimonial--citation > blockquote {
    margin-left: 0;
    margin-right: 0;
  }
}
.landing-page-solutions-community-voices--wrapper > .landing-page-solutions-community-voices .landing-page-community-voices--arrow-margin-wrapper .landing-page-community-voices--testimonial > .landing-page-community-voices--testimonial--citation > blockquote > p {
  padding-top: 0;
  padding-bottom: 0;
  margin-top: 0;
  margin-bottom: 0;
}
@media screen and (min-width: 1200px) {
  .landing-page-solutions-community-voices--wrapper > .landing-page-solutions-community-voices .landing-page-community-voices--arrow-margin-wrapper .landing-page-community-voices--testimonial > .landing-page-community-voices--testimonial--citation > blockquote > p {
    color: #000;
    font-family: "Open Sans";
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 48px;
    line-height: 32px;
  }
}
@media screen and (max-width: 979px) {
  .landing-page-solutions-community-voices--wrapper > .landing-page-solutions-community-voices .landing-page-community-voices--arrow-margin-wrapper .landing-page-community-voices--testimonial > .landing-page-community-voices--testimonial--citation > blockquote > p {
    color: #000;
    font-family: "Open Sans";
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 48px;
  }
}
@media screen and (min-width: 980px) and (max-width: 1199px) {
  .landing-page-solutions-community-voices--wrapper > .landing-page-solutions-community-voices .landing-page-community-voices--arrow-margin-wrapper .landing-page-community-voices--testimonial > .landing-page-community-voices--testimonial--citation > blockquote > p {
    font-family: "Open Sans";
    font-size: 18px;
    font-weight: 400;
    line-height: 27px;
    letter-spacing: 0em;
    text-align: left;
  }
}
.landing-page-solutions-community-voices--wrapper > .landing-page-solutions-community-voices .landing-page-community-voices--arrow-margin-wrapper .landing-page-community-voices--testimonial > .landing-page-community-voices--testimonial--citation > cite {
  flex-basis: content;
  flex-grow: 0;
  flex-shrink: 0;
  margin-left: 40px;
}
@media screen and (max-width: 739px) {
  .landing-page-solutions-community-voices--wrapper > .landing-page-solutions-community-voices .landing-page-community-voices--arrow-margin-wrapper .landing-page-community-voices--testimonial > .landing-page-community-voices--testimonial--citation > cite {
    margin-left: 0;
  }
}
.landing-page-solutions-community-voices--wrapper > .landing-page-solutions-community-voices .landing-page-community-voices--arrow-margin-wrapper .landing-page-community-voices--testimonial > .landing-page-community-voices--testimonial--citation > cite > span {
  color: #003551;
  font-family: "Open Sans";
  font-size: 15px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: 4.5px;
  text-transform: uppercase;
}

.link-button {
  text-align: center;
  height: 50px;
  border-radius: 6px;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  background-color: #F4F8FB;
}
.link-button > a {
  color: #003B5C;
  font-size: 18px;
  line-height: 2.8;
  text-decoration: none;
  font-weight: 700;
}
.link-button > a:hover {
  background: #DCEBF4;
}

.side-panel-button-stack {
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: flex-start;
  width: 100%;
  height: 100%;
}
.side-panel-button-stack > .side-panel-button-stack--button {
  width: 100%;
}
.side-panel-button-stack > .side-panel-button-stack--button > opensearch-button {
  width: 100%;
  height: 71px;
}
.side-panel-button-stack > .side-panel-button-stack--button > opensearch-button span[slot=icon-slot] {
  width: 37px;
  height: 37px;
  padding: 1em;
}
.side-panel-button-stack > .side-panel-button-stack--button > opensearch-button div[slot=icon-slot] {
  widtH: 37px;
  height: 37px;
}
.side-panel-button-stack > .side-panel-button-stack--button > opensearch-button div[slot=text-slot] {
  font-weight: bolder;
}
.side-panel-button-stack > .side-panel-button-stack--button > .side-panel-button-stack--button__split {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.side-panel-button-stack > .side-panel-button-stack--button > .side-panel-button-stack--button__split > .side-panel-button-stack--button__split--half {
  flex-basis: 45%;
}
.side-panel-button-stack > .side-panel-button-stack--button > .side-panel-button-stack--button__split > .side-panel-button-stack--button__split--half > opensearch-button {
  width: 100%;
  height: 71px;
}
.side-panel-button-stack > .side-panel-button-stack--button > .side-panel-button-stack--button__split > .side-panel-button-stack--button__split--half > opensearch-button span[slot=icon-slot] {
  width: 37px;
  height: 37px;
  padding: 1em;
}
.side-panel-button-stack > .side-panel-button-stack--button > .side-panel-button-stack--button__split > .side-panel-button-stack--button__split--half > opensearch-button div[slot=icon-slot] {
  widtH: 37px;
  height: 37px;
}
.side-panel-button-stack > .side-panel-button-stack--button > .side-panel-button-stack--button__split > .side-panel-button-stack--button__split--half > opensearch-button div[slot=text-slot] {
  font-weight: bolder;
}

.landing-page-solutions--hero-3up {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  background: linear-gradient(180deg, #E1FAFF 0%, #98E3F4 48.15%, #00B7E0 100%);
  padding: 80px;
}
@media screen and (max-width: 833px) {
  .landing-page-solutions--hero-3up {
    padding: 40px;
  }
}
.landing-page-solutions--hero-3up > .landing-page-solutions--hero-3up--title {
  width: 100%;
  flex-grow: 0;
  flex-shrink: 0;
}
@media screen and (max-width: 1439px) {
  .landing-page-solutions--hero-3up > .landing-page-solutions--hero-3up--hero {
    display: none;
  }
}
@media screen and (min-width: 1440px) {
  .landing-page-solutions--hero-3up > .landing-page-solutions--hero-3up--hero {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.25);
    padding: 0;
    margin: 0;
  }
  .landing-page-solutions--hero-3up > .landing-page-solutions--hero-3up--hero > .landing-page-solutions--hero-3up--hero--image {
    padding: 0;
  }
  .landing-page-solutions--hero-3up > .landing-page-solutions--hero-3up--hero > .landing-page-solutions--hero-3up--hero--image:not(:has(> img)) {
    background: linear-gradient(180deg, #963CBD 5.45%, #2CD5C4 100%);
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
  }
  .landing-page-solutions--hero-3up > .landing-page-solutions--hero-3up--hero > .landing-page-solutions--hero-3up--hero--image:not(:has(> img)) > svg {
    margin: auto;
  }
  .landing-page-solutions--hero-3up > .landing-page-solutions--hero-3up--hero > .landing-page-solutions--hero-3up--hero--image > img {
    object-fit: contain;
    width: 100%;
    height: 100%;
    margin: 0;
  }
  .landing-page-solutions--hero-3up > .landing-page-solutions--hero-3up--hero > .landing-page-solutions--hero-3up--hero--preview {
    background-color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 40px;
    height: 414px;
    border-bottom: #006D97 6px solid;
  }
  .landing-page-solutions--hero-3up > .landing-page-solutions--hero-3up--hero > .landing-page-solutions--hero-3up--hero--preview > .landing-page-solutions--hero-3up--hero--preview--category {
    color: #003551;
    font-family: "Open Sans";
    font-size: 15px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: 4.5px;
    text-transform: uppercase;
    flex-basis: 62.5px;
  }
  .landing-page-solutions--hero-3up > .landing-page-solutions--hero-3up--hero > .landing-page-solutions--hero-3up--hero--preview > .landing-page-solutions--hero-3up--hero--preview--title {
    color: #0085B8;
    font-family: "Open Sans";
    font-size: 21px;
    font-style: normal;
    line-height: 36px;
    font-weight: 700;
    flex-basis: 125px;
  }
  .landing-page-solutions--hero-3up > .landing-page-solutions--hero-3up--hero > .landing-page-solutions--hero-3up--hero--preview > .landing-page-solutions--hero-3up--hero--preview--excerpt {
    font-family: "Open Sans";
    font-size: 18px;
    font-weight: 400;
    line-height: 27px;
    letter-spacing: 0em;
    text-align: left;
    flex-basis: 150px;
  }
  .landing-page-solutions--hero-3up > .landing-page-solutions--hero-3up--hero > .landing-page-solutions--hero-3up--hero--preview > .landing-page-solutions--hero-3up--hero--preview--excerpt > p:last-of-type {
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  .landing-page-solutions--hero-3up > .landing-page-solutions--hero-3up--hero > .landing-page-solutions--hero-3up--hero--preview > .landing-page-solutions--hero-3up--hero--preview--author {
    color: #003551;
    font-family: "Open Sans";
    font-size: 15px;
    font-style: normal;
    font-weight: 600;
    line-height: 21px;
    flex-basis: 62.5px;
  }
  .landing-page-solutions--hero-3up > .landing-page-solutions--hero-3up--hero > div {
    flex-basis: 50%;
    height: 500px;
  }
}
.landing-page-solutions--hero-3up > .landing-page-solutions--hero-3-up--3up {
  padding: 0;
}
.landing-page-solutions--hero-3up > .landing-page-solutions--hero-3-up--3up > .resource-grid {
  min-height: 550px;
  margin: 40px 0;
  justify-content: space-between;
}
@media screen and (max-width: 1439px) {
  .landing-page-solutions--hero-3up > .landing-page-solutions--hero-3-up--3up > .resource-grid {
    row-gap: 2em;
  }
}
.landing-page-solutions--hero-3up > .landing-page-solutions--hero-3-up--3up > .resource-grid .resource-grid--item {
  background-color: white;
  padding: 0;
  box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.25);
}
@media screen and (max-width: 833px) {
  .landing-page-solutions--hero-3up > .landing-page-solutions--hero-3-up--3up > .resource-grid .resource-grid--item {
    width: 100%;
    max-width: 100%;
    min-height: 600px;
  }
}
@media screen and (min-width: 834px) and (max-width: 1439px) {
  .landing-page-solutions--hero-3up > .landing-page-solutions--hero-3-up--3up > .resource-grid .resource-grid--item {
    width: calc(50% - 2em);
    max-width: calc(50% - 2em);
    min-height: 500px;
  }
}
@media screen and (min-width: 1440px) {
  .landing-page-solutions--hero-3up > .landing-page-solutions--hero-3-up--3up > .resource-grid .resource-grid--item {
    min-height: 400px;
    max-height: 500px;
  }
  .landing-page-solutions--hero-3up > .landing-page-solutions--hero-3-up--3up > .resource-grid .resource-grid--item:nth-of-type(1) {
    display: none;
  }
}
.landing-page-solutions--hero-3up > .landing-page-solutions--hero-3-up--3up > .resource-grid .resource-grid--item .resource-grid--item--title-type {
  color: #003551;
  font-family: "Open Sans";
  font-size: 15px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: 4.5px;
  text-transform: uppercase;
  padding-left: 2em;
  position: relative;
  top: -10px;
}
.landing-page-solutions--hero-3up > .landing-page-solutions--hero-3-up--3up > .resource-grid .resource-grid--item .resource-grid--item--title {
  position: relative;
}
.landing-page-solutions--hero-3up > .landing-page-solutions--hero-3-up--3up > .resource-grid .resource-grid--item .resource-grid--item--title > div {
  position: absolute;
  top: 0;
  left: 14px;
  padding-right: 14px;
  height: auto;
  -webkit-line-clamp: unset;
  overflow: hidden;
}
.landing-page-solutions--hero-3up > .landing-page-solutions--hero-3-up--3up > .resource-grid .resource-grid--item .resource-grid--item--link {
  color: #0085B8;
  font-family: "Open Sans";
  font-size: 21px;
  font-style: normal;
  line-height: 36px;
  font-weight: 700;
}

.platform-page--solutions--use-cases--table, .platform-page--content .platform-page--solution--use-cases > table, .full-width-layout--content > .full-width-layout--content--body .platform-page--solution--use-cases > table, .data-table__use-case-styles, .landing-page-content__right-panel > .landing-page-content__right-panel--content > .landing-page-content__right-panel--content--body table {
  background: #FFF;
  box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.25);
}
.platform-page--solutions--use-cases--table > thead, .platform-page--content .platform-page--solution--use-cases > table > thead, .full-width-layout--content > .full-width-layout--content--body .platform-page--solution--use-cases > table > thead, .data-table__use-case-styles > thead, .landing-page-content__right-panel > .landing-page-content__right-panel--content > .landing-page-content__right-panel--content--body table > thead {
  height: 50px;
}
.platform-page--solutions--use-cases--table > thead > tr > th, .platform-page--content .platform-page--solution--use-cases > table > thead > tr > th, .full-width-layout--content > .full-width-layout--content--body .platform-page--solution--use-cases > table > thead > tr > th, .data-table__use-case-styles > thead > tr > th, .landing-page-content__right-panel > .landing-page-content__right-panel--content > .landing-page-content__right-panel--content--body table > thead > tr > th {
  color: #002950;
  font-family: "Open Sans";
  font-size: 15px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: 4.5px;
  text-transform: uppercase;
  border-bottom: 6px solid #006D97;
  text-align: left;
  padding-left: 12px;
  padding-right: 12px;
  white-space: nowrap;
}
.platform-page--solutions--use-cases--table > thead > tr > th:nth-of-type(1), .platform-page--content .platform-page--solution--use-cases > table > thead > tr > th:nth-of-type(1), .full-width-layout--content > .full-width-layout--content--body .platform-page--solution--use-cases > table > thead > tr > th:nth-of-type(1), .data-table__use-case-styles > thead > tr > th:nth-of-type(1), .landing-page-content__right-panel > .landing-page-content__right-panel--content > .landing-page-content__right-panel--content--body table > thead > tr > th:nth-of-type(1) {
  white-space: nowrap;
  overflow-x: visible;
}
@media screen and (min-width: 601px) {
  .platform-page--solutions--use-cases--table > thead > tr > th:nth-of-type(1), .platform-page--content .platform-page--solution--use-cases > table > thead > tr > th:nth-of-type(1), .full-width-layout--content > .full-width-layout--content--body .platform-page--solution--use-cases > table > thead > tr > th:nth-of-type(1), .data-table__use-case-styles > thead > tr > th:nth-of-type(1), .landing-page-content__right-panel > .landing-page-content__right-panel--content > .landing-page-content__right-panel--content--body table > thead > tr > th:nth-of-type(1) {
    width: 175px;
  }
}
@media screen and (max-width: 600px) {
  .platform-page--solutions--use-cases--table > thead > tr > th:nth-of-type(1), .platform-page--content .platform-page--solution--use-cases > table > thead > tr > th:nth-of-type(1), .full-width-layout--content > .full-width-layout--content--body .platform-page--solution--use-cases > table > thead > tr > th:nth-of-type(1), .data-table__use-case-styles > thead > tr > th:nth-of-type(1), .landing-page-content__right-panel > .landing-page-content__right-panel--content > .landing-page-content__right-panel--content--body table > thead > tr > th:nth-of-type(1) {
    width: 100px;
  }
}
.platform-page--solutions--use-cases--table > tbody > tr > td, .platform-page--content .platform-page--solution--use-cases > table > tbody > tr > td, .full-width-layout--content > .full-width-layout--content--body .platform-page--solution--use-cases > table > tbody > tr > td, .data-table__use-case-styles > tbody > tr > td, .landing-page-content__right-panel > .landing-page-content__right-panel--content > .landing-page-content__right-panel--content--body table > tbody > tr > td {
  height: 70px;
  font-family: "Open Sans";
  background: #F6F8F8;
  border-bottom: 12px solid #fff;
  padding: 4px 12px;
}
.platform-page--solutions--use-cases--table > tbody > tr > td:nth-of-type(1), .platform-page--content .platform-page--solution--use-cases > table > tbody > tr > td:nth-of-type(1), .full-width-layout--content > .full-width-layout--content--body .platform-page--solution--use-cases > table > tbody > tr > td:nth-of-type(1), .data-table__use-case-styles > tbody > tr > td:nth-of-type(1), .landing-page-content__right-panel > .landing-page-content__right-panel--content > .landing-page-content__right-panel--content--body table > tbody > tr > td:nth-of-type(1) {
  color: #006D97;
  font-family: "Open Sans";
  font-size: 15px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  white-space: normal;
}
.platform-page--solutions--use-cases--table > tbody > tr > td:nth-of-type(1) > a, .platform-page--content .platform-page--solution--use-cases > table > tbody > tr > td:nth-of-type(1) > a, .full-width-layout--content > .full-width-layout--content--body .platform-page--solution--use-cases > table > tbody > tr > td:nth-of-type(1) > a, .data-table__use-case-styles > tbody > tr > td:nth-of-type(1) > a, .landing-page-content__right-panel > .landing-page-content__right-panel--content > .landing-page-content__right-panel--content--body table > tbody > tr > td:nth-of-type(1) > a {
  color: #006D97;
  font-family: "Open Sans";
  font-size: 15px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
}
@media screen and (min-width: 601px) {
  .platform-page--solutions--use-cases--table > tbody > tr > td:nth-of-type(1), .platform-page--content .platform-page--solution--use-cases > table > tbody > tr > td:nth-of-type(1), .full-width-layout--content > .full-width-layout--content--body .platform-page--solution--use-cases > table > tbody > tr > td:nth-of-type(1), .data-table__use-case-styles > tbody > tr > td:nth-of-type(1), .landing-page-content__right-panel > .landing-page-content__right-panel--content > .landing-page-content__right-panel--content--body table > tbody > tr > td:nth-of-type(1) {
    width: 175px;
  }
}
@media screen and (max-width: 600px) {
  .platform-page--solutions--use-cases--table > tbody > tr > td:nth-of-type(1), .platform-page--content .platform-page--solution--use-cases > table > tbody > tr > td:nth-of-type(1), .full-width-layout--content > .full-width-layout--content--body .platform-page--solution--use-cases > table > tbody > tr > td:nth-of-type(1), .data-table__use-case-styles > tbody > tr > td:nth-of-type(1), .landing-page-content__right-panel > .landing-page-content__right-panel--content > .landing-page-content__right-panel--content--body table > tbody > tr > td:nth-of-type(1) {
    width: 100px;
  }
}
.platform-page--solutions--use-cases--table > tbody > tr > td:nth-of-type(2), .platform-page--content .platform-page--solution--use-cases > table > tbody > tr > td:nth-of-type(2), .full-width-layout--content > .full-width-layout--content--body .platform-page--solution--use-cases > table > tbody > tr > td:nth-of-type(2), .data-table__use-case-styles > tbody > tr > td:nth-of-type(2), .landing-page-content__right-panel > .landing-page-content__right-panel--content > .landing-page-content__right-panel--content--body table > tbody > tr > td:nth-of-type(2) {
  color: #193442;
  font-family: "Open Sans";
  font-size: 15px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
}
.platform-page--solutions--use-cases--table > tbody > tr:last-child > td, .platform-page--content .platform-page--solution--use-cases > table > tbody > tr:last-child > td, .full-width-layout--content > .full-width-layout--content--body .platform-page--solution--use-cases > table > tbody > tr:last-child > td, .data-table__use-case-styles > tbody > tr:last-child > td, .landing-page-content__right-panel > .landing-page-content__right-panel--content > .landing-page-content__right-panel--content--body table > tbody > tr:last-child > td {
  border-bottom: none;
}

.platform-page--header {
  box-sizing: border-box;
  width: 100%;
  background-color: white;
}
@media screen and (min-width: 1200px) {
  .platform-page--header {
    padding: 40px 80px;
  }
}
@media screen and (min-width: 960px) and (max-width: 1199px) {
  .platform-page--header {
    padding: 30px 40px;
  }
}
@media screen and (min-width: 739px) and (max-width: 959px) {
  .platform-page--header {
    padding: 30px 20px;
  }
}
@media screen and (min-width: 431px) and (max-width: 739px) {
  .platform-page--header {
    padding: 30px 10px;
  }
}
@media screen and (max-width: 430px) {
  .platform-page--header {
    padding: 30px 5px;
  }
}
.platform-page--header .platform-page--feature-area {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
}
.platform-page--header .platform-page--feature-area .platform-page--feature-area--icon {
  flex-basis: 40px;
  flex-grow: 0;
  flex-shrink: 0;
  width: 40px;
  height: 40px;
}
.platform-page--header .platform-page--feature-area .platform-page--feature-area--icon > svg,
.platform-page--header .platform-page--feature-area .platform-page--feature-area--icon > img {
  width: 40px;
  height: 40px;
}
.platform-page--header .platform-page--feature-area.platform-page--feature-area__conference-page-drilldown .platform-page--feature-area--platform-name > a {
  text-decoration: none;
}
.platform-page--header .platform-page--feature-area.platform-page--feature-area__solution-page .platform-page--feature-area--platform-name > a {
  text-decoration: none;
}
.platform-page--header .platform-page--feature-area.platform-page--feature-area__solution-page .platform-page--feature-area--category-name > a {
  text-decoration: none;
}
.platform-page--header .platform-page--feature-area.platform-page--feature-area__category-page .platform-page--feature-area--platform-name > a {
  text-decoration: none;
}
.platform-page--header .platform-page--feature-area .platform-page--feature-area--platform-name,
.platform-page--header .platform-page--feature-area .platform-page--feature-area--category-name,
.platform-page--header .platform-page--feature-area .platform-page--feature-area--solution-name,
.platform-page--header .platform-page--feature-area .platform-page--feature-area--category-name-separator {
  min-width: fit-content;
  color: #415662;
  font-family: "Open Sans";
  font-size: 15px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: 4.5px;
  text-transform: uppercase;
}
.platform-page--header .platform-page--feature-area .platform-page--feature-area--platform-name > a,
.platform-page--header .platform-page--feature-area .platform-page--feature-area--category-name > a,
.platform-page--header .platform-page--feature-area .platform-page--feature-area--solution-name > a,
.platform-page--header .platform-page--feature-area .platform-page--feature-area--category-name-separator > a {
  color: #415662;
  font-family: "Open Sans";
  font-size: 15px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: 4.5px;
  text-transform: uppercase;
  text-decoration-color: #005EB8;
  text-decoration-thickness: 2px;
}
.platform-page--header .platform-page--feature-area .platform-page--feature-area--platform-name > a:hover,
.platform-page--header .platform-page--feature-area .platform-page--feature-area--category-name > a:hover,
.platform-page--header .platform-page--feature-area .platform-page--feature-area--solution-name > a:hover,
.platform-page--header .platform-page--feature-area .platform-page--feature-area--category-name-separator > a:hover {
  text-decoration: underline;
  text-decoration-color: #005EB8;
  text-decoration-thickness: 2px;
}
.platform-page--header .platform-page--feature-area .platform-page--feature-area--platform-name,
.platform-page--header .platform-page--feature-area .platform-page--feature-area--category-name,
.platform-page--header .platform-page--feature-area .platform-page--feature-area--solution-name,
.platform-page--header .platform-page--feature-area .platform-page--feature-area--category-name-separator {
  margin-left: 1em;
}
.platform-page--header .platform-page--feature-area .platform-page--feature-area--platform-name__mobile,
.platform-page--header .platform-page--feature-area .platform-page--feature-area--category-name__mobile {
  display: none;
  margin-left: 0;
  white-space: nowrap;
  box-sizing: border-box;
  max-width: 100%;
  overflow-x: visible;
}
@media screen and (max-width: 460px) {
  .platform-page--header .platform-page--feature-area.platform-page--feature-area__solution-page > .platform-page--feature-area--icon,
  .platform-page--header .platform-page--feature-area.platform-page--feature-area__solution-page > .platform-page--feature-area--platform-name,
  .platform-page--header .platform-page--feature-area.platform-page--feature-area__solution-page > .platform-page--feature-area--platform-name__mobile,
  .platform-page--header .platform-page--feature-area.platform-page--feature-area__solution-page > .platform-page--feature-area--category-name + .platform-page--feature-area--category-name-separator,
  .platform-page--header .platform-page--feature-area.platform-page--feature-area__solution-page > .platform-page--feature-area--solution-name {
    display: none;
  }
  .platform-page--header .platform-page--feature-area.platform-page--feature-area__solution-page > .platform-page--feature-area--category-name-separator,
  .platform-page--header .platform-page--feature-area.platform-page--feature-area__solution-page > .platform-page--feature-area--category-name {
    display: block;
    margin-left: 0;
  }
}
@media screen and (max-width: 460px) {
  .platform-page--header .platform-page--feature-area.platform-page--feature-area__category-page > .platform-page--feature-area--icon,
  .platform-page--header .platform-page--feature-area.platform-page--feature-area__category-page > .platform-page--feature-area--platform-name,
  .platform-page--header .platform-page--feature-area.platform-page--feature-area__category-page > .platform-page--feature-area--category-name-separator,
  .platform-page--header .platform-page--feature-area.platform-page--feature-area__category-page > .platform-page--feature-area--category-name {
    display: none;
  }
  .platform-page--header .platform-page--feature-area.platform-page--feature-area__category-page > .platform-page--feature-area--platform-name__mobile {
    display: block;
  }
}
@media screen and (min-width: 461px) {
  .platform-page--header .platform-page--feature-area.platform-page--feature-area__conference-page-drilldown > .platform-page--feature-area--category-name-separator.platform-page--feature-area--category-name-separator__desktop-show {
    display: block;
  }
}
.platform-page--header .platform-page--feature-area.platform-page--feature-area__conference-page-drilldown > .platform-page--feature-area--category-name__mobile {
  display: none;
}
@media screen and (max–width: 460px) {
  .platform-page--header .platform-page--feature-area.platform-page--feature-area__conference-page-drilldown > .platform-page--feature-area--category-name__mobile {
    display: block;
  }
}
.platform-page--header .platform-page--feature-area.platform-page--feature-area__conference-page > .platform-page--feature-area--platform-name {
  display: none;
}
.platform-page--header .platform-page--feature-area.platform-page--feature-area__conference-page > .platform-page--feature-area--category-name-separator {
  display: none;
}
@media screen and (min-width: 461px) {
  .platform-page--header .platform-page--feature-area.platform-page--feature-area__conference-page > .platform-page--feature-area--category-name-separator.platform-page--feature-area--category-name-separator__desktop-show {
    display: block;
  }
}
.platform-page--header .platform-page--feature-area.platform-page--feature-area__conference-page > .platform-page--feature-area--category-name__mobile {
  display: none;
}
@media screen and (max–width: 460px) {
  .platform-page--header .platform-page--feature-area.platform-page--feature-area__conference-page > .platform-page--feature-area--category-name__mobile {
    display: block;
  }
}
@media screen and (max–width: 460px) {
  .platform-page--header .platform-page--feature-area.platform-page--feature-area__conference-page > .platform-page--feature-area--icon,
  .platform-page--header .platform-page--feature-area.platform-page--feature-area__conference-page > .platform-page--feature-area--platform-name,
  .platform-page--header .platform-page--feature-area.platform-page--feature-area__conference-page > .platform-page--feature-area--category-name-separator,
  .platform-page--header .platform-page--feature-area.platform-page--feature-area__conference-page > .platform-page--feature-area--category-name,
  .platform-page--header .platform-page--feature-area.platform-page--feature-area__conference-page > .platform-page--feature-area--platform-name__mobile {
    display: none;
  }
}
@media screen and (max-width: 460px) {
  .platform-page--header .platform-page--feature-area .platform-page--feature-area--solution-name {
    display: none;
  }
}
.platform-page--header .platform-page--title {
  padding-left: 0;
}
.platform-page--header .platform-page--title > h1 {
  margin-top: 21px;
}
@media screen and (max-width: 460px) {
  .platform-page--header .platform-page--title {
    padding-left: 0;
  }
  .platform-page--header .platform-page--title > h1 {
    font-family: "Open Sans";
    font-size: 40px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    margin-top: 10px;
  }
}

.platform-page--content h2.platform-page--solution--header, .full-width-layout--content > .full-width-layout--content--body h2.platform-page--solution--header {
  color: #002950;
}
.platform-page--content h2.platform-page--resource--header, .full-width-layout--content > .full-width-layout--content--body h2.platform-page--resource--header {
  color: #002950;
}
.platform-page--content .platform-solution-page--resources h3, .full-width-layout--content > .full-width-layout--content--body .platform-solution-page--resources h3 {
  color: #002950;
}
.platform-page--content .platform-page--solution--use-cases, .full-width-layout--content > .full-width-layout--content--body .platform-page--solution--use-cases {
  background: linear-gradient(180deg, #E1FAFF 0%, #98E3F4 48.15%, #00B7E0 100%);
  padding-top: 40px;
  padding-bottom: 66px;
}
@media screen and (min-width: 1200px) {
  .platform-page--content .platform-page--solution--use-cases, .full-width-layout--content > .full-width-layout--content--body .platform-page--solution--use-cases {
    padding-left: 80px;
    padding-right: 40px;
    width: calc(100% - 80px - 40px);
  }
}
@media screen and (max-width: 1199px) {
  .platform-page--content .platform-page--solution--use-cases, .full-width-layout--content > .full-width-layout--content--body .platform-page--solution--use-cases {
    padding-left: 20px;
    padding-right: 20px;
    width: calc(100% - 20px - 20px);
  }
}
@media screen and (max-width: 390px) {
  .platform-page--content .platform-page--solution--use-cases, .full-width-layout--content > .full-width-layout--content--body .platform-page--solution--use-cases {
    padding-left: 5px;
    padding-right: 5px;
    width: calc(100% - 5px - 5px);
  }
}
.platform-page--content .platform-page--solution--use-cases h2, .full-width-layout--content > .full-width-layout--content--body .platform-page--solution--use-cases h2 {
  color: #002950;
}
.platform-page--content .platform-page--solution--use-cases > table, .full-width-layout--content > .full-width-layout--content--body .platform-page--solution--use-cases > table {
  margin-bottom: 43px;
  width: 100%;
}
@media screen and (max-width: 490px) {
  .platform-page--content .platform-page--solution--use-cases > table > thead > tr > th, .full-width-layout--content > .full-width-layout--content--body .platform-page--solution--use-cases > table > thead > tr > th,
  .platform-page--content .platform-page--solution--use-cases > table > thead > tr > th:nth-of-type(1) {
    white-space: normal;
    overflow: hidden;
  }
  .platform-page--content .platform-page--solution--use-cases > table > tbody > tr, .full-width-layout--content > .full-width-layout--content--body .platform-page--solution--use-cases > table > tbody > tr {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  }
  .platform-page--content .platform-page--solution--use-cases > table > tbody > tr > td, .full-width-layout--content > .full-width-layout--content--body .platform-page--solution--use-cases > table > tbody > tr > td,
  .platform-page--content .platform-page--solution--use-cases > table > tbody > tr > td:nth-of-type(1) {
    width: calc(100% - 24px);
    height: min-content;
  }
  .platform-page--content .platform-page--solution--use-cases > table > tbody > tr > td:nth-of-type(1), .full-width-layout--content > .full-width-layout--content--body .platform-page--solution--use-cases > table > tbody > tr > td:nth-of-type(1) {
    border-bottom: none;
  }
  .platform-page--content .platform-page--solution--use-cases > table > tbody > tr > td:nth-of-type(2), .full-width-layout--content > .full-width-layout--content--body .platform-page--solution--use-cases > table > tbody > tr > td:nth-of-type(2) {
    border-bottom: 12px solid #fff;
  }
  .platform-page--content .platform-page--solution--use-cases > table > tbody > tr:last-of-type > td:nth-of-type(2), .full-width-layout--content > .full-width-layout--content--body .platform-page--solution--use-cases > table > tbody > tr:last-of-type > td:nth-of-type(2) {
    border-bottom: none;
  }
}

.platform-landing-page .landing-page-hero-wrapper {
  position: relative;
  background: linear-gradient(180deg, #68E3FF 0%, #005EB8 100%);
}
.platform-landing-page .landing-page-hero-wrapper > .platform-category-page--hero {
  height: auto;
  position: relative;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}
@media screen and (min-width: 835px) {
  .platform-landing-page .landing-page-hero-wrapper > .platform-category-page--hero {
    max-width: unset;
    min-height: 360px;
  }
}
@media screen and (max-width: 834px) {
  .platform-landing-page .landing-page-hero-wrapper > .platform-category-page--hero {
    max-width: 100%;
    height: auto;
    aspect-ratio: 3/2;
  }
}
.platform-landing-page .landing-page-hero-wrapper > .platform-category-page--hero > .landing-page-hero--images {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
}
.platform-landing-page .landing-page-hero-wrapper > .platform-category-page--hero > .landing-page-hero--images > .landing-page-hero--images--image {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, #016BA7 0%, #011C2D 97.92%);
}
.platform-landing-page .landing-page-hero-wrapper > .platform-category-page--hero > .landing-page-hero--images > .landing-page-hero--images--image.landing-page-hero--images--image__desktop > img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.platform-landing-page .landing-page-hero-wrapper > .platform-category-page--hero > .landing-page-hero--images > .landing-page-hero--images--image.landing-page-hero--images--image__mobile > img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
@media screen and (min-width: 835px) {
  .platform-landing-page .landing-page-hero-wrapper > .platform-category-page--hero > .landing-page-hero--images > .landing-page-hero--images--image.landing-page-hero--images--image__desktop {
    display: block;
  }
  .platform-landing-page .landing-page-hero-wrapper > .platform-category-page--hero > .landing-page-hero--images > .landing-page-hero--images--image.landing-page-hero--images--image__mobile {
    display: none;
  }
}
@media screen and (max-width: 834px) {
  .platform-landing-page .landing-page-hero-wrapper > .platform-category-page--hero > .landing-page-hero--images > .landing-page-hero--images--image.landing-page-hero--images--image__desktop {
    display: none;
  }
  .platform-landing-page .landing-page-hero-wrapper > .platform-category-page--hero > .landing-page-hero--images > .landing-page-hero--images--image.landing-page-hero--images--image__mobile {
    display: block;
  }
}
.platform-landing-page .landing-page-hero-wrapper > .landing-page-hero--header-wrapper {
  position: absolute;
  padding: 0;
}
@media screen and (min-width: 1200px) {
  .platform-landing-page .landing-page-hero-wrapper > .landing-page-hero--header-wrapper {
    top: 34px;
    left: 80px;
  }
}
@media screen and (min-width: 740px) and (max-width: 1199px) {
  .platform-landing-page .landing-page-hero-wrapper > .landing-page-hero--header-wrapper {
    top: 34px;
    left: 40px;
  }
}
@media screen and (max-width: 739px) {
  .platform-landing-page .landing-page-hero-wrapper > .landing-page-hero--header-wrapper {
    top: 34px;
    left: 20px;
  }
}
@media screen and (max-width: 420px) {
  .platform-landing-page .landing-page-hero-wrapper > .landing-page-hero--header-wrapper {
    top: 0;
    left: 10px;
  }
}
.platform-landing-page .landing-page-hero-wrapper > .landing-page-hero--header-wrapper > .landing-page-hero--header {
  padding: 0;
}
.platform-landing-page .landing-page-hero-wrapper > .landing-page-hero--header-wrapper > .landing-page-hero--header > h1 {
  color: #FFF;
  font-family: "Open Sans";
  font-size: 64px;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
  margin-top: 0;
  margin-bottom: 0;
}
@media screen and (max-width: 660px) {
  .platform-landing-page .landing-page-hero-wrapper > .landing-page-hero--header-wrapper > .landing-page-hero--header > h1 {
    font-family: "Open Sans";
    font-size: 40px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
  }
}
@media screen and (min-width: 1200px) {
  .platform-landing-page .landing-page-hero-wrapper > .landing-page-hero--header-wrapper > .landing-page-hero--header {
    width: calc(70% - 160px);
  }
}
@media screen and (min-width: 835px) and (max-width: 1199px) {
  .platform-landing-page .landing-page-hero-wrapper > .landing-page-hero--header-wrapper > .landing-page-hero--header {
    width: calc(78% - 80px);
  }
}
@media screen and (max-width: 834px) {
  .platform-landing-page .landing-page-hero-wrapper > .landing-page-hero--header-wrapper > .landing-page-hero--header {
    width: calc(100% - 40px);
  }
}
@media screen and (max-width: 739px) {
  .platform-landing-page .landing-page-hero-wrapper > .landing-page-hero--header-wrapper > .landing-page-hero--header {
    width: 75%;
  }
}
@media screen and (max-width: 420px) {
  .platform-landing-page .landing-page-hero-wrapper > .landing-page-hero--header-wrapper > .landing-page-hero--header {
    width: 100%;
  }
}
@media screen and (max-width: 413px) {
  .platform-landing-page .landing-page-hero-wrapper > .landing-page-hero--header-wrapper > .landing-page-hero--header > h1 {
    font-size: 36px;
  }
}
.platform-landing-page .landing-page-hero-wrapper > .landing-page-hero--header-wrapper > .landing-page-hero--header-subtext {
  position: relative;
  top: -20px;
  box-sizing: border-box;
}
.platform-landing-page .landing-page-hero-wrapper > .landing-page-hero--header-wrapper > .landing-page-hero--header-subtext > h2 {
  color: #FFF;
  font-family: "Open Sans";
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 42px;
  margin-bottom: 3px;
}
@media screen and (max-width: 460px) {
  .platform-landing-page .landing-page-hero-wrapper > .landing-page-hero--header-wrapper > .landing-page-hero--header-subtext > h2 {
    font-size: 21px;
    line-height: 36px;
  }
}
@media screen and (min-width: 1010px) {
  .platform-landing-page .landing-page-hero-wrapper > .landing-page-hero--header-wrapper > .landing-page-hero--header-subtext {
    width: 50%;
  }
}
@media screen and (min-width: 835px) and (max-width: 1009px) {
  .platform-landing-page .landing-page-hero-wrapper > .landing-page-hero--header-wrapper > .landing-page-hero--header-subtext {
    width: 60%;
  }
}
@media screen and (max-width: 834px) {
  .platform-landing-page .landing-page-hero-wrapper > .landing-page-hero--header-wrapper > .landing-page-hero--header-subtext {
    width: 70%;
    top: 0;
    padding-right: 20px;
  }
}
@media screen and (max-width: 522px) {
  .platform-landing-page .landing-page-hero-wrapper > .landing-page-hero--header-wrapper > .landing-page-hero--header-subtext {
    width: 100%;
  }
}
@media screen and (max-width: 420px) {
  .platform-landing-page .landing-page-hero-wrapper > .landing-page-hero--header-wrapper > .landing-page-hero--header-subtext > h2 {
    font-size: 18px;
    line-height: 27px;
  }
}
.platform-landing-page .platform-landing-page--overview {
  background: #F6F8F8;
  box-sizing: border-box;
  width: 100%;
}
@media screen and (min-width: 1200px) {
  .platform-landing-page .platform-landing-page--overview {
    padding: 40px 80px;
  }
}
@media screen and (min-width: 960px) and (max-width: 1199px) {
  .platform-landing-page .platform-landing-page--overview {
    padding: 30px 40px;
  }
}
@media screen and (min-width: 739px) and (max-width: 959px) {
  .platform-landing-page .platform-landing-page--overview {
    padding: 30px 20px;
  }
}
@media screen and (min-width: 431px) and (max-width: 739px) {
  .platform-landing-page .platform-landing-page--overview {
    padding: 30px 10px;
  }
}
@media screen and (max-width: 430px) {
  .platform-landing-page .platform-landing-page--overview {
    padding: 30px 5px;
  }
}
@media screen and (min-width: 1200px) {
  .platform-landing-page .platform-landing-page--overview {
    padding-top: 60px;
    padding-bottom: 0;
  }
}
@media screen and (min-width: 835px) and (max-width: 1199px) {
  .platform-landing-page .platform-landing-page--overview {
    padding-top: 60px;
    padding-bottom: 0;
  }
}
@media screen and (max-width: 834px) {
  .platform-landing-page .platform-landing-page--overview {
    padding-top: 30px;
    padding-bottom: 0;
  }
}
.platform-landing-page .platform-landing-page--overview > p {
  margin-top: 0;
}
.platform-landing-page > .solutions-card-grid {
  box-sizing: border-box;
  width: 100%;
}
@media screen and (min-width: 1200px) {
  .platform-landing-page > .solutions-card-grid {
    padding: 40px 80px;
  }
}
@media screen and (min-width: 960px) and (max-width: 1199px) {
  .platform-landing-page > .solutions-card-grid {
    padding: 30px 40px;
  }
}
@media screen and (min-width: 739px) and (max-width: 959px) {
  .platform-landing-page > .solutions-card-grid {
    padding: 30px 20px;
  }
}
@media screen and (min-width: 431px) and (max-width: 739px) {
  .platform-landing-page > .solutions-card-grid {
    padding: 30px 10px;
  }
}
@media screen and (max-width: 430px) {
  .platform-landing-page > .solutions-card-grid {
    padding: 30px 5px;
  }
}
@media screen and (min-width: 1200px) {
  .platform-landing-page > .solutions-card-grid {
    padding-top: 60px;
    padding-bottom: 24px;
  }
}
@media screen and (min-width: 835px) and (max-width: 1199px) {
  .platform-landing-page > .solutions-card-grid {
    padding-top: 60px;
    padding-bottom: 24px;
  }
}
@media screen and (max-width: 834px) {
  .platform-landing-page > .solutions-card-grid {
    padding-top: 30px;
    padding-bottom: 0;
  }
}
.platform-landing-page > .solutions-card-grid h2 {
  padding-top: 1em;
}
.platform-landing-page > .solutions-card-grid > .solutions-card-grid--card-wrapper {
  padding: 0;
}
.platform-landing-page > .solutions-card-grid > .solutions-card-grid--card-wrapper > .solutions-card-grid--card-wrapper--card {
  align-items: normal;
}
@media screen and (min-width: 1401px) {
  .platform-landing-page > .solutions-card-grid > .solutions-card-grid--card-wrapper > .solutions-card-grid--card-wrapper--card {
    min-width: 350px;
  }
}
@media screen and (min-width: 835px) and (max-width: 1400px) {
  .platform-landing-page > .solutions-card-grid > .solutions-card-grid--card-wrapper > .solutions-card-grid--card-wrapper--card {
    min-width: 300px;
  }
}
@media screen and (max-width: 834px) {
  .platform-landing-page > .solutions-card-grid > .solutions-card-grid--card-wrapper > .solutions-card-grid--card-wrapper--card {
    min-width: calc(100% - 20px);
  }
}
.platform-landing-page.platform-page--content .platform-page--solution--use-cases, .full-width-layout--content > .platform-landing-page.full-width-layout--content--body .platform-page--solution--use-cases {
  background: white;
  padding-left: 0;
  padding-right: 0;
  width: 100%;
  margin-bottom: 66px;
  padding-bottom: 0;
}
.platform-landing-page.platform-page--content .platform-page--solution--use-cases > hgroup > p, .full-width-layout--content > .platform-landing-page.full-width-layout--content--body .platform-page--solution--use-cases > hgroup > p {
  margin-bottom: 60px;
}
@media screen and (min-width: 1200px) {
  .platform-landing-page.platform-page--content .platform-page--solution--use-cases > hgroup, .full-width-layout--content > .platform-landing-page.full-width-layout--content--body .platform-page--solution--use-cases > hgroup,
  .platform-landing-page.platform-page--content .platform-page--solution--use-cases > table,
  .full-width-layout--content > .platform-landing-page.full-width-layout--content--body .platform-page--solution--use-cases > table {
    margin-left: 80px;
    margin-right: 80px;
    width: calc(100% - 160px);
  }
  .platform-landing-page.platform-page--content .platform-page--solution--use-cases > table, .full-width-layout--content > .platform-landing-page.full-width-layout--content--body .platform-page--solution--use-cases > table {
    margin-bottom: 70px;
  }
}
@media screen and (max-width: 1199px) {
  .platform-landing-page.platform-page--content .platform-page--solution--use-cases > hgroup, .full-width-layout--content > .platform-landing-page.full-width-layout--content--body .platform-page--solution--use-cases > hgroup,
  .platform-landing-page.platform-page--content .platform-page--solution--use-cases > table,
  .full-width-layout--content > .platform-landing-page.full-width-layout--content--body .platform-page--solution--use-cases > table {
    margin-left: 20px;
    margin-right: 20px;
    width: calc(100% - 40px);
  }
  .platform-landing-page.platform-page--content .platform-page--solution--use-cases > table, .full-width-layout--content > .platform-landing-page.full-width-layout--content--body .platform-page--solution--use-cases > table {
    margin-bottom: 35px;
  }
}
@media screen and (max-width: 390px) {
  .platform-landing-page.platform-page--content .platform-page--solution--use-cases > hgroup, .full-width-layout--content > .platform-landing-page.full-width-layout--content--body .platform-page--solution--use-cases > hgroup,
  .platform-landing-page.platform-page--content .platform-page--solution--use-cases > table,
  .full-width-layout--content > .platform-landing-page.full-width-layout--content--body .platform-page--solution--use-cases > table {
    margin-left: 5px;
    margin-right: 5px;
    width: calc(100% - 5px - 5px);
  }
  .platform-landing-page.platform-page--content .platform-page--solution--use-cases > table, .full-width-layout--content > .platform-landing-page.full-width-layout--content--body .platform-page--solution--use-cases > table {
    margin-bottom: 20px;
  }
}
.platform-landing-page.platform-page--content .platform-page--solution--use-cases .platform-page--solution--use-cases__fog-background, .full-width-layout--content > .platform-landing-page.full-width-layout--content--body .platform-page--solution--use-cases .platform-page--solution--use-cases__fog-background {
  background: #F6F8F8;
  padding-top: 70px;
  box-sizing: border-box;
  width: 100%;
}
@media screen and (min-width: 1200px) {
  .platform-landing-page.platform-page--content .platform-page--solution--use-cases .platform-page--solution--use-cases__fog-background, .full-width-layout--content > .platform-landing-page.full-width-layout--content--body .platform-page--solution--use-cases .platform-page--solution--use-cases__fog-background {
    padding: 40px 80px;
  }
}
@media screen and (min-width: 960px) and (max-width: 1199px) {
  .platform-landing-page.platform-page--content .platform-page--solution--use-cases .platform-page--solution--use-cases__fog-background, .full-width-layout--content > .platform-landing-page.full-width-layout--content--body .platform-page--solution--use-cases .platform-page--solution--use-cases__fog-background {
    padding: 30px 40px;
  }
}
@media screen and (min-width: 739px) and (max-width: 959px) {
  .platform-landing-page.platform-page--content .platform-page--solution--use-cases .platform-page--solution--use-cases__fog-background, .full-width-layout--content > .platform-landing-page.full-width-layout--content--body .platform-page--solution--use-cases .platform-page--solution--use-cases__fog-background {
    padding: 30px 20px;
  }
}
@media screen and (min-width: 431px) and (max-width: 739px) {
  .platform-landing-page.platform-page--content .platform-page--solution--use-cases .platform-page--solution--use-cases__fog-background, .full-width-layout--content > .platform-landing-page.full-width-layout--content--body .platform-page--solution--use-cases .platform-page--solution--use-cases__fog-background {
    padding: 30px 10px;
  }
}
@media screen and (max-width: 430px) {
  .platform-landing-page.platform-page--content .platform-page--solution--use-cases .platform-page--solution--use-cases__fog-background, .full-width-layout--content > .platform-landing-page.full-width-layout--content--body .platform-page--solution--use-cases .platform-page--solution--use-cases__fog-background {
    padding: 30px 5px;
  }
}
.platform-landing-page.platform-page--content .platform-page--solution--use-cases .platform-page--solution--use-cases__fog-background > h2:nth-of-type(1), .full-width-layout--content > .platform-landing-page.full-width-layout--content--body .platform-page--solution--use-cases .platform-page--solution--use-cases__fog-background > h2:nth-of-type(1) {
  margin-top: 0;
}
.platform-landing-page.platform-page--content .landing-page-content__right-panel, .full-width-layout--content > .platform-landing-page.full-width-layout--content--body .landing-page-content__right-panel {
  box-sizing: border-box;
  width: 100%;
}
@media screen and (min-width: 1200px) {
  .platform-landing-page.platform-page--content .landing-page-content__right-panel, .full-width-layout--content > .platform-landing-page.full-width-layout--content--body .landing-page-content__right-panel {
    padding: 40px 80px;
  }
}
@media screen and (min-width: 960px) and (max-width: 1199px) {
  .platform-landing-page.platform-page--content .landing-page-content__right-panel, .full-width-layout--content > .platform-landing-page.full-width-layout--content--body .landing-page-content__right-panel {
    padding: 30px 40px;
  }
}
@media screen and (min-width: 739px) and (max-width: 959px) {
  .platform-landing-page.platform-page--content .landing-page-content__right-panel, .full-width-layout--content > .platform-landing-page.full-width-layout--content--body .landing-page-content__right-panel {
    padding: 30px 20px;
  }
}
@media screen and (min-width: 431px) and (max-width: 739px) {
  .platform-landing-page.platform-page--content .landing-page-content__right-panel, .full-width-layout--content > .platform-landing-page.full-width-layout--content--body .landing-page-content__right-panel {
    padding: 30px 10px;
  }
}
@media screen and (max-width: 430px) {
  .platform-landing-page.platform-page--content .landing-page-content__right-panel, .full-width-layout--content > .platform-landing-page.full-width-layout--content--body .landing-page-content__right-panel {
    padding: 30px 5px;
  }
}
.platform-landing-page.platform-page--content .landing-page-content__right-panel > .landing-page-content__right-panel--content, .full-width-layout--content > .platform-landing-page.full-width-layout--content--body .landing-page-content__right-panel > .landing-page-content__right-panel--content {
  box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.25);
}
.platform-landing-page .platform-landing-page--community-voices-wrapper {
  margin-bottom: 0;
  background-color: white;
}
@media screen and (max-width: 979px) {
  .platform-landing-page .platform-landing-page--community-voices-wrapper {
    height: 900px;
  }
}
.platform-landing-page .platform-landing-page--community-voices-wrapper .hero-with-headline {
  margin: 0;
  padding: 0;
}
@media screen and (min-width: 980px) {
  .platform-landing-page .platform-landing-page--community-voices-wrapper .hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport {
    height: 350px;
  }
}
@media screen and (max-width: 979px) {
  .platform-landing-page .platform-landing-page--community-voices-wrapper .hero-with-headline .hero-with-headline--wrapper .hero-with-headline--carousel .hero-with-headline--carousel--viewport {
    height: 600px;
  }
}
.platform-landing-page .platform-landing-page--community-voices-wrapper .landing-page-solutions-community-voices--header {
  padding: 80px 0 0 80px;
}
@media screen and (max-width: 739px) {
  .platform-landing-page .platform-landing-page--community-voices-wrapper .landing-page-solutions-community-voices--header {
    padding: 30px 0 0 30px;
  }
}
.platform-landing-page .platform-landing-page--community-voices-wrapper .landing-page-solutions-community-voices--wrapper > .landing-page-solutions-community-voices.landing-page-hero-wrapper {
  background: transparent;
  padding: 0;
}

.platform-landing-page .landing-page-content__right-panel,
.platform-category-page .landing-page-content__right-panel {
  background: #F6F8F8;
  width: 100%;
  margin-bottom: 80px;
}
.platform-landing-page .landing-page-content__right-panel > .landing-page-content__right-panel--content,
.platform-category-page .landing-page-content__right-panel > .landing-page-content__right-panel--content {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: stretch;
  flex-wrap: nowrap;
  column-gap: 0;
}
@media screen and (max-width: 1199px) {
  .platform-landing-page .landing-page-content__right-panel > .landing-page-content__right-panel--content,
  .platform-category-page .landing-page-content__right-panel > .landing-page-content__right-panel--content {
    padding-left: 0;
    padding-right: 0;
    width: 100%;
  }
}
@media screen and (max-width: 834px) {
  .platform-landing-page .landing-page-content__right-panel > .landing-page-content__right-panel--content,
  .platform-category-page .landing-page-content__right-panel > .landing-page-content__right-panel--content {
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 390px) {
  .platform-landing-page .landing-page-content__right-panel > .landing-page-content__right-panel--content,
  .platform-category-page .landing-page-content__right-panel > .landing-page-content__right-panel--content {
    padding-left: 0;
    padding-right: 0;
    width: 100%;
  }
}
.platform-landing-page .landing-page-content__right-panel > .landing-page-content__right-panel--content > .landing-page-content__right-panel--content--body,
.platform-category-page .landing-page-content__right-panel > .landing-page-content__right-panel--content > .landing-page-content__right-panel--content--body {
  background: white;
  padding: 50px 3%;
  box-sizing: border-box;
  flex-basis: 60.75%;
  max-width: 774px;
}
@media screen and (max-width: 834px) {
  .platform-landing-page .landing-page-content__right-panel > .landing-page-content__right-panel--content > .landing-page-content__right-panel--content--body,
  .platform-category-page .landing-page-content__right-panel > .landing-page-content__right-panel--content > .landing-page-content__right-panel--content--body {
    flex-basis: unset;
    max-width: 100%;
  }
}
.platform-landing-page .landing-page-content__right-panel > .landing-page-content__right-panel--content > .landing-page-content__right-panel--content--side-panel,
.platform-category-page .landing-page-content__right-panel > .landing-page-content__right-panel--content > .landing-page-content__right-panel--content--side-panel {
  box-sizing: border-box;
  flex-basis: 39.25%;
  max-width: unset;
  flex-grow: 1;
  background: linear-gradient(180deg, #E1FAFF 0%, #98E3F4 48.15%, #00B7E0 100%);
  display: flex;
  justify-content: center;
}
@media screen and (max-width: 834px) {
  .platform-landing-page .landing-page-content__right-panel > .landing-page-content__right-panel--content > .landing-page-content__right-panel--content--side-panel,
  .platform-category-page .landing-page-content__right-panel > .landing-page-content__right-panel--content > .landing-page-content__right-panel--content--side-panel {
    flex-basis: unset;
    max-width: 100%;
    padding-left: 0;
    padding-right: 0;
  }
}
@media screen and (min-width: 835px) {
  .platform-landing-page .landing-page-content__right-panel > .landing-page-content__right-panel--content > .landing-page-content__right-panel--content--side-panel,
  .platform-category-page .landing-page-content__right-panel > .landing-page-content__right-panel--content > .landing-page-content__right-panel--content--side-panel {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.platform-landing-page .landing-page-content__right-panel > .landing-page-content__right-panel--content > .landing-page-content__right-panel--content--side-panel > *,
.platform-category-page .landing-page-content__right-panel > .landing-page-content__right-panel--content > .landing-page-content__right-panel--content--side-panel > * {
  max-width: 350px;
}
.platform-landing-page .landing-page-content__right-panel > .landing-page-content__right-panel--content > .landing-page-content__right-panel--content--side-panel .draft-3-landing-page--button-stack,
.platform-category-page .landing-page-content__right-panel > .landing-page-content__right-panel--content > .landing-page-content__right-panel--content--side-panel .draft-3-landing-page--button-stack {
  justify-content: space-evenly;
  row-gap: unset;
  padding-top: 0;
}
@media screen and (min-width: 835px) and (max-width: 959px) {
  .platform-landing-page .landing-page-content__right-panel > .landing-page-content__right-panel--content > .landing-page-content__right-panel--content--side-panel .draft-3-landing-page--button-stack,
  .platform-category-page .landing-page-content__right-panel > .landing-page-content__right-panel--content > .landing-page-content__right-panel--content--side-panel .draft-3-landing-page--button-stack {
    max-width: 300px;
  }
}
@media screen and (max-width: 834px) and (min-width: 429px), screen and (max-width: 428px) {
  .platform-landing-page .landing-page-content__right-panel > .landing-page-content__right-panel--content > .landing-page-content__right-panel--content--side-panel .draft-3-landing-page--button-stack,
  .platform-category-page .landing-page-content__right-panel > .landing-page-content__right-panel--content > .landing-page-content__right-panel--content--side-panel .draft-3-landing-page--button-stack {
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    row-gap: unset;
    padding-top: 0;
    align-items: center;
    grid-gap: unset;
  }
}
@media screen and (max-width: 834px) and (min-width: 429px) {
  .platform-landing-page .landing-page-content__right-panel > .landing-page-content__right-panel--content > .landing-page-content__right-panel--content--side-panel .draft-3-landing-page--button-stack,
  .platform-category-page .landing-page-content__right-panel > .landing-page-content__right-panel--content > .landing-page-content__right-panel--content--side-panel .draft-3-landing-page--button-stack {
    padding: 0 20px;
  }
}
@media screen and (max-width: 428px) {
  .platform-landing-page .landing-page-content__right-panel > .landing-page-content__right-panel--content > .landing-page-content__right-panel--content--side-panel .draft-3-landing-page--button-stack,
  .platform-category-page .landing-page-content__right-panel > .landing-page-content__right-panel--content > .landing-page-content__right-panel--content--side-panel .draft-3-landing-page--button-stack {
    width: 100%;
    max-width: unset;
  }
}
.platform-landing-page .landing-page-content__right-panel > .landing-page-content__right-panel--content > .landing-page-content__right-panel--content--side-panel .draft-3-landing-page--button-stack .draft-3-landing-page--button-stack--button,
.platform-category-page .landing-page-content__right-panel > .landing-page-content__right-panel--content > .landing-page-content__right-panel--content--side-panel .draft-3-landing-page--button-stack .draft-3-landing-page--button-stack--button {
  width: 100%;
}
@media screen and (min-width: 835px) and (max-width: 1439px) {
  .platform-landing-page .landing-page-content__right-panel > .landing-page-content__right-panel--content > .landing-page-content__right-panel--content--side-panel .draft-3-landing-page--button-stack .draft-3-landing-page--button-stack--button,
  .platform-category-page .landing-page-content__right-panel > .landing-page-content__right-panel--content > .landing-page-content__right-panel--content--side-panel .draft-3-landing-page--button-stack .draft-3-landing-page--button-stack--button {
    flex-basis: unset;
    flex-grow: unset;
    flex-shrink: unset;
    widtH: 100%;
  }
}
.platform-landing-page .landing-page-content__right-panel > .landing-page-content__right-panel--content > .landing-page-content__right-panel--content--side-panel .draft-3-landing-page--button-stack .draft-3-landing-page--button-stack--button > .redesign-button--wrapper,
.platform-category-page .landing-page-content__right-panel > .landing-page-content__right-panel--content > .landing-page-content__right-panel--content--side-panel .draft-3-landing-page--button-stack .draft-3-landing-page--button-stack--button > .redesign-button--wrapper {
  width: 100%;
  box-sizing: border-box;
}
.platform-landing-page .landing-page-content__right-panel > .landing-page-content__right-panel--content > .landing-page-content__right-panel--content--side-panel .draft-3-landing-page--button-stack .draft-3-landing-page--button-stack--button > .redesign-button--wrapper.redesign-button--wrapper__complex-content > .redesign-button--anchor,
.platform-category-page .landing-page-content__right-panel > .landing-page-content__right-panel--content > .landing-page-content__right-panel--content--side-panel .draft-3-landing-page--button-stack .draft-3-landing-page--button-stack--button > .redesign-button--wrapper.redesign-button--wrapper__complex-content > .redesign-button--anchor {
  width: 100%;
}

.platform-landing-page .landing-page-content__right-panel > .landing-page-content__right-panel--content > .landing-page-content__right-panel--content--body {
  min-height: 485px;
}
.platform-landing-page .landing-page-content__right-panel > .landing-page-content__right-panel--content > .landing-page-content__right-panel--content--side-panel {
  min-height: 485px;
}

.platform-category-page {
  border-top: #006D97 10px solid;
}
.platform-category-page .platform-category-page--overview {
  box-sizing: border-box;
  width: 100%;
}
@media screen and (min-width: 1200px) {
  .platform-category-page .platform-category-page--overview {
    padding: 40px 80px;
  }
}
@media screen and (min-width: 960px) and (max-width: 1199px) {
  .platform-category-page .platform-category-page--overview {
    padding: 30px 40px;
  }
}
@media screen and (min-width: 739px) and (max-width: 959px) {
  .platform-category-page .platform-category-page--overview {
    padding: 30px 20px;
  }
}
@media screen and (min-width: 431px) and (max-width: 739px) {
  .platform-category-page .platform-category-page--overview {
    padding: 30px 10px;
  }
}
@media screen and (max-width: 430px) {
  .platform-category-page .platform-category-page--overview {
    padding: 30px 5px;
  }
}
.platform-category-page .platform-category-page--overview > .platform-category-page--hero {
  height: auto;
  position: relative;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}
@media screen and (min-width: 835px) {
  .platform-category-page .platform-category-page--overview > .platform-category-page--hero {
    max-width: unset;
    aspect-ratio: 1280/400;
  }
}
@media screen and (max-width: 834px) {
  .platform-category-page .platform-category-page--overview > .platform-category-page--hero {
    max-width: 100%;
    aspect-ratio: 754/400;
  }
}
.platform-category-page .platform-category-page--overview > .platform-category-page--hero > .landing-page-hero--images > .landing-page-hero--images--image {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
}
.platform-category-page .platform-category-page--overview > .platform-category-page--hero > .landing-page-hero--images > .landing-page-hero--images--image.landing-page-hero--images--image__desktop > img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.platform-category-page .platform-category-page--overview > .platform-category-page--hero > .landing-page-hero--images > .landing-page-hero--images--image.landing-page-hero--images--image__mobile > img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.platform-category-page .platform-category-page--overview > .platform-category-page--hero > .landing-page-hero--images > .landing-page-hero--images--image img {
  object-fit: fill;
  width: 100%;
  height: 100%;
}
@media screen and (min-width: 835px) {
  .platform-category-page .platform-category-page--overview > .platform-category-page--hero > .landing-page-hero--images > .landing-page-hero--images--image.landing-page-hero--images--image__desktop {
    display: block;
    background: linear-gradient(180deg, #F65275 0%, #FFB81C 100%);
  }
  .platform-category-page .platform-category-page--overview > .platform-category-page--hero > .landing-page-hero--images > .landing-page-hero--images--image.landing-page-hero--images--image__mobile {
    display: none;
  }
}
@media screen and (max-width: 834px) {
  .platform-category-page .platform-category-page--overview > .platform-category-page--hero > .landing-page-hero--images > .landing-page-hero--images--image.landing-page-hero--images--image__desktop {
    display: none;
  }
  .platform-category-page .platform-category-page--overview > .platform-category-page--hero > .landing-page-hero--images > .landing-page-hero--images--image.landing-page-hero--images--image__mobile {
    display: block;
    background: linear-gradient(180deg, #F65275 0%, #FFB81C 100%);
  }
  .platform-category-page .platform-category-page--overview > .platform-category-page--hero > .landing-page-hero--images > .landing-page-hero--images--image.landing-page-hero--images--image__mobile:nth-of-type(2) {
    background: linear-gradient(180deg, #963CBD 5.45%, #2CD5C4 100%);
  }
}
.platform-category-page .platform-category-page--key-benefits > .solutions-card-grid {
  box-sizing: border-box;
  width: 100%;
}
@media screen and (min-width: 1200px) {
  .platform-category-page .platform-category-page--key-benefits > .solutions-card-grid {
    padding: 40px 80px;
  }
}
@media screen and (min-width: 960px) and (max-width: 1199px) {
  .platform-category-page .platform-category-page--key-benefits > .solutions-card-grid {
    padding: 30px 40px;
  }
}
@media screen and (min-width: 739px) and (max-width: 959px) {
  .platform-category-page .platform-category-page--key-benefits > .solutions-card-grid {
    padding: 30px 20px;
  }
}
@media screen and (min-width: 431px) and (max-width: 739px) {
  .platform-category-page .platform-category-page--key-benefits > .solutions-card-grid {
    padding: 30px 10px;
  }
}
@media screen and (max-width: 430px) {
  .platform-category-page .platform-category-page--key-benefits > .solutions-card-grid {
    padding: 30px 5px;
  }
}
@media screen and (min-width: 1401px), screen and (min-width: 835px) and (max-width: 1400px) {
  .platform-category-page .platform-category-page--key-benefits > .solutions-card-grid > .solutions-card-grid--card-wrapper {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    column-gap: 4%;
    row-gap: 40px;
    padding: 0;
  }
}
@media screen and (max-width: 834px) {
  .platform-category-page .platform-category-page--key-benefits > .solutions-card-grid > .solutions-card-grid--card-wrapper {
    display: grid;
    grid-template-columns: 1fr;
    padding: 0;
    row-gap: 40px;
  }
}
.platform-category-page .platform-category-page--key-benefits > .solutions-card-grid > .solutions-card-grid--card-wrapper > .solutions-card-grid--card-wrapper--card {
  width: 46.875%;
  max-width: 600px;
  min-height: 150px;
  margin-bottom: 0;
  box-sizing: border-box;
}
@media screen and (max-width: 834px) {
  .platform-category-page .platform-category-page--key-benefits > .solutions-card-grid > .solutions-card-grid--card-wrapper > .solutions-card-grid--card-wrapper--card {
    width: 100%;
    max-width: unset;
  }
}
.platform-category-page .platform-category-page--key-benefits > .solutions-card-grid > .solutions-card-grid--card-wrapper > .solutions-card-grid--card-wrapper--card > .solutions-card-grid--card-wrapper--card--label__no-icon {
  padding-top: 25px;
  padding-bottom: 5px;
}
.platform-category-page .platform-category-page--key-benefits > .solutions-card-grid > .solutions-card-grid--card-wrapper > .solutions-card-grid--card-wrapper--card > .solutions-card-grid--card-wrapper--card--content {
  font-family: "Open Sans";
  font-size: 18px;
  font-weight: 400;
  line-height: 27px;
  letter-spacing: 0em;
  text-align: left;
  color: #697B84;
}
.platform-category-page .platform-category-page--key-features {
  box-sizing: border-box;
  width: 100%;
}
@media screen and (min-width: 1200px) {
  .platform-category-page .platform-category-page--key-features {
    padding: 40px 80px;
  }
}
@media screen and (min-width: 960px) and (max-width: 1199px) {
  .platform-category-page .platform-category-page--key-features {
    padding: 30px 40px;
  }
}
@media screen and (min-width: 739px) and (max-width: 959px) {
  .platform-category-page .platform-category-page--key-features {
    padding: 30px 20px;
  }
}
@media screen and (min-width: 431px) and (max-width: 739px) {
  .platform-category-page .platform-category-page--key-features {
    padding: 30px 10px;
  }
}
@media screen and (max-width: 430px) {
  .platform-category-page .platform-category-page--key-features {
    padding: 30px 5px;
  }
}
.platform-category-page .platform-category-page--key-features > .platform-category-page--key-features--list-box {
  background: white;
  box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.25);
  border-bottom: #006D97 10px solid;
  padding: 25px 50px;
}
.platform-category-page .platform-category-page--key-features > .platform-category-page--key-features--list-box > hgroup > h2 {
  color: #006D97;
  font-family: "Open Sans Condensed";
  font-size: 30px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  margin-top: 0;
  margin-bottom: 0;
}
.platform-category-page .platform-category-page--key-features > .platform-category-page--key-features--list-box > hgroup > h2 > a {
  color: #005EB8;
  text-decoration: underline;
  font-family: "Open Sans Condensed";
}
.platform-category-page .platform-category-page--key-features > .platform-category-page--key-features--list-box > hgroup > h2 > a:hover {
  color: #00A3E0;
}
.platform-category-page .platform-category-page--key-features > .platform-category-page--key-features--list-box > hgroup > p {
  color: #415662;
  font-family: "Open Sans";
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 48px;
  margin-top: 5px;
  margin-bottom: 30px;
}
.platform-category-page .platform-category-page--key-features > .platform-category-page--key-features--list-box > hgroup:last-of-type > p {
  margin-bottom: 20px;
}
.platform-category-page .platform-page--solution--use-cases {
  box-sizing: border-box;
  width: 100%;
  box-sizing: border-box;
  width: 100%;
  background: #F6F8F8;
}
@media screen and (min-width: 1200px) {
  .platform-category-page .platform-page--solution--use-cases {
    padding: 40px 80px;
  }
}
@media screen and (min-width: 960px) and (max-width: 1199px) {
  .platform-category-page .platform-page--solution--use-cases {
    padding: 30px 40px;
  }
}
@media screen and (min-width: 739px) and (max-width: 959px) {
  .platform-category-page .platform-page--solution--use-cases {
    padding: 30px 20px;
  }
}
@media screen and (min-width: 431px) and (max-width: 739px) {
  .platform-category-page .platform-page--solution--use-cases {
    padding: 30px 10px;
  }
}
@media screen and (max-width: 430px) {
  .platform-category-page .platform-page--solution--use-cases {
    padding: 30px 5px;
  }
}
.platform-category-page .landing-page-content__right-panel {
  padding: 0;
  background: #fff;
  margin-bottom: 0;
}
.platform-category-page .landing-page-content__right-panel > .landing-page-content__right-panel--content {
  box-sizing: border-box;
  width: 100%;
  padding-bottom: 0;
}
@media screen and (min-width: 1200px) {
  .platform-category-page .landing-page-content__right-panel > .landing-page-content__right-panel--content {
    padding: 40px 80px;
  }
}
@media screen and (min-width: 960px) and (max-width: 1199px) {
  .platform-category-page .landing-page-content__right-panel > .landing-page-content__right-panel--content {
    padding: 30px 40px;
  }
}
@media screen and (min-width: 739px) and (max-width: 959px) {
  .platform-category-page .landing-page-content__right-panel > .landing-page-content__right-panel--content {
    padding: 30px 20px;
  }
}
@media screen and (min-width: 431px) and (max-width: 739px) {
  .platform-category-page .landing-page-content__right-panel > .landing-page-content__right-panel--content {
    padding: 30px 10px;
  }
}
@media screen and (max-width: 430px) {
  .platform-category-page .landing-page-content__right-panel > .landing-page-content__right-panel--content {
    padding: 30px 5px;
  }
}
.platform-category-page .landing-page-content__right-panel > .landing-page-content__right-panel--content > .landing-page-content__right-panel--content--body {
  padding: 0;
}
@media screen and (min-widtH: 835px) {
  .platform-category-page .landing-page-content__right-panel > .landing-page-content__right-panel--content > .landing-page-content__right-panel--content--body {
    max-width: 774px;
  }
}
@media screen and (max-width: 834px) {
  .platform-category-page .landing-page-content__right-panel > .landing-page-content__right-panel--content > .landing-page-content__right-panel--content--body {
    max-width: 100%;
  }
}
.platform-category-page .landing-page-content__right-panel > .landing-page-content__right-panel--content > .landing-page-content__right-panel--content--side-panel {
  background: #fff;
}
.platform-category-page .landing-page-content__right-panel > .landing-page-content__right-panel--content > .landing-page-content__right-panel--content--side-panel .draft-3-landing-page--button-stack .draft-3-landing-page--button-stack--button > label {
  margin-top: 12px;
}
.platform-category-page .landing-page-content__right-panel > .landing-page-content__right-panel--content > .landing-page-content__right-panel--content--side-panel .draft-3-landing-page--button-stack .draft-3-landing-page--button-stack--button:nth-of-type(1) > label {
  margin-top: 0;
}
.platform-category-page .platform-page-resources.platform-solution-page--content__gradient {
  background: linear-gradient(180deg, #E1FAFF 0%, #98E3F4 48.15%, #00B7E0 100%);
  box-sizing: border-box;
  width: 100%;
}
@media screen and (min-width: 1200px) {
  .platform-category-page .platform-page-resources.platform-solution-page--content__gradient {
    padding: 40px 80px;
  }
}
@media screen and (min-width: 960px) and (max-width: 1199px) {
  .platform-category-page .platform-page-resources.platform-solution-page--content__gradient {
    padding: 30px 40px;
  }
}
@media screen and (min-width: 739px) and (max-width: 959px) {
  .platform-category-page .platform-page-resources.platform-solution-page--content__gradient {
    padding: 30px 20px;
  }
}
@media screen and (min-width: 431px) and (max-width: 739px) {
  .platform-category-page .platform-page-resources.platform-solution-page--content__gradient {
    padding: 30px 10px;
  }
}
@media screen and (max-width: 430px) {
  .platform-category-page .platform-page-resources.platform-solution-page--content__gradient {
    padding: 30px 5px;
  }
}
.platform-category-page .platform-page-resources.platform-solution-page--content__gradient .landing-page-content__right-panel {
  background: transparent;
}
.platform-category-page .platform-page-resources.platform-solution-page--content__gradient .landing-page-content__right-panel h2 {
  margin-top: 0;
}
@media screen and (max-width: 375px) {
  .platform-category-page .platform-page-resources.platform-solution-page--content__gradient .landing-page-content__right-panel h2 {
    padding-left: 10px;
  }
}
.platform-category-page .platform-page-resources.platform-solution-page--content__gradient .landing-page-content__right-panel > .landing-page-content__right-panel--content {
  padding: 0;
}
.platform-category-page .platform-page-resources.platform-solution-page--content__gradient .landing-page-content__right-panel > .landing-page-content__right-panel--content > .landing-page-content__right-panel--content--body {
  box-sizing: border-box;
  background: transparent;
}
@media screen and (min-width: 835px) {
  .platform-category-page .platform-page-resources.platform-solution-page--content__gradient .landing-page-content__right-panel > .landing-page-content__right-panel--content > .landing-page-content__right-panel--content--body {
    width: 66%;
    flex-basis: 66%;
  }
}
@media screen and (max-width: 834px) {
  .platform-category-page .platform-page-resources.platform-solution-page--content__gradient .landing-page-content__right-panel > .landing-page-content__right-panel--content > .landing-page-content__right-panel--content--body {
    width: 100%;
  }
}
.platform-category-page .platform-page-resources.platform-solution-page--content__gradient .landing-page-content__right-panel > .landing-page-content__right-panel--content > .landing-page-content__right-panel--content--body .platform-page--resources.solutions-card-grid {
  padding: 0;
  box-sizing: border-box;
  background: transparent;
}
.platform-category-page .platform-page-resources.platform-solution-page--content__gradient .landing-page-content__right-panel > .landing-page-content__right-panel--content > .landing-page-content__right-panel--content--body .platform-page--resources.solutions-card-grid > .tall-card__no-image--grid.solutions-card-grid--card-wrapper {
  padding: 0;
  box-sizing: border-box;
}
@media screen and (min-width: 1460px) {
  .platform-category-page .platform-page-resources.platform-solution-page--content__gradient .landing-page-content__right-panel > .landing-page-content__right-panel--content > .landing-page-content__right-panel--content--body .platform-page--resources.solutions-card-grid > .tall-card__no-image--grid.solutions-card-grid--card-wrapper {
    grid-template-columns: 1fr 1fr;
    column-gap: 70px;
    row-gap: 70px;
  }
}
@media screen and (min-width: 1001px) and (max-width: 1199px) {
  .platform-category-page .platform-page-resources.platform-solution-page--content__gradient .landing-page-content__right-panel > .landing-page-content__right-panel--content > .landing-page-content__right-panel--content--body .platform-page--resources.solutions-card-grid > .tall-card__no-image--grid.solutions-card-grid--card-wrapper {
    column-gap: 25px;
    row-gap: 25px;
  }
}
@media screen and (min-width: 960px) and (max-width: 1000px) {
  .platform-category-page .platform-page-resources.platform-solution-page--content__gradient .landing-page-content__right-panel > .landing-page-content__right-panel--content > .landing-page-content__right-panel--content--body .platform-page--resources.solutions-card-grid > .tall-card__no-image--grid.solutions-card-grid--card-wrapper {
    column-gap: 10px;
    row-gap: 10px;
  }
}
@media screen and (min-width: 960px) {
  .platform-category-page .platform-page-resources.platform-solution-page--content__gradient .landing-page-content__right-panel > .landing-page-content__right-panel--content > .landing-page-content__right-panel--content--body .platform-page--resources.solutions-card-grid > .tall-card__no-image--grid.solutions-card-grid--card-wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
}
@media screen and (max-width: 959px) {
  .platform-category-page .platform-page-resources.platform-solution-page--content__gradient .landing-page-content__right-panel > .landing-page-content__right-panel--content > .landing-page-content__right-panel--content--body .platform-page--resources.solutions-card-grid > .tall-card__no-image--grid.solutions-card-grid--card-wrapper {
    display: grid;
    grid-template-columns: 1fr;
    row-gap: 40px;
  }
}
.platform-category-page .platform-page-resources.platform-solution-page--content__gradient .landing-page-content__right-panel > .landing-page-content__right-panel--content > .landing-page-content__right-panel--content--body .platform-page--resources.solutions-card-grid > .tall-card__no-image--grid.solutions-card-grid--card-wrapper > .solutions-card-grid--card-wrapper--card.tall-card__no-image--grid--card {
  box-sizing: border-box;
  min-height: 245px;
  min-width: 280px;
  padding-left: 20px;
  padding-right: 10px;
  position: relative;
  margin-bottom: 0;
}
@media screen and (min-width: 960px) {
  .platform-category-page .platform-page-resources.platform-solution-page--content__gradient .landing-page-content__right-panel > .landing-page-content__right-panel--content > .landing-page-content__right-panel--content--body .platform-page--resources.solutions-card-grid > .tall-card__no-image--grid.solutions-card-grid--card-wrapper > .solutions-card-grid--card-wrapper--card.tall-card__no-image--grid--card {
    max-width: 350px;
    flex-basis: 350px;
    flex-grow: 1;
    flex-shrink: 1;
  }
}
@media screen and (max-width: 959px) {
  .platform-category-page .platform-page-resources.platform-solution-page--content__gradient .landing-page-content__right-panel > .landing-page-content__right-panel--content > .landing-page-content__right-panel--content--body .platform-page--resources.solutions-card-grid > .tall-card__no-image--grid.solutions-card-grid--card-wrapper > .solutions-card-grid--card-wrapper--card.tall-card__no-image--grid--card {
    max-width: 100%;
    flex-basis: 100%;
  }
}
.platform-category-page .platform-page-resources.platform-solution-page--content__gradient .landing-page-content__right-panel > .landing-page-content__right-panel--content > .landing-page-content__right-panel--content--body .platform-page--resources.solutions-card-grid > .tall-card__no-image--grid.solutions-card-grid--card-wrapper > .solutions-card-grid--card-wrapper--card.tall-card__no-image--grid--card > .tall-card__no-image--grid--card--category {
  margin-bottom: 10px;
  white-space: nowrap;
}
.platform-category-page .platform-page-resources.platform-solution-page--content__gradient .landing-page-content__right-panel > .landing-page-content__right-panel--content > .landing-page-content__right-panel--content--body .platform-page--resources.solutions-card-grid > .tall-card__no-image--grid.solutions-card-grid--card-wrapper > .solutions-card-grid--card-wrapper--card.tall-card__no-image--grid--card > h3.tall-card__no-image--grid--card--title {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.platform-category-page .platform-page-resources.platform-solution-page--content__gradient .landing-page-content__right-panel > .landing-page-content__right-panel--content > .landing-page-content__right-panel--content--body .platform-page--resources.solutions-card-grid > .tall-card__no-image--grid.solutions-card-grid--card-wrapper > .solutions-card-grid--card-wrapper--card.tall-card__no-image--grid--card > h3.tall-card__no-image--grid--card--title > a {
  font-weight: 700;
}
.platform-category-page .platform-page-resources.platform-solution-page--content__gradient .landing-page-content__right-panel > .landing-page-content__right-panel--content > .landing-page-content__right-panel--content--body .platform-page--resources.solutions-card-grid > .tall-card__no-image--grid.solutions-card-grid--card-wrapper > .solutions-card-grid--card-wrapper--card.tall-card__no-image--grid--card > h3.tall-card__no-image--grid--card--title > a:focus {
  outline: none;
}
.platform-category-page .platform-page-resources.platform-solution-page--content__gradient .landing-page-content__right-panel > .landing-page-content__right-panel--content > .landing-page-content__right-panel--content--body .platform-page--resources.solutions-card-grid > .tall-card__no-image--grid.solutions-card-grid--card-wrapper > .solutions-card-grid--card-wrapper--card.tall-card__no-image--grid--card > .tall-card__no-image--grid--card--footer {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  position: absolute;
  left: 20px;
  right: 30px;
  bottom: 20px;
  top: calc(100% - 50px);
  flex-wrap: nowrap;
}
.platform-category-page .platform-page-resources.platform-solution-page--content__gradient .landing-page-content__right-panel > .landing-page-content__right-panel--content > .landing-page-content__right-panel--content--body .platform-page--resources.solutions-card-grid > .tall-card__no-image--grid.solutions-card-grid--card-wrapper > .solutions-card-grid--card-wrapper--card.tall-card__no-image--grid--card > .tall-card__no-image--grid--card--footer > .tall-card__no-image--grid--card--footer--icon {
  width: 27px;
  height: 30px;
  padding: 0;
  flex-basis: 27px;
  flex-shrink: 0;
  flex-grow: 0;
}
.platform-category-page .platform-page-resources.platform-solution-page--content__gradient .landing-page-content__right-panel > .landing-page-content__right-panel--content > .landing-page-content__right-panel--content--body .platform-page--resources.solutions-card-grid > .tall-card__no-image--grid.solutions-card-grid--card-wrapper > .solutions-card-grid--card-wrapper--card.tall-card__no-image--grid--card > .tall-card__no-image--grid--card--footer > .tall-card__no-image--grid--card--footer--icon > img {
  width: 28px;
  height: 38px;
}
.platform-category-page .platform-page-resources.platform-solution-page--content__gradient .landing-page-content__right-panel > .landing-page-content__right-panel--content > .landing-page-content__right-panel--content--body .platform-page--resources.solutions-card-grid > .tall-card__no-image--grid.solutions-card-grid--card-wrapper > .solutions-card-grid--card-wrapper--card.tall-card__no-image--grid--card > .tall-card__no-image--grid--card--footer > .tall-card__no-image--grid--card--footer--date {
  height: 30px;
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: content;
  font-family: "Open Sans";
  font-size: 18px;
  font-weight: 400;
  line-height: 27px;
  letter-spacing: 0em;
  text-align: left;
  color: #415662;
  padding-top: 12px;
  padding-left: 8px;
}
.platform-category-page .platform-page-resources.platform-solution-page--content__gradient .landing-page-content__right-panel > .landing-page-content__right-panel--content > .landing-page-content__right-panel--content--side-panel {
  background: transparent;
  box-sizing: border-box;
}
@media screen and (min-width: 835px) and (max-width: 1099px) {
  .platform-category-page .platform-page-resources.platform-solution-page--content__gradient .landing-page-content__right-panel > .landing-page-content__right-panel--content > .landing-page-content__right-panel--content--side-panel {
    display: block;
    width: 34%;
    flex-basis: 34%;
    padding: 0 0 0 20px;
  }
}
@media screen and (min-width: 1100px) {
  .platform-category-page .platform-page-resources.platform-solution-page--content__gradient .landing-page-content__right-panel > .landing-page-content__right-panel--content > .landing-page-content__right-panel--content--side-panel {
    width: 34%;
    flex-basis: 34%;
    padding: 0 0 0 6.32%;
    display: block;
  }
}
@media screen and (max-width: 834px) {
  .platform-category-page .platform-page-resources.platform-solution-page--content__gradient .landing-page-content__right-panel > .landing-page-content__right-panel--content > .landing-page-content__right-panel--content--side-panel {
    width: 100%;
    display: flex;
    justify-content: center;
  }
}
.platform-category-page .platform-page-resources.platform-solution-page--content__gradient .landing-page-content__right-panel > .landing-page-content__right-panel--content > .landing-page-content__right-panel--content--side-panel .draft-3-landing-page--button-stack__with-label {
  box-sizing: border-box;
}
@media screen and (min-width: 835px) {
  .platform-category-page .platform-page-resources.platform-solution-page--content__gradient .landing-page-content__right-panel > .landing-page-content__right-panel--content > .landing-page-content__right-panel--content--side-panel .draft-3-landing-page--button-stack__with-label {
    width: 100%;
    max-width: unset;
  }
}
@media screen and (max-width: 834px) {
  .platform-category-page .platform-page-resources.platform-solution-page--content__gradient .landing-page-content__right-panel > .landing-page-content__right-panel--content > .landing-page-content__right-panel--content--side-panel .draft-3-landing-page--button-stack__with-label {
    width: auto;
    max-width: 350px;
  }
}
@media screen and (max-width: 834px) {
  .platform-category-page .platform-page-resources.platform-solution-page--content__gradient .landing-page-content__right-panel > .landing-page-content__right-panel--content > .landing-page-content__right-panel--content--side-panel .draft-3-landing-page--button-stack__with-label {
    padding-top: 40px;
  }
}
.platform-category-page .platform-page-resources.platform-solution-page--content__gradient .landing-page-content__right-panel > .landing-page-content__right-panel--content > .landing-page-content__right-panel--content--side-panel .draft-3-landing-page--button-stack__with-label > .draft-3-landing-page--button-stack__with-label--label > .h2 {
  margin-top: 0;
}
.platform-category-page .platform-page-resources.platform-solution-page--content__gradient .landing-page-content__right-panel > .landing-page-content__right-panel--content > .landing-page-content__right-panel--content--side-panel .draft-3-landing-page--button-stack__with-label > .draft-3-landing-page--button-stack {
  background: #F6F8F8;
  box-sizing: border-box;
  height: 245px;
}
@media screen and (min-width: 835px) {
  .platform-category-page .platform-page-resources.platform-solution-page--content__gradient .landing-page-content__right-panel > .landing-page-content__right-panel--content > .landing-page-content__right-panel--content--side-panel .draft-3-landing-page--button-stack__with-label > .draft-3-landing-page--button-stack {
    max-width: 350px;
    min-width: 280px;
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media screen and (max-width: 834px) {
  .platform-category-page .platform-page-resources.platform-solution-page--content__gradient .landing-page-content__right-panel > .landing-page-content__right-panel--content > .landing-page-content__right-panel--content--side-panel .draft-3-landing-page--button-stack__with-label > .draft-3-landing-page--button-stack {
    width: 100%;
  }
}

.platform-solution-page {
  border-top: #006D97 10px solid;
}
.platform-solution-page .platform-solution-page--content__gradient {
  background: linear-gradient(180deg, #E1FAFF 0%, #98E3F4 48.15%, #00B7E0 100%);
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}
.platform-solution-page .platform-solution-page--content__gradient > h3,
.platform-solution-page .platform-solution-page--content__gradient > hgroup,
.platform-solution-page .platform-solution-page--content__gradient > div,
.platform-solution-page .platform-solution-page--content__gradient > .resource-grid {
  flex-basis: 1265px;
  justify-content: space-between;
}
.platform-solution-page .platform-solution-page--content__gradient .resource-grid--more {
  flex-basis: 1265px;
  justify-content: center;
  padding: 80px 0;
}
.platform-solution-page .platform-solution-page--content__gradient .resource-grid--more > div {
  line-height: 2.7;
}
.platform-solution-page .landing-page-content__right-panel--content--side-panel.landing-page-content__right-panel--content--side-panel__has-card-grid .solutions-card-grid > .solutions-card-grid--card-wrapper > .solutions-card-grid--card-wrapper--card {
  justify-content: center;
}
.platform-solution-page .landing-page-content__right-panel--content--side-panel.landing-page-content__right-panel--content--side-panel__has-card-grid .solutions-card-grid > .solutions-card-grid--card-wrapper > .solutions-card-grid--card-wrapper--card > .solutions-card-grid--card-wrapper--card--label__no-icon {
  padding-bottom: 0;
}
.platform-solution-page .resource-grid--item {
  box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.25);
  border-bottom: #006D97 10px solid;
  max-width: 350px;
  height: 437px;
  background-color: white;
  padding: 0;
}
.platform-solution-page .resource-grid--item .resource-grid-item--byline {
  padding-left: 2em;
}
.platform-solution-page .resource-grid--item .resource-grid-item--byline > span {
  color: #003551;
  font-family: "Open Sans";
  font-size: 15px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
}
.platform-solution-page .resource-grid--item .resource-grid--item--title-type {
  color: #003551;
  font-family: "Open Sans";
  font-size: 15px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: 4.5px;
  text-transform: uppercase;
  position: relative;
  top: -10px;
  padding-left: 2em;
}
.platform-solution-page .resource-grid--item .resource-grid--item--title {
  position: relative;
}
.platform-solution-page .resource-grid--item .resource-grid--item--title > div {
  position: absolute;
  top: 0;
  left: 14px;
  padding-right: 14px;
  height: auto;
  -webkit-line-clamp: unset;
  overflow: hidden;
}
.platform-solution-page .resource-grid--item .resource-grid--item--title > div .resource-grid--item--link {
  color: #0085B8;
  font-family: "Open Sans";
  font-size: 21px;
  font-style: normal;
  line-height: 36px;
  font-weight: 700;
}
.platform-solution-page > hgroup > h2 {
  color: #003551;
  padding-left: 0;
}
@media screen and (max-width: 833px) {
  .platform-solution-page > hgroup {
    padding: 0 20px 0 20px;
  }
}
@media screen and (min-width: 834px) {
  .platform-solution-page > hgroup {
    padding: 0 40px 0 80px;
  }
}

.conference-speakers--featured .resource-grid {
  column-gap: 79px;
  row-gap: 51px;
}
.conference-speakers--featured .resource-grid .resource-grid--item {
  border-bottom: 6px solid #006D97;
}

.conference-speakers--session-speakers--more {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 0 42px;
}
.conference-speakers--session-speakers--more > .conference-speakers--session-speakers--more--link-button {
  font-family: "Open Sans";
  border-radius: 6px;
  background: #0085B8;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  text-align: center;
  height: 50px;
  white-space: nowrap;
  padding: 0;
}
.conference-speakers--session-speakers--more > .conference-speakers--session-speakers--more--link-button:has(a:focus) {
  border: 3px solid #00A3E0;
  background: #006D97;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}
.conference-speakers--session-speakers--more > .conference-speakers--session-speakers--more--link-button:has(a:focus) > a:focus {
  line-height: 46px;
}
.conference-speakers--session-speakers--more > .conference-speakers--session-speakers--more--link-button:has(a:hover) {
  background: #00A3E0;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}
.conference-speakers--session-speakers--more > .conference-speakers--session-speakers--more--link-button:has(a:hover) a:hover {
  background: unset;
}
.conference-speakers--session-speakers--more > .conference-speakers--session-speakers--more--link-button:has(a:active) {
  background: #00A3E0;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25) inset;
}
.conference-speakers--session-speakers--more > .conference-speakers--session-speakers--more--link-button:has(a[disabled]) {
  border-radius: 6px;
  background: #94A1A8;
}
.conference-speakers--session-speakers--more > .conference-speakers--session-speakers--more--link-button:has(a[disabled]) > a {
  color: #D9E1E2;
}
.conference-speakers--session-speakers--more > .conference-speakers--session-speakers--more--link-button > a {
  text-decoration: none;
}
.conference-speakers--session-speakers--more > .conference-speakers--session-speakers--more--link-button > a:focus {
  padding: 10px 47px;
}
.conference-speakers--session-speakers--more > .conference-speakers--session-speakers--more--link-button > a {
  padding: 10px 50px;
  color: #F6F8F8;
  font-size: 18px;
  line-height: 2.8;
  text-decoration: none;
  font-weight: 700;
}
.conference-speakers--session-speakers--more > .conference-speakers--session-speakers--more--link-button > a:hover {
  background: unset;
}
.conference-speakers--session-speakers--more > .conference-speakers--session-speakers--more--link-button:hover {
  background: #00A3E0;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}
.conference-speakers--session-speakers--more > .conference-speakers--session-speakers--more--link-button:hover a:hover {
  background: unset;
}
.conference-speakers--session-speakers--more > .conference-speakers--session-speakers--more--link-button.conference-speakers--session-speakers--more--link-button__focus {
  border: 3px solid #00A3E0;
  background: #006D97;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}
.conference-speakers--session-speakers--more > .conference-speakers--session-speakers--more--link-button.conference-speakers--session-speakers--more--link-button__focus > a:focus {
  line-height: 46px;
}
.conference-speakers--session-speakers--more > .conference-speakers--session-speakers--more--link-button.conference-speakers--session-speakers--more--link-button__active {
  background: #00A3E0;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25) inset;
}
.conference-speakers--session-speakers--more > .conference-speakers--session-speakers--more--link-button.conference-speakers--session-speakers--more--link-button__disabled {
  border-radius: 6px;
  background: #94A1A8;
}
.conference-speakers--session-speakers--more > .conference-speakers--session-speakers--more--link-button.conference-speakers--session-speakers--more--link-button__disabled > a {
  color: #D9E1E2;
}

.platform-page--resources .resource-grid {
  row-gap: 54px;
}
.platform-page--resources .resource-grid > .resource-grid--item {
  cursor: pointer;
}

.platform-product-collection {
  background: linear-gradient(180deg, #E1FAFF 0%, #98E3F4 48.15%, #00B7E0 100%);
}
@media screen and (min-width: 1010px) {
  .platform-product-collection {
    padding: 40px 80px 15px;
  }
}
@media screen and (min-width: 835px) and (max-width: 1009px) {
  .platform-product-collection {
    padding: 40px 40px 15px;
  }
}
@media screen and (max-width: 834px) {
  .platform-product-collection {
    padding: 40px 20px 15px;
  }
}
.platform-product-collection > h2 {
  margin-top: 10px;
}
.platform-product-collection > .platform-product {
  display: flex;
  margin-bottom: 75px;
}
@media screen and (min-width: 835px) {
  .platform-product-collection > .platform-product {
    max-width: 1265px;
    flex-direction: row;
    justify-content: flex-start;
    align-items: stretch;
    flex-wrap: nowrap;
    column-gap: 0;
  }
}
@media screen and (max-width: 834px) {
  .platform-product-collection > .platform-product {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    row-gap: 0;
  }
}
.platform-product-collection > .platform-product :has(a[href]) {
  cursor: pointer;
}
.platform-product-collection > .platform-product:hover .platform-product--description a {
  border-bottom: 2px solid #005EB8;
  color: #00A3E0;
}
.platform-product-collection > .platform-product:has(a:focus) {
  box-shadow: 0px 4px 12px 8px rgba(0, 99, 184, 0.5);
}
.platform-product-collection > .platform-product:has(a:active) {
  box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.25) inset;
}
.platform-product-collection > .platform-product.platform-product__focused {
  box-shadow: 0px 4px 12px 8px rgba(0, 99, 184, 0.5);
}
.platform-product-collection > .platform-product.platform-product__active {
  box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.25) inset;
}
@media screen and (min-width: 835px) {
  .platform-product-collection > .platform-product > .platform-product--image {
    flex-basis: 47.43%;
    max-width: 600px;
    min-height: 400px;
  }
}
@media screen and (max-width: 834px) {
  .platform-product-collection > .platform-product > .platform-product--image {
    width: 100%;
    min-height: 300px;
  }
}
.platform-product-collection > .platform-product > .platform-product--image > img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.platform-product-collection > .platform-product > .platform-product--title {
  background: linear-gradient(180deg, #016BA7 0%, #011C2D 97.92%);
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
@media screen and (min-width: 835px) {
  .platform-product-collection > .platform-product > .platform-product--title {
    flex-basis: 47.43%;
    max-width: 600px;
    min-height: 400px;
  }
}
@media screen and (max-width: 834px) {
  .platform-product-collection > .platform-product > .platform-product--title {
    width: 100%;
    min-height: 300px;
  }
}
.platform-product-collection > .platform-product > .platform-product--title > .platform-product--title--text {
  color: white;
  font-family: "Open Sans";
  font-size: 51px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  margin: auto;
}
@media screen and (min-width: 1010px) {
  .platform-product-collection > .platform-product > .platform-product--title > .platform-product--title--text {
    width: 75%;
  }
}
@media screen and (max-width: 460px) {
  .platform-product-collection > .platform-product > .platform-product--title > .platform-product--title--text {
    font-family: "Open Sans";
    font-size: 40px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
  }
}
.platform-product-collection > .platform-product > .platform-product--description {
  padding: 50px 3%;
  min-height: 400px;
  background-color: white;
  border-bottom: #006D97 10px solid;
  box-sizing: border-box;
}
@media screen and (min-width: 835px) {
  .platform-product-collection > .platform-product > .platform-product--description {
    flex-basis: 52.57%;
    max-width: 665px;
  }
}
@media screen and (max-width: 834px) {
  .platform-product-collection > .platform-product > .platform-product--description {
    width: 100%;
  }
}
.platform-product-collection > .platform-product > .platform-product--description > h3 {
  color: #006D97;
  font-family: "Open Sans";
  font-size: 21px;
  font-style: normal;
  line-height: 36px;
  font-weight: 700;
  margin-top: 0;
}
.platform-product-collection > .platform-product > .platform-product--description > h3 > a {
  color: #006D97;
  font-family: "Open Sans";
  font-size: 21px;
  font-style: normal;
  line-height: 36px;
  font-weight: 700;
}
.platform-product-collection > .platform-product > .platform-product--description > p {
  font-family: "Open Sans";
  font-size: 18px;
  font-weight: 400;
  line-height: 27px;
  letter-spacing: 0em;
  text-align: left;
}

.landing-page-content__right-panel.conference-speaker-session-page {
  background: unset;
}
.landing-page-content__right-panel.conference-speaker-session-page .landing-page-content__right-panel--content--body {
  background: unset;
}
@media screen and (max-width: 833px) {
  .landing-page-content__right-panel.conference-speaker-session-page .landing-page-content__right-panel--content--body {
    padding: 20px 0 0 20px;
    flex-basis: calc(100% - 20px);
  }
}
@media screen and (min-width: 1019px) {
  .landing-page-content__right-panel.conference-speaker-session-page .landing-page-content__right-panel--content--body {
    padding: 40px 0 40px 80px;
    flex-basis: calc(63% - 80px);
  }
}
.landing-page-content__right-panel.conference-speaker-session-page .landing-page-content__right-panel--content--body > p {
  margin-top: 0;
  padding-right: 20px;
}
.landing-page-content__right-panel.conference-speaker-session-page .landing-page-content__right-panel--content--body > img {
  margin: 0;
  object-fit: fill;
  width: calc(100% - 80px);
  height: auto;
}
@media screen and (max-width: 833px) {
  .landing-page-content__right-panel.conference-speaker-session-page > .landing-page-content__right-panel--content > .landing-page-content__right-panel--content--side-panel {
    flex-basis: calc(100% - 40px);
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
  }
}
@media screen and (min-width: 1019px) {
  .landing-page-content__right-panel.conference-speaker-session-page > .landing-page-content__right-panel--content > .landing-page-content__right-panel--content--side-panel {
    flex-basis: calc(37% - 63px);
    padding-left: 23px;
    padding-right: 40px;
    padding-top: 55px;
  }
}

.speaker-session--details-card {
  background-color: white;
  padding: 30px 28px 54px 33px;
  border-bottom: #006D97 10px solid;
  box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.25);
}
.speaker-session--details-card > h4 {
  margin-top: 66px;
  margin-bottom: 10px;
}
.speaker-session--details-card > h3 {
  margin-top: 10px;
}
.speaker-session--details-card > .speaker-session--details-card--date {
  color: #00A3E0;
  font-family: "Open Sans Condensed";
  font-size: 30px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  margin-top: 0;
}
.speaker-session--details-card > .speaker-session--details-card--date > a {
  color: #005EB8;
  text-decoration: underline;
  font-family: "Open Sans Condensed";
}
.speaker-session--details-card > .speaker-session--details-card--date > a:hover {
  color: #00A3E0;
}
.speaker-session--details-card > .speaker-session--details-card--date.speaker-session--details-card--date__not_keynote {
  margin-top: 66px;
}
.speaker-session--details-card > .speaker-session--details-card--related > h4 {
  margin-bottom: 0;
}
.speaker-session--details-card > .speaker-session--details-card--related > h3 {
  margin-top: 0px;
  margin-bottom: 0;
}
.speaker-session--details-card > .speaker-session--details-card--related > h3 > a {
  color: #006D97;
  font-family: "Open Sans";
  font-size: 21px;
  font-style: normal;
  line-height: 36px;
  font-weight: 700;
}
.speaker-session--details-card > .speaker-session--details-card--related > h5 {
  margin-top: 10px;
  margin-bottom: 10px;
}
.speaker-session--details-card > .speaker-session--details-card--more {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding-top: 20px;
}
.speaker-session--details-card > .speaker-session--details-card--more > div {
  flex-basis: 52%;
  max-width: 252px;
  flex-grow: 0;
  font-family: "Open Sans";
  border-radius: 6px;
  background: #0085B8;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  text-align: center;
  height: 50px;
  white-space: nowrap;
}
.speaker-session--details-card > .speaker-session--details-card--more > div:has(a:focus) {
  border: 3px solid #00A3E0;
  background: #006D97;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}
.speaker-session--details-card > .speaker-session--details-card--more > div:has(a:focus) > a:focus {
  line-height: 46px;
}
.speaker-session--details-card > .speaker-session--details-card--more > div:has(a:hover) {
  background: #00A3E0;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}
.speaker-session--details-card > .speaker-session--details-card--more > div:has(a:hover) a:hover {
  background: unset;
}
.speaker-session--details-card > .speaker-session--details-card--more > div:has(a:active) {
  background: #00A3E0;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25) inset;
}
.speaker-session--details-card > .speaker-session--details-card--more > div:has(a[disabled]) {
  border-radius: 6px;
  background: #94A1A8;
}
.speaker-session--details-card > .speaker-session--details-card--more > div:has(a[disabled]) > a {
  color: #D9E1E2;
}
.speaker-session--details-card > .speaker-session--details-card--more > div > a {
  text-decoration: none;
}
.speaker-session--details-card > .speaker-session--details-card--more > div > a:focus {
  padding: 10px 47px;
}
.speaker-session--details-card > .speaker-session--details-card--more > div > a {
  color: #F6F8F8;
  padding: 10px 50px;
}

.conference-speaker-session-page--view-all {
  display: flex;
  padding-top: 20px;
  padding-bottom: 80px;
}
@media screen and (max-width: 833px) {
  .conference-speaker-session-page--view-all {
    flex-direction: column;
    align-items: center;
    padding-left: 20px;
    padding-right: 20px;
    row-gap: 2em;
  }
}
@media screen and (min-width: 834px) {
  .conference-speaker-session-page--view-all {
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
    padding-left: 80px;
    padding-right: 40px;
  }
}
.conference-speaker-session-page--view-all .conference-speaker-session-page--view-all--link-button {
  flex-basis: unset;
  max-width: unset;
  flex-grow: 0;
  font-family: "Open Sans";
  border-radius: 6px;
  background: #0085B8;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  text-align: center;
  height: 50px;
  white-space: nowrap;
}
.conference-speaker-session-page--view-all .conference-speaker-session-page--view-all--link-button:has(a:focus) {
  border: 3px solid #00A3E0;
  background: #006D97;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}
.conference-speaker-session-page--view-all .conference-speaker-session-page--view-all--link-button:has(a:focus) > a:focus {
  line-height: 46px;
}
.conference-speaker-session-page--view-all .conference-speaker-session-page--view-all--link-button:has(a:hover) {
  background: #00A3E0;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}
.conference-speaker-session-page--view-all .conference-speaker-session-page--view-all--link-button:has(a:hover) a:hover {
  background: unset;
}
.conference-speaker-session-page--view-all .conference-speaker-session-page--view-all--link-button:has(a:active) {
  background: #00A3E0;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25) inset;
}
.conference-speaker-session-page--view-all .conference-speaker-session-page--view-all--link-button:has(a[disabled]) {
  border-radius: 6px;
  background: #94A1A8;
}
.conference-speaker-session-page--view-all .conference-speaker-session-page--view-all--link-button:has(a[disabled]) > a {
  color: #D9E1E2;
}
.conference-speaker-session-page--view-all .conference-speaker-session-page--view-all--link-button > a {
  text-decoration: none;
}
.conference-speaker-session-page--view-all .conference-speaker-session-page--view-all--link-button > a:focus {
  padding: 10px 47px;
}
.conference-speaker-session-page--view-all .conference-speaker-session-page--view-all--link-button > a {
  color: #F6F8F8;
  padding: 10px 50px;
  font-size: 18px;
  line-height: 2.8;
  text-decoration: none;
  font-weight: 700;
}
.conference-speaker-session-page--view-all .conference-speaker-session-page--view-all--link-button > a:hover {
  background: unset;
}
.conference-speaker-session-page--view-all .conference-speaker-session-page--view-all--link-button:hover {
  background: #00A3E0;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}
.conference-speaker-session-page--view-all .conference-speaker-session-page--view-all--link-button:hover a:hover {
  background: unset;
}
.conference-speaker-session-page--view-all .conference-speaker-session-page--view-all--link-button.conference-speaker-session-page--view-all--link-button__focus {
  border: 3px solid #00A3E0;
  background: #006D97;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}
.conference-speaker-session-page--view-all .conference-speaker-session-page--view-all--link-button.conference-speaker-session-page--view-all--link-button__focus > a:focus {
  line-height: 46px;
}
.conference-speaker-session-page--view-all .conference-speaker-session-page--view-all--link-button.conference-speaker-session-page--view-all--link-button__active {
  background: #00A3E0;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25) inset;
}
.conference-speaker-session-page--view-all .conference-speaker-session-page--view-all--link-button.conference-speaker-session-page--view-all--link-button__disabled {
  border-radius: 6px;
  background: #94A1A8;
}
.conference-speaker-session-page--view-all .conference-speaker-session-page--view-all--link-button.conference-speaker-session-page--view-all--link-button__disabled > a {
  color: #D9E1E2;
}

.speaker-session--speaker-cards, .speaker-session--speaker-cards-schedule {
  display: grid;
  margin-bottom: 0;
}
@media screen and (min-width: 1020px) {
  .speaker-session--speaker-cards, .speaker-session--speaker-cards-schedule {
    grid-template-columns: 1fr 1fr;
    padding: 40px 40px 40px 80px;
    row-gap: 60px;
  }
}
@media screen and (max-width: 1019px) {
  .speaker-session--speaker-cards, .speaker-session--speaker-cards-schedule {
    grid-template-columns: 1fr;
    padding: 0 20px 40px;
    row-gap: 20px;
  }
}
@media screen and (max-width: 1290px) {
  .speaker-session--speaker-cards, .speaker-session--speaker-cards-schedule {
    column-gap: 20px;
  }
}
@media screen and (min-width: 1291px) {
  .speaker-session--speaker-cards, .speaker-session--speaker-cards-schedule {
    column-gap: 66px;
  }
}
.speaker-session--speaker-cards > .speaker-session--speaker-cards--card, .speaker-session--speaker-cards-schedule > .speaker-session--speaker-cards--card {
  cursor: pointer;
  background-color: white;
  border-left: #006D97 10px solid;
  box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.25);
  max-width: 600px;
  min-width: 400px;
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: nowrap;
}
.speaker-session--speaker-cards > .speaker-session--speaker-cards--card.speaker-session--speaker-cards--card__bottom-edge, .speaker-session--speaker-cards-schedule > .speaker-session--speaker-cards--card.speaker-session--speaker-cards--card__bottom-edge {
  border-bottom: #006D97 10px solid;
  border-left: unset;
}
@media screen and (max-width: 660px) {
  .speaker-session--speaker-cards > .speaker-session--speaker-cards--card, .speaker-session--speaker-cards-schedule > .speaker-session--speaker-cards--card {
    min-width: auto;
  }
}
@media screen and (max-width: 660px) {
  .speaker-session--speaker-cards > .speaker-session--speaker-cards--card, .speaker-session--speaker-cards-schedule > .speaker-session--speaker-cards--card {
    flex-direction: column;
  }
}
.speaker-session--speaker-cards > .speaker-session--speaker-cards--card.speaker-session--speaker-cards--card__categorized, .speaker-session--speaker-cards-schedule > .speaker-session--speaker-cards--card.speaker-session--speaker-cards--card__categorized {
  height: 130px;
}
.speaker-session--speaker-cards > .speaker-session--speaker-cards--card.speaker-session--speaker-cards--card__categorized.session-card, .speaker-session--speaker-cards-schedule > .speaker-session--speaker-cards--card.speaker-session--speaker-cards--card__categorized.session-card {
  /*
   * FYI: The highly detailed and granular media queries below are necessary to account for
   * the wild variability in the length of text in the card content (Conference session names, especially)
   * while maintaining layout consistency with the category indicator, and defined margins / padding.
   * It's worth noting that should this code be used for future conferences it's likely that these media queries
   * won't apply to the new content, and will need to be adjusted. The best approach would be to normalize
   * requirements for the length of text in the card content, or use line clamping in the card text, because
   * this complexity makes 2 or 3 work while making the rest look like they have too much exmpty space, but
   * at least there's no text overflowing the cards.
   */
}
@media screen and (min-width: 1462px) {
  .speaker-session--speaker-cards > .speaker-session--speaker-cards--card.speaker-session--speaker-cards--card__categorized.session-card, .speaker-session--speaker-cards-schedule > .speaker-session--speaker-cards--card.speaker-session--speaker-cards--card__categorized.session-card {
    height: 170px;
  }
  .speaker-session--speaker-cards > .speaker-session--speaker-cards--card.speaker-session--speaker-cards--card__categorized.session-card > .speaker-session--speaker-cards--card--content, .speaker-session--speaker-cards-schedule > .speaker-session--speaker-cards--card.speaker-session--speaker-cards--card__categorized.session-card > .speaker-session--speaker-cards--card--content {
    height: 150px;
  }
}
@media screen and (min-width: 1415px) and (max-width: 1461px) {
  .speaker-session--speaker-cards > .speaker-session--speaker-cards--card.speaker-session--speaker-cards--card__categorized.session-card, .speaker-session--speaker-cards-schedule > .speaker-session--speaker-cards--card.speaker-session--speaker-cards--card__categorized.session-card {
    height: 220px;
  }
  .speaker-session--speaker-cards > .speaker-session--speaker-cards--card.speaker-session--speaker-cards--card__categorized.session-card > .speaker-session--speaker-cards--card--content, .speaker-session--speaker-cards-schedule > .speaker-session--speaker-cards--card.speaker-session--speaker-cards--card__categorized.session-card > .speaker-session--speaker-cards--card--content {
    height: 180px;
  }
}
@media screen and (min-width: 1215px) and (max-width: 1414px) {
  .speaker-session--speaker-cards > .speaker-session--speaker-cards--card.speaker-session--speaker-cards--card__categorized.session-card, .speaker-session--speaker-cards-schedule > .speaker-session--speaker-cards--card.speaker-session--speaker-cards--card__categorized.session-card {
    height: 240px;
  }
  .speaker-session--speaker-cards > .speaker-session--speaker-cards--card.speaker-session--speaker-cards--card__categorized.session-card > .speaker-session--speaker-cards--card--content, .speaker-session--speaker-cards-schedule > .speaker-session--speaker-cards--card.speaker-session--speaker-cards--card__categorized.session-card > .speaker-session--speaker-cards--card--content {
    height: 190px;
  }
}
@media screen and (max-width: 1214px) and (min-width: 1020px) {
  .speaker-session--speaker-cards > .speaker-session--speaker-cards--card.speaker-session--speaker-cards--card__categorized.session-card, .speaker-session--speaker-cards-schedule > .speaker-session--speaker-cards--card.speaker-session--speaker-cards--card__categorized.session-card {
    height: 220px;
  }
  .speaker-session--speaker-cards > .speaker-session--speaker-cards--card.speaker-session--speaker-cards--card__categorized.session-card > .speaker-session--speaker-cards--card--content, .speaker-session--speaker-cards-schedule > .speaker-session--speaker-cards--card.speaker-session--speaker-cards--card__categorized.session-card > .speaker-session--speaker-cards--card--content {
    height: 200px;
  }
}
@media screen and (max-width: 1019px) {
  .speaker-session--speaker-cards > .speaker-session--speaker-cards--card.speaker-session--speaker-cards--card__categorized.session-card, .speaker-session--speaker-cards-schedule > .speaker-session--speaker-cards--card.speaker-session--speaker-cards--card__categorized.session-card {
    max-width: unset;
  }
}
@media screen and (max-width: 1019px) and (min-width: 619px) {
  .speaker-session--speaker-cards > .speaker-session--speaker-cards--card.speaker-session--speaker-cards--card__categorized.session-card, .speaker-session--speaker-cards-schedule > .speaker-session--speaker-cards--card.speaker-session--speaker-cards--card__categorized.session-card {
    height: 175px;
  }
  .speaker-session--speaker-cards > .speaker-session--speaker-cards--card.speaker-session--speaker-cards--card__categorized.session-card > .speaker-session--speaker-cards--card--content, .speaker-session--speaker-cards-schedule > .speaker-session--speaker-cards--card.speaker-session--speaker-cards--card__categorized.session-card > .speaker-session--speaker-cards--card--content {
    height: 150px;
  }
}
@media screen and (min-width: 595px) and (max-width: 618px) {
  .speaker-session--speaker-cards > .speaker-session--speaker-cards--card.speaker-session--speaker-cards--card__categorized.session-card, .speaker-session--speaker-cards-schedule > .speaker-session--speaker-cards--card.speaker-session--speaker-cards--card__categorized.session-card {
    height: 210px;
  }
  .speaker-session--speaker-cards > .speaker-session--speaker-cards--card.speaker-session--speaker-cards--card__categorized.session-card > .speaker-session--speaker-cards--card--content, .speaker-session--speaker-cards-schedule > .speaker-session--speaker-cards--card.speaker-session--speaker-cards--card__categorized.session-card > .speaker-session--speaker-cards--card--content {
    height: 170px;
  }
}
@media screen and (min-width: 520px) and (max-width: 594px) {
  .speaker-session--speaker-cards > .speaker-session--speaker-cards--card.speaker-session--speaker-cards--card__categorized.session-card, .speaker-session--speaker-cards-schedule > .speaker-session--speaker-cards--card.speaker-session--speaker-cards--card__categorized.session-card {
    height: 230px;
  }
  .speaker-session--speaker-cards > .speaker-session--speaker-cards--card.speaker-session--speaker-cards--card__categorized.session-card > .speaker-session--speaker-cards--card--content, .speaker-session--speaker-cards-schedule > .speaker-session--speaker-cards--card.speaker-session--speaker-cards--card__categorized.session-card > .speaker-session--speaker-cards--card--content {
    height: 190px;
  }
}
@media screen and (min-width: 455px) and (max-width: 519px) {
  .speaker-session--speaker-cards > .speaker-session--speaker-cards--card.speaker-session--speaker-cards--card__categorized.session-card, .speaker-session--speaker-cards-schedule > .speaker-session--speaker-cards--card.speaker-session--speaker-cards--card__categorized.session-card {
    height: 270px;
  }
  .speaker-session--speaker-cards > .speaker-session--speaker-cards--card.speaker-session--speaker-cards--card__categorized.session-card > .speaker-session--speaker-cards--card--content, .speaker-session--speaker-cards-schedule > .speaker-session--speaker-cards--card.speaker-session--speaker-cards--card__categorized.session-card > .speaker-session--speaker-cards--card--content {
    height: 230px;
  }
}
@media screen and (min-width: 390px) and (max-width: 454px) {
  .speaker-session--speaker-cards > .speaker-session--speaker-cards--card.speaker-session--speaker-cards--card__categorized.session-card, .speaker-session--speaker-cards-schedule > .speaker-session--speaker-cards--card.speaker-session--speaker-cards--card__categorized.session-card {
    height: 300px;
  }
  .speaker-session--speaker-cards > .speaker-session--speaker-cards--card.speaker-session--speaker-cards--card__categorized.session-card > .speaker-session--speaker-cards--card--content, .speaker-session--speaker-cards-schedule > .speaker-session--speaker-cards--card.speaker-session--speaker-cards--card__categorized.session-card > .speaker-session--speaker-cards--card--content {
    height: 270px;
  }
}
@media screen and (min-width: 385px) and (max-width: 389px) {
  .speaker-session--speaker-cards > .speaker-session--speaker-cards--card.speaker-session--speaker-cards--card__categorized.session-card, .speaker-session--speaker-cards-schedule > .speaker-session--speaker-cards--card.speaker-session--speaker-cards--card__categorized.session-card {
    height: 330px;
  }
  .speaker-session--speaker-cards > .speaker-session--speaker-cards--card.speaker-session--speaker-cards--card__categorized.session-card > .speaker-session--speaker-cards--card--content, .speaker-session--speaker-cards-schedule > .speaker-session--speaker-cards--card.speaker-session--speaker-cards--card__categorized.session-card > .speaker-session--speaker-cards--card--content {
    height: 290px;
  }
}
@media screen and (max-width: 384px) {
  .speaker-session--speaker-cards > .speaker-session--speaker-cards--card.speaker-session--speaker-cards--card__categorized.session-card, .speaker-session--speaker-cards-schedule > .speaker-session--speaker-cards--card.speaker-session--speaker-cards--card__categorized.session-card {
    height: 400px;
  }
  .speaker-session--speaker-cards > .speaker-session--speaker-cards--card.speaker-session--speaker-cards--card__categorized.session-card > .speaker-session--speaker-cards--card--content, .speaker-session--speaker-cards-schedule > .speaker-session--speaker-cards--card.speaker-session--speaker-cards--card__categorized.session-card > .speaker-session--speaker-cards--card--content {
    height: 370px;
  }
}
.speaker-session--speaker-cards > .speaker-session--speaker-cards--card.speaker-session--speaker-cards--card__categorized.session-card > .speaker-session--speaker-cards--card--content > h3, .speaker-session--speaker-cards-schedule > .speaker-session--speaker-cards--card.speaker-session--speaker-cards--card__categorized.session-card > .speaker-session--speaker-cards--card--content > h3 {
  margin-top: 0;
  margin-bottom: 0;
}
.speaker-session--speaker-cards > .speaker-session--speaker-cards--card.speaker-session--speaker-cards--card__categorized.speaker-card, .speaker-session--speaker-cards-schedule > .speaker-session--speaker-cards--card.speaker-session--speaker-cards--card__categorized.speaker-card {
  height: 130px;
}
@media screen and (max-width: 400px) {
  .speaker-session--speaker-cards > .speaker-session--speaker-cards--card.speaker-session--speaker-cards--card__categorized.speaker-card, .speaker-session--speaker-cards-schedule > .speaker-session--speaker-cards--card.speaker-session--speaker-cards--card__categorized.speaker-card {
    height: 166px;
  }
  .speaker-session--speaker-cards > .speaker-session--speaker-cards--card.speaker-session--speaker-cards--card__categorized.speaker-card > .speaker-session--speaker-cards--card--content, .speaker-session--speaker-cards-schedule > .speaker-session--speaker-cards--card.speaker-session--speaker-cards--card__categorized.speaker-card > .speaker-session--speaker-cards--card--content {
    height: 166px;
  }
}
@media screen and (min-width: 401px) {
  .speaker-session--speaker-cards > .speaker-session--speaker-cards--card.speaker-session--speaker-cards--card__categorized.speaker-card > .speaker-session--speaker-cards--card--content, .speaker-session--speaker-cards-schedule > .speaker-session--speaker-cards--card.speaker-session--speaker-cards--card__categorized.speaker-card > .speaker-session--speaker-cards--card--content {
    height: 130px;
  }
}
.speaker-session--speaker-cards > .speaker-session--speaker-cards--card.speaker-session--speaker-cards--card__categorized > .speaker-session--speaker-cards--card--content, .speaker-session--speaker-cards-schedule > .speaker-session--speaker-cards--card.speaker-session--speaker-cards--card__categorized > .speaker-session--speaker-cards--card--content {
  max-width: calc(95% - 20px);
}
@media screen and (max-width: 1019px) {
  .speaker-session--speaker-cards > .speaker-session--speaker-cards--card.speaker-session--speaker-cards--card__categorized > .speaker-session--speaker-cards--card--content > h3, .speaker-session--speaker-cards-schedule > .speaker-session--speaker-cards--card.speaker-session--speaker-cards--card__categorized > .speaker-session--speaker-cards--card--content > h3 {
    margin-top: 0;
    margin-bottom: 0;
  }
}
@media screen and (min-width: 1020px) {
  .speaker-session--speaker-cards > .speaker-session--speaker-cards--card.speaker-session--speaker-cards--card__categorized > .speaker-session--speaker-cards--card--content > h3, .speaker-session--speaker-cards-schedule > .speaker-session--speaker-cards--card.speaker-session--speaker-cards--card__categorized > .speaker-session--speaker-cards--card--content > h3 {
    margin-top: 10px;
    margin-bottom: 10px;
  }
}
.speaker-session--speaker-cards > .speaker-session--speaker-cards--card.speaker-session--speaker-cards--card__categorized > .speaker-session--speaker-cards--card--content > .keynote-speaker-label, .speaker-session--speaker-cards-schedule > .speaker-session--speaker-cards--card.speaker-session--speaker-cards--card__categorized > .speaker-session--speaker-cards--card--content > .keynote-speaker-label {
  margin-top: 10px;
}
.speaker-session--speaker-cards > .speaker-session--speaker-cards--card.speaker-session--speaker-cards--card__categorized > .speaker-session--speaker-cards--card--content > .speaker-session--speaker-cards--card--content--job-title, .speaker-session--speaker-cards-schedule > .speaker-session--speaker-cards--card.speaker-session--speaker-cards--card__categorized > .speaker-session--speaker-cards--card--content > .speaker-session--speaker-cards--card--content--job-title {
  margin-top: 0;
  white-space: break-spaces;
  max-width: 100%;
}
@media screen and (min-width: 660px) {
  .speaker-session--speaker-cards > .speaker-session--speaker-cards--card > .speaker-session--speaker-cards--card--image, .speaker-session--speaker-cards-schedule > .speaker-session--speaker-cards--card > .speaker-session--speaker-cards--card--image {
    flex-grow: 0;
    flex-shrink: 0;
    width: 200px;
    height: 200px;
  }
}
@media screen and (max-width: 659px) {
  .speaker-session--speaker-cards > .speaker-session--speaker-cards--card > .speaker-session--speaker-cards--card--image, .speaker-session--speaker-cards-schedule > .speaker-session--speaker-cards--card > .speaker-session--speaker-cards--card--image {
    flex-grow: 1;
    flex-shrink: 1;
    max-width: 199px;
    width: auto;
    height: auto;
  }
}
.speaker-session--speaker-cards > .speaker-session--speaker-cards--card > .speaker-session--speaker-cards--card--image > img, .speaker-session--speaker-cards-schedule > .speaker-session--speaker-cards--card > .speaker-session--speaker-cards--card--image > img {
  object-fit: fill;
  width: 100%;
  height: 100%;
}
.speaker-session--speaker-cards > .speaker-session--speaker-cards--card > .speaker-session--speaker-cards--card--content, .speaker-session--speaker-cards-schedule > .speaker-session--speaker-cards--card > .speaker-session--speaker-cards--card--content {
  max-width: 380px;
  padding-left: 15px;
  height: 150px;
}
@media screen and (max-width: 380px) {
  .speaker-session--speaker-cards > .speaker-session--speaker-cards--card > .speaker-session--speaker-cards--card--content, .speaker-session--speaker-cards-schedule > .speaker-session--speaker-cards--card > .speaker-session--speaker-cards--card--content {
    padding-left: 5px;
  }
}
.speaker-session--speaker-cards > .speaker-session--speaker-cards--card > .speaker-session--speaker-cards--card--content > .keynote-speaker-label, .speaker-session--speaker-cards-schedule > .speaker-session--speaker-cards--card > .speaker-session--speaker-cards--card--content > .keynote-speaker-label {
  margin-top: 15px;
  color: #003551;
  font-family: "Open Sans";
  font-size: 15.674px;
  font-style: normal;
  font-weight: 600;
  line-height: 25.078px;
  letter-spacing: 4.702px;
  text-transform: uppercase;
}
.speaker-session--speaker-cards > .speaker-session--speaker-cards--card > .speaker-session--speaker-cards--card--content > h3 > a, .speaker-session--speaker-cards-schedule > .speaker-session--speaker-cards--card > .speaker-session--speaker-cards--card--content > h3 > a {
  color: #006D97;
  font-family: "Open Sans";
  font-size: 21px;
  font-style: normal;
  line-height: 36px;
  font-weight: 700;
}
@media screen and (min-width: 1121px) {
  .speaker-session--speaker-cards > .speaker-session--speaker-cards--card > .speaker-session--speaker-cards--card--content > h3, .speaker-session--speaker-cards-schedule > .speaker-session--speaker-cards--card > .speaker-session--speaker-cards--card--content > h3 {
    margin-top: 10px;
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 1120px) {
  .speaker-session--speaker-cards > .speaker-session--speaker-cards--card > .speaker-session--speaker-cards--card--content > h3, .speaker-session--speaker-cards-schedule > .speaker-session--speaker-cards--card > .speaker-session--speaker-cards--card--content > h3 {
    margin-top: 0;
    margin-bottom: 0;
  }
}
.speaker-session--speaker-cards > .speaker-session--speaker-cards--card > .speaker-session--speaker-cards--card--content > .speaker-session--speaker-cards--card--content--job-title, .speaker-session--speaker-cards-schedule > .speaker-session--speaker-cards--card > .speaker-session--speaker-cards--card--content > .speaker-session--speaker-cards--card--content--job-title {
  margin-top: 0;
  color: #193442;
  font-family: "Open Sans";
  font-size: 18px;
  font-weight: 400;
  line-height: 27px;
  letter-spacing: 0em;
  text-align: left;
}
.speaker-session--speaker-cards > .speaker-session--speaker-cards--card > .speaker-session--speaker-cards--card--content__fullwidth, .speaker-session--speaker-cards-schedule > .speaker-session--speaker-cards--card > .speaker-session--speaker-cards--card--content__fullwidth {
  max-width: fit-content;
}
.speaker-session--speaker-cards > .speaker-session--speaker-cards--card:hover h3 a, .speaker-session--speaker-cards-schedule > .speaker-session--speaker-cards--card:hover h3 a {
  border-bottom: 2px solid #005EB8;
}
.speaker-session--speaker-cards > .speaker-session--speaker-cards--card h3 a:focus, .speaker-session--speaker-cards-schedule > .speaker-session--speaker-cards--card h3 a:focus {
  border-bottom: 2px solid #005EB8;
}
.speaker-session--speaker-cards > .speaker-session--speaker-cards--card:has(a:focus), .speaker-session--speaker-cards-schedule > .speaker-session--speaker-cards--card:has(a:focus) {
  box-shadow: 0px 4px 12px 8px rgba(0, 99, 184, 0.5);
}
.speaker-session--speaker-cards > .speaker-session--speaker-cards--card:has(a:active), .speaker-session--speaker-cards-schedule > .speaker-session--speaker-cards--card:has(a:active) {
  box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.25) inset;
}
.speaker-session--speaker-cards > .speaker-session--speaker-cards--card.speaker-session--speaker-cards--card__focused, .speaker-session--speaker-cards-schedule > .speaker-session--speaker-cards--card.speaker-session--speaker-cards--card__focused {
  box-shadow: 0px 4px 12px 8px rgba(0, 99, 184, 0.5);
}
.speaker-session--speaker-cards > .speaker-session--speaker-cards--card.speaker-session--speaker-cards--card__active, .speaker-session--speaker-cards-schedule > .speaker-session--speaker-cards--card.speaker-session--speaker-cards--card__active {
  box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.25) inset;
}

.conference-speaker-session-page > h2 {
  color: #003551;
}
@media screen and (min-width: 1020px) {
  .conference-speaker-session-page > h2 {
    margin-left: 80px;
  }
}
@media screen and (max-width: 1019px) {
  .conference-speaker-session-page > h2 {
    margin-left: 20px;
  }
}
@media screen and (min-width: 1020px) {
  .conference-speaker-session-page > .resource-grid {
    padding-left: 80px;
    padding-right: 40px;
  }
}
@media screen and (max-width: 1019px) {
  .conference-speaker-session-page > .resource-grid {
    padding-left: 20px;
    padding-right: 20px;
    margin-bottom: 40px;
  }
}
.conference-speaker-session-page > .resource-grid .speaker-session--details-card.resource-grid--item {
  align-items: flex-start;
  max-width: unset;
  padding: 20px;
}
@media screen and (min-width: 1350px) {
  .conference-speaker-session-page > .resource-grid .speaker-session--details-card.resource-grid--item {
    height: 500px;
  }
}
@media screen and (max-width: 1349px) and (min-width: 1221px) {
  .conference-speaker-session-page > .resource-grid .speaker-session--details-card.resource-grid--item {
    height: 560px;
  }
}
@media screen and (max-width: 1220px) and (min-width: 820px) {
  .conference-speaker-session-page > .resource-grid .speaker-session--details-card.resource-grid--item {
    height: 360px;
  }
}
@media screen and (max-width: 819px) and (min-width: 600px) {
  .conference-speaker-session-page > .resource-grid .speaker-session--details-card.resource-grid--item {
    height: 380px;
  }
}
@media screen and (max-width: 599px) and (min-width: 530px) {
  .conference-speaker-session-page > .resource-grid .speaker-session--details-card.resource-grid--item {
    height: 420px;
  }
}
@media screen and (max-width: 529px) and (min-width: 491px) {
  .conference-speaker-session-page > .resource-grid .speaker-session--details-card.resource-grid--item {
    height: 450px;
  }
}
@media screen and (max-width: 490px) and (min-width: 450px) {
  .conference-speaker-session-page > .resource-grid .speaker-session--details-card.resource-grid--item {
    height: 490px;
  }
}
@media screen and (max-width: 449px) {
  .conference-speaker-session-page > .resource-grid .speaker-session--details-card.resource-grid--item {
    height: 510px;
  }
}
@media screen and (min-width: 401px) and (max-width: 449px) {
  .conference-speaker-session-page > .resource-grid .speaker-session--details-card.resource-grid--item {
    height: 560px;
  }
}
@media screen and (max-width: 400px) and (min-width: 365px) {
  .conference-speaker-session-page > .resource-grid .speaker-session--details-card.resource-grid--item {
    height: 570px;
  }
}
@media screen and (max-width: 364px) {
  .conference-speaker-session-page > .resource-grid .speaker-session--details-card.resource-grid--item {
    height: 600px;
  }
}
.conference-speaker-session-page > .resource-grid .speaker-session--details-card.resource-grid--item .speaker-session--details-card--date > h2 {
  margin-top: 0;
  margin-bottom: 0;
}
.conference-speaker-session-page > .resource-grid .speaker-session--details-card.resource-grid--item .speaker-session--details-card--date > h2 > a {
  color: #00A3E0;
  font-family: "Open Sans Condensed";
  font-size: 30px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.conference-speaker-session-page > .resource-grid .speaker-session--details-card.resource-grid--item .speaker-session--details-card--date > h2 > a > a {
  color: #005EB8;
  text-decoration: underline;
  font-family: "Open Sans Condensed";
}
.conference-speaker-session-page > .resource-grid .speaker-session--details-card.resource-grid--item .speaker-session--details-card--date > h2 > a > a:hover {
  color: #00A3E0;
}
.conference-speaker-session-page > .resource-grid .speaker-session--details-card.resource-grid--item > h3 {
  margin-bottom: 0;
  margin-top: 10px;
}
.conference-speaker-session-page > .resource-grid .speaker-session--details-card.resource-grid--item > h3 > a {
  color: #006D97;
  font-family: "Open Sans";
  font-size: 21px;
  font-style: normal;
  line-height: 36px;
  font-weight: 700;
}
.conference-speaker-session-page > .resource-grid .speaker-session--details-card.resource-grid--item > .speaker-session--details-card--related > h4 {
  margin: 0;
}
.conference-speaker-session-page > .resource-grid .speaker-session--details-card.resource-grid--item > .speaker-session--details-card--related > h5 {
  margin: 0;
}
.conference-speaker-session-page > .resource-grid .speaker-session--details-card.resource-grid--item > .speaker-session--details-card--related .speaker-session--excerpt {
  padding-top: 0;
  padding-bottom: 0;
}
.conference-speaker-session-page > .resource-grid .speaker-session--details-card.resource-grid--item > .speaker-session--details-card--related .speaker-session--excerpt > p {
  font-family: "Open Sans";
  font-size: 18px;
  font-weight: 400;
  line-height: 27px;
  letter-spacing: 0em;
  text-align: left;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

h2.conference-speaker-session-page {
  color: #003551;
}
@media screen and (min-width: 1020px) {
  h2.conference-speaker-session-page {
    margin-left: 80px;
  }
}
@media screen and (max-width: 1019px) {
  h2.conference-speaker-session-page {
    margin-left: 20px;
  }
}

.conference-speakers--session-speakers .conference-speakers--session-speakers__categorized {
  display: grid;
}
@media screen and (min-width: 1020px) {
  .conference-speakers--session-speakers .conference-speakers--session-speakers__categorized {
    grid-template-columns: 1fr 1fr;
    padding: 40px 40px 0 80px;
    row-gap: 60px;
  }
}
@media screen and (max-width: 1019px) {
  .conference-speakers--session-speakers .conference-speakers--session-speakers__categorized {
    grid-template-columns: 1fr;
    padding: 0 20px 40px;
    row-gap: 20px;
  }
}
@media screen and (max-width: 1290px) {
  .conference-speakers--session-speakers .conference-speakers--session-speakers__categorized {
    column-gap: 20px;
  }
}
@media screen and (min-width: 1291px) {
  .conference-speakers--session-speakers .conference-speakers--session-speakers__categorized {
    column-gap: 66px;
  }
}
.conference-speakers--session-speakers .conference-speakers--session-speakers__categorized .conference-speakers--session-speakers__categorized--header {
  max-width: 600px;
  min-width: 400px;
}
.conference-speakers--session-speakers .conference-speakers--session-speakers__categorized .conference-speakers--session-speakers__categorized--header > h2 {
  color: #003551;
  margin-top: 0;
}
@media screen and (max-width: 1019px) {
  .conference-speakers--session-speakers .conference-speakers--session-speakers__categorized .conference-speakers--session-speakers__categorized--header > h2 {
    margin-bottom: 0;
  }
}
.conference-speakers--session-speakers .conference-speakers--session-speakers__categorized .conference-speakers--session-speakers__categorized--list {
  max-width: 600px;
  min-width: 400px;
}
@media screen and (max-width: 1019px) {
  .conference-speakers--session-speakers .conference-speakers--session-speakers__categorized .conference-speakers--session-speakers__categorized--list {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding-bottom: 20px;
  }
}
@media screen and (min-width: 1020px) {
  .conference-speakers--session-speakers .conference-speakers--session-speakers__categorized .conference-speakers--session-speakers__categorized--list {
    display: grid;
    grid-template-columns: 1fr 1fr;
    row-gap: 20px;
  }
}
.conference-speakers--session-speakers .conference-speakers--session-speakers__categorized .conference-speakers--session-speakers__categorized--list > div {
  display: inline-flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  white-space: nowrap;
  flex-wrap: nowrap;
  column-gap: 8px;
}
.conference-speakers--session-speakers .conference-speakers--session-speakers__categorized .conference-speakers--session-speakers__categorized--list > div > div:nth-of-type(1) {
  flex-basis: 20px;
  flex-shrink: 0;
  flex-grow: 0;
  width: 20px;
  height: 20px;
}
.conference-speakers--session-speakers .conference-speakers--session-speakers__categorized .conference-speakers--session-speakers__categorized--list > div > div:nth-of-type(2) {
  color: #003551;
  font-family: "Open Sans";
  font-size: 15px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
}
.conference-speakers--session-speakers .speaker-session--speaker-cards > .speaker-session--speaker-cards--card.speaker-session--speaker-cards--card__categorized, .conference-speakers--session-speakers .speaker-session--speaker-cards-schedule > .speaker-session--speaker-cards--card.speaker-session--speaker-cards--card__categorized {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  flex-wrap: nowrap;
}
.conference-speakers--session-speakers .speaker-session--speaker-cards > .speaker-session--speaker-cards--card.speaker-session--speaker-cards--card__categorized > .speaker-session--speaker-cards--card--content, .conference-speakers--session-speakers .speaker-session--speaker-cards-schedule > .speaker-session--speaker-cards--card.speaker-session--speaker-cards--card__categorized > .speaker-session--speaker-cards--card--content {
  width: calc(100% - 20px - 70px);
  flex-basis: calc(100% - 20px - 70px);
  padding-left: 20px;
  flex-shrink: 0;
  flex-grow: 0;
}
@media screen and (max-width: 1019px) {
  .conference-speakers--session-speakers .speaker-session--speaker-cards > .speaker-session--speaker-cards--card.speaker-session--speaker-cards--card__categorized > .speaker-session--speaker-cards--card--content > h3, .conference-speakers--session-speakers .speaker-session--speaker-cards-schedule > .speaker-session--speaker-cards--card.speaker-session--speaker-cards--card__categorized > .speaker-session--speaker-cards--card--content > h3 {
    line-height: 28px;
  }
}
.conference-speakers--session-speakers .speaker-session--speaker-cards > .speaker-session--speaker-cards--card.speaker-session--speaker-cards--card__categorized > .speaker-session--speaker-cards--card__categorized--categories, .conference-speakers--session-speakers .speaker-session--speaker-cards-schedule > .speaker-session--speaker-cards--card.speaker-session--speaker-cards--card__categorized > .speaker-session--speaker-cards--card__categorized--categories {
  width: 20px;
  padding-left: 40px;
  padding-right: 10px;
  flex-basis: 70px;
  flex-shrink: 0;
  flex-grow: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  height: 100%;
}
.conference-speakers--session-speakers .speaker-session--speaker-cards > .speaker-session--speaker-cards--card.speaker-session--speaker-cards--card__categorized > .speaker-session--speaker-cards--card__categorized--categories > div, .conference-speakers--session-speakers .speaker-session--speaker-cards-schedule > .speaker-session--speaker-cards--card.speaker-session--speaker-cards--card__categorized > .speaker-session--speaker-cards--card__categorized--categories > div {
  margin-top: 16px;
}

@media screen and (min-width: 834px) {
  .hero-banner__fullwidth__responsive {
    padding: 40px 40px 40px 80px;
    width: calc(100% - 120px);
  }
}
@media screen and (max-eith: 833px) {
  .hero-banner__fullwidth__responsive {
    padding: 20px 20px 20px 20px;
    width: calc(100% - 40px);
  }
}
.hero-banner__fullwidth__responsive > div {
  margin: 0;
  padding: 0;
  width: 100%;
}
.hero-banner__fullwidth__responsive > div > img {
  object-fit: fill;
  width: 100%;
  height: auto;
}

.conference-exhibitors {
  padding: 40px 80px;
}
@media screen and (max-width: 834px) {
  .conference-exhibitors {
    padding: 40px 20px;
  }
}
.conference-exhibitors .conference-exhibitors--grid.resource-grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  column-gap: 20px;
  row-gap: 40px;
}
@media screen and (max-width: 1280px) {
  .conference-exhibitors .conference-exhibitors--grid.resource-grid {
    grid-template-columns: 1fr 1fr;
    column-gap: 20px;
  }
}
@media screen and (max-width: 639px) {
  .conference-exhibitors .conference-exhibitors--grid.resource-grid {
    grid-template-columns: 1fr;
    column-gap: 0;
  }
}
.conference-exhibitors .conference-exhibitors--grid.resource-grid > .resource-grid--item {
  width: 350px;
  height: auto;
  aspect-ratio: 1;
  cursor: pointer;
  border-bottom: #006D97 10px solid;
}
@media screen and (min-width: 640px) and (max-width: 719px) {
  .conference-exhibitors .conference-exhibitors--grid.resource-grid > .resource-grid--item {
    width: auto;
    max-width: calc(50% - 10px);
    min-width: 300px;
  }
}
@media screen and (max-width: 639px) {
  .conference-exhibitors .conference-exhibitors--grid.resource-grid > .resource-grid--item {
    width: 100%;
    max-width: 100%;
    min-width: 100%;
  }
}
.conference-exhibitors .conference-exhibitors--grid.resource-grid > .resource-grid--item .resource-grid--item--thumbnail img {
  width: 50%;
  top: 45px;
  left: 23%;
}
.conference-exhibitors .conference-exhibitors--grid.resource-grid > .resource-grid--item .resource-grid--item--title-type {
  top: 10px;
  left: 20px;
  padding-left: 0;
}
.conference-exhibitors .conference-exhibitors--grid.resource-grid > .resource-grid--item .resource-grid--item--title > div {
  top: 10px;
  left: 20px;
}

.speaker-session--speaker-cards-schedule {
  grid-template-columns: 1fr;
}
@media screen and (max-width: 1019px) {
  .speaker-session--speaker-cards-schedule {
    justify-content: flex-start;
    align-items: flex-start;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 20px;
    padding-bottom: 10px;
  }
}
.speaker-session--speaker-cards-schedule .schedule-table {
  background: #FFF;
  box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.25);
  border: 12px solid white;
  border-collapse: separate;
  display: table;
}
.speaker-session--speaker-cards-schedule .schedule-table > thead > tr > th {
  border-bottom: 12px solid white;
  color: #006D97;
}
.speaker-session--speaker-cards-schedule .schedule-table > tbody > tr > td {
  padding: 12px 16px;
  border-bottom: 12px solid white;
}
.speaker-session--speaker-cards-schedule .schedule-table > tbody > tr > td:nth-of-type(1) {
  white-space: nowrap;
}
.speaker-session--speaker-cards-schedule .schedule-table > tbody > tr > td:nth-of-type(n+1) {
  color: #193442;
  font-family: "Open Sans";
  font-size: 15px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
}
.speaker-session--speaker-cards-schedule .card {
  background-color: white;
  padding: 30px 28px 54px 33px;
  border-left: #006D97 10px solid;
  box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.25);
}
.speaker-session--speaker-cards-schedule a {
  text-decoration: none;
  color: #006D97;
}
.speaker-session--speaker-cards-schedule a:visited {
  color: #415662;
}
.speaker-session--speaker-cards-schedule a:hover {
  text-decoration: underline;
}
.speaker-session--speaker-cards-schedule .operating {
  background: #FFEFD6;
}
.speaker-session--speaker-cards-schedule .search {
  background: #E3E8EC;
}
.speaker-session--speaker-cards-schedule .community {
  background: #E1F0F9;
}
.speaker-session--speaker-cards-schedule .analytics {
  background: #F4EAF6;
}

@media screen and (min-width: 980px) {
  .landing-page-solutions-community-voices--wrapper > .landing-page-solutions-community-voices .landing-page-community-voices--arrow-margin-wrapper.coralogix .landing-page-community-voices--testimonial > .landing-page-community-voices--testimonial--logo {
    flex-basis: 25%;
  }
}
@media screen and (max-width: 979px) {
  .landing-page-solutions-community-voices--wrapper > .landing-page-solutions-community-voices .landing-page-community-voices--arrow-margin-wrapper.coralogix .landing-page-community-voices--testimonial > .landing-page-community-voices--testimonial--logo {
    padding: 0;
    flex-basis: 120px;
  }
  .landing-page-solutions-community-voices--wrapper > .landing-page-solutions-community-voices .landing-page-community-voices--arrow-margin-wrapper.coralogix .landing-page-community-voices--testimonial > .landing-page-community-voices--testimonial--logo > img {
    width: 70%;
  }
}
@media screen and (max-width: 739px) {
  .landing-page-solutions-community-voices--wrapper > .landing-page-solutions-community-voices .landing-page-community-voices--arrow-margin-wrapper.coralogix .landing-page-community-voices--testimonial > .landing-page-community-voices--testimonial--logo {
    flex-basis: 75px;
  }
  .landing-page-solutions-community-voices--wrapper > .landing-page-solutions-community-voices .landing-page-community-voices--arrow-margin-wrapper.coralogix .landing-page-community-voices--testimonial > .landing-page-community-voices--testimonial--logo > img {
    width: 90%;
  }
}
@media screen and (min-width: 980px) {
  .landing-page-solutions-community-voices--wrapper > .landing-page-solutions-community-voices .landing-page-community-voices--arrow-margin-wrapper.coralogix .landing-page-community-voices--testimonial > .landing-page-community-voices--testimonial--citation {
    flex-basis: 75%;
  }
}
@media screen and (max-width: 979px) {
  .landing-page-solutions-community-voices--wrapper > .landing-page-solutions-community-voices .landing-page-community-voices--arrow-margin-wrapper.coralogix .landing-page-community-voices--testimonial > .landing-page-community-voices--testimonial--citation {
    flex-basis: 670px;
  }
  .landing-page-solutions-community-voices--wrapper > .landing-page-solutions-community-voices .landing-page-community-voices--arrow-margin-wrapper.coralogix .landing-page-community-voices--testimonial > .landing-page-community-voices--testimonial--citation > blockquote > p {
    color: #000;
    font-family: "Open Sans";
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 48px;
  }
  .landing-page-solutions-community-voices--wrapper > .landing-page-solutions-community-voices .landing-page-community-voices--arrow-margin-wrapper.coralogix .landing-page-community-voices--testimonial > .landing-page-community-voices--testimonial--citation > cite {
    margin-top: 20px;
  }
}
@media screen and (max-width: 739px) {
  .landing-page-solutions-community-voices--wrapper > .landing-page-solutions-community-voices .landing-page-community-voices--arrow-margin-wrapper.coralogix .landing-page-community-voices--testimonial > .landing-page-community-voices--testimonial--citation {
    flex-basis: 715px;
  }
  .landing-page-solutions-community-voices--wrapper > .landing-page-solutions-community-voices .landing-page-community-voices--arrow-margin-wrapper.coralogix .landing-page-community-voices--testimonial > .landing-page-community-voices--testimonial--citation > blockquote > p {
    color: #000;
    font-family: "Open Sans";
    font-size: 21px;
    font-weight: 400;
    line-height: 32px;
    font-style: normal;
  }
}
@media screen and (min-width: 980px) {
  .landing-page-solutions-community-voices--wrapper > .landing-page-solutions-community-voices .landing-page-community-voices--arrow-margin-wrapper.dowjones .landing-page-community-voices--testimonial > .landing-page-community-voices--testimonial--logo {
    flex-basis: 30%;
  }
}
@media screen and (max-width: 979px) {
  .landing-page-solutions-community-voices--wrapper > .landing-page-solutions-community-voices .landing-page-community-voices--arrow-margin-wrapper.dowjones .landing-page-community-voices--testimonial > .landing-page-community-voices--testimonial--logo {
    padding: 0;
    flex-basis: 120px;
  }
  .landing-page-solutions-community-voices--wrapper > .landing-page-solutions-community-voices .landing-page-community-voices--arrow-margin-wrapper.dowjones .landing-page-community-voices--testimonial > .landing-page-community-voices--testimonial--logo > img {
    width: 70%;
  }
}
@media screen and (max-width: 739px) {
  .landing-page-solutions-community-voices--wrapper > .landing-page-solutions-community-voices .landing-page-community-voices--arrow-margin-wrapper.dowjones .landing-page-community-voices--testimonial > .landing-page-community-voices--testimonial--logo {
    flex-basis: 75%;
  }
}
@media screen and (max-width: 739px) {
  .landing-page-solutions-community-voices--wrapper > .landing-page-solutions-community-voices .landing-page-community-voices--arrow-margin-wrapper.dowjones .landing-page-community-voices--testimonial > .landing-page-community-voices--testimonial--logo {
    flex-basis: 75px;
  }
  .landing-page-solutions-community-voices--wrapper > .landing-page-solutions-community-voices .landing-page-community-voices--arrow-margin-wrapper.dowjones .landing-page-community-voices--testimonial > .landing-page-community-voices--testimonial--logo > img {
    width: 90%;
  }
}
@media screen and (min-width: 980px) {
  .landing-page-solutions-community-voices--wrapper > .landing-page-solutions-community-voices .landing-page-community-voices--arrow-margin-wrapper.dowjones .landing-page-community-voices--testimonial > .landing-page-community-voices--testimonial--citation {
    flex-basis: 70%;
  }
}
@media screen and (max-width: 979px) {
  .landing-page-solutions-community-voices--wrapper > .landing-page-solutions-community-voices .landing-page-community-voices--arrow-margin-wrapper.dowjones .landing-page-community-voices--testimonial > .landing-page-community-voices--testimonial--citation {
    flex-basis: 670px;
  }
  .landing-page-solutions-community-voices--wrapper > .landing-page-solutions-community-voices .landing-page-community-voices--arrow-margin-wrapper.dowjones .landing-page-community-voices--testimonial > .landing-page-community-voices--testimonial--citation > blockquote > p {
    color: #000;
    font-family: "Open Sans";
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 48px;
  }
  .landing-page-solutions-community-voices--wrapper > .landing-page-solutions-community-voices .landing-page-community-voices--arrow-margin-wrapper.dowjones .landing-page-community-voices--testimonial > .landing-page-community-voices--testimonial--citation > cite {
    margin-top: 20px;
  }
}
@media screen and (max-width: 739px) {
  .landing-page-solutions-community-voices--wrapper > .landing-page-solutions-community-voices .landing-page-community-voices--arrow-margin-wrapper.dowjones .landing-page-community-voices--testimonial > .landing-page-community-voices--testimonial--citation {
    flex-basis: 715px;
  }
  .landing-page-solutions-community-voices--wrapper > .landing-page-solutions-community-voices .landing-page-community-voices--arrow-margin-wrapper.dowjones .landing-page-community-voices--testimonial > .landing-page-community-voices--testimonial--citation > blockquote > p {
    color: #000;
    font-family: "Open Sans";
    font-size: 21px;
    font-weight: 400;
    line-height: 32px;
    font-style: normal;
  }
}
@media screen and (min-width: 980px) {
  .landing-page-solutions-community-voices--wrapper > .landing-page-solutions-community-voices .landing-page-community-voices--arrow-margin-wrapper.goldman .landing-page-community-voices--testimonial > .landing-page-community-voices--testimonial--logo {
    flex-basis: 20%;
  }
}
@media screen and (max-width: 979px) {
  .landing-page-solutions-community-voices--wrapper > .landing-page-solutions-community-voices .landing-page-community-voices--arrow-margin-wrapper.goldman .landing-page-community-voices--testimonial > .landing-page-community-voices--testimonial--logo {
    padding: 0;
    flex-basis: 265px;
  }
  .landing-page-solutions-community-voices--wrapper > .landing-page-solutions-community-voices .landing-page-community-voices--arrow-margin-wrapper.goldman .landing-page-community-voices--testimonial > .landing-page-community-voices--testimonial--logo > img {
    width: 70%;
  }
}
@media screen and (min-width: 980px) {
  .landing-page-solutions-community-voices--wrapper > .landing-page-solutions-community-voices .landing-page-community-voices--arrow-margin-wrapper.goldman .landing-page-community-voices--testimonial > .landing-page-community-voices--testimonial--citation {
    flex-basis: 80%;
  }
}
@media screen and (max-width: 979px) {
  .landing-page-solutions-community-voices--wrapper > .landing-page-solutions-community-voices .landing-page-community-voices--arrow-margin-wrapper.goldman .landing-page-community-voices--testimonial > .landing-page-community-voices--testimonial--citation {
    flex-basis: 525px;
  }
  .landing-page-solutions-community-voices--wrapper > .landing-page-solutions-community-voices .landing-page-community-voices--arrow-margin-wrapper.goldman .landing-page-community-voices--testimonial > .landing-page-community-voices--testimonial--citation > blockquote > p {
    color: #000;
    font-family: "Open Sans";
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 48px;
  }
  .landing-page-solutions-community-voices--wrapper > .landing-page-solutions-community-voices .landing-page-community-voices--arrow-margin-wrapper.goldman .landing-page-community-voices--testimonial > .landing-page-community-voices--testimonial--citation > cite {
    margin-top: 20px;
  }
}
@media screen and (max-width: 739px) {
  .landing-page-solutions-community-voices--wrapper > .landing-page-solutions-community-voices .landing-page-community-voices--arrow-margin-wrapper.goldman .landing-page-community-voices--testimonial > .landing-page-community-voices--testimonial--citation > blockquote > p {
    color: #000;
    font-family: "Open Sans";
    font-size: 21px;
    font-weight: 400;
    line-height: 32px;
    font-style: normal;
  }
}
@media screen and (min-width: 980px) {
  .landing-page-solutions-community-voices--wrapper > .landing-page-solutions-community-voices .landing-page-community-voices--arrow-margin-wrapper.openinfra > .landing-page-community-voices--testimonial > .landing-page-community-voices--testimonial--logo {
    flex-basis: 30%;
  }
}
@media screen and (max-width: 979px) {
  .landing-page-solutions-community-voices--wrapper > .landing-page-solutions-community-voices .landing-page-community-voices--arrow-margin-wrapper.openinfra > .landing-page-community-voices--testimonial > .landing-page-community-voices--testimonial--logo {
    padding: 0;
    flex-basis: 110px;
  }
  .landing-page-solutions-community-voices--wrapper > .landing-page-solutions-community-voices .landing-page-community-voices--arrow-margin-wrapper.openinfra > .landing-page-community-voices--testimonial > .landing-page-community-voices--testimonial--logo > img {
    width: 60%;
  }
}
@media screen and (max-width: 739px) {
  .landing-page-solutions-community-voices--wrapper > .landing-page-solutions-community-voices .landing-page-community-voices--arrow-margin-wrapper.openinfra > .landing-page-community-voices--testimonial > .landing-page-community-voices--testimonial--logo {
    flex-basis: 100px;
  }
  .landing-page-solutions-community-voices--wrapper > .landing-page-solutions-community-voices .landing-page-community-voices--arrow-margin-wrapper.openinfra > .landing-page-community-voices--testimonial > .landing-page-community-voices--testimonial--logo > img {
    width: 85%;
  }
}
@media screen and (min-width: 980px) {
  .landing-page-solutions-community-voices--wrapper > .landing-page-solutions-community-voices .landing-page-community-voices--arrow-margin-wrapper.openinfra > .landing-page-community-voices--testimonial > .landing-page-community-voices--testimonial--citation {
    flex-basis: 70%;
  }
  .landing-page-solutions-community-voices--wrapper > .landing-page-solutions-community-voices .landing-page-community-voices--arrow-margin-wrapper.openinfra > .landing-page-community-voices--testimonial > .landing-page-community-voices--testimonial--citation > blockquote > p {
    font-family: "Open Sans";
    font-size: 18px;
    font-weight: 400;
    line-height: 27px;
    letter-spacing: 0em;
    text-align: left;
  }
}
@media screen and (max-width: 979px) {
  .landing-page-solutions-community-voices--wrapper > .landing-page-solutions-community-voices .landing-page-community-voices--arrow-margin-wrapper.openinfra > .landing-page-community-voices--testimonial > .landing-page-community-voices--testimonial--citation {
    flex-basis: 680px;
  }
  .landing-page-solutions-community-voices--wrapper > .landing-page-solutions-community-voices .landing-page-community-voices--arrow-margin-wrapper.openinfra > .landing-page-community-voices--testimonial > .landing-page-community-voices--testimonial--citation > blockquote > p {
    color: #000;
    font-family: "Open Sans";
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 48px;
  }
  .landing-page-solutions-community-voices--wrapper > .landing-page-solutions-community-voices .landing-page-community-voices--arrow-margin-wrapper.openinfra > .landing-page-community-voices--testimonial > .landing-page-community-voices--testimonial--citation > cite {
    margin-top: 20px;
  }
}
@media screen and (max-width: 739px) {
  .landing-page-solutions-community-voices--wrapper > .landing-page-solutions-community-voices .landing-page-community-voices--arrow-margin-wrapper.openinfra > .landing-page-community-voices--testimonial > .landing-page-community-voices--testimonial--citation {
    flex-basis: 690px;
  }
  .landing-page-solutions-community-voices--wrapper > .landing-page-solutions-community-voices .landing-page-community-voices--arrow-margin-wrapper.openinfra > .landing-page-community-voices--testimonial > .landing-page-community-voices--testimonial--citation > blockquote > p {
    color: #000;
    font-family: "Open Sans";
    font-size: 21px;
    font-weight: 400;
    line-height: 32px;
    font-style: normal;
  }
}
@media screen and (min-width: 980px) {
  .landing-page-solutions-community-voices--wrapper > .landing-page-solutions-community-voices .landing-page-community-voices--arrow-margin-wrapper.pinterest > .landing-page-community-voices--testimonial > .landing-page-community-voices--testimonial--logo {
    flex-basis: 20%;
  }
}
@media screen and (max-width: 979px) {
  .landing-page-solutions-community-voices--wrapper > .landing-page-solutions-community-voices .landing-page-community-voices--arrow-margin-wrapper.pinterest > .landing-page-community-voices--testimonial > .landing-page-community-voices--testimonial--logo {
    padding: 0;
    flex-basis: 195px;
  }
  .landing-page-solutions-community-voices--wrapper > .landing-page-solutions-community-voices .landing-page-community-voices--arrow-margin-wrapper.pinterest > .landing-page-community-voices--testimonial > .landing-page-community-voices--testimonial--logo > img {
    width: 50%;
  }
}
@media screen and (max-width: 739px) {
  .landing-page-solutions-community-voices--wrapper > .landing-page-solutions-community-voices .landing-page-community-voices--arrow-margin-wrapper.pinterest > .landing-page-community-voices--testimonial > .landing-page-community-voices--testimonial--logo {
    flex-basis: 175px;
  }
  .landing-page-solutions-community-voices--wrapper > .landing-page-solutions-community-voices .landing-page-community-voices--arrow-margin-wrapper.pinterest > .landing-page-community-voices--testimonial > .landing-page-community-voices--testimonial--logo > img {
    width: 50%;
  }
}
@media screen and (min-width: 980px) {
  .landing-page-solutions-community-voices--wrapper > .landing-page-solutions-community-voices .landing-page-community-voices--arrow-margin-wrapper.pinterest > .landing-page-community-voices--testimonial > .landing-page-community-voices--testimonial--citation {
    flex-basis: 80%;
  }
  .landing-page-solutions-community-voices--wrapper > .landing-page-solutions-community-voices .landing-page-community-voices--arrow-margin-wrapper.pinterest > .landing-page-community-voices--testimonial > .landing-page-community-voices--testimonial--citation > blockquote > p {
    font-family: "Open Sans";
    font-size: 18px;
    font-weight: 400;
    line-height: 27px;
    letter-spacing: 0em;
    text-align: left;
  }
}
@media screen and (max-width: 979px) {
  .landing-page-solutions-community-voices--wrapper > .landing-page-solutions-community-voices .landing-page-community-voices--arrow-margin-wrapper.pinterest > .landing-page-community-voices--testimonial > .landing-page-community-voices--testimonial--citation {
    flex-basis: 595px;
  }
  .landing-page-solutions-community-voices--wrapper > .landing-page-solutions-community-voices .landing-page-community-voices--arrow-margin-wrapper.pinterest > .landing-page-community-voices--testimonial > .landing-page-community-voices--testimonial--citation > blockquote > p {
    color: #000;
    font-family: "Open Sans";
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 48px;
  }
  .landing-page-solutions-community-voices--wrapper > .landing-page-solutions-community-voices .landing-page-community-voices--arrow-margin-wrapper.pinterest > .landing-page-community-voices--testimonial > .landing-page-community-voices--testimonial--citation > cite {
    margin-top: 20px;
  }
}
@media screen and (max-width: 739px) {
  .landing-page-solutions-community-voices--wrapper > .landing-page-solutions-community-voices .landing-page-community-voices--arrow-margin-wrapper.pinterest > .landing-page-community-voices--testimonial > .landing-page-community-voices--testimonial--citation {
    flex-basis: 615px;
  }
  .landing-page-solutions-community-voices--wrapper > .landing-page-solutions-community-voices .landing-page-community-voices--arrow-margin-wrapper.pinterest > .landing-page-community-voices--testimonial > .landing-page-community-voices--testimonial--citation > blockquote > p {
    color: #000;
    font-family: "Open Sans";
    font-size: 21px;
    font-weight: 400;
    line-height: 32px;
    font-style: normal;
  }
}
@media screen and (min-width: 980px) {
  .landing-page-solutions-community-voices--wrapper > .landing-page-solutions-community-voices .landing-page-community-voices--arrow-margin-wrapper.quantiphi > .landing-page-community-voices--testimonial > .landing-page-community-voices--testimonial--logo {
    flex-basis: 20%;
  }
}
@media screen and (max-width: 979px) {
  .landing-page-solutions-community-voices--wrapper > .landing-page-solutions-community-voices .landing-page-community-voices--arrow-margin-wrapper.quantiphi > .landing-page-community-voices--testimonial > .landing-page-community-voices--testimonial--logo {
    padding: 0;
    flex-basis: 125px;
  }
  .landing-page-solutions-community-voices--wrapper > .landing-page-solutions-community-voices .landing-page-community-voices--arrow-margin-wrapper.quantiphi > .landing-page-community-voices--testimonial > .landing-page-community-voices--testimonial--logo > img {
    width: 50%;
  }
}
@media screen and (max-width: 739px) {
  .landing-page-solutions-community-voices--wrapper > .landing-page-solutions-community-voices .landing-page-community-voices--arrow-margin-wrapper.quantiphi > .landing-page-community-voices--testimonial > .landing-page-community-voices--testimonial--logo {
    flex-basis: 90px;
    margin-bottom: -30px;
  }
  .landing-page-solutions-community-voices--wrapper > .landing-page-solutions-community-voices .landing-page-community-voices--arrow-margin-wrapper.quantiphi > .landing-page-community-voices--testimonial > .landing-page-community-voices--testimonial--logo > img {
    position: relative;
    top: -30px;
    width: 100%;
  }
}
@media screen and (min-width: 980px) {
  .landing-page-solutions-community-voices--wrapper > .landing-page-solutions-community-voices .landing-page-community-voices--arrow-margin-wrapper.quantiphi > .landing-page-community-voices--testimonial > .landing-page-community-voices--testimonial--citation {
    flex-basis: 80%;
  }
  .landing-page-solutions-community-voices--wrapper > .landing-page-solutions-community-voices .landing-page-community-voices--arrow-margin-wrapper.quantiphi > .landing-page-community-voices--testimonial > .landing-page-community-voices--testimonial--citation > blockquote > p {
    font-family: "Open Sans";
    font-size: 18px;
    font-weight: 400;
    line-height: 27px;
    letter-spacing: 0em;
    text-align: left;
  }
}
@media screen and (max-width: 979px) {
  .landing-page-solutions-community-voices--wrapper > .landing-page-solutions-community-voices .landing-page-community-voices--arrow-margin-wrapper.quantiphi > .landing-page-community-voices--testimonial > .landing-page-community-voices--testimonial--citation {
    flex-basis: 665px;
  }
  .landing-page-solutions-community-voices--wrapper > .landing-page-solutions-community-voices .landing-page-community-voices--arrow-margin-wrapper.quantiphi > .landing-page-community-voices--testimonial > .landing-page-community-voices--testimonial--citation > blockquote > p {
    color: #000;
    font-family: "Open Sans";
    font-size: 21px;
    font-weight: 400;
    line-height: 32px;
    font-style: normal;
  }
  .landing-page-solutions-community-voices--wrapper > .landing-page-solutions-community-voices .landing-page-community-voices--arrow-margin-wrapper.quantiphi > .landing-page-community-voices--testimonial > .landing-page-community-voices--testimonial--citation > cite {
    margin-top: 20px;
  }
}
@media screen and (max-width: 739px) {
  .landing-page-solutions-community-voices--wrapper > .landing-page-solutions-community-voices .landing-page-community-voices--arrow-margin-wrapper.quantiphi > .landing-page-community-voices--testimonial > .landing-page-community-voices--testimonial--citation {
    flex-basis: 670px;
  }
}
@media screen and (min-width: 980px) {
  .landing-page-solutions-community-voices--wrapper > .landing-page-solutions-community-voices .landing-page-community-voices--arrow-margin-wrapper.rackspace > .landing-page-community-voices--testimonial > .landing-page-community-voices--testimonial--logo {
    flex-basis: 20%;
  }
}
@media screen and (max-width: 979px) {
  .landing-page-solutions-community-voices--wrapper > .landing-page-solutions-community-voices .landing-page-community-voices--arrow-margin-wrapper.rackspace > .landing-page-community-voices--testimonial > .landing-page-community-voices--testimonial--logo {
    padding: 0;
    flex-basis: 110px;
  }
  .landing-page-solutions-community-voices--wrapper > .landing-page-solutions-community-voices .landing-page-community-voices--arrow-margin-wrapper.rackspace > .landing-page-community-voices--testimonial > .landing-page-community-voices--testimonial--logo > img {
    width: 50%;
  }
}
@media screen and (max-width: 739px) {
  .landing-page-solutions-community-voices--wrapper > .landing-page-solutions-community-voices .landing-page-community-voices--arrow-margin-wrapper.rackspace > .landing-page-community-voices--testimonial > .landing-page-community-voices--testimonial--logo {
    flex-basis: 100px;
  }
  .landing-page-solutions-community-voices--wrapper > .landing-page-solutions-community-voices .landing-page-community-voices--arrow-margin-wrapper.rackspace > .landing-page-community-voices--testimonial > .landing-page-community-voices--testimonial--logo > img {
    width: 90%;
  }
}
@media screen and (min-width: 980px) {
  .landing-page-solutions-community-voices--wrapper > .landing-page-solutions-community-voices .landing-page-community-voices--arrow-margin-wrapper.rackspace > .landing-page-community-voices--testimonial > .landing-page-community-voices--testimonial--citation {
    flex-basis: 80%;
  }
  .landing-page-solutions-community-voices--wrapper > .landing-page-solutions-community-voices .landing-page-community-voices--arrow-margin-wrapper.rackspace > .landing-page-community-voices--testimonial > .landing-page-community-voices--testimonial--citation > blockquote > p {
    font-family: "Open Sans";
    font-size: 18px;
    font-weight: 400;
    line-height: 27px;
    letter-spacing: 0em;
    text-align: left;
  }
}
@media screen and (max-width: 979px) {
  .landing-page-solutions-community-voices--wrapper > .landing-page-solutions-community-voices .landing-page-community-voices--arrow-margin-wrapper.rackspace > .landing-page-community-voices--testimonial > .landing-page-community-voices--testimonial--citation {
    flex-basis: 680px;
  }
  .landing-page-solutions-community-voices--wrapper > .landing-page-solutions-community-voices .landing-page-community-voices--arrow-margin-wrapper.rackspace > .landing-page-community-voices--testimonial > .landing-page-community-voices--testimonial--citation > blockquote > p {
    color: #000;
    font-family: "Open Sans";
    font-size: 21px;
    font-weight: 400;
    line-height: 32px;
    font-style: normal;
  }
  .landing-page-solutions-community-voices--wrapper > .landing-page-solutions-community-voices .landing-page-community-voices--arrow-margin-wrapper.rackspace > .landing-page-community-voices--testimonial > .landing-page-community-voices--testimonial--citation > cite {
    margin-top: 20px;
  }
}
@media screen and (max-width: 739px) {
  .landing-page-solutions-community-voices--wrapper > .landing-page-solutions-community-voices .landing-page-community-voices--arrow-margin-wrapper.rackspace > .landing-page-community-voices--testimonial > .landing-page-community-voices--testimonial--citation {
    flex-basis: 690px;
  }
}
@media screen and (min-width: 980px) {
  .landing-page-solutions-community-voices--wrapper > .landing-page-solutions-community-voices .landing-page-community-voices--arrow-margin-wrapper.sap > .landing-page-community-voices--testimonial > .landing-page-community-voices--testimonial--logo {
    flex-basis: 25%;
  }
}
@media screen and (max-width: 979px) {
  .landing-page-solutions-community-voices--wrapper > .landing-page-solutions-community-voices .landing-page-community-voices--arrow-margin-wrapper.sap > .landing-page-community-voices--testimonial > .landing-page-community-voices--testimonial--logo {
    padding: 0;
    flex-basis: 195px;
  }
  .landing-page-solutions-community-voices--wrapper > .landing-page-solutions-community-voices .landing-page-community-voices--arrow-margin-wrapper.sap > .landing-page-community-voices--testimonial > .landing-page-community-voices--testimonial--logo > img {
    width: 50%;
  }
}
@media screen and (max-width: 739px) {
  .landing-page-solutions-community-voices--wrapper > .landing-page-solutions-community-voices .landing-page-community-voices--arrow-margin-wrapper.sap > .landing-page-community-voices--testimonial > .landing-page-community-voices--testimonial--logo {
    flex-basis: 160px;
  }
  .landing-page-solutions-community-voices--wrapper > .landing-page-solutions-community-voices .landing-page-community-voices--arrow-margin-wrapper.sap > .landing-page-community-voices--testimonial > .landing-page-community-voices--testimonial--logo > img {
    width: 90%;
  }
}
@media screen and (min-width: 980px) {
  .landing-page-solutions-community-voices--wrapper > .landing-page-solutions-community-voices .landing-page-community-voices--arrow-margin-wrapper.sap > .landing-page-community-voices--testimonial > .landing-page-community-voices--testimonial--citation {
    flex-basis: 75%;
  }
}
@media screen and (max-width: 979px) {
  .landing-page-solutions-community-voices--wrapper > .landing-page-solutions-community-voices .landing-page-community-voices--arrow-margin-wrapper.sap > .landing-page-community-voices--testimonial > .landing-page-community-voices--testimonial--citation {
    flex-basis: 595px;
  }
  .landing-page-solutions-community-voices--wrapper > .landing-page-solutions-community-voices .landing-page-community-voices--arrow-margin-wrapper.sap > .landing-page-community-voices--testimonial > .landing-page-community-voices--testimonial--citation > blockquote > p {
    color: #000;
    font-family: "Open Sans";
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 48px;
  }
  .landing-page-solutions-community-voices--wrapper > .landing-page-solutions-community-voices .landing-page-community-voices--arrow-margin-wrapper.sap > .landing-page-community-voices--testimonial > .landing-page-community-voices--testimonial--citation > cite {
    margin-top: 20px;
  }
}
@media screen and (max-width: 739px) {
  .landing-page-solutions-community-voices--wrapper > .landing-page-solutions-community-voices .landing-page-community-voices--arrow-margin-wrapper.sap > .landing-page-community-voices--testimonial > .landing-page-community-voices--testimonial--citation {
    flex-basis: 630px;
  }
  .landing-page-solutions-community-voices--wrapper > .landing-page-solutions-community-voices .landing-page-community-voices--arrow-margin-wrapper.sap > .landing-page-community-voices--testimonial > .landing-page-community-voices--testimonial--citation > blockquote > p {
    color: #000;
    font-family: "Open Sans";
    font-size: 21px;
    font-weight: 400;
    line-height: 32px;
    font-style: normal;
  }
}
@media screen and (min-width: 980px) {
  .landing-page-solutions-community-voices--wrapper > .landing-page-solutions-community-voices .landing-page-community-voices--arrow-margin-wrapper.wipro > .landing-page-community-voices--testimonial > .landing-page-community-voices--testimonial--logo {
    flex-basis: 20%;
  }
}
@media screen and (max-width: 979px) {
  .landing-page-solutions-community-voices--wrapper > .landing-page-solutions-community-voices .landing-page-community-voices--arrow-margin-wrapper.wipro > .landing-page-community-voices--testimonial > .landing-page-community-voices--testimonial--logo {
    padding: 0;
    flex-basis: 195px;
  }
  .landing-page-solutions-community-voices--wrapper > .landing-page-solutions-community-voices .landing-page-community-voices--arrow-margin-wrapper.wipro > .landing-page-community-voices--testimonial > .landing-page-community-voices--testimonial--logo > img {
    width: 50%;
  }
}
@media screen and (max-width: 739px) {
  .landing-page-solutions-community-voices--wrapper > .landing-page-solutions-community-voices .landing-page-community-voices--arrow-margin-wrapper.wipro > .landing-page-community-voices--testimonial > .landing-page-community-voices--testimonial--logo {
    flex-basis: 190px;
  }
  .landing-page-solutions-community-voices--wrapper > .landing-page-solutions-community-voices .landing-page-community-voices--arrow-margin-wrapper.wipro > .landing-page-community-voices--testimonial > .landing-page-community-voices--testimonial--logo > img {
    width: 65%;
  }
}
@media screen and (min-width: 980px) {
  .landing-page-solutions-community-voices--wrapper > .landing-page-solutions-community-voices .landing-page-community-voices--arrow-margin-wrapper.wipro > .landing-page-community-voices--testimonial > .landing-page-community-voices--testimonial--citation {
    flex-basis: 80%;
  }
  .landing-page-solutions-community-voices--wrapper > .landing-page-solutions-community-voices .landing-page-community-voices--arrow-margin-wrapper.wipro > .landing-page-community-voices--testimonial > .landing-page-community-voices--testimonial--citation > blockquote > p {
    font-family: "Open Sans";
    font-size: 18px;
    font-weight: 400;
    line-height: 27px;
    letter-spacing: 0em;
    text-align: left;
  }
}
@media screen and (max-width: 979px) {
  .landing-page-solutions-community-voices--wrapper > .landing-page-solutions-community-voices .landing-page-community-voices--arrow-margin-wrapper.wipro > .landing-page-community-voices--testimonial > .landing-page-community-voices--testimonial--citation {
    flex-basis: 595px;
  }
  .landing-page-solutions-community-voices--wrapper > .landing-page-solutions-community-voices .landing-page-community-voices--arrow-margin-wrapper.wipro > .landing-page-community-voices--testimonial > .landing-page-community-voices--testimonial--citation > blockquote > p {
    color: #000;
    font-family: "Open Sans";
    font-size: 21px;
    font-weight: 400;
    line-height: 32px;
    font-style: normal;
  }
  .landing-page-solutions-community-voices--wrapper > .landing-page-solutions-community-voices .landing-page-community-voices--arrow-margin-wrapper.wipro > .landing-page-community-voices--testimonial > .landing-page-community-voices--testimonial--citation > cite {
    margin-top: 20px;
  }
}
@media screen and (max-width: 739px) {
  .landing-page-solutions-community-voices--wrapper > .landing-page-solutions-community-voices .landing-page-community-voices--arrow-margin-wrapper.wipro > .landing-page-community-voices--testimonial > .landing-page-community-voices--testimonial--citation {
    flex-basis: 600px;
  }
}
@media screen and (min-width: 980px) {
  .landing-page-solutions-community-voices--wrapper > .landing-page-solutions-community-voices .landing-page-community-voices--arrow-margin-wrapper.zoom > .landing-page-community-voices--testimonial > .landing-page-community-voices--testimonial--logo {
    flex-basis: 25%;
  }
}
@media screen and (max-width: 979px) {
  .landing-page-solutions-community-voices--wrapper > .landing-page-solutions-community-voices .landing-page-community-voices--arrow-margin-wrapper.zoom > .landing-page-community-voices--testimonial > .landing-page-community-voices--testimonial--logo {
    padding: 0;
    flex-basis: 100px;
  }
  .landing-page-solutions-community-voices--wrapper > .landing-page-solutions-community-voices .landing-page-community-voices--arrow-margin-wrapper.zoom > .landing-page-community-voices--testimonial > .landing-page-community-voices--testimonial--logo > img {
    width: 50%;
  }
}
@media screen and (max-width: 739px) {
  .landing-page-solutions-community-voices--wrapper > .landing-page-solutions-community-voices .landing-page-community-voices--arrow-margin-wrapper.zoom > .landing-page-community-voices--testimonial > .landing-page-community-voices--testimonial--logo {
    flex-basis: 85px;
  }
  .landing-page-solutions-community-voices--wrapper > .landing-page-solutions-community-voices .landing-page-community-voices--arrow-margin-wrapper.zoom > .landing-page-community-voices--testimonial > .landing-page-community-voices--testimonial--logo > img {
    width: 85%;
  }
}
@media screen and (min-width: 980px) {
  .landing-page-solutions-community-voices--wrapper > .landing-page-solutions-community-voices .landing-page-community-voices--arrow-margin-wrapper.zoom > .landing-page-community-voices--testimonial > .landing-page-community-voices--testimonial--citation {
    flex-basis: 75%;
  }
}
@media screen and (max-width: 979px) {
  .landing-page-solutions-community-voices--wrapper > .landing-page-solutions-community-voices .landing-page-community-voices--arrow-margin-wrapper.zoom > .landing-page-community-voices--testimonial > .landing-page-community-voices--testimonial--citation {
    flex-basis: 690px;
  }
  .landing-page-solutions-community-voices--wrapper > .landing-page-solutions-community-voices .landing-page-community-voices--arrow-margin-wrapper.zoom > .landing-page-community-voices--testimonial > .landing-page-community-voices--testimonial--citation > blockquote > p {
    color: #000;
    font-family: "Open Sans";
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 48px;
  }
  .landing-page-solutions-community-voices--wrapper > .landing-page-solutions-community-voices .landing-page-community-voices--arrow-margin-wrapper.zoom > .landing-page-community-voices--testimonial > .landing-page-community-voices--testimonial--citation > cite {
    margin-top: 20px;
  }
}
@media screen and (max-width: 739px) {
  .landing-page-solutions-community-voices--wrapper > .landing-page-solutions-community-voices .landing-page-community-voices--arrow-margin-wrapper.zoom > .landing-page-community-voices--testimonial > .landing-page-community-voices--testimonial--citation {
    flex-basis: 705px;
  }
  .landing-page-solutions-community-voices--wrapper > .landing-page-solutions-community-voices .landing-page-community-voices--arrow-margin-wrapper.zoom > .landing-page-community-voices--testimonial > .landing-page-community-voices--testimonial--citation > blockquote > p {
    color: #000;
    font-family: "Open Sans";
    font-size: 21px;
    font-weight: 400;
    line-height: 32px;
    font-style: normal;
  }
}

/* 
Copyright (c) 2020 Nathan Lam
https://github.com/nathancy/jekyll-embed-video 
*/
.embed-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
}

.embed-container iframe, .embed-container object, .embed-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.full-width-layout--header {
  box-sizing: border-box;
  width: 100%;
  background-color: white;
}
@media screen and (min-width: 1200px) {
  .full-width-layout--header {
    padding: 40px 80px;
  }
}
@media screen and (min-width: 960px) and (max-width: 1199px) {
  .full-width-layout--header {
    padding: 30px 40px;
  }
}
@media screen and (min-width: 739px) and (max-width: 959px) {
  .full-width-layout--header {
    padding: 30px 20px;
  }
}
@media screen and (min-width: 431px) and (max-width: 739px) {
  .full-width-layout--header {
    padding: 30px 10px;
  }
}
@media screen and (max-width: 430px) {
  .full-width-layout--header {
    padding: 30px 5px;
  }
}
.full-width-layout--header > .full-width-layout--header--category-area {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
}
.full-width-layout--header > .full-width-layout--header--category-area > .full-width-layout--header--icon {
  flex-basis: 40px;
  flex-grow: 0;
  flex-shrink: 0;
  width: 40px;
  height: 40px;
}
.full-width-layout--header > .full-width-layout--header--category-area > .full-width-layout--header--icon > svg,
.full-width-layout--header > .full-width-layout--header--category-area > .full-width-layout--header--icon > img {
  width: 40px;
  height: 40px;
}
.full-width-layout--header > .full-width-layout--header--category-area > .full-width-layout--header--breadcrumbs--item,
.full-width-layout--header > .full-width-layout--header--category-area > .full-width-layout--header--breadcrumbs--item-separator {
  min-width: fit-content;
  color: #415662;
  font-family: "Open Sans";
  font-size: 15px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: 4.5px;
  text-transform: uppercase;
  margin-left: 1em;
}
.full-width-layout--header > .full-width-layout--header--category-area > .full-width-layout--header--breadcrumbs--item > a,
.full-width-layout--header > .full-width-layout--header--category-area > .full-width-layout--header--breadcrumbs--item-separator > a {
  color: #415662;
  font-family: "Open Sans";
  font-size: 15px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: 4.5px;
  text-transform: uppercase;
  text-decoration: none;
}
.full-width-layout--header > .full-width-layout--header--category-area > .full-width-layout--header--breadcrumbs--item > a:hover,
.full-width-layout--header > .full-width-layout--header--category-area > .full-width-layout--header--breadcrumbs--item-separator > a:hover {
  text-decoration: underline;
  text-decoration-color: #005EB8;
  text-decoration-thickness: 2px;
}
.full-width-layout--header > .full-width-layout--header--category-area > .full-width-layout--header--breadcrumbs--item:last-of-type > a,
.full-width-layout--header > .full-width-layout--header--category-area > .full-width-layout--header--breadcrumbs--item-separator:last-of-type > a {
  text-decoration: underline;
  text-decoration-color: #005EB8;
  text-decoration-thickness: 2px;
}
.full-width-layout--header > .full-width-layout--header--title {
  padding-left: 0;
}
.full-width-layout--header > .full-width-layout--header--title > h1 {
  margin-top: 21px;
}
@media screen and (max-width: 460px) {
  .full-width-layout--header > .full-width-layout--header--title {
    padding-left: 0;
  }
  .full-width-layout--header > .full-width-layout--header--title > h1 {
    font-family: "Open Sans";
    font-size: 40px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    margin-top: 10px;
  }
}

.full-width-layout--content {
  border-top: #006D97 10px solid;
}
.full-width-layout--content > .full-width-layout--content--body > h5:nth-of-type(1) {
  color: #000;
  font-family: "Open Sans";
  font-size: 15px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  box-sizing: border-box;
  width: 100%;
  padding-bottom: 0;
  padding-top: 0;
  margin-bottom: 0;
}
@media screen and (min-width: 1200px) {
  .full-width-layout--content > .full-width-layout--content--body > h5:nth-of-type(1) {
    padding-left: 80px;
    padding-right: 80px;
  }
}
@media screen and (min-width: 960px) and (max-width: 1199px) {
  .full-width-layout--content > .full-width-layout--content--body > h5:nth-of-type(1) {
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media screen and (min-width: 739px) and (max-width: 959px) {
  .full-width-layout--content > .full-width-layout--content--body > h5:nth-of-type(1) {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media screen and (min-width: 431px) and (max-width: 739px) {
  .full-width-layout--content > .full-width-layout--content--body > h5:nth-of-type(1) {
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media screen and (max-width: 430px) {
  .full-width-layout--content > .full-width-layout--content--body > h5:nth-of-type(1) {
    padding-left: 5px;
    padding-right: 5px;
  }
}
.full-width-layout--content > .full-width-layout--content--body > h5:nth-of-type(1) + ul:nth-of-type(1),
.full-width-layout--content > .full-width-layout--content--body .in-page-links-list {
  list-style-type: none;
  padding-left: 0;
  margin-top: 10px;
  margin-bottom: 30px;
}
@media screen and (min-width: 1200px) {
  .full-width-layout--content > .full-width-layout--content--body > h5:nth-of-type(1) + ul:nth-of-type(1),
  .full-width-layout--content > .full-width-layout--content--body .in-page-links-list {
    margin-left: 80px;
    margin-right: 80px;
    width: calc(100% - 160px);
  }
}
@media screen and (min-width: 960px) and (max-width: 1199px) {
  .full-width-layout--content > .full-width-layout--content--body > h5:nth-of-type(1) + ul:nth-of-type(1),
  .full-width-layout--content > .full-width-layout--content--body .in-page-links-list {
    margin-left: 40px;
    margin-right: 40px;
    width: calc(100% - 80px);
  }
}
@media screen and (min-width: 739px) and (max-width: 959px) {
  .full-width-layout--content > .full-width-layout--content--body > h5:nth-of-type(1) + ul:nth-of-type(1),
  .full-width-layout--content > .full-width-layout--content--body .in-page-links-list {
    margin-left: 20px;
    margin-right: 20px;
    width: calc(100% - 40px);
  }
}
@media screen and (min-width: 431px) and (max-width: 739px) {
  .full-width-layout--content > .full-width-layout--content--body > h5:nth-of-type(1) + ul:nth-of-type(1),
  .full-width-layout--content > .full-width-layout--content--body .in-page-links-list {
    margin-left: 10px;
    margin-right: 10px;
    width: calc(100% - 20px);
  }
}
@media screen and (max-width: 430px) {
  .full-width-layout--content > .full-width-layout--content--body > h5:nth-of-type(1) + ul:nth-of-type(1),
  .full-width-layout--content > .full-width-layout--content--body .in-page-links-list {
    margin-left: 5px;
    margin-right: 5px;
    width: calc(100% - 10px);
  }
}
.full-width-layout--content > .full-width-layout--content--body > h5:nth-of-type(1) + ul:nth-of-type(1) > li,
.full-width-layout--content > .full-width-layout--content--body .in-page-links-list > li {
  float: left;
  margin-right: 30px;
}
.full-width-layout--content > .full-width-layout--content--body > h5:nth-of-type(1) + ul:nth-of-type(1) > li > a,
.full-width-layout--content > .full-width-layout--content--body .in-page-links-list > li > a {
  font-family: "Open Sans";
  font-size: 18px;
  font-weight: 400;
  line-height: 27px;
  letter-spacing: 0em;
  text-align: left;
  text-underline-offset: 1px;
}
.full-width-layout--content > .full-width-layout--content--body > h5:nth-of-type(1) + ul:nth-of-type(1):before, .full-width-layout--content > .full-width-layout--content--body > h5:nth-of-type(1) + ul:nth-of-type(1):after,
.full-width-layout--content > .full-width-layout--content--body .in-page-links-list:before,
.full-width-layout--content > .full-width-layout--content--body .in-page-links-list:after {
  content: "";
  display: table;
}
.full-width-layout--content > .full-width-layout--content--body > h5:nth-of-type(1) + ul:nth-of-type(1):after,
.full-width-layout--content > .full-width-layout--content--body .in-page-links-list:after {
  clear: both;
}
.full-width-layout--content > .full-width-layout--content--body > h5:nth-of-type(1) + ul:nth-of-type(1) + p,
.full-width-layout--content > .full-width-layout--content--body .in-page-links-list + p {
  padding-top: 0;
}
@media screen and (min-width: 1200px) {
  .full-width-layout--content > .full-width-layout--content--body > ul {
    margin-left: 80px;
    margin-right: 80px;
    width: calc(100% - 160px);
  }
}
@media screen and (min-width: 960px) and (max-width: 1199px) {
  .full-width-layout--content > .full-width-layout--content--body > ul {
    margin-left: 40px;
    margin-right: 40px;
    width: calc(100% - 80px);
  }
}
@media screen and (min-width: 739px) and (max-width: 959px) {
  .full-width-layout--content > .full-width-layout--content--body > ul {
    margin-left: 20px;
    margin-right: 20px;
    width: calc(100% - 40px);
  }
}
@media screen and (min-width: 431px) and (max-width: 739px) {
  .full-width-layout--content > .full-width-layout--content--body > ul {
    margin-left: 10px;
    margin-right: 10px;
    width: calc(100% - 20px);
  }
}
@media screen and (max-width: 430px) {
  .full-width-layout--content > .full-width-layout--content--body > ul {
    margin-left: 5px;
    margin-right: 5px;
    width: calc(100% - 10px);
  }
}
.full-width-layout--content > .full-width-layout--content--body > p {
  box-sizing: border-box;
  width: 100%;
  margin: 0;
}
@media screen and (min-width: 1200px) {
  .full-width-layout--content > .full-width-layout--content--body > p {
    padding: 1em 80px 0;
  }
}
@media screen and (min-width: 960px) and (max-width: 1199px) {
  .full-width-layout--content > .full-width-layout--content--body > p {
    padding: 1em 40px 0;
  }
}
@media screen and (min-width: 739px) and (max-width: 959px) {
  .full-width-layout--content > .full-width-layout--content--body > p {
    padding: 1em 20px 0;
  }
}
@media screen and (min-width: 431px) and (max-width: 739px) {
  .full-width-layout--content > .full-width-layout--content--body > p {
    padding: 1em 10px 0;
  }
}
@media screen and (max-width: 430px) {
  .full-width-layout--content > .full-width-layout--content--body > p {
    padding: 1em 5px 0;
  }
}
.full-width-layout--content > .full-width-layout--content--body > p:first-of-type {
  padding-top: 2em;
}
.full-width-layout--content > .full-width-layout--content--body > p:last-of-type {
  padding-bottom: 2em;
}
.full-width-layout--content > .full-width-layout--content--body > div,
.full-width-layout--content > .full-width-layout--content--body section {
  box-sizing: border-box;
  width: 100%;
}
@media screen and (min-width: 1200px) {
  .full-width-layout--content > .full-width-layout--content--body > div,
  .full-width-layout--content > .full-width-layout--content--body section {
    padding: 40px 80px;
  }
}
@media screen and (min-width: 960px) and (max-width: 1199px) {
  .full-width-layout--content > .full-width-layout--content--body > div,
  .full-width-layout--content > .full-width-layout--content--body section {
    padding: 30px 40px;
  }
}
@media screen and (min-width: 739px) and (max-width: 959px) {
  .full-width-layout--content > .full-width-layout--content--body > div,
  .full-width-layout--content > .full-width-layout--content--body section {
    padding: 30px 20px;
  }
}
@media screen and (min-width: 431px) and (max-width: 739px) {
  .full-width-layout--content > .full-width-layout--content--body > div,
  .full-width-layout--content > .full-width-layout--content--body section {
    padding: 30px 10px;
  }
}
@media screen and (max-width: 430px) {
  .full-width-layout--content > .full-width-layout--content--body > div,
  .full-width-layout--content > .full-width-layout--content--body section {
    padding: 30px 5px;
  }
}
.full-width-layout--content > .full-width-layout--content--body > h2,
.full-width-layout--content > .full-width-layout--content--body > ol > li > h2 {
  color: #003551;
  font-family: "Open Sans Condensed";
  font-size: 30px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
}
.full-width-layout--content > .full-width-layout--content--body > h2 > a,
.full-width-layout--content > .full-width-layout--content--body > ol > li > h2 > a {
  color: #005EB8;
  text-decoration: underline;
  font-family: "Open Sans Condensed";
}
.full-width-layout--content > .full-width-layout--content--body > h2 > a:hover,
.full-width-layout--content > .full-width-layout--content--body > ol > li > h2 > a:hover {
  color: #00A3E0;
}
@media screen and (min-width: 1200px) {
  .full-width-layout--content > .full-width-layout--content--body > h2,
  .full-width-layout--content > .full-width-layout--content--body > ol > li > h2 {
    padding: 1em 80px 0;
  }
}
@media screen and (min-width: 960px) and (max-width: 1199px) {
  .full-width-layout--content > .full-width-layout--content--body > h2,
  .full-width-layout--content > .full-width-layout--content--body > ol > li > h2 {
    padding: 1em 40px 0;
  }
}
@media screen and (min-width: 739px) and (max-width: 959px) {
  .full-width-layout--content > .full-width-layout--content--body > h2,
  .full-width-layout--content > .full-width-layout--content--body > ol > li > h2 {
    padding: 1em 20px 0;
  }
}
@media screen and (min-width: 431px) and (max-width: 739px) {
  .full-width-layout--content > .full-width-layout--content--body > h2,
  .full-width-layout--content > .full-width-layout--content--body > ol > li > h2 {
    padding: 1em 10px 0;
  }
}
@media screen and (max-width: 430px) {
  .full-width-layout--content > .full-width-layout--content--body > h2,
  .full-width-layout--content > .full-width-layout--content--body > ol > li > h2 {
    padding: 1em 5px 0;
  }
}
.full-width-layout--content > .full-width-layout--content--body > h2:first-of-type {
  margin-top: 1em;
}
.full-width-layout--content > .full-width-layout--content--body > ul:first-of-type + h2:first-of-type {
  margin-top: 2em;
}
.full-width-layout--content > .full-width-layout--content--body > h3,
.full-width-layout--content > .full-width-layout--content--body > ol > li h3 {
  color: #006D97;
  font-family: "Open Sans";
  font-size: 21px;
  font-style: normal;
  line-height: 36px;
  font-weight: 700;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
}
@media screen and (min-width: 1200px) {
  .full-width-layout--content > .full-width-layout--content--body > h3,
  .full-width-layout--content > .full-width-layout--content--body > ol > li h3 {
    padding: 1em 80px 0;
  }
}
@media screen and (min-width: 960px) and (max-width: 1199px) {
  .full-width-layout--content > .full-width-layout--content--body > h3,
  .full-width-layout--content > .full-width-layout--content--body > ol > li h3 {
    padding: 1em 40px 0;
  }
}
@media screen and (min-width: 739px) and (max-width: 959px) {
  .full-width-layout--content > .full-width-layout--content--body > h3,
  .full-width-layout--content > .full-width-layout--content--body > ol > li h3 {
    padding: 1em 20px 0;
  }
}
@media screen and (min-width: 431px) and (max-width: 739px) {
  .full-width-layout--content > .full-width-layout--content--body > h3,
  .full-width-layout--content > .full-width-layout--content--body > ol > li h3 {
    padding: 1em 10px 0;
  }
}
@media screen and (max-width: 430px) {
  .full-width-layout--content > .full-width-layout--content--body > h3,
  .full-width-layout--content > .full-width-layout--content--body > ol > li h3 {
    padding: 1em 5px 0;
  }
}
.full-width-layout--content > .full-width-layout--content--body > ol > li p {
  box-sizing: border-box;
  width: 100%;
}
@media screen and (min-width: 1200px) {
  .full-width-layout--content > .full-width-layout--content--body > ol > li p {
    padding: 1em 80px 0;
  }
}
@media screen and (min-width: 960px) and (max-width: 1199px) {
  .full-width-layout--content > .full-width-layout--content--body > ol > li p {
    padding: 1em 40px 0;
  }
}
@media screen and (min-width: 739px) and (max-width: 959px) {
  .full-width-layout--content > .full-width-layout--content--body > ol > li p {
    padding: 1em 20px 0;
  }
}
@media screen and (min-width: 431px) and (max-width: 739px) {
  .full-width-layout--content > .full-width-layout--content--body > ol > li p {
    padding: 1em 10px 0;
  }
}
@media screen and (max-width: 430px) {
  .full-width-layout--content > .full-width-layout--content--body > ol > li p {
    padding: 1em 5px 0;
  }
}
@media screen and (min-width: 1200px) {
  .full-width-layout--content > .full-width-layout--content--body > ol > li ul {
    margin: 40px 80px;
    width: calc(100% - 160px);
  }
}
@media screen and (min-width: 960px) and (max-width: 1199px) {
  .full-width-layout--content > .full-width-layout--content--body > ol > li ul {
    margin: 30px 40px;
    width: calc(100% - 80px);
  }
}
@media screen and (min-width: 739px) and (max-width: 959px) {
  .full-width-layout--content > .full-width-layout--content--body > ol > li ul {
    margin: 30px 20px;
    width: calc(100% - 40px);
  }
}
@media screen and (min-width: 431px) and (max-width: 739px) {
  .full-width-layout--content > .full-width-layout--content--body > ol > li ul {
    margin: 30px 10px;
    width: calc(100% - 20px);
  }
}
@media screen and (max-width: 430px) {
  .full-width-layout--content > .full-width-layout--content--body > ol > li ul {
    margin: 30px 5px;
    width: calc(100% - 10px);
  }
}
.full-width-layout--content > .full-width-layout--content--body > ol:last-of-type {
  padding-bottom: 20px;
}
.full-width-layout--content > .full-width-layout--content--body > ol {
  padding-left: 0;
}
.full-width-layout--content > .full-width-layout--content--body > .principles-for-development {
  box-sizing: border-box;
  width: 100%;
}
@media screen and (min-width: 1200px) {
  .full-width-layout--content > .full-width-layout--content--body > .principles-for-development {
    padding: 40px 80px;
  }
}
@media screen and (min-width: 960px) and (max-width: 1199px) {
  .full-width-layout--content > .full-width-layout--content--body > .principles-for-development {
    padding: 30px 40px;
  }
}
@media screen and (min-width: 739px) and (max-width: 959px) {
  .full-width-layout--content > .full-width-layout--content--body > .principles-for-development {
    padding: 30px 20px;
  }
}
@media screen and (min-width: 431px) and (max-width: 739px) {
  .full-width-layout--content > .full-width-layout--content--body > .principles-for-development {
    padding: 30px 10px;
  }
}
@media screen and (max-width: 430px) {
  .full-width-layout--content > .full-width-layout--content--body > .principles-for-development {
    padding: 30px 5px;
  }
}
.full-width-layout--content > .full-width-layout--content--body > .principles-for-development > div {
  border-bottom: #006D97 10px solid;
  box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.25);
  background-color: white;
  box-sizing: border-box;
  width: 100%;
}
@media screen and (min-width: 1200px) {
  .full-width-layout--content > .full-width-layout--content--body > .principles-for-development > div {
    padding: 40px 40px;
  }
}
@media screen and (min-width: 960px) and (max-width: 1199px) {
  .full-width-layout--content > .full-width-layout--content--body > .principles-for-development > div {
    padding: 30px 20px;
  }
}
@media screen and (min-width: 739px) and (max-width: 959px) {
  .full-width-layout--content > .full-width-layout--content--body > .principles-for-development > div {
    padding: 30px 15px;
  }
}
@media screen and (min-width: 431px) and (max-width: 739px) {
  .full-width-layout--content > .full-width-layout--content--body > .principles-for-development > div {
    padding: 30px 10px;
  }
}
@media screen and (max-width: 430px) {
  .full-width-layout--content > .full-width-layout--content--body > .principles-for-development > div {
    padding: 30px 5px;
  }
}
.full-width-layout--content > .full-width-layout--content--body > .principles-for-development > div > h2 {
  color: #006D97;
  font-family: "Open Sans Condensed";
  font-size: 30px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  margin-top: 2em;
  margin-bottom: 0;
}
.full-width-layout--content > .full-width-layout--content--body > .principles-for-development > div > h2 > a {
  color: #005EB8;
  text-decoration: underline;
  font-family: "Open Sans Condensed";
}
.full-width-layout--content > .full-width-layout--content--body > .principles-for-development > div > h2 > a:hover {
  color: #00A3E0;
}
.full-width-layout--content > .full-width-layout--content--body > .principles-for-development > div > h2:first-of-type {
  margin-top: 0;
}
.full-width-layout--content > .full-width-layout--content--body > .principles-for-development > div > p {
  margin-top: 0;
}
.full-width-layout--content > .solutions-card-grid {
  box-sizing: border-box;
  width: 100%;
}
@media screen and (min-width: 1200px) {
  .full-width-layout--content > .solutions-card-grid {
    padding: 40px 80px;
  }
}
@media screen and (min-width: 960px) and (max-width: 1199px) {
  .full-width-layout--content > .solutions-card-grid {
    padding: 30px 40px;
  }
}
@media screen and (min-width: 739px) and (max-width: 959px) {
  .full-width-layout--content > .solutions-card-grid {
    padding: 30px 20px;
  }
}
@media screen and (min-width: 431px) and (max-width: 739px) {
  .full-width-layout--content > .solutions-card-grid {
    padding: 30px 10px;
  }
}
@media screen and (max-width: 430px) {
  .full-width-layout--content > .solutions-card-grid {
    padding: 30px 5px;
  }
}
@media screen and (min-width: 1460px) {
  .full-width-layout--content > .solutions-card-grid > .solutions-card-grid--card-wrapper {
    padding: 0;
  }
}

/*# sourceMappingURL=output.css.map */