.elementor-6031 .elementor-element.elementor-element-be15be6{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.5;--padding-top:80px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-6031 .elementor-element.elementor-element-be15be6:not(.elementor-motion-effects-element-type-background), .elementor-6031 .elementor-element.elementor-element-be15be6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://idealluxeproperties.com/wp-content/uploads/2025/09/WhatsApp-Image-2025-09-23-at-14.18.26.jpeg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-6031 .elementor-element.elementor-element-be15be6::before, .elementor-6031 .elementor-element.elementor-element-be15be6 > .elementor-background-video-container::before, .elementor-6031 .elementor-element.elementor-element-be15be6 > .e-con-inner > .elementor-background-video-container::before, .elementor-6031 .elementor-element.elementor-element-be15be6 > .elementor-background-slideshow::before, .elementor-6031 .elementor-element.elementor-element-be15be6 > .e-con-inner > .elementor-background-slideshow::before, .elementor-6031 .elementor-element.elementor-element-be15be6 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#00000073;--background-overlay:'';}.elementor-6031 .elementor-element.elementor-element-89552c2{--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;}.elementor-6031 .elementor-element.elementor-element-67698ea{--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;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#A8A8A8;--border-color:#A8A8A8;--border-radius:15px 15px 15px 15px;}.elementor-6031 .elementor-element.elementor-element-67698ea:not(.elementor-motion-effects-element-type-background), .elementor-6031 .elementor-element.elementor-element-67698ea > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.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-6031 .elementor-element.elementor-element-e782b0d{padding:50px 0px 0px 0px;text-align:center;}.elementor-6031 .elementor-element.elementor-element-e782b0d .elementor-heading-title{color:#FFFFFF;}.elementor-6031 .elementor-element.elementor-element-16efa0e{--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;}@media(min-width:768px){.elementor-6031 .elementor-element.elementor-element-89552c2{--width:10%;}.elementor-6031 .elementor-element.elementor-element-67698ea{--width:80%;}.elementor-6031 .elementor-element.elementor-element-16efa0e{--width:10%;}}/* Start custom CSS for shortcode, class: .elementor-element-01d43dd *//* ===== Ideal Luxe - Multi-Step Form Gold Theme ===== */
.multi-step-form-container,
.multi-step-form-container form,
.wpcf7 form {
  /*background: #000;*/
  color: #fff;
  padding: 10px;
  border-radius: 10px;
  font-family: 'Poppins', sans-serif;
}

/* Section Titles */
.multi-step-form-container h2,
.multi-step-form-container h3 {
  color: #d4af37;
  font-weight: 600;
  margin-bottom: 10px;
  text-transform: uppercase;
}

/* Labels */
.multi-step-form-container label {
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  display: block;
  margin-bottom: 6px;
}

/* Inputs, Textareas, Selects */
.multi-step-form-container input.wpcf7-text,
.multi-step-form-container input.wpcf7-number,
.multi-step-form-container input.wpcf7-tel,
.multi-step-form-container input.wpcf7-email,
.multi-step-form-container input[type="submit"],
.multi-step-form-container select,
.multi-step-form-container textarea,
.multi-step-form-container .wpcf7-file {
  width: 100%;
  background: transparent;
  border: 1px solid #555;
  color: #fff;
  padding: 12px;
  border-radius: 5px;
  margin-bottom: 15px;
  font-size: 14px;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  transition: border-color 0.3s ease;
}

/* Focus State */
.multi-step-form-container input:focus,
.multi-step-form-container select:focus,
.multi-step-form-container textarea:focus {
  border-color: #d4af37;
  outline: none;
}

/* Placeholder color */
.multi-step-form-container ::placeholder {
  color: #aaa;
}

/* Remove default select arrow */
.multi-step-form-container select,
.multi-step-form-container .wpcf7-select {
  background-image: none !important;
  color: #fff;
}

/* Submit Button */
/* .multi-step-form-container input[type="submit"],
.multi-step-form-container .submit-btn {
  background: #d4af37;
  color: #000;
  border: none;
  font-weight: 600;
  padding: 12px 20px;
  border-radius: 6px;
  width: 100%;
  cursor: pointer;
  transition: background 0.3s ease;
} */

/* .multi-step-form-container input[type="submit"]:hover,
.multi-step-form-container .submit-btn:hover {
  background: #b68c2b;
} */

/* Step Navigation Buttons */
/* .multi-step-nav button {
  background: transparent;
  border: 1px solid #d4af37;
  color: #d4af37;
  padding: 10px 20px;
  border-radius: 6px;
  margin-top: 10px;
  cursor: pointer;
  transition: all 0.3s ease;
}

.multi-step-nav button:hover {
  background: #d4af37;
  color: #000;
} */

/* Active / Inactive Step Tabs */
.multi-step-tabs button.active,
.multi-step-header button.active {
  background: #d4af37;
  color: #000;
}

.multi-step-tabs button,
.multi-step-header button {
  background: transparent;
  border: 1px solid #d4af37;
  color: #d4af37;
  padding: 10px 18px;
  border-radius: 6px;
  cursor: pointer;
}

/* Divider */
.multi-step-form-container hr {
  border-color: #333;
  margin: 20px 0;
}



h3 {
    font-size: 22px!important;
color:#d4af37!important;
    
}


.multi-step-form-container .form-step {
  display: none;
}

.multi-step-form-container .form-step.active {
  display: block;
}

.multi-step-form-container label {
  display: block;
  margin-bottom: 15px;
}

.multi-step-form-container .button-group {
  margin-top: 20px;
}

.multi-step-form-container button {
  background: #000;
  color: #fff;
  padding: 10px 25px;
  border: none;
  /*border-radius: 5px;*/
  cursor: pointer;
}

.multi-step-form-container button:hover {
  background: #444;
}

.multi-step-form-container .form-step {
  display: none;
}

.multi-step-form-container .form-step.active {
  display: block;
}

.multi-step-form-container label {
  display: block;
  margin-bottom: 15px;
}

.multi-step-form-container .button-group {
  /*display: flex;*/
  justify-content: space-between;
  align-items: center;
  margin-top: 25px;
}

/* .multi-step-form-container button,
.multi-step-form-container input[type="submit"] {
  background: #000;
  color: #fff;
  padding: 10px 25px;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  transition: 0.3s ease;
}

.multi-step-form-container button:hover,
.multi-step-form-container input[type="submit"]:hover {
  background: #444;
} */


.next-btn{
        float: inline-end!important;
    margin-top: -60px!important;
}



.wpcf7-form-control option{
    color:black!important;
}



/* ===== Ideal Luxe - Bottom Border Form Fields ===== */
.multi-step-form-container input.wpcf7-text,
.multi-step-form-container input.wpcf7-email,
.multi-step-form-container input.wpcf7-tel,
.multi-step-form-container input.wpcf7-number,
.multi-step-form-container select,
.multi-step-form-container textarea {
  width: 100%;
  background: transparent;
  border: none;
  border-bottom: 1px solid #B6B6B6; /* Gold bottom border */
  color: #fff;
  padding: 10px 0;
  font-size: 15px;
  border-radius: 0;
  transition: border-color 0.3s ease;
}

/* Focus Effect */
.multi-step-form-container input:focus,
.multi-step-form-container select:focus,
.multi-step-form-container textarea:focus {
  border-bottom-color: #B6B6B6; /* Gold highlight on focus */
  outline: none;
}

/* Placeholder Color */
.multi-step-form-container ::placeholder {
  color: #aaa;
}

/* Dropdown Arrow Hidden for Clean Look */
.multi-step-form-container select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: none;
}
/* Style the country code select field */
.phone-field-group select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 1px solid #ccc;
  border-radius: 5px;
  padding: 10px 30px 10px 10px; /* right padding for arrow */
  background: #fff url("data:image/svg+xml,%3Csvg fill='gray' height='12' viewBox='0 0 24 24' width='12' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3C/svg%3E") no-repeat right 10px center;
  background-size: 12px;
  cursor: pointer;
  font-size: 14px;
}

