.elementor-13329 .elementor-element.elementor-element-4b62223{--display:flex;}.elementor-13329 .elementor-element.elementor-element-fabf70a{width:var( --container-widget-width, 480px );max-width:480px;--container-widget-width:480px;--container-widget-flex-grow:0;}.elementor-13329 .elementor-element.elementor-element-fabf70a.elementor-element{--align-self:center;}/* Start custom CSS for html, class: .elementor-element-fabf70a *//* Increase padding inside the container */
.elementor-13329 .elementor-element.elementor-element-fabf70a .bg-white {
  padding: 2rem; /* Increased from 1.5rem (p-6) to 2rem for more breathing room */
}

/* Add margin below the title */
.elementor-13329 .elementor-element.elementor-element-fabf70a h1 {
  margin-bottom: 1.5rem; /* Increased from 1rem (mb-4) to 1.5rem */
}

/* Add margin below the status and message */
.elementor-13329 .elementor-element.elementor-element-fabf70a #status, .elementor-13329 .elementor-element.elementor-element-fabf70a #message {
  margin-bottom: 1.5rem; /* Increased from 1rem (mb-4) to 1.5rem */
}

/* Style the dropdown */
.elementor-13329 .elementor-element.elementor-element-fabf70a #username {
  padding: 0.75rem; /* Increased padding for better touch target */
  border-radius: 0.5rem; /* Rounded edges */
  border: 2px solid #e5e7eb; /* Light gray border */
  margin-bottom: 1.5rem; /* Space below dropdown */
  font-size: 1rem; /* Consistent font size */
}

/* Style the buttons container */
.elementor-13329 .elementor-element.elementor-element-fabf70a .space-y-4 {
  display: flex;
  flex-direction: column;
  gap: 1rem; /* Increased gap between buttons from 1rem (space-y-4) to 1rem */
}

/* General button styling */
.elementor-13329 .elementor-element.elementor-element-fabf70a button {
  padding: 0.75rem 1.5rem; /* Consistent padding */
  border-radius: 0.5rem; /* Rounded edges */
  font-size: 1rem; /* Consistent font size */
  font-weight: bold; /* Bold text for better readability */
  color: white; /* White text for contrast */
  transition: all 0.3s ease; /* Smooth transitions for hover effects */
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* Subtle shadow */
}

/* Check In button (green) */
.elementor-13329 .elementor-element.elementor-element-fabf70a #checkInBtn {
  background-color: #10b981; /* Tailwind green-500 */
  border: none; /* Remove default border */
}

.elementor-13329 .elementor-element.elementor-element-fabf70a #checkInBtn:hover {
  background-color: #059669; /* Tailwind green-600 */
  transform: scale(1.05); /* Slight scale on hover */
}

/* Check Out button (red) */
.elementor-13329 .elementor-element.elementor-element-fabf70a #checkOutBtn {
  background-color: #ef4444; /* Tailwind red-500 */
  border: none; /* Remove default border */
}

.elementor-13329 .elementor-element.elementor-element-fabf70a #checkOutBtn:hover {
  background-color: #dc2626; /* Tailwind red-600 */
  transform: scale(1.05); /* Slight scale on hover */
}

/* Claim Lead button (blue) */
.elementor-13329 .elementor-element.elementor-element-fabf70a #claimBtn {
  background-color: #3b82f6; /* Tailwind blue-500 */
  border: none; /* Remove default border */
}

.elementor-13329 .elementor-element.elementor-element-fabf70a #claimBtn:hover {
  background-color: #2563eb; /* Tailwind blue-600 */
  transform: scale(1.05); /* Slight scale on hover */
}/* End custom CSS */