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

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

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

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

.hero-content .cta-buttons .button-basic,
#login-button {
  background-color: #222222;
  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: white;
    color: #222222 !important;
    border-color: #222222; }

.hero-content .cta-buttons .button-outlined {
  background-color: white; }
  .hero-content .cta-buttons .button-outlined:hover, .hero-content .cta-buttons .button-outlined:active, .hero-content .cta-buttons .button-outlined:focus {
    background-color: #222222;
    color: white; }

.hero-content .a__content-wrapper {
  color: #222222 !important; }
  
  /* adding for font size issue of sub heading */
.faq h3 {
    font-weight: 500;
}

/* adding for color issue of faq section */
.faq {
  color: #3b3d49;
}
/* Adding for fqa section open color issue */
details[open] {
    border: 1px solid #a0a8b7 !important;
}