/* Start custom CSS for html, class: .elementor-element-25d4fb2 */.apa-mesh-content {
    --apa-red: #FF0039;
    --apa-red-dark: #d90031;
    --apa-red-soft: rgba(255, 0, 57, 0.07);
    --apa-text: #252525;
    --apa-muted: #666;
    --apa-border: #e9e9e9;

    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 0;

    box-sizing: border-box;

    background: #fff;
    color: var(--apa-text);

    font-family: inherit;

    direction: rtl !important;
    text-align: right !important;

    overflow: hidden;
}


/* =====================================================
   GLOBAL RESET INSIDE SECTION
===================================================== */

.apa-mesh-content *,
.apa-mesh-content *::before,
.apa-mesh-content *::after {
    box-sizing: border-box;
    direction: rtl;
}


/* =====================================================
   CONTAINER
===================================================== */

.apa-mesh-content__container {
    width: min(1180px, calc(100% - 40px));
    max-width: 1180px;

    margin-left: auto;
    margin-right: auto;

    direction: rtl !important;
    text-align: right !important;
}


/* =====================================================
   HEADER
===================================================== */

.apa-mesh-content__header {
    width: 100%;

    margin: 0;
    padding: 10px 0 35px;

    direction: rtl !important;
    text-align: center !important;
}


/* Eyebrow */

.apa-mesh-content__eyebrow {
    display: inline-block;

    margin: 0 0 10px;

    color: var(--apa-red);

    font-size: 14px;
    line-height: 1.8;
    font-weight: 700;

    direction: rtl !important;
    text-align: center !important;
}


/* H1 */

.apa-mesh-content__header h1,
.apa-mesh-content h1 {
    display: block;

    width: 100%;

    margin: 0 !important;
    padding: 0 !important;

    color: var(--apa-text);

    font-size: clamp(30px, 4vw, 48px);
    line-height: 1.3;
    font-weight: 800;

    direction: rtl !important;
    text-align: center !important;

    unicode-bidi: plaintext;
}


/* Header line */

.apa-mesh-content__line {
    width: 55px;
    height: 3px;

    margin: 17px auto 0;

    padding: 0;

    background: var(--apa-red);

    border-radius: 50px;

    direction: rtl !important;
}


/* =====================================================
   SINGLE MAIN HERO IMAGE
===================================================== */

.apa-mesh-content__hero {
    width: 100%;
    height: auto;

    margin: 0 0 55px;
    padding: 0;

    overflow: hidden;

    border-radius: 18px;

    background: #f4f4f4;

    box-shadow: 0 18px 45px rgba(0, 0, 0, .10);

    direction: rtl !important;
}


.apa-mesh-content__hero img {
    display: block;

    width: 100%;
    height: auto;

    max-width: 100%;

    margin: 0;
    padding: 0;

    object-fit: cover;
    object-position: center;

    border: 0;

    direction: rtl !important;
}


/* =====================================================
   INTRO
===================================================== */

.apa-mesh-content__intro {
    width: 100%;
    max-width: 980px;

    margin: 0 auto 35px;
    padding: 0;

    direction: rtl !important;
    text-align: right !important;
}


/* =====================================================
   ALL H2
===================================================== */

.apa-mesh-content__intro h2,
.apa-mesh-content__section h2,
.apa-mesh-content h2 {
    position: relative;

    display: block;

    width: 100%;

    margin: 0 0 22px !important;
    padding: 0 17px 0 0 !important;

    color: var(--apa-text);

    font-size: clamp(23px, 3vw, 30px);
    line-height: 1.6;
    font-weight: 800;

    direction: rtl !important;
    text-align: right !important;

    unicode-bidi: plaintext;
}


/* Red line beside H2 */

.apa-mesh-content__intro h2::before,
.apa-mesh-content__section h2::before {
    content: "";

    position: absolute;

    right: 0;
    left: auto;

    top: 9px;

    width: 4px;
    height: 34px;

    margin: 0;

    border-radius: 10px;

    background: var(--apa-red);
}


/* =====================================================
   GENERAL PARAGRAPHS
===================================================== */

.apa-mesh-content p {
    display: block;

    width: 100%;

    margin: 0 0 20px !important;
    padding: 0;

    color: var(--apa-text);

    font-size: 16px;
    line-height: 2.15;

    direction: rtl !important;

    text-align: justify !important;
    text-justify: inter-word;

    unicode-bidi: plaintext;

    overflow-wrap: break-word;
    word-wrap: break-word;
}


/* =====================================================
   DETAILS
===================================================== */

.apa-mesh-content__details {
    display: block;

    width: 100%;

    margin: 0;
    padding: 0;

    direction: rtl !important;
    text-align: right !important;
}


/* =====================================================
   MORE BUTTON
===================================================== */

