.input-card-number {
    position: absolute;
    /* top: 50%; */
    /* left: 50%; */
    transform: translate(-50%, -50%);
    /* border: none; */
    padding: 5px;
    font-size: 36px;
    text-align: center;
    /* background-color: transparent; */
    color: red;
    font-family: Arial, sans-serif;
    margin-top: -55px;
    width: 32%;
}

#card_text {

}

.card_img {
    position: relative;
    display: inline-block;
}

.card_img img {
    display: block;
    max-width: 100%;
}

@keyframes blink {
    0% {
      opacity: 1;
    }
    50% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
}

.blink {
    animation: blink 1s infinite;
}

@media (max-width: 576px) {
    #visitor_name {
        font-size: 8vw; /* Adjust this value as needed */
    }
}

/*#visitor_name {*/
    /*font-size: 1vw;*/
/*}*/

#company_name {
    font-size: 2vw;
}

.custom-card {
    padding-top: 0 !important;
    /* margin-top: -100px; */
  }

#pos_a_button {
    height: 100px;
    margin-left: 100px;
}

#pos_b_button {
    height: 100px;
    margin-left: 40px;
}

.error_back_button {
    display: inline-block;
    padding: 10px 20px;
    background-color: #ff0000; /* Replace with your desired button color */
    color: #fff; /* Replace with your desired text color */
    text-decoration: none;
    border-radius: 10px;
    transition: background-color 0.3s ease; /* Add a smooth transition effect on hover */
}

.error_back_button:hover {
    background-color: #0056b3; /* Replace with a slightly darker shade of your button color */
  }