.elementor-225745 .elementor-element.elementor-element-27f9a02{--display:flex;--min-height:0px;--background-transition:0.3s;}.elementor-225745 .elementor-element.elementor-element-1f38a2c > .elementor-widget-container{margin:-10px -10px -10px -10px;padding:0px 0px 0px 0px;background-color:#132530;}.elementor-225745 .elementor-element.elementor-element-1f38a2c{width:100%;max-width:100%;}body.elementor-page-225745:not(.elementor-motion-effects-element-type-background), body.elementor-page-225745 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#132530;}/* Start custom CSS for shortcode, class: .elementor-element-1f38a2c *//* Change Grey Box (Form Background) */
#gform_wrapper_1 {
    background-color: #132530 !important; /* Change this to see if the grey box changes */
    padding: 50px !important; /* Increase padding to expand the box */
    border-radius: 0px !important; /* Adds rounded corners */
    max-width: 1000px !important; /* Set a fixed width for testing */
    margin: 0 auto !important; /* Center it horizontally */
}

/* Style the Custom Header Block */
#gform_wrapper_1 .custom-intro {
    background-color: #999999 !important; /* Light grey background for the header */
    padding: 20px !important;
    border-radius: 15px !important;
}

/* Style the Logo */
#gform_wrapper_1 .custom-header img {
    max-width: 250px !important; /* Adjust logo size */
    display: block;
    margin: 0 auto;
}

/* Style the Title */
#gform_wrapper_1 .custom-title {
    font-size: 30px !important; /* Bigger text */
    font-weight: bold !important;
    color: #ffffff !important; /* Change text color */
    text-align: center !important;
    margin-top: 5px !important; /* Add space above the title */
    padding-top: 10px !important; /* Optional additional spacing */
}

/* Style the Description */
#gform_wrapper_1 .custom-description {
    font-size: 18px !important;
    color: #444 !important;
    text-align: center !important;
}

/* 🔹 General Button Styles (Applies to All Buttons) */
#gform_wrapper_1 .gform_button,
#gform_wrapper_1 .gform_next_button,
#gform_wrapper_1 .gform_previous_button {
    background-color: #eb2b46 !important; /* Red background */
    color: white !important; /* White text */
    font-size: 18px !important; /* Button text size */
    font-weight: bold !important; /* Make text bold */
    padding: 14px 28px !important; /* Adjust button size */
    border-radius: 8px !important; /* Rounded corners */
    border: none !important; /* Remove default border */
    max-width: 300px !important; /* Button max width */
    width: auto !important; /* Auto width so buttons fit next to each other */
    display: inline-block !important; /* Align buttons next to each other */
    text-transform: uppercase !important; /* Make text uppercase */
    cursor: pointer !important; /* Change cursor to pointer */
    transition: all 0.3s ease-in-out !important; /* Smooth transition */
    text-align: center !important;
    margin: 10px 5px !important; /* Space between buttons */
}

/* 🔹 Hover Effect (Applies to All Buttons) */
#gform_wrapper_1 .gform_button:hover,
#gform_wrapper_1 .gform_next_button:hover,
#gform_wrapper_1 .gform_previous_button:hover {
    transform: scale(1.05) !important; /* Slightly enlarge button */
}

/* 🔹 Style the "Previous" Button with an Outline */
#gform_wrapper_1 .gform_previous_button {
    background-color: transparent !important; /* Transparent background */
    color: #eb2b46 !important; /* Red text color */
    border: 2px solid #eb2b46 !important; /* Red outline */
}

/* 🔹 Hover Effect for "Previous" Button */
#gform_wrapper_1 .gform_previous_button:hover {
    background-color: #eb2b46 !important; /* Red background on hover */
    color: white !important; /* White text on hover */
}

/* 🔹 Button Alignment (Makes "Previous" and "Submit" Look Good Together) */
#gform_wrapper_1 .gform_page_footer {
    text-align: center !important; /* Center the buttons */
}

/* 🔹 Fix for Mobile (Ensures Buttons Stack on Small Screens) */
@media (max-width: 600px) {
    #gform_wrapper_1 .gform_button,
    #gform_wrapper_1 .gform_next_button,
    #gform_wrapper_1 .gform_previous_button {
        width: 100% !important; /* Full width on small screens */
        max-width: none !important; /* Remove max width limit */
    }
}


