Limit Google Maps AutoComplete to europe region in JavaScript

i have this html of google auto complete it works fine, i want to load only Europe countries in the google auto complete pls advice

<style>
    .pac-container
    {
        z-index: 1060 !important;
        width: 180px !important;
    }           
            
    .pac-container:after
    {
        content: none !important;
    }
</style>
<div class="col-md-3">
    Pick up Location
    <div class="form-group form">
        <div class="mrg-txtbox">
            <asp:TextBox ID="txtosearch" CssClass="Auto" placeholder="Location" runat="server"></asp:TextBox>
            <asp:TextBox ID="txtfrom" CssClass="no-border no-padding no-bg" runat="server"></asp:TextBox></div>
        <asp:Label ID="Label6" runat="server" Text="Origin is required" CssClass="validation"
            Visible="false"></asp:Label>
        <asp:Label ID="lblFrom" CssClass="validation" runat="server" />
        <asp:RequiredFieldValidator ID="RequiredFieldValidator3" runat="server" ErrorMessage="Select a valid location"
            CssClass="required" ControlToValidate="txtfrom" Display="Dynamic"></asp:RequiredFieldValidator>
    </div>
</div>
<div class="col-md-3">
    Drop off Location
    <div class="form-group form">
        <div runat="server" id="destination">
            <div class="mrg-txtbox">
                <asp:TextBox ID="txtdsearch" runat="server" placeholder="Location" CssClass="Auto"></asp:TextBox>
                <asp:TextBox ID="txtto" CssClass="no-border no-padding no-bg" runat="server"></asp:TextBox>
            </div>
            <asp:Label ID="lblTo" CssClass="validation" runat="server" />
            <asp:RequiredFieldValidator ID="RequiredFieldValidator4" runat="server" ErrorMessage="Select a valid location"
                CssClass="required" ControlToValidate="txtto" Display="Dynamic"></asp:RequiredFieldValidator>
            <asp:UpdatePanel ID="UpdatePanel1" runat="server">
                <ContentTemplate>
                    <h6 class="no-margin bold">
                        <asp:Label ID="Llbldistance" runat="server" Text=""></asp:Label>
                        <asp:Label ID="Llblduration" runat="server" Text=""></asp:Label></h6>
                    <asp:Button ID="Button1" runat="server" Text="Button" OnClick="Button1_Click" Style="display: none" />
                    <asp:Label ID="lblorigin_longitude" runat="server" Style="display: none"></asp:Label>
                    <asp:Label ID="lblorigin_latitude" runat="server" Style="display: none"></asp:Label>
                    <asp:Label ID="lbldestination_longitude" runat="server" Style="display: none"></asp:Label>
                    <asp:Label ID="lbldestination_latitude" runat="server" Style="display: none"></asp:Label>
                </ContentTemplate>
            </asp:UpdatePanel>
        </div>
    </div>
</div>
<script type="text/javascript">
    function UploadFile() {

        document.getElementById("<%=Button1.ClientID %>").click();

        if ($('#<%= txtto.ClientID %>').val() != '') {
            document.getElementById("<%=RequiredFieldValidator4.ClientID%>").val('');
        }
        if ($('#<%= txtfrom.ClientID %>').val() != '') {
            document.getElementById("<%=RequiredFieldValidator3.ClientID%>").val('');
        }
    }
</script>
<script type="text/javascript">
    var inputs = document.getElementsByClassName('Auto');
    var options = { types: ['(regions)'] };
    var autocompletes = [];
    for (var i = 0; i < inputs.length; i++) {
        var autocomplete = new google.maps.places.Autocomplete(inputs[i], options);
        autocomplete.inputId = inputs[i].id;
        autocomplete.addListener('place_changed', function () {
            $('#' + this.inputId).parent().find('input').eq(1).val(this.getPlace().formatted_address);
            $('#' + this.inputId).val('');

            UploadFile();
        });
        autocompletes.push(autocomplete);
    }
</script>