/*
 * The related css is auto-generated. Do not edit the generated css file directly.
 * Instead, make changes to the source LESS file and recompile.
 * the .less files stored in <repo location>\Store.Web\RapidScale.Store.Web\Styles\
 * Again, only edit the .less files, not the generated .css files.
 * 
 * To have .less compile automatically, run the project using the task in <repo location>\Store.Web\README.md.
 * .css will be generated automatically on .less file change.
 */
:root {
  --rs-btn-blue: #0C2FEA;
  --rs-text-green: #02092F;
  --rs-btn-green: #0DE9B7;
  --rs-hero-blue: #052d63;
  --rs-hero-red: #dc3545;
  --rs-hero-focused: #7489f1;
  --rs-hero-header-teal: #07EBF8;
  --rs-footer-heading: #20D5FB;
  --rs-footer: #02092F;
  --rs-footer-copyright: #353A58;
  --rs-text-secondary: #0A5AC6;
  --rs-section-lightlightgray: #F2F3F8;
  --rs-section-textarea-lightlightgray: #fafbff;
  --rs-standard-card-title-color: #0C2FEA;
  --rs-solution-card-title-color: #0C2FEA;
}
@font-face {
  font-family: CeraPro-Bold;
  src: url("../../../fonts/cerapro/CeraPro-Bold.otf");
}
@font-face {
  font-family: CeraPro-Medium;
  src: url("../../../fonts/cerapro/CeraPro-Medium.otf");
}
.hide {
  opacity: 0;
}
header.position-sticky.position-sticky-top {
  top: 0;
  z-index: 2;
}
footer {
  background-color: var(--rs-footer);
}
footer .elem-flex-row-wrap {
  align-items: start;
}
footer .elem-flex-row-wrap .content-col {
  flex: 1;
  min-width: 250px;
  display: flex;
  flex-flow: column;
  align-items: center;
}
footer .elem-flex-row-wrap .rs-footer-heading,
footer .elem-flex-row-wrap .contact-us {
  color: var(--rs-footer-heading);
}
footer .elem-flex-row-wrap .content {
  color: white;
}
footer .elem-flex-row-wrap .content a {
  color: white;
}
footer .elem-flex-row-wrap .content a img {
  filter: invert(100%) brightness(1000%);
}
footer .rs-footer-copyright {
  background-color: var(--rs-footer-copyright);
  font-size: 19px;
  padding: 0 5rem;
}
footer .rs-footer-copyright > * {
  flex: 1;
}
html {
  background-color: var(--rs-section-lightlightgray);
}
.w-80 {
  width: 80%;
}
.w-85 {
  width: 85%;
}
.mw-80 {
  max-width: 80%;
}
.mw-90 {
  max-width: 90%;
}
.text-secondary {
  color: var(--rs-text-secondary) !important;
}
.shadows.generic:hover:not([disabled]) {
  box-shadow: 0px 4px 4px 2px lightgray;
}
.sticky-pageheader {
  position: sticky;
  top: 60px;
  z-index: 98;
  background-color: var(--rs-section-lightlightgray);
  display: block;
}
.pointer:hover[disabled],
.pointer-and-children > *:hover[disabled],
.pointer-and-descendants *:hover[disabled] {
  cursor: not-allowed;
}
.pointer:hover:not([disabled]),
.pointer-and-children > *:hover:not([disabled]),
.pointer-and-descendants *:hover:not([disabled]) {
  cursor: pointer;
}
.pointer-not-allowed {
  cursor: not-allowed;
}
.pointer-expanded {
  filter: hue-rotate(90deg);
}
a.disabled {
  pointer-events: none;
  /* Prevent clicks */
  opacity: 0.5;
  /* Make it look disabled */
  cursor: not-allowed;
  /* Show a "not allowed" cursor */
}
.truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.truncate.mw-250 {
  max-width: 250px;
}
.transition,
.transition-children > *,
.transition-descendants *,
.transition .transition-child-element {
  transition: all 0.2s ease-in-out;
}
.transition.slide-up:hover,
.transition:hover .slide-up-on-hover-parent {
  transform: translateY(-10px);
}
.transition.scale-up:hover,
.transition:hover .scale-up-on-hover-parent {
  transform: scale(1.1);
}
.transition.slide-and-scale-up:hover,
.transition:hover .slide-and-scale-up-on-hover-parent {
  transform: translateY(-10px) scale(1.1);
}
.hide {
  color: rgba(0, 0, 0, 0);
}
.btn-flex,
.link-flex,
.link-flex.dropdown-item,
.elem-flex,
.elem-flex-row-wrap,
.elem-flex-column {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.btn-flex.gap-half,
.link-flex.gap-half,
.link-flex.dropdown-item.gap-half,
.elem-flex.gap-half,
.elem-flex-row-wrap.gap-half,
.elem-flex-column.gap-half {
  gap: 0.5rem;
}
.btn-flex.gap-0,
.link-flex.gap-0,
.link-flex.dropdown-item.gap-0,
.elem-flex.gap-0,
.elem-flex-row-wrap.gap-0,
.elem-flex-column.gap-0 {
  gap: 0;
}
.btn-flex.gap-2,
.link-flex.gap-2,
.link-flex.dropdown-item.gap-2,
.elem-flex.gap-2,
.elem-flex-row-wrap.gap-2,
.elem-flex-column.gap-2 {
  gap: 2rem;
}
.btn-flex.gap-3,
.link-flex.gap-3,
.link-flex.dropdown-item.gap-3,
.elem-flex.gap-3,
.elem-flex-row-wrap.gap-3,
.elem-flex-column.gap-3 {
  gap: 3rem;
}
.elem-flex-row-wrap {
  flex-flow: row wrap;
}
.elem-flex-column {
  flex-direction: column;
}
.btn {
  position: relative;
  z-index: 1;
  top: 0;
  text-transform: uppercase;
  transition: all 0.2s;
  padding: 1.0625rem 1.25rem;
  font-size: 18px;
  line-height: 1.2;
  border-radius: 26px;
  letter-spacing: 0px;
}
.btn:hover {
  text-decoration: none;
  top: -4px;
  box-shadow: 0 0.9em 0.4em -0.4em rgba(47, 78, 234, 0.5);
}
.btn.btn-spaced {
  letter-spacing: 4px;
}
.btn.btn-sm,
.btn.btn-group-sm > .btn {
  padding: 0.25rem 0.5rem;
  font-size: 0.775rem;
  line-height: 1.5;
  border-radius: 0.2rem;
}
.btn.btn-link:hover {
  text-decoration: none;
  top: 0;
  box-shadow: none;
}
.btn:disabled {
  text-decoration: revert;
  top: revert;
  box-shadow: revert;
}
.btn-primary,
.btn-primary:hover,
.btn-primary:active,
.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle {
  background-color: var(--rs-btn-blue);
  border-color: var(--rs-btn-blue);
  font-family: CeraPro-Medium;
  color: #fff;
}
.btn-outline-primary,
.show > .btn-outline-primary.dropdown-toggle {
  color: var(--rs-btn-blue);
  border-color: var(--rs-btn-blue);
}
.btn-outline-primary:not(:disabled):not(.disabled):active,
.show > .btn-outline-primary.dropdown-toggle:not(:disabled):not(.disabled):active,
.btn-outline-primary:not(:disabled):not(.disabled):hover,
.show > .btn-outline-primary.dropdown-toggle:not(:disabled):not(.disabled):hover,
.btn-outline-primary:not(:disabled):not(.disabled).active,
.show > .btn-outline-primary.dropdown-toggle:not(:disabled):not(.disabled).active,
.show > .btn-outline-primary-outline-primary.dropdown-toggle,
.show > .show > .btn-outline-primary.dropdown-toggle-outline-primary.dropdown-toggle {
  color: #fff;
  background-color: var(--rs-btn-blue);
  border-color: var(--rs-btn-blue);
}
.btn-success,
.btn-success:hover,
.btn-success:active,
.btn-success:not(:disabled):not(.disabled):active,
.btn-success:not(:disabled):not(.disabled).active,
.show > .btn-success.dropdown-toggle {
  color: var(--rs-text-green);
  background-color: var(--rs-btn-green);
  border-color: var(--rs-btn-green);
  font-family: CeraPro-Medium;
}
.btn-success:hover:not(:disabled),
.btn-success:hover:hover:not(:disabled),
.btn-success:active:hover:not(:disabled),
.btn-success:not(:disabled):not(.disabled):active:hover:not(:disabled),
.btn-success:not(:disabled):not(.disabled).active:hover:not(:disabled),
.show > .btn-success.dropdown-toggle:hover:not(:disabled) {
  box-shadow: 0 0.9em 0.4em -0.4em rgba(14, 166, 129, 0.5);
}
.btn-success.disabled,
.btn-success:disabled {
  background-color: transparent;
  border-color: transparent;
  color: black;
}
.mod-cta {
  padding-top: 190px;
  padding-bottom: 40px;
  margin-top: -126px;
  z-index: 0;
}
.cta-bg {
  z-index: 2;
}
.bg {
  background-repeat: no-repeat;
  background-position: top;
  background-size: cover;
}
.bg-blue {
  background-color: var(--rs-hero-blue);
}
.bg-gray-200 {
  background-color: var(--rs-section-lightlightgray) !important;
}
.form-group label.focused {
  color: var(--rs-hero-focused);
}
.form-group label.label-error,
.form-group .input-validation-error,
.form-group .field-validation-error {
  color: var(--rs-hero-red);
}
.form-group .input-validation-error {
  border-color: var(--rs-hero-red);
}
.validation-summary-errors {
  color: var(--rs-hero-red);
}
.validation-summary-errors ul {
  list-style: none;
  padding-left: 0;
  line-height: 1em;
}
.hero-heading {
  margin-bottom: 0;
}
.fade.in {
  transition: opacity ease-in-out 0.5s 1s;
  opacity: 1;
}
.hide-wrapper {
  position: relative;
}
.hide-text {
  color: transparent;
}
.hide-text:focus {
  color: black;
}
.hide-text + .mask {
  display: none;
}
.mask {
  position: absolute;
  top: 40px;
  left: 25px;
}
.mask::after {
  content: attr(data-content);
}
.wrapper:hover > .mask::after {
  display: none;
}
/** Brand update **/
.rs-hero-text {
  color: var(--rs-hero-header-teal);
  font-family: CeraPro-Medium;
  font-size: 29px;
}
.rs-hero-header {
  color: #fff;
  font-family: CeraPro-Medium;
}