.elementor-38 .elementor-element.elementor-element-7e5e6d04 > .elementor-container{min-height:400px;}.elementor-38 .elementor-element.elementor-element-65f0b57a > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-38 .elementor-element.elementor-element-65f0b57a > .elementor-container{min-height:65px;}.elementor-38 .elementor-element.elementor-element-65f0b57a{padding:0% 3% 0% 3%;}.elementor-38 .elementor-element.elementor-element-5ad42239 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-bottom:0px;}body.elementor-page-38:not(.elementor-motion-effects-element-type-background), body.elementor-page-38 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}@media(max-width:1024px){.elementor-38 .elementor-element.elementor-element-65f0b57a{padding:0% 5% 0% 5%;}}/* Start custom CSS for html, class: .elementor-element-4570f3a3 */.maid-contact-box {
  background: #fff;
  padding: 25px 20px;
  border-radius: 10px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.08);
  text-align: center;
  max-width: 750px;
  margin: 0 auto;
}

.maid-contact-box h3 {
  font-size: 14px;
  font-weight: 600;
  color: #888;
  margin-bottom: 5px;
  letter-spacing: 1px;
}

.maid-contact-box h2 {
  font-size: 22px;
  font-weight: 700;
  margin-bottom: 10px;
  color: #000;
}

.maid-contact-box p {
  font-size: 14px;
  color: #555;
  margin-bottom: 18px;
}

.maid-contact-box .maid-contact-info {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 15px;
  margin-bottom: 15px;
}

.maid-contact-box .maid-contact-info .info {
  flex: 1 1 200px;
  background: #f9f9f9;
  border-radius: 8px;
  padding: 15px;
  box-shadow: 0px 2px 6px rgba(0,0,0,0.05);
  transition: 0.3s;
}

.maid-contact-box .maid-contact-info .info:hover {
  transform: translateY(-3px);
  box-shadow: 0px 4px 10px rgba(0,0,0,0.12);
}

.maid-contact-box .maid-contact-info i {
  font-size: 22px;
  color: #000;
  margin-bottom: 5px;
  display: block;
}

.maid-contact-box .maid-contact-info h4 {
  font-size: 15px;
  font-weight: 600;
  margin-bottom: 3px;
}

.maid-contact-box .maid-contact-info p,
.maid-contact-box .maid-contact-info a {
  font-size: 13px;
  color: #333;
  text-decoration: none;
}

.maid-contact-box .maid-social {
  margin-top: 10px;
}

.maid-contact-box .maid-social a {
  font-size: 22px;
  color: #000;
  margin: 0 8px;
  transition: 0.3s;
}

.maid-contact-box .maid-social a:hover {
  color: #ff4081;
  transform: scale(1.15);
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-25feab2 *//* Wrap your form with class="appointment-form" */

/* Overall form container */
.appointment-form .row {
  background: #fff;
  padding: 25px;
  border-radius: 12px;
  box-shadow: 0px 4px 20px rgba(0,0,0,0.08); /* outer soft shadow */
}

/* Every form group spacing */
.appointment-form .form-group {
  margin-bottom: 20px; /* gap between rows */
}

/* Input, textarea, select */
.appointment-form .form-control,
.appointment-form textarea.form-control,
.appointment-form select.form-control,
.appointment-form select.selectize-filter {
  background: #fff !important;
  border: 1px solid #ddd;
  color: #000 !important;
  padding: 12px 15px;
  border-radius: 8px;
  width: 100%;
  transition: all 0.3s ease-in-out;
  box-shadow: 0px 2px 5px rgba(0,0,0,0.05); /* light inner shadow */
}

/* Placeholder black */
.appointment-form .form-control::placeholder,
.appointment-form textarea.form-control::placeholder {
  color: #000;
  opacity: 0.6;
}

/* On focus effect */
.appointment-form .form-control:focus,
.appointment-form textarea.form-control:focus,
.appointment-form select.form-control:focus {
  border-color: #000;
  box-shadow: 0px 4px 10px rgba(0,0,0,0.1);
  outline: none;
}

/* Button style */
.appointment-form .default-btn {
  background: #000;
  color: #fff;
  border-radius: 8px;
  padding: 14px 28px;
  font-size: 16px;
  border: none;
  transition: 0.3s;
  box-shadow: 0px 4px 12px rgba(0,0,0,0.15);
  cursor: pointer;
}

.appointment-form .default-btn:hover {
  background: #333;
  transform: translateY(-2px);
}/* End custom CSS */