:root {
  --main-button-color: #f0f0f0;
}

body{
  margin: 0;
  padding: 0;
  background: #f0f0f0;
}

.background{
  background: var(--main-button-color);
  height: 30vh;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0.7;
}

.background::after{
  content:"";
  position: absolute;
  top: 0;
  left: 0;
  height: 30vh;
  width: 100%;
  border-style: solid;
  border-width: 0 0 40px 100vw ;
  border-color: transparent transparent #f0f0f0 transparent;
}

.card {
  width: 48%;
  margin: 80px auto;
}

.custom-theme-btn {
  background-color: var(--main-button-color);
  border-color: var(--main-button-color);
  color: #f0f0f0;
}

.custom-theme-btn:hover {
  color: #f0f0f0;
}

.custom-theme-btn:disabled {
  opacity: 0.5;
}

.custom-theme-btn-second {
  border-color: var(--main-button-color);
  color: var(--main-button-color);
}

.custom-theme-btn-second:hover {
  background-color: var(--main-button-color);
  border-color: var(--main-button-color);
  color: #f0f0f0;
}

.btn-primary {
  background-color: var(--main-button-color) !important;
  border-color: var(--main-button-color) !important;
}

@media screen and (max-width: 768px) {
  .card {
    width: 88%;
    margin: 40px auto;
  }
}

/* Embedded From UPC */
.Upc3dsModal {
  z-index: 1050 !important;
}