.elementor-1442 .elementor-element.elementor-element-501d20d{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:flex-start;--gap:0px 70px;--row-gap:0px;--column-gap:70px;--padding-top:120px;--padding-bottom:120px;--padding-left:20px;--padding-right:20px;}.elementor-1442 .elementor-element.elementor-element-501d20d:not(.elementor-motion-effects-element-type-background), .elementor-1442 .elementor-element.elementor-element-501d20d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FBF9F6;}.elementor-1442 .elementor-element.elementor-element-b87737f{--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;--gap:24px 24px;--row-gap:24px;--column-gap:24px;}.elementor-1442 .elementor-element.elementor-element-f86307a .elementor-heading-title{font-family:"Cormorant Garamond", Sans-serif;font-size:48px;font-weight:400;color:#006D5B;}.elementor-1442 .elementor-element.elementor-element-6c75738{font-family:"Inter", Sans-serif;font-size:16px;font-weight:300;line-height:1.7em;color:#333333;}.elementor-1442 .elementor-element.elementor-element-d45f94b{--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-1442 .elementor-element.elementor-element-b87737f{--width:50%;}.elementor-1442 .elementor-element.elementor-element-d45f94b{--width:50%;}}@media(max-width:767px){.elementor-1442 .elementor-element.elementor-element-501d20d{--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;--gap:50px 0px;--row-gap:50px;--column-gap:0px;--padding-top:70px;--padding-bottom:70px;--padding-left:20px;--padding-right:20px;}}/* Start custom CSS for text-editor, class: .elementor-element-6c75738 */.preorder-description {
  margin-bottom: 24px !important;
}

