.elementor-653 .elementor-element.elementor-element-b54b504{--display:flex;--padding-top:10px;--padding-bottom:10px;--padding-left:40px;--padding-right:40px;}.elementor-653 .elementor-element.elementor-element-3857e56{padding:40px 40px 40px 40px;}#elementor-popup-modal-653 .dialog-message{height:auto;}#elementor-popup-modal-653{justify-content:center;align-items:center;pointer-events:all;}#elementor-popup-modal-653 .dialog-close-button{display:flex;}#elementor-popup-modal-653 .dialog-widget-content{box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}/* Start custom CSS for shortcode, class: .elementor-element-3857e56 *//* Package Deal Form - Clean, Spaced, Branded Styling */

/* Form container - card-like with breathing room */
#package-deal-form {
    display:true;
    background-color: #ffffff;          /* White or light bg to pop */
   
    max-width: 90%;                   
    margin-left: auto;                  /* Center or right-align as needed */
    margin-right: auto;
}
#package-deal-form input[type="text"],
#package-deal-form input[type="email"],
#package-deal-form input[type="number"],
#package-deal-form textarea {
    width: 100%;
    padding: 10px 16px;                 /* Comfortable padding */
    margin-bottom: 10px;
    border: 1px solid #cccccc;          /* Light border */
    border-radius: 0px;                 
    font-size: 16px;
    font-family: "Swiss 721", Sans-serif;
    box-sizing: border-box;
    background-color: #f9f9f9;          /* Slight bg for contrast */
    transition: border-color 0.3s ease;
}

#package-deal-form input:focus,
#package-deal-form textarea:focus {
    border-color: #4caf50;              /* ← Your accent/primary color */
    outline: none;
    box-shadow: 0 0 0 3px rgba(76, 175, 80, 0.15); /* Glow match */
}

/* Checkbox + label spacing */
#package-deal-form label {
    display: flex;
    align-items: center;
    margin-top: 10px;
    margin-bottom: 20px;                /* Space after checkbox */
    font-size: 15px;
    color: #444;
    font-family: "Swiss 721", Sans-serif;
}

#package-deal-form input[type="checkbox"] {
    margin-right: 12px;
    width: 18px;
    height: 18px;
    accent-color: #4caf50;              /* Checkmark color match */
}

/* Textarea specific */
#package-deal-form textarea {
    min-height: 120px;                  /* More room for notes */
    resize: vertical;
}

/* Submit button - match your site's buttons */
#package-deal-form button[type="submit"].button.alt {
    background-color: #75bc00;          /* ← REPLACE: your button BG color (e.g. green) */
    color: #ffffff;
    border: none;
    border-radius: 0px;                 /* Match other buttons */
    padding: 14px 32px;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    width: 100%;                        /* Full-width for mobile ease */
    margin-top: 5px;                   /* Space above button */
    text-transform: uppercase;          /* If your buttons use this */
    letter-spacing: 0.5px;
}

#package-deal-form button[type="submit"].button.alt:hover {
    background-color: #7EC900;          /* ← Darker hover variant (adjust to your real hover) */
    transform: translateY(-2px);
}

/* Message area (for success/error) */
.package-deal-message {
    margin-top: 15px;
    font-size: 14px;
    color: #333;
    text-align: center;
}
#elementor-popup-modal-653 > div > div.dialog-message.dialog-lightbox-message > div > div > div > div > div > div > ul{
    font-family: "Swiss 721", Sans-serif;
}
#elementor-popup-modal-653 > div > div.dialog-message.dialog-lightbox-message > div > div > div > div > div > div > h3:nth-child(1){
    font-family: "Swiss 721", Sans-serif;
    font-size: 20px;
}

#elementor-popup-modal-653 > div > div.dialog-message.dialog-lightbox-message > div > div > div > div > div > div > h3:nth-child(3){
    font-family: "Swiss 721", Sans-serif;
    font-size: 20px;
}/* End custom CSS */
/* Start custom CSS */#elementor-popup-modal-653 > div > div.dialog-message.dialog-lightbox-message > div > div > div > div > div > div > p > a{
    color: #2196F3;
}/* End custom CSS */