/* Start custom CSS for shortcode, class: .elementor-element-81fc81f */.elementor-1586 .elementor-element.elementor-element-81fc81f {
    width: 100%;
}

#gform_wrapper_2 {
    .gform_page {
        display: grid;
        grid-template-columns: repeat(12, 1fr);
        gap: 15px;
        width: 100%;

        .gform_page_fields {
            grid-column: span 10;
        }

        .gform_page_footer {
            grid-column: span 2;

            .button {
                color: var(--white);
                border-color: var(--purple);
                background-color: var(--purple);
                font-family: var(--Eurostyle);
                font-weight: 700;
                font-size: var(--22px);
                letter-spacing: var(--110);
                line-height: 1em;
                padding-block-start: 7.5px;
                padding-block-end: 10px;
                padding-inline-start: 35px;
                padding-inline-end: 35px;
                border-radius: 100px;
                border-width: 2px;
                border-style: solid;
                text-decoration: none;
                flex: 1;

                &:hover {
                    color: var(--purple);
                    border-color: var(--white);
                    background-color: var(--white);
                }
            }
        }
    }

    input:is([type=text],[type=email],[type=tel]), select, textarea {
        font-weight: 500;
        padding: 20px 25px 25px;
        border-radius: 100px;
        border: 2px solid var(--light-blue);
        background: var(--white);
        margin: 0;
        box-sizing: border-box;
        min-height: 48px;
        font-size: 20px;
        color: var(--purple);
        line-height: 1em;;
        text-align: left;
        
        &::placeholder {
            color: var(--purple);
            font-family: var(--eurostyle);
            font-size: 18px;
            font-weight: 600;
            text-align: left;
            opacity: .6;
        }
    }

    select {
        padding: 10px 25px;

        option {
            color: black;
        }
    }

    textarea {
        border-radius: 15px;
        padding: 10px 25px;
        min-block-size: 9rem;
        
        &::placeholder {
            color: white;
            text-align: left;
        }
    }

    .gform_page_footer {
        margin-top: 0;
    }

    #field_2_4 {
        grid-column: span 6;
    }

    #field_2_5, #field_2_6  {
        grid-column: span 3;
    }

    label, legend, .gfield_description {
        color: white;
        font-weight: bold;
        letter-spacing: 1px;
        font-family: "eurostyle";
    }
    
    .checkbox-buttons {
        .gfield_radio {
            display: flex;
            flex-direction: row;
            gap: 15px;
            cursor: pointer;
            flex-wrap: wrap;

            label {
                font-weight: 700;
                padding: 10px;
                border-radius: 5px;
                border: 2px solid white;
                background: white;
                color: var(--purple);
                box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.10);
                margin: 0;
                font-family: var(--Eurostyle);
                letter-spacing: 1.28px;
            }
            
            .gfield-choice-input {
                position: absolute;
                width: 1px;
                height: 1px;
                margin: -1px;
                padding: 0;
                border: 0;
                overflow: hidden;
                clip: rect(0 0 0 0);
                clip-path: inset(50%);
                white-space: nowrap;

                &:checked {
                    & + label {
                        border-color: var(--e-global-color-0a98348);
                        background-color: var(--e-global-color-0a98348);
                        color: var(--white);

                        svg {
                            & * {
                                fill: var(--white);
                            }
                        }
                    }
                }

                & + label {
                    display: flex;
                    align-items: center;
                    gap: 20px;
                        
                    svg {
                        width: 50px;
                        
                        & * {
                            fill: var(--light-blue);
                        }
                    }

                    br {
                        display: block;
                    }
                }

                &:focus-visible + label {
                    outline: 2px solid var(--e-global-color-primary);
                    outline-offset: 2px;
                }
            }

            @media (max-width: 800px) {
                position: absolute;
                z-index: 30;
                inset: calc(100% + 6px) 0 auto 0;
                display: none;
                flex-direction: column;
                gap: 2px;
                margin: 0;
                padding: 8px;
                background: #fff;
                border: 1px solid #c9ced6;
                border-radius: 5px;
                box-shadow: 0 10px 30px rgba(0, 0, 0, .12);
            }
        }
    }
}/* End custom CSS */