.elementor-23 .elementor-element.elementor-element-f48c77d{--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;--justify-content:center;--background-transition:0.3s;--margin-top:100px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-widget-heading .elementor-heading-title{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-23 .elementor-element.elementor-element-3dd20a1 > .elementor-widget-container{padding:0px 0px 20px 0px;}.elementor-23 .elementor-element.elementor-element-3dd20a1 .elementor-heading-title{color:#000000;font-family:"Cinzel", Sans-serif;font-weight:600;}.elementor-23 .elementor-element.elementor-element-e4ccd20{--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;--justify-content:center;--background-transition:0.3s;}.elementor-23 .elementor-element.elementor-element-a0acc66 > .elementor-widget-container{padding:0px 0px 20px 0px;}.elementor-23 .elementor-element.elementor-element-a0acc66 .elementor-heading-title{color:#000000;font-family:"Cinzel", Sans-serif;font-weight:600;}.elementor-23 .elementor-element.elementor-element-e66d6c1{--display:flex;--min-height:0px;--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;--justify-content:center;--background-transition:0.3s;}.elementor-23 .elementor-element.elementor-element-dd4cb89{width:var( --container-widget-width, 700px );max-width:700px;--container-widget-width:700px;--container-widget-flex-grow:0;}:root{--page-title-display:none;}/* Start custom CSS */body.elementor-page-23 .elementor-23 {
  max-width: 850px;
  margin: 0 auto;
}

/* Add this CSS code to your WordPress theme's style.css or a custom CSS file */

.gf_progressbar_wrapper {
    display: none !important;
}

.gform-theme--foundation #gform_fields_2 {
  grid-row-gap: 20px !important;
}


/* Style Gravity Forms labels to be bold */
.gfield_label, .gform-field-label {
    font-weight: bold!important;
}

/* In your external CSS file or inline style tag */
.site-footer {
    display: none;
}

/* Test CSS */

/* Set a white background color */
body {
    background-color: #ffffff !important; /* White background */
}

/* Use a modern font family */
body {
    font-family: 'Helvetica', Arial, sans-serif !important; /* Modern and clean font */
}

/* Change the text color to a dark gray for readability */
.elementor-heading-title {
    color: #333 !important; /* Dark Gray or any other readable color */
}

/* Style the container with a subtle shadow */
.e-con-boxed {
    background-color: #fff !important; /* White background for containers */
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important; /* Subtle box shadow */
}

/* Style the button with a modern look */
button {
    background-color: #0077b6 !important; /* Modern Blue or any preferred color */
    color: #fff !important; /* White text for contrast */
    padding: 10px 20px !important;
    border: none !important;
    border-radius: 3px !important;
    cursor: pointer !important;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2) !important; /* Add a subtle shadow */
    transition: transform 0.2s ease !important; /* Add a smooth transition */
}

/* Style the form elements with a clean design */
input[type="text"], textarea {
    background-color: #fff !important; /* White background for inputs */
    color: #333 !important; /* Dark Gray text color */
    border: 1px solid #ccc !important; /* Light gray border */
    padding: 8px !important;
    border-radius: 3px !important;
}

/* Style the form submit button */
.gform_next_button, .gform_submit_button {
    background-color: #0077b6 !important; /* Modern Blue or any preferred color */
    color: #fff !important; /* White text for contrast */
    border: none !important;
    padding: 10px 20px !important;
    border-radius: 3px !important;
    cursor: pointer !important;
}

/* Style Title */

.center-container {
    display: flex;
    flex-direction: column; /* Stack them vertically */
    align-items: center; /* Center-align items horizontally */
    justify-content: center; /* Center content vertically if the container has a specific height */
    text-align: center; /* Ensures the text inside the child elements is centered, if needed */
}

/* Optional: Apply specific styles to the button and div for better appearance */
#verifyAccessCodeButton {
    margin-bottom: 10px; /* Adds some space below the button */
    /* Additional button styling here */
}

#verificationMessage {
    /* Styles for the verification message */
}

/* General styling for the radio button container */
body .gform_wrapper form#gform_2 .gfield_radio {
  margin: 10px;
}

/* Hide the radio input visually but remain accessible */
body .gform_wrapper form#gform_2 .gfield_radio input[type="radio"] {
  opacity: 0;
  position: absolute;
  width: 0;
}

/* Style labels to look like buttons */
body .gform_wrapper form#gform_2 .gfield_radio label {
    display: inline-block !important;
    background-color: #ddd !important;
    padding: 5px 10px !important;
    font-family: sans-serif, Arial !important;
    font-size: 16px !important;
    border: 2px solid #444 !important;
    border-radius: 4px !important;
    cursor: pointer !important; /* Makes it clear the label is clickable */
}

/* Change label background on hover */
body .gform_wrapper form#gform_2 .gfield_radio label:hover {
    background-color: #dfd !important;
}

/* Style label when the associated radio input is focused */
body .gform_wrapper form#gform_2 .gfield_radio input[type="radio"]:focus + label {
    border: 2px dashed #444 !important;
}

/* Style label differently when the associated radio input is checked */
body .gform_wrapper form#gform_2 .gfield_radio input[type="radio"]:checked + label {
    background-color: #bfb !important;
    border-color: #4c4 !important;
}





.gform_wrapper .top_label .gfield_label {
    font-size:17px;
}

input[type="text"], input[type="password"], input[type="email"], input[type="tel"], textarea {
    border: 1px solid #CCCCCC !important;
}


.bold-html {
    font-weight: 600; /* Semi-Bold */
    font-size: 18px;
}



/* Apply light grey border to all Gravity Forms fields */
.gform_wrapper .gfield input[type="text"],
.gform_wrapper .gfield input[type="email"],
.gform_wrapper .gfield input[type="password"],
.gform_wrapper .gfield input[type="tel"],
.gform_wrapper .gfield textarea,
.gform_wrapper .gfield input[type="number"],
.gform_wrapper .gfield select {
    border: 1px solid #ccc;
}



/* Apply light grey border to the dropdown with !important */
.chosen-drop {
    border: 1px solid #ccc !important;
}


/* Keep the "Required" text on the same line */
.gfield_label {
    display: inline;
}

.gfield_required {
    display: inline;
}



/* Apply a light, modern, rounded border with a shadow to the fieldset */
.gfield.gfield--type-radio {
    border: 1px solid #ccc; /* Light gray border color */
    border-radius: 10px; /* Rounded corners */
    padding: 10px; /* Add some padding for spacing */
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* Shadow properties (adjust as needed) */
}

/* CSS class to hide the button */
.hide-button {
    display: none !important;
}



.invisible-element {
    opacity: 0;
    width: 1px;
    height: 1px;
    position: absolute;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
}



.gform_page_footer.top_label {
    display: flex;
    justify-content: space-between; /* This will space out the child elements evenly */
    align-items: center; /* This aligns the buttons vertically in the center, if needed */
}/* End custom CSS */