.elementor-162 .elementor-element.elementor-element-9a98000{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-162 .elementor-element.elementor-element-a8a2197{--display:flex;box-shadow:0px 0px 2px 0px rgba(0,0,0,0.5);--padding-top:33px;--padding-bottom:33px;--padding-left:33px;--padding-right:33px;}.elementor-162 .elementor-element.elementor-element-24815c2{--display:flex;--gap:8px 8px;--row-gap:8px;--column-gap:8px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-162 .elementor-element.elementor-element-4c94818 > .elementor-widget-container{padding:17px 0px 0px 0px;}.elementor-162 .elementor-element.elementor-element-4c94818{text-align:center;}.elementor-162 .elementor-element.elementor-element-4c94818 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:32px;font-weight:600;color:#000000;}.elementor-162 .elementor-element.elementor-element-433e8a5{text-align:center;}.elementor-162 .elementor-element.elementor-element-433e8a5 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:400;color:#4D4D4D;}.elementor-162 .elementor-element.elementor-element-6de6b8c > .elementor-widget-container{padding:15px 0px 10px 0px;}@media(min-width:768px){.elementor-162 .elementor-element.elementor-element-9a98000{--content-width:460px;}.elementor-162 .elementor-element.elementor-element-a8a2197{--width:100%;}}/* Start custom CSS for html, class: .elementor-element-6de6b8c *//* Add this new style for the form actions container */
.form-actions {
  display: flex;
  justify-content: space-between; /* This will push items to the ends */
  align-items: center;
  margin-top: 35px; /* Maintain space above the button/actions */
}

/* Style for the "Resend again" paragraph */
.resend-otp {
  color: #007bff; /* Example color, adjust as needed */
  cursor: pointer;
  font-size: 14px;
  text-decoration: underline;
  transition: opacity 0.3s ease;
}

.resend-otp.disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

/* Modify the button style to take 30% width and float right */
.my-continue-btn {
  width: 32%; /* Set width to 30% */
  padding: 11px;
  background: #181818;
  color: #fff;
  border: none;
  border-radius: 26px;
  font-size: 18px;
  font-family: inherit;
  cursor: pointer;
  /* Removed margin-top as it's now handled by .form-actions */
  transition: background 0.2s;
  /* float: right; This is handled by flexbox now */
}

.my-continue-btn:hover,
.my-continue-btn:focus {
  background: #333;
  outline: none;
}

/* Existing styles for the form and input fields */
.my-verify-form {
  width: 100%;
  margin: 20px auto;
  font-family: sans-serif;
}

.my-form-group {
  position: relative;
  margin-bottom: 20px;
}

.my-form-group input {
  width: 100%;
  padding: 18px 12px 15px 12px;
  font-size: 16px;
  border: 1.5px solid #ccc;
  border-radius: 8px;
  outline: none;
  background: none;
  transition: border-color 0.2s;
}

.my-form-group input:focus,
.my-form-group input.focus {
  border-color: #000;
}

.my-form-group input.invalid {
  border-color: #d32f2f !important;
}

.my-form-group input::placeholder {
  color: transparent;
}

.my-form-group label {
  position: absolute;
  left: 12px;
  top: 21px;
  color: #888;
  font-size: 16px;
  pointer-events: none;
  background: transparent;
  transition: 0.2s;
  padding: 0 4px;
  z-index: 1;
}

/* Floating label: black on focus or when input has content */
.my-form-group input:focus + label,
.my-form-group input.focus + label,
.my-form-group input:not(:placeholder-shown) + label {
  top: -10px;
  left: 8px;
  font-size: 13px;
  background: #fff;
  color: #000;
}

/* Red label for invalid input, always takes priority */
.my-form-group input.invalid + label,
.my-form-group label.invalid-label {
  color: #d32f2f !important;
}/* End custom CSS */