/* Style the phone input */
.phone-field-group input[type="tel"] {
  flex: 1;
  padding: 10px;
  border: 1px solid #ccc;
  border-radius: 5px;
  font-size: 14px;
}

/* Optional: highlight on focus */
.phone-field-group select:focus,
.phone-field-group input[type="tel"]:focus {
  border-color: #AC7E4B;
  outline: none;
}

.phone-field-group {
  display: flex;
  align-items: center;
  gap: 10px;
}

.phone-field-group p{
    display: flex!important;
        width: 100%;
}


.phone-field-group p .wpcf7-form-control-wrap:first-child {
    flex: 0 0 10%;           /* fixed 10% width */
}

.phone-field-group p .wpcf7-form-control-wrap:last-child {
    flex: 1;                 /* take the remaining space (90%) */
}

 
#popup-content .multi-step-form-container select, .multi-step-form-container .wpcf7-select{
         padding-right: 20px;
}


.phone-field-group {
  display: flex;
  gap: 10px;
  align-items: center;
}
.phone-field-group {
  display: flex;
  align-items: center;
  gap: 10px;
}

.phone-field-group p{
    display: flex!important;
}
 
#popup-content .multi-step-form-container select, .multi-step-form-container .wpcf7-select{
         padding-right: 20px;
}


.phone-field-group {
  display: flex;
  gap: 10px;
  align-items: center;
}/* End custom CSS */