.apa-mesh-content__summary {
    list-style: none;

    width: fit-content;
    min-width: 190px;

    margin: 20px auto 45px;
    padding: 14px 24px;

    display: flex;

    flex-direction: row;

    align-items: center;
    justify-content: center;

    gap: 10px;

    cursor: pointer;
    user-select: none;

    color: #fff !important;
    background: var(--apa-red);

    border: 0;
    border-radius: 10px;

    font-family: inherit;

    font-size: 15px;
    line-height: 1.8;
    font-weight: 700;

    direction: rtl !important;
    text-align: center !important;

    box-shadow: 0 8px 22px rgba(255, 0, 57, .18);

    transition:
        background .25s ease,
        transform .25s ease,
        box-shadow .25s ease;
}


.apa-mesh-content__summary::-webkit-details-marker {
    display: none;
}


.apa-mesh-content__summary::marker {
    display: none;
    content: "";
}


.apa-mesh-content__summary:hover {
    background: var(--apa-red-dark);

    transform: translateY(-2px);

    box-shadow: 0 12px 28px rgba(255, 0, 57, .25);
}


/* =====================================================
   SUMMARY TEXT
===================================================== */

.apa-mesh-content__summary-open,
.apa-mesh-content__summary-close {
    direction: rtl !important;
    text-align: center !important;
}


.apa-mesh-content__summary-close {
    display: none;
}


.apa-mesh-content__details[open]
.apa-mesh-content__summary-open {
    display: none;
}


.apa-mesh-content__details[open]
.apa-mesh-content__summary-close {
    display: inline;
}


/* =====================================================
   SUMMARY ICON
===================================================== */

.apa-mesh-content__summary-icon {
    width: 22px;
    height: 22px;

    display: flex;

    align-items: center;
    justify-content: center;

    margin: 0;
    padding: 0;

    font-size: 22px;
    line-height: 1;

    direction: ltr !important;
    text-align: center !important;

    transition: transform .25s ease;
}


.apa-mesh-content__details[open]
.apa-mesh-content__summary-icon {
    transform: rotate(45deg);
}


/* =====================================================
   BODY
===================================================== */

.apa-mesh-content__body {
    display: block;

    width: 100%;

    margin: 0;
    padding: 0;

    direction: rtl !important;
    text-align: right !important;

    animation: apaMeshOpen .35s ease;
}


