/* Start custom CSS for shortcode, class: .elementor-element-426bdb8 */#gform_1 {
    #gform_fields_1 {
        row-gap: 20px;
        column-gap: 25px;
        display: flex;
        flex-direction: column;
        gap: 30px;
    }
    
    .gfield_required {
        display: none;
    }

    legend, label, .gfield_html {
        color: var(--White, #FFF);
        font-family: var(--e-global-typography-1629fc5-font-family), Sans-serif;
        font-size: 20px;
        font-style: normal;
        font-weight: 600;
        grid-column: span 12;
    }

    label.gform-field-label--type-inline {
        grid-column: unset;
    }

    @media (max-width: 800px) {
        .ginput_container_radio {
            position: relative;
        }
    }

    .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-primary);
                        background-color: var(--light-blue);
                        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);
            }
        }
    }

    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: center;
        
        &::placeholder {
            color: var(--purple);
            font-family: var(--eurostyle);
            font-size: 18px;
            font-weight: 600;
            text-align: center;

            @media(max-width:640px) {
                text-align: left;
            }
        }

        @media(max-width:640px) {
            text-align: left;
        }
    }

    select {
        padding: 10px 25px;

        option {
            color: black;
        }
    }

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

    #gform_submit_button_1 {
        padding: 10px 50px 14px;
        width: 100%;
        border-radius: 100px;
        background: var(--light-blue);
        box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
        color: var(--white);
        font-family: var(--eurostyle);
        font-size: 22px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        text-transform: capitalize;
        letter-spacing: 2.2px;
        border-width: 2px;
        
        &:hover {
            background-color: transparent;
            color: white;
            border-color: var(--light-blue);
        }
    }

    .gf-custom-group {
        grid-column: span 12;
        display: grid;
        grid-template-columns: repeat(12, 1fr);
        grid-template-rows: repeat(auto-fill,auto);
        column-gap: 30px;
        row-gap: 20px;

        @media(max-width: 360px) {
            column-gap: 0;
        }
        
        &.gf-group-2-0, &.gf-group-2-1 {
            grid-column: span 6;

            @media(max-width:1200.5px) {
                grid-column: span 12;
            }
        }

        .attachment-group {
            grid-column: span 5;
            padding: 0 10px;
            row-gap: 0;

            @media(max-width: 1200.5px) {
                grid-column: span 12;
                row-gap: 10px;
            }
        }

        .upload-fields {
            display: flex;

            .gssmg-gps-slot {
                background: white;
            }
            
            svg {
                width: 150px;
                height: 150px;
                & * {
                    fill: #222222;
                    stroke: white;
                }
            }

            @media(max-width: 360px) {
                column-gap: 10px;
            }
        }

        &.gf-group-1 {
            @media(max-width: 1200.5px) {
                row-gap: 20px;
            }
        }
    }

    #field_1_4 {
        grid-column: span 6;

        #input_1_4 {
            gap: 20px;
        }

        @media(max-width:1200.5px) {
            grid-column: span 12;
        }
    } 

    #field_1_5, #field_1_6 {
        grid-column: span 3;

        @media(max-width:1200.5px) {
            grid-column: span 6;
        }

        @media(max-width:640px) {
            grid-column: span 12;
        }
    }

    #input_1_9 {
        gap: 20px;
    }

    #input_1_9_1_container {
        inline-size: calc(40% - 15px);

        @media(max-width:1200.5px) {
            inline-size: calc(50% - 15px);
        }

        @media(max-width:640px) {
            inline-size: 100%;
        }
    }

    #input_1_9_3_container, #input_1_9_5_container, #input_1_9_4_container {
        inline-size: calc(20% - 15px);

        @media(max-width:1200.5px) {
            inline-size: calc(50% - 15px);
        }

        @media(max-width:640px) {
            inline-size: 100%;
        }
    }

    .gfield_description {
        color: var(--white);
        font-size: 18px;

        a {
            color: white;
        }
    }

    #label_1_12_1 {
        font-weight: 400;
    }

    .gform-footer {
        grid-column: span 12;
    }

    #field_1_17 {
        .gf-dd-toggle {
            display: none;
        }

        @media (max-width: 800px) {
            .ginput_container_radio {
                position: relative;

                &.is-open {
                    #input_1_17 {
                        display: flex;
                    }

                    .gf-dd-caret {
                        transform: rotate(-135deg) translateY(2px);
                    }
                }
            }

            .gf-dd-toggle {
                display: flex;
                align-items: center;
                justify-content: space-between;
                gap: 10px;
                width: 100%;
                padding: 14px 16px;
                background: white;
                border: 2px solid var(--e-global-color-primary);
                border-radius: 5px;
                font: inherit;
                line-height: 1;
                color: var(--e-global-color-primary);
                text-align: left;
                cursor: pointer;
                font-family: Pacaembu;
                font-size: 16px;
                font-weight: 500;

                .gf-dd-label {
                    flex: 1 1 auto;
                    overflow: hidden;
                    text-overflow: ellipsis;
                    white-space: nowrap;
                    display: flex;
                    align-items: center;
                    gap: 20px;

                    svg {
                        width: 50px;
                        height: 50px;
                        min-width: 50px;

                        * {
                            fill: white;
                        }
                    }

                    .gf-dd-text {
                        white-space: wrap;
                    }
                }

                .gf-dd-caret {
                    flex: 0 0 auto;
                    width: 10px;
                    height: 10px;
                    border-right: 2px solid currentColor;
                    border-bottom: 2px solid currentColor;
                    transform: rotate(45deg) translateY(-2px);
                    transition: transform .18s ease;
                }

                &[data-selected] {
                    background: var(--light-blue);
                    color: white;
                    font-family: var(--e-global-typography-1629fc5-font-family), Sans-serif;
                    font-size: 20px;
                    font-weight: 600;
                }
            }

            #input_1_17 {
                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);

                .gchoice {
                    display: flex;
                    align-items: center;
                    gap: 8px;
                    padding: 0px 10px;
                    border-radius: 6px;
                    color: black;
                    cursor: pointer;

                    &:hover {
                        background: #f3f4f6;
                    }

                    label {
                        color: black;
                        font-weight: 400;
                        width: 100%;
                        box-shadow: none;
                        padding: 10px 10px;
                        border: 0;
                        background: transparent;
                        cursor: pointer;
                    }

                    input:checked + label {
                        color: white;
                        background: var(--light-blue);
                    }
                }
            }
        }
    }
    
    .gform_confirmation_message {
        color: white;
        font-size: 22px;
        font-family: 'Trustindex Poppins';
        margin-top: 20px;
    }
    
    .field-temporarily-hidden {
        display: none;
    }
}/* End custom CSS */