.paymentSuccessfulWrapper,
.paymentSuccessfulWrapper>* {
  min-height: calc(100vh - 278px);
  display: flex;
  justify-content: center;
  align-items: center;
  /* min-height: 100vh; */
}

.paymentSuccessfulWrapper .card-body {
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

.paymentSuccessful {
  font-family: var(--font-sofia-bold);
  font-size: var(--size-32px);
  font-weight: normal !important;
  color: var(--color-blue) !important;
}

.queriesLink {
  font-family: var(--font-family-poppins-medium);
  font-size: var(--size-20px);
  font-weight: normal !important;
  color: var(--nav-link-color);
}

.linkColor {
  color: var(--color-blue);
  font-family: var(--font-family-poppins-medium);
  font-size: var(--size-20px);
  font-weight: normal !important;
}

.description {
  font-family: var(--font-family-poppins-regular);
  font-size: var(--size-16px);
  font-weight: normal !important;
  color: var(--nav-link-color);
}

.path-saferpay main[role="main"] {
  margin-top: 0px !important;
}

.footer_dev {
  font-family: var(--font-family-poppins-regular);
}

.button-blue {
  background-color: var(--color-blue);
  color: var(--color-white);
  border: 1px solid var(--color-blue);
  border-radius: 8px;
  font-size: var(--size-15px);
  min-height: 48px;
  padding: 0 19px;
  font-family: var(--font-roboto-regular);
  min-width: 91px;
}

.button-blue:hover {
  background-color: var(--color-white);
  color: var(--color-blue);
  transition: all 0.3s;
}