.elementor-kit-4{--e-global-color-primary:#23204F;--e-global-color-secondary:#FFFFFF;--e-global-color-text:#23204F;--e-global-color-accent:#827FB5;--e-global-color-86d21de:#35378A;--e-global-color-c5809d6:#B5E1FB;--e-global-color-6395276:#F4F4F4;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;--e-global-typography-2e03feb-font-size:clamp(1.8rem, 4vw, 4.4rem);--e-global-typography-2e03feb-font-weight:600;--e-global-typography-2e03feb-line-height:1em;--e-global-typography-009bcc1-font-size:clamp(1.7rem, 3vw, 2.8rem);--e-global-typography-009bcc1-font-weight:600;--e-global-typography-0c6fb9b-font-size:1.2rem;--e-global-typography-0c6fb9b-font-weight:700;--e-global-typography-0c6fb9b-text-transform:uppercase;--e-global-typography-08dbbac-font-size:clamp(0.9rem, 3vw, 1.15rem);--e-global-typography-08dbbac-font-weight:600;--e-global-typography-08dbbac-text-transform:uppercase;font-family:"familjen-grotesk", Sans-serif;font-size:18px;}.elementor-kit-4 button,.elementor-kit-4 input[type="button"],.elementor-kit-4 input[type="submit"],.elementor-kit-4 .elementor-button{background-color:var( --e-global-color-accent );font-weight:600;text-transform:uppercase;border-radius:14px 14px 14px 14px;padding:1.5em 2.2em 1.5em 2.2em;}.elementor-kit-4 e-page-transition{background-color:#FFBC7D;}.elementor-kit-4 h1{font-family:"familjen-grotesk", Sans-serif;}.elementor-kit-4 h2{font-family:"familjen-grotesk", Sans-serif;}.elementor-kit-4 h3{font-family:"familjen-grotesk", Sans-serif;}.elementor-kit-4 h4{font-family:"familjen-grotesk", Sans-serif;}.elementor-kit-4 h5{font-family:"familjen-grotesk", Sans-serif;}.elementor-kit-4 h6{font-family:"familjen-grotesk", Sans-serif;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:70%;}.e-con{--container-max-width:70%;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:90%;}.e-con{--container-max-width:90%;}}@media(max-width:767px){.elementor-kit-4{font-size:0.85rem;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:90%;}.e-con{--container-max-width:90%;}}/* Start custom CSS *//*Global Spacing*/
:root{
--pv: 6em;
--gg: 4em;

}
@media(max-width: 1024px){
    :root{
    --pv: 3em;    
    }
}
@media(max-width: 767px){
    :root{
    --gg: 2em;
     --pv: 2em;    
    }
}

/*Grav forms styles*/

/* Container for checkbox subgroup */
#gform_wrapper_1 .gfield_checkbox {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    gap: 1em;
}
#gform_wrapper_1 input{
    padding: 1em;
}
#gform_wrapper_1 textarea{
    height: 150px;
    padding: 1em;
}
/* Individual checkbox option container */
#gform_wrapper_1 .gfield_checkbox li {
    flex-basis: auto;
    list-style: none;
}

/* 1. Hide the browser's default checkbox */
#gform_wrapper_1 .gfield_checkbox input[type="checkbox"] {
    display: none;
}

/* 2. Style the label */
#gform_wrapper_1 .gfield_checkbox label {
    cursor: pointer;
    display: flex;
    align-items: center;
    font-size: 1rem;
    color: #333;
    min-height: 30px;
    max-width: none;
}

/* 3. Create the custom circular checkbox using a pseudo-element */
#gform_wrapper_1 .gfield_checkbox label::before {
    content: '';
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 15px;
    border-radius: 50%;
    border: 3px solid white;
    outline: 1px solid var(--e-global-color-primary, #0870D4); /* fallback for Elementor colour var */
    background-color: #ffffff;
    box-sizing: border-box;
    transition: background-color 0.2s ease-in-out;
    aspect-ratio: 1/1;
    flex-shrink: 0;
}

/* 4. Checked state */
#gform_wrapper_1 .gfield_checkbox input[type="checkbox"]:checked + label::before {
    background-color: #7D78A8;
}

/* Responsive tweaks */
@media (max-width: 767px) {
    #gform_wrapper_1 .gfield_checkbox {
        flex-direction: column;
        gap: 1em;
    }

    #gform_wrapper_1 .gfield_checkbox label {
        font-size: 0.9rem;
    }
}
.gform-footer{
    justify-content: flex-end;;
}
#gform_submit_button_1{
          padding: 1.2em 2.2em 1.2em 2.2em;
              font-size: 15px;
        background-color: var(--e-global-color-primary);
        color: white;
        border: none;
        
}
.gfield_required{
    display: none!important;
}/* End custom CSS */