@media (min-width: 992px) {
  .h-lg-30px {
    height: 55px !important;
  }
  .style4 {
    margin-bottom: 13px;
  }

  .pic_style {
    max-width: none;
  }
}

.dmxPreloader {
  z-index: 999999;
}
.dmxPreloader-pulse {
  background-color: #fff0;
  /* background-color: var(--color); */
  border-radius: 0%;
  -webkit-animation: pulseScaleOut 3s infinite ease-in-out;
  animation: pulseScaleOut 3s infinite ease-in-out;
  background-image: url("/assets/media/white_mowt.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  height: 100vh;
  margin: 0;
  width: 200px;
}
.style1 {
  background-repeat: no-repeat;
  background-size: cover;
}
.hand:hover {
  cursor: pointer;
}
.style2 {
  background-image: url("../assets/media/licensing-logo.png");
  background-repeat: no-repeat;
  min-height: 300px;
  background-size: contain;
  background-position: center top;
}
.style3 {
  width: 800px;
}
[data-kt-sticky-landing-header="on"] .landing-header {
  z-index: 9;
}
.container {
  position: relative;
}
.landing-dark-bg {
  margin-top: -1px;
}
@media (min-width: 768px) {
  .style5 {
    margin-bottom: 3px;
  }

  .h-lg-30px.dlogoworks {
    max-width: 30px;
  }

  .h-lg-30px {
    height: 30px;
  }

  .pic_style {
    max-width: none;
  }
}
div.col-xl-6.col-md-12.style5 {
}
.style6 {
  font-weight: bold;
}

.box-input-container {
  position: relative;
}

/* The single input field */
.box-input {
  font-size: 24px;
  width: 300px;
  height: 50px;
  border: 1px solid #ddd;
  letter-spacing: 30px; /* Spacing between each character */
  padding-left: 15px; /* Adjust to align with the box */
  text-indent: 10px; /* Adjust to align with the box */
  background: transparent;
  outline: none;
  caret-color: transparent; /* Hide caret */
}

.box-input-container::before {
  content: ""; /* Create a pseudo-element for box background */
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 300px;
  height: 50px;
  background-color: #ffffff;
  border: 1px solid #ddd;
  z-index: -1; /* Place behind input */
}

/* Create visual effect of individual boxes using pseudo-elements */
.box-input-container::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 300px;
  height: 50px;
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  border: 1px solid #ddd;
  pointer-events: none; /* Prevent interaction */
}

.box-input-container::after > div {
  border-left: 1px solid #ddd; /* Box border between characters */
  border-right: 1px solid #ddd; /* Box border between characters */
  height: 100%;
}

.box-input-container::after > div:first-child {
  border-left: none; /* Remove left border for first box */
}

.box-input-container::after > div:last-child {
  border-right: none; /* Remove right border for last box */
}

.style7 {
  text-align: center;
}

.wappler-temp {
}

@media (min-width: 1400px) {
  .style7 {
    text-align: left;
  }
}

.style8 {
}

.swiper-pagination-bullet-active {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  height: 6px;
  width: 16px;
  border: none;
  border-radius: 5px;
}

.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
  /*top: 0%;*/
}
.swiper-horizontal
  > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  /*left: 95%;*/
}

.swiper-wrapper {
  margin-bottom: 28px;
}

.input-yMt4L {
  background-color: #f9f9f9;
  border-color: #f9f9f9;
  border-radius: 10px;
}

.email_confirm {
  background-color: #020b17;
}

.modal-backdrop {
  --bs-backdrop-zindex: 1;
  background-color: #024ba4;
  --bs-backdrop-opacity: 0.9;
}
.modal {
  background-color: #024ba4f0;
}
.form-control.is-invalid {
  border-color: #f94671 !important;
}
#dmxValidatorErrorpersonalInfoFrmavatar {
  display: ruby;
  margin-top: 60px;
  position: absolute;
  width: 100px;
}
#vehicleno {
  color: #fff;
}
#dmxValidatorErrorpersonalInfoFrm1past_trans {
  display: table;
}
#dmxValidatorErrorpersonalInfoFrm12delivery {
  display: contents;
}
.form-check-input.is-invalid {
  border: 1px solid #f83463 !important;
  background-color: #f834631c !important;
}

.payment-confirmation {
  background-color: #f8faff; /* light blue-tinted background */
  border: 1px solid #cce5ff;
  border-radius: 12px;
  -webkit-box-shadow: 0 4px 8px rgba(0, 75, 164, 0.1);
  box-shadow: 0 4px 8px rgba(0, 75, 164, 0.1);
  color: #003366;
}

.payment-confirmation h4 {
  color: #024ba4;
}

.payment-confirmation .form-label {
  color: #024ba4;
}

.payment-confirmation select.form-select {
  border-color: #024ba4;
}

.payment-confirmation hr {
  border-top: 2px solid #024ba4;
}

.payment-confirmation .fs-5 {
  color: #024ba4;
}

.payback {
  background-image: url("../assets/media/pay_back.png");
  background-size: cover;
  min-height: 500px;
}

.h-lg-30px {
  height: 30px;
}

@media (min-width: 576px) {
  .style9 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .style10 {
    width: 100%;
  }

  .pic_style {
    max-width: none;
  }
}

.style11 {
}

.style12 {
  width: 100%;
}

.pic_style {
  max-width: 246px;
}

@media (min-width: 1200px) {
  .pic_style {
    max-width: none;
  }
}