.elementor-451 .elementor-element.elementor-element-9c522e4{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-451 .elementor-element.elementor-element-64373ee{background-color:#C01818;padding:05px 0px 05px 0px;border-radius:8px 8px 8px 8px;text-align:center;}.elementor-451 .elementor-element.elementor-element-64373ee .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:35px;font-weight:800;color:#FFFFFF;}.elementor-451 .elementor-element.elementor-element-5b89cc2{font-size:16px;font-weight:400;color:#000000;}/* Start custom CSS for text-editor, class: .elementor-element-5b89cc2 *//* RESET COUNTERS */
.elementor-text-editor {
    counter-reset: h4-counter;
    max-width: 1200px;
 
}

/* =====================
   H4 — MAIN HEADING
===================== */
.elementor-text-editor h4 {
    position: relative;
    background: #c01818;
    color: #ffffff;
    padding: 14px 18px 14px 60px;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 600;
    margin: 26px 0 14px;
    counter-increment: h4-counter;
    counter-reset: h5-counter;
}

/* H4 NUMBER CIRCLE */
.elementor-text-editor h4::before {
    content: counter(h4-counter);
    position: absolute;
    left: 16px;
    top: 50%;
    transform: translateY(-50%);
    width: 30px;
    height: 30px;
    background: #ffffff;
    color: #c01818;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: 700;
}

/* =====================
   H5 — SUB ITEMS
===================== */
.elementor-text-editor h5 {
    position: relative;
    background: #fff5f5;
    color: #c01818;
    padding: 10px 16px 10px 50px;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 600;
    margin: 10px 0 10px ;
    counter-increment: h5-counter;
}

/* H5 SUB NUMBER CIRCLE */
.elementor-text-editor h5::before {
    content: counter(h4-counter) "." counter(h5-counter);
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
    width: 26px;
    height: 26px;
    background: #c01818;
    color: #ffffff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 11px;
    font-weight: 700;
}
@media (max-width: 768px) {

    .elementor-text-editor h4 {
        font-size: 14px;
        padding-left: 55px;
    }

    .elementor-text-editor h4::before {
        width: 26px;
        height: 26px;
        font-size: 13px;
    }

    .elementor-text-editor h5 {
        font-size: 13px;
        padding-left: 45px;
        margin-left: 5px;
    }

    .elementor-text-editor h5::before {
        width: 22px;
        height: 22px;
        font-size: 10px;
    }
}/* End custom CSS */