/* Universal breakpoints */
@keyframes from-right {
  0% {
    opacity: 0;
    transform: translateX(40rem);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@font-face {
  font-family: "Market Sans";
  font-display: fallback;
  src: url(/synchrony/fonts/MarketSans-Regular.otf) format("opentype");
  font-weight: 400;
}
@font-face {
  font-family: "Market Sans";
  font-display: fallback;
  src: url(/synchrony/fonts/MarketSans-Medium.otf) format("opentype");
  font-weight: 500;
}
@font-face {
  font-family: "Market Sans";
  font-display: fallback;
  src: url(/synchrony/fonts/MarketSans-Bold.otf) format("opentype");
  font-weight: 700;
}
main h1,
main h2,
main h3,
main p,
main a,
main div,
main button {
  font-family: "Market Sans", "Synchrony Sans", sans-serif !important;
}
.main-nav .logo .partner-link {
  height: 32px !important;
}
@media (max-width: 479px) {
  .main-nav .logo .partner-link {
    height: 24px !important;
  }
}
.hero-content {
  background-color: #93c9ff;
}
.hero-content .a__content-wrapper {
  color: #121258 !important;
}
.hero-content .cta-buttons .brand-color-button {
  border-color: #121258;
  border-width: 1px;
  border-radius: 9999px !important;
  background-color: transparent;
  color: #121258;
}
.hero-content .cta-buttons .brand-color-button:hover,
.hero-content .cta-buttons .brand-color-button:active,
.hero-content .cta-buttons .brand-color-button:focus {
  background-color: #121258;
  color: #93c9ff;
}
.faq {
  color: #121258;
}
.faq .answer {
  color: #111820;
}
.faq summary,
.faq .answer {
  font-size: 16px;
}
/* Added below code for Sign in button color */
.button-basic.login-button {
  color: #3b3d49 !important;
}
/* Added below code for faq border */
details {
  border: 0px;
  border-bottom: 1px solid #b7bdc9 !important;
}
details[open] {
  border: none;
}
details summary {
  padding: 12px 16px;
  line-height: 24px;
}
details summary img {
  width: 20px;
  height: 20px;
}
/* Added below code for hero section */
@media (min-width: 992px) {
  .bumper-page-hero .hero-content .b img {
    height: auto;
    object-fit: cover;
    padding-right: 25px;
    width: 550px;
  }
}
@media (min-width: 992px) {
  .bumper-page-hero .hero-content .a__content-wrapper {
    max-height: 300px;
  }
}
/* added below code for fqa section sub heading */
.faq h3 {
  font-weight: 500;
}
@media (max-width: 479px) {
  .global-nav .main-nav .main-nav__content-grid .logo img:not(.pillars) {
    width: 40px;
    height: 41px;
  }
  .bumper-page-hero .hero-content .a__content-wrapper h1 {
    font-size: 35px;
    margin: 0;
  }
}
.hero-content sup {
  font-size: 23px;
}
.accordions sup {
  font-size: 14px;
  vertical-align: super;
}
@media (min-width: 992px) {
  .bumper-page-hero .hero-content .a {
    width: 50%;
    margin-left: 25px;
  }
}
@media (min-width: 992px) {
  .bumper-page-hero .hero-content .b {
    width: 50%;
  }
}
@media (min-width: 1024px) and (max-width: 1200px) {
  .bumper-page-hero .hero-content .a__content-wrapper h1 {
    font-size: 42px;
  }
}