.preorder-timeline {
  font-size: 14px;
  color: #B8977E; /* Muted Bronze / Tan */
  font-weight: 400;
  margin-bottom: 32px !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-0039e4c *//* 1. Style Labels (Forces Inter Light/Normal & fixes top spacing) */
.elementor-1442 .elementor-element.elementor-element-0039e4c label {
  display: block !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 15px !important;
  font-weight: 400 !important; /* Set to 300 for even lighter text */
  letter-spacing: 0.3px !important;
  color: #222222 !important;
  margin-bottom: 8px !important; /* Small gap between label and its input box */
  text-transform: none !important;
}

/* 2. Roomier Input Boxes & Textarea */
.elementor-1442 .elementor-element.elementor-element-0039e4c input[type="text"],
.elementor-1442 .elementor-element.elementor-element-0039e4c input[type="email"],
.elementor-1442 .elementor-element.elementor-element-0039e4c input[type="tel"] {
  width: 100% !important;
  height: 52px !important; /* Increases height for a spacious feel */
  background-color: rgba(0, 0, 0, 0.02) !important;
  border: 1px solid #E0DCD3 !important;
  border-radius: 0px !important;
  padding: 0 18px !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 15px !important;
  font-weight: 300 !important;
  color: #222222 !important;
  box-shadow: none !important;
  transition: all 0.3s ease !important;
  outline: none !important;
  box-sizing: border-box !important;
}

/* 3. Textarea Height & Padding */
.elementor-1442 .elementor-element.elementor-element-0039e4c textarea {
  width: 100% !important;
  height: 120px !important;
  background-color: rgba(0, 0, 0, 0.02) !important;
  border: 1px solid #E0DCD3 !important;
  border-radius: 0px !important;
  padding: 14px 18px !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 14px !important;
  font-weight: 300 !important;
  color: #222222 !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
  outline: none !important;
  resize: vertical !important;
}

/* 4. Fix Dropdown Selection Box (No clipping + proper arrow) */
.elementor-1442 .elementor-element.elementor-element-0039e4c select {
  width: 100% !important;
  height: 52px !important;
  line-height: 52px !important;
  background-color: rgba(0, 0, 0, 0.02) !important;
  border: 1px solid #E0DCD3 !important;
  border-radius: 0px !important;
  padding: 0 40px 0 18px !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 14px !important;
  font-weight: 300 !important;
  color: #222222 !important;
  box-sizing: border-box !important;
  outline: none !important;
  
  /* Reset default arrow and replace with clean SVG arrow */
  appearance: none !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  background-image: url("data:image/svg+xml;utf8,<svg fill='%23222222' height='20' viewBox='0 0 24 24' width='20' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/></svg>") !important;
  background-repeat: no-repeat !important;
  background-position: right 16px center !important;
  cursor: pointer !important;
}

/* 5. Increase Space Between Form Fields */
.elementor-1442 .elementor-element.elementor-element-0039e4c p,
.elementor-1442 .elementor-element.elementor-element-0039e4c .form-group,
.elementor-1442 .elementor-element.elementor-element-0039e4c .form-row,
.elementor-1442 .elementor-element.elementor-element-0039e4c > div > div {
  margin-bottom: 28px !important; /* Generous gap between each field set */
}

/* 6. Placeholder Styling */
.elementor-1442 .elementor-element.elementor-element-0039e4c input::placeholder,
.elementor-1442 .elementor-element.elementor-element-0039e4c textarea::placeholder {
  color: #A0A0A0 !important;
  font-family: 'Inter', sans-serif !important;
  font-weight: 300 !important;
  font-size: 14px !important;
}

/* 7. Focus State */
.elementor-1442 .elementor-element.elementor-element-0039e4c input:focus,
.elementor-1442 .elementor-element.elementor-element-0039e4c select:focus,
.elementor-1442 .elementor-element.elementor-element-0039e4c textarea:focus {
  border-color: #1E3A2B !important;
  background-color: #FFFFFF !important;
}
/* ==========================================
   1. REMOVE ALL REQUIRED ASTERISKS (*)
   ========================================== */
/* Hides HTML-based asterisks (<abbr>, <span>, or .required) */
.elementor-1442 .elementor-element.elementor-element-0039e4c label .required,
.elementor-1442 .elementor-element.elementor-element-0039e4c label abbr,
.elementor-1442 .elementor-element.elementor-element-0039e4c label span,
.elementor-1442 .elementor-element.elementor-element-0039e4c .required {
  display: none !important;
  visibility: hidden !important;
}

/* Hides CSS pseudo-element asterisks (::after) */
.elementor-1442 .elementor-element.elementor-element-0039e4c label::after,
.elementor-1442 .elementor-element.elementor-element-0039e4c label *::after {
  content: "" !important;
  display: none !important;
}


/* ==========================================
   2. ENLARGE "PROCEED TO PAYMENT" BUTTON
   ========================================== */
.elementor-1442 .elementor-element.elementor-element-0039e4c input[type="submit"],
.elementor-1442 .elementor-element.elementor-element-0039e4c button[type="submit"],
.elementor-1442 .elementor-element.elementor-element-0039e4c .submit-btn,
.elementor-1442 .elementor-element.elementor-element-0039e4c .button {
  width: 100% !important;
  height: 60px !important; /* Increased height for high-end presence */
  background-color: #1E3A2B !important; /* Forest Green */
  color: #FBF9F6 !important;
  border: 1px solid #1E3A2B !important;
  border-radius: 0px !important;
  padding: 0 32px !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 14px !important; /* Clear, sharp call to action */
  font-weight: 500 !important;
  letter-spacing: 2.5px !important;
  text-transform: uppercase !important;
  cursor: pointer !important;
  transition: all 0.3s ease !important;
  margin-top: 12px !important;
  box-shadow: none !important;
}

/* Hover state */
.elementor-1442 .elementor-element.elementor-element-0039e4c input[type="submit"]:hover,
.elementor-1442 .elementor-element.elementor-element-0039e4c button[type="submit"]:hover,
.elementor-1442 .elementor-element.elementor-element-0039e4c .submit-btn:hover,
.elementor-1442 .elementor-element.elementor-element-0039e4c .button:hover {
  background-color: #0D1912 !important;
  border-color: #0D1912 !important;
  color: #FFFFFF !important;
}/* End custom CSS */