.elementor-50 .elementor-element.elementor-element-9ff3684{--display:flex;--min-height:350px;--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;}.elementor-50 .elementor-element.elementor-element-9ff3684:not(.elementor-motion-effects-element-type-background), .elementor-50 .elementor-element.elementor-element-9ff3684 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://dunearnvillage.dcub3.com.sg/wp-content/uploads/2025/10/Contact-Us_Mobile-1.jpg");background-position:center center;background-size:cover;}.elementor-50 .elementor-element.elementor-element-04ddba4{--display:flex;--min-height:350px;--justify-content:center;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-50 .elementor-element.elementor-element-150aeb7.elementor-element{--align-self:center;}.elementor-50 .elementor-element.elementor-element-150aeb7{text-align:center;}.elementor-50 .elementor-element.elementor-element-150aeb7 .elementor-heading-title{font-family:"Oxanium", Sans-serif;font-size:60px;font-weight:600;text-shadow:0px 3px 10px #000000;color:#FCFCFC;}.elementor-50 .elementor-element.elementor-element-8bd4a85{--display:flex;--margin-top:0px;--margin-bottom:50px;--margin-left:0px;--margin-right:0px;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-50 .elementor-element.elementor-element-070ea48{margin:30px 0px calc(var(--kit-widget-spacing, 0px) + 30px) 0px;text-align:center;font-family:"Oxanium", Sans-serif;font-size:32px;font-weight:400;color:#C26F50;}.elementor-50 .elementor-element.elementor-element-faa1d6b{--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-50 .elementor-element.elementor-element-8837527{padding:0px 0px 30px 0px;}.elementor-50 .elementor-element.elementor-element-8837527 .elementor-heading-title{font-family:"Oxanium", Sans-serif;font-size:20px;font-weight:700;color:#000000;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-50 .elementor-element.elementor-element-9ff3684{--min-height:280px;}.elementor-50 .elementor-element.elementor-element-04ddba4{--min-height:280px;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-50 .elementor-element.elementor-element-150aeb7 .elementor-heading-title{font-size:42px;}.elementor-50 .elementor-element.elementor-element-8bd4a85{--padding-top:0px;--padding-bottom:0px;--padding-left:30px;--padding-right:30px;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}.elementor-50 .elementor-element.elementor-element-070ea48{font-size:26px;}.elementor-50 .elementor-element.elementor-element-faa1d6b{--padding-top:0px;--padding-bottom:100px;--padding-left:30px;--padding-right:30px;}}@media(max-width:767px){.elementor-50 .elementor-element.elementor-element-9ff3684{--min-height:230px;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-50 .elementor-element.elementor-element-9ff3684:not(.elementor-motion-effects-element-type-background), .elementor-50 .elementor-element.elementor-element-9ff3684 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center right;background-repeat:no-repeat;background-size:cover;}.elementor-50 .elementor-element.elementor-element-04ddba4{--min-height:250px;--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;--justify-content:flex-start;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-50 .elementor-element.elementor-element-150aeb7{text-align:left;}.elementor-50 .elementor-element.elementor-element-150aeb7 .elementor-heading-title{font-size:30px;}.elementor-50 .elementor-element.elementor-element-8bd4a85{--margin-top:0px;--margin-bottom:20px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:15px;--padding-right:15px;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}.elementor-50 .elementor-element.elementor-element-070ea48{font-size:22px;line-height:28px;}.elementor-50 .elementor-element.elementor-element-faa1d6b{--padding-top:0px;--padding-bottom:100px;--padding-left:15px;--padding-right:15px;}}@media(min-width:768px){.elementor-50 .elementor-element.elementor-element-8bd4a85{--content-width:1000px;}.elementor-50 .elementor-element.elementor-element-faa1d6b{--content-width:800px;}}@media(max-width:1024px) and (min-width:768px){.elementor-50 .elementor-element.elementor-element-faa1d6b{--content-width:600px;}}/* Start custom CSS for shortcode, class: .elementor-element-65e84a5 *//* === Side-by-side labels for form 163 (grid version) === */
@media (min-width: 782px) {
  /* 1) Make every field a 2-column grid: [label | control] */
  #forminator-module-163.forminator-ui.forminator-design--default .forminator-field {
    display: grid !important;
    grid-template-columns: 18% 1fr !important;   /* label width | input width */
    align-items: center !important;
    column-gap: 6px !important;                  /* << smaller gap between label & input */
    row-gap: 6px !important;                     /* space for description/counter */
    margin-bottom: 14px !important;              /* tighter row spacing */
  }

  /* 2) Label stays in column 1 */
  #forminator-module-163.forminator-ui.forminator-design--default .forminator-field > label.forminator-label {
    grid-column: 1 !important;
    margin: 0 !important;
    text-align: left !important;
    white-space: normal !important;
  }

  /* 3) EVERYTHING else (inputs, textareas, SELECT/Select2, upload, etc.) goes to column 2 */
  #forminator-module-163.forminator-ui.forminator-design--default .forminator-field > :not(label) {
    grid-column: 2 !important;
    width: 100% !important;
  }

  /* 4) Make dropdown look like inputs (covers native <select> AND Select2) */
  #forminator-module-163.forminator-ui.forminator-design--default select,
  #forminator-module-163.forminator-ui.forminator-design--default .select2-container,
  #forminator-module-163.forminator-ui.forminator-design--default .select2-container .select2-selection--single {
    height: 46px !important;
    min-height: 46px !important;
    line-height: 46px !important;
     !important;
    border-radius: 10px !important;
    background: #fff !important;
    box-shadow: none !important;
  }
  #forminator-module-163.forminator-ui.forminator-design--default .select2-container { width: 100% !important; }
  #forminator-module-163.forminator-ui.forminator-design--default .select2-selection__rendered { line-height: 46px !important; padding-left: 12px !important; }
  #forminator-module-163.forminator-ui.forminator-design--default .select2-selection__arrow { height: 46px !important; right: 10px !important; }

  /* 5) Put "(Max 1200 characters)" and "0 / 1200" on the SAME LINE under the textarea (still column 2) */
  #forminator-module-163.forminator-ui.forminator-design--default .forminator-field .forminator-description,
  #forminator-module-163.forminator-ui.forminator-design--default .forminator-field [class*="counter"] {
    grid-column: 2 !important;
    display: inline-block !important;
    margin-top: 4px !important;
    margin-right: 8px !important;   /* small space between the two */
    float: none !important;         /* neutralize theme styles */
  }

  /* 6) Submit button aligned with inputs */
  #forminator-module-163.forminator-ui.forminator-design--default .forminator-field.forminator-button {
    grid-template-columns: 10% 1fr !important;
  }




