.elementor-5427 .elementor-element.elementor-element-02b6ba7{--display:flex;--min-height:157px;--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-5427 .elementor-element.elementor-element-f5ae57b{--display:flex;--min-height:157px;}.elementor-5427 .elementor-element.elementor-element-f5ae57b:not(.elementor-motion-effects-element-type-background), .elementor-5427 .elementor-element.elementor-element-f5ae57b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://testcrew.com/wp-content/uploads/2025/07/hero-cover-scaled.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-5427 .elementor-element.elementor-element-73ec5d1 > .elementor-widget-container{padding:55px 0px 0px 0px;}.elementor-5427 .elementor-element.elementor-element-73ec5d1.elementor-element{--align-self:center;}.elementor-5427 .elementor-element.elementor-element-adb9d7b{--display:flex;--min-height:0px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:76px 76px;--row-gap:76px;--column-gap:76px;--padding-top:30px;--padding-bottom:30px;--padding-left:0px;--padding-right:0px;--z-index:0;}.elementor-5427 .elementor-element.elementor-element-f7fcf96{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:flex-start;--gap:064px 064px;--row-gap:064px;--column-gap:064px;--border-radius:15px 15px 15px 15px;box-shadow:0px 0px 7px 0px rgba(0,0,0,0.5);--padding-top:5px;--padding-bottom:5px;--padding-left:5px;--padding-right:5px;}.elementor-5427 .elementor-element.elementor-element-08c5a84{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:flex-start;--gap:32px 32px;--row-gap:32px;--column-gap:32px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5427 .elementor-element.elementor-element-fd36e6d{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:flex-start;--gap:24px 24px;--row-gap:24px;--column-gap:24px;--border-radius:20px 20px 20px 20px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;--z-index:1;}.elementor-5427 .elementor-element.elementor-element-fd36e6d:not(.elementor-motion-effects-element-type-background), .elementor-5427 .elementor-element.elementor-element-fd36e6d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#03061400;background-image:url("https://testcrew.com/wp-content/uploads/2025/06/details.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-5427 .elementor-element.elementor-element-99d04dd .elementor-heading-title{font-family:"Teachers", Sans-serif;font-weight:400;color:#FFFFFF;}@media(min-width:768px){.elementor-5427 .elementor-element.elementor-element-02b6ba7{--content-width:1440px;}.elementor-5427 .elementor-element.elementor-element-f7fcf96{--width:100%;}.elementor-5427 .elementor-element.elementor-element-08c5a84{--width:65%;}.elementor-5427 .elementor-element.elementor-element-fd36e6d{--width:35%;}}/* Start custom CSS for shortcode, class: .elementor-element-c0a883f *//* Make all job details text white */
.job-detail,
.job-detail * {
    color: #ffffff !important;
}

/* Optional: Headings brighter/stronger */
.job-detail h2,
.job-detail h3 {
    color: #ffffff !important;
    font-weight: 700;
}

/* Optional: Labels bold white */
.job-detail strong {
    color: #ffffff !important;
    font-weight: 600;
}
.job-detail p {
    color:#fff;
    line-height: 1.7;
    margin-bottom:12px;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-422610e *//* ===============================
   JOB FORM — FULL TRANSPARENT UI
=================================*/

/* Form container completely transparent */
#jobform {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;      /* adjust if you want spacing */
}

/* ALL input fields transparent */
#jobform input,
#jobform textarea,
#jobform select {
    background: transparent !important;   /* Main requirement */
    border: 1px solid rgba(255,255,255,0.6);
    color: #ffffff !important;
    font-size: 15px;
    padding: 10px 14px;      /* space between text & border */
    margin-bottom: 15px;     /* gap between fields */
    border-radius: 6px;
}

/* Placeholder must be white */
#jobform input::placeholder,
#jobform textarea::placeholder,
#jobform File::placeholder
{
    color: #fff !important;
    opacity: 0.85;
}

/* Focus Glow Effect */
#jobform input:focus,
#jobform textarea:focus,
#jobform select:focus {
    border-color:#1f9b50;
    box-shadow:0 0 6px rgba(31,155,80,0.6);
    outline: none;
}

/* File upload transparent too */
#jobform input[type="file"] {
    background: transparent !important;
    border:1px dashed rgba(255,255,255,0.7);
    color: #fff !important;
}

/* Consent line white */
#jobform .consent-text span {
    color: #fff !important;
}

/* Submit button (keep solid for visibility) */
#jobform input[type="submit"] {
    background:#1f9b50 !important;
    color:#fff;
    border:none;
    padding:10px 28px;
    border-radius:50px;
    font-weight:600;
    cursor:pointer;
    transition:.25s;
}

