/* Start custom CSS for shortcode, class: .elementor-element-bc5182e *//* General Styles for Gravity Forms Fields */
#gform_fields_1 input[type="text"],
#gform_fields_1 input[type="email"],
#gform_fields_1 textarea,
#gform_fields_1 select {
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    font-weight: 400;
    border: none;
    border-bottom: 1px solid #D0BB9A61;
    background: none;
    color: #000;
    outline: none;
    padding: 8px 0;
    box-sizing: border-box;
    width: 100%;
    margin-bottom: 20px; /* Adds spacing between fields */
    text-align: left; /* Aligns text to the left */
}

/* Submit Button Styling */
#gform_submit_button_1 {
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    font-weight: 300;
    text-transform: uppercase;
    color: #fff; /* Text color set to white */
    background-color: #171B20; /* Background color set to #171B20 */
    border: none;
    padding: 15px 80px;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    
    letter-spacing: 1px; /* Add letter spacing of 1px */
    transition: color 0.3s ease, background-color 0.3s ease;
    display: block;  /* Make the button a block element */
    margin-left: auto;  /* Push the button to the right */
    margin-right: 0;  /* Optional: to make sure it sticks to the right edge */
        border-radius: 0px;  /* Set border radius to 0px */

}

/* Hover Effect for Button */
#gform_submit_button_1:hover {
    color: #171B20; /* Text color changes to #171B20 */
    background-color: #D0BB9A; /* Background color changes to #D0BB9A */
}

/* Left Border Animation Effect */
#gform_submit_button_1::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 7%; /* Initial width */
    height: 1px;
    background-color: #8CC53F; /* Border color */
    transition: width 0.4s ease; /* Smooth width expansion */
}

/* Hover State for Border Animation */
#gform_submit_button_1:hover::after {
    width: 25%; /* Expanded width on hover */
}

/* Remove Left Padding/Spacing for Name Fields */
#gform_fields_1 .gform-grid-row {
    margin-left: 0;
    padding-left: 0;
}

/* Hide All Field Labels */
#gform_fields_1 .gfield_label {
    display: none;
}
/* Remove Shadow and Set Border Radius for All Form Fields */
#gform_fields_1 input[type="text"],
#gform_fields_1 input[type="email"],
#gform_fields_1 input[type="tel"],
#gform_fields_1 select,
#gform_fields_1 textarea {
    box-shadow: none; /* Remove shadow */
    border-radius: 0px; /* Set border radius to 0 */
}

/* Add Extra Bottom Padding to Dropdown Fields */
#gform_fields_1 select {
    padding-bottom: 0px; /* Additional bottom padding */
}
/* Style dropdown fields with a custom arrow */
#gform_fields_1 select {
    appearance: none; /* Remove default dropdown arrow */
    -webkit-appearance: none; /* For Safari */
    -moz-appearance: none; /* For Firefox */
    padding-right: 30px; /* Space for the custom arrow */
    position: relative;
    background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="6 9 12 15 18 9"></polyline></svg>'); /* Custom arrow icon */
    background-repeat: no-repeat;
    background-position: right 10px center;
    border-radius: 0px; /* Match border radius of other fields */
    padding-bottom: 4px; /* Additional padding */
}

/* Optional: Adjust field padding and appearance on focus */
#gform_fields_1 select:focus {
    outline: none;
    border-color: #8CC53F; /* Highlight color */
}

/* Styling for the label with the specific class */
.gform-field-label.gform-field-label--type-inline.gfield_consent_label {
    font-family: 'Poppins', sans-serif;  /* Font family set to Poppins */
    font-size: 14px;  /* Font size set to 14px */
    font-weight: 300;  /* Font weight set to 300 */
    color: inherit;  /* Ensures text color inherits from its parent, or specify color if needed */
}

/* Remove the (Required) text and its space */
.gfield_required.gfield_required_text {
    display: none;
}/* End custom CSS */