.elementor-36 .elementor-element.elementor-element-39c0fac{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-36 .elementor-element.elementor-element-e2a4e6f{text-align:center;}.elementor-36 .elementor-element.elementor-element-bf7a968{--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;--justify-content:center;}@media(min-width:768px){.elementor-36 .elementor-element.elementor-element-bf7a968{--content-width:793px;}}/* Start custom CSS for shortcode, class: .elementor-element-2feb6ff *//* Stack buttons vertically */
.gf-radio-buttons .gfield_radio {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

/* Make each choice a button */
.gf-radio-buttons .gfield_radio .gchoice {
  width: 100%;
  list-style: none;
}

/* Make label fill entire choice */
.gf-radio-buttons .gfield_radio .gchoice label {
  display: block;
  width: 100%;
  padding: 16px 22px;
  border: 2px solid #333;
  border-radius: 6px;
  background-color: #fff; /* default background */
  color: #333;
  cursor: pointer;
  font-weight: 600;
  transition: all 0.2s ease;
  box-sizing: border-box; /* ensure padding included in width */
}

/* Hover effect */
.gf-radio-buttons .gfield_radio .gchoice label:hover {
  background-color: #f2f2f2;
}

/* Selected state — make entire label black */
.gf-radio-buttons .gfield_radio input[type="radio"]:checked + label {
  background-color: #000;
  color: #fff;
  border-color: #000;
}

/* Hide the native radio input (the circle) */
.gf-radio-buttons .gfield_radio input[type="radio"] {
  display: none;
}

/* Remove spacing/padding from li container */
.gform_wrapper.gravity-theme .gfield_radio li.gchoice {
    margin-bottom: 0; /* remove extra margin */
    padding: 0;       /* remove padding inside li */
}


/* Change font of the HTML content */
.gform_wrapper .custom-text {
   
    font-size: 24px;                   /* Optional: adjust size */
    font-weight: 400;                   /* Optional: normal/bold/etc */
    color: #333;                        /* Optional: text color */
}

#label_1_16_1 {
    font-size: 24px;
}

/* Enlarge a single checkbox */
.gform_wrapper .large-checkbox input[type="checkbox"] {
    width: 30px;    /* increase width */
    height: 30px;   /* increase height */
    margin-right:5px;
}/* End custom CSS */