@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;700&display=swap");
body {
  font-family: 'Poppins', sans-serif; }

#signature-pad {
  width: 300px;
  height: 200px;
  border: 1px solid #ced4da;
  border-radius: 0.3rem !important; }

#canvas {
  max-width: 100%;
  height: auto; }

.bg-lightgrey {
  background: #ededed; }

.text-700 {
  font-weight: 700; }

.flags {
  display: flex;
  justify-content: space-between;
  /* Use justify-content to add space between items */
  align-items: center;
  /* Vertically center the flags */ }

.flag {
  width: 40px;
  padding-inline: 3px;
  height: auto;
  /* Ensure the aspect ratio of the flags is maintained */ }