#jobform input[type="submit"]:hover {
    background:#178343;
    transform:scale(1.05);
}
/* Force all labels inside job form to white */
#jobform label,
#jobform .wpcf7-form-control-wrap,
#jobform span,
#jobform .allowed-types,
#jobform .allowed-types.text-style {
    color: #ffffff !important;
}

/* Extra force just for file upload row  */
#jobform input[type="file"]::file-.elementor-5427 .elementor-element.elementor-element-422610e-button {
    color:white !important;
    background: rgba(255,255,255,0.1);
    border:1px solid white;
    padding:6px 14px;
    border-radius:4px;
}
/* Success message after job application submit */
#jobform .wpcf7-response-output {
    color:#ffffff !important;
    border-color:#1f9b50 !important; /* green border like contact form */
}
/* ✅ JOB FORM – success message in white */
#wpcf7-f5410-p5427-o1 .wpcf7-response-output {
    color: #ffffff !important;
    border-color: #1f9b50 !important;   /* green border like other form */
}

/* ✅ JOB FORM – validation / error messages also white */
#wpcf7-f5410-p5427-o1 .wpcf7-validation-errors,
#wpcf7-f5410-p5427-o1 .wpcf7-mail-sent-ng {
    color: #ffffff !important;
    border-color: #ff5555 !important;   /* red border for error */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fd36e6d *//* ============================
   JOB FORM MAIN WRAPPER
   ============================ */
#jobform {
    background: #ffffff;
    border-radius: 10px;
    padding: 25px 30px;
    box-shadow: 0 8px 20px rgba(0,0,0,0.06);
    max-width: 100%;
}


/* ============================
   LABEL STYLING
   ============================ */
#jobform label {
    display: block;
    font-weight: 600;
    color: #333333;
    margin-bottom: 6px; /* small gap BELOW label text */
    font-size: 14px;
}

/* Red asterisk for required fields */
#jobform label span {
    color: #e63946;
    margin-left: 3px;
}


/* ============================
   SPACING: LABEL TEXT → INPUT
   ============================ */
#jobform label input,
#jobform label textarea,
#jobform label select {
    margin-top: 10px !important; /* space between label text and input */
    display: block;
}


/* ============================
   INPUT FIELDS (Text, Email, Phone, File, Textarea)
   ============================ */
#jobform input[type="text"],
#jobform input[type="email"],
#jobform input[type="tel"],
#jobform input[type="file"],
#jobform textarea {
    width: 100%;
    padding: 10px 12px;
    border: 1px solid #d0d7e2;
    border-radius: 6px;
    font-size: 14px;
    box-sizing: border-box;
    background-color: #f9fbff;
    transition: border-color 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease;
    margin-bottom: 15px; /* space BELOW fields */
}

/* Focus effect */
#jobform input[type="text"]:focus,
#jobform input[type="email"]:focus,
#jobform input[type="tel"]:focus,
#jobform input[type="file"]:focus,
#jobform textarea:focus {
    outline: none;
    border-color: #1f9b50;
    box-shadow: 0 0 0 2px rgba(31,155,80,0.15);
    background-color: #ffffff;
}

/* Textarea height */
#jobform textarea {
    min-height: 120px;
    resize: vertical;
}


/* ============================
   FILE TYPE TEXT (Allowed Types)
   ============================ */
#jobform .allowed-types,
#jobform .text-style {
    display: block;
    font-size: 12px;
    color: #777777;
    margin-top: -8px;
    margin-bottom: 12px;
}


/* ============================
   CONSENT CHECKBOX TEXT
   ============================ */
#jobform .consent-text {
    margin-top: 10px;
    margin-bottom: 15px;
    font-size: 13px;
    line-height: 1.5;
    color: #555555;
}

#jobform .consent-text input[type="checkbox"] {
    margin-right: 6px;
}


/* ============================
   SUBMIT BUTTON
   ============================ */
#jobform input[type="submit"],
#jobform .wpcf7-submit {
    display: inline-block;
    border: none;
    border-radius: 999px;
    padding: 10px 28px;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    cursor: pointer;
    background: #1f9b50; /* TestCrew Green */
    color: #ffffff;
    transition: background 0.2s ease, transform 0.1s ease, box-shadow 0.2s ease;
}

#jobform input[type="submit"]:hover,
#jobform .wpcf7-submit:hover {
    background: #178343;
    box-shadow: 0 4px 10px rgba(23,131,67,0.35);
    transform: translateY(-1px);
}

#jobform input[type="submit"]:active,
#jobform .wpcf7-submit:active {
    transform: translateY(0);
    box-shadow: none;
}


/* ============================
   MOBILE RESPONSIVE
   ============================ */
@media (max-width: 767px) {
    #jobform {
        padding: 18px 16px;
    }

    #jobform label {
        font-size: 13px;
    }

    #jobform input[type="submit"],
    #jobform .wpcf7-submit {
        width: 100%;
        text-align: center;
    }
}/* End custom CSS */