.elementor-5285 .elementor-element.elementor-element-aab845e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-5285 .elementor-element.elementor-element-9842d71 .ekit-form form input[type="submit"]{background-color:#FFFFFF;color:#910000;}.elementor-5285 .elementor-element.elementor-element-9842d71 .ekit-form form input[type="submit"]:hover{background-color:#FF0000;color:#ffffff;}.elementor-5285 .elementor-element.elementor-element-9842d71 .ekit-form form label{color:#000000;}.elementor-5285 .elementor-element.elementor-element-9842d71 .ekit-form form label span{color:#777777;}.elementor-5285 .elementor-element.elementor-element-9842d71 .ekit-form form input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]), .elementor-5285 .elementor-element.elementor-element-9842d71 .ekit-form form select{width:100%;height:50px;color:#000000;}.elementor-5285 .elementor-element.elementor-element-9842d71 .ekit-form form textarea{width:100%;height:176px;margin-bottom:20px;}.elementor-5285 .elementor-element.elementor-element-9842d71 .ekit-form form .ekit-form-input, .elementor-5285 .elementor-element.elementor-element-9842d71 .ekit-form form select, .elementor-5285 .elementor-element.elementor-element-9842d71 .ekit-form form input{margin-bottom:20px;}.elementor-5285 .elementor-element.elementor-element-9842d71 .wpcf7-form textarea{color:#000000;}.elementor-5285 .elementor-element.elementor-element-9842d71 .ekit-wid-con .ekit-form form textarea{color:#000000;}.elementor-5285 .elementor-element.elementor-element-9842d71 .ekit-form form input:not([type="submit"]):not([type="checkbox"]):not([type="radio"])::-webkit-input-placeholder{font-size:14px;color:#000000;}.elementor-5285 .elementor-element.elementor-element-9842d71 .ekit-form form input:not([type="submit"]):not([type="checkbox"]):not([type="radio"])::-moz-placeholder{font-size:14px;color:#000000;}.elementor-5285 .elementor-element.elementor-element-9842d71 .ekit-form form input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]):-ms-input-placeholder{font-size:14px;color:#000000;}.elementor-5285 .elementor-element.elementor-element-9842d71 .ekit-form form input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]):-moz-placeholder{font-size:14px;color:#000000;}.elementor-5285 .elementor-element.elementor-element-9842d71 .ekit-form form textarea::-webkit-input-placeholder{font-size:14px;color:#000000;}.elementor-5285 .elementor-element.elementor-element-9842d71 .ekit-form form textarea::-moz-placeholder{font-size:14px;color:#000000;}.elementor-5285 .elementor-element.elementor-element-9842d71 .ekit-form form textarea:-ms-input-placeholder{font-size:14px;color:#000000;}.elementor-5285 .elementor-element.elementor-element-9842d71 .ekit-form form textarea:-moz-placeholder{font-size:14px;color:#000000;}.elementor-5285 .elementor-element.elementor-element-9842d71 .ekit-form form > p{text-align:left;}.elementor-5285 .elementor-element.elementor-element-e0c74a5{--display:flex;}.elementor-5285 .elementor-element.elementor-element-a5fcc7e{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-5285 .elementor-element.elementor-element-a5fcc7e .elementor-divider-separator{width:100%;}.elementor-5285 .elementor-element.elementor-element-a5fcc7e .elementor-divider{padding-block-start:15px;padding-block-end:15px;}@media(max-width:767px){.elementor-5285 .elementor-element.elementor-element-9842d71 .ekit-form form input[type="submit"]{margin:-12px -12px -12px -12px;}}/* Start custom CSS for container, class: .elementor-element-aab845e *//* --- ASE Digital Academy Form Style (Non-Scrolling) --- */
/* This styles the main form wrapper */
.ase-dm-form-wrapper {
    background-color: #910000; /* Your requested background color */
    color: #ffffff;
    padding: 20px 30px; 
    border-radius: 10px;
}
/* Style headings inside the form */
.ase-dm-form-wrapper h2,
.ase-dm-form-wrapper h3 {
    color: #ffffff;
    border-bottom: 2px solid rgba(255, 255, 255, 0.5);
    padding-bottom: 10px;
}
/* Style fieldsets for better organization */
.ase-dm-form-wrapper fieldset {
    border: 1px solid rgba(255, 255, 255, 0.3);
    padding: 20px;
    margin-bottom: 20px;
    border-radius: 8px;
}
/* Style labels and paragraph text */
.ase-dm-form-wrapper p,
.ase-dm-form-wrapper label,
.ase-dm-form-wrapper span.wpcf7-list-item-label {
    color: #ffffff;
    font-size: 1.1em;
}
/* Note for the Student ID field */
.ase-dm-form-wrapper .form-note {
    font-size: 0.9em;
    font-style: italic;
    opacity: 0.8;
}
/* Style all input fields */
.ase-dm-form-wrapper input[type="text"],
.ase-dm-form-wrapper input[type="email"],
.ase-dm-form-wrapper input[type="tel"],
.ase-dm-form-wrapper input[type="date"],
.ase-dm-form-wrapper textarea {
    background-color: #ffffff;
    color: #333333;
    border: 1px solid #ccc;
    border-radius: 4px;
    width: 100%;
    padding: 12px;
    margin-top: 5px;
    box-sizing: border-box; /* Ensures padding doesn't add to width */
    -webkit-appearance: none; /* Remove iOS default styling */
    -moz-appearance: none; /* Remove Firefox default styling */
    appearance: none; /* Remove default styling */
}

/* Specific fix for date inputs to prevent overflow on iOS */
.ase-dm-form-wrapper input[type="date"] {
    min-width: 0; /* Override iOS minimum width */
    max-width: 100%; /* Ensure it doesn't exceed container */
}

/* Style radio & checkbox labels for clarity */
.ase-dm-form-wrapper .wpcf7-list-item {
    display: block;
    margin: 5px 0;
}
/* Style the file upload button */
.ase-dm-form-wrapper input[type="file"] {
    background-color: #f9f9f9;
    color: #333;
    padding: 10px;
    border-radius: 4px;
    width: 100%;
    box-sizing: border-box; /* Ensures padding doesn't add to width */
}
/* Style the acceptance checkbox text */
.ase-dm-form-wrapper .wpcf7-acceptance .wpcf7-list-item-label {
    font-size: 0.9em;
    color: #dddddd;
}
/* Style the Submit Button */
.ase-dm-form-wrapper input[type="submit"] {
    background-color: #ffffff;
    color: #910000;
    font-weight: bold;
    font-size: 18px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    transition: all 0.3s ease;
    margin-top: 15px; 
    width: 300px;
    height: 55px;
    box-sizing: border-box; /* Ensures button stays within bounds */
}
/* Optional: To center the button if its width is not 100% */
.ase-dm-form-wrapper p:has(input[type="submit"]) {
    text-align: center;
}
.ase-dm-form-wrapper input[type="submit"]:hover {
    background-color: #f0f0f0;
}
/* Style the "Final Step" info box */
.ase-dm-form-wrapper .final-step-info {
    background-color: rgba(0, 0, 0, 0.2);
    padding: 20px;
    border-radius: 8px;
    margin-top: 20px;
}
.ase-dm-form-wrapper .final-step-info h4 {
    color: #ffffff;
    margin-top: 0;
}
.ase-dm-form-wrapper .final-step-info p,
.ase-dm-form-wrapper .final-step-info li {
    font-size: 0.9em;
    color: #f0f0f0;
}

/* ============================================ */
/* MOBILE RESPONSIVE STYLES */
/* ============================================ */

/* Tablets and smaller (max-width: 768px) */
@media screen and (max-width: 768px) {
    .ase-dm-form-wrapper {
        padding: 15px 20px;
    }
    
    .ase-dm-form-wrapper h2,
    .ase-dm-form-wrapper h3 {
        font-size: 1.3em;
    }
    
    .ase-dm-form-wrapper fieldset {
        padding: 15px;
    }
    
    .ase-dm-form-wrapper p,
    .ase-dm-form-wrapper label,
    .ase-dm-form-wrapper span.wpcf7-list-item-label {
        font-size: 1em;
    }
    
    .ase-dm-form-wrapper input[type="text"],
    .ase-dm-form-wrapper input[type="email"],
    .ase-dm-form-wrapper input[type="tel"],
    .ase-dm-form-wrapper input[type="date"],
    .ase-dm-form-wrapper textarea {
        padding: 10px;
        font-size: 16px; /* Prevents zoom on iOS */
        min-width: 0; /* Critical for iOS */
    }
    
    /* Additional iOS date input fix */
    .ase-dm-form-wrapper input[type="date"] {
        padding: 10px 5px; /* Reduced horizontal padding for iOS */
        margin-bottom: 20px;
    }
    
    .ase-dm-form-wrapper input[type="submit"] {
        width: 90%;
        max-width: 280px;
        font-size: 16px;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 0;
        display: block;
    }
    
    /* Ensure submit button paragraph has no extra margin */
    .ase-dm-form-wrapper p:has(input[type="submit"]) {
        margin-bottom: 0;
    }
    
    .ase-dm-form-wrapper .final-step-info {
        padding: 15px;
    }
}

/* Mobile phones (max-width: 480px) */
@media screen and (max-width: 480px) {
    .ase-dm-form-wrapper {
        padding: 12px 15px 15px 15px; /* Added bottom padding */
        overflow-x: hidden; /* Prevent horizontal scroll */
    }
    
    .ase-dm-form-wrapper h2,
    .ase-dm-form-wrapper h3 {
        font-size: 1.2em;
        padding-bottom: 8px;
    }
    
    .ase-dm-form-wrapper fieldset {
        padding: 12px;
        margin-bottom: 15px;
    }
    
    .ase-dm-form-wrapper p,
    .ase-dm-form-wrapper label,
    .ase-dm-form-wrapper span.wpcf7-list-item-label {
        font-size: 0.95em;
    }
    
    .ase-dm-form-wrapper input[type="text"],
    .ase-dm-form-wrapper input[type="email"],
    .ase-dm-form-wrapper input[type="tel"],
    .ase-dm-form-wrapper input[type="date"],
    .ase-dm-form-wrapper textarea {
        padding: 10px 6px; /* Reduced horizontal padding */
        font-size: 16px; /* Prevents zoom on iOS */
        min-width: 0; /* Critical for iOS */
        width: 100% !important; /* Force 100% width on iOS */
    }
    
    /* Specific iOS date input fix */
    .ase-dm-form-wrapper input[type="date"] {
        padding: 10px 4px; /* Even less horizontal padding for date inputs */
        margin-bottom: 25px;
        -webkit-text-fill-color: #333333; /* Ensure text is visible on iOS */
    }
    
    /* Fix for date input wrapper on iOS */
    .ase-dm-form-wrapper input[type="date"]::-webkit-datetime-edit {
        padding: 0;
    }
    
    .ase-dm-form-wrapper input[type="date"]::-webkit-calendar-picker-indicator {
        margin-left: 2px;
        margin-right: 2px;
    }
    
    .ase-dm-form-wrapper input[type="file"] {
        padding: 8px;
        font-size: 14px;
    }
    
    .ase-dm-form-wrapper input[type="submit"] {
        width: 90%;
        max-width: 90%;
        height: 50px;
        font-size: 16px;
        margin: 10px auto 0 auto;
        display: block;
    }
    
    /* Ensure the submit button container doesn't cause overflow */
    .ase-dm-form-wrapper p:has(input[type="submit"]) {
        text-align: center;
        margin: 0;
        padding: 0;
    }
    
    .ase-dm-form-wrapper .final-step-info {
        padding: 12px;
    }
    
    .ase-dm-form-wrapper .final-step-info p,
    .ase-dm-form-wrapper .final-step-info li {
        font-size: 0.85em;
    }
}

/* Extra small devices (max-width: 360px) */
@media screen and (max-width: 360px) {
    .ase-dm-form-wrapper {
        padding: 10px 12px 12px 12px; /* Added bottom padding */
        overflow-x: hidden; /* Prevent horizontal scroll */
    }
    
    .ase-dm-form-wrapper fieldset {
        padding: 10px;
    }
    
    /* Extra protection for date inputs on very small screens */
    .ase-dm-form-wrapper input[type="date"] {
        padding: 10px 3px;
        margin-bottom: 25px;
        font-size: 15px;
    }
    
    .ase-dm-form-wrapper input[type="submit"] {
        width: 88%;
        max-width: 88%;
        height: 48px;
        font-size: 15px;
        margin: 10px auto 0 auto;
    }
    
    .ase-dm-form-wrapper p:has(input[type="submit"]) {
        margin: 0;
        padding: 0;
    }
}/* End custom CSS */