.elementor-3747 .elementor-element.elementor-element-1a3dbef7{--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-3747 .elementor-element.elementor-element-f6c068a{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3747 .elementor-element.elementor-element-7390d985{--display:flex;--min-height:50px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3747 .elementor-element.elementor-element-7390d985:not(.elementor-motion-effects-element-type-background), .elementor-3747 .elementor-element.elementor-element-7390d985 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://tinytownships.ca/wp-content/uploads/2025/03/Tiny-Townships-Logo-1.png");background-repeat:no-repeat;background-size:contain;}.elementor-3747 .elementor-element.elementor-element-ff2e928{--display:flex;--justify-content:center;--gap:5px 0px;--row-gap:5px;--column-gap:0px;}.elementor-3747 .elementor-element.elementor-element-28e3dfc0 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:1.5em;}.elementor-3747 .elementor-element.elementor-element-79427ebc .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:0.75em;}.elementor-3747 .elementor-element.elementor-element-8d6ec96{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}@media(min-width:768px){.elementor-3747 .elementor-element.elementor-element-7390d985{--width:80px;}.elementor-3747 .elementor-element.elementor-element-ff2e928{--width:26%;}}/* Start custom CSS *//* Target the form field with your custom class */
.checkbox-style-radio input[type="radio"] {
  appearance: none;
  -webkit-appearance: none;
  background-color: #fff;
  border: 2px solid #000;
  width: 20px;
  height: 20px;
  border-radius: 3px;
  cursor: pointer;
  display: inline-block;
  position: relative;
  vertical-align: middle;
  margin-right: 10px;
  transition: background-color 0.2s, border-color 0.2s;
}

/* Checked state – show a filled box with a checkmark */
.checkbox-style-radio input[type="radio"]:checked {
  background-color: #000;
  border-color: #000;
}

.checkbox-style-radio input[type="radio"]:checked::after {
  content: "✔";
  color: white;
  font-size: 14px;
  position: absolute;
  left: 3px;
  top: -2px;
}

/* Optional: add hover effect */
.checkbox-style-radio input[type="radio"]:hover {
  border-color: #0073e6;
}/* End custom CSS */