/* ---------- Tighter label↔input gap + label width ---------- */
@media (min-width: 782px){
  #forminator-module-163.forminator-ui.forminator-design--default .forminator-field{
    column-gap: 4px !important;   /* smaller gap than before */
    margin-bottom: 12px !important;
  }
  /* optional: slightly narrower label */
  #forminator-module-163.forminator-ui.forminator-design--default 
  .forminator-field > label.forminator-label{
    /* if you're using grid: this keeps same width you chose; 
       if you're using flex: you can go a touch narrower by changing your flex-basis */
  }
}

/* ---------- THEME COLOR for dropdown (adjust to exact brand) ---------- */
:root { --dv-accent: #c87457; }  /* ← tweak this to your exact header color */

/* Control (Select2 + native select) */
#forminator-module-163.forminator-ui.forminator-design--default 
.select2-container .select2-selection--single,
#forminator-module-163.forminator-ui.forminator-design--default select{
  background: var(--dv-accent) !important;
  color: #fff !important;
  border: 1px solid var(--dv-accent) !important;
  border-radius: 10px !important;
  height: 46px !important; min-height: 46px !important; line-height: 46px !important;
  box-shadow: none !important;
}

/* Selected text inside the select */
#forminator-module-163.forminator-ui.forminator-design--default 
.select2-selection__rendered{
  color:#fff !important;
  line-height: 46px !important;
  padding-left: 12px !important;
}

/* Placeholder color */
#forminator-module-163.forminator-ui.forminator-design--default 
.select2-selection__placeholder{ color: rgba(255,255,255,.9) !important; }

/* Caret / arrow color */
#forminator-module-163.forminator-ui.forminator-design--default 
.select2-selection__arrow b{
  border-color: #fff transparent transparent transparent !important;
}

/* Hover / focus states */
#forminator-module-163.forminator-ui.forminator-design--default 
.select2-container--default .select2-selection--single:hover,
#forminator-module-163.forminator-ui.forminator-design--default 
.select2-container--default.select2-container--open .select2-selection--single{
  background: color-mix(in oklab, var(--dv-accent) 85%, white) !important;
  border-color: color-mix(in oklab, var(--dv-accent) 85%, white) !important;
}