/* 🔹 Style the Section Title */
#gform_wrapper_1 .section-heading h2 {
    font-size: 30px !important; /* Match first title size */
    font-weight: bold !important;
    color: #ffffff !important; /* Match first title color */
    text-align: center !important;
    margin-top: 5px !important; /* Match spacing */
    padding-top: 10px !important; /* Optional extra spacing */
}

/* 🔹 Style the Section Description */
#gform_wrapper_1 .section-heading p {
    font-size: 18px !important;
    color: #444 !important;
    text-align: center !important;
}

/* 🔹 Style All Field Labels */
#gform_wrapper_1 .gfield_label {
    font-size: 18px !important; /* Label text size */
    font-weight: bold !important; /* Make labels bold */
    color: #ffffff !important; /* Label text color */
    margin-bottom: 5px !important; /* Space between label and input field */
}

/* 🔹 Style All Input Fields (Name, Email, Phone, etc.) */
#gform_wrapper_1 input[type="text"],
#gform_wrapper_1 input[type="email"],
#gform_wrapper_1 input[type="tel"],
#gform_wrapper_1 textarea {
    width: 100% !important; /* Make fields full width */
    font-size: 16px !important; /* Text inside the input */
    padding: 12px !important; /* Space inside the field */
    border: 2px solid #ccc !important; /* Default border */
    border-radius: 8px !important; /* Rounded corners */
    background-color: #f5f5f5 !important; /* Default field background */
    color: #333 !important; /* Text color inside field */
    transition: all 0.3s ease-in-out !important; /* Smooth transition */
    margin-bottom: 20px !important; /* Space between fields */
}

/* 🔹 Change Field Border & Background When Clicked (Focus State) */
#gform_wrapper_1 input[type="text"]:focus,
#gform_wrapper_1 input[type="email"]:focus,
#gform_wrapper_1 input[type="tel"]:focus,
#gform_wrapper_1 textarea:focus {
    border-color: #eb2b46 !important; /* Border color when field is active */
    background-color: #ffffff !important; /* Background color when field is active */
    outline: none !important; /* Remove default browser outline */
}

/* 🔹 Adjust Spacing Between Fields */
#gform_wrapper_1 .gfield {
    margin-bottom: 0px !important; /* Adjusts space between fields */
}

/* 🔹 Style Placeholder Text (For Empty Input Fields) */
#gform_wrapper_1 input::placeholder,
#gform_wrapper_1 textarea::placeholder {
    color: #999 !important; /* Placeholder text color */
    font-style: italic !important; /* Optional: italic text */
}



/* 🔹 Style the Question Text (Multiple-Choice Question) */
#gform_wrapper_1 .gfield_label {
    font-size: 18px !important; /* Adjust question text size */
    font-weight: bold !important; /* Make it bold */
    color: #eb2b46 !important; /* Question text color (change this) */
    margin-top: -40px !important; /* Space above the question */
    margin-bottom: 15px !important; /* Space below the question */
}

/* 🔹 Apply Margins ONLY to the Field with the Custom Class */
#gform_wrapper_1 .custom-radio-margin {
    margin-top: 40px !important; /* Space above the question */
    margin-bottom: 30px !important; /* Space below the question */
}

/* 🔹 Style the Question Text */
#gform_wrapper_1 .custom-radio-margin .gfield_label {
    font-size: 18px !important; /* Adjust question text size */
    font-weight: bold !important; /* Make it bold */
    color: #eb2b46 !important; /* Question text color */
}

/* 🔹 Style the Answer Labels (Yes/No, etc.) */
#gform_wrapper_1 .custom-radio-margin .gchoice label {
    font-size: 16px !important; /* Adjust answer label text size */
    color: #ffffff !important; /* Keep answers white */
    font-weight: normal !important;
    margin-left: 8px !important; /* Adds slight spacing from radio button */
}

/* 🔹 Change Radio Button Selection Color (Blue Dot to Red) */
#gform_wrapper_1 .custom-radio-margin input[type="radio"]:checked + label::before {
    background-color: #eb2b46 !important; /* Change selected radio button color to red */
    border-color: #eb2b46 !important; /* Change border color */
}

/* 🔹 Adjust Radio Button Size */
#gform_wrapper_1 .custom-radio-margin input[type="radio"] {
    width: 18px !important; /* Adjust size */
    height: 18px !important; /* Adjust size */
}

