.elementor-8216 .elementor-element.elementor-element-2d40d87{--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-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-8216 .elementor-element.elementor-element-f4498f7{text-align:center;}.elementor-8216 .elementor-element.elementor-element-f4498f7 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-weight:600;color:#2E3192;}.elementor-8216 .elementor-element.elementor-element-bb494e6{text-align:center;}.elementor-8216 .elementor-element.elementor-element-bb494e6 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:30px;font-weight:700;line-height:35px;color:#000000;}.elementor-8216 .elementor-element.elementor-element-2a495c7 > .elementor-widget-container{margin:20px 0px 0px 0px;}@media(max-width:767px){.elementor-8216 .elementor-element.elementor-element-f4498f7 .elementor-heading-title{font-size:24px;line-height:30px;}}/* Start custom CSS *//* ============================================
   GLOBAL RESET + BASE
============================================ */
.form-wrapper * {
    box-sizing: border-box;
    font-family: 'Montserrat', sans-serif;
}

.form-wrapper {
    max-width: 1200px;
    margin: auto;
    padding: 30px 20px;
    color: #000;
}

/* ============================================
   HEADINGS
============================================ */
.pdf-section-title {
    font-family: 'Montserrat', sans-serif;
    font-size: 26px;
    font-weight: 700;
    margin: 50px 0 25px;
    padding-left: 15px;
    border-left: 4px solid #F2A900;
    color: #2E3192;
}

.pdf-question {
    font-size: 18px;
    font-weight: 600;
    margin: 30px 0 10px;
    color: #444;
}

/* ============================================
   3–COLUMN GRID BASE
============================================ */
.cf7-row,
.input-grid-3 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 25px;
    margin-bottom: 25px;
}

 cf7-row label, .input-box label {
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 8px;
    display: block;
    color: #333;
}

/* ============================================
   INPUT FIELDS STYLING
============================================ */
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="date"],
textarea {
    width: 100%;
    padding: 12px 14px;
    border: 1px solid #DADADA;
    border-radius: 6px;
    font-size: 14px;
    transition: 0.2s ease;
    background: #fff;
}

input:focus,
textarea:focus {
    border-color: #2E3192;
    box-shadow: 0 0 5px rgba(46,49,146,0.3);
}

/* ============================================
   CHECKBOX / RADIO GRID
============================================ */
.checkbox-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 15px;
    margin-bottom: 20px;
}

.checkbox-item {
    display: flex;
    align-items: center;
    gap: 10px;
    font-weight: 500;
    font-size: 14px;
}

/* ============================================
   YES/NO BOXES
============================================ */
.yesno-box {
    margin: 25px 0;
    padding: 15px 20px;
    background: #F7F7F7;
    border-radius: 6px;
    border-left: 4px solid #2E3192;
}

.yesno-box label {
    font-weight: 600;
    display: block;
    margin-bottom: 10px;
}

.yesno-options {
    display: flex;
    gap: 20px;
}

/* ============================================
   NOTICE BOX (BIG PARAGRAPH AREA)
============================================ */
.notice-box {
    background: #F1F1F1;
    padding: 25px;
    border-radius: 6px;
    line-height: 1.6;
    color: #444;
}

/* ============================================
   TABLE BASE STYLING
============================================ */
.work-table,
.edu-table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 40px;
    font-size: 14px;
    background: #fff;
}

.work-table th,
.edu-table th {
    background: #2E3192;
    color: #fff;
    text-align: center;
    padding: 12px;
    font-weight: 600;
}

.work-table td,
.edu-table td {
    border: 1px solid #D1D1D1;
    padding: 12px;
}

/* ============================================
   MOBILE TABLE RESPONSIVE
============================================ */
@media (max-width: 768px) {

    .work-table,
    .edu-table,
    .work-table thead,
    .work-table tbody,
    .edu-table thead,
    .edu-table tbody,
    .work-table th,
    .edu-table th,
    .work-table td,
    .edu-table td,
    .work-table tr,
    .edu-table tr {
        display: block;
        width: 100%;
    }

    .work-table tr,
    .edu-table tr {
        margin-bottom: 20px;
        background: #fff;
        padding: 10px;
        border-radius: 6px;
        border: 1px solid #E0E0E0;
    }

    .work-table td,
    .edu-table td {
        position: relative;
        padding-left: 0px;
        min-height: 40px;
        font-size: 14px;
        border: none;
        border-bottom: 1px solid #eee;
    }

    .work-table td::before,
    .edu-table td::before {
        content: attr(data-label);
        position: absolute;
        left: 15px;
        top: 10px;
        font-weight: 700;
        color: #2E3192;
        text-transform: uppercase;
        font-size: 12px;
    }

    .work-table th,
    .edu-table th {
        display: none;
    }

    .cf7-row,
    .input-grid-3 {
        grid-template-columns: 1fr;
    }

    .checkbox-grid {
        grid-template-columns: 1fr 1fr;
    }
}

/* ============================================
   SUBMIT BUTTON
============================================ */
.submit-wrap input[type="submit"] {
    background: #2E3192;
    color: #fff;
    padding: 14px 40px;
    border: none;
    border-radius: 6px;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    margin-top: 30px;
    transition: 0.2s ease-in-out;
}

.submit-wrap input[type="submit"]:hover {
    background: #1F2268;
    transform: translateY(-2px);
}
.work-table th, .edu-table th {
    background: none;
    text-align:left;
}

.work-table td, .edu-table td {
    border: none;
}

input[type="text"], input[type="email"], input[type="tel"], input[type="date"], textarea {
    margin-top: 10px;
}

p {
    padding: 10px 0;
    color: #7f7f7f;
    font-size: 1em;
    line-height: 1.25em;
}
@media(max-width:550px){
    
    p {
    padding-: 20px 0;
    color: #7f7f7f;
    font-size: 1em;
    line-height: 1.25em;
}
}/* End custom CSS */