/* Make Select2 container always fill the input column */
#forminator-module-163.forminator-ui.forminator-design--default 
.select2-container{ width:100% !important; }

/* Dropdown MENU styling */
#forminator-module-163.forminator-ui.forminator-design--default 
.select2-dropdown{
  background: var(--dv-accent) !important;
  color:#fff !important;
  border:1px solid var(--dv-accent) !important;
  border-radius:10px !important;
  overflow:hidden; /* round corners on menu */
}
#forminator-module-163.forminator-ui.forminator-design--default 
.select2-results__option{ color:#fff !important; }
#forminator-module-163.forminator-ui.forminator-design--default 
.select2-results__option--highlighted,
#forminator-module-163.forminator-ui.forminator-design--default 
.select2-results__option[aria-selected=true]{
  background: color-mix(in oklab, var(--dv-accent) 70%, black) !important;
}

/* --------- Textarea footer line like mock: hint left, counter right --------- */
#forminator-module-163.forminator-ui.forminator-design--default 
.forminator-field .forminator-description{
  display:inline-block !important; margin-top:4px !important;
}
#forminator-module-163.forminator-ui.forminator-design--default 
.forminator-field [class*="counter"]{
  display:inline-block !important; float:right !important; margin-top:4px !important;
}

.forminator-ui#forminator-module-163.forminator-design--default .forminator-select2 + .forminator-select .selection .select2-selection--single[role="combobox"] {
    border-color: #777771;
    background-color: #ffffff;
    max-width: 50%;
}

.forminator-ui#forminator-module-163.forminator-design--default .forminator-input {
    max-width: 50%;
}

.forminator-ui#forminator-module-163.forminator-design--default .forminator-button-submit {
      display: block !important;           /* make it a block element */
  margin: 0 auto !important;           /* centers it horizontally */
  border: 5px solid #c3b59b !important;/* 5px border (choose your color) */
  border-radius: 6px !important;       /* keep rounded corners if you like */
  width: fit-content !important;       /* shrink to fit the text inside */
  padding: 8px 20px !important;
  max-width: 20%
  
}

.forminator-ui#forminator-module-163.forminator-design--default .forminator-textarea {
    Max-width:70%;
    
}

.forminator-select.forminator-select-dropdown-container--open .forminator-select-dropdown.forminator-dropdown--default {
    border-width: 1px;
    max-width: 50%;
}

#forminator-module-163.forminator-design--default .forminator-input, .forminator-ui#forminator-module-163.forminator-design--default div.StripeElement:not(.forminator-stripe-payment-element), #forminator-module-163.forminator-design--default .forminator-select2 + .forminator-select .selection .select2-selection--single[role="combobox"], #forminator-module-163.forminator-design--default .forminator-textarea, #forminator-module-163.forminator-design--default .forminator-signature {
    border-radius: 10px;
    border-color: #D3D3D3;
}

.forminator-ui.forminator-custom-form[data-design=default] .forminator-description span:not(.forminator-monospace) {
    float: right;
    margin-right: 0;
    margin-left: auto;
    text-align: right;
    display: none;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Oxanium';
	font-style: normal;
	font-weight: 700;
	font-display: auto;
	src: url('https://dunearnvillage.dcub3.com.sg/wp-content/uploads/2025/09/Oxanium-Bold-1.ttf') format('truetype');
}
@font-face {
	font-family: 'Oxanium';
	font-style: normal;
	font-weight: 400;
	font-display: auto;
	src: url('https://dunearnvillage.dcub3.com.sg/wp-content/uploads/2025/09/Oxanium-Regular.ttf') format('truetype');
}
@font-face {
	font-family: 'Oxanium';
	font-style: normal;
	font-weight: 600;
	font-display: auto;
	src: url('https://dunearnvillage.dcub3.com.sg/wp-content/uploads/2025/09/Oxanium-SemiBold.ttf') format('truetype');
}
@font-face {
	font-family: 'Oxanium';
	font-style: normal;
	font-weight: 500;
	font-display: auto;
	src: url('https://dunearnvillage.dcub3.com.sg/wp-content/uploads/2025/09/Oxanium-Medium.ttf') format('truetype');
}
/* End Custom Fonts CSS */