/* 🔹 Increase Space Between Answer Choices */
#gform_wrapper_1 .custom-radio-margin .gchoice {
    margin-bottom: 10px !important; /* Space between Yes/No choices */
}

/* 🔹 Add Space Between Multiple-Choice Questions */
#gform_wrapper_1 .custom-radio-margin .gfield {
    margin-bottom: 30px !important; /* Adjusts space between multiple-choice questions */
}








/* 🔹 Ensure Terms & Conditions Text is Visible */
#gform_wrapper_1 .custom-terms-checkbox .gchoice label {
    font-size: 16px !important; /* Adjust text size */
    color: #ffffff !important; /* Change text color to white */
    font-weight: normal !important;
    display: inline-block !important; /* Ensures proper positioning */
    margin-left: 5px !important; /* Adjust spacing from checkbox */
}

/* 🔹 Style the Terms & Conditions Link */
#gform_wrapper_1 .custom-terms-checkbox .gchoice label a {
    color: #eb2b46 !important; /* Make the link red */
    text-decoration: underline !important;
    cursor: pointer !important;
}

/* 🔹 Adjust Checkbox Size & Spacing */
#gform_wrapper_1 .custom-terms-checkbox input[type="checkbox"] {
    width: 20px !important;
    height: 20px !important;
    cursor: pointer !important;
    margin-right: 8px !important; /* Space between checkbox and label */
}

/* 🔹 Add Spacing Below the Checkbox */
#gform_wrapper_1 .custom-terms-checkbox {
    margin-bottom: 20px !important;
}

/* 🔹 Popup Modal Styling */
.custom-terms-modal {
    display: none; /* Hidden initially */
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5); /* Dark overlay */
    justify-content: center;
    align-items: center;
}

/* 🔹 Style the Modal Content */
.custom-terms-content {
    background-color: white;
    padding: 20px;
    width: 80%;
    max-width: 600px;
    border-radius: 10px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
    text-align: center;
    position: relative;
}

/* 🔹 Close Button */
.custom-terms-modal .custom-close {
    position: absolute;
    top: 10px;
    right: 15px;
    font-size: 24px;
    font-weight: bold;
    cursor: pointer;
    color: #eb2b46;
}

/* 🔹 Scrollable Content in Modal */
.custom-scrollable-content {
    max-height: 60vh; /* Ensures content does not overflow */
    overflow-y: auto; /* Makes content scrollable */
    text-align: left; /* Align text for easy reading */
    padding: 10px;
}



/* 🔹 Full Background Color for Confirmation Page */
.registration-confirmation {
    text-align: center !important;
    background-color: #132530 !important; /* Change to your preferred background color */
    padding: 50px !important;
    border-radius: 15px !important;
    max-width: 1000px !important;
    margin: 50px auto !important;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3) !important;
}

/* 🔹 Logo Styling */
.confirmation-logo {
    width: 120px !important; /* Adjust size as needed */
    height: auto !important;
    margin-bottom: 15px !important; /* Space below logo */
}

/* 🔹 Style the "Registered" Title */
.registered-text {
    font-size: 36px !important; /* Large title */
    font-weight: bold !important;
    color: #ffffff !important; /* Text color */
    text-transform: uppercase !important;
    background-color: #eb2b46 !important; /* Red background */
    padding: 20px !important;
    border-radius: 10px !important;
    display: inline-block !important;
    margin-bottom: 20px !important; /* Space between title and details */
}

/* 🔹 Style the Name, Phone, Email Box */
.confirmation-details {
    font-size: 20px !important; /* Adjust size */
    color: #ffffff !important; /* Text color */
    background-color: #132530 !important; /* Background color */
    padding: 20px !important;
    border-radius: 10px !important;
    display: inline-block !important;
    text-align: center !important;
    line-height: 1.0 !important; /* Better spacing */
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2) !important;
    margin-top: 10px !important;
}

/* 🔹 Adjust Individual Text Colors */
.confirmation-details strong {
    color: #eb2b46 !important; /* Label color (red) */
}

.confirmation-details br {
    display: block !important; /* Ensures proper spacing */
    margin-bottom: 10px !important;
}

/* 🔹 Force Gravity Form to Have a Minimum Height */
#gform_wrapper_1 {
    min-height: 750px !important; /* Adjust this height as needed */
   
}/* End custom CSS */