body {
    font-variant-numeric: lining-nums;
}

:where(p:not(:last-of-type)) {
    margin-bottom: 16px;
}

:where(strong) {
    color: var(--color-secondary);
    font-weight: 600;
}

:where(h1, h2) {
    word-break: break-word;
}

.list-no-margin :where(ol, ul) {
    margin-block: 0;
}

.default-content :where(ol, ul) {
    padding-left: 27px;
}

.default-content :where(ul) li::marker,
.default-single-content :where(ul) li::marker {
    font-size: 13px;
}

.category-slider.no-pagination {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

.category-slider.no-pagination .splide__arrows,
.category-slider.no-pagination .splide__pagination {
    display: none;
}

/* job details */
.job-details :where(h1, h2, h3, h4, h5, h6) {
    margin: 0 0 24px;
}

.job-details :where(h1, h2, h3, h4, h5, h6):not(:first-of-type) {
    margin-top: 40px;
}

.job-details :where(ul, ol) {
    padding-left: 19px;
}

.job-details :where(ul, ol) li:not(:last-child) {
    margin-bottom: 6px;
}

.job-details :where(p) {
    margin-bottom: 8px;
}

.job-details>*:not(:where(h1, h2, h3, h4, h5, h6)):last-of-type {
    margin-bottom: 0;
    padding-bottom: 0;
}

.job-details :where(strong){
    color: inherit;
    font-weight: 700;
}

.default-single-content :where(h1, h2, h3) {
    margin: 0 0 24px;
}

.default-single-content :where(h4, h5, h6) {
    margin: 0 0 16px;
}

.default-single-content :where(h1, h2, h3):not(:first-of-type) {
    margin-top: 40px;
}

.default-single-content :where(h4, h5, h6):not(:first-of-type) {
    margin-top: 24px;
}

.default-single-content :where(ol, ul) {
    padding-left: 27px;
}

.default-single-content :where(ul, ol) li:not(:last-child) {
    margin-bottom: 8px;
}

.default-single-content hr {
    margin-block: 40px;
    border-width: 1px;
}

.contact-lists {
    list-style: none;
    padding: 0;
}

.contact-lists>li{
    display: flex;
}

.contact-lists>li:not(:last-child) {
    margin-bottom: 12px;
}

.contact-lists>li a {
    display: inline-flex;
    column-gap: 8px;
    text-decoration: none;
    font-size: 14px;
    line-height: 1.14;
    align-items: center;
    transition: 0.4s color;
}

.contact-lists>li a:hover {
    color: var(--color-primary-80);
}

.contact-lists>li a img {
    width: 16px;
    height: 16px;
}

/* Form upload field */
:where(.brxe-form) .message.success {
    font-size: 16px;
    line-height: 1.5;
    border-radius: 8px;
}

.brxe-form.ok-form .form-group.file {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.brxe-form.ok-form .form-group.file>label:not(.choose-files) {
    color: var(--color-gray-100);
    margin-bottom: 15px !important;
    display: block;
}

/* Hide native file input */
.brxe-form.ok-form .form-group.file input[type="file"] {
    display: none !important;
}

.brxe-form.ok-form .form-group.file label.choose-files {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    width: 100%;
    padding: 14px 28px;
    border: 1.5px solid var(--color-secondary);
    border-radius: 50px;
    background-color: transparent;
    color: var(--color-secondary);
    font-weight: 600;
    font-size: 16px;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
    margin-bottom: 0 !important;
}

.brxe-form.ok-form .form-group.file label.choose-files:hover {
    background-color: var(--color-secondary-50);
}

.brxe-form.ok-form .form-group.file label.choose-files::before {
    content: "";
    display: inline-block;
    width: 15px;
    height: 17px;
    background-image: url("data:image/svg+xml,%3Csvg width='15' height='17' viewBox='0 0 15 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.8794 7.68305C13.9375 7.7411 13.9836 7.81003 14.0151 7.8859C14.0465 7.96178 14.0627 8.04311 14.0627 8.12524C14.0627 8.20738 14.0465 8.28871 14.0151 8.36458C13.9836 8.44045 13.9375 8.50939 13.8794 8.56743L7.46925 14.9737C6.64863 15.7942 5.53568 16.2551 4.37522 16.255C3.21477 16.255 2.10187 15.7939 1.28136 14.9733C0.460845 14.1527 -7.32354e-05 13.0397 8.72804e-09 11.8793C7.32529e-05 10.7188 0.461132 9.60591 1.28175 8.7854L9.03644 0.916649C9.6223 0.330168 10.4171 0.000439978 11.2461 4.39999e-07C12.0751 -0.000439098 12.8703 0.328446 13.4567 0.914305C14.0432 1.50016 14.373 2.29501 14.3734 3.12398C14.3738 3.95295 14.045 4.74814 13.4591 5.33462L5.70284 13.2034C5.3506 13.5556 4.87286 13.7535 4.37472 13.7535C3.87657 13.7535 3.39883 13.5556 3.04659 13.2034C2.69435 12.8511 2.49647 12.3734 2.49647 11.8752C2.49647 11.3771 2.69435 10.8994 3.04659 10.5471L9.55441 3.93618C9.61141 3.87537 9.68001 3.82657 9.75616 3.79266C9.83231 3.75876 9.91447 3.74043 9.99781 3.73875C10.0811 3.73707 10.164 3.75208 10.2414 3.7829C10.3189 3.81371 10.3894 3.85971 10.4488 3.91818C10.5082 3.97665 10.5553 4.04641 10.5874 4.12336C10.6194 4.20031 10.6357 4.2829 10.6354 4.36625C10.635 4.44961 10.618 4.53205 10.5853 4.60873C10.5526 4.68541 10.5049 4.75477 10.445 4.81274L3.93644 11.4307C3.87816 11.4885 3.83185 11.5572 3.80013 11.633C3.76842 11.7087 3.75193 11.7899 3.7516 11.872C3.75127 11.9541 3.76712 12.0354 3.79823 12.1114C3.82934 12.1873 3.87511 12.2564 3.93292 12.3147C3.99073 12.373 4.05946 12.4193 4.13517 12.451C4.21088 12.4827 4.2921 12.4992 4.37419 12.4995C4.45627 12.4999 4.53762 12.484 4.61358 12.4529C4.68954 12.4218 4.75863 12.376 4.81691 12.3182L12.5724 4.45337C12.9246 4.10185 13.1228 3.62481 13.1233 3.12718C13.1238 2.62955 12.9266 2.15209 12.5751 1.79985C12.2236 1.44761 11.7465 1.24944 11.2489 1.24892C10.7513 1.24841 10.2738 1.4456 9.92159 1.79712L2.16847 9.66274C1.87802 9.95273 1.64753 10.2971 1.49017 10.6761C1.3328 11.0552 1.25164 11.4615 1.25131 11.872C1.25099 12.2824 1.3315 12.6889 1.48827 13.0682C1.64503 13.4475 1.87497 13.7922 2.16495 14.0827C2.45494 14.3731 2.79929 14.6036 3.17835 14.761C3.55741 14.9183 3.96376 14.9995 4.37419 14.9998C4.78461 15.0001 5.19109 14.9196 5.5704 14.7629C5.94971 14.6061 6.29443 14.3762 6.58487 14.0862L12.9958 7.67993C13.1134 7.56322 13.2726 7.49799 13.4383 7.49858C13.6039 7.49916 13.7626 7.56552 13.8794 7.68305Z' fill='%2302264F'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
}

.brxe-form.ok-form .form-group.file .file-result {
    margin-top: 10px;
    font-size: 14px;
}

.brxe-form.ok-form .file-result .bricks-button {
    border-radius: 50px;
    padding: 8px 12px;
    font-size: 12px !important;
}

.brxe-form.ok-form .terms-text {
    font-size: 14px;
    line-height: 1.71;
    color: var(--color-gray-100);
    text-align: center;
}

.brxe-form.ok-form .terms-text a {
    color: var(--color-primary);
    text-decoration: underline;
    font-weight: 600;
}

.brxe-form.ok-form select {
    background-image: url("data:image/svg+xml,%3Csvg width='14' height='8' viewBox='0 0 14 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.6667 1L6.83333 6.83333L1 1' stroke='%23737B7F' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 20px center;
    background-size: 14px 8px;
    padding-right: 40px !important;
}

/* about timeline */
/* =========================================================
   TIMELINE SECTION
========================================================= */

.timeline-section {
    --navy: var(--color-secondary);
    --orange: var(--color-primary);
    --text: var(--color-gray-90);
    --light-blue: #e7f2f8;
    --ring: #dceef5;

    padding: 80px 0 60px;
    overflow: hidden;
}

.timeline-description {
    font-variant-numeric: lining-nums;
}


.timeline-track {
    position: relative;
    display: grid;
    gap: 80px;
}

.timeline-track:not(:last-child) {
    padding: 0 0 30px;
}

.timeline-line {
    --dot-size: 5px;
    position: absolute;
    width: 12px;
    z-index: 0;
    pointer-events: none;

    --timeline-progress: 0%;
}

.timeline-line::before,
.timeline-line::after {
    content: "";
    position: absolute;
    width: 12px;
    background-size: 12px 24px;
    background-position: center top;
    background-repeat: repeat-y;
    margin-top: 13px;
    transform: translateX(-1px);
}

.timeline-line::before {
    inset: 0;
    background-image:
        radial-gradient(circle, var(--color-secondary-50) 0, var(--color-secondary-50) var(--dot-size), transparent 6.5px);
}

.timeline-line::after {
    left: 0px;
    top: 0;
    height: var(--timeline-progress);
    background-image:
        radial-gradient(circle, var(--color-primary) 0, var(--color-primary) var(--dot-size), transparent 6.5px);
    pointer-events: none;
}

.timeline-item {
    display: grid;
    grid-template-columns: 80px 1fr;
    gap: 40px;
    align-items: center;
    position: relative;
}


.timeline-marker {
    width: 80px;
    height: 80px;
    min-width: 80px;
    border-radius: 50%;
    border: 1px solid var(--color-secondary-50);
    position: relative;
    z-index: 2;
    flex-shrink: 0;
}


.timeline-marker span {
    position: absolute;
    width: 26px;
    height: 26px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    background: var(--color-secondary-50);
    z-index: 2;
}



.timeline-marker::before,
.timeline-marker::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    border: 1px solid var(--ring);
    border-radius: 50%;
    transform: translate(-50%, -50%);
    pointer-events: none;
}

.timeline-marker,
.timeline-marker::before,
.timeline-marker::after,
.timeline-marker span {
    transition: all 0.3s cubic-bezier(0.25, 1, 0.5, 1);
}


.timeline-marker::before {
    width: 62px;
    height: 62px;
}


.timeline-marker::after {
    width: 44px;
    height: 44px;
}


.timeline-item.is-completed .timeline-marker {
    border-color: var(--color-primary);
}

.timeline-item.is-completed .timeline-marker::after {
    width: 30px;
    height: 30px;
    background-color: var(--color-white);
}

.timeline-item.is-completed .timeline-marker span {
    background: var(--color-primary);
    width: 15px;
    height: 15px;
}


.timeline-item.is-completed .timeline-marker::before,
.timeline-item.is-completed .timeline-marker::after {
    border-color: var(--color-primary-40);
}

.timeline-item.is-completed .timeline-marker::before {
    width: 50px;
    height: 50px;
}




@media (max-width: 767px) {

    .timeline-track {
        padding-left: 0;
    }


    .timeline-line {
        left: 36px;
        top: 25px;
        bottom: 25px;
    }

    .timeline-item {
        gap: 24px;
    }


}


/* =========================================================
   BRICKS TOC — FIGMA VERTICAL TABS
   Applies to ALL Bricks TOC elements
   ========================================================= */


/* =========================================================
   DESKTOP — 768px+
   ========================================================= */

@media (min-width: 992px) {

    .brxe-post-toc {
        width: 360px;

        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 4px;

        padding: 0;
        margin: 0;
    }


    /* -------------------------------------------------------
     TOC LIST
     ------------------------------------------------------- */

    .brxe-post-toc .toc-list {
        width: 100%;
        height: 100%;

        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 4px;

        padding: 0;
        margin: 0;

        list-style: none;
    }


    /* -------------------------------------------------------
     TOC ITEMS
     ------------------------------------------------------- */

    .brxe-post-toc .toc-list-item {
        width: 100%;

        padding: 0;
        margin: 0;

        list-style: none;
    }


    /* -------------------------------------------------------
     DESKTOP TAB
     ------------------------------------------------------- */

    .brxe-post-toc .toc-link {
        position: relative;

        width: 100%;

        box-sizing: border-box;

        display: flex;
        flex-direction: row;
        align-items: center;

        padding: 8px 16px;
        gap: 8px;

        border-radius: 8px;

        font-size: 16px;
        line-height: 24px;
        font-weight: 500;
        font-style: normal;

        font-feature-settings: "pnum" on, "lnum" on;

        color: var(--color-secondary);
        text-decoration: none;

        background: transparent;

        overflow: hidden;

        transition:
            background-color 0.25s ease,
            color 0.25s ease;
    }


    /* -------------------------------------------------------
     DESKTOP ACTIVE TAB
     ------------------------------------------------------- */

    .brxe-post-toc .toc-list-item.is-active-li>.toc-link,
    .brxe-post-toc .toc-link.is-active-link {
        background: #FFF5EE;
        color: var(--color-secondary);
    }


    /* -------------------------------------------------------
     DESKTOP ACTIVE ORANGE INDICATOR
     ------------------------------------------------------- */

    .brxe-post-toc .toc-list-item.is-active-li>.toc-link::before,
    .brxe-post-toc .toc-link.is-active-link::before {
        content: "";

        position: absolute;

        top: 0;
        left: 0;

        width: 4px;
        height: 100%;

        background: var(--color-primary);

        pointer-events: none;
    }


    /* -------------------------------------------------------
     DESKTOP HOVER
     ------------------------------------------------------- */

    .brxe-post-toc .toc-link:hover {
        background: #FFF5EE;
    }


    /* Don't show indicator on non-active hover */
    .brxe-post-toc .toc-list-item:not(.is-active-li) .toc-link:hover::before {
        content: none;
    }


    /* -------------------------------------------------------
     REMOVE BRICKS LINK DECORATION
     ------------------------------------------------------- */

    .brxe-post-toc .toc-link::after {
        display: none;
    }


    /* -------------------------------------------------------
     DESKTOP TEXT
     ------------------------------------------------------- */

    .brxe-post-toc .toc-link,
    .brxe-post-toc .toc-link span {
        font-size: 16px;
        line-height: 24px;
        font-weight: 500;
        font-style: normal;

        font-feature-settings: "pnum" on, "lnum" on;
    }

}


/* =========================================================
   MOBILE — 767px AND BELOW
   ========================================================= */

@media (max-width: 991px) {

    /* -------------------------------------------------------
     CONTAINER
     ------------------------------------------------------- */

    .brxe-post-toc {
        width: 100%;
        max-width: 100%;
        height: auto;

        display: flex;
        flex-direction: column;
        align-items: flex-start;

        gap: 4px;

        padding: 0;
        margin: 0;
    }


    /* -------------------------------------------------------
     TOC LIST
     ------------------------------------------------------- */

    .brxe-post-toc .toc-list {
        width: 100%;
        height: auto;

        display: flex;
        flex-direction: column;
        align-items: flex-start;

        gap: 0px;

        padding: 0;
        margin: 0;

        list-style: none;
    }


    /* -------------------------------------------------------
     TOC ITEM
     ------------------------------------------------------- */

    .brxe-post-toc .toc-list-item {
        width: 100%;

        padding: 0;
        margin: 0;

        list-style: none;
    }


    /* -------------------------------------------------------
     MOBILE TAB
     ------------------------------------------------------- */

    .brxe-post-toc .toc-link {
        position: relative;

        width: fit-content;

        box-sizing: border-box;

        display: flex;
        flex-direction: row;
        align-items: center;

        padding: 13px 8px;
        gap: 10px;

        border-radius: 8px;

        background: transparent !important;
        color: var(--color-primary) !important;

        font-size: 16px;
        line-height: 24px;
        font-weight: 600;
        font-style: normal;

        font-feature-settings: "pnum" on, "lnum" on;

        text-decoration: none;

        overflow: visible;

        transition: color 0.3s ease;
    }


    /* -------------------------------------------------------
     MOBILE TEXT
     ------------------------------------------------------- */

    .brxe-post-toc .toc-link,
    .brxe-post-toc .toc-link span {
        font-size: 16px;
        line-height: 24px;
        font-weight: 600;
        font-style: normal;

        font-feature-settings: "pnum" on, "lnum" on;

        color: var(--color-primary) !important;
    }


    /* =======================================================
     MOBILE ICON
     
     This is the ONLY mobile ::before rule.
     
     Normal:
     rotate(0deg)

     Hover:
     rotate(45deg)
     ======================================================= */

    .brxe-post-toc .toc-link::before {
        content: "" !important;

        position: static !important;

        display: block !important;

        width: 20px !important;
        height: 20px !important;
        min-width: 20px !important;

        flex: 0 0 20px !important;

        margin: 0 !important;

        top: auto !important;
        right: auto !important;
        bottom: auto !important;
        left: auto !important;

        background-color: transparent !important;

        background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.2503 2.50035V10.6253C11.2503 10.7911 11.1845 10.9501 11.0673 11.0673C10.9501 11.1845 10.7911 11.2503 10.6253 11.2503H2.50035C2.33459 11.2503 2.17562 11.1845 2.05841 11.0673C1.9412 10.9501 1.87535 10.7911 1.87535 10.6253C1.87535 10.4596 1.9412 10.3006 2.05841 10.1834C2.17562 10.0662 2.33459 10.0003 2.50035 10.0003H9.11675L0.18316 1.06754C0.0658846 0.95026 0 0.7912 0 0.625347C0 0.459495 0.0658846 0.300435 0.18316 0.18316C0.30044 0.06588 0.4595 0 0.62535 0C0.7912 0 0.95026 0.06588 1.06754 0.18316L10.0003 9.11675V2.50035C10.0003 2.33459 10.0662 2.17562 10.1834 2.05841C10.3006 1.9412 10.4596 1.87535 10.6253 1.87535C10.7911 1.87535 10.9501 1.9412 11.0673 2.05841C11.1845 2.17562 11.2503 2.33459 11.2503 2.50035Z' fill='%23FF8534'/%3E%3C/svg%3E") !important;

        background-repeat: no-repeat !important;
        background-position: center !important;
        background-size: 12px 12px !important;

        transform: rotate(0deg) !important;

        opacity: 1 !important;
        visibility: visible !important;

        pointer-events: none;

        transition: transform 0.3s ease !important;
    }


    /* =======================================================
     MOBILE ACTIVE
     
     SAME AS NORMAL.
     No separate ::before rule.
     No background.
     ======================================================= */

    .brxe-post-toc .toc-list-item.is-active-li>.toc-link,
    .brxe-post-toc .toc-link.is-active-link {
        background: transparent !important;
        color: var(--color-primary) !important;
    }


    /* =======================================================
     MOBILE HOVER
     
     No background.
     Arrow stays visible and rotates 45deg.
     ======================================================= */

    .brxe-post-toc .toc-link:hover {
        background: transparent !important;
        color: var(--color-primary) !important;
    }

    .brxe-post-toc .toc-link:hover::before {
        content: "" !important;

        display: block !important;

        opacity: 1 !important;
        visibility: visible !important;

        background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.2503 2.50035V10.6253C11.2503 10.7911 11.1845 10.9501 11.0673 11.0673C10.9501 11.1845 10.7911 11.2503 10.6253 11.2503H2.50035C2.33459 11.2503 2.17562 11.1845 2.05841 11.0673C1.9412 10.9501 1.87535 10.7911 1.87535 10.6253C1.87535 10.4596 1.9412 10.3006 2.05841 10.1834C2.17562 10.0662 2.33459 10.0003 2.50035 10.0003H9.11675L0.18316 1.06754C0.0658846 0.95026 0 0.7912 0 0.625347C0 0.459495 0.06588 0.300435 0.18316 0.18316C0.30044 0.06588 0.4595 0 0.62535 0C0.7912 0 0.95026 0.06588 1.06754 0.18316L10.0003 9.11675V2.50035C10.0003 2.33459 10.0662 2.17562 10.1834 2.05841C10.3006 1.9412 10.4596 1.87535 10.6253 1.87535C10.7911 1.87535 10.9501 1.9412 11.0673 2.05841C11.1845 2.17562 11.2503 2.33459 11.0673 2.05841C11.1845 2.17562 11.2503 2.33459 11.2503 2.50035Z' fill='%23FF8534'/%3E%3C/svg%3E") !important;

        transform: rotate(45deg) !important;
    }


    /* =======================================================
     REMOVE BRICKS DEFAULT LINK DECORATION
     ======================================================= */

    .brxe-post-toc .toc-link::after {
        display: none !important;
    }

}