@keyframes apaMeshOpen {

    from {
        opacity: 0;
        transform: translateY(-8px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }

}


/* =====================================================
   MAIN SECTIONS
===================================================== */

.apa-mesh-content__section {
    width: 100%;
    max-width: 980px;

    margin: 0 auto 48px;
    padding: 0 0 32px;

    border-bottom: 1px solid var(--apa-border);

    direction: rtl !important;
    text-align: right !important;
}


.apa-mesh-content__section:last-child {
    border-bottom: 0;
}


/* =====================================================
   H3
===================================================== */

.apa-mesh-content__section h3,
.apa-mesh-content h3 {
    display: block;

    width: 100%;

    margin: 0 0 17px !important;
    padding: 0 14px 0 0 !important;

    color: var(--apa-text);

    font-size: clamp(19px, 2.2vw, 24px);
    line-height: 1.7;
    font-weight: 800;

    border-right: 3px solid var(--apa-red);
    border-left: 0;

    direction: rtl !important;
    text-align: right !important;

    unicode-bidi: plaintext;
}


/* =====================================================
   SUBSECTIONS
===================================================== */

.apa-mesh-content__subsection {
    width: 100%;

    margin: 0 0 32px;
    padding: 0 20px 25px 0;

    border-bottom: 1px solid var(--apa-border);

    direction: rtl !important;
    text-align: right !important;
}


.apa-mesh-content__subsection:last-child {
    margin-bottom: 0;
    padding-bottom: 0;

    border-bottom: 0;
}


/* =====================================================
   LIST
===================================================== */

.apa-mesh-content__list {
    width: 100%;

    margin: 20px 0 25px;
    padding: 0 25px 0 0;

    list-style: none;

    direction: rtl !important;
    text-align: right !important;
}


/* List item */

.apa-mesh-content__list li {
    position: relative;

    display: block;

    width: 100%;

    margin: 0 0 13px;
    padding: 0 25px 0 0;

    color: var(--apa-text);

    font-size: 16px;
    line-height: 2;

    direction: rtl !important;
    text-align: right !important;

    unicode-bidi: plaintext;
}


/* Red bullet */

.apa-mesh-content__list li::before {
    content: "";

    position: absolute;

    right: 0;
    left: auto;

    top: 13px;

    width: 8px;
    height: 8px;

    margin: 0;

    border-radius: 50%;

    background: var(--apa-red);
}


/* =====================================================
   NOTICE
===================================================== */

.apa-mesh-content__notice {
    display: block;

    width: 100%;

    margin: 0 0 32px !important;
    padding: 18px 20px;

    background: var(--apa-red-soft);

    border-right: 4px solid var(--apa-red);
    border-left: 0;

    border-radius: 8px;

    direction: rtl !important;
    text-align: justify !important;
}


.apa-mesh-content__notice strong {
    direction: rtl !important;
    text-align: right !important;
}


/* =====================================================
   TABLET
===================================================== */

@media (max-width: 900px) {

    .apa-mesh-content__container {
        width: min(100% - 30px, 760px);
    }


    .apa-mesh-content__hero {
        margin-bottom: 45px;
        border-radius: 14px;
    }


    .apa-mesh-content__intro,
    .apa-mesh-content__section {
        max-width: 100%;
    }

}


/* =====================================================
   MOBILE
===================================================== */

@media (max-width: 600px) {

    .apa-mesh-content__container {
        width: calc(100% - 24px);
    }


    /* Header */

    .apa-mesh-content__header {
        padding: 5px 0 25px;

        text-align: center !important;
    }


    .apa-mesh-content__header h1 {
        font-size: 30px;

        text-align: center !important;
    }


    .apa-mesh-content__eyebrow {
        font-size: 13px;

        text-align: center !important;
    }


    /* Hero */

    .apa-mesh-content__hero {
        height: auto;

        margin-bottom: 38px;

        border-radius: 12px;
    }


    .apa-mesh-content__hero img {
        width: 100%;
        height: auto;

        object-fit: cover;
    }


    /* H2 */

    .apa-mesh-content__intro h2,
    .apa-mesh-content__section h2 {
        margin-bottom: 18px !important;

        padding-right: 14px !important;

        font-size: 22px;
        line-height: 1.65;

        text-align: right !important;
    }


    .apa-mesh-content__intro h2::before,
    .apa-mesh-content__section h2::before {
        top: 8px;

        width: 3px;
        height: 30px;
    }


    /* Paragraph */

    .apa-mesh-content p {
        font-size: 15px;
        line-height: 2.15;

        text-align: justify !important;
    }


    /* Sections */

    .apa-mesh-content__section {
        margin-bottom: 35px;
        padding-bottom: 25px;

        text-align: right !important;
    }


    /* H3 */

    .apa-mesh-content__section h3 {
        margin-bottom: 15px !important;

        padding-right: 12px !important;

        font-size: 19px;
        line-height: 1.7;

        text-align: right !important;
    }


    /* Subsections */

    .apa-mesh-content__subsection {
        margin-bottom: 26px;

        padding-right: 12px;
        padding-left: 0;

        text-align: right !important;
    }


    /* Button */

    .apa-mesh-content__summary {
        width: 100%;
        min-width: 0;

        margin: 10px auto 35px;

        padding: 13px 18px;

        text-align: center !important;
    }


    /* List */

    .apa-mesh-content__list {
        margin-top: 15px;

        padding-right: 5px;
        padding-left: 0;

        text-align: right !important;
    }


    .apa-mesh-content__list li {
        margin-bottom: 12px;

        padding-right: 22px;
        padding-left: 0;

        font-size: 15px;
        line-height: 2;

        text-align: right !important;
    }


    .apa-mesh-content__list li::before {
        right: 0;

        width: 7px;
        height: 7px;
    }


    /* Notice */

    .apa-mesh-content__notice {
        padding: 15px 16px;

        text-align: justify !important;
    }

}


/* =====================================================
   EXTRA FIX FOR ELEMENTOR / THEME GLOBAL STYLES
===================================================== */

.elementor .apa-mesh-content h1,
.elementor .apa-mesh-content h2,
.elementor .apa-mesh-content h3,
.elementor .apa-mesh-content h4,
.elementor .apa-mesh-content h5,
.elementor .apa-mesh-content h6 {
    direction: rtl !important;
}


.elementor .apa-mesh-content h2,
.elementor .apa-mesh-content h3 {
    text-align: right !important;
}


.elementor .apa-mesh-content h1 {
    text-align: center !important;
}


.elementor .apa-mesh-content p {
    direction: rtl !important;
    text-align: justify !important;
}


.elementor .apa-mesh-content li {
    direction: rtl !important;
    text-align: right !important;
}


/* =====================================================
   FINAL ALIGNMENT OVERRIDE
===================================================== */

.apa-mesh-content[dir="rtl"] h2,
.apa-mesh-content[dir="rtl"] h3 {
    text-align: right !important;
    direction: rtl !important;
}

.apa-mesh-content[dir="rtl"] p {
    direction: rtl !important;
    text-align: justify !important;
}

.apa-mesh-content[dir="rtl"] li {
    direction: rtl !important;
    text-align: right !important;
}

.apa-mesh-content[dir="rtl"] h1 {
    direction: rtl !important;
    text-align: center !important;
}/* End custom CSS */