@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Nunito+Sans:400,600,700,800,900");
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-family: sans-serif; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

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

/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio,
canvas,
progress,
video {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}

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

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none;
}

/* Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background-color: transparent;
}

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

/* Text-level semantics
   ========================================================================== */
/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted;
}

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

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

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

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

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

/**
 * Prevent `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;
}

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

/**
 * Correct overflow not hidden in IE 9/10/11.
 */
svg:not(:root) {
  overflow: hidden;
}

/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
figure {
  margin: 1em 40px;
}

/**
 * Address differences between Firefox and other browsers.
 */
hr {
  box-sizing: content-box;
  height: 0;
}

/**
 * Contain overflow in all browsers.
 */
pre {
  overflow: auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
button,
input,
optgroup,
select,
textarea {
  color: inherit; /* 1 */
  font: inherit; /* 2 */
  margin: 0; /* 3 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button {
  overflow: visible;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve 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],
html input[disabled] {
  cursor: default;
}

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

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

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type=checkbox],
input[type=radio] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  height: auto;
}

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

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

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

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

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
  overflow: auto;
}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
  font-weight: bold;
}

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

td,
th {
  padding: 0;
}

body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
dl,
dd,
ol,
ul,
form,
fieldset,
legend,
figure,
table,
th,
td,
caption,
hr {
  margin: 0;
  padding: 0;
}

html {
  box-sizing: border-box;
}

*, *:before, *:after {
  box-sizing: inherit;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
dl,
dd,
ol,
ul,
fieldset,
figure,
table,
caption,
hr {
  margin-bottom: 1rem;
}

html {
  overflow-y: scroll;
  min-height: 100%;
  background-color: #F3F9FC;
  color: #5d5f60;
  font-size: 16px;
  font-family: "Nunito Sans", Geneva, sans-serif;
  line-height: 1.5;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}
@media screen and (min-width: 600px) {
  html {
    font-size: 17.6px;
  }
}

h1,
.h1 {
  color: #303F4B;
  font-weight: 400;
  font-size: 1.953125rem;
  line-height: 1.2;
}

h2,
.h2 {
  color: #444546;
  font-size: 1.5625rem;
  letter-spacing: 0.5px;
  line-height: 1.2;
}

h3,
.h3 {
  font-weight: 400;
  font-size: 1.5625rem;
  line-height: 1.2;
}

h4,
.h4 {
  color: #5884E7;
  text-transform: uppercase;
  letter-spacing: 0.1rem;
  font-weight: 400;
  font-size: 1.25rem;
}

h5,
.h5 {
  color: #444546;
  font-size: 1rem;
}

h6,
.h6 {
  color: #5d5f60;
  text-transform: uppercase;
  letter-spacing: 0.1rem;
  font-weight: 400;
  font-size: 1rem;
}

hr {
  border-top: 1px solid #303F4B;
  border-right: none;
  border-bottom: none;
  border-left: none;
}

a {
  text-decoration: none;
  color: #303F4B;
}
a:hover, a:active, a:focus {
  color: #5884E7;
}

a.specialeffects-white {
  color: white;
}

a.specialeffects-white:hover {
  color: #303F4B;
}

a.specialeffects-footer {
  color: white;
}

a.specialeffects-footer:hover {
  color: #5884E7;
}

a.specialeffects {
  color: #5884E7;
}

/* visited link */
a.specialeffects:visited {
  color: #5884E7;
}

a.specialeffects:hover {
  color: #ea343e;
  background-color: transparent;
}

/* visited link */
a.specialeffects:active {
  color: #303F4B;
}

a.specialeffects-new {
  color: #51B9EB;
}
a.specialeffects-new:hover, a.specialeffects-new:active, a.specialeffects-new:focus {
  color: #5884E7;
}

a.specialeffects-blue {
  color: #5884E7;
}
a.specialeffects-blue:hover, a.specialeffects-blue:active, a.specialeffects-blue:focus {
  color: #51B9EB;
}

a.specialeffects-navy {
  color: #0A1A56;
}
a.specialeffects-navy:hover, a.specialeffects-navy:active, a.specialeffects-navy:focus {
  color: #5884E7;
}

a.specialeffects-blue-bright {
  color: #5884E7;
}
a.specialeffects-blue-bright:hover, a.specialeffects-blue-bright:active, a.specialeffects-blue-bright:focus {
  color: #82A3ED;
}

li > ul,
li > ol {
  margin-bottom: 0;
}

.progressbar li {
  overflow: hidden;
  position: relative;
  padding: 0 0 24px 40px;
}

.progressbar li::before {
  content: "";
  position: absolute;
  left: 12px;
  top: 12px;
  width: 20px;
  height: 999px;
  background: #F3F9FC;
  border: 2px solid #c4c5c5;
  border-width: 2px 0 0 2px;
}

.progressbar li:last-child::before {
  border-width: 2px 0 0;
}

.progressbar li::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0px;
  width: 26px;
  height: 26px;
  background: #F3F9FC;
  border: 2px solid #c4c5c5;
  border-radius: 50%;
}

.progressbar li.current,
.progressbar li.passed {
  color: #303F4B;
}

.progressbar li.current::before {
  border-top-color: #c4c5c5;
}

.progressbar li.current::after {
  border-color: #909293;
  background: #76787a;
}

.progressbar li.passed::before,
.progressbar li.passed::after {
  border-color: #c4c5c5;
}

img {
  max-width: 100%;
  font-style: italic;
  vertical-align: middle;
}

svg {
  max-height: 100%;
}

input,
select,
textarea,
fieldset {
  box-sizing: border-box;
  padding: 0.5rem;
  outline: 0;
  border: none;
  border-radius: 6px;
  font-size: 1rem;
  font-family: "Nunito Sans", Geneva, sans-serif;
}
input:focus,
select:focus,
textarea:focus,
fieldset:focus {
  box-shadow: inset 0 0 0 2px #5884E7;
}
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus,
select:-webkit-autofill:active,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
textarea:-webkit-autofill:active,
fieldset:-webkit-autofill,
fieldset:-webkit-autofill:hover,
fieldset:-webkit-autofill:focus,
fieldset:-webkit-autofill:active {
  -webkit-transition: all 5000s ease-in-out 0s;
  transition: all 5000s ease-in-out 0s;
  -webkit-transition-property: background-color, color;
  transition-property: background-color, color;
}

input[type=text],
input[type=datetime],
input[type=datetime-local],
input[type=email],
input[type=month],
input[type=number],
input[type=password],
input[type=search],
input[type=tel],
input[type=time],
input[type=url],
input[type=week] {
  vertical-align: middle;
  -webkit-appearance: none;
}

select:not([multiple]) {
  vertical-align: middle;
}

textarea {
  padding: 0.25rem;
}

button {
  padding: 0.5rem 1rem;
  outline: none;
  border: none;
  border-width: 1px;
  border-style: solid;
  border-color: transparent;
  border-radius: 6px;
  vertical-align: middle;
}

iframe {
  width: 100%;
  height: 100%;
}

pre {
  background-color: #444546;
  color: white;
}

.loader {
  border: 8px solid #f3f3f3; /* Light grey */
  border-top: 8px solid #3498db; /* Blue */
  border-radius: 50%;
  width: 40px;
  height: 40px;
  -webkit-animation: spin 1s linear infinite;
          animation: spin 1s linear infinite;
}

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
.link--inherit {
  color: inherit;
}
.link--inherit:hover {
  color: inherit;
}
.link--light {
  color: #cae5f2;
}
.link--light:hover, .link--light:active, .link--light:focus {
  color: white;
}
.link--light-blue {
  color: #cae5f2;
}
.link--light-blue:hover, .link--light-blue:active, .link--light-blue:focus {
  color: #dee7fa;
}
.link--is-disabled {
  color: #cae5f2;
  text-decoration: line-through;
  cursor: default;
}
.link--is-disabled:hover, .link--is-disabled:active, .link--is-disabled:focus {
  color: #cae5f2;
}

.list--reset {
  list-style: none;
}
.list--borders > li {
  border-top: 1px solid #5884E7;
}

.list-radio-button {
  list-style-type: none;
  padding: 0;
}

.list-radio-button li {
  width: 100%;
  height: 48px;
  position: relative;
}

.list-radio-button label, .list-radio-button input {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.list-radio-button input[type=radio] {
  opacity: 0.011;
  z-index: 100;
}

.list-radio-button input[type=radio]:checked + label {
  background: #5884E7;
  color: #F3F9FC;
}

.list-radio-button label {
  border-color: #f6f7f8;
  background-color: white;
  color: #303F4B;
  font-weight: 700;
  display: inline-block;
  padding: 0.5rem 1rem;
  border-width: 0.5px;
  border-color: #c4c5c5;
  border-style: solid;
  border-radius: 4px;
  background-image: none;
  vertical-align: middle;
  text-align: center;
  white-space: nowrap;
  cursor: pointer;
  box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.08), 1px 2px 3px 1px rgba(0, 0, 0, 0.08);
  z-index: 1;
}
.list-radio-button label:focus {
  border-color: #5884E7;
  background-color: #5884E7;
  border-color: #5884E7;
  color: #F3F9FC;
}
.list-radio-button label:active {
  border-color: #5884E7;
  background-color: #5884E7;
  border-color: #5884E7;
  color: #F3F9FC;
}
.list-radio-button label:hover {
  border-color: #5884E7;
  background-color: #5884E7;
  border-color: #5884E7;
  color: #F3F9FC;
}
@media screen and (max-width: 739px) {
  .list-radio-button label {
    padding: 11px 0;
  }
}

.list-radio-button-care-seeker {
  list-style-type: none;
  padding: 0;
}

.list-radio-button-care-seeker li {
  width: 100%;
  height: 44px;
  position: relative;
}

.list-radio-button-care-seeker label, .list-radio-button-care-seeker input {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  cursor: pointer;
}

.list-radio-button-care-seeker input[type=radio] {
  opacity: 0.011;
  z-index: 100;
}

.list-radio-button-care-seeker input[type=radio]:hover + label {
  border-width: 2px;
  margin: -2px;
  border-color: #51B9EB;
  background-color: white;
  color: #5884E7;
  cursor: pointer;
}

.list-radio-button-care-seeker input[type=radio]:checked + label {
  border-width: 2px;
  margin: -2px;
  border-color: #51B9EB;
  background-color: white;
  color: #5884E7;
}

.list-radio-button-care-seeker label {
  border-color: #f6f7f8;
  background-color: white;
  color: #5d5f60;
  font-size: 16px;
  font-weight: 700;
  display: inline-block;
  padding-top: 9px;
  padding-bottom: 9px;
  border-width: 0px;
  border-color: white;
  border-style: solid;
  border-radius: 42px;
  background-image: none;
  vertical-align: middle;
  text-align: center;
  white-space: nowrap;
  cursor: pointer;
  box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.06), 1px 2px 3px 1px rgba(0, 0, 0, 0.06);
  z-index: 1;
}
.list-radio-button-care-seeker label:focus {
  border-color: #5884E7;
  background-color: white;
  color: #5884E7;
}
.list-radio-button-care-seeker label:active {
  border-color: #5884E7;
  background-color: white;
  color: #5884E7;
}
.list-radio-button-care-seeker label:hover {
  border-color: #5884E7;
  background-color: white;
  color: #5884E7;
}
@media screen and (max-width: 739px) {
  .list-radio-button-care-seeker label {
    padding: 11px 0;
  }
}

.custom-checklist {
  list-style-type: none; /* Remove default list styling */
  padding-left: 20px;
  font-size: 20px;
}

.custom-checklist li {
  color: #FFFFFF;
  position: relative;
  padding-left: 30px; /* Add space for the checkmark */
}

.custom-checklist li::before {
  content: "";
  position: absolute;
  top: 3px; /* Adjust to vertically align the checkmark */
  left: 0;
  width: 11px;
  height: 18px;
  border-width: 0 4px 4px 0;
  border-style: solid;
  border-color: #5884E7; /* Blue color for checkmark */
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.radio-ui span {
  width: 1.8rem;
  height: 1.8rem;
  background-color: white;
  border-radius: 50%;
}
.radio-ui span:hover {
  cursor: pointer;
}
.radio-ui [type=radio]:checked + span {
  background-color: #F3F9FC;
}
.radio-ui [type=radio]:checked + span:before {
  width: 1rem;
  height: 1rem;
  content: "";
  background-color: #5884E7;
  display: block;
  margin: 0.4rem;
  border-radius: 100%;
}

.radio-blue span {
  width: 1.8rem;
  height: 1.8rem;
  background-color: #F3F9FC;
  border-radius: 50%;
  border: 1px solid #dee7fa;
}
.radio-blue span:hover {
  cursor: pointer;
}
.radio-blue [type=radio]:checked + span {
  background-color: #F3F9FC;
}
.radio-blue [type=radio]:checked + span:before {
  width: 1.8rem;
  height: 1.8rem;
  content: "";
  background-color: #5884E7;
  display: block;
  border-radius: 100%;
  border: 1px solid #5884E7;
}

.score-password {
  height: 0.25rem;
}
.score-password--1 {
  background-color: #76787a;
}
.score-password--2 {
  background-image: linear-gradient(90deg, #D51620 0%, #D51620 25%, #909293 25%, #909293 100%);
}
.score-password--3 {
  background-image: linear-gradient(90deg, #F1582D 0%, #F1582D 50%, #909293 50%, #909293 100%);
}
.score-password--4 {
  background-image: linear-gradient(90deg, #51B9EB 0%, #51B9EB 75%, #909293 75%, #909293 100%);
}
.score-password--5 {
  background-color: #93C73F;
}

.b-in {
  border: 2px solid #5884E7;
  width: 100%;
}

.b-in__select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: none;
}

.input-sm {
  width: 75%;
}
.input-sm input {
  width: 100%;
}

.social-input {
  width: 87.5%;
}
.social-input::-webkit-input-placeholder {
  color: #c4c5c5;
}
.social-input::-moz-placeholder {
  color: #c4c5c5;
}
.social-input:-ms-input-placeholder {
  color: #c4c5c5;
}
.social-input:focus {
  box-shadow: none;
  border-color: #5884E7;
  color: #303F4B;
}
.social-input:focus::-webkit-input-placeholder {
  color: #c4c5c5;
}
.social-input:focus::-moz-placeholder {
  color: #c4c5c5;
}
.social-input:focus:-ms-input-placeholder {
  color: #c4c5c5;
}
.social-input__icon {
  width: 12%;
}

.editable {
  transition: all 375ms linear;
}
.editable:focus[contentEditable=true] {
  background: #5884E7;
  color: white;
  border-radius: 0.25rem;
}
.editable[contentEditable=false] {
  background: none;
  color: inherit;
  border-radius: 0;
}

/* The switch - the box around the slider */
.switch {
  position: relative;
  display: inline-block;
  width: 3rem;
  height: 1.5em;
}

/* Hide default HTML checkbox */
.switch input {
  display: none;
}

/* The slider */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #c4c5c5;
  transition: 0.4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 1.15rem;
  width: 1.15rem;
  left: 0.2rem;
  bottom: 0.19rem;
  background-color: white;
  transition: 0.4s;
}

input:checked + .slider {
  background-color: #5884E7;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}

/* The slider RED */
.slider-red {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #c4c5c5;
  transition: 0.4s;
}

.slider-red:before {
  position: absolute;
  content: "";
  height: 1.15rem;
  width: 1.15rem;
  left: 0.2rem;
  bottom: 0.19rem;
  background-color: white;
  transition: 0.4s;
}

input:checked + .slider-red {
  background-color: #D51620;
}

input:focus + .slider-red {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider-red:before {
  -webkit-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders RED*/
.slider-red.round {
  border-radius: 34px;
}

.slider-red.round:before {
  border-radius: 50%;
}

/* Mark input boxes that gets an error on validation: */
input.invalid {
  border: 1px solid #ea343e;
}

/* Hide all steps by default: */
.tab {
  display: none;
}

/* Make circles that indicate the steps of the form: */
.step {
  height: 11px;
  width: 11px;
  margin: 0 3px;
  background-color: #c4c5c5;
  border: none;
  border-radius: 50%;
  display: inline-block;
  opacity: 0.4;
}

/* Mark the active step: */
.step.active {
  background-color: #5884E7;
  opacity: 1;
}

/* Mark the steps that are finished and valid: */
.step.finish {
  background-color: #5884E7;
}

/* Hide all steps by default: */
.tabMobile {
  display: none;
}

/* Make circles that indicate the steps of the form: */
.stepMobile {
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #303F4B;
  border: none;
  border-radius: 50%;
  display: inline-block;
  opacity: 0.5;
}

/* Mark the active step: */
.stepMobile.active {
  opacity: 1;
}

/* Mark the steps that are finished and valid: */
.stepMobile.finish {
  background-color: #303F4B;
}

/* The container */
.care__container {
  position: relative;
  cursor: pointer;
  background-color: #F3F9FC;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.care__container input {
  position: relative;
  opacity: 0;
  cursor: pointer;
}

/* Create a custom checkbox */
.care__checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 24px;
  width: 24px;
  border: 2px solid #5884E7;
  background-color: white;
}

/* On mouse-over, add a grey background color */
.care__container:hover input ~ .care__checkmark {
  background-color: #D8EEF6;
}

/* When the checkbox is checked, add a blue background */
.care__container input:checked ~ .care__checkmark {
  background-color: #5884E7;
}

/* Create the checkmark/indicator (hidden when not checked) */
.care__checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.care__container input:checked ~ .care__checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.care__container .care__checkmark:after {
  left: 6px;
  top: 1px;
  width: 8px;
  height: 16px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

/* The container */
.care__container__small {
  position: relative;
  cursor: pointer;
  background-color: #F3F9FC;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.care__container__small input {
  position: relative;
  opacity: 0;
  cursor: pointer;
}

/* Create a custom checkbox */
.care__checkmark__small {
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
  border: 2px solid #5884E7;
  background-color: white;
  border-radius: 2px;
}

/* On mouse-over, add a grey background color */
.care__container__small:hover input ~ .care__checkmark__small {
  background-color: #D8EEF6;
}

/* When the checkbox is checked, add a blue background */
.care__container__small input:checked ~ .care__checkmark__small {
  background-color: #5884E7;
}

/* Create the checkmark/indicator (hidden when not checked) */
.care__checkmark__small:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.care__container__small input:checked ~ .care__checkmark__small:after {
  display: block;
}

/* Style the checkmark/indicator */
.care__container__small .care__checkmark__small:after {
  left: 5px;
  top: 0px;
  width: 6px;
  height: 13px;
  border: solid white;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.slider-container {
  width: 100%;
  position: relative;
}

.slider-calculator {
  -webkit-appearance: none;
  width: 100%;
  height: 15px; /* Updated height */
  background: #EAEAEA; /* Default light background */
  outline: none;
  opacity: 1;
  transition: opacity 0.2s;
  border-radius: 42px;
}

.slider-calculator:hover {
  opacity: 0.7; /* Full opacity on hover */
}

.slider-calculator::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 30px; /* Adjusted to match slider height */
  height: 30px; /* Adjusted to match slider height */
  border-radius: 50%;
  background: #ffffff;
  border: 2px solid #1799D6;
  cursor: pointer;
}

.slider-calculator::-moz-range-thumb {
  width: 30px; /* Adjusted to match slider height */
  height: 30px; /* Adjusted to match slider height */
  border-radius: 50%;
  background: #ffffff;
  border: 2px solid #1799D6;
  cursor: pointer;
}

/* Add a class for filled background color */
.slider-filled {
  background: #1799D6; /* Filled color */
}

.slider-mark, .slider-mark-red {
  position: absolute;
  margin-top: 2px;
  margin-right: 4px;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  top: 0; /* Align with the top of the slider */
  pointer-events: none;
}

.slider-mark {
  background-color: #303F4B; /* Replace with your desired color for blue mark */
}

.slider-mark-red {
  background-color: #D51620; /* Replace with your desired color for red mark */
}

.slider-mark-label {
  position: absolute;
  text-align: center;
  font-size: small;
  color: #303F4B;
  z-index: 1;
}

.slider-mark-label-red {
  position: absolute;
  text-align: center;
  font-size: small;
  color: #D51620;
  z-index: 1;
}

.loading-spinner {
  display: inline-block;
  width: 18px;
  height: 18px;
  border: 3px solid rgba(255, 255, 255, 0.3);
  border-radius: 50%;
  border-top: 3px solid #ffffff;
  -webkit-animation: spin 1s linear infinite;
          animation: spin 1s linear infinite;
  margin-left: 5px;
  margin-bottom: -3px;
}

@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
.checkmark-container {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px; /* Adjust spacing between icon and text */
}

.checkmark-circle {
  position: relative;
  display: inline-block;
  width: 20px; /* Adjust size as needed */
  height: 20px;
  border: 2px solid #5884E7; /* Blue border */
  border-radius: 50%;
  background-color: transparent; /* Transparent background */
  box-sizing: border-box;
}

.checkmark-circle::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 5px; /* Adjust size of checkmark */
  height: 10px; /* Adjust size of checkmark */
  border: solid #5884E7; /* Blue checkmark */
  border-width: 0 2px 2px 0; /* Checkmark style */
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
          transform: translate(-50%, -50%) rotate(45deg); /* Rotate to form checkmark */
  box-sizing: border-box;
}

.text-columns--2 {
  -webkit-columns: 2 120px;
     -moz-columns: 2 120px;
          columns: 2 120px;
  -webkit-column-gap: 2rem;
     -moz-column-gap: 2rem;
          column-gap: 2rem;
}
.text-columns--3 {
  -webkit-columns: 3 240px;
     -moz-columns: 3 240px;
          columns: 3 240px;
  -webkit-column-gap: 2rem;
     -moz-column-gap: 2rem;
          column-gap: 2rem;
}
.text-columns--2-also-viewed {
  -webkit-columns: 2 120px;
     -moz-columns: 2 120px;
          columns: 2 120px;
  -webkit-column-gap: 2rem;
     -moz-column-gap: 2rem;
          column-gap: 2rem;
}
@media screen and (max-width: 739px) {
  .text-columns--2-also-viewed {
    -webkit-columns: 1 120px;
       -moz-columns: 1 120px;
            columns: 1 120px;
    -webkit-column-gap: 0.5rem;
       -moz-column-gap: 0.5rem;
            column-gap: 0.5rem;
  }
}
.text-columns--2-browse {
  -webkit-columns: 2 120px;
     -moz-columns: 2 120px;
          columns: 2 120px;
  -webkit-column-gap: 0.5rem;
     -moz-column-gap: 0.5rem;
          column-gap: 0.5rem;
}
@media screen and (max-width: 739px) {
  .text-columns--2-browse {
    -webkit-columns: 1 120px;
       -moz-columns: 1 120px;
            columns: 1 120px;
    -webkit-column-gap: 0.5rem;
       -moz-column-gap: 0.5rem;
            column-gap: 0.5rem;
  }
}
.text-columns--2-advisors {
  -webkit-columns: 2 120px;
     -moz-columns: 2 120px;
          columns: 2 120px;
  -webkit-column-gap: 2rem;
     -moz-column-gap: 2rem;
          column-gap: 2rem;
}
@media screen and (max-width: 739px) {
  .text-columns--2-advisors {
    -webkit-columns: 1 120px;
       -moz-columns: 1 120px;
            columns: 1 120px;
    -webkit-column-gap: 0.5rem;
       -moz-column-gap: 0.5rem;
            column-gap: 0.5rem;
  }
}

.wrapper {
  margin: 0 auto;
  padding-right: 1rem;
  padding-left: 1rem;
  max-width: 1186px;
}
@media screen and (min-width: 600px) {
  .wrapper {
    padding-right: 1rem;
    padding-left: 1rem;
  }
}

.cf:after {
  content: "";
  clear: both;
  display: table;
  height: 0;
}

.layout {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-left: -1rem;
  padding: 0;
  list-style: none;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
.layout--slim {
  margin-left: -0.25rem;
}
.layout--slim > .layout__item {
  padding-left: 0.25rem;
}
.layout--wide {
  margin-left: -2rem;
}
.layout--wide > .layout__item {
  padding-left: 2rem;
}
.layout--flush {
  margin-left: 0;
}
.layout--flush > .layout__item {
  padding-left: 0;
}
.layout--pack {
  margin-left: 0;
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
}
.layout--pack > .layout__item {
  padding-left: 0;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  width: auto;
}
.layout--reverse {
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.layout__item {
  padding-left: 1rem;
  width: 100%;
}

.base--1\/1 {
  width: 100%;
}

.base--1\/2 {
  width: 50%;
}

.push--base--1\/2 {
  margin-left: 50%;
}

.base--1\/3 {
  width: 33.3333333333%;
}

.push--base--1\/3 {
  margin-left: 33.3333333333%;
}

.base--2\/3 {
  width: 66.6666666667%;
}

.push--base--2\/3 {
  margin-left: 66.6666666667%;
}

.base--1\/4 {
  width: 25%;
}

.push--base--1\/4 {
  margin-left: 25%;
}

.base--2\/4 {
  width: 50%;
}

.push--base--2\/4 {
  margin-left: 50%;
}

.base--3\/4 {
  width: 75%;
}

.push--base--3\/4 {
  margin-left: 75%;
}

.base--1\/5 {
  width: 20%;
}

.push--base--1\/5 {
  margin-left: 20%;
}

.base--2\/5 {
  width: 40%;
}

.push--base--2\/5 {
  margin-left: 40%;
}

.base--3\/5 {
  width: 60%;
}

.push--base--3\/5 {
  margin-left: 60%;
}

.base--4\/5 {
  width: 80%;
}

.push--base--4\/5 {
  margin-left: 80%;
}

.base--1\/6 {
  width: 16.6666666667%;
}

.push--base--1\/6 {
  margin-left: 16.6666666667%;
}

.base--2\/6 {
  width: 33.3333333333%;
}

.push--base--2\/6 {
  margin-left: 33.3333333333%;
}

.base--3\/6 {
  width: 50%;
}

.push--base--3\/6 {
  margin-left: 50%;
}

.base--4\/6 {
  width: 66.6666666667%;
}

.push--base--4\/6 {
  margin-left: 66.6666666667%;
}

.base--5\/6 {
  width: 83.3333333333%;
}

.push--base--5\/6 {
  margin-left: 83.3333333333%;
}

.base--1\/12 {
  width: 8.3333333333%;
}

.push--base--1\/12 {
  margin-left: 8.3333333333%;
}

.base--2\/12 {
  width: 16.6666666667%;
}

.push--base--2\/12 {
  margin-left: 16.6666666667%;
}

.base--3\/12 {
  width: 25%;
}

.push--base--3\/12 {
  margin-left: 25%;
}

.base--4\/12 {
  width: 33.3333333333%;
}

.push--base--4\/12 {
  margin-left: 33.3333333333%;
}

.base--5\/12 {
  width: 41.6666666667%;
}

.push--base--5\/12 {
  margin-left: 41.6666666667%;
}

.base--6\/12 {
  width: 50%;
}

.push--base--6\/12 {
  margin-left: 50%;
}

.base--7\/12 {
  width: 58.3333333333%;
}

.push--base--7\/12 {
  margin-left: 58.3333333333%;
}

.base--8\/12 {
  width: 66.6666666667%;
}

.push--base--8\/12 {
  margin-left: 66.6666666667%;
}

.base--9\/12 {
  width: 75%;
}

.push--base--9\/12 {
  margin-left: 75%;
}

.base--10\/12 {
  width: 83.3333333333%;
}

.push--base--10\/12 {
  margin-left: 83.3333333333%;
}

.base--11\/12 {
  width: 91.6666666667%;
}

.push--base--11\/12 {
  margin-left: 91.6666666667%;
}

.base--1\/16 {
  width: 6.25%;
}

.push--base--1\/16 {
  margin-left: 6.25%;
}

.base--2\/16 {
  width: 12.5%;
}

.push--base--2\/16 {
  margin-left: 12.5%;
}

.base--3\/16 {
  width: 18.75%;
}

.push--base--3\/16 {
  margin-left: 18.75%;
}

.base--4\/16 {
  width: 25%;
}

.push--base--4\/16 {
  margin-left: 25%;
}

.base--5\/16 {
  width: 31.25%;
}

.push--base--5\/16 {
  margin-left: 31.25%;
}

.base--6\/16 {
  width: 37.5%;
}

.push--base--6\/16 {
  margin-left: 37.5%;
}

.base--7\/16 {
  width: 43.75%;
}

.push--base--7\/16 {
  margin-left: 43.75%;
}

.base--8\/16 {
  width: 50%;
}

.push--base--8\/16 {
  margin-left: 50%;
}

.base--9\/16 {
  width: 56.25%;
}

.push--base--9\/16 {
  margin-left: 56.25%;
}

.base--10\/16 {
  width: 62.5%;
}

.push--base--10\/16 {
  margin-left: 62.5%;
}

.base--11\/16 {
  width: 68.75%;
}

.push--base--11\/16 {
  margin-left: 68.75%;
}

.base--12\/16 {
  width: 75%;
}

.push--base--12\/16 {
  margin-left: 75%;
}

.base--13\/16 {
  width: 81.25%;
}

.push--base--13\/16 {
  margin-left: 81.25%;
}

.base--14\/16 {
  width: 87.5%;
}

.push--base--14\/16 {
  margin-left: 87.5%;
}

.base--15\/16 {
  width: 93.75%;
}

.push--base--15\/16 {
  margin-left: 93.75%;
}

.base--1\/32 {
  width: 3.125%;
}

.push--base--1\/32 {
  margin-left: 3.125%;
}

.base--2\/32 {
  width: 6.25%;
}

.push--base--2\/32 {
  margin-left: 6.25%;
}

.base--3\/32 {
  width: 9.375%;
}

.push--base--3\/32 {
  margin-left: 9.375%;
}

.base--4\/32 {
  width: 12.5%;
}

.push--base--4\/32 {
  margin-left: 12.5%;
}

.base--5\/32 {
  width: 15.625%;
}

.push--base--5\/32 {
  margin-left: 15.625%;
}

.base--6\/32 {
  width: 18.75%;
}

.push--base--6\/32 {
  margin-left: 18.75%;
}

.base--7\/32 {
  width: 21.875%;
}

.push--base--7\/32 {
  margin-left: 21.875%;
}

.base--8\/32 {
  width: 25%;
}

.push--base--8\/32 {
  margin-left: 25%;
}

.base--9\/32 {
  width: 28.125%;
}

.push--base--9\/32 {
  margin-left: 28.125%;
}

.base--10\/32 {
  width: 31.25%;
}

.push--base--10\/32 {
  margin-left: 31.25%;
}

.base--11\/32 {
  width: 34.375%;
}

.push--base--11\/32 {
  margin-left: 34.375%;
}

.base--12\/32 {
  width: 37.5%;
}

.push--base--12\/32 {
  margin-left: 37.5%;
}

.base--13\/32 {
  width: 40.625%;
}

.push--base--13\/32 {
  margin-left: 40.625%;
}

.base--14\/32 {
  width: 43.75%;
}

.push--base--14\/32 {
  margin-left: 43.75%;
}

.base--15\/32 {
  width: 46.875%;
}

.push--base--15\/32 {
  margin-left: 46.875%;
}

.base--16\/32 {
  width: 50%;
}

.push--base--16\/32 {
  margin-left: 50%;
}

.base--17\/32 {
  width: 53.125%;
}

.push--base--17\/32 {
  margin-left: 53.125%;
}

.base--18\/32 {
  width: 56.25%;
}

.push--base--18\/32 {
  margin-left: 56.25%;
}

.base--19\/32 {
  width: 59.375%;
}

.push--base--19\/32 {
  margin-left: 59.375%;
}

.base--20\/32 {
  width: 62.5%;
}

.push--base--20\/32 {
  margin-left: 62.5%;
}

.base--21\/32 {
  width: 65.625%;
}

.push--base--21\/32 {
  margin-left: 65.625%;
}

.base--22\/32 {
  width: 68.75%;
}

.push--base--22\/32 {
  margin-left: 68.75%;
}

.base--23\/32 {
  width: 71.875%;
}

.push--base--23\/32 {
  margin-left: 71.875%;
}

.base--24\/32 {
  width: 75%;
}

.push--base--24\/32 {
  margin-left: 75%;
}

.base--25\/32 {
  width: 78.125%;
}

.push--base--25\/32 {
  margin-left: 78.125%;
}

.base--26\/32 {
  width: 81.25%;
}

.push--base--26\/32 {
  margin-left: 81.25%;
}

.base--27\/32 {
  width: 84.375%;
}

.push--base--27\/32 {
  margin-left: 84.375%;
}

.base--28\/32 {
  width: 87.5%;
}

.push--base--28\/32 {
  margin-left: 87.5%;
}

.base--29\/32 {
  width: 90.625%;
}

.push--base--29\/32 {
  margin-left: 90.625%;
}

.base--30\/32 {
  width: 93.75%;
}

.push--base--30\/32 {
  margin-left: 93.75%;
}

.base--31\/32 {
  width: 96.875%;
}

.push--base--31\/32 {
  margin-left: 96.875%;
}

.base--1\/64 {
  width: 1.5625%;
}

.push--base--1\/64 {
  margin-left: 1.5625%;
}

.base--2\/64 {
  width: 3.125%;
}

.push--base--2\/64 {
  margin-left: 3.125%;
}

.base--3\/64 {
  width: 4.6875%;
}

.push--base--3\/64 {
  margin-left: 4.6875%;
}

.base--4\/64 {
  width: 6.25%;
}

.push--base--4\/64 {
  margin-left: 6.25%;
}

.base--5\/64 {
  width: 7.8125%;
}

.push--base--5\/64 {
  margin-left: 7.8125%;
}

.base--6\/64 {
  width: 9.375%;
}

.push--base--6\/64 {
  margin-left: 9.375%;
}

.base--7\/64 {
  width: 10.9375%;
}

.push--base--7\/64 {
  margin-left: 10.9375%;
}

.base--8\/64 {
  width: 12.5%;
}

.push--base--8\/64 {
  margin-left: 12.5%;
}

.base--9\/64 {
  width: 14.0625%;
}

.push--base--9\/64 {
  margin-left: 14.0625%;
}

.base--10\/64 {
  width: 15.625%;
}

.push--base--10\/64 {
  margin-left: 15.625%;
}

.base--11\/64 {
  width: 17.1875%;
}

.push--base--11\/64 {
  margin-left: 17.1875%;
}

.base--12\/64 {
  width: 18.75%;
}

.push--base--12\/64 {
  margin-left: 18.75%;
}

.base--13\/64 {
  width: 20.3125%;
}

.push--base--13\/64 {
  margin-left: 20.3125%;
}

.base--14\/64 {
  width: 21.875%;
}

.push--base--14\/64 {
  margin-left: 21.875%;
}

.base--15\/64 {
  width: 23.4375%;
}

.push--base--15\/64 {
  margin-left: 23.4375%;
}

.base--16\/64 {
  width: 25%;
}

.push--base--16\/64 {
  margin-left: 25%;
}

.base--17\/64 {
  width: 26.5625%;
}

.push--base--17\/64 {
  margin-left: 26.5625%;
}

.base--18\/64 {
  width: 28.125%;
}

.push--base--18\/64 {
  margin-left: 28.125%;
}

.base--19\/64 {
  width: 29.6875%;
}

.push--base--19\/64 {
  margin-left: 29.6875%;
}

.base--20\/64 {
  width: 31.25%;
}

.push--base--20\/64 {
  margin-left: 31.25%;
}

.base--21\/64 {
  width: 32.8125%;
}

.push--base--21\/64 {
  margin-left: 32.8125%;
}

.base--22\/64 {
  width: 34.375%;
}

.push--base--22\/64 {
  margin-left: 34.375%;
}

.base--23\/64 {
  width: 35.9375%;
}

.push--base--23\/64 {
  margin-left: 35.9375%;
}

.base--24\/64 {
  width: 37.5%;
}

.push--base--24\/64 {
  margin-left: 37.5%;
}

.base--25\/64 {
  width: 39.0625%;
}

.push--base--25\/64 {
  margin-left: 39.0625%;
}

.base--26\/64 {
  width: 40.625%;
}

.push--base--26\/64 {
  margin-left: 40.625%;
}

.base--27\/64 {
  width: 42.1875%;
}

.push--base--27\/64 {
  margin-left: 42.1875%;
}

.base--28\/64 {
  width: 43.75%;
}

.push--base--28\/64 {
  margin-left: 43.75%;
}

.base--29\/64 {
  width: 45.3125%;
}

.push--base--29\/64 {
  margin-left: 45.3125%;
}

.base--30\/64 {
  width: 46.875%;
}

.push--base--30\/64 {
  margin-left: 46.875%;
}

.base--31\/64 {
  width: 48.4375%;
}

.push--base--31\/64 {
  margin-left: 48.4375%;
}

.base--32\/64 {
  width: 50%;
}

.push--base--32\/64 {
  margin-left: 50%;
}

.base--33\/64 {
  width: 51.5625%;
}

.push--base--33\/64 {
  margin-left: 51.5625%;
}

.base--34\/64 {
  width: 53.125%;
}

.push--base--34\/64 {
  margin-left: 53.125%;
}

.base--35\/64 {
  width: 54.6875%;
}

.push--base--35\/64 {
  margin-left: 54.6875%;
}

.base--36\/64 {
  width: 56.25%;
}

.push--base--36\/64 {
  margin-left: 56.25%;
}

.base--37\/64 {
  width: 57.8125%;
}

.push--base--37\/64 {
  margin-left: 57.8125%;
}

.base--38\/64 {
  width: 59.375%;
}

.push--base--38\/64 {
  margin-left: 59.375%;
}

.base--39\/64 {
  width: 60.9375%;
}

.push--base--39\/64 {
  margin-left: 60.9375%;
}

.base--40\/64 {
  width: 62.5%;
}

.push--base--40\/64 {
  margin-left: 62.5%;
}

.base--41\/64 {
  width: 64.0625%;
}

.push--base--41\/64 {
  margin-left: 64.0625%;
}

.base--42\/64 {
  width: 65.625%;
}

.push--base--42\/64 {
  margin-left: 65.625%;
}

.base--43\/64 {
  width: 67.1875%;
}

.push--base--43\/64 {
  margin-left: 67.1875%;
}

.base--44\/64 {
  width: 68.75%;
}

.push--base--44\/64 {
  margin-left: 68.75%;
}

.base--45\/64 {
  width: 70.3125%;
}

.push--base--45\/64 {
  margin-left: 70.3125%;
}

.base--46\/64 {
  width: 71.875%;
}

.push--base--46\/64 {
  margin-left: 71.875%;
}

.base--47\/64 {
  width: 73.4375%;
}

.push--base--47\/64 {
  margin-left: 73.4375%;
}

.base--48\/64 {
  width: 75%;
}

.push--base--48\/64 {
  margin-left: 75%;
}

.base--49\/64 {
  width: 76.5625%;
}

.push--base--49\/64 {
  margin-left: 76.5625%;
}

.base--50\/64 {
  width: 78.125%;
}

.push--base--50\/64 {
  margin-left: 78.125%;
}

.base--51\/64 {
  width: 79.6875%;
}

.push--base--51\/64 {
  margin-left: 79.6875%;
}

.base--52\/64 {
  width: 81.25%;
}

.push--base--52\/64 {
  margin-left: 81.25%;
}

.base--53\/64 {
  width: 82.8125%;
}

.push--base--53\/64 {
  margin-left: 82.8125%;
}

.base--54\/64 {
  width: 84.375%;
}

.push--base--54\/64 {
  margin-left: 84.375%;
}

.base--55\/64 {
  width: 85.9375%;
}

.push--base--55\/64 {
  margin-left: 85.9375%;
}

.base--56\/64 {
  width: 87.5%;
}

.push--base--56\/64 {
  margin-left: 87.5%;
}

.base--57\/64 {
  width: 89.0625%;
}

.push--base--57\/64 {
  margin-left: 89.0625%;
}

.base--58\/64 {
  width: 90.625%;
}

.push--base--58\/64 {
  margin-left: 90.625%;
}

.base--59\/64 {
  width: 92.1875%;
}

.push--base--59\/64 {
  margin-left: 92.1875%;
}

.base--60\/64 {
  width: 93.75%;
}

.push--base--60\/64 {
  margin-left: 93.75%;
}

.base--61\/64 {
  width: 95.3125%;
}

.push--base--61\/64 {
  margin-left: 95.3125%;
}

.base--62\/64 {
  width: 96.875%;
}

.push--base--62\/64 {
  margin-left: 96.875%;
}

.base--63\/64 {
  width: 98.4375%;
}

.push--base--63\/64 {
  margin-left: 98.4375%;
}

@media screen and (min-width: 480px) {
  .small--1\/1 {
    width: 100%;
  }
  .small--1\/2 {
    width: 50%;
  }
  .push--small--1\/2 {
    margin-left: 50%;
  }
  .small--1\/3 {
    width: 33.3333333333%;
  }
  .push--small--1\/3 {
    margin-left: 33.3333333333%;
  }
  .small--2\/3 {
    width: 66.6666666667%;
  }
  .push--small--2\/3 {
    margin-left: 66.6666666667%;
  }
  .small--1\/4 {
    width: 25%;
  }
  .push--small--1\/4 {
    margin-left: 25%;
  }
  .small--2\/4 {
    width: 50%;
  }
  .push--small--2\/4 {
    margin-left: 50%;
  }
  .small--3\/4 {
    width: 75%;
  }
  .push--small--3\/4 {
    margin-left: 75%;
  }
  .small--1\/5 {
    width: 20%;
  }
  .push--small--1\/5 {
    margin-left: 20%;
  }
  .small--2\/5 {
    width: 40%;
  }
  .push--small--2\/5 {
    margin-left: 40%;
  }
  .small--3\/5 {
    width: 60%;
  }
  .push--small--3\/5 {
    margin-left: 60%;
  }
  .small--4\/5 {
    width: 80%;
  }
  .push--small--4\/5 {
    margin-left: 80%;
  }
  .small--1\/6 {
    width: 16.6666666667%;
  }
  .push--small--1\/6 {
    margin-left: 16.6666666667%;
  }
  .small--2\/6 {
    width: 33.3333333333%;
  }
  .push--small--2\/6 {
    margin-left: 33.3333333333%;
  }
  .small--3\/6 {
    width: 50%;
  }
  .push--small--3\/6 {
    margin-left: 50%;
  }
  .small--4\/6 {
    width: 66.6666666667%;
  }
  .push--small--4\/6 {
    margin-left: 66.6666666667%;
  }
  .small--5\/6 {
    width: 83.3333333333%;
  }
  .push--small--5\/6 {
    margin-left: 83.3333333333%;
  }
  .small--1\/12 {
    width: 8.3333333333%;
  }
  .push--small--1\/12 {
    margin-left: 8.3333333333%;
  }
  .small--2\/12 {
    width: 16.6666666667%;
  }
  .push--small--2\/12 {
    margin-left: 16.6666666667%;
  }
  .small--3\/12 {
    width: 25%;
  }
  .push--small--3\/12 {
    margin-left: 25%;
  }
  .small--4\/12 {
    width: 33.3333333333%;
  }
  .push--small--4\/12 {
    margin-left: 33.3333333333%;
  }
  .small--5\/12 {
    width: 41.6666666667%;
  }
  .push--small--5\/12 {
    margin-left: 41.6666666667%;
  }
  .small--6\/12 {
    width: 50%;
  }
  .push--small--6\/12 {
    margin-left: 50%;
  }
  .small--7\/12 {
    width: 58.3333333333%;
  }
  .push--small--7\/12 {
    margin-left: 58.3333333333%;
  }
  .small--8\/12 {
    width: 66.6666666667%;
  }
  .push--small--8\/12 {
    margin-left: 66.6666666667%;
  }
  .small--9\/12 {
    width: 75%;
  }
  .push--small--9\/12 {
    margin-left: 75%;
  }
  .small--10\/12 {
    width: 83.3333333333%;
  }
  .push--small--10\/12 {
    margin-left: 83.3333333333%;
  }
  .small--11\/12 {
    width: 91.6666666667%;
  }
  .push--small--11\/12 {
    margin-left: 91.6666666667%;
  }
  .small--1\/16 {
    width: 6.25%;
  }
  .push--small--1\/16 {
    margin-left: 6.25%;
  }
  .small--2\/16 {
    width: 12.5%;
  }
  .push--small--2\/16 {
    margin-left: 12.5%;
  }
  .small--3\/16 {
    width: 18.75%;
  }
  .push--small--3\/16 {
    margin-left: 18.75%;
  }
  .small--4\/16 {
    width: 25%;
  }
  .push--small--4\/16 {
    margin-left: 25%;
  }
  .small--5\/16 {
    width: 31.25%;
  }
  .push--small--5\/16 {
    margin-left: 31.25%;
  }
  .small--6\/16 {
    width: 37.5%;
  }
  .push--small--6\/16 {
    margin-left: 37.5%;
  }
  .small--7\/16 {
    width: 43.75%;
  }
  .push--small--7\/16 {
    margin-left: 43.75%;
  }
  .small--8\/16 {
    width: 50%;
  }
  .push--small--8\/16 {
    margin-left: 50%;
  }
  .small--9\/16 {
    width: 56.25%;
  }
  .push--small--9\/16 {
    margin-left: 56.25%;
  }
  .small--10\/16 {
    width: 62.5%;
  }
  .push--small--10\/16 {
    margin-left: 62.5%;
  }
  .small--11\/16 {
    width: 68.75%;
  }
  .push--small--11\/16 {
    margin-left: 68.75%;
  }
  .small--12\/16 {
    width: 75%;
  }
  .push--small--12\/16 {
    margin-left: 75%;
  }
  .small--13\/16 {
    width: 81.25%;
  }
  .push--small--13\/16 {
    margin-left: 81.25%;
  }
  .small--14\/16 {
    width: 87.5%;
  }
  .push--small--14\/16 {
    margin-left: 87.5%;
  }
  .small--15\/16 {
    width: 93.75%;
  }
  .push--small--15\/16 {
    margin-left: 93.75%;
  }
  .small--1\/32 {
    width: 3.125%;
  }
  .push--small--1\/32 {
    margin-left: 3.125%;
  }
  .small--2\/32 {
    width: 6.25%;
  }
  .push--small--2\/32 {
    margin-left: 6.25%;
  }
  .small--3\/32 {
    width: 9.375%;
  }
  .push--small--3\/32 {
    margin-left: 9.375%;
  }
  .small--4\/32 {
    width: 12.5%;
  }
  .push--small--4\/32 {
    margin-left: 12.5%;
  }
  .small--5\/32 {
    width: 15.625%;
  }
  .push--small--5\/32 {
    margin-left: 15.625%;
  }
  .small--6\/32 {
    width: 18.75%;
  }
  .push--small--6\/32 {
    margin-left: 18.75%;
  }
  .small--7\/32 {
    width: 21.875%;
  }
  .push--small--7\/32 {
    margin-left: 21.875%;
  }
  .small--8\/32 {
    width: 25%;
  }
  .push--small--8\/32 {
    margin-left: 25%;
  }
  .small--9\/32 {
    width: 28.125%;
  }
  .push--small--9\/32 {
    margin-left: 28.125%;
  }
  .small--10\/32 {
    width: 31.25%;
  }
  .push--small--10\/32 {
    margin-left: 31.25%;
  }
  .small--11\/32 {
    width: 34.375%;
  }
  .push--small--11\/32 {
    margin-left: 34.375%;
  }
  .small--12\/32 {
    width: 37.5%;
  }
  .push--small--12\/32 {
    margin-left: 37.5%;
  }
  .small--13\/32 {
    width: 40.625%;
  }
  .push--small--13\/32 {
    margin-left: 40.625%;
  }
  .small--14\/32 {
    width: 43.75%;
  }
  .push--small--14\/32 {
    margin-left: 43.75%;
  }
  .small--15\/32 {
    width: 46.875%;
  }
  .push--small--15\/32 {
    margin-left: 46.875%;
  }
  .small--16\/32 {
    width: 50%;
  }
  .push--small--16\/32 {
    margin-left: 50%;
  }
  .small--17\/32 {
    width: 53.125%;
  }
  .push--small--17\/32 {
    margin-left: 53.125%;
  }
  .small--18\/32 {
    width: 56.25%;
  }
  .push--small--18\/32 {
    margin-left: 56.25%;
  }
  .small--19\/32 {
    width: 59.375%;
  }
  .push--small--19\/32 {
    margin-left: 59.375%;
  }
  .small--20\/32 {
    width: 62.5%;
  }
  .push--small--20\/32 {
    margin-left: 62.5%;
  }
  .small--21\/32 {
    width: 65.625%;
  }
  .push--small--21\/32 {
    margin-left: 65.625%;
  }
  .small--22\/32 {
    width: 68.75%;
  }
  .push--small--22\/32 {
    margin-left: 68.75%;
  }
  .small--23\/32 {
    width: 71.875%;
  }
  .push--small--23\/32 {
    margin-left: 71.875%;
  }
  .small--24\/32 {
    width: 75%;
  }
  .push--small--24\/32 {
    margin-left: 75%;
  }
  .small--25\/32 {
    width: 78.125%;
  }
  .push--small--25\/32 {
    margin-left: 78.125%;
  }
  .small--26\/32 {
    width: 81.25%;
  }
  .push--small--26\/32 {
    margin-left: 81.25%;
  }
  .small--27\/32 {
    width: 84.375%;
  }
  .push--small--27\/32 {
    margin-left: 84.375%;
  }
  .small--28\/32 {
    width: 87.5%;
  }
  .push--small--28\/32 {
    margin-left: 87.5%;
  }
  .small--29\/32 {
    width: 90.625%;
  }
  .push--small--29\/32 {
    margin-left: 90.625%;
  }
  .small--30\/32 {
    width: 93.75%;
  }
  .push--small--30\/32 {
    margin-left: 93.75%;
  }
  .small--31\/32 {
    width: 96.875%;
  }
  .push--small--31\/32 {
    margin-left: 96.875%;
  }
  .small--1\/64 {
    width: 1.5625%;
  }
  .push--small--1\/64 {
    margin-left: 1.5625%;
  }
  .small--2\/64 {
    width: 3.125%;
  }
  .push--small--2\/64 {
    margin-left: 3.125%;
  }
  .small--3\/64 {
    width: 4.6875%;
  }
  .push--small--3\/64 {
    margin-left: 4.6875%;
  }
  .small--4\/64 {
    width: 6.25%;
  }
  .push--small--4\/64 {
    margin-left: 6.25%;
  }
  .small--5\/64 {
    width: 7.8125%;
  }
  .push--small--5\/64 {
    margin-left: 7.8125%;
  }
  .small--6\/64 {
    width: 9.375%;
  }
  .push--small--6\/64 {
    margin-left: 9.375%;
  }
  .small--7\/64 {
    width: 10.9375%;
  }
  .push--small--7\/64 {
    margin-left: 10.9375%;
  }
  .small--8\/64 {
    width: 12.5%;
  }
  .push--small--8\/64 {
    margin-left: 12.5%;
  }
  .small--9\/64 {
    width: 14.0625%;
  }
  .push--small--9\/64 {
    margin-left: 14.0625%;
  }
  .small--10\/64 {
    width: 15.625%;
  }
  .push--small--10\/64 {
    margin-left: 15.625%;
  }
  .small--11\/64 {
    width: 17.1875%;
  }
  .push--small--11\/64 {
    margin-left: 17.1875%;
  }
  .small--12\/64 {
    width: 18.75%;
  }
  .push--small--12\/64 {
    margin-left: 18.75%;
  }
  .small--13\/64 {
    width: 20.3125%;
  }
  .push--small--13\/64 {
    margin-left: 20.3125%;
  }
  .small--14\/64 {
    width: 21.875%;
  }
  .push--small--14\/64 {
    margin-left: 21.875%;
  }
  .small--15\/64 {
    width: 23.4375%;
  }
  .push--small--15\/64 {
    margin-left: 23.4375%;
  }
  .small--16\/64 {
    width: 25%;
  }
  .push--small--16\/64 {
    margin-left: 25%;
  }
  .small--17\/64 {
    width: 26.5625%;
  }
  .push--small--17\/64 {
    margin-left: 26.5625%;
  }
  .small--18\/64 {
    width: 28.125%;
  }
  .push--small--18\/64 {
    margin-left: 28.125%;
  }
  .small--19\/64 {
    width: 29.6875%;
  }
  .push--small--19\/64 {
    margin-left: 29.6875%;
  }
  .small--20\/64 {
    width: 31.25%;
  }
  .push--small--20\/64 {
    margin-left: 31.25%;
  }
  .small--21\/64 {
    width: 32.8125%;
  }
  .push--small--21\/64 {
    margin-left: 32.8125%;
  }
  .small--22\/64 {
    width: 34.375%;
  }
  .push--small--22\/64 {
    margin-left: 34.375%;
  }
  .small--23\/64 {
    width: 35.9375%;
  }
  .push--small--23\/64 {
    margin-left: 35.9375%;
  }
  .small--24\/64 {
    width: 37.5%;
  }
  .push--small--24\/64 {
    margin-left: 37.5%;
  }
  .small--25\/64 {
    width: 39.0625%;
  }
  .push--small--25\/64 {
    margin-left: 39.0625%;
  }
  .small--26\/64 {
    width: 40.625%;
  }
  .push--small--26\/64 {
    margin-left: 40.625%;
  }
  .small--27\/64 {
    width: 42.1875%;
  }
  .push--small--27\/64 {
    margin-left: 42.1875%;
  }
  .small--28\/64 {
    width: 43.75%;
  }
  .push--small--28\/64 {
    margin-left: 43.75%;
  }
  .small--29\/64 {
    width: 45.3125%;
  }
  .push--small--29\/64 {
    margin-left: 45.3125%;
  }
  .small--30\/64 {
    width: 46.875%;
  }
  .push--small--30\/64 {
    margin-left: 46.875%;
  }
  .small--31\/64 {
    width: 48.4375%;
  }
  .push--small--31\/64 {
    margin-left: 48.4375%;
  }
  .small--32\/64 {
    width: 50%;
  }
  .push--small--32\/64 {
    margin-left: 50%;
  }
  .small--33\/64 {
    width: 51.5625%;
  }
  .push--small--33\/64 {
    margin-left: 51.5625%;
  }
  .small--34\/64 {
    width: 53.125%;
  }
  .push--small--34\/64 {
    margin-left: 53.125%;
  }
  .small--35\/64 {
    width: 54.6875%;
  }
  .push--small--35\/64 {
    margin-left: 54.6875%;
  }
  .small--36\/64 {
    width: 56.25%;
  }
  .push--small--36\/64 {
    margin-left: 56.25%;
  }
  .small--37\/64 {
    width: 57.8125%;
  }
  .push--small--37\/64 {
    margin-left: 57.8125%;
  }
  .small--38\/64 {
    width: 59.375%;
  }
  .push--small--38\/64 {
    margin-left: 59.375%;
  }
  .small--39\/64 {
    width: 60.9375%;
  }
  .push--small--39\/64 {
    margin-left: 60.9375%;
  }
  .small--40\/64 {
    width: 62.5%;
  }
  .push--small--40\/64 {
    margin-left: 62.5%;
  }
  .small--41\/64 {
    width: 64.0625%;
  }
  .push--small--41\/64 {
    margin-left: 64.0625%;
  }
  .small--42\/64 {
    width: 65.625%;
  }
  .push--small--42\/64 {
    margin-left: 65.625%;
  }
  .small--43\/64 {
    width: 67.1875%;
  }
  .push--small--43\/64 {
    margin-left: 67.1875%;
  }
  .small--44\/64 {
    width: 68.75%;
  }
  .push--small--44\/64 {
    margin-left: 68.75%;
  }
  .small--45\/64 {
    width: 70.3125%;
  }
  .push--small--45\/64 {
    margin-left: 70.3125%;
  }
  .small--46\/64 {
    width: 71.875%;
  }
  .push--small--46\/64 {
    margin-left: 71.875%;
  }
  .small--47\/64 {
    width: 73.4375%;
  }
  .push--small--47\/64 {
    margin-left: 73.4375%;
  }
  .small--48\/64 {
    width: 75%;
  }
  .push--small--48\/64 {
    margin-left: 75%;
  }
  .small--49\/64 {
    width: 76.5625%;
  }
  .push--small--49\/64 {
    margin-left: 76.5625%;
  }
  .small--50\/64 {
    width: 78.125%;
  }
  .push--small--50\/64 {
    margin-left: 78.125%;
  }
  .small--51\/64 {
    width: 79.6875%;
  }
  .push--small--51\/64 {
    margin-left: 79.6875%;
  }
  .small--52\/64 {
    width: 81.25%;
  }
  .push--small--52\/64 {
    margin-left: 81.25%;
  }
  .small--53\/64 {
    width: 82.8125%;
  }
  .push--small--53\/64 {
    margin-left: 82.8125%;
  }
  .small--54\/64 {
    width: 84.375%;
  }
  .push--small--54\/64 {
    margin-left: 84.375%;
  }
  .small--55\/64 {
    width: 85.9375%;
  }
  .push--small--55\/64 {
    margin-left: 85.9375%;
  }
  .small--56\/64 {
    width: 87.5%;
  }
  .push--small--56\/64 {
    margin-left: 87.5%;
  }
  .small--57\/64 {
    width: 89.0625%;
  }
  .push--small--57\/64 {
    margin-left: 89.0625%;
  }
  .small--58\/64 {
    width: 90.625%;
  }
  .push--small--58\/64 {
    margin-left: 90.625%;
  }
  .small--59\/64 {
    width: 92.1875%;
  }
  .push--small--59\/64 {
    margin-left: 92.1875%;
  }
  .small--60\/64 {
    width: 93.75%;
  }
  .push--small--60\/64 {
    margin-left: 93.75%;
  }
  .small--61\/64 {
    width: 95.3125%;
  }
  .push--small--61\/64 {
    margin-left: 95.3125%;
  }
  .small--62\/64 {
    width: 96.875%;
  }
  .push--small--62\/64 {
    margin-left: 96.875%;
  }
  .small--63\/64 {
    width: 98.4375%;
  }
  .push--small--63\/64 {
    margin-left: 98.4375%;
  }
}
@media screen and (min-width: 600px) {
  .medium--1\/1 {
    width: 100%;
  }
  .medium--1\/2 {
    width: 50%;
  }
  .push--medium--1\/2 {
    margin-left: 50%;
  }
  .medium--1\/3 {
    width: 33.3333333333%;
  }
  .push--medium--1\/3 {
    margin-left: 33.3333333333%;
  }
  .medium--2\/3 {
    width: 66.6666666667%;
  }
  .push--medium--2\/3 {
    margin-left: 66.6666666667%;
  }
  .medium--1\/4 {
    width: 25%;
  }
  .push--medium--1\/4 {
    margin-left: 25%;
  }
  .medium--2\/4 {
    width: 50%;
  }
  .push--medium--2\/4 {
    margin-left: 50%;
  }
  .medium--3\/4 {
    width: 75%;
  }
  .push--medium--3\/4 {
    margin-left: 75%;
  }
  .medium--1\/5 {
    width: 20%;
  }
  .push--medium--1\/5 {
    margin-left: 20%;
  }
  .medium--2\/5 {
    width: 40%;
  }
  .push--medium--2\/5 {
    margin-left: 40%;
  }
  .medium--3\/5 {
    width: 60%;
  }
  .push--medium--3\/5 {
    margin-left: 60%;
  }
  .medium--4\/5 {
    width: 80%;
  }
  .push--medium--4\/5 {
    margin-left: 80%;
  }
  .medium--1\/6 {
    width: 16.6666666667%;
  }
  .push--medium--1\/6 {
    margin-left: 16.6666666667%;
  }
  .medium--2\/6 {
    width: 33.3333333333%;
  }
  .push--medium--2\/6 {
    margin-left: 33.3333333333%;
  }
  .medium--3\/6 {
    width: 50%;
  }
  .push--medium--3\/6 {
    margin-left: 50%;
  }
  .medium--4\/6 {
    width: 66.6666666667%;
  }
  .push--medium--4\/6 {
    margin-left: 66.6666666667%;
  }
  .medium--5\/6 {
    width: 83.3333333333%;
  }
  .push--medium--5\/6 {
    margin-left: 83.3333333333%;
  }
  .medium--1\/12 {
    width: 8.3333333333%;
  }
  .push--medium--1\/12 {
    margin-left: 8.3333333333%;
  }
  .medium--2\/12 {
    width: 16.6666666667%;
  }
  .push--medium--2\/12 {
    margin-left: 16.6666666667%;
  }
  .medium--3\/12 {
    width: 25%;
  }
  .push--medium--3\/12 {
    margin-left: 25%;
  }
  .medium--4\/12 {
    width: 33.3333333333%;
  }
  .push--medium--4\/12 {
    margin-left: 33.3333333333%;
  }
  .medium--5\/12 {
    width: 41.6666666667%;
  }
  .push--medium--5\/12 {
    margin-left: 41.6666666667%;
  }
  .medium--6\/12 {
    width: 50%;
  }
  .push--medium--6\/12 {
    margin-left: 50%;
  }
  .medium--7\/12 {
    width: 58.3333333333%;
  }
  .push--medium--7\/12 {
    margin-left: 58.3333333333%;
  }
  .medium--8\/12 {
    width: 66.6666666667%;
  }
  .push--medium--8\/12 {
    margin-left: 66.6666666667%;
  }
  .medium--9\/12 {
    width: 75%;
  }
  .push--medium--9\/12 {
    margin-left: 75%;
  }
  .medium--10\/12 {
    width: 83.3333333333%;
  }
  .push--medium--10\/12 {
    margin-left: 83.3333333333%;
  }
  .medium--11\/12 {
    width: 91.6666666667%;
  }
  .push--medium--11\/12 {
    margin-left: 91.6666666667%;
  }
  .medium--1\/16 {
    width: 6.25%;
  }
  .push--medium--1\/16 {
    margin-left: 6.25%;
  }
  .medium--2\/16 {
    width: 12.5%;
  }
  .push--medium--2\/16 {
    margin-left: 12.5%;
  }
  .medium--3\/16 {
    width: 18.75%;
  }
  .push--medium--3\/16 {
    margin-left: 18.75%;
  }
  .medium--4\/16 {
    width: 25%;
  }
  .push--medium--4\/16 {
    margin-left: 25%;
  }
  .medium--5\/16 {
    width: 31.25%;
  }
  .push--medium--5\/16 {
    margin-left: 31.25%;
  }
  .medium--6\/16 {
    width: 37.5%;
  }
  .push--medium--6\/16 {
    margin-left: 37.5%;
  }
  .medium--7\/16 {
    width: 43.75%;
  }
  .push--medium--7\/16 {
    margin-left: 43.75%;
  }
  .medium--8\/16 {
    width: 50%;
  }
  .push--medium--8\/16 {
    margin-left: 50%;
  }
  .medium--9\/16 {
    width: 56.25%;
  }
  .push--medium--9\/16 {
    margin-left: 56.25%;
  }
  .medium--10\/16 {
    width: 62.5%;
  }
  .push--medium--10\/16 {
    margin-left: 62.5%;
  }
  .medium--11\/16 {
    width: 68.75%;
  }
  .push--medium--11\/16 {
    margin-left: 68.75%;
  }
  .medium--12\/16 {
    width: 75%;
  }
  .push--medium--12\/16 {
    margin-left: 75%;
  }
  .medium--13\/16 {
    width: 81.25%;
  }
  .push--medium--13\/16 {
    margin-left: 81.25%;
  }
  .medium--14\/16 {
    width: 87.5%;
  }
  .push--medium--14\/16 {
    margin-left: 87.5%;
  }
  .medium--15\/16 {
    width: 93.75%;
  }
  .push--medium--15\/16 {
    margin-left: 93.75%;
  }
  .medium--1\/32 {
    width: 3.125%;
  }
  .push--medium--1\/32 {
    margin-left: 3.125%;
  }
  .medium--2\/32 {
    width: 6.25%;
  }
  .push--medium--2\/32 {
    margin-left: 6.25%;
  }
  .medium--3\/32 {
    width: 9.375%;
  }
  .push--medium--3\/32 {
    margin-left: 9.375%;
  }
  .medium--4\/32 {
    width: 12.5%;
  }
  .push--medium--4\/32 {
    margin-left: 12.5%;
  }
  .medium--5\/32 {
    width: 15.625%;
  }
  .push--medium--5\/32 {
    margin-left: 15.625%;
  }
  .medium--6\/32 {
    width: 18.75%;
  }
  .push--medium--6\/32 {
    margin-left: 18.75%;
  }
  .medium--7\/32 {
    width: 21.875%;
  }
  .push--medium--7\/32 {
    margin-left: 21.875%;
  }
  .medium--8\/32 {
    width: 25%;
  }
  .push--medium--8\/32 {
    margin-left: 25%;
  }
  .medium--9\/32 {
    width: 28.125%;
  }
  .push--medium--9\/32 {
    margin-left: 28.125%;
  }
  .medium--10\/32 {
    width: 31.25%;
  }
  .push--medium--10\/32 {
    margin-left: 31.25%;
  }
  .medium--11\/32 {
    width: 34.375%;
  }
  .push--medium--11\/32 {
    margin-left: 34.375%;
  }
  .medium--12\/32 {
    width: 37.5%;
  }
  .push--medium--12\/32 {
    margin-left: 37.5%;
  }
  .medium--13\/32 {
    width: 40.625%;
  }
  .push--medium--13\/32 {
    margin-left: 40.625%;
  }
  .medium--14\/32 {
    width: 43.75%;
  }
  .push--medium--14\/32 {
    margin-left: 43.75%;
  }
  .medium--15\/32 {
    width: 46.875%;
  }
  .push--medium--15\/32 {
    margin-left: 46.875%;
  }
  .medium--16\/32 {
    width: 50%;
  }
  .push--medium--16\/32 {
    margin-left: 50%;
  }
  .medium--17\/32 {
    width: 53.125%;
  }
  .push--medium--17\/32 {
    margin-left: 53.125%;
  }
  .medium--18\/32 {
    width: 56.25%;
  }
  .push--medium--18\/32 {
    margin-left: 56.25%;
  }
  .medium--19\/32 {
    width: 59.375%;
  }
  .push--medium--19\/32 {
    margin-left: 59.375%;
  }
  .medium--20\/32 {
    width: 62.5%;
  }
  .push--medium--20\/32 {
    margin-left: 62.5%;
  }
  .medium--21\/32 {
    width: 65.625%;
  }
  .push--medium--21\/32 {
    margin-left: 65.625%;
  }
  .medium--22\/32 {
    width: 68.75%;
  }
  .push--medium--22\/32 {
    margin-left: 68.75%;
  }
  .medium--23\/32 {
    width: 71.875%;
  }
  .push--medium--23\/32 {
    margin-left: 71.875%;
  }
  .medium--24\/32 {
    width: 75%;
  }
  .push--medium--24\/32 {
    margin-left: 75%;
  }
  .medium--25\/32 {
    width: 78.125%;
  }
  .push--medium--25\/32 {
    margin-left: 78.125%;
  }
  .medium--26\/32 {
    width: 81.25%;
  }
  .push--medium--26\/32 {
    margin-left: 81.25%;
  }
  .medium--27\/32 {
    width: 84.375%;
  }
  .push--medium--27\/32 {
    margin-left: 84.375%;
  }
  .medium--28\/32 {
    width: 87.5%;
  }
  .push--medium--28\/32 {
    margin-left: 87.5%;
  }
  .medium--29\/32 {
    width: 90.625%;
  }
  .push--medium--29\/32 {
    margin-left: 90.625%;
  }
  .medium--30\/32 {
    width: 93.75%;
  }
  .push--medium--30\/32 {
    margin-left: 93.75%;
  }
  .medium--31\/32 {
    width: 96.875%;
  }
  .push--medium--31\/32 {
    margin-left: 96.875%;
  }
  .medium--1\/64 {
    width: 1.5625%;
  }
  .push--medium--1\/64 {
    margin-left: 1.5625%;
  }
  .medium--2\/64 {
    width: 3.125%;
  }
  .push--medium--2\/64 {
    margin-left: 3.125%;
  }
  .medium--3\/64 {
    width: 4.6875%;
  }
  .push--medium--3\/64 {
    margin-left: 4.6875%;
  }
  .medium--4\/64 {
    width: 6.25%;
  }
  .push--medium--4\/64 {
    margin-left: 6.25%;
  }
  .medium--5\/64 {
    width: 7.8125%;
  }
  .push--medium--5\/64 {
    margin-left: 7.8125%;
  }
  .medium--6\/64 {
    width: 9.375%;
  }
  .push--medium--6\/64 {
    margin-left: 9.375%;
  }
  .medium--7\/64 {
    width: 10.9375%;
  }
  .push--medium--7\/64 {
    margin-left: 10.9375%;
  }
  .medium--8\/64 {
    width: 12.5%;
  }
  .push--medium--8\/64 {
    margin-left: 12.5%;
  }
  .medium--9\/64 {
    width: 14.0625%;
  }
  .push--medium--9\/64 {
    margin-left: 14.0625%;
  }
  .medium--10\/64 {
    width: 15.625%;
  }
  .push--medium--10\/64 {
    margin-left: 15.625%;
  }
  .medium--11\/64 {
    width: 17.1875%;
  }
  .push--medium--11\/64 {
    margin-left: 17.1875%;
  }
  .medium--12\/64 {
    width: 18.75%;
  }
  .push--medium--12\/64 {
    margin-left: 18.75%;
  }
  .medium--13\/64 {
    width: 20.3125%;
  }
  .push--medium--13\/64 {
    margin-left: 20.3125%;
  }
  .medium--14\/64 {
    width: 21.875%;
  }
  .push--medium--14\/64 {
    margin-left: 21.875%;
  }
  .medium--15\/64 {
    width: 23.4375%;
  }
  .push--medium--15\/64 {
    margin-left: 23.4375%;
  }
  .medium--16\/64 {
    width: 25%;
  }
  .push--medium--16\/64 {
    margin-left: 25%;
  }
  .medium--17\/64 {
    width: 26.5625%;
  }
  .push--medium--17\/64 {
    margin-left: 26.5625%;
  }
  .medium--18\/64 {
    width: 28.125%;
  }
  .push--medium--18\/64 {
    margin-left: 28.125%;
  }
  .medium--19\/64 {
    width: 29.6875%;
  }
  .push--medium--19\/64 {
    margin-left: 29.6875%;
  }
  .medium--20\/64 {
    width: 31.25%;
  }
  .push--medium--20\/64 {
    margin-left: 31.25%;
  }
  .medium--21\/64 {
    width: 32.8125%;
  }
  .push--medium--21\/64 {
    margin-left: 32.8125%;
  }
  .medium--22\/64 {
    width: 34.375%;
  }
  .push--medium--22\/64 {
    margin-left: 34.375%;
  }
  .medium--23\/64 {
    width: 35.9375%;
  }
  .push--medium--23\/64 {
    margin-left: 35.9375%;
  }
  .medium--24\/64 {
    width: 37.5%;
  }
  .push--medium--24\/64 {
    margin-left: 37.5%;
  }
  .medium--25\/64 {
    width: 39.0625%;
  }
  .push--medium--25\/64 {
    margin-left: 39.0625%;
  }
  .medium--26\/64 {
    width: 40.625%;
  }
  .push--medium--26\/64 {
    margin-left: 40.625%;
  }
  .medium--27\/64 {
    width: 42.1875%;
  }
  .push--medium--27\/64 {
    margin-left: 42.1875%;
  }
  .medium--28\/64 {
    width: 43.75%;
  }
  .push--medium--28\/64 {
    margin-left: 43.75%;
  }
  .medium--29\/64 {
    width: 45.3125%;
  }
  .push--medium--29\/64 {
    margin-left: 45.3125%;
  }
  .medium--30\/64 {
    width: 46.875%;
  }
  .push--medium--30\/64 {
    margin-left: 46.875%;
  }
  .medium--31\/64 {
    width: 48.4375%;
  }
  .push--medium--31\/64 {
    margin-left: 48.4375%;
  }
  .medium--32\/64 {
    width: 50%;
  }
  .push--medium--32\/64 {
    margin-left: 50%;
  }
  .medium--33\/64 {
    width: 51.5625%;
  }
  .push--medium--33\/64 {
    margin-left: 51.5625%;
  }
  .medium--34\/64 {
    width: 53.125%;
  }
  .push--medium--34\/64 {
    margin-left: 53.125%;
  }
  .medium--35\/64 {
    width: 54.6875%;
  }
  .push--medium--35\/64 {
    margin-left: 54.6875%;
  }
  .medium--36\/64 {
    width: 56.25%;
  }
  .push--medium--36\/64 {
    margin-left: 56.25%;
  }
  .medium--37\/64 {
    width: 57.8125%;
  }
  .push--medium--37\/64 {
    margin-left: 57.8125%;
  }
  .medium--38\/64 {
    width: 59.375%;
  }
  .push--medium--38\/64 {
    margin-left: 59.375%;
  }
  .medium--39\/64 {
    width: 60.9375%;
  }
  .push--medium--39\/64 {
    margin-left: 60.9375%;
  }
  .medium--40\/64 {
    width: 62.5%;
  }
  .push--medium--40\/64 {
    margin-left: 62.5%;
  }
  .medium--41\/64 {
    width: 64.0625%;
  }
  .push--medium--41\/64 {
    margin-left: 64.0625%;
  }
  .medium--42\/64 {
    width: 65.625%;
  }
  .push--medium--42\/64 {
    margin-left: 65.625%;
  }
  .medium--43\/64 {
    width: 67.1875%;
  }
  .push--medium--43\/64 {
    margin-left: 67.1875%;
  }
  .medium--44\/64 {
    width: 68.75%;
  }
  .push--medium--44\/64 {
    margin-left: 68.75%;
  }
  .medium--45\/64 {
    width: 70.3125%;
  }
  .push--medium--45\/64 {
    margin-left: 70.3125%;
  }
  .medium--46\/64 {
    width: 71.875%;
  }
  .push--medium--46\/64 {
    margin-left: 71.875%;
  }
  .medium--47\/64 {
    width: 73.4375%;
  }
  .push--medium--47\/64 {
    margin-left: 73.4375%;
  }
  .medium--48\/64 {
    width: 75%;
  }
  .push--medium--48\/64 {
    margin-left: 75%;
  }
  .medium--49\/64 {
    width: 76.5625%;
  }
  .push--medium--49\/64 {
    margin-left: 76.5625%;
  }
  .medium--50\/64 {
    width: 78.125%;
  }
  .push--medium--50\/64 {
    margin-left: 78.125%;
  }
  .medium--51\/64 {
    width: 79.6875%;
  }
  .push--medium--51\/64 {
    margin-left: 79.6875%;
  }
  .medium--52\/64 {
    width: 81.25%;
  }
  .push--medium--52\/64 {
    margin-left: 81.25%;
  }
  .medium--53\/64 {
    width: 82.8125%;
  }
  .push--medium--53\/64 {
    margin-left: 82.8125%;
  }
  .medium--54\/64 {
    width: 84.375%;
  }
  .push--medium--54\/64 {
    margin-left: 84.375%;
  }
  .medium--55\/64 {
    width: 85.9375%;
  }
  .push--medium--55\/64 {
    margin-left: 85.9375%;
  }
  .medium--56\/64 {
    width: 87.5%;
  }
  .push--medium--56\/64 {
    margin-left: 87.5%;
  }
  .medium--57\/64 {
    width: 89.0625%;
  }
  .push--medium--57\/64 {
    margin-left: 89.0625%;
  }
  .medium--58\/64 {
    width: 90.625%;
  }
  .push--medium--58\/64 {
    margin-left: 90.625%;
  }
  .medium--59\/64 {
    width: 92.1875%;
  }
  .push--medium--59\/64 {
    margin-left: 92.1875%;
  }
  .medium--60\/64 {
    width: 93.75%;
  }
  .push--medium--60\/64 {
    margin-left: 93.75%;
  }
  .medium--61\/64 {
    width: 95.3125%;
  }
  .push--medium--61\/64 {
    margin-left: 95.3125%;
  }
  .medium--62\/64 {
    width: 96.875%;
  }
  .push--medium--62\/64 {
    margin-left: 96.875%;
  }
  .medium--63\/64 {
    width: 98.4375%;
  }
  .push--medium--63\/64 {
    margin-left: 98.4375%;
  }
}
@media screen and (min-width: 740px) {
  .large--1\/1 {
    width: 100%;
  }
  .large--1\/2 {
    width: 50%;
  }
  .push--large--1\/2 {
    margin-left: 50%;
  }
  .large--1\/3 {
    width: 33.3333333333%;
  }
  .push--large--1\/3 {
    margin-left: 33.3333333333%;
  }
  .large--2\/3 {
    width: 66.6666666667%;
  }
  .push--large--2\/3 {
    margin-left: 66.6666666667%;
  }
  .large--1\/4 {
    width: 25%;
  }
  .push--large--1\/4 {
    margin-left: 25%;
  }
  .large--2\/4 {
    width: 50%;
  }
  .push--large--2\/4 {
    margin-left: 50%;
  }
  .large--3\/4 {
    width: 75%;
  }
  .push--large--3\/4 {
    margin-left: 75%;
  }
  .large--1\/5 {
    width: 20%;
  }
  .push--large--1\/5 {
    margin-left: 20%;
  }
  .large--2\/5 {
    width: 40%;
  }
  .push--large--2\/5 {
    margin-left: 40%;
  }
  .large--3\/5 {
    width: 60%;
  }
  .push--large--3\/5 {
    margin-left: 60%;
  }
  .large--4\/5 {
    width: 80%;
  }
  .push--large--4\/5 {
    margin-left: 80%;
  }
  .large--1\/6 {
    width: 16.6666666667%;
  }
  .push--large--1\/6 {
    margin-left: 16.6666666667%;
  }
  .large--2\/6 {
    width: 33.3333333333%;
  }
  .push--large--2\/6 {
    margin-left: 33.3333333333%;
  }
  .large--3\/6 {
    width: 50%;
  }
  .push--large--3\/6 {
    margin-left: 50%;
  }
  .large--4\/6 {
    width: 66.6666666667%;
  }
  .push--large--4\/6 {
    margin-left: 66.6666666667%;
  }
  .large--5\/6 {
    width: 83.3333333333%;
  }
  .push--large--5\/6 {
    margin-left: 83.3333333333%;
  }
  .large--1\/12 {
    width: 8.3333333333%;
  }
  .push--large--1\/12 {
    margin-left: 8.3333333333%;
  }
  .large--2\/12 {
    width: 16.6666666667%;
  }
  .push--large--2\/12 {
    margin-left: 16.6666666667%;
  }
  .large--3\/12 {
    width: 25%;
  }
  .push--large--3\/12 {
    margin-left: 25%;
  }
  .large--4\/12 {
    width: 33.3333333333%;
  }
  .push--large--4\/12 {
    margin-left: 33.3333333333%;
  }
  .large--5\/12 {
    width: 41.6666666667%;
  }
  .push--large--5\/12 {
    margin-left: 41.6666666667%;
  }
  .large--6\/12 {
    width: 50%;
  }
  .push--large--6\/12 {
    margin-left: 50%;
  }
  .large--7\/12 {
    width: 58.3333333333%;
  }
  .push--large--7\/12 {
    margin-left: 58.3333333333%;
  }
  .large--8\/12 {
    width: 66.6666666667%;
  }
  .push--large--8\/12 {
    margin-left: 66.6666666667%;
  }
  .large--9\/12 {
    width: 75%;
  }
  .push--large--9\/12 {
    margin-left: 75%;
  }
  .large--10\/12 {
    width: 83.3333333333%;
  }
  .push--large--10\/12 {
    margin-left: 83.3333333333%;
  }
  .large--11\/12 {
    width: 91.6666666667%;
  }
  .push--large--11\/12 {
    margin-left: 91.6666666667%;
  }
  .large--1\/16 {
    width: 6.25%;
  }
  .push--large--1\/16 {
    margin-left: 6.25%;
  }
  .large--2\/16 {
    width: 12.5%;
  }
  .push--large--2\/16 {
    margin-left: 12.5%;
  }
  .large--3\/16 {
    width: 18.75%;
  }
  .push--large--3\/16 {
    margin-left: 18.75%;
  }
  .large--4\/16 {
    width: 25%;
  }
  .push--large--4\/16 {
    margin-left: 25%;
  }
  .large--5\/16 {
    width: 31.25%;
  }
  .push--large--5\/16 {
    margin-left: 31.25%;
  }
  .large--6\/16 {
    width: 37.5%;
  }
  .push--large--6\/16 {
    margin-left: 37.5%;
  }
  .large--7\/16 {
    width: 43.75%;
  }
  .push--large--7\/16 {
    margin-left: 43.75%;
  }
  .large--8\/16 {
    width: 50%;
  }
  .push--large--8\/16 {
    margin-left: 50%;
  }
  .large--9\/16 {
    width: 56.25%;
  }
  .push--large--9\/16 {
    margin-left: 56.25%;
  }
  .large--10\/16 {
    width: 62.5%;
  }
  .push--large--10\/16 {
    margin-left: 62.5%;
  }
  .large--11\/16 {
    width: 68.75%;
  }
  .push--large--11\/16 {
    margin-left: 68.75%;
  }
  .large--12\/16 {
    width: 75%;
  }
  .push--large--12\/16 {
    margin-left: 75%;
  }
  .large--13\/16 {
    width: 81.25%;
  }
  .push--large--13\/16 {
    margin-left: 81.25%;
  }
  .large--14\/16 {
    width: 87.5%;
  }
  .push--large--14\/16 {
    margin-left: 87.5%;
  }
  .large--15\/16 {
    width: 93.75%;
  }
  .push--large--15\/16 {
    margin-left: 93.75%;
  }
  .large--1\/32 {
    width: 3.125%;
  }
  .push--large--1\/32 {
    margin-left: 3.125%;
  }
  .large--2\/32 {
    width: 6.25%;
  }
  .push--large--2\/32 {
    margin-left: 6.25%;
  }
  .large--3\/32 {
    width: 9.375%;
  }
  .push--large--3\/32 {
    margin-left: 9.375%;
  }
  .large--4\/32 {
    width: 12.5%;
  }
  .push--large--4\/32 {
    margin-left: 12.5%;
  }
  .large--5\/32 {
    width: 15.625%;
  }
  .push--large--5\/32 {
    margin-left: 15.625%;
  }
  .large--6\/32 {
    width: 18.75%;
  }
  .push--large--6\/32 {
    margin-left: 18.75%;
  }
  .large--7\/32 {
    width: 21.875%;
  }
  .push--large--7\/32 {
    margin-left: 21.875%;
  }
  .large--8\/32 {
    width: 25%;
  }
  .push--large--8\/32 {
    margin-left: 25%;
  }
  .large--9\/32 {
    width: 28.125%;
  }
  .push--large--9\/32 {
    margin-left: 28.125%;
  }
  .large--10\/32 {
    width: 31.25%;
  }
  .push--large--10\/32 {
    margin-left: 31.25%;
  }
  .large--11\/32 {
    width: 34.375%;
  }
  .push--large--11\/32 {
    margin-left: 34.375%;
  }
  .large--12\/32 {
    width: 37.5%;
  }
  .push--large--12\/32 {
    margin-left: 37.5%;
  }
  .large--13\/32 {
    width: 40.625%;
  }
  .push--large--13\/32 {
    margin-left: 40.625%;
  }
  .large--14\/32 {
    width: 43.75%;
  }
  .push--large--14\/32 {
    margin-left: 43.75%;
  }
  .large--15\/32 {
    width: 46.875%;
  }
  .push--large--15\/32 {
    margin-left: 46.875%;
  }
  .large--16\/32 {
    width: 50%;
  }
  .push--large--16\/32 {
    margin-left: 50%;
  }
  .large--17\/32 {
    width: 53.125%;
  }
  .push--large--17\/32 {
    margin-left: 53.125%;
  }
  .large--18\/32 {
    width: 56.25%;
  }
  .push--large--18\/32 {
    margin-left: 56.25%;
  }
  .large--19\/32 {
    width: 59.375%;
  }
  .push--large--19\/32 {
    margin-left: 59.375%;
  }
  .large--20\/32 {
    width: 62.5%;
  }
  .push--large--20\/32 {
    margin-left: 62.5%;
  }
  .large--21\/32 {
    width: 65.625%;
  }
  .push--large--21\/32 {
    margin-left: 65.625%;
  }
  .large--22\/32 {
    width: 68.75%;
  }
  .push--large--22\/32 {
    margin-left: 68.75%;
  }
  .large--23\/32 {
    width: 71.875%;
  }
  .push--large--23\/32 {
    margin-left: 71.875%;
  }
  .large--24\/32 {
    width: 75%;
  }
  .push--large--24\/32 {
    margin-left: 75%;
  }
  .large--25\/32 {
    width: 78.125%;
  }
  .push--large--25\/32 {
    margin-left: 78.125%;
  }
  .large--26\/32 {
    width: 81.25%;
  }
  .push--large--26\/32 {
    margin-left: 81.25%;
  }
  .large--27\/32 {
    width: 84.375%;
  }
  .push--large--27\/32 {
    margin-left: 84.375%;
  }
  .large--28\/32 {
    width: 87.5%;
  }
  .push--large--28\/32 {
    margin-left: 87.5%;
  }
  .large--29\/32 {
    width: 90.625%;
  }
  .push--large--29\/32 {
    margin-left: 90.625%;
  }
  .large--30\/32 {
    width: 93.75%;
  }
  .push--large--30\/32 {
    margin-left: 93.75%;
  }
  .large--31\/32 {
    width: 96.875%;
  }
  .push--large--31\/32 {
    margin-left: 96.875%;
  }
  .large--1\/64 {
    width: 1.5625%;
  }
  .push--large--1\/64 {
    margin-left: 1.5625%;
  }
  .large--2\/64 {
    width: 3.125%;
  }
  .push--large--2\/64 {
    margin-left: 3.125%;
  }
  .large--3\/64 {
    width: 4.6875%;
  }
  .push--large--3\/64 {
    margin-left: 4.6875%;
  }
  .large--4\/64 {
    width: 6.25%;
  }
  .push--large--4\/64 {
    margin-left: 6.25%;
  }
  .large--5\/64 {
    width: 7.8125%;
  }
  .push--large--5\/64 {
    margin-left: 7.8125%;
  }
  .large--6\/64 {
    width: 9.375%;
  }
  .push--large--6\/64 {
    margin-left: 9.375%;
  }
  .large--7\/64 {
    width: 10.9375%;
  }
  .push--large--7\/64 {
    margin-left: 10.9375%;
  }
  .large--8\/64 {
    width: 12.5%;
  }
  .push--large--8\/64 {
    margin-left: 12.5%;
  }
  .large--9\/64 {
    width: 14.0625%;
  }
  .push--large--9\/64 {
    margin-left: 14.0625%;
  }
  .large--10\/64 {
    width: 15.625%;
  }
  .push--large--10\/64 {
    margin-left: 15.625%;
  }
  .large--11\/64 {
    width: 17.1875%;
  }
  .push--large--11\/64 {
    margin-left: 17.1875%;
  }
  .large--12\/64 {
    width: 18.75%;
  }
  .push--large--12\/64 {
    margin-left: 18.75%;
  }
  .large--13\/64 {
    width: 20.3125%;
  }
  .push--large--13\/64 {
    margin-left: 20.3125%;
  }
  .large--14\/64 {
    width: 21.875%;
  }
  .push--large--14\/64 {
    margin-left: 21.875%;
  }
  .large--15\/64 {
    width: 23.4375%;
  }
  .push--large--15\/64 {
    margin-left: 23.4375%;
  }
  .large--16\/64 {
    width: 25%;
  }
  .push--large--16\/64 {
    margin-left: 25%;
  }
  .large--17\/64 {
    width: 26.5625%;
  }
  .push--large--17\/64 {
    margin-left: 26.5625%;
  }
  .large--18\/64 {
    width: 28.125%;
  }
  .push--large--18\/64 {
    margin-left: 28.125%;
  }
  .large--19\/64 {
    width: 29.6875%;
  }
  .push--large--19\/64 {
    margin-left: 29.6875%;
  }
  .large--20\/64 {
    width: 31.25%;
  }
  .push--large--20\/64 {
    margin-left: 31.25%;
  }
  .large--21\/64 {
    width: 32.8125%;
  }
  .push--large--21\/64 {
    margin-left: 32.8125%;
  }
  .large--22\/64 {
    width: 34.375%;
  }
  .push--large--22\/64 {
    margin-left: 34.375%;
  }
  .large--23\/64 {
    width: 35.9375%;
  }
  .push--large--23\/64 {
    margin-left: 35.9375%;
  }
  .large--24\/64 {
    width: 37.5%;
  }
  .push--large--24\/64 {
    margin-left: 37.5%;
  }
  .large--25\/64 {
    width: 39.0625%;
  }
  .push--large--25\/64 {
    margin-left: 39.0625%;
  }
  .large--26\/64 {
    width: 40.625%;
  }
  .push--large--26\/64 {
    margin-left: 40.625%;
  }
  .large--27\/64 {
    width: 42.1875%;
  }
  .push--large--27\/64 {
    margin-left: 42.1875%;
  }
  .large--28\/64 {
    width: 43.75%;
  }
  .push--large--28\/64 {
    margin-left: 43.75%;
  }
  .large--29\/64 {
    width: 45.3125%;
  }
  .push--large--29\/64 {
    margin-left: 45.3125%;
  }
  .large--30\/64 {
    width: 46.875%;
  }
  .push--large--30\/64 {
    margin-left: 46.875%;
  }
  .large--31\/64 {
    width: 48.4375%;
  }
  .push--large--31\/64 {
    margin-left: 48.4375%;
  }
  .large--32\/64 {
    width: 50%;
  }
  .push--large--32\/64 {
    margin-left: 50%;
  }
  .large--33\/64 {
    width: 51.5625%;
  }
  .push--large--33\/64 {
    margin-left: 51.5625%;
  }
  .large--34\/64 {
    width: 53.125%;
  }
  .push--large--34\/64 {
    margin-left: 53.125%;
  }
  .large--35\/64 {
    width: 54.6875%;
  }
  .push--large--35\/64 {
    margin-left: 54.6875%;
  }
  .large--36\/64 {
    width: 56.25%;
  }
  .push--large--36\/64 {
    margin-left: 56.25%;
  }
  .large--37\/64 {
    width: 57.8125%;
  }
  .push--large--37\/64 {
    margin-left: 57.8125%;
  }
  .large--38\/64 {
    width: 59.375%;
  }
  .push--large--38\/64 {
    margin-left: 59.375%;
  }
  .large--39\/64 {
    width: 60.9375%;
  }
  .push--large--39\/64 {
    margin-left: 60.9375%;
  }
  .large--40\/64 {
    width: 62.5%;
  }
  .push--large--40\/64 {
    margin-left: 62.5%;
  }
  .large--41\/64 {
    width: 64.0625%;
  }
  .push--large--41\/64 {
    margin-left: 64.0625%;
  }
  .large--42\/64 {
    width: 65.625%;
  }
  .push--large--42\/64 {
    margin-left: 65.625%;
  }
  .large--43\/64 {
    width: 67.1875%;
  }
  .push--large--43\/64 {
    margin-left: 67.1875%;
  }
  .large--44\/64 {
    width: 68.75%;
  }
  .push--large--44\/64 {
    margin-left: 68.75%;
  }
  .large--45\/64 {
    width: 70.3125%;
  }
  .push--large--45\/64 {
    margin-left: 70.3125%;
  }
  .large--46\/64 {
    width: 71.875%;
  }
  .push--large--46\/64 {
    margin-left: 71.875%;
  }
  .large--47\/64 {
    width: 73.4375%;
  }
  .push--large--47\/64 {
    margin-left: 73.4375%;
  }
  .large--48\/64 {
    width: 75%;
  }
  .push--large--48\/64 {
    margin-left: 75%;
  }
  .large--49\/64 {
    width: 76.5625%;
  }
  .push--large--49\/64 {
    margin-left: 76.5625%;
  }
  .large--50\/64 {
    width: 78.125%;
  }
  .push--large--50\/64 {
    margin-left: 78.125%;
  }
  .large--51\/64 {
    width: 79.6875%;
  }
  .push--large--51\/64 {
    margin-left: 79.6875%;
  }
  .large--52\/64 {
    width: 81.25%;
  }
  .push--large--52\/64 {
    margin-left: 81.25%;
  }
  .large--53\/64 {
    width: 82.8125%;
  }
  .push--large--53\/64 {
    margin-left: 82.8125%;
  }
  .large--54\/64 {
    width: 84.375%;
  }
  .push--large--54\/64 {
    margin-left: 84.375%;
  }
  .large--55\/64 {
    width: 85.9375%;
  }
  .push--large--55\/64 {
    margin-left: 85.9375%;
  }
  .large--56\/64 {
    width: 87.5%;
  }
  .push--large--56\/64 {
    margin-left: 87.5%;
  }
  .large--57\/64 {
    width: 89.0625%;
  }
  .push--large--57\/64 {
    margin-left: 89.0625%;
  }
  .large--58\/64 {
    width: 90.625%;
  }
  .push--large--58\/64 {
    margin-left: 90.625%;
  }
  .large--59\/64 {
    width: 92.1875%;
  }
  .push--large--59\/64 {
    margin-left: 92.1875%;
  }
  .large--60\/64 {
    width: 93.75%;
  }
  .push--large--60\/64 {
    margin-left: 93.75%;
  }
  .large--61\/64 {
    width: 95.3125%;
  }
  .push--large--61\/64 {
    margin-left: 95.3125%;
  }
  .large--62\/64 {
    width: 96.875%;
  }
  .push--large--62\/64 {
    margin-left: 96.875%;
  }
  .large--63\/64 {
    width: 98.4375%;
  }
  .push--large--63\/64 {
    margin-left: 98.4375%;
  }
}
@media screen and (min-width: 1036px) {
  .larger--1\/1 {
    width: 100%;
  }
  .larger--1\/2 {
    width: 50%;
  }
  .push--larger--1\/2 {
    margin-left: 50%;
  }
  .larger--1\/3 {
    width: 33.3333333333%;
  }
  .push--larger--1\/3 {
    margin-left: 33.3333333333%;
  }
  .larger--2\/3 {
    width: 66.6666666667%;
  }
  .push--larger--2\/3 {
    margin-left: 66.6666666667%;
  }
  .larger--1\/4 {
    width: 25%;
  }
  .push--larger--1\/4 {
    margin-left: 25%;
  }
  .larger--2\/4 {
    width: 50%;
  }
  .push--larger--2\/4 {
    margin-left: 50%;
  }
  .larger--3\/4 {
    width: 75%;
  }
  .push--larger--3\/4 {
    margin-left: 75%;
  }
  .larger--1\/5 {
    width: 20%;
  }
  .push--larger--1\/5 {
    margin-left: 20%;
  }
  .larger--2\/5 {
    width: 40%;
  }
  .push--larger--2\/5 {
    margin-left: 40%;
  }
  .larger--3\/5 {
    width: 60%;
  }
  .push--larger--3\/5 {
    margin-left: 60%;
  }
  .larger--4\/5 {
    width: 80%;
  }
  .push--larger--4\/5 {
    margin-left: 80%;
  }
  .larger--1\/6 {
    width: 16.6666666667%;
  }
  .push--larger--1\/6 {
    margin-left: 16.6666666667%;
  }
  .larger--2\/6 {
    width: 33.3333333333%;
  }
  .push--larger--2\/6 {
    margin-left: 33.3333333333%;
  }
  .larger--3\/6 {
    width: 50%;
  }
  .push--larger--3\/6 {
    margin-left: 50%;
  }
  .larger--4\/6 {
    width: 66.6666666667%;
  }
  .push--larger--4\/6 {
    margin-left: 66.6666666667%;
  }
  .larger--5\/6 {
    width: 83.3333333333%;
  }
  .push--larger--5\/6 {
    margin-left: 83.3333333333%;
  }
  .larger--1\/12 {
    width: 8.3333333333%;
  }
  .push--larger--1\/12 {
    margin-left: 8.3333333333%;
  }
  .larger--2\/12 {
    width: 16.6666666667%;
  }
  .push--larger--2\/12 {
    margin-left: 16.6666666667%;
  }
  .larger--3\/12 {
    width: 25%;
  }
  .push--larger--3\/12 {
    margin-left: 25%;
  }
  .larger--4\/12 {
    width: 33.3333333333%;
  }
  .push--larger--4\/12 {
    margin-left: 33.3333333333%;
  }
  .larger--5\/12 {
    width: 41.6666666667%;
  }
  .push--larger--5\/12 {
    margin-left: 41.6666666667%;
  }
  .larger--6\/12 {
    width: 50%;
  }
  .push--larger--6\/12 {
    margin-left: 50%;
  }
  .larger--7\/12 {
    width: 58.3333333333%;
  }
  .push--larger--7\/12 {
    margin-left: 58.3333333333%;
  }
  .larger--8\/12 {
    width: 66.6666666667%;
  }
  .push--larger--8\/12 {
    margin-left: 66.6666666667%;
  }
  .larger--9\/12 {
    width: 75%;
  }
  .push--larger--9\/12 {
    margin-left: 75%;
  }
  .larger--10\/12 {
    width: 83.3333333333%;
  }
  .push--larger--10\/12 {
    margin-left: 83.3333333333%;
  }
  .larger--11\/12 {
    width: 91.6666666667%;
  }
  .push--larger--11\/12 {
    margin-left: 91.6666666667%;
  }
  .larger--1\/16 {
    width: 6.25%;
  }
  .push--larger--1\/16 {
    margin-left: 6.25%;
  }
  .larger--2\/16 {
    width: 12.5%;
  }
  .push--larger--2\/16 {
    margin-left: 12.5%;
  }
  .larger--3\/16 {
    width: 18.75%;
  }
  .push--larger--3\/16 {
    margin-left: 18.75%;
  }
  .larger--4\/16 {
    width: 25%;
  }
  .push--larger--4\/16 {
    margin-left: 25%;
  }
  .larger--5\/16 {
    width: 31.25%;
  }
  .push--larger--5\/16 {
    margin-left: 31.25%;
  }
  .larger--6\/16 {
    width: 37.5%;
  }
  .push--larger--6\/16 {
    margin-left: 37.5%;
  }
  .larger--7\/16 {
    width: 43.75%;
  }
  .push--larger--7\/16 {
    margin-left: 43.75%;
  }
  .larger--8\/16 {
    width: 50%;
  }
  .push--larger--8\/16 {
    margin-left: 50%;
  }
  .larger--9\/16 {
    width: 56.25%;
  }
  .push--larger--9\/16 {
    margin-left: 56.25%;
  }
  .larger--10\/16 {
    width: 62.5%;
  }
  .push--larger--10\/16 {
    margin-left: 62.5%;
  }
  .larger--11\/16 {
    width: 68.75%;
  }
  .push--larger--11\/16 {
    margin-left: 68.75%;
  }
  .larger--12\/16 {
    width: 75%;
  }
  .push--larger--12\/16 {
    margin-left: 75%;
  }
  .larger--13\/16 {
    width: 81.25%;
  }
  .push--larger--13\/16 {
    margin-left: 81.25%;
  }
  .larger--14\/16 {
    width: 87.5%;
  }
  .push--larger--14\/16 {
    margin-left: 87.5%;
  }
  .larger--15\/16 {
    width: 93.75%;
  }
  .push--larger--15\/16 {
    margin-left: 93.75%;
  }
  .larger--1\/32 {
    width: 3.125%;
  }
  .push--larger--1\/32 {
    margin-left: 3.125%;
  }
  .larger--2\/32 {
    width: 6.25%;
  }
  .push--larger--2\/32 {
    margin-left: 6.25%;
  }
  .larger--3\/32 {
    width: 9.375%;
  }
  .push--larger--3\/32 {
    margin-left: 9.375%;
  }
  .larger--4\/32 {
    width: 12.5%;
  }
  .push--larger--4\/32 {
    margin-left: 12.5%;
  }
  .larger--5\/32 {
    width: 15.625%;
  }
  .push--larger--5\/32 {
    margin-left: 15.625%;
  }
  .larger--6\/32 {
    width: 18.75%;
  }
  .push--larger--6\/32 {
    margin-left: 18.75%;
  }
  .larger--7\/32 {
    width: 21.875%;
  }
  .push--larger--7\/32 {
    margin-left: 21.875%;
  }
  .larger--8\/32 {
    width: 25%;
  }
  .push--larger--8\/32 {
    margin-left: 25%;
  }
  .larger--9\/32 {
    width: 28.125%;
  }
  .push--larger--9\/32 {
    margin-left: 28.125%;
  }
  .larger--10\/32 {
    width: 31.25%;
  }
  .push--larger--10\/32 {
    margin-left: 31.25%;
  }
  .larger--11\/32 {
    width: 34.375%;
  }
  .push--larger--11\/32 {
    margin-left: 34.375%;
  }
  .larger--12\/32 {
    width: 37.5%;
  }
  .push--larger--12\/32 {
    margin-left: 37.5%;
  }
  .larger--13\/32 {
    width: 40.625%;
  }
  .push--larger--13\/32 {
    margin-left: 40.625%;
  }
  .larger--14\/32 {
    width: 43.75%;
  }
  .push--larger--14\/32 {
    margin-left: 43.75%;
  }
  .larger--15\/32 {
    width: 46.875%;
  }
  .push--larger--15\/32 {
    margin-left: 46.875%;
  }
  .larger--16\/32 {
    width: 50%;
  }
  .push--larger--16\/32 {
    margin-left: 50%;
  }
  .larger--17\/32 {
    width: 53.125%;
  }
  .push--larger--17\/32 {
    margin-left: 53.125%;
  }
  .larger--18\/32 {
    width: 56.25%;
  }
  .push--larger--18\/32 {
    margin-left: 56.25%;
  }
  .larger--19\/32 {
    width: 59.375%;
  }
  .push--larger--19\/32 {
    margin-left: 59.375%;
  }
  .larger--20\/32 {
    width: 62.5%;
  }
  .push--larger--20\/32 {
    margin-left: 62.5%;
  }
  .larger--21\/32 {
    width: 65.625%;
  }
  .push--larger--21\/32 {
    margin-left: 65.625%;
  }
  .larger--22\/32 {
    width: 68.75%;
  }
  .push--larger--22\/32 {
    margin-left: 68.75%;
  }
  .larger--23\/32 {
    width: 71.875%;
  }
  .push--larger--23\/32 {
    margin-left: 71.875%;
  }
  .larger--24\/32 {
    width: 75%;
  }
  .push--larger--24\/32 {
    margin-left: 75%;
  }
  .larger--25\/32 {
    width: 78.125%;
  }
  .push--larger--25\/32 {
    margin-left: 78.125%;
  }
  .larger--26\/32 {
    width: 81.25%;
  }
  .push--larger--26\/32 {
    margin-left: 81.25%;
  }
  .larger--27\/32 {
    width: 84.375%;
  }
  .push--larger--27\/32 {
    margin-left: 84.375%;
  }
  .larger--28\/32 {
    width: 87.5%;
  }
  .push--larger--28\/32 {
    margin-left: 87.5%;
  }
  .larger--29\/32 {
    width: 90.625%;
  }
  .push--larger--29\/32 {
    margin-left: 90.625%;
  }
  .larger--30\/32 {
    width: 93.75%;
  }
  .push--larger--30\/32 {
    margin-left: 93.75%;
  }
  .larger--31\/32 {
    width: 96.875%;
  }
  .push--larger--31\/32 {
    margin-left: 96.875%;
  }
  .larger--1\/64 {
    width: 1.5625%;
  }
  .push--larger--1\/64 {
    margin-left: 1.5625%;
  }
  .larger--2\/64 {
    width: 3.125%;
  }
  .push--larger--2\/64 {
    margin-left: 3.125%;
  }
  .larger--3\/64 {
    width: 4.6875%;
  }
  .push--larger--3\/64 {
    margin-left: 4.6875%;
  }
  .larger--4\/64 {
    width: 6.25%;
  }
  .push--larger--4\/64 {
    margin-left: 6.25%;
  }
  .larger--5\/64 {
    width: 7.8125%;
  }
  .push--larger--5\/64 {
    margin-left: 7.8125%;
  }
  .larger--6\/64 {
    width: 9.375%;
  }
  .push--larger--6\/64 {
    margin-left: 9.375%;
  }
  .larger--7\/64 {
    width: 10.9375%;
  }
  .push--larger--7\/64 {
    margin-left: 10.9375%;
  }
  .larger--8\/64 {
    width: 12.5%;
  }
  .push--larger--8\/64 {
    margin-left: 12.5%;
  }
  .larger--9\/64 {
    width: 14.0625%;
  }
  .push--larger--9\/64 {
    margin-left: 14.0625%;
  }
  .larger--10\/64 {
    width: 15.625%;
  }
  .push--larger--10\/64 {
    margin-left: 15.625%;
  }
  .larger--11\/64 {
    width: 17.1875%;
  }
  .push--larger--11\/64 {
    margin-left: 17.1875%;
  }
  .larger--12\/64 {
    width: 18.75%;
  }
  .push--larger--12\/64 {
    margin-left: 18.75%;
  }
  .larger--13\/64 {
    width: 20.3125%;
  }
  .push--larger--13\/64 {
    margin-left: 20.3125%;
  }
  .larger--14\/64 {
    width: 21.875%;
  }
  .push--larger--14\/64 {
    margin-left: 21.875%;
  }
  .larger--15\/64 {
    width: 23.4375%;
  }
  .push--larger--15\/64 {
    margin-left: 23.4375%;
  }
  .larger--16\/64 {
    width: 25%;
  }
  .push--larger--16\/64 {
    margin-left: 25%;
  }
  .larger--17\/64 {
    width: 26.5625%;
  }
  .push--larger--17\/64 {
    margin-left: 26.5625%;
  }
  .larger--18\/64 {
    width: 28.125%;
  }
  .push--larger--18\/64 {
    margin-left: 28.125%;
  }
  .larger--19\/64 {
    width: 29.6875%;
  }
  .push--larger--19\/64 {
    margin-left: 29.6875%;
  }
  .larger--20\/64 {
    width: 31.25%;
  }
  .push--larger--20\/64 {
    margin-left: 31.25%;
  }
  .larger--21\/64 {
    width: 32.8125%;
  }
  .push--larger--21\/64 {
    margin-left: 32.8125%;
  }
  .larger--22\/64 {
    width: 34.375%;
  }
  .push--larger--22\/64 {
    margin-left: 34.375%;
  }
  .larger--23\/64 {
    width: 35.9375%;
  }
  .push--larger--23\/64 {
    margin-left: 35.9375%;
  }
  .larger--24\/64 {
    width: 37.5%;
  }
  .push--larger--24\/64 {
    margin-left: 37.5%;
  }
  .larger--25\/64 {
    width: 39.0625%;
  }
  .push--larger--25\/64 {
    margin-left: 39.0625%;
  }
  .larger--26\/64 {
    width: 40.625%;
  }
  .push--larger--26\/64 {
    margin-left: 40.625%;
  }
  .larger--27\/64 {
    width: 42.1875%;
  }
  .push--larger--27\/64 {
    margin-left: 42.1875%;
  }
  .larger--28\/64 {
    width: 43.75%;
  }
  .push--larger--28\/64 {
    margin-left: 43.75%;
  }
  .larger--29\/64 {
    width: 45.3125%;
  }
  .push--larger--29\/64 {
    margin-left: 45.3125%;
  }
  .larger--30\/64 {
    width: 46.875%;
  }
  .push--larger--30\/64 {
    margin-left: 46.875%;
  }
  .larger--31\/64 {
    width: 48.4375%;
  }
  .push--larger--31\/64 {
    margin-left: 48.4375%;
  }
  .larger--32\/64 {
    width: 50%;
  }
  .push--larger--32\/64 {
    margin-left: 50%;
  }
  .larger--33\/64 {
    width: 51.5625%;
  }
  .push--larger--33\/64 {
    margin-left: 51.5625%;
  }
  .larger--34\/64 {
    width: 53.125%;
  }
  .push--larger--34\/64 {
    margin-left: 53.125%;
  }
  .larger--35\/64 {
    width: 54.6875%;
  }
  .push--larger--35\/64 {
    margin-left: 54.6875%;
  }
  .larger--36\/64 {
    width: 56.25%;
  }
  .push--larger--36\/64 {
    margin-left: 56.25%;
  }
  .larger--37\/64 {
    width: 57.8125%;
  }
  .push--larger--37\/64 {
    margin-left: 57.8125%;
  }
  .larger--38\/64 {
    width: 59.375%;
  }
  .push--larger--38\/64 {
    margin-left: 59.375%;
  }
  .larger--39\/64 {
    width: 60.9375%;
  }
  .push--larger--39\/64 {
    margin-left: 60.9375%;
  }
  .larger--40\/64 {
    width: 62.5%;
  }
  .push--larger--40\/64 {
    margin-left: 62.5%;
  }
  .larger--41\/64 {
    width: 64.0625%;
  }
  .push--larger--41\/64 {
    margin-left: 64.0625%;
  }
  .larger--42\/64 {
    width: 65.625%;
  }
  .push--larger--42\/64 {
    margin-left: 65.625%;
  }
  .larger--43\/64 {
    width: 67.1875%;
  }
  .push--larger--43\/64 {
    margin-left: 67.1875%;
  }
  .larger--44\/64 {
    width: 68.75%;
  }
  .push--larger--44\/64 {
    margin-left: 68.75%;
  }
  .larger--45\/64 {
    width: 70.3125%;
  }
  .push--larger--45\/64 {
    margin-left: 70.3125%;
  }
  .larger--46\/64 {
    width: 71.875%;
  }
  .push--larger--46\/64 {
    margin-left: 71.875%;
  }
  .larger--47\/64 {
    width: 73.4375%;
  }
  .push--larger--47\/64 {
    margin-left: 73.4375%;
  }
  .larger--48\/64 {
    width: 75%;
  }
  .push--larger--48\/64 {
    margin-left: 75%;
  }
  .larger--49\/64 {
    width: 76.5625%;
  }
  .push--larger--49\/64 {
    margin-left: 76.5625%;
  }
  .larger--50\/64 {
    width: 78.125%;
  }
  .push--larger--50\/64 {
    margin-left: 78.125%;
  }
  .larger--51\/64 {
    width: 79.6875%;
  }
  .push--larger--51\/64 {
    margin-left: 79.6875%;
  }
  .larger--52\/64 {
    width: 81.25%;
  }
  .push--larger--52\/64 {
    margin-left: 81.25%;
  }
  .larger--53\/64 {
    width: 82.8125%;
  }
  .push--larger--53\/64 {
    margin-left: 82.8125%;
  }
  .larger--54\/64 {
    width: 84.375%;
  }
  .push--larger--54\/64 {
    margin-left: 84.375%;
  }
  .larger--55\/64 {
    width: 85.9375%;
  }
  .push--larger--55\/64 {
    margin-left: 85.9375%;
  }
  .larger--56\/64 {
    width: 87.5%;
  }
  .push--larger--56\/64 {
    margin-left: 87.5%;
  }
  .larger--57\/64 {
    width: 89.0625%;
  }
  .push--larger--57\/64 {
    margin-left: 89.0625%;
  }
  .larger--58\/64 {
    width: 90.625%;
  }
  .push--larger--58\/64 {
    margin-left: 90.625%;
  }
  .larger--59\/64 {
    width: 92.1875%;
  }
  .push--larger--59\/64 {
    margin-left: 92.1875%;
  }
  .larger--60\/64 {
    width: 93.75%;
  }
  .push--larger--60\/64 {
    margin-left: 93.75%;
  }
  .larger--61\/64 {
    width: 95.3125%;
  }
  .push--larger--61\/64 {
    margin-left: 95.3125%;
  }
  .larger--62\/64 {
    width: 96.875%;
  }
  .push--larger--62\/64 {
    margin-left: 96.875%;
  }
  .larger--63\/64 {
    width: 98.4375%;
  }
  .push--larger--63\/64 {
    margin-left: 98.4375%;
  }
}
@media screen and (min-width: 1600px) {
  .largest--1\/1 {
    width: 100%;
  }
  .largest--1\/2 {
    width: 50%;
  }
  .push--largest--1\/2 {
    margin-left: 50%;
  }
  .largest--1\/3 {
    width: 33.3333333333%;
  }
  .push--largest--1\/3 {
    margin-left: 33.3333333333%;
  }
  .largest--2\/3 {
    width: 66.6666666667%;
  }
  .push--largest--2\/3 {
    margin-left: 66.6666666667%;
  }
  .largest--1\/4 {
    width: 25%;
  }
  .push--largest--1\/4 {
    margin-left: 25%;
  }
  .largest--2\/4 {
    width: 50%;
  }
  .push--largest--2\/4 {
    margin-left: 50%;
  }
  .largest--3\/4 {
    width: 75%;
  }
  .push--largest--3\/4 {
    margin-left: 75%;
  }
  .largest--1\/5 {
    width: 20%;
  }
  .push--largest--1\/5 {
    margin-left: 20%;
  }
  .largest--2\/5 {
    width: 40%;
  }
  .push--largest--2\/5 {
    margin-left: 40%;
  }
  .largest--3\/5 {
    width: 60%;
  }
  .push--largest--3\/5 {
    margin-left: 60%;
  }
  .largest--4\/5 {
    width: 80%;
  }
  .push--largest--4\/5 {
    margin-left: 80%;
  }
  .largest--1\/6 {
    width: 16.6666666667%;
  }
  .push--largest--1\/6 {
    margin-left: 16.6666666667%;
  }
  .largest--2\/6 {
    width: 33.3333333333%;
  }
  .push--largest--2\/6 {
    margin-left: 33.3333333333%;
  }
  .largest--3\/6 {
    width: 50%;
  }
  .push--largest--3\/6 {
    margin-left: 50%;
  }
  .largest--4\/6 {
    width: 66.6666666667%;
  }
  .push--largest--4\/6 {
    margin-left: 66.6666666667%;
  }
  .largest--5\/6 {
    width: 83.3333333333%;
  }
  .push--largest--5\/6 {
    margin-left: 83.3333333333%;
  }
  .largest--1\/12 {
    width: 8.3333333333%;
  }
  .push--largest--1\/12 {
    margin-left: 8.3333333333%;
  }
  .largest--2\/12 {
    width: 16.6666666667%;
  }
  .push--largest--2\/12 {
    margin-left: 16.6666666667%;
  }
  .largest--3\/12 {
    width: 25%;
  }
  .push--largest--3\/12 {
    margin-left: 25%;
  }
  .largest--4\/12 {
    width: 33.3333333333%;
  }
  .push--largest--4\/12 {
    margin-left: 33.3333333333%;
  }
  .largest--5\/12 {
    width: 41.6666666667%;
  }
  .push--largest--5\/12 {
    margin-left: 41.6666666667%;
  }
  .largest--6\/12 {
    width: 50%;
  }
  .push--largest--6\/12 {
    margin-left: 50%;
  }
  .largest--7\/12 {
    width: 58.3333333333%;
  }
  .push--largest--7\/12 {
    margin-left: 58.3333333333%;
  }
  .largest--8\/12 {
    width: 66.6666666667%;
  }
  .push--largest--8\/12 {
    margin-left: 66.6666666667%;
  }
  .largest--9\/12 {
    width: 75%;
  }
  .push--largest--9\/12 {
    margin-left: 75%;
  }
  .largest--10\/12 {
    width: 83.3333333333%;
  }
  .push--largest--10\/12 {
    margin-left: 83.3333333333%;
  }
  .largest--11\/12 {
    width: 91.6666666667%;
  }
  .push--largest--11\/12 {
    margin-left: 91.6666666667%;
  }
  .largest--1\/16 {
    width: 6.25%;
  }
  .push--largest--1\/16 {
    margin-left: 6.25%;
  }
  .largest--2\/16 {
    width: 12.5%;
  }
  .push--largest--2\/16 {
    margin-left: 12.5%;
  }
  .largest--3\/16 {
    width: 18.75%;
  }
  .push--largest--3\/16 {
    margin-left: 18.75%;
  }
  .largest--4\/16 {
    width: 25%;
  }
  .push--largest--4\/16 {
    margin-left: 25%;
  }
  .largest--5\/16 {
    width: 31.25%;
  }
  .push--largest--5\/16 {
    margin-left: 31.25%;
  }
  .largest--6\/16 {
    width: 37.5%;
  }
  .push--largest--6\/16 {
    margin-left: 37.5%;
  }
  .largest--7\/16 {
    width: 43.75%;
  }
  .push--largest--7\/16 {
    margin-left: 43.75%;
  }
  .largest--8\/16 {
    width: 50%;
  }
  .push--largest--8\/16 {
    margin-left: 50%;
  }
  .largest--9\/16 {
    width: 56.25%;
  }
  .push--largest--9\/16 {
    margin-left: 56.25%;
  }
  .largest--10\/16 {
    width: 62.5%;
  }
  .push--largest--10\/16 {
    margin-left: 62.5%;
  }
  .largest--11\/16 {
    width: 68.75%;
  }
  .push--largest--11\/16 {
    margin-left: 68.75%;
  }
  .largest--12\/16 {
    width: 75%;
  }
  .push--largest--12\/16 {
    margin-left: 75%;
  }
  .largest--13\/16 {
    width: 81.25%;
  }
  .push--largest--13\/16 {
    margin-left: 81.25%;
  }
  .largest--14\/16 {
    width: 87.5%;
  }
  .push--largest--14\/16 {
    margin-left: 87.5%;
  }
  .largest--15\/16 {
    width: 93.75%;
  }
  .push--largest--15\/16 {
    margin-left: 93.75%;
  }
  .largest--1\/32 {
    width: 3.125%;
  }
  .push--largest--1\/32 {
    margin-left: 3.125%;
  }
  .largest--2\/32 {
    width: 6.25%;
  }
  .push--largest--2\/32 {
    margin-left: 6.25%;
  }
  .largest--3\/32 {
    width: 9.375%;
  }
  .push--largest--3\/32 {
    margin-left: 9.375%;
  }
  .largest--4\/32 {
    width: 12.5%;
  }
  .push--largest--4\/32 {
    margin-left: 12.5%;
  }
  .largest--5\/32 {
    width: 15.625%;
  }
  .push--largest--5\/32 {
    margin-left: 15.625%;
  }
  .largest--6\/32 {
    width: 18.75%;
  }
  .push--largest--6\/32 {
    margin-left: 18.75%;
  }
  .largest--7\/32 {
    width: 21.875%;
  }
  .push--largest--7\/32 {
    margin-left: 21.875%;
  }
  .largest--8\/32 {
    width: 25%;
  }
  .push--largest--8\/32 {
    margin-left: 25%;
  }
  .largest--9\/32 {
    width: 28.125%;
  }
  .push--largest--9\/32 {
    margin-left: 28.125%;
  }
  .largest--10\/32 {
    width: 31.25%;
  }
  .push--largest--10\/32 {
    margin-left: 31.25%;
  }
  .largest--11\/32 {
    width: 34.375%;
  }
  .push--largest--11\/32 {
    margin-left: 34.375%;
  }
  .largest--12\/32 {
    width: 37.5%;
  }
  .push--largest--12\/32 {
    margin-left: 37.5%;
  }
  .largest--13\/32 {
    width: 40.625%;
  }
  .push--largest--13\/32 {
    margin-left: 40.625%;
  }
  .largest--14\/32 {
    width: 43.75%;
  }
  .push--largest--14\/32 {
    margin-left: 43.75%;
  }
  .largest--15\/32 {
    width: 46.875%;
  }
  .push--largest--15\/32 {
    margin-left: 46.875%;
  }
  .largest--16\/32 {
    width: 50%;
  }
  .push--largest--16\/32 {
    margin-left: 50%;
  }
  .largest--17\/32 {
    width: 53.125%;
  }
  .push--largest--17\/32 {
    margin-left: 53.125%;
  }
  .largest--18\/32 {
    width: 56.25%;
  }
  .push--largest--18\/32 {
    margin-left: 56.25%;
  }
  .largest--19\/32 {
    width: 59.375%;
  }
  .push--largest--19\/32 {
    margin-left: 59.375%;
  }
  .largest--20\/32 {
    width: 62.5%;
  }
  .push--largest--20\/32 {
    margin-left: 62.5%;
  }
  .largest--21\/32 {
    width: 65.625%;
  }
  .push--largest--21\/32 {
    margin-left: 65.625%;
  }
  .largest--22\/32 {
    width: 68.75%;
  }
  .push--largest--22\/32 {
    margin-left: 68.75%;
  }
  .largest--23\/32 {
    width: 71.875%;
  }
  .push--largest--23\/32 {
    margin-left: 71.875%;
  }
  .largest--24\/32 {
    width: 75%;
  }
  .push--largest--24\/32 {
    margin-left: 75%;
  }
  .largest--25\/32 {
    width: 78.125%;
  }
  .push--largest--25\/32 {
    margin-left: 78.125%;
  }
  .largest--26\/32 {
    width: 81.25%;
  }
  .push--largest--26\/32 {
    margin-left: 81.25%;
  }
  .largest--27\/32 {
    width: 84.375%;
  }
  .push--largest--27\/32 {
    margin-left: 84.375%;
  }
  .largest--28\/32 {
    width: 87.5%;
  }
  .push--largest--28\/32 {
    margin-left: 87.5%;
  }
  .largest--29\/32 {
    width: 90.625%;
  }
  .push--largest--29\/32 {
    margin-left: 90.625%;
  }
  .largest--30\/32 {
    width: 93.75%;
  }
  .push--largest--30\/32 {
    margin-left: 93.75%;
  }
  .largest--31\/32 {
    width: 96.875%;
  }
  .push--largest--31\/32 {
    margin-left: 96.875%;
  }
  .largest--1\/64 {
    width: 1.5625%;
  }
  .push--largest--1\/64 {
    margin-left: 1.5625%;
  }
  .largest--2\/64 {
    width: 3.125%;
  }
  .push--largest--2\/64 {
    margin-left: 3.125%;
  }
  .largest--3\/64 {
    width: 4.6875%;
  }
  .push--largest--3\/64 {
    margin-left: 4.6875%;
  }
  .largest--4\/64 {
    width: 6.25%;
  }
  .push--largest--4\/64 {
    margin-left: 6.25%;
  }
  .largest--5\/64 {
    width: 7.8125%;
  }
  .push--largest--5\/64 {
    margin-left: 7.8125%;
  }
  .largest--6\/64 {
    width: 9.375%;
  }
  .push--largest--6\/64 {
    margin-left: 9.375%;
  }
  .largest--7\/64 {
    width: 10.9375%;
  }
  .push--largest--7\/64 {
    margin-left: 10.9375%;
  }
  .largest--8\/64 {
    width: 12.5%;
  }
  .push--largest--8\/64 {
    margin-left: 12.5%;
  }
  .largest--9\/64 {
    width: 14.0625%;
  }
  .push--largest--9\/64 {
    margin-left: 14.0625%;
  }
  .largest--10\/64 {
    width: 15.625%;
  }
  .push--largest--10\/64 {
    margin-left: 15.625%;
  }
  .largest--11\/64 {
    width: 17.1875%;
  }
  .push--largest--11\/64 {
    margin-left: 17.1875%;
  }
  .largest--12\/64 {
    width: 18.75%;
  }
  .push--largest--12\/64 {
    margin-left: 18.75%;
  }
  .largest--13\/64 {
    width: 20.3125%;
  }
  .push--largest--13\/64 {
    margin-left: 20.3125%;
  }
  .largest--14\/64 {
    width: 21.875%;
  }
  .push--largest--14\/64 {
    margin-left: 21.875%;
  }
  .largest--15\/64 {
    width: 23.4375%;
  }
  .push--largest--15\/64 {
    margin-left: 23.4375%;
  }
  .largest--16\/64 {
    width: 25%;
  }
  .push--largest--16\/64 {
    margin-left: 25%;
  }
  .largest--17\/64 {
    width: 26.5625%;
  }
  .push--largest--17\/64 {
    margin-left: 26.5625%;
  }
  .largest--18\/64 {
    width: 28.125%;
  }
  .push--largest--18\/64 {
    margin-left: 28.125%;
  }
  .largest--19\/64 {
    width: 29.6875%;
  }
  .push--largest--19\/64 {
    margin-left: 29.6875%;
  }
  .largest--20\/64 {
    width: 31.25%;
  }
  .push--largest--20\/64 {
    margin-left: 31.25%;
  }
  .largest--21\/64 {
    width: 32.8125%;
  }
  .push--largest--21\/64 {
    margin-left: 32.8125%;
  }
  .largest--22\/64 {
    width: 34.375%;
  }
  .push--largest--22\/64 {
    margin-left: 34.375%;
  }
  .largest--23\/64 {
    width: 35.9375%;
  }
  .push--largest--23\/64 {
    margin-left: 35.9375%;
  }
  .largest--24\/64 {
    width: 37.5%;
  }
  .push--largest--24\/64 {
    margin-left: 37.5%;
  }
  .largest--25\/64 {
    width: 39.0625%;
  }
  .push--largest--25\/64 {
    margin-left: 39.0625%;
  }
  .largest--26\/64 {
    width: 40.625%;
  }
  .push--largest--26\/64 {
    margin-left: 40.625%;
  }
  .largest--27\/64 {
    width: 42.1875%;
  }
  .push--largest--27\/64 {
    margin-left: 42.1875%;
  }
  .largest--28\/64 {
    width: 43.75%;
  }
  .push--largest--28\/64 {
    margin-left: 43.75%;
  }
  .largest--29\/64 {
    width: 45.3125%;
  }
  .push--largest--29\/64 {
    margin-left: 45.3125%;
  }
  .largest--30\/64 {
    width: 46.875%;
  }
  .push--largest--30\/64 {
    margin-left: 46.875%;
  }
  .largest--31\/64 {
    width: 48.4375%;
  }
  .push--largest--31\/64 {
    margin-left: 48.4375%;
  }
  .largest--32\/64 {
    width: 50%;
  }
  .push--largest--32\/64 {
    margin-left: 50%;
  }
  .largest--33\/64 {
    width: 51.5625%;
  }
  .push--largest--33\/64 {
    margin-left: 51.5625%;
  }
  .largest--34\/64 {
    width: 53.125%;
  }
  .push--largest--34\/64 {
    margin-left: 53.125%;
  }
  .largest--35\/64 {
    width: 54.6875%;
  }
  .push--largest--35\/64 {
    margin-left: 54.6875%;
  }
  .largest--36\/64 {
    width: 56.25%;
  }
  .push--largest--36\/64 {
    margin-left: 56.25%;
  }
  .largest--37\/64 {
    width: 57.8125%;
  }
  .push--largest--37\/64 {
    margin-left: 57.8125%;
  }
  .largest--38\/64 {
    width: 59.375%;
  }
  .push--largest--38\/64 {
    margin-left: 59.375%;
  }
  .largest--39\/64 {
    width: 60.9375%;
  }
  .push--largest--39\/64 {
    margin-left: 60.9375%;
  }
  .largest--40\/64 {
    width: 62.5%;
  }
  .push--largest--40\/64 {
    margin-left: 62.5%;
  }
  .largest--41\/64 {
    width: 64.0625%;
  }
  .push--largest--41\/64 {
    margin-left: 64.0625%;
  }
  .largest--42\/64 {
    width: 65.625%;
  }
  .push--largest--42\/64 {
    margin-left: 65.625%;
  }
  .largest--43\/64 {
    width: 67.1875%;
  }
  .push--largest--43\/64 {
    margin-left: 67.1875%;
  }
  .largest--44\/64 {
    width: 68.75%;
  }
  .push--largest--44\/64 {
    margin-left: 68.75%;
  }
  .largest--45\/64 {
    width: 70.3125%;
  }
  .push--largest--45\/64 {
    margin-left: 70.3125%;
  }
  .largest--46\/64 {
    width: 71.875%;
  }
  .push--largest--46\/64 {
    margin-left: 71.875%;
  }
  .largest--47\/64 {
    width: 73.4375%;
  }
  .push--largest--47\/64 {
    margin-left: 73.4375%;
  }
  .largest--48\/64 {
    width: 75%;
  }
  .push--largest--48\/64 {
    margin-left: 75%;
  }
  .largest--49\/64 {
    width: 76.5625%;
  }
  .push--largest--49\/64 {
    margin-left: 76.5625%;
  }
  .largest--50\/64 {
    width: 78.125%;
  }
  .push--largest--50\/64 {
    margin-left: 78.125%;
  }
  .largest--51\/64 {
    width: 79.6875%;
  }
  .push--largest--51\/64 {
    margin-left: 79.6875%;
  }
  .largest--52\/64 {
    width: 81.25%;
  }
  .push--largest--52\/64 {
    margin-left: 81.25%;
  }
  .largest--53\/64 {
    width: 82.8125%;
  }
  .push--largest--53\/64 {
    margin-left: 82.8125%;
  }
  .largest--54\/64 {
    width: 84.375%;
  }
  .push--largest--54\/64 {
    margin-left: 84.375%;
  }
  .largest--55\/64 {
    width: 85.9375%;
  }
  .push--largest--55\/64 {
    margin-left: 85.9375%;
  }
  .largest--56\/64 {
    width: 87.5%;
  }
  .push--largest--56\/64 {
    margin-left: 87.5%;
  }
  .largest--57\/64 {
    width: 89.0625%;
  }
  .push--largest--57\/64 {
    margin-left: 89.0625%;
  }
  .largest--58\/64 {
    width: 90.625%;
  }
  .push--largest--58\/64 {
    margin-left: 90.625%;
  }
  .largest--59\/64 {
    width: 92.1875%;
  }
  .push--largest--59\/64 {
    margin-left: 92.1875%;
  }
  .largest--60\/64 {
    width: 93.75%;
  }
  .push--largest--60\/64 {
    margin-left: 93.75%;
  }
  .largest--61\/64 {
    width: 95.3125%;
  }
  .push--largest--61\/64 {
    margin-left: 95.3125%;
  }
  .largest--62\/64 {
    width: 96.875%;
  }
  .push--largest--62\/64 {
    margin-left: 96.875%;
  }
  .largest--63\/64 {
    width: 98.4375%;
  }
  .push--largest--63\/64 {
    margin-left: 98.4375%;
  }
}
.btn {
  display: inline-block;
  padding: 0.5rem 1rem;
  border-width: 1px;
  border-style: solid;
  border-color: transparent;
  border-radius: 6px;
  background-color: #5884E7;
  background-image: none;
  color: white;
  vertical-align: middle;
  text-align: center;
  white-space: nowrap;
  line-height: 1.5;
  cursor: pointer;
  box-shadow: 0 3px 16px 0 rgba(0, 0, 0, 0.16), 0 3px 4px 0 rgba(0, 0, 0, 0.16);
  -webkit-appearance: none;
  transition-property: background-color, border-color, color;
  transition-duration: 100ms;
}
.btn:active, .btn:focus, .btn:hover {
  background-color: #51B9EB;
  color: white;
}

.btn[disabled],
.btn.is-disabled {
  opacity: 0.5;
  cursor: default;
  pointer-events: none;
}
.btn[disabled]:active, .btn[disabled]:focus, .btn[disabled]:hover,
.btn.is-disabled:active,
.btn.is-disabled:focus,
.btn.is-disabled:hover {
  background-color: #5884E7;
}

.btn--portfolio {
  display: inline-block;
  padding: 0.5rem 1rem;
  border-width: 1px;
  border-style: solid;
  border-color: transparent;
  border-radius: 6px;
  background-color: #5884E7;
  background-image: none;
  color: white;
  vertical-align: middle;
  text-align: center;
  white-space: nowrap;
  cursor: pointer;
  width: 6.5rem;
  margin-left: 0.2rem;
  -webkit-appearance: none;
  transition-property: background-color, border-color, color;
  transition-duration: 100ms;
}
.btn--portfolio:active, .btn--portfolio:focus, .btn--portfolio:hover {
  background-color: #51B9EB;
  color: white;
}
@media screen and (max-width: 739px) {
  .btn--portfolio {
    text-align: center;
    width: 95%;
  }
}

.btn--folder {
  display: inline-block;
  background-color: #51B9EB;
  color: white;
  cursor: pointer;
  font-size: 0.8rem;
  padding: 10px;
  width: 30%;
  text-align: center;
  border: none;
  outline: none;
  margin-top: 2rem;
  margin-bottom: 0rem;
  border-radius: 15px 15px 0px 0px;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.12), 0 2px 3px 0 rgba(0, 0, 0, 0.12);
  -webkit-appearance: none;
  transition-property: background-color, border-color, color;
  transition-duration: 100ms;
}
.btn--folder:active, .btn--folder:focus, .btn--folder:hover {
  background-color: #dee7fa;
  color: white;
}
@media screen and (min-width: 740px) and (max-width: 1036px) {
  .btn--folder {
    font-size: 0.8rem;
    width: 30%;
    margin-left: 0%;
    margin-bottom: 0rem;
    margin-top: 0.5rem;
  }
}
@media screen and (max-width: 739px) {
  .btn--folder {
    font-size: 0.8rem;
    width: 10rem;
    margin-top: 0rem;
    margin-bottom: 0.15rem;
  }
}

.btn--small {
  padding: 0.25rem 1rem;
  font-size: 0.8rem;
}

.btn--smaller {
  padding: 0.1rem 0.5rem;
  font-size: 0.8rem;
}

.btn--full {
  width: 100%;
}

.btn--yellow {
  background-color: #c5a12d;
}
.btn--yellow:active, .btn--yellow:focus, .btn--yellow:hover {
  background-color: #D7B64E;
}

.btn--yellow[disabled],
.btn--yellow.is-disabled {
  opacity: 0.8;
}
.btn--yellow[disabled]:active, .btn--yellow[disabled]:focus, .btn--yellow[disabled]:hover,
.btn--yellow.is-disabled:active,
.btn--yellow.is-disabled:focus,
.btn--yellow.is-disabled:hover {
  background-color: #c5a12d;
}

.btn--red {
  background-color: #D51620;
}
.btn--red:active, .btn--red:focus, .btn--red:hover {
  background-color: #ea343e;
}

.btn--red[disabled]:active, .btn--red[disabled]:focus, .btn--red[disabled]:hover,
.btn--red.is-disabled:active,
.btn--red.is-disabled:focus,
.btn--red.is-disabled:hover {
  background-color: #a71119;
}

.btn--blue {
  background-color: #5884E7;
}
.btn--blue:active, .btn--blue:focus, .btn--blue:hover {
  background-color: #51B9EB;
}

.btn--blue-bright {
  background-color: #5884E7;
}
.btn--blue-bright:active, .btn--blue-bright:focus, .btn--blue-bright:hover {
  background-color: #82A3ED;
}

.btn--blue-dark {
  background-color: #303F4B;
}
.btn--blue-dark:active, .btn--blue-dark:focus, .btn--blue-dark:hover {
  background-color: #303F4B;
  opacity: 0.75;
}

.disabled-button {
  pointer-events: none;
  opacity: 0.75;
}

.btn--link {
  background-color: transparent;
  color: #444546;
}
.btn--link:active, .btn--link:focus, .btn--link:hover {
  background-color: transparent;
  color: #909293;
}

.btn--blue--glow {
  display: inline-block;
  padding: 0.5rem 1rem;
  border-width: 1px;
  border-style: solid;
  border-color: transparent;
  border-radius: 6px;
  background-color: #5884E7;
  background-image: none;
  color: white;
  vertical-align: middle;
  text-align: center;
  white-space: nowrap;
  line-height: 1.5;
  cursor: pointer;
}
.btn--blue--glow:active, .btn--blue--glow:focus, .btn--blue--glow:hover {
  background-color: #51B9EB;
}

@-webkit-keyframes glowing {
  0% {
    background-color: #00A0DF;
    -webkit-box-shadow: 0 0 3px #B20000;
  }
  50% {
    background-color: #33C5FF;
    -webkit-box-shadow: 0 0 40px #FF0000;
  }
  100% {
    background-color: #00A0DF;
    -webkit-box-shadow: 0 0 3px #B20000;
  }
}
@keyframes glowing {
  0% {
    background-color: #00A0DF;
    box-shadow: 0 0 3px #B20000;
  }
  50% {
    background-color: #33C5FF;
    box-shadow: 0 0 40px #FF0000;
  }
  100% {
    background-color: #00A0DF;
    box-shadow: 0 0 3px #B20000;
  }
}
.btn--blue--glow {
  -webkit-animation: glowing 1750ms infinite;
  animation: glowing 1750ms infinite;
}

.btn--blue[disabled]:active, .btn--blue[disabled]:focus, .btn--blue[disabled]:hover,
.btn--blue.is-disabled:active,
.btn--blue.is-disabled:focus,
.btn--blue.is-disabled:hover {
  background-color: #5884E7;
}

.btn--outlined {
  border-color: #c4c5c5;
  background-color: transparent;
  color: #76787a;
}
.btn--outlined:active, .btn--outlined:focus, .btn--outlined:hover {
  background-color: #5884E7;
  border-color: #5884E7;
  color: #F3F9FC;
}

.btn--outlined-gray-light {
  border-width: 2px;
  border-color: #eceef0;
  background-color: transparent;
  color: #303F4B;
}
.btn--outlined-gray-light:active, .btn--outlined-gray-light:focus, .btn--outlined-gray-light:hover {
  background-color: #EAF6FA;
  border-color: #EAF6FA;
  color: #303F4B;
}

.btn--white-light {
  background-color: white;
  color: #76787a;
}
.btn--white-light:active, .btn--white-light:focus, .btn--white-light:hover {
  background-color: #5884E7;
  color: #F3F9FC;
}

.btn--outlined--white-light {
  border-color: #c4c5c5;
  background-color: white;
  color: #76787a;
}
.btn--outlined--white-light:active, .btn--outlined--white-light:focus, .btn--outlined--white-light:hover {
  background-color: #5884E7;
  border-color: #5884E7;
  color: #F3F9FC;
}

.btn--outlined--red {
  border: 1px solid #D51620;
  background-color: #F3F9FC;
  color: #D51620;
  padding: 5px;
  border-radius: 4px 4px 4px 4px;
}
.btn--outlined--red:active, .btn--outlined--red:focus, .btn--outlined--red:hover {
  background-color: white;
  border-color: #D51620;
  color: #ea343e;
}

.btn--outlined--blue {
  border: 1px solid #5884E7;
  background-color: #F3F9FC;
  color: #5884E7;
  padding: 5px;
  border-radius: 4px 4px 4px 4px;
}
.btn--outlined--blue:active, .btn--outlined--blue:focus, .btn--outlined--blue:hover {
  background-color: white;
  border-color: #5884E7;
  color: #51B9EB;
}

.btn--outlined--blue--dashed {
  border: 2px dashed #5884E7;
  background-color: #F3F9FC;
  color: #5884E7;
  padding: 5px;
  border-radius: 4px;
}
.btn--outlined--blue--dashed:active, .btn--outlined--blue--dashed:focus, .btn--outlined--blue--dashed:hover {
  background-color: white;
  border-color: #5884E7;
  border-style: dashed;
  color: #51B9EB;
}

.btn--outlined--blue-dark {
  border: 1px solid #76787a;
  background-color: #f6f7f8;
  color: #76787a;
  padding: 5px;
  border-radius: 4px 4px 4px 4px;
}
.btn--outlined--blue-dark:active, .btn--outlined--blue-dark:focus, .btn--outlined--blue-dark:hover {
  background-color: white;
  border-color: #5d5f60;
  color: #5d5f60;
}

.btn--outlined--blue-darker {
  border: 2px solid #303F4B;
  background-color: white;
  color: #303F4B;
  padding: 5px;
  border-radius: 4px 4px 4px 4px;
}
.btn--outlined--blue-darker:active, .btn--outlined--blue-darker:focus, .btn--outlined--blue-darker:hover {
  background-color: #303F4B;
  border-color: #303F4B;
  color: white;
}

.btn--outlined--blue-basic {
  border: 2px solid #5884E7;
  background-color: white;
  color: #5884E7;
}
.btn--outlined--blue-basic:active, .btn--outlined--blue-basic:focus, .btn--outlined--blue-basic:hover {
  background-color: white;
  border-color: #51B9EB;
  color: #51B9EB;
}

.btn--outlined--white {
  border-color: rgba(255, 255, 255, 0.8);
  background-color: transparent;
  color: white;
}
.btn--outlined--white:active, .btn--outlined--white:focus, .btn--outlined--white:hover {
  border-color: rgb(255, 255, 255);
  background-color: transparent;
  color: white;
}

.btn--round {
  width: 2rem;
  height: 2rem;
  border-radius: 15%;
  overflow: hidden;
  background: #D51620;
  margin-top: 0px;
  margin-right: 5px;
  margin-bottom: -40px;
  color: white;
  display: inline-block;
  position: relative;
  text-align: center;
  padding: 0px;
  cursor: pointer;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.12), 0 2px 3px 0 rgba(0, 0, 0, 0.12);
}
.btn--round:hover {
  background: #ea343e;
}

/* This is CSS for creating collapsible accorion menus and panels */
.accordion {
  background-color: #5884E7;
  color: white;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  text-align: left;
  border: none;
  outline: none;
  transition: 0.4s;
  margin-bottom: 0.1rem;
}

.accordion.active, .accordion:hover {
  background-color: #dee7fa;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.12), 0 2px 3px 0 rgba(0, 0, 0, 0.12);
}

.panel {
  padding: 0 18px;
  background-color: white;
  max-height: 0;
  overflow: hidden;
  transition: 0.6s ease-in-out;
  opacity: 0;
}
@media screen and (max-width: 739px) {
  .panel {
    padding: 0 0px;
  }
}

.panel.show {
  opacity: 1;
  max-height: 100%; /* Whatever you like, as long as its more than the height of the content (on all screen sizes) */
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.12), 0 2px 3px 0 rgba(0, 0, 0, 0.12);
  margin-bottom: 1.5rem;
}

.accordion-care {
  background-color: white;
  color: #303F4B;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  font-weight: 700;
  border: none;
  text-align: left;
  outline: none;
  transition: 0.4s;
}

.accordion-care.active, .accordion-care:hover {
  background-color: white;
}

.accordion-care:after {
  content: "+";
  color: #303F4B;
  font-weight: 900;
  float: right;
  margin-left: 5px;
}

.accordion-care.active:after {
  content: "−";
  font-weight: 900;
}

.panel-care {
  padding: 0 18px;
  background-color: white;
  color: #303F4B;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}

.accordion-candidates {
  background-color: #F3F9FC;
  color: #303F4B;
  cursor: pointer;
  padding: 12px;
  width: 100%;
  font-weight: 700;
  font-size: 14px;
  border: none;
  text-align: left;
  outline: none;
  border-radius: 8px 8px 8px 8px;
  transition: 0.4s;
}

.accordion-candidates.active, .accordion-candidates:hover {
  background-color: #F3F9FC;
  border-radius: 8px 8px 0px 0px;
}

.accordion-candidates:after {
  content: "+";
  color: #5884E7;
  font-weight: 900;
  font-size: 16px;
  margin-top: -2px;
  float: right;
  margin-left: 5px;
}

.accordion-candidates.active:after {
  content: "−";
  font-weight: 900;
}

.panel-candidates {
  padding: 0 16px;
  background-color: #F3F9FC;
  color: #303F4B;
  font-size: 14px;
  max-height: 0;
  border-radius: 0px 0px 8px 8px;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}

.accordion-activities {
  background-color: white;
  color: #303F4B;
  cursor: pointer;
  padding-top: 16px;
  padding-bottom: 16px;
  padding-left: 0px;
  width: 100%;
  font-size: 14px;
  border: none;
  text-align: left;
  outline: none;
  border-radius: 8px 8px 8px 8px;
  transition: 0.4s;
}

.accordion-activities.active, .accordion-activities:hover {
  background-color: white;
  border-radius: 8px 8px 0px 0px;
}

.accordion-activities:after {
  content: "▸";
  color: #303F4B;
  font-weight: 900;
  font-size: 16px;
  margin-left: 6px;
}

.accordion-activities.active:after {
  content: "▾";
  font-weight: 900;
}

.panel-activities {
  padding-top: 0px;
  background-color: white;
  font-size: 14px;
  max-height: 0;
  border-radius: 0px 0px 8px 8px;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}

.accordion-calculator {
  cursor: pointer;
  padding-left: 0px;
  width: 100%;
  font-size: 14px;
  border: none;
  text-align: left;
  outline: none;
  border-radius: 8px 8px 8px 8px;
  transition: 0.4s;
}

.accordion-calculator.active, .accordion-calculator:hover {
  border-radius: 8px 8px 0px 0px;
}

.accordion-calculator:after {
  content: "▸";
  font-weight: 900;
  font-size: 16px;
  margin-left: 6px;
}

.accordion-calculator.active:after {
  content: "▾";
  font-weight: 900;
}

.panel-calculator {
  padding-top: 0px;
  max-height: 0;
  border-radius: 0px 0px 8px 8px;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}

.panel-portfolio {
  padding: 0 18px;
  background-color: white;
  max-height: 0;
  margin-left: 0px;
  overflow: hidden;
  transition: 0.6s ease-in-out;
  opacity: 0;
}

.panel-portfolio.show {
  opacity: 1;
  float: left;
  max-height: 100%; /* Whatever you like, as long as its more than the height of the content (on all screen sizes) */
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.12), 0 2px 3px 0 rgba(0, 0, 0, 0.12);
}

.panel-grades {
  padding: 0 18px;
  background-color: white;
  max-height: 0;
  overflow: hidden;
  transition: 0.6s ease-in-out;
  opacity: 0;
  border-left: 2px solid #D8EEF6;
  border-right: 2px solid #D8EEF6;
  border-bottom: 2px solid #D8EEF6;
}

.panel-grades.show {
  opacity: 1;
  max-height: 100%; /* Whatever you like, as long as its more than the height of the content (on all screen sizes) */
}

.accordion--green {
  background-color: #93C73F;
  color: white;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  text-align: left;
  border: none;
  outline: none;
  transition: 0.4s;
  margin-bottom: 0.1rem;
}

.accordion--green.active, .accordion--green:hover {
  background-color: #9ecd53;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.12), 0 2px 3px 0 rgba(0, 0, 0, 0.12);
}

.accordion--yellow {
  background-color: #D7B64E;
  color: white;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  text-align: left;
  border: none;
  outline: none;
  transition: 0.4s;
  margin-bottom: 0.1rem;
}

.accordion--yellow.active, .accordion--yellow:hover {
  background-color: #e0c778;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.12), 0 2px 3px 0 rgba(0, 0, 0, 0.12);
}

.accordion--portfolio {
  background-color: #51B9EB;
  color: white;
  cursor: pointer;
  font-size: 0.8rem;
  padding: 10px;
  width: 30%;
  text-align: center;
  border: none;
  outline: none;
  transition: 0.4s;
  margin-top: 2rem;
  margin-bottom: 0rem;
  border-radius: 15px 15px 0px 0px;
}
@media screen and (min-width: 740px) and (max-width: 1036px) {
  .accordion--portfolio {
    font-size: 0.8rem;
    width: 30%;
    margin-left: 0%;
    margin-bottom: 0rem;
    margin-top: 0.5rem;
  }
}
@media screen and (max-width: 739px) {
  .accordion--portfolio {
    font-size: 0.8rem;
    width: 80%;
    margin-left: 10%;
    margin-top: 0rem;
    margin-bottom: 0.15rem;
  }
}

.accordion--portfolio.active, .accordion--portfolio:hover {
  background-color: #dee7fa;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.12), 0 2px 3px 0 rgba(0, 0, 0, 0.12);
}

.accordion--grades {
  background-color: white;
  cursor: pointer;
  padding: 5px;
  width: 100%;
  text-align: left;
  border: none;
  outline: none;
  transition: 0s;
  border-bottom: 2px solid #D8EEF6;
  margin-bottom: 0px;
  margin-top: 0px;
}

.accordion--grades.active {
  transition: 0s;
  background-color: #EAF6FA;
  border-left: 2px solid #EAF6FA;
  border-right: 2px solid #EAF6FA;
  border-top: 2px solid #EAF6FA;
  border-bottom: 1px solid #EAF6FA;
  margin-bottom: 0.1rem;
}

.accordion--grades:hover {
  transition: 0s;
  background-color: #EAF6FA;
}

/* Dropdown Button */
.dropbtn {
  background-color: #5884E7;
  color: white;
  border: none;
  cursor: pointer;
}

.dropbtn--header {
  border: none;
  cursor: pointer;
}

.dropbtn--yellow {
  background-color: #D7B64E;
  color: white;
  padding: 0.75rem;
  border: none;
  cursor: pointer;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
  position: relative;
  display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
  display: none;
  position: absolute;
  background-color: white;
  min-width: 260px;
  margin-left: -22px;
  border: solid 1px #D8DCDE;
  box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.1);
  z-index: 1;
}
@media screen and (max-width: 739px) {
  .dropdown-content {
    width: 15rem;
  }
}

.dropdown-content--header {
  display: none;
  position: absolute;
  background-color: white;
  min-width: 100px;
  width: 15rem;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  z-index: 1;
}
@media screen and (max-width: 739px) {
  .dropdown-content--header {
    width: 15rem;
  }
}

/* Links inside the dropdown */
.dropdown-content a {
  padding: 4px 16px;
  text-decoration: none;
  border-bottom: solid 1px #D8DCDE;
  display: block;
}

.dropdown-content--header a {
  color: #5884E7;
  padding: 12px 16px;
  text-decoration: none;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: #dee7fa;
  display: block;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {
  background-color: #EAF6FA;
  border-right: solid 4px #5884E7;
  margin-right: -1px;
}

.dropdown-content--header a:hover {
  background-color: #EAF6FA;
  border-left: 5px solid #D7B64E;
  margin-left: -5px;
}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
  display: block;
}

.dropdown:hover .dropdown-content--header {
  display: block;
}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {
  background-color: #51B9EB;
}

.right-button {
  width: 90%;
  margin-left: 10px;
  height: 100px;
}

.right-button input {
  float: right;
}

.button-pricing {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  border-radius: 42px;
  overflow: hidden;
  background-color: #F3F9FC;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.option-pricing {
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  text-align: center;
  padding: 10px 20px;
  cursor: pointer;
  background-color: #F3F9FC;
  transition: background-color 0.3s;
}

.option-pricing:hover {
  color: #F3F9FC;
  background-color: #475380;
  font-weight: 700;
}

/* Highlight the active option */
.option-pricing.active {
  background-color: #0A1A56;
  color: #F3F9FC;
  font-weight: 700; /* Optional: Makes the active option text bold */
}

.option-pricing:nth-child(2) {
  border-left: 2px solid #E1EDF3; /* Change color as needed */
  border-right: 2px solid #E1EDF3; /* Change color as needed */
}

.ribbon-container {
  position: relative; /* Necessary for absolute positioning of the ribbon */
  overflow: hidden; /* Optional, ensures ribbon doesn't overflow the bounds of the div */
}

.ribbon-container .ribbon-pricing {
  position: absolute;
  top: 30px; /* Adjust this value to position the ribbon correctly */
  right: -60px; /* This might need to be negative to get the ribbon outside the div */
  background-color: #0A1A56; /* Ribbon color */
  color: white;
  padding: 11px 20px; /* Even padding on both sides */
  font-size: 14px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  z-index: 10;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  border-radius: 0px;
  font-weight: 700;
  text-align: center; /* Ensure text is centered */
  width: 220px; /* Set a width to help manage text alignment */
  line-height: 20px; /* Adjust line height to vertically center the text */
}

.ribbon-container .ribbon-pricing::after {
  content: "";
  position: absolute;
  right: -15px; /* Adjust based on the thickness of the ribbon */
  top: 0;
  border-right: 15px solid transparent;
  border-top: 15px solid #DB7093; /* Should match the ribbon color */
  -webkit-transform: rotate(30deg);
          transform: rotate(30deg);
  -webkit-transform-origin: 0 0;
          transform-origin: 0 0;
  z-index: -1;
}

.avatar {
  border-radius: 50%;
}

.avatar__line {
  border-bottom: 2px solid #5884E7;
  width: 100%;
  margin-bottom: 0.5rem;
}
@media screen and (min-width: 740px) and (max-width: 1036px) {
  .avatar__line {
    border-bottom: 2px solid #5884E7;
    width: 100%;
    margin-top: 1.5rem;
    margin-bottom: 0.5rem;
  }
}
@media screen and (min-width: 740px) {
  .avatar__line {
    border-bottom: 2px solid #5884E7;
    width: 100%;
    margin-top: 3rem;
    margin-bottom: 1rem;
  }
}

.avatar__line__gray-dark {
  border-bottom: 1px solid #5d5f60;
  width: 100%;
}

.avatar__line__gray-lighter {
  border-bottom: 2px solid #D8DCDE;
  width: 100%;
}

.avatar__line__gray-lightest {
  border-bottom: 2px solid #eceef0;
  width: 100%;
}

.avatar__line__left__gray-lightest {
  border-left: 3px solid #eceef0;
  width: 100%;
}
@media screen and (max-width: 739px) {
  .avatar__line__left__gray-lightest {
    border-left: 0px solid #eceef0;
    width: 100%;
  }
}

.avatar__line__right__gray-lightest {
  border-right: 3px solid #eceef0;
  width: 100%;
}

.avatar__line__gray-lighter-thin {
  border-bottom: 1px solid #D8DCDE;
  width: 100%;
}

.avatar__line__left-gray {
  border-left: 2px solid #C8C8C8;
  height: 100%;
}
@media screen and (max-width: 739px) {
  .avatar__line__left-gray {
    border-left: 0px solid #C8C8C8;
    border-top: 2px solid #C8C8C8;
    padding-top: 1rem;
    width: 100%;
  }
}

.avatar__line__left__gray-light-hidden-mobile {
  border-left: 1px solid #D8DCDE;
  width: 100%;
}
@media screen and (max-width: 739px) {
  .avatar__line__left__gray-light-hidden-mobile {
    border-left: 0px solid #D8DCDE;
    width: 100%;
  }
}

.avatar__line__network {
  border-bottom: 2px solid #5884E7;
  width: 100%;
}
@media screen and (max-width: 739px) {
  .avatar__line__network {
    border-bottom: 2px solid #5884E7;
    width: 100%;
  }
}
@media screen and (min-width: 740px) and (max-width: 1036px) {
  .avatar__line__network {
    border-bottom: 2px solid #5884E7;
    width: 100%;
  }
}
@media screen and (min-width: 740px) {
  .avatar__line__network {
    border-bottom: 2px solid #5884E7;
    width: 100%;
  }
}

.avatar__line__light {
  border-bottom: 1px solid #51B9EB;
  width: 100%;
}

.avatar__line__lighter {
  border-bottom: 1px solid #dee7fa;
  width: 100%;
}

.avatar__line__blue__light__2px {
  border-bottom: 2px solid #51B9EB;
  width: 100%;
}

.avatar__line__notes {
  border-bottom: 2px solid #5884E7;
  width: 100%;
  margin-bottom: 0.5rem;
}
@media screen and (min-width: 740px) and (max-width: 1036px) {
  .avatar__line__notes {
    border-bottom: 2px solid #5884E7;
    width: 100%;
    margin-top: 1rem;
    margin-bottom: 1rem;
  }
}
@media screen and (min-width: 740px) {
  .avatar__line__notes {
    border-bottom: 2px solid #5884E7;
    width: 100%;
  }
}

.avatar__line__news {
  border-bottom: 2px solid #5884E7;
  width: 100%;
  margin-bottom: 0.5rem;
}
@media screen and (min-width: 740px) and (max-width: 1036px) {
  .avatar__line__news {
    border-bottom: 2px solid #5884E7;
    width: 100%;
  }
}
@media screen and (min-width: 740px) {
  .avatar__line__news {
    border-bottom: 2px solid #5884E7;
    width: 100%;
  }
}

.avatar__line__portfolio {
  border-bottom: 2px solid #51B9EB;
  width: 83%;
  margin-bottom: 0rem;
}
@media screen and (min-width: 740px) and (max-width: 1036px) {
  .avatar__line__portfolio {
    border-bottom: 2px solid #51B9EB;
    width: 83%;
  }
}
@media screen and (max-width: 739px) {
  .avatar__line__portfolio {
    border-bottom: 0px solid #51B9EB;
    width: 100%;
  }
}

.avatar__line__vacancy {
  border-bottom: 2px solid #51B9EB;
  width: 98%;
  margin-bottom: 0rem;
}
@media screen and (max-width: 739px) {
  .avatar__line__vacancy {
    border-bottom: 2px solid #51B9EB;
    width: 100%;
  }
}

.avatar__line__vacancy-edit {
  border-bottom: 2px solid #51B9EB;
  width: 92%;
  margin-bottom: 0rem;
}
@media screen and (max-width: 739px) {
  .avatar__line__vacancy-edit {
    border-bottom: 2px solid #51B9EB;
    width: 100%;
    padding-bottom: 0.25rem;
  }
}

.avatar__line__vacancy-list {
  border-bottom: 2px solid #51B9EB;
  width: 98%;
  margin-bottom: 0rem;
}
@media screen and (max-width: 739px) {
  .avatar__line__vacancy-list {
    border-bottom: 2px solid #51B9EB;
    width: 100%;
    padding-bottom: 0.25rem;
  }
}

.avatar__line__vacancy-view {
  border-bottom: 1.5px solid #51B9EB;
  width: 90%;
  margin-bottom: 0rem;
}
@media screen and (min-width: 740px) and (max-width: 1036px) {
  .avatar__line__vacancy-view {
    border-bottom: 2px solid #51B9EB;
    width: 94%;
  }
}
@media screen and (max-width: 739px) {
  .avatar__line__vacancy-view {
    border-bottom: 0px solid #51B9EB;
    width: 98%;
  }
}

.avatar__border {
  border-radius: 0;
  width: 100%;
  min-height: 100%;
  background-color: #D8EEF6;
}
@media screen and (max-width: 739px) {
  .avatar__border {
    min-height: 100%;
    width: 100%;
  }
}

.avatar__bg-blue {
  background-color: white;
}
@media screen and (max-width: 739px) {
  .avatar__bg-blue {
    text-decoration: none;
  }
}

.avatar__bg-blue:hover {
  background-color: #EAF6FA;
  border-right: 4px solid #51B9EB;
  margin-right: -4px;
  text-decoration: none;
}
@media screen and (max-width: 739px) {
  .avatar__bg-blue:hover {
    text-decoration: none;
    border-right: 0px solid #51B9EB;
    margin-right: 0px;
    border-bottom: 4px solid #51B9EB;
    margin-bottom: -4px;
  }
}

.avatar__bg-blue-outline {
  background-color: white;
}
@media screen and (max-width: 739px) {
  .avatar__bg-blue-outline {
    text-decoration: none;
  }
}

.avatar__bg-blue-outline:hover {
  background-color: #EAF6FA;
  text-decoration: none;
}

.avatar__bg-blue-selected {
  background-color: #EAF6FA;
  border-right: 4px solid #51B9EB;
  margin-right: -4px;
  text-decoration: none;
}
@media screen and (max-width: 739px) {
  .avatar__bg-blue-selected {
    text-decoration: none;
    border-right: 0px solid #51B9EB;
    margin-right: 0px;
    border-bottom: 4px solid #51B9EB;
    margin-bottom: -4px;
  }
}

.avatar__bg-blue-selected:hover {
  background-color: #EAF6FA;
  border-right: 4px solid #51B9EB;
  margin-right: -4px;
  text-decoration: none;
}
@media screen and (max-width: 739px) {
  .avatar__bg-blue-selected:hover {
    text-decoration: none;
    border-right: 0px solid #51B9EB;
    margin-right: 0px;
    border-bottom: 4px solid #51B9EB;
    margin-bottom: -4px;
  }
}

.avatar__bg-blue-border {
  background-color: white;
}
@media screen and (max-width: 739px) {
  .avatar__bg-blue-border {
    text-decoration: none;
  }
}

.avatar__bg-blue-border:hover {
  border-right: 4px solid #51B9EB;
  margin-right: -4px;
  text-decoration: none;
}
@media screen and (max-width: 739px) {
  .avatar__bg-blue-border:hover {
    text-decoration: none;
    border-right: 0px solid #51B9EB;
    margin-right: 0px;
    border-bottom: 4px solid #51B9EB;
    margin-bottom: -4px;
  }
}

.avatar__bg-yellow {
  background-color: #EAF6FA;
  border: 2px solid #e0c778;
  margin: -2px;
  border-radius: 0px 0px 0px 0px;
}
@media screen and (max-width: 739px) {
  .avatar__bg-yellow {
    border-left: 5px solid #D7B64E;
    margin-left: -5px;
    text-decoration: none;
  }
}

.avatar__bg-yellow:hover {
  background-color: #EAF6FA;
  border-left: 5px solid #D7B64E;
  margin-left: -5px;
  text-decoration: none;
}

.avatar__bg-blue-results {
  background-color: white;
  border-radius: 0px 0px 0px 0px;
}
@media screen and (max-width: 739px) {
  .avatar__bg-blue-results {
    border: 1px solid #5884E7;
    margin-left: -1px;
    text-decoration: none;
  }
}

.avatar__bg-blue-results:hover {
  background-color: #EAF6FA;
  border-left: 5px solid #5884E7;
  margin-left: -5px;
  text-decoration: none;
}
@media screen and (max-width: 739px) {
  .avatar__bg-blue-results:hover {
    background-color: #EAF6FA;
    border: 1px solid #5884E7;
    margin-left: -1px;
    text-decoration: none;
  }
}

.avatar__bg-premium {
  background-color: white;
  border-right: 4px solid #51B9EB;
  margin-right: -4px;
}
@media screen and (max-width: 739px) {
  .avatar__bg-premium {
    background-color: white;
    border-right: 0px solid #51B9EB;
    margin-right: 0px;
    border-bottom: 4px solid #51B9EB;
    margin-bottom: -4px;
    text-decoration: none;
  }
}

.avatar__bg-premium:hover {
  background-color: #EAF6FA;
  border-right: 4px solid #51B9EB;
  margin-right: -4px;
  text-decoration: none;
}
@media screen and (max-width: 739px) {
  .avatar__bg-premium:hover {
    background-color: #EAF6FA;
    border-right: 0px solid #51B9EB;
    margin-right: 0px;
    border-bottom: 4px solid #51B9EB;
    margin-bottom: -4px;
    text-decoration: none;
  }
}

.avatar__bg-premium-list {
  background-color: #F3F9FC;
  border: 2px solid #D8DCDE;
  margin: -2px;
  border-right: 4px solid #51B9EB;
  margin-right: -4px;
}
@media screen and (max-width: 739px) {
  .avatar__bg-premium-list {
    background-color: white;
    border: 1px solid #D8DCDE;
    margin: -1px;
    text-decoration: none;
  }
}

.avatar__bg-premium-list:hover {
  background-color: #EAF6FA;
  border-right: 4px solid #5884E7;
  margin-right: -4px;
  text-decoration: none;
}
@media screen and (max-width: 739px) {
  .avatar__bg-premium-list:hover {
    background-color: #EAF6FA;
    text-decoration: none;
  }
}

.avatar__bg-yellow-results {
  background-color: #EAF6FA;
  border: 2px solid #e0c778;
  margin: -2px;
  border-left: 5px solid #D7B64E;
  margin-left: -5px;
  border-radius: 0px 0px 0px 0px;
}
@media screen and (max-width: 739px) {
  .avatar__bg-yellow-results {
    border-left: 1px solid #D7B64E;
    margin-left: -1px;
    text-decoration: none;
  }
}

.avatar__bg-yellow-results:hover {
  background-color: #D8EEF6;
  border-left: 5px solid #D7B64E;
  margin-left: -5px;
  text-decoration: none;
}
@media screen and (max-width: 739px) {
  .avatar__bg-yellow-results:hover {
    background-color: #EAF6FA;
    border: 2px solid #5884E7;
    margin-left: -2px;
    text-decoration: none;
  }
}

.avatar__tab {
  border-radius: 5px 5px 0px 0px;
}

.avatar__soft__corners {
  border-radius: 5px 5px 5px 5px;
}

.avatar__soft__corners-top {
  border-radius: 5px 5px 0px 0px;
}

.avatar__soft__corners-bottom {
  border-radius: 0px 0px 5px 5px;
}

.avatar__soft__corners-left {
  border-radius: 5px 0px 0px 5px;
}

.avatar__folder {
  color: white;
  padding: 0.5rem;
  height: inherit;
  width: 100%;
  border: none;
  outline: none;
  margin-top: 0rem;
  margin-bottom: 0rem;
  border-radius: 8px 8px 0px 0px;
  font-size: 20px;
}
@media screen and (max-width: 739px) {
  .avatar__folder {
    border-radius: 8px 8px 0px 0px;
    padding: 0.75rem;
    font-size: 16px;
  }
}

.avatar__folder-bottom {
  color: white;
  padding: 10px;
  width: 100%;
  text-align: center;
  border: none;
  outline: none;
  margin-top: 0rem;
  margin-bottom: 0rem;
  border-radius: 0px 0px 5px 5px;
}
@media screen and (max-width: 739px) {
  .avatar__folder-bottom {
    font-size: 0.8rem;
    border-radius: 0px 0px 5px 5px;
    padding: 5px;
  }
}

.avatar__outline {
  height: 18rem;
  border-left: 2px;
  border-right: 2px;
  border-style: solid;
  color: #5884E7;
  background-color: white;
  font-size: 15px;
}
@media screen and (min-width: 740px) and (max-width: 1036px) {
  .avatar__outline {
    height: inherit;
  }
}
@media screen and (max-width: 739px) {
  .avatar__outline {
    height: inherit;
  }
}

.avatar__outline-yellow {
  height: 18rem;
  border-left: 2px;
  border-right: 2px;
  border-style: solid;
  color: #D7B64E;
  background-color: white;
  font-size: 15px;
}
@media screen and (min-width: 740px) and (max-width: 1036px) {
  .avatar__outline-yellow {
    height: inherit;
  }
}
@media screen and (max-width: 739px) {
  .avatar__outline-yellow {
    height: inherit;
  }
}

.avatar__outline-hiw {
  height: 24rem;
  border-left: 2px;
  border-right: 2px;
  border-style: solid;
  color: #5884E7;
  background-color: white;
  font-size: 15px;
}
@media screen and (min-width: 740px) and (max-width: 1036px) {
  .avatar__outline-hiw {
    height: inherit;
  }
}
@media screen and (max-width: 739px) {
  .avatar__outline-hiw {
    height: inherit;
  }
}

.avatar__outline-hiw-yellow {
  height: 24rem;
  border-left: 2px;
  border-right: 2px;
  border-style: solid;
  color: #D7B64E;
  background-color: white;
  font-size: 15px;
}
@media screen and (min-width: 740px) and (max-width: 1036px) {
  .avatar__outline-hiw-yellow {
    height: inherit;
  }
}
@media screen and (max-width: 739px) {
  .avatar__outline-hiw-yellow {
    height: inherit;
  }
}

.avatar__outline__blue {
  border: 2px solid #5884E7;
}

.avatar__outline__basic {
  border: 2px solid #51B9EB;
}

.avatar__outline__basic__lighter {
  border: 2px solid #dee7fa;
}

.avatar__outline__thin {
  border: 1px solid #dee7fa;
}

.avatar__outline__half {
  border: 1px solid #EAF6FA;
}

.avatar__outline__gray {
  border: 1px solid #c4c5c5;
}

.avatar__outline__gray__2px {
  border: 2px solid #eceef0;
}

.avatar__candidates__list {
  border: 2px solid #eceef0;
}

.avatar__candidates__list:hover {
  border: 2px solid #51B9EB;
}

.avatar__circular__landscape {
  display: inline-block;
  position: relative;
  width: 60px;
  height: 60px;
  overflow: hidden;
  border-radius: 50%;
}

.avatar__circular__landscape img {
  width: auto;
  height: 100%;
  margin-left: 0px;
}

.avatar__center {
  width: 90%;
  display: inline-block;
  margin-left: 5%;
  margin-right: 5%;
}
@media screen and (min-width: 740px) and (max-width: 1036px) {
  .avatar__center {
    width: 100%;
    margin-left: 0%;
    margin-right: 0%;
  }
}
@media screen and (max-width: 739px) {
  .avatar__center {
    width: 96%;
    margin-left: 2%;
    margin-right: 2%;
  }
}

.avatar__center__pdf {
  width: 80%;
  display: inline-block;
  margin-left: 10%;
  margin-right: 10%;
}
@media screen and (min-width: 740px) and (max-width: 1036px) {
  .avatar__center__pdf {
    width: 100%;
    margin-left: 0%;
    margin-right: 0%;
  }
}
@media screen and (max-width: 739px) {
  .avatar__center__pdf {
    width: 96%;
    margin-left: 2%;
    margin-right: 2%;
  }
}

.avatar__shadow {
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1), 0 5px 10px 0 rgba(0, 0, 0, 0.1);
}

.avatar__vacancy-thumb {
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.12), 0 2px 3px 0 rgba(0, 0, 0, 0.12);
}
@media screen and (max-width: 739px) {
  .avatar__vacancy-thumb {
    position: absolute;
    width: 7.25rem;
    margin-left: 0.25rem;
  }
}
@media screen and (max-width: 374px) {
  .avatar__vacancy-thumb {
    position: absolute;
    width: 5rem;
    margin-left: 0.5rem;
  }
}

@media screen and (max-width: 739px) {
  .avatar__vacancy-desc {
    text-align: right;
    font-size: 14px;
    padding-left: 1rem;
    padding-bottom: 1.75rem;
  }
}
@media screen and (max-width: 374px) {
  .avatar__vacancy-desc {
    text-align: right;
    font-size: 12px;
    padding-left: 1rem;
    padding-bottom: 1.5rem;
  }
}

@media screen and (max-width: 739px) {
  .avatar__vacancy-detail {
    font-size: 14px;
    padding-top: 0.75rem;
    padding-left: 1.25rem;
  }
}

.avatar__vacancy_faq {
  box-shadow: 0 0 4px 3px rgba(0, 0, 0, 0.03), 0 0 4px 3px rgba(0, 0, 0, 0.03);
}
@media screen and (max-width: 739px) {
  .avatar__vacancy_faq {
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.2), 0 2px 8px 0 rgba(0, 0, 0, 0.12);
  }
}

.avatar__vacancy-shadow {
  box-shadow: 0 0 4px 3px rgba(0, 0, 0, 0.04), 0 0 4px 3px rgba(0, 0, 0, 0.04);
}
@media screen and (max-width: 739px) {
  .avatar__vacancy-shadow {
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.2), 0 2px 8px 0 rgba(0, 0, 0, 0.12);
  }
}

.avatar__shadow_listings {
  box-shadow: 0px 3px 6px 0px rgba(140, 149, 159, 0.15);
}

.avatar__shadow-jobs {
  box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.04), 0 0 1px 1px rgba(0, 0, 0, 0.04);
}
@media screen and (max-width: 739px) {
  .avatar__shadow-jobs {
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.04), 0 1px 1px 0 rgba(0, 0, 0, 0.04);
  }
}

.avatar__shadow-input {
  box-shadow: 1px 1px 3px 2px rgba(0, 0, 0, 0.02), 1px 1px 3px 2px rgba(0, 0, 0, 0.02);
  border-radius: 6px;
}
@media screen and (max-width: 739px) {
  .avatar__shadow-input {
    box-shadow: 1px 1px 3px 2px rgba(0, 0, 0, 0.02), 1px 1px 3px 2px rgba(0, 0, 0, 0.02);
    border-radius: 6px;
  }
}

.avatar__grow {
  transition: all 0.2s ease;
}
.avatar__grow .avatar__grow:hover {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}

.avatar__star {
  position: relative;
  float: right;
  padding-top: 14px;
  right: 25px;
  width: 40px;
  min-height: 50px;
}

.avatar__star-list {
  position: absolute;
  padding-top: 14px;
  margin-top: -4px;
  margin-left: 20px;
  width: 45px;
  min-height: 56px;
}

.avatar__star-list-right {
  position: absolute;
  padding-top: 14px;
  margin-top: -4px;
  margin-right: 20px;
  width: 45px;
  min-height: 56px;
}

.avatar__star-listing {
  width: 1.75rem;
  height: 1.75rem;
  border-radius: 50%;
  font-size: 1rem;
  color: white;
  line-height: 1.9rem;
  text-align: center;
  position: absolute;
  display: inline-block;
  background: #5884E7;
  margin-top: 5px;
  margin-left: 1rem;
}
@media screen and (max-width: 739px) {
  .avatar__star-listing {
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    font-size: 24px;
    color: white;
    line-height: 2.1rem;
    text-align: center;
    position: relative;
    display: inline-block;
    background: #5884E7;
    margin-top: 0px;
    margin-left: 0.5rem;
  }
}

.avatar__star-claimed {
  width: 1.75rem;
  height: 1.75rem;
  border-radius: 50%;
  font-size: 1rem;
  color: white;
  line-height: 1.9rem;
  text-align: center;
  position: absolute;
  display: inline-block;
  background: #C8C8C8;
  margin-top: 5px;
  margin-left: 1rem;
}
@media screen and (max-width: 739px) {
  .avatar__star-claimed {
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    font-size: 24px;
    color: white;
    line-height: 2.1rem;
    text-align: center;
    position: relative;
    display: inline-block;
    background: #C8C8C8;
    margin-top: 0px;
    margin-left: 0.5rem;
  }
}

.avatar__star-analytics {
  width: 1.15rem;
  height: 1.15rem;
  border-radius: 50%;
  font-size: 0.75rem;
  color: white;
  line-height: 1.25rem;
  text-align: center;
  display: inline-block;
  background: #5884E7;
  margin-right: 0.5rem;
}

.avatar__star-recruitment {
  width: 1.15rem;
  height: 1.15rem;
  border-radius: 50%;
  font-size: 0.8rem;
  color: white;
  line-height: 1.25rem;
  text-align: center;
  font-weight: 900;
  display: inline-block;
  background: #c4c5c5;
  margin-right: 0.5rem;
}

.avatar__star-top-left {
  position: absolute;
  width: 0;
  height: 0;
  border-top: 56px solid #303F4B;
  border-right: 56px solid transparent;
}

.avatar__star-top-left-small {
  position: absolute;
  width: 0;
  height: 0;
  border-top: 42px solid #303F4B;
  border-right: 42px solid transparent;
}

/**
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    contenteditable attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that are clearfixed.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.avatar__cf:before,
.avatar__cf:after {
  content: " "; /* 1 */
  display: table; /* 2 */
}

.avatar__cf:after {
  clear: both;
}

/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.avatar__cf {
  *zoom: 1;
}
@media screen and (max-width: 739px) {
  .avatar__cf {
    *zoom: 0;
  }
}

/* The sticky */
.avatar__sidebar {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
}
@media screen and (max-width: 739px) {
  .avatar__sidebar {
    position: relative;
  }
}

.avatar__sidebar-top {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
}

.avatar__sticky-mobile {
  display: none;
}
@media screen and (max-width: 739px) {
  .avatar__sticky-mobile {
    display: block;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1;
  }
}

.avatar__hidden-mobile {
  display: block;
}
@media screen and (max-width: 739px) {
  .avatar__hidden-mobile {
    display: none;
  }
}

.avatar__hidden-large {
  display: none;
}
@media screen and (max-width: 739px) {
  .avatar__hidden-large {
    display: block;
  }
}

.avatar__hidden-plans-large {
  display: none;
}
@media screen and (max-width: 739px) {
  .avatar__hidden-plans-large {
    display: table-cell;
  }
}

.avatar__hidden-base {
  display: block;
}
@media screen and (max-width: 739px) {
  .avatar__hidden-base {
    display: none;
  }
}

.avatar__sidebar-padding-top {
  position: -webkit-sticky;
  position: sticky;
  top: 80px;
}
@media screen and (max-width: 739px) {
  .avatar__sidebar-padding-top {
    position: relative;
    top: 0px;
  }
}

.avatar__hidden-sidebar {
  display: block;
  top: 0;
  z-index: 1;
}
@media screen and (max-width: 739px) {
  .avatar__hidden-sidebar {
    display: none;
  }
}

.avatar__transparent {
  opacity: 0.9;
}

.avatar__primary__image {
  max-height: 180px;
  margin-top: -20px;
  margin-bottom: -20px;
}
@media screen and (max-width: 739px) {
  .avatar__primary__image {
    max-height: 100%;
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 16px;
  }
}

.avatar__circle__quadrants {
  border-radius: 10px;
  border-top-color: #5da8dc;
  border-right-color: #87b9e4;
  border-bottom-color: #adcdec;
  border-left-color: #1e99d5;
  border-width: 10px;
  border-style: solid;
  /* To ratate */
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.star-ratings-css {
  unicode-bidi: bidi-override;
  color: #D8DCDE;
  font-size: 24px;
  height: 25px;
  width: 100px;
  margin: 0 auto;
  position: relative;
  padding: 0;
  text-shadow: 0px 1.5px 0 #a2a2a2;
}
.star-ratings-css-top {
  color: #1799D6;
  padding: 0;
  position: absolute;
  z-index: 1;
  display: block;
  top: 0;
  left: 0;
  overflow: hidden;
}
.star-ratings-css-bottom {
  padding: 0;
  display: block;
  z-index: 0;
}

.avatar__form__background {
  min-height: 770px;
}
@media screen and (min-width: 740px) and (max-width: 1036px) {
  .avatar__form__background {
    min-height: 770px;
  }
}
@media screen and (max-width: 739px) {
  .avatar__form__background {
    min-height: 770px;
  }
}

.avatar__dot__small__blue {
  height: 11px;
  width: 11px;
  background-color: #5884E7;
  border-radius: 50%;
  display: inline-block;
}

.avatar__dot__small__green {
  height: 11px;
  width: 11px;
  background-color: #5bbc68;
  border-radius: 50%;
  display: inline-block;
}

.avatar__dot__small__yellow {
  height: 11px;
  width: 11px;
  background-color: #fcaf1e;
  border-radius: 50%;
  display: inline-block;
}

.avatar__dot__small__red {
  height: 11px;
  width: 11px;
  background-color: #D51620;
  border-radius: 50%;
  display: inline-block;
}

.avatar__dot__small__gray {
  height: 11px;
  width: 11px;
  background-color: #eceef0;
  border-radius: 50%;
  display: inline-block;
}

.avatar__dot__medium__blue {
  height: 18px;
  width: 18px;
  background-color: #5884E7;
  border-radius: 50%;
  display: inline-block;
}

.avatar__dot__medium__red {
  height: 18px;
  width: 18px;
  background-color: #D51620;
  border-radius: 50%;
  display: inline-block;
}

.avatar__dot__medium__gray {
  height: 18px;
  width: 18px;
  background-color: #eceef0;
  border-radius: 50%;
  display: inline-block;
}

.avatar__dot__red__unread {
  height: 16px;
  width: 16px;
  background-color: #D51620;
  border-radius: 50%;
  display: inline-block;
}

.avatar__dot__blue__unread {
  height: 16px;
  width: 16px;
  background-color: #5884E7;
  border-radius: 50%;
  display: inline-block;
}

.avatar__scew {
  transform: skew(-5deg);
  -webkit-transform: skew(-5deg);
}

.featured__results__container {
  position: relative;
  text-align: center;
  color: white;
}

.featured__results__text {
  position: absolute;
  background-color: #303F4B;
  border-radius: 42px;
  color: white;
  padding: 1px 12px 1px 12px;
  font-size: 12px;
  font-weight: 700;
  top: 8px;
  left: 8px;
}

.describe_yourself_align {
  text-align: left;
}
@media screen and (max-width: 739px) {
  .describe_yourself_align {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    text-align: center;
  }
}

.overlay-container {
  position: relative;
  display: inline-block;
}

.overlay-container .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #F3F9FC;
  opacity: 0;
  transition: opacity 0.3s ease;
  border-radius: 0px;
}

.overlay-container:hover .overlay {
  opacity: 0.05;
}

/* LEFT BRACKET  [  */
.avatar-bracket-left {
  position: relative; /* keeps everything in normal flow */
}

/* vertical spine */
.avatar-bracket-left::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: -8px; /* sits 8 px outside the box */
  border-left: 3px solid #dee0e7;
}

/* top arm */
.avatar-bracket-left::after {
  content: "";
  position: absolute;
  top: 0;
  left: -8px; /* starts at the same offset          */
  width: 10px; /* 12 px visible  + 8 px hanging out  */
  border-top: 3px solid #dee0e7;
}

/* bottom arm (real element in the markup) */
.avatar-bracket-left-bottom {
  position: absolute;
  left: -8px; /* same offset as the other parts     */
  bottom: 0;
  width: 10px; /* 12 px visible  + 8 px hanging out  */
  border-bottom: 3px solid #dee0e7;
}

/* RIGHT BRACKET  ]  */
.avatar-bracket-right {
  position: absolute;
  top: 0;
  right: -24px; /* hangs 8 px outside, matches left side */
  bottom: 0; /* full height */
  width: 10px; /* arm length inside */
  border-right: 3px solid #dee0e7;
  border-top: 3px solid #dee0e7;
}

.avatar-bracket-right-bottom {
  position: absolute;
  right: -24px;
  bottom: 0;
  width: 10px;
  border-bottom: 3px solid #dee0e7;
}

/* LEFT BRACKET  [  */
.avatar-bracket-left {
  position: relative; /* keeps everything in normal flow */
}

.avatar-bar-left {
  position: relative;
}

.avatar-bar-left::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: -8px;
  border-left: 5px solid #5884E7;
}

.avatar-bar-right {
  position: absolute;
  top: 0;
  bottom: 0;
  right: -24px;
  border-right: 5px solid #5884E7;
}

.border-blue {
  border-top: 2.6666666667px solid #5884E7;
  box-shadow: 0 3px 16px 0 rgba(0, 0, 0, 0.16), 0 3px 4px 0 rgba(0, 0, 0, 0.16);
}

.border-yellow {
  border-top: 2.6666666667px solid #D7B64E;
  box-shadow: 0 3px 16px 0 rgba(0, 0, 0, 0.16), 0 3px 4px 0 rgba(0, 0, 0, 0.16);
}

.border-blue-solid {
  border-top: 2.6666666667px solid #5884E7;
  box-shadow: 0 3px 16px 0 rgba(0, 0, 0, 0.16), 0 3px 4px 0 rgba(0, 0, 0, 0.16);
}

@media screen and (min-width: 740px) {
  .border-blue-solid {
    border-top: 0;
    position: relative;
  }
  .border-blue-solid:before {
    position: absolute;
    top: 0;
    left: -8px;
    width: 8px;
    height: 100%;
    background: linear-gradient(180deg, #51B9EB 0%, #51B9EB 25%, #51B9EB 50%, #51B9EB 75%, #51B9EB 100%);
    content: "";
  }
  .border-blue {
    border-top: 0;
    position: relative;
  }
  .border-blue:before {
    position: absolute;
    top: 0;
    left: -8px;
    width: 8px;
    height: 100%;
    background: linear-gradient(180deg, #5884E7 0%, #5884E7 25%, #51B9EB 25%, #51B9EB 50%, #dee7fa 50%, #dee7fa 75%, #D8EEF6 75%, #D8EEF6 100%);
    content: "";
  }
  .border-yellow {
    border-top: 0;
    position: relative;
  }
  .border-yellow:before {
    position: absolute;
    top: 0;
    left: -8px;
    width: 8px;
    height: 100%;
    background: linear-gradient(180deg, #D7B64E 0%, #D7B64E 25%, #e0c778 25%, #e0c778 50%, #ead8a1 50%, #ead8a1 75%, #f3e9cb 75%, #f3e9cb 100%);
    content: "";
  }
}
.outlined {
  border: 1px solid currentColor;
}
.outlined--gray {
  border: 1px solid #c4c5c5;
}

.border--thin {
  border-top: 1px solid #5884E7;
}

.grade {
  width: 4rem;
  height: 4.0434375rem;
  max-width: 100%;
}
.grade__sm {
  width: 2rem;
  height: 2.02171875rem;
  max-width: 100%;
}
.grade__md {
  width: 2.68rem;
  height: 2.68rem;
  max-width: 100%;
}
.grade__listings {
  width: 5rem;
  height: 5rem;
  max-width: 5rem;
  margin-top: -25px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 739px) {
  .grade__listings {
    margin-top: 0px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 739px) {
  .grade__browse {
    width: 2rem;
    float: right;
  }
}
.grade__portfolio {
  width: 5rem;
  height: 5rem;
  max-width: 100%;
}
.grade__caption {
  max-width: 5.25rem;
}
@media screen and (min-width: 740px) {
  .grade__caption-lg {
    max-width: 9rem;
  }
}
@media screen and (max-width: 739px) {
  .grade__caption-lg {
    margin-left: 0.6rem;
  }
}

.small--grade {
  width: 2rem;
  height: 2.02171875rem;
  max-width: 100%;
}
@media screen and (min-width: 740px) {
  .small--grade {
    width: 4rem;
    height: 4.0434375rem;
    max-width: 100%;
  }
}

/* =============================================
# Google Rating and Attribution Styles
============================================= */
/* Overall Star Rating Styles */
.google-overall-star-rating {
  position: relative;
  display: inline-block;
  font-size: 1.4em; /* Adjust as needed */
  color: #ccc; /* Color for empty stars */
  margin: 0 5px;
  font-family: "Arial", sans-serif; /* Ensure consistent font */
}

.google-overall-star-rating::before {
  content: "★★★★★";
  position: absolute;
  top: 0;
  left: 0;
  width: calc(var(--rating) * 20%);
  overflow: hidden;
  white-space: nowrap;
  color: #F5A850; /* Gold color for filled stars */
  transition: width 0.2s ease-in-out;
  pointer-events: none; /* Prevent interaction */
}

.google-overall-star-rating::after {
  content: attr(aria-label);
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  visibility: hidden;
  pointer-events: none;
}

/* Google Profile Link Styles */
.google-profile-link {
  font-size: 1em;
  color: #5884E7;
  text-decoration: none;
}

.google-profile-link:hover {
  text-decoration: underline;
}

/* Individual Review Styles */
.google-review {
  border: 1px solid #ccc;
  padding: 15px;
  margin-bottom: 15px;
  border-radius: 5px;
  position: relative;
  transition: background-color 0.3s;
}

.google-review:hover {
  background-color: #f9f9f9;
}

.google-reviewer-photo-link {
  float: left;
  margin-right: 15px;
  display: inline-block;
}

.google-reviewer-photo {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  object-fit: cover;
  cursor: pointer;
  transition: -webkit-transform 0.2s;
  transition: transform 0.2s;
  transition: transform 0.2s, -webkit-transform 0.2s;
}

.google-reviewer-photo:hover {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}

.google-review-author-time {
  overflow: hidden;
}

.google-review-author-link {
  text-decoration: none;
  color: #5884E7;
  font-weight: bold;
}

.google-review-author-link:hover {
  color: #82A3ED;
}

.google-review-author-name {
  font-weight: bold;
  color: #5884E7;
}

.google-review-date {
  color: #5F6368;
  margin-left: 5px;
  font-size: 16px;
}

.google-review-rating {
  margin-bottom: 10px;
  font-size: 1.2em;
  color: #F5A850; /* Gold color for stars */
}

.google-review-text {
  white-space: pre-wrap;
  margin-top: 5px;
  color: #303F4B;
  font-size: 16px;
}

.google-view-on-google {
  margin-top: 10px;
  color: #5884E7;
}

.google-view-on-google-link {
  color: #1a73e8; /* Google blue */
  text-decoration: none;
  font-weight: bold;
}

.google-view-on-google-link:hover {
  text-decoration: underline;
}

.google-error {
  color: #303F4B;
  font-weight: bold;
}

/* =============================================
# New Styles for Overall Rating and Attribution
============================================= */
/* Main Container for Overall Rating and Attribution */
.google-overall-rating-container {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; /* Allows wrapping on smaller screens */
  padding: 10px 0; /* Optional: Adjust spacing */
}

/* Rating Section (Left Side) */
.google-rating-section {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; /* Allows wrapping on smaller screens */
}

/* Reviews Count Link */
.google-reviews-link {
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 16px;
  letter-spacing: 0.0575em; /* 0.69px */
  color: #5F6368; /* Adjust color as needed */
  text-decoration: none;
  margin-left: 5px; /* Space between stars and reviews count */
}

.google-reviews-link:hover {
  text-decoration: underline;
}

/* Attribution Section (Right Side) */
.google-attribution-section {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 10px; /* Space for wrapping on smaller screens */
}

/* "Powered by" Text */
.google-powered-by-text {
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 16px;
  letter-spacing: 0.0575em; /* 0.69px */
  color: #5F6368; /* Adjust color as needed */
}

/* Google Logo Image */
.google-logo {
  height: 20px; /* Adjust size as needed */
  margin-left: 5px; /* Space between text and logo */
}

/* Responsive Adjustments */
@media (max-width: 600px) {
  .google-overall-rating-container {
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .google-attribution-section {
    margin-top: 10px;
  }
}
.google-reviews-button {
  display: inline-block;
  margin-top: 10px;
  padding: 10px 32px;
  color: #fff;
  background-color: #5884E7;
  text-decoration: none;
  border-radius: 42px;
  font-weight: bold;
  font-size: 16px;
  cursor: pointer;
}
.google-reviews-button:active, .google-reviews-button:focus, .google-reviews-button:hover {
  background-color: #51B9EB;
  color: #fff;
}

/* rating icon width / height */
.icon {
  width: 1rem;
  height: 1rem;
}
.icon__md {
  width: 3rem;
  height: 3rem;
}
.icon__lg {
  width: 4rem;
  height: 4rem;
}
.icon__lg-container {
  width: 5rem;
  height: 5rem;
}
.icon-social {
  width: 1.625rem;
  height: 1.625rem;
}
.icon-social-share {
  width: 1.9rem;
  height: 1.9rem;
  margin-right: 0.25rem;
  margin-left: 0.25rem;
}
@media screen and (max-width: 739px) {
  .icon-social-share {
    width: 1.9rem;
    height: 1.9rem;
    margin-right: 0.25rem;
    margin-left: 0.25rem;
  }
}

.icon--portfolio {
  width: 0.75rem;
  height: 0.75rem;
}

.icon--isPro {
  width: 1.15rem;
  height: 1.35rem;
  margin-bottom: 0.1rem;
  margin-right: 0.1rem;
  vertical-align: bottom;
}

.icon--vacancy {
  width: 0.85rem;
  height: 0.85rem;
  margin-bottom: 0.2rem;
}

.icon--vacancy-list {
  width: 1rem;
  height: 1rem;
}

.icon--rating {
  width: 3.25581396rem;
  height: 4rem;
}

.side-icons {
  display: inline-block;
  vertical-align: top;
  padding-top: 4px;
  float: left;
  height: 170px;
}

.side-input-icon {
  float: left;
  padding: 2px 2px 0 0;
}

.icon-submission-field {
  display: inline-block;
  width: 250px;
  padding: 2px 2px 2px 2px;
}

.icon-gutter {
  width: 22px;
  height: 100px;
  float: left;
  display: inline-block;
}
@media only screen and (max-width: 768px) {
  .icon-gutter {
    width: 20px;
  }
}

.mapboxgl-marker {
  width: 34px;
  height: 34px;
}

.rating-star-percent {
  color: #303F4B;
  display: inline-block;
  overflow: hidden;
}

.rating-star-percent::before {
  content: "★★★★★";
}

.star-rating {
  unicode-bidi: bidi-override;
  color: #C8C8C8;
  font-size: 25px;
  height: 25px;
  width: 125px;
  margin: 0 auto;
  position: relative;
  display: inline-block;
}

.back-stars {
  display: block;
  color: #C8C8C8;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
}

.front-stars {
  display: block;
  color: #1799D6;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  white-space: nowrap;
}

.comment__body-info {
  width: 86%;
}

.comment__body-grade {
  width: 14%;
}

.comment:not(:last-of-type) {
  border-bottom: 1px solid #c4c5c5;
}

.comment__response {
  border-left: 5px solid #51B9EB;
}

.comment__response p {
  margin-top: 0;
}

.comment__response p:last-of-type {
  margin-bottom: 0;
}

.hero__results {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
}
@media screen and (min-width: 740px) {
  .hero__results {
    height: 15rem;
  }
}
@media screen and (max-width: 739px) {
  .hero__results {
    height: 20rem;
  }
}
.hero__results__offset-results {
  margin-top: -19rem;
}
@media screen and (min-width: 740px) {
  .hero__results__offset-results {
    margin-top: -15rem;
  }
}
.hero__results__gradient {
  width: 100%;
  height: 100%;
  bottom: 0;
  left: 0;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0.85) 0%, rgba(255, 255, 255, 0.85) 10%, rgba(255, 255, 255, 0.85) 15%, rgba(255, 255, 255, 0.85) 20%, rgba(255, 255, 255, 0.85) 25%, rgba(255, 255, 255, 0.85) 30%, rgba(255, 255, 255, 0.85) 35%, rgba(255, 255, 255, 0.85) 40%, rgba(255, 255, 255, 0.85) 45%, rgba(255, 255, 255, 0.85) 50%, rgba(255, 255, 255, 0.85) 55%, rgba(255, 255, 255, 0.85) 60%, rgba(255, 255, 255, 0.85) 65%, rgba(255, 255, 255, 0.85) 70%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0.9) 80%, rgba(255, 255, 255, 0.95) 85%, rgba(255, 255, 255, 0.95) 90%, rgba(255, 255, 255, 0.95) 95%, white 100%);
}
@media screen and (max-width: 739px) {
  .hero__results__gradient {
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0.85) 0%, rgba(255, 255, 255, 0.85) 10%, rgba(255, 255, 255, 0.85) 20%, rgba(255, 255, 255, 0.85) 30%, rgba(255, 255, 255, 0.85) 40%, rgba(255, 255, 255, 0.85) 50%, rgba(255, 255, 255, 0.9) 60%, rgba(255, 255, 255, 0.9) 70%, rgba(255, 255, 255, 0.9) 80%, rgba(255, 255, 255, 0.95) 90%, rgba(255, 255, 255, 0) 100%);
  }
}

.hero {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
}
@media screen and (min-width: 740px) {
  .hero {
    height: 40rem;
  }
}
@media screen and (max-width: 739px) {
  .hero {
    height: 25rem;
  }
}
.hero__offset {
  margin-top: -19rem;
}
@media screen and (min-width: 740px) {
  .hero__offset {
    margin-top: -35rem;
  }
}
.hero__offset-browse {
  margin-top: -21rem;
}
@media screen and (min-width: 740px) {
  .hero__offset-browse {
    margin-top: -35rem;
  }
}
.hero__offset-claim {
  margin-top: -21rem;
}
@media screen and (min-width: 740px) {
  .hero__offset-claim {
    margin-top: -37rem;
  }
}
@media screen and (max-width: 739px) {
  .hero__offset-portfolio {
    margin-top: -5.6rem;
    padding-top: 0.75rem;
    margin-left: 1.5rem;
    margin-right: 1.5rem;
    height: 4rem;
    background-color: white;
    font-size: 8pt;
    opacity: 0.88;
  }
}
@media screen and (max-width: 739px) {
  .hero__offset-grade {
    margin-top: -5rem;
    padding-top: 1.4rem;
    margin-right: -26px;
    text-align: right;
    height: 4rem;
  }
}
.hero__offset-edit {
  margin-top: -32rem;
}
@media screen and (max-width: 739px) {
  .hero__offset-edit {
    margin-top: -16rem;
  }
}
.hero__offset-providers {
  margin-top: -6rem;
}
@media screen and (max-width: 739px) {
  .hero__offset-providers {
    margin-top: -4rem;
  }
}
.hero__gradient {
  width: 100%;
  height: 100%;
  bottom: 0;
  left: 0;
  background: linear-gradient(to bottom, rgba(243, 249, 252, 0.85) 0%, rgba(243, 249, 252, 0.85) 10%, rgba(243, 249, 252, 0.85) 15%, rgba(243, 249, 252, 0.85) 20%, rgba(243, 249, 252, 0.85) 25%, rgba(243, 249, 252, 0.85) 30%, rgba(243, 249, 252, 0.9) 35%, rgba(243, 249, 252, 0.9) 40%, rgba(243, 249, 252, 0.9) 45%, rgba(243, 249, 252, 0.9) 50%, rgba(243, 249, 252, 0.9) 55%, rgba(243, 249, 252, 0.9) 60%, rgba(243, 249, 252, 0.9) 65%, rgba(243, 249, 252, 0.9) 70%, rgba(243, 249, 252, 0.9) 75%, rgba(243, 249, 252, 0.9) 80%, rgba(243, 249, 252, 0.9) 85%, rgba(243, 249, 252, 0.9) 90%, rgba(243, 249, 252, 0.95) 95%, #f3f9fc 100%);
}
@media screen and (max-width: 739px) {
  .hero__gradient {
    background: linear-gradient(to bottom, rgba(243, 249, 252, 0.8) 0%, rgba(243, 249, 252, 0.8) 10%, rgba(243, 249, 252, 0.8) 20%, rgba(243, 249, 252, 0.8) 30%, rgba(243, 249, 252, 0.8) 40%, rgba(243, 249, 252, 0.8) 50%, rgba(243, 249, 252, 0.8) 60%, rgba(243, 249, 252, 0.85) 70%, rgba(243, 249, 252, 0.9) 80%, rgba(243, 249, 252, 0.95) 90%, #f3f9fc 100%);
  }
}
.hero__gradient-listings {
  width: 100%;
  height: 100%;
  bottom: 0;
  left: 0;
  background: linear-gradient(to bottom, rgba(243, 249, 252, 0.5) 10%, rgba(243, 249, 252, 0.5) 20%, rgba(243, 249, 252, 0.5) 30%, rgba(243, 249, 252, 0.5) 40%, rgba(243, 249, 252, 0.5) 50%, rgba(243, 249, 252, 0.5) 60%, rgba(243, 249, 252, 0.5) 70%, rgba(243, 249, 252, 0.5) 80%, rgba(243, 249, 252, 0.5) 90%, rgba(243, 249, 252, 0.5) 100%);
}
.hero__gradient-plan {
  width: 100%;
  height: 100%;
  bottom: 0;
  left: 0;
  background: linear-gradient(to bottom, rgba(48, 63, 75, 0.4) 0%, rgba(48, 63, 75, 0.4) 100%);
}
.hero__gradient-browse {
  width: 100%;
  height: 100%;
  bottom: 0;
  left: 0;
  background: linear-gradient(to bottom, rgba(48, 63, 75, 0.6) 0%, rgba(48, 63, 75, 0.6) 100%);
}
.hero__gradient-home {
  width: 100%;
  height: 100%;
  bottom: 0;
  left: 0;
  background: linear-gradient(to bottom, rgba(48, 63, 75, 0.4) 0%, rgba(48, 63, 75, 0.4) 100%);
}
@media screen and (max-width: 739px) {
  .hero__gradient-home {
    width: 100%;
    height: 100%;
    bottom: 0;
    left: 0;
    background: linear-gradient(to bottom, rgba(48, 63, 75, 0.75) 0%, rgba(48, 63, 75, 0.75) 100%);
  }
}
.hero--homepage {
  position: relative;
  background-image: url("../images/FPO/hero-homepage-new-small.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top center;
  max-height: 470px;
}
.hero--homepage:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 112.5%;
}
.hero--homepage > .hero__container {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
@media screen and (min-width: 600px) {
  .hero--homepage {
    position: relative;
    background-image: url("../images/FPO/hero-homepage-new.png");
    max-height: 530px;
  }
  .hero--homepage:before {
    display: block;
    content: "";
    width: 100%;
    padding-top: 66.6666666667%;
  }
  .hero--homepage > .hero__container {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
}
@media screen and (min-width: 740px) {
  .hero--homepage {
    position: relative;
    background-image: url("../images/FPO/hero-homepage-new.png");
    min-height: 530px;
    max-height: 530px;
  }
  .hero--homepage:before {
    display: block;
    content: "";
    width: 100%;
    padding-top: 45%;
  }
  .hero--homepage > .hero__container {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
}
@media screen and (min-width: 1036px) {
  .hero--homepage {
    position: relative;
    background-image: url("../images/FPO/hero-homepage-new.png");
    max-height: 530px;
  }
  .hero--homepage:before {
    display: block;
    content: "";
    width: 100%;
    padding-top: 45%;
  }
  .hero--homepage > .hero__container {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
}
.hero--provider-types {
  position: relative;
  background-image: url("../images/FPO/hero-carelistings-bg.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  max-height: 360px;
}
.hero--provider-types:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 112.5%;
}
.hero--provider-types > .hero__container {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
@media screen and (min-width: 600px) {
  .hero--provider-types {
    position: relative;
    background-image: url("../images/FPO/hero-carelistings-bg.png");
    max-height: 360px;
  }
  .hero--provider-types:before {
    display: block;
    content: "";
    width: 100%;
    padding-top: 66.6666666667%;
  }
  .hero--provider-types > .hero__container {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
}
@media screen and (min-width: 740px) {
  .hero--provider-types {
    position: relative;
    background-image: url("../images/FPO/hero-carelistings-bg.png");
    max-height: 380px;
  }
  .hero--provider-types:before {
    display: block;
    content: "";
    width: 100%;
    padding-top: 45%;
  }
  .hero--provider-types > .hero__container {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
}
.hero--authorize {
  position: relative;
  background-image: url("../images/FPO/hero-carelistings-bg.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top center;
  min-height: 940px;
}
.hero--authorize:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 112.5%;
}
.hero--authorize > .hero__container {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
@media screen and (min-width: 600px) {
  .hero--authorize {
    position: relative;
    background-image: url("../images/FPO/hero-carelistings-bg.png");
    min-height: 860px;
  }
  .hero--authorize:before {
    display: block;
    content: "";
    width: 100%;
    padding-top: 66.6666666667%;
  }
  .hero--authorize > .hero__container {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
}
@media screen and (min-width: 740px) {
  .hero--authorize {
    position: relative;
    background-image: url("../images/FPO/hero-carelistings-bg.png");
    min-height: 860px;
  }
  .hero--authorize:before {
    display: block;
    content: "";
    width: 100%;
    padding-top: 45%;
  }
  .hero--authorize > .hero__container {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
}
.hero--homepage--listings {
  background-image: url("../images/FPO/hero-homepage-listings.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: bottom center;
  height: 425px;
}
.hero--listings {
  background-image: url("../images/FPO/hero-homepage.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top center;
  height: 175px;
}
@media screen and (max-width: 739px) {
  .hero--listings {
    height: 250px;
  }
}

/* Container holding the image and the text */
.hero-vacancies--container {
  position: relative;
  text-align: center;
  color: white;
}

.hero-vacancies--container:hover {
  border: 2px solid #D7B64E;
  margin: -2px;
  text-decoration: none;
}

.hero-vacancies--container-text {
  position: absolute;
  top: 50%;
  left: 50%;
  right: -25%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.hero--honorRoll {
  background-image: url("../images/FPO/cityscape--small.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: bottom center;
}
@media screen and (min-width: 600px) {
  .hero--honorRoll {
    background-image: url("../images/FPO/cityscape--medium.jpg");
  }
}
@media screen and (min-width: 740px) {
  .hero--honorRoll {
    background-image: url("../images/FPO/cityscape--large.jpg");
  }
}

.box-shadow, .awesomplete ul {
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.14), 0 2px 8px rgba(0, 0, 0, 0.14);
}

.modal-dimmer {
  top: 0;
  left: 0;
  overflow: scroll;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: 0;
  visibility: hidden;
  background-color: rgba(48, 63, 75, 0.98);
  transition: opacity 0.16s;
}
.modal-dimmer.js-is-active {
  opacity: 1;
  visibility: visible;
  z-index: 3;
  display: block;
}

.modal-container {
  top: 0;
  left: 0;
  overflow: scroll;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: 0;
  visibility: hidden;
  transition: opacity 0.64s;
}
.modal-container .wrapper,
.modal-container .layout {
  height: 100%;
}
.modal-container.js-is-active {
  z-index: 100;
  visibility: visible;
  opacity: 1;
}

.modal-window__close {
  top: 1.45rem;
  right: 0.5rem;
  width: 1.6rem;
  height: 1.6rem;
}
@media screen and (min-width: 600px) {
  .modal-window__close {
    right: 0;
  }
}

.awesomplete {
  position: relative;
}
.awesomplete ul {
  position: absolute;
  margin-top: 0.25rem;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  color: #5d5f60;
  list-style-type: none;
}
.awesomplete li {
  padding: 0.5rem;
  border-radius: 3px;
  background-color: #cae5f2;
}
@media screen and (min-width: 600px) {
  .awesomplete li {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
    font-size: 0.8rem;
  }
}
.awesomplete li:not(:first-of-type) {
  margin-top: 2px;
}
.awesomplete li:hover, .awesomplete li[aria-selected=true] {
  background-color: #5884E7;
  color: #F3F9FC;
  cursor: pointer;
}
.awesomplete li:hover mark, .awesomplete li[aria-selected=true] mark {
  color: inherit;
}
.awesomplete mark {
  background-color: transparent;
  color: #5884E7;
}

@media screen and (min-width: 480px) {
  .small--right {
    float: right;
  }
}
@media screen and (min-width: 480px) {
  .small--left {
    float: left;
  }
}
@media screen and (min-width: 480px) {
  .small--fnone {
    float: none !important;
  }
}
@media screen and (min-width: 600px) {
  .medium--right {
    float: right;
  }
}
@media screen and (min-width: 600px) {
  .medium--left {
    float: left;
  }
}
@media screen and (min-width: 600px) {
  .medium--fnone {
    float: none !important;
  }
}
@media screen and (min-width: 740px) {
  .large--right {
    float: right;
  }
}
@media screen and (min-width: 740px) {
  .large--left {
    float: left;
  }
}
@media screen and (min-width: 740px) {
  .large--fnone {
    float: none !important;
  }
}
@media screen and (min-width: 1036px) {
  .larger--right {
    float: right;
  }
}
@media screen and (min-width: 1036px) {
  .larger--left {
    float: left;
  }
}
@media screen and (min-width: 1036px) {
  .larger--fnone {
    float: none !important;
  }
}
@media screen and (min-width: 1600px) {
  .largest--right {
    float: right;
  }
}
@media screen and (min-width: 1600px) {
  .largest--left {
    float: left;
  }
}
@media screen and (min-width: 1600px) {
  .largest--fnone {
    float: none !important;
  }
}
/*! Flickity v1.1.0
http://flickity.metafizzy.co
---------------------------------------------- */
.flickity-enabled {
  position: relative;
}

.flickity-enabled:focus {
  outline: none;
}

.flickity-viewport {
  overflow: hidden;
  position: relative;
  height: 100%;
}

.flickity-slider {
  position: absolute;
  width: 100%;
  height: 100%;
}

/* draggable */
.flickity-enabled.is-draggable {
  -webkit-tap-highlight-color: transparent;
  tap-highlight-color: transparent;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.flickity-enabled.is-draggable .flickity-viewport {
  cursor: move;
  cursor: -webkit-grab;
  cursor: grab;
}

.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

/* ---- previous/next buttons ---- */
.flickity-prev-next-button {
  position: absolute;
  top: 50%;
  width: 44px;
  height: 44px;
  border: none;
  border-radius: 50%;
  background: white;
  background: hsla(0, 0%, 100%, 0.75);
  cursor: pointer;
  /* vertically center */
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.flickity-prev-next-button:hover {
  background: white;
}

.flickity-prev-next-button:focus {
  outline: none;
  box-shadow: 0 0 0 5px #09F;
}

.flickity-prev-next-button:active {
  filter: alpha(opacity=60); /* IE8 */
  opacity: 0.6;
}

.flickity-prev-next-button.previous {
  left: 10px;
}

.flickity-prev-next-button.next {
  right: 10px;
}

/* right to left */
.flickity-rtl .flickity-prev-next-button.previous {
  left: auto;
  right: 10px;
}

.flickity-rtl .flickity-prev-next-button.next {
  right: auto;
  left: 10px;
}

.flickity-prev-next-button:disabled {
  filter: alpha(opacity=30); /* IE8 */
  opacity: 0.3;
  cursor: auto;
}

.flickity-prev-next-button svg {
  position: absolute;
  left: 20%;
  top: 20%;
  width: 60%;
  height: 60%;
}

.flickity-prev-next-button .arrow {
  fill: #5884E7;
}

/* color & size if no SVG - IE8 and Android 2.3 */
.flickity-prev-next-button.no-svg {
  color: #333;
  font-size: 26px;
}

/* ---- page dots ---- */
.flickity-page-dots {
  position: absolute;
  width: 100%;
  bottom: -25px;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
  line-height: 1;
}

.flickity-rtl .flickity-page-dots {
  direction: rtl;
}

.flickity-page-dots .dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 0 8px;
  background: #333;
  border-radius: 50%;
  filter: alpha(opacity=25); /* IE8 */
  opacity: 0.25;
  cursor: pointer;
}

.flickity-page-dots .dot.is-selected {
  filter: alpha(opacity=100); /* IE8 */
  opacity: 1;
}

.video-container {
  position: relative;
  padding-bottom: 46.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}

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

/* Container holding the main image and navigation arrows */
.gallery-image-container {
  position: relative;
  overflow: hidden; /* Prevents image from overflowing during drag */
}

/* Main Image Styling */
.gallery-main-image {
  width: 100%;
  border-radius: 5px;
  display: block;
  transition: opacity 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; /* Prevent image selection during drag */
  -webkit-user-drag: none; /* Prevent image dragging in Safari */
}

/* Transition class for smooth opacity change */
.gallery-main-image.is-transitioning {
  opacity: 0;
}

/* Navigation Arrows Styling */
.nav-arrow {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background-color: rgba(10, 26, 86, 0.4); /* #0A1A56 with 25% opacity */
  border: none;
  color: white;
  width: 40px; /* Fixed width for a perfect circle */
  height: 40px; /* Fixed height for a perfect circle */
  cursor: pointer;
  border-radius: 50%; /* Makes the button a circle */
  font-size: 18px;
  z-index: 2; /* Ensure arrows are above the image */
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  transition: background-color 0.3s ease; /* Smooth transition on hover */
}

.left-arrow {
  left: 25px; /* Positioning from the left */
}

.right-arrow {
  right: 5px; /* Positioning from the right */
}

.nav-arrow:hover {
  background-color: rgba(10, 26, 86, 0.6); /* Increase opacity on hover */
}

/* Thumbnails Container */
.thumbnails-container {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

/* Thumbnails Styling */
.thumbnail-image {
  width: 100%;
  border-radius: 4px;
  cursor: pointer;
  transition: border 0.3s ease, -webkit-transform 0.3s ease;
  transition: transform 0.3s ease, border 0.3s ease;
  transition: transform 0.3s ease, border 0.3s ease, -webkit-transform 0.3s ease;
}

/* Active Thumbnail Styling */
.thumbnail-image.is-selected {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
  border: 2px solid #007BFF; /* Example: Blue border for active thumbnail */
}

/* Responsive Thumbnails */
@media (max-width: 768px) {
  /* Existing .layout__item.base--1/4 handles responsiveness */
  /* No additional styles needed to avoid conflicts */
}
@media (max-width: 480px) {
  /* Existing .layout__item.base--1/4 handles responsiveness */
  /* No additional styles needed to avoid conflicts */
}
.gallery__display .gallery__item:not(.is-selected) {
  -webkit-transform: scale(0.8);
          transform: scale(0.8);
}

.gallery__edit .gallery__item {
  margin: 1rem;
}

.gallery__edit-content {
  background: linear-gradient(to bottom, #5884e7 0%, rgba(88, 132, 231, 0.75) 25%, rgba(88, 132, 231, 0.5) 50%, rgba(88, 132, 231, 0.25) 75%, rgba(88, 132, 231, 0) 100%);
  height: 100%;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1), 0 4px 8px 0 rgba(0, 0, 0, 0.2);
}

.gallery__edit-content img {
  opacity: 0.25;
}

.gallery__edit-btns {
  top: 0;
  right: 0;
  width: 50%;
  cursor: pointer;
}

.gallery__edit-icon {
  width: 1rem;
  height: 1rem;
}

.gallery__template .flickity-viewport {
  height: 450px;
}

.provider-details__gallery .flickity-viewport {
  padding-top: 1rem;
  height: 175px;
}

.gallery__edit .flickity-viewport {
  height: 375px;
  margin: 1rem;
}

@media screen and (min-width: 740px) and (max-width: 1036px) {
  .provider-details__gallery .flickity-viewport {
    height: 150px;
  }
  .gallery__template .flickity-viewport {
    height: 440px;
  }
  .gallery__edit .flickity-viewport {
    height: 325px;
    margin: 1rem;
  }
}
@media screen and (max-width: 739px) {
  .provider-details__gallery .flickity-viewport {
    height: 150px;
  }
  .gallery__template .flickity-viewport {
    height: 260px;
  }
  .gallery__edit .flickity-viewport {
    height: 180px;
    margin: 1rem;
  }
}
.gallery__template-home .flickity-viewport {
  height: 340px;
}

.gallery__template-card {
  min-height: 310px;
}

@media screen and (min-width: 740px) and (max-width: 1036px) {
  .gallery__template-home .flickity-viewport {
    height: 340px;
  }
  .gallery__template-card {
    min-height: 310px;
  }
}
@media screen and (max-width: 739px) {
  .gallery__template-home .flickity-viewport {
    height: 280px;
  }
  .gallery__template-card {
    min-height: 225px;
  }
}
/* Container holding the image and the text */
.image-container {
  position: relative;
  text-align: center;
  color: white;
}

/* Centered text */
.image-text-centered {
  position: absolute;
  width: 90%;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.flip-box {
  background-color: transparent;
  width: 100%;
  height: 100%;
  -webkit-perspective: 1000px;
          perspective: 1000px;
}

.flip-box-inner {
  position: relative;
  width: 100%;
  height: 260px;
  text-align: center;
  transition: -webkit-transform 0.9s;
  transition: transform 0.9s;
  transition: transform 0.9s, -webkit-transform 0.9s;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
}

.flip-box:hover .flip-box-inner {
  -webkit-transform: rotateY(180deg);
          transform: rotateY(180deg);
}

.flip-box-front, .flip-box-back {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.flip-box-front {
  background-color: #bbb;
  color: white;
}

.flip-box-back {
  background-color: white;
  color: white;
  -webkit-transform: rotateY(180deg);
          transform: rotateY(180deg);
}

/* Container for the image collage */
.image-collage-container {
  overflow: hidden;
  position: relative;
}

/* Grid settings for the collage */
.image-collage {
  display: grid;
  grid-template-columns: repeat(24, 1fr); /* 12 columns duplicated */
  grid-auto-rows: 1fr;
  width: 200%; /* Double the width for scrolling */
  -webkit-animation: scroll-left 60s linear infinite;
          animation: scroll-left 60s linear infinite;
}

/* Each image wrapper maintaining 4:3 aspect ratio */
.image-wrapper {
  position: relative;
  width: 100%;
  aspect-ratio: 4/3; /* Ensures 4:3 aspect ratio */
  overflow: hidden;
}

/* Image styling */
.image-wrapper img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Scrolling animation */
@-webkit-keyframes scroll-left {
  0% {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
  }
  100% {
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%); /* Scroll half the width for seamless effect */
  }
}
@keyframes scroll-left {
  0% {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
  }
  100% {
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%); /* Scroll half the width for seamless effect */
  }
}
.scrolling-banner {
  position: relative;
  overflow: hidden;
  width: 100%;
}

/* Scrolling animation for banner text */
@-webkit-keyframes scroll-text-left {
  from {
    -webkit-transform: translate3d(100%, -50%, 0);
            transform: translate3d(100%, -50%, 0);
  }
  to {
    -webkit-transform: translate3d(-100%, -50%, 0);
            transform: translate3d(-100%, -50%, 0);
  }
}
@keyframes scroll-text-left {
  from {
    -webkit-transform: translate3d(100%, -50%, 0);
            transform: translate3d(100%, -50%, 0);
  }
  to {
    -webkit-transform: translate3d(-100%, -50%, 0);
            transform: translate3d(-100%, -50%, 0);
  }
}
.scrolling-text {
  position: absolute;
  top: 52%;
  white-space: nowrap;
  will-change: transform;
  -webkit-animation: scroll-text-left 20s linear infinite;
          animation: scroll-text-left 20s linear infinite;
}

.ct-label {
  fill: rgba(0, 0, 0, 0.4);
  color: rgba(0, 0, 0, 0.4);
  font-size: 0.75rem;
  line-height: 1;
}

.ct-chart-line .ct-label,
.ct-chart-bar .ct-label {
  display: block;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}

.ct-label.ct-horizontal.ct-start {
  -webkit-align-items: flex-end;
  -ms-flex-align: flex-end;
  align-items: flex-end;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: flex-start;
  justify-content: flex-start;
  text-align: left;
  text-anchor: start;
}

.ct-label.ct-horizontal.ct-end {
  -webkit-align-items: flex-start;
  -ms-flex-align: flex-start;
  align-items: flex-start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: flex-start;
  justify-content: flex-start;
  text-align: left;
  text-anchor: start;
}

.ct-label.ct-vertical.ct-start {
  -webkit-align-items: flex-end;
  -ms-flex-align: flex-end;
  align-items: flex-end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: flex-end;
  justify-content: flex-end;
  text-align: right;
  text-anchor: end;
}

.ct-label.ct-vertical.ct-end {
  -webkit-align-items: flex-end;
  -ms-flex-align: flex-end;
  align-items: flex-end;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: flex-start;
  justify-content: flex-start;
  text-align: left;
  text-anchor: start;
}

.ct-chart-bar .ct-label.ct-horizontal.ct-start {
  -webkit-align-items: flex-end;
  -ms-flex-align: flex-end;
  align-items: flex-end;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  text-anchor: start;
}

.ct-chart-bar .ct-label.ct-horizontal.ct-end {
  -webkit-align-items: flex-start;
  -ms-flex-align: flex-start;
  align-items: flex-start;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  text-anchor: start;
}

.ct-chart-bar.ct-horizontal-bars .ct-label.ct-horizontal.ct-start {
  -webkit-align-items: flex-end;
  -ms-flex-align: flex-end;
  align-items: flex-end;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: flex-start;
  justify-content: flex-start;
  text-align: left;
  text-anchor: start;
}

.ct-chart-bar.ct-horizontal-bars .ct-label.ct-horizontal.ct-end {
  -webkit-align-items: flex-start;
  -ms-flex-align: flex-start;
  align-items: flex-start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: flex-start;
  justify-content: flex-start;
  text-align: left;
  text-anchor: start;
}

.ct-chart-bar.ct-horizontal-bars .ct-label.ct-vertical.ct-start {
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: flex-end;
  justify-content: flex-end;
  text-align: right;
  text-anchor: end;
}

.ct-chart-bar.ct-horizontal-bars .ct-label.ct-vertical.ct-end {
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: flex-start;
  justify-content: flex-start;
  text-align: left;
  text-anchor: end;
}

.ct-grid {
  stroke: rgba(0, 0, 0, 0.2);
  stroke-width: 1px;
  stroke-dasharray: 2px;
}

.ct-point {
  stroke-width: 10px;
  stroke-linecap: round;
}

.ct-line {
  fill: none;
  stroke-width: 4px;
}

.ct-area {
  stroke: none;
  fill-opacity: 0.1;
}

.ct-bar {
  fill: none;
  stroke-width: 10px;
}

.ct-slice-donut {
  fill: none;
  stroke-width: 60px;
}

.ct-series-a .ct-point, .ct-series-a .ct-line, .ct-series-a .ct-bar, .ct-series-a .ct-slice-donut {
  stroke: #5884E7;
}
.ct-series-a .ct-slice-pie, .ct-series-a .ct-area {
  fill: #5884E7;
}

.ct-series-b .ct-point, .ct-series-b .ct-line, .ct-series-b .ct-bar, .ct-series-b .ct-slice-donut {
  stroke: #D51620;
}
.ct-series-b .ct-slice-pie, .ct-series-b .ct-area {
  fill: #D51620;
}

.ct-series-c .ct-point, .ct-series-c .ct-line, .ct-series-c .ct-bar, .ct-series-c .ct-slice-donut {
  stroke: #D7B64E;
}
.ct-series-c .ct-slice-pie, .ct-series-c .ct-area {
  fill: #D7B64E;
}

.ct-series-d .ct-point, .ct-series-d .ct-line, .ct-series-d .ct-bar, .ct-series-d .ct-slice-donut {
  stroke: #93C73F;
}
.ct-series-d .ct-slice-pie, .ct-series-d .ct-area {
  fill: #93C73F;
}

.ct-series-e .ct-point, .ct-series-e .ct-line, .ct-series-e .ct-bar, .ct-series-e .ct-slice-donut {
  stroke: #F1582D;
}
.ct-series-e .ct-slice-pie, .ct-series-e .ct-area {
  fill: #F1582D;
}

.ct-series-f .ct-point, .ct-series-f .ct-line, .ct-series-f .ct-bar, .ct-series-f .ct-slice-donut {
  stroke: #51B9EB;
}
.ct-series-f .ct-slice-pie, .ct-series-f .ct-area {
  fill: #51B9EB;
}

.ct-series-g .ct-point, .ct-series-g .ct-line, .ct-series-g .ct-bar, .ct-series-g .ct-slice-donut {
  stroke: #76787a;
}
.ct-series-g .ct-slice-pie, .ct-series-g .ct-area {
  fill: #76787a;
}

.ct-series-h .ct-point, .ct-series-h .ct-line, .ct-series-h .ct-bar, .ct-series-h .ct-slice-donut {
  stroke: #303F4B;
}
.ct-series-h .ct-slice-pie, .ct-series-h .ct-area {
  fill: #303F4B;
}

.ct-series-i .ct-point, .ct-series-i .ct-line, .ct-series-i .ct-bar, .ct-series-i .ct-slice-donut {
  stroke: #0544d3;
}
.ct-series-i .ct-slice-pie, .ct-series-i .ct-area {
  fill: #0544d3;
}

.ct-series-j .ct-point, .ct-series-j .ct-line, .ct-series-j .ct-bar, .ct-series-j .ct-slice-donut {
  stroke: #6b0392;
}
.ct-series-j .ct-slice-pie, .ct-series-j .ct-area {
  fill: #6b0392;
}

.ct-series-k .ct-point, .ct-series-k .ct-line, .ct-series-k .ct-bar, .ct-series-k .ct-slice-donut {
  stroke: #f05b4f;
}
.ct-series-k .ct-slice-pie, .ct-series-k .ct-area {
  fill: #f05b4f;
}

.ct-series-l .ct-point, .ct-series-l .ct-line, .ct-series-l .ct-bar, .ct-series-l .ct-slice-donut {
  stroke: #dda458;
}
.ct-series-l .ct-slice-pie, .ct-series-l .ct-area {
  fill: #dda458;
}

.ct-series-m .ct-point, .ct-series-m .ct-line, .ct-series-m .ct-bar, .ct-series-m .ct-slice-donut {
  stroke: #eacf7d;
}
.ct-series-m .ct-slice-pie, .ct-series-m .ct-area {
  fill: #eacf7d;
}

.ct-series-n .ct-point, .ct-series-n .ct-line, .ct-series-n .ct-bar, .ct-series-n .ct-slice-donut {
  stroke: #86797d;
}
.ct-series-n .ct-slice-pie, .ct-series-n .ct-area {
  fill: #86797d;
}

.ct-series-o .ct-point, .ct-series-o .ct-line, .ct-series-o .ct-bar, .ct-series-o .ct-slice-donut {
  stroke: #b2c326;
}
.ct-series-o .ct-slice-pie, .ct-series-o .ct-area {
  fill: #b2c326;
}

.ct-square {
  display: block;
  position: relative;
  width: 100%;
}
.ct-square:before {
  display: block;
  float: left;
  content: "";
  width: 0;
  height: 0;
  padding-bottom: 100%;
}
.ct-square:after {
  content: "";
  display: table;
  clear: both;
}
.ct-square > svg {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

.ct-minor-second {
  display: block;
  position: relative;
  width: 100%;
}
.ct-minor-second:before {
  display: block;
  float: left;
  content: "";
  width: 0;
  height: 0;
  padding-bottom: 93.75%;
}
.ct-minor-second:after {
  content: "";
  display: table;
  clear: both;
}
.ct-minor-second > svg {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

.ct-major-second {
  display: block;
  position: relative;
  width: 100%;
}
.ct-major-second:before {
  display: block;
  float: left;
  content: "";
  width: 0;
  height: 0;
  padding-bottom: 88.8888888889%;
}
.ct-major-second:after {
  content: "";
  display: table;
  clear: both;
}
.ct-major-second > svg {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

.ct-minor-third {
  display: block;
  position: relative;
  width: 100%;
}
.ct-minor-third:before {
  display: block;
  float: left;
  content: "";
  width: 0;
  height: 0;
  padding-bottom: 83.3333333333%;
}
.ct-minor-third:after {
  content: "";
  display: table;
  clear: both;
}
.ct-minor-third > svg {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

.ct-major-third {
  display: block;
  position: relative;
  width: 100%;
}
.ct-major-third:before {
  display: block;
  float: left;
  content: "";
  width: 0;
  height: 0;
  padding-bottom: 80%;
}
.ct-major-third:after {
  content: "";
  display: table;
  clear: both;
}
.ct-major-third > svg {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

.ct-perfect-fourth {
  display: block;
  position: relative;
  width: 100%;
}
.ct-perfect-fourth:before {
  display: block;
  float: left;
  content: "";
  width: 0;
  height: 0;
  padding-bottom: 75%;
}
.ct-perfect-fourth:after {
  content: "";
  display: table;
  clear: both;
}
.ct-perfect-fourth > svg {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

.ct-perfect-fifth {
  display: block;
  position: relative;
  width: 100%;
}
.ct-perfect-fifth:before {
  display: block;
  float: left;
  content: "";
  width: 0;
  height: 0;
  padding-bottom: 66.6666666667%;
}
.ct-perfect-fifth:after {
  content: "";
  display: table;
  clear: both;
}
.ct-perfect-fifth > svg {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

.ct-minor-sixth {
  display: block;
  position: relative;
  width: 100%;
}
.ct-minor-sixth:before {
  display: block;
  float: left;
  content: "";
  width: 0;
  height: 0;
  padding-bottom: 62.5%;
}
.ct-minor-sixth:after {
  content: "";
  display: table;
  clear: both;
}
.ct-minor-sixth > svg {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

.ct-golden-section {
  display: block;
  position: relative;
  width: 100%;
}
.ct-golden-section:before {
  display: block;
  float: left;
  content: "";
  width: 0;
  height: 0;
  padding-bottom: 61.804697157%;
}
.ct-golden-section:after {
  content: "";
  display: table;
  clear: both;
}
.ct-golden-section > svg {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

.ct-major-sixth {
  display: block;
  position: relative;
  width: 100%;
}
.ct-major-sixth:before {
  display: block;
  float: left;
  content: "";
  width: 0;
  height: 0;
  padding-bottom: 60%;
}
.ct-major-sixth:after {
  content: "";
  display: table;
  clear: both;
}
.ct-major-sixth > svg {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

.ct-minor-seventh {
  display: block;
  position: relative;
  width: 100%;
}
.ct-minor-seventh:before {
  display: block;
  float: left;
  content: "";
  width: 0;
  height: 0;
  padding-bottom: 56.25%;
}
.ct-minor-seventh:after {
  content: "";
  display: table;
  clear: both;
}
.ct-minor-seventh > svg {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

.ct-major-seventh {
  display: block;
  position: relative;
  width: 100%;
}
.ct-major-seventh:before {
  display: block;
  float: left;
  content: "";
  width: 0;
  height: 0;
  padding-bottom: 53.3333333333%;
}
.ct-major-seventh:after {
  content: "";
  display: table;
  clear: both;
}
.ct-major-seventh > svg {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

.ct-octave {
  display: block;
  position: relative;
  width: 100%;
}
.ct-octave:before {
  display: block;
  float: left;
  content: "";
  width: 0;
  height: 0;
  padding-bottom: 50%;
}
.ct-octave:after {
  content: "";
  display: table;
  clear: both;
}
.ct-octave > svg {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

.ct-major-tenth {
  display: block;
  position: relative;
  width: 100%;
}
.ct-major-tenth:before {
  display: block;
  float: left;
  content: "";
  width: 0;
  height: 0;
  padding-bottom: 40%;
}
.ct-major-tenth:after {
  content: "";
  display: table;
  clear: both;
}
.ct-major-tenth > svg {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

.ct-major-eleventh {
  display: block;
  position: relative;
  width: 100%;
}
.ct-major-eleventh:before {
  display: block;
  float: left;
  content: "";
  width: 0;
  height: 0;
  padding-bottom: 37.5%;
}
.ct-major-eleventh:after {
  content: "";
  display: table;
  clear: both;
}
.ct-major-eleventh > svg {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

.ct-major-twelfth {
  display: block;
  position: relative;
  width: 100%;
}
.ct-major-twelfth:before {
  display: block;
  float: left;
  content: "";
  width: 0;
  height: 0;
  padding-bottom: 33.3333333333%;
}
.ct-major-twelfth:after {
  content: "";
  display: table;
  clear: both;
}
.ct-major-twelfth > svg {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

.ct-double-octave {
  display: block;
  position: relative;
  width: 100%;
}
.ct-double-octave:before {
  display: block;
  float: left;
  content: "";
  width: 0;
  height: 0;
  padding-bottom: 25%;
}
.ct-double-octave:after {
  content: "";
  display: table;
  clear: both;
}
.ct-double-octave > svg {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

.progress-indicator__item {
  margin-top: 4px;
  margin-right: 16px;
  height: 42px;
  background-color: #5884E7;
  color: white;
  line-height: 42px;
  -webkit-transform: rotate(360deg);
          transform: rotate(360deg);
  white-space: nowrap;
}
.progress-indicator__item:hover {
  color: white;
}
.progress-indicator__item:before, .progress-indicator__item:after {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  display: block;
  width: 0;
  height: 0;
  content: "";
}
.progress-indicator__item:before {
  left: -12px;
  border-top: 21px solid #5884E7;
  border-bottom: 21px solid #5884E7;
  border-left: 12px solid rgba(255, 255, 255, 0);
}
.progress-indicator__item:after {
  right: -12px;
  border-top: 21px solid rgba(255, 255, 255, 0);
  border-bottom: 21px solid rgba(255, 255, 255, 0);
  border-left: 12px solid #5884E7;
}
.progress-indicator__item:first-of-type:before {
  border: none;
}
.progress-indicator__item:last-of-type {
  margin-right: -12px;
}
.progress-indicator__item:last-of-type:after {
  border: none;
}
.progress-indicator__item.is-active {
  background-color: #9ecd53;
}
.progress-indicator__item.is-active:before {
  border-top-color: #9ecd53;
  border-bottom-color: #9ecd53;
}
.progress-indicator__item.is-active:after {
  border-left-color: #9ecd53;
}

.meter-box {
  height: 6px;
  position: relative;
  background: #90cdea;
  overflow: hidden;
}

.meter-box span {
  display: block;
  height: 100%;
}

.progress-meter {
  background-color: #1799d6;
  -webkit-animation: progressBar 5s ease-in-out;
          animation: progressBar 5s ease-in-out;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}

@-webkit-keyframes progressBar {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}

@keyframes progressBar {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
.submissions__select {
  width: 100%;
  margin-top: 2rem;
}
@media screen and (min-width: 740px) {
  .submissions__select {
    margin-top: 0;
  }
}
.submissions__dropdown {
  width: 100%;
  height: 2.286875rem;
}
.submissions__text {
  border-radius: 0;
  width: 100%;
  min-height: 14rem;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  resize: none;
  border-top: 1px solid #c4c5c5;
  border-bottom: 1px solid #c4c5c5;
}
@media screen and (max-width: 739px) {
  .submissions__text {
    min-height: 20rem;
  }
}
.submissions__text__jobs {
  border-radius: 0;
  font-size: 12pt;
  width: 100%;
  min-height: 20rem;
  resize: none;
}
@media screen and (max-width: 739px) {
  .submissions__text__jobs {
    min-height: 20rem;
  }
}
.submissions__text__jobs:focus {
  box-shadow: none;
  border-color: #5884E7;
}
.submissions__jobs__headline {
  border-radius: 0;
  font-size: 12pt;
  width: 100%;
  min-height: 100%;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  resize: none;
  border: 1px solid #dee7fa;
}
.submissions__text:focus {
  box-shadow: none;
  border-color: #5884E7;
}
.submissions__text__reviews {
  border-radius: 0;
  width: 100%;
  min-height: 10rem;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  resize: none;
  border-top: 1px solid #c4c5c5;
  border-bottom: 1px solid #c4c5c5;
}
@media screen and (max-width: 739px) {
  .submissions__text__reviews {
    min-height: 12rem;
  }
}
.submissions__text__crm {
  border-radius: 0;
  width: 100%;
  min-height: 146px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  resize: none;
  border-top: 1px solid #c4c5c5;
  border-bottom: 1px solid #c4c5c5;
}
@media screen and (max-width: 739px) {
  .submissions__text__crm {
    min-height: 12rem;
  }
}
.submissions__text__crm:focus {
  box-shadow: none;
  border-color: #5884E7;
}
.submissions__text__reviews:focus {
  box-shadow: none;
  border-color: #5884E7;
}
.submissions__field {
  border: 1px solid #c4c5c5;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  resize: none;
}
.submissions__field-home {
  border: 1px solid #c4c5c5;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  resize: none;
  border-radius: 0px;
  width: 100%;
}
.submissions__field-calculator {
  border: 1px solid #c4c5c5;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  resize: none;
  border-radius: 0px;
  width: 100px;
}
@media screen and (max-width: 739px) {
  .submissions__field-calculator {
    width: 100%;
  }
}
.submissions__field-vacancy-rate {
  border-radius: 0;
  font-size: 0.85rem;
  width: 100%;
  height: 1.5rem;
  margin-left: 0.2rem;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: 1px solid #dee7fa;
}
@media screen and (max-width: 739px) {
  .submissions__field-vacancy-rate {
    min-height: 100%;
    margin-top: 0.2rem;
    width: 100%;
  }
}
.submissions__field-business-rate {
  border-radius: 0;
  font-size: 0.85rem;
  width: 100%;
  height: 1.75rem;
  margin-left: 0.2rem;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: 1px solid #dee7fa;
}
@media screen and (max-width: 739px) {
  .submissions__field-business-rate {
    min-height: 100%;
    margin-top: 0.2rem;
    width: 100%;
  }
}
.submissions__field-email {
  border: 1px solid #c4c5c5;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  resize: none;
}
@media screen and (max-width: 739px) {
  .submissions__field-email {
    border: 1px solid #c4c5c5;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    resize: none;
    width: 100%;
  }
}
.submissions__upload-btn-publish {
  max-width: 14rem;
  width: 100%;
  height: 3.2rem;
}
@media screen and (max-width: 739px) {
  .submissions__upload-btn {
    max-width: 17.875rem;
    width: 100%;
    height: 2.5rem;
    margin: auto;
    top: 0;
    right: 0;
    bottom: 15rem;
    left: 0;
  }
}
@media screen and (min-width: 740px) {
  .submissions__upload-btn {
    max-width: 17.875rem;
    width: 100%;
    height: 2.5rem;
    margin: auto;
    top: 0;
    right: 0;
    bottom: 20rem;
    left: 0;
  }
}
.submissions__portfolio {
  border-radius: 0;
  font-size: 8pt;
  width: 100%;
  min-height: 100%;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  resize: none;
  border: 1px solid #dee7fa;
}
@media screen and (max-width: 739px) {
  .submissions__portfolio {
    min-height: 100%;
    width: 100%;
  }
}
.submissions__vacancy {
  border-radius: 0;
  font-size: 12pt;
  width: 100%;
  min-height: 100%;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  resize: none;
  border: 1px solid #dee7fa;
}
@media screen and (max-width: 739px) {
  .submissions__vacancy {
    font-size: 8pt;
    min-height: 100%;
    width: 100%;
  }
}

@-webkit-keyframes confetti-slow {
  0% {
    -webkit-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
            transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
  }
  100% {
    -webkit-transform: translate3d(25px, 105vh, 0) rotateX(360deg) rotateY(180deg);
            transform: translate3d(25px, 105vh, 0) rotateX(360deg) rotateY(180deg);
  }
}

@keyframes confetti-slow {
  0% {
    -webkit-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
            transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
  }
  100% {
    -webkit-transform: translate3d(25px, 105vh, 0) rotateX(360deg) rotateY(180deg);
            transform: translate3d(25px, 105vh, 0) rotateX(360deg) rotateY(180deg);
  }
}
@-webkit-keyframes confetti-medium {
  0% {
    -webkit-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
            transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
  }
  100% {
    -webkit-transform: translate3d(100px, 105vh, 0) rotateX(100deg) rotateY(360deg);
            transform: translate3d(100px, 105vh, 0) rotateX(100deg) rotateY(360deg);
  }
}
@keyframes confetti-medium {
  0% {
    -webkit-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
            transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
  }
  100% {
    -webkit-transform: translate3d(100px, 105vh, 0) rotateX(100deg) rotateY(360deg);
            transform: translate3d(100px, 105vh, 0) rotateX(100deg) rotateY(360deg);
  }
}
@-webkit-keyframes confetti-fast {
  0% {
    -webkit-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
            transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
  }
  100% {
    -webkit-transform: translate3d(-50px, 105vh, 0) rotateX(10deg) rotateY(250deg);
            transform: translate3d(-50px, 105vh, 0) rotateX(10deg) rotateY(250deg);
  }
}
@keyframes confetti-fast {
  0% {
    -webkit-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
            transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
  }
  100% {
    -webkit-transform: translate3d(-50px, 105vh, 0) rotateX(10deg) rotateY(250deg);
            transform: translate3d(-50px, 105vh, 0) rotateX(10deg) rotateY(250deg);
  }
}
.confetticontainer {
  width: 100%;
  height: 500px;
}

.confetti-container {
  -webkit-perspective: 700px;
          perspective: 700px;
  position: absolute;
  overflow: hidden;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.confetti {
  position: absolute;
  z-index: 1;
  top: -10px;
  border-radius: 0%;
}
.confetti--animation-slow {
  -webkit-animation: confetti-slow 3s linear 1 forwards;
          animation: confetti-slow 3s linear 1 forwards;
}
.confetti--animation-medium {
  -webkit-animation: confetti-medium 2.5s linear 1 forwards;
          animation: confetti-medium 2.5s linear 1 forwards;
}
.confetti--animation-fast {
  -webkit-animation: confetti-fast 1.75s linear 1 forwards;
          animation: confetti-fast 1.75s linear 1 forwards;
}

/* Background Register Class */
.background-register {
  position: relative;
  width: 100%;
  /* Smooth gradient from solid navy for top 20%, then gradual transparency from 30% to 100% */
  background: linear-gradient(to bottom, #0A1A56 0%, #0A1A56 20%, rgba(10, 26, 86, 0.95) 30%, rgba(10, 26, 86, 0.89) 35%, rgba(10, 26, 86, 0.83) 40%, rgba(10, 26, 86, 0.78) 45%, rgba(10, 26, 86, 0.72) 50%, rgba(10, 26, 86, 0.66) 55%, rgba(10, 26, 86, 0.6) 60%, rgba(10, 26, 86, 0.54) 65%, rgba(10, 26, 86, 0.48) 70%, rgba(10, 26, 86, 0.42) 75%, rgba(10, 26, 86, 0.36) 80%, rgba(10, 26, 86, 0.3) 85%, rgba(10, 26, 86, 0.24) 90%, rgba(10, 26, 86, 0.18) 95%, rgba(10, 26, 86, 0.15) 100%);
  min-height: 400px; /* Adjust based on design */
}

/* Overlay Image */
.background-register .background-image-overlay {
  background: url("/assets/images/FPO/carelistings-brand-logo.png") no-repeat center right;
  background-size: auto 85%;
  background-attachment: fixed;
  opacity: 0.1; /* Adjusted opacity */
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

/* Wrapper Content */
.background-register .wrapper {
  position: relative;
  z-index: 2;
}

.c-title-bubble {
  position: relative;
  outline: none;
}
.c-title-bubble:before, .c-title-bubble:after {
  z-index: 1000;
}
.c-title-bubble:after {
  content: attr(data-tooltip);
  position: absolute;
  display: none;
  top: 100%;
  left: 50%;
  text-transform: uppercase;
  letter-spacing: 3px;
  white-space: nowrap;
  padding: 7px 9px;
  margin-top: 5px;
  font-size: 0.75rem;
  font-weight: 700;
  color: #fff;
  background-color: #303F4B;
  border-radius: 3px;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
}
.c-title-bubble:before {
  content: "";
  position: absolute;
  display: none;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  margin-top: -5px;
  border: 5px solid transparent;
  border-bottom-color: #303F4B;
}
.c-title-bubble--n:after {
  top: auto;
  bottom: 100%;
  margin-bottom: 5px;
}
.c-title-bubble--n:before {
  top: auto;
  bottom: 100%;
  border-bottom-color: transparent;
  border-top-color: #303F4B;
  margin-bottom: -5px;
}
.c-title-bubble--e:after {
  top: 50%;
  left: 100%;
  margin-left: 5px;
  margin-top: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.c-title-bubble--e:before {
  top: 50%;
  left: 100%;
  border-bottom-color: transparent;
  border-right-color: #303F4B;
  margin-top: -5px;
}
.c-title-bubble--w:after {
  top: 50%;
  right: 100%;
  left: auto;
  margin-right: 5px;
  margin-top: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.c-title-bubble--w:before {
  top: 50%;
  right: 100%;
  left: auto;
  border-bottom-color: transparent;
  border-left-color: #303F4B;
  margin-right: -5px;
  margin-top: -5px;
}
.c-title-bubble:hover:before, .c-title-bubble:hover:after, .c-title-bubble:focus:before, .c-title-bubble:focus:after {
  display: block;
}

/* Tooltip container */
.tooltip {
  position: relative;
  display: inline-block;
}

/* Tooltip text */
.tooltip .tooltiptext {
  visibility: hidden;
  background-color: #303F4B;
  color: white;
  border: 1px solid #303F4B;
  text-align: center;
  padding: 5px;
  border-radius: 4px;
  width: 200px;
  top: -40px;
  right: -100px;
  margin-left: 100px; /* Use half of the width (120/2 = 60), to center the tooltip */
  position: absolute;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.2), 0 2px 8px 0 rgba(0, 0, 0, 0.12);
  z-index: 1;
}
@media screen and (max-width: 739px) {
  .tooltip .tooltiptext {
    top: -40px;
    right: -175px;
    margin-left: 0px; /* Use half of the width (120/2 = 60), to center the tooltip */
    position: absolute;
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.2), 0 2px 8px 0 rgba(0, 0, 0, 0.12);
    z-index: 1;
  }
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
  visibility: visible;
}

/* Tooltip text */
.tooltip .tooltiptextRecruitment {
  visibility: hidden;
  background-color: #303F4B;
  color: #F3F9FC;
  border: 1px solid #303F4B;
  text-align: left;
  padding: 10px;
  border-radius: 2px;
  width: 320px;
  top: -40px;
  right: -160px;
  margin-left: 160px; /* Use half of the width (120/2 = 60), to center the tooltip */
  position: absolute;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.2), 0 2px 8px 0 rgba(0, 0, 0, 0.12);
  z-index: 2;
}
@media screen and (max-width: 739px) {
  .tooltip .tooltiptextRecruitment {
    width: 200px;
    top: -40px;
    right: -100px;
    margin-left: 100px; /* Use half of the width (120/2 = 60), to center the tooltip */
    position: absolute;
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.2), 0 2px 8px 0 rgba(0, 0, 0, 0.12);
    z-index: 2;
  }
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptextRecruitment {
  visibility: visible;
}

.newToolTip {
  display: inline-block; /* or block, depending on your layout */
  position: relative; /* This is crucial for positioning the child absolute elements */
  cursor: pointer; /* Optional: Changes the cursor to indicate interactive element */
}

/* Base Styling for New Tooltip */
.newToolTip .newToolTipText {
  visibility: hidden;
  background-color: #ffffff;
  color: #303f4b;
  text-align: left;
  padding: 12px 16px;
  border: 4px solid #C8C8C8;
  border-radius: 10px;
  position: absolute;
  z-index: 1;
  min-width: 400px; /* Ensure it has a minimum width */
  max-width: 90%; /* Limit the width to prevent overflow */
  bottom: 100%;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
  opacity: 0;
  transition: opacity 0.3s;
}

/* Responsive adjustments for mobile */
@media (max-width: 600px) {
  .newToolTip .newToolTipText {
    width: 90%; /* Adjust width to be responsive */
    min-width: 250px; /* Maintain a minimum width */
    max-width: 400px; /* Ensure it does not exceed the max-width */
    bottom: 100%;
    left: 50%;
    margin-left: 0; /* Remove the margin-left adjustment */
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%); /* Ensure it remains centered */
  }
}
/* Arrow for New Tooltip */
.newToolTip .newToolTipText::after {
  content: "";
  position: absolute;
  top: 100%; /* At the bottom of the tooltip */
  left: 50%; /* Centered horizontally */
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #ffffff transparent transparent transparent; /* Arrow color using tooltip background color for seamless look */
  /* Additional styles to create a border for the arrow matching the tooltip border */
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2); /* Adjust for desired appearance */
}

/* Show the New Tooltip Text When You Mouse Over the Tooltip Container */
.newToolTip:hover .newToolTipText {
  visibility: visible;
  opacity: 1;
}

.intrinsic {
  position: relative;
}

.intrinsic:before {
  content: "";
  display: block;
  padding-top: 100%;
}

.intrinsic__content {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.intrinsic--4by3:before {
  padding-top: 75%;
}

.intrinsic--3by2:before {
  padding-top: 66.66666667%;
}

.intrinsic--16by9:before {
  padding-top: 56.25%;
}

.intrinsic--21by9:before {
  padding-top: 42.8571429%;
}

.intrinsic--3by1:before {
  padding-top: 33.33333333%;
}

@media screen and (min-width: 480px) {
  .small--intrinsic--4by3:before {
    padding-top: 75%;
  }
  .small--intrinsic--3by2:before {
    padding-top: 66.66666667%;
  }
  .small--intrinsic--16by9:before {
    padding-top: 56.25%;
  }
  .small--intrinsic--21by9:before {
    padding-top: 42.8571429%;
  }
  .small--intrinsic--3by1:before {
    padding-top: 33.33333333%;
  }
}
@media screen and (min-width: 600px) {
  .medium--intrinsic--4by3:before {
    padding-top: 75%;
  }
  .medium--intrinsic--3by2:before {
    padding-top: 66.66666667%;
  }
  .medium--intrinsic--16by9:before {
    padding-top: 56.25%;
  }
  .medium--intrinsic--21by9:before {
    padding-top: 42.8571429%;
  }
  .medium--intrinsic--3by1:before {
    padding-top: 33.33333333%;
  }
}
@media screen and (min-width: 740px) {
  .large--intrinsic--4by3:before {
    padding-top: 75%;
  }
  .large--intrinsic--3by2:before {
    padding-top: 66.66666667%;
  }
  .large--intrinsic--16by9:before {
    padding-top: 56.25%;
  }
  .large--intrinsic--21by9:before {
    padding-top: 42.8571429%;
  }
  .large--intrinsic--3by1:before {
    padding-top: 33.33333333%;
  }
}
@media screen and (min-width: 1036px) {
  .larger--intrinsic--4by3:before {
    padding-top: 75%;
  }
  .larger--intrinsic--3by2:before {
    padding-top: 66.66666667%;
  }
  .larger--intrinsic--16by9:before {
    padding-top: 56.25%;
  }
  .larger--intrinsic--21by9:before {
    padding-top: 42.8571429%;
  }
  .larger--intrinsic--3by1:before {
    padding-top: 33.33333333%;
  }
}
@media screen and (min-width: 1600px) {
  .largest--intrinsic--4by3:before {
    padding-top: 75%;
  }
  .largest--intrinsic--3by2:before {
    padding-top: 66.66666667%;
  }
  .largest--intrinsic--16by9:before {
    padding-top: 56.25%;
  }
  .largest--intrinsic--21by9:before {
    padding-top: 42.8571429%;
  }
  .largest--intrinsic--3by1:before {
    padding-top: 33.33333333%;
  }
}
@media screen and (min-width: 740px) {
  .news__item {
    border-left: 2px solid #5884E7;
    margin-top: 1rem;
    margin-bottom: 1rem;
    margin-left: 1rem;
  }
}

.news__header::after {
  content: "";
  width: 10rem;
  height: 2px;
  display: block;
  margin: 2rem 0;
  background: #5884E7;
}

.heading__num {
  border-radius: 100%;
  border: 3px solid;
  width: 3.5rem;
  height: 3.5rem;
}

.news__image {
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 739px) {
  .news__image {
    padding-bottom: 0.5rem;
    width: 100%;
    height: 100%;
  }
}

.news__shadow {
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.12), 0 2px 3px 0 rgba(0, 0, 0, 0.12);
}
@media screen and (max-width: 739px) {
  .news__shadow {
    padding: 1rem;
  }
}

.news__outline {
  height: 18rem;
}
@media screen and (min-width: 740px) and (max-width: 1036px) {
  .news__outline {
    height: inherit;
  }
}
@media screen and (max-width: 739px) {
  .news__outline {
    height: inherit;
  }
}

* {
  box-sizing: border-box;
}

/* Slideshow container */
.slideshow-container {
  max-width: 1000px;
  position: relative;
  margin: auto;
}

/* Hide the images by default */
.mySlides {
  display: none;
}

/* Next & previous buttons */
.slides__prev, .slides__next {
  position: absolute;
  top: 50%;
  width: 44px;
  height: 44px;
  border: none;
  border-radius: 50%;
  background: white;
  font-size: 32px;
  color: #5884E7;
  background: hsla(0, 0%, 100%, 0.75);
  text-align: center;
  cursor: pointer;
  /* vertically center */
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

/* Position the "next button" to the right */
.slides__next {
  right: 0;
}

/* On Focus, add a black background color with a little bit see-through */
.slides__prev:focus, .slides__next:focus {
  outline: none;
  box-shadow: 0 0 0 5px #09F;
}

/* On Active, add a black background color with a little bit see-through */
.slides__prev:active, .slides__next:active {
  outline: none;
}

/* On hover, add a black background color with a little bit see-through */
.slides__prev:hover, .slides__next:hover {
  background: white;
}

/* Fading animation */
.slides__fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}

@-webkit-keyframes slides__fade {
  from {
    opacity: 0.4;
  }
  to {
    opacity: 1;
  }
}
@keyframes slides__fade {
  from {
    opacity: 0.4;
  }
  to {
    opacity: 1;
  }
}
.btn-dropdown {
  position: relative;
  display: inline-block;
  font-size: 14px;
}

.btn-dropdown > a, .btn-dropdown > button {
  font-size: 14px;
  background-color: #1799D6;
  padding: 6px 35px 6px 25px;
  border-radius: 0px;
  display: inline-block;
  color: white;
  text-decoration: none;
  font-weight: 700;
}

.btn-dropdown input[type=checkbox]:hover {
  cursor: pointer;
}

.btn-dropdown > a:before, .btn-dropdown > button:before {
  position: absolute;
  right: 12px;
  top: 15px;
  content: " ";
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid white;
}

.btn-dropdown input[type=checkbox] {
  position: absolute;
  display: block;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  margin: 0px;
  opacity: 0;
}

.btn-dropdown input[type=checkbox]:checked {
  position: fixed;
  z-index: 0;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
}

.btn-dropdown ul {
  position: absolute;
  top: 35px;
  border: 1px solid #ccc;
  border-radius: 3px;
  left: 0px;
  list-style: none;
  padding: 4px 0px;
  display: none;
  background-color: white;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.175);
  z-index: 1000;
}

.btn-dropdown input[type=checkbox]:checked + ul {
  display: block;
}

.btn-dropdown ul li {
  display: block;
  padding: 6px 50px 6px 15px;
  white-space: nowrap;
  min-width: 100px;
}

.btn-dropdown ul li:hover {
  background-color: #F5F5F5;
  cursor: pointer;
}

.btn-dropdown ul li a {
  text-decoration: none;
  display: block;
  color: black;
}

.btn-dropdown .divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
  font-size: 1px;
  padding: 0;
}

.nav-primary__logo {
  position: relative;
  height: 2rem;
  background-image: url("../images/carelistings-logo-blue.svg");
  background-size: contain;
  background-repeat: no-repeat;
}
@media screen and (min-width: 600px) {
  .nav-primary__logo {
    background-image: url("../images/carelistings-logo-blue.svg");
  }
}
@media screen and (max-width: 739px) {
  .nav-primary__logo {
    background-image: url("../images/carelistings-logo-blue.svg");
    height: 2.2rem;
    margin-top: 0.2rem;
  }
}

.nav-primary--small {
  overflow-x: scroll;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  white-space: nowrap;
}

.nav-primary--medium {
  line-height: 2rem;
}

.nav-primary__button {
  height: 2rem;
  line-height: 2rem;
  white-space: nowrap;
}
@media screen and (max-width: 739px) {
  .nav-primary__button {
    height: 2.4rem;
  }
}

.nav-primary__item {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 0.875rem;
}
.nav-primary__item--button {
  padding-top: 0.4545454545rem;
  padding-bottom: 0.4545454545rem;
}

.nav-search__input {
  margin-right: 2rem;
  height: 2rem;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  background-color: #F3F9FC;
}
.nav-search__input:focus {
  box-shadow: none;
  background-color: white;
}

.nav-search__submit {
  top: 0;
  right: 0;
  width: 2rem;
  height: 2rem;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.nav-search__icon {
  top: 0.3rem;
  left: 0.3rem;
  width: 1.4rem;
  height: 1.4rem;
}

.nav-primary__line {
  border-bottom: 2px solid #5884E7;
  width: 100%;
}

.footer:after {
  display: block;
  height: 4rem;
  background: linear-gradient(180deg, #51B9EB 0%, #51B9EB 50%, #dee7fa 50%, #dee7fa 100%);
  content: "";
}

.footer__line {
  border-bottom: 0.25px solid #51B9EB;
  width: 100%;
  margin-top: 5px;
  margin-bottom: 5px;
}

.footer__line-top {
  border-top: 1px solid #51B9EB;
  width: 100%;
  margin: auto;
}

.footer__line-section {
  border-bottom: 1px solid #dee7fa;
  width: 98%;
  margin: auto;
}

.map--network-provider .wrapper {
  padding: 0;
}
.map--network-provider .layout {
  margin: 0;
  width: 100%;
  height: 450px;
}

.map__response {
  margin: -9px 0 9px;
  padding: 0;
}

.map__overlay {
  position: static;
  z-index: 7;
  top: 0;
  width: 100%;
  display: none;
  color: #F3F9FC;
  padding: 0.5rem 1rem;
}

.map__loading {
  position: absolute;
  z-index: 25;
  height: 100%;
  width: 100%;
}
.map__loading img {
  display: block;
  width: 30%;
  margin-left: 1rem;
}

.map__loading--flex {
  height: 100%;
  width: 100%;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.map__sidebar {
  transition: left 0.5s;
}
.map__sidebar button, .map__sidebar a {
  position: relative;
}
.map__sidebar .flickity-prev-next-button {
  position: absolute;
}

.map__details {
  display: none;
}

.map__triggers {
  display: none;
}

@media screen and (min-width: 740px) {
  .map__click-overlay {
    background: transparent;
    position: absolute;
    width: 100%;
    height: 100%; /* your iframe height */
    z-index: 5;
    margin-top: -480px;
  }
}

@media screen and (max-width: 739px) {
  .map__section {
    z-index: 0;
    position: relative;
  }
  .map {
    margin-top: -9px;
    height: auto;
    position: relative;
  }
  .map .wrapper {
    padding: 0;
  }
  .map__canvas {
    z-index: 1;
    margin-left: 1rem;
    width: 100%;
    height: 400px;
  }
  .map__sidebar {
    z-index: 20;
    position: absolute;
    left: -101vw;
    width: 100%;
    border-bottom: 12px solid transparent;
  }
  .map__sidebar--show {
    left: 0vw;
  }
  .map__triggers {
    position: absolute !important;
    z-index: 15;
    display: block;
    cursor: pointer;
    color: #F3F9FC;
    text-align: center;
    width: 180px;
    font-size: 15px;
    border-radius: 10px 10px 0 0;
    text-transform: uppercase;
    padding: 2px;
  }
  .map__triggers:hover {
    color: #F3F9FC;
  }
  .map__triggers--map {
    -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg);
    right: -77px;
    top: 87px;
  }
  .map__triggers--filters {
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
    left: -77px;
    top: 87px;
  }
}
@media screen and (min-width: 740px) {
  .map {
    height: 460px;
  }
  .map--street {
    height: 400px;
  }
  .map .layout {
    position: relative;
    min-height: 440px;
  }
  .map__filters--content {
    min-height: 440px;
  }
  .map__sidebar {
    width: 40%;
    padding-left: 1rem;
    height: auto;
    border-right: 12px solid transparent;
  }
  .map__sidebar--network-provider {
    position: absolute;
    z-index: 50;
    padding-left: 0 !important;
  }
  .map__canvas {
    width: 60%;
    height: 440px;
  }
  .map__response {
    position: relative;
    top: 8px;
    right: 0;
    margin: 0 auto;
    z-index: 50;
    max-width: 1186px;
  }
  .map__response--sizing {
    margin: 0 1rem 0 0;
    position: relative;
  }
  .map__overlay {
    position: absolute;
    right: 0;
    width: 60%;
  }
  .map__loading {
    width: 60%;
  }
}
.map__bing {
  width: 200px;
  height: 150px;
  margin-top: -20px;
  margin-bottom: -20px;
}
@media screen and (max-width: 739px) {
  .map__bing {
    width: 100%;
    height: 175px;
    margin-top: 0px;
    margin-bottom: 0px;
  }
}

.map__listing {
  width: 100%;
  height: 170px;
  margin-top: -5px;
  margin-bottom: -5px;
}
@media screen and (max-width: 739px) {
  .map__listing {
    width: 100%;
    height: 175px;
    margin-top: 0px;
    margin-bottom: 0px;
  }
}

.map__results {
  height: 22rem;
}
@media screen and (max-width: 739px) {
  .map__results {
    height: 16rem;
  }
}

.map__results__candidates {
  height: 18rem;
}
@media screen and (max-width: 739px) {
  .map__results__candidates {
    height: 16rem;
  }
}

.map--large {
  height: 600px;
}

.results_font {
  font-size: 16px;
  letter-spacing: 0.1px;
  line-height: 20px;
}
@media screen and (max-width: 739px) {
  .results_font {
    font-size: 14px;
    line-height: 20px;
  }
}

.results_border-bottom {
  border-bottom: 0px solid #dee7fa;
}
@media screen and (max-width: 739px) {
  .results_border-bottom {
    border-bottom: 4px solid #dee7fa;
  }
}

.search-result {
  border-bottom: 1px solid #cae5f2;
}
.search-result:hover {
  background-color: white;
}
.search-result:first-of-type {
  border-top: 1px solid #cae5f2;
}

.search-result__compare {
  height: 5rem;
}
.search-result__compare span {
  cursor: pointer;
  margin-top: 2rem;
  margin-right: 2rem;
  margin-left: 2rem;
  width: 1rem;
  height: 1rem;
  border: 1px solid #5884E7;
  border-radius: 3px;
}
.search-result__compare [type=checkbox]:checked + span:before {
  position: absolute;
  margin-left: -0.1rem;
  content: "✓";
  font-size: 2rem;
  line-height: 0.1;
}

.search-result__line {
  border-bottom: 2px solid #dee7fa;
  width: 100%;
}
@media screen and (max-width: 739px) {
  .search-result__line {
    margin-bottom: 0.5rem;
  }
}

.search-result__description {
  height: 5rem;
}

.search-result__thumb {
  height: 5rem;
  border-radius: 6px;
}

.search-result__meta {
  line-height: 5rem;
}

.search-result__distance {
  margin-right: 2rem;
  margin-left: 2rem;
}

.search-result__rating svg {
  margin-right: 2rem;
  margin-left: 2rem;
  margin-left: 1rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
  height: 5rem;
}

@media screen and (min-width: 740px) {
  .search-results__sort {
    float: right;
  }
}
@media screen and (max-width: 1035px) {
  .search-result__description {
    height: auto;
    min-height: 5rem;
  }
  .search-result__description ul {
    margin: 0;
  }
  .network-provider-list {
    margin-left: -1rem;
    margin-right: -1rem;
  }
}
@media screen and (min-width: 740px) and (max-width: 1036px) {
  .search-result__description {
    max-width: 60vw;
  }
  .search-results__count {
    font-size: 1rem !important;
    margin-top: 0.5rem;
  }
}
@media screen and (max-width: 739px) {
  .search-results__sort {
    font-size: 0.68rem !important;
  }
  .search-result__description {
    width: 80vw;
    padding: 0.25rem;
  }
  .search-result__description h4, .search-result__description span {
    font-size: 0.9rem;
  }
  .search-result__thumb {
    height: 0rem;
    width: 0rem;
    padding: 0rem;
    padding-right: 1rem;
  }
  .search-result__thumb svg {
    padding: 0;
    width: 100%;
    height: 100%;
  }
  .search-result__meta {
    height: 0rem;
    width: 0rem;
    padding: 0;
  }
  .search-result__meta svg {
    padding: 0;
    margin: 0;
    width: 100%;
    height: 100%;
  }
  .search-results__count {
    font-size: 0.75rem !important;
    margin-top: 1rem;
  }
}
@media screen and (max-width: 374px) {
  .search-result__description {
    width: 57vw;
  }
  .search-result__description h4, .search-result__description span {
    font-size: 0.8rem;
  }
  .search-result__thumb {
    height: 0rem;
    width: 0rem;
  }
  .search-result__meta {
    height: 0rem;
    width: 0rem;
  }
}
.search-bar-container {
  position: relative;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}

.search-results {
  position: absolute;
  top: 100%; /* Make it start right below the input field */
  left: 0;
  width: 100%; /* Match the width of the search bar container */
  z-index: 2; /* Ensure it appears on top of other content */
  background: white; /* Background color for visibility */
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Optional: adds a subtle shadow */
  max-height: 300px; /* Optional: limit the height */
  overflow-y: auto; /* Optional: add scroll for overflow */
}

.search-input {
  width: 100%;
  padding-right: 40px; /* Make space for the icon inside the input */
  border: 2px solid #90CDEA;
  box-sizing: border-box; /* Include padding and border in the element's total width and height */
}

.search-icon {
  position: absolute;
  right: 10px; /* Adjust based on your preference */
  cursor: pointer;
}

.notification-count {
  display: inline-block;
  margin-right: -1.5rem;
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 0.75rem;
  background-color: #D51620;
  color: white;
  vertical-align: top;
  font-weight: 700;
  font-size: 0.8rem;
  line-height: 1.5rem;
}

.notify-value {
  position: absolute;
  top: 8px; /* Adjusted to position inside the button */
  right: 0px; /* Adjusted to position inside the button */
  width: 22px;
  height: 22px;
  background-color: red;
  color: white;
  border-radius: 50%;
  text-align: center;
  line-height: 22px; /* Adjusted to match the height for vertical centering */
  font-size: 14px;
  font-weight: 700;
}

.table {
  width: 100%;
}
.table__heading {
  display: none;
}
@media screen and (min-width: 600px) {
  .table__heading {
    display: table-cell;
  }
}
.table__content {
  display: block;
}
@media screen and (min-width: 600px) {
  .table__content {
    display: table-cell;
  }
}
.table__content:before {
  content: attr(data-heading);
  display: inline-block;
  width: 7rem;
  margin-right: 1rem;
  color: #999;
  font-size: 0.625rem;
  text-transform: uppercase;
  letter-spacing: 2px;
  text-align: left;
}
@media screen and (min-width: 600px) {
  .table__content:before {
    display: none;
  }
}
.table__row:not(:last-of-type) {
  border-bottom: 1px solid rgba(48, 63, 75, 0.125);
}

.table__snf {
  border-collapse: collapse;
  border-spacing: 0;
  border: 1px solid #ddd;
  width: 98%;
  margin-left: 1%;
  margin-right: 1%;
}
.table__snf__heading {
  color: #303F4B;
  background-color: #EAF6FA;
  text-align: left;
  padding: 8px;
  border-bottom: 1px solid #5884E7;
  border-right: 2px solid #ddd;
  border-left: 2px solid #ddd;
}
.table__snf__heading:hover {
  color: #D51620;
  cursor: pointer;
}
.table__snf__body {
  text-align: left;
  padding: 8px;
}
.table__snf__row-pro {
  border-left: 4px solid #5884E7;
  padding: 8px;
  background-color: #EAF6FA;
}
.table__snf__row-pro:hover {
  background-color: #EAF6FA;
}
.table__snf__row {
  background-color: white;
  border-bottom: 2px solid #D8DCDE;
}
.table__snf__row:hover {
  background-color: #f6f7f8;
  border-right: 4px solid #51B9EB;
  margin-right: -4px;
}
.table__snf__footer {
  display: table-footer-group;
  vertical-align: middle;
  border-color: inherit;
}
.table__snf__data {
  padding: 8px;
  min-height: 3.75rem;
  max-width: 400px;
  overflow: hidden;
  text-overflow: normal;
  white-space: normal;
}
@media screen and (min-width: 600px) {
  .table__snf__data {
    max-width: 320px;
  }
}
@media screen and (max-width: 739px) {
  .table__snf__data {
    min-width: 200px;
    overflow: hidden;
    text-overflow: normal;
    white-space: normal;
  }
}

.table_plans {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
}

.th_plans {
  text-align: center;
  padding: 16px;
  border-bottom: 2px solid #D8DCDE;
  min-width: 260px;
  max-width: 300px;
}
@media screen and (max-width: 739px) {
  .th_plans {
    padding: 12px;
    min-width: 172px;
    max-width: 182px;
    font-size: 15px;
  }
}

.td_plans {
  text-align: right;
  min-height: 3.75rem;
  padding: 16px;
  min-width: 260px;
  max-width: 300px;
  color: #303F4B;
}
@media screen and (max-width: 739px) {
  .td_plans {
    padding: 12px;
    min-width: 172px;
    max-width: 182px;
    font-size: 15px;
  }
}

.td_plans_compare {
  text-align: right;
  min-height: 3.75rem;
  padding: 16px;
  min-width: 260px;
  max-width: 300px;
  color: #303F4B;
}
@media screen and (max-width: 739px) {
  .td_plans_compare {
    padding: 12px;
    min-width: 172px;
    max-width: 182px;
    font-size: 15px;
  }
}

.tr_plans_main:nth-child(even) {
  background-color: rgba(216, 220, 222, 0.2);
}

.tr_plans {
  border: 2px solid transparent;
}

.tr_plans:hover {
  border: 2px solid #D8DCDE;
}

.tr_plans:nth-child(even) {
  background-color: rgba(216, 220, 222, 0.2);
}

.td_plans:nth-child(1) {
  min-width: 300px;
  max-width: 300px;
  font-weight: 700;
  text-align: left;
}
@media screen and (max-width: 739px) {
  .td_plans:nth-child(1) {
    min-width: 172px;
    max-width: 182px;
  }
}

.td_plans_compare:nth-child(1) {
  min-width: 365px;
  max-width: 365px;
  text-align: left;
  font-size: 18px;
  padding-left: 24px;
}
@media screen and (max-width: 739px) {
  .td_plans_compare:nth-child(1) {
    min-width: 172px;
    max-width: 182px;
  }
}

.th_plans:nth-child(1) {
  min-width: 300px;
  max-width: 300px;
  color: #303F4B;
}
@media screen and (max-width: 739px) {
  .th_plans:nth-child(1) {
    min-width: 172px;
    max-width: 182px;
  }
}

.td_plans:nth-child(2) {
  background: #EAF6FA;
  font-weight: 700;
  border-left: 1px solid #D8DCDE;
  border-right: 1px solid #D8DCDE;
}

.td_plans_compare:nth-child(2), .td_plans_compare:nth-child(3) {
  background-color: rgba(69, 152, 210, 0.04); /* This is blue with 25% opacity */
  font-weight: 700;
  border-left: 3px solid white;
  border-right: 3px solid white;
}

.td_plans_compare:nth-child(4) {
  background-color: rgba(69, 152, 210, 0.04); /* This is blue with 25% opacity */
  font-weight: 700;
  border-left: 3px solid white;
}

.th_plans:nth-child(2) {
  background: #EAF6FA;
  font-weight: 900;
  border-left: 1px solid #D8DCDE;
  border-right: 1px solid #D8DCDE;
}

.table_scrollbox {
  overflow: auto;
  background-image: linear-gradient(to right, white, white), linear-gradient(to right, white, white), linear-gradient(to right, rgba(0, 0, 0, 0.08), rgba(255, 255, 255, 0)), linear-gradient(to left, rgba(0, 0, 0, 0.08), rgba(255, 255, 255, 0));
  background-position: left center, right center, left center, right center;
  background-repeat: no-repeat;
  background-color: white;
  background-size: 18px 100%, 18px 100%, 8px 100%, 8px 100%;
  /* Opera doesn't support this in the shorthand */
  background-attachment: local, local, scroll, scroll;
}

.financial-report-container {
  font-family: Arial, sans-serif;
  color: #333;
}

.report-title {
  color: #005792;
  font-size: 24px;
}

.section-title {
  color: #0077B6;
  margin-top: 20px;
}

.data-table-financial {
  width: 100%;
  border-collapse: collapse;
}

.data-table-financial th, .data-table-financial td {
  border: 1px solid #ddd;
  padding: 8px;
  text-align: right;
}

.data-table-financial th {
  background-color: #f2f2f2;
}

.projection-notice {
  margin-top: 15px;
  font-style: italic;
}

.hero__upload {
  width: 100%;
  height: 100%;
  bottom: 0;
  left: 0;
  background-image: linear-gradient(to bottom, rgba(88, 132, 231, 0.5) 0%, rgba(88, 132, 231, 0.5) 10%, rgba(88, 132, 231, 0.5) 20%, rgba(88, 132, 231, 0.5) 30%, rgba(88, 132, 231, 0.5) 40%, rgba(88, 132, 231, 0.5) 50%, rgba(88, 132, 231, 0.5) 60%, rgba(243, 249, 252, 0.85) 70%, rgba(243, 249, 252, 0.95) 80%, rgba(243, 249, 252, 0.95) 90%, #f3f9fc 100%);
  background-blend-mode: multiply;
}
@media screen and (max-width: 739px) {
  .hero__upload {
    width: 100%;
    height: 100%;
    bottom: 0;
    left: 0;
    background-image: linear-gradient(to bottom, rgba(88, 132, 231, 0.5) 0%, rgba(88, 132, 231, 0.5) 10%, rgba(88, 132, 231, 0.5) 20%, rgba(88, 132, 231, 0.4) 30%, rgba(88, 132, 231, 0.4) 40%, rgba(88, 132, 231, 0.5) 50%, rgba(88, 132, 231, 0.5) 60%, rgba(243, 249, 252, 0.85) 70%, rgba(243, 249, 252, 0.85) 80%, rgba(243, 249, 252, 0.85) 90%, #f3f9fc 100%);
    background-blend-mode: multiply;
  }
}

.contact__list {
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}

.contact__ind {
  width: 100%;
}

.contact__desc {
  color: #c4c5c5;
}

.contact__ind:not(:first-of-type), .contact__ind:not(:last-of-type) {
  border-bottom: 2px solid #EAF6FA;
}

.contact__delete {
  top: 0;
  right: 0;
}

@media screen and (min-width: 600px) {
  .contact__ind {
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
}
@media screen and (min-width: 740px) {
  .contact__ind:not(:last-of-type) {
    border-right: 2px solid #EAF6FA;
  }
  .contact__ind:not(:first-of-type), .contact__ind:not(:last-of-type) {
    border-bottom: 0;
  }
}
.contact__header::after {
  content: "";
  width: 10rem;
  height: 2px;
  display: block;
  margin: 2rem auto;
  background: #5884E7;
}

/* Modern Contact Card Styles */
.cl-contact-card {
  background: #F3F9FC;
  border: 1px solid #D8DCDE;
  border-radius: 16px;
  padding: 32px;
  position: relative;
  box-shadow: 0 2px 8px rgba(10, 26, 86, 0.08);
  transition: all 0.3s ease;
}

.cl-contact-card:hover {
  box-shadow: 0 4px 16px rgba(10, 26, 86, 0.12);
  -webkit-transform: translateY(-2px);
          transform: translateY(-2px);
}

.cl-contact-card--unlocked {
  background: linear-gradient(135deg, #F3F9FC 0%, #EAF6FA 100%);
  border: 2px solid #0A1A56;
  position: relative;
  overflow: hidden;
}

.cl-contact-card--unlocked::before {
  content: "";
  position: absolute;
  top: -2px;
  left: -2px;
  right: -2px;
  height: 6px;
  background: linear-gradient(90deg, #0A1A56 0%, #5884E7 100%);
  border-radius: 16px 16px 0 0;
}

.cl-contact-header {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-bottom: 24px;
  gap: 16px;
}

.cl-credit-badge {
  background: linear-gradient(135deg, #5884E7 0%, #51B9EB 100%);
  color: white;
  border: none;
  border-radius: 24px;
  padding: 10px 20px;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.5px;
  box-shadow: 0 2px 8px rgba(88, 132, 231, 0.3);
}

.cl-credit-badge--unlocked {
  background: linear-gradient(135deg, #0A1A56 0%, #303F4B 100%);
  box-shadow: 0 2px 8px rgba(10, 26, 86, 0.4);
}

.cl-balance-info {
  text-align: right;
  font-size: 13px;
  color: #76787a;
  line-height: 1.4;
}

.cl-balance-amount {
  font-weight: 700;
  font-size: 18px;
  color: #0A1A56;
  margin-top: 4px;
}

.cl-balance-amount--insufficient {
  color: #dc2626;
}

.cl-contact-title {
  font-size: 28px;
  font-weight: 700;
  margin-bottom: 8px;
  color: #0A1A56;
  line-height: 1.2;
}

.cl-contact-title--unlocked {
  color: #0A1A56;
  text-shadow: 0 1px 2px rgba(10, 26, 86, 0.1);
}

.cl-contact-subtitle {
  font-size: 16px;
  color: #76787a;
  margin-bottom: 28px;
  line-height: 1.5;
}

/* Steps Component */
.cl-recruitment-steps {
  background: white;
  border: 1px solid #D8DCDE;
  border-radius: 12px;
  padding: 24px;
  margin-bottom: 24px;
  position: relative;
}

.cl-recruitment-steps--unlocked {
  background: linear-gradient(135deg, white 0%, #EAF6FA 100%);
  border-color: #5884E7;
}

.cl-recruitment-step {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 16px;
  font-size: 15px;
  position: relative;
}

.cl-recruitment-step:last-child {
  margin-bottom: 0;
}

.cl-recruitment-step:not(:last-child)::after {
  content: "";
  position: absolute;
  left: 11px;
  top: 32px;
  width: 2px;
  height: 20px;
  background: #D8DCDE;
}

.cl-recruitment-step--complete:not(:last-child)::after {
  background: #5884E7;
}

.cl-step-circle {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-right: 16px;
  font-size: 14px;
  font-weight: 700;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  position: relative;
  z-index: 1;
}

.cl-step-circle--complete {
  background: linear-gradient(135deg, #5884E7 0%, #51B9EB 100%);
  color: white;
  box-shadow: 0 2px 8px rgba(88, 132, 231, 0.3);
}

.cl-step-circle--current {
  background: linear-gradient(135deg, #5884E7 0%, #51B9EB 100%);
  color: white;
  box-shadow: 0 2px 8px rgba(88, 132, 231, 0.3);
  -webkit-animation: pulse 2s infinite;
          animation: pulse 2s infinite;
}

.cl-step-circle--current-unlocked {
  background: linear-gradient(135deg, #0A1A56 0%, #303F4B 100%);
  color: white;
  box-shadow: 0 2px 8px rgba(10, 26, 86, 0.4);
  -webkit-animation: pulse 2s infinite;
          animation: pulse 2s infinite;
}

.cl-step-circle--incomplete {
  background: #D8DCDE;
  color: #76787a;
  border: 2px solid white;
}

@-webkit-keyframes pulse {
  0% {
    box-shadow: 0 2px 8px rgba(88, 132, 231, 0.3);
  }
  50% {
    box-shadow: 0 2px 8px rgba(88, 132, 231, 0.6), 0 0 0 8px rgba(88, 132, 231, 0.1);
  }
  100% {
    box-shadow: 0 2px 8px rgba(88, 132, 231, 0.3);
  }
}

@keyframes pulse {
  0% {
    box-shadow: 0 2px 8px rgba(88, 132, 231, 0.3);
  }
  50% {
    box-shadow: 0 2px 8px rgba(88, 132, 231, 0.6), 0 0 0 8px rgba(88, 132, 231, 0.1);
  }
  100% {
    box-shadow: 0 2px 8px rgba(88, 132, 231, 0.3);
  }
}
.cl-step-label {
  color: #303F4B;
  font-weight: 500;
  line-height: 1.4;
}

.cl-step-label--complete {
  color: #76787a;
}

.cl-step-label--current {
  color: #0A1A56;
  font-weight: 600;
}

/* Credit Cost Display */
.cl-credit-cost {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: linear-gradient(135deg, #EAF6FA 0%, #D8EEF6 100%);
  border: 1px solid #5884E7;
  border-radius: 12px;
  padding: 20px;
  margin-bottom: 24px;
  position: relative;
}

.cl-credit-cost::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(135deg, rgba(88, 132, 231, 0.05) 0%, rgba(216, 238, 246, 0.05) 100%);
  border-radius: 12px;
}

.cl-credit-cost--insufficient {
  background: #fef2f2;
  border-color: #dc2626;
}

.cl-credit-icon {
  width: 28px;
  height: 28px;
  margin-right: 12px;
  fill: currentColor;
  color: #5884E7;
  position: relative;
  z-index: 1;
}

.cl-credit-icon--insufficient {
  color: #dc2626;
}

.cl-credit-text {
  font-size: 18px;
  font-weight: 700;
  color: #0A1A56;
  position: relative;
  z-index: 1;
}

.cl-credit-text--insufficient {
  color: #dc2626;
}

/* Contact Info Display */
.cl-contact-info {
  background: white;
  border: 1px solid #D8DCDE;
  border-radius: 12px;
  padding: 24px;
  margin-bottom: 24px;
}

.cl-contact-info-row {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 16px;
  padding: 12px 0;
  border-bottom: 1px solid #EAF6FA;
}

.cl-contact-info-row:last-child {
  margin-bottom: 0;
  border-bottom: none;
}

.cl-contact-info-label {
  color: #76787a;
  font-weight: 600;
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.cl-contact-info-value {
  color: #0A1A56;
  font-weight: 600;
  font-size: 16px;
}

.cl-contact-info-value--available {
  color: #5884E7;
}

/* Job Listing Dropdown */
.cl-job-section {
  margin-bottom: 24px;
}

.cl-job-label {
  font-size: 14px;
  font-weight: 600;
  color: #0A1A56;
  margin-bottom: 12px;
  display: block;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.cl-job-dropdown {
  width: 100%;
  padding: 16px 20px;
  border: 2px solid #D8DCDE;
  border-radius: 12px;
  font-size: 15px;
  color: #0A1A56;
  background: white;
  cursor: pointer;
  transition: all 0.3s ease;
  font-weight: 500;
}

.cl-job-dropdown:focus {
  outline: none;
  border-color: #5884E7;
  box-shadow: 0 0 0 4px rgba(88, 132, 231, 0.1);
}

.cl-job-dropdown:disabled {
  background: #F3F9FC;
  color: #76787a;
  cursor: not-allowed;
}

/* Action Buttons */
.cl-action-buttons {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
}

.cl-unlocked-actions {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
  margin-top: 8px;
}

.cl-unlocked-actions .cl-btn-action {
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  background: linear-gradient(135deg, #0A1A56 0%, #303F4B 100%);
  color: white;
  border: none;
  border-radius: 12px;
  padding: 16px 24px;
  font-size: 16px;
  font-weight: 700;
  cursor: pointer;
  transition: all 0.3s ease;
  text-decoration: none;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  letter-spacing: 0.5px;
  box-shadow: 0 4px 12px rgba(10, 26, 86, 0.3);
}

.cl-unlocked-actions .cl-btn-action:hover {
  -webkit-transform: translateY(-2px);
          transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(10, 26, 86, 0.4);
}

.cl-unlocked-actions .cl-btn-action:disabled,
.cl-unlocked-actions .cl-btn-action.is-disabled {
  background: #D8DCDE;
  color: #76787a;
  cursor: not-allowed;
  -webkit-transform: none;
          transform: none;
  box-shadow: none;
}

.cl-unlocked-actions .cl-btn-action--secondary {
  background: white;
  color: #0A1A56;
  border: 2px solid #0A1A56;
  box-shadow: 0 2px 8px rgba(10, 26, 86, 0.15);
}

.cl-unlocked-actions .cl-btn-action--secondary:hover {
  background: #0A1A56;
  color: white;
}

.cl-btn-primary {
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  background: linear-gradient(135deg, #5884E7 0%, #51B9EB 100%);
  color: white;
  border: none;
  border-radius: 12px;
  padding: 16px 32px;
  font-size: 16px;
  font-weight: 700;
  cursor: pointer;
  transition: all 0.3s ease;
  text-decoration: none;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  letter-spacing: 0.5px;
  box-shadow: 0 4px 12px rgba(88, 132, 231, 0.3);
}

.cl-btn-primary:hover {
  -webkit-transform: translateY(-2px);
          transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(88, 132, 231, 0.4);
}

.cl-btn-primary--unlocked {
  background: linear-gradient(135deg, #0A1A56 0%, #303F4B 100%);
  box-shadow: 0 4px 12px rgba(10, 26, 86, 0.3);
}

.cl-btn-primary--unlocked:hover {
  box-shadow: 0 6px 20px rgba(10, 26, 86, 0.4);
}

.cl-btn-primary:disabled {
  background: #D8DCDE;
  color: #76787a;
  cursor: not-allowed;
  -webkit-transform: none;
          transform: none;
  box-shadow: none;
}

.cl-btn-secondary {
  background: white;
  color: #5884E7;
  border: 2px solid #5884E7;
  border-radius: 12px;
  padding: 14px 28px;
  font-size: 15px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
  text-decoration: none;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  letter-spacing: 0.5px;
}

.cl-btn-secondary:hover {
  background: #5884E7;
  color: white;
  -webkit-transform: translateY(-1px);
          transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(88, 132, 231, 0.3);
}

.cl-btn-secondary--unlocked {
  color: #0A1A56;
  border-color: #0A1A56;
}

.cl-btn-secondary--unlocked:hover {
  background: #0A1A56;
  color: white;
  box-shadow: 0 4px 12px rgba(10, 26, 86, 0.3);
}

/* Activities Card Styles */
.cl-activity-card {
  background: #F3F9FC;
  border: 1px solid #D8DCDE;
  border-radius: 16px;
  padding: 32px;
  margin-top: 24px;
  position: relative;
  box-shadow: 0 2px 8px rgba(10, 26, 86, 0.08);
  transition: all 0.3s ease;
}

.cl-activity-card:hover {
  box-shadow: 0 4px 16px rgba(10, 26, 86, 0.12);
  -webkit-transform: translateY(-2px);
          transform: translateY(-2px);
}

.cl-activity-header {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 24px;
  gap: 12px;
}

.cl-activity-title {
  font-size: 24px;
  font-weight: 700;
  color: #0A1A56;
  line-height: 1.2;
}

.cl-activity-tooltip {
  position: relative;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 20px;
  height: 20px;
  background: #5884E7;
  color: white;
  border-radius: 50%;
  font-size: 12px;
  font-weight: 600;
  cursor: help;
  transition: all 0.3s ease;
}

.cl-activity-tooltip:hover {
  background: #0A1A56;
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}

.cl-activity-tooltip .tooltiptextRecruitment {
  visibility: hidden;
  opacity: 0;
  position: absolute;
  bottom: 140%;
  right: -40px;
  background: #0A1A56 !important;
  color: white !important;
  padding: 16px !important;
  border-radius: 8px !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  z-index: 9999;
  box-shadow: 0 4px 12px rgba(10, 26, 86, 0.5);
  transition: all 0.3s ease;
  pointer-events: none;
  width: 260px !important;
  height: auto !important;
  max-height: none !important;
  min-height: auto !important;
  white-space: normal !important;
  word-wrap: break-word !important;
  line-height: 1.4 !important;
  box-sizing: border-box !important;
  display: block !important;
  overflow: visible !important;
  text-align: left !important;
}

.cl-activity-tooltip .tooltiptextRecruitment::after {
  content: "";
  position: absolute;
  top: 100%;
  right: 60px;
  border: 8px solid transparent;
  border-top-color: #0A1A56 !important;
}

.cl-activity-tooltip:hover .tooltiptextRecruitment {
  visibility: visible;
  opacity: 1;
}

.cl-activity-list {
  background: white;
  border: 1px solid #D8DCDE;
  border-radius: 12px;
  padding: 24px;
}

.cl-activity-item {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #EAF6FA;
  position: relative;
}

.cl-activity-item:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}

.cl-activity-date {
  font-size: 13px;
  color: #76787a;
  font-weight: 600;
  margin-bottom: 8px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.cl-activity-content {
  color: #303F4B;
  font-size: 15px;
  line-height: 1.5;
  font-weight: 500;
}

.cl-activity-content--note {
  font-style: italic;
  color: #5884E7;
  background: #EAF6FA;
  padding: 12px 16px;
  border-radius: 8px;
  border-left: 4px solid #5884E7;
  margin-top: 8px;
}

.cl-activity-content--highlight {
  color: #0A1A56;
  font-weight: 700;
}

.cl-activity-content a {
  color: #5884E7;
  font-weight: 700;
  text-decoration: none;
  cursor: pointer;
  transition: color 0.3s ease;
}

.cl-activity-content a:hover {
  color: #0A1A56;
  text-decoration: underline;
}

.cl-activity-author {
  color: #76787a;
  font-size: 13px;
  font-weight: 600;
  margin-top: 4px;
}

/* Demo Styles */
.demo-title {
  text-align: center;
  margin-bottom: 40px;
  color: #0A1A56;
  font-weight: 700;
}

.demo-section {
  margin-bottom: 48px;
}

.demo-section h3 {
  color: #5884E7;
  margin-bottom: 24px;
  text-align: center;
  font-weight: 600;
  font-size: 18px;
  text-transform: uppercase;
  letter-spacing: 1px;
}

/* Responsive Design */
@media (max-width: 768px) {
  .cl-contact-card,
  .cl-activity-card {
    padding: 24px;
    border-radius: 12px;
  }
  .cl-contact-header {
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 16px;
  }
  .cl-balance-info {
    text-align: left;
  }
  .cl-contact-title,
  .cl-activity-title {
    font-size: 20px;
  }
  .cl-action-buttons,
  .cl-unlocked-actions {
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .cl-recruitment-steps,
  .cl-activity-list {
    padding: 20px;
  }
  .cl-step-circle {
    width: 28px;
    height: 28px;
    font-size: 12px;
  }
  .cl-recruitment-step:not(:last-child)::after {
    left: 13px;
    top: 28px;
    height: 16px;
  }
}
@media (max-width: 480px) {
  .cl-contact-card,
  .cl-activity-card {
    padding: 20px;
  }
  .cl-contact-title,
  .cl-activity-title {
    font-size: 18px;
  }
  .cl-contact-subtitle {
    font-size: 15px;
  }
  .cl-recruitment-steps,
  .cl-contact-info,
  .cl-activity-list {
    padding: 16px;
  }
  .cl-contact-info-row {
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 8px;
  }
  .cl-activity-header {
    gap: 8px;
  }
  .cl-activity-item {
    margin-bottom: 16px;
    padding-bottom: 16px;
  }
}
/* Accessibility */
@media (prefers-reduced-motion: reduce) {
  .cl-contact-card,
  .cl-activity-card,
  .cl-btn-primary,
  .cl-btn-secondary,
  .cl-job-dropdown,
  .cl-btn-action,
  .cl-activity-tooltip {
    transition: none;
  }
  .cl-contact-card:hover,
  .cl-activity-card:hover {
    -webkit-transform: none;
            transform: none;
  }
  .cl-btn-primary:hover,
  .cl-btn-secondary:hover,
  .cl-btn-action:hover,
  .cl-activity-tooltip:hover {
    -webkit-transform: none;
            transform: none;
  }
  @-webkit-keyframes pulse {
    0%, 100% {
      box-shadow: 0 2px 8px rgba(88, 132, 231, 0.3);
    }
  }
  @keyframes pulse {
    0%, 100% {
      box-shadow: 0 2px 8px rgba(88, 132, 231, 0.3);
    }
  }
}
/* High contrast mode */
@media (prefers-contrast: high) {
  .cl-contact-card,
  .cl-activity-card {
    border-width: 2px;
  }
  .cl-contact-card--unlocked {
    border-width: 3px;
  }
  .cl-recruitment-steps,
  .cl-activity-list {
    border-width: 2px;
  }
}
.select-wrapper {
  position: relative;
}
.select-wrapper:after {
  position: absolute;
  top: 50%;
  right: 1rem;
  margin-top: -0.5rem;
  content: "▾";
  pointer-events: none;
  line-height: 1rem;
}

.select-wrapper__element {
  background-color: white;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

.select-wrapper__element-page {
  background-color: white;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border-radius: 0px;
  border: 1px solid #c4c5c5;
}

.select-wrapper__element-jobs {
  background-color: white;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border-radius: 4px;
  border: 1.5px solid #c4c5c5;
}

.form-valign-top input, .form-valign-top label, .form-valign-top textarea {
  vertical-align: text-top;
}

.form-field {
  position: relative;
  display: block;
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.form-field__label {
  position: absolute;
  top: 1rem;
  margin-top: 0.5rem;
  color: #909293;
  line-height: 1.25;
  transition-timing-function: cubic-bezier(0.5, 1, 0.2, 1);
  transition-duration: 200ms;
  transition-property: margin, padding, color, font-size, border-color;
  pointer-events: none;
  width: 100%;
}
.form-field__label .form-field__help {
  opacity: 0;
  transition-timing-function: cubic-bezier(0.5, 1, 0.2, 1);
  transition-property: opacity;
  transition-duration: 50ms;
  color: #c4c5c5;
  float: right;
}

.form-field__input {
  padding-left: 0;
  border-bottom: 1px solid #909293;
  border-radius: 0;
  background-color: transparent;
  width: 100%;
}
.form-field__input:focus, .form-field__input:not(.js-is-empty), .form-field__input:not(.js-is-empty):valid {
  border-color: #76787a;
  box-shadow: none;
}
.form-field__input:focus + .form-field__label, .form-field__input:not(.js-is-empty) + .form-field__label, .form-field__input:not(.js-is-empty):valid + .form-field__label {
  margin-top: -1rem;
  color: #444546;
  font-size: 0.8rem;
}
.form-field__input:focus + .form-field__label .form-field__help {
  opacity: 1;
  transition-duration: 400ms;
  transition-delay: 200ms;
}
.form-field__input.js-did-change:not(.js-is-empty):valid {
  border-bottom-color: #93C73F;
}
.form-field__input.js-did-change:not(.js-is-empty):invalid {
  border-bottom-color: #D51620;
}
.form-field__input:required + .form-field__label:after {
  color: #ea343e;
  content: "*";
  transition-timing-function: cubic-bezier(0.5, 1, 0.2, 1);
  transition-duration: 200ms;
  transition-property: color;
  position: absolute;
  padding-left: 0.25rem;
}
.form-field__input:valid:not(:focus) + .form-field__label {
  color: #c4c5c5;
}
.form-field__input:valid:not(:focus) + .form-field__label:after {
  color: inherit;
}

.form-fields {
  width: 90%;
  float: left;
}

.form-fields input {
  width: 100%;
  float: left;
  margin: 4px;
}

.filter-group {
  position: relative;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.filter-group__header {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 2.8rem;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.filter-group__header--tall {
  height: 5.2rem;
  border-bottom: 1px solid #5884E7;
}

.filter-group__navbar {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 2.4rem;
  border-bottom: 1px solid #5884E7;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  background-color: blue;
}

@media screen and (min-width: 740px) {
  .filter-group__navbar button {
    display: none;
  }
}
@media screen and (max-width: 739px) {
  .filter-group__header button,
  .filter-group__navbar button {
    margin-right: 20px;
  }
}
@media screen and (min-width: 740px) and (max-width: 1036px) {
  .filter-group__navbar {
    padding-right: 0 !important;
  }
  .filter-group__navbar .small {
    font-size: 0.6rem;
  }
  .filter-group__navbar input {
    font-size: 0.6rem;
    margin-top: -1px;
  }
}
@media screen and (max-width: 374px) {
  .filter-group__navbar .small {
    font-size: 0.6rem;
  }
  .filter-group__navbar input {
    font-size: 0.6rem;
    margin-top: -1px;
  }
}
.filter-group__body {
  height: calc(100% - (2.8rem + 2.4rem));
  position: absolute;
  width: 100%;
  bottom: 0;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  min-height: 10rem;
}

.filter-list__close {
  top: -0.8rem;
  right: -0.8rem;
  width: 1.6rem;
  height: 1.6rem;
  border-radius: 50%;
  position: absolute !important;
}

.filter-list__close-icon {
  top: 50%;
  left: 50%;
  margin-top: -0.4rem;
  margin-left: -0.4rem;
  width: 0.8rem;
  height: 0.8rem;
}

.filter-group__list-item {
  border-bottom: 1px solid #D8EEF6;
}

.filter-group__checklist {
  overflow: auto;
  height: 310px;
}

.message .message:not(:last-of-type) {
  border-bottom: 1px solid #dee7fa;
}

.unread.message {
  background-image: linear-gradient(-180deg, rgba(76, 188, 226, 0.1) 0%, rgba(0, 150, 200, 0.1) 100%);
  border-left-color: #5884E7;
}

.message__header, .message__delete {
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
}

.message__header-report:hover {
  color: #a71119;
}

.message__header::before {
  content: "";
  display: block;
  background-image: none;
  border: 1px solid #c4c5c5;
  width: 0.75rem;
  height: 0.75rem;
  border-radius: 50%;
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 2rem;
}

.unread .message__header::before {
  content: "";
  background-image: linear-gradient(-180deg, #4cbce2 0%, #0096c8 100%);
  border: 1px solid #5884E7;
}

.message__delete {
  right: 1rem;
  fill: currentColor;
  border: 2px solid;
  border-radius: 50%;
  padding: 0.25125rem;
  width: 1.5rem;
  height: 1.5rem;
  color: #76787a;
}

.message__delete:hover {
  color: #D7B64E;
}

@media screen and (min-width: 740px) {
  .message__header {
    border-right: 1px solid #c4c5c5;
  }
  .message__header::before {
    left: 0.5rem;
  }
}
.message__thread {
  height: 65vh;
  overflow-y: scroll;
}

.message__thread-reply {
  border-top: 2px solid #5884E7;
}

.message__thread-responseBox {
  height: 9.75rem;
}

.message__received {
  background-image: linear-gradient(-180deg, rgba(76, 188, 226, 0.08) 0%, rgba(0, 150, 200, 0.08) 100%);
}

.message__sent {
  background-image: linear-gradient(-180deg, #4cbce2 0%, #0096c8 100%);
}

.message__sent p:last-of-type, .message__received p:last-of-type {
  margin-bottom: 0;
}

@media screen and (min-width: 740px) {
  .err__header {
    border-right: 2px solid white;
  }
}
.ratings__header {
  border-top: 3px solid;
}

.ratings__header--a {
  border-color: #5884E7;
}

.ratings__header--b {
  border-color: #93C73F;
}

.ratings__header--c {
  border-color: #D7B64E;
}

.ratings__header--d {
  border-color: #F1582D;
}

.ratings__header--f {
  border-color: #D51620;
}

.ratings__header--i {
  border-color: #76787a;
}

.provider-detail__header {
  padding: 0.5rem 1rem;
}

.provider-detail__icon {
  width: 4rem;
  height: 4rem;
  padding: 0.3rem;
}
.provider-detail__icon svg {
  width: 100%;
  height: 100%;
}

.provider-details__title {
  margin-left: 5rem;
}

.provider-details__name {
  margin: 0;
  font-size: 0.8rem;
}

.provider-details__type {
  margin: 0;
}

.provider-detail__contact {
  padding: 0.5rem;
}

.provider-detail__rank {
  padding: 0.5rem;
}
.provider-detail__rank p {
  font-size: 0.8rem;
  margin: 0;
}
.provider-detail__rank svg {
  width: 2.5rem;
  margin: 0 0.5rem;
  float: left;
}

.provider-detail__view {
  padding: 0.5rem 1rem;
}
.provider-detail__view h6 {
  margin-bottom: 0.5rem;
}

.provider-detail__cta {
  padding: 0.5rem 1rem;
}

@media screen and (max-width: 739px) {
  .provider-detail__rank {
    padding: 0.5rem 0.5rem 0.5rem 0rem;
  }
  .provider-detail__rank svg {
    position: absolute;
    margin-right: 2.25rem;
    right: 0;
  }
  .provider-detail__contact {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    padding-right: 0.5rem;
    padding-left: 0rem;
  }
}
@media screen and (max-width: 739px) {
  .filter-list__close {
    display: none !important;
  }
  .provider-details__street-view {
    margin: 0 auto;
  }
  .provider-details__street-view .intrinsic {
    max-height: 200px;
  }
}
.social-links {
  margin-top: 1rem;
  text-align: center;
}

@media screen and (max-width: 739px) {
  .social-links {
    margin-bottom: -2rem;
  }
}
.social-links-results {
  text-align: center;
  margin-right: 0.5rem;
}

@media screen and (max-width: 739px) {
  .social-links-results {
    margin-right: 2rem;
  }
}
.selected_portfolio_provider li {
  background-color: #F1582D;
}
.selected_portfolio_provider li:hover {
  background-color: #F1582D;
}

.dashboard__column,
.dashboard__label {
  text-align: center;
}

@media screen and (min-width: 1036px) {
  .dashboard__message-and-reviews {
    display: none;
  }
}
@media screen and (max-width: 1035px) {
  .dashboard__provider {
    width: 30%;
  }
  .dashboard__details {
    width: 70%;
  }
  .dashboard__rating {
    width: 25%;
  }
  .dashboard__messages {
    width: 10%;
    position: relative;
    text-align: left;
  }
  .dashboard__messages .notification-count {
    position: absolute;
    top: 5px;
    left: 30px;
  }
  .dashboard__reviews {
    width: 10%;
  }
  .dashboard__label.dashboard__messages,
  .dashboard__label.dashboard__reviews {
    display: none;
  }
  .dashboard__message-and-reviews {
    width: 20%;
  }
  .dashboard__status {
    width: 25%;
  }
  .dashboard__edit {
    width: 30%;
  }
}
@media screen and (max-width: 739px) {
  .dashboard__label.dashboard__provider {
    display: none;
  }
  .dashboard__provider {
    width: 100%;
    padding: 0.25rem 0 !important;
  }
  .dashboard__location {
    display: inline;
  }
  .dashboard__details {
    width: 100%;
    border-top: 0;
    padding: 0.25rem 0 !important;
  }
  .dashboard__rating {
    width: 25%;
    text-align: left;
  }
  .dashboard__messages {
    width: 12.5%;
  }
  .dashboard__messages .notification-count {
    top: 3px;
    left: 26px;
  }
  .dashboard__reviews {
    width: 12.5%;
    text-align: left;
  }
  .dashboard__reviews .notification-count {
    top: 3px;
    left: 26px;
  }
  .dashboard__message-and-reviews {
    width: 25%;
  }
  .dashboard__status {
    width: 25%;
  }
  .dashboard__edit {
    width: 25%;
  }
}
.payment__section form {
  width: 100%;
}

.payment {
  padding: 1rem;
  width: 100%;
}

.payment__required {
  float: left;
  color: #D51620;
  padding: 0.25rem;
  font-weight: bold;
}

.payment__row {
  display: block;
  padding: 0.5rem 0;
  overflow: hidden;
  height: auto;
}
.payment__row:after {
  content: "";
  display: block;
  clear: both;
}

.payment__label {
  width: 90%;
  padding: 0 0 0.75rem;
  display: inline-block;
}

.payment__row--small input {
  width: 30%;
  margin-right: 0.5rem;
}

.payment__submit {
  width: 100%;
  text-align: center;
}

@media screen and (min-width: 740px) {
  .payment input {
    max-width: 300px;
  }
  .payment__row--small input {
    width: 100px;
    margin-right: 0.5rem;
  }
  .payment__label {
    width: 300px;
  }
  .payment__submit {
    text-align: right;
  }
}
.payment__center {
  margin: auto;
  width: 75%;
}
@media screen and (min-width: 740px) and (max-width: 1036px) {
  .payment__center {
    margin: auto;
    width: 90%;
  }
}
@media screen and (max-width: 739px) {
  .payment__center {
    margin: auto;
    width: 100%;
  }
}

.visually-hidden {
  position: absolute;
  clip: rect(0, 0, 0, 0);
}

.corner-no {
  border-radius: 0;
}

.corner-sm {
  border-radius: 6px;
}

.corner-sm-t {
  border-radius: 6px 6px 0 0;
}

.corner-sm-b {
  border-radius: 0 0 6px 6px;
}

.my05 {
  margin-top: 0rem;
  margin-bottom: 0rem;
}
@media screen and (max-width: 739px) {
  .my05 {
    margin-top: 0.3rem;
    margin-bottom: 0.3rem;
  }
}

.m0 {
  margin: 0;
}

.mt0 {
  margin-top: 0;
}

.mr0 {
  margin-right: 0;
}

.mb0 {
  margin-bottom: 0;
}

.ml0 {
  margin-left: 0;
}

.mx0 {
  margin-right: 0;
  margin-left: 0;
}

.my0 {
  margin-top: 0;
  margin-bottom: 0;
}

.m1 {
  margin: 0.25rem;
}

.mt1 {
  margin-top: 0.25rem;
}

.mr1 {
  margin-right: 0.25rem;
}

.mb1 {
  margin-bottom: 0.25rem;
}

.ml1 {
  margin-left: 0.25rem;
}

.mx4 {
  margin-right: 0.25rem;
  margin-left: 0.25rem;
}

.my4 {
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
}

.m2 {
  margin: 0.5rem;
}

.mt2 {
  margin-top: 0.5rem;
}

.mr2 {
  margin-right: 0.5rem;
}

.mb2 {
  margin-bottom: 0.5rem;
}

.ml2 {
  margin-left: 0.5rem;
}

.mx2 {
  margin-right: 0.5rem;
  margin-left: 0.5rem;
}

.my2 {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}

.m3 {
  margin: 1rem;
}

.mt3 {
  margin-top: 1rem;
}

.mr3 {
  margin-right: 1rem;
}

.mb3 {
  margin-bottom: 1rem;
}

.ml3 {
  margin-left: 1rem;
}

.mx3 {
  margin-right: 1rem;
  margin-left: 1rem;
}

.my3 {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.m4 {
  margin: 2rem;
}

.mt4 {
  margin-top: 2rem;
}

.mr4 {
  margin-right: 2rem;
}

.mb4 {
  margin-bottom: 2rem;
}

.ml4 {
  margin-left: 2rem;
}

.mx4 {
  margin-right: 2rem;
  margin-left: 2rem;
}

.my4 {
  margin-top: 2rem;
  margin-bottom: 2rem;
}

.m5 {
  margin: 4rem;
}

.mt5 {
  margin-top: 4rem;
}

.mr5 {
  margin-right: 4rem;
}

.mb5 {
  margin-bottom: 4rem;
}

.ml5 {
  margin-left: 4rem;
}

.mx5 {
  margin-right: 4rem;
  margin-left: 4rem;
}

.my5 {
  margin-top: 4rem;
  margin-bottom: 4rem;
}

.m-auto {
  margin: auto;
}

.mx-auto {
  margin-right: auto;
  margin-left: auto;
}

.my-auto {
  margin-top: auto;
  margin-bottom: auto;
}

.p0 {
  padding: 0;
}

.pt0 {
  padding-top: 0;
}

.pr0 {
  padding-right: 0;
}

.pb0 {
  padding-bottom: 0;
}

.pl0 {
  padding-left: 0;
}

.px0 {
  padding-right: 0;
  padding-left: 0;
}

.py0 {
  padding-top: 0;
  padding-bottom: 0;
}

.p1 {
  padding: 0.25rem;
}

.pt1 {
  padding-top: 0.25rem;
}

.pr1 {
  padding-right: 0.25rem;
}

.pb1 {
  padding-bottom: 0.25rem;
}

.pl1 {
  padding-left: 0.25rem;
}

.px1 {
  padding-right: 0.25rem;
  padding-left: 0.25rem;
}

.py1 {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}

.p2 {
  padding: 0.5rem;
}

.pt2 {
  padding-top: 0.5rem;
}

.pr2 {
  padding-right: 0.5rem;
}

.pb2 {
  padding-bottom: 0.5rem;
}

.pl2 {
  padding-left: 0.5rem;
}

.px2 {
  padding-right: 0.5rem;
  padding-left: 0.5rem;
}

.py2 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.p3 {
  padding: 1rem;
}

.pt3 {
  padding-top: 1rem;
}

.pr3 {
  padding-right: 1rem;
}

.pb3 {
  padding-bottom: 1rem;
}

.pl3 {
  padding-left: 1rem;
}

.px3 {
  padding-right: 1rem;
  padding-left: 1rem;
}

.py3 {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.p4 {
  padding: 2rem;
}

.pt4 {
  padding-top: 2rem;
}

.pr4 {
  padding-right: 2rem;
}

.pb4 {
  padding-bottom: 2rem;
}

.pl4 {
  padding-left: 2rem;
}

.px4 {
  padding-right: 2rem;
  padding-left: 2rem;
}

.py4 {
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.p5 {
  padding: 4rem;
}

.pt5 {
  padding-top: 4rem;
}

.pr5 {
  padding-right: 4rem;
}

.pb5 {
  padding-bottom: 4rem;
}

.pl5 {
  padding-left: 4rem;
}

.px5 {
  padding-right: 4rem;
  padding-left: 4rem;
}

.py5 {
  padding-top: 4rem;
  padding-bottom: 4rem;
}

@media screen and (min-width: 480px) {
  .small--p0 {
    padding: 0;
  }
  .small--pt0 {
    padding-top: 0;
  }
  .small--pr0 {
    padding-right: 0;
  }
  .small--pb0 {
    padding-bottom: 0;
  }
  .small--pl0 {
    padding-left: 0;
  }
  .small--px0 {
    padding-right: 0;
    padding-left: 0;
  }
  .small--py0 {
    padding-top: 0;
    padding-bottom: 0;
  }
  .small--p1 {
    padding: 0.25rem;
  }
  .small--pt1 {
    padding-top: 0.25rem;
  }
  .small--pr1 {
    padding-right: 0.25rem;
  }
  .small--pb1 {
    padding-bottom: 0.25rem;
  }
  .small--pl1 {
    padding-left: 0.25rem;
  }
  .small--px1 {
    padding-right: 0.25rem;
    padding-left: 0.25rem;
  }
  .small--py1 {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
  }
  .small--p2 {
    padding: 0.5rem;
  }
  .small--pt2 {
    padding-top: 0.5rem;
  }
  .small--pr2 {
    padding-right: 0.5rem;
  }
  .small--pb2 {
    padding-bottom: 0.5rem;
  }
  .small--pl2 {
    padding-left: 0.5rem;
  }
  .small--px2 {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .small--py2 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
  .small--p3 {
    padding: 1rem;
  }
  .small--pt3 {
    padding-top: 1rem;
  }
  .small--pr3 {
    padding-right: 1rem;
  }
  .small--pb3 {
    padding-bottom: 1rem;
  }
  .small--pl3 {
    padding-left: 1rem;
  }
  .small--px3 {
    padding-right: 1rem;
    padding-left: 1rem;
  }
  .small--py3 {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
  .small--p4 {
    padding: 2rem;
  }
  .small--pt4 {
    padding-top: 2rem;
  }
  .small--pr4 {
    padding-right: 2rem;
  }
  .small--pb4 {
    padding-bottom: 2rem;
  }
  .small--pl4 {
    padding-left: 2rem;
  }
  .small--px4 {
    padding-right: 2rem;
    padding-left: 2rem;
  }
  .small--py4 {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
  .small--p5 {
    padding: 4rem;
  }
  .small--pt5 {
    padding-top: 4rem;
  }
  .small--pr5 {
    padding-right: 4rem;
  }
  .small--pb5 {
    padding-bottom: 4rem;
  }
  .small--pl5 {
    padding-left: 4rem;
  }
  .small--px5 {
    padding-right: 4rem;
    padding-left: 4rem;
  }
  .small--py5 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
}
@media screen and (min-width: 600px) {
  .medium--p0 {
    padding: 0;
  }
  .medium--pt0 {
    padding-top: 0;
  }
  .medium--pr0 {
    padding-right: 0;
  }
  .medium--pb0 {
    padding-bottom: 0;
  }
  .medium--pl0 {
    padding-left: 0;
  }
  .medium--px0 {
    padding-right: 0;
    padding-left: 0;
  }
  .medium--py0 {
    padding-top: 0;
    padding-bottom: 0;
  }
  .medium--p1 {
    padding: 0.25rem;
  }
  .medium--pt1 {
    padding-top: 0.25rem;
  }
  .medium--pr1 {
    padding-right: 0.25rem;
  }
  .medium--pb1 {
    padding-bottom: 0.25rem;
  }
  .medium--pl1 {
    padding-left: 0.25rem;
  }
  .medium--px1 {
    padding-right: 0.25rem;
    padding-left: 0.25rem;
  }
  .medium--py1 {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
  }
  .medium--p2 {
    padding: 0.5rem;
  }
  .medium--pt2 {
    padding-top: 0.5rem;
  }
  .medium--pr2 {
    padding-right: 0.5rem;
  }
  .medium--pb2 {
    padding-bottom: 0.5rem;
  }
  .medium--pl2 {
    padding-left: 0.5rem;
  }
  .medium--px2 {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .medium--py2 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
  .medium--p3 {
    padding: 1rem;
  }
  .medium--pt3 {
    padding-top: 1rem;
  }
  .medium--pr3 {
    padding-right: 1rem;
  }
  .medium--pb3 {
    padding-bottom: 1rem;
  }
  .medium--pl3 {
    padding-left: 1rem;
  }
  .medium--px3 {
    padding-right: 1rem;
    padding-left: 1rem;
  }
  .medium--py3 {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
  .medium--p4 {
    padding: 2rem;
  }
  .medium--pt4 {
    padding-top: 2rem;
  }
  .medium--pr4 {
    padding-right: 2rem;
  }
  .medium--pb4 {
    padding-bottom: 2rem;
  }
  .medium--pl4 {
    padding-left: 2rem;
  }
  .medium--px4 {
    padding-right: 2rem;
    padding-left: 2rem;
  }
  .medium--py4 {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
  .medium--p5 {
    padding: 4rem;
  }
  .medium--pt5 {
    padding-top: 4rem;
  }
  .medium--pr5 {
    padding-right: 4rem;
  }
  .medium--pb5 {
    padding-bottom: 4rem;
  }
  .medium--pl5 {
    padding-left: 4rem;
  }
  .medium--px5 {
    padding-right: 4rem;
    padding-left: 4rem;
  }
  .medium--py5 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
}
@media screen and (min-width: 740px) {
  .large--p0 {
    padding: 0;
  }
  .large--pt0 {
    padding-top: 0;
  }
  .large--pr0 {
    padding-right: 0;
  }
  .large--pb0 {
    padding-bottom: 0;
  }
  .large--pl0 {
    padding-left: 0;
  }
  .large--px0 {
    padding-right: 0;
    padding-left: 0;
  }
  .large--py0 {
    padding-top: 0;
    padding-bottom: 0;
  }
  .large--p1 {
    padding: 0.25rem;
  }
  .large--pt1 {
    padding-top: 0.25rem;
  }
  .large--pr1 {
    padding-right: 0.25rem;
  }
  .large--pb1 {
    padding-bottom: 0.25rem;
  }
  .large--pl1 {
    padding-left: 0.25rem;
  }
  .large--px1 {
    padding-right: 0.25rem;
    padding-left: 0.25rem;
  }
  .large--py1 {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
  }
  .large--p2 {
    padding: 0.5rem;
  }
  .large--pt2 {
    padding-top: 0.5rem;
  }
  .large--pr2 {
    padding-right: 0.5rem;
  }
  .large--pb2 {
    padding-bottom: 0.5rem;
  }
  .large--pl2 {
    padding-left: 0.5rem;
  }
  .large--px2 {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .large--py2 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
  .large--p3 {
    padding: 1rem;
  }
  .large--pt3 {
    padding-top: 1rem;
  }
  .large--pr3 {
    padding-right: 1rem;
  }
  .large--pb3 {
    padding-bottom: 1rem;
  }
  .large--pl3 {
    padding-left: 1rem;
  }
  .large--px3 {
    padding-right: 1rem;
    padding-left: 1rem;
  }
  .large--py3 {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
  .large--p4 {
    padding: 2rem;
  }
  .large--pt4 {
    padding-top: 2rem;
  }
  .large--pr4 {
    padding-right: 2rem;
  }
  .large--pb4 {
    padding-bottom: 2rem;
  }
  .large--pl4 {
    padding-left: 2rem;
  }
  .large--px4 {
    padding-right: 2rem;
    padding-left: 2rem;
  }
  .large--py4 {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
  .large--p5 {
    padding: 4rem;
  }
  .large--pt5 {
    padding-top: 4rem;
  }
  .large--pr5 {
    padding-right: 4rem;
  }
  .large--pb5 {
    padding-bottom: 4rem;
  }
  .large--pl5 {
    padding-left: 4rem;
  }
  .large--px5 {
    padding-right: 4rem;
    padding-left: 4rem;
  }
  .large--py5 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
}
@media screen and (min-width: 1036px) {
  .larger--p0 {
    padding: 0;
  }
  .larger--pt0 {
    padding-top: 0;
  }
  .larger--pr0 {
    padding-right: 0;
  }
  .larger--pb0 {
    padding-bottom: 0;
  }
  .larger--pl0 {
    padding-left: 0;
  }
  .larger--px0 {
    padding-right: 0;
    padding-left: 0;
  }
  .larger--py0 {
    padding-top: 0;
    padding-bottom: 0;
  }
  .larger--p1 {
    padding: 0.25rem;
  }
  .larger--pt1 {
    padding-top: 0.25rem;
  }
  .larger--pr1 {
    padding-right: 0.25rem;
  }
  .larger--pb1 {
    padding-bottom: 0.25rem;
  }
  .larger--pl1 {
    padding-left: 0.25rem;
  }
  .larger--px1 {
    padding-right: 0.25rem;
    padding-left: 0.25rem;
  }
  .larger--py1 {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
  }
  .larger--p2 {
    padding: 0.5rem;
  }
  .larger--pt2 {
    padding-top: 0.5rem;
  }
  .larger--pr2 {
    padding-right: 0.5rem;
  }
  .larger--pb2 {
    padding-bottom: 0.5rem;
  }
  .larger--pl2 {
    padding-left: 0.5rem;
  }
  .larger--px2 {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .larger--py2 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
  .larger--p3 {
    padding: 1rem;
  }
  .larger--pt3 {
    padding-top: 1rem;
  }
  .larger--pr3 {
    padding-right: 1rem;
  }
  .larger--pb3 {
    padding-bottom: 1rem;
  }
  .larger--pl3 {
    padding-left: 1rem;
  }
  .larger--px3 {
    padding-right: 1rem;
    padding-left: 1rem;
  }
  .larger--py3 {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
  .larger--p4 {
    padding: 2rem;
  }
  .larger--pt4 {
    padding-top: 2rem;
  }
  .larger--pr4 {
    padding-right: 2rem;
  }
  .larger--pb4 {
    padding-bottom: 2rem;
  }
  .larger--pl4 {
    padding-left: 2rem;
  }
  .larger--px4 {
    padding-right: 2rem;
    padding-left: 2rem;
  }
  .larger--py4 {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
  .larger--p5 {
    padding: 4rem;
  }
  .larger--pt5 {
    padding-top: 4rem;
  }
  .larger--pr5 {
    padding-right: 4rem;
  }
  .larger--pb5 {
    padding-bottom: 4rem;
  }
  .larger--pl5 {
    padding-left: 4rem;
  }
  .larger--px5 {
    padding-right: 4rem;
    padding-left: 4rem;
  }
  .larger--py5 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
}
@media screen and (min-width: 1600px) {
  .largest--p0 {
    padding: 0;
  }
  .largest--pt0 {
    padding-top: 0;
  }
  .largest--pr0 {
    padding-right: 0;
  }
  .largest--pb0 {
    padding-bottom: 0;
  }
  .largest--pl0 {
    padding-left: 0;
  }
  .largest--px0 {
    padding-right: 0;
    padding-left: 0;
  }
  .largest--py0 {
    padding-top: 0;
    padding-bottom: 0;
  }
  .largest--p1 {
    padding: 0.25rem;
  }
  .largest--pt1 {
    padding-top: 0.25rem;
  }
  .largest--pr1 {
    padding-right: 0.25rem;
  }
  .largest--pb1 {
    padding-bottom: 0.25rem;
  }
  .largest--pl1 {
    padding-left: 0.25rem;
  }
  .largest--px1 {
    padding-right: 0.25rem;
    padding-left: 0.25rem;
  }
  .largest--py1 {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
  }
  .largest--p2 {
    padding: 0.5rem;
  }
  .largest--pt2 {
    padding-top: 0.5rem;
  }
  .largest--pr2 {
    padding-right: 0.5rem;
  }
  .largest--pb2 {
    padding-bottom: 0.5rem;
  }
  .largest--pl2 {
    padding-left: 0.5rem;
  }
  .largest--px2 {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .largest--py2 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
  .largest--p3 {
    padding: 1rem;
  }
  .largest--pt3 {
    padding-top: 1rem;
  }
  .largest--pr3 {
    padding-right: 1rem;
  }
  .largest--pb3 {
    padding-bottom: 1rem;
  }
  .largest--pl3 {
    padding-left: 1rem;
  }
  .largest--px3 {
    padding-right: 1rem;
    padding-left: 1rem;
  }
  .largest--py3 {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
  .largest--p4 {
    padding: 2rem;
  }
  .largest--pt4 {
    padding-top: 2rem;
  }
  .largest--pr4 {
    padding-right: 2rem;
  }
  .largest--pb4 {
    padding-bottom: 2rem;
  }
  .largest--pl4 {
    padding-left: 2rem;
  }
  .largest--px4 {
    padding-right: 2rem;
    padding-left: 2rem;
  }
  .largest--py4 {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
  .largest--p5 {
    padding: 4rem;
  }
  .largest--pt5 {
    padding-top: 4rem;
  }
  .largest--pr5 {
    padding-right: 4rem;
  }
  .largest--pb5 {
    padding-bottom: 4rem;
  }
  .largest--pl5 {
    padding-left: 4rem;
  }
  .largest--px5 {
    padding-right: 4rem;
    padding-left: 4rem;
  }
  .largest--py5 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
}
@media screen and (min-width: 740px) {
  .small-pl0 {
    padding-left: 2rem;
  }
  .lg-pl5 {
    padding-left: 4rem;
  }
}
.caps {
  text-transform: uppercase;
}

.lower {
  text-transform: lowercase;
}

.ttnone {
  text-transform: none;
}

.lh-low {
  line-height: 0.75;
}

.lh1 {
  line-height: 1;
}

.lh-med {
  line-height: 1.25;
}

.lh-high {
  line-height: 1.75;
}

.lh2 {
  line-height: 2;
}

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

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

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

.text-justify {
  text-align: justify;
}

@media screen and (min-width: 480px) {
  .small--text-right {
    text-align: right;
  }
}
@media screen and (min-width: 480px) {
  .small--text-left {
    text-align: left;
  }
}
@media screen and (min-width: 480px) {
  .small--text-center {
    text-align: center;
  }
}
@media screen and (min-width: 480px) {
  .small--text-none {
    text-align: none;
  }
}
@media screen and (min-width: 600px) {
  .medium--text-right {
    text-align: right;
  }
}
@media screen and (min-width: 600px) {
  .medium--text-left {
    text-align: left;
  }
}
@media screen and (min-width: 600px) {
  .medium--text-center {
    text-align: center;
  }
}
@media screen and (min-width: 600px) {
  .medium--text-none {
    text-align: none;
  }
}
@media screen and (min-width: 740px) {
  .large--text-right {
    text-align: right;
  }
}
@media screen and (min-width: 740px) {
  .large--text-left {
    text-align: left;
  }
}
@media screen and (min-width: 740px) {
  .large--text-center {
    text-align: center;
  }
}
@media screen and (min-width: 740px) {
  .large--text-none {
    text-align: none;
  }
}
@media screen and (min-width: 1036px) {
  .larger--text-right {
    text-align: right;
  }
}
@media screen and (min-width: 1036px) {
  .larger--text-left {
    text-align: left;
  }
}
@media screen and (min-width: 1036px) {
  .larger--text-center {
    text-align: center;
  }
}
@media screen and (min-width: 1036px) {
  .larger--text-none {
    text-align: none;
  }
}
@media screen and (min-width: 1600px) {
  .largest--text-right {
    text-align: right;
  }
}
@media screen and (min-width: 1600px) {
  .largest--text-left {
    text-align: left;
  }
}
@media screen and (min-width: 1600px) {
  .largest--text-center {
    text-align: center;
  }
}
@media screen and (min-width: 1600px) {
  .largest--text-none {
    text-align: none;
  }
}
.weight-400 {
  font-weight: 400;
}

.weight-600 {
  font-weight: 600;
}

.weight-700 {
  font-weight: 700;
}

.weight-800 {
  font-weight: 800;
}

.weight-900 {
  font-weight: 900;
}

.tracked-0 {
  letter-spacing: 0;
}

.tracked-1 {
  letter-spacing: -2px;
}

.tracked-2 {
  letter-spacing: 2px;
}

.tracked-3 {
  letter-spacing: 3px;
}

.tracked-4 {
  letter-spacing: 5px;
}

.jumbo {
  font-size: 9.3132257462rem;
}

.jumbo-small {
  font-size: 4.768371582rem;
}
@media screen and (max-width: 739px) {
  .jumbo-small {
    font-size: 4.768371582rem;
  }
}

.large {
  font-size: 1.25rem;
}

.large-mobile {
  font-size: 1.25rem;
}
@media screen and (max-width: 739px) {
  .large-mobile {
    font-size: 1rem;
  }
}

.larger {
  font-size: 1.5625rem;
}

.largest {
  font-size: 48px;
}
@media screen and (max-width: 739px) {
  .largest {
    font-size: 36px;
  }
}

.largest-home {
  font-size: 1.953125rem;
}
@media screen and (max-width: 739px) {
  .largest-home {
    font-size: 1.5625rem;
  }
}

.largest-calculator {
  font-size: 1.953125rem;
}
@media screen and (max-width: 739px) {
  .largest-calculator {
    font-size: 1.953125rem;
  }
}

.largest-name {
  font-size: 2.44140625rem;
}
@media screen and (max-width: 739px) {
  .largest-name {
    font-size: 1.953125rem;
    text-align: center;
  }
}

.medium-footer {
  font-size: 0.8rem;
}
@media screen and (max-width: 739px) {
  .medium-footer {
    font-size: 14px;
  }
}

.medium-mobile {
  font-size: 1rem;
}
@media screen and (max-width: 739px) {
  .medium-mobile {
    font-size: 0.8rem;
  }
}

.small-medium {
  font-size: 1rem;
}

.small {
  font-size: 0.8rem;
}

.smaller {
  font-size: 0.8rem;
}

.smallest {
  font-size: 0.512rem;
}

.f-srf {
  font-family: "Charter", "Cambria", "Georgia", serif;
}

.title {
  font-weight: 700;
  font-family: "Charter", "Cambria", "Georgia", serif;
  color: #5884E7;
}

.font-label-calculator {
  font-size: 20px;
}
@media screen and (max-width: 739px) {
  .font-label-calculator {
    font-size: 18px;
  }
}

.rw-words-1 span {
  position: absolute;
  opacity: 0;
  overflow: hidden;
  -webkit-animation: rotateWord 12s linear infinite 0s;
  animation: rotateWord 12s linear infinite 0s;
}

.rw-words-1 span:nth-child(2) {
  -webkit-animation-delay: 4s;
  animation-delay: 4s;
}

.rw-words-1 span:nth-child(3) {
  -webkit-animation-delay: 8s;
  animation-delay: 8s;
}

@-webkit-keyframes rotateWord {
  0% {
    opacity: 0;
  }
  4% {
    opacity: 0;
    -webkit-transform: translateY(-30px);
  }
  10% {
    opacity: 1;
    -webkit-transform: translateY(0px);
  }
  33% {
    opacity: 1;
    -webkit-transform: translateY(0px);
  }
  40% {
    opacity: 0;
    -webkit-transform: translateY(30px);
  }
  80% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes rotateWord {
  0% {
    opacity: 0;
  }
  4% {
    opacity: 0;
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  10% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
  33% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
  40% {
    opacity: 0;
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
  }
  80% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
.rw-words-2 span {
  position: absolute;
  opacity: 0;
  overflow: hidden;
  -webkit-animation: rotateWord2 24s linear infinite 0s;
  animation: rotateWord2 24s linear infinite 0s;
}

.rw-words-2 span:nth-child(2) {
  -webkit-animation-delay: 4s;
  animation-delay: 4s;
}

.rw-words-2 span:nth-child(3) {
  -webkit-animation-delay: 8s;
  animation-delay: 8s;
}

.rw-words-2 span:nth-child(4) {
  -webkit-animation-delay: 12s;
  animation-delay: 12s;
}

.rw-words-2 span:nth-child(5) {
  -webkit-animation-delay: 16s;
  animation-delay: 16s;
}

.rw-words-2 span:nth-child(6) {
  -webkit-animation-delay: 20s;
  animation-delay: 20s;
}

@-webkit-keyframes rotateWord2 {
  0% {
    opacity: 0;
  }
  2% {
    opacity: 0;
    -webkit-transform: translateY(-30px);
  }
  5% {
    opacity: 1;
    -webkit-transform: translateY(0px);
  }
  17% {
    opacity: 1;
    -webkit-transform: translateY(0px);
  }
  20% {
    opacity: 0;
    -webkit-transform: translateY(30px);
  }
  40% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes rotateWord2 {
  0% {
    opacity: 0;
  }
  2% {
    opacity: 0;
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  4% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
  17% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
  20% {
    opacity: 0;
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
  }
  40% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
.rw-words-3 span {
  position: absolute;
  opacity: 0;
}

.rw-words-3 span:nth-child(1) {
  -webkit-animation-name: rotate;
          animation-name: rotate;
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s;
}

.rw-words-3 span:nth-child(2) {
  -webkit-animation-name: rotate;
          animation-name: rotate;
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
  -webkit-animation-delay: 2.25s;
          animation-delay: 2.25s;
}

.rw-words-3 span:nth-child(3) {
  -webkit-animation-name: rotate-last;
          animation-name: rotate-last;
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
  -webkit-animation-delay: 4s;
          animation-delay: 4s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}

@-webkit-keyframes rotate {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(50px, 0, 0);
            transform: translate3d(50px, 0, 0);
  }
  20%, 80% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(-25px, 0, 0);
            transform: translate3d(-25px, 0, 0);
  }
}

@keyframes rotate {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(50px, 0, 0);
            transform: translate3d(50px, 0, 0);
  }
  20%, 80% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(-25px, 0, 0);
            transform: translate3d(-25px, 0, 0);
  }
}
@-webkit-keyframes rotate-last {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(50px, 0, 0);
            transform: translate3d(50px, 0, 0);
  }
  50%, 100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@keyframes rotate-last {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(50px, 0, 0);
            transform: translate3d(50px, 0, 0);
  }
  50%, 100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
.animate_characters {
  background-image: linear-gradient(-225deg, #1799D6 0%, #51B9EB 10%, #1799D6 25%, #303f4b 100%);
  background-size: auto auto;
  background-clip: border-box;
  background-size: 200% auto;
  background-clip: text;
  text-fill-color: transparent;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-animation: textclip 5s linear infinite;
          animation: textclip 5s linear infinite;
  display: inline-block;
}

@-webkit-keyframes textclip {
  to {
    background-position: -200% center;
  }
}

@keyframes textclip {
  to {
    background-position: -200% center;
  }
}
.color-gray {
  color: #76787a;
}

.fill-gray {
  fill: #76787a !important;
}

.bg-gray {
  background-color: #76787a;
}

.color-gray--smoke {
  color: #C8C8C8;
}

.bg-gray--smoke {
  background-color: #C8C8C8;
}

.color-gray--ash {
  color: #D8DCDE;
}

.bg-gray--ash {
  background-color: #D8DCDE;
}

.color-gray--light {
  color: #909293;
}

.bg-gray--light {
  background-color: #909293;
}

.color-gray--lighter {
  color: #c4c5c5;
}

.bg-gray--lighter {
  background-color: #c4c5c5;
}

.color-gray--superlight {
  color: #f6f7f8;
}

.bg-gray--superlight {
  background-color: #f6f7f8;
}

.color-gray--dark {
  color: #5d5f60;
}

.bg-gray--dark {
  background-color: #5d5f60;
}

.color-gray--darker {
  color: #444546;
}

.bg-gray--darker {
  background-color: #444546;
}

.color-white {
  color: #F3F9FC;
}

.fill-white {
  fill: #F3F9FC !important;
}

.bg-white {
  background-color: #F3F9FC;
}

.color-white--light {
  color: white;
}

.bg-white--light {
  background-color: white;
}

.color-white--dark {
  color: #cae5f2;
}

.bg-white--dark {
  background-color: #cae5f2;
}

.color-blue {
  color: #5884E7;
}

.fill-blue {
  fill: #5884E7 !important;
}

.bg-blue {
  background-color: #5884E7;
}

.color-blue--light {
  color: #51B9EB;
}

.bg-blue--light {
  background-color: #51B9EB;
}

.color-blue--lighter {
  color: #dee7fa;
}

.bg-blue--lighter {
  background-color: #dee7fa;
}

.color-blue--lightest {
  color: #D8EEF6;
}

.bg-blue--lightest {
  background-color: #D8EEF6;
}

.color-blue--superlight {
  color: #F3F9FC;
}

.bg-blue--superlight {
  background-color: #F3F9FC;
}

.color-blue--sky {
  color: #90CDEA;
}

.bg-blue--sky {
  background-color: #90CDEA;
}

.color-blue--dark {
  color: #303F4B;
}

.bg-blue--dark {
  background-color: #303F4B;
}

.color-blue--half {
  color: #EAF6FA;
}

.bg-blue--half {
  background-color: #EAF6FA;
}

.color-blue--gradientTop {
  color: #4CBCE2;
}

.bg-blue--gradientTop {
  background-color: #4CBCE2;
}

.color-blue--gradientBottom {
  color: #0096C8;
}

.bg-blue--gradientBottom {
  background-color: #0096C8;
}

.color-blue--bright {
  color: #5884E7;
}

.bg-blue--bright {
  background-color: #5884E7;
}

.color-navy {
  color: #0A1A56;
}

.fill-navy {
  fill: #0A1A56 !important;
}

.bg-navy {
  background-color: #0A1A56;
}

.color-navy--half {
  color: #dee0e7;
}

.bg-navy--half {
  background-color: #dee0e7;
}

.color-yellow {
  color: #D7B64E;
}

.fill-yellow {
  fill: #D7B64E !important;
}

.bg-yellow {
  background-color: #D7B64E;
}

.color-yellow--light {
  color: #e0c778;
}

.bg-yellow--light {
  background-color: #e0c778;
}

.color-yellow--lighter {
  color: #ead8a1;
}

.bg-yellow--lighter {
  background-color: #ead8a1;
}

.color-yellow--lightest {
  color: #f3e9cb;
}

.bg-yellow--lightest {
  background-color: #f3e9cb;
}

.color-yellow--dark {
  color: #c5a12d;
}

.bg-yellow--dark {
  background-color: #c5a12d;
}

.color-yellow--page {
  color: #fcaf1e;
}

.bg-yellow--page {
  background-color: #fcaf1e;
}

.color-yellow--page-light {
  color: #fff7e9;
}

.bg-yellow--page-light {
  background-color: #fff7e9;
}

.color-red {
  color: #D51620;
}

.fill-red {
  fill: #D51620 !important;
}

.bg-red {
  background-color: #D51620;
}

.color-red--light {
  color: #ea343e;
}

.bg-red--light {
  background-color: #ea343e;
}

.color-red--lighter {
  color: #ef626a;
}

.bg-red--lighter {
  background-color: #ef626a;
}

.color-red--lightest {
  color: #f49096;
}

.bg-red--lightest {
  background-color: #f49096;
}

.color-red--half {
  color: #fdedee;
}

.bg-red--half {
  background-color: #fdedee;
}

.color-red--dark {
  color: #a71119;
}

.bg-red--dark {
  background-color: #a71119;
}

.color-green {
  color: #93C73F;
}

.fill-green {
  fill: #93C73F !important;
}

.bg-green {
  background-color: #93C73F;
}

.color-green--light {
  color: #9ecd53;
}

.bg-green--light {
  background-color: #9ecd53;
}

.color-green--dark {
  color: #77a330;
}

.bg-green--dark {
  background-color: #77a330;
}

.color-green--page {
  color: #5bbc68;
}

.bg-green--page {
  background-color: #5bbc68;
}

.color-green--page-light {
  color: #eef7ef;
}

.bg-green--page-light {
  background-color: #eef7ef;
}

.color-orange {
  color: #F1582D;
}

.fill-orange {
  fill: #F1582D !important;
}

.bg-orange {
  background-color: #F1582D;
}

.color-orange--light {
  color: #f36b45;
}

.bg-orange--light {
  background-color: #f36b45;
}

.color-orange--dark {
  color: #dc3c0f;
}

.bg-orange--dark {
  background-color: #dc3c0f;
}

.fill-social {
  fill: !important;
}

.color-facebook {
  color: #3b5998;
}

.bg-facebook {
  background-color: #3b5998;
}

.color-google {
  color: #db4437;
}

.bg-google {
  background-color: #db4437;
}

.color-twitter {
  color: #55acee;
}

.bg-twitter {
  background-color: #55acee;
}

.right {
  float: right;
}

.left {
  float: left;
}

.v-align--top {
  vertical-align: top;
}

.v-align--middle {
  vertical-align: middle;
}

.v-align--baseline {
  vertical-align: baseline;
}

.none {
  display: none;
}

.inline {
  display: inline;
}

.block {
  display: block;
}

.inline-block {
  display: inline-block;
}

.flex {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.inline-flex {
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.table-cell {
  display: table-cell;
}

@media screen and (min-width: 480px) {
  .small--none {
    display: none;
  }
}
@media screen and (min-width: 480px) {
  .small--table-cell {
    display: table-cell;
  }
}
@media screen and (min-width: 480px) {
  .small--inline-block {
    display: inline-block;
  }
}
@media screen and (min-width: 480px) {
  .small--block {
    display: block;
  }
}
@media screen and (min-width: 480px) {
  .small--flex {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
}
@media screen and (min-width: 480px) {
  .small--inline-flex {
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
  }
}
@media screen and (min-width: 480px) {
  .small--inline {
    display: inline;
  }
}
@media screen and (min-width: 600px) {
  .medium--none {
    display: none;
  }
}
@media screen and (min-width: 600px) {
  .medium--table-cell {
    display: table-cell;
  }
}
@media screen and (min-width: 600px) {
  .medium--inline-block {
    display: inline-block;
  }
}
@media screen and (min-width: 600px) {
  .medium--block {
    display: block;
  }
}
@media screen and (min-width: 600px) {
  .medium--flex {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
}
@media screen and (min-width: 600px) {
  .medium--inline-flex {
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
  }
}
@media screen and (min-width: 600px) {
  .medium--inline {
    display: inline;
  }
}
@media screen and (min-width: 740px) {
  .large--none {
    display: none;
  }
}
@media screen and (min-width: 740px) {
  .large--table-cell {
    display: table-cell;
  }
}
@media screen and (min-width: 740px) {
  .large--inline-block {
    display: inline-block;
  }
}
@media screen and (min-width: 740px) {
  .large--block {
    display: block;
  }
}
@media screen and (min-width: 740px) {
  .large--flex {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
}
@media screen and (min-width: 740px) {
  .large--inline-flex {
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
  }
}
@media screen and (min-width: 740px) {
  .large--inline {
    display: inline;
  }
}
@media screen and (min-width: 1036px) {
  .larger--none {
    display: none;
  }
}
@media screen and (min-width: 1036px) {
  .larger--table-cell {
    display: table-cell;
  }
}
@media screen and (min-width: 1036px) {
  .larger--inline-block {
    display: inline-block;
  }
}
@media screen and (min-width: 1036px) {
  .larger--block {
    display: block;
  }
}
@media screen and (min-width: 1036px) {
  .larger--flex {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
}
@media screen and (min-width: 1036px) {
  .larger--inline-flex {
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
  }
}
@media screen and (min-width: 1036px) {
  .larger--inline {
    display: inline;
  }
}
@media screen and (min-width: 1600px) {
  .largest--none {
    display: none;
  }
}
@media screen and (min-width: 1600px) {
  .largest--table-cell {
    display: table-cell;
  }
}
@media screen and (min-width: 1600px) {
  .largest--inline-block {
    display: inline-block;
  }
}
@media screen and (min-width: 1600px) {
  .largest--block {
    display: block;
  }
}
@media screen and (min-width: 1600px) {
  .largest--flex {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
}
@media screen and (min-width: 1600px) {
  .largest--inline-flex {
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
  }
}
@media screen and (min-width: 1600px) {
  .largest--inline {
    display: inline;
  }
}
.visible {
  overflow: visible;
}

.hidden {
  overflow: hidden;
}

.scroll {
  overflow: scroll;
}

.auto {
  overflow: auto;
}

.inherit {
  overflow: inherit;
}

.absolute {
  position: absolute;
}

.fixed {
  position: fixed;
}

.relative {
  position: relative;
}

.absolute-edge {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.z-index--n1 {
  z-index: -1;
}

.z-index--0 {
  z-index: 0;
}

.z-index--1 {
  z-index: 1;
}

.z-index--2 {
  z-index: 2;
}

.z-index--3 {
  z-index: 3;
}

.z-index--4 {
  z-index: 4;
}

.z-index--5 {
  z-index: 5;
}

.z-index--6 {
  z-index: 6;
}

.z-index--7 {
  z-index: 7;
}

.z-index--8 {
  z-index: 8;
}

.z-index--9 {
  z-index: 9;
}

.z-index--10 {
  z-index: 10;
}

.clearfix:after {
  display: table;
  clear: both;
  content: "";
}

.height--1 {
  height: 0.25rem;
}

.height--2 {
  height: 0.5rem;
}

.height--3 {
  height: 1rem;
}

.height--4 {
  height: 2rem;
}

.height--4 {
  height: 2.4rem;
}

.height--5 {
  height: 4rem;
}

.height--6 {
  height: 2.68rem;
}

.height--1\/1 {
  min-height: 100%;
  height: 100%;
}