@charset "utf-8";

.full100[data-v-bf906c68] { width: 100% !important; }

.contact-btn[data-v-bf906c68] { bottom: 7rem; display: block; height: 65px; position: fixed; right: 1rem; text-align: center; transition: 0.5s ease-in-out; width: 65px; z-index: 999; }

.contact-btn img[data-v-bf906c68] { width: 65px; }

@media (max-width: 576px) {
  .contact-btn[data-v-bf906c68] { bottom: 4rem; }
}

.containerFrame[data-v-bf906c68] { padding-bottom: 56.25%; position: relative; }

.video[data-v-bf906c68] { height: 100%; left: 0px; position: absolute; top: 0px; width: 100%; }

.input-confirm[data-v-bf906c68] { place-content: flex-end; text-align: right; }

.dialog-overlay[data-v-bf906c68] { align-items: center; background-image: linear-gradient(rgb(38, 78, 82), rgb(38, 78, 82)); border: 5px solid rgb(245, 189, 112); border-radius: 10px; color: rgb(255, 235, 205); display: inline-block; font-family: thaisanslite_r1; justify-content: center; left: 50%; padding-bottom: 10px; padding-top: 15px; position: fixed; top: 50%; transform: translate(-50%, -50%); }

.dialog[data-v-bf906c68] { margin-left: 10px; margin-right: 10px; }

.dialog-header[data-v-bf906c68] { align-items: center; text-align: center; }

.dialog-title[data-v-bf906c68] { font-size: 20px; justify-content: center; margin-bottom: 15px; margin-top: 10px; text-align: center; }

.input-group[data-v-bf906c68] { margin-bottom: 10px; }

.dialog-actions[data-v-bf906c68] { display: flex; justify-content: space-between; }

.button-otp[data-v-bf906c68] { text-align: center; }

.dialog-body[data-v-bf906c68] { justify-content: center; }