html {
  font-size: 14px;
}
.logo {
  width: 10rem;
  height: 5rem;
}
.form-container {
  width: 100%;
}
.pru-grey-text {
  color: #36454f;
}
.pru-grey-bg {
  background-color: #36454f;
}
.theme-text {
  color: #f1424b;
}
.theme-bg {
  background-color: #f1424b;
}

.swal-button--red {
  color: #fff;
  background-color: #f1424b !important; /* Red color */
  border-color: #f1424b !important; /* Red color */
}

.swal-button--red:hover {
  background-color: #cc0000; /* Darker red on hover */
  border-color: #cc0000; /* Darker red on hover */
}
@media (min-width: 768px) {
  .nav_logo {
    width: 12rem;
    height: 4rem;
  }
  .logo {
    width: 15rem;
    height: 9rem;
  }

  html {
    font-size: 16px;
  }
  .form-container {
    width: 50%;
  }
}

html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 60px;
}
.signature-pad {
  border: 2px solid #ccc;
  border-radius: 4px;
  padding: 10px;
  background-color: #fff;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  max-width: 300px;
  margin: 0 auto;
  width: 100%;
}

#signatureCanvas {
  border-radius: 4px;
}