/* Universal breakpoints */
@keyframes from-right {
  0% {
    opacity: 0;
    transform: translateX(40rem); }
  100% {
    opacity: 1;
    transform: translateX(0); } }

@media (max-width: 767px) {
  .main-nav .logo .partner-link {
    height: 30px !important; } }

.one-sign-in {
  background-color: #182c52;
  color: white; }

.hero-content {
  background-color: #f4f4f4; }

.hero-content .cta-buttons .button-basic,
#login-button {
  background-color: #0098bd;
  color: white; }
  .hero-content .cta-buttons .button-basic:hover, .hero-content .cta-buttons .button-basic:active, .hero-content .cta-buttons .button-basic:focus-visible,
  #login-button:hover,
  #login-button:active,
  #login-button:focus-visible {
    background-color: #008db5; }

.hero-content .cta-buttons .button-outlined {
  border-color: #006b89;
  color: #006b89; }
  .hero-content .cta-buttons .button-outlined:hover, .hero-content .cta-buttons .button-outlined:active, .hero-content .cta-buttons .button-outlined:focus {
    background-color: #d1f2f8; 
	color: #006b89 !important ;}

.hero-content .a__content-wrapper {
  color: #003764; }
  @media (min-width: 992px) {
        .bumper-page-hero .hero-content .a {
          padding-top: 60px;
          } }
     
/* adding for faq subheading */ 
.faq h2 {
    font-weight: 500;
  margin: 24px 0px;
}
.faq {
  color: #3b3d49;}
  
/* adding for hero section color issue */
.bumper-page-hero .hero-content .a__content-wrapper{
    color: #2d2d2d !important; }

/* adding css for tiles */
.value-props-section {
  background-color: #F1F4F6;
  padding-left: 16px;
  padding-right: 16px;
  padding-bottom: 40px; 
  color: #2d2d2d}
  .value-props-section h2 {
    margin-top: 24px;
    margin-bottom: 24px;
    font-size: 48px;
    text-align: center; }
    @media (max-width: 991px) {
      .value-props-section h2 {
        font-size: 42px; } }
    @media (max-width: 767px) {
      .value-props-section h2 {
        text-align: left; } }
  .value-props-section .value-props {
    display: grid;
    gap: 2rem;
    grid-template-columns: repeat(3, 1fr);
    justify-content: center;
    justify-items: center;
    }
    @media (min-width: 992px) {
      .value-props-section .value-props {
        padding-left: 64px;
        padding-right: 64px; } }
    @media (max-width: 991px) {
      .value-props-section .value-props {
        grid-template-columns: repeat(2, 1fr); } }
    @media (max-width: 479px) {
      .value-props-section .value-props {
        grid-template-columns: 1fr; } }
  .value-props-section .value-prop {
    border-top: 1px solid black;
    width: 250px; }
    .value-props-section .value-prop h3 {
      font-size: 32px;
      margin-top: 16px;
      margin-bottom: 0px; }
      .value-props-section .value-prop h3 span {
        /* color: #f50a23; */
        }
    .value-props-section .value-prop p {
      font-size: 18px;
      margin-top: 12px; }
      @media (max-width: 767px) {
        .value-props-section .value-prop p {
          font-size: 24px; } }
		  .bumper-page-hero {
  height: auto; }
  .value-prop a{
	  color: inherit
  }
.main-nav .main-nav__content-grid .logo-wrap .partner-link img {
    height: 26px !important;
    }
@media (max-width: 767px) {
.main-nav .main-nav__content-grid .logo-wrap .partner-link img {
    height: 24px !important;
    }
}
.footnotes a{
	color: #3f647c;
}