.elementor-1267 .elementor-element.elementor-element-46771fe{--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;}/* Start custom CSS for shortcode, class: .elementor-element-380e5c0 *//* Smooth page scroll */
html {
  scroll-behavior: smooth;
}

/* 🔴 Contact Form 7 wrapper box – ONLY this border is red */
.wpcf7 {
  border: 3px solid #cc0000;   /* bold red border for the whole form */
  border-radius: 12px;
  padding: 30px;
  background: #fff;
  max-width: 700px;
  margin: auto;
  box-shadow: 0 0 12px rgba(204,0,0,0.15); /* soft red glow */
}

/* Form container styling */
.wpcf7 form {
  max-width: 600px;
  margin: auto;
  padding: 30px;
  background: #fff;
  border-radius: 16px;
  font-family: 'Poppins', sans-serif;
  font-size: 18px;
  color: #111;
}

/* Field labels (general) */
.wpcf7 form label {
  font-weight: 600;
  font-size: 16px;
  margin-bottom: 6px;
  display: block;
  color: #111;
}

/* ✅ Make the “Select a Package” label VERY bold */
.wpcf7 form label:has(+ br + [radio]) {
  font-weight: 900;
  font-size: 20px;
  color: #000;
  text-transform: uppercase;
  margin-bottom: 12px;
}

/* Inputs & textarea – keep BLACK borders */
.wpcf7 input[type="text"],
.wpcf7 input[type="tel"],
.wpcf7 input[type="email"],
.wpcf7 textarea,
.wpcf7 select {
  width: 100%;
  padding: 16px;
  font-size: 16px;
  border: 2px solid black;
  border-radius: 10px;
  margin-bottom: 20px;
  background: #fff;
  color: #111;
  font-weight: 500;
  transition: border-color 0.3s ease;
}

.wpcf7 input:focus,
.wpcf7 textarea:focus {
  border-color: black;
  outline: none;
}

/* ✅ Radio Buttons container */
.wpcf7 span.wpcf7-list-item {
  display: block;
  margin-bottom: 35px;       /* 🔥 Extra spacing between each option */
  padding-bottom: 15px;      /* Space above divider line */
  border-bottom: 1px dashed #ddd; /* 🔽 Faint divider line */
}

/* ✅ Remove divider on the last radio option */
.wpcf7 span.wpcf7-list-item:last-child {
  border-bottom: none;
  padding-bottom: 0;
  margin-bottom: 20px;
}

/* ✅ Make ALL radio option text VERY bold */
.wpcf7-list-item-label {
  font-weight: 800;   /* 🔥 VERY bold */
  font-size: 18px;
  color: black;
  font-style: normal;
}

/* Bigger radio buttons */
.wpcf7 input[type="radio"] {
  transform: scale(1.5);
  margin-right: 10px;
}

/* 🔴 Instruction styling (after JS wraps it in <span class="instruction">) */
.wpcf7-list-item-label .instruction {
  font-weight: 900;   /* even bolder */
  color: #cc0000;
  font-style: italic;
}

/* Submit button */
.wpcf7 input[type="submit"] {
  width: 100%;
  background: #cc0000;
  color: #fff;
  font-size: 18px;
  padding: 16px;
  border: none;
  border-radius: 10px;
  font-weight: bold;
  cursor: pointer;
  transition: background 0.3s ease;
}

.wpcf7 input[type="submit"]:hover {
  background: #a60000;
}

/* Shorter delivery address textarea */
.wpcf7 textarea[name="address"] {
  height: 80px !important;
  resize: none;
  line-height: 1.4;
  padding: 10px;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-978af28 */.wpcf7-list-item-label .instruction {
  font-weight: 900;
  color: #cc0000;
  font-style: italic;
}/* End custom CSS */