.elementor-29607 .elementor-element.elementor-element-68d0e93{--display:flex;--margin-top:0px;--margin-bottom:80px;--margin-left:0px;--margin-right:0px;--padding-top:100px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-29607 .elementor-element.elementor-element-68d0e93:not(.elementor-motion-effects-element-type-background), .elementor-29607 .elementor-element.elementor-element-68d0e93 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-29607 .elementor-element.elementor-element-cb322d0{--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;--gap:40px 0px;--row-gap:40px;--column-gap:0px;}.elementor-29607 .elementor-element.elementor-element-789122a{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:30px 30px;--row-gap:30px;--column-gap:30px;--padding-top:15px;--padding-bottom:15px;--padding-left:50px;--padding-right:0px;}.elementor-29607 .elementor-element.elementor-element-3c67846{width:var( --container-widget-width, 80% );max-width:80%;--container-widget-width:80%;--container-widget-flex-grow:0;}@media(max-width:1024px){.elementor-29607 .elementor-element.elementor-element-68d0e93{--margin-top:-40px;--margin-bottom:60px;--margin-left:0px;--margin-right:0px;}.elementor-29607 .elementor-element.elementor-element-cb322d0{--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-29607 .elementor-element.elementor-element-789122a{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}@media(max-width:768px){.elementor-29607 .elementor-element.elementor-element-68d0e93{--margin-top:-40px;--margin-bottom:40px;--margin-left:0px;--margin-right:0px;}.elementor-29607 .elementor-element.elementor-element-3c67846{width:100%;max-width:100%;}}@media(min-width:769px){.elementor-29607 .elementor-element.elementor-element-68d0e93{--content-width:unset;}}@media(max-width:1024px) and (min-width:769px){.elementor-29607 .elementor-element.elementor-element-789122a{--width:100%;}}/* Start custom CSS for wd_contact_form_7, class: .elementor-element-3c67846 *//* Elastic Checkboxes Style for Contact Form 7 - CodePen Style */
/* Based on: https://codepen.io/josetxu/pen/raOgrKx */
/* Color: #83b734 */

:root {
    --sz: 60px;    /* base size - adjust as needed */
    --sp: 0.35s;   /* speed */
    --ac: #83b734; /* active color */
    --ic: #ebebeb; /* inactive color */
}

/* Hide default checkboxes but keep them clickable */
.wpcf7-form-control.wpcf7-checkbox input[type="checkbox"] {
    position: absolute;
    opacity: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    cursor: pointer;
    z-index: 1;
}

/* Style the checkbox container as pill-shaped labels */
.wpcf7-form-control.wpcf7-checkbox .wpcf7-list-item {
    position: relative;
    width: auto;
    height: calc(var(--sz) * 0.75);
    min-height: 40px;
    background: transparent;
    border-radius: var(--sz);
    display: inline-flex;
    align-items: center;
    padding: calc(var(--sz) * 0.25) calc(var(--sz) * 0.25) calc(var(--sz) * 0.25) calc(var(--sz) * 0.375);
    font-size: max(calc(var(--sz) * 0.3), 16px);
    color: #000000;
    font-family: Arial, Helvetica, sans-serif;
    margin: calc(var(--sz) * 0.125);
    cursor: pointer;
    box-shadow: 0 0 0 calc(var(--sz) * 0.015) var(--ic) inset;
    overflow: hidden;
    text-transform: capitalize;
    transition: all var(--sp) cubic-bezier(0.68, -0.55, 0.265, 1.55) 0s;
    box-sizing: border-box;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

/* Checkmark created with CSS gradients - hidden by default */
.wpcf7-form-control.wpcf7-checkbox .wpcf7-list-item::after {
    content: "";
    position: relative;
    width: 0;
    height: 0;
    margin-left: calc(var(--sz) * 0.125);
    border-radius: var(--sz);
    font-size: 0;
    background: 
        linear-gradient(230deg, #83b734 0 calc(var(--sz) * 0.12), transparent 0 100%), 
        linear-gradient(142deg, #83b734 0 calc(var(--sz) * 0.14), transparent 0 100%), 
        conic-gradient(from 43deg at 43% calc(64% + calc(var(--sz) * 0.03)), transparent 0 0%, #83b734 1% 76%, transparent 77% 100%), 
        conic-gradient(from -45deg at 43% 64%, transparent 0 0%, #83b734 2% 25%, transparent 26% 100%);
    transition: all var(--sp) cubic-bezier(0.68, -0.55, 0.265, 1.55) 0s;
}

/* When checkbox is checked - PRIMARY: using is-checked class (Contact Form 7 adds this automatically) */
.wpcf7-form-control.wpcf7-checkbox .wpcf7-list-item.is-checked {
    box-shadow: 0 0 0 2px #83b734 inset;
    color: #83b734;
}

.wpcf7-form-control.wpcf7-checkbox .wpcf7-list-item.is-checked::after {
    width: calc(var(--sz) * 0.25);
    height: calc(var(--sz) * 0.25);
    overflow: hidden;
    font-size: 22px;
}

/* Fallback using :has() for modern browsers (optional, CF7 should handle is-checked class) */
.wpcf7-form-control.wpcf7-checkbox .wpcf7-list-item:has(input[type="checkbox"]:checked) {
    box-shadow: 0 0 0 2px #83b734 inset;
    color: #83b734;
}

.wpcf7-form-control.wpcf7-checkbox .wpcf7-list-item:has(input[type="checkbox"]:checked)::after {
    width: calc(var(--sz) * 0.25);
    height: calc(var(--sz) * 0.25);
    overflow: hidden;
    font-size: 22px;
}

/* Style the label text */
.wpcf7-form-control.wpcf7-checkbox .wpcf7-list-item-label {
    color: inherit;
    font-size: inherit;
    line-height: 1;
    transition: color var(--sp) cubic-bezier(0.68, -0.55, 0.265, 1.55) 0s;
    margin: 0;
    padding: 0;
}

/* Ensure unchecked text is black */
.wpcf7-form-control.wpcf7-checkbox .wpcf7-list-item:not(.is-checked) .wpcf7-list-item-label,
.wpcf7-form-control.wpcf7-checkbox .wpcf7-list-item:not(.is-checked) {
    color: #000000 !important;
}

/* Ensure checked text is green - with higher specificity */
.wpcf7-form-control.wpcf7-checkbox .wpcf7-list-item.is-checked,
.wpcf7-form-control.wpcf7-checkbox .wpcf7-list-item.is-checked .wpcf7-list-item-label,
.wpcf7-form-control.wpcf7-checkbox .wpcf7-list-item.is-checked * {
    color: #83b734 !important;
}

/* Adjust spacing for checkbox groups */
.wpcf7-form-control.wpcf7-checkbox {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-content: center;
    gap: 0;
}

/* Responsive adjustments */
@media screen and (max-width: 767px) {
    :root {
        --sz: 80px;
    }
    
    .wpcf7-form-control.wpcf7-checkbox .wpcf7-list-item {
        font-size: calc(var(--sz) * 0.22) !important;
        height: calc(var(--sz) * 0.625) !important;
    }
}

@media screen and (max-height: 580px) and (orientation: landscape) {
    :root {
        --sz: 60px !important;
    }
}

/* Ensure smooth transitions on all elements */
.wpcf7-form-control.wpcf7-checkbox .wpcf7-list-item *,
.wpcf7-form-control.wpcf7-checkbox .wpcf7-list-item *::before,
.wpcf7-form-control.wpcf7-checkbox .wpcf7-list-item *::after {
    transition: all var(--sp) cubic-bezier(0.68, -0.55, 0.265, 1.55) 0s;
    box-sizing: border-box;
}


.wpcf7-form-control.wpcf7-checkbox .wpcf7-list-item:has(input[type="checkbox"]:checked) span {
    color: #83b734 !important;
}/* End custom CSS */