
.onboardingPopover{
    --colorBg:var(--colorBeige);
    background-color: var(--colorBg);
}

.onboardingPopover .driver-popover-title,
.onboardingPopover .driver-popover-description,
.onboardingPopover .driver-popover-progress-text{
    color: var(--colorText);
}

.onboardingPopover .driver-popover-progress-text{
    opacity: 0.7;
}

.onboardingPopover .driver-popover-title,
.onboardingPopover .driver-popover-description{
    margin: 0 !important;
}
.onboardingPopover .driver-popover-title{
    font-family: var(--fontSerif);
    text-transform: uppercase;
    font-weight: 500;
    font-size: 1.2em;
}
.onboardingPopover .driver-popover-description{
    font-family: var(--fontSansSerif);
}

.onboardingPopover button {
    background-color: transparent;
    text-shadow: none;
    color: var(--colorText);
    font-family: var(--fontSerif);
    font-size: 1.3em;
    border: none;
}
.onboardingPopover button:not(.driver-popover-close-btn){
    transition: background-color 0.2s ease, color 0.2s ease;
    padding:0 0.5em;
    border-radius: 1em;
}

.onboardingPopover button:hover:not(.driver-popover-close-btn) {
  background-color:var(--colorHover);
  color: var(--colorWhite);
}




.onboardingPopover .driver-popover-arrow-side-left.driver-popover-arrow {
  border-left-color: var(--colorBg);
}

.onboardingPopover .driver-popover-arrow-side-right.driver-popover-arrow {
  border-right-color: var(--colorBg);
}

.onboardingPopover .driver-popover-arrow-side-top.driver-popover-arrow {
  border-top-color: var(--colorBg);
}

.onboardingPopover .driver-popover-arrow-side-bottom.driver-popover-arrow {
  border-bottom-color: var(--colorBg);
}